/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size: 100%;
}

body {
	background-color: #fff;
}

img{
	vertical-align:top;
}

#wrapper_box{
	width: 100%;
	min-width: 1230px;
}

@media screen and (max-width: 699px){
	#wrapper_box{
		width: 100%;
		min-width: 100%;
	}
}

.fot-tsukuardgothic_r{
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
}

.fot-tsukuardgothic_b{
font-family: fot-tsukuardgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
}

.clear{clear:both;}

li{list-style-type:none}

.pc{ display: inherit; }
.sp{ display: none; }
@media screen and (max-width: 699px){
.pc{ display: none; }
.sp{ display: inherit; }
}


/* particle
================================================== */

.particle {
  position: fixed;
  top: 90vh;
  width: auto;
  pointer-events: none;
}
#particle1 {
  background-image:url(../image/large.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width:100%;
  height:7100px;
}
#particle2 {
  background-image:url(../image/small2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width:100%;
  height:7100px;
}

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

#particle1 {
  background-image:url(../image/large.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  width:100%;
  height:7100px;
}
#particle2 {
  background-image:url(../image/small2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  width:100%;
  height:7100px;
}
}


/* top_main
================================================== */

.top_box{
	width: 100%;
	display: block;
	letter-spacing: -1em;
	white-space: nowrap;
	background-image: url("../image/kudo_top_bg.jpg");
	background-size: cover;
}

.top_image{
	width: 56%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	white-space: normal;
	z-index: 0;
	position: relative;
	overflow: hidden;
}

.top_image img {
    top: 0;
    left: 0;
}

.top_menu_box{
	width: 44%;
	vertical-align: top;
	display: inline-block;
	margin-top: 2%;
	letter-spacing: normal;
	white-space: normal;
}

.top_logo{
	width: 70%;
	margin: auto;
}

.top_movie{
	width: 50%;
	margin: auto;
	padding: 2% 0 0;
}

.top_place_bt{	
	width: 30%;
	margin: auto;
	padding: 0 0 2%;
}

.top_place_bt a :hover{
	opacity: 0.6;
}

.top_menu{
	width: 50%;
	margin: auto;
	display: block;
	letter-spacing: -1em;
}

.top_menu_link_bt{
	width: 40%;
	padding: 3% 5%;
	display: inline-block;

}

.top_menu_link_bt a :hover{
	opacity: 0.6;
}

.top_news_box{
	width: 60%;
	margin: 4% auto;
	padding: 6% 0 4%;
	background-color: white;
	border-radius: 20px;
	position: relative;
	z-index: 1;
}

.top_news_logo{
	width: 34%;
	position: absolute;
	top: -6%;
	left: -6%;
	
}

.top_news_text_box{
	width: 90%;
	margin: auto;
	padding: 2%;
	height: 150px;
	overflow: auto;
}

.top_news_text_table{
	border-bottom: dashed 1px #40210f;
	clear: both;
}

.top_news_text_cell_1{
	float: left;
	color: #40210f;
}

.top_news_text_cell_2{
	overflow: hidden;
	color: #40210f;
}

.top_day{
	width: 40%;
	margin: auto;
	padding: 2% 0 1%;
}

/* top_main_SP
================================================== */

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

	.top_image{
		width: 100%;
		display: block;
		vertical-align: top;
		letter-spacing: normal;
		white-space: normal;
	}

	.top_menu_box{
		width: 100%;
		vertical-align: top;
		display: inline-block;
		margin-top: 2%;
		letter-spacing: normal;
		white-space: normal;
	}

	.top_logo{
		width: 80%;
		margin: auto;
		padding: 2% 0;
	}

	.top_movie{
		width: 80%;
		margin: auto;
		padding: 3% 0;
	}

	.top_place_bt{	
		width: 60%;
		margin: auto;
		padding: 0 0 4%;
	}

	.top_menu{
		width: 90%;
		margin: auto;
		display: block;
		letter-spacing: -1em;
		padding-bottom: 4%;
	}

	.top_news_box{
		width: 80%;
		margin: 4% auto 10%;
		padding: 6% 0 4%;
		background-color: white;
		border-radius: 20px;
		position: relative;
	}

	.top_day{
		width: 60%;
		margin: auto;
		padding: 1% 0 0;
	}

}

/* contents
================================================== */

.contents_box{
	height: 100%;
	position: relative;
	margin-top: -2%;
}

.contents_box2{
	background-image: url("../image/kudo_top_bg.jpg");
	background-attachment: fixed;
	background-size: cover;
}

.contents_top_bg{
	width: 100%;
}

.contents_top_bg img{
	vertical-align: bottom;
}

.contents_white_box{	
	background-color: white;
}

.introduction_box{
	padding: 2% 0 0;
	position: relative;
	z-index: 2;
}

.introduction_title{
	width: 16%;
	margin: auto;
}

.introduction_catch{
	width: 46%;
	padding: 2% 0 2%;
	margin: auto;
}

.introduction_text{
	width: 40%;
	margin: auto;
	font-size: 16px;
	color:#4f2e17;
	font-weight: 600;
}

.introduction_loop_img {
  display: flex;
  width: 100%;
  overflow: hidden;
  background-image: url("../image/kudo_loop_img_bg.png");
  background-size: cover;
  padding:2% 0 0;
}

.introduction_loop_img img {
  width: auto;
  height: 200px;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.introduction_loop_img img:first-child {
  animation: loop 80s -40s linear infinite;
}

.introduction_loop_img img:last-child {
  animation: loop2 80s linear infinite;
}



.story_box{
	position: relative;
	z-index: 2;
}

.story_title{
	width: 6%;
	margin: auto;
}

.story_contents{
	position: relative;
	z-index: 1;
	padding: 2% 0 0;
}

.story_movie_box{
	width: 38%;
	position: absolute;
	top: 0;
	z-index: 0;
}

.story_movie_box video{
	position: absolute;
}

#bg-video{
 left: 0;
 bottom: 0;
 width: 99%;
 height: auto;
 z-index: -100;
 background: url('poster.jpg') no-repeat;
 background-size: cover;
}

.story_text_box{
	width: 40%;
	margin-left: 45.7%;
	padding-top: 2%;
	display: table;
}

.story_catch{
	width: 26%;
	padding-right: 6%;
	display: table-cell;
}

.story_text{
	width: 68%;
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	color: #4f2e17;
	display: table-cell;
}

.story_text span{
	font-size: 20px;
	font-weight: bold;
	color: #c4d571;
}

.story_movie_bg{
	padding-top: 12%;
}




.character_wrapper{
	padding: 3% 0;
	background: url("../image/kudo_character_bg.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}

.character_title{
	width: 10%;
	margin: auto;
}

.character_box_style1{
	width: 46%;
	margin: auto;
	letter-spacing: -1em;
	position: relative;
	z-index: 1;
	padding: 0 0 2%;
}

.character_box_style2{
	width: 34%;
	margin: auto;
	letter-spacing: -1em;
	position: relative;
	z-index: 1;
	padding: 0 0 2%;
}

.character_box_style3{
	width: 50%;
	margin: auto;
	letter-spacing: -1em;
	position: relative;
	z-index: 1;
	padding: 0 0 2%;
}

.character_text_style1{
	padding-top: 2%;
	line-height: 24px;
	font-size: 16px;
	color:#4f2e17;
	font-weight: 600;
}

.character_table_cell{
	width: 46%;
	padding: 0 2%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}

.character_table_cell_2{
	width: 30%;
	padding: 0 1%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}





.cast_staff_border{
	width: 100%;
	position: relative;
	z-index: 1;
}

.cast_staff_border img{
	vertical-align: bottom;
}

.cast_staff_box{
	height: auto;
	min-height: 1080px;
	position: relative;
	z-index: 1;
}

.cast_title{
	width: 10%;
	margin:auto;
	padding-top: 3%;
	position: relative;
	z-index: 1;
}

.cast_text_box{
	background:url("../image/white_bg_80.png");
	width: 650px;
	letter-spacing: -1em;
	margin-top: 2%;
	margin-left: 12%;
	padding: 3%;
	position: relative;
	z-index: 1;
	border-radius: 20px;
}

.cast_text_box_left{
	width: 48%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	letter-spacing: normal;
	padding-right: 2%;
	font-size: 18px;
	line-height: 36px;
	color: #40220f;
}

.cast_text_box_right{
	width: 48%;
	padding-left: 2%;
	display: inline-block;
	letter-spacing: normal;
	font-size: 18px;
	line-height: 36px;
	color: #40220f;
}

.cast_text_style1{
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
}

#cast-video{
 right: 0;
 top: 0;
 width: auto;
 height: 100vh;
 min-height: 1080px;
 z-index: 0;
 background: url('poster.jpg') no-repeat;
 background-size: cover;
 position: absolute;

}



.cast_loop_image {
  display: flex;
  width: 100%;
  overflow: hidden;
  padding:0;
  position: relative;
  z-index: 1;
}

.cast_loop_image img {
  width: auto;
  height: 200px;
}

.cast_loop_image img:first-child {
  animation: loop 50s -25s linear infinite;
}

.cast_loop_image img:last-child {
  animation: loop2 50s linear infinite;
}


.music_box{
	padding: 2% 0 4%;
	z-index: 1;
	position: relative;
}

.music_title{
	width: 6%;
	margin: auto;
	padding: 2% 0;
}


.music_table{
	width: 30%;
	letter-spacing: -1em;
	margin: auto;
	
}

.music_table_cell{
	width: 100%;
	padding: 0%;
	display: block;
	letter-spacing: normal;
	padding-bottom: 10%;
}

.music_title1{
	border-bottom: 1px solid #81bfe3;
	margin-bottom: 20px;
}

.music_title2{
	border-bottom: 1px solid #c395bd ;
	margin-bottom: 20px;
}

.music_title3{
	border-bottom: 1px solid #c4d571;
	margin-bottom: 20px;
}

.music_title4{
	border-bottom: 1px solid #eca99c;
	margin-bottom: 20px;
}

.music_table2{
	display: table;
}

.music_table2_left{
	display: table-cell;
	width: 46%;
	padding-right: 4%;
	position: relative;
	z-index: 1;
}

.music_table2_left img{
	border-radius: 20px;
}

.music_table2_right{
	display: table-cell;
	vertical-align:middle;
	font-size: 16px;
}

.music_text_style1_1{
	color:#81bfe3;
	font-size: 20px;
	font-weight: bold;
}

.music_text_style1_2{
	color:#c395bd;
	font-size: 20px;
	font-weight: bold;
}

.music_text_style1_3{
	color:#c4d571;
	font-size: 20px;
	font-weight: bold;
}

.music_text_style1_4{
	color:#eca99c;
	font-size: 20px;
	font-weight: bold;
}

.music_text_style2{
	font-size: 20px;
	font-weight: bold;
}

.soundtrack_wrapper{
	padding: 4% 0;
}

.soundtrack_box{
	width: 50%;
	margin: auto;
	background-color: #eca99c;
	padding: 2%;
	position: relative;
	z-index: 1;
}

.soundtrack_text_style1{
	color: white;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.soundtrack_text_style2{
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.soundtrack_img{
	width: 50%;
	margin: auto;
	padding: 2% 0;
}


.soundtrack_disc_title {
display: flex;
align-items: center;
color: white;
font-size: 18px;
}
.soundtrack_disc_title:before,
.soundtrack_disc_title:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.soundtrack_disc_title:before {
margin-right: 1rem;
}
.soundtrack_disc_title:after {
margin-left: 1rem;
}

.soundtrack_list_box{
	color: white;
}


.soundtrack_list_box_table{
	width: 660px;
	margin: auto;
	display: table;
	
}


.soundtrack_list_box_table_cell{
	padding: 2%;
	width: 42%;
	vertical-align: top;
	display: table-cell;
}

.trailer_box{
	padding: 2% 0 4%;
	z-index: 1;
	position: relative;
}

.trailer_title{
	width: 7%;
	margin: auto;
	padding: 2% 0;
}

.trailer_movie_box1{
	width: 40%;
	margin: auto;
}

.music_movie_box1{
	width: 100%;
	margin: auto;
	padding-bottom: 8%;
}

.tickets_box{
	padding: 2% 0 4%;
	z-index: 1;
	position: relative;
}

.tickets_title{
	width: 7%;
	margin: auto;
	padding: 2% 0;
}

.tickets_text_img{
	width: 50%;
	margin: auto;
}

.tickets_text_style1{
	color: #40210f;
	text-align: center;
	padding: 1% 0;
}

.tickets_text_style2{
	color: #40210f;
	text-align: center;
	width: 48%;
	border: 1px solid #40210f;
	margin: 1% auto;
	padding: 1%;
}

.tickets_text_style3{
	text-align: center;
	font-size: 12px;
}

.tickets_img{
	width: 50%;
	margin: auto;
}

.tickets_link_banner_box{
	width: 100%;
	letter-spacing: -1em;
	padding-top: 2%;
}

.tickets_link_banner{
	width: 28%;
	margin: 0 auto;
	display: inline-block;
}

.tickets_link_banner:hover{
	opacity: 0.8;
}


/* contents_SP
================================================== */
@media screen and (max-width: 699px){
	.contents_box{
		height: 100%;
		position: relative;
		margin-top: -10%;
	}

	.introduction_title{
		width: 46%;
		margin: auto;
		padding-top: 4%;
	}

	.introduction_catch{
		width: 90%;
		padding: 6% 0 4%;
		margin: auto;
	}

	.introduction_text{
		width: 80%;
		margin: auto;
		font-size: 18px;
	}
	.introduction_loop_img img {
	  width: auto;
	  height: 160px;
	}
	
	.story_title{
		width: 20%;
		margin: auto;
		padding:4% 0;
	}

	.story_movie_box{
		width: 100%;
		position: relative;
		top: 0;
		z-index: 0;
	}

	.story_movie_box video{
		position: absolute;
	}

	#bg-video{
	 left: 0;
	 bottom: 0;
	 width: 99%;
	 height: auto;
	 z-index: -100;
	 background: url('poster.jpg') no-repeat;
	 background-size: cover;
	}
	
	.story_text_box{
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding-top: 2%;
		display: block;
	}

	.story_catch{
		width: 32%;
		margin: auto;
		padding-right: 6%;
		display: block;
	}

	.story_text{
		width: 100%;
		margin: auto;
		font-size: 16px;
		font-weight: 600;
		line-height: 40px;
		color: #4f2e17;
		display: block;
	}

	.character_title{
		width: 35%;
		padding: 4% 0;
		margin: auto;
	}

	.character_box_style1{
		width: 70%;
		margin: auto;
		letter-spacing: -1em;
		position: relative;
		z-index: 1;
		padding: 0 0 2%;
	}

	.character_box_style2{
		width: 70%;
		margin: auto;
		letter-spacing: -1em;
		position: relative;
		z-index: 1;
		padding: 0 0 2%;
	}

	.character_box_style3{
		width: 70%;
		margin: auto;
		letter-spacing: -1em;
		position: relative;
		z-index: 1;
		padding: 0 0 2%;
	}

	.character_text_style1{
		padding-top: 2%;
		line-height: 24px;
	}

	.character_table_cell{
		width: 100%;
		padding: 0 0% 2%;
		display: block;
		letter-spacing: normal;
		vertical-align: top;
	}

	.character_table_cell_2{
		width: 100%;
		padding: 0 0% 2%;
		display: block;
		letter-spacing: normal;
		vertical-align: top;
	}

	.cast_text_box{
		background:url("../image/white_bg_80.png");
		width: 80%;
		letter-spacing: -1em;
		margin-top: 2%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 4%;
		padding: 3%;
		position: relative;
		z-index: 1;
		border-radius: 20px;
	}

	.cast_title{
		width: 36%;
		margin:auto;
		padding-top: 4%;
		padding-bottom: 4%;
		position: relative;
		z-index: 1;
	}

	.cast_staff_box{
		height: auto;
		position: relative;
		z-index: 1;
	}

	#cast-video{
	 display: none;
	}

	.cast_text_box_left{
		width: 100%;
		display: block;
		text-align: left;
		vertical-align: top;
		letter-spacing: normal;
		padding-right: 2%;
		font-size: 18px;
		line-height: 36px;
		color: #40220f;
	}

	.cast_text_box_right{
		width: 100%;
		padding-left: 0%;
		display: block;
		letter-spacing: normal;
		font-size: 18px;
		line-height: 36px;
		color: #40220f;
	}

	.cast_text_style1{
		font-size: 20px;
		line-height: 36px;
		font-weight: bold;
	}

	.cast_loop_image img {
	  width: auto;
	  height: 160px;
	}

	.music_title{
		width: 20%;
		margin: auto;
		padding: 2% 0;
	}


	.music_table{
		width: 90%;
		letter-spacing: -1em;
		margin: auto;

	}

	.music_title1{
		border-bottom: 1px solid #81bfe3;
		margin-bottom: 20px;
	}
	
	.music_title1 img{
		vertical-align: middle;
	}
	
	.music_title2{
		border-bottom: 1px solid #c395bd ;
		margin-bottom: 20px;
	}

	.music_title2 img{
		vertical-align: middle;
	}

	.music_title3{
		border-bottom: 1px solid #c4d571;
		margin-bottom: 20px;
	}

	.music_title3 img{
		vertical-align: middle;
	}

	.music_title4{
		border-bottom: 1px solid #eca99c;
		margin-bottom: 20px;
	}

	.music_title4 img{
		vertical-align: middle;
	}

	.soundtrack_box{
		width: 74%;
		margin: auto;
		background-color: #eca99c;
		padding: 4%;
		position: relative;
		z-index: 1;
	}

	.soundtrack_img{
		width: 80%;
		margin: auto;
		padding: 2% 0;
	}

	.soundtrack_list_box_table{
		width: 100%;
		margin: auto;
		display: block;

	}


	.soundtrack_list_box_table_cell{
		padding: 0%;
		width: 100%;
		vertical-align: top;
		display: block;
	}

	.trailer_title{
		width: 24%;
		margin: auto;
		padding: 2% 0;
	}

	.trailer_movie_box1{
		width: 80%;
		margin: auto;
	}

	.music_movie_box1{
		width: 100%;
		margin: auto;
	}

	.tickets_box{
		padding: 2% 0 4%;
		z-index: 1;
		position: relative;
	}

	.tickets_title{
		width: 24%;
		margin: auto;
		padding: 2% 0;
	}

	.tickets_text_img{
		width: 90%;
		margin: auto;
	}

	.tickets_text_style1{
		color: #40210f;
		text-align: center;
		padding: 3% 0;
		width: 90%;
		margin: auto;
	}

	.tickets_text_style2{
		color: #40210f;
		text-align: center;
		width: 78%;
		border: 1px solid #40210f;
		margin: 4% auto;
		padding: 4%;
	}

	.tickets_text_style3{
		text-align: center;
		font-size: 12px;
		width: 90%;
		margin: auto;
	}

	.tickets_img{
		width: 90%;
		margin: auto;
	}

	.tickets_link_banner_box{
		width: 100%;
		letter-spacing: -1em;
		padding-top: 2%;
	}

	.tickets_link_banner{
		width: 80%;
		margin: 3% auto 3%;
		display: block;
	}

}

/* page_setting
================================================== */

.page_box{
	width: 100%;
	min-height: 100vh;
	position: relative;
	background-image: url("../image/kudo_top_bg.jpg");
}

.page_border{
	width: 100%;
	position: relative;
	z-index: 1;
}

.page_border img{
	vertical-align: top;
}

.page_border_footer{
	width: 100%;
	position: relative;
	z-index: 1;
	
}

.page_border_footer img{
	max-width: 100%;
	display: block;
}


/* goods_setting
================================================== */
.goods_top_logo{
	width: 36%;
	margin: 2% auto;
}

.goods_title{
	width: 7%;
	margin: auto;
}

.goods_box{
	letter-spacing: -1em;
	width: 80%;
	margin: auto;
	padding-bottom: 1%;
}

.goods_box_style1{
	letter-spacing: normal;
	width: 30%;
	padding: 0 1%;
	margin-bottom: 80px;
	display: inline-block;
	vertical-align: top;
}

.goods_box_style2{
	letter-spacing: normal;
	width: 60%;
	padding: 0 3% 0 1%;
	margin-bottom: 80px;
	display: inline-block;
	vertical-align: top;
}

.goods_text_style1{
	font-size: 24px;
	font-weight: bold;
	padding:0 10px;
}

.goods_text_style2{
	background-color: #40210f;
	color: white;
	font-display: bold;
	font-size: 24px;
	padding:6px 10px;
	margin-bottom: 10px;
}

.goods_text_style3{
	font-size: 18px;
	
	padding:0 10px;
}

.goods_text_style4{
	font-size: 16px;
	text-align: center;
	letter-spacing: normal;
	padding:0 10px;
}

.goods_image_style1 img{
	border: solid 2px #40210f;
	border-radius: 10px;
	margin-bottom: 14px;
}

@media screen and (max-width: 699px){
	.goods_top_logo{
		width: 80%;
		margin: 2% auto;
	}

	.goods_title{
		width: 20%;
		margin: auto;
	}
	
.goods_box_style1{
	letter-spacing: normal;
	width: 100%;
	padding: 0 0%;
	display: block;
	margin: auto auto 10%;
}

.goods_box_style2{
	letter-spacing: normal;
	width: 100%;
	padding: 0 0%;
	display: block;
	margin: auto auto 10%;
}
	
}

/* special_setting
================================================== */

.special_title{
	width: 7%;
	margin: auto;
}

.special_text_title {
  position: relative;
  width: 60%;
  margin: 2% auto 0%;
  font-size: 28px;
  padding: 1rem 2rem;
  border: 4px solid #40210f;
  text-align: center;
  background-color: #d9b18b;
  color: #40210f;
  font-weight: bold;
}

.special_text_title:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  content: '';
  border: 4px dotted #40210f;
}

.special_text_title2 {
  position: relative;
  width: 60%;
  margin: 2% auto 0%;
  font-size: 28px;
  padding: 1rem 2rem;
  border: 2px solid #40210f;
  text-align: center;
  color: #40210f;
  font-weight: bold;
}

.special_text_title2_2 {
  position: relative;
  width: 60%;
  margin: 0% auto 0%;
  font-size: 28px;
  padding: 1rem 2rem;
  border: 2px solid #40210f;
  text-align: center;
  color: #40210f;
  font-weight: bold;
}

.special_text_style1{
	color: #40210f;
	text-align: center;
	padding: 1% 0 2%;
	font-size: 20px;
}

.special_text_style1_2{
	color: #40210f;
	text-align: center;
	padding: 2% 0 2%;
	font-size: 20px;
}

.special_table_box_style1{
	width: 58%;
	background: #40210f;
	padding: 0.4%;
	text-align: center;
	color: white;
	margin: 0 auto 2%;
	font-size: 28px;
}

.special_table_box_style2{
	text-align: center;
	color: #40210f;
	font-size: 28px;
}

.special_table_text_style1{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #40210f;
}

.special_table_text_style2{
	font-size: 20px;
	text-align: center;
	color: #40210f;
	
}

.special_table_text_style2_2{
	font-size: 20px;
	text-align: left;
	color: #40210f;
	
}

.special_table_text_style3{
	font-size: 24px;
	font-weight: bold;
	padding: 1% 8%;
	text-align: center;
	color: #40210f;
	border: 1px solid #40210f;
}

.special_table_text_style3_2{
	text-align: center;
	margin-bottom: 1%;
}

.special_table_text_style4{
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #40210f;
	width: 58%;
	margin: auto;
}

.special_table_box_style3{
	width: 34%;
	margin: auto;
	padding: 1% 0;
	display: table;
}

.special_table_box_style3_1{
	display: table-cell;
	width: 42%;
	padding: 0 4%;
}

.special_table_box_style3_2{
	display: table-cell;
	width: 42%;
	padding: 0 4%;
}

.special_table_box_style3_text{
	font-size: 24px;
	font-weight: bold;
	color: #40210f;
}

.img_radius{
	border-radius: 20px;
}

.special_text_style2{
	font-size: 16px;
	text-align: center;
	padding: 0% 0 0;
	color: #40210f;
}

.special_border_style1{
	width: 80%;
	margin: 4% auto;
	background-color: #40210f;
	color: #40210f;
}

.special_goods_1{
	width: 30%;
	margin: auto;
}

.special_goods_2{
	width: 20%;
	margin: auto;
}

.special_goods_3{
	width: 25%;
	margin: auto;
}

.bt_style1{
	padding: 1% 0;
	text-align: center;
}

.bt_style1 a{
	margin: auto;
	border: 1px solid #40210f;
	padding: 1% 2%;
	color: #40210f;
	text-decoration: none;
	font-size: 24px;
}

.bt_style1 a:hover{
	background-color: #40210f;
	color: white;
}

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

	.special_title{
		width: 20%;
		margin: auto;
	}
	
	.special_text_title {
	  position: relative;
	  width: 86%;
	  margin: 4% auto 0%;
	  font-size: 18px;
	  padding: 1%;
	  border: 2px solid #40210f;
	  text-align: center;
	  background-color: #d9b18b;
	  color: #40210f;
	  font-weight: bold;
	}

	.special_text_title:before {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  width: 100%;
	  height: 100%;
	  content: '';
	  border: 0px dotted #40210f;
	}

	.special_text_style1{
		color: #40210f;
		text-align: left;
		padding: 2% 0 2%;
		font-size: 16px;
		width: 90%;
		margin: auto;
	}

	.special_text_style1_2{
		color: #40210f;
		text-align: left;
		padding: 2% 0 2%;
		font-size: 16px;
		width: 90%;
		margin: auto;
	}

	.special_table_box_style1{
		width: 90%;
		background: #40210f;
		padding: 0.2%;
		text-align: center;
		color: white;
		margin: 0 auto 2%;
		font-size: 20px;
	}

	.special_table_box_style2{
		text-align: center;
		color: #40210f;
		font-size: 20px;
	}

	.special_table_text_style1{
		font-size: 22px;
		font-weight: bold;
		text-align: left;
		color: #40210f;
		width: 90%;
		margin: auto;
	}

	.special_table_text_style2{
		font-size: 14px;
		text-align: left;
		color: #40210f;
		width: 90%;
		margin: auto;
	}

	.special_table_box_style3{
		width: 90%;
		margin: auto;
		padding: 4% 0 2%;
		display: table;
	}

	.special_table_box_style3_text{
		font-size: 16px;
		font-weight: bold;
		color: #40210f;
	}

	.special_text_style2{
		font-size: 16px;
		text-align: left;
		padding: 2% 0 0;
		color: #40210f;
		width: 90%;
		margin: auto;
	}

	.special_table_text_style3{
		font-size: 24px;
		font-weight: bold;
		padding: 1% 8%;
		text-align: left;
		color: #40210f;
		border: 1px solid #40210f;
	}

	.special_table_text_style3_2{
		text-align: left;
		margin-bottom: 1%;
		padding-left: 5%;
	}

	.special_border_style1{
		width: 90%;
		margin: 8% auto;
		background-color: #40210f;
		color: #40210f;
	}

	.special_goods_1{
		width: 80%;
		margin: auto;
	}

	.special_goods_2{
		width: 80%;
		margin: auto;
	}
	
	.special_goods_3{
		width: 80%;
		margin: auto;
	}

	.special_table_text_style4{
		font-size: 16px;
		line-height: 24px;
		text-align: left;
		color: #40210f;
		width: 90%;
		margin: auto;
	}

	.special_text_title2_2 {
	  position: relative;
	  width: 80%;
	  margin: 0% auto 0%;
	  font-size: 20px;
	  padding: 1rem 2rem;
	  border: 2px solid #40210f;
	  text-align: center;
	  color: #40210f;
	  font-weight: bold;
	}

}

/* theater_setting
================================================== */

.theater_top_logo{
	width: 40%;
	margin: 2% auto;
}

.theater_title{
	width: 9%;
	margin: auto;
}

.theater_text_style1{
	color: #40210f;
	text-align: center;
	padding: 1% 0;
}

.theater_movie{
	width: 40%;
	margin: auto;
}

.theater_table_box{
	width: 60%;
	margin: 2% auto 0;
	color: #40210f;
	
}

.theater_table_box table{
	border-collapse: collapse;
}

.theater_table_title{
	font-size: 32px;
}

.theater_table_style1{
	background-color: #40210f;
	color: white;
}


.theater_table_style2{
	border-bottom:1px solid #40210f;
}

.theater_name1,.theater_name2,.theater_name3{
	padding: 1% 2%;
}

.theater_name1{
	width: 20%;
}

.theater_name2{
	width: 50%;
}

.theater_name3{

}

.theater_name2 a{
	color: orangered;
}

.theater_sp_name2{
	display: none;
}

.theater_footer{
	padding: 2% 0 ;
	text-align: center;
}

.theater_footer a{
	margin: auto;
	border: 1px solid #40210f;
	padding: 1% 2%;
	color: #40210f;
	text-decoration: none;
	font-size: 24px;
}

.theater_footer a:hover{
	background-color: #40210f;
	color: white;
}

.theater_copyright{
	text-align: center;
	padding-bottom: 2%;
}

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

	.theater_top_logo{
		width: 80%;
		margin: 2% auto;
	}

	.theater_title{
		width: 20%;
		margin: auto;
	}

	.theater_table_box{
		width: 90%;
		margin: 2% auto 0;
		color: #40210f;
		
	}

	.theater_movie{
		width: 80%;
		margin: auto;
	}

	.theater_name3{
		display: none;
	}

	.theater_sp_name2{
		display: block;
	}

	.theater_footer{
		border: 1px solid #40210f;
		margin: 5%;
	}

	.theater_footer a{
		margin: auto;
		border: 0px solid #40210f;
		padding: 1% 2%;
		color: #40210f;
		text-decoration: none;
		font-size: 16px;
		text-align: center;
	}

	.theater_footer a:hover{
		background-color: rgba(0,0,0,0);
		color: #40210f;
	}


}

/* blu-ray_setting
================================================== */

.blu-ray_title{
	width: 10%;
	margin: auto;
}

.blu-ray_table_wrapper{
	width: 80%;
	letter-spacing: -1em;
	margin: 4% auto;
}

.blu-ray_table_box{
	display: inline-block;
	letter-spacing: normal;
	width: 46%;
	margin: 0 2%;
	vertical-align: top;
}

.blu-ray_text_style1{font-size: 1.4em; line-height: 1.8em;}
.blu-ray_text_style1-2{font-size: 1.2em; line-height: 1.8em;}
.blu-ray_text_style2{font-size: 1.4em; line-height: 1.8em; font-weight: bold;}
.blu-ray_text_style2-2{font-size: 1.2em; line-height: 1.8em; font-weight: bold;}
.blu-ray_text_style3{font-size: 1.2em; color: white; font-weight: bold; padding-bottom: 16px;}
.blu-ray_text_style3 span{background-color:#40210f; padding: 1% 1% 2% 1%;}
.blu-ray_text_style4{font-size: 1em; line-height: 1.6em;}
.blu-ray_text_style5{font-size: 0.8em;}

.top_blu-ray{
	width: 60%;
	margin: auto;
	padding: 1% 0 1%;
}

.top_blu-ray:hover{
	opacity: 0.8;
}

.tenpo_tokuten_top_wrapper{
	width: 70%;
	margin: auto;
	padding: 3% 0 3%;
	letter-spacing: -1em;
}

.tenpo_tokuten_title{
	width: 42%;
	margin: 4% auto 1%;
}

.tenpo_tokuten_box{
	width: 40%;
	margin: 0 2% 4%;
	padding: 3%;
	display: inline-block;
	letter-spacing: normal;
	border-radius: 30px;
	box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .5);
	background-color: white;
	vertical-align: top;
}

.tenpo_tokuten_title1{
	font-size: 1.2em;
	text-align: center;
	background-color: #392023;
	color: white;
	border-radius: 30px;
	font-weight: bold;
	padding: 2%;
}

.tenpo_tokuten_text_style1{
	padding: 3% 0;
	font-size: 1.2em;
	color: #392023;
}

.tenpo_tokuten_img{
	padding: 0 0 4%;
}

.link_bt2{
	position: relative;
	border: 2px solid #392023;
	text-align: center;
	width: 80%;
	margin: auto;
	padding: 1%;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 30px;
}

.link_bt2:hover{
	background-color: #392023;
	color: white;
}

.link_bt2 a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 699px){
	.blu-ray_title{
		width: 30%;
		margin: auto;
	}
	
	.blu-ray_table_box{
		display: block;
		letter-spacing: normal;
		width: 100%;
		margin: 0 0%;
		padding-bottom: 16px;
		vertical-align: top;
	}

	.top_blu-ray{
		width: 80%;
		margin: auto;
		padding: 2% 0 1%;
	}

	.tenpo_tokuten_top_wrapper{
		width: 86%;
		margin: auto;
		padding: 1% 0 3%;
		letter-spacing: -1em;
	}

	.tenpo_tokuten_title{
		width: 76%;
		margin: 4% auto 1%;
	}

	.tenpo_tokuten_box{
		width: 80%;
		margin: 0 4% 4%;
		padding: 6%;
		display: block;
		letter-spacing: normal;
		border-radius: 30px;
		box-shadow: 0 0px 10px 0 rgba(0, 0, 0, .5);
		background-color: white;
		vertical-align: top;
	}

	.tenpo_tokuten_title1{
		font-size: 1em;
		text-align: center;
		background-color: #392023;
		color: white;
		border-radius: 30px;
		font-weight: bold;
		padding: 2%;
	}

	.tenpo_tokuten_text_style1{
		padding: 3% 0;
		font-size: 1em;
		color: #392023;
	}

	.tenpo_tokuten_img{
		padding: 0 0 4%;
	}

	.link_bt2{
		position: relative;
		border: 2px solid #392023;
		text-align: center;
		width: 82%;
		margin: auto;
		padding: 4%;
		font-size: 0.8em;
		font-weight: bold;
		border-radius: 30px;
	}

}


/*配信関連
================================================== */

.onair_title_text{
	color: #392023;
	font-weight: bold;
	text-align: center;
	font-size: 2.2em;
}

.onair_text_link_box_wrapper{
	width: 80%;
	margin: 1% auto 3%;
	letter-spacing: -1em;
}

.onair_text_link_box_style1{
	display: inline-block;
	text-align: center;
	width: 31%;
	padding: 2% 1%;
	letter-spacing: normal;
}

.onair_text_link_box_style1 a{
    color: #392023;
    text-decoration: none;
    border-bottom: 1px solid #392023;
	font-size: 2em;
}

.onair_text_link_title_style1{
	text-align: center;
	margin:2% 0 0;
	font-size: 2em;
}

.onair_text_link_title_style1 span{
	background-color: #392023;
	color: white;
	padding: 0.5% 2%;
	border-radius: 40px;
}

@media screen and (max-width: 699px){
	.onair_text_link_box_wrapper{
		width: 96%;
		margin: 2% auto 3%;
		letter-spacing: -1em;
	}

	.onair_text_link_box_style1{
		display: block;
		text-align: center;
		width: 100%;
		padding: 2% 1%;
		letter-spacing: normal;
	}

	.onair_text_link_box_style1 a{
		color: #392023;
		text-decoration: none;
		border-bottom: 1px solid #392023;
		font-size: 1.4em;
	}

	.onair_text_link_title_style1{
		text-align: center;
		margin:6% 0 0;
		font-size: 1.4em;
	}

	.onair_text_link_title_style1 span{
		background-color: #392023;
		color: white;
		padding: 2% 4%;
		border-radius: 40px;
	}
}

/* footer
================================================== */

.footer_top_img {
	width: 100%;
}

.footer_top_img img{
	vertical-align: bottom;
}

.footer_text_box{
	background-color: #d9b18b;
}

.footer_box{
	position: relative;
	z-index: 1;
}


.footer_box2{
	
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
}

.footer_text_style1{
	width: 14%;
	margin: auto;
	padding: 8% 0 2%;
	position: relative;
	z-index: 1;
}

.footer_copyright{
	text-align: center;
	color: white;
	font-size: 16px;
	padding:  0% 0 2%;
}

.footer_icon{
	width: 3%;
	margin: auto;
	padding-top: 1%;
}

.footer_table{
	width: 10%;
	margin: auto;
	padding: 2% 0;
	display: table;
}

.footer_table_cell{
	display: table-cell;
	padding: 0 1%;
}

.footer_table_cell:hover{
	opacity: 0.8;
}

#footer-video{
	right: 0;
	top: 0;
	width: 100%;
	height: auto;
	z-index: 0;
	background: url('poster.jpg') no-repeat;
	
	position: absolute;
}

/* footer_SP
================================================== */

@media screen and (max-width: 699px){
	.footer_text_style1{
		width: 24%;
		margin: auto;
		padding: 4% 0;
	}

	.footer_copyright{
		text-align: center;
		color: white;
		font-size: 14px;
		padding: 2% 0;
	}
	
	.footer_icon{
		width: 10%;
		margin: auto;
		padding-top: 2%;
	}

	.footer_table{
		width: 40%;
		margin: auto;
		padding: 2% 0;
		display: block;
		letter-spacing: -1em;
	}

	.footer_table_cell{
		width: 100%;
		margin: auto;
		display: inline-block;
		padding: 2% 0%;
		letter-spacing: normal;
	}
}