@charset "utf-8";

body{min-width: 1200px;
	overflow-y: scroll;}

.font-goth1{font-family: kozuka-gothic-pro,sans-serif;
font-weight: 400;
font-style: normal;}

.font-goth2{font-family: kozuka-gothic-pro,sans-serif;
font-weight: 700;
font-style: normal;}

.font-goth3{font-family: kozuka-gothic-pro,sans-serif;
font-weight: 900;
font-style: normal;}

.font-mit1{font-family: a-otf-midashi-mi-ma31-pr6n, serif;
font-weight: 600;
font-style: normal;}

.font-min1{font-family: kozuka-mincho-pr6n,serif;
font-weight: 400;
font-style: normal;}

.font-min2{font-family: kozuka-mincho-pr6n,serif;
font-weight: 700; 
font-style: normal;}

.font-min3{font-family: kozuka-mincho-pr6n,serif;
font-weight: 900; 
font-style: normal;}

.start_filter{width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	background:rgba(0,0,0,1.00);
	z-index: 999;}

.loading_block{width: 200px;
	height: 95px;
	text-align: center;
	position: fixed; top: 50%; left: 50%;
	margin: -50px 0 0 -100px;}

.loading_img{height: 100px;
	-webkit-animation: blink 2s linear infinite;
	-moz-animation:blink 2s linear infinite;
	-ms-animation:blink 2s linear infinite;
	-o-animation:blink 2s linear infinite;
	animation:blink 2s linear infinite;}

@-webkit-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-moz-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@-o-keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}
@keyframes blink {
	0% {opacity:0;}
	40% {opacity:1.0;}
	60% {opacity:1.0;}
	100% {opacity:0;}
}

#container{position: relative;
	z-index: 2;}

.bg_box{width: 100%;
	height: 100vh;
	background: url("../img/bg_light1-4.jpg");
	background-size: cover;
	background-position: center center;
	position: fixed; top: 0; left: 0;
	z-index: 1;
	transform:translate3d(0,0,0);}

.page_bar1{width: 100%;
	height: 10px;
	background: url("../img/bar1.png");
	background-repeat: repeat;
	position: fixed; top: 0;
	z-index: 9;
	-webkit-animation:bgiLoop1 10s linear infinite;
	-moz-animation:bgiLoop1 10s linear infinite;
	-ms-animation:bgiLoop1 10s linear infinite;
	-o-animation:bgiLoop1 10s linear infinite;
	animation: bgiLoop1 10s linear infinite;}

@-webkit-keyframes bgiLoop1 {
	0% { background-position: 0 0;}
  100% { background-position: 3840px 0;}
}
@-moz-keyframes bgiLoop1 {
	0% { background-position: 0 0;}
  100% { background-position: 3840px 0;}
}
@-o-keyframes bgiLoop1 {
	0% { background-position: 0 0;}
  100% { background-position: 3840px 0;}
}
	
@keyframes bgiLoop1 {
    0% { background-position: 0 0;}
  100% { background-position: 3840px 0;}
}

.page_bar2{width: 100%;
	height: 10px;
	background: url("../img/bar2.png");
	background-repeat: repeat;
	position: fixed; bottom: 0;
	z-index: 9;
	-webkit-animation:bgiLoop2 10s linear infinite;
	-moz-animation:bgiLoop2 10s linear infinite;
	-ms-animation:bgiLoop2 10s linear infinite;
	-o-animation:bgiLoop2 10s linear infinite;
	animation: bgiLoop2 10s linear infinite;}

@-webkit-keyframes bgiLoop2 {
	0% { background-position: 0 0;}
  100% { background-position: -3840px 0;}
}
@-moz-keyframes bgiLoop2 {
	0% { background-position: 0 0;}
  100% { background-position: -3840px 0;}
}
@-o-keyframes bgiLoop2 {
	0% { background-position: 0 0;}
  100% { background-position: -3840px 0;}
}
	
@keyframes bgiLoop2 {
    0% { background-position: 0 0;}
  100% { background-position: -3840px 0;}
}
	
.bg2{display: none;
	width: 80%;
	height: 250vh;
	text-align: center;
	position: fixed; top: -75%; left: 10%;
	overflow:visible;
	z-index: 1;
	-webkit-animation:rotate2 40s linear infinite;
	-moz-animation:rotate2 40s linear infinite;
	-ms-animation:rotate2 40s linear infinite;
	-o-animation:rotate2 40s linear infinite;
	animation: rotate2 40s linear infinite;}

@-webkit-keyframes rotate2 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(-1,1,-1,-180deg);}
  100% { transform: rotate3d(-1,1,-1,-360deg);}
}
@-moz-keyframes rotate2 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(-1,1,-1,-180deg);}
  100% { transform: rotate3d(-1,1,-1,-360deg);}
}
@-o-keyframes rotate2 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(-1,1,-1,-180deg);}
  100% { transform: rotate3d(-1,1,-1,-360deg);}
}
@keyframes rotate2 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(-1,1,-1,-180deg);}
  100% { transform: rotate3d(-1,1,-1,-360deg);}
}

.bg2 img{width: auto;
	height: 100%;
	opacity: 0.3;
	-webkit-animation:rotate4 25s linear infinite;
	-moz-animation:rotate4 25s linear infinite;
	-ms-animation:rotate4 25s linear infinite;
	-o-animation:rotate4 25s linear infinite;
	animation: rotate4 25s linear infinite;}
	
@-webkit-keyframes rotate4 {
	0% { transform: rotate(0deg);}
  100% { transform: rotate(-360deg);}
}
@-moz-keyframes rotate4 {
	0% { transform: rotate(0deg);}
  100% { transform: rotate(-360deg);}
}
@-o-keyframes bgiLoop4 {
	0% { transform: rotate(0deg);}
  100% { transform: rotate(-360deg);}
}
@keyframes rotate4 {
	0% { transform: rotate(0deg);}
  100% { transform: rotate(-360deg);}
}
	
.bg3{display: none;
	width: 200%;
	height: 200vh;
	text-align: center;
	position: fixed; top: -50%; left: -50%;
	overflow:visible;
	z-index: 1;
	-webkit-animation:rotate3 25s linear infinite;
	-moz-animation:rotate3 25s linear infinite;
	-ms-animation:rotate3 25s linear infinite;
	-o-animation:rotate3 25s linear infinite;
	animation: rotate3 15s linear infinite;}

@-webkit-keyframes rotate3 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(1,1,1,-180deg);}
  100% { transform: rotate3d(1,1,1,-360deg);}
}
@-moz-keyframes rotate3 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(1,1,1,-180deg);}
  100% { transform: rotate3d(1,1,1,-360deg);}
}
@-o-keyframes rotate3 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(1,1,1,-180deg);}
  100% { transform: rotate3d(1,1,1,-360deg);}
}
@keyframes rotate3 {
	0% { transform: rotate(0deg);}
	50% { transform: rotate3d(1,1,1,-180deg);}
  100% { transform: rotate3d(1,1,1,-360deg);}
}

.bg3 img{width: auto;
	opacity: 0.2;}

.pc_menu{display: none;
	width: 20%;
	max-width: 350px;
	position: fixed; top: 50px; left: 15px;
	z-index: 5;}
		
.pc_menu_btn1{width: 100%;
	margin-bottom: 10px;
	padding-left: 10%;
	font-size: 1.3vw;
	text-align: left;
	color: rgba(255,255,255,1.00);}

@media screen and ( max-width:1200px )
{
.pc_menu_btn1{font-size: 16px;}
}

@media screen and ( min-width:2000px )
{
.pc_menu_btn1{font-size: 24px;}
}

.menu_current{color: rgba(255,182,0,1.00);}

.menu_btn1_link:hover{background: url("../img/menu_bg1.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;}

.pc_menu_btn1 img{width: 85%;}

.pc_menu_btn1 a{display: block;
	color:rgba(255,255,255,1.00);}

.tw_icon{width: 12%;
	padding-left: 10%;
	padding-bottom: 15px;}
	
.tw_icon img{width: 100%;}

.pc_menu_btn1 img:hover,.tw_icon:hover{opacity: 0.7;}

.tw_timeline{margin-top: calc(25px - 10%);
	padding-left: 10%;}

.con1{min-height: calc(100vh - 30px);
	padding-top: 30px;
	display: none;
	position: relative;
	z-index: 3;}

.con1_spacer{width: 100%;}

.con1_spacer img{width: 100%;}

.main_img1,.main_img2{display: none;
	width: 100%;
	position: relative;
	z-index: 2;}

.main_img1 img,.main_img2 img{width: 100%;}

.main_top_spacer{width: 100%;}

.main_top_spacer img{width: 100%;}

.main_btn1{display: none;
	width: 40%;
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 2;}

.top_link1,.top_link2{width: 75%;
	margin: 0 auto;}
	
.top_link1 img,.top_link2 img{width: 100%;}
	
.top_link1 img:hover{opacity: 0.7;}
	
.top_link_spacer{width: 2%;
	float: left;}

.top_btn1{width: 75%;
	margin: 0 auto;
	border-radius: 5px;
	background:rgba(0,163,255,1.00);
	transition: 0.3s all;}

.top_btn1:hover{filter: opacity(0.8);}

.top_btn1 a{display: block;}

footer{display: none;
	width: 100%;
	position: absolute; bottom: 0;
	z-index: 2;}

.footer_spacer{width: 100%;}

.footer_spacer img{width: 100%;}

.footer_link_box{width: 100%;
	text-align: center;}
	
.footer_link_inner{width:  50%;
	margin: 0 auto;
	overflow: hidden;}
	
.footer_link1{width: 24%;
	padding: 0.5%;
	float: left;}
	
.footer_link1:hover{opacity: 0.7;}
	
.footer_link1 img{width: 100%;}

ul.listmarker1 {
	list-style-type: none;
	margin-left:12px;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-12px; 
}

/* subpage */

.subpage_logo{width: 20%;
	margin: 0 auto;
	position: relative;}

.subpage_logo img{width: 100%;}

.subpage_title{font-size: 40px;
	line-height: 150%;
	text-align: center;
	color: rgba(255,255,255,1.00);}

/* news */
.topic_box{width: 50%;
	margin: 50px auto;
	color: rgba(255,255,255,1.00);
	position: relative;}

.topic_date{width: calc(100% - 20px);
	padding: 5px 10px;
	margin-bottom: 2px;
	font-size: 0.8vw;
	line-height: 100%;
	color: rgba(50,50,50,1.00);
	background: rgba(255,174,0,1.00);}
	
.topic_title1{width: calc(100% - 20px);
	padding: 5px 10px;
	font-size: 1.0vw;
	line-height: 150%;
	background: rgba(204,0,3,1.00);}

.topic_text{width: 100%;
	padding: 5px 0;
	font-size: 0.85vw;
	line-height: 150%;
	text-align: justify;}

.topic_link1{width: 30%;
	margin: 20px auto 0;
	font-size: 0.9vw;
	line-height: 200%;
	text-align: center;
	background: rgba(0,113,188,1.00);
	border-radius: 100px;}
	
.topic_link1:hover{background: rgba(255,166,0,1.00);}

.topic_link1 a{display: block;
	color: rgba(255,255,255,1.00);}

.topic_link2{width: 30%;
	text-align: center;
	line-height: 200%;
	background: rgba(0,113,188,1.00);
	border-radius: 5px;}
	
.topic_link2:hover{background: rgba(255,166,0,1.00);}
	
.topic_link2 a{display: block;}

.news_img0{width: 100%;
	margin: 0 auto;}

.news_img1{width: 50%;
	margin: 0 auto;}

.news_img2{width: 49%;
	padding-right: 1%;
	float: left;}
	
.news_img3{width: 49%;
	padding-left: 1%;
	float: left;}

.news_img0 img,.news_img1 img,.news_img2 img,.news_img3 img{width: 100%;}

.news_btn1{width: 30%;
	margin: 0 auto;
	line-height: 200%;
	background: rgba(22,128,255,1.00);
	border-radius: 5px;
	transition: 0.3s all;}
	
.news_btn1:hover{transform: scale(1.05,1.05);}

.news_btn1 a{display: block;}

.box_ofh{width: 100%;
	overflow: hidden;}

.box_right{width: 50%;
	float: left;}

.bar1{width: 100%;
	height: 1px;
	margin: 5px 0;
	border-bottom: rgba(255,255,255,1.00) solid 1px;}

/* about */
.about_box{width: 50%;
	margin: 50px auto;
	color: rgba(255,255,255,1.00);
	position: relative;}
	
.about_title1{line-height: 150%;
	color: rgba(255,0,4,1.00);}

.about_title1 img{width: 100%;}

.about_text1{font-size: 0.8vw;
	line-height: 160%;
	text-align: justify;}

.about_text1_sign{text-align: right;}

.about_img{width: 100%;}

.about_img img{width: 100%;}

.img_credit{font-size: 0.7vw;
	text-align: right;}

.official_link{width: 60%;
	margin: 0 auto;
	text-align: center;
	position: relative;}
	
.official_link_inner{display: inline-block;
	overflow: hidden;}
	
.link_img1{width: calc(50% - 20px);
	padding: 10px;
	float: left;}

.link_img1:hover{opacity: 0.7;}

.link_img1 img{width: 100%;}

/* stage */
.stage_box{width: 52%;
	margin: 50px auto;
	position: relative;}
	
.stage_text1{width: 60%;
	margin: 0 auto;}
	
.stage_text1 img{width: 100%;}

.stage_text2{font-size: 1.0vw;
	line-height: 160%;
	color: rgba(255,255,255,1.00);
	text-align: center;}

.stage_text3{font-size: 2vw;
	line-height: 300%;
	text-align: center;
	color: rgba(255,255,255,1.00);}

.stage_img1{width: 50%;}

.stage_img2{width: 100%;}

.stage_img1 img,.stage_img2 img{width: 100%;}

.btn1{width: 30%;
	line-height: 200%;
	background: rgba(48,155,255,1.00);
	border-radius: 5px;
	transition: 0.3s all;}
	
.btn2{width: 50%;
	margin: 0 auto;
	line-height: 150%;
	background: rgba(48,155,255,1.00);
	border-radius: 5px;
	transition: 0.3s all;}

.btn1:hover,.btn2:hover{transform: scale(1.05,1.05);}

.btn1 a{display: block;}

.btn2 a{display: block;
	padding: 10px;}

.cast_box1{width: 100%;
	overflow: hidden;}
	
.cast_block1{width: 30%;
	padding-right: 1.5%;
	float: left;}
	
.cast_block2{width: 24%;
	padding-right: 1%;
	float: left;}

.cast_img{width: 100%;
	margin-bottom: 10px;}
	
.cast_img img{width: 100%;}

.cast_name1{line-height: 100%;}

@media screen and ( max-width:736px )
{
body{min-width: 320px;}

.bg_box{background-size: auto 100%;}

.pc_menu{width: 0;
	height: 0;
	overflow: hidden;}

.tw_timeline_sp{width: 85%;
	max-width: 400px;
	height: 300px;
	margin: 0 auto;
	padding-left: 0;
	position: relative;
	z-index: 2;}

.main_img1{width: 90%;
	margin: 50px auto 0;
	position: relative;}

.main_img1,.main_img2{display: none;
	width: 100%;
	position: relative;
	z-index: 2;}

.main_img1 img,.main_img2 img{width: 100%;}

.main_top_spacer{width: 100%;}

.main_top_spacer img{width: 100%;}

.main_btn1{display: none;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
	overflow: hidden;
	position: relative;
	z-index: 2;}
	
.top_link1{width: 100%;
	float: none;
	padding: 5px 0;}
	
.top_link1 img{width: 100%;}
	
.top_link1 img:hover{opacity: 1.0;}
	
.top_link_spacer{width: 0;
	float: left;}

.top_link2{width: 90%;}

.top_btn1{width: 90%;}

.top_btn1:hover{filter: opacity(1.0);}

.footer_link_inner{width:  100%;
	margin: 0 auto;
	overflow: hidden;}
	
.footer_link1{width: 49%;
	padding: 0 0.5% 5px;
	float: left;}
	
.footer_link1:hover{opacity: 1.0;}

ul.listmarker1 {list-style-type: none;
	margin-left:10px;}
	
ul.listmarker1 li:before {content: '※'; 
	margin-left:-10px;}

/* subpage */
.con1{display: none;
	width: 90%;
	margin: 0 auto 50px;
	position: relative;
	z-index: 3;}

.subpage_logo{width: 50%;;
	margin: 30px auto 20px;
	position: relative;}

.subpage_logo img{width: 100%;}

.subpage_title{font-size: 4vw;
	line-height: 150%;
	text-align: center;
	color: rgba(255,255,255,1.00);}

/* news */
.topic_box{width: 90%;
	margin: 30px auto;
	color: rgba(255,255,255,1.00);
	position: relative;}

.topic_date{width: calc(100% - 20px);
	padding: 5px 10px;
	margin-bottom: 2px;
	font-size: 10px;
	line-height: 100%;
	color: rgba(50,50,50,1.00);
	background: rgba(255,174,0,1.00);}
	
.topic_title1{width: calc(100% - 20px);
	padding: 5px 10px;
	font-size: 16px;
	line-height: 150%;
	background: rgba(204,0,3,1.00);}

.topic_text{width: 100%;
	padding: 5px 0;
	font-size: 14px;
	line-height: 150%;
	text-align: justify;}

.topic_link1{width: 70%;
	min-width: 250px;
	height: 30px;
	margin: 20px auto 0;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	background: rgba(0,113,188,1.00);
	border-radius: 15px;}
	
.topic_link1:hover{background: rgba(0,113,188,1.00);}

.topic_link1 a{display: block;
	color: rgba(255,255,255,1.00);}

.topic_link2{width: 100%;
	line-height: 250%;}
	
.topic_link2:hover{background: rgba(0,113,188,1.00);}

.news_img1{width: 80%;
	margin: 0 auto;}

.news_img2,.news_img3{width: 100%;
	padding-right: 0;
	margin: 0 auto;
	float: none;}

.box_right{width: 100%;
	float: none;}

/* about */
.about_box{width: 90%;
	margin: 50px auto;
	color: rgba(255,255,255,1.00);
	position: relative;}
	
.about_title1{line-height: 150%;
	color: rgba(255,0,4,1.00);}

.about_title1 img{width: 100%;}

.about_text1{font-size: 12px;
	line-height: 160%;
	text-align: justify;}

.about_img{width: 100%;}

.about_img img{width: 100%;}

.img_credit{font-size: 10px;
	text-align: right;}

.official_link{width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;}
	
.official_link_inner{display: inline-block;
	overflow: hidden;}
	
.link_img1{width: calc(50% - 10px);
	padding: 5px;
	float: left;}

.link_img1:hover{opacity: 1.0;}

.link_img1 img{width: 100%;}

/* stage */
.stage_box{width: 90%;
	margin: 30px auto;
	position: relative;}

.stage_img1,.stage_img2{width: 100%;}

.stage_text1{width: 95%;
	margin: 0 auto;}
	
.stage_text1 img{width: 100%;}

.stage_text2{font-size: 14px;
	line-height: 160%;
	color: rgba(255,255,255,1.00);
	text-align: left;}

.stage_text3{font-size: 20px;
	line-height: 300%;
	text-align: center;
	color: rgba(255,255,255,1.00);}
	
.news_btn1{width: 60%;
	margin: 0 auto;
	line-height: 250%;}
	
.news_btn1:hover{transform: scale(1.0,1.0);}

.btn1{width: 80%;
	margin: 0 auto;
	line-height: 250%;
	background: rgba(48,155,255,1.00);
	border-radius: 5px;
	transition: 0.3s all;}
	
.btn2{width: 100%;
	margin: 0 auto;
	line-height: 150%;
	background: rgba(48,155,255,1.00);
	border-radius: 5px;
	transition: 0.3s all;}

.btn1:hover,.btn2:hover{transform: scale(1.0,1.0);}

.cast_block1{width: 80%;
	padding:0;
	margin: 0 auto;
	float: none;}
	
.cast_block2{width: 70%;
	padding:0;
	margin: 0 auto;
	float: none;}
}