*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
  font-family:
    "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans",
    "Noto Sans JP", sans-serif;
  color: #271b0d;
  margin: 0;
  padding: 0;
  background: #fff;
}

:root {
	--font-gothic:
		"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans",
		"Noto Sans JP", sans-serif;
	--font-mincho:
		"Times New Roman", "Yu Mincho", "Noto serif JP", "Hiragino Mincho ProN",
		serif;
	--deep-green :#203B32;
}
.mincho {
  font-family:
    "Times New Roman", "Yu Mincho", "Noto serif JP", "Hiragino Mincho ProN",
    serif;
}
a {color:unset;}
img {width: 100%;}
p {font-size: 1rem;}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}


.enecnt {text-align: center;}
.bold {font-weight:bold;}
.flexbox {
	display: flex;
	flex-wrap: wrap;
}
.flexbox.between {
	justify-content:space-between;
}

.text75 {font-size: 75%;}
.text65 {font-size: 65%;}
.text60 {font-size: 60%;}
.text55 {font-size: 55%;}
.text50 {font-size: 50%;}

.mgnA {margin-left:auto!important;margin-right:auto!important;}
.wid30 {width:30%;}
.wid33 {width:33%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid48 {width:48%;}
.wid49 {width:49%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid70 {width:70%;}
.wid80 {width:80%;}
.wid90 {width:90%;}
.wid100 {width:100%;}
.wid20_m100 {width:20%;}
.wid30_m100 {width:30%;}
.wid33_m100 {width:33%;}
.wid35_m100 {width:35%;}
.wid40_m100 {width:40%;}
.wid45_m100 {width:45%;}
.wid48_m100 {width:48%;}
.wid49_m100 {width:49%;}
.wid50_m100 {width:50%;}
.wid55_m100 {width:55%;}
.wid60_m100 {width:60%;}
.wid65_m100 {width:65%;}
.wid70_m100 {width:70%;}
.wid75_m100 {width:75%;}
.wid80_m100 {width:80%;}
.wid85_m100 {width:85%;}
.wid90_m100 {width:90%;}
.mobile_only {display:none;}
.pc_only {display:block;}


.arrow:before {
    font-family: "dashicons";
    content: "\f345";
    padding-right: 0.5em;
	vertical-align: baseline;
    font-size: 0.75em;
}

.pc #one_col,#one_col {
	width: auto;
	margin: auto!important;
	padding: 0!important;
	max-width: unset!important;
}
#page_header {display:none;}


/* 投稿 */
#post_title_area .title {font-family: var(--tcd-font-type1);}
 
.post_content h2 {font-size: unset;}


.section__inner {
  width: min(1200px, calc(100% - 3rem));
  margin-inline: auto;
}

/* 固定ページ 画像付きタイトル */
.page-title__bg {
  background-color: var(--deep-green);
  display: flex;
  padding: 5em 0 2em;
}
.page-title__wrap {
  width: 100%;
  max-width: 1600px;
  padding-left: 2em;
  margin-inline: auto;
}
.page-title__image {
  position: relative;
  height: 400px;
  margin-left: auto;
  background-size: cover;
  background-position: center;
}
.page-title__image--spa {
  background-image: url(/hattori-ryokuchi/images/title-bg-spa.jpg);
}
.page-title__image--yumemi {
  background-image: url(/hattori-ryokuchi/images/title-bg-yumemi.jpg);
}
.page-title__image--akasuri {
  background-image: url(/hattori-ryokuchi/images/title-bg-akasuri.jpg);
}
.page-title__image--ganbanyoku {
  background-image: url(/hattori-ryokuchi/images/title-bg-ganbanyoku.jpg);
}
.page-title__image--restaurant {
  background-image: url(/hattori-ryokuchi/images/title-bg-restaurant.jpg);
}
.page-title__image--fee {
  background-image: url(/hattori-ryokuchi/images/title-bg-fee.jpg);
}
.page-title__image--access {
  background-image: url(/hattori-ryokuchi/images/title-bg-access.jpg);
}
.page-title__image--lounge {
	background-image: url(/hattori-ryokuchi/images/title-bg-lounge.jpg);
}
.page-title__image--restaurant {
	background-image: url(/hattori-ryokuchi/images/title-bg-restaurant.jpg);
}
.page-title__image--cafe {
	background-image: url(/hattori-ryokuchi/images/title-bg-cafe.jpg);
}
.page-title {
  position: absolute;
  left: -0.25em;
  top: 50%;
  transform: translateY(-50%);
  padding: 3.5rem 2rem !important;
  background: rgb(255 255 255 / 0.95);
  font-size: clamp(2.5rem, 1.8182vw + 2.1364rem, 3.5rem)!important;
  font-weight: normal;
  color: var(--deep-green);
  font-family: var(--font-mincho);
  box-shadow: 8px 15px 15px rgba(0, 0, 0, 0.15);
}
.page-title__eng {
  display: block;
  margin-top: 1rem;
  font-size: clamp(1.125rem, 0.2273vw + 1.0795rem, 1.25rem);
  letter-spacing: 0.25em;
  color: #b69b5c;
  font-family: var(--font-gothic);
}
@media (max-width:550px) {
	.page-title__bg {padding: 4em 0 1em;}
	.page-title__wrap {padding-left:1.5em;}
	.page-title {padding: 2rem!important;}
	.page-title__image {
		height: 300px;
		padding: 1.5rem !important;
	}
	.page-title {line-height: 1.2!important;}
	
}


/* 見出し1 */
.section-title1 {
	display: flex;
	align-items: center;
	color: var(--deep-green);
	overflow: hidden;
	margin-bottom: 2em !important;
	padding: unset!important;
}
.section-title1__text {
	font-size: clamp(2.5rem, 1.7045vw + 2.1591rem, 3.4375rem);
	font-family: var(--font-mincho);
	font-weight: normal;
}
.section-title1__text::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: clamp(60px, 20vw, 300px);
	height: 1px;
	margin-left: 1.5rem;
	background-color: var(--deep-green);
}

/* 見出し2 */
.section-title2 {
	font-size: clamp(1.5rem, 0.6818vw + 1.3636rem, 1.875rem)!important;
	color : var(--deep-green);
	font-weight: normal;
	display: flex;
	align-items: center;
	margin-bottom: 0.8em!important;
}
.section-title2::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 1em;
	background: #C4DDBB;
	background: linear-gradient(180deg,rgba(196, 221, 187, 1) 0%, rgba(75, 152, 119, 1) 100%);
	margin-right: .55em;
	border-radius: 20px;
}



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

}

@media screen and (max-width:950px) {
	#one_col {
		padding: 0!important;
		max-width: unset;
	}
}
@media screen and (max-width:767px) {
	.post_content h2 {font-size: unset;}
}


@media screen and (max-width:550px) {
	.pc_left {float: none;}
	.pc_right {float: none;}
	
	.encent_mL {text-align: left;}
	.wid20_m100 {width:100%;}
	.wid30_m100 {width:100%;}
	.wid33_m100 {width:100%;}
	.wid35_m100 {width:100%;}
	.wid40_m100 {width:100%;}
	.wid45_m100 {width:100%;}
	.wid48_m100 {width:100%;}
	.wid49_m100 {width:100%;}
	.wid50_m100 {width:100%;}
	.wid55_m100 {width:100%;}
	.wid60_m100 {width:100%;}
	.wid65_m100 {width:100%;}
	.wid70_m100 {width:100%;}
	.wid75_m100 {width:100%;}
	.wid80_m100 {width:100%;}
	.wid85_m100 {width:100%;}
	.wid90_m100 {width:100%;}
	.mobile_only {display:block;}
	.pc_only {display:none;}

}