body {
	background-color: #f3f0e4;
	position: relative;
	}
header {
	background-color: #fff;
	height: 115px;
	}
/**************** PC ****************/

@media only screen and (min-width:751px){
	

/*-----------#header-------------*/
	#header {
		width:100%;
		height:620px;
		background:url(../img/mainBG.png) center bottom repeat-x;
		position: absolute;
		top: 115px;
	}
	#headwrap {
		width:1100px;
		margin: 0 auto 0 auto;
		padding-top: 115px;
		display: flex;
		justify-content:space-between;
	}
	#headwrap h1 img {
		margin-bottom: 1.5em;
		margin-top: 1.5em;
	}

	#headleft {
		width:530px;
		text-align: center;
	}
	#headleft p {
		margin-top: 1em;
	}
	#headleft .wajimaku {
		margin-top: 1em;
	}
	
	#headright {
		width:570px;
		position: relative;
	}
	#headright img {
		position: absolute;
		top:-45px;
		right: 0;
	}

	
/*Gnavi AREA*/
	
	#global-nav.m_fixed {
	  position: fixed;
	  top: 116px;
	background: #f3f0e4;
	}
	
	
	#header {
		position:relative;
	}

	#global-nav {
		width:100%;
		height:70px;
		padding-top: 42px;
		z-index:100;
		position: absolute;
		top:0;
	}
	#global-nav ul {
		width:1100px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		line-height: 1.8;
	}
	#global-nav ul li {
		flex-shrink: 0;
		width:auto;
		text-align: center;
		font-family: "M PLUS 1p";
		font-weight: 800;
		font-size: 130%;
		line-height: 0.8;
		margin-right: 1.5em;
	}
	#global-nav ul li span {
		display: block;
		font-size: 50%;
		font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	#global-nav ul li a {
		color: #113988;
		text-decoration: none;
		padding-bottom: 0.8em;
	}
	#global-nav ul li a:hover {
		border-bottom: 2px solid #113988;
	}
	
	
		
/*SNS AREA*/
	#sns {
		width:auto;
		margin: 2.5em auto;
	}
	#sns ul {
		display: flex;
		justify-content:center;
		margin-bottom: 1em;
	}
	#sns ul li img {
		width:27px;
		margin: 0 0.5em;
	}
	#sns p {
		text-align: center;
	}
	#sns p img {
		width:200px;
	}
	
/*--- 共通 ---*/
	h1.subtitle {
		padding-left: 40px;
		font-size: 220%;
		font-family: "M PLUS 1p";
		font-weight: 800;
		line-height: 1.2;
		letter-spacing: -0.1em;
	}
	h1.subtitle span {
		display: block;
		font-size: 40%;
		font-weight: 700;
		padding-bottom: 0.3em;
		letter-spacing:0.1em;
	}
	h1.subtitle.c1 {
		background:url(../img/icon_mushimegane.png) left center no-repeat;
		background-size: 30px 32px;
		border-bottom: 4px solid #FFF;
		display: inline-block;
		margin-bottom: 1.5em;
		color: #fff;
	}
	h1.subtitle.c2 {
		background:url(../img/icon_mushimegane2.png) left center no-repeat;
		background-size: 30px 32px;
		border-bottom: 4px solid #f7b603;
		display: inline-block;
		margin-bottom: 1.5em;
		color: #f7b603;
	}
	h1.subtitle.c3 {
		background:url(../img/icon_mushimegane3.png) left center no-repeat;
		background-size: 30px 32px;
		border-bottom: 4px solid #113988;
		display: inline-block;
		margin-bottom: 1.5em;
		color: #113988;
		letter-spacing:0.1em;
	}
	

/*----------- VOICEMESSAGE AREA-------------*/

	#voicemessage {
		width:1100px;
		background-color:#3963b6 ;
		margin-top: 4em;
		text-align: center;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em;
		padding-top: 1em;
	}
	#voicemessage #vchead {
		width:100%;
		background-color: #3963b6;
	}

	#voicemessage h1 {
		padding-top:0.5em;
	}
	#voicemessage h1.subtitle.c1 {
		margin-bottom: 0.8em;
		letter-spacing: inherit;
	}
	
	#voicemessage #wrapper {
		display: flex;
		padding: 25px 25px 10px 25px;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content:flex-start;
	}
	
	#voicemessage dl {
		width:340px;
		font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: 110%;
		font-weight:900 ;
		letter-spacing: -1px;
		margin-bottom: 1.5em;
	}
	
	#voicemessage #wrapper::after {
		display: block;
		content:"";
		width: 340px;
		}

	#voicemessage dl dd {font-size: 100%;}
	#voicemessage dl dd span {
		display: inline-block;
		background-color:#062666 ;
		color: #FFF;
		font-size: 70%;
		padding: 0 0.5em;
		margin-left: 1em;
		letter-spacing: normal;
	}
	#voicemessage dl dd a {
		color:#fff ;
		text-decoration: none;
	}
	#voicemessage dl dt img {
		width:100%;
		margin-bottom: 0.3em;
	}
	#voicemessage dl dt a:hover {
		opacity: 0.7;
	}
		
	
	
/*----------- MOVIE AREA-------------*/

	#movie {
		width:1100px;
		margin: auto;
	}
	#movie div {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#movie dl {
		font-family: "M PLUS 1p";
		font-size: 110%;
		font-weight: 800;
		letter-spacing: -2px;
		margin-bottom: 1.5em;
	}
	#movie dl dd {font-size: 120%;}
	#movie dl dd span {
		display: inline-block;
		background-color:#113988 ;
		color: #FFF;
		font-size: 70%;
		padding: 0 0.5em;
		margin-left: 1em;
		letter-spacing: normal;
	}
	#movie dl dd a {
		color:#113988 ;
		text-decoration: none;
	}
	#movie dl dt a:hover {
		opacity: 0.7;
	}

	
/*----------- PRESENT AREA-------------*/
	#present {
		width:1100px;
		background-color:#f3f0e4 ;
		margin-top: 4em;
		text-align: center;
		color: #113988;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 6em;
		border: 5px solid #e1b439;
	}
	#present #prehead {
		width:100%;
		background-color: #e1b439;
	}

	#present h1 {
		padding-top:0.5em;
	}
	#present h1.subtitle.c1 {
		margin-bottom: 0.8em;
		letter-spacing: inherit;
	}
	
	#present .wrap {
		display: flex;
		padding: 35px;
	}
	#present #preimg {
		width:480px;
	}
	#present #pretxt {
		width:535px;
	}
	#present #pretxt * {
		text-align: center;
	}
	#present #pretxt h1 {
		font-size: 190%;
		font-family: "M PLUS 1p";
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 1em;
		color: #113988;
		letter-spacing: -1px;
	}
	
	#present #pretxt p {
		margin-bottom: 2em;
		text-align: left;
	}
	
	#present #pretxt h2 {
		font-size: 135%;
		font-family: "M PLUS 1p";
		font-weight: 700;
		line-height: 1.2;
		border: 5px solid #e1b439;
		color:#e1b439;
		padding: 0.5em 0;
		margin-bottom: 2em;
	}
	
	#present #prelink a {
		border-radius: 50px;
		background-color: #113988;
		font-size: 190%;
		font-family: "M PLUS 1p";
		font-weight: 800;
		color: #fff;
		text-decoration: none;
		padding: 0 2.5em;
	}
	#present #prelink a:hover {
		opacity: 0.8;
	}
		
	
/*----------- INTRODUCTION AREA-------------*/
	#introduction {
		width:100%;
		background-color: #113988;
		padding-top: 4em;
		text-align: center;
		color: #FFF;
		margin-bottom: 3em;
	}

	#introduction * {
		color: #FFF;
	}
	#introduction .wrap {
		width:1100px;
		margin: 0 auto;
		padding: 2em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	
	#introduction .wrap section {
		width:517px;
		margin-bottom: 2em;
	}
	#introduction .wrap section h1 {
		background:url(../img/../img/intro_icon_check.png) left center no-repeat;
		background-size: 28px 23px;
		padding-left: 35px;
		text-align: left;
		font-size: 130%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin-bottom: 0.5em;
	}
	#introduction .wrap section h2 {
		font-weight: bold;
		line-height: 1.3;
		margin-bottom: 0.9em;
	}
	#introduction .wrap section p {
		margin-bottom: 1em;
	}
	#introduction .wrap section p img {
		width:511px;
		height:267px;
		border: 3px solid #FFF;
	}
	#introduction .wrap section p.introtext {
		font-size: 90%;
		text-align: left;
	}
	
	#introduction .arasuji {
		width:1100px;
		margin: 0 auto;
		padding: 0 0 4em 0;
	}
	#introduction .arasuji h1 {
		font-size: 180%;
		font-family: "M PLUS 1p";
		font-weight: 500;
		border-bottom: 2px solid #FFF;
		display: inline-block;
		margin-bottom: 1em;
	}
	#introduction .arasuji section p {
		text-align: left;
		font-size: 90%;
	}


/*----------- STORY AREA-------------*/
	#story {
		width:100%;
		background-color: #f3f0e4;
		padding-top: 2em;
		text-align: center;
		color: #f7b603;
		margin-bottom: 3em;
	}
	#story .wrap {
		width:1100px;
		margin: 0 auto;
		padding: 2em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}

	@keyframes tabAnim{
	0%{top:-100%;}
	100%{top:0;}
	}
.tab_wrap{width:1100px; margin:0 auto;}
input[type="radio"]{display:none;}
.tab_area{font-size: 0;padding: 0; margin:0;}
.tab_area label{
	font-family: "M PLUS 1p";
	font-size: 16pt;
	font-weight: 700;
	width:110px;
	margin:0;
	display:inline-block;
	padding:0.8em 0;
	color:#FFF;
	background:#f7b603;
	text-align:center;
	cursor:pointer;
	transition:ease 0.2s opacity;
}
.tab_area label.yet { color:#FFF; background:#decd9f;}
.tab_area label:hover{opacity:0.5;}


	.panel_area{
		overflow:hidden;
		width:1090px;
		border:5px solid #f7b603;
		height:400px;
		position:relative;
		margin-bottom: 4em;
	}

	.tab_panel{
		width:100%; 
		background:#f3f0e4;
		overflow:hidden;
		position:absolute;
		height:100%;
		padding: 1em 0 0;
	}

	.tab_panel h1 {
		font-size: 160%;
		font-weight: 800;
		color: #f7b603;
	}
	.tab_panel h2 {
		font-family: "M PLUS 1p";
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 1em;
		color: #f7b603;
	}
	
	.tab_panel ul {
		display: flex;
		flex-wrap: nowrap;
		margin-bottom: 1.6em;
	}
	.tab_panel ul li {
		width:33.333333%;
	}
	.tab_panel ul li img {
		width:100%;
	}
	
	.tab_panel p {
		width:92%;
		margin: auto;
		text-align:left;
		padding:0;
		color: #000;
}

#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#f7b603;}
#tab1:checked ~ .panel_area #panel1{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#f7b603;}
#tab2:checked ~ .panel_area #panel2{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#f7b603;}
#tab3:checked ~ .panel_area #panel3{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab4:checked ~ .tab_area .tab4_label{background:#fff; color:#f7b603;}
#tab4:checked ~ .panel_area #panel4{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab5:checked ~ .tab_area .tab5_label{background:#fff; color:#f7b603;}
#tab5:checked ~ .panel_area #panel5{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab6:checked ~ .tab_area .tab6_label{background:#fff; color:#f7b603;}
#tab6:checked ~ .panel_area #panel6{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab7:checked ~ .tab_area .tab7_label{background:#fff; color:#f7b603;}
#tab7:checked ~ .panel_area #panel7{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab8:checked ~ .tab_area .tab8_label{background:#fff; color:#f7b603;}
#tab8:checked ~ .panel_area #panel8{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab9:checked ~ .tab_area .tab9_label{background:#fff; color:#f7b603;}
#tab9:checked ~ .panel_area #panel9{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab10:checked ~ .tab_area .tab10_label{background:#fff; color:#f7b603;}
#tab10:checked ~ .panel_area #panel10{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab11:checked ~ .tab_area .tab11_label{background:#fff; color:#f7b603;}
#tab11:checked ~ .panel_area #panel11{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab12:checked ~ .tab_area .tab12_label{background:#fff; color:#f7b603;}
#tab12:checked ~ .panel_area #panel12{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab13:checked ~ .tab_area .tab13_label{background:#fff; color:#f7b603;}
#tab13:checked ~ .panel_area #panel13{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab14:checked ~ .tab_area .tab14_label{background:#fff; color:#f7b603;}
#tab14:checked ~ .panel_area #panel14{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab15:checked ~ .tab_area .tab15_label{background:#fff; color:#f7b603;}
#tab15:checked ~ .panel_area #panel15{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab16:checked ~ .tab_area .tab16_label{background:#fff; color:#f7b603;}
#tab16:checked ~ .panel_area #panel16{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab17:checked ~ .tab_area .tab17_label{background:#fff; color:#f7b603;}
#tab17:checked ~ .panel_area #panel17{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab18:checked ~ .tab_area .tab18_label{background:#fff; color:#f7b603;}
#tab18:checked ~ .panel_area #panel18{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab19:checked ~ .tab_area .tab19_label{background:#fff; color:#f7b603;}
#tab19:checked ~ .panel_area #panel19{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab20:checked ~ .tab_area .tab20_label{background:#fff; color:#f7b603;}
#tab20:checked ~ .panel_area #panel20{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}

	
	
/*----------- CHART AREA-------------*/
	#chart {
		width:100%;
		background-color: #f9f8f2;
		padding-top: 4em;
		padding-bottom: 4em;
		text-align: center;
		margin-bottom: 0em;
	}
	#chart .wrap {
		width:1100px;
		margin: 0 auto;
		padding: 2em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	
	
	
/*----------- CAST AREA-------------*/
	#cast {
		width:100%;
		background-color: #113988;
		padding-top: 4em;
		text-align: center;
		color: #FFF;
		margin-bottom: 3em;
	}
	#cast * {color: #FFF;}
	#cast .wrap {
		width:1100px;
		margin: 0 auto;
		padding: 2em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	
	#cast .wrap section {
		width:313px;
		margin-bottom: 4em;
	}
	#cast .wrap section h1 {
		text-align: center;
		font-size: 200%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin-bottom: 0.3em;
	}#cast .wrap section h1 span {
		font-size:65%;
	}
	
	#cast .wrap section h2 {
		text-align: center;
		font-size: 150%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin: 1em 0 0.5em;
	}
	
	#cast .wrap section .castphoto {
		margin-bottom: 0.5em;
	}
	#cast .wrap section .castphoto img {
		width:307px;
		border:3px solid #FFF;
	}
	
	#cast .wrap section p.casttxt {
		text-align: left;
	}
	
	
	#cast #wrap2 {
		width:100%;
		background-color: #687ea7;
		padding: 2em 0;
		font-size: 140%;
	}
	#cast #wrap2 div {
		width:1100px;
		margin: 0 auto;
		display: flex;
	}
	#cast #wrap2 div section {
		width: 50%;
	}
	#cast #wrap2 div section h1 {
		font-size: 160%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin-bottom: 0.5em;
	}
	#cast #wrap2 div section p {
		font-weight: bold;
	}
	#cast #wrap2 div section p span {
		font-size: 70%;
		font-weight: normal;
	}
	

	
}



/**************** MOBILE ****************/

/* モニター幅750px以下 */

/**************** MOBILE ****************/

@media only screen and (max-width:750px){

	header {display:none;}


/*-----------#header-------------*/
	#header {
		width:100%;
		height:auto;
	}
	#headwrap {
		width:100%;
		margin: 0 auto 1em auto;
		padding: 1em 0;
		display: inherit;
		background:url(../img/mainBG.png) center bottom repeat;
	}
	#headwrap h1 img {
		width: 90%;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
	}

	#headleft {
		width:100%;
		text-align: center;
	}
	#headleft p {
		margin-top: 1em;
	}
	#headleft p img {
		width:  80%;
	}
	#headleft .wajimaku {
		margin-top: 1em;
	}
	#headright {
		width:100%;
		position: relative;
	}
	#headright img {
		width:inherit;
		position: inherit;
		top:0;
		right: 0;
	}

	
/*Gnavi AREA*/
	
	#global-nav.m_fixed {
	  position:inherit;
	background: #f3f0e4;
	}
	
	
	#header {
		position:relative;
	}

	#global-nav {
		width:100%;
		height:auto;
		padding-top: 0;
		z-index:100;
		position:inherit;
	}
	#global-nav ul {
		width:100%;
		margin: 4em auto 0 auto;
		display:inherit;
		line-height: 1.8;
		border-top: 3px solid #FFF;
	}
	#global-nav ul li {
		flex-shrink: 0;
		width:100%;
		text-align: center;
		font-family: "M PLUS 1p";
		font-weight: 800;
		font-size: 130%;
		line-height: 1;
		margin-right: 1.5em;
		border-bottom: 3px solid #FFF;
	}
	#global-nav ul li span {
		display: block;
		font-size: 50%;
		font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	#global-nav ul li a {
		display: block;
		color: #113988;
		text-decoration: none;
		padding: 1em 0;
	}
	#global-nav ul li a:hover {
		background-color: #fff;
	}
	
	
		
/*SNS AREA*/
	#sns {
		width:auto;
		margin: 1em auto 2.5em auto;
	}
	#sns ul {
		display: flex;
		justify-content:center;
		margin-bottom: 1em;
	}
	#sns ul li img {
		width:27px;
		margin: 0 0.5em;
	}
	#sns p {
		text-align: center;
	}
	#sns p img {
		width:200px;
	}
	
/*--- 共通 ---*/
	h1.subtitle {
		padding-left: 40px;
		font-size: 220%;
		font-family: "M PLUS 1p";
		font-weight: 800;
		line-height: 1.2;
		letter-spacing: -0.1em;
	}
	h1.subtitle span {
		display: block;
		font-size: 40%;
		font-weight: 700;
		padding-bottom: 0.3em;
		letter-spacing:0.1em;
	}
	h1.subtitle.c1 {
		background:url(../img/icon_mushimegane.png) left center no-repeat;
		background-size: 30px 32px;
		border-bottom: 4px solid #FFF;
		display: inline-block;
		margin-bottom: 1.5em;
		color: #fff;
	}
	h1.subtitle.c2 {
		background:url(../img/icon_mushimegane2.png) left center no-repeat;
		background-size: 30px 32px;
		border-bottom: 4px solid #f7b603;
		display: inline-block;
		margin-bottom: 1.5em;
		color: #f7b603;
	}
	h1.subtitle.c3 {
		background:url(../img/icon_mushimegane3.png) left center no-repeat;
		background-size: 30px 32px;
		border-bottom: 4px solid #113988;
		display: inline-block;
		margin-bottom: 1.5em;
		color: #113988;
		letter-spacing:0.1em;
	}
	
/*----------- VOICEMESSAGE AREA-------------*/

	#voicemessage {
		width:100%;
		background-color:#3963b6 ;
		margin-top: 4em;
		text-align: center;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em;
	}
	#voicemessage #vchead {
		width:100%;
		background-color: #3963b6;
	}

	#voicemessage h1 {
		padding-top:2em;
	}
	#voicemessage h1.subtitle.c1 {
		margin-bottom: 0.8em;
		letter-spacing: inherit;
	}
	
	#voicemessage #wrapper {
		display: inherit;
		padding: 0.5em;

	}
	
	#voicemessage dl {
		width:100%;
		font-family: "M PLUS 1p";
		font-size: 110%;
		font-weight: 800;
		letter-spacing: -2px;
		margin-bottom: 1.5em;
	}
	

	#voicemessage dl dd {font-size: 120%;}
	#voicemessage dl dd span {
		display: inline-block;
		background-color:#062666 ;
		color: #FFF;
		font-size: 70%;
		padding: 0 0.5em;
		margin-left: 1em;
		letter-spacing: normal;
	}
	#voicemessage dl dd a {
		color:#fff ;
		text-decoration: none;
	}
	#voicemessage dl dt img {
		width:100%;
	}
	#voicemessage dl dt a:hover {
		opacity: 0.7;
	}
/*----------- MOVIE AREA-------------*/

	#movie {
		width:100%;
		margin: auto;
	}
	#movie div {
		display: inherit;
		justify-content:space-between;
	}
	#movie dl {
		font-size: 120%;
		font-weight: 900;
		margin-bottom: 1em;
	}
	#movie dl dd span {
		display: inline-block;
		background-color:#113988 ;
		color: #FFF;
		font-size: 70%;
		margin-left: 1em;
		padding: 0 0.5em;
	}
	#movie dl dd a {
		color:#113988 ;
		text-decoration: none;
	}
	#movie dl dt a:hover {
		opacity: 0.7;
	}
	
	#movie dl img {
		width:95%;
	}
	
/*----------- INTRODUCTION AREA-------------*/
	#introduction {
		width:100%;
		background-color: #113988;
		padding-top: 4em;
		text-align: center;
		color: #FFF;
		margin-bottom: 3em;
	}

	#introduction * {
		color: #FFF;
	}
	#introduction .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	
	#introduction .wrap section {
		width:100%;
		margin-bottom: 2em;
	}
	#introduction .wrap section h1 {
		background:url(../img/../img/intro_icon_check.png) left center no-repeat;
		background-size: 28px 23px;
		padding-left: 35px;
		text-align: left;
		font-size: 130%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin-bottom: 0.5em;
	}
	#introduction .wrap section h2 {
		font-weight: bold;
		line-height: 1.3;
		margin-bottom: 0.9em;
	}
	#introduction .wrap section p {
		margin-bottom: 1em;
	}
	#introduction .wrap section p img {
		width:98%;
		height:auto;
		border: 3px solid #FFF;
	}
	#introduction .wrap section p.introtext {
		font-size: 90%;
		text-align: left;
	}
	
	#introduction .arasuji {
		width:100%;
		margin: 0 auto;
		padding: 0 0 4em 0;
	}
	#introduction .arasuji h1 {
		font-size: 180%;
		font-family: "M PLUS 1p";
		font-weight: 500;
		border-bottom: 2px solid #FFF;
		display: inline-block;
		margin-bottom: 1em;
	}
	#introduction .arasuji section p {
		text-align: left;
		font-size: 90%;
	}


/*----------- STORY AREA-------------*/
	#story {
		width:100%;
		background-color: #f3f0e4;
		padding-top: 2em;
		text-align: center;
		color: #f7b603;
		margin-bottom: 3em;
	}
	#story .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}

	@keyframes tabAnim{
	0%{top:-100%;}
	100%{top:0;}
	}
.tab_wrap{width:100%; margin:0 auto;}
input[type="radio"]{display:none;}
.tab_area{font-size: 0;padding: 0; margin:0;}
.tab_area label{
	font-family: "M PLUS 1p";
	font-size: 12pt;
	font-weight: 700;
	width:10%;
	margin:0;
	display:inline-block;
	padding:0.8em 0;
	color:#FFF;
	background:#f7b603;
	text-align:center;
	cursor:pointer;
	transition:ease 0.2s opacity;
}
.tab_area label.yet { color:#FFF; background:#decd9f;}
.tab_area label:hover{opacity:0.5;}


	.panel_area{
		overflow:hidden;
		width:98%;
		border:5px solid #f7b603;
		height:400px;
		position:relative;
		margin-bottom: 4em;
	}

	.tab_panel{
		width:100%; 
		background:#f3f0e4;
		overflow:hidden;
		position:absolute;
		height:100%;
		padding: 1em 0 0;
	}

	.tab_panel h1 {
		font-size: 160%;
		font-weight: 800;
		color: #f7b603;
	}
	.tab_panel h2 {
		font-family: "M PLUS 1p";
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 1em;
		color: #f7b603;
	}
	
	.tab_panel ul {
		display: flex;
		flex-wrap: nowrap;
		margin-bottom: 1.6em;
	}
	.tab_panel ul li {
		width:33.333333%;
	}
	.tab_panel ul li img {
		width:100%;
	}
	
	.tab_panel p {
		width:92%;
		margin: auto;
		text-align:left;
		padding:0;
		color: #000;
}

#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#f7b603;}
#tab1:checked ~ .panel_area #panel1{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#f7b603;}
#tab2:checked ~ .panel_area #panel2{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#f7b603;}
#tab3:checked ~ .panel_area #panel3{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab4:checked ~ .tab_area .tab4_label{background:#fff; color:#f7b603;}
#tab4:checked ~ .panel_area #panel4{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab5:checked ~ .tab_area .tab5_label{background:#fff; color:#f7b603;}
#tab5:checked ~ .panel_area #panel5{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab6:checked ~ .tab_area .tab6_label{background:#fff; color:#f7b603;}
#tab6:checked ~ .panel_area #panel6{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab7:checked ~ .tab_area .tab7_label{background:#fff; color:#f7b603;}
#tab7:checked ~ .panel_area #panel7{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab8:checked ~ .tab_area .tab8_label{background:#fff; color:#f7b603;}
#tab8:checked ~ .panel_area #panel8{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab9:checked ~ .tab_area .tab9_label{background:#fff; color:#f7b603;}
#tab9:checked ~ .panel_area #panel9{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab10:checked ~ .tab_area .tab10_label{background:#fff; color:#f7b603;}
#tab10:checked ~ .panel_area #panel10{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab11:checked ~ .tab_area .tab11_label{background:#fff; color:#f7b603;}
#tab11:checked ~ .panel_area #panel11{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab12:checked ~ .tab_area .tab12_label{background:#fff; color:#f7b603;}
#tab12:checked ~ .panel_area #panel12{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab13:checked ~ .tab_area .tab13_label{background:#fff; color:#f7b603;}
#tab13:checked ~ .panel_area #panel13{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab14:checked ~ .tab_area .tab14_label{background:#fff; color:#f7b603;}
#tab14:checked ~ .panel_area #panel14{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab15:checked ~ .tab_area .tab15_label{background:#fff; color:#f7b603;}
#tab15:checked ~ .panel_area #panel15{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab16:checked ~ .tab_area .tab16_label{background:#fff; color:#f7b603;}
#tab16:checked ~ .panel_area #panel16{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab17:checked ~ .tab_area .tab17_label{background:#fff; color:#f7b603;}
#tab17:checked ~ .panel_area #panel17{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab18:checked ~ .tab_area .tab18_label{background:#fff; color:#f7b603;}
#tab18:checked ~ .panel_area #panel18{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab19:checked ~ .tab_area .tab19_label{background:#fff; color:#f7b603;}
#tab19:checked ~ .panel_area #panel19{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#tab20:checked ~ .tab_area .tab20_label{background:#fff; color:#f7b603;}
#tab20:checked ~ .panel_area #panel20{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
	
	
/*----------- CHART AREA-------------*/
	#chart {
		width:100%;
		background-color: #f9f8f2;
		padding-top: 2em;
		text-align: center;
		margin-bottom: 3em;
	}
	#chart .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#chart .wrap img {width:100%;}
	
	
	
/*----------- CAST AREA-------------*/
	#cast {
		width:100%;
		background-color: #113988;
		padding-top: 4em;
		text-align: center;
		color: #FFF;
		margin-bottom: 3em;
	}
	#cast * {color: #FFF;}
	#cast .wrap {
		width:100%;
		margin: 0 auto;
		padding: 2em 0;
		display: inherit;
		
	}
	
	#cast .wrap section {
		width:100%;
		margin-bottom: 4em;
	}
	#cast .wrap section h1 {
		text-align: center;
		font-size: 200%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin-bottom: 0.3em;
	}#cast .wrap section h1 span {
		font-size:65%;
	}
	
	#cast .wrap section h2 {
		text-align: center;
		font-size: 150%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin: 1em 0 0.5em;
	}
	
	#cast .wrap section .castphoto {
		margin-bottom: 0.5em;
	}
	#cast .wrap section .castphoto img {
		width:307px;
		border:3px solid #FFF;
	}
	
	#cast .wrap section p.casttxt {
		text-align: left;
	}
	
	
	#cast #wrap2 {
		width:100%;
		background-color: #687ea7;
		padding: 2em 0;
		font-size: 140%;
	}
	#cast #wrap2 div {
		width:100%;
		margin: 0 auto;
		display: inherit;
	}
	#cast #wrap2 div section {
		width: 100%;
	}
	#cast #wrap2 div section h1 {
		font-size: 160%;
		font-family: "M PLUS 1p";
		font-weight: 600;
		margin-bottom: 0.5em;
	}
	#cast #wrap2 div section p {
		font-weight: bold;
	}
	#cast #wrap2 div section p span {
		font-size: 70%;
		font-weight: normal;
	}
	
	
	/*----------- PRESENT AREA-------------*/
	#present {
		width:98%;
		background-color:#f3f0e4 ;
		margin-top: 4em;
		text-align: center;
		color: #113988;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3em;
		border: 5px solid #e1b439;
	}
	#present #prehead {
		width:100%;
		background-color: #e1b439;
	}

	#present h1 {
		padding-top:0.5em;
	}
	#present h1.subtitle.c1 {
		margin-bottom: 0.8em;
		letter-spacing: inherit;
	}
	
	#present .wrap {
		display: inherit;
		padding: 1em 0;
	}
	#present #preimg {
		width:100%;
		margin-bottom: 1em;
	}
	#present #pretxt {
		width:100%;
	}
	#present #pretxt * {
		text-align: center;
	}
	#present #pretxt h1 {
		font-size: 180%;
		font-family: "M PLUS 1p";
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 1em;
	}
	#present #pretxt h1 br { display: none;}
	#present #pretxt p {
		margin-bottom: 2em;
		text-align: left;
	}
	
	#present #pretxt h2 {
		font-size: 135%;
		font-family: "M PLUS 1p";
		font-weight: 700;
		line-height: 1.2;
		border:0;
		background-color:#e1b439;
		color: #FFF;
		padding: 0.5em 0;
		margin-bottom: 1em;
	}
	
	#present #prelink a {
		border-radius: 50px;
		background-color: #113988;
		font-size: 190%;
		font-family: "M PLUS 1p";
		font-weight: 800;
		color: #fff;
		text-decoration: none;
		padding: 0 1em;
	}
	#present #prelink a:hover {
		opacity: 0.8;
	}


}