<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*蜈ｨ菴灘渕譛ｬ------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-family: "myFont","貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", serif;
	color: #717071;
	letter-spacing: 0.1em;

}
img{
	border: none;
	vertical-align: top;
	line-height: 0;
	display: block;
	max-width : 100%;
}
ul{
	list-style: none;
}
a{
	outline: none;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
}
a:hover{
	outline: none;
	overflow: hidden;
	cursor: pointer;
	text-decoration: underline;
}
a img{
	border: 0px;
}


.clearfix:after{
	content: ".";
	display: block;
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 



/*蜉ｹ譫�-----------------*/

.effect div {
/*  transition: .8s;
  transition-delay: .8s;*/
}


/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */

#wrap{
	overflow: hidden;
}

/*繝倥ャ繝繝ｼ驛ｨ蛻�-----------------------------------*/
#header{
	width: 100%;
	background-color: #fff;
	height: 70px;
	/*position: absolute;*/
	position: fixed;
	top: 0;
	z-index: 100;
}

.header_inner {
	position: relative;
}

@media screen and ( max-width:420px ){
	#header{
		height: 50px;
	}
}

#header_inner{
	width: 100%;
	padding: 14px 0px 0px 0px;
}
.header_right {
	position: absolute;
	right: 10px;
	top: 10px
}

.header_right a {
	display: block;
	 float: left;
}

img.y_logo{
	margin: 6px 0 0 10px;
}

@media screen and ( max-width:490px ){
	#header h1 img{
		width : 80%;
	}

}

.new_head_r{
	float: left;
}

.btn {
	color : #000;
	display: none;
	width: 30px;
	height: 30px;
	position: absolute;
	top:20px;
	left:20px;
	cursor: pointer;
	z-index: 200;
	font-size: 22px;
}





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

	.btn {
		display: block;
		background: url(../images/sp_btn1.jpg) center no-repeat;
		display: block;
		height: 22px;
		background-size: contain;
	}
	.btn.close {
		background: url(../images/sp_btn2.jpg) center no-repeat;
		display: block;
		height: 22px;
		background-size: contain;
	}
}

@media screen and ( max-width:420px ){
	.btn {
		top:10px;
	}
}
a.btn:hover {
	text-decoration: none;
}
.btn .fa-sign-out{display: none;}
.btn.close .fa-outdent{display: none;}
.btn.close .fa-sign-out{display: inline;}

.close {
	background-position: -35px 0;
}

.drawr {
	display: block;
	/* background-color: rgba(0,0,0,0.8); */
	position: absolute;
	top: 8px;
	left: 0;
	width: 700px;
	padding: 0px 0 0px 20px;
	z-index: 100;
	height: auto !important;
}

.fa-dedent:before, .fa-outdent:before {
	display: none;
}

.fa-sign-out:before {
	display: none;
}

#menu li {
	font-size: 14px;
	float: left;
}

@media screen and ( max-width:1100px ){
	/*蛹玲撩*/
	#header{
		position: fixed;
	}

	.drawr {
		display: none;
		background-color: rgba(255,255,255,0.75);
		width: 200px;
		padding: 62px 0 0px 15px;
	}
	#menu li {
		float: none;
	}
}

#menu li a {
	color:#707070;
	display: block;
	padding: 15px 10px;
}

#menu li a:hover {
	text-decoration: none;
}

/*繧ｻ繝悶Φ繝�ぅ繝ｼ繝ｳ縲∝圏譚� 螟�--------------------------*/

section{
	position: relative;
	z-index: 1;
}

h2 {
	color: #6ebdde;
	font-size: 24px;
}

section#top{
	background: url("../images/Top.jpg") center no-repeat;
	background-size: cover;
	position: relative;
}

section#top h1 {
	background: url(../images/title.png) center no-repeat;
	width: 65%;
	margin: 20% auto auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	text-indent: -9999px;
	background-size: contain;
}
@media screen and ( max-width:1100px ){
	section#top h1 {
		width: 80%;
	}
}
@media screen and ( max-width:768px ){
	section#top h1 {
		background-image: url(../images/title02.png)
	}
}

.name span{
    color: #6ebdde;
}

.bk_logo {
	background-image: url(../images/s_logo.png);
	background-position : 85% 0;
	background-repeat : no-repeat;
	width: 100%;
	height : 48px;
	padding-left: 48px;
}

@media screen and ( max-width:768px ){
	.arrow{
		display: none;
	}
}


@media screen and ( max-width:760px ){
	.bk_logo{
		padding-left: 20px;
	}
}
@media screen and ( max-width:320px ){
	.bk_logo {
		background-size:35% auto;
	}
}


/*繝｡繧､繝ｳ繧ｹ繝ｩ繧､繝峨す繝ｧ繝ｼ----------------*/
#main_slide{
	position: relative;
	margin-top: -5px;
}


.sliders div{
	position: absolute;
	bottom: 100px;
	left: 30px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
}

.slides01,
.slides02,
.slides03{
	background-repeat : no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 66.7vw;
	background-position: 50% 50%;
}
.slides01{background-image: url(../images/Top01.jpg);}
.slides02{background-image: url(../images/Top02.jpg);}
.slides03{background-image: url(../images/Top03.jpg);}


@media screen and ( max-width:1024px ){
	#top .bx-wrapper,
	.slides01,
	.slides02,
	.slides03{
		min-height:800px;
	}
	
}

@media screen and ( max-width:414px ){
	#top .bx-wrapper,
	.slides01,
	.slides02,
	.slides03{
		min-height:500px;
	}
	
}

.info{
	position: absolute;
	top: 70%;
	left: 0;
	right: 0;
	z-index: 99;
	margin: 0 auto;

}
.info p{
	margin-left: 30px;
	font-family: "繝偵Λ繧ｮ繝取�譛� ProN W3","HiraMinProN-W3","HG譏取悃E","�ｭ�ｳ �ｰ譏取悃","MS PMincho","MS 譏取悃",serif;
	color : #603813;
	text-shadow:	2px  2px 5px #ffffff,
			-2px  2px 5px #ffffff,
			2px -2px 5px #ffffff,
			-2px -2px 5px #ffffff;

}
.info_txt01{
	font-size: 3.0em;
	line-height: 1.2em;
}
.info_txt02{
	font-size: 1.6em;
	line-height: 1.2em;
}

section#top .bx-viewport{
	border-bottom: none;
}

@media screen and ( max-width:986px ){
	.info{
		top: 60%;
	}
	.info_txt01{
		font-size: 1.8em;
		line-height: 1.2em;
	}
	.info_txt02{
		font-size: 1.2em;
		line-height: 1.2em;
	}
}
@media screen and ( max-width:540px ){
	.info_txt01{
		font-size: 1.4em;
		line-height: 1.2em;
	}
	.info_txt02{
		font-size: 0.9em;
		line-height: 1.2em;
	}
}

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

	.header_right a img{
		width: 100px;
	}
	#header &gt; div &gt; div.header_right &gt; a:nth-child(1) &gt; img{
		margin: 6px 0 0 0;
	}
}

.arrow{
	position: absolute;
	width: 82px;
	top: 90%;
	left: 0;
	right: 0;
	z-index: 999;
	margin: 0 auto;
/*	background: url("../images/arrow.png") center no-repeat;*/

	
}
.arrow a{
	position: relative;
	
}
.arrow span{
	font-size: 72px;
}

/*#story-----------------------------------------------------*/
section#story{
	overflow: hidden;
}

section#story .story_img {
	width: 100%;
	position: relative;
	right: 0px;
	z-index: -1;
	background: url(../images/story.jpg) right 0px no-repeat;
	height: 120vh;
	display: block;
	background-size: 80%;
}
@media screen and ( max-width:1024px ){
	section#story .story_img{
	height: 100vh;
	}
}

section#story .story_desc {
	width: 380px;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	left: 6%;
	top: 21%;
	padding: 35px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#story p {
	line-height: 26px;
	font-size: 16px;
}

.story_img img {
	position: absolute;
	right: 9%;
	bottom: 60%;
}

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

	#story &gt; img {
	    bottom: 400px;
	}

}

@media screen and ( max-width:768px ){
	section#story .story_img {
		position: relative;
		right: 0px;
		z-index: -1;
		background: url(../images/story.jpg) center 0px no-repeat;
		height: 480px;
		display: block;
		background-size: cover;
	}
	section#story .story_desc {
		width: 90%;
		position: relative;
		left: 0;
		top: 0px;
		padding: 35px;
	}
	#story &gt; img {
		display: none;
	}
}

@media screen and ( max-width: 550px ){
	section#story .story_img {
		height:400px;
		position: relative;
	}

	section#story .story_desc {
		padding: 25px;
	}
}

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

	section#story .story_img {
	}

	section#story .story_desc {
	}

}


/*#cast-----------------------------------------------------*/

section#cast{
/*	padding:10%*/
margin-top: 60px;
}

section#cast h2{
	/*position: absolute;*/	
}

section#cast .main {
	margin: 20px auto 0 auto;
	width: 920px;
}

section#cast .cast01 {
	width: 210px;
	position: relative;
	float: left;
	margin: 5% 0;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 0.9em;
}

section#cast .s_photo{
	float: right;
	width: 615px;
}

section#cast .s_photo .s_cast {
	width: 129px;
	position: relative;
	margin-top: 40px;
	float: left;
	margin: 0 32px 0 0;
}

#cast &gt; div &gt; div.s_photo &gt; div:nth-child(4n) {
	margin: 0;
}


section#cast .s_photo .C_desc {
	font-size: 0.85em;
	text-align: justify;
	text-justify: inter-ideograph;
}

section#cast dt {
	margin: 1em 0;
}

section#cast .s_photo dd{
	margin-bottom: 30px;
}

section#cast .s_photo dt {
	margin: 0.5em 0;
}

section#cast .name {
	font-size: 1.3em;
	text-align: center;
}

section#cast span.c_name {
	font-size: 1.2em;
	white-space: nowrap;
}

section#cast .s_photo .name {
	font-size: 1em;
	text-align: center;
}

section#cast .other_cast1 {
	clear: both;
	text-align: center;
	font-size: 0.9em;
	border-top: 1px solid #c7c6c7;
	padding-top: 0.5em;
}
@media screen and ( max-width: 768px ){
	section#cast .other_cast1 {
		margin: 0 10px;
	}
}

section#cast .other_cast2{
	font-size: 0.75em;
	margin-top: 1em;
}



@media screen and ( max-width: 768px ){
	section#cast {
		padding: 0px 0px;
	}

	section#cast h2{
		/*padding: 0 25px;*/
	}

	section#cast h2.bk_logo{
		/*background: none;*/
	}


	section#cast .main{
		width: 100%
	}

	section#cast .cast01 {
		float: none;
		width: 100%;
	}

	section#cast .s_photo {
		float: none;
	}

	section#cast .c_photo{
		/*width: 60%;*/
		overflow: hidden;
		/*float: left;*/
		width: 100%;
		float: none;
	}

	#cast &gt; div &gt; div.cast01 img {
		position: relative;
		 width: 50%;
		margin: 0 auto;
	}

	section#cast .c_photo img {
		width: 50%;
		margin: 0 auto;
		top: 0!important;
	}

	section#cast dl.C_desc{
		/*width: 40%;
		float: right;*/
		width: 100%;
		float: none;
		margin: 0;
		box-sizing: border-box;
		padding: 0 10px;
		font-size: 1em !important;
	}

	section#cast .s_photo .C_desc {
		font-size: 1em;
	}
	section#cast .s_photo .s_cast {
		float: none;
		width: 100%;
	}

	section#cast .s_photo {
		width: 100%;
	}

	section#cast div.s_photo .cast02 img {
		position: relative;
		top: -120px;
	}

	section#cast div.s_photo .cast03 img {
		position: relative;
		top: -100px;
	}

	section#cast div.s_photo .cast04 img {
		position: relative;
		top: -120px;
	}

	section#cast div.s_photo .cast05 img {
		position: relative;
		top: -130px;
	}

	section#cast div.s_photo .cast06 img {
		position: relative;
		top: -100px;
	}

	section#cast div.s_photo .cast07 img {
		position: relative;
		top: -100px;
	}

	section#cast div.s_photo .cast08 img {
		position: relative;
		top: -88px;
	}

	section#cast div.s_photo .cast09 img {
		position: relative;
		top: -88px;
	}

	section#cast img 


	section#cast .s_photo .C_desc {
		font-size: 1em;
	}

	section#cast .s_photo .name {
		font-size: 1.3em;
	}
}

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

	section#cast div.s_photo img{
		top: 0 !important;
	}

}

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

	#cast &gt; div &gt; div.cast01 img {
		top: 0px;
	}
}

/*#stuff----------------------------------------------------*/

section#stuff{
	background-color: #E6F0F0;
	padding: 30px 0 50px 0;
	margin-top: 80px;
}
#stuff h2.bk_logo {
	padding-bottom: 16px;
}
section#stuff img {
	/*width: 67%;*/
	width: 85%;
}

section#stuff .stuff_desc .name {
	font-size: 1.4em;
	letter-spacing: 0.2em;
	margin-bottom: 0.7em;
}

section#stuff .stuff_desc {
	width: 450px;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	right: 6%;
	top: 16%;
	padding: 25px;
	line-height: 1.7em;
	text-align: justify;
	text-justify: inter-ideograph;
}

section#stuff .L_name{
	font-size: 1.5em;
	text-align: center;
	padding: 0.7em;
}

section#stuff .first{
	text-align: center;
}

p.secound_name {
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 0.7em;
	clear: both;
}

section#stuff dl.music{
	width: 50%;
	text-align: right !important;
	float: left;
	margin-bottom: 20px;
}

section#stuff .music dt{
	font-size: 1.5em;
	padding-right: 20px;
}
section#stuff .music dd{
	font-size: 0.8em;
	padding-right: 20px;
}
section#stuff dl.theme_music{
	width: 50%;
	text-align: left !important;
	float: right;
}

section#stuff .theme_music dt{
	font-size: 0.8em;
	padding-left: 20px;
}
section#stuff .theme_music dt span{
	font-size: 1.8em;
}
section#stuff .theme_music dd{
	font-size: 0.8em;
	padding-left: 20px;
}
@media screen and ( max-width: 1200px ){
	section#stuff .stuff_desc {
		right: 0;
		width: 630px;
	}
}

section#stuff dl.music {
	width: 100%;
	float: none;
	text-align: center !important;
}

section#stuff dl.theme_music {
	float: none;
	width:100%;
	text-align: center !important;
	padding-bottom: 0.7em;
}

.StaffName img{
	max-width: 928px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.0em;
}

.CastName img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width : 100%;
}
.CastName img.CastNameSm{
	max-width: 439px;
	display: none;
}
@media screen and ( max-width: 768px ){
	.CastName img.CastNamePc{
		display: none;
	}
	.CastName img.CastNameSm{
		display: block;
	}
}



@media screen and ( max-width: 1050px ){
	section#stuff img {
	width: 100%;
	}

	section#stuff .stuff_desc {
	width: 100%;
	position: relative;
	top: 0;
	padding: 25px;
	box-sizing: border-box;}
	}

}

@media screen and ( max-width: 768px ){
	section#stuff h2 {
	  //  padding-left: 25px;
	}
}

/*#trailer-------------------------------------------------------*/

section#trailer{
/*	height: 730px;*/
/*	padding: 80px 7%;*/
margin-top: 30px;
}

section#trailer h2.bk_logo{
/*	background-position: right;*/
}

div#trailer-inner {
	padding-top: 30px;
	padding-bottom: 100px;
	max-width: 1000px;
	margin: 0 auto;
	overflow: auto;
	clear: both;
}
div#trailer-inner p{
	padding-top: 10px;
}

section#trailer .ytg_player {
	float: right;
	top: 30px;
}
section#trailer .ytg_thumbnails {
	float: left;
	width: 45%;
}

@media screen and ( max-width:910px ){
	section#trailer .ytg_thumbnails {
		width: 40%;
	}
}
@media screen and ( max-width:835px ){
	section#trailer .ytg_thumbnails {
		width: 35%;
	}
}


section#trailer .ytg_thumbnails li{
	float: left;
	max-width: 200px;
	width: 42%;
	margin: 0 10px 10px;
}
section#trailer .ytg_thumbnails img {

}
.hide {display:none;}
@media screen and ( max-width: 780px ){

	section#trailer{
		padding: 0px 0px 20px 0px;
		height: auto;
	}
	div#trailer-inner {
		padding-top: 0px;
		width: 100%;
		margin: auto;
		overflow: hidden;
		clear: both;
	}

	section#trailer .ytg_player {
		float: none;
		width: 100% !important;
		position:relative;
		/*padding-top:56.25%;*/
		height: auto !important;
	}
	section#trailer .ytg_thumbnails {
		float: none;
		clear: both;
		overflow: hidden;
		width: 100%;
		padding-top:75px;
	}

	section#trailer .ytg_thumbnails li {
		display: inline-block;
		width :15%;
	}

	section#trailer iframe {
		position:absolute !important;
		top:0 !important;
		right:0 !important;
		width:100% !important;
		height:100% !important;    
	}

	section#trailer .ytg_thumbnails img {
		width: 100%;
		margin: 5px;
		display: inline-block;
	}
}


/*#poster-------------------------------------------------------*/

section#poster {
	/* height: 1100px;*/
	background-image: url(../images/poster_bk.jpg);
	background-position :center center;
	background-repeat :no-repeat;
	/*background-size: cover;*/
	background-size:contain;
}


section#poster h2{
	padding-left: 48px;
	width: 100%;
}



section#poster h2.bk_logo_w {
	width: 96%;
	margin: 0 auto;
	position: relative;
	top: 153px;
	padding-left: 115px;
}

section#poster div.slider {
	/*width:620px;*/
	display:block;
	margin:40px auto;
}
 
section#poster ul.bxslider01 li {/*繝｡繧､繝ｳ繧ｹ繝ｩ繧､繝繝ｼ*/
	display:block;
	/*width:620px;*/
	/*height:698px;*/
}
 
section#poster ul.bxslider01 li img{
	display:block;
	width:350px;
	height:auto;
}

section#poster ul.bxslider01 li.yoko img {
	position: absolute;
	top: 138px;
}
section#poster ul.bxslider02 li a {/*繧ｵ繝�繝阪う繝ｫ*/
	display:block;
	/*width:100px;*/
	/*height:60px;*/
}
 
section#poster ul.bxslider02 li.yoko img {
	margin-top: 34%;
}
 
section#poster ul.bxslider02 li a img{/*繧ｵ繝�繝阪う繝ｫ縺ｮ逕ｻ蜒�*/
	display:block;
	/*width:100px;*/
	height:auto;
}
 
section#poster div.controlWrap {
	/*width:620px;
	display:block;
	position:relative;
	margin:0 auto;*/
}
 
section#poster div.controlWrap p#PrevIcon a{/*遏｢蜊ｰ逕ｻ蜒擾ｼ亥燕縺ｸ��*/
	display:block;
	width:25px;
	height:47px;
	position:absolute;
	background: url(../images/btn_prev.png) left center no-repeat;
	color:#fff;
	top:295px;
	left:30%;
	text-indent:-9999px;
}
@media screen and ( max-width: 1050px ){
	section#poster div.controlWrap p#PrevIcon a{/*遏｢蜊ｰ逕ｻ蜒擾ｼ亥燕縺ｸ��*/
		left:20%;
	}
}
@media screen and (min-width: 1500px)  {
	section#poster div.controlWrap p#PrevIcon a{/*遏｢蜊ｰ逕ｻ蜒擾ｼ亥燕縺ｸ��*/
		left:37%;
	}
}

 
section#poster div.controlWrap p#NextIcon a{/*遏｢蜊ｰ逕ｻ蜒擾ｼ域ｬ｡縺ｸ��*/
	display:block;
	width:25px;
	height:47px;
	position:absolute;
	background: url(../images/btn_next.png) left center no-repeat;
	color:#fff;
	top:295px;
	right:30%;
	text-indent:-9999px;
}
@media screen and ( max-width: 1050px ){
	section#poster div.controlWrap p#NextIcon a{/*遏｢蜊ｰ逕ｻ蜒擾ｼ亥燕縺ｸ��*/
		right:20%;
	}
}
@media screen and ( min-width: 1500px ){
	section#poster div.controlWrap p#NextIcon a{/*遏｢蜊ｰ逕ｻ蜒擾ｼ亥燕縺ｸ��*/
		right:37%;
	}
}
section#poster .bx-wrapper .bx-viewport {
	border: none;
	background-color: transparent;
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
}

section#poster ul.bxslider02 li a img{  
	opacity: 0.5 !important;  
	filter: alpha(opacity=50) !important;
}

section#poster ul.bxslider02 li a.focus img{  
	opacity: 1 !important;  
	filter: alpha(opacity=100) !important;  
}
.bx-controls.bx-has-pager.bx-has-controls-direction {
	display: none;
}

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

	section#poster .bk_logo_w{
	background: none !important;
	padding: 10px 0 0 0;
	width: 100%;
	padding-left:10px !important;
	top: 0 !important;
	}
}

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

	section#poster h2{
	padding: 0px 0 0 20px;
	}



	section#poster .bx-wrapper {
	position: relative;
	margin: 0 0 60px 15px !important;
	padding: 0;
	}

	section#poster div.controlWrap p#PrevIcon {/*遏｢蜊ｰ逕ｻ蜒擾ｼ亥燕縺ｸ��*/
		display: none;
	}
	
	section#poster div.controlWrap p#NextIcon a{/*遏｢蜊ｰ逕ｻ蜒擾ｼ域ｬ｡縺ｸ��*/
		display: none;
	}

	section#poster div.controlWrap{
		width: auto;
		padding: 0 5% 0 5%;
	}

}



@media screen and ( max-width: 550px ){
	.bx-wrapper {
	margin: 0 0 0 0 ;
	}

}


/*#FILMING LOCATION-----------------------------------------------*/

section#f_location h2{
	padding-left: 48px;
}
@media screen and ( max-width:768px ){
	section#f_location h2{
		    padding-left: 20px;
	}

	section#f_location .bk_logo{
		display: none;
	}
}


section#f_location {
	background: url(../images/FL_back.png) center no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 30px auto;
}

section#f_location .AllArea {
	max-width: 1000px;
	margin: 0 auto;
	clear: both;
	min-width: 955px;
	overflow: hidden;
}

section#f_location .MapArea {
	float: left;
	max-width: 493px;
	padding: 20px 0;
}

section#f_location .Map {
	background: url(../images/map.png) center center no-repeat;
	height: 600px;
	width: 493px;
	background-size: contain;
}

section#f_location .sp_Map {
	display: none !important;

	
}

section#f_location .pointer {
	height: 100%;
	width: 100%;
	position: relative;
}

section#f_location .pointer span{
	width: 32px;
	height: 48px;
	display: block;
	position: absolute;
	cursor: pointer;
}
section#f_location .pointer span.pointer1 {
    top: 363px;
    right: 72px;
}

section#f_location .pointer span.pointer2 {
    top: 98px;
    left: 180px;
    z-index: 2;
}
	
section#f_location .pointer span.pointer3 {
    top: 130px;
    left: 180px;
    z-index: 1;
}

section#f_location .pointer span.pointer4 {
    top: 149px;
    left: 201px;
}

section#f_location .pointer span.pointer5 {
    top: 84px;
    left: 208px;
    z-index: 2;
}

section#f_location .pointer span.pointer6 {
    top: 135px;
    left: 220px;
}

section#f_location .pointer span.pointer7 {
    top: 112px;
    left: 206px;
    z-index: 1;
}

section#f_location .pointer span.pointer8 {
    top: 111px;
    right: 167px;
}

section#f_location .pointer span.pointer9 {
    top: 207px;
    right: 194px;
}


section#f_location .pointer span.pointer1.on{
    background: url(../images/s_1.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer2.on{
    background: url(../images/s_2.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer3.on{
    background: url(../images/s_3.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer4.on{
    background: url(../images/s_4.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer5.on{
    background: url(../images/s_5.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer6.on{
    background: url(../images/s_6.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer7.on{
    background: url(../images/s_7.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer8.on{
    background: url(../images/s_8.png) center center no-repeat;
    z-index: 3;
}

section#f_location .pointer span.pointer9.on{
    background: url(../images/s_9.png) center center no-repeat;
    z-index: 3;
}


section#f_location .pointer span.pointer1.on{
    background: url(../images/s_1.png) center center no-repeat;
}

section#f_location .pointer span.pointer1.on{
    background: url(../images/s_1.png) center center no-repeat;
}

section#f_location .pointer span.pointer1{
    background: url(../images/1.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer2{
    background: url(../images/2.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer3{
    background: url(../images/3.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer4{
    background: url(../images/4.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer5{
    background: url(../images/5.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer6{
    background: url(../images/6.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer7{
    background: url(../images/7.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer8{
    background: url(../images/8.png) center bottom no-repeat;
}

section#f_location .pointer span.pointer9{
    background: url(../images/9.png) center bottom no-repeat;
}


section#f_location .pointer span.1.on{
    background: url(../images/s_1.png) no-repeat;
}

section#f_location .PhotoArea {
    float: right;
    position: relative;
    top: 85px;
	width :440px;
}

section#f_location .PhotoArea div.Location {
    width: 400px;
    height: 273px;
    background-size: contain;
}

section#f_location .PhotoArea &gt; .L1{
	background: url(../images/photo01.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L2{
	background: url(../images/photo02.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L3{
	background: url(../images/photo03.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L4{
	background: url(../images/photo04.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L5{
	background: url(../images/photo05.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L6{
	background: url(../images/photo06.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L7{
	background: url(../images/photo07.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L8{
	background: url(../images/photo08.jpg) left center no-repeat;
}

section#f_location .PhotoArea &gt; .L9{
	background: url(../images/photo09.jpg) left center no-repeat;
}

section#f_location h3 {
	font-size: 1.3em;
	font-weight: normal;
	padding: 0.3em 0;
}

section#f_location p {
    text-align: right;
    font-size: 0.8em;
    width: 360px;
}

section#f_location .bk_logo {
    width: 191px;
    height: 45px;
    text-indent: -9999px;
    position: absolute;
    right: 0;
    top: 440px;
}


section#f_location .thumnail {
    clear: both;
    background-color: #717071;
    overflow: auto;
    width: 100%;
    padding: 20px 20px 13px;
    margin: 0;
    min-width: 870px;
    box-sizing: border-box;
    text-align: center;
}

section#f_location ul{
	text-align: center;
	display: inline;
}


section#f_location ul li{
	display: inline-block;
	background-color: white;
	cursor: pointer;
width: 9%;
    max-width: 120px;
	}

section#f_location ul li img{
	opacity: 0.5;
	}
	
section#f_location ul li.select img{
	opacity: 1;
	}

@media screen and ( max-width: 768px ){
	section#f_location .sp_Map {
		height: 46vh;
		width: 100%;
		background-size: contain !important;
		display: block !important;
		margin: 0 auto;
	}

	section#f_location {
		background-size: contain;
		padding: 10px;
	}

	section#f_location .AllArea {
		margin: 0 auto;
		min-width: 0 !important;
	}

	section#f_location .MapArea {
		float: none;
		max-width: none !important;
		width: 100%;
		padding: 0;
	}

	section#f_location .Map {
		display: none;
	}

	section#f_location .PhotoArea {
		float: none;
		position: relative;
		top: 0px;
		width : 100%;
	}

	section#f_location h3{
		text-
	}

	section#f_location .thumnail {
		min-width: 0px;
	}
	section#f_location p {
		width: 100%;
	}

	section#f_location ul li {
		/*width: 17%;*/
	}

	section#f_location .thumnail ul{
		display: block;
	}

	section#f_location .PhotoArea div.Location{
		margin: 0 auto;
		width: 100%;
		height: 69vw;
		background-size: contain;
		background-position: center;
	}

	section#f_location .MapArea &gt; .M1{
		background: url(../images/sp_map1.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M2{
		background: url(../images/sp_map2.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M3{
		background: url(../images/sp_map3.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M4{
		background: url(../images/sp_map4.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M5{
		background: url(../images/sp_map5.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M6{
		background: url(../images/sp_map6.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M7{
		background: url(../images/sp_map7.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M8{
		background: url(../images/sp_map8.jpg) center center no-repeat;
	}

	section#f_location .MapArea &gt; .M9{
		background: url(../images/sp_map9.jpg) center center no-repeat;
	}

}

/*-------------------------------------------------------------
繝輔ャ繧ｿ繝ｼ
---------------------------------------------------------------*/
#footer{
	width : 100%;
	background-position: center 0;
	background-repeat : repeat-x;
}

#footer .Logo {
	width: 50%;
	/* float: left; */
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	padding: 0px 20px;
}
.kyouryoku_all{
	width: 50%;
	min-width: 635px;
	/* float: left; */
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

#footer .Logo img {
	/*padding: 40px 25%;*/
	margin-right: auto;
	margin-left: auto;
}

div#kyoryoku {
	/* height: 743px; */
	padding: 80px 45px 80px;
	/* max-width: 1270px; */
	margin-left: auto;
	margin-right: auto;
	/* width: 1270px; */
	display: table;
	max-width: 1270px;
}

#footer .kyoryoku_all{
	width: 25%;
	float: right;
	overflow: hidden !important;
}

#footer .kyoryoku_right{
	float: right;
	font-size: 0.9em;
}
#footer .kyoryoku_left{
	float: left;
	font-size: 0.9em;
}

#footer dt {
	border-bottom: 2px solid #8E8E8E;
	width: 90%;
	margin: 0 0 0.5em 0;
}

#footer dt.kirikae {
	margin-top: 1.5em;
}

#footer img{
	width : 240px;
}

#footer_inner{
	color : #ffffff;
	border-style : solid;
	border-width : 3px 0px 0px 0px;
	clear: both;
	background-color: #6ebdde;
	height: 200px;
}
#footer_left{
	/*padding: 10px 0px 10px 20px;*/
}
#footer_inner img{
	margin: 20px 30px 10px;
}
#footer_left p{
	color : #ffffff;
	font-size: small;
	padding-left: 30px;
	margin-top: 90px;
}
@media screen and ( max-width:414px ){
	#footer_inner img{
		margin: 20px 10px 10px;
	}
	#footer_left p{
		color : #ffffff;
		font-size: small;
		padding : 0px 10px;
	}
}

#page-top {
	position: fixed;
	bottom: 13px !important;
	right: 2px;
	z-index: 1;
	opacity: 0.8;
	/* font-size: 3.2em; */
	/* background-color: #6ebdde; */
	 padding: 7px 14px 3px;
}
#page-top a{
	color : #111111;
}


@media screen and ( max-width:530px ){
	#footer_left,#footer_right{
		float: none;
	}
}
@media screen and ( max-width: 950px ){
	div#footer .Logo {
		display: block;
		width: 100%;
		padding: 0;
	}
	.kyouryoku_all{
		display: block;
		width: 100%;
		min-width: 100%;
	}

	div#kyoryoku {
		display: block;
	}
}
@media screen and ( max-width: 1024px ){
	div#kyoryoku {
		width: 100%;
		height: auto;
		padding: 0;
		min-width: 0;
		margin-bottom: 30px;
	}

	#footer .Logo {
		width: 100%;
		float: none;;
		margin: 0px;
		margin-bottom: 50px;
	}

	#footer .Logo img {
		margin: 0 auto;
		width : 30%;
	}	

	#footer dl {
		padding: 0 20px;
	}
	#footer dt {
		width: 100%;
	}

	#footer .kyoryoku_right {
		float: none;
		margin-top: 20px;
	}
	
	#footer .kyoryoku_left {
		float: none;
	}
}
@media screen and ( max-width: 420px ){
	#footer .Logo img {
		margin: 0 auto;
		width : 45%;
	}
}

/*-------------------------------------------------
繝壹�繧ｸ繝医ャ繝�
---------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 13px !important;
    right: 2px;
    z-index: 1;
    opacity: 0.8;
    /* font-size: 3.2em; */
    /* background-color: #6ebdde; */
    padding: 7px 14px 3px;
}
#page-top a{
	color : #111111;
}



/*-------------------------------------------------
繝昴せ繧ｿ繝ｼ02
---------------------------------------------------*/
.controlWrap{
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}

#poster .bx-wrapper .bx-pager {
	position: static;
	display: table;
	margin-left: auto;
	margin-right: auto;
	max-width : 800px;
}
#poster .bx-wrapper .bx-pager .bx-pager-item,
#poster .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
	display: table-cell;
}

#poster .bx-wrapper .bx-pager img{
	width: 100%;
	max-width: 100px;
}
  
#poster .bx-wrapper .bx-pager a {
	display: block;
	margin: 0 5px;
}

#poster .bx-wrapper {
	margin-bottom: 120px;
}


#poster .bx-viewport{
	max-width: 348px;
	margin-left: auto;
	margin-right: auto;
}

#poster .bx-wrapper .bx-pager a img{  
	opacity: 0.5 !important;  
	filter: alpha(opacity=50) !important;
}

#poster .bx-wrapper .bx-pager a:hover img,
#poster .bx-wrapper .bx-pager a.active img{
	opacity: 1 !important;  
	filter: alpha(opacity=100) !important;  
} 


@media screen and ( max-width:768px ){
	section#trailer .ytg_thumbnails{
		padding-top: 40px;
	}
	.ytg_player video{
	width : 90%!important;
	margin-left: auto;
	margin-right: auto;
	}
	.ytg_thumbnails ul{
		margin: 0;
		padding: 0;
		text-align: center;
	}
	section#trailer .ytg_thumbnails li {
		width: 13.5%;
		float: none;
		margin: 0px;
	}
	section#trailer .ytg_thumbnails li p{
		display : none;
	}
	section#trailer .ytg_thumbnails img{
		margin: 0px;
	}
}





@media screen and ( min-width:1000px ){
	#movie650 {display: none;}
	#movie300 {display: none;}
}

@media screen and (min-width:650px) and ( max-width:1000px) {
	#movie1000 {display: none;}
	#movie300 {display: none;}

}
@media screen and (min-width:320px) and ( max-width:650px) {
	#movie1000 {display: none;}
	#movie650 {display: none;}

}



#movie-btn {
	position: fixed;
	top: 60px;
	right: 2px;
	z-index: 100000;
	opacity: 0.8;
	 padding: 7px 14px 3px;
}

#movie-btn span{
	position: fixed;
	top: 120px;
	right: 0px;
	z-index: 100000;
	opacity: 0.8;
	 padding: 0px;
}




@media screen and (min-width:960px) {
	.movie650_trailer {display: block;}
	.movie300_trailer {display: none;}
	.trailer-table{display: table;}
	#trailer_left,
	#trailer_right{
		display: table-cell;
		width: 500px;
	}

}
@media screen and (min-width:320px) and ( max-width:960px) {
	.movie650_trailer {display: none;}
	.movie300_trailer {display: block;}

}




</pre></body></html>