/*-----Header Menu-------*/
#nav_box{
	width: 100%;
	min-width: 1000px !important;
	height:36px;
	position: fixed;
	top:0;
	z-index:300;
	background-color: #d309b9;
}

.menu_btn{
	height:36px;
	font-family: 'Roboto', sans-serif;
	font-size: 12pt;
	font-weight: 700;
	color:#ffcd45;
	background-color: #a384ce;
	border: 0;
	cursor: default;
	overflow:hidden;
	position: relative;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	padding-left: 30px;
	padding-right: 30px;
	float: right;
}

.menu_btn:hover{
	cursor: pointer;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
}


/*---------Common---------------*/

*{
	box-sizing: border-box;
}

.mincho{
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	-webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
	font-feature-settings : "palt" 1;
}

.aplha{
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0.0;
}


a:focus, *:focus {outline:none;}


/*-----Sub Page-------*/
#wrap{
	width: 100%;
	overflow:hidden;
	min-width: 1000px !important;
}


.sub_box{
	width: 100%;
	min-width: 1000px !important;
	margin-left: auto;
	margin-right: auto;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

.in_box{
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 1000px;
	position: relative;
	box-sizing: border-box;
	font-size: 10.5pt;
	line-height: 1.6em;
}

.center_box{
	width: 1px;
	margin-left: 50%;
	position: absolute;
	z-index: 100;
}

.center_in_box{
	position: relative;
	margin-top: 0px;
	margin-left: -500px;
	box-sizing: border-box;
	font-size: 11pt;
	line-height: 1.6em;
	width: 1000px;
}


h3{
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 30;
	margin-bottom: 0;
	font-size: 30pt;
	font-family: 'Satisfy', cursive;
	font-weight: normal;
	color: #d309b9;
	text-align: center;
	transform: rotate(6deg);
	transform-origin: top left;

}

h3:first-letter{
	font-size: 150%;
}


.sub_head{
	width: 100%;
	min-width: 1000px !important;
	margin: 0;
	background-repeat: repeat-x;
	background-position: center top;
}

.sub_head_inbox{
	width: 1000px;
	margin:0 auto;
	position: relative;
	z-index: 20;
}


#slide_photo_box{
	position: relative;
	width: 100%;
	height: 228px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	z-index: 10;
	max-width: 2000px !important;
	min-width: 1000px !important;
}

.photo_slider1,
.photo_slider2{
	width:6000px;
	height: 228px;
	background-repeat:repeat-x;
	position:absolute;
	margin-top:0;
	margin-left:0;
	z-index:10;
	align-content:flex-start;
}



.rot_box{
	-webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
	font-feature-settings : "palt" 1;
}

/*----------INTRODUCTION------------*/

#intro_box{
	margin-top:36px;
	z-index: 10;
	padding-bottom: 50px;
}

.sub_logo{
	position: absolute;
	margin-top: 20px;
	margin-left: 30px;
	z-index: 50;
}

.intro_head_1{
	width: 100%;
	height: auto;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 30;
}

.intro_head_2{
	width: 100%;
	height: auto;
}

#intro_box .in_box{
	margin-top: -50px;
	z-index: 40;
}

#intro_box h3{
	color: #69c1e9;
	margin-top: -22px;
	margin-left: 771px;

}


#intro_txt{
	width: 100%;
	color: #d309b9;
	padding: 0 13px;
	z-index: 40;
}

#intro_box h4{
	text-align: center;
	font-size: 18pt;
	font-weight: 600;
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 14px;
}


/*----------Photo Box------------*/

#photo_box{
	margin-top:0;
	z-index: 10;
}

.ptset_1,
.ptset_2,
.ptset_3{
	width: 100%;
	height: auto;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 10
}

.ptset_2{
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0.0;

}


.ptset_3{
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha( opacity=0 );
	opacity: 0.0;
	position: relative;
}

/*----------STORY------------*/

#story_box{
	margin-top:0;
	z-index: 10;
	padding-bottom: 100px;
}

.story_head_1{
	width: 100%;
	height: auto;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
}

.story_head_2{
	width: 100%;
	height: auto;
}

#story_box .in_box{
	margin-top: -41px;
}

#story_box h3{
	color: #d309b9;
	margin-top: -61px;
	margin-left: 471px;
}


#story_txt{
	width: 595px;
	color: #a384ce;
	padding: 0 13px;
}


#story_box h4{
	text-align: center;
	font-size: 18pt;
	font-weight: 600;
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 14px;
}


.pts_story{
	position: absolute;
	margin-top: -243px;
	margin-left: 607px;
}


.pts_story1{
	box-shadow:2px 2px 6px 1px rgba(0,0,0,0.4);
	transform: rotate(4deg);
	transform-origin: top left;
}




/*----------CAST------------*/

#cast_box{
	margin-top:0;
	z-index: 10;
	padding-bottom: 50px;
}

.cast_head_1{
	width: 100%;
	height: auto;
}

#cast_box .in_box{
	margin-top: -41px;
}

#cast_box h3{
	width: 100%;
	text-align: center;
	color: #69c1e9;
	margin-top: -47px;
	margin-left: 0;
}

.casts{
	width: 100%;
	height: 395px;
	padding: 0 20px;
	margin-top: 0;
	margin-bottom: 70px;
	color: #69c1e9;
}

.cast_pt{
	float: left;
	margin-right: 20px;
}

.cast_name{
	color: #a384ce;
	font-size: 18pt;
	font-weight: 500;
	margin-bottom: 12px;
}

.cast_en{
	color: #a384ce;
	font-size: 12pt;
	margin-bottom: 18px;
}



/*----------STAFF------------*/

#staff_box{
	margin-top:0;
	z-index: 10;
	padding-bottom: 50px;
}

.staff_head_1{
	width: 100%;
	height: auto;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
}

.staff_head_2{
	width: 100%;
	height: auto;
}

#staff_box .in_box{
	margin-top: -41px;
	color: #3cb3a6;
}

#staff_box h3{
	width: 100%;
	text-align: center;
	color: #ffffff;
	margin-top: -47px;
	margin-left: 0;
}

#staff_box .in_box{
	height: 1200px;
}




.staff_1{
	width: 100%;
	height: 273px;
	padding: 0 20px;
	margin-top: 0;
	margin-bottom: 60px;
	color: #3cb3a6;
}

.staff_pt{
	float: left;
	margin-right: 20px;
}

.staff_name{
	color: #d309b9;
	font-size: 18pt;
	font-weight: 500;
	margin-bottom: 12px;
}

.staff_name small{
	font-size: 80%;
}

.staff_2{
	width: 450px;
	position: absolute;
	margin-top: 0px;
	margin-left: 20px;
}

.staff_3{
	width: 450px;
	position: absolute;
	margin-top: 0px;
	margin-left: 528px;
}

.staff_4{
	width: 450px;
	position: absolute;
	margin-top: 306px;
	margin-left: 20px;
}

.pts_staff{
	position: absolute;
	margin-top: 306px;
	margin-left: 528px;
}


.pts_staff_1{
	box-shadow:2px 2px 6px 1px rgba(0,0,0,0.4);
	transform: rotate(4deg);
	transform-origin: top left;
}


/*----------AWARD------------*/

#award_box{
	margin-top:0;
	z-index: 10;
}

#award_box h3{
	width: 100%;
	text-align: center;
	color: #ffffff;
	margin-top: -34px;
	margin-left: 0;
}

.award_bg{
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 10
}