@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@700&family=Zen+Kaku+Gothic+Antique:wght@400;700&display=swap');

*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
html{
	font-size: 10px;
	font-size: 62.5%;
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form,iframe{margin: 0;padding: 0;}
/* h1, h2, h3, h4, h5, h6{-webkit-font-feature-settings: "palt" 1;font-feature-settings: "palt" 1;} */
h1, h2, h3, h4, h5, h6{font-family: "Shippori Mincho B1", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;text-align: left;font-weight: 700;}
h1{font-size: 25px;font-size: 2.5rem;margin-bottom: 30px;text-align: center;}
h2{font-size: 20px;font-size: 2.0rem;margin-bottom: 20px;line-height: 1.25;}
ul,li{list-style:none;margin:0;padding:0;}
ol li{list-style-position:outside;padding:0;}
li ul, li ol{padding: 0;}
img{
	border: 0;
	max-width: 100%;
	-webkit-transition: all 0.25s ease;
					transition: all 0.25s ease;
}
del {text-decoration: line-through;}
a{
	color: #1a73e8;
	-webkit-transition: all 0.25s ease;
					transition: all 0.25s ease;
	text-decoration: underline;
}
a:hover{color: #f50000;}
a::before,a::after{
	-webkit-transition: all 0.25s ease;
					transition: all 0.25s ease;
}
blockquote{
	margin: 0 0 0 5px;
	padding: 3px 0 3px 10px;
	border-left: 2px solid #DDD;
}
th{font-weight: normal;}
select,
input,
button,
textarea,
select,
button {
	font-size: 100%;
}
sup{vertical-align: super;}
strong, b{font-weight: 500;}

body {
	margin: 0;
	font-family: 'Zen Kaku Gothic Antique', "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Roboto, "Segoe UI", Verdana, Meiryo, sans-serif;
	/* 	text-align: center; */
	line-height: 1.8;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: 400;
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	position: relative;
	color: #111;
	letter-spacing: 0.06em;
	margin: 0 auto;
	word-break: break-all;
}

#gnavi {position: relative;z-index: 888888;width: 100%;background-color: #fff;}
#header.header {padding-bottom: 66px;}
#header.header #gnavi {position: fixed;top: 0;left: 0;}

.header-nav_btn {display: none;}
.header-nav-list li {
	position: relative;
	line-height: 1;
	margin: 0 5px;
	-webkit-transition: all 0.5s ease;
					transition: all 0.5s ease;
}
.header-nav-list li a{
	display: inline-block;
	position: relative;
	padding: 10px;
	line-height: 1;
	text-decoration: none;
	z-index: 9999;
	display: block;
	margin: 0 auto;
	width: 100%;
	letter-spacing: 0.12em;
	font-weight: 700;
	color: #111;
}

#header-nav-list li img{width: 46px;}

.header-nav-list li a:hover{opacity: 0.6;}

@media (min-width: 961px) {
	#header-nav_body{display: flex!important;opacity: 1!important;}
}

@media (max-width: 980px) {
/* 	#logo.is-active {z-index: 999999;} */
	#header-nav-list li#navi-01 {display: none;}
	.navi-06{display: block;}
	.header-nav-list{max-width: none;}

	#header.header li {padding: 0;}
	.header-nav {z-index: 888888;}
	#header-nav_body {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(255,255,255,0.95);
		padding: 0%;
/* 		overflow: hidden; */
		overflow: auto;
		display: none;
	}
	#header-nav-list {
		width: 100%;
		-webkit-transition: all 0.5s ease;
						transition: all 0.5s ease;
		padding: 0 15%;
		overflow: hidden;
		-webkit-overflow-scrolling:touch;
	}
/*
	.header-nav.close #header-nav_body {visibility: hidden;opacity: 0;}
	.header-nav.open #header-nav_body {visibility: visible;opacity: 1;}
*/
	#header-nav-list li {
		width: 100%;
		height: auto;
		border-left: none;
		padding: 8px 0;
		margin: 0;
		text-align: center;
	}
	#header-nav-list li.navi-sns {width: 50%;padding: 0;}
	#header-nav-list li > a{
		text-align: center;
		display: inline-block;
		width: auto;
/* 		color: #fff; */
	}
	.header-nav_btn {
		display: block;
		position: fixed;
		right: 3.5%;
		top: 20px;
		z-index: 999999;
		width: 45px;
		height: 45px;
		-webkit-transition: all 0.5s ease;
						transition: all 0.5s ease;
/* 		background: #fff; */
	}
/* 	#header.header .header-nav_btn{top: 8px;} */
	.header-nav_menuIcon {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 25px;
		height: 25px;
		display: block;
		cursor: pointer;
	}
	.header-nav_menuIcon > span {
		display: inline-block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #000;
		-webkit-transition: all 0.5s;
						transition: all 0.5s;
		-webkit-transform: rotate(0deg);
						transform: rotate(0deg);
	}
	.header-nav_menuIcon > .top { top: 2px;}
	.header-nav_menuIcon > .middle { top: 11px;}
	.header-nav_menuIcon > .bottom { bottom: 2px;}
	.header-nav_menuIcon.is-active > .top {
	-webkit-transform: translateY(9px) rotate(-45deg);
					transform: translateY(9px) rotate(-45deg);
	}
	.header-nav_menuIcon.is-active > .middle {opacity: 0;}
	.header-nav_menuIcon.is-active > .bottom {
		-webkit-transform: translateY(-9px) rotate(45deg);
						transform: translateY(-9px) rotate(45deg);
	}
/* 	.header-nav_menuIcon.is-active span{background-color: #fff;} */
}



.contents section{position: relative; overflow: hidden;}

.container-xl,
.container-l,
.container-m,
.container-s,
.container-mini,
.container {position: relative;margin: 0 auto;padding: 0;}
.container-xl{width: 100%;max-width: 1920px;}
.container-l{width: 90%;max-width: 1440px;}
.container-m{width: 87.5%;max-width: 1040px;}
.container-s{width: 85%;max-width: 800px;}
.container-mini{width: 85%;max-width: 640px;}
.container{width: 87.5%;max-width: 960px;}
@media (max-width: 1080px) {
	.container-l{max-width: 900px;}
}
@media (max-width: 960px) {
	.container,.container-m,.container-s{width: 85%;}
}
@media (max-width: 767px) {
	.container,.container-m{width: 87.25%;}
}

aside ul {
	list-style-type: none;
	width: 50px;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	overflow: auto;
	text-align: center;
	margin-left: 0;
}
#twitter{
	width: 45px;
}

header{text-align: center;}

#poster{display: block;width: 60%;max-width: 900px;margin: 0 auto;}


#logo{
width: 600px;
margin: 50px;
margin-bottom: 0;
}
header p{
margin: 0 auto 50px;
text-align: center;
}



section{position: relative;margin: 0 auto;overflow: hidden;}

#theater{position: relative;padding: 90px 0;}

#theater {font-size: 20px;font-size: 2.0rem;background-color: #fafafa;}

#theater-list{width: 50%;padding: 0 30px 0 0;}
#theater h1{margin-bottom: 5px;}
#theater table{width: 100%;text-align: left;background-color: #fff;border-top: 1px solid #ddd;}
#theater th{padding: 10px 0 10px 10px;vertical-align: top;width: 80px;border-bottom: 1px dotted #aaa;}
#theater td{padding: 10px;vertical-align: top;border-bottom: 1px dotted #aaa;}
#theater-list td.t-name{width: 55%;}
#theater-list p span{display: inline-block;font-size: 16px;font-size: 1.6rem;line-height: 1.5;}

#greeting-list{width: 50%;padding: 0 0 0 30px;}
#greeting-list p {line-height: 1.5;}
#greeting-list p span{display: inline-block;font-size: 16px;font-size: 1.6rem;line-height: 1.5;}
#greeting-list td.g-name{width: 77%;}
#greeting-list td.g-name p:first-child{margin-bottom: 10px;}
#greeting-list td.g-name p{padding-left: 1em;}
#greeting-list td.g-name p::before{content: "◎";margin-left: -1em;}

#theater ul{width: 80%;padding: 0;margin: 0 auto;}

@media (max-width: 960px) {
	#theater-list,#greeting-list{width: 80%;padding: 0;padding-bottom: 30px;margin: 0 auto;}
}
@media (max-width: 767px) {
	#theater-list,#greeting-list{width: 100%;}
	#theater th{display: block;width: 100%;padding-bottom: 0;border: none;font-weight: 700;}
	#theater td{display: block;width: 100%!important;padding: 10px 0;}
	#theater-list td{padding-top: 0;padding-left: 10px;}
	#theater-list td.t-name{border: none;padding-bottom: 0;}
	#greeting-list th{border: none;}
	#greeting-list td.g-name{width: 100%;padding: 10px;}
}

#trailer{position: relative;padding: 90px 0;}
.youtube{display: block;width: 70%;height: 35vw;margin: 0 auto;}



#interview{position: relative;padding: 90px 0;}
#interview h2{position: relative;font-size: 16px;font-size: 1.6rem;padding-left: 2.06em;text-indent: -2.06em}
#interview h2::before{content: "——";}
#interview p{margin-bottom: 45px;}

#director{position: relative;padding: 90px 0 0;}

#director h2,#director h3,#comment h2,#comment h3{text-align: justify;}
#director h2{font-size: 20px;font-size: 2.0rem;}
#director-img{width: 40%;}
#director-txt{width: 55%;}

@media (max-width: 767px) {
	#director-img{width: 100%;margin-bottom: 20px;}
	#director-txt{width: 100%;}
}

#creators{position: relative;padding: 90px 0;}
#creators .creator {margin-bottom: 60px;}
#creators .creator div{width: 64%;}

#creators img{display: block;width: 31.25%;bottom: 0;}

#marika{width: 80%;margin: 0 auto;}
#marika h3{text-align: left;}

#marika-prof{margin-bottom: 45px;}
#marika-img{width: 40%;}
#marika-img img{width: 100%;}
#marika-prof p{width: 55%;}

@media (max-width: 767px) {
	#marika-img{width: 100%;margin-bottom: 20px;}
	#marika-prof p{width: 100%;}
}

#report{position: relative;padding: 90px 0;background-color: #f5f5f5;}

#comment{position: relative;padding: 90px 0;background-color: #fafafa;}
#comment .com_item{margin-bottom: 60px;}
#comment .com_item p {margin-bottom: 10px;}
#comment .com_item .com_name{position: relative;display: block;text-align: left;font-weight: 700;font-family: "Shippori Mincho B1", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;}
#comment .com_item .com_name::before{content: "—";margin-right: 5px;}
#comment .com_item:last-child{margin-bottom: 0;}


#tweet{width: 60%;}

#intro{padding: 90px 0;}

#imperial{
	position: relative;
	padding: 90px 0;
	background-color: #fafafa;
}
#imperial h2{text-align: center;}
#imperial .mov{position: relative;padding-top: 56.25%;}
#imperial .mov iframe{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#imperial-news{padding: 45px 30px;background-color: #fff;border-radius: 10px;margin-bottom: 45px;border: 1px solid #eee;}
#in-intro{margin-bottom: 20px;}
#imperial-news h3{margin-bottom: 10px;}
@media (max-width: 767px) {
	#imperial-news{padding: 20px 15px;}
}


#staff{padding: 90px 0;background-color: #333;color: #fff}

@media (max-width: 960px) {
	aside{display: none;}
	main{margin: 0;}	
}

@media screen and (max-width: 767px) {
	body{font-size: 15px;font-size: 1.5rem;}
	
	h1{font-size: 20px;font-size: 2.0rem;}
	h2{font-size: 18px;font-size: 1.8rem;}
	
	header h1{padding: 10px 0 0;margin-bottom: 10px;}
	header p{font-size: 12px;font-size: 1.2rem;margin-bottom: 0;padding: 0 10%;}

	#logo{
	width: 200px;
	margin: 5px;
	margin-bottom: 0;
	}
	
	#poster{
	width: 100%;
	}
	.youtube{
	width: 100%;
	height: 60vw;
	}
	#creators img{
	float: none;
	width: 100%;
	}
	#creators .creator {margin-bottom: 40px;}
	#creators .creator div{width: 100%;margin: 0 auto;padding-top: 15px;}
	.creator h2{margin-bottom: 15px;}
	
	#marika h3{
	margin-left: 10px ;
	}
	
	#comment .com_item .com_name{font-size: 14px;}

}

footer{padding: 60px 5%;}

a#pagetop{display: block;width: 60px;height: 60px;position: fixed;right: -8%;bottom: 30px;z-index: 33333;background-color: #111;transition: all 0.5s;border-radius: 30px;}
a#pagetop.active{right: 3%;}
a#pagetop::before{content: "";display: block;position: absolute;top: 50%;left: 50%;width: 24px;height: 24px;border-left: 4px solid #fff;border-top: 4px solid #fff;transform: rotate(45deg);margin-top: -7px;margin-left: -12px;}
a#pagetop:hover{opacity: 0.5;}

#copyright {line-height: 1.2;font-size: 10px;font-size: 1.0rem;text-align: center;}

@media (max-width: 767px) {
	a#pagetop{right: -20vw;bottom: 60px;}
}

/* =====
* MISC
* ===== */

.flist{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.row-reverse{
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
}
.space-between{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-center{
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.justify-center{
-webkit-box-pack: center;
-webkit-flex-pack: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-webkit-justify-content: center;
justify-content: center;
}
.align-top{
-webkit-box-align:flex-start;
-ms-flex-align:flex-start;
-webkit-align-items:flex-start;
align-items:flex-start;
}
.align-bottom{
-webkit-box-align:flex-end;
-ms-flex-align:flex-end;
-webkit-align-items:flex-end;
align-items:flex-end;
}
.justify-end{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.mb0{	margin-bottom: 0!important;}
.mb5{	margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.pb0{padding-bottom: 0 !important;}

/* Text Alignment */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
}

.fz10{font-size: 10px;font-size: 1.0rem;}
.fz12{font-size: 12px;font-size: 1.2rem;}
.fz14{font-size: 14px;font-size: 1.4rem;}

/* Visibility */
.disn {display: none;}

.visible-s,
.visible-s-block,
.visible-xs,
.visible-xs-block {display: none!important;}

@media (max-width: 960px) {
.visible-s,
.visible-s-block {display: block!important;}
.hidden-s {display: none!important;}
}
@media (max-width: 767px) {
.visible-xs,
.visible-xs-block {display: block!important;}
.hidden-xs {display: none!important;}
}