/*
Theme Name: ORIGINAL
*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	ul, li{
	list-style:none;
	}
	
	img{
	width:100%;
	height:auto;
	display:block;
	}
	
	
	video{
	width:100%;
	height:auto;
	display:block;
	}
	
	
	::selection {
	background-color: #000;
	color:#fff;
	}
	
	
	
	a{
	text-decoration:none;
	color:#000;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
	}
	
	a:hover{
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
	}
	
	
	
	
	.text_border{
	text-decoration:underline;
	}
	
	.font_bold{
	font-weight:bold;
	}
	
	
	p{
	font-size:13px;
	}
	
	
	
	body {
	color:#000;
	font-family: "shippori-mincho", sans-serif;
	line-height: 160%;
	}
	
	
	/* 共通ページ */
	
	.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 999999;
	opacity: 1;
	background: #fff;
	}
	
	
	.loader
	{
	position: absolute;
	display: inline-block;
	top:50%;
	left:50%;
	margin-left:-17px;
	margin-top:-30px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 2px solid #000;
	border-right-color: transparent;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	}
	
	
	@-webkit-keyframes spin
	{
		0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
		50%  { -webkit-transform: rotate(180deg); opacity: 1; }
		100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
	}
	
	@-moz-keyframes spin
	{
		0% { -moz-transform: rotate(0deg); opacity: 0.4; }
		50%  { -moz-transform: rotate(180deg); opacity: 1; }
		100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
	}
	




	#pankuzu{
	
	}
	
	#pankuzu a{
		font-size:9pt;
		letter-spacing:1px;
		
	}
	
#pankuzu span{
	display: inline-block;
	width:8px;
	height:8px;
	background-image:url(images/sign_pankuzu.svg);
	background-size:100% 100%;
	}



	
	
	
#sp_header{
position: fixed;
top: 0;
z-index: 9999;
width:100%;
display:block;
}

#sp_header.active{
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu{
	position: fixed;
	top: 40px;
	right:20px;
	z-index:9998;
	-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	transition: 1s cubic-bezier(0.78, .18, .34, .98);
	}


.sub_grand_menu.sub_grand_menu_ani{
position:fixed;
top:0px;
z-index: 9999;
-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
transition: 1s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu .button-navi-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 2px;
	margin: 0px 0 0 -15px;
	background: #000;
	border-radius: 333px;
    -webkit-border-radius: 333px;
    -moz-border-radius: 333px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 2px;
	background: #000;
	border-radius: 333px;
    -webkit-border-radius: 333px;
    -moz-border-radius: 333px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}








.sub_grand_menu .button-navi-icon:before {
margin-top: -10px;
}

.sub_grand_menu .button-navi-icon:after {
margin-top: 9px;
}

.sub_grand_menu .button-navi-icon.close:after, .sub_grand_menu .button-navi-icon.close:before {
	background: #000;
}


#home .sub_grand_menu .button-navi-icon, #home .sub_grand_menu .button-navi-icon:after, #home .sub_grand_menu .button-navi-icon:before {
	background: #fff;
}


#home.active .sub_grand_menu .button-navi-icon, #home.active .sub_grand_menu .button-navi-icon:after, #home.active .sub_grand_menu .button-navi-icon:before {
	background: #000;
}


.sub_grand_menu_top{
	width: 50px;
	height: 50px;
	overflow:hidden;
	cursor: pointer;
}



.sub_grand_menu_top .sub_menu ul li{
display: inline-block;
padding:0 20px;
}



.sub_grand_menu .button-navi-icon.close:before, .sub_grand_menu .button-navi-icon.close:after {
	margin-top: 0;
	background: #000!important;
}

.sub_grand_menu .button-navi-icon.close:after {
margin-left: 0px;
}


.sub_grand_menu_inner{
	
}


.button-navi-icon.close:after {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.button-navi-icon.close:before {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.button-navi-icon.close {
background: transparent!important;
}



.button-close{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0px;
	z-index: -9999;
}



#menu_index{
	position:fixed;
	top: 0;
	right:0;
	width:0%;
	height: 100%;
	z-index: 9997;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	transition: .8s cubic-bezier(0.78, .18, .34, .98);
}

#menu_index.active{
	width:50%;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	transition: .8s cubic-bezier(0.78, .18, .34, .98);
}


.menu_content{
	background:#fff;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 99;
}


.menu_back{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}

.menu_content_wrap{
	opacity: 0;
	height: 100%;
	padding: 60px 20px 60px 60px;
	display:flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
		-webkit-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	transition: .2s cubic-bezier(0.78, .18, .34, .98);
}

#menu_index.active .menu_content_wrap{
	opacity: 1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) .6s;
}





.menu_box > a{
    font-size: 30px;
    line-height: 100%;
	font-weight:bold;
}

.menu_box > a span{
	font-size: 15px;
	line-height: 120%;
	font-weight: normal;
	display:block;
}

.menu_box.type01{
	display:flex;
	gap:20px;
}

.menu_box.type02 {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.menu_box.type02 > a{
	display:flex;
	gap:20px;
	align-items: flex-end;
}

.menu_box.sub_menu{
	display: flex;
	align-items: center;
	gap: 15px;
}

.menu_box.sub_menu > p{
	font-size:16px;
	font-weight:bold;
}



.menu_box.sub_menu > a {
    font-size: 11px;
    font-weight: bold;
}

.menu_box.sns_menu{
	margin-top: 10px;
	display:flex;
	align-items: center;
	gap: 15px;
}

.menu_box.sns_menu p {
	font-size: 20px;
	font-weight: bold;
}

.menu_box.sns_menu a{
	width:30px;
}


.menu_box_logo{
	width:160px;
	margin-top:40px;
}

.menu_box_info p small{
	line-height:120%;
	display:block;
}



header{
	padding: 30px 0;
}

#home header{
	padding-top: 0px;
}

.header_logo{
	display:flex;
	justify-content: center;
}


.header_logo a{
	width: 160px;
}


.header_entry_btn{
	position: fixed;
	right: 85px;
	top: 54px;
	z-index: 9997;
}

.header_entry_btn a{
	font-size:13px;
	font-weight: 600;
	background:#000;
	color:#fff;
	border:2px solid #000;
	padding: 12px 26px;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.header_entry_btn a:hover{
	background:#fff;
	color:#000;
}

	.header_entry_btn a span{
	width:15px;
	height: 15px;
	display:inline-block;
	vertical-align: sub;
	margin-right:10px;
	}
	
	
	.header_entry_btn a span .cls-1 {
	fill: #fff;
	}
	
	.header_entry_btn a span .cls-2 {
	fill: #000;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

	.header_entry_btn a:hover span .cls-2 {
	fill: #000;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}














footer{
	position: relative;
	z-index:99;
	margin-top: 100px;
	padding:100px 0;
	background:#fff;
}


#home footer{
	margin-top: 0px;
}
	
	
.inner{
	max-width:1480px;
	position: relative;
	margin:0 auto;
	padding: 0 60px;
}

.medium_inner{
	max-width:1180px;
	position: relative;
	margin:0 auto;
	padding: 0 80px;
}

.short_inner{
	max-width:880px;
	position: relative;
	margin:0 auto;
	padding: 0 80px;
}


.footer_wrap{
	display:flex;
	justify-content: space-between;
}

.footer_left{
	display:flex;
	gap: 40px;
}

.footer_left_sec01{
	
}

.footer_right{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.footer_logo{
	width:180px;
}

.footer_info{
	margin-top:15px;
}

.footer_info p small{
	display:block;
	line-height:120%;
}



.footer_copy{
}

.footer_copy p{
	text-align:center;
	font-size:13px;
}

.footer_left_sec02{
	display: flex;
	gap: 40px;
}

.footer_menu {
	display: flex;
	flex-direction: column;
	gap: 5px;
}


.footer_menu a{
	font-size: 13px;
	line-height: 150%;
}

.footer_right{
	
}


.footer_sns{
	display: flex;
}


.footer_sns_icon{
	display: flex;
	gap: 22px;
	justify-content: flex-end;
}


.footer_sns_icon > a{
	width:27px;
}







/* 共通 */




.sub_title{
	text-align:center;
}

.sub_title p{
	font-size:24px;
	font-weight:bold;
}

.sub_title span{
	font-size:14px;
	display:block;
	margin-top:10px;
}











.btn a:after{
	position: absolute;
	top: 50%;
	right: 15px;
	content:"";
	background-image:url(images/btn_sign.svg);
	width: 20px;
	height: 20px;
	display: inline-block;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}



.btn > a{
	font-size:16px;
	position:relative;
	background:#1d2082;
	border:2px solid #1d2082;
	color:#fff;
	display:block;
	text-align:center;
	padding: 10px 42px;
	font-weight:bold;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.btn > a:hover{
	position:relative;
	background:#fff;
	color:#1d2082;
	
}

.btn a:hover:after{
	right: 20px;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}





.btn_big a{
	position: relative;
	background: #1d2082;
	border:2px solid #1d2082;
	color: #fff;
	display: block;
	padding: 50px 30px;
	font-weight: bold;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	
	}


.btn_big a:after {
	position: absolute;
	bottom: 46px;
	right: 32px;
	content: "";
	background-image: url(images/btn_sign.svg);
	width: 40px;
	height: 40px;
	display: inline-block;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}



.btn_big a:hover{
	position:relative;
	background:#fff;
	color:#1d2082;
	
}

.btn_big a:hover:after{
	right: 50px;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}









.page_first_sec{
	margin-top:80px;
}




/* COMING  */

#coming{
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.coming_logo p{
	width:400px;
}

.coming_p {
	margin-top:40px;
}

.coming_p p{
	font-size: clamp(30px, 3.4vw, 40px);
	font-weight:bold;
}

.coming_copy{
	margin-top:40px;
}

.coming_copy p{
	font-size: clamp(25px, 2.2vw, 30px);
	line-height:150%;
	text-align:center;
	font-weight:bold;
}

.coming_contact{
	margin-top:40px;
}

.coming_contact .btn > a{
	padding: 10px 100px;
}

.coming_footer{
	margin-top:40px;
}







/* TOPページ */



.top_slide_img:after{
	content:"";
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.2);
}



.top_slide_copy{
	position:absolute;
	width: 100%;
	top:48%;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.top_slide_copy h4{
	font-size:2.8vw;
	line-height: 160%;
	letter-spacing: 1.5px;
	font-family: "Zen Old Mincho", serif;
	font-weight:600;
	text-shadow: #1d2082 1px 0 30px;
	color:#fff;
}


















.main_title h3{
	font-size: 2.2vw;
	line-height: 150%;
}


.main_title.center_title {
	text-align:center;
}



.main_note{
	margin-top:30px;
}


.main_note p{
	font-size: 15px;
	font-weight:bold;
}

#ancher_menu{
	position:fixed;
	z-index:999;
	top:40px;
	left:40px;
	display: flex;
	flex-direction: column;
}



.a_menu_list{
	display: flex;
	gap: 16px;
}

.a_menu_list > a{
	display: block;
	font-size: 13px;
	line-height: 120%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
}



.movie_player{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

.play_btn{
	position:absolute;
	z-index:99;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:  translate(-50%, -50%);
	-o-transform:  translate(-50%, -50%);
	-ms-transform:  translate(-50%, -50%);
}


.play_btn span{
	border:1px solid #fff;
	display:block;
	width: 90px;
	height: 90px;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
		-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.movie_player a:hover .play_btn span{
	width: 105px;
	height: 105px;
		-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}



.play_btn span:after {
	content:"";
	position:absolute;
	top:50%;
	left:52%;
	background-image:url(images/player_on.svg);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
			-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.movie_player a:hover  .play_btn span:after {
	width:23px;
	height:23px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
	}


.play_btn span:before {
	content:"Play Movie";
	position:absolute;
	bottom:-32px;
	font-size:13px;
	color:#fff;
	width:100%;
	text-align:center;
}












.top_slide {
  position:fixed;
  top:0%;
  left:0%;
  overflow: hidden;
  width: 100%;
  height:100%;
}


.top_logo{
	position: fixed;
	z-index:99;
	top:5%;
	left:2%;
	width: 18%;
}


.top_message {
	position:fixed;
	z-index:99;
	bottom:10%;
	left:4%;
}


.top_message h2{
	color:#fff;
	font-size:3.3vw;
	font-weight:normal;
}

.top_message h3{
	color:#fff;
	font-size:2.2vw;
	font-weight:normal;
	line-height:150%;
	margin-top:40px;
}




.top_sec{
	background:#fff;
	position:relative;
	z-index:99;
	padding:100px 0;
}


.page_sec{
	position:relative;
	padding:100px 0;
}



.view_btn{
	margin-top:30px;
}

.view_btn a{
	display:inline-block;
	text-align: center;
	min-width: 200px;
	font-size: 14px;
	font-weight: 600;
	background: #000;
	color: #fff;
	border:2px solid #000;
	padding: 12px 26px;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.view_btn a:hover{
	background: #fff;
	color: #000;
}

.view_btn.btn_w a{
	background: #fff;
	color: #000;
	border:none;
}

.view_btn.btn_w a:hover{
	background: #000;
	color: #fff;
}


.top_place_sec01{
	display:flex;
	align-items: center;
	justify-content: flex-end;
	gap:40px;
}

.top_place_sec01 .top_place_detail{
	width:40%;
}

.top_place_sec01 .top_place_img{
	width:50%;
}




.access_list{
	display:flex;
	gap:160px;
	margin-top:20px;
}


.access_sec02{
	display:flex;
	gap:80px;
}

.google_map{
	margin-top:80px;
}


.google_map iframe {
    width: 100%;
    height: 420px;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%)!important;
    -ms-filter: grayscale(100%)!important;
    -o-filter: grayscale(100%)!important;
    filter: grayscale(100%) !important;
}





#top_movie{
	
}


.top_movie_wrap{
	position:relative;
}




.product_cal_img{
	margin-top:40px;
}



#home .bottom_banner{
	padding: 0 0 100px;
}


.bottom_banner a:hover{
	opacity:.6;
}















#page_detail{
	margin-top:80px;
}

.page_detail_wrap{
	max-width:800px;
	margin:0 auto;
	padding:0 60px;
}


.page_title h1{
	text-align:center;
}

.page_note{
	margin-top:40px;
}

.page_note p{
	font-size:14px;
}



#page_slide{
	margin-top:50px;
}

	














.about_sec01_01{
	display:flex;
	align-items: center;
	justify-content: center;
	gap:80px;
}


.about_sec01_01 .about_img{
	width:22%;
}

.about_sec01_01 .p_note p{
	font-size:15px;
}


.about_sec01_02{
	display:flex;
	align-items: center;
	gap:40px;
	margin-top:80px;
}


.about_sec01_02 .about_img{
	width:40%;
}

.about_sec01_02 .p_note{
	width:50%;
}


.about_sec01_02 .p_note p{
	font-size:20px;
	line-height:150%;
}


.place_sec01_01{
	display:flex;
	align-items: center;
	gap:40px;
}


.place_sec01_01_img{
	width:55%;
}


.p_sub_title{
	margin-bottom:20px;
}

.p_sub_title p{
	font-size:20px;
}

.p_note{

}





.place_sec02_01{
	display:flex;
	align-items: center;
	gap:40px;
	margin-top:40px;
}


.place_sec02_01_img{
	width:55%;
}






.calendar_sec{
	position:relative;
	margin-top:100px;
	padding: 40px 40px 55px;
	background:#ccc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}


.calendar_sec .p_sub_title{
	padding-left:20px;
}

.calendar_detail{
	margin-top:20px;
	padding:0 20px;
	display:flex;
	gap:40px;
}

.calendar_img{
	padding:0 20px;
}



.com_list{
	margin-top:60px;
	display:flex;
	flex-direction: column;
	gap:20px;
}

.com_box{
	display:flex;
	gap:30px;
}

.com_box .c_title{
	width:15%;
}

.com_box .c_title p{
	font-size:16px;
}

.com_box .c_note{
	width:85%;
}

.com_box .c_note p{
	font-size:16px;
}




.about_sec03 .com_box .title{
	width:20%;
}


.about_sec03 .com_box .note{
	width:80%;
}







.award_index{
	margin-top:60px;
	display:flex;
	flex-direction: column;
	gap:40px;
}


.award_box{
	display:flex;
	gap:20px;
}

.a_title{
	width:20%;
}

.a_title p{
	font-size:16px;
}

.a_note{
	width:80%;
}

.a_note p{
	font-size:14px;
}


.a_note > div{
	display:flex;
	gap:20px;
}
























.faq_list{
	margin-top:50px;
	display: flex;
	flex-direction: column;
	gap: 80px;
}


.faq_main p{
	position:relative;
	font-size:16px;
	font-weight:bold;
}


.faq_main p:before{
	content:"";
	display:inline-block;
	vertical-align: sub;
	margin-right:10px;
	width:20px;
	height:20px;
	background:#000;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}


.faq_index{
	border-top:1px solid #000;
	margin-top:20px;
}

.faq_box{
	position:relative;
	padding:20px 0;
	border-bottom:1px dashed #000;
}

.faq_box:last-child{
	border-bottom:none;
}


.faq_box:after{
	content:"";
	position:absolute;
	background-image:url(images/sign_qa.svg);
	background-size:100% 100%;
	width:15px;
	height:15px;
	right:0;
	top:25px;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    transition: .3s cubic-bezier(0.78, .18, .34, .98);
}

.faq_box.active:after{
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}


.faq_box a{
	text-decoration:underline;
}

.qa_q, .qa_a{
	position:relative;
}

.qa_q{
	cursor: pointer;
}

.qa_q p{
	font-size:15px;
	font-weight:bold;
	padding:0 40px;
}

.qa_a{
	margin-top:20px;
	display:none;
}

.qa_a p{
	font-size:15px;
	padding:0 40px;
}

.qa_q:before{
	content:"";
	position:absolute;
	top:-3px;
	left:0px;
	background-image:url(images/qa_q.svg);
	width:30px;
	height:30px;
}


.qa_a:before{
	content:"";
	position:absolute;
	top:-3px;
	left:0px;
	background-image:url(images/qa_a.svg);
	width:30px;
	height:30px;
}
	








.online_warning{
	margin-top:20px;
	padding:30px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.online_warning p{
	font-size:13px;
	font-weight:bold;
}

.online_warning p b{
	font-size:22px;
	display:block;
	margin-bottom:20px;
}


.online_warning p a.text_border{
	text-decoration:underline;
}










.sp_img{
	display:none!important;
}

















@media screen and (max-width: 764px) {
	
	
	
	
img{
width:100%;
height:auto;
}



.sp_img{
display:block!important;
}

.pc_img{
display:none!important;
}
	
	
	
	
	header {
		padding: 30px 20px;
	}
	
	
	.sub_grand_menu {
		top: 16px;
		right: 12px;
	}
	
	.sub_grand_menu .button-navi-icon:before {
		margin-top: -8px;
	}
	
	.sub_grand_menu .button-navi-icon:after {
		margin-top: 7px;
	}
	
	#menu_index.active {
		width: 100%;
	}
	
	.menu_content_wrap {
		padding: 80px 20px 60px 20px;
		gap: 30px;
		justify-content: flex-start;
	}
	
	.menu_box > a {
		font-size: 22px;
		line-height: 100%;
	}
	
	.menu_box > a span {
		margin-top: 5px;
		font-size: 12px;
	}
	
	.menu_box.type02 {
		gap: 20px;
	}
	
	.menu_box.type02 > a span {
		margin-top: 0px;
	}
	
	.menu_box.type02 > a {
		gap: 10px;
	}
	
	
	
	.menu_box.sub_menu > a {
		font-size: 10px;
	}
	
	.menu_box.sns_menu p {
		font-size: 16px;
	}
	
	
	.header_entry_btn {
		position: fixed;
		right: 0;
		top: auto;
		bottom: 40px;
		z-index: 9997;
		width: 100%;
		padding: 0 20px;
		text-align: center;
	}
	
	
	.header_entry_btn a {
		display:block;
	}
	
	
	
	.header_logo {
		justify-content: flex-start;
	}
	
	
	.header_logo a {
		width: 35%;
	}
	
	
	.top_logo {
		width: 200px;
		top: 25px;
		left: 20px;
	}
	
	
	footer {
		margin-top: 0px;
		padding: 80px 0;
	}
	
	.footer_wrap {
		flex-direction: column;
		gap: 40px;
	}
	
	.footer_left {
		flex-direction: column;
	}
	
	
	.footer_right {
		width: 100%;
		padding: 0 40px;
	}
	
	
	.footer_sns_icon {
		justify-content: center;
	}
	
	.footer_sns_t p {
		font-size: 24px;
	}
	
	
	.footer_copy{
		margin-top:20px;
	}
	
	
	
	
	
	.inner {
		padding: 0 30px;
	}
	
	.medium_inner {
		padding: 0 30px;
	}
	
	.short_inner {
		padding: 0 30px;
	}
	
	
	.top_sb_box .main_title {
		align-items: flex-end;
	}
	
	
	.main_title h4 {
		font-size: 28px;
	}
	
	.main_title span {
		margin-top: 5px;
		line-height: 150%;
	}
	
	
	
	
	
	
	
	#coming {
		padding:100px 40px;
	}
	
	.coming_logo p {
		width: 100%;
	}
	
	.coming_copy p {
		font-size:16px;
		line-height: 150%;
	}
	
	.coming_contact .btn > a {
		padding: 10px 10px;
	}
	
	.coming_contact {
		margin-top: 30px;
		width: 100%;
	}
	
	
	
	
	
	
	
	
	
	
	.top_message h2 {
		font-size:24px;
	}
	
	.top_message h3 {
		font-size: 16px;
		line-height: 150%;
		margin-top: 30px;
	}
	
	
	
	.top_sec {
		padding: 50px 0;
	}
	
	
	
	
	
	.top_place_sec01 {
    gap: 30px;
    flex-direction: column-reverse;
	}
	
	.top_place_sec01 .top_place_img {
		width: 100%;
	}
	
	.top_place_sec01 .top_place_detail {
		width: 100%;
	}
	
	
	
	#page_detail {
		margin-top: 40px;
	}
	
	
	.page_detail_wrap {
		padding: 0 30px;	
	}
	
	
	
	#page_main_img_sec {
		height: 330px;
	}
	
	.page_main_title_wrap p {
		font-size: 44px;
	}
	
	
	.entry_btn_w {
		gap: 20px;
		flex-direction: column;
	}
	
	.entry_btn_w > div {
		width:100%;
	}
	
	.btn_big a {
		padding: 30px 20px;
	}
	
	.btn_big a:after {
		top:20px;
		right:20px;
		width: 30px;
		height: 30px;
		bottom: auto;
	}
	
	
	
	
	
	
	.play_btn span {
		width: 70px;
		height: 70px;
	}
	
	.play_btn span:before {
		bottom: -25px;
		font-size: 11px;
	}
	
	.play_btn span:after {
		width: 15px;
		height: 15px;
	}
	
	
	
	
	
	.page_first_sec {
		margin-top: 40px;
	}
	
	
	#top_slide {
		margin-top: 30px;
	}
	
	
	
	
	.page_sec {
		padding: 40px 0;
	}
	
	.main_title h3 {
		font-size: 22px;
		
	}
	
	
	
	
	.about_sec01_01 {
		gap: 40px;
		flex-direction: column;
	}
	
	
	.about_sec01_01 .about_img {
		width: 50%;
	}
	
	.about_sec01_01 .p_note {
		width: 100%;
	}
	
	.about_sec01_02 {
		flex-direction: column;
	}
	
	.about_sec01_02 .about_img {
		width: 70%;
	}
	
	
	.about_sec01_02 .p_note {
		width: 100%;
	}
	
	
	.com_list {
		margin-top: 40px;
		gap: 10px;
	}
	
	.com_box .c_title {
		width: 20%;
	}
	
	.com_box .c_note {
		width: 80%;
	}
	
	
	.about_sec03 .com_list {
		gap: 20px;
	}
	
	.about_sec03 .com_box {
		flex-direction: column;
		gap:10px;
	}
	
	.about_sec03 .com_box .c_title {
		width: 100%;
	}
	
	.about_sec03 .com_box .c_note {
		width: 100%;
	}
	
	
	.award_index {
		margin-top: 40px;
		gap: 30px;
	}
	
	.award_box {
		flex-direction: column;
		gap: 10px;
	}
	
	.a_title {
		width: 100%;
	}
	
	.a_note {
		width: 100%;
	}
	
	.a_note > div {
		gap: 0px;
		flex-direction: column;
	}
	
	
	
	
	
	
	
	
	
	
	
	.place_sec01_01 {
		gap: 30px;
		flex-direction: column;
	}
	
	
	.place_sec01_01_img {
		width: 100%;
	}
	
	
	.calendar_sec {
		margin-top: 40px;
		padding: 40px 0px 40px;
	}
	
	
	.calendar_detail {
		gap: 10px;
		flex-direction: column;
	}
	
	.place_sec02_01 {
		gap: 30px;
		margin-top: 30px;
		flex-direction: column;
	}
	
	
	.faq_list {
		margin-top: 40px;
		gap: 40px;
	}
	
	
	
	.google_map {
		margin-top: 40px;
	}
	
	
	
	.access_list {
		gap: 30px;
		flex-direction: column;
	}
	
	
	.access_sec02 {
		gap: 20px;
	}
	
	
	.google_map iframe {
		height: 250px;
	}
	
	
	
	
}