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

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

/* start header */
header h2{top: 15px;}
/* end header */

/* start top ranking */
.wapper.ranking .header .hgroup h2{ font-size: 20px;}
.wapper.ranking .header .hgroup h3{ font-size: 12px;}
.wapper.ranking .w1000Box .left a .textBox .proof{ font-size: 12px;}
.wapper.ranking .w1000Box .left a .textBox .nameArea span.post{ font-size: 12px;}
.wapper.ranking .w1000Box .left a .textBox .nameArea span.name{ font-size: 14px;}
.wapper.ranking .w1000Box ul.right a .textBox .proof{ font-size: 10px;}
.wapper.ranking .w1000Box ul.right a .textBox .nameArea{ padding: 5px 0 2px;}
.wapper.ranking .w1000Box ul.right a .textBox .nameArea span.post{ font-size: 10px;}
.wapper.ranking .w1000Box ul.right a .textBox .nameArea span.name{ font-size: 12px;}
/* end top ranking */

/* start top movie */
.wapper.movie .header .hgroup h2{ font-size: 20px;}
.wapper.movie .header .hgroup h3{ font-size: 12px;}
/* end top movie */

/* start top photo */
.wapper.photo .header .hgroup h2{ font-size: 20px;}
.wapper.photo .header .hgroup h3{ font-size: 12px;}
/* end top photo */

/* start top instagram */
.wapper.instagram .header .hgroup h2{ font-size: 20px;}
.wapper.instagram .header .hgroup h3{ font-size: 12px;}
/* end top instagram */

/* start top schedule */
.wapper.schedule .header .hgroup h2{ font-size: 20px;}
.wapper.schedule .header .hgroup h3{ font-size: 12px;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+1) td:nth-child(1),
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+2) td:nth-child(1){ width: 100px; padding: 10px 10px 8px;}
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+1) td:nth-child(2),
.wapper.schedule .w1000Box .swiper-container .swiper-wrapper .swiper-slide table tr:nth-child(2n+2) td:nth-child(2){ padding: 8px 10px 8px; vertical-align: middle; font-size: 12px;}
/* end top schedule */

/* start top news */
.wapper.news .header .hgroup h2{ font-size: 20px;}
.wapper.news .header .hgroup h3{ font-size: 12px;}
/* end top news */

/* start top pickup */
.wapper.pickup .header .hgroup h2{ font-size: 20px;}
.wapper.pickup .header .hgroup h3{ font-size: 12px;}
/* end top pickup */

/* start top pickup */
.wapper.pickup .header .hgroup{ width: 100%;}
.wapper.pickup .wapper .left{ height: 380px;}
.wapper.pickup .wapper ul.right li{ height: 190px;}
/* end top pickup */

/* start top gd */
.wapper.group{ width: 100%; padding: 40px 0 0;}
.wapper.group .logoBox{ width: 100%;}
.wapper.group .logoBox svg,
#logoGD-long image{ width: 200px !important;}
.wapper.group ul li{ width : calc(100% / 3); float: left; min-height: 80px; vertical-align: middle;}
.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: 150px !important; text-align: center;}
/* end top gd */

/* start footer */
.footerText p#text{ padding: 0 20px; box-sizing: border-box;}
.footerText p#copy{ padding: 0 20px; box-sizing: border-box;}
/* end footer */

/* start system */
.wapper.systemPage .header .hgroup h2{ font-size: 20px;}
.wapper.systemPage .header .hgroup h2 span{ font-size: 18px;}
.wapper.systemPage .header .hgroup h3{ font-size: 12px;}
/* end system */

/* start ranking */
.wapper.rankingPage .header .hgroup h2{ font-size: 20px;}
.wapper.rankingPage .header .hgroup h3{ font-size: 12px;}

.wapper.rankingPage .w1000Box ul.rank01Area{ width: 100%;}
.wapper.rankingPage .w1000Box ul.rank01Area li{ width: calc(100% / 1);}
.wapper.rankingPage .w1000Box ul.rank01Area li .proof{ font-size: 12px;}
.wapper.rankingPage .w1000Box ul.rank01Area li .nameArea span.post{ font-size: 12px;}
.wapper.rankingPage .w1000Box ul.rank01Area li .nameArea span.name{ font-size: 14px;}
.wapper.rankingPage .w1000Box ul.rank01Area li .proof{ font-size: 10px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox .nameArea{ padding: 5px 0 2px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox .nameArea span.post{ font-size: 10px;}
.wapper.rankingPage .w1000Box ul.rank01Area a .textBox .nameArea span.name{ font-size: 12px;}

.wapper.rankingPage .w1000Box ul.rank02Area li{ width: calc(100% / 2);}
.wapper.rankingPage .w1000Box ul.rank02Area li .proof{ font-size: 12px;}
.wapper.rankingPage .w1000Box ul.rank02Area li .nameArea span.post{ font-size: 12px;}
.wapper.rankingPage .w1000Box ul.rank02Area li .nameArea span.name{ font-size: 14px;}
.wapper.rankingPage .w1000Box ul.rank02Area li .proof{ font-size: 10px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .textBox .nameArea{ padding: 5px 0 2px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .textBox .nameArea span.post{ font-size: 10px;}
.wapper.rankingPage .w1000Box ul.rank02Area a .textBox .nameArea span.name{ font-size: 12px;}
/* end ranking */

/* start staff list */
.wapper.stafflistPage .header .hgroup h2{ font-size: 20px;}
.wapper.stafflistPage .header .hgroup h3{ font-size: 12px;}
.wapper.stafflistPage .wapper.searchArea .menu label{ padding-right: 60px}
.wapper.stafflistPage ul.staffList li a .textBox p.tauriFont{ font-size: 16px;}
/* end staff list */

/* start staff */
.wapper.staffPage .header .hgroup h2{ font-size: 20px;}
.wapper.staffPage .header .hgroup h3{ font-size: 12px;}
.wapper.staffPage .wapper.upperPart .right h2{ font-size: 24px;}
.wapper.staffPage .wapper.upperPart .right .textArea{ padding: 20px 20px 20px; box-sizing: border-box;}
.wapper.staffPage .wapper.upperPart .right .textArea p:nth-child(1){ font-size: 12px;}
.wapper.staffPage .wapper.upperPart .right .textArea p:nth-child(2){ font-size: 24px;}
.wapper.staffPage .wapper.upperPart .right .textArea p:nth-child(3){ font-size: 12px;}
.wapper.staffPage .wapper.underPart .w1000Box ul li{ width: 100%; float: left;}
.wapper.staffPage .wapper .infoText{ font-size: 14px;}
.wapper.staffPage .wapper.snsPart .w1000Box{ width: 400px; text-align: center; }
.wapper.staffPage .wapper.snsPart .w1000Box a{ display: inline-block; float: inherit;}
.wapper.staffPage .wapper.snsPart .w1000Box a:nth-child(3n+3){ margin-right: 0;}
.wapper.staffPage .wapper.snsPart .w1000Box a:nth-child(1),
.wapper.staffPage .wapper.snsPart .w1000Box a:nth-child(2),
.wapper.staffPage .wapper.snsPart .w1000Box a:nth-child(3){ margin-bottom: 16px;}
.wapper.staffPage .wapper.upperPart .right .textArea{padding: 2vw 0 0;}
/* end staff */

/* start movie */
.wapper.moviePage .header .hgroup h2{ font-size: 20px;}
.wapper.moviePage .header .hgroup h3{ font-size: 12px;}
.wapper.moviePage ul.pageList{ display: block; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.wapper.moviePage ul.pageList li{ float: left; margin-right: 10px;}
/* end movie */

/* start photo list */
.wapper.photoListPage .header .hgroup h2{ font-size: 20px;}
.wapper.photoListPage .header .hgroup h3{ font-size: 12px;}
.wapper.photoListPage ul.pageList{ display: block !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px; box-sizing: border-box !important;}
.wapper.photoListPage ul.pageList li{ float: left; margin-right: 10px;}
.wapper.photoListPage ul.photoList li{ width: calc(100% / 2);}
.wapper.photoListPage ul.photoList li .photo{ max-height: 140px;}
.wapper.photoListPage ul.photoList li .text{ min-height: 90px;}
.wapper.photoListPage ul.photoList li .text p{ font-size: 14px; padding-bottom: 0 !important;}
/* end photo list */

/* start schedule */
.wapper.schedulePage .header .hgroup h2{ font-size: 20px;}
.wapper.schedulePage .header .hgroup h3{ font-size: 12px;}
.wapper.schedulePage .w1000Box .footer{ width: 100%; overflow: hidden; padding: 40px 0; background-color: #E6F5FE; text-align: center;}
.wapper.schedulePage .w1000Box .footer .button{ width: 120px; height: auto; overflow: hidden; display: inline-block; padding: 10px 10px 6px 16px; color: #6697C6; background-color: #B5DCFD; border-radius: 50px; vertical-align: bottom; margin: 0 auto; text-align: center; position: inherit; font-size: 14px;}
.wapper.schedulePage .w1000Box .footer .button:nth-child(1){ margin-right: 20px;}
.wapper.schedulePage .w1000Box .footer .button:hover{ opacity: 0.6;}
/* end schedule */