@charset "UTF-8";

/*
Theme Name: jomon-oyu
Theme URI: https://wordpress.org/themes/jomon-oyu/
Author: Norit Japon
Author URI: https://www.norit.jp/
Description:
Requires at least: 5.7
Tested up to: 5.7
Requires PHP: 7.4
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jomon-oyu
Tags:

This theme WordPress Theme, (C) 2022 WordPress.org
This theme distributed under the terms of the GNU GPL.
*/

/* reset＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1.5;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
input[type="submit"],
input[type="button"] {
  /* border-radius: 10px; */
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
/* reset end＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* common ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
html {}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif !important;
  color: #000;
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 2;
  overflow-x: hidden;
  /* background-color: #efefef; */
  background-image: url("assets/images/bg.png");
}

a {
  text-decoration: none;
  color: #000;
  word-break: break-all;
}

a,
a > img {
  transition: 0.3s;
}

a:hover,
a:hover > img {
  opacity: 0.7;
}

img {
  -webkit-backface-visibility: hidden;
  width: 100%;
  display: block;
}

p {
  text-align: justify;
  word-break: break-all;
}

li {
  list-style: none;
}

#box {
  width: 100%;
}

div {
  box-sizing: border-box;
}

.clearfix:after{
  content: "";
  display: block;
  clear: both;
  visibility:hidden;
}

.breadcrumb{
  width: 90%;
  max-width: 1240px;
  margin: 16px auto 36px;
  padding-left: 20px;
  box-sizing: border-box;
}
.breadcrumb li{
  display: inline-block;
}
.breadcrumb li:not(:last-child)::after{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #414141;
  border-right: solid 2px #414141;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 6px 0 3px;
}
.breadcrumb li,
.breadcrumb li a{
  line-height: 1.5;
  color: #414141;
  font-weight: bold;
}

.btn_more{
  width: 222px;
  height: 65px;
  font-size: 16px;
  font-weight: bold;
  background-color: #fff;
  border: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
.btn_more::after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  z-index: 10;
  right: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: 0.3s;
}
.btn_more:hover{
  background-color: #000;
  color: #fff;
  opacity: 1 !important;
}
.btn_more:hover::after{
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
}
.topStackContentsBlack-wrap .btn_more:hover{
  background-color: #ffd50f;
  color: #000;
}
.topStackContentsBlack-wrap .btn_more:hover::after{
  border-top: solid 3px #000;
  border-right: solid 3px #000;
}

.btn_topJomonOyu{
  margin: 0;
}

.btn_aboutJomonOyu{
  width: 240px;
  margin: 35px 0 0;
}

.btn_topContact{
  width: 290px;
  margin-top: 50px;
}


.under_1000{
  display: none;
}

.spOnly{
  display: none;
}
.br_spOnly{
  display: none;
}

.hide_none{
  display: none !important;
}
.hide_opacity{
  opacity: 0;
  pointer-events: none;
}
.clickNone{
  pointer-events: none;
  color: #bfbfbf !important;
  opacity: .6;
}
.bnr_clickNone{
  pointer-events: none;
  opacity: .2;
}

.note{
  padding-left: 1em;
  position: relative;
}
.note::before{
  content: "\203B";
  display: block;
  position: absolute;
  left: 0;
}
/* common end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* spmenu ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.inner {
  display: none;
}

header nav{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  /* height: calc(100vh + 60px); */
  /* background-color: rgba(232, 83, 119, 0.9); */
  background-color: #ffd50f;
  z-index: 1000;
  overflow-y: scroll;
}

header nav ul {
  display: block;
  list-style: none;
}


/*開閉ボタン*/
#nav_toggle {
  display: block;
  width: 75px;
  height: 75px;
  /* position: fixed; */
  position: absolute;
  top: 0;
  right: -2%;
  z-index: 1001;
  /* margin: 15px 15px 0 0; */
  background-color: #000;
}

#nav_toggle div {
  position: relative;
}

#nav_toggle span {
  display: block;
  height: 3px;
  background: #fff;
  position: absolute;
  /* width: 50%; */
  right: 25%;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

#nav_toggle span:nth-child(1) {
  top: 23px;
  width: 50%;
}

#nav_toggle span:nth-child(2) {
  top: 36px;
  width: 50%;
}

#nav_toggle span:nth-child(3) {
  top: 49px;
  width: 50%;
}


/*開閉ボタンopen時*/

.open #nav_toggle span{
  right: 15%;
}

.open #nav_toggle span:nth-child(1) {
  top: 34px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 60%;
}

.open #nav_toggle span:nth-child(2) {
  width: 0;
  left: 50%;
}

.open #nav_toggle span:nth-child(3) {
  top: 34px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 60%;
}


/* .open #nav_toggle{
  background-color: #fff;
}
.open #nav_toggle span{
  background: #000;
} */

.scroll-no {
  overflow: hidden;
  /*動き固定*/
  /* position: fixed; */
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}

header nav ul li {
  /* margin: 0 auto; */
  /* text-align: center; */
  /* margin-bottom: 50px; */
  /* width: 480px; */
  width: 100%;
  list-style: none;
}


/* header nav ul li:last-child{
  width: 281px;
} */


/* header nav ul li:last-child{
	border: none;
} */

header nav ul li a {
  /* font-size: 22px;
  display: inline;
  color: #5f3819 !important; */
  /* display: block;
  width: 100%;
  padding: 20px 0; */
  color: #fff;
  /* width: 100%; */
  /* padding: 15px; */
  /* display: block; */
  /* border: 2px solid #000;
  letter-spacing: 0.1em; */
  /* box-sizing: border-box; */
  /* background-color: #fff; */
  font-size: 18px;
  font-weight: bold;
}

.sp-nav-wrap{
  width: 100%;
}
.sp-nav_logo{
  width: 100%;
  height: 75px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding-left: 2%;
}
.sp-nav-inner {
  width: 90%;
  max-width: 600px;
  /* margin: 100px auto; */
  /* margin: 80px auto 150px; */
  margin: 0 auto;
  padding: 50px 0 100px;
}

.sp-nav-inner li{
  padding: 15px 0;
  text-align: center;
}
.sp-nav-inner li a{
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
  text-align: center;
}


/* .sp-nav-wrap ul li{
  width: 100%;
  list-style: none;
  font-size: 18px;
} */


/* .link_sp-nav_insta{
  background-color: transparent !important;
  border: none !important;
  padding: 0;
}
.link_sp-nav_insta a{
  width: 32px;
  padding: 0;
  display: block;
  margin: 0 auto;
}
.link_sp-nav_insta img{
  width: 32px;
} */
/* spmenu end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* header ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#pageheader{
  width: 100%;
  height: 155px;
  position: relative;
}

.header-inner{
  width: 100%;
  background: #fff;
  position: fixed;
  z-index: 101;
}
.headerContent{
  width: 96%;
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
}

.headerTop{
  padding: 20px 0 7px;
  display: flex;
  justify-content: space-between;
}
.headerTop_text{
  line-height: 1.7;
}
.headerTop_logo{
  width: 290px;
}
.headerTop_sns-wrap,
.footer_sns-wrap{
  width: 122px;
  display: flex;
  justify-content: space-between;
  padding-left: 130px;
  box-sizing: content-box;
}
.header_sns_facebook,
.header_sns_instagram,
.footer_sns_facebook,
.footer_sns_instagram{
  width: 31px;
}
.header_sns_twitter,
.footer_sns_twitter{
  width: 30px;
  margin-top: 3px;
}


.headerNav{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.headerNav li{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding: 0 24px 5px;
  border-right: 2px dotted #000;
  box-sizing: border-box;
}
.headerNav li:first-child{
  border-left: 2px dotted #000;
}

.headerNav a{
  display: block;
}

.headerNav_sub{
  display: block;
  margin: 4px auto 0;
}
.headerNav_sub_about{
  width: 42px;
}
.headerNav_sub_news{
  width: 35px;
}
.headerNav_sub_access{
  width: 48px;
}
.headerNav_sub_jomon{
  width: 43px;
}
.headerNav_sub_onsen{
  width: 41px;
}
.headerNav_sub_sightseeing{
  width: 84px;
}
.headerNav_sub_contact{
  width: 57px;
}

.headerNav_onsen{
  padding-left: 42px;
  position: relative;
  display: block;
}
.headerNav_onsen::before{
  content: "";
  width: 28px;
  height: 28px;
  background-color: #ffd50f;
  display: block;
  border-radius: 50%;

  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.headerNav_onsen::after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  z-index: 11;
  left: 9px;
  top: 0;
  bottom: 4px;
  margin: auto;
}

.headerNav_parent{
  position: relative;
}
.headerNav_children{
  display: none;
  width: 233px;
  /* height: 118px; */
  background-color: rgba(255,255,255,.9);
  position: absolute;
  top: 45px;
  left: -50px;

  padding: 0 12px;
  box-sizing: border-box;
}
.headerNav_children li{
  border-left: none;
  border-right: none;
  padding: 15px 0;
}
.headerNav_children li:first-child{
  border-left: none;
  border-bottom: 2px dotted #000;
  padding-top: 25px;
}

.headerNav_parent:hover .headerNav_children,
.headerNav_children:hover{
  display: block;
}

.header {
  /* position: fixed;
  top: 0; */
  margin: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

.header--unpinned{
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.header--pinned{
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* header end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* footer ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#pagefooter{
}
.footer-inner{
  width: 100%;
  background-color: #ffd50f;
  padding: 40px 0 10px;
}
.footer_logo{
  width: 290px;
  margin: 0 auto;
}

.footerNav{
  width: 650px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 0;
}
.footerNav li{
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  padding: 0 18px;
  border-right: 1px solid #000;
  text-align: center;
  box-sizing: border-box;
  margin-top: 20px;
}
.footerNav li:nth-child(6),
.footerNav li:nth-child(8){
  border-right: none;
}
/* li.footerNav_noBorder{
  border-right: none;
} */

.footer_sns-wrap{
  width: 143px;
  margin: 0 auto;
  padding: 15px 0;
  margin-bottom: 10px;
}

.footerCopy{
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  padding: 0 5%;
}

/* footer end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* top ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.topTitle{
  font-size: 24px;
  text-align: center;
}
.topTitle span{
  display: block;
  margin: 0 auto 22px;
}
.topAbout_title span{
  width: 235px;
}
.topNews_title span{
  width: 131px;
}
.topMap_title span{
  width: 97px;
}
.topContact_title span{
  width: 308px;
}
.topInsta_title span{
  width: 393px;
}


.mv-wrap{
	width: 100%;
  /* background-color: #ffd50f; */
}
.top_slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.top_slider.slick-initialized{
  opacity: 1;
}

.top_slider-inner a,
.top_slide_flex{
	display: flex;
}
.mv_left{
	width: 56%;
	background-size: cover;
	background-position: center;

}
.mv_right{
	position: relative;
	width: 44%;
	height: 100%;
	min-height: 400px;
	padding: 28% 0 0;
  background-color: #ffd50f;
}
.mv_right-inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* padding: 45px; */
  padding: 50px 40px 20px;
}

.mv_right-inner p{
  line-height: 1.5;
  color: #000;
  font-weight: bold;
}
.mv_cat{
  font-size: 15px;
}
.mv_title{
  font-size: 24px;
  margin: 26px 0 20px;
}
.mv_subtitle{
  font-size: 20px;
}

.mv_arrow{
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
  margin: 24px 0 0;
  position: relative;
}
.mv_arrow::after{
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 4px #ffd50f;
  border-right: solid 4px #ffd50f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  bottom: 0;
  left: -3px;
  margin: auto;
}

.topAbout-wrap{
  width: 100%;
  height: 885px;
  background-image: url("assets/images/top-about_bg.png");
  background-size: cover;
  background-position: bottom;
  padding: 100px 0;
}
.topAbout-inner,
.topNews-inner{
  width: 640px;
  margin: 0 auto;
}
.topAbout_text{
  margin: 40px auto;
}

.topNews-wrap{
  width: 100%;
  padding: 50px 0 55px;
  margin: 0 0 80px;
  background-color: #fff;
}
.topNewsList{
  margin: 0 0 30px;
}
.topNewsList li{
  padding: 10px 6px;
}
.topNewsList li:not(:last-child){
  border-bottom: 2px solid #cbc9c9;
}

.topNewsList a{
  display: flex;
}

.topNewsList .newsDate{
  color: #ffd50f;
  /* margin-right: 13px; */
  width: 100px;
}
.topNewsList .newsTitle{
  width: calc( 100% - 100px );
}

.topMap-wrap{
  width: 100%;
  padding: 50px 0 55px;
  margin: 0 0 80px;
  background-color: #fff;
}
.topMap-inner{
  width: 90%;
  max-width: 786px;
  margin: 0 auto;
}
.mapBox-wrap{
  display: flex;
  justify-content: space-between;
  padding: 40px 0 45px;
}
.mapBox{
  width: 45%;
  max-width: 353px;
  display: block;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  text-decoration: underline;
}
.mapBox img{
  margin: 0 0 16px;
}
.topMap_text{
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 7px;
}
.topMap_note{
  line-height: 1.5;
  display: table;
  margin: 0 auto;
}

.topStackContents-wrap{
  width: 100%;
  padding: 85px 0;
}
.topStackContents_box{
  width: 60%;
  max-width: 865px;
  /* min-height: 600px; */
  background-color: #ffd50f;
  position: relative;
}
.topStackContents_ph{
  width: 75%;
  max-width: 645px;

  position: absolute;
  top: -70px;
  right: -60%;
}
.topStackContents-inner{
  padding: 65px 28% 120px 15%;
}
.topStackContents_title{
  margin: 0 0 35px;
}
.topJomonOyu_title{
  width: 90%;
  max-width: 438px;
}
.topOnsen_title{
  width: 53%;
  max-width: 250px;
}
.topStay_title{
  width: 40%;
  max-width: 195px;
}
.topSighseeing_title{
  width: 92%;
  max-width: 450px;
}


.topStackContents_subTitle{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 10px;
}
.topStackContents_text{
  line-height: 1.5;
  margin: 0 0 35px;
}

.topStackContentsBlack-wrap .topStackContents_box{
  float: right;
  background-color: #000;
}
.topStackContentsBlack-wrap .topStackContents_ph{
  left: -60%;
}
.topStackContentsBlack-wrap .topStackContents-inner{
  padding: 65px 15% 120px 28%;
}
.topStackContentsBlack-wrap .topStackContents-inner p{
  color: #fff;
}
.topStackContentsPost-wrap{
  position: relative;
  margin-bottom: 270px;
}
.topStackContentsPost-wrap .topStackContents-inner{
  padding-bottom:420px;
}

.topPostList-wrap{
  width: 84%;
  max-width: 1200px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  margin: auto;
}
.topPostList-inner{
  display: flex;
}
.btn_topPostList{
  margin-top: 35px;
}

.topContact-wrap{
  padding: 80px 0 100px;
  margin: 0 0 50px;
}

.topInsta-wrap{
  width: 100%;
  background-color: #ffd50f;
  padding: 85px 0 60px;
}
.topInsta-inner{
  width: 90%;
  max-width: 1200px;
  margin: 68px auto 0;

  /* min-height: 900px;
  background-color: #efefef; */
}


.bnr-wrap{
  width: 100%;
  padding: 50px 0 55px;
  background: #fff;
}
.bnr-inner{
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0;

  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bnr-inner a{
  width: 30%;
  max-width: 280px;
  display: block;
}
.bnr-inner a,
.bnr-inner a > img{
  transition: 0s;
}
.bnr-inner a:hover,
.bnr-inner a:hover > img{
  opacity: 1;
}

.bnr-inner a{
  transition: 0.3s;
}
.bnr-inner a:hover{
  opacity: .5;
}

/* top end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* page common ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.pageTitle-wrap{
  width: 100%;
  height: 200px;
  background-color: #ffd50f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageTitle{
  font-size: 24px;
}

.pageContent-wrap{
  width: 96%;
  /* max-width: 1240px; */
  max-width: 800px;
  margin: 0 auto;
  background-color: #fff;
  padding: 80px 0;
  margin-bottom: 80px;
}
.pageContent-inner{
  width: 88%;
  margin: 0 auto;
}
/* page common end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* about ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.pageAbout_box{
  margin-bottom: 80px;
}
.pageAbout_box h3,
.pageAboutAccess-wrap h3,
.pageAboutBanner-wrap h3,
.titleAccess{
  font-size: 30px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 40px;
}
.pageAbout_box-inner{
  display: flex;
  justify-content: space-between;
}
.flex_reverse{
  flex-direction: row-reverse;
}
.pageAbout_ph{
  width: 47%;
}
.pageAbout_text{
  width: 47%;
}
.pageAboutAccess-wrap{
  padding: 10px 0 50px;
  margin-bottom: 20px;
}
.pageAboutAccess-inner{
  width: 640px;
  margin: 0 auto;
}
.pageAboutAccess-inner .btn_more{
  margin-top: 50px;
}

.pageAboutBanner-inner{
  display: flex;
  justify-content: space-between;
}
.pageAboutBanner{
  width: 33%;
  display: block;
}

/* about end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* access ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.address_yunoeki-oyu{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 40px 0 50px;
}

.PageAccess_box{
  /* width: 980px; */
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 40px 0;
}
.access_box_title{
  font-size: 30px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.access_box_title::before{
  content: "";
  display: inline-block;
  margin-right: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.access_box_title_train::before{
  width: 33px;
  height: 46px;
  background-image: url("assets/images/icon_train.png");
}
.access_box_title_bus::before{
  width: 36px;
  height: 43px;
  background-image: url("assets/images/icon_bus.png");
}
.access_box_title_plane::before{
  width: 48px;
  height: 39px;
  background-image: url("assets/images/icon_plane.png");
}
.access_box_title_car::before{
  width: 47px;
  height: 36px;
  background-image: url("assets/images/icon_car.png");
}

.acess_box_note{
  margin: 0 0 30px;
  text-align: center;
}

.tableAccess-wrap{
  width: 100%;
}

.tableAccessCarTitle{
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 15px;
}
.tableAccessCarTitle::before{
  content: "\25CF";
  display: inline-block;
}
.tableAccessCar-wrap{
  margin: 0 0 35px;
}

.tableAccess{
  width: 100%;
}
.tableAccess th,
.tableAccess td{
  height: 36px;
  line-height: 1.5;
}
.tableAccess th{
  /* width: 130px; */
  width: 13%;
  font-size: 20px;
  vertical-align: middle;
}
.tableAccess td{
  /* width: 295px; */
  width: calc( 61% / 2 );
  font-size: 16px;
  text-align: center;
  vertical-align: bottom;
}
.tableBg_gray{
  background-color: #eeeeee;
}
.tableBg_yellow{
  background-color: #ffd50f;
}
.tableBorder{
  border-bottom: 1px dotted #000;
  box-sizing: border-box;
}
.tableBorderTop{
  border-top: 1px dotted #000;
  box-sizing: border-box;
  vertical-align: top !important;
}
.tableHalf th,
.tableHalf td{
  height: 18px;
}

.gmap{
  width: 100%;
}
.gmap-inner{
  height: 0;
  overflow: hidden;
  padding-bottom: 28%;
  position: relative;
}
.gmap-inner iframe{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.gmap_access{
  margin-bottom: 60px;
}


/* access end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* jomon-oyu ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.jomon-oyu_content h3,
.jomon-oyu_content h4,
.jomon-oyu_content p{
  color: #333333;
}

.jomon-oyu_mv{
  width: 100%;
  margin: 0 0 24px;
}

.jomon-oyu_content:not(:last-child){
  margin: 0 0 40px;
}
.jomon-oyu_title{
  font-size: 24px;
  line-height: 1.5;
  margin: 0 0 15px;
}
.jomon-oyu_content_flex{
  display: flex;
  justify-content: space-between;
}
.jomon-oyu_content_left{
  width: 66%;
}
.jomon-oyu_content_right{
  width: 33%;
}
.jomon-oyu_ill01{
  width: 76%;
  margin: 0 auto;
}
.jomon-oyu_ill02{
  width: 64%;
  margin: 0 auto;
  padding: 0 0 20px;
}
.jomon-oyu_image{
  margin: 0 0 20px;
}
.jomonSDGs{
  margin: 0 0 20px;
}
.jomonSDGs_title{
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 7px;
}
.jomonSDGs_title::before{
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.jomonSDGs_title01::before{
  background-image: url("assets/images/jomon-oyu_num01.png");
}
.jomonSDGs_title02::before{
  background-image: url("assets/images/jomon-oyu_num02.png");
}
.jomonSDGs_title03::before{
  background-image: url("assets/images/jomon-oyu_num03.png");
}

.jomon-oyu_ill02-wrap{
  display: flex;
  align-items: end;
}

/* jomon-oyu end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* news ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.post_list-wrap{
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 60px;
}

.title_post_list{
  font-size: 36px;
  text-align: center;
  line-height: 1;
  margin: 0 0 50px;
}

.post_list-inner{
  display: flex;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  margin: 0 0 100px;
  -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.post_list-inner:last-child{
  margin: 0 0 40px;
}
.post_list_box,
.top_post_list_box{
  width: 23%;
  background-color: #fff;
  margin-right: calc( 8% / 3 );
}
.post_list_box:nth-child(4n),
.top_post_list_box:nth-child(4n){
  margin-right: 0;
}
.post_list_box:nth-child(n+5){
  margin-top: 25px;
}

.post_list_box a .top_post_thumbnail,
.post_list_box a .post_list_text-wrap,
.top_post_list_box a .top_post_thumbnail,
.top_post_list_box a .post_list_text-wrap{
  transition: .3s;
}
.post_list_box a:hover .top_post_thumbnail,
.post_list_box a:hover .post_list_text-wrap,
.top_post_list_box a:hover .top_post_thumbnail,
.top_post_list_box a:hover .post_list_text-wrap{
  opacity: .7;
}

.post_list_text-wrap{
  /* padding: 20px 20px 35px; */
  /* padding: 6% 6% 12%; */
  padding: 15px 20px 10px;
}
.post_list_date{
  line-height: 1;
  color: #ffd50f;
}
.post_list_title{
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  /* margin: 10px 0; */
  margin: 0 0 10px;
}
.post_list_content{
  line-height: 1.5;
  letter-spacing: 0;
}
.post_list_text{
  line-height: 1.3;
  margin: 0 0 10px;
  padding-left: 25px;
  position: relative;
}
.post_list_web{
  display: table;
}
.post_list_daytrip{
  padding-left: 1em;
}

.post_list_text::before{
  content: "";
  display: block;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}
.post_list_access::before{
  width: 15px;
  height: 19px;
  background-image: url("assets/images/icon_access.png");
}
.post_list_tel::before{
  width: 18px;
  height: 18px;
  background-image: url("assets/images/icon_tel.png");
}
.post_list_web::before{
  width: 18px;
  height: 17px;
  background-image: url("assets/images/icon_web.png");
}
.post_list_daytrip::before{
  content: "\203B";
}

.btn_postDetail{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 56px;
  display: block;
  background: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_postDetail::after{
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 25%;
}


.archive_pagination{
  width: 96%;
  max-width: 1100px;
  margin: 0 auto;

  display: flex;
  justify-content: center;

  position: relative;
}
.page-numbers{
  font-size: 16px;
  font-weight: bold;
  color: #111111;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin: 0 5px;
}
.archive_pagination .current{
  color: #fff;
  background-color: #000;
}

.archive_pagination .prev,
.archive_pagination .next{
  width: auto;
  height: auto;
  position: absolute;
  background-color: transparent;
}
.archive_pagination .prev{
  left: 0;
}
.archive_pagination .next{
  right: 0;
}

.archive_pagination .prev::before,
.archive_pagination .next::after{
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  display: inline-block;
}
.archive_pagination .prev::before{
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-right: 5px;
}
.archive_pagination .next::after{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: 5px;
}
/* news end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* news detail ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.newsDetail-wrap,
.stayDetail-wrap,
.bathingDetail-wrap,
.sightseeingDetail-wrap{
  margin-bottom: 40px;
}
.newsDetail_mv{
  width: 100%;
  /* margin: 0 0 40px; */
}
.newsDetail_mv img{
  margin: 0 0 40px;
}

.newsDetail_date{
  font-size: 18px;
  line-height: 1;
  color: #ffd50f;
}
.newsDetail_title,
.stayDetail_title,
.bathingDetail_title,
.sightseeingDetail_title{
  font-size: 30px;
  line-height: 1.5;
  margin: 13px 0 17px;
}
.newsDetail_content-wrap p,
.stayDetail_content-wrap p,
.bathingDetail_content-wrap p,
.sightseeingDetail_content-wrap p{
  line-height: 1.5;
  margin-bottom: 1em;
}
/* news detail end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* stay detail ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.stayDetail_title{
  margin: 3px 0 9px;
}

.facilityInfo-wrap{
  width: 100%;
  background-color: #eeeeee;
  padding: 20px 25px;
  border-radius: 10px;
  margin: 36px 0;
}
.facilityInfo-wrap h4{
  font-size: 21px;
}
.facilityInfo-wrap dl{
  display: flex;
  flex-flow: wrap;
}
.facilityInfo-wrap dt{
  width: 160px;
}
.facilityInfo-wrap dd{
  width: calc( 100% - 160px );
}

.interviewTitle{
  font-size: 30px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.interviewTitle:before,
.interviewTitle:after{
  content: "";
  width: calc( (100% - 330px) / 2 );
  height: 10px;
  border: 2px solid #000;
  display: inline-block;
  border-radius: 10px;
  box-sizing: border-box;
}

.interviewName{
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  margin: 40px 0;
}

.column1{
  width: 100%;
  margin-bottom: 20px;
}
.column2{
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.column2 .column_image{
  width: 49%;
}

/* .column_box{
  margin-bottom: 20px;
}
.column2 .column_box{
  width: 100%;
} */

.question_title{
  font-size: 24px;
  line-height: 1.5;
  padding-left: 60px;
  position: relative;
  margin: 0 0 10px;
}
.question_title::before{
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.question_num1::before{
  width: 37px;
  height: 22px;
  background-image: url("assets/images/question_num01.png");
}
.question_num2::before{
  width: 42px;
  height: 22px;
  background-image: url("assets/images/question_num02.png");
}
.question_num3::before{
  width: 41px;
  height: 22px;
  background-image: url("assets/images/question_num03.png");
}
.question_num4::before{
  width: 42px;
  height: 22px;
  background-image: url("assets/images/question_num04.png");
}
.question_num5::before{
  width: 41px;
  height: 22px;
  background-image: url("assets/images/question_num05.png");
}
.question_num6::before{
  width: 42px;
  height: 22px;
  background-image: url("assets/images/question_num06.png");
}
.question_num7::before{
  width: 43px;
  height: 22px;
  background-image: url("assets/images/question_num07.png");
}
.question_num8::before{
  width: 41px;
  height: 22px;
  background-image: url("assets/images/question_num08.png");
}
.question_num9::before{
  width: 42px;
  height: 22px;
  background-image: url("assets/images/question_num09.png");
}

.column_text{
  line-height: 1.5;
}


.googlemap-wrap{
  width: 100%;
  padding: 30px 0;
}
.googlemap_title{
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 12px;
}

.acf-map {
  width: 100%;
  height: 400px;
}
.acf-map img {
  max-width: inherit !important;
}
.gm-style-mot{
  text-align: center;
}


/* stay detail end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* contact ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
  width: 100%;
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}

div.wpcf7 input,
div.wpcf7 textarea,
div.wpcf7 select{
  margin: 0.2em 0;
}

input,
textarea{
  border: 1px solid #cccccc;
  padding: 0.8% 1%;
  width: 98%;
  box-sizing: border-box;
}

.form-badge-must,
.form-badge-free{
  color: #FFF;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 10px;
  padding: 5px 10px;
  box-sizing: border-box;
  letter-spacing: 0.2em;
}
.form-badge-must{
  background: #ffd50f;
}
.form-badge-free{
  background: #999;
}

.wpcf7-list-item{
  margin: 0 0 0 1em;
}

.fn, div.wpcf7 .wpcf7-form-control.wpcf7-radio *,
div.wpcf7 .wpcf7-form-control.wpcf7-checkbox *{
  font-size: 14px;
}

div.wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item,
div.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item{
  display: inline-block;
  margin-left: 15px;
}
div.wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:first-child,
div.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item:first-child{
  margin-left: 0;
}
div.wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item input,
div.wpcf7 .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item input{
  display: inline;
  margin: 0.5rem auto;
  width: auto;
}

.form-inner p{
  margin: 30px auto 0 auto;
}

input.sub-btn{
  width: 300px;
  height: 60px;
  background: #ffd50f;
  border: 1px solid #ffd50f;
  color: #FFF;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.2em;
  /* border: 1px solid #ffae13;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s; */
  transition: 0.3s;
  box-sizing: border-box;

  display: block;
  margin: 4em auto 0 !important;
}
input.sub-btn:hover{
  background: #fff;
  color: #ffd50f;
}
/* contact end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* privacy ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.privacy-inner{
  /* width: 90%;
  max-width: 880px;
  margin: 0 auto; */
}
.privacy-inner p{
  line-height: 2;
}
.privacy-inner p:last-child{
  margin: 30px 0 0;
}
.privacy-inner h3{
  font-size: 16px;
  /* color: #ffd50f; */
  margin: 30px 0 10px;
}
.privacyList li{
  line-height: 2;
  padding: 0 0 0 1em;
  text-indent: -.5em;
}
.privacyList li::before{
  content: "\30FB";
  display: inline-block;
}
/* privacy end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* onsen ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.btn_onsenAccordion{
  width: 100%;
  font-size: 21px;
  text-align: center;
  line-height: 1;
  border: 2px solid #000;
  background: #fff;
  padding: 20px 0;
  box-sizing: border-box;
  margin: 0 0 30px;
  position: relative;
}
.btn_onsenAccordion::before{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  display: block;
  width: 7px;
  height: 7px;
  margin: auto;
  content: "";
  transform: rotate(135deg);
  border-top: 3px solid #000;
  border-right: 3px solid #000;
}
.onsen-open::before{
  transform: rotate(-45deg);
}
.btn_bathingList{
  margin-top: 50px;
}

/* onsen end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


@media screen and (max-width: 1200px) {
  #pageheader{
    height: 90px;
  }
  .headerTop{
    padding: 20px 0;
  }
  .headerNav{
    display: none;
  }
  .headerTop_sns-wrap a{
    display: none;
  }
  .sp-nav_sns-wrap{
    margin: 50px auto 0;
  }
  .sp-nav_sns-wrap a{
    display: block;
  }
  .inner {
    display: block;
  }







}

@media screen and (max-width: 1000px) {
  /* page common ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .breadcrumb{
    width: 96%;
  }
  .pageContent-wrap{
    padding: 5% 0;
  }
  .pageContent-inner{
    width: 90%;
  }

  .over_1000{
    display: none;
  }
  .under_1000{
    display: block;
  }
  /* page common end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* top ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .topStackContentsPost-wrap .topStackContents-inner{
    padding-bottom: 300px;
  }


  /* top end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* stay ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .post_list_box{
    width: 32%;
    margin-right: 2%;
  }
  .post_list_box:nth-child(4n){
    margin-right: 2%;
  }
  .post_list_box:nth-child(3n){
    margin-right: 0;
  }
  .post_list_box:nth-child(n+4){
    margin-top: 20px;
  }

  .post_list_text-wrap{
    /* padding: 0 6% 12%; */
  }
  /* stay end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* access ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .access_box_title{
    font-size: 24px;
  }
  .tableAccess-wrap{
    overflow-x: scroll;
    padding-bottom: 30px;
  }
  .tableAccess{
    width: 860px;
  }


  .scrollText{
    font-size: 16px;
    line-height: 1.5;
    display: flex !important;
    align-items: center;
    margin-bottom: 25px;
  }
  .scrollText::before{
    content: "";
    width: 28px;
    height: 26px;
    background-image: url("assets/images/arrow_scroll.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
  }



  /* access end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */




}







@media screen and (max-width: 768px) {
  /* common ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .pcOnly{
    display: none;
  }
  .spOnly{
    display: block;
  }
  .br_pcOnly{
    display: none;
  }
  .br_spOnly{
    display: inline;
  }

  .pageTitle-wrap{
    height: 100px;
  }
  .pageTitle{
    font-size: 20px;
  }

  .btn_more:hover,
  .topStackContentsBlack-wrap .btn_more:hover{
    background-color: #fff;
    color: #000;
  }
  .btn_more:hover::after,
  .topStackContentsBlack-wrap .btn_more:hover::after{
    border-top: solid 3px #000;
    border-right: solid 3px #000;
  }

  /* common end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* header ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  #pageheader,
  .header-inner,
  .headerTop{
    height: 75px;
  }
  .headerTop{
    padding: 0;
    align-items: center;
  }
  .headerTop_text-wrap{
    display: none;
  }
  .headerTop_logo{
    width: 220px;
  }
  /* header end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* footer ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .footerNav{
    width: 500px;
  }
  .footerNav li:nth-child(4){
    border-right: none;
  }
  .footerNav li:nth-child(6){
    border-right: 1px solid #000;
  }
  /* footer end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* top ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .topTitle{
    font-size: 20px;
    text-align: center;
  }
  .topTitle span{
    display: block;
    margin: 0 auto 22px;
  }
  .topAbout_title span{
    width: 176px;
  }
  .topNews_title span{
    /* width: 98px; */
  }
  .topMap_title span{
    width: 73px;
  }
  .topContact_title span{
    width: 231px;
  }
  .topInsta_title span{
    width: 294px;
  }


  .top_slider-inner a,
  .top_slide_flex{
  	flex-wrap: wrap;
  }
	.mv_left{
		width: 100%;
		padding-top: 50%;
	}
	.mv_right{
		width: 100%;
		padding: 0;
		min-height: auto;
	}

	.mv_right-inner{
		padding: 10px 20px 100px;
		position: static;
	}

  .mv_title{
    font-size: 20px;
    margin: 15px 0 10px;
  }
  .mv_subtitle{
    font-size: 18px;
  }

  .mv_arrow{
    display: none;
  }

  .mv-wrap{
    background-color: #ffd50f;
  }
  .mv-wrap a{
    opacity: 1 !important;
  }
  .mv-wrap .slick-dots{
    left: 0;
    right: 0;
  }

  .topNews-wrap,
  .topMap-wrap{
    margin: 0;
  }
  .topAbout-inner,
  .topNews-inner{
    width: 90%;
  }

  .mapBox-wrap{
    display: block;
  }
  .mapBox{
    width: 100%;
    margin: 0 auto;
  }
  .mapBox:not(:last-child){
    margin-bottom: 50px;
  }


  .topStackContents-wrap{
    padding: 0;
  }
  .topStackContents-inner{
    width: 90%;
    margin: 0 auto;
    padding: 50px 0;
  }

  .topStackContents_box{
    width: 100%;
  }
  .topStackContents_ph{
    width: 100%;
    max-width: none;
    position: static;
  }
  .topStackContents_text{
    margin: 0 0 10px;
  }

  .topStackContents_title{
    margin: 0 auto 20px;
  }
  .topStackContents_subTitle{
    font-size: 20px;
    text-align: center;
    margin: 0 0 30px;
  }
  .btn_topJomonOyu{
    margin: 30px auto 0;
  }

  .topStackContentsPost-wrap{
    background-color: #ffd50f;
    margin-bottom: 0;
  }
  .topStackContentsPost-wrap .topStackContents-inner{
    padding: 50px 0;
  }

  .topStackContentsBlack-wrap{
    background-color: #000;
  }
  .topStackContentsBlack-wrap .topStackContents-inner{
    padding: 50px 0;
  }

  .topStackContentsBlack-wrap .topStackContents_box{
    float: none;
  }

  .topPostList-wrap{
    width: 90%;
    position: static;
    padding-bottom: 50px;
  }
  .topPostList-inner{
    flex-wrap: wrap;
  }

  .top_post_list_box{
    width: 48%;
    margin-right: 4%;
  }
  .top_post_list_box:nth-child(2n){
    margin-right: 0;
  }
  .top_post_list_box:nth-child(n+3){
    margin-top: 4%;
  }

  .bnr-inner{
    display: block;
  }
  .bnr-inner a{
    width: 280px;
    margin: 0 auto 50px;
  }
  .bnr-inner a:last-child{
    width: 280px;
    margin: 0 auto;
  }

  /* top end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* post ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .post_list-wrap{
    width: 94%;
  }
  /* .post_list-inner{
    margin: 0 0 30px;
  } */
  .post_list_box{
    width: 48%;
    margin-right: 4%;
  }
  .post_list_box:nth-child(3n){
    margin-right: 4%;
  }
  .post_list_box:nth-child(2n){
    margin-right: 0;
  }
  .post_list_box:nth-child(n+3){
    margin-top: 4%;
  }

  .page-numbers{
    width: 30px;
    height: 30px;
  }
  .archive_pagination .prev,
  .archive_pagination .next{
    bottom: -50px;
  }


  /* pst end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* post ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .newsDetail_mv{
    margin: 0 0 20px;
  }
  .newsDetail_date{
    font-size: 16px;
  }
  .newsDetail_title,
  .stayDetail_title,
  .bathingDetail_title,
  .sightseeingDetail_title{
    font-size: 22px;
  }

  .facilityInfo-wrap h4{
    font-size: 18px;
  }
  .facilityInfo-wrap dt{
    width: 100px;
    line-height: 1.5;
    margin-bottom: 1em;
  }
  .facilityInfo-wrap dd{
    width: calc( 100% - 100px );
    line-height: 1.5;
    margin-bottom: 1em;
  }


  .interviewTitle{
    font-size: 22px;
  }
  .interviewTitle:before,
  .interviewTitle:after{
    width: calc( (100% - 250px) / 2 );
  }

  .column2{
    display: block;
  }
  .column2 .column_image{
    width: 100%;
  }
  .column2 .column_image:first-child{
    margin: 0 0 20px;
  }

  .question_title{
    font-size: 20px;
  }
  .googlemap_title{
    font-size: 20px;
  }
  /* post end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* about ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .pageAbout_box-inner{
    display: block;
  }
  .pageAbout_box h3,
  .pageAboutAccess-wrap h3,
  .pageAboutBanner-wrap h3,
  .titleAccess{
    font-size: 22px;
  }
  .pageAbout_box h3{
    text-align: left;
    margin: 30px 0 10px;
  }

  .pageAboutAccess-wrap h3,
  .pageAboutBanner-wrap h3{
    text-align: left;
    margin-bottom: 20px;
  }
  .titleAccess{
    text-align: left;
    margin: 30px 0 0;
  }


  .pageAbout_ph{
    width: 100%;
  }
  .pageAbout_text{
    width: 100%;
  }

  .pageAboutAccess-inner{
    width: 100%;
    max-width: 640px;
  }

  .btn_aboutJomonOyu{
    margin: 30px auto 0;
  }

  .pageAboutBanner-inner{
    display: block;
  }
  .pageAboutBanner{
    width: 100%;
    max-width: 350px;
    margin: 0 auto 30px;
  }
  /* about end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* jomon-oyu ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .jomon-oyu_content_flex{
    display: block;
  }
  .jomon-oyu_content_left{
    width: 100%;
  }

  .jomon-oyu_content_right{
    min-width: 150px;
    margin: 50px auto 0;
  }
  .jomon-oyu_ill01,
  .jomon-oyu_ill02{
    width: 100%;
  }
  .jomon-oyu_title{
    font-size: 20px;
  }
  /* jomon-oyu end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* access ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .address_yunoeki-oyu{
    font-size: 16px;
    text-align: left;
    margin: 20px 0 30px;
  }

  .gmap-inner{
    padding-bottom: 50%;
  }

  .tableAccessCarTitle{
    font-size: 20px;
  }
  /* access end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* onsen ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* onsen end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


}








/* @media screen and (max-width: 880px) {
  .footerNav{
    width: 760px;
  }
  .footerNav li:nth-child(6){
    border-right: none;
  }
  .footerNav li:nth-child(7){
    border-right: 1px solid #000;
  }
} */
/* @media screen and (max-width: 768px) {
  .footerNav{
    width: 500px;
  }
  .footerNav li:nth-child(4){
    border-right: none;
  }
  .footerNav li:nth-child(6){
    border-right: 1px solid #000;
  }
} */
@media screen and (max-width: 520px) {
  /* footer ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .footerNav{
    width: 320px;
  }
  .footerNav li{
    padding: 0 10px;
  }
  .footerNav li:nth-child(3),
  .footerNav li:nth-child(6){
    border-right: none;
  }
  .footerNav li:nth-child(4),
  .footerNav li:nth-child(5),
  .footerNav li:nth-child(7){
    border-right: 1px solid #000;
  }
  /* footer end ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


  /* onsen ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .post_list_box{
    width: 100%;
    margin-right: 0;
  }
  .post_list_box:nth-child(n+2){
    margin-top: 30px;
  }
  .post_list_box:nth-child(3n){
    margin-right: 0;
  }

  /* onsen ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
}