@charset "UTF-8";


@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Regular.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansCJKjp/NotoSansCJKjp-Bold.otf') format('opentype');
}


/*
* html body {
	overflow: hidden;
}
*/
body {
	padding: 0;
	font-family: 'Noto Sans Japanese';
	color: #543a29;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed;
	background-color: #edc600;
}
a {
	overflow: hidden;
	outline: none;
}
a:link {
	color:#c00;
	text-decoration: none;
}
a:visited {
	color: #c00;
	text-decoration: none;
}
a:active {
	color: #c60;
	text-decoration: underline;
}
a:hover {
	color: #c60;
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.large {
	font-size: 16px;
}
.medium {
	font-size: 15px;
}
.small {
	font-size: 12px;
	font-weight: normal;
}
.x-small {
	font-size: 10px;
	font-weight: normal;
}
.fltL {
	float: left;
}
.fltR {
	float: right;
}
img {
	border: 0;
}

p.text {
	overflow: auto;
	zoom:1;
}

.normal { font-weight: normal; }
.blue { color: #0068da; }
.black { color: #000!important; }
.gold { color: #c59751; }
.red { color: #a72126;}

.pink { 	color: #cc5481;}
.cyan {	color: #459a87;}


.f10 {	font-size: 10px;}
.f11 {	font-size: 11px;}
.f12 {	font-size: 12px;}
.f13 {	font-size: 13px;}
.f14 {	font-size: 14px;}
.f15 {	font-size: 15px;}
.f16 {	font-size: 16px;}
.f18 {	font-size: 18px;}
.f20 {	font-size: 20px;}

/****************************************
	Temp
*****************************************/

#wrapperBg {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#wrapperBg.intro {
	background-image: url(../img/bg_intro.jpg) ;
	background-repeat: no-repeat;
	background-position: center top;
	/*background-attachment:fixed;*/
}

#wrapperBg.story {
	background-image: url(../img/bg_story.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapperBg.comment {
	background-image: url(../img/bg_comment.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


h1 {
	display: block;
	position: fixed;
	top: 15px;
	right: 30px;
}

h1 a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
	}

/*
#wrapperFoot {
	display: block;
	width: 100%;
	margin: 0 0 30px;
	padding: 20px 0 10px;
	border-top: 1px solid #eee;
}
	
#foot {
	position: relative;
	width: 1000px;
	height: 36px;
	margin: 0 auto;
}
*/
	
/****************************************
	MAIN 
*****************************************/

#main {
	display: block;
	position: relative;
	width: 1000px;
	margin: 60px auto 20px;
	padding: 0 0 30px;
	font-size: 15px;
}

#main h2 {
	clear: both;
	margin-bottom: 20px;
	font-size: 15px;
}

#main h3 {
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 20px;
}
#main h4 {
	color: #cc5481;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 20px;
}
#main h5 {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.section {
	display: block;
	clear: both;
	position: relative;
}

.section p {
	line-height: 1.8;
	margin-bottom: 1em;
}
.box {
	display: block;
	width: 480px;
}
.box3 {
	display: block;
	float: left;
	width: 310px;
}
.t_center {
	text-align: center;
}
.t_right {
	text-align: right;
}

p.gotop {
	float: right;
}

p.gotop a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
	}
	
/*==========INDEX==========*/

#wrapperBg.index {
	background-image: url(../img/index/bg_main.jpg) ;
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapperBg.indexMain {
	background-image: url(../img/index/bg_grade.jpg) ;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#fff;
}
#wrapperBg.indexFoot {
	background-image: url(../img/index/bg_foot.jpg) ;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:#fff;
}


.indexLeadWrap {
	display: block;
	position: relative;
	width: 800px;
	height:398px;
	margin: 0 auto;
}
	.lead {
		position:absolute;
		top: 142px;
		left: 210px;
	}
	.cast01 {
		position:absolute;
		top: 313px;
		left: 54px;
	}
	.cast02 {
		position:absolute;
		top: 313px;
		left: 475px;
	}

.indexMainWrap {
	display: block;
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.indexBannerWrap {
	display: block;
	position: relative;
	width: 1000px;
	margin: 0 auto 20px;
	text-align:center;
}
	.indexBannerWrap img {
		margin: 0 10px 0 10px;
	}

.indexFootWrap {
	display: block;
	position: relative;
	width: 1000px;
	height:350px;
	margin: 0 auto;
	}

.IndexTicket {
	display: block;
	float: left;
	margin-left: 150px;
}
.IndexTicket img {
	margin: 0 10px;
}

.snsShare {
	display: block;
	float: left;
	margin-left:20px;
	padding: 0;
}

.snsShare ul li {
	float: left;
	margin: 0 5px;
}

/*---Banner_Button---*/

#banner {
	display: block;
	width: 1000px;
	margin: 0 auto 30px;
	text-align: center;
}
#banner img {
	margin-left:5px;
	margin-right:5px;
	margin-bottom: 10px;
}


/*====================*/

.introReview {
		margin-top:400px;
}
.introReview p {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
}

.mtIntro {
	margin-top: 80px;
}

.mtStory {
	margin-top: 650px;
}

.boxStory {
	float: left;
	width: 580px;
}
.boxStoryImg {
	float: right;
	width: 390px;
}

.boxStoryCollum {
	width: 958px;
	padding: 20px;
	border: 1px solid #b48a00;
}
.boxCollum3 {
	width: 300px;
}
.mr29 {
	margin-right: 29px;
}

/*==========CAST==========*/
.castInterview {
	padding: 20px;
	background: #FCE6D6;
}
.castInterview p {
	font-size: 15px;
	margin-bottom: 0;
}

/*==========STAFF==========*/
.film {
	width: 475px;
	padding:  40px 0 0;
	margin-bottom: 30px;
	/*background: #FCE6D6;*/
}
.film dt {
	clear: both;
	float: left;
	width: 60px;
	font-size: 15px;
	font-weight: bold;
}
.film a {
	font-weight: bold;
}
.film a:hover {
	font-weight: bold;
	text-decoration: underline;
}
.film dd {
	float: left;
	width: 420px;
	color: #543a29;
	font-size: 15px;
	margin-bottom: 10px;
}
.film dd .small {
	color: #543a29;
	font-size: 12px;
	font-weight: normal;
}
.boxDintTxt {
	width: 660px;
}
.boxDintPic {
	width: 300px;
}
p.question {
	font-weight: bold;
}

/*==========COMMENT==========*/
.mtComment {
	margin-top: 350px;
}

.boxComment {
	display: block;
	width: 480px;
}

.boxComment p {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 5px;
}
.boxComment p.author {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	color: #cc5481;
	margin-bottom: 35px;
}

span.highlight {
	font-size: 18px;
	font-weight: bold;
}
.boxReview {
	display: block;
	width: 480px;
}

.boxReview p {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 5px;
}
.boxReview p.author {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	color: #459a87;
	margin-bottom: 35px;
}

.boxReview .bold {
	font-size: 16px;
}