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

iframe {width: 100% !important;}

html { overflow-y:scroll; }
ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, h7, form, p { margin:0; padding:0; }
img { border:0; }
li { list-style-type:none; }

body {
	width:100%; margin:0; padding:0;
	text-align:center; font-size:14px; line-height:1.8; color:#555; background:#fff;
    font-family: "Open Sans",Arial,Tahoma,sans-serif; }

a { overflow:hidden; -webkit-transition:.2s linear; -moz-transition:.2s linear; -o-transition:.2s linear; transition:.2s linear; }
	.bx-wrapper .bx-controls-direction a { transition:none; }
a:link		{ color:#7a6a56; text-decoration:none; }
a:visited	{ color:#7a6a56; }
a:hover		{ color:#ef4832; }
a img {
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	transition:.2s linear; }
a:hover img { opacity:0.8; }

/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }  
* html .clearfix { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

.txt_c { text-align:center; }
.txt_l { text-align:left; }
.txt_r { text-align:right; }
.float_l { float:left; }
.float_r { float:right; }
.clear { clear:both; }
.serif { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
.bold  { font-weight:bold; }

.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb60{ margin-bottom: 60px !important; }

/* common */
#wrapper { width:950px; margin:0 auto; padding:0; }
header { background:#fff; }
header #logo { display:inline; float:left; margin:20px 0 0; }
header a, header a:hover { text-decoration:none; }
header .tel {
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
    padding: 40px 30px 10px 0; text-align: right; }
header #btn_tel { display: inline-block; text-align:left; line-height:1.2; vertical-align:top; color:#000; }
header #btn_tel img { height: 24px; margin: -12px 8px 0 0; width: 30px; }
header #btn_tel .num { font-size: 30px; color:#735837; }
header #btn_tel .red { color:#cc0000; font-size:12px; }
header #btn_reserve {
	display: inline-block; margin:15px 0 0 25px;
	font-size: 18px; line-height: 30px; background: #890000; border-radius: 5px; }
header #btn_reserve a { display:block; color: #fff; padding: 5px 15px; border-radius: 5px; }
header #btn_reserve a:hover { background:#cc0000; }
header nav {
	border-top: 1px solid #ccc;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
	}
header nav li { float:left; width:13%; height:60px; overflow:hidden; }
header nav li:nth-of-type(6) { width:22%; }
header nav a  { display:block; color:#000!important; font-size:16px; line-height:60px; }
header nav a:hover, header nav .active a { background:#b78554; color:#fff!important; }

#contents { padding:40px 0; text-align:left; line-height:1.75em; }
#contents p { margin-bottom:1em; }
#contents p:last-child { margin:0; }
.main_img img { vertical-align:bottom; }
.lead { padding:20px 30px; background:#000; color:#fff; text-align:left; }
.lead h2 {
	font-size:24px; line-height:1.25em; background:url("../img/dotted-75.png");
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif; }
.lead h2 span { background:#000; padding-right:10px; color: #b78554; }
.lead h2 + p { margin-top:20px; }
.con_h2 {
	margin-bottom:15px; color:#b78554; font-size:26px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif; }
.con_h2_left {
	margin-bottom:15px; color:#b78554; font-size:22px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif; }
.con_h2_center {
	margin-bottom:15px; color:#b78554; font-size:22px; text-align:center;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif; }
.con_h3 {
	margin:20px 0 12px; color:#b78554; font-size:18px;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif; }
h5{ font-size: 14px; color: #333; margin: 10px auto; }
.list_3column li { float:left; width:31.5789%; margin-right:2.6315%; margin-bottom: 2%; }
.list_3column li:nth-child(3n) { margin-right:0; }
.list_3column li .thumb { margin-bottom:10px; }
.list_3column li .thumb img { width:100%; height:auto; border-radius:5px; }
.list_3column li h3 { margin-bottom:15px; text-align:center; font-size:16px; font-weight:normal; }
.list_3column li h3 a { text-decoration:none; }

.list_3column li h4{ text-align:center; color: #333; }

.read-more { display: block; margin: 15px 0 0; font-size: 11px; text-transform: uppercase; }
.read-more a {
	display: block; width: 50%; margin: auto; padding: 5px 0; font-size: 13px; text-align: center; border-radius: 5px;
	background:#fff; color:#b78554; border: solid 2px #b78554; }
.read-more a:hover { text-decoration:none; background:#b78554; color: #fff; }
.con_tbl { width:100%; box-sizing:border-box; border-collapse:collapse; }
.con_tbl th,.con_tbl td { padding:5px 15px; border:1px solid #ccc; }
.con_tbl th { width:30%; white-space:nowrap; background:#F5F5F5; }
.con_tbl2 { width:100%; box-sizing:border-box; border-collapse:collapse; }
.con_tbl2 tr { background:#F2EEE3; border-bottom:1px solid #fff; }
.con_tbl2 tr:nth-child(2n) { background:#EBE6D7; }
.con_tbl2 th,.con_tbl2 td { padding:10px 15px; }
.con_tbl2 th { width:30%; white-space:nowrap; }
.con_tbl2 th span {display: block; font-size: 12px;}
.con_tbl2 thead th {color: #fff; background-color: #b78554;}
.photo_list { width:950px; margin:20px auto; }
.photo_list li { width: 460px; margin: 0 30px 30px 0; float:left; }
.photo_list li:nth-child(2n) { margin-right:0; }
.photo_list img { width: 100%; height: auto; border-radius: 5px; vertical-align:bottom; }

/* home */
#slide li img { vertical-align:bottom; } 
.bx-wrapper { margin:0 auto; position:relative; }
.bx-wrapper .bx-controls { width:950px; height:100%; }
.bx-wrapper .bx-controls-direction a {
	position:absolute; outline:0; z-index:9999;
	width:40px; height:60px; text-indent:-9999px; opacity:0.3; }
.bx-wrapper .bx-prev { left:0;  background:url("../img/slider/arrows_l.png") 0 0 no-repeat; }
.bx-wrapper .bx-next { right:0; background:url("../img/slider/arrows_r.png") 0 0 no-repeat; }
.bx-wrapper:hover .bx-controls-direction a { opacity: 0.7; }
.bx-wrapper:hover .bx-controls-direction a:hover { opacity:1; }
.bx-wrapper .bx-next:hover { background-position:0 0; }


#recommend { margin-top:40px; }
#recommend .plan_name { color:#403321; margin-bottom:1em; }


.center{
 text-align: center;
}
span.bold{font-weight: bold;}

.notice {
	padding: 40px 40px 0;
}

.coronavirus {
	padding: 40px 0 0;
	text-align: left;
}
.coronavirus .no_pc {
	display: none;
}
.coronavirus h2 {
	font-size: 24px;
}
.coronavirus .measures_list {
	margin-left: 1.5em;
}
.coronavirus .measures_list li {
	list-style: disc;
	margin-bottom: 1em;
}
.coronavirus .measures_img {
	display: flex;
	justify-content: space-around;
	margin: 40px 0;
}
.coronavirus .measures_img li {
	position: relative;
	width: 40%;
}
.coronavirus .measures_img li p {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 1em;
}
.coronavirus .measures_img li figure {
	margin: 0;
}
.coronavirus .measures_img li img {
	display: block;
	max-width: 100%;
	height: auto;
}
.coronavirus .report_list {
	margin-top: 0.5em;
}
.coronavirus .report_list li {
	list-style-type: none;
	margin-bottom: 0.5em;
	margin-left: 1em;
	text-indent: -1em;
}
.coronavirus .report_list li:before {
	content: "〇";
}

.banner {
	padding: 40px 0 0;
}

/* spot */
ul#spot.photo_list{ width: 950px; }
ul#spot.photo_list li{ width: 460px; }
ul#spot.photo_list p{ min-height: 75px; }

/* concept */
ul#concept.photo_list{ width: 950px; }
ul#concept.photo_list h3{ text-align: center; }
ul#concept.photo_list li{ width: 460px; }
ul#concept.photo_list p{ padding-top: 10px; }
/* room */
#room > img,#room li img{ border-radius: 5px; margin-bottom: 20px; }

/* foods */
.menu_ttl {padding: 10px; color: #fff; text-align: center; font-size: 22px; font-weight: bold; font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif; border-radius: 5px; background-color: #b78554;}
.corona_foods {margin-top: 40px;}
.corona_foods .intro {padding: 20px 0 40px;}
.corona_foods .intro > div {display: flex;align-items: center;}
.corona_foods .intro > div p {flex: 1;margin-right: 20px;}
.corona_foods .intro > div figure {max-width: 250px;}
.corona_foods .intro > div figure img {max-width: 100%; height: auto;}
.corona_foods article h4 {font-family: 'Noto Serif JP',"Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif; font-size: 24px; color: #b78554; text-align: center; margin: 25px 0 20px;}
.corona_foods .photo_menu {text-align: center;}
.corona_foods .photo_menu img {max-width: 500px;width: 80%;}
.corona_foods .photo_list p {width: 32%;float: left; text-align: center; box-sizing: border-box; margin-bottom: 2%; position: relative; margin-right: 2%;}
.corona_foods .photo_list p:nth-child(even) {margin-right: 2%;}
.corona_foods .photo_list p:nth-child(3n) {margin-right: 0;}
.corona_info {
    margin: 40px auto 0;
    background: #b78554;
    color: #fff;
    padding: 20px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
}
.corona_info a {color: #ff0; border-bottom: 1px dotted #ff0;}
.corona_info a:hover {border-bottom-color: transparent;opacity: .7;}
.corona_info .no_sp {display: block;}
.corona_info .measures_list {display: flex; justify-content: space-between; margin-top: 30px;}
.corona_info .measures_list li {width: 32%;}
.corona_info .measures_list li img {
    width: 100%;
}

.list_3column li { float:left; width:31.5789%; margin-right:2.6315%; }
.list_3column li:nth-child(3n) { margin-right:0; }
.list_3column li img{ width: 100%; height: auto; border-radius: 5px;}


.float_fix { width: 300px; padding: 0 10px; box-sizing: border-box; }
.float_fix.float_l,.float_variable.float_l{ padding-left: 0; }
.float_fix.float_r,.float_variable.float_r{ padding-right: 0; }
.float_variable { width: 650px; width: calc(100% - 300px); padding: 0 10px; box-sizing: border-box; }
.float_variable img { width:100%; max-width:100%; }
.float_fix img { width:100%; max-width:100%; }

.photo_gallery ul li { width: 23.5%; float: left; text-align: center; box-sizing: border-box; margin-bottom: 2%; position: relative; margin-right: 2%; }
.photo_gallery ul li:nth-child(4n){ margin-right: 0; }
.photo_gallery ul li::before{ content: ""; display: block; padding-top: 100%; }
.photo_gallery ul li a{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.photo_gallery ul li img { width: 100%; height: 100%; -o-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -webkit-object-fit: cover; object-fit: cover; }
.photo_gallery ul li p{ padding: 5px; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,.4); font-size: 12px; color: #000; }

/* allinclusive */
.photo ul {display: flex; justify-content: space-between;}
.photo ul li {width: 47%; text-align: center;}
.photo ul li.full {width: 100%;}
.photo ul li img {max-width: 100%;}