/*画像ポップアップギャラリー表示用*/
.popGallery_bg{display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; background: #000a; transition: .4s; z-index: 1001;}
.popup_content{position: relative;}
a.popLargeImg{cursor: pointer;}
a.popLargeImg:hover{opacity: .7; transition: ease .2s all;}
.imgPopBox{display: none; position: fixed; top: 55%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1010; width: 80%; max-width: 900px; height: auto; border: 3px solid #fff;}
.imgPopBox.imgVertical{width: 40vh;}
.imgPopBox .imgPopBoxInner{position: relative;}
.imgPopBox .imgPopMainImg{padding: 0; margin: 0;}
.imgPopBox .imgPopMainImg img{width: 100%; height: auto;}
.imgPopBox .imgPopCaptionDl{position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); width: 100%; background-color: #000a; padding: .5em; box-sizing: border-box;}
.imgPopBox .imgPopCaptionDt{font-size: 140%; text-align: center; color: #fff; margin-bottom: .3em;}
.imgPopBox .imgPopCaptionDd{}
.imgPopBox .imgPopCaptionDd .moreBtn{display: block; margin: 0 auto .5em; padding: .3em 1.5em; max-width: 16em; border: 1px solid #fff; color: #fff; text-align: center; font-size: 120%; border-radius: 2em; position: relative; transition: ease .3s;}
.imgPopBox .imgPopCaptionDd .moreBtn:after{content: ""; display: block; width: .6em; height: .7em; background: #fff; clip-path: polygon(0 0,0 100%,100% 50%); position: absolute; top: 50%; right: .7em; transform: translate(0,-50%);}
.imgPopBox .imgPopCaptionDd .moreBtn:hover{background: #fff5;}
.imgPopBox .tit{text-align: center; margin: 0 auto 20px;}
.imgPopBox .tit span{display: inline-block; width: 127px; height: 27px; color: #fff; font-size: 14px; line-height: 27px; background: #404952; border-radius: 3px;}
.popup_nav .prev{position: absolute; top: 50%; left: -40px; transform: translateY(-50%); width: 30px; height: 30px; z-index: 1030;}
.popup_nav .next{position: absolute; top: 50%; right: -40px; transform: translateY(-50%); width: 30px; height: 30px;}
.popup_nav .prev.disabled,.popup_nav .next.disabled{display: none;}
.popup_close{position: absolute; width: 30px; height: 30px; cursor: pointer; top: .5em; right: .5em; z-index: 1020;}

/*@media screen and (max-width :  768px){
  .popup_close{border-radius: 50%; top: -.2em; right: -.2em; transform: translateY(-100%);}
  .popup_close span{width: 20px; height: 2px; left: 50%; top: 45%;}
  .popup_close span:nth-child(1){transform: translate(-50%,50%) rotate(45deg);}
  .popup_close span:nth-child(2){transform: translate(-50%,50%) rotate(-45deg);}
}*/
@media screen and (max-width : 767px){
    .imgPopBox{width: 95%; height: auto; margin: 0 auto; background: #fff;}
    .popup_nav .prev{left: 35%; top: inherit; bottom: -1em; transform: translate(0,100%);}
    .popup_nav .next{right: 35%; top: inherit; bottom: -1em; transform: translate(0,100%);}
    .imgPopBox .imgPopCaptionDl{position: relative; background-color: #111;}
}