/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: initial; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: initial;
    top: initial;
    margin-top: initial;
    width: initial;
    height: initial;
    position: initial;
    left: initial;
    right: initial;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: initial;
    background-color: initial;
    height: initial;
    width: initial;
    position: initial;
    left: initial;
    background-position: initial;
    right: initial;
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: initial; }

.pswp__ui--idle .swipeMenu_item {
    opacity: 0; }


/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .swipeMenu,
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001; }


/* メニューバーのCSS */
.swipeWrap {
    width: 100%;
    min-height: 100%;
    margin: auto;
    background: #000;
    position: relative;
}

.swipeWrap_img {
    display: block;
    margin: auto;
}

.swipeMenu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
}

.swipeMenu_item,
.pswp--svg .swipeMenu_item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    background: rgba(45, 45, 45, 0.84);
}

.swipeMenu li a {
    color: #fff;
    display:block;
    width:100%;
}