@charset "UTF-8";



.innr{
	max-width:1000px;
	margin:0 auto;
	width:96%;
}

@media screen and (min-width :769px){
.only-sp{
    display:none;
}
}
@media screen and (max-width :768px){
.only-pc{
    display:none;
}
.innr{
	width:92%;
}
}

/*header
================================================*/
#header{
	position:relative;
    z-index: 98;
    width: 100%;
	overflow-x: hidden;
}
.hl_head{
    background: url(../img/bg_head.jpg);
	text-align: center;
	margin-bottom:70px;
	padding:60px 0 30px;
	position: relative;
}
.hl_head:after {
	position: absolute;
	bottom:-70px;
	content: "";
    left: -10%;
    width: 120%;
    height: 70px;
	background: url(../img/bg_head_sankaku.png) no-repeat center;
}

.hl_head h1{
	text-align:center;
	font-size:60px;
	color:#fff;
}
.hl_head h2{
	text-align:center;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	margin-bottom:40px;
}


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

.hl_head {
    margin-bottom: 40px;
    padding: 30px 0 0;
}
.hl_head h2{
	font-size: 16px;
	margin-bottom:20px;
}
.hl_head h1{
	font-size: 30px;	
}
.hl_head:after {
    position: absolute;
    bottom: -40px;
    content: "";
    left: -10%;
    width: 120%;
    height: 40px;
    background: url(../img/bg_head_sankaku.png) no-repeat center;
    background-size: auto 40px;
}
.drawer-nav li.contact{

    position:relative;
}
.drawer-menu{
	overflow-y: scroll;
}

.drawer-hamburger{
	padding:8px 7px;
}
.drawer-hamburger{
	width:1.6rem;
}
.drawer--right .drawer-hamburger{
    padding: 20px 15px;
    top: 6px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	background-color:#b64077;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	height:3px;
}
.menuttl{
	padding: 10px 7px;
	color:#fff;
	background:#b64077;
	font-weight:bold;
	font-size:16px !important;
	margin-bottom:0px !important;
}
.drawer-nav {
	touch-action: none;
	z-index: 999;
}
.drawer-nav li{
}
.drawer-nav li a{
    display: block;
    padding: 10px 7px;
    border-bottom:1px solid #ccc;
    color:#333;
}
.drawer-overlay{
	z-index:100;
}
	
}
@media screen and (max-width :480px){
.hl_head h2{
	font-size: 4vw;	
	margin-bottom:10px;
}
.hl_head h1{
	font-size: 8vw;
}

}

/*content
================================================*/
#contents{
	
}

#contents section{
	padding:60px 0;
}
#contents h2{
	font-size:30px;
	color:#fff;
	border-bottom:4px solid #c2c2c2;
	margin-bottom:30px;
}
#contents h2 span{
	display:inline-block;
	height:74px;
	line-height: 74px;
	margin-bottom:-4px;
	position: relative;
	background: #c2c2c2;
	padding: 0 20px;
}
#contents h2 span:after{
	content: "";
    border: 37px solid transparent;
    border-left-color: #c2c2c2;
    right: -74px;
    top: 0;
    display: block;
    position: absolute;
    width: 0;
}
#contents h2.dgr{
	border-bottom:4px solid #9a9a9a;
}
#contents h2.dgr span{
	background: #9a9a9a;
}
#contents h2.dgr span:after{
	content: "";
    border-left-color: #9a9a9a;
}
#form h2{
	border-bottom:4px solid #c42c31;
}
#form h2 span{
	background: #c42c31;
}
#form h2 span:after{
	content: "";
    border-left-color: #c42c31;
}
#movie,#flow,#info,#schedule,#ticket,#heart{
	padding-top:150px;
	margin-top:-149px;
}

#contents h3,#mfp_overlay_inner h4{
	font-size:20px;
	margin-bottom:10px;
}
#contents h3.h3_ttl,#mfp_overlay_inner h4{
	background: #1f4583;
	color:#fff;
	padding:5px 10px;
}
#contents h4{
	font-size:20px;
	background: #1f4583;
	color:#fff;
	padding:3px 0;
	display: inline-block;
	width:150px;
	text-align: center;
	margin-bottom:10px;
}
.bg_blue{
	background: #f6fafd;
}
.bg_gray{
	background: #f7f7f7;
}
.iframe_wrap {
    position: relative;
    width: 100%;
}
.iframe_wrap:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さを幅の75%に固定 */
}
.iframe_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height: 100%;
}
#recommend{
	background-image:url(../img/bg_suit.png);
	background-position: right;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.list_check li{
	list-style: none;
    margin-bottom: 15px;
	margin-left: 1.5em;
    line-height: 1.7;
	position: relative;
}
.list_check li span{
	border-bottom: 2px dashed #333;
	padding-bottom:3px;
}
.list_check li:before{
	content: "\f14a";
	font-family: Font Awesome\ 5 Free;
	font-weight:bold;
	color:#1f4583;
	position: absolute;
    left: -1.2em;
}
.list_circle{
	margin-bottom:30px;
}
.list_circle li{
	list-style: none;
    margin-bottom: 10px;
	margin-left: 1.5em;
    line-height: 1.7;
	position: relative;
}
.list_circle li:before{
	content: "\f111";
	font-family: Font Awesome\ 5 Free;
	font-weight:bold;
	color:#1f4583;
	position: absolute;
    left: -1.2em;
}
.dl_wrap{
	background: #fdf9f2;
	margin-bottom:30px;
}
.dl_wrap dl{
	margin-bottom:10px;
}
.dl_wrap dl:last-child{
	margin-bottom:0px;
}
.dl_wrap dl dt,.dl_wrap dl dd{
	display: table-cell;
    padding: 20px;
    box-sizing: border-box;
}
.dl_wrap dl dt{
	background:#c2c2c2;
	color:#fff;
	width:25%;
	text-align: center;
	font-weight:bold;
}
.dl_wrap dl dd{
	font-size:16px;
}
.block_set_photo {
	margin-bottom:30px;
}
.block_set_photo .photo{
	float:left;
	width:37.5%;
}
.block_set_photo .photo img{
	width:100%;
}
.block_set_photo .text{
	float:right;
	width:60%;
}
.block_set_map .info{
	float:left;
	width:48%;
}
.block_set_map .map_wrap{
	float:right;
	width:48%;
	height:480px;
}
.block_set_map .map_wrap iframe{
	height:100%;
}

@media screen and (max-width :768px){
	#contents section{
		padding:30px 0;
	}
	#contents h2{
	font-size:18px;
	border-bottom:2px solid #c2c2c2;
	margin-bottom:20px;
}
#contents h2 span{
	height:38px;
	line-height: 38px;
	margin-bottom:-2px;
	padding: 0 10px;
}
#contents h2 span:after{
	content: "";
    border: 19px solid transparent;
	border-left-color: #c2c2c2;
    right: -38px;
}
#form h2{
	border-bottom:2px solid #c42c31;	
}
#form h2 span:after {
    content: "";
    border-left-color: #c42c31;
}
#contents h3,#mfp_overlay_inner h4{
	font-size:16px;	
}
#contents h4 {
    font-size: 16px;
}
.dl_wrap {
	margin-bottom:20px;	
}

.dl_wrap dl dd {
    font-size: 14px;
}
.list_check li{
	margin-bottom:8px;
}
#movie,#flow,#info,#schedule,#ticket,#heart{
	padding-top:70px;
	margin-top:-69px;
}
.list_circle{
	margin-bottom:20px;
}
}
@media screen and (max-width :480px){
#contents h3{
		
}
#contents h4 {
    width: 100%;
	text-align: left;
	padding:3px 10px;
	    box-sizing: border-box;
}
#recommend {
    background-image: url(../img/bg_suit.png);
    background-position: right 120% bottom 0;
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.dl_wrap dl dt {
    width: 100%;
}
.dl_wrap dl dt, .dl_wrap dl dd {
    display: block;
    padding: 10px;
}
	.block_set_photo{
		margin-bottom:20px;
	}
.block_set_photo .photo {
    float: none;
    width: 100%;
	margin-bottom:10px;
}
.block_set_photo .photo img{
    width: auto;
	max-width: 100%;
}
.block_set_photo .text{
	float:none;
	width:100%;
}
.block_set_map .info{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.block_set_map .map_wrap{
	float:none;
	width:100%;
	height:300px;
}
}
/*パンくず*/
#breadcrumbs{
}

#breadcrumbs ul{
	padding:10px 0;
	max-width:960px;
	width:96%;
	margin:0 auto;
	letter-spacing: -.4em;
}

#breadcrumbs ul li{
	display:inline-block;
	letter-spacing: normal;
	width:auto;
}
#breadcrumbs ul li a{
	
}
#breadcrumbs ul li:after{
	content:"＞";
	padding:0 0.5em;
}
#breadcrumbs ul li:last-child:after{
	content:"";
}


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

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    font-size:60px;
	color:#c2c2c2;
	opacity: 0.8;
}
.pagetop a:hover {
    opacity: 1;
}
#footer	{
	padding:0 0 60px;
}
@media screen and (max-width :768px){
.pagetop {
    bottom: 20px;
    right: 15px;
}
.pagetop a {
    font-size:40px;
}

#footer	{
	padding:0 0 30px;
}
}
/*メールフォーム
================================================*/
.dl_wrap_form{
	margin-bottom:30px;
}
form#mailformpro{
	padding:0;
}
div.mfp_ok{
	display:none !important;
}
div.mfp_err{
	padding:0;
	background-image: none;
}
.problem{
	background-color: #fff3f3;
}
.must{
	float:right;
    background-color: #c42c31;
    padding: 1px 5px;
    border:0px;
    text-shadow: none;    
    box-shadow: none; 
    background-image: none; 
	font-size:14px;
	border-radius:0;
 }
form#mailformpro dl{
	background:#c2c2c2;
	display: table;
	table-layout: fixed;
    width: 100%;
}
 form#mailformpro dl dt,form#mailformpro dl dd{
 	border-top: 0px;
 	font-size:16px;
	box-sizing: border-box;
	border-bottom:1px solid #1f4583;
 }
form#mailformpro dl dt{
	width: 20%;
	text-align: left;
	padding:15px;
	color:#fff;
	display: table-cell;
	font-weight:bold;
	float:none;
}
form#mailformpro dl dd{
	padding: 15px;
	width:80%;
	display: table-cell;
	background:#fff;
}
.mfp_achroma,.mfp_colored ,table#mfp_confirm_table tr.mfp_achroma,table#mfp_confirm_table tr.mfp_colored{
    background-color: #c2c2c2;
}
table#mfp_confirm_table tr td{
	background-color:#fff;
}
form#mailformpro label.mfp_not_checked{
	border:0px;
}

form#mailformpro label.mfp_checked,
form#mailformpro label.mfp_not_checked {
    border: 0px; 
    background-color: transparent;
    box-shadow:none;
}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
	box-shadow: none; 
    padding: 8px;
    text-shadow: none;
	font-size:16px;
	border-radius:0;
}
input:focus,
texterea:focus, {
  outline: 0;
  border: 1px solid #1f4583;
}

.mfp_element_select-one{
	width:140px;
	margin:10px 0;
}
.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button,
button.mfp_next,
button.mfp_prev {
	background: #c43931;
    border: 0px;
    color: #fff;
    text-shadow: none;
    font-size: 30px;
    width: 210px;
    padding: 25px 0;
    font-weight: bold;
}
.mfp_element_submit:hover,
.mfp_element_reset:hover,
.mfp_element_button:hover,
button.mfp_next:hover,
button.mfp_prev:hover {
	background: #e0686c;
	box-shadow: none;
}

div#mfp_phase_confirm h4{
	color:#fff;
	font-size:18px;
    margin-bottom:20px;
    background:#66bc29;
    padding:10px 15px;
    text-align: left;
}
div#mfp_overlay_inner{
	width:94%;
	max-width: 1000px;
	box-sizing: border-box;
	padding:30px;
}
#mfp_confirm_table{
	margin-bottom:30px;
}
table#mfp_confirm_table tr{
	border-bottom:1px solid #1f4583;
}
table#mfp_confirm_table tr.mfp_colored{
	background-color: #c2c2c2;
}

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td{
	font-size:16px;
	padding:15px;
	border-top:0px;
	box-sizing: border-box;
}
table#mfp_confirm_table tr th{
	width:20%;
	color:#fff;
}
div.mfp_buttons{
	margin-bottom:30px;
	padding:0;
}
form#mailformpro label{
	white-space: normal;
}
#form .f14{
	font-size:14px;
}
.block{
	padding:5px;
	background: #fff;
}
#mfp_button_cancel{
	display:none;
}
@media screen and (max-width :768px){
	.dl_wrap_form{
	margin-bottom:20px;
}
	.must{
		margin:0 5px 0 0;
	}

	div#mfp_phase_confirm h4{
		font-size: 15px;
	}
	table#mfp_confirm_table{
		margin-bottom:20px;
	}
	table#mfp_confirm_table tr th, table#mfp_confirm_table tr td{
		font-size:16px;
		padding: 5px 10px;
		width:100%;
		display:block;
	}
	table#mfp_confirm_table tr td{
		padding: 10px;
	}
	form#mailformpro dl dt {
		padding: 5px 10px;
        width: 100%;
        box-sizing: border-box;
    display: block;
	border-bottom:0px;}
	
	
	form#mailformpro dl dd{
	    padding: 10px;
		    display: block;
    width: 100%;
	}
	
    .mfp_element_select-one{
	    width:auto;
    }
    div.mfp_buttons{
	margin-bottom:20px;
	
    }
	div.mfp_buttons button{
	font-size:24px;	
	}
	.mfp_confirm_table{
	margin-bottom:20px;
}
	div#mfp_overlay_inner{
	padding:15px;
}
}
#pageplugin{
	width:48.5%;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style],
._2p3a,
.uiScaledImageContainer{
    width: 100% !important;
}

@media screen and (max-width :768px){
#pageplugin-sp{
	width:100%;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style],
._2p3a,
.uiScaledImageContainer{
    width: 100% !important;
}
}