/*!
Theme Name: hatoya-zuihokaku
Theme URI: http://underscores.me/
Author: hatoya-zuihokaku
Author URI: https://www.kyoto-hatoya.jp/
Description: Simple responsive theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hatoya-zuihokaku
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ----------
 * 追加
 * ---------- */
* {
	min-width: 0;
	min-height: 0;
}
/* ----------
 * layout
 * ---------- */
#wrapper {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.page {
	margin: 0;
}
section {
	width: 100%;
	margin: 50px auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.inner {
	max-width: 1400px;
	margin: 0 auto;
}
.inner.nr {
	max-width: 1200px;
}
/* ----------
 * common
 * ---------- */
body {
	color: #000;
	font-family: 'Shippori Mincho B1', serif;
	font-size: .78rem;
	line-height: 1.8;
}
ul {
	margin: 0 0 1.5em;
	padding: 0;
}
ul.none {
	list-style: none;
}
ul.disc li {
	position: relative;
	padding-left: 1em;
}
ul.disc li::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	content: "•";
}
img {
	display: block;
}
time {
	display: block;
	font-size: 80%;
	letter-spacing: .1em;
	line-height: 1;
}
table, tbody {
	border-collapse: collapse;
}
a.none {
	text-decoration: none;
}
a:hover, a:focus, a:active {
	outline: none;
}
.pc, .pc2, .pc3 {
	display: none !important;
}
.ct {
	margin: 0 auto;
	text-align: center;
}
.r {
	text-align: right;
}
.l {
	text-align: left;
}
.mt0 {
	margin-top: 0;
}
.mb0 {
	margin-bottom: 0;
}
.red {
	color: #fc0d00;
}
.wh {
	color: #fff;
}
::selection {
	background: rgba(61, 27, 103, .2);
	color: #fff;
}
#breadcrumbs {
	padding: 0 20px;
	font-size: 90%;
}
#breadcrumbs a {
	color: #000;
	transition: all .3s ease-out;
}
#breadcrumbs a:hover {
	opacity: .7;
}
/* title */
h1, h2, h3, h4 {
	font-weight: 400;
	line-height: 1.2;
}
.sec__ttl {
	position: relative;
	margin: 0 0 2.5em;
	text-align: center;
	letter-spacing: .1em;
	text-indent: .1em;
	z-index: 0;
}
.sec__ttl .en {
	display: inline-block;
	color: #969696;
	font-size: 60%;
}
.sec__ttl .jp {
	display: inline-block;
	position: relative;
	padding: 0 .7em;
	background: #fff;
	font-size: 115%;
}
.sec__ttl.b .jp {
	background: #f4f5f5;
}
.sec__ttl .jp::after {
	position: absolute;
	top: 50%;
	left: -1.2em;
	width: calc(100% + 2.4em);
	height: 1px;
	background: #969696;
	content: "";
	transform: translateY(-50%);
	z-index: -1;
}
.sec__ttl2 {
	font-size: 1.25rem;
	line-height: 1.5;
}
h2.sec__ttl3 {
	margin: 0 0 1em;
	padding: .6em 1.2em;
	background: rgba(173, 179, 219, .31);
	font-size: 150%;
	letter-spacing: .1em;
}
h2.sec__ttl3.facility, h3.bd.s {
	font-size: 125%;
}
h3.bd, .single h3 {
	margin: 0;
	padding: .1em 0 .1em .3em;
	border-left: 3.3px solid #adb3db;
	font-size: 135%;
}
.single h4 {
	margin-bottom: .8em;
	font-size: 120%;
}
/* btn */
.btn__link a, .btn__link2 a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 180px;
	height: 48px;
	margin: 4em auto 0;
	border: 1px solid #c4af93;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	font-size: .85rem;
	overflow: hidden;
	text-decoration: none;
	transition: all .3s ease;
	z-index: 0;
}
.btn__link.wide a {
	width: 250px;
}
.btn__link a::before, .btn__link a::after {
	position: absolute;
	content: "";
	transition: all .3s ease;
}
.btn__link a::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #c4af93;
	box-sizing: border-box;
	background: #fff;
	transform-origin: center;
	transform: scaleY(0);
	z-index: -1;
}
.btn__link a::after {
	top: 50%;
	right: 1em;
	width: 15px;
	height: 18px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/icon-btn.svg") center / contain no-repeat;
	transform: translateY(-50%);
}
.btn__link a:hover {
	border: none;
	background: none;
}
.btn__link a:hover::before {
	background: #000;
	transform: scaleY(1);
}
.btn__link a:hover::after {
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/icon-btn-wh.svg") center / contain no-repeat;
}
.btn__link a span {
	position: relative;
	color: #000;
	transition: all .3s ease;
}
.btn__link a:hover span {
	color: #fff;
}
.btn__link2 a {
	width: 100%;
	max-width: 380px;
	height: 55px;
	margin: 3em auto 0;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	font-size: 1rem;
}
.btn__link2 a:hover {
	background: #fff;
	color: #000;
}
/* animation */
.fd, .dfd,
.rooms__list li,
.rooms__list li .btn__link a {
	opacity: 0;
	filter: blur(8px);
	transition: all .8s ease-out;
}
.fd.is-active, .dfd.is-active,
.rooms__list li.is-active,
.rooms__list li .btn__link a.is-active {
	opacity: 1;
	filter: blur(0);
	transform: translate(0, 0);
}
.dl2,
.feature__list li:nth-child(2),
.news__list li:nth-child(2) {
	transition-delay: .2s;
}
.dl3,
.feature__list li:nth-child(3),
.news__list li:nth-child(3) {
	transition-delay: .4s;
}
.dl4,
.feature__list li:nth-child(4),
.news__list li:nth-child(4) {
	transition-delay: .6s;
}
.dl5,
.feature__list li:nth-child(5),
.news__list li:nth-child(5) {
	transition-delay: .8s;
}
/* ----------
 * header
 * ---------- */
.site-header {
	position: relative;
	width: 100%;
	height: 60px;
	background: #fff;
	padding: 0 40px;
	box-sizing: border-box;
	z-index: 10;
}
.site-header .inner {
	height: 100%;
}
/* logo */
.site-branding, .site-title {
	height: 100%;
	margin: 0;
}
.site-title {
	display: flex;
	align-items: center;
	width: 200px;
}
/* mobile menu */
.fixed__menu * {
	border: none;
	-webkit-appearance: none;
	appearance: none;
	outline: none;
}
.fixed__menu a:visited {
	color: inherit;
}
.fixed__menu .fixed__bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .88);
	width: 100%;
	height: 100%;
	z-index: 999;
}
.fixed__menu .fixed__button {
	cursor: pointer;
	display: block;
	position: fixed;
	top: 8px;
	right: 20px;
	background: none;
	width: 26px;
	padding: 0;
	border: none;
	z-index: 1001;
}
.fixed__menu .fixed__button.active {
	top: 15px;
}
.fixed__menu .fixed__button .fixed__bar {
	display: block;
	height: 1px;
	margin: 7px 0;
	background: #000;
	transition: all .2s;
	transform-origin: 0 0;
}
.fixed__menu .fixed__button.active .fixed__bar {
	width: 23px;
}
.fixed__menu .fixed__button.active .fixed__bar1 {
	transform: rotate(45deg);
}
.fixed__menu .fixed__button.active .fixed__bar2 {
	opacity: 0;
}
.fixed__menu .fixed__button.active .fixed__bar3 {
	transform: rotate(-45deg);
}
.fixed__menu .fixed__bar {
	display: block;
	height: 2px;
	margin: 10px 0;
	transition: all .2s;
	transform-origin: 0 0;
}
.fixed__menu .fixed__close {
	display: none;
}
.fixed__menu .fixed__nav__wrapper {
	pointer-events: none;
	position: fixed;
	top: 0;
	right: 0;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / cover no-repeat;
	width: 100%;
	max-width: 414px;
	height: 100%;
	padding: 18px 40px 60px;
	overflow-y: scroll;
	transition: 1s all cubic-bezier(0.52, 0.08, 0.18, 1);
	opacity: 0;
}
.fixed__menu .fixed__nav__wrapper.open {
	pointer-events: auto;
	opacity: 1;
	z-index: 1000;
}
.fixed__nav__wrapper .logo {
	width: 200px;
}
.global__menu {
	list-style: none;
	margin: 0;
	padding: 40px 0 15px;
}
.global__menu li {
	padding: .8em 0;
	border-bottom: 1px solid #c4af93;
}
.global__menu li a {
	display: block;
	position: relative;
	color: #000;
	font-size: .9375rem;
	transition: all .3s ease-out;
}
.global__menu li a::before {
	position: absolute;
	top: 0;
	right: 0;
	width: .8em;
	color: #c4af93;
	content: ">";
}
.global__menu li a:visited {
	color: #000;
}
.global__menu p {
	margin: 0 0 .2em;
	font-size: .9375rem;
}
.global__menu .sub__menu li {
	padding: .8em 0;
	border: none;
}
.global__menu .sub__menu li:last-child {
	padding-bottom: 0;
}
.f__menu {
	display: flex;
	flex-flow: row wrap;
}
.f__menu li {
	width: 50%;
	padding: 1px;
	box-sizing: border-box;
}
.f__menu li.lang {
	padding: 1px 5px;
}
.f__menu li a {
	display: block;
	width: 100%;
	padding: 1.4em .4em;
	border: 1px solid #c4af93;
	border-radius: .5em;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	font-size: 100%;
	text-align: center;
}
.f__menu li.lang a {
	border: none;
	border-bottom: 1px solid #c4af93;
	border-radius: 0;
	background: none;
}
.topics {
	display: flex;
	align-items: center;
	position: absolute;
	top: 60px;
	left: 50%;
	width: 100%;
	height: 40px;
	background: rgba(0, 0, 0, .57);
	transform: translateX(-50%);
	z-index: 1;
}
.topics .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.topics time, .topics a {
	display: block;
	margin: 0 1.2em;
	color: #fff;
	text-decoration: none;
}
.topics a h3 {
	margin: 0;
	font-size: 1em;
	line-height: 1.1;
}
.topics a:hover {
	text-decoration: underline;
}
/* ----------
 * footer
 * ---------- */
.ft__menulist {
	margin: 0;
	padding: 50px 40px 0;
	border-bottom: 1px solid #969696;
}
.ft__menulist li {
	margin-bottom: 1.2em;
}
.ft__menulist li a, .copyright .ft__logo a {
	color: #000;
	transition: all .3s ease;
}
.ft__menulist li a:hover, .copyright .ft__logo a:hover {
	opacity: .6;
}
.copyright {
	margin-bottom: 40px;
	padding: 30px 0;
	font-size: .8125rem;
	text-align: center;
}
.copyright .ft__logo {
	display: inline-block;
}
.copyright .ft__logo a {
	display: block;
}
.box__reserve a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #000;
	color: #fff;
	font-size: .9375rem;
	text-decoration: none;
	z-index: 10;
}
/* ----------
 * top
 * ---------- */
.top__detail {
	max-width: 450px;
	margin: 0 auto;
	text-align: center;
}
/* main visual */
#mainVisual {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: calc(100vh - 60px);
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/top/movie.mp4") center / cover no-repeat;
	overflow: hidden;
}
.video {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
}
.video video {
	min-width: 100vw;
	min-height: 100%;
}
#mainVisual .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	max-width: 400px;
	transform: translate(-50%, -50%);
}
/* top lead */
#topLead {
	position: relative;
	margin: 0;
	padding: 50px 20px 0;
}
#topLead::before, #topLead::after {
	pointer-events: none;
	position: absolute;
	height: calc(100% - 10px);
	content: "";
}
#topLead::before {
	top: 10px;
	left: 20px;
	width: 24%;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-square1.svg") left top / contain no-repeat;
}
#topLead::after {
	bottom: 10px;
	right: 20px;
	width: 19%;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-square2.svg") right bottom / contain no-repeat;
}
#topLead .img img, .activity__box img, #topContact img {
	margin: 0 auto;
}
/* top hot spring / top room */
#topHotspring, #topRoom, #topFood {
	padding-left: 0;
	padding-right: 0;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
}
#topHotspring, #topFood {
	padding-bottom: 50px;
}
#topHotspring .img,
#topRoom .img,
#topFood .img,
#topActivity .img.item01,
#topContact .img {
	margin-bottom: 50px;
}
#topRoom, .pic.room, .pic.history {
	position: relative;
}
#topRoom::before, .pic.room::after {
	pointer-events: none;
	position: absolute;
	top: -1.5em;
	left: 25px;
	width: 14.27%;
	height: 390px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/leaves-l.svg") left top / contain no-repeat;
	content: "";
}
#topRoom::after {
	pointer-events: none;
	position: absolute;
	bottom: 100%;
	right: 0;
	width: 16.1%;
	height: 363px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/leaves-r.svg") center bottom / contain no-repeat;
	content: "";
}
#topRoom .kv {
	padding: 0 20px;
	background: linear-gradient(to bottom, #fff 0, #fff 60%, transparent 60%, transparent 100%);
}
#slide1 {
	margin: 0 -10px;
}
#slide1 img, .activity__list img {
	padding: 10px 5px 0;
}
#slide2 img {
	padding: 10px 10px 0;
}
#topHotspring .txt, #topRoom .txt, #topActivity .txt {
	padding: 0 20px;
}
#slide2 {
	padding-top: 40px;
}
/* top dining */
.food__list {
	display: flex;
	flex-flow: row wrap;
}
.food__list li {
	width: 50%;
}
/* top activity */
 #topActivity {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}
#topActivity::after {
	pointer-events: none;
	position: absolute;
	bottom: 102%;
	right: 30px;
	width: 14.2857%;
	height: 390px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/leaves-r2.svg") center bottom / contain no-repeat;
	content: "";
}
.activity__list {
	display: flex;
	flex-flow: row wrap;
	padding: 0 5px;
}
.activity__list li {
	width: 50%;
}
.activity__box .img {
	padding-bottom: 50px;
}
/* top feature */
#topFeature {
	margin: 0;
	padding: 50px 20px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / cover no-repeat;
}
.feature__list {
	display: flex;
	flex-flow: row wrap;
	margin: 0;
}
.feature__list li {
	width: 50%;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.feature__list li:first-child {
	width: 100%;
}
.feature__list li:nth-child(2),
.feature__list li:nth-child(4) {
	padding-right: 5px;
}
.feature__list li:nth-child(3),
.feature__list li:nth-child(5) {
	padding-left: 5px;
}
.feature__list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.feature__list li a figure,
.archive__list figure,
.news__list li figure {
	margin-top: 0;
}
.feature__list li a figure {
	margin: 0;
}
.feature__list li a figure,
.archive__list figure a,
.news__list li figure a {
	display: block;
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 66.6666%;
	overflow: hidden;
}
.feature__list li a img,
.archive__list figure a img,
.news__list li figure a img,
.post__list li .img img  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s linear;
}
.feature__list li a:hover img,
.archive__list figure a:hover img,
.news__list li figure a:hover img {
	filter: saturate(20%);
	transform: scale(1.05);
}
.feature__list li a h3 {
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	color: #fff;
	font-size: 100%;
	font-weight: 400;
}
/* top contact */
#gMap {
	margin-top: 50px;
}
/* ----------
 * page
 * ---------- */
.page__header {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 70vh;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-history.jpg") center / cover no-repeat;
}
.kyoto-hotspring .page__header {
	height: 100vh;
}
.history .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-history.jpg") center / cover no-repeat; }
.party .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-party.jpg") center / cover no-repeat; }
.cafe-restaurant .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-cafe.jpg") center / cover no-repeat; }
.hakkei .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-hakkei.jpg") center / cover no-repeat; }
.room .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-room.jpg") center / cover no-repeat; }
.hotspring .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-hotspring.jpg") center / cover no-repeat; }
.hotspring-higaeri .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-hotspring-higaeri.jpg") center / cover no-repeat; }
.food .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-food.jpg") center / cover no-repeat; }
.activity .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-activity.jpg") center / cover no-repeat; }
.photo-gallery .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-photo-gallery.jpg") center / cover no-repeat; }
.faq .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-faq.jpg") center / cover no-repeat; }
.contact .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-contact.jpg") center / cover no-repeat; }
.company .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-company.jpg") center / cover no-repeat; }
.facility .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-facility.jpg") center / cover no-repeat; }
.recruit .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-recruit.jpg") center / cover no-repeat; }
.privacy .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-privacy.jpg") center / cover no-repeat; }
.sitemap .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-sitemap.jpg") center / cover no-repeat; }
.school .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-school.jpg") center / cover no-repeat; }
.news .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-news.jpg") center / cover no-repeat; }
.liyonroom .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-news.jpg") center / cover no-repeat; }
.post-type-archive-feature .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-feature.jpg") center / cover no-repeat; }
.post-type-archive-event .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-event.jpg") center / cover no-repeat; }
.post-type-archive-plan .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-plan.jpg") center / cover no-repeat; }
.post-type-archive-guidance .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-guidance.jpg") center / cover no-repeat; }
.post-type-archive-announce .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-announce.jpg") center / cover no-repeat; }
.post-type-archive-others .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-others.jpg") center / cover no-repeat; }
.post-type-archive-blog .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-blog.jpg") center / cover no-repeat; }
.kyoto-hotspring .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-kyoto-hotspring.jpg") center / cover no-repeat; }
.tentokuin .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-tentokuin.jpg") center / cover no-repeat; }
.onsen-lp .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-onsen-lp.jpg") center / cover no-repeat; }
.hotspring-room .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-hotspring-room.jpg") center / cover no-repeat; }
.beergarden .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-faq.jpg") center / cover no-repeat; }
.summerparty .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-faq.jpg") center / cover no-repeat; }
.onsen-bihada .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-kyoto-hotspring.jpg") center / cover no-repeat; }
.reunion .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-reunion.jpg") center / cover no-repeat; }
.bounenkai .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-reunion.jpg") center / cover no-repeat; }
.kansougeikai .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-reunion.jpg") center / cover no-repeat; }
.shinnenkai .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-reunion.jpg") center / cover no-repeat; }
.maiko .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-maiko.jpg") center / cover no-repeat; }
.jizake .page__header { background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-header-jizake.jpg") center / cover no-repeat; }


.page__ttl {
	margin: 0;
	color: #fff;
	text-align: center;
}
.page__ttl .jp {
	display: block;
	padding: 0 0 .2em;
	font-size: 120%;
	letter-spacing: .1em;
}
.page__ttl .en {
	display: inline-block;
	padding: .45em .3em 0;
	border-top: 1px solid #fff;
	font-size: 70%;
	letter-spacing: .2em;
	text-indent: .2em;
}
#pageLead .inner *,
.grid .txt *,
.txt.desc *,
.hotspring-higaeri #hotspringInfo *,
.address.map {
	text-align: center;
}
.pic {
	margin-top: 3em;
}
.pic.pt2 {
	margin-bottom: 50px;
}
section.grid {
	position: relative;
	background: linear-gradient(to bottom, #fff 0, #fff 20%, transparent 20%, transparent 100%);
}
section.grid::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
	content: "";
	z-index: -1;
}
.img__main {
	padding-bottom: 20px;
}
.pic__box__s {
	display: flex;
	padding-top: 20px;
}
.pic__box__s .img {
	box-sizing: border-box;
}
.pic__box__s .s__l {
	padding-right: 10px;
}
.pic__box__s .s__r {
	padding-left: 10px;
}
.grid .txt, .txt.desc {
	margin-top: 35px;
	padding-bottom: 40px;
}
.grid .txt p,
.fl__box:last-of-type,
.fl__box .txt p:last-child {
	margin-bottom: 0;
}
.fl__box {
	margin-bottom: 40px;
}
.activity .fl__box {
	margin-top: 50px;
}
.fl__box .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fl__box .txt {
	padding: 30px 20px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
}
.fl__box .txt h3 {
	margin: 0 0 1.5em;
	padding-bottom: .15em;
	border-bottom: 1px solid #979797;
}
.bnr__list1 li a img, .bnr__list1 li a p ,
.bnr__list2 li a img, .bnr__list2 li a p,
.rooms__list li .img a img {
	position: absolute;
}
.bnr__list1 li a img,
.bnr__list2 li a img,
.rooms__list li .img a img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s linear;
}
.fl__box .btn__link a {
	margin-top: 1em;
}
.bnr__list1 li a, .bnr__list2 li a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 0;
	margin: 0 0 20px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}
.bnr__list1 li a {
	padding-top: 25.8865248%;
}
.bnr__list2 li a {
	padding-top: 39.4594594%;
}
.bnr__list1 li:last-child a, .bnr__list2 li:last-child a,
.post__list li:last-child {
	margin-bottom: 0;
}
.bnr__list1 li a p,
.bnr__list2 li a p {
	top: 50%;
	left: 50%;
	width: 100%;
	margin: 0;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.2;
	transform: translate(-50%, -50%);
}
.bnr__list1 li a:hover img,
.bnr__list2 li a:hover img {
	filter: saturate(20%);
	transform: scale(1.05);
}
.pic__box2 img {
	width: 100vw;
}
.sub__box {
	display: flex;
}
.sub__box.upper {
	margin: 20px 0;
}
.sub__box .img {
	width: 50%;
	box-sizing: border-box;
}
.sub__box .img:nth-of-type(odd) {
	padding-right: 10px;
}
.sub__box .img:nth-of-type(even) {
	padding-left: 10px;
}
a.tel.none {
	color: #000;
}
.cont__box {
	margin-top: 50px;
}
table.terms {
	margin: .5em auto 1.5em;
}
table.terms tr {
	display: flex;
}
table.terms th, table.terms td {
	padding: 1em .7em;
	border: 1px solid #b3b3b3;
	box-sizing: border-box;
	font-weight: 400;
}
table.terms th {
	width: 25%;
}
table.terms td {
	width: 75%;
}
/* ----------
 * history
 * ---------- */
.pic.history::after {
	pointer-events: none;
	position: absolute;
	bottom: -7em;
	right: -20px;
	width: 22.74%;
	height: 402px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/leaves-r3.svg") right bottom / contain no-repeat;
	content: "";
}
/* ----------
 * party
 * ---------- */
.page__menu {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
#roomZuihokaku {
	margin-top: 30px;
}
.page__menu li a {
	display: block;
	margin: 0 1em 1em;
	color: #000;
	text-decoration: none;
	transition: all .3s ease-out;
}
.page__menu li a:hover {
	text-decoration: underline;
}
.layout__box,
.layout__box2 {
	margin-top: 40px;
}
.layout__box .pic__layout,
.layout__box2 .pic__layout2 {
	display: none;
}
.layout__box .pic__layout.active,
.layout__box2 .pic__layout2.active {
	display: block;
	opacity: 1;
}
.layout__box .pic__layout img,
.layout__box2 .pic__layout2 img,
.onsen__info .img img {
	width: 100vw;
}
h3.layout {
	margin: 0;
}
h3.layout:first-of-type, h3.layout.plan {
	border-bottom: 1px solid #979797;
}
h3.layout span {
	align-self: baseline;
	display: inline-block;
	margin-right: 1em;
	padding: .25em 1em .1em;
	background: #000;
	color: #fff;
	white-space: nowrap;
	line-height: 1;
}
.layout__box p,
.layout__box2 p {
	line-height: 1.4;
}
.tab__layout,
.tab__layout2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.tab__layout li,
.tab__layout2 li {
	width: 32%;
	margin-bottom: 10px;
	padding: 1em .5em;
	border: 1px solid #c4af93;
	box-sizing: border-box;
	font-size: 84%;
	text-align: center;
	transition: all .3s ease-out;
}
.tab__layout li.active, .tab__layout li:hover,
.tab__layout2 li.active, .tab__layout2 li:hover {
	background: #c4af93;
	color: #fff;
}
table.layout th, table.layout td,
table.hotspring th, table.hotspring td {
	padding: .7em;
	border: .5px solid #979797;
	font-size: 84%;
	font-weight: 400;
	text-align: left;
}
.btn__pdf {
	max-width: 560px;
	margin: 3em auto 5em;
}
.btn__pdf .btn__link a {
	margin: 1em auto 0;
}
.btn__pdf .btn__link a::after {
	display: none;
}
/* ----------
 * cafe / restaurant
 * ---------- */
section.restaurant h2 {
	margin: 0 0 1.5em;
	text-align: center;
}
h2.cafe {
	letter-spacing: .1em;
	text-indent: .1em;
}
.cafe__content {
	padding: 30px 20px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
}
.cafe__box .img {
	margin-bottom: 2em;
}
h3.cafe {
	border-bottom: 1px solid #979797;
}
.cafe__content .btn__link a {
	margin-top: 2em;
}
.cafe__box2 {
	margin-top: 3em;
}
.cafe__box2 .img {
	margin-bottom: 20px;
}
.cafe__box2 .img:last-child {
	margin-bottom: 0;
}
/* ----------
 * room
 * ---------- */
#slide3 li {
	padding: 0 .8em;
	box-sizing: border-box;
}
#roomInfo .desc {
	text-align: center;
	margin-bottom: 4em;
}
.rooms__list > li {
	margin-bottom: 40px;
}
.rooms__list > li:last-of-type {
	margin-bottom: 0;
}
.rooms__list li .option {
	display: none;
}
h3.room {
	margin: 0 0 .8em;
	padding: 1em 0;
	text-align: center;
	line-height: 1;
}
.rooms__list li:nth-of-type(1) h3.room,
.rooms__list li:nth-of-type(4) h3.room,
.rooms__list li:nth-of-type(7) h3.room,
.rooms__list li:nth-of-type(10) h3.room,
.rooms__list li:nth-of-type(13) h3.room {
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/room/h3-room-l.jpg") center / cover no-repeat;
}
.rooms__list li:nth-of-type(2) h3.room,
.rooms__list li:nth-of-type(5) h3.room,
.rooms__list li:nth-of-type(8) h3.room,
.rooms__list li:nth-of-type(11) h3.room,
.rooms__list li:nth-of-type(14) h3.room {
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/room/h3-room-c.jpg") center / cover no-repeat;
}
.rooms__list li:nth-of-type(3) h3.room,
.rooms__list li:nth-of-type(6) h3.room,
.rooms__list li:nth-of-type(9) h3.room,
.rooms__list li:nth-of-type(12) h3.room,
.rooms__list li:nth-of-type(15) h3.room {
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/room/h3-room-r.jpg") center / cover no-repeat;
}
.rooms__list li .img a {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 64.2%;
	overflow: hidden;
}
.rooms__list li .img a:hover img {
	transform: scale(1.05);
}
.spec__list {
	margin: 0;
	padding: 0 35px;
}
.spec__list li {
	position: relative;
	padding-left: 1.1em;
	font-size: 90%;
}
.spec__list li::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	content: "■";
}
.rooms__list li .btn__link a {
	margin-top: 1.2em;
}
.pic.room {
	margin-bottom: 8em;
}
/* ----------
 * hotspring
 * ---------- */
.hotspring #pageLead,
.hotspring-higaeri #pageLead,
.food #pageLead,
.activity .wrap {
	position: relative;
}
.hotspring #pageLead::before {
	position: absolute;
	top: -30%;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
	content: "";
	z-index: -1;
}
#hotspringAmenity .desc {
	position: relative;
	margin-bottom: 5em;
	text-align: center;
}
#hotspringAmenity .desc::before, #hotspringAmenity .desc::after {
	position: absolute;
	content: "";
	z-index: -1;
}
#hotspringAmenity .desc::before {
	top: 3em;
	left: 0;
	width: 14%;
	height: 100%;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-square3.svg") left top / contain no-repeat
}
#hotspringAmenity .desc::after {
	bottom: -4em;
	right: 0;
	width: 16.5%;
	height: calc(100% + 10em);
	background: url(/wp-content/themes/hatoya-zuihokaku/images/common/bg-square4.svg) right bottom / contain no-repeat;
}
.amenity__list li {
	margin-bottom: 25px;
}
.amenity__list li:last-child {
	margin-bottom: 0;
}
h3.amenity {
	padding-bottom: .2em;
	border-bottom: 1px solid #b1b1b1;
}
.onsen__info .img {
	margin-bottom: 1.5em;
}
table.hotspring tr {
	display: flex;
	flex-flow: row wrap;
}
table.hotspring th, table.hotspring td,
#hotspringInfo .fr {
	width: 100%;
	padding: .7em 1.2em;
	border: 1px solid #979797;
}
table.hotspring td p,
#hotspringInfo .fr p,
.artist__box p {
	line-height: 1.4;
}
#hotspringInfo .fr p {
	font-size: 84%;
}
#hotspringInfo .fr .note {
	margin-bottom: 1em;
	font-weight: 500;
}
h3.artist span {
	display: inline-block;
	border-bottom: 1px solid #b1b1b1;
}
#artistInfo .inner {
	max-width: 1160px;
}
/* ----------
 * hotspring-higaeri
 * ---------- */
.hotspring-higaeri #pageLead::before {
	position: absolute;
	bottom: -15%;
	width: 100%;
	height: 55%;
	content: "";
	z-index: -1;
}
#planInfo p {
	margin: 0;
	text-align: center;
}
#planContent h2 {
	margin-bottom: 1.5em;
	padding-bottom: .2em;
	border-bottom: 1px solid #979797;
}
.plan__menu {
	padding: 30px 10px 0;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
}
.plan__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.plan__list li {
	width: 33.3333%;
	margin-bottom: 20px;
	padding: 0 10px;
	box-sizing: border-box;
}
.plan__list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	color: #fff;
	text-decoration: none;
	transition: all .3s ease-out;
}
.plan__list li a:hover {
	opacity: .7;
	box-shadow: 0 12px 10px -6px rgba(0, 0, 0, .3);
}
.plan__list li a p {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	font-size: 87%;
	white-space: nowrap;
	transform: translate(-50%, -50%);
}
.plan__item {
	margin-bottom: 50px;
}
.plan__box .plan__item:last-of-type {
	margin-bottom: 0;
}
.plan__box .img {
	margin-bottom: 1.5em;
}
.plan__item h3.layout.plan {
	display: flex;
	margin-bottom: .8em;
}
.schedule__box {
	margin-bottom: 1.5em;
	padding: 10px 15px;
	background: rgba(173, 179, 219, .12);
}
.schedule__box dl {
	display: flex;
	flex-flow: row wrap;
	margin: 0 0 .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #979797;
}
.schedule__box p, .schedule__box dt, .schedule__box dd {
	margin: 0;
	font-weight: 400;
	line-height: 2;
}
.schedule__box dt {
	width: 5em;
}
.schedule__box dd {
	width: calc(100% - 5em);
}
.plan__item .msg {
	margin: 0;
	line-height: 1.6;
}
.plan__item .btn__link a {
	margin-top: 1.5em;
}
/* ----------
 * activity
 * ---------- */
.activity .wrap::before {
	position: absolute;
	bottom: -5%;
	width: 100%;
	height: 65%;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
	content: "";
	z-index: -1;
}
.area__box {
	margin: 4em 0 0;
}
h4.activity {
	position: relative;
	margin: .5em 0 0;
	padding-left: 1.2em;
	padding-bottom: .2em;
	border-bottom: .5px solid #979797;
	font-size: 130%;
}
h4.activity::before {
	position: absolute;
	top: .1em;
	left: 0;
	width: 1em;
	content: "■";
}
.area__box p {
	margin-top: .6em;
}
/* ----------
 * food
 * ---------- */
.food #pageLead::before {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 35%;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
	content: "";
	z-index: -1;
}
/* ----------
 * photo gallery
 * ---------- */
.tab__group {
	display: flex;
	justify-content: space-around;
	max-width: 520px;
	margin: 0 auto 3em;
}
.tab__group li {
	cursor: pointer;
	position: relative;
}
.tab__group li::after {
	transition: all .3s ease-out;
}
.tab.is-active::after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 18px;
	height: 5px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/faq/arrow.svg") center / 100% auto repeat-y;
	content: "";
	transform: translateX(-50%);
}
.tab__item {
	display: none;
}
.tab__item.is-show {
	display: block;
	animation: tabFadeinUp 1.2s;
}
@keyframes tabFadeinUp {
	0% { opacity: 0; transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); }
}
.tab__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.tab__list li {
	cursor: pointer;
	width: 33.3333%;
	padding: 0 1% 2%;
	box-sizing: border-box;
}
.tab__list li a {
	cursor: pointer;
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 64.2%;
	overflow: hidden;
}
.tab__list li a img {
	position: absolute;
	top: 0;
	height: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s linear;
}
.tab__list li a:hover img {
	filter: saturate(20%);
	transform: scale(1.05);
}
/* ----------
 * faq
 * ---------- */
h3.activity,
h3.faq,
h3.access,
h3.contact {
	margin: 0 0 1em;
	padding: .6em 1.2em;
	background: rgba(173, 179, 219, .31);
	font-size: 150%;
	letter-spacing: .1em;
}
.faq__box {
	margin-top: 3em;
}
.faq__box dl {
	display: flex;
	flex-flow: row wrap;
}
.faq__box dt, .faq__box dd {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	font-weight: 400;
}
.faq__box dt {
	margin: 0 0 .4em;
	padding-left: 2em;
	border-bottom: 1px solid #969696;
	font-size: 120%;
}
.faq__box dt::before, .faq__box dt::after {
	position: absolute;
}
.faq__box dt::before {
	top: 0;
	left: 0;
	width: 1em;
	letter-spacing: .2em;
	content: "Q:";
}
.faq__box dt::after {
	top: 50%;
	right: 1.5em;
	width: 18px;
	height: 5px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/faq/arrow.svg") center / 100% auto repeat-y;
	content: "";
	transition: all .3s ease-out;
	transform: translateY(-50%);
}
.faq__box dt.open::after {
	transform: translateY(-50%) rotate(180deg);
}
.faq__box dd {
	margin: 0 0 1em;
	padding: .5em 1em;
	background: #f2f2f2;
}
/* ----------
 * contact
 * ---------- */
.access__menu {
	display: flex;
	justify-content: center;
	margin: 50px auto 0;
	padding: 0 20px;
}
.access__menu li {
	width: 50%;
	max-width: 220px;
}
.access__menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 38px;
	box-sizing: border-box;
	letter-spacing: .1em;
	text-decoration: none;
	transition: all .3s ease-out;
}
.access__menu li.access a {
	background: #000;
	color: #fff;
}
.access__menu li.contact a {
	border: .5px solid #b1b1b1;
	color: #000;
}
.access__menu li a:hover {
	background: #b1b1b1;
}
h4.access {
	position: relative;
	padding-left: 1.2em;
	padding-bottom: .2em;
	border-bottom: .5px solid #979797;
	font-size: 110%;
	font-weight: 500;
}
h4.access::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	content: "■";
}
.access__box, .access__box2 {
	margin-bottom: 2em;
}
.access__box .img, .access__box2 .img {
	margin-bottom: 20px;
}
.btn__link.access a {
	margin: 1.5em auto;
}
.pic.cta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 400px;
}
.pic.cta img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pic.cta .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}
.pic.cta .txt h3, .pic.cta .txt .address {
	margin-top: 0;
	color: #fff;
	text-align: center;
}
.cta__info {
	width: 80%;
	max-width: 494px;
	margin: 0 auto;
	padding: 30px 0;
	background: #fff;
	text-align: center;
}
.cta__info .tel {
	margin: 0 0 .5em;
	line-height: 2;
}
.cta__info .btn__link a {
	margin-bottom: 0;
}
.cta__info a {
	color: #000;
	text-decoration: none;
}
/* form */
#contactForm .desc {
	text-align: center;
}
.contact__form, .contact__form tbody {
	display: block;
	margin: 0;
}
.contact__form tr {
	display: flex;
}
.contact__form th, .contact__form td {
	padding: .4em;
	border: .5px solid #b1b1b1;
	box-sizing: border-box;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
}
.contact__form th {
	width: 30%;
	font-size: .75rem;
}
.contact__form td {
	width: 70%;
}
.contact__form th, .contact__form .radio td {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.contact__form  .req {
	display: inline-block;
	padding: .1em .4em;
	color: #fc0d00;
	font-size: 90%;
}
.contact__form input[type="text"],
.contact__form input[type="email"],
.contact__form input[type="tel"],
.contact__form  textarea {
	width: 100%;
	max-width: 700px;
	padding: .5em;
	box-sizing: border-box;
}
.contact__form  textarea {
	max-width: initial;
}
.contact__form input:focus-visible,
.contact__form textarea:focus-visible {
	outline: 1px solid #ff2b1c;
}
.contact__form input[type="text"].p-postal-code {
	width: 5em;
}
div.wpcf7 .form__btn .ajax-loader {
	display: none;
}
.wpcf7 .form__btn, .wpcf7cp-btns .wpcf7-form-control {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	max-width: 300px;
	height: 60px;
	margin: 30px auto 0;
	background: #000;
	text-align: center;
	transition: background .3s ease-out;
}
.accept label {
	margin-top: 60px;
}
.wpcf7 .form__btn input[type="submit"], .wpcf7 .form__btn input[type="button"] {
	cursor: pointer;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	color: #fff;
	font-size: .9375rem;
	letter-spacing: .1em;
	line-height: 1;
	transition: background .3s ease-out;
}
.wpcf7 .form__btn:hover {
	background: #979797;
}
.wpcf7-spinner {
	display: none;
}
/* ----------
 * company
 * ---------- */
.name {
	display: inline-block;
	margin-left: .5em;
	font-size: 180%;
}
.coop__list {
	margin-top: 3em;
	padding: 0 10px;
}
.coop__list h3 {
	margin: 1.2em auto;
	text-align: center;
}
.coop__list li {
	margin-bottom: 40px;
}
.coop__list li:last-child {
	margin-bottom: 0;
}
.coop__list li .btn__link a,
.cont__box .btn__link a {
	margin-top: 1em;
}
/* ----------
 * facility
 * ---------- */
.safe__box1 {
	display: flex;
	justify-content: space-between;
}
.safe__box1 .img {
	width: 20%;
}
.safe__box1 .txt {
	width: 75%;
}
.safe__box1 .btn__link a {
	margin: 0 0 0 auto;
}
.safe__box2 img {
	width: 50%;
	margin: 0 auto;
}
.cta__recruit {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 90%;
	max-width: 760px;
	margin: 3em auto 0;
	padding: 2.8em 0;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
}
.cta__recruit p {
	font-size: 1.2em;
	text-align: center;
}
/* ----------
 * privacy policy
 * ---------- */
.pp__list > li {
	margin-bottom: 3em;
}
.pp__list li p {
	margin: 0;
}
.pp__sub {
	margin: 0;
}
/* ----------
 * sitemap / school
 * ---------- */
.page__list li p {
	margin: 0;
	border-bottom: .5px dashed #cbcbcb;
}
.page__list .page__list2 {
	margin-left: 25%;
}
.page__list2 li:last-child {
	border: none;
}
.floor__guide {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 1em;
}
.floor__guide li {
	width: 30%;
	margin-bottom: 20px;
}
.floor__guide li a {
	display: block;
	transition: all .3s ease-out;
}
.floor__guide li a:hover {
	opacity: .6;
}
.pdf__list li, .page__list li, .page__list2 li {
	padding-top: .8em;
	border-bottom: .5px dashed #cbcbcb;
}
.pdf__list li a, .page__list li a, .page__list2 li a {
	color: #000;
	text-decoration: none;
}
.pdf__list li a.list {
	display: inline-block;
	margin-left: 1em;
	text-decoration: underline;
	transition: all .3s ease-out;
}
.pdf__list li a.list:hover {
	opacity: .7;
}
#schoolContent h3 {
	margin-top: 2em;
}
/* ----------
 * category
 * ---------- */
#newsList {
	margin-top: 0;
}
.topics__menu {
	display: flex;
	flex-flow: row wrap;
	max-width: 960px;
	margin: 50px auto 40px;
}
.topics__menu li {
	width: 33.3333%;
	margin-bottom: 10px;
	padding: 0 5px;
	box-sizing: border-box;
}
.topics__menu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 2.2em;
	border: .5px  solid #000;
	color: #000;
	text-decoration: none;
	line-height: 1;
	transition: all .3s ease-out;
}
.topics__menu li a:hover {
	background: #000;
	color: #fff;
}
.archive__list article, .news__list li {
	margin-bottom: 40px;
}
.data {
	display: flex;
	align-items: center;
}
.entry-content {
	margin-top: 0;
}
.cat__name {
	margin-left: 1em;
	padding: .1em 1.4em 0;
	border-radius: .8em;
	background: #c4af93;
	color: #fff;
	font-size: 80%;
	line-height: 1;
}
.archive__list .txt a, .news__list .txt a {
	color: #000;
	text-decoration: none;
}
.archive__list .txt a h3, .news__list .txt a h3 {
	margin: .6em 0 0;
	font-size: 115%;
	transition: all .3s ease-out;
}
.archive__list .txt a:hover h3, .news__list .txt a:hover h3 {
	text-decoration: underline;
	opacity: .6;
}
/* pagenation */
.pagination {
	width: 100%;
}
.nav-links {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 95%;
}
.post-navigation .nav-previous {
    flex: none;
    width: 40%;
	border: 1px solid;
    padding: 8px;
    border-radius: 10px;
}
.post-navigation .nav-previous:hover {
    background-color: #736357;
	border: 1px solid #000;
}
.post-navigation .nav-previous:hover a {
	color: #FFF;
}
.post-navigation .nav-previous a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	text-decoration: none;
	color: #000;
	text-align: center;
}
.post-navigation .nav-next {
    flex: none;
    width: 40%;
	border: 1px solid;
    padding: 8px;
    border-radius: 10px;
}
.post-navigation .nav-next:hover {
    background-color: #736357;
	border: 1px solid #000;
}
.post-navigation .nav-next:hover a {
	color: #FFF;
}
.post-navigation .nav-next a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	text-decoration: none;
	color: #000;
	text-align: center;
}
.nav-links .page-numbers {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin: 0;
	background: #fff;
	color: #979797;
	font-size: 1.25rem;
	text-decoration: none;
	transition: all .3s;
}
.nav-links .page-numbers.current {
	color: #000;
}
.nav-links .page-numbers:hover {
	color: #c4af93;
}
/* ----------
 * post
 * ---------- */
.entry-header {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40vh;
	    width: 90%;
    margin: 0 auto;
}
.single .entry-content {
	padding: 0 20px;
}
.single .pattern {
	margin: 0 0 3em;
	padding: 25px 0;
}
.single .fl__box {
	margin: 0;
}
.single .fl__box .txt {
	padding: 30px 0;
	background: none;
}
.single .fl__box h3, .post__list li h3,
.single .plan__item h3.layout.plan {
	padding: 0 0 .15em;
	border-left: 0;
	margin: 0;
}
.single .plan__item h3.layout.plan {
	padding: 0;
}
.single .btn__link a {
	margin-top: 0;
}
.post__list li {
	margin-bottom: 40px;
}
.post__list li .img {
	position: relative;
	height: 0;
	margin-bottom: 1em;
	padding-top: 66.6666%;
	overflow: hidden;
}
.post__list li h3 {
	border-bottom: 1px solid #b1b1b1;
}
.single .plan__item {
	margin: 0;
}
.single .plan__item .img {
	margin-bottom: 1em;
}
.single .plan__item .txt {
	margin-bottom: 3em;
}
/* ----------
 * kyoto-hotspring
 * ---------- */
.kyoto-hotspring .page__ttl {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.kyoto-hotspring .page__ttl .jp1 {
	font-size: 5vw;
	text-indent: .2em;
	letter-spacing: .2em;
}
.kyoto-hotspring .page__ttl .jp2 {
	font-size: 14vw;
	text-indent: .5em;
	letter-spacing: .5em;
}
section.lp {
	margin: 0;
	padding-top: 100px;
}
#lpLead {
	background: linear-gradient(to bottom, #000 0, #000 60%, #fff 60%, #fff 100%);
}
.lp__ttl span {
	display: inline-block;
	padding-bottom: .3em;
	border-bottom: 1px solid #c7b299;
	color: #fff;
	font-size: 1.3em;
	text-indent: .2em;
	letter-spacing: .2em;
}
.lp__ttl span.bk, .desc__lp.bk {
	color: #000;
}
.desc__lp {
	margin: 3em auto 50px;
	color: #fff;
	font-size: 105%;
	line-height: 2.4;
}
.desc__lp.sec1,.desc__lp.sec3 {
	max-width: 630px;
}
.lp__gallery {
	display: flex;
	flex-flow: row wrap;
	margin: 0;
}
.lp__gallery.type1 {
	margin-bottom: 60px;
}
.lp__gallery.type1.resort {
	margin-bottom: 0;
}
.lp__gallery li {
	width: 50%;
}
#lpContent1 {
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/kyoto-hotspring/bg-kyoto-hotspring.jpg") center / cover no-repeat;
}
.lp__gallery.onsen {
	max-width: 1350px;
	margin: 5em auto 0;
}
#lpContent2, #lpContent4 {
	background: #000;
}
#lpContent3 {
	padding-bottom: 100px;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/common/bg-wall.png") center / 100% auto repeat-y;
}
h3.lp {
	margin: 0 0 .3em;
}
h3.lp span {
	display: inline-block;
	padding: .15em 1.2em .25em;
	background: #000;
	color: #fff;
	font-size: 120%;
	text-indent: .1em;
	letter-spacing: .1em;
}
.lp .txt {
	padding: 20px;
	background: #fff;
}
.lp .mb3 {
	margin-bottom: 3em;
}
.link__lp {
	max-width: 824px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.link__lp li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	margin-bottom: 1em;
	background: #fff;
	color: #000;
	font-size: 1.125rem;
	text-decoration: none;
	letter-spacing: .1em;
	line-height: 1;
	transition: all .3s ease-out;
}
.link__lp li a:hover {
	background: #c7b299;
	color: #fff;
}
#lpCTA {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 600px;
	padding: 0;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/kyoto-hotspring/bg-cta.jpg") center / cover no-repeat;
}
.lp__cta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 90%;
	max-width: 856px;
	margin: 0 auto;
	padding: 40px 20px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .71);
}
.lp__cta .ct.l1 {
	margin: 1em auto;
}
.lp__cta .ct.address {
	margin-top: 2em;
	letter-spacing: .1em;
}
.lp__cta .tel {
	width: 100%;
}
.lp__cta .tel a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding: .35em .5em .5em 1.5em;
	border-radius: .4em;
	box-sizing: border-box;
	background: #fff;
	color: #000;
	font-size: 2.2em;
	letter-spacing: .1em;
	text-decoration: none;
	line-height: 1;
}
.lp__cta .tel a::before {
	position: absolute;
	top: 50%;
	left: .5em;
	width: 1em;
	height: 1em;
	background: url("https://kyoto-hatoya.jp/wp-content/themes/hatoya-zuihokaku/images/kyoto-hotspring/icon-tel.svg") center / contain no-repeat;
	content: "";
	transform: translateY(-50%);
}

/* 2023/06/13追加 */
@media (max-width: 768px) {
  #topInformation .data {
    flex-wrap: wrap;
    padding: 15px 0 0 !important;
  }
}

.information__list .txt .cat__name-area {
  width: 8%;
}

@media (max-width: 768px) {
  .information__list .txt .cat__name-area {
    width: auto;
  }
}

.information__list .txt .cat__name-area .cat__name {
  display: inline-block;
}

.information__list .txt time {
  width: 8%;
}

.information__list .txt a {
  color: #000;
  text-decoration: none;
  width: 84%;
}

@media (max-width: 768px) {
  .information__list .txt a {
    width: 100%;
  }
}

.information__list .txt a:hover {
  color: #000;
  text-decoration: underline;
}

.information__list .txt a h3 {
  margin-left: .6rem;
  font-size: 115%;
  transition: all .3s ease-out;
}

#topInformation .data {
  padding: 0 15px;
  border-bottom: 1px dashed #c4af93;
}

#topInformation time {
  margin-left: .6rem;
}

	/* ----------
	 * recruit
	 * ---------- */
	 .staff_video iframe {
		width: 100%;
		height: 100%;
	}
	.txt__bold__red {
		color: #B8602A;
		font-weight: bold;
	}

/* ----------
 * responsive
 * ---------- */
@media (min-width: 768px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 70px auto;
	}
	/* ----------
	 * common
	 * ---------- */
	.sp {
		display: none !important;
	}
	.pc {
		display: block !important;
	}
	/* heading */
	.sec__ttl .jp::after {
		left: -3em;
		width: calc(100% + 6em);
	}
	/* ----------
	 * header
	 * ---------- */
	.site-title {
		width: 220px;
	}
	.fixed__menu .fixed__button {
		top: 20px;
	}
	/* ----------
	 * footer
	 * ---------- */
	.ft__menulist {
		display: flex;
		justify-content: center;
		padding: 50px 20px 0;
	}
	.ft__menulist li {
		margin: 0 1em .5em;
	}
	/* ----------
	 * top
	 * ---------- */
	#topHotspring .img, #topRoom .img, #topFood .img, #topActivity .img.item01, #topContact .img {
		margin-bottom: 70px;
	}
	/* top lead */
	#topLead {
		padding: 70px 20px 0;
	}
	/* top hot spring / top room */
	#topHotspring, #topFood, .activity__box .img {
		padding-bottom: 70px;
	}
	#topRoom::before {
		left: 50px;
	}
	#topRoom .kv {
		padding: 0 40px;
	}
	#slide2 {
		padding-top: 60px;
	}
	/* top dining */
	#topFood .img {
		display: flex;
	}
	#topFood .img div, .food__list {
		width: 50%;
	}
	/* top feature */
	#topFeature {
		margin: 0;
		padding: 70px 20px;
	}
	.feature__list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	.feature__list li {
		width: 100%;
	}
	.feature__list li:first-child {
		grid-column: 1/3;
		grid-row: 1/3;
	}
	.feature__list li:nth-of-type(2) {
		grid-column: 3/4;
		grid-row: 1/2;
	}
	.feature__list li:nth-of-type(3) {
		grid-column: 4/5;
		grid-row: 1/2;
	}
	.feature__list li:nth-of-type(4) {
		grid-column: 3/4;
		grid-row: 2/3;
	}
	.feature__list li:nth-of-type(5) {
		grid-column: 4/5;
		grid-row: 2/3;
	}
	.feature__list li:nth-child(2), .feature__list li:nth-child(4),
	.feature__list li:nth-child(3), .feature__list li:nth-child(5) {
		padding-right: 0;
		padding-left: 10px;
	}
	.feature__list li a h3 {
		font-size: 130%;
	}
	/* top contact */
	#topContact {
		margin-bottom: 70px;
	}
	#gMap {
		margin-top: 70px;
	}
	/* ----------
	 * page
	 * ---------- */
	.pic__box, .pic__box__s {
		display: flex;
		justify-content: space-between;
		margin-top: 3.2051282%;
	}
	.pic__box__s, .pic__box__s .s__l, .pic__box__s .s__r {
		padding: 0;
	}
	.pic__box .img__main {
		width: 58.1428571%;
		padding-bottom: 0;
		box-sizing: border-box;
	}
	.pic__box.odd .img__main {
		order: 1;
	}
	.pic__box .img__sub {
		width: 40.4285714%;
	}
	.pic__box__s .img {
		width: 48.2332155%;
	}
	.fl__box {
		display: flex;
		margin-bottom: 55px;
	}
	.activity .fl__box {
		margin-top: 60px;
		margin-bottom: 0;
	}
	.fl__box .img, .fl__box .txt {
		width: 50%;
	}
	.fl__box .txt {
		display: flex;
		flex-direction: column;
		padding: 30px;
	}
	.fl__box .txt .btn__link {
		margin-top: auto;
	}
	.bnr__list1, .bnr__list2 {
		display: flex;
		justify-content: space-between;
	}
	.bnr__list__wrap {
		flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 35px 0;
	}
	.bnr__list1 li {
		width: 48.5%;
	}
	.bnr__list2 li {
		width: 32.5%;
	}
	.bnr__list1 li a,
	.bnr__list2 li a {
		margin: 0;
	}
	table.terms th, table.terms td {
		padding: 1em 1.5em;
	}
	/* ----------
	 * party
	 * ---------- */
	.layout__box, .layout__box2 {
		margin-top: 50px;
	}
	.btn__pdf {
		display: flex;
		justify-content: space-between;
		margin: 4
	}
	/* ----------
	 * cafe / restaurant
	 * ---------- */
	.cafe__box2 {
		display: flex;
		justify-content: space-between;
	}
	.cafe__box2 .img {
		width: 32%;
		margin: 0;
	}
	/* ----------
	 * room
	 * ---------- */
	.rooms__list {
		display: flex;
		flex-flow: row wrap;
	}
	.rooms__list > li {
		display: flex;
		flex-direction: column;
		width: 50%;
		margin-bottom: 60px;
	}
	.rooms__list > li:nth-of-type(13) {
		margin-bottom: 0;
	}
	.rooms__list > li .txt {
		display: flex;
		flex-direction: column;
	}
	.rooms__list > li .btn__link {
		margin-top: auto;
	}
	/* ----------
	 * hotspring
	 * ---------- */
	.amenity__list {
		display: flex;
		flex-flow: row wrap;
	}
	.amenity__list li {
		width: 50%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	table.hotspring th, table.hotspring td {
		padding: .7em 1.5em;
	}
	table.hotspring th {
		width: 7.2em;
	}
	table.hotspring td {
		width: calc(100% - 7.2em);
	}
	#hotspringInfo .fr {
		padding: 0.7em 2em;
	}
	.artist__box {
		display: flex;
		justify-content: space-between;
	}
	.artist__box .img {
		width: 21.15%;
	}
	.artist__box .txt {
		width: 75.5%;
	}
	h3.artist {
		margin-top: 0;
	}
	/* ----------
	 * hotspring-higaeri
	 * ---------- */
	.plan__list li {
		width: 20%;
	}
	.plan__item {
		margin-bottom: 60px;
	}
	/* ----------
	 * contact
	 * ---------- */
	.access__menu {
		margin-top: 70px;
	}
	.access__box, .access__box2 {
		display: flex;
		justify-content: space-between;
	}
	.access__box .img__l {
		width: 41.5%;
	}
	.access__box .img__r {
		width: 52.5%;
	}
	.view__item, .access__box2 .img, .access__box2 .txt {
		width: 48.5%;
	}
	.access__box .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.access__box2 .txt p {
		line-height: 1.8;
	}
	.pic.cta {
		height: 532px;
	}
	.pic.cta .txt h3 {
		margin-bottom: .6em;
		font-size: 2rem;
	}
	.cta__info {
		padding: 30px 0 45px;
	}
	.pic.cta .txt .address {
		font-size: 1rem;
	}
	.cta__info .tel {
		font-size: 1.35rem;
	}
	/* form */
	.contact__form th {
		flex-direction: row;
		width: 28%;
		padding-top: 1.2em;
		font-size: .875rem;
	}
	.contact__form td {
		width: 72%;
	}
	.contact__form .radio td {
		padding: 1.25em .4em;
	}
	/* ----------
	 * company
	 * ---------- */
	.coop__list {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.coop__list li {
		width: 48.5%;
	}
	.coop__list li:nth-child(3) {
		margin-bottom: 0;
	}
	/* ----------
	 * facility
	 * ---------- */
	.floor__plan {
		display: flex;
		flex-flow: row wrap;
	}
	.floor__plan .img {
		width: 50%;
	}
	/* ----------
	 * category
	 * ---------- */
	.topics__menu {
		padding: 0 10px;
	}
	.topics__menu li {
		width: 16.6666%;
	}
	.archive__list, .news__list {
		display: flex;
		flex-flow: row wrap;
	}
	.archive__list article, .news__list li {
		width: 50%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.news__list li:nth-child(3), .news__list li:nth-child(4) {
		margin-bottom: 0;
	}
	/* ----------
	 * post
	 * ---------- */
	.single .pattern {
		padding: 40px 0;
	}
	.single .fl__box .txt {
		padding: 0 30px;
	}
	.single .btn__link a {
		margin-top: 3em;
	}
	/* ----------
	 * reservation form
	 * ---------- */
	.copyright {
		margin-bottom: 120px;
	}
	.search__container {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
		background: rgba(255, 255, 255, 0.9);
		padding: 25px 0 0;
	}
	.search__container #search__container {
		margin: 0 auto;
	}
	#search__container .search-widget-search-container-bf1818 {
		width: auto;
		padding: 0;
		border-radius: 0;
		background: none;
		text-align: center;
		box-shadow: none;
	}
	#search__container .search-widget-search-container-bf1818 section {
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	#search__container .search-widget-two-picker-wrapper-4ca735,
	#search__container .input-container-input-container-da40af,
	#search__container .input-container-input-container-da40af .input-container-slot-239963 {
		display: inline-block;
		width: unset;
		margin-bottom: 0;
		text-align: left;
	}
	#search__container .input-container-input-container-da40af .input-container-title-db81ec {
		margin-bottom: 0;
		font-size: .875rem;
		text-align: left;
	}
	#search__container .button-btn-f51c1a {
		display: inline-block;
		width: unset;
		margin: 0 0 3px;
		padding: 10.5px 20px;
	}
	/* ----------
	 * kyoto-hotspring
	 * ---------- */
	section.lp {
		padding-top: 120px;
	}
	.kyoto-hotspring .page__ttl .jp1 {
		font-size: 3.5vw;
	}
	.kyoto-hotspring .page__ttl .jp2 {
		font-size: 10vw;
	}
	.lp__ttl span {
		font-size: 1.5em;
	}
	.desc__lp {
		margin-bottom: 70px;
	}
	.lp__gallery.type1 {
		margin-bottom: 100px;
	}
	.lp__gallery.type1 li {
		width: 25%;
	}
	#lpContent3 {
		padding-bottom: 120px;
	}
	.lp .txt {
		padding: 30px;
	}
	.link__lp {
		display: flex;
		justify-content: space-between;
		padding-bottom: 80px;
	}
	.link__lp li {
		width: 48.5%;
		margin-bottom: 0;
	}
	.link__lp li a {
		height: 54px;
	}
	.lp__cta {
		padding: 60px 20px;
	}
	.lp__cta p {
		font-size: 120%;
	}
	.lp__cta .tel a {
		height: 82px;
		font-size: 3.5em;
	}
/* ----------
* recruit
* ---------- */
.staff_video iframe {
	width: 100%;
	height: 320px;
}

}
@media (min-width: 992px) {
	/* ----------
	 * layout
	 * ---------- */
	section {
		margin: 100px auto;
	}
	/* ----------
	 * common
	 * ---------- */
	body {
		font-size: .875rem;
		line-height: 2;
	}
	.sp2 {
		display: none !important;
	}
	.pc2 {
		display: block !important;
	}
	#breadcrumbs {
		padding: 0;
	}
	/* heading */
	.sec__ttl2 {
		font-size: 1.75rem;
	}
	/* ----------
	 * footer
	 * ---------- */
	.ft__menulist li {
		margin: 0 1.5em .5em;
	}
	/* ----------
	 * top
	 * ---------- */
	/* top activity */
	.activity__list {
		margin: 0 -5px;
		padding: 0;
	}
	.activity__list li {
		width: 25%;
	}
	.activity__box {
		display: flex;
		justify-content: space-between;
	}
	.activity__box .img {
		width: 46%;
		padding-bottom: 0;
	}
	.activity__box .txt {
		width: 54%;
	}
	.activity__box .top__detail {
		text-align: left;
		line-height: 1.5;
	}
	/* top feature */
	.feature__box {
		display: flex;
		justify-content: space-between;
	}
	.feature__l, .feature__r {
		width: calc(50% - 10px);
	}
	.feature__c {
		padding-top: 0;
	}
	/* ----------
	 * page
	 * ---------- */
	.activity .fl__box {
		margin-top: 90px;
	}
	.grid .txt, .txt.desc {
		margin-top: 60px;
		padding-bottom: 80px;
	}
	.pic__box2 {
		display: flex;
	}
	.pic__box2 .pic__main, .pic__box2 .pic__sub {
		width: 50%;
		box-sizing: border-box;
	}
	.pic__box2.odd .pic__main, .pic__box2.even .pic__sub {
		padding-right: 10px;
	}
	.pic__box2.even .pic__main, .pic__box2.odd .pic__sub {
		padding-left: 10px;
	}
	.pic__box2.even .pic__main {
		order: 1;
	}
	.sub__box.upper {
		margin-top: 0;
	}
	/* ----------
	 * party
	 * ---------- */
	.layout__box, .layout__box2 {
		display: flex;
		justify-content: space-between;
		margin-top: 80px;
	}
	.layout__gallery, .layout__gallery2 {
		order: 1;
		width: 58%;
	}
	.layout__box .txt, .layout__box2 .txt {
		width: 40%;
	}
	/* ----------
	 * cafe / restaurant
	 * ---------- */
	.cafe__content  {
		padding: 40px 30px 60px;
	}
	.cafe__box {
		display: flex;
	}
	.cafe__box .img {
		width: 52%;
		margin: 0;
	}
	.cafe__box .txt {
		width: 48%;
		padding-left: 30px;
		box-sizing: border-box;
	}
	/* ----------
	 * room
	 * ---------- */
	.rooms__list > li {
		width: 33.3333%;
		margin-bottom: 60px;
	}
	/* ----------
	 * hotspring
	 * ---------- */
	#hotspringAmenity .desc::before, #hotspringAmenity .desc::after {
		top: -5em;
	}
	#hotspringAmenity .desc::after {
		bottom: auto;
		background: url(/wp-content/themes/hatoya-zuihokaku/images/common/bg-square4.svg) right top / contain no-repeat;
	}
	.amenity__list li {
		width: 33.3333%;
	}
	.amenity__list li:nth-child(4) {
		margin-bottom: 0;
	}
	.onsen__info {
		display: flex;
		justify-content: space-between;
	}
	.onsen__info .img {
		width: 40.35%;
	}
	.onsen__info .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	table.hotspring {
		width: 58.25%;
	}
	/* ----------
	 * hotspring-higaeri
	 * ---------- */
	.plan__list li a p {
		font-size: 115%;
		letter-spacing: .1em;
	}
	.plan__box {
		margin-top: 100px;
	}
	.plan__item {
		display: flex;
		justify-content: space-between;
		margin-bottom: 100px;
	}
	.plan__item .img {
		width: 52%;
		margin: 0;
	}
	.plan__item .txt {
		width: 45%;
	}
	/* ----------
	 * contact
	 * ---------- */
	.access__menu {
		margin-top: 100px;
	}
	/* form */
	.contact__form th {
		width: 22%;
	}
	.contact__form td {
		width: 78%;
	}
	/* ----------
	 * company
	 * ---------- */
	.coop__list li {
		width: 24%;
	}
	.coop__list li {
		margin-bottom: 0;
	}
	/* ----------
	 * facility
	 * ---------- */
	.safe__box1 .img {
		width: 150px;
	}
	.safe__box1 .txt {
		width: calc(100% - 170px);
	}
	.safe__box2 {
		display: flex;
		justify-content: space-between;
	}
	.safe__box2 .txt {
		width: 65%;
	}
	.safe__box2 .img {
		display: flex;
		align-items: center;
		width: 30%;
	}
	.safe__box2 .img img {
		width: 95%;
	}
	/* ----------
	 * sitemap / school
	 * ---------- */
	.floor__guide li {
		width: 16.67%;
		padding: 0 1%;
		box-sizing: border-box;
		margin-bottom: 50px;
	}
	/* ----------
	 * category
	 * ---------- */
	.topics__menu {
		margin: 60px auto 50px;
	}
	.archive__list article {
		width: 33.3333%;
		margin-bottom: 40px;
	}
	.news__list li {
		width: 25%;
		margin-bottom: 0;
	}
	/* ----------
	 * post
	 * ---------- */
	.single .pattern {
		padding: 50px 0;
	}
	.post__list {
		display: flex;
		justify-content: space-between;
	}
	.post__list li {
		width: 32%;
		margin-bottom: 0;
	}
	/* ----------
	 * reservation form
	 * ---------- */
	#search__container .input-container-input-container-da40af {
		width: unset;
	}
	#search__container .input-container-input-container-da40af,
	#search__container .input-container-input-container-da40af .input-container-title-db81ec,
	#search__container .search-widget-search-container-bf1818 .search-widget-input-wrapper-eaf5bf,
	#search__container .search-widget-two-picker-wrapper-4ca735,
	#search__container .input-container-input-container-da40af .input-container-slot-239963{
		display: inline-block;
	}
	#search__container .fp-tableCell .search-widget-search-container-bf1818 {
		padding: 15px 25px 25px;
	}
	.link__reserv {
		display: flex;
		justify-content: center;
	}
	.link__reserv li {
		margin: 0 .7em;
	}
	.link__reserv li a {
		color: #000;
		transition: all .3s ease-out;
	}
	.link__reserv li a:hover {
		text-decoration: none;
		opacity: .7;
	}
	/* ----------
	 * kyoto-hotspring
	 * ---------- */
	section.lp {
		padding-top: 150px;
	}
	.kyoto-hotspring .page__ttl .jp1 {
		font-size: 2vw;
	}
	.kyoto-hotspring .page__ttl .jp2 {
		font-size: 6vw;
	}
	.desc__lp {
		margin-bottom: 90px;
	}
	.lp__gallery.type1 {
		margin-bottom: 120px;
	}
	#lpContent3 {
		padding-bottom: 150px;
	}
	#lpCTA {
		height: 800px;
	}
	.lp__cta {
		padding: 100px 20px;
	}
	.lp__cta .tel a {
		padding: 0.35em 0.5em 0.4em 1.5em;
		font-size: 2.6rem;
		white-space: nowrap;

	}
}
@media (min-width: 1200px) {
	/* ----------
	 * layout
	 * ---------- */
	 section {
		margin: 150px auto;
		padding: 0;
	}
	/* ----------
	 * common
	 * ---------- */
	body {
		font-size: .9375rem;
		line-height: 2.1;
	}
	.sp3 {
		display: none !important;
	}
	.pc3 {
		display: block !important;
	}
	/* ----------
	 * header
	 * ---------- */
	.site-header {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0 0 0 60px;
		box-sizing: border-box;
	}
	.site-branding {
		width: 25%;
	}
	.fixed__menu .fixed__button, .fixed__nav__wrapper .logo {
		display: none;
	}
	.fixed__menu .fixed__nav__wrapper {
		pointer-events: auto;
		position: static;
		max-width: initial;
		padding: 0;
		background: none;
		overflow-y: visible;
		opacity: 1;
		transform: translateX(0);
	}
	.fixed__menu .fixed__nav__wrapper::after {
		display: none;
	}
	.site-header nav {
		display: flex;
		align-items: center;
		width: 75%;
	}
	.fixed__menu {
		width: 100%;
		height: 100%;
	}
	.global__menu {
		display: flex;
		justify-content: flex-end;
		position: relative;
		height: 100%;
		padding: 0;
	}
	.global__menu li, .global__menu p  {
		display: flex !important;
		align-items: center;
		position: relative;
		margin: 0;
		padding: 0 .8em;
		border: none;
		font-size: .75rem;
	}
	.global__menu li.parent {
		padding: 0;
	}
	.global__menu li a {
		position: relative;
		font-size: .75rem;
	}
	.global__menu li.lang {
		height: 100%;
		margin-left: 20px;
		padding: 0 12px;
		background: #736357;
		color: #fff;
	}
	.global__menu li a::before {
		display: none;
	}
	.global__menu li a::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: #000;
		content: "";
		opacity: 0;
		transition: all .3s ease-out;
		transform: scale(0);
		transform-origin: center;
	}
	.global__menu li:hover, .global__menu li a:hover {
		color: #c4af93;
	}
	.global__menu li a:hover::after {
		opacity: 1;
		transform: scale(1);
	}
	.global__menu .sub__menu {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: 0;
		width: 180px;
		margin: 0;
		background: #000;
	}
	.global__menu li.lang .sub__menu {
		width: 100%;
		background: #736357;
	}
	.global__menu .sub__menu li {
		padding: 0;
	}
	.global__menu .sub__menu li a {
		display: block;
		width: 100%;
		padding: .5em;
		box-sizing: border-box;
		color: #fff;
		transition: all .3s ease-out;
	}
	.global__menu li.lang .sub__menu a {
		text-align: center;
	}
	.global__menu .sub__menu li a::after {
		display: none;
	}
	.global__menu .sub__menu li a:hover {
		opacity: .7;
	}
	.global__menu li.lang p::after {
		position: absolute;
		bottom: -20px;
		left: 50%;
		width: 1em;
		height: 1em;
		content: "^";
		transform: translateX(-50%) rotate(180deg);
	}
	/* ----------
	 * top
	 * ---------- */
	/* top lead */
	#topLead {
		padding: 150px 0 0;
	}
	/* top feature */
	#topFeature {
		margin: 0;
		padding: 120px 0;
	}
	.feature__box {
		padding: 0 40px;
	}
	.feature__box a h3 {
		font-size: 140%;
	}
	/* ----------
	 * page
	 * ---------- */
	.grid .txt, .txt.desc {
		margin-top: 90px;
		padding-bottom: 120px;
	}
	.fl__box {
		margin-bottom: 90px;
	}
	.activity .fl__box {
		margin-top: 120px;
	}
	.fl__box .img {
		width: 52%;
	}
	.fl__box .txt {
		width: 48%;
		padding: 50px;
	}
	/* ----------
	 * party
	 * ---------- */
	.layout__box, .layout__box2 {
		margin-top: 100px;
	}
	.layout__gallery, .layout__gallery2 {
		order: 1;
		width: 50%;
	}
	h3.layout {
		font-size: 1.25rem;
	}
	.layout__box p, .layout__box2 p {
		margin-bottom: 2em;
	}
	.tab__layout li, .tab__layout2 li {
		padding: .5em;
		font-size: 100%;
	}
	table.layout th, table.layout td {
		font-size: 100%;
	}
	/* ----------
	 * hotspring
	 * ---------- */
	.amenity__list li {
		margin-bottom: 35px;
		padding: 0 15px;
	}
	.plan__item {
		margin-bottom: 140px;
	}
	/* ----------
	 * contact
	 * ---------- */
	.access__menu {
		margin-top: 150px;
	}
	/* ----------
	 * category
	 * ---------- */
	.archive__list article {
		width: 25%;
		margin-bottom: 40px;
	}
	/* ----------
	 * post
	 * ---------- */
	.single .pattern {
		padding: 60px 0;
	}
	.single .fl__box .txt {
		padding: 0 50px;
	}
	/* ----------
	 * kyoto-hotspring
	 * ---------- */
	section.lp {
		padding-top: 200px;
	}
	.desc__lp {
		margin-bottom: 120px;
	}
	.lp__gallery.type1 {
		margin-bottom: 150px;
	}
	#lpContent3 {
		padding-bottom: 200px;
	}
	#lpCTA {
		height: 1280px;
	}
}