@charset "utf-8";

*{}

@media screen and (min-width: 768px) {
#visual{ position: relative; margin-bottom:65px; height:420px; background-position:center center; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#visual .mainimg_caption { position: absolute; z-index: 100; left: 0; bottom: -20px; width: 100%; text-indent: 0; text-align: center; font-size: .8rem; }
#detail{ margin-bottom:100px; }
#detail .shoulder{ margin-bottom:20px; text-align:center; }
#membersclub{ margin-bottom:60px; }
#btn-contact{ margin-bottom:60px; text-align:center; }
#btn-ichiran{ text-align:center; }
#member .memberslist ul li .added_caption { margin-top: 5px; font-size:.8em; }
#detail .added_caption { margin-top: 10px; font-size:.9em; }
#membersclub .photo .added_caption { display: inline-block; margin-top: 10px; font-size:.9em; }
#detail .slide_caption { margin-top: 10px; text-align: center; font-size: .9em; }

.modal-slideimage-contna *{ margin:0; padding:0; font-size:.1em; line-height:0; } 
.modal-slideimage-contna img{ border:none; }
.modal-slideimage-contna{ position:relative; width:720px;  }
.modal-slideimage-contna .btn-close{ position:absolute; right:0px; top:0px; }
.modal-slideimage-contna-inr{ height:600px; width:720px; }
}

@media screen and (max-width: 768px) {
#visual{ position: relative; margin-bottom:30px; padding-bottom:calc(100%*380/640); background-position:center top; background-repeat:no-repeat; font-size:.1em; line-height:0; text-indent:-9999px; }
#visual .mainimg_caption { position: absolute; z-index: 100; left: 0; bottom: -10px; width: 100%; text-indent: 0; text-align: center; font-size: .6rem; }
#detail{ margin-bottom:50px; }
#detail .shoulder{ margin:0 auto; margin-bottom:15px; }
#membersclub{ margin-bottom:45px; }
#btn-contact{ margin:0 auto; margin-bottom:45px; width:270px; }
#btn-ichiran{ margin:0 auto; width:95px; }
#member .memberslist ul li .added_caption{ margin-top: 5px; font-size:.8em; }
#detail .added_caption { margin-top: 5px; font-size:.9em; }
#membersclub .photo .added_caption { display: inline-block; margin-top: 10px; font-size:.9em; }
#detail .slide_caption { margin-top: 5px; text-align: center; font-size: .9em; }

.modal-slideimage-contna *{ margin:0; padding:0; font-size:.1em; line-height:0; } 
.modal-slideimage-contna img{ border:none; }
.modal-slideimage-contna{ position:relative; width:300px; }
.modal-slideimage-contna .btn-close{ position:absolute; right:0; top:-40px; width:25px; }
.modal-slideimage-contna-inr{ height:300px; width:300px; }
}