@charset "utf-8";

/* リンク設定 */
a:link,a:visited {
	text-decoration: none;
	color: #9d7e5f;
}

a:hover,a:active {
	text-decoration: underline;
	color: #dd9757;
}

a,a img {
	transition: 0.4s;
}
a img {
	backface-visibility: hidden;
}
a:hover img {
	opacity: 0.7;
}

/* デフォルトハック */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* デフォルトイメージ */
img.frame {
	padding: 5px;
	border: 1px solid #666666;
	background: #FFFFFF;
	margin: 5px;
}

img.right {
	margin: 0 0 5px 5px;
}

img.left {
	margin: 0 5px 5px 0;
}

/* 共通 */
html {
	font-size: 16px;
}
body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	min-width: 1100px;
}

.detaillink,
.min {
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

.section_border,
.inner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.section_border {
	max-width: 1000px;
}



#globalheader {
	opacity: 0;
	min-width: 1000px;
	position: relative;
	z-index: 102;
	background: #fff;
}
.loading #globalheader {
	opacity: 1;
}

#globalheader > .inner.flex {
	align-content: center;
	box-sizing: border-box;
	justify-content: space-between;
}


#globalheader > .inner.flex > * {
	padding-top: 10px;
	padding-bottom: 10px;
}
#globalheader > .inner.flex .nav_header {
	padding-top: 0;
	padding-bottom: 0;
}

#globalheader.scrolled + div {
	margin-top: 84px;
}
#globalheader.scrolled {
	position: fixed;
	left: 0;
	top: -100px;
	width: 100%;
	height: 0px;
	animation: nav_scroll 1s forwards;
	min-width: 0;
}

@keyframes nav_scroll {
	0% {
		top: -100px;
	}
	100% {
		top: 0;
	}
}

#globalheader.scrolled_out {
	animation: nav_scroll_out 1s forwards;
}
@keyframes nav_scroll_out {
	0% {
		top: 0;
	}
	100% {
		top: -100px;
	}
}




#globalheader.scrolled .inner {
	justify-content: flex-end;
	width: 100%;
}

#globalheader.scrolled > .inner.flex > * {
	display: none;
}
#globalheader.scrolled > .inner.flex > .nav_header {
	display: flex;
}


#globalheader h1 a {
	display: block;
	background: url(../img/logo.png) no-repeat;
	background-size: cover;
	text-indent: -200em;
	overflow: hidden;
	width: 240px;
	height: 45px;
}
#globalheader h2 {
	margin-right: 20px;
}
#globalheader h3 {
	margin: 0 auto;
}


.header_info_wrap {
	margin-left: auto;
	margin-right: 20px;
	align-items: stretch;
}

.header_reserve a {
	display: block;
	background: url(../img/icon_reserve.png) #c71811 no-repeat center 15px;
	background-size: 25px auto;
	color: #fff;
	height: 100%;
	margin-left: 20px;
	padding: 45px 20px 10px;
	box-sizing: border-box;
	transition-property: background-color;
}

#globalheader.scrolled .header_reserve a {
	background-position: center 10px;
}
#globalheader.scrolled .nav_header {
	width: 300px;
}
#globalheader.scrolled .nav_header .subnav_lang,
#globalheader.scrolled .nav_header .nav_close {
	display: block;
}

.header_reserve a:hover {
	background-color: #ff8e2a;
}

.header_info {
	font-size: 0.9rem;
	margin-left: auto;
	flex-direction: column;
}

.header_info .flex {
	align-items: center;
}


.subnav a {
	text-decoration: none;
	color: #222;
}
.subnav a:hover {
	text-decoration: none;
	color: #9d7e5f;
}


.subnav_inner li a {
	display: flex;
	align-items: center;
}
.subnav_inner li + li {
	margin-left: 40px;
}
.subnav_inner li a:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	border-color: transparent transparent transparent #9b7f4c;
	margin-right: 10px;
}
.subnav_lang {
	margin-left: 40px;
}
.subnav_lang > ul > li {
	position: relative;
}
.subnav_lang.subnav_lang.subnav_lang > ul > li > a {
	display: block;
	border: 1px solid #ddd;
	line-height: 1;
	padding: 8px 10px 8px 30px;
	background: url(../img/icon_earth.png) no-repeat 10px center;
	background-size: 23px;
}


.subnav_lang > ul > li ul {
	position: absolute;
	left: 0;
	top: auto;
	width: 100%;
	display: none;
	background: #fff;
}
.subnav_lang > ul > li ul li + li a {
	border-top: 1px dotted #999;
}
.nav_global .subnav_lang > ul > li ul a {
	background: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.subnav_lang > ul > li ul a:hover {
	background-image: none;
}

.header_tel {
	line-height: 1;
	font-size: 2rem;
	margin: 10px 0 0 auto;
}
.header_tel img {
	margin-right: 10px;
}

.section_nav {
	z-index: 99;
	background: #fff;
}

.section_nav .nav_global {
	align-items: center;
	box-sizing: border-box;
}

.section_nav .nav_global li {
	text-align: center;
	flex: 1 1 auto;
	position: relative;
}
.section_nav .nav_global li:after {
	content: '';
	display: block;
	height: calc(100% - 30px);
	width: 1px;

background-image: linear-gradient(to bottom, #222, #222 1px, transparent 1px, transparent 4px);
background-size: 1px 3px;
background-position: right;
background-repeat: repeat-y;


	position: absolute;
	left: 0;
	top: 15px;
}
.section_nav .nav_global li:first-child:after {
	content: none;
}
.section_nav .nav_global li span {
	display: block;
	position: relative;
	z-index: 99;
}
.section_nav .nav_global li a {
	color: #231815;
	padding: 20px 10px;
	display: block;
	position: relative;
	height: 100%;
}


li.nav_reserve a {
	border: 1px solid #fff;
	margin: 10px 0;
	padding: 10px 20px;
}
.section_nav li a:hover {
	text-decoration: none;
}

.section_nav .nav_global li a:before {
	opacity: 0;
	transition: 0.4s;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #35644D;
}
.section_nav .nav_global li a:hover:before {
	opacity: 1;
}
.section_nav .nav_global li span.en {
	font-size: 0.6rem;
	color: #b49d71;
}
.section_nav .nav_global li a:hover {
	background-color: #35644D;
	color: #fff;
}
.section_nav .nav_global li a:hover:before {
	opacity: 0;
}

.subnav_lang.subnav_lang.subnav_lang > ul > li > a:hover {
	background-image: url(../img/icon_earth_on.png);
}


.sp-slide.sp-selected {
	opacity: 1;
}
.sp-button {
	border: none;
	background: #fff;
	width: 16px;
	height: 16px;
	margin-right: 20px;
	margin-left: 20px;
}
.sp-selected-button {
	background: #9B7F4C;
}

.sp-buttons {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
}

.section {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

.section2 {
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}

.section_nav,
.section_slide {
	padding-top:0;
	padding-bottom: 0;
}

.section_slide {
	opacity: 0;
	min-height: 500px;
}

.section_slide.sp-horizontal {
	opacity: 1;
}
.section_reserve {
	background: #fbf0e6;
	color: #231815;
	padding-top: 10px;
	padding-bottom: 10px;
}

.section_reserve > .inner.flex {
	align-items: center;
	justify-content: center;
}
.section_reserve > .inner.flex > * + * {
	margin-left: 20px;
}
.section_reserve a {
	text-decoration: none;
	color: #231815;
}

.section_reserve span {
	display: block;
}
.section_reserve  span.en {
	font-size: 0.8rem;
}
.section_reserve .form {
	border: 1px solid #231815;
	padding-left: 10px;
	padding-right: 10px;
}
.section_reserve .form h4 {
	text-align: center;
	font-size: 0.8rem;
	margin-top: -0.5rem;
	background: #fbf0e6;
	padding-right: 10px;
	padding-left: 10px;
}
.section_reserve .form select {
	width: 100%;
	background: transparent;
	border: none;
	color: #231815;
	padding: 10px;
}
.section_reserve .form select option {
	background: #fbf0e6;
	padding: 10px;
}

.section_reserve .button a {
	display: block;
	border: 1px solid #231815;
	color: #231815;
	height: 100%;
	padding: 10px 40px 10px 10px;
	background: url(../img/icon_search.png) no-repeat right 10px bottom 50%;
	background-size: 16px auto;
}

.section_reserve .check:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-right: 1px solid #231815;
	border-bottom: 1px solid #231815;
	transform: rotate(45deg);
	margin: 0 auto;
}

.section_border {
	border: 1px solid #ddd;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 40px;
	padding: 1px;
}

.section_border > .inner.flex {
	align-items: stretch;
}
.section_border h3 {
	background: url(../img/icon_plane.png),linear-gradient(to bottom,#ab7821 0%,#8f5f11 100%);
	background-repeat: no-repeat;
	background-position: 5% center;
	color: #fff;
	padding: 10px 15px 10px 50px;
	margin-right: 15px;
	display: flex;
	align-items: center;
}
.section_border h3 + div {
	flex: 1;
	padding-top: 10px;
	padding-bottom: 10px;
}
h3.plaintitle {
	text-align: center;
}
h3.plaintitle .primary {
	font-size: 2.2rem;
	font-weight: normal;
}
h3.plaintitle .secondary {
	color: #222;
	font-size: 0.9rem;
	display: inline-block;
	padding-top: 10px;

}


h3.plaintitle .primary {
	display: block;
	text-align: center;
}

.title_h3 {
	padding-top: 20px;
	padding-bottom: 40px;
}
.title_h4 {
	margin-bottom: 10px;
}
.title_h4 .primary,
.title_h4 .secondary {
	display: block;
}
.title_h4 .secondary {
	font-size: 0.8rem;
	margin-top: 10px;
}

.item_bnr {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	background: #000;
}
.item_bnr .title {
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translate(0,-50%);
	text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	z-index: 99;
}
.item_bnr > img {
	opacity: 0.8;
	transition: 0.4s transform
}

.item_bnr:hover >  img {
	transform: scale(1.2);
}

.section_gray {
	background: #eee;
}

.title_h4_02 .secondary {
	color: #999;
	position: relative;
}

.title_h4_02 .secondary:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	top: -6px;
	background: radial-gradient(ellipse farthest-side, rgba(0,0,0,0.1), rgba(0,0,0,0));

}

.borderbox_white {
	background: #fff;
}

.item_news  {
	font-size: 0.9rem;
	flex-wrap: nowrap;
}
.item_news + .item_news {
	margin-top: 15px;
	padding-top: 15px;
}
.item_news .pict {
	width: 100px;
	margin-right: 15px;
}
.item_news .text {
	border-bottom: 1px solid #ddd;
	flex: 1;
	align-content: flex-start;
}
.item_news .text .module {
	width: 100%;
	margin-top: 10px;
}
.item_news dd:last-child {
	flex: 1;
}
.cat {
	background: #999;
	color: #fff;
	line-height: 1;
	padding: 4px 10px;
	margin-left: 20px;
	min-width: 80px;
	text-align: center;
}

.cat_green {
	background: #669494;
}
.cat_orange {
	background: #e9b043;
}

.cat_pink {
	background: #ca4c6a;
}

.module_list {
	position: relative;
}

.item_list {
	position: absolute;
	left: 0;
	top: 0;
}

.item_list_kanto  {
	right: 0;
	bottom: 0;
	top: auto;
	left: auto;
}

.title_h5 h5.plaintitle .primary {
	font-size: 1.4rem;
	font-weight: normal;
}

.list_list_head {
	background: #305745;
	color: #fff;
	text-align: center;
	padding: 4px ;
}

.list_list_item {
	border-top: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.list_list_head + .list_list_item {
	border-top: none;
}


.list_icon {
	font-size: 0.8rem;
	border: 1px solid #999;
	display: inline-block;
	text-align: center;
	margin-left: 20px;
	padding: 5px;
}


.item_map {
	position: absolute;
	left: 39%;
	bottom: 33%;
	width: 30%;
}

.item_map:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 5px 0 5px;
	border-color: #3c3736 transparent transparent transparent;
	transform: skew(-30deg);
	transform-origin: top right;
	margin: 0 auto;
}

.item_social {
	justify-content: center;
}
.item_social a {
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	width: 40px;
	height: 40px;
	display: flex;
	border: 1px solid #bbb;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
}

.section_gray {
	background: #efefef;
	padding-top: 40px;
	padding-bottom: 40px;
}
#globalfooter a:link,
#globalfooter a:visited {
	color: #222;
}
#globalfooter .title {
	margin-bottom: 10px;
}
#globalfooter h4.plaintitle {
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	height: 1.5rem;
}

.module_footerlink li {
	font-size: 0.8rem;
	display: inline-block;
	white-space: nowrap;
	width: 45%;
	padding-left: 10px;
	box-sizing: border-box;
	position: relative;
}
.module_footerlink li:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #222;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}

.module_footerlink2 li {
	width: 95%;
}


h1 {
	display: none;
}

#copy {
	text-align: center;
	font-size: 0.8rem;
}

.big {
	font-size: 2rem;
}
.big_semi {
	font-size: 1.1rem;
}

.small {
	font-size: 0.8rem;
}
img.bg {
	display: none;
}
.has_bg {
	background-size: contain;
	background-repeat: no-repeat
}

.section_message {
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}
.section_message > .inner {
	display: inline-block;
	max-width: 1000px;
	padding: 80px 200px;
	box-sizing: border-box;
	background: linear-gradient(to right, 
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,1) 30%,
		rgba(255,255,255,1) 70%,
		rgba(255,255,255,0) 100%
	);
	
}
.module_point {
	align-items: center;
}
.module_point .pict {
	width: 65%;
}

.module_point .text {
	flex: 1;
}
.module_point .text + .pict,
.module_point .pict + .text {
	margin-left: 40px;
}
.module_point .title {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 20px;
}
.module_point h3.plaintitle,
.module_point h3.plaintitle .primary,
.module_point h3.plaintitle .secondary {
	text-align: left;
}
.module_point h3.plaintitle .secondary  {
	font-size: 1.2rem;
}

.detaillink a {
	background: #fff;
	border: 1px solid #9d7e5f;
	position: relative;
}
.detaillink_arrow a {
	padding: 10px 40px 10px 20px;
}
.detaillink a:hover {
	background: #9d7e5f;
	color: #fff;
	text-decoration: none;
}
.detaillink_arrow a:hover:before {
	background: #fff;
}
.detaillink2.detaillink_arrow a:hover:before {
	background: #9D7E5F;
}

.detaillink_arrow a:hover:after {
	border-top-color: #fff;
	border-right-color: #fff;
}
.detaillink2.detaillink_arrow a:hover:after {
	border-top-color: #9D7E5F;
	border-right-color: #9D7E5F;
}

.detaillink_arrow a:before,
.detaillink_arrow a:after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}


.detaillink_arrow a:before{
right: 10px;
width: 14px;
height: 2px;
background: #9d7e5f;
}
.detaillink2.detaillink_arrow a:before{
	background: #fff;
}
.detaillink_arrow a:after{
right: 10px;
width: 6px;
height: 6px;
border-top: 2px solid #9d7e5f;
border-right: 2px solid #9d7e5f;
transform: rotate(45deg);
}
.detaillink2.detaillink_arrow a:after{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.flex_wrap.nopd .just3 {
	width: 33.33%;
	margin-bottom: 0;
}
.flex_wrap.nopd .just4 {
	width: 25%;
	margin-bottom: 0;
}


.flex_wrap.nopd .just5 {
	width: 20%;
	margin-bottom: 0;
}
.flex_wrap.nopd .just_item {
	padding-right: 10px;
	padding-left: 10px;
}

.flex_wrap.nopd .just_item_pict {
	padding-right: 0;
	padding-left: 0;
}

.detaillink_small a {
	padding: 4px 20px;
}
.section_img  {
	color: #fff;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 100px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.section_img:before {
	content: '';
	display: block;
	width: 100%;
	height: 100px;
	left: 0;
	top: -100px;
	background: #fff;
	position: absolute;
	transform: skewY(-2deg);
	transform-origin: right bottom;
}


.section_img:after {
	content: '';
	display: block;
	width: 100%;
	height: 100px;
	left: 0;
	bottom: -100px;
	background: #fff;
	position: absolute;
	transform: skewY(2deg);
	transform-origin: right bottom;
}

.section_img h3.plaintitle .secondary {
	color: #fff;
}

.borderbox_clear {
	background: rgba(255,255,255,0.9);
	color: #222;
}
.item_news dl {
	align-items: center;
}
.item_news + .item_news {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #999;
	
}

.item_news dt + dd {
	background: #cfc3b7;
	font-size: 0.9rem;
	padding: 4px 10px;
	margin: 0 20px;
	flex: none;
	width: 100px;
	text-align: center;
}

.item_photo_title {
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
}


.module_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:30%;
}
.module_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.linklist li {
	display: inline;
	margin: 0 20px;
}

.fadein {
	opacity: 0;
	transform: translateY(50px);
	transition: 0.4s 0.2s;
}
.fadein.inview {
	opacity: 1;
	transform: translateY(0);
}

.pt {
	position: fixed;
	left: 0;
	bottom: -50px;
	width: 100%;
	z-index: 100;
	transition: 0.4s;
}

.pt.scrolled {
	bottom: 0;
}

.pt a {
	display: block;
	width: 50px;
	height: 50px;
	background: #CCCCCC;
	position: absolute;
	right: 0;
	top: -50px;
	text-indent: -200em;
	overflow: hidden;
	
}
.pt a:before {
	content: '';
	display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 15px 5px;
border-color: transparent transparent #fff transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.pt a:after {
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,15px);
}
.pt a:hover {
	background: #bbb;
}

.module_news {
	max-height: 400px;
	overflow: auto;
}

.section_pagetitle {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	background-size: cover;
	background-position: center center;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}


.section_pagetitle h2 {
	font-size: 2rem;
}
.section_pagetitle h3 {
	font-size: 1.5rem;
	margin-top: 10px;
}
.item_room {
	text-align: center;
}
.item_room:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
	margin: 10px auto 0;
	transform: rotate(45deg);
}

.item_room.wcempty:after {
	content: none;
}
.item_room .just_item:first-child a {
	position: relative;
	display: block;
}
.item_room .just_item:first-child a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border: 4px solid rgba(255,255,255,0.6);
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}

.slide_room {
	position: relative;
}
.slide_room .sp-mask {
	padding-bottom: 60px;
}
.slide_room .sp-buttons {
	bottom: 65px;
}
.slide_room .sp-layer {
	bottom: -2rem !important;
}

.module_point dl.list dt {
	width: 40%;
}

.detaillink2 a {
	background: #9d7e5f;
	color: #fff;
}
.detaillink2 a:hover {
	background: #fff;
	color: #9d7e5f
}


.detaillink_arrow2 a {
	padding: 10px 40px 10px 20px;
}
.detaillink_arrow2 a:hover:before {
	background: #9d7e5f;
}
.detaillink_arrow2 a:hover:after {
	border-top-color: #9d7e5f;
	border-right-color: #9d7e5f;
}

.detaillink_arrow2 a:before,
.detaillink_arrow2 a:after{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}


.detaillink_arrow2 a:before{
right: 18px;
top: -2px;
height: 12px;
width: 2px;
background: #fff;
}
.detaillink_arrow2 a:after{
right: 15px;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(135deg);
}

.module_semi {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.section_brown {
	color: #342611;
	background: #FFFBF5;
}
.flex.module_spa {
	align-items: stretch;
	flex-wrap: nowrap;
}
.module_spa > .module {
	width: 50%;
	margin-bottom: 0;
}
.module.module_spa_bg {
	background-size: cover;
	background-position: center center;
	flex: 1 1 60%;
	max-width: 60%;
}

.module_spa_text {
	flex: 1 1 40%;
	max-width: 40%;
	padding: 20px;
	box-sizing: border-box;
	background: #E7F1D5;
	align-items: center;
	align-content: center;
	position: relative;
}
.module_spa_text > * {
	flex: 1 1 auto;
	position: relative;
	z-index: 2;
}
.arrow_spa {
	content: '';
	display: block;
	position: absolute;
	left: -100px;
	bottom: 0;
	width: 100px;
	height: 100%;
	background: #E7F1D5;
	transform: skew(-5deg);
	transform-origin: left bottom;
	z-index: 1;
}

.module_spa2 .arrow_spa {
	left: auto;
	right: -100px;
	transform-origin: right bottom;
}
.module_spa_text h3 {
	position: relative;
	z-index: 2;
}
.module_spa  .title_spa_bg {
	position: absolute;
	right: 160px;
	top: -40px;
	z-index: 1;
}

.module_spa .title_h3 .primary,
.module_spa .title_h3 .secondary {
	text-align: left;
	display: block;
}

.module_spa .title_h3 .secondary {
	font-size: 1.2rem;
}
.module_spa2 .module_spa_text,
.module_spa2 .arrow_spa {
	background-color: #F9E5EF;
}

.module_spa .title_h3 {
	padding-bottom: 0;
	padding-top: 0;
}

.borderbox5 {
	border: 1px solid #AFADA5;
}

.borderbox5 .title h4 {
	background: #F0EBE0;
	color: #493A1D;
	margin: -1em;
	padding: 10px;
}

.round {
	border-radius: 16px;
}

.enb {
	font-family: 'Stardos Stencil', cursive;
}

.icon_breakfast {
	color: #DC7700;
	position: absolute;
	border: 1px solid #DC7700;
	width: 120px;
	height: 120px;
	border-radius: 100px;
	text-align: center;
	align-items: center;
	justify-content: center;
	transform: rotate(-20deg);
	left: 0;
	top: -80px;
}
.icon_breakfast:before {
	content: '';
	border: 1px solid #DC7700;
	width: 140px;
	height: 140px;
	border-radius: 140px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.icon_breakfast dl.flex {
	align-items: center;
}
.icon_breakfast dd {
	font-size: 2rem;
	margin-left: 10px;
}
.module_breakfast .text {
	position: relative;
	overflow: visible;
}


.module_breakfast .pict {
	width: 60%;
}

.module_breakfast .text {
	padding-left: 60px;
}
.module_breakfast .pict + .text {
	padding-left: 0;
	padding-right: 60px;
}
.module_breakfast .pict + .text .icon_breakfast {
	left: auto;
	right: 0;
	transform: rotate(20deg);
}

.module_breakfast .title_h3 .primary {
	font-size: 3rem;
	color: #DC7700;
	border-bottom: 1px solid #bbb;
}



.module_front .pict {
	max-width: 600px
}

.module_front .title_h3 {
	padding-bottom: 0;
	padding-top: 0;
}
.module_front .title_h3 h3,
.module_front .title_h3 span.primary,
.module_front .title_h3 span.primary {
	text-align: left;
}

.item_facilities .title {
	margin-bottom: 10px;
}
.item_facilities .title h5 {
	font-weight: 700;
}

.item_service .title_h5 {
	margin-bottom: 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid #bbb;
}
.item_service .title_h5 h5 {
	border-bottom: 1px solid #bbb;
	font-weight: 700;
}
.item_service .title_h5 h5:after {
	content: '';
	display: block;
	height: 0px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 2px;
	margin-top: 10px;
}

.infiniteslide {
	display: none;
}

.section_facility {
	background-size: cover;
	background-position: center bottom;
}

.section_pagetitle h2,
.section_pagetitle h3 {
	position: relative;
	z-index: 2;
}

.section_pagetitle_slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.section_pagetitle_slide img {
	height: 294px;
	width: auto;
}

.section_sighttitle {
	padding-top: 60px;
	padding-bottom: 60px;
	background-size: cover;
	background-position: center center;
}

.module_sighttitle .pict {
	border-right: 1px solid #bbb;
	padding-right: 40px;
	margin-left: 40px;
	min-width: 250px;
}

.module_sighttitle .pict h4.plaintitle {
	font-size: 1.5rem;
}

.section_green {
	background: #e9f4f0;
}
.title_h3_02 h3.plaintitle .primary {
	position: relative;
	display: inline-block;
}
.title_h3_02 h3.plaintitle .secondary {
	display: block;
}
.title_h3_02 h3.plaintitle .primary:after,
.title_h3_02 h3.plaintitle .primary:before {
	content: '';
	display: block;
	height: 1px;
	background: #222;
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	padding-right: 100px;
	padding-left: 100px;
	transform: translateX(-50%);
}
.title_h3_02 h3.plaintitle .primary {
	padding-bottom: 10px;
}
.title_h3_02 h3.plaintitle .primary:before {
	height: 2px;
	bottom: -2px;
	padding-right: 0;
	padding-left: 0;
}
.title_h4_02 h4 {
	margin-bottom: 2px;
	padding-bottom: 10px;
}
.title_h4_02 h4,
.title_h4_02 {
	border-bottom: 1px solid #bbb;
}

.item_route {
	position: relative;
	margin-top: 20px;
}
.item_route .item_route_num {
	position: absolute;
	left: 5px;
	top: -5px;
	background: #8d1d2a;
	color: #fff;
	font-weight: 700;
	padding: 10px;
}

.bdimg {
	border: 1px solid #ddd;
}

.detaillink_arrow3 a {
	display: block;
	text-align: center;
	position: relative;
}

.detaillink_arrow3 a:after,
.detaillink_arrow3 a:before {
	content: '';
	display: block;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}


.detaillink_arrow3 a:after {
	width: 16px;
	height: 16px;
	background: #9d7e5f;
	border-radius: 16px;
	z-index: 1;
}

.detaillink_arrow3 a:before {
	width: 4px;
	height: 4px;
	right: 15px;
	margin-top: -4px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	z-index: 2;
	transform: rotate(45deg);
}

.title_h4_03 {
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	padding-top: 10px;
	padding-bottom: 10px;
}



.title_h4_03 .primary,
.title_h4_03 .secondary {
	text-align: center;
}
.title_h4_03 .secondary {
	color: #9d7e5f;
}
.title_h4_03 h4 {
	position: relative;
}
.title_h4_03 h4:before {
	content: '';
	display: block;
	height: 2px;
	background: #9d7e5f;
	width: 100px;
	position: absolute;
	left: 50%;
	top: -11px;
	transform: translateX(-50%);
}

.item_qa dd {
	margin-top: 20px;
	margin-bottom: 40px;
	display: flex;
	align-items: flex-start;
}
.item_qa dt {
	border: 1px solid #9d7e5f;
	padding: 10px;
	position: relative;
	display: flex;
	align-items: center;
}
.item_qa dt:before {
	content: 'Q';
	font-family: 'Times New Roman',sans-serif;
	color: #9d7e5f;
	margin-right: 15px;
	font-size: 1.5rem;
	border-right: 1px solid #9d7e5f;
	width: 40px;
	padding-right: 10px;
	text-align: center;
	flex: none;
}
.item_qa dd:before {
	content: 'A';
	display: block;
	font-family: 'Times New Roman',sans-serif;
	color: #fff;
	margin-right: 15px;
	width: 60px;
	height: 50px;
	font-size: 1.5rem;
	background: #58483e;
	flex:none;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item_masonry {
	width: 20%;
	box-sizing: border-box;
	padding: 1px;
}
.item_masonry img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.section_rest {
	background: url(../img/);
}

.borderbox_rest {
	box-shadow: 0 0 0 30px #f8f4ef ;
	border: 1px solid rgba(0,0,0,0.1);
	background: #fff;
	padding: 20px;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - 200px);
}
.section_rest {
	margin-top: 50px;
	background-position: center top;
	background-size: cover;
}
.section_rest > .inner > .title:first-child {
	margin-top: -50px;
	margin-bottom: 50px;
}

.detaillink3 a {
	border: 1px solid #4c4c54;
	background: #4c4c54;
	color: #fff;
}
.detaillink3 a:hover {
	background: #fff;
	color: #4c4c54
}

.module_restphoto > *{
	flex: 1;
}
.module_restphoto li {
	flex: 1;
}
.module_restphoto  {
	align-items: center;
}
.module_restphoto .title {
	margin: 0;
	padding: 0;

}
.module_restphoto h3.plaintitle .primary,
.module_restphoto h3.plaintitle .secondary {
	text-align: right;
	display: block;
	margin-right: 20px;
}

.section_brown {
	background: #f8f6e5;
}

.borderbox_pict {
	background: #fff;
	position: relative;
}
.icon_menu {
	position: absolute;
	right: 15px;
	top: 15px;
}
.icon_menu li {
	background: #5d595f;
	color: #fff;
	font-size: 0.9rem;
	padding: 4px 20px;
}
.icon_menu li + li {
	margin-left: 10px;
}
.title_h4_04 span.primary {
	margin-right: 20px;
}

.module.module_menu {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	align-items: center;
	margin-bottom: 20px;
}

.module_menu dl {
	align-items: center;
}
.module_menu dl + dl {
	margin-left: 20px;
}
.module_menu dt {
	border: 1px solid #222;
	font-size: 0.9rem;
	padding: 4px 10px;
	margin-right: 10px;
}

.large {
	font-size: 1.4rem;
}


.detaillink_dynamic a {
	background: url(../img/icon_search_fff.png) no-repeat 15px center #7a182e;
	background-size: 20px auto;
	color: #fff;
	font-size: 1.2rem;
	padding-left: 60px;
	padding-right: 60px;
	position: relative;
}

.detaillink_dynamic a:hover {
	background: url(../img/icon_search_fff.png) no-repeat 15px center #7a182e;
	background-size: 20px auto;
	color: #fff;
	opacity: 0.7;
}

.detaillink_dynamic a:before,
.detaillink_dynamic a:after {
	content: '';
	position: absolute;
	display: block;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	
	
}

.detaillink_dynamic a:before {
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
}

.detaillink_dynamic a:after {
	width: 4px;
	height: 4px;
	border-right: 2px solid #7a182e;
	border-bottom: 2px solid #7a182e;
	transform: rotate(45deg);
	margin-right: 5px;
	margin-top: -4px;
}

.module_dynamic {
	position: relative;
	align-items: center;
	margin-top: 100px;
}

.module_dynamic .title {
	padding: 0;
}
.module_dynamic .text {
	flex: 1 1 auto;
}
.module_dynamic:before {
	content: '';
	display: block;
	position: absolute;
	width: 150px;
	height: 2px;
	background: #7a182e;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.module_dynamic .pict li {
	margin-right: 20px;
	margin-left: 20px;
}
.section_dynamic {
	background-size: cover;
	margin-top: 60px;
}

.title_h3_03 {
	border-top: 1px dashed #999;
}
.module.module_smart {
	position: relative;
	margin-bottom: 0;
}
.module_smart > * {
	flex: 1;
	padding: 20px;
}
.module_smart > .flex {
	align-items: center;
	align-content: center;
}

.module_smart > .flex.text-center {
	justify-content: center;
}
.module_smart > .flex > * {
	flex: 1 1 auto;
}
.smart_num {
	position: absolute;
	left: 0;
	top: 10px;
	background: #fff;
	color: #917b37;
	padding: 10px;
}
.smart_num .flex {
	align-items: flex-end;
}
.smart_num dd {
	margin-bottom: -4px;
	margin-left: 10px;
	font-size: 2rem;
}

.smart_text {
	box-sizing: border-box;
	color: #fff;
	background: #3f6596;
	min-height: 300px;
	position: relative;
}

.module_smart .has_bg {
	background-size: cover;
	background-position: center center;
}


.borderbox6 {
	border: 4px solid #9eafc5;
}

span.brown {
	color: #e9c596;
}

.module_smart .title_h4 .primary {
	font-size: 1.7rem;
}

.module_voice img {
	height: 200px;
	width: auto;
}

.module_message {
	align-items: stretch;
}
.module_message .text {
	flex: 1;
	align-self: center;
}
.module_message .title {
	margin-bottom: 0;
	display: flex;
	padding: 1px;
}
.module_message .title h4 {
	margin: -1em 1em -1em -1em;
	display: flex;
	align-items: center;
	background:
		url(../img/icon_plane.png) no-repeat 10px center,
		linear-gradient(to bottom, #db8f1f 0%,#ab7821 100%);
	color: #fff;
	padding: 0 1em 0 40px;
}


.table th {
	background: #58483e;
	color: #fff;
}
.table td {
	background: #f9f2e8;
}

.borderbox2 dl.list + dl.list {
	border-top: 1px solid #c1a16f;
}


.sponly {
	display: none;
}
.module_form {
	padding: 20px;
}
.module_form dl.list dt {
	width: 200px;
	margin-right: 20px;
}
.module_form dt {
	align-items: center;
	
}


input[type="text"],textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 4px;
	border: 1px solid #c1a16f;
}
textarea {
	height: 200px;
}
input.form_semi {
	width: 30%;
}

.require {
	background: #fc5a5a;
	color: #fff;
	font-size: 0.8rem;
	font-weight: normal;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 10px;
	white-space: nowrap;
	margin-left: auto;
}

button,input[type="submit"],input[type="button"] {
	background: #5a8972;
	border: none;
	padding: 20px 100px;
	color: #fff;
}
input[type="button"] {
	background: #5a7e89;
}


	.section_nav.drop {
		box-sizing: border-box;
		position: fixed;
		padding-bottom: 20px;
		right: -500px;
		top: 0;
		height: 100%;
		width: 500px;
		background: #eee8dc;
		display: flex;
		flex-wrap: wrap;
		overflow: auto;
		z-index: 100;
		transition: 0.4s right;
		align-content: flex-start;
	}
	.section_nav.drop.open {
		right: 0;
	}
	
	.section_nav.drop > * {
		flex: none;
		width: 50%;
	}
	
	
	.section_nav.drop > * {
		flex: none;
		width: 50%;
	}
	.section_nav.drop .nav_global {
		display: block;
	}
	.nav_header {
		width: 100px;
		font-size: 0.8rem;
		z-index: 100;
		line-height: 1;
		justify-content: flex-end;
		top: 0;
	}
	.section_nav.drop .nav_header {
		flex: none;
		width: 100%;
		display: flex;
		position: relative;
		z-index: 100;
	}
	.section_nav.drop .header_tel:before {
		content: 'ご予約・お問い合わせ';
		display: block;
		flex: none;
		width: 100%;
		font-size: 1rem;
		margin-bottom: 10px;
	}
	.section_nav.drop .header_tel {
		flex: none;
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		justify-content: center;
		margin-top: 20px;
	}
	
	.nav_close {
		display: flex;
	}
	.nav_close a {
		background: url(../img/nav.png) no-repeat center 10px #35644D;
		width: 100%;
	}
	.nav_close a:before {
		content: 'MENU';
		color: #fff;
	}
	.nav_close a.open {
		background: url(../img/close.png) no-repeat center 10px #35644D;
	}
	.nav_close a.open:before {
		content: 'CLOSE';
		color: #fff;
	}
	.section_nav .subnav_lang {
		display: none;
	}
	.section_nav.drop .nav_header .subnav_lang {
		display: block;
	}
	
	.subnav_lang,
	.header_reserve a {
		margin-left: 0;
	}
	.subnav_lang * {
		height: 100%;
		box-sizing: border-box;
	}
	.subnav_lang > ul > li > a {
		background-color: #b49d71;
		color: #fff;
		padding: 0;
		background-image: url(../img/icon_earth_on.png);
		background-position: center center;
		border: none;
		background-size: 30px;
		overflow: hidden;
	}
	.subnav_lang > ul ul,
	.subnav_lang > ul ul li,
	.subnav_lang > ul ul a {
		padding: 0 !important;
		height: auto;
	}
	.subnav_lang > ul ul a {
		padding: 10px !important;
	}
	.subnav_lang > ul ul a:hover {
		background: #fff !important;
	}
	
	.subnav_lang.subnav_lang.subnav_lang > ul > li > a {
		background-image: url(../img/icon_earth_on.png);
		background-repeat: no-repeat;
		background-color: #9b7f4c;
		background-position: center 15px;
		border: none;
	}
	.section_nav .nav_header .subnav_lang a:hover {
		background-color: #eac68c;
	}


	.section_nav .module_footerlink li {
		width: 100%;
		white-space: normal;
		padding-left: 0;
		padding: 10px;
		color: #222;
	}
	.section_nav .module_footerlink li a {
		color: #222;
	}
	.section_nav .module_footerlink li a:hover {
		color: #996f1c;
	}
	.section_nav .nav_global li:before,
	.section_nav .module_footerlink li:before {
		content: none !important;
	}
	
	
	.section_nav.drop .item_social {
		justify-content: center;
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.section_nav.drop .nav_global li {
		text-align: left;
	}
	
	.header_info_wrap .header_reserve {
		display: none;
	}
	

	.nav_header > * {
		flex: none;
		width: 100px;
	}
	
	.nav_header a {
		padding: 0 !important;
		display: flex !important;
		align-items: flex-end;
		justify-content: center;
		align-content: flex-end;
		padding-top: 46px !important;
		padding-bottom: 10px !important;
	}
	

	.section_nav .nav_header {
		text-align: center;
	}

.fadein_each > * {
	opacity: 0;
	transform: translateY(50px);
	transition: 0.4s;
}
.inview.fadein_each > * {
	opacity: 1;
	transform: translateY(0);
}

.nav_header .subnav_lang,
.nav_header .nav_close {
	display: none;
}
.module_menubox h4 a:hover {
	text-decoration: none;
}


.flex_wrap.text-center {
	justify-content: center;
}
.flex_wrap.text-center > * {
	padding-right: 4px;
	padding-left: 4px;
}
.flex_wrap.text-center > .wcempty {
	display: none;
}



.table.table5 th,
.table.table5 td {
	width: 25%;
}

.table.table6 th,
.table.table6 td {
	width: 20%;
}

.table.table7 th,
.table.table7 td {
	width: 16.6667%;
}
.table.table7 [colspan] {
	width: 33%;
	text-align: center;
}

.table_attention {
	margin-top: -40px;
	padding-bottom: 60px;
}
.module_restphoto ul {
	width: 570px;
	flex: none;
}

@media screen and (min-width: 1px) and (max-width: 500px) {
.module_restphoto ul {
	width: auto;
}

.table th {
	min-width: 150px;
}
.table td {
	min-width: 250px;
}

.table_wrap {
	width: 100%;
	overflow: auto;
}
.table1 th,
.table1 td {
	min-width: 0;
}

.table th {
	min-width: 150px;
}
.table td {
	min-width: 250px;
}
	body > img,
	a[name][id] img {
		width: auto;
	}
	
	.pict img {
		width: 100%;
		height: auto;
	}
	
	body {
		min-width: 0;
	}
	
	body > img {
		position: absolute;
		left: -100px;
		top: -100px;
	}
	.sponly {
		display: block;
	}
	.pconly {
		display: none;
	}
	.inner {
		box-sizing: border-box;
		margin: 0;
		padding-right: 10px;
		padding-left: 10px;
	}
	.section_border, .inner {
		width: 100%;
	}
	.section_nav .inner {
		padding-right: 0;
		padding-left: 0;
	}
	#globalheader  {
		display: flex;
		top: 0;
		left: 0;
		padding-top: 0;
		padding-bottom: 0;
		position: fixed;
		z-index: 101;
		background: #fff;
		min-width: 0;
	}
	#globalheader > * {
		flex: 1;
	}
	#globalheader > .inner {
		padding-right: 0;
		flex-wrap: nowrap;
	}
	#globalheader .nav_header.flex {
		display: flex;
		order: 2;
		font-size: 0.7rem;
		width: auto;
	}
	#globalheader h2 {
		text-align: center;
		width: auto;
		flex: 1;
	}
	#globalheader h2 img {
		width: 100%;
		height: auto;
	}
	body > .section_nav,
	#globalheader h3 {
		display: none;
	}
	#globalheader .header_info_wrap,
	.nav_global .subnav_lang {
		display: none;
	}
	.nav_btn a {
		position: fixed;
		right: 0;
		top: 10px;
		background: #fff;
		width: 40px;
		height: 40px;
		z-index: 99;
		border: 1px solid #48735E;
		border-right: none;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		box-sizing: border-box;
		padding: 10px;
	}
	.nav_btn a span {
		display: block;
		height: 1px;
		background: #48735E;
		width: 100%;
	}
	.nav_header > * {
		width: auto;
		min-width: 80px;
	}
	
	.section_slide {
		min-height: auto;
	}
	
	.module_message {
		flex-direction: column;
	}
	.module_message > * {
		flex: none;
		width: 100%;
	}
	.module_message .title h4 {
		margin: -1em -1em 10px;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.module_message .pict {
		margin-left: 0;
		margin-top: 10px;
	}
	.section_reserve img {
		width: 150px;
		height: auto;
	}
	.section_reserve .inner > * {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.section_message {
		background-size: cover;
		background-position: center center;
	}
	
	.section_message > .inner {
		padding-right: 20px;
		padding-left: 20px;
		background: linear-gradient(to right, 
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,0.8) 10%,
		rgba(255,255,255,0.8) 90%,
		rgba(255,255,255,0) 100%
	)
	}
	h3.plaintitle .primary,
	.big {
		font-size: 1.1rem;
	}
	
	.module_point {
		flex-direction: column;
		align-items: flex-start;
	}
	.module_point .pict {
		width: 100%;
		order: 1;
	}
	.module.module_point .text {
		order: 2;
	}
	.module.module_point .text,
	.module.module_point .pict {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.flex_wrap.nopd .just4 {
		width: 50%;
		margin-bottom: 20px;
	}
	.flex_wrap.nopd .just5 {
		width: 25%;
	}
	
	
	.item_news dd:last-child {
		width: 100%;
		flex: none;
		margin-top: 10px;
	}
	.module_map {
		padding-top: 50%;
	}
	.linklist li a{
		display: block;
	}
	.just2 {
		width: 100%;
	}
	.just6,
	.just4 {
		width: calc(50% - 10px);
	}
	
	
	
	#globalfooter .just4 {
		width: 100%;
	}
	#globalfooter .section:last-child .text-center img {
		width: 200px;
		height: auto;
	}
	
	.sp-layer {
		position: static !important
	}
	.slide_room .sp-mask {
		padding-bottom: 50px;
	}
	
	.photo .pict {
		width: 100px;
	}
	dl.list.flex {
		display: block;
	}
	dl.list.flex > * {
		width: 100%;
	}
	.title_h3 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.arrow_spa {
		display: none;
	}
	.module_spa {
		flex-direction: column;
	}
	.module_spa > .module {
		width: 100%;
	}
	.module_spa_bg {
		order: 2;
	}
	
	.module_breakfast .text {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.icon_breakfast {
		top: -30px;
		right: -15px !important;
		left: auto !important;
		transform: rotate(20deg);
	}
	.module_breakfast .pict + .text .icon_breakfast {
		right: 60px;
	}
	.module_breakfast .title_h3 .primary {
		font-size: 2rem;
	}
	
	.module_front {
		display: flex;
		flex-direction: column;
	}
	.module_front .pict {
		float: none;
		width: 100%;
		order: 1;
		margin: 0;
		margin-top: 20px;
	}
	.item_facilities {
		width: calc(50% - 10px);
	}
	
	.module_sighttitle .pict {
		float: none;
		width: 100%;
		border: none;
		padding: 0;
		margin: 0;
	}
	.module_access .pict {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 10px;
	}
	.module_access .pict img {
		width: 100%;
	}
	.table.table1 th,
	.table.table1 td {
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	.item_route {
		width: calc(50% - 10px);
	}
	.item_masonry {
		width: 33.33%;
	}
	.item_photo_title > dl {
		flex: 1;
	}
	.module_breakfast {
		overflow: hidden;
	}
	.section_reserve .form h4 {
		margin-top: -1rem;
	}
	.section_reserve .inner > * {
		padding-top: 10px;
	}
	.module_form dl.list dt {
		width: 100%;
		margin-bottom: 10px;
	}
	input.form_semi {
		width: 100%;
	}
	button,input[type="submit"],input[type="button"] {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
	.nav_header .subnav_lang, .nav_header .nav_close {
		display: block;
	}
	#globalheader.scrolled > .inner.flex > h2 {
		display: block;
	}
	#globalheader.scrolled,
	#globalheader.scrolled_out {
		animation: none;
		top: 0;
		height: auto;
	}
	#globalheader.scrolled .header_reserve a {
		background-position: center 15px;
	}
	.section_nav.drop {
		width: 100%;
		right: -100%;
	}
	.section_nav.drop.open  {
		right: 0;
	}
	.module.module_spa_text,.module.module_spa_bg {
		max-width: 100%;
	}
	.module_point .text {
		position: relative;
		z-index: 100;
	}
	.borderbox_rest {
		box-shadow: 0 0 0 10px #f8f4ef;
		width: calc(100% - 40px);
	}
	.module_restphoto {
		flex-direction: column;
		align-items: flex-start;
	}
	.module_restphoto .title {
		margin-bottom: 20px;
	}
	.module_restphoto h3.plaintitle .primary, .module_restphoto h3.plaintitle .secondary {
		text-align: left;
		padding-top: 0;
	}
	.module_menu dl + dl {
		margin-left: 0;
	}
	.module_menubox.photo .pict {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.module_link .just3 {
		width: 100%;
	}
    
    .mini{
        font-size: 0.9rem;
    }
    
     .m_mini{
        font-size: 0.8rem;
    }
    
    .primary{
        font-size: 1.1rem;
    }
    
	.section_pagetitle {
		padding-top: 160px;
	}
	.section_dynamic {
		margin-top: 0;
	}
	.module_dynamic {
		flex-direction: column;
	}
	.module_dynamic .title {
		margin-bottom: 0;
	}
	.module_smart .smart_text {
		order: 1;
		padding-top: 80px;
	}
	.module_smart > * {
		order: 2;
	}
	.module_smart .module {
		margin-bottom: 20px;
	}
	.module_smart  {
		margin-right: -10px;
		margin-left: -10px;
		width: calc(100% + 20px);
		flex-direction: column;
	}
	.module_smart .has_bg {
		min-height: 200px
	}
	.module_smart img {
		width: 100%;
		height: auto;
	}
	.module_smart .title_h4 .primary {
		font-size: 1.4rem;
	}
	
	.title_h3_02 h3.plaintitle .primary:after, .title_h3_02 h3.plaintitle .primary:before {
		box-sizing: border-box;
	}
	
		/**/
	#globalheader > .inner {
		flex-wrap: wrap;
		padding-left: 0;
	}
	#globalheader .nav_header.flex {
		width: 100%;
	}
	.nav_header > * {
		width: 33.33%;
	}
    
    
    .bdimg {
	width: 100%;
	height: auto;
    }




}

body[class*="wc"] .detaillink .wgt a {
	background: #0ff !important;
}

body[class*="wc"] .infiniteslide li,
body[class*="wc"] .masonry li {
	display: inline-block;
}

body[class*="wc"] img.bg,
body[class*="wc"] .subnav_lang > ul > li ul,
body[class*="wc"] .infiniteslide {
	display: block;
}
body[class*="wc"] .sp-slide {
	position: static;
}
body[class*="wc"] .section_slide {
	overflow: auto;
}
body[class*="wc"] .section_slide,
body[class*="wc"] .fadein,
body[class*="wc"] .fadein_each,
body[class*="wc"] .fadein_each > * {
	opacity: 1;
	transform: none;
}


.module_space{
    height: 20px;
    margin-bottom: 30px;
}

body[class*="wc"] .module_point .sp-image {
	width: 100%;
	height: auto;
}


/**/
.section_reserve {
	padding-top: 20px;
}
.section_reserve .form {
	margin-bottom: 10px;
}
.section_reserve .flex {
	align-items: center;
}
.dynPrice > .flex > div,
.dynPersons > .flex > div,
.dynrooms > span > .flex > *,
.dynDate > div {
	padding-right: 4px;
	padding-left: 4px;
}
.dynrooms > label {
	margin-left: auto;
}
.dynrooms > div {
	flex: 1 1 auto;
}

.section_reserve .form select {
	background: #fff;
	border: 1px solid #c1a16f;
	padding: 4px;
}
.section_reserve h4:not(:first-child) {
	margin-top: 10px;
}
.section_reserve .form input:disabled,
.section_reserve .form select:disabled {
	background: #fff;
	opacity: 0.5
}
.section_reserve .form {
	padding-bottom: 10px;
}
.dynPersons > .flex + .flex {
	margin-top: 10px;
}

.dynPersons > .flex > div:first-child {
	width: 70px;
}

.dynDispunit {
	margin-top: 10px;
}

.section_reserve .form.form_submit {
	border: none;
	padding-bottom: 0;
}
.dynSubmit .buttonSubmit {
	display: block;
	border: 1px solid #9b7f4c;
	color: #fff;
	box-sizing: border-box;
	padding: 10px 40px 10px 60px;
	-webkit-appearance: none;
	font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	background: url(../img/icon_search_fff.png) no-repeat 40px center #9b7f4c;
	background-size: 20px auto;
	transition: 0.4s;

}

.dynSubmit .buttonSubmit:hover {
	background: url(../img/icon_search_brown.png) no-repeat 40px center transparent;
	background-size: 20px auto;
	color: #9b7f4c;
	border-color: #9b7f4c;
}

.dynSubmit .buttonCancel {
	border: none;
	text-align: center;
		font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
		background: none;
		padding-right: 20px;
		padding-left: 20px;
	transition: 0.4s;
	font-size: 0.8rem;
	outline: none;
}
.dynSubmit .buttonCancel {
	color: #222;
}
.dynSubmit .buttonCancel:hover {
	color: #9b7f4c;
}
.dynSubmit  > .flex {
	flex-wrap: nowrap;
}

@media screen and (min-width: 1px) and (max-width: 500px) {
	.section_reserve > .inner.flex {
		flex-direction: column;
	}
	.section_reserve > .inner.flex > * {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
		margin-left: 0;
	}
	.dynDate {
		flex-wrap: nowrap;
	}
	.dynDate > * {
		flex: 1 1 auto;
	}
	.dynSubmit > .flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	.reservie_title {
		text-align: center;
	}
	.reservie_title > div {
		display: inline-block;
	}
	.dynDate > div:nth-child(1),
	.dynDate > div:nth-child(2) {
		display: none;
	}
	.dynDate > div:nth-child(4) {
		flex: 0 1 auto;
	}

}



.section_reserve > .inner.flex {
	align-items: stretch;
}
.section_reserve .form.form_submit > * {
	align-items: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.dynSubmit .buttonCancel {
	padding-top: 0;
	padding-bottom: 0;
}
.section_reserve .form h4 {
	margin-bottom: 15px;
}



.slide_room_text {
	position: absolute;
	left: 0;
	top: 520px;
}

@media screen and (max-width: 500px) and (min-width: 1px) {
	.slide_room {
		display: flex;
		flex-wrap: wrap;
	}
	.slide_room_text {
		flex: 1;
		width: 100%;
		position: static;
		order: 5;
		margin-bottom: 20px;
	}
	.slide_room .sp-mask {
		padding-bottom: 20px;
	}
	.slide_room .sp-buttons {
		bottom: 0;
		top: 450px;
	}
		.reservie_title + .form {
		flex: 1 1 auto;
	}
	.cmbARRALL  {
		margin-top: 10px;
		margin-bottom: 10px;
	}

}



button,input[type="button"],input[type="submit"] {
	cursor: pointer
}


.dynDate flex > div {
	flex: 1 1 auto;
	display: block !important;
}


.section_nav.drop .nav_global li:after {
	content: none;
}



.module_news {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.item_news {
	display: flex;
	align-items: center;
}

.item_news > dl {
	margin-left: 220px;
}
.item_news_img {
	flex: none;
	width: 100px;
}
.item_news > .item_news_img + dl {
	margin-left: 20px;
}


.item_news dt {
	width: 5rem;
}

.cmbARRM,.cmbARRD {
	display: none;
}



@media screen and (max-width: 500px) and (min-width: 1px) {
	.item_news {
		flex-direction: column;
	}
	.item_news dl {
		margin-left: 0;
	}
	.item_news_img {
		width: 100%;
		margin-bottom: 10px;
	}
	.item_news_img img {
		width: 100%;
		height: auto;
	}
}

.item_news > dl {
	flex: 1;
}

.just10{
    margin-bottom: 80px;
    text-align: center;
    max-width: 100%;
}
.just11{
    margin-bottom: 0px;
    text-align: center;
    max-width: 100%;
}




.style_block_area > * {
	flex: none;
	width: 100%;
}
.dynSubmit .buttonCancel {
	color: #9b7f4c;
	border: 1px solid #9b7f4c;
	padding: 6px 10px;
	margin-top: 6px;
	width: 100%;
}
.dynSubmit .buttonCancel:hover {
	background: #cebb98;
	color: #fff;
	border-color: #cebb98;
}
.dynSubmit .buttonSubmit:hover {
	background: url(../img/icon_search_fff.png) no-repeat 40px center #cebb98;
	background-size: 20px auto;
	color: #fff;
	border-color: #cebb98;
}