@charset "UTF-8";

@import url("./css/reset.css");
@import url("./css/b_arrow.css");
@import url("./css/contact.css");
@import url("./css/single.css");
@import url("./css/policy.css");

:root {
    --c_navy: #1d1c3f;
    --c_blue: #2b5f80;
    --mincho: "游明朝体", YuMincho, "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
    --tenmincho: "ten-mincho", serif;
    --gothic: "游ゴシック体", YuGothic, "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    --fz13: clamp(1.1rem, .9vw, 1.3rem);
    --fz14: clamp(1.2rem, 9.7vw, 1.4rem);
    --fz15: clamp(1.3rem, 1vw, 1.5rem);
    --fz16: clamp(1.4rem, 1.1vw, 1.6rem);
    --fz18: clamp(1.6rem, 1.2vw, 1.8rem);
    --fz19: clamp(1.6rem, 1.3vw, 1.9rem);
	--fz20: clamp(1.8rem, 1.3vw, 2rem);
    --fz21: clamp(1.8rem, 1.4vw, 2.1rem);
    --fz22: clamp(1.8rem, 1.5vw, 2.2rem);
    --fz24: clamp(1.9rem, 1.6vw, 2.4rem);
    --fz26: clamp(2rem, 1.8vw, 2.6rem);
    --fz27: clamp(2rem, 1.8vw, 2.7rem);
    --fz28: clamp(2.1rem, 1.9vw, 2.8rem);
    --fz36: clamp(2.8rem, 2.5vw, 3.6rem);
    --fz36: clamp(2.8rem, 2.5vw, 3.6rem);
    --fz38: clamp(2.9rem, 2.6vw, 3.8rem);
    --fz100: clamp(5rem, 6.9vw, 100rem);
}
@media only screen and (max-width: 768px) {
    :root {
        --fz13: clamp(1rem, 3.1vw, 1.3rem);
        --fz15: clamp(1rem, 3.3vw, 1.4rem);
        --fz19: clamp(1rem, 3.6vw, 1.5rem);
        --fz21: clamp(1rem, 3.3vw, 1.4rem);
        --fz24: clamp(1rem, 3.8vw, 1.6rem);
        --fz27: clamp(1rem, 4.3vw, 1.8rem);
        --fz28: clamp(1rem, 4.8vw, 2rem);
        --fz36: clamp(1rem, 7.2vw, 3rem);
		--fz100: clamp(1rem, 14.4vw, 60rem);
    }
}


/*!
Theme Name: kinosakionsen 2024
*/




/*default*/
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
/*
	font-size: 12px;
	font-size: 0.75rem;
*/
	line-height: 1;
	padding: .6em 1em .4em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #111;
}
select {
	border: 1px solid #ccc;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
textarea {
	width: 100%;
}

hr{
	border:0;
	border-top:1px solid rgba(0,0,0,0.25);
	margin:1em 0;
}
.entry-content p{
	margin-bottom:1.5em;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #555;
	background-color: transparent;
	border: 0;
	transition: all 0.3s ease-in-out 0s;
}
a:hover, a:focus, a:active {
	color: #000;
}
a:focus {
	outline: none;
}
a:hover, a:active {
	outline: 0;
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	float: left;
	width: 48%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 48%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content-wrapper[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;/* Make sure select elements fit in widgets. */
}
.widget select {
	max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.updated:not(.published) {
	display: none;
}
.page-content, .entry-content, .entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed, object {
	max-width: 100%;
}
iframe {
	width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

.youtube-wrap,
.wp-block-embed-youtube .wp-block-embed__wrapper{
	position: relative;
	padding-bottom: 56.25%; 
	height: 0;
	overflow: hidden;
}
.youtube-wrap iframe,
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
/* 	margin-bottom: 1.5em; */
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## 城崎温泉観光協会
--------------------------------------------------------------*/

a {
	text-decoration: none;
	background-color: transparent;
	border: 0;
	transition: all 0.3s ease-in-out 0s;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
}
.img, .bg-cover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-cover-top {
	background-position: center top;
}
.bg-cover-bottom {
	background-position: center bottom;
}
.bg-contain {
	background-size: contain;
}
.w1500 {
	width: 1500px;
	max-width: 92%;
	margin: 0 auto;
}
.w1300 {
	width: 1300px;
	max-width: 92%;
	margin: 0 auto;
}
.w1200, .content-width {
	width: 1200px;
	max-width: 94%;
	margin: 0 auto;
}
.w1100 {
	width: 1100px;
	max-width: 92%;
	margin: 0 auto;
}
.w1000 {
	width: 1000px;
	max-width: 92%;
	margin: 0 auto;
}
.w900 {
	width: 900px;
	max-width: 92%;
	margin: 0 auto;
}
.flex {
	display: flex;
}
.flex-center {
	justify-content: center;
}
.flex-bet {
	justify-content: space-between !important;
}
.col-2, .col-3, .col-4,
.col-2-pc, .col-3-pc, .col-4-pc {
	flex-wrap: wrap;
}
.col-2 > *:not(button) {
	width: 48%;
}
.col-3 > *:not(button) {
	width: 48%;
}
.col-4 > *:not(button) {
	width: 48%;
}

@media screen and (min-width: 560px) {
	.sp-only{
		display:none;
	}
	
	.col-2-pc > *:not(button) {
		width: 48%;
	}
	.col-3 > *:not(button),
	.col-3-pc > *:not(button) {
		width: 31.2%;
	}
	.col-4 > *:not(button),
	.col-4-pc > *:not(button)  {
		width: 23.2%;
	}
}
@media screen and (max-width: 561px) {
	.pc-only{
		display:none;
	}
}
.flex {
	list-style: none;
}
nav.flex ul, ul.flex, ol.flex {
	padding: 0;
	margin: 0;
	list-style: none;
}
.flex > li {
	padding: 0;
	margin: 0 0 15px;
}

@media screen and (min-width: 560px) {
	.flex > li {
		margin: 0 0 25px;
	}
}
.flex .dummy {
	padding: 0;
	margin: 0;
}
dl, dt, dd {
	font-weight: normal;
	padding: 0;
	margin: 0;
}
.btn, .btn-back {
	text-align: center;
}
.btn a {
	display: inline-block;
	min-width: 250px;
	width: 80%;
	padding: 10px 30px;
	margin: 0 auto;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 2px;
	text-align: center;
	background-color: #444;
	border: 1px solid #444;
	border-radius: 25px;
}
.btn.btn-white a {
    color: #444;
    background-color: #fff;
}
.btn.btn-white a:hover {
    background-color: #444;
	border: 1px solid #444;
}
.btn a:hover {
	color: #FFF;
	background: #999;
	border: 1px solid #999;
}
.btn-back a {
	display: inline-block;
	font-size: 12px;
	background: #f2f2f2;
	border-radius: 25px;
	padding: 7px 20px;
}
.btn a::after {
	content: '\f061';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-left: 10px;
}
.btn-back a::before {
	content: '\f060';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 10px;
}

.btn-wrap{
	text-align: center;
	padding-top: 50px;
}
.btn-wrap2{
	text-align: left;
	margin:15px 0 30px;
}
.btn-wrap2 .btn{
/* 	text-align: left; */
	text-align: center;
	margin-bottom:10px;
}
.btn-wrap2 .btn a{
	width:auto;
	letter-spacing: 0.5px;
	padding: 10px 20px;
}
.btn-wrap2 .btn a::after {
    margin-left: 5px;
}

.right {
	text-align: right;
}
.relative {
	position: relative;
}
.title {
	margin-bottom: 0.5em;
}
.text {
	font-size: 0.95em;
}
.normal-txt{
	font-size: 1.5rem;
	font-weight: normal;
}
.noimagebox .img {
	background-color: rgba(0,0,0,0.05);
	background-size: 50% auto;
}
.small {
	font-size: 0.8em;
}
.text-align--center, .center {
    text-align: center;
}
.red {
	color:#cc0000;
}

#post-block a[href$=".pdf"],
.single .single_content a[href$=".pdf"]{
	display:inline-block;
	font-weight: bold;
	border-radius:25px;
	border: 1px solid #bfbfbf;
	background:#f2f2f2;
	padding:10px 25px 10px 50px;
	margin:0 10px 10px 0;
	position:relative;
}
#post-block a[href$=".pdf"]:hover,
.single .single_content a[href$=".pdf"]:hover{
	color:#fff;
	background: #444;
	border-color: #444;
}
#post-block a[href$=".pdf"]::before,
.single .single_content a[href$=".pdf"]::before{
	background-image: url('img/icon_pdf.png');
	content: "";
	display: inline-block;
	width: 26px;
	height: 32px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin-right:5px;
	position: absolute;
	bottom: 10px;
	left: 18px;
}


.kyocho{
	display:inline-block;
	color:#fff;
	line-height: 1.3 !important;
	border-radius:5px;
	background-color:#cc0000;
	padding: 12px 15px;
}

/*--------------------------------------------------------------
## Layout
--------------------------------------------------------------*/
ol.post-list, ul.post-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.content-block {
	margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
	.content-block {
		margin-bottom: 75px;
	}
}
/*#content-wrapper {
    margin-top: 122px;
}
@media screen and (min-width: 768px) {
	#content-wrapper {
	    margin-top: 210px;
	}	
}*/
.tag-list {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.post-list .tag-list {
	font-size: 1.15rem;
}
.tag-list > li, .widget_search_meter > ul > li {
	display: inline;
}
.tag-list > li::after {
	content: "/";
	margin: 0 3px;
}
.tag-list > li:last-child::after {
	content: "";
}
.top_link {
	position: fixed;
	bottom: 15px;
	right: 15px;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 1.5em;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	background: #444;
	z-index: 99;
}
.top_link:hover {
	font-size: 2em;
	color: #FFF;
	background: #000;
}
/*--------------------------------------------------------------
## Topページ
--------------------------------------------------------------*/
#important-notices {
	border: 2px solid #ea5247;
}
#content-main {
	width: 72%;
	max-width: 860px;
}
aside#sidebar {
	width: 100%;
}
#content-main, aside#sidebar {
	margin: 10vw 0 8vw;
}
/*--------------------------------------------------------------
## Secondページ「共有」
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Slick
--------------------------------------------------------------*/
.slick-slide {
	background-position: center center;
	background-size: cover;
}
#content-wrapper .slick-prev,
#footer-top-content .slick-prev {
	left: 25px;
	z-index: 1;
}
#content-wrapper .slick-next {
	right: 25px;
}
.slick-slide img {
	width: 100%;
}
/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
.post-list > div {
	/* 	overflow: hidden; */
	margin-bottom: 30px;
}
.post-list .post-pic,
.img-title-wrap,
#about-top03 a .img,
.facility-li{
	position: relative;
	overflow: hidden;
}
.post-list .post-pic,
.img-title-wrap {
margin: 0 0px 15px;
}
.post-list .post-pic::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	-webkit-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.post-list .post-pic .readmore {
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	margin-top: -0.5em;
	letter-spacing: .4em;
	opacity: 0;
	text-align: center;
	color: #FFFFFF;
	z-index: 2;
	-webkit-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.post-list a.post-link {
	display: block;
}
.post-list a:hover img, a:hover .img-title-wrap .img img, #about-top03 a:hover img {
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.post-list a:hover .post-pic::after {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.4);
}
.post-list a:hover .readmore {
	letter-spacing: .2em;
	opacity: 1;
}
.post-list img, .img-title-wrap .img img, #about-top03 a img {
	-moz-transform: scale(1) cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-ms-transform: scale(1) cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transform: scale(1) cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform: scale(1) cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.post-list .post-link .post-date {
	font-size: 1.2rem;
	margin: 0 0 3px;
}
#pickup .post-list > * {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	width: 100%;
	margin-bottom: 20px;
}
#pickup .post-list .post-link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#pickup .post-list .post-link .post-pic {
	width: 200px;
	margin: 0;
}
#pickup .post-list .post-link .post-content {
	width: calc(100% - 220px);
}
#pickup .post-list .post-link .post-date {
	display: none;
}
#related .post-list>* {
    display: flex;
}
.pagenavi-wrap, .wp-pagenavi {
	text-align: center;
	margin-top: 30px;
}
.wp-pagenavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 75px;
}
.pagenavi-wrap > *, .wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	width: 48px;
	height: 48px;
	color: var(--c_navy);
	font-size: var(--fz24);
	line-height: 48px;
	border: 1px solid transparent;
	background: transparent;
	padding: 0;
	margin: 0 12px;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
    width: 3em;
}
.pagenavi-wrap > a:hover, .pagenavi-wrap > span.current, .wp-pagenavi > a:hover, .wp-pagenavi > span.current {
	color: #fff;
	background-color: var(--c_navy);
	border-color: var(--c_navy);
}
.pagenavi-wrap > a.next, .pagenavi-wrap > a.prev, .wp-pagenavi > a.nextpostslink, .wp-pagenavi > a.previouspostslink {
	font-size: var(--fz18);
}
.title-index {
	border: 1px solid rgba(0,0,0,0.25);
	background: #fff;
	padding: 20px 30px;
	margin-bottom: 30px;
}
.title-index > .title::before {
    content: '\f03a';
    margin-right: 5px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
/*--------------------------------------------------------------
## Form
--------------------------------------------------------------*/
input, select, textarea {
	max-width: 100%;
	font: inherit;
	margin-right: 5px;
	margin-bottom: 5px;
}
textarea {
	resize: none;
}
.mw_wp_form input, .mw_wp_form select, .mw_wp_form textarea {
	border: 1px solid #8f8f8f;
	border-radius: 3px;
	padding: 5px;
}

input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  margin-bottom: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
  content: '';
}

.error-color input, .error-color select, .error-color textarea {
	background-color: #ffe0e0;
	box-shadow: 0px 0px 3px 0 #c00 inset;
}
.error-color .mwform-radio-field label {
	color: #cc0000;
}
/*--------------------------------------------------------------
## Secondページ「xxxxxx」
--------------------------------------------------------------*/

.no-sidebar #content-main {
	width: 100%;
	max-width: 100%;
}

/*--------------------------------------------------------------
## Secondページ「Stay」
--------------------------------------------------------------*/
.site-content > .stay-top-bnr .bnr-size-s,
#sidebar > .stay-top-bnr .bnr-size-m{
	display:none;
}

.site-content > .stay-top-bnr{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-around;
	
	max-width: 1200px;
	width: 94%;
}
ul.stay-top-bnr{
	padding:0;
	margin:0 auto;
	list-style:none;
}
ul.stay-top-bnr li{
	padding:0;
	margin:0 0 25px;
}
ul.stay-top-bnr li.bnr-size-m{
	width:49.5%;
	max-width:580px;
}

li.top-message{
/*
	width:90%;
	max-width:900px;
*/
	width: 45%;
	font-size:1.2em;
	text-align:center;
	background: #f2f2f2;
	border-radius:5px;
	border:1px solid #808080;
	padding: 10px 15px !important;
	margin:0 auto 30px;
}
#sidebar li.top-message{
	width: 100%;
	font-size: 1.1em;
	text-align: left;
	line-height: 1.2;
}

@media screen and (max-width: 559px) {
	ul.stay-top-bnr{
		margin-top:20px;
		
	}
	ul.stay-top-bnr li{
		width:100%;
		max-width:auto;
		margin:0 0 15px;
	}
	ul.stay-top-bnr li.bnr-size-m,
	li.top-message{
		width:100%;
	}
	li.top-message{
		font-size:1em;
		line-height:1.4;
		padding: 8px 10px !important;
	}
}

#stay-nav{
	display:flex;
	align-items: flex-start;
	padding-left:120px;
	margin-top:-21px;
	margin-bottom: 35px;
}
#stay-nav .stay-nav-item{
	width:100%;
	text-align:center;
}
#stay-nav .stay-nav-item > *{
	display:block;
	width:95%;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	border-radius:0 0 10px 10px;
	border:1px solid #bfbfbf;
	border-top:0;
}
#stay-nav .stay-nav-item > *::after{
	content: '\f061';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-left: 10px;
}
#stay-nav .stay-nav-item.active > *::after{
	content: '\f0ab';
	font-size:1.2em;
}
#stay-nav .stay-nav-item > a{
	background:#f4f4f4;
	padding:10px;
	transition: all .3s ease;
}
#stay-nav .stay-nav-item > span,
#stay-nav .stay-nav-item.active > a,
#stay-nav .stay-nav-item > a:hover{
	color:#fff;
	border-color:#000;
	background:#565656;
	padding:15px;
	transition: all .3s ease;
}
@media screen and (max-width: 559px) {
	#stay-nav{
		padding-left:0px;
		margin: 10px -3%;
	}
	#stay-nav .stay-nav-item > *{
		width:100%;
		font-size:1.4rem;
		line-height:1.4;
		border:0;
		border-radius:0;
	    padding: 10px 5px !important;
	}
	#stay-nav .stay-nav-item > *::after{
		display:block;
		margin-left: 0px;
	}
	#stay-nav .stay-nav-item.active > *::after{
		font-size:1em;
	}
	
	
	.logged-in #stay-nav{
		margin-bottom:30px;
	}
	.logged-in #stay-nav .stay-nav-item.none-active > *::after{
		content: '\f060';
	}
	
}


/*--------------------------------------------------------------
## Secondページ「1300」
--------------------------------------------------------------*/
/*common*/
body {
	color: #000;
	font-family: "游ゴシック体", YuGothic, "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	letter-spacing: 0;
	background-color: #fff;
}
a {
	opacity: 1;
	color: #000;
	text-decoration: none;
	transition: all .3s ease;
}
.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
/*footer*/
footer {
	padding: 0 20px;
}
.footer_block {
	border-top: 1px solid #000;
}
.footer_inner {
	display: block;
	width: 100%;
	padding-top: 30px;
}
.footer_sns {
	justify-content: space-between;
	align-items: center;
	width: 80px;
	margin: 0 auto 40px;
}
.footer_sns_btn a {
	opacity: 1;
	font-size: 3.5rem;
}
.footer_sns_btn a:hover {
	opacity: .5;
}
footer .logo {
	display: none;
}
.logo {
	position: relative;
	width: 150px;
	margin: 15px auto 10px;
	text-align: center;
	transition: all .3s ease;
}
.logo a {
	width: 100%;
}
.logo a img {
	max-width: 100%;
	margin-bottom: 3px;
	vertical-align: bottom;
}
footer small {
	display: block;
	margin-bottom: 20px;
	font-size: 1rem;
	text-align: center;
}
.footer_nav_wrap li a {
 font-size: 1.2rem;
 line-height: 2.5;
 letter-spacing: 1px;
}
.footer_nav_wrap {
	padding: 0;
    margin: 0 0 20px 0;
	list-style: none;
}
.logo span {
	display: block;
	color: #ababab;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	transition: all .3s ease;
}
#main.site-main {
	margin-bottom: 0;
}
.bnr.content-width {
	width: 100%;
	padding: 45px 20px 25px;
	margin-bottom: 40px;
	max-width: inherit;
	background-color: #f8f8f8;
}
.bnr .flex {
	flex-wrap: wrap;
}
.bnr .flex .g.g-3 {
	width: 100%;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
/*
	.scroll-header .logo {
	    width: 94%;
	    margin: 5px auto 5px;
	}
	.scroll-header .logo a {
	    display: flex;
		align-items: center;
		justify-content: center;
	}
	.scroll-header .logo a img {
	    max-width: 90px;
	    vertical-align: middle;
	    margin-right: 5px;
	    margin-bottom: 0px;
	}
	
	.fixed_content .hamburger {
	    top: 37px;
	}
	.fixed_content .hamburger.active {
	    top: 32px;
	}
*/
}
@media screen and (max-width: 560px) {
	.bnr-list.col-2 > li {
	    width: 100%;
	}
	.bnr .flex .g.g-3 {
		width: 48%;
	}
}




/*lead-1300*/
.l1300_head,
#kani-kingdom_head{
	width: 100%;
	overflow: hidden;
}
.l1300_head_area,
#kani-kingdom_head_area {
	position: relative;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 670px;
	background-image: url(../../../wp-content/uploads/2020/03/l1300_main_sp.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.l1300_head_area::after {
	content: '';
	position: absolute;
	top: 50%;
	right: -486px;
	width: 676px;
	height: 676px;
	background-color: rgba(255,255,255,.9);
	border-radius: 50%;
	transform: translate(0, -50%);
	z-index: 1;
}
.l1300_head_link {
	position: relative;
	padding: 0 20px;
	z-index: 2;
}
.l1300_head_btn {
	margin-bottom: 10px;
}
.l1300_head_btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 125px;
	height: 44px;
	margin: auto;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 1px;
	background-color: #000;
	border: 2px solid #000;
	border-radius: 25px;
}
.l1300_head_btn a:hover {
	opacity: 1;
	color: #000;
	background-color: #fff;
}
.l1300_head_logo {
	width: 125px;
	margin-bottom: 30px;
}
.l1300_head_logo img {
	width: 100%;
	vertical-align: bottom;
}
.l1300_summary,
#kani-kingdom .summary {
	width: 100%;
	padding: 30px 20px;
}
.l1300_event_head {
	font-size: 2.4rem;
	font-family: yu-mincho-pr6, sans-serif;
	line-height: 1;
	letter-spacing: -1px;
	text-align: center;
	vertical-align: baseline;
}
.page-id-11892 .l1300_event_head {
	color:#fff;
}
.l1300_event_head span {
	font-size: 3.6rem;
}
.l1300_event_head_wrap {
	margin-bottom: 25px;
	text-align: center;
}
.l1300_event_head_inner {
	display: inline-block;
	padding: 0 0 25px;
	background: bottom center/contain no-repeat;
}
#l1300_event {
	width: 100%;
	padding: 40px 20px 50px;
	background: center center/cover no-repeat;
}
.page-id-11892 #l1300_event{
	margin-bottom:50px;
}

.post_wrap {
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.post_li {
	width: 48%;
	margin-bottom: 10px;
	background-color: #fff;
}
.post_img_wrap {
	width: 100%;
	overflow: hidden;
}
.post_img_wrap .post_img {
	width: 100%;
	height: 100%;
	text-align: center;
	transition: all .3s ease;
}
.post_img_wrap .post_img figure {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
}
.post_img_wrap .post_img img {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	vertical-align: bottom;
	transform: translate(0,0);
}
.post_img_wrap .post_img:hover {
	transform: scale(1.1);
}
.post_img_wrap .post_img a {
	display: block;
	width: 100%;
	height: 100%;
}
.post_img_wrap .post_img a:hover {
	opacity: 1;
}
.post_cont {
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding: 10px;
	background-color: #fff;
}
.post_title {
	margin-bottom: 5px;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .5px;
}
.l1300_history_title {
	padding-right: 35px;
}
.post_txt {
	margin-bottom: 10px;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: .5px;
}
.post_btn {
	margin: 0 auto;
}
.post_btn::after {
	content: '\f105';
	margin-left: 2px;
	font-size: 1rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.post_btn a {
	font-size: 1.1rem;
	line-height: 1.8;
	letter-spacing: .5px;
	text-decoration: underline;
}
.post_btn a::afetr {
 content: '\f105';
 margin-left: 5px;
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
}
.post_field {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.l1300_event_title {
	width: 100%;
	text-align: center;
}
.l1300_history_head_inner {
	max-width: 1200px;
	width: 100%;
	padding: 0 20px;
	margin: auto;
}
.l1300_history_head_wrap {
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 175px;
	color: #fff;
	font-family: yu-mincho-pr6, sans-serif;
	background: center center/cover no-repeat;
}
.l1300_history_head_note {
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 5px;
	font-size: 1.5rem;
	line-height: 1.4;
	letter-spacing: .5px;
}
.l1300_history_head_note::before, .l1300_history_head_note::after {
	content: '';
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 10px;
	height: 1px;
	background-color: #fff;
}
.l1300_history_head_note::before {
	margin-right: 10px;
}
.l1300_history_head_note::after {
 margin-left: 10px;
}
.l1300_history_head {
	font-size: 2rem;
	line-height: 1;
	letter-spacing: .5px;
}
.l1300_history_post_cont {
	padding: 5px 0 15px;
}
.l1300_history_post_num {
	position: absolute;
	top: -13px;
	right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 27px;
	height: 27px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 1px;
	background-color: #000;
	border-radius: 50%;
}
.l1300_history_post {
	padding: 30px 20px 40px;
}
.post_li.dummy {
	height: 0;
	margin-bottom: 0;
}
.l1300_history_post.child {
    margin-top: 50px;
}
.child .l1300_history_post_cont {
    padding: 10px 0;
}
.child .l1300_history_title {
    padding-right: 30px;
    font-size: 1.4rem;
    font-weight: 500;
}
.l1300_history_post_cont .post_cont_inner {
	width: 100%;
}
@media screen and (max-width: 560px) {
	.l1300_history_post.child {
		padding: 30px 0 40px;
	    margin-top: 50px;
	}
}
@media screen and (min-width: 560px) {
	.l1300_head_area,
	#kani-kingdom .head_area {
		height: 720px;
		background-image: url(../../../wp-content/uploads/2020/03/l1300_main.jpg);
	}
	.l1300_head_area::after {
		right: -445px;
		width: 728px;
		height: 728px;
	}
	.l1300_head_logo {
		width: 198px;
		margin-bottom: 35px;
	}
	.l1300_head_btn a {
		width: 150px;
		height: 30px;
	}
	.l1300_head_btn {
		margin-bottom: 13px;
	}
	.l1300_summary_txt,
	#kani-kingdom .summary_txt {
		max-width: 830px;
		width: 100%;
		margin: auto;
		font-size: 1.7rem;
/* 		line-height: 1.85; */
		line-height: 2;
		letter-spacing: .5px;
	}
	#kani-kingdom .summary_txt{
		text-align:center;
	}
	.l1300_summary,
	#kani-kingdom .summary {
		padding: 55px 20px;
	}
	.l1300_event_head_wrap {
		margin-bottom: 30px;
	}
	.l1300_event_head {
		font-size: 4rem;
	}
	.l1300_event_head span {
		font-size: 6rem;
	}
	.l1300_event_head_inner {
		padding: 0 35px 50px;
	}
	.post_li.l1300_event_li {
		width: 48%;
	}
	.post_li {
		width: 31%;
		margin-bottom: 30px;
	}
	.post_cont {
		padding: 15px 20px;
	}
	.post_title {
		margin-bottom: 15px;
		font-size: 1.8rem;
		letter-spacing: 1px;
	}
	.l1300_history_title {
		padding-right: 50px;
	}
	.post_txt {
		margin-bottom: 15px;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	.post_btn a {
		font-size: 1.2rem;
	}
	#l1300_event {
		padding: 75px 20px 50px;
	}
	.l1300_history_head_wrap {
		height: 510px;
	}
	.l1300_history_head_note {
		font-size: 2.8rem;
		line-height: 1.6;
	}
	.l1300_history_head {
		font-size: 4rem;
		line-height: 1.4;
	}
	.l1300_history_head_note::before, .l1300_history_head_note::after {
		width: 24px;
		height: 3px;
	}
	.l1300_history_head_note::before {
		margin-right: 20px;
	}
	.l1300_history_head_note::after {
		margin-left: 20px;
	}
	.l1300_history_post {
		padding: 50px 20px 65px;
	}
	.l1300_history_post_num {
		top: -24px;
		width: 49px;
		height: 49px;
		font-size: 2.1rem;
	}
	#main.site-main {
		margin-bottom: 100px;
	}
	.bnr.content-width {
		width: 1200px;
		max-width: 92%;
		padding: 0;
		margin: 0 auto 75px;
		background-color: transparent;
	}
	.bnr .flex {
		justify-content: flex-start;
	}
	.bnr .flex .g.g-3 {
		width: 23.2%;
	}
	.bnr .flex .g.g-3+.g.g-3 {
	    margin-left: 2.4%;
	}
	.l1300_history_post.child {
	    margin-top: 70px;
	}
	.child .l1300_history_title {
	    padding-right: 60px;
	}
}

@media screen and (min-width: 768px) {
	.post_li.l1300_event_li {
		width: 23%;
	}
	footer .logo {
		display: block;
	}
	.logo {
		display: block;
		width: 220px;
	}
	.fixed .logo {
	    width: 150px;
	}
	.logo span {
		font-size: 1.2rem;
	}
	.fixed .logo span {
	    font-size: 1rem;
	}
	.footer_sns {
		justify-content: center;
		width: 210px;
		margin: 15px auto;
	}
	.footer_nav_wrap {
		margin-right: 40px;
		margin-bottom: 40px;
	}
	.footer_nav_inner {
		display: flex;
		justify-content: center;
	}
	.footer_sns_btn a {
		font-size: 2.5rem;
	}
	.footer_sns_btn {
		margin: 0 7px;
	}
	.footer_inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		max-width: 1200px;
		width: 94%;
		margin: auto;
	}
}


/*archive*/
.page-header .page-title, .entry-header .entry-title {
	margin-bottom: 0;
	font-size: 2rem;
	font-weight: 900;
	/*background-color: #fff;*/
}
.page-header, .entry-header {
	position: relative;
	margin-bottom: 10px;
}
.post-list > .facility-li {
    margin-bottom: 15px;
}
.post-list .facility-li a:hover img {
	transform: none;
}
.facility-li .title1 {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	background-color: rgba(0,0,0,.3);
	transition: all .3s ease;
}
.facility-li a:hover {
	opacity: 1;
}
.facility-li a:hover .title1 {
	background-color: transparent;
}
.archive .post-inner, .search .post-inner {
	margin-bottom: 35px;
}
.page-title2 {
	margin-bottom: 15px;
	font-size: 1.6rem;
}
.recent-event.slick-slider {
    margin-bottom: 30px;
}
.recent-event.slick-slider .slick-slide {
    margin: 0 5px;
	text-align: center;
}
.recent-event.slick-slider .post-pic {
	width: 170px;
	margin-bottom: 5px;
}
.recent-event.slick-slider .slick-slide.dummy {
    margin: 0;
}
.event-calender {
    margin-bottom: 30px;
}

.single-directory #content-main .entry-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.single-directory #content-main .entry-header .entry-title{
	width: 100%;
}
.single-directory #content-main .entry-header .fav_btn{
	text-align: right;
	white-space: nowrap;
	margin-bottom: 0;
	margin-left: 1.5em;
}

@media screen and (min-width: 560px) {
	.recent-event.slick-slider {
		margin-bottom: 50px;
	}
	.event-calender {
	    margin-bottom: 75px;
	}
	.no-sidebar #pickup .post-list {
	    display: flex;
		flex-wrap: wrap;
	    justify-content: space-between;
	}
	.no-sidebar #pickup .post-list > * {
	    width: 48%;
	}
	.page-header, .entry-header {
		margin-bottom: 20px;		
	}
	.page-header .page-title, .entry-header .entry-title {
		font-size: 2.4rem;
		line-height: 1.8;
	}
	.title-sub {
	    font-size: 1.6rem;
	}
	.page-header::after,
	.entry-header::after {
		bottom: 15px;		
	}
	.post-list > .facility-li {
	    margin-bottom: 20px;
	}
}

.table-temp,
.table-temp > table {
	border-collapse: collapse;
}
.table-temp tr {
	font-size: 1.3rem;
	border: 1px solid #ccc;
}
.table-temp th {
	min-width: 40px;
	padding: 10px;
/*
	background-color: #eee;
	border-right: 1px solid #ccc;
*/
}
.table-temp.chronology th {
	min-width: 80px;
}
.table-temp td {
	padding: 10px 15px;
	border-right: 1px solid #ccc;
}
.table-temp.chronology td {
	border-right: none;
}
.table-temp.chronology td:nth-of-type(odd) {
    text-align: left;
}
.table-temp.chronology td:nth-of-type(even) {
	padding: 3px 5px;
	font-size: 1.1rem;
	/*background-color: #f8f8f8;*/
}



@media screen and (min-width: 560px) {
	.table-temp tr {
		font-size: 1.4rem;
	}
	.table-temp th {
		min-width: 80px;
		padding: 10px 15px;
	}
	.table-temp td {
		display: table-cell;
		padding: 10px 20px;
	}
	.table-temp.chronology td:nth-of-type(even) {
		padding: 10px 0;
		font-size: 1.4rem;
	}
}



.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #000;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    background-color: rgba(255,255,255,.8);
} 
#content-wrapper #sidebar .slick-slider .slick-prev,
#content-wrapper #sidebar .slick-slider .slick-next {
	width: 35px;
	height: 35px;
}
#sidebar .slick-slider .slick-prev:before, #sidebar .slick-slider .slick-next:before {
	width: 35px;
	height: 35px;
    font-size: 1.5rem;
}
.slick-slider .slick-prev:before {
    content: '\f053';
}
.slick-slider .slick-next:before {
	content: '\f054';
}
#content-wrapper .slick-slider .slick-prev,
#footer-top-content .slick-slider .slick-prev {
	left: 0;
	width: 50px;
	height: 50px;
}
#content-wrapper .slick-slider .slick-next,
#footer-top-content .slick-slider .slick-next {
	right: 0;
	width: 50px;
	height: 50px;
}

/*hamburgermenu*/
.fat-nav{
	position: relative;
	max-width: 375px;
	width: 92%;
	margin: auto;
	z-index:50 !important;
}
.fat-nav .block::before {
	display: none;
}
.fat-nav .block .title {
	position: relative;
    display: flex;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
	padding: 0 30px 0 0;
	margin-bottom: 0;
    font-size: 1.8rem;
	font-weight: 500;
    line-height: 1.3;
	cursor: pointer;
}
.fat-nav .block:first-of-type .title {
	margin-bottom: 20px;
}
.fat-nav .block .title span {
	margin-left: 5px;
    letter-spacing: 0;
}
.fat-nav form {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
    border: 1px solid var(--c_navy);
	border-radius: 10px;
	overflow: hidden;
}
.fat-nav input.fas {
    width: 50px;
	padding: 18px 0;
	margin: 0;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0;
	vertical-align: bottom;
    background-color: var(--c_navy);
    border: none;
    border-radius: 0;
}
.fat-nav input[type="search"] {
    width: calc(100% - 50px);
    padding: 11px;
    margin: 0;
    border: none;
    border-radius: 0;
	outline: none;
}
.fat-nav .widgettitle {
	color: #000;
    font-size: 1.3rem;
}
.widget_search_meter {
	line-height: 0;
}
.fat-nav .tag-list > li::after {
	display: none;
}
.fat-nav .block {
	position: relative;
	margin-bottom: 0;
}
.fat-nav .nav-block.block {
	padding: 12px 20px;
}
.fat-nav .title::after {
    position: absolute;
    right: 0;
    content: '\f054';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.9rem;
    height: 1.9rem;
    padding-left: .2em;
	padding-bottom: .18em;
    color: var(--c_navy);
    font-family: 'Font Awesome 5 Free';
    font-size: 1.1rem;
    font-weight: 900;
    line-height: 1;
    border: 1px solid var(
    --c_navy);
    border-radius: 50%;
    transition: all .3s ease;
}
.fat-nav .title.acc-btn::after {
    content: '\f078';
	padding-bottom: 0;
}
.fat-nav .title.acc-btn.acc-open::after {
	content: '\f077';
	padding-bottom: .18em;
}
.fat-nav .acc-cont {
	display: none;
}
.fat-nav .arrow.accordion-btn {
    position: absolute;
    top: 8px;
    right: 0;
	font-size: 1.6rem;
}
.fat-nav .arrow.accordion-btn i::before {
	transition: all .3s ease;
}
.fat-nav .arrow.accordion-open i::before {
    content: '\f077';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
.fat-nav .title.acc-link::after {
	display: none;
}
.fat-nav .title.search::after {
	display: none;
}
.fat-nav .accordion-content {
    display: none;
}
.fat-nav a > .accordion-btn::after {
    content: '\f054';
}
.nav-list > li {
    border-bottom: 1px solid #ccc;
}
.nav-list > li a {
	position: relative;
    display: block;
    width: 100%;
	padding: 10px 0;
    color: #000;
    font-size: 1.6rem;
}
.nav-list > li a::after {
    position: absolute;
    right: 0;
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.nav-list > li img {
    width: 23px;
    margin-right: 5px;
}
.fatnav-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 1.8rem;
    background-color: #000;
    cursor: pointer;
}
.nav-list.col-2 {
    justify-content: space-between;
}
.nav-list.col-2 > li {
    margin-bottom: 0;
}
.keyword-list {
	list-style: none;
}
.fat-nav .nav-block-inner {
    width: 80%;
    margin: auto;
    list-style: none;
}
.fat-nav .nav-block-inner > li {
	width: 100%;
	border-bottom: 1px dashed var(--c_navy);
}
.fat-nav .nav-block-inner > li:last-of-type {
	border-bottom: none;
}
.fat-nav .nav-block-inner > li > a {
    display: flex;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
    padding: 7px 5px;
    font-size: 1.8rem;
}
.fat-nav .nav-block-inner > li > a::after {
	content: '\f054';
	display: block;
	margin-left: auto;
	font-size: 1.2rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.fat-nav .block .title::before{
	min-width:2.2rem;
	width:2.2rem;
}
.fat-nav .block .title.about::before {
	content: '';
	display: block;
/* 	width: 2rem; */
	height: 2.1rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_onsen.png") center center/contain no-repeat;
}
.fat-nav .block .title.shop::before {
	content: '';
	display: block;
/* 	width: 2rem; */
	height: 2rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_shop.png") center center/contain no-repeat;
}
.fat-nav .nav-block-inner > li > a.shop_all::before {
	content: '';
	display: block;
/* 	width: 1.5rem; */
	height: 1.5rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_open.png") center center/contain no-repeat;
}
.fat-nav .nav-block-inner > li > a.shop_restaurant::before {
	content: '';
	display: block;
/* 	width: 1rem; */
	height: 1.5rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_gourmet.png") center center/contain no-repeat;
}
.fat-nav .nav-block-inner > li > a.omiyage::before {
	content: '';
	display: block;
/* 	width: 1.5rem; */
	height: 1.5rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_omiyage.png") center center/contain no-repeat;
}
.fat-nav .block .title.hanabi::before {
	content: '';
	display: block;
/* 	width: 2rem; */
	height: 2rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_hanabi.png") center center/contain no-repeat;
}
.fat-nav .block .title.post::before {
	content: '';
	display: block;
/* 	width: 1.6rem; */
	height: 2rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_post.png") center center/contain no-repeat;
}
.fat-nav .block .title.flag1::before {
	content: '';
	display: block;
/* 	width: 2.1rem; */
	height: 2rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_flag1.png") center center/contain no-repeat;
}
.fat-nav .block .title.flag2::before {
	content: '';
	display: block;
/* 	width: 2rem; */
	height: 2rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_flag2.png") center center/contain no-repeat;
}
.fat-nav .block .title.yado::before {
	content: '';
	display: block;
/* 	width: 2.2rem; */
	height: 2rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_yado.png") center center/contain no-repeat;
}
.fat-nav .block .title.subsidy-case::before {
	content: '';
	display: block;
/*
	width: 2.2rem;
	min-width:2.2rem;
*/
	height: 2.2rem;
	margin-right: .5em;
	background: url("./img/icon_blue/icon_blue_subsidy-case.png") center center/contain no-repeat;
}
.fat-nav .sns {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 2em;
}
.fat-nav .sns > a {
	opacity: 1;
	display: block;
	margin: 0 .5em;
	color: #000;
	font-size: 1.4em;
	transition: all .3s ease;
}
.fat-nav .sns > a:hover {
	opacity: .6;
}
#important-notices {
	max-width: 1000px;
	width: 100%;
	margin: 20px auto 35px;
}
.home #important-notices {
	margin: 0px auto 25px;
}
#important-notices .title1 {
    position: relative;
	justify-content: center;
	align-items: center;
	margin: 0;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .5px;
	text-align: center;
	background-color: #ea5247;
}
#important-notices .title1::before,
#important-notices .title1::after {
	margin-right: 5px;
	font-size: 1.9rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
#important-notices .title1::before {
    content: '\f06a';
}
#important-notices ul {
	list-style: none;
	padding: 5px 10px;
	margin: 0;
}
#important-notices li a {
	font-size: 1.4rem;
}
#important-notices li span {
	display: block;
	line-height: 1.5;
}
#important-notices li {
	margin-bottom: 10px;
}
#important-notices li:last-of-type {
	margin-bottom: 0;
}
/* ↓↓↓↓ important-noticesアコーディオン - ショーン 2020/06/24 */
@media screen and (max-width: 768px) {
    #important-notices .title1 {
        cursor: pointer;
    }
    #important-notices .title1::after {
        position: absolute;
        right: 5px;
        content: '\f0d7';
    }
    #important-notices ul {
        padding: 0 10px;

        max-height: 0;
        visibility: hidden;
        opacity: 0;
    }
    .accordion_open#important-notices ul {
        padding: 5px 10px;

        max-height: 2000px;
        visibility: visible;
        opacity: 1;
    }
    .accordion_open#important-notices .title1::after {
        transform: rotate(180deg);
    }
	.fat-nav .sns > a {
		font-size: 1.7em;
		margin: 0 .7em;
	}
}
/* ↑↑↑↑ */

/*single*/
#content-top {
	display: block;
	max-width: 1200px;
	width: 94%;
	padding: 20px 0;
	margin: auto;
}
#content-main {
	width: 100%;
}
.single_date {
	margin-top: 6px;
    margin-right: 10px;
	font-size: 1.2rem;
    line-height: 1;
	letter-spacing: 1px;
}
.date_tag {
    justify-content: flex-start;
    align-items: flex-start;
	margin-top: 15px;
}
.date_tag > .tag-list {
    padding-left: 10px;
	margin-bottom: 0;
    border-left: 1px solid #000;
}
.entry-title {
	margin-bottom: 10px;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: .5px;
}
.tag-list, .widget_search_meter > ul {
	margin-bottom: 10px;
	color: #8a8a8a;
	font-size: 1.2rem;
	letter-spacing: .5px;
	line-height: 1.7;
}
#tag > .tag-list {
	font-size: 1.4rem;
}
.tag-list > li a, .widget_search_meter > ul > li > a {
	color: #8a8a8a;
	font-size: 1.2rem;
	letter-spacing: .5px;
	line-height: 1;
}
#tag > .tag-list > li a {
	font-size: 1.4rem;
}
.single_content {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #cccccc;
}
.single p {
	margin-bottom: 1.5em;
	letter-spacing: 0px;
}
.single_sns {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 20px 0;
}
.single_sns a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 31%;
	height: 31px;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 1px;
	border-radius: 7px;
}
.single_sns a i {
	margin-right: 5px;
	font-size: 1.6rem;
}
.single_sns a.facebook {
	background-color: #3b5998;
}
.single_sns a.twitter {
	background-color: #1da1f2;
}
.single_sns a.line {
	background-color: #1bb71f;
}
.title-index .title {
	margin-bottom: 10px;
	font-size: 1.5rem;
	letter-spacing: 1px;
}
.title-index li a {
	display: flex;
	letter-spacing: 1px;
}
.title-index li a > span {
    margin-right: 5px;
}
.title-index ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.title-index ul > li {
	padding-bottom: 5px;
    margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#post-block .title {
	padding-bottom: 8px;
	margin-bottom: 15px;
	font-size: 1.6rem;
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
}
/*
#post-block a {
    color: #ae2d00;
}
*/
.single_img {
	margin-bottom: 15px;
}
.single_img p {
	width: 100%;
	padding: 10px;
	margin-bottom: 0;
	color: #8a8a8a;
	font-size: 1.2rem;
	line-height: 1.6;
	letter-spacing: .5px;
	background-color: #f8f8f8;
}
.block {
	position: relative;
	margin-bottom: 45px;
}
.block .title {
	font-size: 2rem;
	letter-spacing: .5px;
	margin-bottom: 10px;
}
#side-suteki .title-l {
    font-size: 2rem;
}
.popular-posts.block .title {
    margin-bottom: 20px;
}
#tag.block .title {
    margin-bottom: 0;
}
.title-l {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.title-l::after {
    content: '';
    display: block;
    flex-grow: 1;
    height: 1px;
    margin-left: 10px;
    background-color: #000;
}
#sidebar p {
	margin-top: 10px;
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 0;
}
.post-list > * {
	position: relative;
	margin-bottom: 7px;
}
.post-list.ranking > li {
	counter-increment: rank;
	margin-bottom: 25px;
}
.post-list.ranking > li::before {
	content: counter(rank);
	position: absolute;
	top: -15px;
	left: -10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 30px;
	padding-top: 6px;
	color: #fff;
	font-family: helvetica, sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	background: center center/contain no-repeat;
	z-index: 1;
}
.post-list.ranking > li:first-of-type::before {
	background-image: url(../../../wp-content/uploads/2020/03/rank1_2x.png);
}
.post-list.ranking > li:nth-of-type(2)::before {
	background-image: url(../../../wp-content/uploads/2020/03/rank2_2x.png);
}
.post-list.ranking > li:last-of-type::before {
	background-image: url(../../../wp-content/uploads/2020/03/rank3_2x.png);
}
.post-list .wpp-category {
	position: relative;
	bottom: 0;
	right: 0;
	width: inherit;
	height: inherit;
	color: #8a8a8a;
	text-align: left;
	
	border-radius: 0;
	background: transparent;
	padding: 0;
	line-height: 1.3;
}
.post-list .wpp-category a {
	color: #8a8a8a;
}
.post-list .img {
	position: relative;
	width: 152px;
	margin-right: 10px;
	overflow: hidden;
	z-index: 0;
}
.post-list.grid .img {
	width: 100%;
	margin-right: 0;
}
.post-list .img img {
	width: 100%;
}
.post-list .cont {
	width: calc(100% - 162px);
}
.post-list span {
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	width: 32px;
	height: 32px;
	padding: 2px 0 10px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
}
.post-list .img span img {
	display: inline;
	width: auto;
	height: 100%;
}
.post-list a:hover .img span img {
	transform: none;
}
#sidebar .post-list .cont p {
	margin: 0 0 10px;
	font-size: 1.2rem;
}
#sidebar .tag-list {
	margin-bottom: 0;
}
#sidebar .tag-list a {
	letter-spacing: -1px;
}
.post-list.ranking {
	margin: 10px 0 0 15px;
}
.block .title span {
	margin-left: 10px;
	font-size: 1rem;
	font-weight: 400;
	font-family: montserrat, sans-serif;
}
.post-inner {
	width: 100%;
	padding: 20px;
	background-color: #fff;
}
.post-inner img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.post-inner .flex {
	display: block;
	width: 100%;
}
.post-inner .cont {
	position: relative;
	width: 100%;
}
.post-inner .title2 {
	margin-bottom: 5px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .5px;
}
.post-inner .btn {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #a8a8a8;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 1px;
}
.post-inner .btn {
	font-size: 1.2rem;
}
.post-inner .btn::after {
	content: '\f105';
	display: block;
	width: 12px;
	height: 12px;
	padding: 1px 4px;
	margin-left: 3px;
	color: #fff;
	font-size: 1rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	line-height: 1;
	letter-spacing: 0;
	background-color: #a8a8a8;
	border-radius: 50%;
	transition: all .3s ease;
}
.post-inner .cont div {
	font-size: 1.2rem;
	line-height: 1.8;
}
.title-line {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
	font-size: 1.6rem;
	letter-spacing: 1px;
}
.title-line::before {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	margin-right: 5px;
	background-color: #000;
}
.post-inner p {
	margin-bottom: 3px;
	font-size: 1.2rem;
}
.post-list.grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-list.grid > li, .post-list.grid > div {
	display: block;
}
.post-list.grid .cont {
	width: 100%;
	margin-top: 10px;
}
.post-list .date {
	margin-bottom: 5px;
	font-size: 1.2rem;
}
.post-list .headline {
	font-size: 1.5rem;
}
.post-list .cont p {
    margin-bottom: 5px;
}
/**/
.directory_content_top .title {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1em;
}
.directory_content_top {
	margin-bottom: 30px;
}
.directory_content_middle {
	border-top: 1px solid #bfbfbf;
	padding-top: 30px;
	margin-bottom: 30px;
}
.directory_content_middle .img, .directory_content_middle .slick-dotted.slick-slider {
	margin-bottom: 10px;
}
#post-block.directory_content_middle .title {
	font-size: 1.6rem;
	border: 0;
	margin-bottom: 10px;
}
.spot-info {
	background-color: #efefef;
	padding: 25px 30px;
	color: #000;
}
.spot-info .cont {
	width: 100%;
}
.spot-info .cont dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.spot-info .cont dl dt {
	width: 100%;
	position: relative;
	font-weight: 900;
}
.spot-info .cont dl dd {
	width: 100%;
	word-wrap: break-word;
}
.spot-info .cont dl dd p {
	margin: 0;
}
.spot-info .cont dl dd ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.spot-info .cont dl dd ul li {
	display: inline;
}
.spot-info .cont dl dd ul li::after {
	content: "、";
}
.spot-info .cont dl dd ul li:last-child::after {
	content: "";
}
.directory_content_middle .gmap iframe{
	height:300px;
}
.nav-previous a, .nav-next a {
	position: relative;
    display: inline-block;
    color: #fff;
	font-size: 1.2rem;
	text-decoration: inherit;
    background-color: #444;
    border: 1px solid #444;
    border-radius: 50px;
}
.nav-previous a::before, .nav-next a::after {
	position: absolute;
	top: 50%;
	font-size: 1.2rem;
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	transform: translate(0, -50%);
}
.nav-previous a:hover, .nav-next a:hover {
    text-decoration: underline;
}
.nav-previous a {
    padding: 10px 15px 10px 23px;
}
.nav-previous a::before {
	left: 8px;
	content: '\f053';
}
.nav-next a {
    padding: 10px 23px 10px 15px;
}
.nav-next a::after {
    right: 8px;
	content: '\f054';
}
.nav-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 30px 0;
}

@media screen and (min-width: 768px) {
	/*single-768*/
	#content-top {
		display: flex;
		justify-content: space-between;
		padding: 0;
	}
	#content-main {
		width: 72%;
	}
	.post-1col #content-main {
		width: 100%;
		max-width: none;
	}
	aside#sidebar {
		width: 23%;
	}
	.single_date {
		font-size: 1.4rem;
	}
	.entry-title {
		margin-bottom: 15px;
		font-size: 2.6rem;
		letter-spacing: 1px;
	}
	.tag-list {
		margin-bottom: 15px;
	}
	.tag-list > li a {
		letter-spacing: 1px;
	}
	.single p {
		margin-bottom: 1.2em;
	/* 	font-size: 1.5rem; */
		letter-spacing: 1px;
	}
	.single_img p {
		margin-bottom: 0;
	}
	.single_sns {
		margin: 50px 0;
	}
	.single_sns a {
		height: 45px;
		font-size: 1.8rem;
		border-radius: 10px;
	}
	.single_sns a i {
		margin-right: 15px;
		font-size: 3rem;
	}
	.title-index {
		margin-bottom: 50px;
	}
	.title-index .title {
		font-size: 1.6rem;
		letter-spacing: 1px;
	}
	#post-block .title {
		margin-bottom: 25px;
		font-size: 2rem;
	}
	.single_img {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.bnr {
		margin-bottom: 80px;
	}
	post-inner .flex {
		display: flex;
	}
	.title-line {
		font-size: 1.8rem;
	}
	.post-inner {
		padding: 25px 30px;
	}
	.post-inner img {
		width: 295px;
		margin-right: 25px;
		margin-bottom: 0;
	}
	.post-inner .cont {
		width: calc(100% - 320px);
	}
	.post-inner .title2 {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}
	.post-inner .cont div {
		font-size: 1.4rem;
	}
	.post-inner .btn {
		font-size: 1.4rem;
	}
	.post-inner .btn::after {
		width: 15px;
		height: 15px;
		padding: 2px 5px;
		margin-left: 5px;
		font-size: 1.2rem;
	}
	.post-list .img {
		width: 207px;
		margin-right: 15px;
	}
	.home #pickup .img {
	    width: auto;
	}
	.post-list.grid .img {
		width: 100%;
		margin-right: 0;
	}
	#sidebar .post-list .img {
		width: 135px;
		height: 87px;
	}
	.post-list .cont {
		width: calc( 100% - 225px);
		font-size: 1.5rem;
	}
	#sidebar .post-list .cont {
		width: calc( 100% - 150px);
		font-size: 1.2rem;
	}
	.post-list span {
		width: 37px;
		height: 37px;
		padding: 5px 0 8px;
	}
	.post-list > * {
		display: flex;
		margin-bottom: 25px;
	}
	.block .title {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
	#top-suteki .block .title {
	    margin-bottom: 10px;
	}
	#tag.block .title {
	    margin-bottom: 10px;
	}
	.block .title span {
		margin-left: 20px;
		font-size: 1.2rem;
	}
	.post-inner .flex {
		display: flex;
	}
	#sidebar .add-mid .g-col {
		margin-bottom: 10px;
	}
	#sidebar .add-mid {
		margin: -15px 0 0;
	}
	.post-inner p {
		margin-bottom: 5px;
		font-size: 1.4rem;
	}
	.post-list .cont p {
	    margin-bottom: 15px;
	}
	.block::before {
		top: 13px;
	}
	.directory_content_top .title {
		font-size: 2rem;
	}
	.spot-info .cont dl {
		margin-bottom: 5px;
	}
	.spot-info .cont dl dt {
		width: 120px;
		font-weight: 500;
	}
	.spot-info .cont dl dt::after {
		content: "：";
		position: absolute;
		top: 0;
		right: 0;
	}
	.spot-info .cont dl dd {
		width: calc(100% - 120px);
		padding-left: 5px;
	}
}

.single_history {
	margin: 0 auto 20px;
}
.single_history .post_head {
	position: relative;
	max-width: 1200px;
	width: 100%;
	height: 250px;
	margin: 0 auto 40px;
	background: center center/cover no-repeat;
}
.single_history .title1 {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: .5px;
	background-color: rgba(0, 0, 0, .4);
	z-index: 1;
}
.single_history span {
	display: block;
	margin-bottom: 10px;
	font-size: 1rem;
	font-family: montserrat, sans-serif;
	line-height: 1;
	letter-spacing: 2px;
}
.single_history .post_head img {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 0;
}
.single_history .cont {
	max-width: 890px;
	width: 100%;
	margin: auto;
}
.single_history h2 {
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .5px;
}
.single_history h2::before {
	content: '';
	display: block;
	width: 95px;
	height: 10px;
	margin: 0 auto 35px;
	background-image: url(../../../wp-content/uploads/2020/03/history_line.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.single_history p {
	margin-bottom: 25px;
	letter-spacing: .5px;
}
.single_history .cont {
	text-align: center;
}
.single_history .cont img {
	max-width: 100%;
	margin: 5px 0 25px;
}
.single_history .cont .wp-block-image img {
	margin-bottom: 5px;
}
blockquote {
    position: relative;
    display: inline-block;
	width: auto;
    padding: 20px 50px;
	margin: 0;
    color: #555;
    text-align: center;
}
blockquote:before, blockquote:after {
	display: inline-block;
    position: absolute;
	color: #808080;
    font-size: 1.8rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	line-height: 1;
	vertical-align: middle;
}
blockquote:before{
	top: 5px;
    left: 8px;
    content: "\f10d";
}
blockquote:after{
    bottom: 8px;
    right: 18px;
    content: "\f10e";
}
blockquote > p {
    margin-top: 25px;
}

@media screen and (min-width: 560px) {
.single_history {
	margin: 0 auto 90px;
}
.single_history .post_head {
	height: 670px;
	margin: 0 auto 60px;
}
.single_history .title1 {
	padding: 0 40px;
	font-size: 3.6rem;
	letter-spacing: 1px;
}
.single_history .title1 span {
	margin-bottom: 15px;
	font-size: 1.5rem;
}
.single_history h2 {
	margin-bottom: 40px;
	font-size: 2.4rem;
	letter-spacing: 1px;
}
.single_history h2::before {
	width: 150px;
	height: 20px;
	margin: 0 auto 60px;
}
.single_history p {
	margin-bottom: 35px;
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 1px;
}
.single_history .cont img {
	margin: 10px 0 35px;
}
.single_history .cont .wp-block-image img {
	margin-bottom: 10px;
}
blockquote > p {
    margin-top: 35px;
}
.nav-previous a, .nav-next a {
	font-size: 1.3rem;
}
.nav-previous a {
    padding: 10px 15px 10px 30px;
}
.nav-next a {
    padding: 10px 30px 10px 15px;
}
.nav-previous a::before {
	left: 10px;
}
.nav-next a::after {
    right: 10px;
}
}


/*top*/
#important-notices {
	max-width: 1000px;
	width: 100%;
	margin: 20px auto 35px;
}
.home #important-notices {
	margin: 0px auto 25px;
}
#important-notices .title1 {
    position: relative;
	justify-content: center;
	align-items: center;
	margin: 0;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .5px;
	text-align: center;
	background-color: #ea5247;
}
#important-notices .title1::before,
#important-notices .title1::after {
	margin-right: 5px;
	font-size: 1.9rem;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
#important-notices .title1::before {
    content: '\f06a';
}
#important-notices ul {
	list-style: none;
	padding: 5px 10px;
	margin: 0;
}
#important-notices li a {
	font-size: 1.4rem;
}
#important-notices li span {
	display: block;
	line-height: 1.5;
}
#important-notices li {
	margin-bottom: 10px;
}
#important-notices li:last-of-type {
	margin-bottom: 0;
}
ul.slick-dots li {
	margin: 0;
}
ul.slick-dots li button:before {
/* 	color: rgba(255,255,255,.8); */
}
ul.slick-dots li.slick-active button:before {
/* 	color: #fff; */
}
ul.slick-dots {
/* 	bottom: 3px; */
}
#event-btn-wrap li {
    height: 120px;
    margin-bottom: 15px;
	background: center center/cover no-repeat;
}
#event-btn-wrap li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 2.1rem;
    line-height: 1.5;
    text-shadow: 0 0 20px #000;
	font-weight: bold;
}
#event-btn-wrap li a.spring {
	background-color: rgba(255,204,204,.5);
}
#event-btn-wrap li a.summer {
	background-color: rgba(255,255,153,.5);
}
#event-btn-wrap li a.autumn {
	background-color: rgba(183,136,94,.6);
}
#event-btn-wrap li a.winter {
	background-color: rgba(255,255,255,.5);
}
#event-btn-wrap li span {
    display: block;
    font-size: 1.4rem;
}
#event-btn-wrap li a:hover {
	opacity: 1;
	background-color: transparent;
}
.content-block.top_bnr{
    margin-bottom: 0;
}
#tourist-slide {
	margin-bottom: 15px;
}
#tourist-slide + .btn {
    padding: 0 20px;
}
#tourist-slide .title1 {
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
}
#tourist-slide .slick-slide {
	margin: 0 5px;
}
#tourist .block, #top-suteki .block {
    margin-bottom: 0;
}
#event .block {
	margin-bottom: 0;
}
#information .post-list > div {
	position: relative;
	padding: 10px 15px 10px 0;
	margin-bottom: 0;
	border-bottom: 1px solid #cccccc;
}
#information .post-list > div:first-of-type {
    border-top: 1px solid #cccccc;
}
#information .post-list {
    width: 100%;
    margin-top: 0;
}
#information .post-list p {
    margin-bottom: 0;
	font-size: 1.2rem;
	line-height: 1.5;
}
#information .date {
	margin-right: 25px;
	font-size: 1.3rem;
	line-height: 2.5;
}
#information .title1 {
	margin-bottom: 5px;
	font-size: 1.8rem;
	font-weight: 500;
}
#information .post-list > div::after {
    content: '\f054';
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 1.7rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    transform: translate(0, -50%);
}
.archive #information {
    padding: 0;
    background-color: transparent;
}
.archive #information .post-list {
    width: 100%;
}
.archive #information .post-list > div:first-of-type {
    border-top: none;
}
#top-suteki {
    margin: 25px 0 0;
}
.g-1 {
    margin-bottom: 30px;
}
.top_feature_txt {
	display: none;
	font-size: 1.2rem;
	line-height: 1.6;
}
#feature .feature-post {
	position: relative;
}
#feature .feature-post .img.feature_img {
    width: 100%;
/*     height: 200px; */
    overflow: hidden;
}
/* ↓↓↓↓ SP版のTopの「城崎キホン」の下のボタン行 - ショーン 2020/06/24 */
.feature-buttonbox {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.feature-buttonbox a {
    width: 50%;
    position: relative;
    height: 75px;
    color: #FFF;
    border-top: 1px solid;
}
.feature-buttonbox a:nth-child(even) {
    border-left: 1px solid;
}
.feature-buttonbox a img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    object-fit: cover;
}
.feature-buttonbox a span {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-shadow: 0 0 2px rgba(0,0,0,0.6);
    background-color: rgba(0,0,0,.2);
}
/* ↑↑↑↑ */
#feature .slide_title {
	margin-bottom: 3px;
	font-size: 1.9rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 2px;
}
#feature-slide {
	margin-bottom: 20px;
}
.top_feature_title p {
	font-size: 1.2rem;
}
#feature .text img {
	width: 70px;
    margin: auto;
}
#feature .text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
	padding: 20px;
    color: #fff;
    background-color: rgba(0,0,0,.3);
}
#feature .slide_title {
    color: #fff;
    font-weight: 900;
}
#feature .slide_title::after {
    content: '';
    display: block;
    width: 65px;
    height: 2px;
    margin-top: 5px;
    background-color: #fff;
}
#feature {
    margin-bottom: 25px;
}
.top-suteki-slide .slick-slide {
	width: 300px;
}
 .add-mid > .g-2 .slick-slide {
	width: 270px;
}
.post-onpaku.slick-slide, .add-mid>.g-2 .slick-slide {
	margin: 0 5px;	
}
.add-mid {
    margin: -20px 0 30px;
}
#top-suteki .post-list > div {
	height: 230px;
	margin-bottom: 0;
}

@media screen and (min-width: 450px) {
    #feature .text img {
        width: auto;
    }
}
@media screen and (min-width: 605px) {
    .top_feature_txt {
        display: block;
    }
	#feature .feature-post .img.feature_img {
		height: 300px;
	}
}
@media screen and (min-width: 768px) {
	#feature-slide .slick-dots li button::before {
	    font-size: 8px;
	}
	#feature-slide .slick-dots li.slick-active button::before {
	    font-size: 10px;
	}
	#feature-slide ul.slick-dots li button:before {
/*         color: rgba(255,255,255,.8); */
    }
    #feature-slide ul.slick-dots li.slick-active button:before {
/*         color: #fff; */
    }
    ul.slick-dots li button:before {
        color: rgba(0,0,0,.8);
    }
    ul.slick-dots li.slick-active button:before {
        color: #000;
    }
    .btn a {
        width: inherit;
        padding: 5px 15px;
        font-size: 1.4rem;
        letter-spacing: 0;
    }
    .top_bnr {
        display: flex;
        justify-content: space-between;
    }
    .top_bnr .g-1 {
        width: 48%;
    }
    .bg_c {
        background-color: #f8f8f8;
        padding: 75px 0;
    }
    #tourist-slide .slick-slide {
        width: 265px;
        margin: 0 10px;
    }
    .top-suteki-slide .slick-slide {
        width: 320px;
        margin: 0 10px;
    }
    #tourist-slide {
        margin-bottom: 40px;
    }
    #tourist-slide p, .top-suteki-slide .slick-slide .img {
        margin-bottom: 10px;
    }
    #feature .title,
    #latest-entries .title,
    #event .title,
    #tourist .title,
    #information .title,
    #top-suteki .title {
        font-size: 2.5rem;
    }
    #event .block::before, #tourist .block::before, #information .block::before, #top-suteki .block::before {
        top: 16px;	
    }
    #event-btn-wrap li {
        height: 250px;
        margin-bottom: 25px;
    }
    #event-btn-wrap li a {
    font-size: 3rem;
        line-height: 1.8; 
    }
    #event, #information {
        padding: 75px 0;
        background-color: #f8f8f8;
    }
    #top-suteki {
        margin: 45px 0;
    }
    #information .post_wrap {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #information .block::before {
        display: none;
    }
    #information .post-list {
        width: calc(100% - 235px);
        margin-top: 16px;
    }
    #information .post-list > div a {
        display: flex;
    }
    #information .post-list > div {
        padding: 20px 15px 20px 0;
    }
    #information .title1 {
        margin-bottom: 10px;
    }
    #information .post-list p {
        font-size: 1.3rem;
        line-height: 2.5;
    }
    #information .post-list > div::after {
        font-size: 1.7rem;
    }
    #tourist .block, #top-suteki .block {
        margin-bottom: 10px;
    }
    .g-1 {
        margin-bottom: 75px;
    }
    #feature .feature-post a {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-start;
    }
	#feature .feature-post .img.feature_img {
		height: 360px;
	}
    .top_feature_title {
        position: relative;
        bottom: 0;
        flex-direction: column-reverse;
        padding: 0;
        margin-bottom: 10px;
        color: #000;
    }
    .top_feature_title {
        position: relative;
        bottom: 0;
        flex-direction: column-reverse;
        padding: 0;
        margin-bottom: 10px;
        color: #000;
    }
    #feature {
        margin-bottom: 45px;
    }
    /*
    #feature .text {
        width: 200px;
    }
    #feature .img {
        width: calc(100% - 220px);
    }
    */
    .top_feature_title p {
        margin-bottom: 10px;
        font-size: 1.3rem;
    }
    #top-suteki .post-list > div {
        height: 250px;
    }
}
@media screen and (min-width: 890px) {
    #feature .text {
        width: 45%;
        padding: 20px 20px 0;
    }
}
@media screen and (min-width: 1005px) {
    #feature .slide_title {
        font-size: 2.3rem;
    }
    #feature .text {
        padding: 20px;
    }
}
@media screen and (min-width: 1200px) {
    #feature .slide_title {
        font-size: 3rem;
    }
    #feature .text {
        padding: 30px;
    }
}
/* ↓↓↓↓ important-noticesアコーディオン - ショーン 2020/06/24 */
@media screen and (max-width: 768px) {
    #important-notices .title1 {
        cursor: pointer;
    }
    #important-notices .title1::after {
        position: absolute;
        right: 5px;
        content: '\f0d7';
    }
    #important-notices ul {
        padding: 0 10px;

        max-height: 0;
        visibility: hidden;
        opacity: 0;
    }
    .accordion_open#important-notices ul {
        padding: 5px 10px;

        max-height: 2000px;
        visibility: visible;
        opacity: 1;
    }
    .accordion_open#important-notices .title1::after {
        transform: rotate(180deg);
    }
}
/* ↑↑↑↑ */


/*about*/
.btn span{
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 2px;
	border: 1px solid #fff;
	background-color:transparent;
	border-radius: 20px;
	padding: 5px 20px 5px 30px;
	margin: 10px 0 0;
	transition: all 0.3s ease-in-out 0s;
}
a:hover .btn span {
	color: #555;
	background-color:#fff;
}
.btn span::after {
	content: '\f061';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-left: 15px;
}

.page-id-2 #content-top{
	width:100%;
	max-width:100%;
	padding:0;
}
#about-top01{
	display:block;
	position:relative;
	margin-bottom:20px;
}
#about-top01-inner{
	display: flex;
	align-items: center;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0px;
	left:0;
	z-index: 1;
	transition: all 0.3s ease-in-out 0s;
}
#about-top01-inner .inner{
	color:#fff;
}
#about-top01-inner .inner::before {
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
    color: #000;
    font-size: 3rem;
    background-color: #fff;
    border-radius: 50%;
}
#about-top01 .title{
	 font-size:2.0rem;
	 font-weight:normal;
	 margin-bottom: 0.15em;
}
#about-top01 .title,
#about-top01 p{
	transition: all 0.3s ease-in-out 0s;
}
#about-top01-img{
/* 	height:175px; */
	height:200px;
	background-position:center center;
	background-size:cover;
	transition: all 0.3s ease-in-out 0s;
}
a:hover #about-top01-inner{
	background:rgba(0,0,0,0.0);
}
a:hover #about-top01-inner .title,
a:hover #about-top01-inner p{
	text-shadow:3px 3px 8px rgba(0,0,0,1);
}


#about-top02{
	margin-bottom:20px;
}
.img-title-wrap{
	position:relative;
	margin-bottom:10px;
}
#about-top02 .title{
	font-size:1.7rem;
}
#about-top02 .img-title-wrap .title{
	color:#fff;
	position:absolute;
	bottom:15px;
	left:20px;
}
#about-top03 .title,
#post-block .col-2-kanren .title{
	font-size:1.4rem;
	border:0;
}
#about-top03 > *,
#post-block .col-2-kanren > *{
	margin-bottom:50px;
}

#about-top02 .title::after,
#about-top03 .title::after,
#post-block .col-2-kanren .title::after,
.layout_tate01 .inner-title::after,
.layout_yoko01 .inner-title::after,
.layout_yoko02 .inner-title::after,
.layout_yoko03 .inner-title::after,
.layout_yoko05 .inner-title::after,
.post-79 > .entry-content > h2::after {
	content:"";
	display:block;
	width:40px;
	height:3px;
	margin-top: 5px;
}
#about-top02 .title::after{
	background:#fff;
}
#about-top03 .title::after,
#post-block .col-2-kanren .title::after,
.layout_tate01 .inner-title::after,
.layout_yoko01 .inner-title::after,
.layout_yoko02 .inner-title::after,
.layout_yoko03 .inner-title::after,
.layout_yoko05 .inner-title::after,
.post-79 > .entry-content > h2::after {
	background:#555;
}
#about-top02 > * {
	margin-bottom: 1.2em;
}

.content-block .banner{
	text-align:right;
}


@media screen and (min-width: 560px) {
	#about-top01{
		margin-bottom:30px;
	}
	#about-top01-img{
		height:300px;
	}
	#about-top03 .title,
	#post-block .col-2-kanren .title {
	    font-size: 1.5rem;
	}
}

@media screen and (min-width: 768px) {
	#about-top01{
		margin-bottom:80px;
	}
	#about-top01 .title{
		 font-size:3.0rem;
	}
	#about-top01-img{
		height:500px;
	}
	.img-title-wrap{
		margin-bottom:15px;
	}
	#about-top02 {
	    margin-bottom: 60px;
	}
	#latest-entries{
		margin-top:100px;
	}
}

@media screen and (max-width: 559px) {
	.btn span {
		font-size: 1.2rem;
		letter-spacing: 0;
	}
	#about-top01-inner .inner {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	#about-top01-inner .inner::before {
		margin-bottom: 5px;
		font-size: 2.1rem;
	}
	#about_slide {
		display: none;
	}
	#about-top02.col-3 > :not(button) {
	    width: 100%;
	}
	#about-top03 > *,
	#post-block .col-2-kanren > *{
		width:100%;
		margin-bottom:10px;
	}
	#about-top03 p,
	#post-block .col-2-kanren p{
		font-size: 1.3rem;
		line-height: 1.4;
	}
	#about-top01 .inner p{
		margin-bottom: 0;
		font-size:1.2rem;
	}
	#about-top01-img {
		height: 238px;
	}
	#about-top02 .title {
		margin-bottom: 0;
		font-weight: 500;
	}
	#about-top02 p, #about-top03 p {
		font-size: 1.2rem;
	}
}


#page_content_top{
/* 	text-align:center; */
	margin-bottom:60px;
}
#page_content_top .title{
	font-size: 2.4rem;
	font-weight: normal;
}
#page_content_top p{
	font-size: 1.5rem;
}

.post_head_photo{
	background-position:center center;
	background-size:cover;
}
.post_head_photo .inner{
	display:flex;
	align-items: center;
	justify-content: center;
	height:230px;
	background-color:rgba(0,0,0,0.3);
	padding-top: 56px;
}
.post_head_photo .title-wrap{
	color:#FFF;
	text-align:center;
}
.post_head_photo .title{
	font-size: 2.0rem;
	font-weight: normal;
	margin-bottom: 0.1em;
}
.post_head_photo .title-sub{
	font-size: 1.4rem;
	margin: 0;
}
.post_head_photo .title-sub::before,
.post_head_photo .title-sub::after{
	content:"-";
	margin:0 10px;
}

.page-template-default .layout_yoko01,
.page-template-default .layout_yoko02,
.page-template-default .layout_yoko03 {
    background: transparent;
    padding: 0px;
}
.content-block .block-title{
	font-size:2.2rem;
	text-align:center;
	font-weight:normal;
	margin:0 0 20px;
}
.content-block .block-title::after{
	content:"";
	display:block;
	width:90px;
	height:3px;
	background:#555;
	margin:10px auto 0;
}
.content-block .inner-title{
	font-size:1.7rem;
	font-weight:normal;
	margin:0 0 15px;
}
.content-block .inner,
.content-block .inner p{
	line-height:1.8;
}
.content-block .inner-block{
	margin-top:50px;
}
.content-block .inner-block:first-child{
	margin-top:0px;
}
#post-block .inner-block-title{
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 12px;
}
.content-block .inner .img{
	margin-bottom:10px;
}
.post-template-default.single .single_content .title{
	font-size:1.8rem;
}
#post-block .gallery_img p {
    width: 100%;
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #8a8a8a;
	line-height: 1.6;
	letter-spacing: .5px;
	background-color: #f8f8f8;
    padding: 10px;
    margin: 0px;
}
#post-block .gallery .slick-slider {
    margin-bottom: 10px;
}
#post-block .gallery .single__images__slider-nav,
.directory-main-slide-wrap .directory-main-slide-nav{
	justify-content: center;
}
#post-block .gallery .single__images__slider-nav .single__images__image,
.directory-main-slide-wrap .directory-main-slide-nav .single__images__image{
	max-width:100px;
	padding:0 5px;
	cursor: pointer;
}
#post-block .gallery .single__images__slider-nav .single__images__image,
.directory-main-slide-wrap .directory-main-slide-nav .single__images__image{
	opacity: 0.5;
	transition: all .3s ease;
}
#post-block .gallery .single__images__slider-nav .single__images__image.thumbnail-current,
.directory-main-slide-wrap .directory-main-slide-nav .single__images__image.thumbnail-current,
#post-block .gallery .single__images__slider-nav .single__images__image:hover,
.directory-main-slide-wrap .directory-main-slide-nav .single__images__image:hover{
	opacity: 1;
}
.directory-main-slide,
.directory-main-img{
	margin-bottom:30px;
}
.content-block-bg {
    background: #f2f2f2;
    padding: 25px 30px 10px;
}
.layout_yoko01 .inner,
.layout_yoko02 .inner,
.layout_yoko03 .inner,
.layout_yoko04 .inner,
.layout_yoko05 .inner {
    display: block;
}
.content-block .inner > *{
    margin-bottom: 15px;
}
.layout_tate01 .inner > *{
    margin-bottom: 35px;
}
.layout_yoko01 .inner > *,
.layout_yoko02 .inner > *,
.layout_yoko03 .inner > *,
.layout_yoko04 .inner > * {
    width: 100%;
}
.layout_yoko01 .inner > :first-child,
.layout_yoko03 .inner > :last-child,
.layout_yoko04 .inner > :first-child,
.layout_yoko04 .inner > :nth-child(2),
.layout_yoko05 .inner > :first-child,
.layout_yoko05 .inner > :nth-child(2) {
    width: 100%;
}
.layout_tate01 .gallery .gallery-img,
.layout_tate01 .page-block-slide .gallery-img{
	padding:0 5px;
}
.layout_tate01 .gallery .gallery-img,
.layout_tate01 .gallery .gallery-img img
.layout_tate01 .page-block-slide .gallery-img,
.layout_tate01 .page-block-slide .gallery-img img{
	width:auto;
	height:200px;
}



.layout_tate01 .inner .img{
	width:100%;
	text-align:center;
	margin:20px auto;
}
.layout_yoko05 .inner > *{
	margin-bottom:25px;
}
@media screen and (min-width: 560px) {
	.layout_yoko01 .inner,
	.layout_yoko02 .inner,
	.layout_yoko03 .inner,
	.layout_yoko04 .inner,
	.layout_yoko05 .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.layout_yoko01 .inner > *,
	.layout_yoko02 .inner > *,
	.layout_yoko03 .inner > *,
	.layout_yoko04 .inner > * {
		width: 48%;
	}
}
@media screen and (min-width: 768px) {
	.post_head_photo {
	    margin-bottom: 50px;
	}
	.post_head_photo .inner{
		height:500px;
	}
	.post_head_photo .title {
	    font-size: 3.0rem;
	}
	.post_head_photo .title-sub {
	    font-size: 1.8rem;
	}
	.content-block .block-title {
	    font-size: 2.4rem;
	    margin: 0 0 40px;
	}
	.content-block .inner-title {
	    font-size: 2.0rem;
	    margin: 0 0 25px;
	}
	.layout_tate01 .gallery .gallery-img,
	.layout_tate01 .page-block-slide .gallery-img{
		padding:0 15px;
	}
	.layout_tate01 .gallery .gallery-img,
	.layout_tate01 .gallery .gallery-img img,
	.layout_tate01 .page-block-slide .gallery-img,
	.layout_tate01 .page-block-slide .gallery-img img{
		height:550px;
	}
	.no-sidebar .layout_tate01 .inner .img {
		width: 85%;
		margin: 40px auto;
	}
	.layout_yoko05 .inner > *{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom:80px;
	}
	.layout_yoko05 .inner > *:nth-child(odd){
		flex-direction:row-reverse;
	}
	.layout_yoko05 .inner > * > *{
		width:48%;
	}
	.layout_yoko05 .inner > *:first-child > *{
		width:100%;
	}
	.layout_yoko01 .inner > *:first-child .img,
	.layout_yoko05 .inner > *:first-child .img{
		margin-bottom:30px;
	}
}
#bungakuhi-list{
	list-style-type: decimal-leading-zero;
	padding-left:3rem;
	margin-bottom:30px;
}
#bungakuhi-list li{
	margin-bottom:5px;
}


/*access*/
.panel1 > div, .panel2 > div {
    display:none;
}
.panel1 > div.active, .panel2 > div.active {
    display:block;
}
.tab1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	padding: 0;
	margin: 20px 0 35px;
    list-style: none;
}
.tab1 > li {
    position: relative;
    width: 50%;
    padding: 10px 25px;
    background-color: #eee;
    border: 1px solid #fff;
    cursor: pointer;
    transition: all .3s ease;
	box-sizing: border-box;
}
.tab1 > li::after {
    content: '\f078';
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 1.3rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    transform: translate(0, -50%);
}
.tab1 > li.active {
    color: #fff;
    background-color: #999;
}
.panel1 {
    margin-bottom: 55px;
}
.access .title1 {
	margin-bottom: 20px;
	font-size: 1.8rem;
}
.access .panel2 > div .title1 {
    font-size: 1.6rem;
}
.tab2 {
    display: flex;
    width: 100%;
	padding: 0;
    margin: 0;
    list-style: none;
	border-top: 1px solid #eee;
    border-right: 1px solid #eee;
}
.tab2 > li {
    width: calc(100% / 4);
    padding: 15px;
    font-size: 1.4rem;
    text-align: center;
    background-color: #fff;
	border-left: 1px solid #eee;
	cursor: pointer;
    transition: all .3s ease;
}
.tab2 > li.active {
    background-color: #eee;
}
.panel2 > div {
    width: 100%;
    padding: 25px;
    background-color: #eee;
}
.route {
	display: block;
}
.train .route, .plane .route, .bus .route {
	flex-wrap: nowrap;
    justify-content: space-between;
}
.route > p, .train .route > p, .bus .route > p {
	position: relative;
    width: 100%;
    padding: 15px;
	text-align: center;
    background-color: #fff;
	border-radius: 5px;
}
.route > p {
	margin: 0 0 20px;
}
.train .route > p, .bus .route > p, .plane .route > p {
	margin: 0;
}
.route > span {
    color: #999;
}
.train .route > span, .plane .route > span, .bus .route > span {
	position: relative;
    flex-grow: 1;
    display: block;
    padding: 10px 55% 10px 0;
	margin: 0 10px;
	font-size: 1.2rem;
    text-align: right;
}
.route > p::before, .train .route > span::before, .plane .route > span::before, .bus .route > span::before {
	content: '';
    position: absolute;
	display: block;
    bottom: -15px;
    left: 50%;
    width: 2px;
    height: 15px;
	background-color: #999;
	transform: translate(-50%, 0);
}
.train .route > p::before, .plane .route > p::before, .bus .route > p::before {
	display: none;
}
.train .route > span::before, .plane .route > span::before, .bus .route > span::before {
    bottom: 2px;
    right: 50%;
    width: 2px;
    height: 90%;
}
.route > p::after, .train .route > span::after, .plane .route > span::after, .bus .route > span::after {
    content: '\f078';
	position: absolute;
    bottom: -20px;
    left: 50%;
	color: #999;
	font-size: 1.4rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	line-height: 1;
    transform: translate(-50%, 0);
}
.train .route > p::after, .plane .route > p::after, .bus .route > p::after {
	display: none;
}
.train .route > span::after, .plane .route > span::after, .bus .route > span::after {
    bottom: -3px;
    left: 50%;
    transform: translate(-50%, 0);
}
.route > p.destination {
    color: #fff;
    background-color: #999;
}
.route > p.destination::before, .route > p.destination::after {
    display: none;
}
.train .route > span br, .plane .route > span br, .bus .route > span br {
    display: none;
}
.access > .bnr {
    display: flex;
	flex-wrap: wrap;
    margin-bottom: 0;
}
.access > .bnr > a {
    display: block;
    width: 170px;
	margin: 0 10px 10px 0;
	background-color: #000;
}
.access > .bnr > a img {
	opacity: 1;
	transition: all .3s ease;
}
.access > .bnr > a:hover img {
	opacity: .6;
}
.access > .bnr.airport {
	margin-bottom: 50px;
}
.access iframe {
    height: 265px;
}
@media screen and (min-width: 560px) {
	.tab1 > li {
	    width: calc(100% / 3);
		font-size: 1.6rem;
	}
	.route {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content:  flex-start;
	    align-items: center;
	}
	.route > p {
		width: auto;
	    padding: 10px 20px;
		margin-right: 40px;
	}
	.train .route > p, .bus .route > p {
	    width: 140px;
	    padding: 20px;
	}
	.plane .route > p {
		width: auto;
	    padding: 50px 20px;
	    margin: 0;
	    writing-mode: tb-rl;
	}
	.route > p::before, .train .route > span::before, .plane .route > span::before, .bus .route > span::before {
	    top: 50%;
		bottom: auto;
		left: auto;
	    right: -35px;
	    width: 30px;
	    height: 2px;
	    transform: translate(0, -50%);
	}
	.route > p::after, .train .route > span::after, .plane .route > span::after, .bus .route > span::after {
	    content: '\f054';
	    top: 50%;
		bottom: auto;
		left: auto;
	    right: -37px;
	    transform: translate(0, -50%);
	}
	.train .route > span, .plane .route > span, .bus .route > span { 
	    padding: 0 0 40px 0;
	    text-align: center;
	}
	.train .route > span::before, .plane .route > span::before, .bus .route > span::before {
		bottom: auto;
		right: 0;
	    width: 100%;
		height: 2px;
	}
	.train .route > span::after, .plane .route > span::after, .bus .route > span::after {
		bottom: auto;
	    right: -1px;
		transform: translate(0, -50%);
	}
	.plane .route > span {
		padding-bottom: 55px;
	}
	.train .route > span br, .plane .route > span br, .bus .route > span br {
	    display: inherit;
	}
	.tab2 > li {
	    font-size: 1.6rem;
	}
	.tab1 {
	    margin: 30px 0 60px;
	}
	.access iframe {
	    height: 600px;
	}
}
@media screen and (min-width: 768px) {
	.tab1 {
	    flex-wrap: nowrap;
	}
	.tab1 > li {
	    width: calc(100% / 7);
	}
	.train .route > span, .plane .route > span, .bus .route > span {
		font-size: 1.4rem;		
	}
}

.page-header .page-title, .entry-header .entry-title {
	margin-bottom: 0;
	font-size: 2rem;
	font-weight: 500;
}
@media screen and (min-width: 560px) {
.page-header .page-title, .entry-header .entry-title {
	font-size: 2.4rem;
	line-height: 1.8;
}
}


/*association*/
.association {
    margin: 35px 0;
}
.association > img {
    margin-right: 20px;
}
.association.post-inner img {
	display: block;
    width: 100%;
}
.association.post-inner .table-temp {
    flex-grow: 1;
    width: unset;
	margin-bottom: 0;
	
}
.association .table-temp tr {
	display: flex;
    flex-direction: column;
    text-align: left;
	margin-bottom: 10px;
    border-top: none;
	border-right: none;
	border-left: none;
}
.association .table-temp th {
    padding: 0 10px 5px;
	border-right: none;
}
.association .table-temp td {
	padding: 0 10px 10px;
	border-right: none;
}
.association .table-temp tr:last-of-type {
    border-bottom: none;
}
.association-service > p {
	margin-bottom: 10px;
    font-size: 1.5rem;
}
.association-service dd p {
    font-size: 1.3rem;
}
.association-service > dl > dt {
    font-size: 1.4rem;
    font-weight: 900;
}
.association-service dd > div > p:first-of-type {
    margin-bottom: 0;
}
.association-service dd ul {
    padding-left: 20px;
    margin: 0 0 10px;
	font-size: 1.3rem;
}
.association-service dd > dl {
    margin-bottom: 10px;
}
.association-service dd > dl > dt {
	font-size: 1.3rem;
    font-weight: 900;
}
.association-service > dl:first-of-type {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 560px) {
	.association {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
	    margin: 35px 0;
	}
	.association.post-inner img {
	    width: auto;
	}
	.association-service > p {
		margin-bottom: 20px;
	    font-size: 1.6rem;
	}
	.association-service > dl > dt {
	    font-size: 1.5rem;
	}
	.association-service dd p {
	    font-size: 1.4rem;
	}
	.association-service dd ul {
	    font-size: 1.4rem;
	}
	.association-service > dl:first-of-type {
	    margin-bottom: 20px;
	}
	.association-service dd > dl > dt {
	    font-size: 1.4rem;
	}
}


/*passport*/
#post-79 > .entry-content > h2 {
	margin-bottom: 20px;
    font-size: 2rem;
}
#post-79 .post-inner > p:last-of-type {
    color: #8a8a8a;
    font-size: 1.3rem;
}
#post-79 .title {
    margin-bottom: 15px;
	font-size: 1.7rem;
}
.passport-service {
    margin: 30px 0;
}
.passport-service > dl > dt {
    padding-bottom: 5px;
    color: #8a8a8a;
    font-weight: 900;
}
.passport-service > dl > dd {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 560px) {
	.passport-service {
	    margin: 45px 0 60px;
	}
}


/*link*/
#link-list, .shop-list-wrap {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
}
#link-list > li, .shop-list-wrap > li {
	width: 100%;
	margin-bottom: 25px;
}
#link-list > li > h2, .shop-list-wrap > li > h4 {
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 1.6rem;
    background-color: #f2f2f2;
}
#link-list > li > ul, .shop-list {
    padding-left: 15px;
    margin: 0;
    list-style: none;
}
#link-list > li > ul > li {
	margin-bottom: 5px;
}
#link-list > li > ul a, .shop-list > li {
	opacity: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
#link-list > li > ul a:hover {
    opacity: .5;
}
#link-list > li > ul a::before, .shop-list > li::before {
    content: '';
    display: block;
    width: 7px;
    height: 1px;
	margin-top: 11px;
    margin-right: 5px;
    background-color: #000;
}
@media screen and (min-width: 560px) {
	#link-list > li, .shop-list-wrap > li {
		width: 49%;
	}
	#link-list > li > ul > li {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 900px) {
	#link-list > li, .shop-list-wrap > li {
		width: 23%;
	}
}


/*saidebar-suteki*/
#side-suteki .side-suteki-slide {
    margin-bottom: 15px;
	list-style: none;
}
.side-suteki-slide .slick-slide {
	height: 230px;
}
.side-suteki-slide .slick-slide .cont > p {
	margin-bottom: 0;
}
#side-suteki .cont > p {
    font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
	#side-suteki .side-suteki-slide {
	    margin-bottom: 45px;
	}
	.side-suteki-slide .slick-slide .cont {
		height: 250px;
	}
}


/*spa*/
.spa.flex {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
	max-width: 960px;
    width: 100%;
	margin: auto;
}
.spa > li > a > p span {
    display: block;
	font-size: 1.4rem;
	font-weight: 500;
}
.spa > li {
	width: 50%;
    margin: 0 0 5px;
	text-align: center;
}
.spa > .dummy {
    width: 50%;
    height: 0;
    margin: 0 0 5px;
}
.spa > li > a > img {
    width: 135px;
    margin-bottom: 10px;
}
.spa > li > a > p {
	font-size: 1.6rem;
	font-weight: 900;
}
.page-id-32 #post2 img {
	width: 100%;
}
.page-id-32 #post3 {
	position: relative;
	padding: 30px 30px 5px;
    color: #fff;
    background-image: url(/core/wp-content/uploads/2020/03/spa-manners.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.page-id-32 #post3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
	z-index: 0;
}
.page-id-32 #post3 .block-title {
	position: relative;
	z-index: 1;
}
.page-id-32 #post3 .block-title::after {
    background-color: #fff;
}
.page-id-32 #post3 .inner {
    position: relative;
    z-index: 1;
}
.spa-manners > ol {
    width: 100%;
	flex-wrap: wrap;
    justify-content: space-between;
	margin: 45px 0 0;
}
.spa-manners > ol > li {
	position: relative;
	width: 100%;
    padding: 15px;
	margin-bottom: 25px;
    border: 1px solid #fff;
    border-radius: 5px;
	counter-increment: cnt;
}
.spa-manners > ol > li::before {
    content: ''counter(cnt)'';
    position: absolute;
	top: -15px;
    left: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    color: #000;
    font-size: 1.6rem;
    font-weight: 900;
    background-color: #fff;
    border-radius: 50%;
}
.spa-manners > ol > li p:first-of-type {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 900;
    line-height: 1.4;
}
.spa-manners > ol > li p:last-of-type {
    margin-bottom: 0;
}
.spa-manners > ol > li span {
	font-style: italic;
}
@media screen and (max-width: 560px) {
	.page-id-32 #post2.layout_yoko02 .inner {
	    display: block;
	}
	.page-id-32 #post2.layout_yoko02 .inner > * {
	    width: 100%;
	}
	#page_content_top p {
	    font-size: 1.4rem;
	}
}
@media screen and (min-width: 560px) {
	.page-id-32 #post3 {
		padding: 55px 70px 20px;
	}	
	.spa-manners > p {
		font-size: 1.5rem;
	    text-align: center;
	}
	.spa-manners > ol > li::before {
		top: -20px;
	    left: -20px;
	    width: 40px;
	    height: 40px;
	    font-size: 1.8rem;
	}
	.spa-manners > ol > li {
	    width: 47%;
		padding: 20px 30px;
	    margin-bottom: 45px;
	}
	.spa-manners > ol > li p {
		font-size: 1.5rem;
	}
	.spa-manners > ol > li p:first-of-type {
	    font-size: 1.8rem;
	}
}
@media screen and (min-width: 768px) {
.spa > li {
	width: auto;
    margin: 0 15px 20px;
}
.spa > li > a > img {
	width: auto;
	margin-bottom: 20px;
}
.spa > li > a > p {
	font-size: 1.7rem;
}
.spa > li > a > p br {
	display: none;
}
.spa > .dummy {
	display: none;
}
}

.onsen-akashi{
	display:flex;
	align-items: center;
	flex-wrap:wrap;
	justify-content: space-between;
	width:95%;
	max-width:900px;
	background:rgba(0,0,0,0.05);
/* 	border: 3px double #000; */
	padding:20px 30px;
	margin: 2em auto;
}
.onsen-akashi img{
	width:15%;
}
.onsen-akashi p{
	width:80%;
	font-size: 1.2em;
	margin:0;
}
@media screen and (max-width: 768px) {
	.onsen-akashi{
		padding:15px 15px;
		margin: 1em auto;
	}
	.onsen-akashi br{
		display:none;
	}
	.onsen-akashi img{
		width:25%;
	}
	.onsen-akashi p{
		width:70%;
		font-size: 1.0em;
		line-height: 1.5 !important;
	}
}

/*7-Onsen*/
.price-table.flex{
border:1px solid #bfbfbf;
}
.price-table.flex dt,
.price-table.flex dd{
padding:10px 15px;
}
.price-table.flex dt{
background:#f2f2f2;
}
.page-id-2160 #post1 > .inner {
    flex-direction: row-reverse;
	max-width: 900px;
    width: 100%;
    margin: auto;
}
.page-id-2160 #post1 > .inner .price-table {
    margin: 20px 0;
}
.content-block .inner > .onsen-li {
	width: 100%;
	margin-bottom: 75px;
}
.onsen-li:nth-of-type(even) {
	flex-direction: row-reverse;
}
.onsen-li > div {
	width: 50%;
}
.content-block .inner .onsen-li > .img {
	margin-bottom: 0;
}
.onsen-li > .img > div {
    display: flex;
    flex-wrap: wrap;
}
.onsen-li .gallery-img:first-of-type {
    width: 100%;
}
.onsen-li .gallery-img {
    width: 50%;
}
.onsen-li .gallery-img img {
	width: 100%;
	vertical-align: bottom;
}
.onsen-li > .content {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 25px 0px 45px;
    background-color: #fff;
}

.onsen-li:nth-of-type(even) > .content {
	padding: 0px 45px 0px 25px;
}
.onsen-li .inner-title {
	margin-bottom: 25px;
	font-size: 2rem;
	font-weight: 900;
	text-align: center;
}
.onsen-li .inner-title::before {
	content: '';
	display: block;
	width: 43px;
	height: 43px;
	margin: 0 auto 10px;
	background-image: url(/core/wp-content/uploads/2020/03/onsen_icon.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.onsen-li .inner-title span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 500;
	line-height: 2;
}
.onsen-li .inner-title span::before, .onsen-li .inner-title span::after {
    content: '';
    display: block;
    width: 5px;
    height: 1px;
    margin: 0 5px;
    background-color: #000;
}
.onsen-info > div {
    max-width: 835px;
    width: 100%;
    padding: 40px 45px;
    margin: auto;
    background-color: #fff;
}
.onsen-info > p {
    margin-bottom: 55px;
    font-size: 1.5rem;
}
.onsen-info > div > dl {
    display: flex;
    width: 100%;
	margin-bottom: 20px;
	font-size: 1.5rem;
	border-bottom: 1px solid #ccc;
}
.onsen-info > div > dl:last-of-type {
	margin-bottom: 0;
	border-bottom: none;
}
.onsen-info > div > dl:last-of-type dt,
.onsen-info > div > dl:last-of-type dd {
	padding-bottom: 0;
}
.onsen-info > div > dl dt {
    width: 80px;
    padding-bottom: 20px;
    font-weight: 900;
}
.onsen-info > div > dl dd {
    width: calc(100% - 80px);
    padding-bottom: 20px;
}
.onsen-li > .content > div:first-of-type {
   	width: 100%;
}
@media screen and (max-width: 1150px) {
	.onsen-li .inner-title {
	    margin-bottom: 20px;
	}
	.onsen-li .inner-title::before {
	    width: 30px;
	    height: 30px;
	    margin: 0 auto 3px;
	}
	.onsen-li > .content > div:first-of-type {
	    height: 190px;
	    overflow: auto;
	}
	.onsen-li > .content > div:first-of-type::-webkit-scrollbar{ 
	    width: 10px;
	}
	.onsen-li > .content > div:first-of-type::-webkit-scrollbar-thumb{ 
	    background: #c1c1c1;
	}
	.onsen-li > .content > div:first-of-type::-webkit-scrollbar-track-piece:start{
	    background: #fff;
	}
}
@media screen and (max-width: 895px) {
	.onsen-li > div {
	    width: 100%;
	}
	.onsen-li {
	    flex-direction: column-reverse;
	}
	.onsen-li:nth-of-type(even) {
		flex-direction: column-reverse;		
	}
	.onsen-li > .content, .onsen-li:nth-of-type(even) > .content {
	    padding: 30px;
	}
	.onsen-li > .content > div:first-of-type {
	    height: auto;
	    overflow: inherit;
	}
}
@media screen and (max-width: 768px) {
	.page-id-2160 #post1 > .inner {
	    flex-direction: column;
	}
	.page-id-2160 #post1 > .inner > div {
	    width: 100%;
	}
	.onsen-li > .content, .onsen-li:nth-of-type(even) > .content {
	    padding: 20px 15px;
	}
	.content-block .inner > .onsen-li {
	    margin-bottom: 25px;
	}
	.onsen-li .inner-title {
	    font-size: 1.7rem;
	}
	.onsen-li .inner-title span {
	    font-size: 1.4rem;
	}
	.onsen-li .inner-title {
	    margin-bottom: 15px;
	}
	.onsen-info > p {
	    margin-bottom: 20px;
	    font-size: 1.4rem;
	}
	.onsen-info > div {
	    padding: 20px;
	}
	.onsen-info > div > dl {
	    display: block;
		margin-bottom: 10px;
		font-size: 1.4rem;
	}
	.onsen-info > div > dl dt {
	    width: 100%;
	    padding-bottom: 0;
	}
	.onsen-info > div > dl dd {
	    width: 100%;
	    padding-bottom: 10px;
	}
	.page-id-2160 #post1 > .inner .price-table {
	    margin: 10px 0;
	}
}


/************************************************
  Tables
************************************************/

table,
table.wp-block-table {
	width: 100%;
	text-align: left;
	margin: 32px 0px;
	padding: 0px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
	border: 3px solid rgba(0, 0, 0, 0.12);
	border-spacing: 0;
	border-radius: 4px;
}
table p,
table form,
table ul,
table li {
	margin: 6px 0px;
	padding: 0px;
}
table thead,
table tfoot,
table.wp-block-table thead,
table.wp-block-table tfoot {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
table tbody tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.04);
}
table th,
table.wp-block-table th {
/* 	font-size: 1.1rem; */
/* 	text-transform: uppercase; */
	margin: 0px;
	padding: 8px 5px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-right:1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
table td,
table.wp-block-table td {
	padding: 8px 5px;
	margin: 0px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-right:1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
table.wp-block-table.is-style-stripes {
	border-collapse: collapse;
}
table.wp-block-table.is-style-stripes td {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
/*//default*/

/**/
.page-id-2 #content-main {
	margin-top: 0;
}
/**/




/*custom*/
html {
	opacity: 0;
    font-size: 62.5%;
	/*visibility: hidden;*/
}
.h_pt {
/* 	padding-top: 106px; */
}
/*html.wf-active,　html.loading-delay {
    visibility: visible;
}*/
body {
    position: relative;
    width: 100%;
    color: var(--c_navy);
	font-size: var(--fz15);
    font-family: var(--mincho);
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 0;
	background: #f7f7f7;
}
.post_img {
    position: relative;
	display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.post_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}
a.post_img img {
    transition: all .3s ease;
}
a.post_img:hover img {
    transform: translate(-50%, -50%) scale(1.03);
}
.txt {
    width: 100%;
}
/*icon*/
@font-face {
  font-family: 'icomoon';
  src:  url('https://kinosaki-spa.gr.jp/core/wp-content/themes/kinosakionsen/icon/icomoon.eot?tq4ixk');
  src:  url('https://kinosaki-spa.gr.jp/core/wp-content/themes/kinosakionsen/icon/icomoon.eot?tq4ixk#iefix') format('embedded-opentype'),
    url('https://kinosaki-spa.gr.jp/core/wp-content/themes/kinosakionsen/icon/icomoon.ttf?tq4ixk') format('truetype'),
    url('https://kinosaki-spa.gr.jp/core/wp-content/themes/kinosakionsen/icon/icomoon.woff?tq4ixk') format('woff'),
    url('https://kinosaki-spa.gr.jp/core/wp-content/themes/kinosakionsen/icon/icomoon.svg?tq4ixk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon_search_yado:before {
  content: "\e904";
}
.icon-icon_access:before {
  content: "\e900";
}
.icon-icon_yado:before {
  content: "\e901";
}
.icon-icon_x:before {
  content: "\e902";
}
.icon-icon_spa:before {
  content: "\e903";
}
.icon-icon_line:before {
  content: "\e90d";
}
.icon-icon_hmbg:before {
  content: "\e90e";
}
.icon-icon_gourmet:before {
  content: "\e90f";
}
/*//icon*/
/*//common*/

/*hamburger*/
.hmbg_btn {
	position: relative;
	display: block;
	align-self: center;
    cursor: pointer;
	z-index: 2;
}
.hmbg_btn::before {
	opacity: 1;
	content: "\e90e";
	color: #fff;
	font-size: 1.3em;
	font-family: 'icomoon';
	transition: all .3s ease;
}
.hmbg_open .hmbg_btn::before {
	opacity: 0;
}
/*.hmbg_btn::after {
    content: '';
	opacity: 0;
    position: absolute;
    top: 40%;
    left: 42%;
    width: 140%;
    padding-top: 140%;
    background: #595959;
    border-radius: 50%;
    transform: translate(-50%, -50%);
	transition: all .3s ease;
    z-index: -1;
}
.hmbg_open .hmbg_btn::after {
	opacity: 1;
}*/
.hmbg_inner {
    position: absolute;
	top: 0;
	left: 0;
    width: 35px;
    height: 2px;
    margin-top: 12px;
    margin-bottom: 12px;
    background: transparent;
    transition: all .5s ease;
}
.hmbg_wrap.open .hmbg_inner {
    background: transparent;
}
.hmbg_inner::before, .hmbg_inner::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: transparent;
}
.hmbg_inner::before {
    top: -6px;
    transition: all .5s ease;
}
.hmbg_inner::after {
    bottom: -6px;
    transition: all .5s ease;
}
.hmbg_wrap.open .hmbg_inner::before {
	background: #fff;
    transform: translateY(6px) rotate(45deg);
}
.hmbg_wrap.open .hmbg_inner::after {
	background: #fff;
    transform: translateY(-6px) rotate(-45deg);
}
.hmbg_btn > span {
    display: block;
    margin-top: 13px;
    color: #767573;
    font-size: .6em;
    text-align: center;
}
body.hmbg_open {
    overflow: hidden;
}
#sp_nav {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,.7);
    overflow: auto;
    pointer-events: none;
    transition: all .5s .3s ease;
	z-index: 1002;
}
.hmbg_open #sp_nav {
    opacity: 1;
	left: 0;
	pointer-events: auto;
	transition: all .5s 0s ease;
}
.sp_nav_li {
    width: 100%;
    margin: 0 auto 15px;
    list-style: none;
}
.sp_nav_li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 0 10px;
	color: #fff;
    font-size: clamp(1.8rem, 3vh, 3.5rem);
    font-weight: 700;
	letter-spacing: 7px;
    transition: all .3s ease;
}
.sp_nav_li a:hover {
    opacity: .6;
}
.sp_nav_li li:last-of-type, .sp_nav_sub li:last-of-type {
    border-bottom: none;
}
.sp_nav_li li {
    opacity: 0;
    transition: all .5s ease;
    transform: translateY(20px);
}
.hmbg_wrap.open .sp_nav_li li {
    opacity: 1;
    transform: translateY(0);
}
.sp_nav_inner {
	position: relative;
	max-width: 510px;
	width: 92%;
	/*height: 100%;*/
	padding: 110px 0 0;
	margin: 0 0 0 auto;
	background: #fff;
	transform: translateX(100%);
	transition: all .5s 0s ease;
}
.sp_nav_inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 135px;
	height: 89px;
	background: url(./img/hmbg_figure1.png) left top/contain no-repeat;
	z-index: 0;
	pointer-events: none;
}
.sp_nav_inner::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	padding-top: 29%;
	background: url(./img/hmbg_figure2.png) center top/100% auto no-repeat;
	z-index: 0;
	pointer-events: none;
}
.hmbg_open .sp_nav_inner {
	transform: translateX(0);
	transition: all .5s .3s ease;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.025);
}
@media only screen and (max-width: 768px) {
	#sp_nav {
		opacity: 0;
		top: 0;
		left: 0;
		background: rgba(255,255,255,.9);
	}
	.sp_nav_inner {
		max-width: 315px;
		height: auto;
		padding: 0;
		margin: 4vh auto 0;
		background: transparent;
		transform: translateX(0);
		transition: all .5s 0 ease;
	}
	#sp_nav {
		padding: 10vh 20px 90px;
	}
	.fat-nav {
		max-width: inherit;
		width: auto;
		margin: 0;
	}
	.fat-nav .nav-block.block {
		padding: 10px 20px;
		background: #fff;
		box-shadow: 0 3px 3px rgba(0,0,0,.3);
		border-radius: 10px;
	}
	.fat-nav .block {
		margin-bottom: 10px;
	} 
	/*.hmbg_btn::after {
		display: none;
	}*/
	.sp_nav_inner::before, .sp_nav_inner::after {
		display: none;
	}
}
/*//hamburger*/

/*pagetop*/
.pagetop {
    bottom: 60px;
    position: fixed;
    right: 20px;
    z-index: 998 !important;
}
.pagetop > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    color: var(--black);
    font-size: 2rem;
    background-color: #fff;
    border: 2px solid var(--black);
    border-radius: 0;
    transition: all .3s ease;
    box-sizing: border-box;
}
.pagetop > a:hover {
    color: #fff;
    background-color: var(--black);
}
/*//pagetop*/


/*header*/
#header {
	position: fixed;
	top: 0;
	left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 30px;
    background: rgba(0, 0, 0, .5);
	transform: translate(0);
	transition: .5s;
	z-index: 1003;
}
#header.fix {
    transform: translateY(0);
}
#header.hide {
	transform: translateY(-100%)!important;
}
.logo {
    opacity: 1;
    width: 162px;
	margin: 5px auto;
    transition: all .3s ease;
}
.logo a, .logo img {
    display: block;
    width: 100%;
}
.logo a {
	padding: 8px 0;
}
.logo:hover {
    opacity: .6;
}
.h_inner {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	width: auto;
}
#gnav {
    flex-shrink: 0;
	align-self: center;
    width: auto;
    margin-right: 11vw;
}
.gnav_li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
	list-style: none;
}
.gnav_li > li {
    margin-left: 5.6vw;
}
.gnav_li > li > a {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}
.gnav_li > li > a::before {
    content: '';
    display: block;
    margin-right: 10px;
	font-size: 1.4em;
	font-family: 'icomoon';
}
.gnav_li > li.about a::before {
	content: "\e903";
}
.gnav_li > li.yado a::before {
	content: "\e901";
}
.gnav_li > li.gourmet a::before {
	content: "\e90f";
}
.gnav_li > li.access a::before {
	content: "\e900";
}
.gnav_li > li > a:hover {
    opacity: .6;
}
.h_reserve {
    position: relative;
    width: 225px;
    font-size: var(--fz22);
	letter-spacing: .1em;
}
.h_reserve > a {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 15px;
    color: #fff;
    background: var(--c_blue);
    border-left: 2px solid var(--c_blue);
	border-bottom: 2px solid var(--c_blue);
    border-radius: 0 0 0 15px;
    transition: all .3s ease;
}
.h_reserve > a::before {
	content: "\e904";
	font-family: 'icomoon';
	line-height: 1;
}
.h_reserve > a:hover {
    color: var(--c_blue);
    background: #fff;
}
@media only screen and (max-width: 1440px) {
	#gnav {
		margin-right: 4vw;
	}
	.gnav_li > li {
		margin-left: 3vw;
	}
	.logo {
		margin-left: 4vw;
	}
}
@media only screen and (max-width: 1024px) {
	.gnav_li > li span {
		display: none;
	}
	.gnav_li > li.access a::before {
		margin-right: 0;
	}
	.h_reserve {
		width: 140px;
	}
}
@media only screen and (max-width: 768px) {
	.h_reserve {
		display: none;
	}
	.hmbg_inner {
		width: clamp(1rem, 7vw, 35px);
		margin-top: clamp(1rem, 3vw, 12px);
		margin-bottom: clamp(1rem, 3vw, 12px);
	}
	.hmbg_btn::before {
		font-size: clamp(1rem, 3.5vw, 1.3em);
	}
	#header {
		padding: 0 5vw;
	}
	.logo {
		max-width: 167px;
		width: 29vw;
	}
	.gnav_li > li > a::before {
		font-size: clamp(1rem, 6vw, 1.4em);
	}
	#gnav {
		margin-right: 0;
	}
	.logo {
		margin-left: 0;
	}
	.logo a {
		padding: 3px 0;
	}
	.gnav_li > li {
    	margin-left: 6vw;
	}
	.gnav_li > li > a::before {
		margin-right: 0;
	}
}
/*//header*/


/*footer*/
#footer {
	position: relative;
    width: 100%;
	padding: 2.5vw 0 1vw;
   	background: #333333;
}
.f_logo {
    width: 167px;
    margin: 0 auto 2.3vw;
    transition: all .3s ease;
}
.f_logo:hover {
    opacity: .6;
}
.f_logo a, .f_logo img {
    display: block;
    width: 100%;
}
.fnav {
    max-width: 1120px;
    width: 92%;
    margin: 0 auto .7vw;
}
.fnav_li1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
	margin-bottom: 5.2vw;
	list-style: none;
}
.fnav_li1 > li {
    width: auto;
    margin: 0 20px;
}
.fnav_li1 > li > a {
    opacity: 1;
    color: #979797;
    font-size: var(--fz14);
    transition: all .3s ease;
}
.fnav_li1 > li > a:hover {
    opacity: .6;
}
.fnav_li2_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
.fnav_li2_wrap > dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
/*
    max-width: 45%;
	width: auto;
*/
	width:45%;
	margin-bottom: 3.5vw;
}
/*
.fnav_li2_wrap > dl:nth-of-type(even) {
	max-width: 42.5%;
	margin-left: auto;
}
*/
.fnav_li2_wrap > dl > dt {
	flex-shrink: 0;
    width: 7vw;
    color: #979797;
    font-size: var(--fz13);
}
.fnav_li2_wrap > dl > dd {
    width: auto;
}
.fnav_li2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
	list-style: none;
}
.fnav_li2 > li {
    width: auto;
    margin-bottom: 1vw;
    margin-left: 3.3vw;
}
.fnav_li2_wrap > dl:nth-of-type(even) .fnav_li2 > li {
    margin-left: 2vw;
}
.fnav_li2 > li > a {
    opacity: 1;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
    color: #fff;
    font-size: var(--fz16);
	letter-spacing: -.08em;
    transition: all .3s ease;
}
.fnav_li2 > li > a:hover {
    opacity: .6;
}
.fnav_li2 > li > a::before {
    content: '';
	align-self: center;
	display: block;
	width: .7em;
	height: 1px;
	margin-right: 5px;
	background: #fff;
}
.f_sns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	margin-left: 3.4vw;
}
.f_sns > a {
    opacity: 1;
	display: block;
	margin-right: 1em;
    color: #fff;
	font-size: 1.4em;
	line-height: 1;
    transition: all .3s ease;
}
.f_sns > a:hover {
    opacity: .6;
}
.copyright {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 1.2rem;
    font-family: var(--gothic);
    text-align: center;
}
@media only screen and (max-width: 1024px) {
	.fnav_li2_wrap {
		flex-direction: column;
		justify-content: flex-start;
	}
	.fnav_li2_wrap > dl, .fnav_li2_wrap > dl:nth-of-type(even) {
		max-width: inherit;
		width: 100%;
		padding: 2vw 0;
		margin-left: 0;
		margin-bottom: 0;
		border-top: 1px solid #545454;
	}
	.fnav_li2_wrap > dl > dt {
		width: 10em;
	}
	.fnav {
		max-width: 500px;
	}
	.fnav_li2 > li, .fnav_li2_wrap > dl:nth-of-type(even) .fnav_li2 > li {
		margin-left: 3.3vw;
	}
}
@media only screen and (max-width: 768px) {
	#footer {
		padding: 8vw 0 1vw;
	}
	.f_logo {
		width: 123px;
		margin-bottom: 5.2vw;
	}
	.fnav_li1 > li {
		margin: 0 15px;
	}
	.fnav_li1 > li > a {
		font-size: 1.2rem;
	}
	.fnav_li2_wrap > dl > dt {
		width: 8.6em;
		font-size: 1.1rem;
	}
	.fnav_li2 > li, .fnav_li2_wrap > dl:nth-of-type(even) .fnav_li2 > li {
		width: 100%;
		margin-left: 0;
	}
	.fnav_li2_wrap > dl:nth-of-type(even) .fnav_li2 > li {
/* 		width: 50%; */
	}
	.fnav_li2_wrap > dl, .fnav_li2_wrap > dl:nth-of-type(even) {
		padding: 5vw 0 4vw;
	}
	.fnav_li2 > li > a {
		font-size: clamp(1rem,3.1vw, 1.3rem);
	}
	.f_sns {
		margin-left: 0;
	}
	.f_sns > a {
		font-size: 1.3em;
	}
	.fnav {
		margin-bottom: 2vw;
	}
}
/*//footer*/


/*top*/
#top {
    width: 100%;
}
#top > .top_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 0;
}
.swiper-container.top_bg_slide, .top_bg_slide .swiper-slide {
    width: 100%;
    height: 100%;
}
#top > * {
	position: relative;
	padding-bottom: 1px;
	margin-top: -1px;
	background: url("./img/pattern1.png") left top/360px auto repeat;
	z-index: 1;
}
#top_main {
    position: relative;
    width: 100%;
	background: transparent;
	z-index: 2;
}
#top_main .main_wrap {
	position: relative;
    width: 100%;
}
#top_main .main_wrap .b1, #top_main .main_wrap .b2 {
	position: relative;
	width: 100%;
	height: 100vh;
}
#top_main .main_wrap .b2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .7) 100%);
}
#top_main .b2 .head2 {
    width: auto;
    height: 45vh;
    margin: 8vh auto 3vh;
}
#top_main .b2 .head2 img {
    display: block;
    width: auto;
    height: 100%;
}
#top_main .b2 .txt {
    width: 100%;
	color: #fff;
    font-size: var(--fz19);
    line-height: 2;
    text-align: center;
}
#top_main .b1 .head3 {
    position: absolute;
	bottom: calc(135px + 3vh);
    left: 4.5vw;
    width: auto;
    height: 60vh;
}
#top_main .b1 .head3 img {
    display: block;
    width: auto;
    height: 100%;
}
.common_side_btn {
    position: fixed;
    bottom: 22vh;
    right: 0;
	transform: translateX(0);
	transition: .5s;
    z-index: 1001;
}
.common_side_btn.fix {
    transform: translateX(0);
}
.common_side_btn.hide {
	transform: translateX(100%)!important;
}

.top_news {
	position: relative;
	z-index: 999;
}
.top_news::before {
    content: '重要なお知らせ';
	position: relative;
	bottom: 0;
	right: 0;
    display: block;
    padding: 15px .6em;
    color: #fff;
    width: 2.5em;
    font-size: var(--fz21);
    line-height: 1.1;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px 0 0 10px;
	transform: translateX(100%);
	transition: all .3s .7s ease;
	cursor: pointer;
	margin-left: auto;
}
.top_news:hover::before{
	width: 2.75em;
}
.top_news.news_tab::before {
	transform: translateX(0);
}
.top_news.news_tab.open::before {
	transform: translateX(100%);
	transition: all .3s ease;
}
.top_news_inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 545px;
    padding: 15px 20px 10px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
	border-radius: 10px 0 0 10px;
	transform: translateX(0);
	transition: all .5s ease;
}
.news_tab .top_news_inner {
	transform: translateX(100%);
}
.news_tab.open .top_news_inner {
	transform: translateX(0);
	transition: all .5s .5s ease;
}
.top_news_inner .head4 {
	margin-bottom: .5em;
	font-size: var(--fz18);
	letter-spacing: .2em;
}
.top_news_inner .head4::after {
    content: '';
    display: block;
    width: 25px;
    height: 1px;
    margin-top: .3em;
    background: #fff;
}
.top_news_inner .news_link {
	color: #fff;
}
.top_news_inner a {
	opacity: 1;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	transition: all .3s ease;
}
.top_news_inner a + a {
	margin-top: .5em;
}
.top_news_inner a:hover {
	opacity: .6;
}
.news_link .tit {
    font-size: var(--fz15);
	letter-spacing: .15em;
}
.news_link .date {
    margin-right: 13px;
    font-size: var(--fz13);
    letter-spacing: .1em;
}

.btn_sotoyu {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.5em;
	padding: 1.5em .6em;
	margin-bottom: 15px;
    color: #fff;
    font-size: var(--fz21);
	line-height: 1.1;
    text-align: center;
	background: rgba(29, 28, 63, .75);
    border-radius: 10px 0 0 10px;
	z-index: 999;
	margin-left: auto;
}
.btn_sotoyu:hover {
	color: #fff;
	width: 2.75em;
}
.btn_sotoyu .arw {
    position: relative;
    width: 20px;
    height: 7px;
    margin: 8px 0 5px;
    overflow: hidden;
}
.btn_sotoyu .arw::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 1px;
    background: #fff;
	transform: scaleX(1);
	transform-origin: right;
}
.btn_sotoyu .arw::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -1px;
    display: block;
    width: 1px;
    height: 10px;
    background: #fff;
    transform: rotate(-45deg);
    transform-origin: bottom;
}
@keyframes arw_animation1 {
	0% {
		transform: scaleX(1);
		transform-origin: right;
	}
	25% {
		transform: scaleX(1);
		transform-origin: right;
	}
	50% {
		transform: scaleX(0);
		transform-origin: right;
	}
	53% {
		transform: scaleX(0);
		transform-origin: left;
	}
	75% {
		transform: scaleX(1);
		transform-origin: left;
	}
	100% {
		transform: scaleX(1);
		transform-origin: left;
	}
}
@keyframes arw_animation2 {
	0% {
		opacity: 1;
		transform: rotate(-45deg);
	}
	20% {
		opacity: 1;
		transform: rotate(-95deg);
	}
	23% {
		opacity: 0;
		transform: rotate(-95deg);
	}
	75% {
		opacity: 0;
		transform: rotate(-95deg);
	}
	77% {
		opacity: 1;
		transform: rotate(-95deg);
	}
	100% {
		opacity: 1;
		transform: rotate(-45deg);
	}
}
.btn_sotoyu:hover .arw::before {
	animation: arw_animation1 1.3s both;
}
.btn_sotoyu:hover .arw::after {
	animation: arw_animation2 1.3s both;
}
.yado_form {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px 0;
	background: #fff;
	transform: translateY(0);
	transition: .5s;
	z-index: 1001;
}
.yado_form.fix {
    transform: translateY(0);
}
.yado_form.hide {
	transform: translateY(100%)!important;
}
.yado_form_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
	max-width: 1180px;
    width: 92%;
	margin: auto;
}
.yado_form_wrap .head2 {
	flex-shrink: 0;
	width: auto;
	margin-right: 6vw;
	margin-left: 1.1vw;
	font-size: var(--fz26);
	letter-spacing: .2em;
}
.yado_form_wrap .head2::before {
	content: "\e904";
	margin-right: 1vw;
	font-family: 'icomoon';
}
.yado_form_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.yadoform_dl {
	max-width: 245px;
	width: 100%;
	margin-top: -2em;
	margin-right: 2.5vw;
}
.yadoform_dl.drop {
	max-width: 135px;
}
.yadoform_dl > dt {
    font-size: var(--fz14);
}
.yadoform_dl.drop > dd {
	position: relative;
}
.yadoform_dl.drop > dd::after {
	content: '\f078';
	position: absolute;
	top: 53%;
	right: 1em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	line-height: 1;
	transform: translateY(-50%);
}
.yadoform_dl input, .yadoform_dl select {
	width: 100%;
	padding: 10px;
    font-size: var(--fz16);
	border: 1px solid var(--c_navy);
}
.yado_form .room-search-btn_b {
	position: relative;
	width: 100%;
    max-width: 220px;
	margin-left: auto;
}
.yado_form input#room-search-btn {
    width: 100%;
    padding: .5em;
    color: #fff;
    font-size: var(--fz18);
    font-family: var(--mincho);
    background: var(--c_blue);
    border-radius: 20px;
}
.yado_form .room-search-btn_b > a {
	opacity: 1;
	position: absolute;
	top: calc(100% + 7px);
	left: 50%;
	font-size: var(--fz15);
	letter-spacing: .1em;
	white-space: nowrap;
	transform: translateX(-50%);
	transition: all .3s ease;
}
.yado_form .room-search-btn_b > a:hover {
	opacity: .6;
}
.yado_form .room-search-btn_b > a::after {
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.yado_form .room-search-btn_b > a br {
	display: none;
}
.room-search-btn_sp {
	position: relative;
}
.room-search-btn_sp::before {
	position: absolute;
	top: 44%;
	left: 2vw;
	content: "\e904";
	color: #fff;
	font-family: 'icomoon';
	transform: translateY(-50%);
}
#top_about {
    position: relative;
    width: 100%;
    padding-top: 7vw;
}
#top_about::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30vw;
    height: auto;
    padding-top: 20%;
    background: url("./img/figure_yanagi.png") right -2vw top -2.2vw/contain no-repeat;
}
.top_about_b {
    position: relative;
    width: 100%;
    padding-top: 11.5vw;
}
.top_about_b + .top_about_b {
    margin-top: 3.2vw;
	padding: 10.5vw 0 8vw;
}
.top_about_b + .top_about_b .top_about_wrap {
    flex-direction: row-reverse;
}
#top_about_sotoyu::before, #top_about_sozoro::before {
    content: '';
    position: absolute;
    top: 3.5vw;
    left: 6.3vw;
    display: block;
    width: 10vw;
    height: auto;
    padding-top: 4%;
    background: url("./img/figure_cloud.png") center center/contain no-repeat;
}
#top_about_sozoro::before {
    top: 4.5vw;
    left: auto;
    right: 4.8vw;
}
#top_about_sotoyu {
	background: url("./img/top_about_back_r.png") right top/69% auto no-repeat;
}
#top_about_sozoro {
	background: url("./img/top_about_back_l.png") left top/69% auto no-repeat;
}
.top_about_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1320px;
    width: 92%;
    margin: auto;
}
.top_about_b:nth-of-type(even) {
    flex-direction: row-reverse;
}
.top_about_wrap .slide {
    width: 63%;
}
.siwper-container.top_aboutslide {
	width: 100%;
}
.top_aboutslide .swiper-slide {
	width: 100%;
}
.top_aboutslide .post_img {
	padding-top: 72%;
}
.swiper-container-horizontal > .swiper-pagination.top_aboutpn {
    position: relative;
    bottom: auto;
	left: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 1.3vw;
}
.swiper-pagination.top_aboutpn span.swiper-pagination-bullet {
	opacity: 1;
	width: 32%;
	padding-top: 23%;
	margin: 0;
	border-radius: 0;
	background-size: cover;
}
.top_about_wrap .cont {
    width: 29.5%;
	margin-top: -1vw;
}
.top_about_b + .top_about_b .top_about_wrap .cont {
	margin-top: -2vw;
}
.top_about_wrap .head2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	padding-left: 4vw;
	margin-bottom: 2.5vw;
	font-size: var(--fz36);
    font-family: var(--tenmincho);
}
.top_about_b + .top_about_b .top_about_wrap .head2 {
    padding-left: 0;
}
.top_about_wrap .head2::before {
    content: '';
    display: block;
}
#top_about_sotoyu .top_about_wrap .head2::before {
	width: 2.5em;
	height: 3.3em;
	margin-bottom: .7em;
	background: url("./img/figure_oke.png") center center/contain no-repeat;
}
#top_about_sozoro .top_about_wrap .head2::before {
	width: 2.5em;
	height: 3.3em;
	margin-bottom: .7em;
	background: url("./img/figure_geta.png") center center/contain no-repeat;
}
.top_about_wrap .head2 > span {
	letter-spacing: .3em;
    writing-mode: tb-rl;
	text-orientation: upright;
}
.top_about_wrap .cont_inner {
    width: 100%;
}
.top_about_wrap .head3 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
	min-height: 3.8em;
    padding: .5vw .4vw .2em;
	margin-bottom: 1.5vw;
    font-size: var(--fz24);
    font-family: var(--tenmincho);
	letter-spacing: .3em;
    line-height: 1.5;
    border-top: 4px double var(--c_navy);
    border-bottom: 4px double var(--c_navy);
}
.top_about_wrap .txt {
	width: 100%;
	margin-bottom: 2.2vw;
    font-size: var(--fz15);
    line-height: 2.1;
}
.btn_line {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .5em;
    color: var(--c_navy);
    font-size: var(--fz18);
	letter-spacing: .2em;
    background: #fff;
    border: 1px solid var(--c_navy);
    transition: all .3s ease;
}
.btn_line::after {
    content: '\f054';
	margin-left: 1em;
	font-size: .7em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
}
.btn_line:hover {
    color: #fff;
	background: var(--c_navy);
}
.btn_line.tp {
    color: #fff;
    background: transparent;
    border-color: #fff;
}
.btn_line.tp:hover {
    color: #333;
    background: #fff;
}
.top_about_wrap .btn_line {
    width: 100%;
}
#top > .top_slide_window {
    width: 100%;
	padding-top: 27%;
    background: transparent;
}
#top_gourmet {
	position: relative;
    width: 100%;
	padding-top: 7vw;
	padding-bottom: 3vw;
}
#top_gourmet::before {
	content: '';
	position: absolute;
	top: 16.5vw;
	right: 0;
	width: 69%;
	height: auto;
	padding-top: 13%;
	background: url("./img/top_about_back_r.png") right top/100% auto no-repeat;
}
.head2_1 {
    font-size: var(--fz36);
    font-family: var(--tenmincho);
	letter-spacing: .3em;
	line-height: 1;
    text-align: center;
}
.head2_1::before {
    content: '';
    display: block;
    margin: 0 auto;
}
#top_gourmet .head2_1 {
	margin-bottom: 5vw;
}
#top_gourmet .head2_1::before {
    width: 3em;
    height: 2em;
	margin-bottom: .7em;
    background: url("./img/figure_kani.png") center center/contain no-repeat;
}
.swiper-container.top_gourmet_slide {
    width: 100%;
}
.swiper-container.top_gourmet_slide .swiper-slide {
    position: relative;
    width: 29%;
    margin: 0 3.2%;
}
.top_gourmet_slide .post_img {
    width: 100%;
    height: auto;
    padding-top: 100%;
}
.top_gourmet_slide .name {
    position: absolute;
    top: 0;
    right: 103%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
    width: auto;
    height: 100%;
    font-size: clamp(1rem, 1.8vw, 2.7rem);
    font-family: var(--tenmincho);
	letter-spacing: .25em;
	line-height: 1.4;
    writing-mode: tb-rl;
}
.top_gourmet_slide .name::before {
    content: '';
	display: block;
	width: 1em;
	height: 1em;
	margin-bottom: .5em;
	background: url("./img/icon_star.svg") center center/contain no-repeat;
}
#top_gourmet .slide {
	position: relative;
	margin-bottom: 5.3vw;
}
.top_contents_slider .slide_arw,
#top_gourmet .slide_arw {
	position: absolute;
	top: 52%;
	left: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 91%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.swiper-button-prev.swiper-button-white.top_gourmet_prev, .swiper-button-next.swiper-button-white.top_gourmet_next {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
    width: 4.5em;
    height: 4.5em;
    background-size: 1.5em auto;
    background-color: var(--c_navy);
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(255,255,255,0.75);
}
.btn_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.btn_circle {
    position: relative;
    width: auto;
    font-size: var(--fz18);
	letter-spacing: .3em;
	z-index: 1;
}
.btn_circle::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -1em;
    width: 5em;
    height: 5em;
    background: #dedede;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.btn_circle::after {
    content: '\f054';
	font-size: .75em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	line-height: 1;
}
.top_contents_slider .swiper-slide .btn_circle::before{
    width: 3em;
    height: 3em;
}

.top_contents_slider,
#top_seasons {
    width: 100%;
	padding-top: 11.4vw;
}
.top_contents_slider::before,
#top_seasons::before {
	content: '';
	position: absolute;
	top: 11vw;
	left: 0;
	width: 69%;
	height: auto;
	padding-top: 13%;
	background: url("./img/top_about_back_l.png") right top/100% auto no-repeat;
}
.top_contents_slider .head2_1,
#top_seasons .head2_1 {
	margin-bottom: 1.7vw;
    letter-spacing: .2em;
}
.top_contents_slider .slide,
#top_seasons .slide {
	position: relative;
    width: 100%;
}
.top_contents_slider .slide .btn_wrap{
	padding-bottom: 4.5vw;
	margin-top: 3vw;
}
#top_seasons .slide .btn_wrap {
	padding-bottom: 4.5vw;
	margin-top: 5vw;
}
.top_contents_slider .swiper-container .swiper-slide::after,
.swiper-container.top_seasons_slide .swiper-slide::after {
	content: '';
    position: absolute;
	right: .5vw;
    display: block;
    height: auto;
    z-index: 2;
}
.swiper-container.top_seasons_slide .swiper-slide.spring::after {
    top: -1.5vw;
    width: 7vw;
    padding-top: 22%;
    background: url("./img/figure_sakura.png") center center/contain no-repeat;
}
.swiper-container.top_seasons_slide .swiper-slide.summer::after {
	top: -1vw;
	width: 10vw;
	padding-top: 18%;
	background: url("./img/figure_andon.png") center center/contain no-repeat;
}
.swiper-container.top_seasons_slide .swiper-slide.autumn::after {
    top: -1.5vw;
    width: 10vw;
    padding-top: 23%;
    background: url("./img/figure_momiji.png") center center/contain no-repeat;
}
.swiper-container.top_seasons_slide .swiper-slide.winter::after {
    top: -1.5vw;
    width: 8vw;
    padding-top: 23%;
    background: url("./img/figure_snowman.png") center center/contain no-repeat;
}
.top_contents_slider .swiper-container,
.swiper-container.top_seasons_slide {
    width: 100%;
}
.top_contents_slider .swiper-container .swiper-slide,
.swiper-container.top_seasons_slide .swiper-slide {
    width: 47%;
    margin: 0 .5%;
}
.top_contents_slider .swiper-container .post_img,
.top_seasons_slide .post_img {
    width: 100%;
/*     padding-top: 78%; */
    padding-top: 68%;
    position:relative;
}
.top_contents_slider .swiper-container .post_img span{
	display: block;
	color: #fff;
	line-height: 1;
	text-shadow: 0 0 5px rgba(0,0,0,0.75);
/* 	background: rgba(255,255,255,0.25); */
	padding: 10px 15px;
	
	position:absolute;
	bottom:0;
	right:0;
}
.top_contents_slider .swiper-container .tit,
.top_seasons_slide .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    margin: 0 auto -.5em;
    font-size: var(--fz28);
	font-family: var(--tenmincho);
    letter-spacing: 0;
    line-height: 0;
    background: #fff;
    border-radius: 50%;
}
.top_contents_slider .btn_wrap,
#top_seasons .btn_wrap {
    flex-direction: column;
}
.top_contents_slider .btn_line,
#top_seasons .btn_line {
    max-width: 385px;
    width: 92%;
}
#top_seasons .slide_arw {
    position: absolute;
    top: 0;
    left: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
    width: 22.3%;
	height: 3em;
	font-size: var(--fz28);
    transform: translateX(-50%);
	z-index: 1;
}

.top_contents_slider .swiper-container .tit{
	width:90%;
	line-height:1.2;
	text-align: center;
	padding: 0 0 3em;
	margin: 0 auto -3.5em;
}
.top_contents_slider .slide_arw{
	top: 45%;
}

.swiper-button-prev.swiper-button-white.top_seasons_prev, .swiper-button-next.swiper-button-white.top_seasons_next {
    position: relative;
    top: 0;
    right: auto;
    left: auto;
    margin-top: 0;
    width: 1.1em;
    height: 1.1em;
    background-size: .3em;
    background-color: var(--c_navy);
    border-radius: 50%;
}
#top_access {
    width: 100%;
	padding-top: 17.3vw;
	padding-bottom: 13vw;
	overflow: hidden;
}
#top_access .head2_1 {
    margin-bottom: 6vw;
}
#top_access .head2_1::before {
    width: 2.3em;
    height: 2.3em;
    margin-bottom: .5em;
    background: url("./img/figure_car.png") center center/contain no-repeat;
}
#top_access .wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #fff;
}
#top_access .cont {
    width: 40%;
	padding: 5vw 0;
}
#top_access .cont_inner {
    max-width: 475px;
    width: 92%;
	padding-left: 25px;
    margin-right: 25px;
    margin-left: auto;
}
#top_access .txt {
    width: 100%;
	margin-bottom: 3vw;
    font-size: var(--fz15);
    line-height: 2;
}
#top_access .btn_line {
	max-width: 390px;
    width: 100%;
}
#top_access .img {
    position: relative;
    width: 60%;
}
#top_access .img img {
    position: absolute;
    bottom: -6vw;
    left: .5vw;
    width: 93%;
    height: auto;
}
#top_access .btn_wrap {
	max-width: 270px;
	width: 92%;
	margin: auto;
}
#top > .top_f_link {
	position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
	padding-top: 10vw;
	border-bottom: 2px solid #eee;
}
#top > .top_f_link::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url("./img/top_about_back_w100.png") center top/100% auto no-repeat;
	z-index: 0;
}
.top_f_link .block {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(50% - .5px);
	padding: 7.2vw 0 8vw;
	margin-bottom: 0;
	background: center center/cover no-repeat;
	z-index: 1;
}
.top_f_link .block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}
.top_f_link .block > * {
	position: relative;
	z-index: 1;
}
.top_f_link .block.faci {
	border-right: 1px solid #eee;
}
.top_f_link .block.yado {
	border-left: 1px solid #eee;
}
.top_f_link .name {
	margin-bottom: .9vw;
    color: #fff;
    font-size: var(--fz26);
    font-family: var(--tenmincho);
}
.top_f_link .btn_line {
    max-width: 235px;
    width: 92%;
}
.top_f_link .yado .btn_line::after {
/* 	content: '\f044'; */
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.top_about_wrap .slide {
		width: 57%;
	}
	.top_about_wrap .cont {
		width: 39%;
	}
	#top_about_sotoyu .top_about_wrap .head2::before {
		width: 1.5em;
		height: 2em;
		margin-bottom: .4em;
	}
	#top_about_sozoro .top_about_wrap .head2::before {
		width: 1.6em;
		height: 1.8em;
		margin-bottom: .4em;
	}
	.top_about_wrap .head2 > span {
		letter-spacing: .15em;
	}
	.top_about_wrap .head3 {
		letter-spacing: .2em;
	}
	.top_about_wrap .txt {
		line-height: 1.8;
	}
}
@media only screen and (max-width: 768px) {
	.btn_sotoyu .arw {
		margin: 3px 0;
	}
	#top_main .b1 .head3 {
		bottom: calc(80px + 3vh);
		height: 48vh;
	}
	.top_news::before {
		padding: 10px .7em;
	}
	#top_main .b2 .head2 {
		height: 33vh;
		margin: 10vh auto 2.5vh;
	}
	.top_news_inner {
		max-width: 320px;
		padding: 10px;
	}
	.top_news_inner a {
		flex-direction: column;
	}
	.news_link .tit {
		letter-spacing: .1em;
	}
	.yado_form {
		padding: 10px 0;
		background: #dedede;
	}
	.yado_form_wrap {
		width: 93%;
	}
	.yado_form_wrap .head2 {
		display: none;
	}
	.yado_form .room-search-btn_b {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.yadoform_dl {
		width: 15em;
		margin-top: 0;
		margin-right: 1.5vw;
	}
	.yadoform_dl.drop {
		max-width: 3.1em;
	}
	.yadoform_dl input, .yadoform_dl select {
		padding: 3px 5px;
		font-size: 3.3vw;
		border: none;
	}
	.yadoform_dl.drop > dd::after {
		right: .5em;
		font-size: .6em;
	}
	.yadoform_dl > dt {
		font-size: 3vw;
	}
	.yado_form .room-search-btn_b > a {
		position: relative;
		top: auto;
		left: auto;
		font-size: 3vw;
		letter-spacing: 0;
		line-height: 1.3;
		text-align: center;
		white-space: inherit;
		transform: translateX(0);
	}
	.yado_form .room-search-btn_b > a::after {
		display: none;
	}
	.yado_form input#room-search-btn {
		padding: 10px 0 10px 2.6em;
		width: 8em;
		margin-right: 2vw;
		font-size: 3.5vw;
		letter-spacing: .15em;
		text-align: left;
	}
	.yado_form .room-search-btn_b > a br {
		display: block;
	}
	#top_about {
		padding-top: 9vw;
	}
	.top_about_b {
		padding-top: 19vw;
	}
	.top_about_wrap, .top_about_b + .top_about_b .top_about_wrap {
		flex-direction: column;
		width: 100%;
	}
	#top_about::before {
		width: 40vw;
		padding-top: 27%;
	}
	#top_about_sotoyu, #top_about_sozoro {
		background-size: 100% auto;
	}
	#top_about_sotoyu::before, #top_about_sozoro::before {
		top: 0;
		left: -2vw;
		width: 39vw;
		padding-top: 12%;
	}
	#top_about_sozoro::before {
		width: 37vw;
		top: 1vw;
		left: auto;
		right: 3.5vw;
	}
	.top_about_wrap .slide {
		width: 100%;
	}
	.top_about_wrap .cont, .top_about_b + .top_about_b .top_about_wrap .cont {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		padding-left: 2%;
		margin: 4vw 0 0;
	}
	.top_aboutslide .post_img {
		padding-top: 73%;
	}
	.swiper-container-horizontal > .swiper-pagination.top_aboutpn {
		margin-top: 2vw;
	}
	.top_about_wrap .head2 {
		flex-shrink: 0;
		width: auto;
		padding-left: 0;
		margin-right: 6vw;
	}
	#top_about_sotoyu .top_about_wrap .head2::before {
		width: 1.3em;
		height: 1.8em;
		margin-bottom: .9em;
	}
	.top_about_wrap .cont_inner {
		margin-top: 5.5vw;
	}
	.top_about_wrap .head3 {
		margin-bottom: 3.5vw;
	}
	.top_about_wrap .txt {
		margin-bottom: 7vw;
		line-height: 2.2;
	}
	.top_about_wrap .btn_line {
		width: 95%;
		padding: .7em;
	}
	.top_about_wrap > .btn_line {
		margin: auto;
	}
	.top_about_b + .top_about_b {
		margin-top: 20vw;
		padding: 17vw 0;
	}
	#top_about_sozoro .top_about_wrap .head2::before {
		width: 1.2em;
		height: 1.7em;
		margin-bottom: .5em;
	}
	#top > .top_slide_window {
		padding-top: 73%;
	}
	

/*
	#top_yado.top_contents_slider .swiper-container .tit,
	#top_kikaku.top_contents_slider .swiper-container .tit{
		font-size: clamp(1rem, 4.3vw, 1.6rem);
	}
*/
/*
	#top_kikaku.top_contents_slider .swiper-container .tit{
		margin-bottom:-3.0em;
	}
*/
/*
	#top_yado.top_contents_slider .slide .btn_wrap,
	#top_kikaku.top_contents_slider .slide .btn_wrap{
		padding: 0 5% 4.5vw;
		box-sizing: border-box;
	}
*/
	#top_yado.top_contents_slider .btn_circle,
	#top_kikaku.top_contents_slider .btn_circle{
		font-size: clamp(1rem, 3.6vw, 1.4rem);
	}

	
	#top_gourmet {
		padding-top: 17vw;
		padding-bottom: 6vw;
	}
	#top_gourmet::before {
		top: 30vw;
		width: 100%;
	}
	#top_gourmet .head2_1::before {
		width: 1.5em;
		height: 1.1em;
		margin-bottom: .5em;
	}
	#top_gourmet .head2_1 {
		margin-bottom: 7vw;
	}
	.swiper-container.top_gourmet_slide .swiper-slide {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		width: 76%;
		margin: 0 1.5%;
	}
	.top_gourmet_slide .name {
		position: relative;
		right: auto;
		height: auto;
		margin-right: 3vw;
		font-size: var(--fz27);
	}
	.top_gourmet_slide .name::before {
		margin-bottom: .3em;
	}
	#top_gourmet .slide_arw,
	.top_contents_slider .slide_arw {
		top: 55%;
		width: 93%;
	}
	.swiper-button-prev.swiper-button-white.top_gourmet_prev,
	.swiper-button-next.swiper-button-white.top_gourmet_next {
		width: 2.8em;
		height: 2.8em;
		background-size: .7em auto;
	}
	.top_gourmet_slide .post_img {
		padding-top: calc(100% - 10vw);
	}
	#top_gourmet .slide {
		margin-bottom: 0;
	}
	
	.btn_circle {
		font-size: clamp(1rem, 4.3vw, 1.8rem);
		letter-spacing: .25em;
		text-align: center;
		line-height: 1.4;
	}
	.btn_circle::before {
		right: -.5em;
		width: 3.5em;
		height: 3.5em;
	}
	
	#top_seasons {
		padding-top: 21.5vw;
	}
	#top_seasons .head2_1 {
		margin-bottom: 3.3vw;
	}
	.swiper-container.top_yado_slide .swiper-slide,
	.swiper-container.top_kikaku_slide .swiper-slide,
	.swiper-container.top_seasons_slide .swiper-slide {
		width: 85%;
		margin: 0 2%;
	}
	.swiper-container.top_seasons_slide .swiper-slide.spring::after {
		top: 0;
		width: 22vw;
		padding-top: 24%;
	}
	.swiper-container.top_seasons_slide .swiper-slide.summer::after {
		top: 0;
		right: -3vw;
		width: 27vw;
		padding-top: 20%;
	}
	.swiper-container.top_seasons_slide .swiper-slide.autumn::after {
		top: 0;
		width: 25vw;
	}
	.swiper-container.top_seasons_slide .swiper-slide.winter::after {
		top: 0;
		width: 20vw;
		padding-top: 23%;
	}
	#top_seasons .slide_arw {
		width: 45%;
	}
	#top_seasons .slide .btn_wrap {
		padding-bottom: 9vw;
		margin-top: 10vw;
	}
	
	#top_access {
		padding-top: 27vw;
		padding-bottom: 10vw;
	}
	#top_access .head2_1 {
		margin-bottom: 10.5vw;
	}
	#top_access .head2_1::before {
		width: 1.3em;
		height: 1.5em;
		margin-bottom: .3em;
	}
	#top_access .wrap {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		background: transparent;
		margin-bottom: 13vw;
	}
	#top_access .cont {
		position: relative;
		width: 100%;
		padding: 0;
		z-index: 1;
	}
	#top_access .cont_inner {
		max-width: inherit;
		width: 92%;
		margin: 0 auto;
	}
	#top_access .txt {
		margin-bottom: 11vw;
		line-height: 2.2;
	}
	#top_access .img {
		width: 100%;
		padding-top: 51%;
		background: #fff;
		z-index: 0;
	}
	#top_access .img img {
		bottom: -9vw;
		left: 13vw;
		max-width: inherit;
		width: 118%;
	}
	#top_access .btn_line {
		margin-bottom: 10vw;
	}
	#top > .top_f_link {
		flex-direction: column;
		padding-top: 37vw;
		border-bottom: none;
	}
	.top_f_link .name {
		margin-bottom: 2vw;
		font-size: clamp(1rem,6.2vw, 2.6rem);
	}
	.top_f_link .block {
		width: 100%;
		padding: 25vw 0 28vw;
		border-bottom: 3px solid #eee;
	}
	.top_f_link .block.faci {
		border-right: none;
	}
	.top_f_link .block.yado {
		border-left: none;
	}
}
@media only screen and (max-width: 550px) {
	#top_gourmet::before {
		top: 40vw;
	}
}
/*//top*/


/*second_head*/
.second_head {
    width: 100%;
    padding-bottom: 10px;
    margin: 200px 0 30px;
    background: url("./img/figure_cloud2.png") center bottom/auto 100% no-repeat;
}
.second_head .tit {
    position: relative;
    width: 100%;
    font-size: var(--fz38);
    font-family: var(--tenmincho);
	line-height: 1.4;
    text-align: center;
}
.second_head .icon {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    display: block;
    transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
    .second_head {
        padding-bottom: 0;
        margin: 100px 0 15px;
		padding: 1.5em 0 0;
    }
    .second_head .tit {
        font-size: clamp(1rem, 6.2vw, 2.6rem);
		letter-spacing: .2em;
    }
    .second_head .icon {
        bottom: 100%;
    }
}
/*//second_head*/


/*event*/
#event {
	width: 100%;
	background: url("./img/pattern1.png") left top/360px auto repeat;
}
.event_top {
    width: 100%;
    padding-bottom: 4vw;
}
.cat_link {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    width: 92%;
	min-height: 6.7em;
    padding: 2.5vw 8vw;
    margin: auto;
	font-size: var(--fz21);
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
.cat_link > a, .cat_link > span {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
	margin: 0 3vw;
    font-size: var(--fz21);
    font-family: var(--tenmincho);
    line-height: 1;
    text-align: center;
	white-space: nowrap;
    background: transparent;
    border-radius: 50%;
    transition: all .3s ease;
	z-index: 1;
}
.cat_link > span::after, .cat_link > a.select::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 5.4em;
    height: 5.4em;
    background: #dedede;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.cat_link > * > img {
    display: block;
    max-width: 2em;
	max-height: 2em;
	width: auto;
	height: auto;
    margin-bottom: .3em;
}

.accommodations_cat_list{
	margin-top: 8em;
	position:relative;
}
.accommodations_cat_list::before,
.accommodations_cat_list::after{
	content: "";
	display: block;
	width: 160px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 1;
	pointer-events: none;
}
.accommodations_cat_list::before {
	background-image: url(/core/wp-content/themes/kinosakionsen/img_accommodations/wa-pattern01.png);
	top: 10%;
	left: 0;
}
.accommodations_cat_list::after {
	background-image: url(/core/wp-content/themes/kinosakionsen/img_accommodations/wa-pattern02.png);
	bottom: 10%;
	right: 0;
}
.accommodations_cat_list .cat_link{
	width: 100%;
	padding: 3.5vw 0vw;
	border:0;
}
.accommodations_cat_list .cat_link a{
    position:relative;
}
.accommodations_cat_list .cat_link a::after{
	content: "";
	display: block;
	width: 120px;
	height: 120px;
	background: rgba(255,255,255,0.75);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
}
.accommodations_cat_list .cat_link > * > img{
    max-width: 3em;
	max-height: 3em;
}

.conntent-footer-kikaku-cat-wrap .second_head{
	margin: 30px 0 10px;
}
.conntent-footer-kikaku-cat-wrap .second_head .tit{
	font-size: var(--fz28);
}
.page-id-26168 .kikaku_cat_list .cat_link,
.tax-accommodations_cat .kikaku_cat_list .cat_link{
	align-items: flex-start;
	width:100%;
/* 	padding: 1.0vw 8vw; */
}
.page-id-26168 .kikaku_cat_list .cat_link a,
.tax-accommodations_cat .kikaku_cat_list .cat_link a{
	width: 150px;
	font-size: var(--fz16);
	white-space: normal;
	line-height: 1.2;
	margin: 0 1.2vw;
}
.page-id-26168 .kikaku_cat_list .cat_link a img,
.tax-accommodations_cat .kikaku_cat_list .cat_link a img{
	max-width: none;
	max-height: none;
	width: 75%;
	border-radius: 5px;
	margin-bottom: .5em;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.swiper-container.event_top_slide {
	width: 100%;
}
.swiper-container.event_top_slide .swiper-slide {
	width: 83%;
	margin: 0 .5vw;
}
.swiper-container.event_top_slide .swiper-slide.post1 {
    margin: 0 auto;
}
.event_top_slide .post_img {
	padding-top: 46%;
}
.event_top_slide .slide_arw {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 1.7vw;
}
.swiper-button-prev.event_top_prev, .swiper-button-next.event_top_next {
	opacity: 1;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	width: 66px;
	height: 45px;
	margin: 0 5px;
	background: none;
	transition: all .3s ease;
}
.swiper-button-prev.event_top_prev {
	background: url("./img/figure_arrow_left.png") center center/contain no-repeat;
}
.swiper-button-next.event_top_next {
	background: url("./img/figure_arrow_right.png") center center/contain no-repeat;
}
.swiper-button-prev.event_top_prev:hover, .swiper-button-next.event_top_next:hover {
	opacity: .6;
}
#event_archive {
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    width: 100%;
	padding-top: 4vw;
    margin: 0 auto 18vw;
}
#event_archive .head2 {
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding-right: 5.9vw;
	line-height: 1.4;
    writing-mode: tb-rl;
}
#event_archive .head2 .en {
    display: block;
    margin-bottom: .2em;
    font-size: var(--fz100);
	letter-spacing: .06em;
	text-transform: capitalize;
}
#event_archive .head2 .jp {
    display: block;
	margin-left: -1em;
    font-size: var(--fz36);
	letter-spacing: .15em;
}
.event_archive_block {
    width: 100%;
}
.event_li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
    width: 100%;
    list-style: none;
}
.event_li > li {
    position: relative;
    width: 49%;
    margin-bottom: 13px;
}
.event_li > li > a {
    display: block;
    width: 100%;
}
.event_li .post_img {
    padding-top: 81%;
}
.event_li .post_tit {
    position: absolute;
    top: -1px;
    left: -1px;
    width: auto;
    max-height: 97%;
    height: auto;
    padding: 1.3em .6em 1.1em;
    font-size: var(--fz22);
	letter-spacing: .1em;
    writing-mode: tb-rl;
    background: #fff;
}
.swiper-container-horizontal > .swiper-pagination-bullets.event_top_pn {
    position: relative;
	display: none;
    bottom: auto;
	margin-top: 1.5vw;
}
.swiper-pagination.event_top_pn span.swiper-pagination-bullet {
	opacity: 1;
	width: 10px;
	height: 10px;
	margin: 0 5px 3px;
	background: #dedede;
}
.swiper-pagination.event_top_pn span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--c_navy);
}
.insta_block {
    position: relative;
    width: 100%;
	margin-bottom: 13vw;
}
.insta_block .h {
    position: absolute;
    top: 0;
    left: 13vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 100%;
	padding: 1vw 4vw;
    background: #fff;
	z-index: 2;
}
.insta_block .h .head3 {
    margin-bottom: 21px;
    font-size: var(--fz19);
    font-family: var(--tenmincho);
	line-height: 1.4;
    text-align: center;
}
.insta_block .h .head3 span {
    display: block;
    font-size: .86em;
}
.insta_block .h a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    font-size: 1.9rem;
    line-height: 1;
    background: var(--c_navy);
    border: 1px solid var(--c_navy);
    border-radius: 50%;
    transition: all .3s ease;
}
.insta_block .h a:hover {
    color: var(--c_navy);
    background: #fff;
}
.insta_slide {
	position: relative;
	height: 200px;
}
#sb_instagram {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
	padding-bottom: 0!important;
    overflow: scroll;
	transform: translateY(-50%);
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#sb_instagram::-webkit-scrollbar {
	display: none;
}
#sb_instagram #sbi_images {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	width: auto;
	padding: 0!important;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
	opacity: 1;
	flex-shrink: 0;
	display: block;
    width: 200px;
    height: 200px;
	margin: 0 5px!important;
}
@media only screen and (max-width: 768px) {
	.cat_link {
		justify-content: space-between;
		padding: 7vw 8vw;
	}
	.cat_link > a, .cat_link > span {
		margin: 0 1vw;
	}
	.swiper-container.event_top_slide .swiper-slide {
		width: 100%;
	}
	.event_top_slide .post_img {
		padding-top: 75%;
	}
	.event_top_slide .slide_arw {
		display: none;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets.event_top_pn {
		display: block;
	}
	.event_li > li {
		width: 100%;
	}
	.event_li .post_tit {
		padding: 1.7em .9em 1.5em;
		font-size: var(--fz24);
		letter-spacing: .3em;
	}
	
	.conntent-footer-kikaku-cat-wrap .kikaku_cat_list{
		overflow-x: scroll;
	}
	.conntent-footer-kikaku-cat-wrap .kikaku_cat_list .cat_link{
		width: 200%;
		padding-left:0;
		padding-right:0;
	}
}
/*//event*/


/*directory*/
#directory {
	position: relative;
	width: 100%;
	background: url("./img/pattern1.png") left top/360px auto repeat;
}
.directory_cat {
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 720px;
    width: 100%;
    margin: 0 auto 3vw;
}
.directory_cat > .cat {
    width: auto;
    padding: .9em 1.2em;
    margin: 0 .3em 1em;
    color: var(--c_navy);
    font-size: clamp(1rem, 3.8vw, 1.6rem);
    line-height: 1;
    text-align: center;
    background: transparent;
    border: 2px solid var(--c_navy);
    border-radius: 100px;
    transition: all .3s ease;
}
.directory_cat > span.cat {
	color: #fff;
	background: var(--c_navy);
}
.directory_cat > .cat:hover {
    color: #fff;
    background: var(--c_navy);
}
.directory_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 94%;
	margin: 0 auto 4vw;
}
.directory_btn > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: .8em .7em .8em 1.0em;
    color: var(--c_navy);
    font-size: var(--fz13);
	font-family: var(--tenmincho);
	letter-spacing: .1em;
	line-height: 1.2;
    background: #fff;
    border: 1px solid #999;
    border-radius: 5px;
    transition: all .3s ease;
}
.directory_btn > a + a {
    margin-left: 20px;
}
.directory_btn > a:hover {
    color: #fff;
    background: var(--c_navy);
    border-color: var(--c_navy);
}
.directory_btn > a::after {
	content: '\f054';
	margin-left: .5em;
	font-size: .7em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.directory_btn > a.fav::before {
	content: '\f004';
	margin-right: .5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color:#d82e4d;
}
.directory_btn > a.fav2::before {
	content: '\f54e';
	margin-right: .5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
/* 	color:#d82e4d; */
}
.directory_pick .head2 {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto 2vw;
    font-size: var(--fz28);
	line-height: 1.3;
}
#directory_archive {
    max-width: 1200px;
    width: 95%;
    margin: 5vw auto 18vw;
}
.directory_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
	list-style: none;
}
.directory_li > li {
    width: 24%;
    margin-bottom: 20px;
}
.page-id-26168 .directory_li > li,
.tax-accommodations_cat .directory_li > li {
    margin-bottom: 5px;
}
.directory_li > li.dummy {
	margin-bottom: 0;
}
.directory_li > li > a {
    position: relative;
    display: block;
    width: 100%;
	overflow: hidden;
}
.directory_li .post_img {
    width: 100%;
    padding-top: 100%;
}
.directory_li > li:nth-of-type(5n) {
    width: 49.3%;
}
.directory_li > li:nth-of-type(5n) .post_img {
    padding-top: 49%;
}
.directory_li .name {
    position: absolute;
    top: -1px;
    left: -1px;
    width: auto;
    height: auto;
    padding: .5em .5em;
    font-size: var(--fz19);
    writing-mode: tb-rl;
    line-height: 1.2;
    background: #fff;
}
.directory_li .name::before {
	content: '';
	display: inline-block;
	width: .8em;
	height: .8em;
	margin-bottom: .1em;
	background: url("./img/icon_star.svg") center center/contain no-repeat;
}
.fav_btn {
	opacity: 1;
	text-decoration: none;
	cursor:pointer;
	transition: all .3s ease;
}
.fav_btn.favorite {
/* 	text-decoration: underline; */
}
.fav_btn:hover {
	opacity: .6;
}
.fav_btn i {
	margin-right: .5em;
}
.fav_btn.favorite i{
	color:#d82e4d;
}
.no_fav {
	text-align: center;
}
@media only screen and (max-width: 768px) {
    .directory_btn {
	    justify-content: center;
/*         flex-direction: column; */
        align-items: flex-end;
    }

    .directory_li > li {
        width: 48%;
    }
    .directory_li > li:nth-of-type(5n) {
        width: 100%;
    }
	.directory_li > li:nth-of-type(5n) .post_img {
		padding-top: 48%;
	}
	.directory_pick .cat_link {
		padding: 7vw 4vw;
	}
	.directory_cat > .cat {
		padding: .3em 1,1em;
	}
	.directory_pick .head2 {
		margin-bottom: 3vw;
	}
	
	.accommodations_cat_list::before,
	.accommodations_cat_list::after{
		width: 120px;
		height: 37px;
	}
	.accommodations_cat_list::before{
		top: -12%;
	}
	.accommodations_cat_list::after{
		bottom:-12%;
	}
	.accommodations_cat_list .cat_link{
		justify-content: center;
		flex-wrap: wrap;
		border:0;
		padding: 7vw 0vw 3vw;
	}
	.accommodations_cat_list .cat_link a{
		margin: 0 6vw 5vw;
	}
	.accommodations_cat_list .cat_link a::after {
		width: 85px;
		height: 85px;
	}
	.accommodations_cat_list .cat_link > * > img {
		max-width: 4.5em;
		max-height: 4.5em;
	}
}
/*//directory*/


/*facility*/
#facility {
    width: 100%;
	background: url("./img/pattern1.png") left top/360px auto repeat;
}
#facility_course {
    width: 100%;
}
.btn_navy_d {
	opacity: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
    max-width: 360px;
    width: 92%;
	padding: 1.6em 1em;
    margin: auto;
    color: #fff;
	font-size: clamp(1rem, 4.3vw, 1.8rem);
	font-family: var(--tenmincho);
	line-height: 1;
	background: var(--c_navy);
	transition: all .3s ease;
	overflow: hidden;
}
.btn_navy_d:hover {
	color:#fff;
	opacity: .6;
}
.btn_navy_d .arw {
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
}
.btn_navy_d .arw::before {
	content: '';
	position: relative;
	display: block;
	width: 1em;
	height: 1px;
	background: #fff;
}
.btn_navy_d .arw::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: .3em;
	height: 1px;
	background: #fff;
	transform-origin: right;
	transform: rotate(45deg);
}
#facility_course .btn_navy_d::before {
	content: '';
	position: absolute;
	bottom: -.3em;
	left: 0;
	display: block;
	width: 1.5em;
	height: 2.4em;
	background: url("./img/figure_facility_flag.png") center bottom/auto 100% no-repeat;
}
#facility_course .btn_navy_d::after {
    content: '';
    position: absolute;
    top: 0;
    right: .6em;
    display: block;
    width: 1.3em;
    height: 1.8em;
    background: url("./img/figure_facility_point.png") center bottom/auto 100% no-repeat;
}
#facility_course .map {
    position: relative;
    max-width: 1200px;
    width: 92%;
    margin: 3vw auto 0;
}
#facility_link {
    max-width: 1200px;
    width: 100%;
    margin: 12vw auto 7vw;
}
#facility_link .head2 {
	width: 92%;
	margin: 0 auto 1vw;
    font-size: var(--fz28);
    font-family: var(--tenmincho);
}
.facility_link_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
    width: 92%;
    padding: 2.5vw 8vw;
	margin: auto;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}
.facility_link_wrap > a {
	opacity: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: auto;
	margin: 0 3vw;
	font-size: var(--fz21);
	transition: all .3s ease;
}
.facility_link_wrap > a:hover {
	opacity: .6;
}
.facility_link_wrap .icon {
	display: block;
	width: 100%;
	margin-bottom: 3px;
}
.facility_archive {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 8vw;
}
.facility_archive .head2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 92%;
    margin: 0 auto 3vw;
    font-size: var(--fz28);
}
.facility_archive .head2.time {
    font-size: var(--fz21);
}
.facility_archive .head2 .icon {
    display: block;
    max-width: 75px;
    width: 18vw;
    margin-bottom: 0;
}
.facility_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 94%;
	margin: auto;
    list-style: none;
	border-bottom: 1px solid #808080;
}
.facility_li > li {
    width: 24%;
    margin-bottom: 5.5vw;
}
.facility_li > li.dummy {
	margin-bottom: 0;
}
.facility_li > li > a {
    display: block;
    width: 100%;
}
.facility_li .post_img {
    padding-top: 100%;
}
.facility_li .tit {
	margin-top: 10px;
    font-size: var(--fz19);
    font-family: var(--tenmincho);
	letter-spacing: .1em;
	line-height: 1.45;
}
@media only screen and (max-width: 768px) {
    .facility_archive .head2 {
		margin-bottom: 5vw;
        font-size: clamp(1rem, 5vw, 2.1rem);
    }
	.facility_link_wrap {
		justify-content: space-between;
		padding: 4vw 5vw;
	}
	.facility_link_wrap > a {
		margin: 0;
	}
	.facility_li > li {
		width: 48%;
	}
}
/*//facility*/


/*seasons*/
#seasons {
    position: relative;
    width: 100%;
	background: url("./img/pattern1.png") left top/360px auto repeat;
	overflow: hidden;
}
#seasons_main {
	position: relative;
    width: 100%;
    height: calc(100vh - 75px);
	overflow: hidden;
}
#seasons_main::before {
    content: '';
    position: absolute;
    top: 0;
    right: -1vw;
    display: block;
    width: 24vw;
    height: 58.5vh;
    background: url("./img/figure_seasons_main2.png") right bottom/auto 100% no-repeat;
	z-index: 1;
}
#seasons_main .img, #seasons_main .post_img {
    width: 100%;
    height: 100%;
}
#seasons_main .head1 {
    position: absolute;
    top: 45%;
    left: 50%;
    color: #fff;
    font-size: 4.9rem;
    letter-spacing: .2em;
    writing-mode: tb-rl;
	white-space: nowrap;
    transform: translate(-50%, -50%);
}
#seasons_main .head1::before {
    content: '';
    position: absolute;
    top: 90%;
    left: 48%;
    display: block;
    width: 6em;
    height: 3em;
    background: url("./img/figure_seasons_main1.png") center center/contain no-repeat;
    transform: translateX(-50%);
}
.seasons_sec_wrap {
    width: 100%;
	margin-bottom: 10vw;
}
.seasons_sec {
    position: relative;
    width: 100%;
	padding: 12vw 0 3vw;
	background: url("./img/top_about_back_r.png") right top 8vw/auto 11vw no-repeat;
}
/*.seasons_sec:nth-of-type(even) {
	background: url("./img/top_about_back_l.png") left top 8vw/auto 11vw no-repeat;
}*/
.seasons_sec_flex {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin: auto;
}
.seasons_sec .head3 {
	width: 85%;
	padding-left: .3em;
	margin: 0 auto .4em;
	color: #000;
    font-size: 11.2rem;
	line-height: 1;
    font-family: var(--tenmincho);	
}
.seasons_sec .head3 span {
    margin-left: .2em;
    font-size: .6em;
    line-height: 1;
}
.seasons_sec .slide {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    width: 98%;
	z-index: 1;
}
.swiper-container.seasons_sec_slide {
    width: 61%;
	margin: 0;
}
.seasons_sec_slside .swiper-slide {
    width: 100%;
}
.seasons_sec_slide .post_img {
    padding-top: 100vh;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination.seasons_sec_pn {
    position: relative;
    bottom: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.swiper-container-horizontal>.swiper-pagination-bullets.seasons_sec_pn span.swiper-pagination-bullet {
	opacity: 1;
    width: calc((100% / 3) - 5px);
    padding-top: 24%;
	margin: 0;
	background-size: cover;
    border-radius: 0;
}
.swiper-container.seasons_sec_thumnb {
	width: 38%;
	height: 100vh;
	margin: 0;
}
.swiper-container.seasons_sec_thumnb .swiper-slide .post_img {
	width: 100%;
	height: 100%;
}
.seasons_sec .cont {
	position: relative;
    display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: flex-start;
    width: auto;
	padding-top: 4.5vw;
	margin: auto;
	z-index: 1;
}
.seasons_sec .head2 {
	position: relative;
	flex-shrink: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: auto;
	margin-left: .7em;
	font-size: 3.2rem;
	letter-spacing: .2em;
	white-space: nowrap;
    writing-mode: tb-rl;
}
.seasons_sec .head2::before {
	content: '';
	display: block;
	width: 2.3em;
	height: 1.1em;
	margin-bottom: .6em;
	background: url("./img/figure_star1.png") center center/contain no-repeat;
}
.seasons_sec .txt {
    width: auto;
	max-height: 610px;
	font-size: var(--fz18);
	letter-spacing: .07em;
	line-height: 2;
	writing-mode: tb-rl;
	text-orientation: upright;
	text-align: left;
}
.seasons_sec::before, .seasons_sec::after {
	content: '';
	position: absolute;
	right: 0;
	display: block;
	z-index: 1;
}
.seasons_sec::after {
	display: none;
	right: auto;
	left: 0;
	transform: scale(-1, 1);
}
#seasons_spring::before, #seasons_spring::after {
    top: 0vw;
    max-width: 159px;
	width: 11vw;
    max-height: 311px;
	height: 22vw;
    background: url("./img/figure_seasons_spring1.png") left 2vw bottom/auto 100% no-repeat;
}
#seasons_summer::before, #seasons_summer::after {
    top: 0;
    max-width: 495px;
	width: 36vw;
    max-height: 325px;
	height: 23vw;
    background: url("./img/figure_yanagi.png") left 1vw top/auto 100% no-repeat;
}
#seasons_autumn::before, #seasons_autumn::after {
    top: -2vw;
    max-width: 313px;
	width: 22vw;
    max-height: 355px;
	height: 26vw;
    background: url("./img/figure_seasons_autumn1.png") right top/contain no-repeat;
}
.seasons_sec::before {
    content: '';
    position: absolute;
    right: 0;
    display: block;
}
#seasons_winter::before, #seasons_winter::after {
    top: 2vw;
    max-width: 534px;
	width: 39vw;
    max-height: 300px;
	height: 21vw;
    background: url("./img/figure_seasons_winter1.png") center center/contain no-repeat;
}
.seasons_sec_flex::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	padding-top: 70%;
	background: url("./img/figure_seasons_sec_pc.png") left top/100% auto no-repeat;
	transform: translateY(50%);
	z-index: 0;
}
#seasons_spring .cont::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: calc(100% + 2em);
    display: block;
    max-width: 91px;
	width: 6vw;
    max-height: 200px;
	height: 14vw;
    background: url("./img/figure_seasons_spring2.png") right bottom/auto 100% no-repeat;
	z-index: -1;
}
#seasons_spring .cont::after {
    content: '';
    position: absolute;
    top: 107%;
    left: -4em;
    display: block;
    max-width: 207px;
	width: 15vw;
    max-height: 113px;
	height: 8vw;
    background: url("./img/figure_seasons_spring3.png") right bottom/auto 100% no-repeat;
}
#seasons_summer .cont::before {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(100% + 5em);
    display: block;
    max-width: 125px;
	width: 9vw;
    max-height: 171px;
	height: 12vw;
    background: url("./img/figure_seasons_summer1.png") right bottom/auto 100% no-repeat;
    transform: translateY(-50%);
	z-index: -1;
}
#seasons_summer .head2::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    max-width: 217px;
	width: 15vw;
    max-height: 145px;
	height: 10vw;
    margin-top: 1vw;
    background: url("./img/figure_seasons_summer2.png") center center/contain no-repeat;
}
#seasons_autumn .cont::before {
    content: '';
    position: absolute;
    top: 45%;
    right: calc(100% + 4em);
    display: block;
    max-width: 146px;
	width: 10vw;
    max-height: 140px;
	height: 10vw;
    background: url("./img/figure_seasons_autumn2.png") center center/contain no-repeat;
	z-index: -1;
}
#seasons_autumn .cont::after {
    content: '';
    position: absolute;
    top: calc(45% + 10vw);
    right: calc(100% + 3em);
    display: block;
    max-width: 237px;
	width: 17vw;
    max-height: 239px;
	height: 17vw;
    background: url("./img/figure_seasons_autumn3.png") center center/contain no-repeat;
}
#seasons_winter .cont::before {
    content: '';
    position: absolute;
    bottom: 4em;
    right: calc(100% + 2em);
    display: block;
    max-width: 153px;
	width: 11vw;
    max-height: 188px;
	height: 14vw;
    background: url("./img/figure_seasons_winter2.png") right bottom/auto 100% no-repeat;
	z-index: -1;
}
@media only screen and (max-width: 768px) {
	#seasons_main {
		height: calc(100vh - 65px);
	}
	.seasons_sec:first-of-type {
		padding-top: 24vw;
	}
	.seasons_sec {
		padding: 13vw 0 10vw;
		background: none;
	}
	.seasons_sec:nth-of-type(even) {
		padding: 8vw 0 10vw;
		background: none;
	}
	#seasons_winter.seasons_sec:nth-of-type(even) {
		padding-top: 10vw;
	}
	.seasons_sec > * {
		position: relative;
		z-index: 1;
	}
    .seasons_sec .slide {
		flex-direction: column;
		justify-content: flex-start;
        width: 100%;
		background: url("./img/seasons_sec_back_r.png") right top 1vw/100% auto no-repeat;
    }
	.swiper-container.seasons_sec_slide {
		width: 100%;
	}
	.swiper-container.seasons_sec_thumnb {
		width: 100%;
		height: auto;
		margin-top: 10px;
	}
	.swiper-container.seasons_sec_thumnb .swiper-slide .post_img {
		width: 100%;
		height: auto;
		padding-top: 75%;
	}
	.seasons_sec_slide .post_img {
		padding-top: 73%;
	}
	.seasons_sec:not(:first-of-type) .head3 {
		margin-bottom: .5em;
	}
	.seasons_sec .head3 {
		padding-left: 0;
		margin-top: .3em;
		font-size: 6.5rem;
		text-align: center;
	}
	.seasons_sec .head3 span {
		display: none;
	}
	.seasons_sec .txt {
		width: 100%;
		max-height: 350px;
		font-size: clamp(1rem, 4.3vw, 1.8rem);
	}
	.seasons_sec_flex::after {
		padding-top: 90%;
		background: url("./img/figure_seasons_sec.png") left top/100% auto no-repeat;
	}
	.seasons_sec .cont {
		justify-content: flex-start;
		width: 93%;
		padding-top: 8vw;
		margin-right: auto;
		margin-left: 0;
	}
	#seasons_spring .cont::before {
		top: -2vw;
		right: auto;
		bottom: auto;
		left: 0;
		width: 27.5vw;
		height: 59vw;
	}
	#seasons_spring .cont::after {
		top: auto;
		bottom: -7vw;
		left: 0;
		width: 41vw;
		height: 28vw;
	}
	#seasons_summer .cont::before {
		top: 19vw;
		right: auto;
		left: 4vw;
		width: 21vw;
		height: 26vw;
		transform: translateY(0);
	}
	#seasons_summer .head2::after {
		left: 50%;
		width: 32vw;
		height: 21vw;
		margin-top: 1vw;
		background: url("./img/figure_seasons_summer2.png") right -3vw bottom/auto 100% no-repeat;
		transform: translateX(-50%);
	}
	#seasons_autumn .cont::before {
		top: 11vw;
		right: auto;
		left: 4vw;
		width: 27vw;
		height: 25vw;
		background: url("./img/figure_seasons_autumn2.png") right bottom/auto 100% no-repeat;
	}
	#seasons_autumn .cont::after {
		top: auto;
		right: auto;
		bottom: 14vw;
		left: 0;
		width: 36vw;
		height: 41vw;
		background: url("./img/figure_seasons_autumn3.png") right bottom/auto 100% no-repeat;
	}
	#seasons_winter .cont::before {
		top: 16vw;
		right: auto;
		bottom: auto;
		left: 4vw;
		width: 23vw;
		height: 26vw;
	}
	#seasons_spring::before, #seasons_spring::after {
		width: 20vw;
		height: 43vw;
	}
	#seasons_summer::before, #seasons_summer::after {
		width: 43vw;
		height: 31vw;
		background: url("./img/figure_yanagi.png") left top/auto 100% no-repeat;
	}
	#seasons_autumn::before, #seasons_autumn::after {
		top: 9vw;
		width: 24vw;
		height: 28vw;
		background: url("./img/figure_seasons_autumn1.png") left top/auto 100% no-repeat;
	}
	#seasons_winter::before, #seasons_winter::after {
		top: 7vw;
		width: 38.5vw;
		height: 24vw;
		background: url("./img/figure_seasons_winter1.png") left top/auto 100% no-repeat;
	}
	#seasons_winter:first-of-type::before, #seasons_winter:first-of-type::after {
		top: 17vw;
	}
	.seasons_sec::after {
		display: block;
	}
}
/*//seasons*/


/*course-archive*/
#course {
	padding-top: 15px;
	background: url("./img/pattern1.png") left top/360px auto repeat;
}
.course_archive {
    max-width: 1200px;
    width: 92%;
    margin: 0 auto;
}
.course_archive + .course_archive {
	position: relative;
	padding-top: 7vw;
	background: url("./img/pattern1.png") left top/360px auto repeat;
}
.course_archive .head2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto 3vw;
}
.course_archive .head2 img {
    flex-shrink: 0;
    display: block;
    width: 80px;
    margin: 0 10px;
}
.course_archive .head2::before, .course_archive .head2::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #808080;
}
.course_li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 92%;
	margin: auto;
	list-style: none;
}
.course_li > li {
    width: 33%;
}
.course_li > li.dummy {
	display: block!important;
}
.course_li a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}
.course_li .post_img {
    flex-shrink: 0;
    padding-top: 100%;
}
.course_li .cont {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 5.3vw;
}
.course_li .cat_icon {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 92%;
    margin: -30px auto 20px;
}
.course_li .cat_icon span, .course_li .cat_icon img {
    display: block;
    width: 50px;
}
.course_li .cat_icon > *:not(:first-of-type) {
    margin-left: -10px;
}
.course_li .tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	width: 92%;
	margin: auto;
	color: var(--c_navy);
    font-size: var(--fz18);
	letter-spacing: .1em;
	line-height: 1.5;
}
/*
.course_li .tit::after {
    content: '';
	flex-shrink: 0;
    display: block;
    width: 2em;
    height: 2em;
    background: url("./img/figure_arrow_right.png") center center/contain no-repeat;
}
*/
#discover {
	position: relative;
	width: 100%;
	padding: 4vw 0 7vw;
	margin-top: 22vw;
	background: url("./img/pattern2.png") center center/153px auto repeat;
}
#discover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-top: 13%;
    background: url("./img/top_about_back_l.png") left top/69% auto no-repeat;
    transform: translateY(-100%);
}
#discover::after {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30vw;
	height: auto;
	padding-top: 20%;
    background: url("./img/figure_yanagi.png") left top/auto 100% no-repeat;
    transform: translateY(-74%);
}
#discover .head2 {
    max-width: 264px;
    width: 92%;
    margin: 0 auto 2vw;
}
#discover .slide {
    width: 100%;
	margin-bottom: 5vw;
}
.swiper-container.discover_slide .swiper-slide, .discover_slide.slick-initialized .slick-slide {
	max-width: 500px;
    width: 88%;
	margin-left: 7px;
    margin-right: 7px;
}
.swiper-container.discover_slide .post_img, .discover_slide.slick-initialized .slick-slide .img {
	padding-top: 65%;
}
.swiper-container.discover_slide .tit, .discover_slide.slick-initialized .slick-slide .cont p {
    margin-top: .4em;
    letter-spacing: .01em;
}
.bnr_block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	width: 92%;
	padding: 9vw 0 16vw;
	margin: auto;
}
.bnr_block > a {
	opacity: 1;
	display: block;
	width: 32%;
	transition: all .3s ease;
}
.bnr_block > a:hover {
	opacity: .6;
}
.course_recommend {
    display: flex;
    justify-content: space-between;
    width: 86%;
    max-width: 600px;
    margin: 0 auto 90px;
}
.course_rcmnd_b {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 47%;
	padding: 60px 0 50px;
    font-family: var(--tenmincho);
    text-align: center;
    background: url("./img/course_rcmnd_line1.png") center top/100% auto no-repeat, url("./img/course_rcmnd_line2.png") center bottom .5px/100% auto no-repeat #fff;
    border-right: 1px solid var(--c_navy);
    border-left: 1px solid var(--c_navy);
}
.course_rcmnd_b > * {
	opacity: 1;
	transition: all .3s ease;
}
.course_rcmnd_b:hover > * {
	opacity: .6;
}
.course_rcmnd_b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 30px;
    background: url("./img/icon_flag4.png") center center/contain no-repeat;
    transform: translate(-50%, 0);
}
.course_rcmnd_b::after {
    content: '\f078';
    position: absolute;
    bottom: 0;
    left: 50%;
    display: flex;
	justify-content: center;
	align-items: center;
    width: 21px;
    height: 21px;
	padding-top: .2em;
	font-size: .8em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	line-height: 1;
    background: #fff;
    border: 1px solid var(--c_navy);
    border-radius: 50%;
    transform: translate(-50%, 50%);
}
.course_rcmnd_b .sub {
    font-size: var(--fz19);
	line-height: 1.4;
}
.mark_hang {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px auto;
}
.mark_hang::before, .mark_hang::after {
    content: '';
	position: absolute;
	top: 50%;
	left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--c_navy);
    transform: rotate(-45deg);
	transform-origin: center;
}
.mark_hang::after {
    transform: rotate(45deg);
}
.course_rcmnd_b .head2 {
    font-size: var(--fz28);
	letter-spacing: -.05em;
	line-height: 1.4;
}
.course_classic {
    width: 100%;
    margin-bottom: 120px;
}
.course_archive_head {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin: 0 auto 30px;
    font-size: var(--fz28);
    font-family: var(--tenmincho);
    line-height: 1;
    white-space: nowrap;
}
.course_archive_head::before, .course_archive_head::after {
    content: '';
    display: block;
    max-width: 56px;
    width: 100%;
    height: 1px;
    margin-right: 20px;
    background: var(--c_navy);
}
.course_archive_head::after {
    margin-right: 0;
    margin-left: 20px;
}
.course_classic_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
	max-width: 1200px;
    width: 100%;
	margin: auto;
}
.course_classic_b {
    position: relative;
	display: block;
    width: 49%;
	margin-bottom: 60px;
}
.course_classic_b .post_img {
	padding-top: 72%;
}
.course_classic_b .arw {
    position: absolute;
    bottom: 0;
    left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, 50%);
}
.course_classic_b .arw::before, .course_classic_b .arw::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 15px;
	height: 1px;
	background: var(--c_navy);
	transform: translate(-50%, -50%) rotate(45deg);
	transform-origin: right;
}
.course_classic_b .arw::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.course_classic_b .name {
    position: absolute;
    top: -1px;
    left: 4%;
    width: auto;
    min-height: 210px;
    height: auto;
    padding: 1.5em;
    writing-mode: tb-rl;
    white-space: nowrap;
    background: #fff;
}
.course_archive .more {
	opacity: 1;
	position: relative;
    max-width: 500px;
    width: 92%;
    margin: 0 auto;
	pointer-events: auto;
	transition: all .3s ease;
}
.course_archive .more.hide {
	opacity: 0;
	pointer-events: none;
}
.course_archive .more button {
	opacity: 1;
    display: block;
    width: 100%;
	padding: 15px 10px 10px;
    color: #fff;
	font-size: 1.6rem;
    font-family: var(--mincho);
    background: var(--c_navy);
    border: none;
	border-radius: 0;
	cursor: pointer;
}
.course_archive .more button::after {
	content: '\f078';
	display: block;
	margin-top: .5em;
	font-size: .8em;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
@media only screen and (max-width: 768px) {
	#discover {
		margin-top: 29vw;
	}
	#discover::before {
		padding-top: 19%;
		background-size: 100% auto;
	}
	#discover::after {
		width: 40vw;
		height: 28vw;
		padding-top: 0;
	}
	#discover .slide {
		width: 96%;
		padding-bottom: 13vw;
		margin: 0 0 8vw auto;
	}
	.course_archive {
		width: 100%;
	}
	.course_archive .head2 {
		width: 93%;
		margin-bottom: 4.5vw;
	}
    .course_li > li {
        width: 48%;
    }
    .course_li .cat_icon {
		margin: -30px auto 10px;
    }
	.course_li .tit {
		flex-direction: column;
		align-items: center;
		max-width: 300px;
	}
	.swiper-container.discover_slide .swiper-slide, .discover_slide.slick-initialized .slick-slide {
		margin-right: 10px;
		margin-left: 0;
	}
	.bnr_block {
		flex-direction: column;
		justify-content: flex-start;
		width: 100%;
		padding: 9vw 0 16vw;
	}
	.bnr_block > a {
		max-width: 320px;
		width: 92%;
		margin: auto;
	}
	.bnr_block > a + a {
		margin-top: 10px;
	}
	.course_classic_wrap {
		flex-direction: column;
		justify-content: flex-start;
	}
	.course_classic_b {
		width: 100%;
		margin-bottom: 0;
	}
	.course_classic_b + .course_classic_b {
		margin-top: 60px;
	}
	.course_rcmnd_b {
		padding: 45px 0 30px;
	}
	.course_archive .more {
		margin: -55vw auto 0;
		padding-top: 10vw;
		background: linear-gradient(0deg, #fff 0%, #fff 60%, transparent);
	}
	.course_archive .more.hide {
		margin-top: 0;
		padding-top: 0;
	}
	.course_archive .more button {
		padding: 10px 10px 7px;
	}
	.course_archive .more button::after {
		font-size: .6em;
	}
}
/*//course-archive*/
/*course-single*/
.single_course {
    width: 100%;
}
.single_course_head {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    width: 100%;
}
.single_course_head .img {
    position: relative;
    width: 54%;
}
.single_course_head .cat_icon {
    position: absolute;
    bottom: 1vw;
    right: 1.5vw;
    display: block;
    width: 112px;
	list-style: none;
	z-index: 1;
}
.single_course_head .post_img {
    width: 100%;
    padding-top: 60%;
}
.single_course_head .cont {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 46%;
}
.single_course_head .cont_inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
	padding: 10px 0 35px;
}
.single_course_head .subtxt {
    width: 93%;
    margin: 0 auto;
    font-size: var(--fz18);
	letter-spacing: .1em;
}
.single_course_head .head1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
    margin-top: auto;
    font-size: var(--fz36);
    text-align: center;
}
.single_course_head .head1 .hour_icon {
    display: block;
    width: 67px;
    margin-bottom: 5px;
}
.single_course_head .cat_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 92%;
	margin-top: 2vw;
}
.single_course_head .cat {
    display: block;
    padding: 1px 5px 1px 7px;
    margin: 0 7px 5px;
    font-size: var(--fz18);
    letter-spacing: .1em;
    background: #dedede;
    border-radius: 100px;
}
.single_course_head .maintxt {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    padding: 1.5vw 0;
    font-size: var(--fz18);
    line-height: 2;
    text-align: center;
	background: #fff;
}
.course_root {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 1320px;
    width: 92%;
	padding: 5vw 0 0;
    margin: auto;
}
.course_root .start {
    display: block;
    width: 182px;
    margin: auto;
}
.course_root .root_time {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
	margin: 3.5vw 0 3vw;
}
.course_root .root_time::before {
    content: '';
    display: block;
    width: 3em;
    height: 2em;
    margin: 0 auto 1vw;
	background: url("./img/course_arrow.png") center center/contain no-repeat;
}
.course_root .root_time span {
    position: relative;
    font-size: var(--fz21);
    font-family: var(--tenmincho);
	letter-spacing: .2em;
}
.course_root .root_time span > img {
    position: absolute;
    top: 50%;
    left: calc(100% + .3em);
	display: block;
    width: 70px;
    transform: translateY(-50%);
}
.course_root_li {
    width: 100%;
	margin-bottom: 5.9vw;
	list-style: none;
}
.course_root_li > li {
    position: relative;
    width: 100%;
	padding: 1.7vw 0 2.8vw;
}
.course_root_li > li::before {
    content: '';
    position: absolute;
    top: 0;
    left: .6em;
    display: block;
    width: 2px;
    height: 100%;
    font-size: clamp(3.3rem, 3.3vw, 4.8rem);
    background: #dedede;
}
.course_root_li > li:last-of-type::before {
	display: none;
}
.course_root_li .num {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.2em;
	height: 1.2em;
	font-size: clamp(3.3rem, 3.3vw, 4.8rem);
	line-height: 1;
	background: #dedede;
	z-index: 1;
}
.course_root_li .num .t {
    position: absolute;
    top: 50%;
    left: 130%;
    display: block;
    padding: .3em .5em;
    font-size: var(--fz24);
    white-space: nowrap;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    transform: translateY(-50%);
}
.course_root_li .num .t::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 100%;
	display: block;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 9px solid #dedede;
	border-bottom: 7px solid transparent;
	transform: translateY(-50%);
}
.course_root_li .num .t::after {
	content: '';
	position: absolute;
	top: 50%;
	right: calc(100% - 1px);
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 7px solid #fff;
	border-bottom: 5px solid transparent;
	transform: translateY(-50%);
}
.course_root_li .wrap {
    display: flex;
    justify-content: center;
    width: 92%;
    margin-left: auto;
}
.course_root_li .post_img {
    width: 50%;
    padding-top: 32%;
}
.course_root_li .cont {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
	padding: .5vw calc((50% - 555px) / 2) 0;
}
@media only screen and (max-width: 1400px) {
	.course_root_li .cont {
		padding: .5vw 2vw 0;
	}
}
.course_root_li .head2 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
    width: 100%;
    margin: 0 auto .3em;
    font-size: var(--fz28);
	letter-spacing: .2em;
    text-align: center;
}
.course_root_li .head2::before {
    content: '';
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin-bottom: 1em;
    background: url("./img/icon_flag3.png") center center/contain no-repeat;
}
.course_root_li .txt {
    width: 100%;
    margin: 0 auto 2.3em;
    font-size: var(--fz15);
}
.course_root_li .time {
    width: auto;
    padding: 1px 5px;
	margin: 0 auto 0 0;
    font-size: var(--fz15);
    background: #fff;
    border-radius: 100px;
}
.course_root_li .time::before {
    content: '\f017';
    margin-right: 3px;
    font-family: "Font Awesome 5 Free";
}
.course_root_li .btn_wrap {
	justify-content: center;
    margin-top: 2.5vw;
}
.course_root_li .btn_line {
	max-width: 355px;
	width: 100%;
	padding: .3em .5em;
}
.course_root_li > li > .root_time {
    margin: 3.2vw auto 0;
}

.course_root .btn_navy_wrap {
	display:flex;
	justify-content: center;
	width: 100%;
    margin: 4.8vw auto 7vw;
}
.course_root .btn_navy_wrap .btn_navy_d{
	margin:0 3%;
}
.course_root .btn_navy_d {
    max-width: 385px;
}
.course_root .btn_navy_d::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: .8em;
    display: block;
    width: 2.6em;
    height: 3.2em;
    background: url("./img/figure_course_train.png") center center/contain no-repeat;
    z-index: 1;
}
.course_root .btn_navy_d::after {
    content: '';
    position: absolute;
    top: 0;
    right: .7em;
    display: block;
    width: 2.9em;
    height: 2.5em;
    background: url("./img/figure_course_bus.png") center bottom/100% auto no-repeat;
    z-index: 1;
}
.course_root .btn_navy_d.btn_navy_bus::before{
	display:none;
}
.course_root .btn_navy_d.btn_navy_train::after{
	display:none;
}

.course_rcmnd_plan {
    max-width: 1320px;
    width: 92%;
    margin: 0 auto 6.5vw;
}
.course_rcmnd_plan .head2 {
    width: 100%;
    padding-bottom: .8em;
    margin-bottom: .7em;
    font-size: var(--fz28);
	letter-spacing: .05em;
	line-height: 1;
    text-align: center;
    border-bottom: 1px solid #808080;
}
.course_rcmnd_plan_li {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
	list-style: none;
}
.course_rcmnd_plan_li > li {
    width: 24.5%;
}
.course_rcmnd_plan_li a {
	position: relative;
    display: block;
}
.course_rcmnd_plan_li .post_img {
    padding-top: 100%;
}
.course_rcmnd_plan_li .cat {
    opacity: .85;
    position: absolute;
    top: 50%;
    left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
    width: 44%;
    transform: translate(-50%, -50%);
	z-index: 1;
}
.course_rcmnd_plan_li .cat.cat2 {
    width: 52%;
}
.course_rcmnd_plan_li .cat_icon {
	display: block;
	width: 100%;
}
.course_rcmnd_plan_li .cat.cat2 .cat_icon {
    width: 54%;
}
.course_rcmnd_plan_li .cat_icon + .cat_icon {
	margin-left: -10%;
}
.course_rcmnd_plan_li .tit {
    margin-top: .6em;
    font-size: var(--fz24);
    letter-spacing: .1em;
}
.course_root .day {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: baseline;
    width: 100%;
	padding: .7em 0 .6em;
	margin-bottom: 4.7vw;
    color: #fff;
	font-size: var(--fz24);
	font-family: var(--tenmincho);
	letter-spacing: .1em;
	line-height: 1;
    background: var(--c_navy);
}
.course_root .day .day_inner1 {
	margin-right: .2em;
	font-size: 1.58em;
}
.course_root .day .day_inner2 {
    opacity: .5;
	position: relative;
	align-self: flex-end;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top: 1em;
    font-size: .7em;
}
.course_root .day .day_inner2::before {
    content: '';
    display: block;
    width: 1px;
    height: 2em;
    margin: 0 .3em 0 1.3em;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: left;
}
.course_root .day_mark {
    position: absolute;
	top: 50%;
    right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	transform: translate(-50%, -50%);
}
.course_root .day_mark img {
	opacity: .6;
	position: relative;
	width: 29px;
	z-index: 0;
}
.course_root .day_mark img + img {
	margin-left: -23px;
}
.course_root .day_mark img.point {
	opacity: 1;
	z-index: 1;
}
.course_root .day_mark .txt {
	margin-top: .5em;
	font-size: var(--fz14);
	letter-spacing: .1em;
	text-align: center;
}
@media only screen and (max-width: 768px) {
	.single_course_head {
		flex-direction: column;
	}
	.single_course_head .img {
		width: 100%;
	}
	.single_course_head .cont {
		width: 100%;
	}
	.single_course_head .cont_inner {
		padding: 4vw 0;
	}
	.single_course_head .subtxt {
		text-align: center;
	}
	.single_course_head .head1 {
		position: relative;
		flex-direction: row;
		width: 93%;
	}
	.single_course_head .head1 .hour_icon {
		position: absolute;
		top: 50%;
		left: 0;
		width: 14vw;
		transform: translateY(-50%);
	}
	.single_course_head .head1 .tit {
		width: 100%;
		padding: 0 15vw 0 16vw;
	}
	.single_course_head .cat_wrap {
		margin-top: 1vw;
	}
	.single_course_head .cat {
		margin: 0 5px 5px;
		font-size: var(--fz16);
	}
	.single_course_head .post_img {
		padding-top: 61%;
	}
	.single_course_head .cat_icon {
		bottom: 3vw;
		right: 2vw;
		width: 80px;
	}
	.single_course_head .maintxt {
		padding: 3.7vw 0;
		font-size: var(--fz16);
		line-height: 2;
	}
	.course_root .start {
		width: 130px;
	}
	.course_root .root_time span {
		font-size: var(--fz18);
		letter-spacing: .1em;
	}
	.course_root .root_time {
		margin: 5vw 0;
	}
	.course_root .root_time::before {
		width: 2em;
		height: 1.8em;
		margin-bottom: 1.4vw;
	}
	.course_root .root_time span > img {
		width: 52px;
	}
	.course_root_li > li {
		padding: 3vw 0 8vw;
	}
	.course_root_li .wrap {
		flex-direction: column;
		width: 85%;
		margin: 0 0 0 auto;
	}
	.course_root_li .post_img {
		width: 100%;
		padding-top: 64%;
	}
	.course_root_li .cont {
		width: 100%;
		padding: 3vw 0 0;
	}
	.course_root_li .head2::before {
		width: 1em;
		height: 1em;
		margin: 0 .7em 0 0;
	}
	.course_root_li .head2 {
		flex-direction: row;
		font-size: clamp(1rem, 5.7vw, 2.4rem);
		letter-spacing: .1em;
	}
	.course_root_li .time {
		position: absolute;
		bottom: 105%;
		right: 0;
	}
	.course_root_li .txt {
		margin-bottom: 1em;
	}
	.course_root_li > li > .root_time {
		margin: 6.3vw auto 0;
	}
	.course_rcmnd_plan_li > li {
		width: 49%;
		margin-bottom: 5vw;
	}
	.course_rcmnd_plan_li .post_img {
		padding-top: 102%;
	}
	.course_rcmnd_plan_li .tit {
		margin-top: .3em;
	}
	.course_root .btn_navy_d {
		width: 100%;
		margin: 10vw auto 16vw;
	}
	.course_rcmnd_plan .head2 {
		padding-bottom: .5em;
		margin-bottom: .4em;
		font-size: clamp(1rem, 5.7vw, 2.4rem);
		letter-spacing: 0;
	}
	.course_rcmnd_plan {
		margin-bottom: 18vw;
	}
	.course_root {
		width: 100%;
	}
	.course_root .day_mark img {
		width: 20px;
	}
	.course_root .day_mark img + img {
		margin-left: -15px;
	}
	.course_root .day_mark .txt {
		font-size: 1.2rem;
	}
	.course_root_li {
		width: 92%;
		margin-right: auto;
		margin-left: auto;
	}
	.course_root_li .num .t {
		font-size: 2.1rem;
	}
}
/*//course-single*/


/*cookie*/
#cookie-bar {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10000;
	padding: 15px;
	background-color: #2b2b2b;
}
.cookie-bar-outter {
	max-width: 71.25rem;
	margin: 0 auto;
}
.cookie-bar-inner {
	position: relative;
	display: block;
	overflow: hidden;
	height: 25px;
	padding-right: 6.25rem;
}
.cookie-bar-text {
	-webkit-transform: translateY(-50%);
	-khtml-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	top: 50%;
	display: block;
	line-height: 16px;
	font-size: 11px;
	color: #fff;
	padding-right: 5px;
}
.cookie-bar-link {
	border-bottom: 1px dashed #fff;
	-webkit-transition: color .3s;
	transition: color .3s;
}
#cookie-bar-button {
	display: inline-block;
	vertical-align: top;
	border-radius: 4px;
	color: #fff !important;
	background-color: #e7001d;
	font-size: 16px;
	padding: 0 15px;
	outline: none !important;
	cursor: pointer;
	border: 0;
	font-weight: 700;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	position: absolute;
	right: 0;
	height: 30px !important;
	line-height: 28px !important;
}
@media only screen and (max-width: 900px) {
	.cookie-bar-inner {
		height: 75px;
	}
}
/*//cookie*/


/*240314*/
.page-id-22 .entry-content > p {
    font-size: 1.1em;
}
/*//240314*/


/* 資料Download */
#download-content .img-caption{
	font-size: 1.1em;
	margin-top: 0.5em;
}



/* 宿とれ企画 */
#recommend_kikaku-title{
	text-align:center;
	margin-bottom:20px;
}
#recommend_kikaku-title > div{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:2.0rem;
	font-weight:bold;
	line-height: 1.3;
}
#recommend_kikaku-title > div::before,
#recommend_kikaku-title > div::after{
	content:"";
	display: inline-block;
	width:50px;
	height:1px;
	background:#808080;
	margin: 0 15px;
}
#recommend_kikaku-title > div::after{

}
#recommend_kikaku-comment{
	font-size:1.5rem;
	text-align:center;
	font-weight:normal;
	margin-bottom:20px;
}
#recommend_kikaku-plan-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	height: 680px;
	overflow: auto;
}
#recommend_kikaku-plan-list > *{
	width:32.333%;
	border-radius:3px;
	margin-bottom: 15px;
	border: 1px solid #bfbfbf;
}
#recommend_kikaku-plan-list > * > a{
	display:block;
	padding: 10px 15px 10px;
}
#recommend_kikaku-plan-list .plan-list-ph{
	height:180px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-bottom:10px;
}
#recommend_kikaku-plan-list .plan-list-yado-name{
	font-weight:bold;
	margin-bottom:5px;
}
#recommend_kikaku-plan-list h3{
	font-size:1.5rem;
	line-height: 1.35;
	margin-bottom:10px;
}
#recommend_kikaku-plan-list .plan-list-text{
	display:none;
	
	font-size:1.3rem;
	line-height: 1.35;
	height:107px;
	overflow:auto;
}
#recommend_kikaku-plan-list .plan-list-price-alt,
#recommend_kikaku-plan-list .plan-list-price{
	text-align:right;
	line-height: 1.4;
}
#recommend_kikaku-plan-list .plan-list-price-alt{
	font-size:1.3rem;
}
#recommend_kikaku-plan-list .plan-list-price{
	font-size:1.6rem;
	font-weight:bold;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	#recommend_kikaku-title > div::before,
	#recommend_kikaku-title > div::after{
		content:none;
/*
		width:25px;
		margin: 0 10px;
*/
	}
	#recommend_kikaku-comment{
		font-size:1.4rem;
		text-align:left;
		margin-bottom:15px;
	}
	#recommend_kikaku-plan-list {
	    height: 500px;
	}
	#recommend_kikaku-plan-list > *{
		width:49%;
	}
	#recommend_kikaku-plan-list > * > a{
		padding: 8px 10px 10px;
	}
	#recommend_kikaku-plan-list .plan-list-yado-name {
	    font-size: 1.3rem;
	    font-weight: normal;
	    margin-bottom: 3px;
	}
	#recommend_kikaku-plan-list .plan-list-ph {
	    height: 140px;
	    margin-bottom: 8px;
	}
	#recommend_kikaku-plan-list h3 {
	    font-size: 1.4rem;
	}
	#recommend_kikaku-plan-list .plan-list-text {
	    font-size: 1.2rem;
	    line-height: 1.3;
	}

}


.form .table dl{
	display:flex;
	flex-wrap:wrap;
	padding: 0.5em 0;
}
.form .table dl dt{
	width:150px;
}
.form .table dl dd{
	width:calc(100% - 150px);
}
.form .table dl.required dt::after{
	content:"※";
	color:#cc0000;
}
@media screen and (max-width: 768px) {
	.form .table dl dt,
	.form .table dl dd{
		width:100%;
	}
}


#plan-no-result {
    margin: 9em 0;
    text-align: center;
}
@media screen and (max-width: 768px) {
	#plan-no-result {
	    margin: 2em 0;
	}	
}



.post-type-archive-kinosaki-guide .mapp-modal-body * + p,
.post-type-archive-kinosaki-guide .mapp-modal-body * + figure{
	margin-top:1.5em;
}
@media screen and (max-width: 768px) {
	.post-type-archive-kinosaki-guide .mapp-modal-content{
		width: 90vw;
	}
	.wp-block-audio audio,
	.mapp-modal-body > auto{
		min-width: auto;
	}
	.mapp-modal-body > audio{
		min-width: auto;
		width:100%;
	}
}