@charset "utf-8";

.container-contents{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/bg_01.jpg);
 background-repeat: no-repeat;
 background-position: top center;
 background-attachment: fixed;
 background-size: cover;
 background-color: #fff;
}
.contents{
 position: relative;
 max-width: 1000px;
 margin: 0 auto;
 padding: 0 0 60px;
}





/**/
.lnav{
 margin: auto;
}
.lnav ul{
 font-size: 0;
}
.lnav ul li{
 width: 15.283842794759824%;
 display: inline-block;
 margin: 1.0917030567685588% 0.5458515283842794% 0;
 position: relative;
}
.lnav ul li a{
 width: 100%;
 height: 0;
 padding-top: 57.14285714285714%;
 text-indent: -9999em;
 overflow: hidden;
 display: block;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: 100% auto;
}



/**/
.tab-header{
 padding: 60px 0 40px;
}
.tab-header .lnav ul{
 text-align: center;
}
.tab-header .lnav ul li{
 margin: 0 1.5%;
 width: 20%;
}
.tab-header .lnav ul li a{
 padding-top: 17%;
}
.tab-header .lnav ul li.lnav__btn--gallery a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/lnav_01.png);
}
.tab-header .lnav ul li.lnav__btn--movie a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/lnav_02.png);
}
.tab-header .lnav ul li.lnav__btn--gallery a.is-active,
.tab-header .lnav ul li.lnav__btn--gallery a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/lnav_01_on.png);
}
.tab-header .lnav ul li.lnav__btn--movie a.is-active,
.tab-header .lnav ul li.lnav__btn--movie a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/lnav_02_on.png);
}





/**/
.gallery-nav{
 margin: auto;
}
.gallery-nav ul{
 font-size: 0;
}
.gallery-nav ul li{
 display: block;
 width: 15.283842794759824%;
 width: 140px;
 margin: 1.0917030567685588% 0.5458515283842794% 0;
 position: relative;
}
.gallery-nav ul li a{
 width: 100%;
 height: 0;
 padding-top: 57.14285714285714%;
 text-indent: -9999em;
 overflow: hidden;
 display: block;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: 100% auto;
}
.gallery-nav ul li.gallery-nav__btn--01 a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_01.png);
}
.gallery-nav ul li.gallery-nav__btn--01 a.is-active,
.gallery-nav ul li.gallery-nav__btn--01 a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_01_on.png);
}
.gallery-nav ul li.gallery-nav__btn--02 a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_02.png);
}
.gallery-nav ul li.gallery-nav__btn--02 a.is-active,
.gallery-nav ul li.gallery-nav__btn--02 a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_02_on.png);
}
.gallery-nav ul li.gallery-nav__btn--03 a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_03.png);
}
.gallery-nav ul li.gallery-nav__btn--03 a.is-active,
.gallery-nav ul li.gallery-nav__btn--03 a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_03_on.png);
}
.gallery-nav ul li.gallery-nav__btn--04 a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_04.png);
}
.gallery-nav ul li.gallery-nav__btn--04 a.is-active,
.gallery-nav ul li.gallery-nav__btn--04 a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_04_on.png);
}
.gallery-nav ul li.gallery-nav__btn--05 a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_05.png);
}
.gallery-nav ul li.gallery-nav__btn--05 a.is-active,
.gallery-nav ul li.gallery-nav__btn--05 a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_05_on.png);
}
.gallery-nav ul li.gallery-nav__btn--06 a{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_06.png);
}
.gallery-nav ul li.gallery-nav__btn--06 a.is-active,
.gallery-nav ul li.gallery-nav__btn--06 a:hover{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/gallery_nav_06_on.png);
}
.gallery-nav ul li.off a{
 pointer-events: none;
}
.gallery-nav .btn__new{
	position: absolute;
	top: -8px;
	left: 0;
	width: 36px;
	height: 16px;
	background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/icon_new.png);
	background-repeat: no-repeat;
	background-position: 0;
}




/**/
.tab-panel{
 padding-top: 60px;
 text-align: center;
 /*display: none;*/
}
.tab-title{
 margin-bottom: 3em;
 text-align: center;
}
.text-01{
 margin-top: 3em;
}
.box--a{
 border-radius: 9px;
 background-color: rgba(255,255,255,0.85);
 box-shadow: 0px 0px 3px #CCC;
 padding: 2.5em 3em 3em;
}

@media screen and (max-width: 767px) {
.container-contents{
 background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/bg_01_sp.jpg);
 background-size: 100% auto;
}
.contents{
 width: 92.1875%;
 margin: 0 auto;
}
.tab-header{
 padding: 2em 0 2em;
}
.tab-header .lnav ul li{
 width: 30%;
}
.tab-nav{
 width: 85.9375%;
 margin: 0 auto;
}
.tab-panel{
 padding-top: 0;
}
#gallery .tab-panel{
 padding-top: 3.0em;
}
.tab-title{
 margin: 0 1em 1.5em;
}
.box--a{
 padding: 2em 0;
}

}

/**/


@media screen and (min-width: 768px) {
.movie-list{

}
.movie-item{
 float: left;
 width: 50%;
 padding: 0 15px;
}
}
.movie-item__thumb{
 display: inline-block;
 position: relative;
 border-radius: 4px;
 background-color: rgba(0,0,0,1.00);
}
.movie-item__thumb img{
 opacity: 0.75;
}
.movie-item__thumb img:hover{
 opacity: 1;
}
.movie-item__caption{
 margin: 20px 0;
 font-size: 16px;
 font-weight: bold;
}
.movie-item__new{
 position: absolute;
 top: -15px;
 left: -2px;
 width: 60px;
 height: 27px;
 background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/mh/gallery/images/icon_new_large.png);
 z-index: 99;
}
@media screen and (max-width: 767px) {
.movie-list{
  margin: 0 20px;
}
.movie-item{
 margin: 20px 0 20px;
}
.movie-item__caption{
 margin: 15px 0;
 font-size: 14px;
}
}