.forPC{ display: none !important;}
.forTABLET{ display: block;}
.forSP{ display: block !important;}

.w1000Box{ width: 100%; overflow: hidden; margin: 0 auto;}


/* start header */
header{ border-bottom: 2px solid #760307;}
header .hgroup{ width: 100%;}
header .hgroup h2{ margin: 0 0 0 10px;}
header nav{ display: none; position: absolute; z-index: 99999; background-color: rgba(255, 255, 255, 0.9);}
header nav ul{ width: 100%;}
header nav ul li{ width: 100%; display: block; border-bottom: 0px none; margin-left: 0;}
header nav ul li:last-child a{ border-bottom: 0px none;}
header nav ul li:hover{ border-bottom: 0px none;}
header nav ul li a{ color: #000; text-align: left; background-image: url(../images/item07.png); background-repeat: no-repeat; background-position: 99% center;}
header nav ul li a span{ float: right; display: inline-block; font-family:'Helvetica', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', sans-serif; font-size: 14px; margin-right: 50px; margin-top: 6px;}

.spmenu_btn { display:block; position:absolute; top:30px; right:15px; width:30px; height:22px; background:#fff; border-top:10px solid #fff; border-bottom:10px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
.spmenu_btn span{ height: 2px; display: block; position: absolute; z-index: 10; width: 30px; background-color: #A8050E;}
.spmenu_btn.active span{ display: none;}
.spmenu_btn:before { content:''; position:absolute; width:30px; height:2px; background:#000; top:-9px; right:0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
.spmenu_btn:after { content:''; position:absolute; width:30px; height:2px; background:#000; bottom:-9px; right:0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s;}
.spmenu_btn.active { background:#FFF;}
.spmenu_btn.active:before { -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:0; right:0;}
.spmenu_btn.active:after { -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); bottom:0; right:0;}
.spmenu { display:none; position:absolute; top:51px; left:0; width:100%; background:#000;}
nav { display:block; width:100%; margin:0 auto;}
nav li a { display:block; width:100%; color:#FFF; padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; border-bottom:1px solid #999;}
/* end header */

/* start main images */
#mainArea{ width: 100%;}
#mainArea a:hover{ opacity: 0.6;}
#mainArea .main{ width: 100%; height: auto; float: left;}
#mainArea .main .bx-wrapper{ margin-bottom: 20px;}
#mainArea .main .bx-wrapper img{ width: 100%;}
#mainArea .main.bnr .bx-wrapper .bx-controls-direction a{ background-color: rgba(51, 51, 51, 0.8);}
#mainArea .main.bnr .bx-wrapper .bx-controls-direction a.bx-prev{ background-image: url(../images/item03.png); background-repeat: no-repeat; height: 45px;}
#mainArea .main.bnr .bx-wrapper .bx-controls-direction a.bx-next{ background-image: url(../images/item04.png); background-repeat: no-repeat; height: 45px;}
/* end main images */

/* start top ranking */
.wapper.ranking .header .hgroup{ width: 100%;}
.wapper.ranking .w1000Box .left{ width: 100%;}
.wapper.ranking .w1000Box .left a img{ width: 100%;}
.wapper.ranking .w1000Box ul.right{ width: 100%;}
.wapper.ranking .w1000Box ul.right a img{ width: 100%;}
.wapper.ranking .footer .tabBtn{ width: 100%;}
.wapper.ranking .footer .tabBtn a{ margin: 0 auto; display: block; float: inherit; width: 260px;}
.wapper.ranking .footer .tabBtn a:nth-child(2){ margin-top: 20px;}
.wapper.ranking .footer .tabBtn a:hover{ opacity: 1;}
/* end top ranking */

/* start top movie */
.wapper.movie .header .hgroup{ width: 100%;}
.wapper.movie .w1000Box .bx-wrapper{ width: 100%;}
.wapper.movie .w1000Box .bx-wrapper .bxslider-movie{ left: 50%; margin-left: -500px;}
/* end top movie */

/* start top photo */
.wapper.photo .header .hgroup{ width: 100%;}
.wapper.photo .w1000Box .bx-wrapper{ width: 100%;}
.wapper.photo .w1000Box .bx-wrapper .bxslider-photo{ left: 50%; margin-left: -500px;}
/* end top photo */

/* start top instagram */
.wapper.instagram .header .hgroup{ width: 100%;}
/* end top instagram */

/* start top schedule */
.wapper.schedule .header .hgroup{ width: 100%;}
/* end top schedule */

/* start top news */
.wapper.news .header .hgroup{ width: 100%;}
/* end top news */

/* start top pickup */
.wapper.pickup .header .hgroup{ width: 100%;}
/* end top pickup */

/* start top banner */
.wapper.banner{ width: 100%; padding: 0;}
.wapper.banner .bx-wrapper{ width: 100% !important; vertical-align: top; margin-bottom: 0;}
.wapper.banner .bx-wrapper .bx-viewport{ height: auto !important;}
.wapper.banner ul li{ margin: 0 0 0;}
.wapper.banner ul li:nth-child(3n+2){ margin: 0 0 0;}
.wapper.banner .bx-wrapper .bx-controls-direction a{ background-color: rgba(51, 51, 51, 0.8); margin-top: -22px;}
.wapper.banner .bx-wrapper .bx-controls-direction a.bx-prev{ background-image: url(../images/item03.png); background-repeat: no-repeat; height: 45px; left: 0;}
.wapper.banner .bx-wrapper .bx-controls-direction a.bx-next{ background-image: url(../images/item04.png); background-repeat: no-repeat; height: 45px; right: 0;}
/* end top banner */

/* start top gd */
.wapper.group{ width: 100%; padding: 40px 0 0;}
.wapper.group .logoBox{ width: 100%;}
.wapper.group ul { letter-spacing: -.4em; }
.wapper.group ul li{ width : 33.333333%; display: inline-block; letter-spacing: normal; vertical-align: top; min-height: 80px;}
.wapper.group ul li:nth-child(3n+2){ margin-left: 0; margin-right: 0;}
.wapper.group ul li a p{ display: none;}

.wapper.group ul li svg,
symbol image.group{ width: 100% !important; text-align: center;}
/* end top gd */

/* start footer */
footer{ margin: 40px 0 0; padding: 0 0 20px;}
footer ul li{ width: 100%; overflow: hidden; padding: 10px; box-sizing: ; background-color: #E5E5E5; border-bottom: 1px solid #000; background-image: url(../images/item07.png); background-repeat: no-repeat; background-position: 92% center;}
footer ul li a{ color: #000; width: 100%; display: block;}
footer .w1000Box .shop{ margin-top: 20px;}
footer .w1000Box .sns{ position: inherit; text-align: center; margin-bottom: 20px;}
footer .w1000Box .sns a{ display: inline-block;}
footer .w1000Box .sns a:nth-child(2){ margin: 0 10px;}
/* end footer */


/* start system */
.wapper.systemPage .header .hgroup{ width: 100%;}
.wapper.systemPage .header .hgroup h2{ font-size: 24px;}
.wapper.systemPage .header .hgroup h3{ font-size: 12px;}
.wapper.systemPage .wapper.system{ width: 100%; padding: 20px 0x 0;}
.wapper.systemPage .wapper.system li{ padding: 0 20px; box-sizing: border-box;}
.wapper.systemPage .wapper.system li.col1{ width: 400px;}
.wapper.systemPage .wapper.system li.col2{ width: 100%;}
.wapper.systemPage .wapper.system li span.title{ font-size: 12px;}
.wapper.systemPage .wapper.system li p{ padding-left: 140px;}
.wapper.systemPage .wapper.system li p span{ margin-left: 0;}
.wapper.systemPage .wapper.system li:last-child{ width: 100%; padding: 0;}
.wapper.systemPage .wapper.map{ background-color: #fff;}
.wapper.systemPage .wapper.map iframe{ margin: 20px auto 0; display: block; height: 480px !important; width: 100% !important;}
/* end system */

/* start ranking */
.wapper.rankingPage .header .hgroup{ width: 100%;}
.wapper.rankingPage .w1000Box ul.rank01Area{ width: 100%;}
.wapper.rankingPage .w1000Box ul.rank01Area li{ width: calc(100% / 1);}
.wapper.rankingPage .w1000Box ul.rank02Area li{ width: calc(100% / 2);}
/* end ranking */

/* start staff list */
.wapper.stafflistPage .header .hgroup{ width: 100%;}
.wapper.stafflistPage .wapper.searchArea .menu label{ width: 100%; background-position: 95% center; padding-right: 80px}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem ul{ width: 100%; padding: 20px; box-sizing: border-box;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li:nth-child(2n+1){ width: calc(100% / 2 - 25px); margin-right: 25px;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li:nth-child(2n+2){ width: calc(100% / 2); margin-right: 0;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li:nth-child(5){ margin-right: 25px;}
.wapper.stafflistPage .wapper.searchArea .menu .searchItem li a{ font-size: 12px;}
input.on-off[type="checkbox"]:checked + .searchItem{ height: auto;}
.wapper.stafflistPage ul.staffList li{ width: calc(100% / 2);}
/* end staff list */

/* start staff */
.wapper.staffPage .header .hgroup{ width: 100%;}
.wapper.staffPage .wapper.upperPart{ display: block;}
.wapper.staffPage .wapper.upperPart .left{ width: 100%; min-width: 100%; height: auto;}
.wapper.staffPage .wapper.upperPart .left img{ width: 100%;}
.wapper.staffPage .wapper.upperPart .right{ overflow: hidden; width: 100%; height: auto;}
.wapper.staffPage .wapper.upperPart .right .textArea{ height: auto; overflow: hidden; padding: 40px 0 40px;}
.wapper.staffPage .wapper.centerPartSP{ width: 100%; overflow: hidden; display: -webkit-flex; display: flex;}
.wapper.staffPage .wapper.centerPartSP .left{ width: 160px; float: left;}
.wapper.staffPage .wapper.centerPartSP .right{  width: calc(100% - 160px); float: left;}
.wapper.staffPage .bottom{ width: 100%; display: block; overflow: hidden; height: 480px;}
.wapper.staffPage .wapper.bg{ background-color: #000; height: 300px;}
.wapper.staffPage .wapper .slide-wrap{ width: 100%;}
.wapper.staffPage .wapper .bxslider-staffMovie li{ width: 100% !important; height: auto;}
.wapper.staffPage .wapper.underPart .w1000Box ul{ width: 100%; padding: 0 20px; box-sizing: border-box;}
.wapper.staffPage .wapper.underPart .w1000Box ul li{ width: 50%; float: left;}
.wapper.staffPage .wapper.underPart .w1000Box ul li .square{ width: 20px; height: 20px; float: left; filter: saturate(60%); margin: 2px 0 0 0;}
.wapper.staffPage .wapper.underPart .w1000Box ul li p{ font-size: 16px; color: #fff; padding-left: 30px;}
.wapper.staffPage .wapper.snsPart .w1000Box{ height: auto; padding: 20px; box-sizing: border-box;}
.wapper.staffPage .wapper a.backBtn{ margin-top: 40px;}
/* end staff */

/* start movie */
.wapper.moviePage .header .hgroup{ width: 100%;}
.wapper.moviePage ul.pageList{ width: 100%;}
.wapper.moviePage ul.pageList li{ text-align: center;}
.wapper.moviePage .wapper.movie{ background-color: #000;}
.wapper.moviePage .wapper.movie .mainMovie{ width: 100%;}
.wapper.moviePage .wapper.movie .mainMovie iframe{ height: 260px !important;}
.wapper.moviePage .wapper.movie ul.movieList{ width: 100%;}
.wapper.moviePage .wapper.movie ul.movieList li{ width: calc(100% / 1);}
.wapper.moviePage .wapper.movie ul.movieList li iframe{ height: 260px !important;}
/* end movie */

/* start photo list */
.wapper.photoListPage .header .hgroup{ width: 100%;}
.wapper.photoListPage ul.pageList{ width: 100% !important;}
.wapper.photoListPage ul.pageList li{ text-align: center;}
.wapper.photoListPage ul.photoList{ min-width: 100%;}
.wapper.photoListPage ul.photoList li{ width: calc(100% / 3);}
.wapper.photoListPage ul.photoList li .text{ min-height: 100px;}
.wapper.photoListPage .photoTitle{ width: 100%; background-color: #C8C8BE;}
.wapper.photoListPage .wapper .bx-wrapper .bx-controls-direction a{ background-color: rgba(51, 51, 51, 0.8); margin-top: -60px;}
.wapper.photoListPage .wapper .bx-wrapper .bx-controls-direction a.bx-prev{ background-image: url(../images/item03.png); background-repeat: no-repeat; height: 45px;}
.wapper.photoListPage .wapper .bx-wrapper .bx-controls-direction a.bx-next{ background-image: url(../images/item04.png); background-repeat: no-repeat; height: 45px;}
.wapper.photoListPage .wapper .bx-wrapper{ background-color: #E1E1DC; margin-bottom: 0;}
.wapper.photoListPage .wapper .bx-wrapper .pagetext{ text-align: center; font-size: 20px; background-color: #E1E1DC; display: block;}
.wapper.photoListPage .wapper .bx-wrapper .titletext{ overflow: hidden; width: 100%; padding: 20px; box-sizing: border-box; font-size: 14px; background-color: #E1E1DC; display: block;word-break: break-all;}
.wapper.photoListPage .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #C4C4BA;}
.wapper.photoListPage .footer a{ width: 240px; overflow: hidden; display: block; padding: 14px 10px 10px 16px; color: #E1E1DC; background-color: #969683; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center;}
.wapper.photoListPage .footer a:hover{ opacity: 0.6;}
/* end photo list */

/* start schedule */
.wapper.schedulePage .header .hgroup{ width: 100%;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide .month{ width: 100%; overflow: hidden; text-align: center; font-size: 18px; background-color: #E6F5FE; margin-bottom: 20px;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table{ width: 100%;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table:nth-child(2){ margin-right: 0;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table:nth-child(3) tr:nth-child(2n+2) td:nth-child(1){ width: 130px; padding: 10px 30px 8px; box-sizing: border-box; background-color: #B5DCFD;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table:nth-child(3) tr:nth-child(2n+1) td:nth-child(1){ width: 130px; padding: 10px 30px 8px; box-sizing: border-box; background-color: #C9E6FE;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table:nth-child(3) tr:nth-child(2n+2) td:nth-child(2){ padding: 10px 30px 8px; box-sizing: border-box; background-color: #C9E6FE;}
.wapper.schedulePage .w1000Box .swiper-container .swiper-wrapper .swiper-slide table:nth-child(3) tr:nth-child(2n+1) td:nth-child(2){ padding: 10px 30px 8px; box-sizing: border-box; background-color: #B5DCFD;}
/* end schedule */