footer {
    margin: 0;
    padding: 0;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, form, select, option, input address, pre, strong, em, iframe, a {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

li {
    list-style: none;
}

a {
    outline: none !important;
}

img {
    border: none;
    margin: 0;
    padding: 0;
}

.flo_left {
    float: left;
}

.flo_right {
    float: right;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

a:hover img.link {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

img.opa {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

#commonHeader{ display: block !important; }



.insta ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #FFF;
}

.insta li {
	width: 33%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
}

.insta li:nth-of-type(3n) {
	margin-right: 0;
}

.insta li:nth-last-of-type(-n+3) {
	margin-bottom: 0;
}

.insta li a {
	background-size: cover;
	position: relative;
	height: 0;
	padding-top: 100%;
	display: block;
}
.insta li a:hover {
	opacity: 0.7;
}

.insta li span {
	display: block;
}

.insta_bn {
	margin: 2em auto 2em;
}

.insta_bn a {
	display: block;
	background: url(../img/insta_bn.png?new) center center no-repeat;
	aspect-ratio: 4/1;
	background-size: contain;
	border-radius: 10px;
}

.insta_bn a:hover {
	opacity: .8;
}




/* wrap
----------------------------------------------------- */
div.wrap {
    width: 100%;
}

div.wrap * {
    word-wrap: break-word;
    word-break: break-all;
}
.txt-right{
    text-align: right;
}
.mg-bt-15{
    margin-bottom: 15px;
}

.spview {
	display: none;
}
.spbr{ display: none; }

.pcview {
	display: block;
}

.ns400{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 400; font-style: normal;}
.ns500{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 500; font-style: normal;}
.ns700{font-family: noto-sans-cjk-jp, sans-serif; font-weight: 700; font-style: normal;}
.chiaro{font-family: fot-chiaro-std, sans-serif; font-weight: 700; font-style: normal;}

#gamechange{ background: #FFF; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", メイリオ, Meiryo, 游ゴシック, YuGothic, "ＭＳ Ｐゴシック", Osaka, sans-serif; }

#gamechange #head{ margin: 0 0 0 0; overflow: hidden; background: linear-gradient(to bottom,  #dbdcdc 0%,#ccd6de 70%); background: url(../images/index/mv01.jpg) no-repeat center center;}
#gamechange #head #head_inner_pc{ display: table; width: 100%; margin: 0 auto; height:705px; position: relative; font-size: 0; line-height: 0; }
#gamechange #head #head_inner_pc h2{ display: table-cell; vertical-align: bottom; text-align: center; }
#gamechange #head #head_inner_tab{ display: none; }
#gamechange #head #head_inner_sp{ display: none; }

#gamechange #haishinarea{ margin: 0 0 0 0; overflow: hidden; box-sizing: border-box; padding:20px 0 15px 0; background:#bdd97b; }
#gamechange #haishinarea .hbnrbox{ display: block; width:840px; margin: 0 auto 5px; letter-spacing: -.4em; text-align: center; font-size: 0; line-height: 0; }
#gamechange #haishinarea .hbnrbox .hbnr01{ display: inline-block; padding:0 0.5% 8px; box-sizing: border-box; }
#gamechange #haishinarea .hbnrbox .hbnr02{ display: inline-block; padding:0 0.5% 8px; box-sizing: border-box; }
#gamechange #haishinarea .hbnrbox .hbnr03{ display: inline-block; padding:0 0.5% 8px; box-sizing: border-box; }
#gamechange #haishinarea .hbnrbox .hbnr04{ display: inline-block; padding:0 0.5% 8px; box-sizing: border-box; }
#gamechange #haishinarea .hbnrbox .hbnr05{ display: inline-block; padding:0 0.5% 5px; box-sizing: border-box; }
#gamechange #haishinarea .hbnrbox .hbnr06{ display: inline-block; padding:0 0.5% 5px; box-sizing: border-box; }
#gamechange #haishinarea .hbnrbox .hbnr07{ display: inline-block; padding:0 0.5% 5px; box-sizing: border-box; }
#gamechange #haishinarea .hbnrbox a{ transition : 0.3s; }
#gamechange #haishinarea .hbnrbox a:hover{ opacity: 0.6; }
#gamechange #haishinarea .hbnrbox span{ opacity: 0.4; }
#gamechange #haishinarea .gaibu{ display:block; text-align: center; font-size: 14px; }
#gamechange #haishinarea .gaibu02{ display:block; text-align: left; font-size: 14px; width:840px; margin:15px auto 0; }

#gamechange #localnav{ background: #252525; padding: 15px 0 15px; }
#gamechange #localnav ul{ display: table; width: 1004px; margin: 0 auto; }
#gamechange #localnav ul li{ display:table-cell; width:155px; margin: 0; border-left: 2px solid #FFF; vertical-align: middle; text-align: center; }
#gamechange #localnav ul li a{ display:block; width:100%; margin: 0; height: 65px; text-align: left; text-indent: -9999px; }
#gamechange #localnav ul li span{ display:block; width:100%; margin: 0; height: 65px; text-align: left; text-indent: -9999px; }
#gamechange #localnav ul li.menu01 a{ background: url(../images/common/menu01.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu01 a.active{ background: url(../images/common/menu01_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu01 a:hover{ background: url(../images/common/menu01_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu02 a{ background: url(../images/common/menu02.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu02 a.active{ background: url(../images/common/menu02_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu02 a:hover{ background: url(../images/common/menu02_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu02 span{ background: url(../images/common/menu02.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu03 a{ background: url(../images/common/menu03.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu03 a.active{ background: url(../images/common/menu03_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu03 a:hover{ background: url(../images/common/menu03_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu04 a{ background: url(../images/common/menu04.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu04 a.active{ background: url(../images/common/menu04_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu04 a:hover{ background: url(../images/common/menu04_on.png) no-repeat center center; background-size: auto 95%; }
#gamechange #localnav ul li.menu_sns { width:auto; border-left: 2px solid #FFF; vertical-align: middle; text-align: right; }
#gamechange #localnav ul li.menu_sns p{ display: inline-block; vertical-align: middle; margin: 0 0 0 5px; }
#gamechange #localnav ul li.menu_sns p a:hover{ opacity: 0.7; }
#gamechange #localnav ul li.menu_sns p.sns01 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns01.png) no-repeat center center; }
#gamechange #localnav ul li.menu_sns p.sns02 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns02.png) no-repeat center center; }
#gamechange #localnav ul li.menu_sns p.sns03 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns03.png) no-repeat center center; }

#gamechange #indexmain{ clear: both; padding:60px 0 100px 0; background: #e5f5fd;}
#gamechange #indexmain #next_body{ display: block; width: 1000px; margin: 0 auto 100px; }
#gamechange #indexmain #next_body h3{ display: block; margin: 0 auto 50px; background: url(../images/index/next_ttl01.png) no-repeat center center; height: 80px; text-indent: -9999px; }
#gamechange #indexmain #next_body h4{ display: block; margin: 0 auto 50px; text-align: center; }
#gamechange #indexmain #next_body h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #00aaff; color: #FFF; width: 100px; height: 40px; line-height: 38px; text-align: center; }
#gamechange #indexmain #next_body h4 strong{ display: inline-block; font-size: 24px; color: #000; }
#gamechange #indexmain #next_body .nextdate{ display:block; margin: 0 auto 40px; font-size: 22px; color: #e9221b; text-align: center; }
#gamechange #indexmain #next_body .nexttxtbox{ display:block; margin: 0 auto 0; width: 854px; }
#gamechange #indexmain #next_body .nexttxtbox p{ font-size: 20px; line-height: 45px; letter-spacing: 0; font-feature-settings: "palt"; }
#gamechange #indexmain #next_body .moviebox{ display: block; width: 854px; margin: 0 auto 45px; }
#gamechange #indexmain #next_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; }
#gamechange #indexmain #next_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
#gamechange #indexmain #next_body .btnbox01{ display:block; margin:50px auto 0; }
#gamechange #indexmain #next_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius:5px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #252525; color: #FFF; }
#gamechange #indexmain #next_body .btnbox01 a::before{  content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; }
#gamechange #indexmain #next_body .btnbox01 a:hover{ opacity: 0.7; }

#gamechange #indexmain #sokan_body{ display: block; width:900px; margin: 0 auto; }
#gamechange #indexmain #sokan_body h3{ display: block; margin: 0 auto 50px; background: url(../images/index/sokan_ttl01.png) no-repeat center center; height: 80px; text-indent: -9999px; }
#gamechange #indexmain #sokan_body .sokanimg01{ display: block; margin: 0 auto 0; background: url(../images/index/sokan_img01_03.jpg) no-repeat center center; text-indent: -9999px; padding:75% 0 0 0; font-size: 0; line-height: 0; }

#gamechange #indexfooter{ background:#00aaff; padding: 90px 0 90px; }
#gamechange #indexfooter #snsarea{ display: table; width: 1000px; margin: 0 auto; }
#gamechange #indexfooter #snsarea #sns01{ display: table-cell; width: 50%; box-sizing: border-box; padding: 0 10px 0 0; }
#gamechange #indexfooter #snsarea #sns01 h3{ display:block; width:100%; height: 50px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_x.png) no-repeat center center; text-indent: -9999px; }
#gamechange #indexfooter #snsarea #sns02{ display: table-cell; width: 50%; box-sizing: border-box; padding: 0 0 0 10px; }
#gamechange #indexfooter #snsarea #sns02 h3{ display:block; width:100%; height: 50px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_insta.png) no-repeat center center; text-indent: -9999px; }
#gamechange #indexfooter .gaibutxt{ display:block; text-align: center; font-size: 16px; color: #FFF; margin:30px 0 0 0; }

.pagetop{
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
.pagetop p{ margin: 0 0 0 0; }

/* 下層 */
#gamechange #head02{ margin: 0 0 0 0; height:195px; position: relative; overflow: hidden; background:url(../images/common/mv02.png) no-repeat center top #e5f5fd; background-size: auto 100%; }
#gamechange #head02 h2{ display: block; width: 1000px; margin: 0 auto 0;}
#gamechange #head02 h2 a{ display: block; width: 100%; height:195px; text-indent: -9999px; }

/* はじめに */
#gamechange #intromain{ clear: both; padding:60px 0 100px 0; background:#e5f5fd;}
#gamechange #intromain #intro_body{ display: block; width: 1000px; margin: 0 auto 0; }
#gamechange #intromain #intro_body h3{ display: block; margin: 0 auto 50px; background: url(../images/intro/ttl_intro01.png) no-repeat center center; height: 80px; text-indent: -9999px; }
#gamechange #intromain #intro_body .txt01{ width: 100%; margin: 0 auto 0; font-size: 0; line-height: 0; }

/* キャスト */
#gamechange #castmain{ clear: both; padding:60px 0 100px 0; background:#e5f5fd; }
#gamechange #castmain #cast_body{ display: block; width: 1000px; margin: 0 auto 0; }
#gamechange #castmain #cast_body h3{ display: block; margin: 0 auto 50px; background: url(../images/cast/ttl_cast01.png) no-repeat center center; height: 80px; text-indent: -9999px; }
#gamechange #castmain #cast_body .txt01{ width: 920px; margin: 0 auto 0; font-size: 0; line-height: 0; }
#gamechange #castmain #cast_body .txtbox01{ display:block; margin: 0 auto 60px; padding:0px; }
#gamechange #castmain #cast_body .txtbox01 p.txt01{ display: block; text-align: center; margin: 0 0 0 0; font-size: 20px; line-height: 25px; letter-spacing: 2px; }
#gamechange #castmain #cast_body h4.staffttl{ display: block; margin: 0 auto 50px; background: url(../images/cast/ttl_cast02.png) no-repeat center center; height: 80px; text-indent: -9999px; }
#gamechange #castmain #cast_body .txtbox01 .tbl02{ display: table; margin: 0 auto 0; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl{ display:table-row; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt{ display: table-cell; width: 48%; box-sizing: border-box; padding: 0 4px 25px 0; text-align: right; color: #000; vertical-align: top; font-size: 20px; line-height:31px; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd{ display: table-cell; box-sizing: border-box; padding: 0 0 25px 4px; text-align: left; vertical-align: top; font-size: 20px; line-height: 31px; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd span{ display: inline-block; vertical-align: top; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(1){ text-align: center; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(2){ width: 48%; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd a:hover{ opacity: 0.7; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:60px; }
#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:60px; }

/* トピックス */
#gamechange #topicsmain{ clear: both; padding:60px 0 100px 0; background:#e5f5fd; }
#gamechange #topicsmain #topics_body{ display: block; width: 1000px; margin: 0 auto 0; }
#gamechange #topicsmain #topics_body h3{ display: block; margin: 0 auto 50px; background: url(../images/topics/ttl_topics01.png) no-repeat center center; height: 80px; text-indent: -9999px; }

#gamechange #topicsmain #topics_body .topicbox{ display:block; margin: 0 auto 40px; padding: 40px 50px; background: #FFF; border-radius: 10px; font-feature-settings: "palt"; }
#gamechange #topicsmain #topics_body .topicbox:nth-last-of-type(1){ margin: 0 auto 0; }
#gamechange #topicsmain #topics_body .topicbox h4{ display: block; margin: 0 auto 30px; letter-spacing: -.4em; }
#gamechange #topicsmain #topics_body .topicbox h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #00aaff; color: #FFF; width:230px; height: 40px; line-height: 38px; text-align: center; letter-spacing: 0;  }
#gamechange #topicsmain #topics_body .topicbox h4 strong{ display: block; font-size: 24px; color: #00aaff; letter-spacing: 1px; margin:20px 0 0 0; }
#gamechange #topicsmain #topics_body .topicbox p.tpimgt01{ font-size: 0; line-height: 0; text-align: center; margin: 0 0 30px 0; }
#gamechange #topicsmain #topics_body .topicbox p.tpimgt02{ width: 590px; font-size: 0; line-height: 0; text-align: center; margin: 0 auto 30px; }
#gamechange #topicsmain #topics_body .topicbox p.tpimgt02 img{ width: 100%; }
#gamechange #topicsmain #topics_body .topicbox p.tptxt01{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 50px 0; word-break: break-all; }
#gamechange #topicsmain #topics_body .topicbox p.tptxt01.mgn02{ margin: 0 0 30px 0; }
#gamechange #topicsmain #topics_body .topicbox p.tptxt01.mgn00{ margin: 0 0 0 0; }
#gamechange #topicsmain #topics_body .topicbox p.tptxt02{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 25px 0; word-break: break-all; color: #00aaff; }
#gamechange #topicsmain #topics_body .topicbox p.tptxt03{ font-size: 20px; line-height:35px; letter-spacing: 0; margin: 0 0 15px 0; word-break: break-all; text-decoration: underline; }
#gamechange #topicsmain #topics_body .topicbox a{ color: #00aaff; text-decoration: underline; }
#gamechange #topicsmain #topics_body .topicbox a:hover{ text-decoration: none; }


/* あらすじ */	
#gamechange #storymain{ clear: both; padding:60px 0 100px 0; background:#e5f5fd; }
#gamechange #storymain #story_body{ display: block; width:900px; margin: 0 auto 0; }
#gamechange #storymain #story_body a{ transition: all 0.3s ease; }
#gamechange #storymain #story_body h3{ display: block; margin: 0 auto 50px; background: url(../images/story/ttl_story01.png) no-repeat center center; height: 94px; text-indent: -9999px; }
#gamechange #storymain #story_body h4{ display: block; margin: 0 auto 50px; text-align: center; }
#gamechange #storymain #story_body h4 span{ display: inline-block; font-size: 20px; border-radius: 5px; margin: 0 23px 0 0; background: #00aaff; color: #FFF; width: 100px; height: 40px; line-height: 38px; text-align: center; }
#gamechange #storymain #story_body h4 strong{ display: inline-block; font-size: 24px; color: #000; }
#gamechange #storymain #story_body .onairdate{ display:block; margin: 0 auto 50px; font-size: 22px; color: #e9221b; text-align: center; }

#gamechange #storymain #story_body .storybox{ display:block; margin: 0 auto 80px; padding: 0 0; }
#gamechange #storymain #story_body .storybox p.txt01{ font-size: 20px; line-height: 45px; letter-spacing: 0; font-feature-settings: "palt"; }
#gamechange #storymain #story_body .storybox ul{ display: block; margin:35px 0 0 0; }
#gamechange #storymain #story_body .storybox ul::after { content: ""; display: block; clear: both; }
#gamechange #storymain #story_body .storybox ul li{ display: block; width: 49.5%; margin: 0 1% 8px 0; float:left; font-size: 0; line-height: 0; }
#gamechange #storymain #story_body .storybox ul li img{ width: 100%; }
#gamechange #storymain #story_body .storybox ul li:nth-of-type(2n){ margin: 0 0 10px 0; }

#gamechange #storymain #story_body .moviebox{ display: block; width: 900px; margin: 0 auto 40px; }
#gamechange #storymain #story_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; }
#gamechange #storymain #story_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

#gamechange #storymain #story_body .btnbox01{ display:block; margin:0 auto 100px; }
#gamechange #storymain #story_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius: 30px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #de6809; color: #FFF; }
#gamechange #storymain #story_body .btnbox01 a::before{  content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; }
#gamechange #storymain #story_body .btnbox01 a:hover{ opacity: 0.7; }

#gamechange #storymain #story_body h4.backttl{ display: block; margin: 0 auto 50px; background: url(../images/story/ttl_story02.png) no-repeat center center; background-size: auto 100%; height:65px; text-indent: -9999px; }
#gamechange #storymain #story_body .buck_body{ display: block; margin: 0 auto 0px; }
#gamechange #storymain #story_body .buck_body::after { content: ""; display: block; clear: both; }
#gamechange #storymain #story_body .buck_body .buck_item{ margin: 0 20px 20px 0; width: 210px; float: left; }
#gamechange #storymain #story_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 0 20px 0; }
#gamechange #storymain #story_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #cccccc; text-decoration: none; }
#gamechange #storymain #story_body .buck_body .buck_item a:hover{ opacity: 0.8; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img{ display: block; margin: 0 0 0 0; background: #cccccc; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story01{ background: url(../images/story/01/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story02{ background: url(../images/story/02/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story03{ background: url(../images/story/03/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story04{ background: url(../images/story/04/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story05{ background: url(../images/story/05/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story06{ background: url(../images/story/06/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story07{ background: url(../images/story/07/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story08{ background: url(../images/story/08/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story09{ background: url(../images/story/09/01.jpg) no-repeat center center; background-size: 100% auto; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story10{ background: url(../images/story/10/01.jpg) no-repeat center center; background-size: 100% auto; }

#gamechange #storymain #story_body .buck_body .buck_item .bi_txt{ display: block; margin: 0 0 0 0; padding: 10px; background: #252525; text-align: center; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_txt span{ display: block; margin: 0 0 3px 0; font-size: 20px; color: #FFF; }
#gamechange #storymain #story_body .buck_body .buck_item .bi_txt strong{ display: block; margin: 0 0 0 0; font-size:16px; line-height: 23px; color: #000; }


img{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}
@media screen and (min-width:768px) and (max-width: 1060px) {

	.pcview{ display: none; }
	.spview{ display: block; }

  #gamechange #head{ margin: 0 0 0 0; overflow: hidden; background: none; }
  #gamechange #head #head_inner_pc{ display: none;  }
	#gamechange #head #head_inner_tab{ display: block; }
	#gamechange #head #head_inner_tab h2{ display: block; font-size: 0; line-height: 0;}
	#gamechange #head #head_inner_tab h2 img{width: 100%; }
  #gamechange #head #head_inner_sp{ display: none;  }
	
	#gamechange #haishinarea{ margin: 0 0 0 0; padding:20px 4% 15px; }
	#gamechange #haishinarea .hbnrbox{ display: block; width:100%; margin: 0 auto 0; }
	#gamechange #haishinarea .hbnrbox img{ width: 100%; }
	#gamechange #haishinarea .hbnrbox .hbnr01{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr02{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr03{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr04{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr05{ display: inline-block; padding:0 0.5% 5px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr06{ display: inline-block; padding:0 0.5% 5px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr07{ display: inline-block; padding:0 0.5% 5px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .gaibu{ display:block; text-align: center; font-size: 14px; }

	#gamechange #localnav{ padding: 15px 3% 15px; }
	#gamechange #localnav ul{ display: table; width: 100%; margin: 0 auto; }
	#gamechange #localnav ul li{ display:table-cell; width:135px; border-left: 1 px solid #FFF;}
	#gamechange #localnav ul li a{ display:block; width:100%; margin: 0; height: 65px; text-align: left; text-indent: -9999px; transition : 0.5s; }
	#gamechange #localnav ul li span{ display:block; width:100%; margin: 0; height: 65px; text-align: left; text-indent: -9999px; }
	#gamechange #localnav ul li.menu_sns { width:auto; border-left: 2px solid #FFF; vertical-align: middle; text-align: right; }
	#gamechange #localnav ul li.menu_sns p{ display: inline-block; vertical-align: middle; margin: 0 0 0 5px; }
	#gamechange #localnav ul li.menu_sns p a:hover{ opacity: 0.7; }
	#gamechange #localnav ul li.menu_sns p.sns01 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns01.png) no-repeat center center; }
	#gamechange #localnav ul li.menu_sns p.sns02 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns02.png) no-repeat center center; }
	#gamechange #localnav ul li.menu_sns p.sns03 a{ display: block; width:58px; height: 58px; background: url(../images/common/menu_sns03.png) no-repeat center center; }

	#gamechange #indexmain{ padding:50px 4% 70px; }
	#gamechange #indexmain #next_body{ display: block; width: 100%; margin: 0 auto 60px; }
	#gamechange #indexmain #next_body h3{ margin: 0 auto 40px; background: url(../images/index/next_ttl01.png) no-repeat center center; height: 80px; }
	#gamechange #indexmain #next_body h4{ display: block; margin: 0 auto 40px; text-align: center; }
	#gamechange #indexmain #next_body .nextdate{ display:block; margin: 0 auto 40px; font-size: 22px; color: #e9221b; text-align: center; }
	#gamechange #indexmain #next_body .nexttxtbox{ display:block; margin: 0 auto 0; width: 100%; }
	#gamechange #indexmain #next_body .nexttxtbox p{ font-size: 20px; line-height: 45px; letter-spacing: 0; font-feature-settings: "palt"; }
	#gamechange #indexmain #next_body .moviebox{ display: block; width: 100%; margin: 0 auto 45px; }
	#gamechange #indexmain #next_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; }
	#gamechange #indexmain #next_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
	#gamechange #indexmain #next_body .btnbox01{ display:block; margin:50px auto 0; }
	#gamechange #indexmain #next_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius:5px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #252525; color: #FFF; }

	#gamechange #indexmain #sokan_body{ display: block; width:100%; margin: 0 auto; }
	#gamechange #indexmain #sokan_body h3{ display: block; margin: 0 auto 50px; background: url(../images/index/sokan_ttl01.png) no-repeat center center; height: 80px; text-indent: -9999px; }
	#gamechange #indexmain #sokan_body .sokanimg01{ display: block; margin: 0 auto 0; background: url(../images/index/sokan_img01_02.jpg) no-repeat center center; background-size:100% auto; padding:75% 0 0 0; font-size: 0; line-height: 0; }
	
	#gamechange #indexfooter{ padding:30px 4% 60px; box-sizing: border-box; }
	#gamechange #indexfooter #snsarea{ display: block; width: 100%; margin: 0 auto; }
	#gamechange #indexfooter #snsarea #sns01{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 20px 0; }
	#gamechange #indexfooter #snsarea #sns01 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_x.png) no-repeat center center; background-size: auto 100%;}
	#gamechange #indexfooter #snsarea #sns02{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; }
	#gamechange #indexfooter #snsarea #sns02 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_insta.png) no-repeat center center; background-size: auto 100%; }
	#gamechange #indexfooter .gaibutxt{ font-size: 14px; margin:20px 0 0 0; }
	#gamechange #haishinarea .gaibu02{ display:block; text-align: left; font-size: 14px; width:100%; margin:15px auto 0; }

	
	/* 下層 */
	#gamechange #head02{ height:auto; background:url(../images/common/mv02tab.png) no-repeat center top; background-size: 100% auto; }
	#gamechange #head02 h2{ display: block; width: 100%; margin: 0 0 0 0;}
	#gamechange #head02 h2 a{ width: 100%; height:auto; padding:18.4% 0 0 0; font-size: 0; line-height: 0; }

	/* はじめに */
	#gamechange #intromain{ clear: both; padding:50px 0 50px 0; }
	#gamechange #intromain #intro_body{ width: 100%; box-sizing: border-box; padding: 0 4%; margin: 0 auto 0; }
	#gamechange #intromain #intro_body h3{ margin: 0 auto 40px; font-size: 0; line-height: 0; padding:0 0 0 0; background: url(../images/intro/ttl_intro01.png) no-repeat center center; background-size: auto 100%; height:80px; }
	#gamechange #intromain #intro_body .txt01{ width: 100%; margin: 0 auto 0; font-size: 0; line-height: 0; }
	#gamechange #intromain #intro_body .txt01 img{ width: 100%; }


	/* キャスト */
	#gamechange #castmain{ padding:50px 0 50px 0; }
	#gamechange #castmain #cast_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#gamechange #castmain #cast_body h3{ margin: 0 0 30px 0; background: url(../images/cast/ttl_cast01.png) no-repeat center center; padding:0 0 0 0; background-size: auto 100%; height:80px; }
	#gamechange #castmain #cast_body .txt01{ width: 100%;}
	#gamechange #castmain #cast_body h4.staffttl{ display: block; margin: 0 auto 30px; background: url(../images/cast/ttl_cast02.png) no-repeat center center; background-size:auto 100%; height:80px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02{ margin: 0 auto 0; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt{ padding: 0 4px 15px 0; font-size:16px; line-height: 25px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd{ padding: 0 0 15px 4px; font-size:16px; line-height: 25px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd span{ display: block; margin:5px 0 0 0;}
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd span img{ height: 21px;}
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:30px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:30px; }

	/* トピックス */
	#gamechange #topicsmain{ padding:50px 0 50px 0; }
	#gamechange #topicsmain #topics_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#gamechange #topicsmain #topics_body h3{ margin: 0 auto 30px; background: url(../images/topics/ttl_topics01.png) no-repeat center center;  padding:0 0 0 0; background-size: auto 100%; height:80px; }

	#gamechange #topicsmain #topics_body .topicbox{ margin: 0 auto 40px; padding:20px 10px; border-radius: 7px; }
	#gamechange #topicsmain #topics_body .topicbox h4{ margin: 0 auto 20px; }
	#gamechange #topicsmain #topics_body .topicbox h4 span{ font-size:16px; margin: 0 0 0 0; width:180px; height: 35px; line-height: 33px; }
	#gamechange #topicsmain #topics_body .topicbox h4 strong{ display: block; font-size: 18px; letter-spacing: 1px; margin:15px 0 0 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tpimgt01{ margin: 0 0 15px 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tpimgt01 img{ max-width: 100%; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt01{ font-size:16px; line-height:28px; margin: 0 0 15px 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt01.mgn02{ margin: 0 0 30px 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt01.mgn00{ margin: 0 0 0 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt02{ font-size: 18px; line-height:28px; margin: 0 0 15px 0;  }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt03{ font-size: 16px; line-height:28px; margin: 0 0 15px 0; }


	/* トピックス */
	#gamechange #recipemain{ clear: both; padding:30px 0 30px 0; }
	#gamechange #recipemain #recipe_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#gamechange #recipemain #recipe_body h3{ margin: 0 auto 10px; font-size: 0; line-height: 0; padding:16% 0 0 0; background: url(../images/recipe/recipe_ttl01sp.png) no-repeat left center; background-size: 100% auto; height:auto; }

	
	/* あらすじ */	
	#gamechange #storymain{ clear: both; padding:30px 0 30px 0; }
	#gamechange #storymain #story_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }

	#gamechange #storymain #story_body .moviebox{ display: block; width: 100%; margin: 0 auto 50px; }

	#gamechange #storymain #story_body .btnbox01{ display:block; margin:0 auto 100px; }
	#gamechange #storymain #story_body .btnbox01 a{ display:block; position: relative; margin: 0 auto; text-decoration: none; border-radius: 30px; width: 400px; height: 60px; font-size: 20px; line-height: 58px; letter-spacing: 1px; text-align: center; background: #de6809; color: #FFF; }
	#gamechange #storymain #story_body .btnbox01 a::before{  content: ''; width: 6px; height: 6px; border: 0; border-top: solid 2px #FFF; border-right: solid 2px #FFF; transform: rotate(45deg); position: absolute; top: 0; right:10%; bottom: 0; margin: auto; }
	#gamechange #storymain #story_body .btnbox01 a:hover{ opacity: 0.7; }

	#gamechange #storymain #story_body h4.backttl{ display: block; margin: 0 auto 30px; background: url(../images/story/ttl_story02.png) no-repeat center center; background-size: auto 100%; height:65px; text-indent: -9999px; }
	#gamechange #storymain #story_body .buck_body{ display: block; margin: 0 auto 0px; }
	#gamechange #storymain #story_body .buck_body::after { content: ""; display: block; clear: both; }
	#gamechange #storymain #story_body .buck_body .buck_item{ margin: 0 16px 20px 0; width: 235px; float: left; }
	#gamechange #storymain #story_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 16px 20px 0; }
	#gamechange #storymain #story_body .buck_body .buck_item:nth-of-type(3n){ margin: 0 0 20px 0; }
	#gamechange #storymain #story_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #FFF; text-decoration: none; }
	#gamechange #storymain #story_body .buck_body .buck_item a:hover{ opacity: 0.8; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img{ display: block; margin: 0 0 0 0; background: #cccccc; }

	#gamechange #storymain #story_body .buck_body .buck_item .bi_txt{ display: block; margin: 0 0 0 0; padding: 10px; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_txt span{ display: block; margin: 0 0 3px 0; font-size: 20px; color: #FFF; }



}
@media screen and (max-width: 767px) {

	.spview{ display: block; }
	.spbr{ display: inline; }
	.pcview{ display: none; }

	#gamechange #head #head_inner_pc{ display: none; }
	#gamechange #head #head_inner_pc{ display: none; }
	#gamechange #head #head_inner_tab{ display: none; }
	#gamechange #head #head_inner_sp{ display: block; background: url(../images/index/mv01sp.jpg) no-repeat center center; background-size: 100% auto; padding:65% 0 0 0; }
	#gamechange #head #head_inner_sp h2{ display: block; font-size: 0; line-height: 0; }
	#gamechange #head #head_inner_sp p{ display: block; font-size: 0; line-height: 0; }
	
	#gamechange #haishinarea{ margin: 0 0 0 0; padding:20px 2% 15px; }
	#gamechange #haishinarea .hbnrbox{ display: block; width:100%; margin: 0 auto 0; }
	#gamechange #haishinarea .hbnrbox img{ width: 100%; }
	#gamechange #haishinarea .hbnrbox .hbnr01{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr02{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr03{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr04{ display: inline-block; padding:0 0.5% 8px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr05{ display: inline-block; padding:0 0.5% 5px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr06{ display: inline-block; padding:0 0.5% 5px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .hbnrbox .hbnr07{ display: inline-block; padding:0 0.5% 5px; width: 24%; box-sizing: border-box; }
	#gamechange #haishinarea .gaibu{ display:block; text-align: center; font-size: 14px; }

	#gamechange #localnav{ padding: 5px 0 5px; }
	#gamechange #localnav ul{ display: block; width: 100%; box-sizing: border-box; padding: 0 2% 0; margin: 0 auto; letter-spacing: -.4em; }
	#gamechange #localnav ul li{ display:inline-block; width:calc(100% / 3); margin:5px 0; box-sizing: border-box; border-left: 2px solid #FFF; }
	#gamechange #localnav ul li a{ height: 45px; }
	#gamechange #localnav ul li span{ height: 45px; }
	#gamechange #localnav ul li.menu03{ border-right: 2px solid #FFF; }
	#gamechange #localnav ul li.menu_sns { width:calc(100% - (100% / 3)); border-right:0px; height: 45px; box-sizing: border-box; padding:5px 0 0 0; text-align: right; }
	#gamechange #localnav ul li.menu_sns p{ display: inline-block; vertical-align: middle; margin: 0 4px 0 ; }
	#gamechange #localnav ul li.menu_sns p.sns01 a{ width:37px; height: 37px; background: url(../images/common/menu_sns01.png) no-repeat center center; background-size: 100%; }
	#gamechange #localnav ul li.menu_sns p.sns02 a{ width:37px; height: 37px; background: url(../images/common/menu_sns02.png) no-repeat center center; background-size: 100%; }
	#gamechange #localnav ul li.menu_sns p.sns03 a{ width:37px; height: 37px; background: url(../images/common/menu_sns03.png) no-repeat center center; background-size: 100%; }
	
	#gamechange #indexmain{ padding:50px 3% 50px; }
	#gamechange #indexmain #next_body{ display: block; width: 100%; margin: 0 auto 60px; }
	#gamechange #indexmain #next_body h3{ margin: 0 auto 30px; background: url(../images/index/next_ttl01.png) no-repeat center center; background-size: auto 100%; height:60px; }
	#gamechange #indexmain #next_body h4{ display: block; margin: 0 auto 30px; text-align: center;  font-feature-settings: "palt"; }
	#gamechange #indexmain #next_body h4 span{ font-size: 16px; border-radius: 4px; margin: 0 15px 0 0; width:60px; height:25px; line-height: 22px; }
	#gamechange #indexmain #next_body h4 strong{ font-size:18px; }
	#gamechange #indexmain #next_body .nextdate{ display:block; margin: 0 auto 40px; font-size: 22px; color: #e9221b; text-align: center; }
	#gamechange #indexmain #next_body .nexttxtbox{ display:block; margin: 0 auto 0; width: 100%; }
	#gamechange #indexmain #next_body .nexttxtbox p{ font-size:16px; line-height:32px; }
	#gamechange #indexmain #next_body .moviebox{ display: block; width: 100%; margin: 0 auto 20px; }
	#gamechange #indexmain #next_body .moviebox .movie { position: relative; width: 100%; padding-top: 56.25%; }
	#gamechange #indexmain #next_body .moviebox .movie iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
	#gamechange #indexmain #next_body .btnbox01{ display:block; margin:30px auto 0; width: 90%; }
	#gamechange #indexmain #next_body .btnbox01 a{margin: 0 auto; text-decoration: none; border-radius:5px; width: 100%; height: 45px; font-size:18px; line-height:42px; letter-spacing: 1px; text-align: center; background: #252525; color: #FFF; }

	#gamechange #indexmain #sokan_body{ display: block; width:100%; margin: 0 auto; }
	#gamechange #indexmain #sokan_body h3{ display: block; margin: 0 auto 30px; background: url(../images/index/sokan_ttl01.png) no-repeat center center; background-size: auto 100%; height:60px; }
	#gamechange #indexmain #sokan_body .sokanimg01{ display: block; margin: 0 auto 0; background: url(../images/index/sokan_img01sp_03.jpg) no-repeat center center; background-size:100% auto; padding:261% 0 0 0; font-size: 0; line-height: 0; }

	#gamechange #indexfooter{ padding:50px 4% 50px; box-sizing: border-box; }
	#gamechange #indexfooter #snsarea{ display: block; width: 100%; margin: 0 auto; }
	#gamechange #indexfooter #snsarea #sns01{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 20px 0; }
	#gamechange #indexfooter #snsarea #sns01 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_x.png) no-repeat center center; background-size: auto 100%;}
	#gamechange #indexfooter #snsarea #sns02{ display:block; width: 100%; padding: 0 0 0 0; margin: 0 0 0 0; }
	#gamechange #indexfooter #snsarea #sns02 h3{ height: 40px; margin: 0 0 15px 0; background: url(../images/index/sns_ttl_insta.png) no-repeat center center; background-size: auto 100%; }
	#gamechange #indexfooter .gaibutxt{ font-size: 14px; margin:20px 0 0 0; }
	
	.pagetop{ text-align: right; padding:0 0 15px; }
	.pagetop p{ margin: 0 0 0 0; }
	.pagetop p img{ width:50px; }

	
	#gamechange #head02{ height:auto; background:url(../images/common/mv02sp.png) no-repeat center top; background-size: auto 100%; }
	#gamechange #head02 h2{ display: block; width: 100%; margin: 0 0 0 0;}
	#gamechange #head02 h2 a{ width: 100%; height:auto; padding:33.5% 0 0 0; font-size: 0; line-height: 0; }
		
	#gamechange #intromain{ clear: both; padding:30px 0 40px 0; }
	#gamechange #intromain #intro_body{ width: 100%; box-sizing: border-box; padding: 0 4%; margin: 0 auto 0; }
	#gamechange #intromain #intro_body h3{ margin: 0 auto 30px; padding:0 0 0 0; background: url(../images/intro/ttl_intro01.png) no-repeat center center; background-size:auto 100% ; height:60px; }
	#gamechange #intromain #intro_body .txt01{ width: 100%; margin: 0 auto 0; font-size: 0; line-height: 0; }
	#gamechange #intromain #intro_body .txt01 img{ width: 100%; }

	#gamechange #castmain{ padding:30px 0 50px 0; }
	#gamechange #castmain #cast_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#gamechange #castmain #cast_body h3{ margin: 0 0 30px 0; background: url(../images/cast/ttl_cast01.png) no-repeat center center; background-size:auto 100% ; height:60px; }
	#gamechange #castmain #cast_body .txt01{ width: 100%;}
	#gamechange #castmain #cast_body .txtbox01{ margin: 0 auto 30px; padding:0 0; }
	#gamechange #castmain #cast_body h4.staffttl{ display: block; margin: 0 auto 30px; background: url(../images/cast/ttl_cast02.png) no-repeat center center; background-size:auto 100% ; height:60px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02{ display: block; margin: 0 auto 0; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl{ display: block; margin: 0 0 10px 0; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt{ display: inline; padding: 0 0 15px 0; font-size:16px; line-height: 25px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd{ display: inline; padding: 0 0 15px 0; font-size:16px; line-height: 25px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd span{ display: block; margin:5px 0 0 0;}
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd span img{ height: 21px;}
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt.padb10{ padding-bottom:10px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd.padb10{ padding-bottom:10px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dt.padb60{ padding-bottom:30px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd.padb60{ padding-bottom:30px; }
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(2){ width: auto;}
	#gamechange #castmain #cast_body .txtbox01 .tbl02 dl dd:nth-of-type(2) br{ display: none;}
	#gamechange #castmain #cast_body h4.songttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/song_ttl.png) no-repeat center center;  background-size:85% auto; height:auto; padding:12% 0 0 0; font-size: 0; line-height: 0;}
	#gamechange #castmain #cast_body h4.musicttl{ display: block; margin: 0 auto 15px; background: url(../images/cast/music_ttl.png) no-repeat center center; background-size:85% auto; height:auto; padding:12% 0 0 0; font-size: 0; line-height: 0; }
	#gamechange #castmain #cast_body .txtbox01 dl.tbl03{ margin: 0 0 10px 0; }
	#gamechange #castmain #cast_body .txtbox01 dl.tbl03 dt{ padding: 0 0 0 0; font-size:16px; line-height: 21px; }
	#gamechange #castmain #cast_body .txtbox01 dl.tbl03 dd{ padding: 0 0 0 0; font-size:16px; line-height: 21px; }
	#gamechange #castmain #cast_body .txtbox01 dl.tbl03 dt span{ font-size:14px; line-height: 21px; margin: 0 0 0 5px; }

	/* トピックス */
	#gamechange #topicsmain{ clear: both; padding:30px 0 30px 0; }
	#gamechange #topicsmain #topics_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#gamechange #topicsmain #topics_body h3{ margin: 0 auto 30px;background: url(../images/topics/ttl_topics01.png) no-repeat center center; background-size:auto 100% ; height:60px; }

	#gamechange #topicsmain #topics_body .topicbox{ margin: 0 auto 40px; padding:20px 10px; border-radius: 7px; }
	#gamechange #topicsmain #topics_body .topicbox h4{ margin: 0 auto 20px; }
	#gamechange #topicsmain #topics_body .topicbox h4 span{ font-size:16px; margin: 0 0 0 0; width:180px; height: 35px; line-height: 33px; }
	#gamechange #topicsmain #topics_body .topicbox h4 strong{ display: block; font-size: 18px; letter-spacing: 1px; margin:15px 0 0 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tpimgt01{ margin: 0 0 15px 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tpimgt01 img{ max-width: 100%; }
	#gamechange #topicsmain #topics_body .topicbox p.tpimgt02{ width: 100%; margin: 0 auto 30px; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt01{ font-size:16px; line-height:28px; margin: 0 0 15px 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt01.mgn02{ margin: 0 0 30px 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt01.mgn00{ margin: 0 0 0 0; }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt02{ font-size: 18px; line-height:28px; margin: 0 0 15px 0;  }
	#gamechange #topicsmain #topics_body .topicbox p.tptxt03{ font-size: 16px; line-height:28px; margin: 0 0 15px 0; }

	/* あらすじ */	
	#gamechange #storymain{ clear: both; padding:30px 0 30px 0; }
	#gamechange #storymain #story_body{ width: 100%; margin: 0 auto 0; box-sizing: border-box; padding: 0 4%; }
	#gamechange #storymain #story_body h3{ margin: 0 auto 30px; background: url(../images/story/ttl_story01.png) no-repeat center center; background-size: auto 100%; height:60px; }
	#gamechange #storymain #story_body h4{ display: block; margin: 0 auto 30px; text-align: center;  font-feature-settings: "palt"; }
	#gamechange #storymain #story_body h4 span{ font-size: 16px; border-radius: 4px; margin: 0 15px 0 0; width:60px; height:25px; line-height: 22px; }
	#gamechange #storymain #story_body h4 strong{ font-size:18px; }
	#gamechange #storymain #story_body .onairdate{ margin: 0 auto 20px; font-size:18px; text-align: left; }
	#gamechange #storymain #story_body .storybox{ padding:15px 0; border-radius:9px; margin: 0 0 20px 0; }
	#gamechange #storymain #story_body .storybox p.txt01{ font-size:16px; line-height:29px; }
	#gamechange #storymain #story_body .storybox ul{ display: block; margin:25px 0 0 0; }
	#gamechange #storymain #story_body .storybox ul li{ width:100%; margin: 0 0 8px 0; float:none; }
	#gamechange #storymain #story_body .storybox ul li:nth-of-type(2n){ margin: 0 0 8px 0; }
	#gamechange #storymain #story_body .moviebox{ display: block; width: 100%; margin: 0 auto 10px; }
	#gamechange #storymain #story_body .btnbox01{ margin:0 auto 60px; }
	#gamechange #storymain #story_body .btnbox01 a{ border-radius:25px; width: 70%; height: 40px; font-size:16px; line-height: 38px; }

	#gamechange #storymain #story_body h4.backttl{ display: block; margin: 0 auto 20px; background: url(../images/story/ttl_story02.png) no-repeat center center; background-size:auto 100%; height:50px; font-size: 0; line-height: 0; }
	#gamechange #storymain #story_body .buck_body{ display: block; margin: 0 auto 0px; }
	#gamechange #storymain #story_body .buck_body .buck_item{ margin: 0 2% 20px 0; width:49%; float: left; }
	#gamechange #storymain #story_body .buck_body .buck_item:nth-of-type(2n){ margin: 0 0 20px 0; }
	#gamechange #storymain #story_body .buck_body .buck_item:nth-of-type(4n){ margin: 0 0 20px 0; }
	#gamechange #storymain #story_body .buck_body .buck_item a{ display: block; border-radius:9px; overflow: hidden; background: #FFF; text-decoration: none; }
	#gamechange #storymain #story_body .buck_body .buck_item a:hover{ opacity: 0.8; }
	
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story01{ background: url(../images/story/01/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story02{ background: url(../images/story/02/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story03{ background: url(../images/story/03/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story04{ background: url(../images/story/04/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story05{ background: url(../images/story/05/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story06{ background: url(../images/story/06/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story07{ background: url(../images/story/07/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story08{ background: url(../images/story/08/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story09{ background: url(../images/story/09/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_img.story10{ background: url(../images/story/10/01.jpg) no-repeat center center; background-size: 100% auto; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_txt{ padding:8px; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_txt span{ margin: 0 0 3px 0; font-size:16px; }
	#gamechange #storymain #story_body .buck_body .buck_item .bi_txt strong{ font-size:14px; line-height: 22px; }


}

.menu {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 50px 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all 0.3s ease;
	transition-property: opacity, pointer-events, visibility;
}
.menu.is-show {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}
.menu_content {
	width: 600px;
	padding:25px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	margin: 0 0 120px 0;
}
.menu_title {
	margin: 0 0 10px 0;
	background: url(../images/index/icone_menu.png) no-repeat left 50%;
	padding: 0 0 0 50px;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 2px;
}
.menu_list{
	display: block;
	margin: 0 0 30px 0;
	color: #920783;
}
.menu_list_item{
	display: block;
	font-size: 28px;
	margin: 0 0 5px 0;
}
.menu_list_item span{
	color: #666;
}
.menu_list_item em{
	font-size: 20px;
	font-style: normal;
}
.menu_list_item a{
	font-size: 28px;
	color: #920783;
}
.menu_list_item a:hover{
	text-decoration: none;
}

#hm_close {
	margin: 0 0 0;
	cursor: pointer;
	position: absolute;
	bottom: -75px;
	left: 0;
	width: 100%;
	text-align: center;
}
#hm_close img:hover{
	opacity: 0.8;
}

@media screen and (max-width: 767px) {
	.menu_content {
		width: 90%;
		margin: 0 0 120px 0;
	}
	.menu_title {
		margin: 0 0 10px 0;
		background: url(../images/index/icone_menu.png) no-repeat left 50%;
		background-size: 30px auto;
		padding: 0 0 0 40px;
		font-size: 24px;
		letter-spacing: 2px;
	}
	.menu_list{
		display: block;
		margin: 0 0 20px 0;
	}
	.menu_list_item{
		font-size: 20px;
		margin: 0 0 5px 0;
	}
	.menu_list_item a{
		font-size: 20px;
	}
	
	#hm_close {
		margin: 0 0 0;
		cursor: pointer;
		position: absolute;
		bottom: -65px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#hm_close img{
		width: 40px;
	}
}