@charset "UTF-8";
/* CSS Document */

/*====================================================
　リセット
====================================================*/
body{
	font-size: 14px;
	font-family: "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	min-width: 1000px;
	position: relative;
	margin: 0;
	padding: 0;
	color: #000;
}
body *{
	box-sizing: border-box;
}
body a{
	transition: all .3s;
	color: #CD6447;
	text-decoration: none;
}
body dl a:hover{
	color: #999;
}
/*表示非表示設定*/
.SPinlinePCnone{
	display: none;
}
.SPblockPCnone{
	display: none;
}
.PCinlineSPnone{
	display: inline;
}
.PCblockSPnone{
	display: block;
}

/*リセット（スマホ）--------------*/
@media screen and (max-width:736px){
	body{
		font-size: 12px;
		min-width: 100%;
	}
	/*表示非表示設定*/
	.SPinlinePCnone{
		display: inline;
	}
	.SPblockPCnone{
		display: block;
	}
	.PCinlineSPnone{
		display: none;
	}
	.PCblockSPnone{
		display: none;
	}
}


/*====================================================
　ヘッダー
====================================================*/
.header_wrap{
	position: fixed;
	top: 0;
	background-image: url(../images/header_nav_bg.png);
	background-repeat: repeat-x;
	background-size: auto 110px;
	width: 100%;
	z-index: 1000;
}
.header_wrap *{
	z-index: 1002;
}
.header_box{
	width: 100%;
	/*max-width: 1300px;*/
	margin: 0 auto;
	padding: 0 0 0 15px;
	color: #fff;
	min-height: 100px;
	text-align: right;
}
/*ヘッダー（スマホ）--------------*/
/*@media screen and (max-width:736px){*/
@media screen and (max-width:1000px){
	.header_wrap{
		background-size: auto 60px;
	}
	.header_box{
		min-height: 60px;
	}
}

/*ヘッダータイトル
-------------------------------------------------- */
.header_title{
/*	width: 466px;*/
	width: 601px;
	height: auto;
	line-height: 80px;
	margin: 0;
	padding: 0;
	display: inline-table;
	float: left;
}
.header_title img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:1050px){
	.header_title{
		width: calc(100% - 200px);
		max-width: 601px;
	}
}
/*ヘッダー（スマホ）--------------*/
/*@media screen and (max-width:736px){*/
@media screen and (max-width:1000px){
	.header_title{
/*		max-width: 233px;*/
		max-width: 535px;
		width: calc(100% - 110px);
		line-height: 60px;
	}
	.header_title img{
		width: 100%;
		height: auto;
	}
}

/*ヘッダー言語ナビ
-------------------------------------------------- */
.header_lang{
	display: inline-table;
}
.header_lang .lang_ja{
	background-image: url(../images/lang_icon.png);
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: left 30px top 20px;
	padding: 0 30px 5px 55px;
	margin: 0 0 15px;
	border-left: 1px solid rgba(255,255,255,.2);
}
.header_lang .lang_ja a{
	background-image: url(../images/lang_arrow.png);
	background-size: 12px auto;
	background-repeat: no-repeat;
	background-position: right top 20px;
	border-bottom: 1px solid #fff;
	padding: 15px 30px 0 0;
	margin-bottom: 0;
	display: inline-block;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
}
.header_lang_list{
	padding: 0;
	margin: 0;
	width: 200px;
	box-shadow: -1px 1px 5px rgba(0,0,0,0.15);
	display: none;
	position: absolute;
	z-index: 1003;
}
.header_lang_list li{
	text-align: left;
	list-style: none;
	padding: 0;
}
.header_lang_list li a{
	width: 100%;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px;
	background-color: rgba(199,90,60,.95);
	border-top: 1px solid rgba(255,255,255,.2);
}
.header_lang_list li:first-child a{
	border-top: none;
}
/*ヘッダー言語ナビ（スマホ）--------------*/
/*@media screen and (max-width:736px){*/
@media screen and (max-width:1000px){
	.header_lang{
		display: none;
	}
}

/*空室検索・ご予約、お電話でのご宿泊予約
-------------------------------------------------- */
.header_utility_box{
	display: inline-table;
}
.header_utility{
	display: inline-table;
}
.header_utility{
	display: inline-block;
	line-height: 1.5em;
	padding: 20px 30px 5px;
	border-left: 1px solid rgba(255,255,255,.2);
}
.header_utility p{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.header_utility a{
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	background-image: url(../images/arrow_w.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
}
.header_utility .tel span{
	font-size: 1.8em;
	vertical-align: middle;
	margin: 0 0 0 .5em;
	font-weight: normal;
	position: relative;
	display: inline-block;
}
.header_utility .tel span .teltime{
	font-size: 0.6em;
	position: absolute;
	bottom: -1.7em;
	max-width: 100%;
	left: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.header_utility a.sp_url{
    display: none;
}
/*空室検索・ご予約、お電話でのご宿泊予約（PC2段階目）--------------*/
@media screen and (max-width:1400px){
	.tel_wrap{
		display: none;
	}
}
/*空室検索・ご予約、お電話でのご宿泊予約（スマホ）--------------*/
/*@media screen and (max-width:736px){*/
@media screen and (max-width:1000px){
    .header_utility a.sp_url{
        display: block;
    }
    .header_utility a.pc_url{
        display: none;
    }
	.header_utility_box{
		display: none;
	}
}

/*グローバルナビ
-------------------------------------------------- */
.gl_nav_menu{
	list-style: none;
	position: absolute;
	padding: 0 30px 0;
	right: 160px;
	top: 60px;
}
.gl_nav_menu li{
	list-style: none;
	display: inline-block;
	border-left: 1px solid rgba(255,255,255,.3);
	margin: .5em 0;
}
.gl_nav_menu li:last-child{
	border-right: 1px solid rgba(255,255,255,.3);
}
.gl_nav_menu li a{
	color: #fff;
	font-size: 1.2em;
	padding: .2em 1.5em;
	text-shadow: 0 0 5px rgba(0,0,0,.5);
	border-bottom: 1px solid rgba(255,255,255,0);
	display: block;
}
.gl_nav_menu li a:hover{
	border-bottom: 1px solid rgba(255,255,255,1);
}
/*グローバルナビ（PC2段階目）--------------*/
@media screen and (max-width:1500px){
	.gl_nav_menu li a{
		padding: .2em 1em;
	}
}
/*グローバルナビ（PC2段階目）--------------*/
@media screen and (max-width:1400px){
	.gl_nav_menu li a{
		padding: .2em 1em;
		font-size: 1em;
	}
}
/*グローバルナビ（スマホ）--------------*/
/*@media screen and (max-width:736px){*/
@media screen and (max-width:1000px){
	.gl_nav_menu{
		display: none;
	}
}


/*メニューボタン
-------------------------------------------------- */
.menu_btn{
	display: inline-table;
	float: right;
	min-width: 160px;
	height: 110px;
	background-color: #CD6447;
	text-align: center;
	background-image: url(../images/menu_btn.png);
	background-size: 70px auto;
	background-position: center top 30px;
	background-repeat: no-repeat;
	padding: 50px 0 0;
	font-size: 1.1em;
}

/*メニューボタン（スマホ）--------------*/
/*@media screen and (max-width:736px){*/
@media screen and (max-width:1000px){
	.menu_btn{
		min-width: 100px;
		height: 60px;
		background-image: url(../images/menu_btn.png);
		background-size: 35px auto;
		background-position: center top 15px;
		padding: 30px 0 0;
		font-size: 1em;
	}
	.menu_btn p{
		margin: 0;
	}
}

/*====================================================
　サイドメニュー
====================================================*/
.menu_wrap{
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	color: #fff;
	z-index: 20000;
}
.menu_box{
	background-color: rgba(199,90,60,.95);
	height: 100vh;
	padding: 100px 50px 0;
	box-shadow: -1px 1px 5px rgba(0,0,0,0.15);
	width: 440px;
	overflow-y: scroll;
	-ms-overflow-style:none;
}
/*サイドメニュー（スマホ）--------------*/
@media screen and (max-width:736px){
	.menu_box{
		padding: 30px 15px 50px;
		box-shadow: -1px 1px 5px rgba(0,0,0,0.15);
		width: 100%;
		min-width: 280px;
	}
	/*電話番号用*/
	.menu_box a{
		text-decoration: none;
		color: #fff;
	}
}
/*閉じるボタン
-------------------------------------------------- */
.close_btn{
	height: 36px;
	width: 36px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.close_btn p{
	margin: 0;
	display: block;
	text-align: center;
	height: 100%;
	width: 100%;
	background-image: url(../images/menu_close.png);
	background-size: 36px auto;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -99999px;
}
/*閉じるボタン（スマホ）--------------*/
@media screen and (max-width:736px){
	.close_btn{
	height: 18px;
	width: 18px;
	top: 15px;
	right: 15px;
}
}

/*メインメニュー
-------------------------------------------------- */
.main_menu{
	list-style: none;
	margin: 0 0 60px;
	padding: 0;
	letter-spacing: -.35em;
	display: block;
}
.main_menu li{
	padding: .5em;
	display: inline-table;
	width: 50%;
	letter-spacing: normal;
}
.main_menu li.faq_li{
	width: 100%;
}
.main_menu li a{
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	padding: .3em;
	display: block;
}
.main_menu li a::before{
	display: inline-block;
	height: 1px;
	width: 0.5em;
	content: "";
	background-color: #fff;
	vertical-align: middle;
	margin: 0 .5em 0 0;
}
.plan_nav_list{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.plan_nav_list li{
	margin: 0;
	padding: 0;
	display: inline-block;
	min-width: 32%;
}
.plan_nav_list li a{
	display: block;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-weight: bold;
	border:1px solid rgba(255,255,255,.5);
	padding: .5em;
	font-size: 1em;
	background-color: rgba(0,0,0,.1);
}
@media screen and (max-width:736px){
	.plan_nav_list li{
		
	}
}

/*空室検索・ご予約、お電話でのご宿泊予約（ページ上部 SP）
-------------------------------------------------- */
@media screen and (max-width:736px){
	.booking_box02 + #reserve489ban{
		display: none;
	}
}
/*空室検索・ご予約、お電話でのご宿泊予約（ページ上部 PC）
-------------------------------------------------- */
@media screen and (min-width:737px){
	.booking_box02 + #reserve489ban{
		background-color: #CD6447;
	}
	.booking_box02 + #reserve489ban section{
		max-width: 1340px;
		margin:  0 auto;
		padding: 25px 20px;
	}
	.booking_box02 + #reserve489ban .availability_title_wrap{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 10px;
	}
	.booking_box02 + #reserve489ban .plan_nav_list{
		display: block;
	}
	.booking_box02 + #reserve489ban .plan_nav_list li{
		display: inline-block;
		min-width: auto;
	}
	.booking_box02 + #reserve489ban .plan_nav_list li + li{
		margin: 0 0 0 .3em;
	}
	.booking_box02 + #reserve489ban .plan_nav_list li a{
		font-size: 1.2em;
		padding: .5em 1em;
	}
	.booking_box02 + #reserve489ban .availability_title{
		margin: 0;
		font-size: 1.5em;
	}
	.booking_box02 + #reserve489ban .availability{
		width: 100%;
		margin:  0;
		padding: 0;
		background-color: transparent;
	}
	.booking_box02 + #reserve489ban #F1{
		display: flex;
		justify-content: space-between;
		width: 100%;
		background: rgba(0,0,0,.1);
		padding: 15px;
		border-radius: 5px;
	}
	.booking_box02 + #reserve489ban #yoyakuban_search{
		width: 17%;
	}
	.booking_box02 + #reserve489ban .availability_dl{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 0;
	}
	.booking_box02 + #reserve489ban .availability_dl > div{
		display: inline-block;
	}
	.booking_box02 + #reserve489ban .availability_dl > div + div{
		margin: 0 0 0 2em;
	}
	.booking_box02 + #reserve489ban .availability_dl div > dt,
	.booking_box02 + #reserve489ban .availability_dl div > dd{
		display: block;
		padding: 0;
		float: none;
	}
	.booking_box02 + #reserve489ban .availability_dl div > dt{
		display: none;
		background-color: #fff;
		color: #CD6447;
		padding: 0 1em;
		border-radius: 1em;
		font-weight: bold;
	}
	.booking_box02 + #reserve489ban .availability_dl div > dd{
		font-size: 1.1em;
		display: inline-block;
	}
	.booking_box02 + #reserve489ban .children_box{
		width: 300%;
		right: -100%;
		top: 2.8em;
	}
	.booking_box02 + #reserve489ban .children_box::before{
		content: "";
		display: block;
		width: 100%;
		height: 1em;
		background-image: url("../images/arrow_bottom.svg");
		background-size: 20px auto;
		background-position: top center;
		background-repeat: no-repeat;
		bottom: -1.5em;
		left: 0;
		position: absolute;
		top: -.6em;
	}
	.booking_box02 + #reserve489ban .plan_btn_list{
		border-top: none;
		padding: 0;
		margin: 10px 0 0;
	}
	.booking_box02 + #reserve489ban .plan_btn_list .plan_btn{
		min-width: auto;
		margin-right: 2em;
	}
	.booking_box02 + #reserve489ban .plan_btn_list .plan_btn a{
		font-size: 1em;
	}
}
@media screen and (min-width:1350px){
	.booking_box02 + #reserve489ban .availability_dl div > dt{
		display: inline-block;
	}
	.booking_box02 + #reserve489ban .availability_dl div > dd{
		font-size: 1.2em;
	}
	.booking_box02 + #reserve489ban .plan_btn_list .plan_btn a{
		font-size: 1.1em;
	}
}

/*空室検索（スマホ）--------------*/
@media screen and (max-width:736px){
	.main_menu{
		margin: 0 0 30px;
	}
}


/*空室検索
-------------------------------------------------- */
.availability_box{
	margin: 0 0 40px;
}
.availability_title{
	font-size: 1.3em;
	color: #fff;
}
.availability_title img{
	width: 18px;
	height: auto;
	margin: 0 .3em 0 0;
}
.availability_title span{
	font-size: 0.7em;
	font-weight: normal;
	margin: 0 0 0 1em;
}
.availability{
	background-color: rgba(0,0,0,.1);
	padding: 25px;
	border-radius: 5px;
	margin-top: 1em;
}
/*フォーム*/
.availability_dl{
	margin: 0 0 1em;
	color: #fff;
}
.availability_dl dt{
	float: left;
	vertical-align: middle;
	line-height: 2em;
}
.availability_dl dd{
	vertical-align: middle;
	padding: 0 0 1em 5em;
	margin: 0;
	line-height: 2em;
}
.availability_dl dd .select_m,.availability_dl dd .select_s{
	overflow: hidden;
	width: 5em;
	display: inline-block;
	background-image: url(../images/dropdown_arrow.png);
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: center right 5px;
	vertical-align: middle;
}
.availability_dl dd .select_s{
	width: 3em;
}
.availability_dl dd .tanni{
	margin: 0 1em 0 0;
}
.availability_dl select{
	vertical-align: middle;
	width: 150%;
	background: none;
	-webkit-appearance: none;
    appearance: none;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,.4);
	border-radius: 0px;
	font-size: 1.2em;
	margin: 0 .2em;
}
.availability_dl option{
	color: #000;
}

/*子供の詳細*/
.children_btn{
	width: 8em;
	display: inline-block;
	border-bottom: 1px solid rgba(255,255,255,.4);
	background-image: url(../images/dropdown_arrow_b.png);
	background-size: 10px auto;
	background-repeat: no-repeat;
	background-position: center right 5px;
}
.children_wrap{
	position: relative;
}
.children_box{
	background-color: #953B22;
	position: absolute;
	z-index: 11;
	padding: 25px;
	border-radius: 5px;
	width: 340px;
	right: -25px;
	top: 2.1em;
}
.js-children_box{
	display: none;
}
.availability_dl dd .children_box .tanni{
	margin: 0;
}
.availability_dl dl.children_dl{
	margin: 0;
}
.availability_dl dl.children_dl dt{
	display: block;
	float: none;
	padding: 15px 0 5px 0;
	margin: 15px 0 0 0;
	border-top: 1px solid rgba(255,255,255,.2);
	font-weight: bold;
}
.availability_dl dl.children_dl dt:first-child{
	border-top: none;
	padding: 0 0 5px;
	margin: 0;
}
.availability_dl dl.children_dl dd{
	display: block;
	float: none;
	padding: 0;
}
.children_ul{
	margin: 0;
	padding: 0 0 0 1.5em;
}
.children_close{
	width: 100%;
	background-color: #fff;
	color: #C75A3C !important;
	text-decoration: none;
	font-size: 1.2em;
	display: block;
	padding: .5em 0;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	border:none;
	margin-top: 15px;
}

/*この条件で検索ボタン*/
input.submitBtn[type="button"]{
	width: 100%;
	background-color: #fff;
	color: #C75A3C;
	text-decoration: none;
	font-size: 1.2em;
	display: block;
	padding: .5em 0;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	border:none;
}
input.submitBtn[type="button"]#yoyakuban4_search_sp{
    display: none;
}
/*プランボタン*/
.plan_btn_list{
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 25px 0px 0px;
    margin: 25px 0px 0px;
}
.plan_btn{
	display: inline-block;
	text-align: left;
	list-style: none;
	min-width: 60%;
}
.plan_btn:nth-child(2),.plan_btn:nth-child(4){
	min-width: 38%;
}
.plan_btn a{
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.5em;
	background-image: url(../images/arrow_w.png);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center left;
	padding: .1em 0 .1em 20px;
	font-weight: bold;
}
.plan_btn a.sp_url{
    display: none;
}
.plan_btn a.plan_btn_aten{
	color: #FFEDAE;
}
/*バナー*/
.menu_bn_box{
	margin: 0 0 40px;
}
.menu_bn_list{
	margin: 0;
	padding: 0;
}
.menu_bn_list li{
	list-style: none;
	width: 100%;
}
.menu_bn_list li + li{
	margin-top: 10px;
}
.menu_bn_list li img{
	width: 100%;
	height: auto;
}

/*空室検索（スマホ）--------------*/
@media screen and (max-width:736px){
	.availability_box{
		margin: 0 0 20px;
	}
	.availability_title{
		font-size: 1.2em;
	}
	.availability{
		padding: 15px;
	}
	/*フォーム*/
	.availability_dl{
		margin: 0;
	}
	.availability_dl dt{
		float: none;
		vertical-align: middle;
		line-height: 2em;
		font-weight: bold;
	}
	.availability_dl dt::before{
		content: "■";
		margin: 0 .5em 0 0;
	}
	.availability_dl dd{
		padding: 0 0 1em;
		margin: 0 0 1em;
	}
	/*子供の詳細*/
	.children_box{
		width: 100%;
		right: 0;
		top: 2.1em;
	}
    /*この条件で検索ボタン*/
    input.submitBtn[type="button"]#yoyakuban4_search{
        display: none;
    }
    input.submitBtn[type="button"]#yoyakuban4_search_sp{
        display: block;
    }
    /*プランボタン*/
    .plan_btn a.sp_url{
        display: inline-block;
    }
    .plan_btn a.pc_url{
        display: none;
    }
}


/*お電話でのお問い合わせ・宿泊予約
-------------------------------------------------- */
.menu_tel_box{
	margin-bottom: 40px;
}
.menu_tel_title{
	font-size: 1.3em;
}
.menu_tel_title img{
	width: 18px;
	height: auto;
	margin: 0 .3em 0 0;
}
.menu_tel{
	background-color: rgba(0,0,0,.1);
	padding: 25px;
	border-radius: 5px;
}
.menu_tel_dl{
	margin: 0;
	padding: 0;
}
.menu_tel_dl dt{
	float: left;
	clear: both;
	padding: .5em 0;
}
.menu_tel_dl dd{
	padding: 0 0 0 8em;
	margin: 0;
	font-size: .9em;
}
.menu_tel_dl dd span{
	font-size: 1.8em;
	display: block;
}
/*お電話でのお問い合わせ・宿泊予約（スマホ）--------------*/
@media screen and (max-width:736px){
	.menu_tel_title{
		font-size: 1.2em;
	}
	.menu_tel_dl {
		text-align: center;
	}
	.menu_tel_dl dt{
		float: none;
		padding: 0;
	}
	.menu_tel_dl dd{
		padding: 0;
		margin: 0;
	}
}


/*ホテル平面図
-------------------------------------------------- */
.menu_plan_view_box{
	margin: 0 0 100px;
}
.menu_plan_view_title{
	font-size: 1em;
}
.menu_plan_view_title a{
	color: #fff;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 1.7em;
	background-image: url(../images/arrow_w.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
	font-weight: bold;
}
.menu_plan_view_box small{
	display: inline;
	font-size: .8em;
	color: rgba(255,255,255,0.7);
	margin: 0 0 0 .5em;
	font-weight: normal;
}
.menu_pamph_ul{
	list-style: none;
	margin: -.5em 0 .5em;
	padding: 0 0 0 1em;
}
.menu_pamph_ul li{
	margin: 0;
	padding: 0;
}
.menu_pamph_ul a{
	color: #fff;
	padding: .3em 0;
	display: block;
	font-weight: bold;
}
.menu_pamph_ul li a::before {
	display: inline-block;
	height: 1px;
	width: 0.5em;
	content: "";
	background-color: #fff;
	vertical-align: middle;
	margin: 0 .5em 0 0;
}
/*ホテル平面図（スマホ）--------------*/
@media screen and (max-width:736px){
}

/*スクロールヒント
-------------------------------------------------- */
.scroll_hint{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../images/lang_arrow.png),url(../images/header_navmenu_bg.png);
	background-repeat: no-repeat,repeat-x;
	background-size: 12px auto,auto 120px;
	background-position: center bottom 15px,center bottom;
	width: 100%;
	z-index: 1;
	width: 440px;
	padding: 50px 50px 30px;
	text-align: center;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
}
/*スクロールヒント（スマホ）--------------*/
@media screen and (max-width:736px){
	.scroll_hint{
		width: 100%;
	}
}

/*====================================================
　ページトップボタン
====================================================*/
#page-top{
	width: 112px;
	height: 112px;
	position: fixed;
	bottom: 30px;
	left: 30px;
	z-index: 1000;
}
#page-top p{
	background-image: url(../images/top_btn.png);
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}
/*ページトップボタン（スマホ）--------------*/
@media screen and (max-width:736px){
	#page-top{ 
		width: 56px;
		height: 56px;
		bottom: 20px;
		left: 20px;
	}
}


/*====================================================
　フッター
====================================================*/
.footer_wrap{
	background-color: #CD6447;
}
.footer_box{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 15px;
	color: #fff;
}
/*footer_wrap（PC2段階目）--------------*/
@media screen and (max-width:1180px){
	.footer_wrap{
		text-align: center;
	}
}
/*footer_wrap（スマホ）--------------*/
@media screen and (max-width:736px){
/*電話番号用*/
	.footer_wrap a{
		text-decoration: none;
		color: #fff;
	}
}

/*連絡先・住所、空室検索・ご予約、お電話でのご宿泊予約
-------------------------------------------------- */
.footer_wrap .address_wrap{
	margin: 0;
	padding: 40px 0 30px;
}
/*連絡先・住所、空室検索・ご予約、お電話でのご宿泊予約（スマホ）--------------*/
@media screen and (max-width:736px){
	.footer_wrap .address_wrap{
		margin: 0;
		padding: 30px 0 20px;
	}
}

/*連絡先・住所
-------------------------------------------------- */
.footer_wrap .address_box{
	display: inline-table;
	font-style: normal;
	min-width: 600px;
}
.footer_wrap .address{
	padding: 0 0 0 220px;
	margin: 0;
	background-image: url(../images/footer_logo.png);
	background-repeat: no-repeat;
	background-size: 200px auto;
	background-position: left top;
	min-height: 95px;
}
.footer_wrap .address a{
	color: #fff;
}
.footer_wrap .address dt{
	display: block;
	font-size: 1.57em;
	margin: 0;
	padding: 0 0 .5em;
}
.footer_wrap .address dd{
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	color: rgba(255,255,255,0.7);
}
.footer_wrap .pamph_dl{
	margin: 1em 0 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 1.1em;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer_wrap .pamph_dl dt,
.footer_wrap .pamph_dl dd{
	font-size: 1em;
	color: #fff;
	margin: 0;
	padding: 0;
	display: block;
}
.footer_wrap .pamph_dl dt{
	line-height: 1.5em;
	width: 6.5em;
}
.footer_wrap .pamph_dl dt small{
	display: block;
	font-size: .8em;
	color: rgba(255,255,255,0.7);
}
.footer_wrap .pamph_dl dd{
	width: calc(100% - 7em);
}
.pamph_dl ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.pamph_dl ul li{
	margin: 0;
	padding: 0;
	display: inline-block;
}
.pamph_dl a{
	border: 1px solid #fff;
	padding: .2em 1em;
	display: block;
	vertical-align: middle;
}
.pamph_dl a:hover{
	background-color: rgba(255,255,255,.2);
}
/*連絡先・住所（PC2段階目）--------------*/
@media screen and (max-width:1180px){
	.footer_wrap .address_box{
		display: block;
		text-align: center;
		min-width: auto;
	}
	.footer_wrap .address{
		padding: 80px 0 0;
		background-position: center top;
	}
	.footer_wrap .pamph_dl{
		justify-content: center;
	}
	.footer_wrap .pamph_dl dt,
	.footer_wrap .pamph_dl dd{
		width: auto;
	}
	.footer_wrap .pamph_dl dt{
		margin-right: .5em;
	}
	.pamph_dl a{
		padding: .2em .5em;
		display: block;
	}
}
/*連絡先・住所（スマホ）--------------*/
@media screen and (max-width:736px){
	.footer_wrap .address{
		padding: 50px 0 0;
		background-size: 100px auto;
		background-position: center top;
	}
	.footer_wrap .address dt{
		font-size: 1.3em;
	}
	.footer_wrap .pamph_dl dt,
	.footer_wrap .pamph_dl dd{
		font-size: 1em;
	}
}

/*空室検索・ご予約、お電話でのご宿泊予約
-------------------------------------------------- */
.footer_utility_box{
	display: inline-table;
	float: right;
	text-align: right;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid rgba(255,255,255,.2);
}
.footer_utility{
	display: inline-block;
	line-height: 70px;
	padding: 0 30px;
	border-left: 1px solid rgba(255,255,255,.2);
}
.footer_utility p{
	margin: 0;
	padding: 0;
}
.footer_utility a{
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	background-image: url(../images/arrow_w.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 0 20px;
}
.footer_utility .tel span{
	font-size: 1.9em;
	vertical-align: middle;
	margin: 0 0 0 .5em;
	font-weight: normal;
	position: relative;
	display: inline-block;
}
.footer_utility .tel span .teltime{
	font-size: 0.6em;
	position: absolute;
	bottom: -2em;
	max-swidth: 100%;
	left: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
}
.footer_utility a.sp_url{
    display: none;
}
/*空室検索・ご予約、お電話でのご宿泊予約（PC2段階目）--------------*/
@media screen and (max-width:1180px){
	.footer_utility_box{
		display: inline-block;
		float: none;
		text-align: center;
		border-right: none;
		border: 1px solid rgba(255,255,255,.2);
		margin: 30px 0 0;
	}
	.footer_utility{
		border-left: none;
		padding: 0;
		line-height: 1.5em;
		vertical-align: middle;
		border-left: none;
	}
	.footer_utility p{
		padding: 1.2em;
	}
	.footer_utility_box .footer_utility:first-child p{
		border-right: 1px solid rgba(255,255,255,.2);
	}
	.footer_utility a{
		background-position: center left;
		display: inline-block;
	}
	.footer_utility .tel span .teltime{
		position: relative;
		bottom: auto;
		left: auto;
		margin: .5em 0 0;
		text-align: right;
	}
}
/*空室検索・ご予約、お電話でのご宿泊予約（スマホ）--------------*/
@media screen and (max-width:736px){
	.footer_utility_box{
		width: 100%;
		margin: 20px 0 0;
	}
	.footer_utility{
		border-right: none;
		display: block;
	}
	.footer_utility_box .footer_utility:first-child p{
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.footer_utility .tel span{
		display: block;
		margin:.3em 0 0;
	}
    .footer_utility a.sp_url{
        display: inline-block;
    }
    .footer_utility a.pc_url{
        display: none;
    }
	.footer_utility .tel span .teltime{
		text-align: center;
	}
}

/*フッターナビ
-------------------------------------------------- */
.footer_nav{
	margin: 0;
	text-align: right;
	padding: 0 0 40px;
}
.footer_nav li{
	display: inline-block;
}
.footer_nav li::before{
	content: "|";
	margin: 0 .5em;
}
.footer_nav li:first-child::before{
	display: none;
}
.footer_nav li a{
	color: #fff;
	text-decoration: none;
}
/*フッターナビ（PC2段階目）--------------*/
@media screen and (max-width:1180px){
	.footer_nav{
		text-align: center;
	}
}
/*フッターナビ（スマホ）--------------*/
@media screen and (max-width:736px){
	.footer_nav{
		padding: 0 0 20px;
	}
}

/*フッターバナー
-------------------------------------------------- 
.footer_bn_list{
	margin: 0;
	padding: 40px 0;
	border-top: solid 1px rgba(255,255,255,.2);
	border-bottom: solid 1px rgba(255,255,255,.2);
	letter-spacing: -.35em;
    text-align: center;
}
.footer_bn_list li{
	display: inline-block;
	width: 19%;
	margin-right: 1%;
	margin-top: 1.5%;
	text-align: right;
	clear: both;
}
.footer_bn_list li:nth-child(5n){
	margin-right: 0;
}
.footer_bn_list li:nth-child(1),
.footer_bn_list li:nth-child(2),
.footer_bn_list li:nth-child(3),
.footer_bn_list li:nth-child(4),
.footer_bn_list li:nth-child(5){
	margin-top: 0;
}
.footer_bn_list li a{
	display: block;
	width: 100%;
}
.footer_bn_list li a img{
	width: 100%;
	height: auto;
	max-width: 235px;
}*/

/*フッターバナー（4×2のとき）
--------------------------------------------------*/
.footer_bn_list{
	margin: 0;
	padding: 40px 0;
	border-top: solid 1px rgba(255,255,255,.2);
	border-bottom: solid 1px rgba(255,255,255,.2);
	letter-spacing: -.35em;
    text-align: center;
}
.footer_bn_list li{
	display: inline-block;
	width: 20%;
	margin-right: 1%;
    margin-left: 1%;
	margin-top: 2%;
	text-align: right;
	clear: both;
}
.footer_bn_list li:nth-child(5n){
	margin-right: 1%;
}
.footer_bn_list li:nth-child(1),
.footer_bn_list li:nth-child(2),
.footer_bn_list li:nth-child(3),
.footer_bn_list li:nth-child(4),
.footer_bn_list li:nth-child(5){
	margin-top: 0;
}
.footer_bn_list li a{
	display: block;
	width: 100%;
}
.footer_bn_list li a img{
	width: 100%;
	height: auto;
	max-width: 235px;
}
.footer_bn_list li.none{
	width: 100%;
	margin-right: 0;
    margin-left: 0;
	margin-top: 0;
	display: block;
	height: 0;
	line-height: 0;
}
 
/*フッターバナー（スマホ）--------------*/
@media screen and (max-width:736px){
	.footer_bn_list{
		padding: 20px 0 10px;
        text-align: left;
	}
	.footer_bn_list li{
		display: inline-block;
		padding: 0 5px 10px 0;
		width: 50%;
		margin: 0;
	}
	.footer_bn_list li,
	.footer_bn_list li:nth-child(5n),
	.footer_bn_list li:nth-child(1),
	.footer_bn_list li:nth-child(2),
	.footer_bn_list li:nth-child(3),
	.footer_bn_list li:nth-child(4),
	.footer_bn_list li:nth-child(5){
		margin-top: 0;
		margin-right: 0;
		float: none;
	}
	.footer_bn_list li:nth-child(even){
		padding: 0 0 10px 5px;
	}
	.footer_bn_list li a img{
		max-width: 100%;
	}
	.footer_bn_list li.none{
		display: inline-block;
		padding: 0 5px 10px 0;
		width: 50%;
		margin: 0;
	}
}

/*コピーライト
-------------------------------------------------- */
.copyright{
	padding: 40px 0 50px;
	margin: 0;
	color: rgba(255,255,255,.5);
	text-align: center;
}
/*コピーライト（スマホ）--------------*/
@media screen and (max-width:736px){
	.copyright{
		padding: 20px 0 30px;
	}
}


/*====================================================
　メイン
====================================================*/
/*メインビジュアル　タイトル
-------------------------------------------------- */
.mv_title_wrap{
	position: relative;
}
.mv_title{
	margin: 0;
	min-height: 100vh;
	line-height: auto;
	padding: 20px 0 0;
	text-align: left;
	background-color: #bbb;
	background-size: cover;
	background-position: center center;
	background-repeat:no-repeat
}
.mv_title img{
	position: absolute;
	width: 474px;
	height: auto;
	left: 50px;
	bottom: 80px;
}
/*メインビジュアル　タイトル（スマホ）--------------*/
@media screen and (max-width:736px){
	.mv_title{
		min-height: 100vw;
		line-height: 100vh;
		position: relative;
	}
	.mv_title img{
		width: 60%;
		max-width: 474px;
		height: auto;
		bottom: 20px;
		left: 20px;
	}
}

/*導入部分（main_intoro_wrap）
-------------------------------------------------- */
.main_intoro_wrap{
	background-image: url(../images/bg_wagara.png);
	background-size: 1640px auto;
	background-position: center top 30px;
	background-repeat: repeat-y;
	overflow: auto;
	padding: 110px 15px 150px;
}
.main_intoro_copy{
	margin: 0 0 40px;
	padding: 0;
	text-align: center;
}
.main_intoro_copy img{
	height: 138px;
	width: auto;
}
.main_intoro_text{
	width: 625px;
	margin: 0 auto;
}
.main_intoro_text p{
	margin: 0;
	padding: 0;
	font-size: 1.14em;
	line-height: 2em;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: center;
}
/*導入部分（main_intoro_wrap）（スマホ）--------------*/
@media screen and (max-width:736px){
	.main_intoro_wrap{
		background-size: 110% auto;
		padding: 40px 20px;
	}
	.main_intoro_copy{
		margin: 0 0 20px;
		padding: 0;
		background-size: auto 5px;
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	.main_intoro_copy img{
		height: 69px;
	}
	.main_intoro_text{
		width: 100%;
		margin: 0;
	}
	.main_intoro_text p{
		font-size: 1em;
		line-height: 1.7em;
		text-align: left;
	}
}

/*ローカルナビ
-------------------------------------------------- */
.local_nav_wrap{
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.local_nav{
	display: inline-block;
	margin: 50px 0 0;
	padding: 20px 25px;
	border-radius: 5px;
	max-width: 100%;
}
.local_nav li{
	display: table-cell;
	padding: 0;
}
.local_nav li a{
	display: block;
	text-decoration: none;
	color: #FFF;
	font-size: 1.2em;
	padding: 0 25px;
	border-left: 1px solid rgba(255,255,255,.5);
}
.local_nav li:first-child a{
	border-left: none;
}
/*ローカルナビ（スマホ）--------------*/
@media screen and (max-width:736px){
	.local_nav_wrap{
		position: relative;
		bottom: auto;
		background-color: #CD6447;
	}
	.local_nav{
		display: inline-block;
		padding: 0px 15px;
		margin: 0;
		width: 100%;
	}
	.local_nav li{
		display: block;
		padding: 0;
	}
	.local_nav li a{
		width: 100%;
		color: #FFF;
		font-size: 1em;
		padding: 15px 15px;
		border-left: none;
		border-top: 1px solid rgba(255,255,255,.3);
	}
	.local_nav li:first-child a{
		border-left: none;
		border-top: none;
	}
}


/*コンテンツのメインビジュアル
-------------------------------------------------- */
.main_content{
}
.main_content_mv_wrap{
	width: 100%;
	background-color: #F6E3DC;
}
.main_content_mv_wrap.bg_green{
	background-color: #D8EADC;
}
.main_content_mv_wrap.bg_yellow{
	background-color: #FAF1D9;
}
.main_content_mv{
	background-size: auto 600px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 600px;
	max-width: 1440px;
	margin: 0 auto;
}
/*コンテンツのメインビジュアル（スマホ）--------------*/
@media screen and (max-width:736px){
	.main_content_mv{
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center center;
		height: 0;
		padding-top: calc(100% * 60 / 144);
	}
}

/*コンテンツ（メイン）とコンテンツ（サブ）
-------------------------------------------------- */
.content_wrap{
	padding: 0 0 150px;
}
.content{
	background-color: #FFF;
	float: left;
	width: calc(848 / 1440 * 100%);
	border-radius: 0 5px 0 0;
	margin: -90px 0 0;
	min-height: 90px;
	z-index: 100;
	overflow: auto;
	/*background-image: url(../images/bg_wagara02.png);*/
	background-size: 355px auto;
	background-position: right 650px top 150px;
	background-repeat: no-repeat;
}
.content.title_only{
	width: 50%;
}
.main_content .content_wrap:first-child .content{
	margin-top: 0;
}
.sub_content{
	float: right;
	width: calc(100% - 848 / 1440 * 100%);
	padding: 70px 0 0;
}
.sub_content_wide{
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 70px auto 0;
}
.sub_content .slider_wrap,.content_img_box .slider_wrap{
	max-width: 590px;
	width: 100%;
	height: auto;
	position: relative;
}
.slider_wrap .caption{
   display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    padding: 5px 10px;
    line-height: 1.4em;
    border-radius: 0 0 5px 0;
}
.sub_content img{
	max-width: 590px;
	width: 100%;
	height: auto;
}
.content_inner{
	max-width: 695px;
	width: 100%;
	float: right;
	padding: 0 80px 0 15px;
	min-height: 400px;
}
.content.title_only .content_inner{
	min-height: auto;
	max-width: 600px;
	width: 100%;
}
/*コンテンツタイトル*/
.content_title{
	margin: 40px 0;
}
.content_title img{
	height: 50px;
	width: auto;
}
.content_title02{
	font-size: 1.4em;
	color: #CD6447;
	margin: 0 0 35px;
}
.color_green .content_title02{
	color: #2d8842;
}
.color_yellow .content_title02{
	color: #D9A22B;
}
.content_title03{
	font-size: 1.2em;
	font-weight: normal;
	margin: 35px 0 30px;
}
.content_title04{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 1.6em;
	font-weight: bold;
	margin: 20px 0 15px;
}
.content_title04 span{
	display: inline-block;
	font-size: .7em;
	margin: 0 0 0 .5em;
	border-radius: 4px;
	opacity: .8;
}
.content_title04 span::before{
	content: "／";
}
.content_title04 span.green{
	color: #2D8842;
}
.content_title04 span.orange{
	color: #CD6447;
}
.content_title04 span.yellow{
	color: #E9AF32;
}
/*コンテンツ（メイン）とコンテンツ（サブ）交互レイアウト設定 辻褄が合わない時はstyle.cssで
-------------------------------------------------- */
#MAIN_CONTENTS_WRAP > .main_content:nth-child(even) .content{
	float: right;
	border-radius: 5px 0 0 0;
	background-position: left 650px top 150px;
}
#MAIN_CONTENTS_WRAP > .main_content:nth-child(even) .sub_content{
	float: left;
}
#MAIN_CONTENTS_WRAP > .main_content:nth-child(even) .content_inner{
	float: left;
	padding: 0 15px 0 80px;
}
/*コンテンツ（メイン）とコンテンツ（サブ）（スマホ）--------------*/
@media screen and (max-width:736px){
	.content_wrap{
		padding: 0 0 80px;
	}
	.content,
	#MAIN_CONTENTS_WRAP > .main_content:nth-child(even) .content{
		background-color: none;
		float: none;
		width: calc(100% - 40px);
		border-radius: 5px 5px 0 0;
		margin: 0 auto;
		background-size: 150px auto;
		background-position: left -40px top 150px;
		background-repeat: no-repeat;
		padding: 15px 0;
	}
	.sub_content,
	#MAIN_CONTENTS_WRAP > .main_content:nth-child(even) .sub_content{
		float: none;
		width:  100%;
		padding: 15px 20px 0 !important;
	}
	.sub_content img{
		max-width: 100%;
	}
	.sub_content_wide{
		margin: 0 auto;
	}
	.content_inner,
	#MAIN_CONTENTS_WRAP > .main_content:nth-child(even) .content_inner{
		max-width: 100%;
		width: 100%;
		float: none;
		padding: 0;
		min-height: 0;
	}
	.content.title_only{
		width: calc(100% - 40px);
	}
	/*コンテンツタイトル*/
	.content_title{
		margin: 15px 0 30px;
	}
	.title_only .content_title{
		margin: 15px 0;
	}
	.content_title img{
		height: 25px;
	}
	.content_title02{
		font-size: 1.3em;
		margin: 0 0 20px;
	}
	.content_title03{
		margin: 20px 0 15px;
	}
}




/*プルダウンコンテンツ
-------------------------------------------------- */
.content_title02.-open-btn{
	padding: 35px 15px 35px 0;
	margin: 50px 0 0;
	border-top: #EBEBEB solid 1px;
	background-image: url(../images/icon_more.png);
	background-size: 26px auto;
	background-repeat: no-repeat;
	background-position: center right 15px;;
}
.content_inner .-open-btn.active{
	background-image: url(../images/icon_close.png);
}
.content_inner .-open-wrap:last-child .-open-btn{
	border-bottom: #EBEBEB solid 1px;
}
.content_inner .-open-wrap:last-child .-open-btn.active{
	border-bottom:none;
}
.-open-wrap + .-open-wrap .content_title02.-open-btn{
	margin: 0;
}
.-open-box{
	padding: 0 0 50px;
	display: none;
}
.content_inner .-open-wrap:last-child .-open-box{
	border-bottom: #EBEBEB solid 1px;
}
/*テキスト*/
.content_text{
	font-size: 1.06em;
	margin: 0;
	line-height: 2em;
	color: #333;
}
/*イメージ*/
.content_img_box{
	margin: 30px 0;
}
.-open-wrap .content_img_box{
	margin: 0 0 30px;
}
.content_img_box img{
	width: 100%;
	height: auto;
}
/*イメージ2カラム*/
.content_img_2col{
	width: 50%;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}
.content_img_box .content_img_2col:nth-child(even){
	padding: 0 0 0 5px;
}
/*プルダウンコンテンツ（スマホ）--------------*/
@media screen and (max-width:736px){
	.content_title02.-open-btn{
		padding: 20px 15px 20px 0;
		margin: 30px 0 0;
		border-top: #EBEBEB solid 1px;
		background-size: 13px auto;
	}
	.-open-box{
		padding: 0 0 30px;
	}
	/*テキスト*/
	.content_text{
		font-size: 1em;
	}
	/*イメージ*/
	.content_img_box{
		margin: 15px 0;
	}
	.-open-wrap .content_img_box{
		margin: 0 0 15px;
	}
}






/*====================================================
　メイン2　サブコンテンツ
====================================================*/
#SUB_CONTENTS_WRAP{
	/*background-image: url(../images/bg_wagara.png);*/
	background-size: 1640px auto;
	background-position: center top 450px;
	background-repeat: repeat-y;
	overflow: auto;
}
/*max-wide1150のボックス*/
.limit_wide,.limit_wide_padding{
	max-width: 1150px;
	width: 100%;
	margin: 0 auto;
}
.limit_wide_padding{
	padding: 0 25px;
}
/*max-wide830のボックス*/
.limit_wide_mini{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}
/*メイン2　サブコンテンツ（スマホ）--------------*/
@media screen and (max-width:736px){
	#SUB_CONTENTS_WRAP{
		background-size: 110% auto;
		background-position: center top 300px;
	}
	/*max-wide1150、830のボックス*/
	.limit_wide,.limit_wide_padding,.limit_wide_mini{
		padding: 0 20px;
	}
}

/*紫背景
-------------------------------------------------- */
.bg_purple{
	background-color: #fff;
	background-image: url(../images/bg_wagara.png),url(../images/bg_p.png);
	background-size: 1640px auto,cover;
	background-position: center top 50px,center center;
	background-repeat: repeat-y,no-repeat;
	padding: 0;
	margin: 0 0 100px;
	width: 100%;
}
.bg_purple .limit_wide{
}
#MAIN_CONTENTS_WRAP .bg_purple:last-child,#SUB_CONTENTS_WRAP .bg_purple:last-child{
	margin: 0;
}
.purple_inner{
	background-image: url(../images/purple_bg_dami.png);
	background-repeat: no-repeat;
	background-size: auto 110%;
	background-position: center right;
}
.purple_inner_textbox{
	width: 45%;
	padding: 90px 25px;
}
.purple_inner_title{
	margin: 0 0 50px;
	padding: 0;
}
.purple_inner_title img{
	height: 40px;
	width: auto;
}
.purple_inner_text{
	line-height: 2em;
}
/*紫背景（スマホ）--------------*/
@media screen and (max-width:736px){
	.bg_purple{
		padding: 30px 0;
		background-size: 110% auto,cover;
		background-position: center top 10px,center center;
		margin: 0 0 40px;
	}
	.purple_inner{
		background-size: auto 200px;
		background-position: center bottom 30px;
	}
	.purple_inner_textbox{
		width: 100%;
		padding: 30px 0 260px;
	}
	.purple_inner_title{
		margin: 0 0 20px;
	}
	.purple_inner_title img{
		height: 20px;
	}
	.purple_inner_text{
		font-size: 0.9em;
		line-height: 1.6em;
	}
}

/*丸い画像背景白
-------------------------------------------------- */
.bgw{
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 100%;
}
#MAIN_CONTENTS_WRAP .bgw:last-child,#SUB_CONTENTS_WRAP .bgw:last-child{
	margin: 0;
}
.bgw_inner{
	background-image: url(../images/purple_bg_dami.png);
	background-repeat: no-repeat;
	background-size: auto 120%;
	background-position: center left;
}
.bg_inner_textbox{
	width: 45%;
	padding: 90px 25px;
	float: right;
}
.bg_inner_title{
	margin: 0 0 50px;
	padding: 0;
}
.bg_inner_title img{
	height: 50px;
	width: auto;
}
.bg_inner_text{
	line-height: 2em;
}
/*丸い画像背景　柄
-------------------------------------------------- */
.bgg{
	background:url("../images/orange_bg.jpg") repeat;
	padding: 0;
	margin: 0;
	width: 100%;
}
#MAIN_CONTENTS_WRAP .bgg:last-child,#SUB_CONTENTS_WRAP .bgg:last-child{
	margin: 0;
}
.bgg_inner{
	background-image: url(../images/purple_bg_dami.png);
	background-repeat: no-repeat;
	background-size: auto 120%;
	background-position: center right;
}
.bgg .bg_inner_textbox{
	width: 45%;
	padding: 90px 25px;
	float: none;
}
/*丸い画像背景（スマホ）--------------*/
@media screen and (max-width:736px){
	.bgw,.bgg{
		padding: 0;
		background-size: 110% auto,cover;
		background-position: center top 10px,center center;
		margin: 0;
	}
	.bgw_inner,.bgg_inner{
		background-size: 100% auto;
		background-position: center bottom 30px;
	}
	.bg_inner_textbox,.bgg .bg_inner_textbox{
		width: 100%;
		padding: 30px 0 100%;
	}
	.bg_inner_title{
		margin: 0 0 20px;
	}
	.bg_inner_title img{
		height: 20px;
	}
	.bg_inner_text{
		font-size: 0.9em;
		line-height: 1.6em;
	}
}



/*セクション（上下の余白設定）
-------------------------------------------------- */
.sec_box{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 100px;
	line-height: 1.7em;
}
/*max-wide830のボックスの場合*/
.limit_wide_mini.sec_box{
	padding-top: 50px;
}
#SUB_CONTENTS_WRAP .mv_title_sub + .limit_wide.sec_box{
	padding-top: 100px;
}
/*セクション（スマホ）--------------*/
@media screen and (max-width:736px){
	.sec_box,.limit_wide_mini.sec_box,#SUB_CONTENTS_WRAP .mv_title_sub + .limit_wide.sec_box{
		padding-top: 30px;
		padding-bottom: 50px;
		line-height: 1.5em;
	}
}

/*メインビジュアル　タイトル
-------------------------------------------------- */
.mv_title_sub_wrap{
position: relative;
}
.mv_title_sub{
	margin: 0;
	min-height: 400px;
	line-height: 380px;
	padding: 20px 0 0;
	text-align: center;
	background-color: #bbb;
	background-size: cover;
	background-position: center center;
}
.mv_title_sub img{
	height: 70px;
	width: auto;
}
/*メインビジュアル　タイトル（スマホ）--------------*/
@media screen and (max-width:736px){
	.mv_title_sub{
		min-height: 200px;
		line-height: 180px;
	}
	.mv_title_sub img{
		height: 25px;
		width: auto;
	}
}

/*見出し03 （title_03）
-------------------------------------------------- */
.title_03{
	font-size: 1.785em;
	margin: 50px 0;
	text-align: center;
}
.title_03 span{
	display: block;
	color: #CD6447;
	font-size: 0.4em;
	font-family: 'Garamond',Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	font-weight: normal;
}
.bg_purple .title_03{
	margin: 50px 0;
}
/*見出し03 （title_03）（スマホ）--------------*/
@media screen and (max-width:736px){
	.title_03{
		font-size: 1.4em;
		margin: 0 0 25px;
	}
	.bg_purple .title_03{
		margin: 0 0 25px;
	}
}

/*見出し04 （title_04）
-------------------------------------------------- */
.title_04{
	color: #CD6447;
	font-size: 1.4em;
	margin: 50px 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #CD6447;
}
.title_04::before{
	display: inline-block;
	height: 1px;
	width: 0.5em;
	content: "";
	vertical-align: middle;
	margin: 0 .5em 0 0;
	background-color: #CD6447;
}

/*見出し04 （title_04）（スマホ）--------------*/
@media screen and (max-width:736px){
	.title_04{
		font-size: 1.1em;
		margin: 30px 0 15px;
		padding: 0 0 15px;
	}
}

/*見出し05 （title_05）
-------------------------------------------------- */
.title_05{
	font-size: 1.15em;
	margin: 40px 0 15px;
	padding: 0;
}
/*見出し05 （title_05）（スマホ）--------------*/
@media screen and (max-width:736px){
	.title_05{
		font-size: 1em;
		margin: 30px 0 15px;
	}
}


/*リンク（link）
-------------------------------------------------- */
p.link,p.link_re{
	margin: 1em 0;
}
p.link a,p.link_re a{
	font-size: 1.2em;
	text-decoration: none;
	background-image: url(../images/arrow_b.png);
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px 0 5px 20px;
	font-weight: bold;
	color: #CD6447;
}
.color_green p.link a{
	color: #2d8842;
	background-image: url(../images/arrow_g.png);
}
.color_yellow p.link a{
	color: #D9A22B;
	background-image: url(../images/arrow_y.png);
}
p.link_re a{
	background-image: url(../images/arrow_b_re.png);
}
p.link_center{
	text-align: center;
}
p.link a[target="_blank"],p.link_re a[target="_blank"]{
	background-image:url(../images/arrow_b.png),url(../images/blank_b.png);
	background-size: 14px auto, 14px auto;
	background-repeat: no-repeat,no-repeat;
	background-position: center left,center right;
	padding: 5px 20px;
}
p.link_re a[target="_blank"]{
	background-image:url(../images/arrow_b_re.png),url(../images/blank_b.png);
}
.color_green p.link a[target="_blank"]{
	color: #2d8842;
	background-image:url(../images/arrow_g.png),url(../images/blank_g.png);
}
.color_yellow p.link a[target="_blank"]{
	color: #D9A22B;
	background-image:url(../images/arrow_y.png),url(../images/blank_y.png);
}
p.link a:hover,p.link_re a:hover{
	text-decoration: underline;
}



/*デザインリンク（design_link_m）
-------------------------------------------------- */
/*mサイズ*/
.design_link_m{
	display: inline-block;
	margin-top: 2em;
	width: 100%;
	line-height: 1.7em;
}
.design_link_m a {
	display: block;
	min-width: 280px;
	max-width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #CD6447;
	padding: 0 35px;
	background-image: url("../images/arrow_w.png");
	background-position: right 1em top 1em;
	background-size: auto 14px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s;
	border: 1px solid #CD6447;
}
.design_link_m a:hover{
	background-color: #fff;
	color: #CD6447;
	background-image: url("../images/arrow_o.png");
}
/*センター寄せ*/
.design_link_m.design_link_m_center a{
	padding: 0;
	margin: 0 auto;
	width: 362px;
}
.design_link_m.SPblockPCnone{
	display: none;
}
/*デザインリンク（スマホ）--------------*/
@media screen and (max-width:736px){
	.design_link_m a,.design_link_m.design_link_m_center a{
		height: 40px;
		line-height: 40px;
		width: 100%;
	}
	.design_link_m a:hover{
	}
	.design_link_m.SPblockPCnone{
		display: block;
	}
}


/*リンクボタン角丸（linkbtn）
-------------------------------------------------- */
/*緑*/
.linkbtn_g{
	text-align: center;
}
.linkbtn_g a{
	display: inline-block;
	max-width: 100%;
	padding: .1em 3em;
	color: #2D8842;
	border: 1px solid #2D8842;
	border-radius: 3em;
	font-weight: bold;
	background-color: #fff;
}
.linkbtn_g a:hover{
	background-color: #2D8842;
	color: #fff;
}
/*オレンジ*/
.linkbtn_o{
	text-align: center;
}
.linkbtn_o a{
	display: inline-block;
	max-width: 100%;
	padding: .1em 3em;
	color: #CD6447;
	border: 1px solid #CD6447;
	border-radius: 3em;
	font-weight: bold;
	background-color: #fff;
}
.linkbtn_o a:hover{
	background-color: #CD6447;
	color: #fff;
}


/*====================================================
　リストスタイル
====================================================*/
/*基本リスト
-------------------------------------------------- */
.ul{
	margin: 1em 0;
	padding: 0 0 0 1.5em;
}
.ul li{
	color: #666666;
	margin: 0 0 .7em;
}
.ul li span{
	color: #000;
}
/*注意リスト（頭文字1字下げ）
-------------------------------------------------- */
.atention_list{
	margin: 1em 0;
	padding: 0;
	list-style: none;
}
.atention_list li{
	padding: 0 0 .5em 1em;
	text-indent: -1em;
}
/*基本定義リスト
-------------------------------------------------- */
.dl{
	margin: 1.5em 0;
	border-top: 1px solid #CD6447;
}
.dl dt{
	float: left;
	width: 8em;
	font-weight: bold;
	font-size: 1em;
	padding: 1em 0;
	color: #CD6447;
}
.dl dd{
	padding: 1em 0 1em 10em;
	font-size: 1em;
	margin: 0;
	border-bottom: 1px solid #CD6447;
}
.color_green .dl{
	border-color: #2D8842;
}
.color_green .dl dt{
	color: #2D8842;
}
.color_green .dl dd{
	border-color: #2D8842;
}
/*基本定義リスト（スマホ）--------------*/
@media screen and (max-width:736px){
	.dl{
		border-top: 0;
	}
	.dl dt{
		float: none;
		width: 100%;
		border-bottom: 1px solid;
		padding: 0 0 .5em;
		margin: 0 0 .5em;
	}
	.dl > dt::before{
		content: "■ ";
		opacity: .5;
	}
	.dl dd{
		padding: 0 0 2em;
		border-bottom: none;
	}
}

/*====================================================
　横幅目一杯画像
====================================================*/
.wide_img img{
	width: 100%;
	height: auto;
}

/*====================================================
　テーブル
====================================================*/
/*テーブル
-------------------------------------------------- */
.table{
	border: #CD6447 1px solid;
	background-color: #fff;
	width: 100%;
	margin: 2em 0;
}
.table caption{
	color: #CD6447;
	padding: .5em 0;
}
.table th,.table td{
	padding: 1em;
	text-align: center;
	font-size: 1em;
}
.table tr{
	border-bottom: #F2D7D6 1px solid;
}
.table tr:first-child,.table tr:last-child{
	border-bottom: none;
}
.table td{
	border-top: #CD6447 1px solid;
	border-bottom: #CD6447 1px solid;
}
.table .th01{
	background-color: #CD6447;
	color: #fff;
	border-bottom: 1px #fff solid;
}
.table .th02{
	background-color: #FFF9F7;
	border-bottom: 1px #CD6447 solid;
}
.table tr .th01:first-child{
	border-bottom: none;
}
/*縦方向*/
.table_col tr{
	border-bottom: #F2D7D6 1px solid;
}
.table_col tr:first-child,.table_col tr:last-child{
	border-bottom: none;
}
.table_col td{
	border-right: #CD6447 1px solid;
	border-left: #CD6447 1px solid;
}
.table_col .th01{
	background-color: #CD6447;
	color: #fff;
	border-left: 1px #fff solid;
}
.table_col .th02{
	background-color: #FFF9F7;
	border-left: 1px #CD6447 solid;
}
.table_col tr .th01:first-child{
	border-left: none;
}
/*スマホ時スクロールさせる時（スマホ）--------------*/
@media screen and (max-width:736px){
	.table_scroll{
		width: 100%;
		overflow: auto;/*tableをスクロールさせる*/
	}
	.table_scroll table{
		white-space: nowrap;
	}
	.table_scroll table::-webkit-scrollbar{/*tableにスクロールバーを追加*/
		height: 5px;
	}
	.table_scroll table::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}
	.table_scroll table::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
		background: #BCBCBC;
	}
}

/*====================================================
 グレーボックス
====================================================*/
.content_gray{
	background-color: rgba(0,0,0,.05);
	padding: 35px;
}
.content_gray .dl{
	color: #000;
}
.content_gray .dl dl dt{
	font-size: 1em;
	font-weight: normal;
	width: 10em;
}
.content_gray .dl dl dd{
	padding: 0 0 0 11em;
}
/*温泉ボックス基本設定（スマホ）--------------*/
@media screen and (max-width:736px){
	/*詳細*/
	.content_gray{
		padding: 20px;
	}
	.content_gray .dl dt{
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
	.content_gray .dl > dt::before{
		content: "■ ";
		color: rgba(0,0,0,.2);
	}
	.content_gray .dl dl dt{
		width: 100%;
		font-weight: bold;
		border-bottom: none;
		margin: 0;
	}
	.content_gray .dl dl dd{
		padding: 0;
	}
	.content_gray .dl dd + dd{
		margin: -2.5em 0 0;
	}
}

/*====================================================
 導入文（主張強め）
====================================================*/
.copy_strong{
	font-size: 1.4em;
	line-height: 1.7em;
	padding: 50px 0;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width:736px){
	.copy_strong{
		padding: 30px 15px;
		font-size: 1.2em;
	}
}

/*tripla非表示（移行後消す）--------------*/
iframe#tripla-icon-message,
#tripla-chat-circle-icon{
	display: none !important;
}