@charset "UTF-8";
/*
Theme Name: mymedia
Version: 1.0.0
Template: liquid-magazine
*/

/*******************

CSSやHTML構造があまりよろしくない状態サイト管理を引き継いだので、その名残が随所にあります。
classではなく要素自体にスタイルを当てたりとか。

*******************/

body {
	position: relative;
	font-family: 'Noto Sans JP','Roboto',sans-serif;
	background: url("https://hakkei-yubara.jp/wp-content/uploads/2017/08/fabric_of_squares_gray.png");
	background-repeat: repeat;
/*	padding-top: 160px;*/
}

.serif{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","source-han-serif-japanese","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

/*tripAdvisor埋め込み*/
.TA_selfserveprop{
	display: flex;
	justify-content: center;
}

/*Youtube埋め込み*/
.movieContainer {
	position: relative;
	width: 100%;
	margin: 20px 0;
}

.movieContainer::before {
	position: absolute;
	top: 0;
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
	/*box-shadow: 0 0 8px 1px rgba(0,0,0,.3);*/
}

.homeTVCM .movieContainer::before {
	padding-top: unset;
}

/*
・ホーム：TVCM公開中動画
・スタッフブログ「八景慕情…ええ唄です」
https://hakkei-yubara.jp/8437/

*/
/*.rwdwrap {
	position: absolute;
	top: 0;
	left: 0;
}*/

.embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
2列Flexbox
---------------------------------------*/
.flex2column{
	display: -webkit-flex;
	display: flex;
	justify-content: space-around;
	width: 100%;
	max-width: 1140px;
	margin: 10em auto 3em;
}

.flex2column figure{
	max-width: 420px;
	margin: 0 auto;
	padding: 0 1em;
}

/*.flex2column div{
	padding: 0 1em;
}*/

.gap1em{
	gap: 0 1em;
}

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

	.flex2column{
		display: block;
		margin: 6em auto 3em;
		text-align: center;
	}

	.flex2column figure{
		box-sizing: border-box;
	}


}



/* スマホスタイル */
.visible-sp-block, .visible-sp-inline, br.sp {
	display: none !important;
}

* {
	box-sizing: border-box;
}

.cf {
	/* For IE 6/7 (trigger hasLayout) */
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

.clear {
	clear: both;
}

.clear hr {
	display: none;
}

.base {
	position: relative;
	top: 0px;
	left: 0px;
}

.flexbox_list {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
}

.flexbox_list02{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	gap: 0 1px;
}

@media screen and (max-width: 680px){
	.flexbox_list02{
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
	}
}

.boxLink{
	display: block;
}

.flexbox_list02 .boxLink{
	width: 100%;
	max-width: 485px;
	padding: 0 0 30px;
}

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

	.flexbox_list02 .boxLink{
		max-width: 680px;
		padding: 0 0 1px;
	}
}


.boxLink img{
	width: 100%;
	height: auto;
}

/* tripadviser */
#CDSWIDEXC {
	position: relative;
}

.ptop0 {
	padding-top: 0 !important;
}

.top0 {
	margin-top: 0 !important;
}

.top5 {
	margin-top: 5px !important;
}

.top10 {
	margin-top: 10px !important;
}

.top20 {
	margin-top: 20px !important;
}

.top30, .mtop-w, .mtop-m {
	margin-top: 30px !important;
}

.top40 {
	margin-top: 40px !important;
}

.top50 {
	margin-top: 50px !important;
}

.top60 {
	margin-top: 60px !important;
}

.line1 {
	line-height: 1 !important;
}

.cf:before, .cf:after, .cf:after {
	content: "";
	display: block;
	overflow: hidden;
}

.btn {
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

/* ---------------------------今回修正箇所ここから---------------------------------- */
.button {
	background: #b9644a;
	color: #ffffff;
	padding: 0px 40px;
	margin: 10px 10px 0;
	line-height: 45px;
	display: inline-block;
}

.button:first-child(){
	margin: 0 10px;
}

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

	.button {
		padding: 0px 30px;
		line-height: 40px;
		font-size: 0.9rem;
	}

}

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

	.button {
		padding: 0px 20px;
		margin: 10px 6px 0;
		line-height: 35px;
	}

}

.button:link, .button:visited, .button:hover, .button:active {
	color: #ffffff;
}
.button:hover {
	background-color: #d0917d;
}

body.home {
	padding-top: 0;
}
body.home .top-page .fv {
	width: 100%;
	height: 960px;
	/*background: url(./images/bg_top.jpg) center no-repeat;*/
	background-size: cover;
	background-position: top center;
	position: relative;
	overflow: hidden;
}

.slideshowImage01{
	background: url(./images/top/img_slideshow01.jpg);
}

.slideshowImage02{
	background: url(./images/top/img_slideshow02.jpg);
}

.slideshowImage03{
	background: url(./images/top/img_slideshow03.jpg);
}

.slideshowImage04{
	background: url(./images/top/img_slideshow04.jpg);
}

/*HTML構造の一番うしろにあるものが最初のスライドになる*/
.main_img {
	z-index:-1;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 24s 0s infinite;
	animation: anime 24s 0s infinite;
}

.main_img:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}

.main_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}

.main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}


@keyframes anime {
	0% {
		opacity: 0;
	}
	8% {
		opacity: 1;
	}
	17% {
		opacity: 1;
	}
	50% {
		opacity: 0;
		transform: scale(1.2) ;
		z-index:-1;
	}
	100% { opacity: 0 }
}


body.home .top-page .fv .calender h2, body.home .top-page .fv .calender .tel {
	font-family: serif;
}
body.home .top-page .fv .calender form {
	font-size: 16px;
}
body.home .top-page .fv .calender form input {
	width: 60px;
	border: 1px solid #dadada;
}
body.home .top-page .fv .calender .stay-date {
	margin-right: 15px;
}
body.home .top-page .fv .calender .day {
	margin: 0 15px 0 10px;
}
body.home .top-page .fv .calender .month {
	margin: 0 10px;
}
body.home .top-page .fv .calender button {
	color: #fff;
	padding: 5px 10px;
	background: #d92424;
	border: none;
	cursor: pointer;
	transition: opacity 0.3s;
}
body.home .top-page .fv .calender button:hover {
	opacity: 0.7;
}
body.home .top-page .fv .calender h2 {
	font-size: 24px;
	margin-top: 0;
}
body.home .top-page .fv .calender h2 img {
	margin: -4px 5px 0 0;
	vertical-align: middle;
}
body.home .top-page .fv .calender {
	width: 530px;
	position: absolute;
	bottom: 60px;
	left: 40px;
	background: #fff url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/fabric_of_squares_gray.png);
	padding: 20px;
	margin-bottom: 0;
	border-radius: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}


body.home .top-page .fv .calender .calendar__title {
	margin: 0;
	/*float: left;*/
	width: 50%;
}
body.home .top-page .fv .calender .tel {
	width: 50%;
	text-align: right;
	float: left;
	margin: 0 0 15px 0;
	line-height: 1.3;
}
body.home .top-page .fv .calender .tel a {
	font-size: 32px;
	color: #534741;
}
body.home .top-page .fv .calender .tel a img {
	margin: 6px 5px 0 0;
	vertical-align: top;
}
body.home .top-page .fv .calender form label {
	margin-bottom: 3px;
}
body.home .top-page .fv .calender form input {
	width: 20px;
	margin-left: 20px;
}
body.home .top-page .fv .calender form dl, body.home .top-page .fv .calender form dt, body.home .top-page .fv .calender form dd {
	margin: 0;
}
body.home .top-page .fv .calender form .date_489ban {
	margin-bottom: 0;
	width: 300px;
	float: left;
}
body.home .top-page .fv .calender form .inbox_489ban {
	width: 100px;
	float: left;
}
body.home .top-page .fv .calender form button {
	margin: 20px 0 0 0;
}
body.home .top-page .fv .info {
	transition: opacity 0.3s;
	position: absolute;
	bottom: 60px;
	right: 60px;
}
body.home .top-page .fv .info:hover {
	opacity: 0.7;
}

.homeNewsWrapper{
	background: #1c1c1c;
	color: #fff;
	padding: 1em 2em;
	box-sizing: border-box;
}

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

	.homeNewsWrapper{
		padding: 1em;
	}

}

.homeNewsListLink01{
	text-align: right;
	padding: 0.2em 0.5em;
	position: absolute;
	right: 5%;
}

.homeNewsListLink01:link,
.homeNewsListLink01:visited{
	color: #fff;
	background: #d92424;
}


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

	.homeNewsListLink01{
		font-size: 0.8rem;
		text-align: center;
		margin: 0.7em 0 0;
		left: 50%;
		transform: translateX(-50%);
	}

}

.homeNewsArticle{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


.homeNewsArticle p{
	margin: 0;
}

.newsCategory01{
	padding: 0 2em 0 0;
	border-right: solid 1px #fff;
	min-width: 100px;
}

.newsTime01{
	padding: 0 2em;
}


.homeNewsTitle01{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


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

	.homeNewsArticle{
		flex-wrap: wrap;
	}

	.newsCategory01{
		display: inline-block;
		padding: 0.3em 0.5em 0.1em;
		border-right: solid 0px #fff;
		background: #574b42;
		font-size: 0.8rem;
		min-width: 0;
	}

	.newsTime01{
		padding: 0 0.2em;
	}

	.homeNewsTitle01{
		width: 100%;
		padding: 0.3em 0 0;
		box-sizing: border-box;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

}

.homeNewsArticle a:link,
.homeNewsArticle a:visited{
	color: #fff;
	text-decoration: underline;
}

.homeNewsArticle a:hover,
.homeNewsArticle a:active{
	color: #fff;
	text-decoration: none;
}


.slideshowContainer {
	position: relative;
}

.slide {
	display: none;
}

.slide.active {
	display: flex;
	animation: fade 4s ease-in-out infinite;
}

@keyframes fade {
	0% {opacity: 0;}
	10% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}
/*
.slide:nth-child(1) {
	animation-delay: 0s;
}

.slide:nth-child(2) {
	animation-delay: 3s;
}

.slide:nth-child(3) {
	animation-delay: 6s;
}

@keyframes fade {
	0% {opacity: 0;}
	33.33% {opacity: 1;}
	66.66% {opacity: 1;}
	100% {opacity: 0;}
}*/


.mainMenu02{
	display: flex;
}

.mainMenu02Link{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 360px;
	box-sizing: border-box;
	transition: 0.3s;
	font-size: 2rem;
	line-height: 1;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	writing-mode: vertical-rl;
}

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

	.mainMenu02Link{
		font-size: 1.5rem;
	}

}


.mainMenu02Link:hover{
	opacity: 0.7;
}

a.mainMenu02Link:link,
a.mainMenu02Link:visited{
	color: #000;
}

.mainMenu02Link span{
	display: block;
	width: 2em;
	padding: 0.5em;
	background: rgba(255,255,255,.8)
}

.homeOhana{
	background: url(./images/top/home_ohana01.jpg) right top no-repeat;
	background-size: cover;
}

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

	.homeOhana{
		background: url(./images/top/home_ohana01.jpg) right 30% top no-repeat;
		background-size: cover;
	}

}

.homeChildren{
	background: url(./images/top/home_children01.jpg) center center no-repeat;
	background-size: cover;
}

body.home .top-page .main-menu-02 {
	max-width: 1000px;
	padding: 30px 0;
	margin: 0 auto;
}
body.home .top-page .main-menu-02 .box {
	transition: all .5s ease-out;
	position: relative;
	top: 50px;
	opacity: 0;
}
body.home .top-page .main-menu-02 .box.move {
	top: 0;
	opacity: 1;
}
body.home .top-page .main-menu-02 .banner {
	padding: 50px 0 0 0;
	text-align: center;
}
body.home .top-page .moment h3 {
	font-size: 24px;
	margin-bottom: 25px;
}
body.home .top-page .moment .box-sentence {
	margin: 0 0 20px 0;
}
body.home .top-page .moment .box {
	opacity: 0;
	transition: all 1.5s ease-out;
}
body.home .top-page .moment .box.move {
	opacity: 1;
}
body.home .top-page .moment .box .wrap {
	opacity: 0;
	transition: all .7s ease-out;
	position: relative;
	left: 100px;
}
body.home .top-page .moment .box .wrap.move {
	opacity: 1;
	left: 0px;
}
body.home .top-page .moment .box.with .wrap {
	opacity: 0;
	transition: all .7s ease-out;
	position: relative;
	left: -100px;
}
body.home .top-page .moment .box.with .wrap.move {
	opacity: 1;
	left: 0px;
}
body.home .top-page .access .box-wrap .box span {
	font-size: 15px;
}
body.home .top-page .other h3 {
	font-size: 24px;
	background: url(./images/top/title_bg_02.png) bottom center no-repeat;
	padding-bottom: 28px;
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
}
body.home .top-page .other .box {
	transition: all .5s ease-out;
	position: relative;
	top: 50px;
	opacity: 0;
}
body.home .top-page .other .box.move {
	top: 0;
	opacity: 1;
	transition: all .3s ease-out;
}
body.home .top-page .other .box:hover {
	box-shadow: rgba(0, 0, 0, 0.5) 0 10px 30px;
	top: -10px;
}

/* iframe */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 60%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* ヘッダー翻訳 */
.headline .sns .goog-te-gadget-simple a {
	font-size: 10pt;
	display: inline;
	background: transparent;
	color: #000 !important;
}

/* 表 */
.table {
	background-color: #fff;
}

.table th {
	width: 50%;
}

/* global-menu */
.navbar-nav {
	width: 100%;
	justify-content: center;
}

.navbar-nav ul {
	padding: 0;
}

.navbar-nav ul.sub-menu li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	padding-right: 10px;
}

.navbar-toggler {
	top: -4.2rem;
}

/* 予約・電話・お問い合わせボタン */
.common-side-menu {
	position: fixed;
	right: 0;
	top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 100;
	top: 130px;
}

.common-side-menu > *:not(:last-child) {
	margin-bottom: 10px;
}

.reservationBtn, .callBtn, .inquiryBtn,
.bookingcomBtn, .expediaBtn {
	display: block;
	right: -1px;
	z-index: 1000;
	width: 16px;
	padding: 44px 33px 17px 18px;
	color: #fff !important;
	background-color: #b9644a !important;
	border: solid 1px #b9644a;
	text-decoration: none !important;
	line-height: 1.2;
	border-radius: 5px 0 0 5px;
	transition: .4s ease-in-out;
	font-family: serif;
}

.bookingcomBtn, .expediaBtn {
	width: 100px;
	padding: 10px;
	background-color: #fff !important;
	border: 0;
	box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.5);
}

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

	.bookingcomBtn, .expediaBtn {
		width: 86px;
		padding: 8px;
	}

}

.bookingcomBtn:hover,
.expediaBtn:hover{
	padding: 15px 10px 15px;
}

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

	.bookingcomBtn:hover,
	.expediaBtn:hover{
		padding: 12px 8px 12px;
	}

}


.reservationBtn {
	background: url(./images/side_menu/side_tel.png) top 10px left 18px no-repeat;
}

.callBtn {
	background: url(./images/side_menu/side_search.png) top 12px left 15px no-repeat;
}

.inquiryBtn {
	background: url(./images/side_menu/side_mail.png) top 14px left 13px no-repeat;
}

.reservationBtn:hover, .callBtn:hover, .inquiryBtn:hover {
	opacity: 0.7;
}


/* 追記 */
.page h1, .page h2, .page h3, .page h4 {
	font-family: serif;
}

.col-xs-12 {
	width: 100%;
	padding: 0;
}

/* 固定ページタイトル */
h4.sub_ttl {
	font-size: 1rem;
	padding: 1.5em 0.1em 0;
}

.main_ttl {
	letter-spacing: 0.3em;
	line-height: 1.4;
	padding: 1.5em 1em 0.5em 1em;
	background: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/ttl_back.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	background-size: 70px;
}

.main_ttl02 {
	letter-spacing: 0.3em;
	line-height: 1.4;
	padding: 1.5em 1em 1.5em 1em;
	background: url(/wp-content/themes/mymedia/images/common/bg_main_ttl02.png) center bottom repeat-x;
	text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
	.main_ttl02 {
		background: url(/wp-content/themes/mymedia/images/common/bg_main_ttl02@2x.png) center bottom repeat-x;
		background-size: auto 6px;
	}
}

.titleMobileBlock01,
.titleTabletBlock01{
	display: inline;
}

.titleMobileBlock02,
.titleTabletBlock02{
	display: inline-block;
}

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

	.titleTabletBlock01,
	.titleTabletBlock02{
		display: block;
	}

}

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

	.titleMobileBlock01,
	.titleMobileBlock02{
		display: block;
	}

}


.sub_ttl {
	line-height: 1.4;
	padding: 1.5em 1em 0.5em 1em;
	text-align: center;
}

.subTitle01{
	font-family: serif;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 1.5em 1em 0.5em 1em;
	text-align: center;
}

.borderTitle01{
	padding: 0 0 0.5em;
	border-bottom: solid 2px #9a871b;
}

span.label {
	display: inline-block;
	border-left: 1px solid #61582f;
	border-right: 1px solid #61582f;
	padding: 0 16px;
}

.supplement {
	font-size: 40%;
	color: #ff0000;
	letter-spacing: 0.1em;
	text-align: center;
}

/* メインリンクボタン */
div.main_btn {
	max-width: 350px;
	margin: 20px auto 0;
}

div.main_btn .inquiry, div.main_btn .access {
	background: #00c6d2;
	padding: 20px 10px;
	color: #fff;
	white-space: inherit;
}

div.main_btn .inquiry:hover, div.main_btn .access:hover {
	opacity: 0.7;
}

div.main_btn .access i {
	font-size: 1.5rem;
}

.btn_style {
	color: #fff;
	background: #bbd347;
	border: 1px solid #bbd347;
	padding: 10px;
}

.btn_style:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #868e08;
}

/*.iconUpward{
	position: relative;
}*/
.iconUpward::before{
	content: "▲";
	font-size: 0.8rem;
	margin: 0 0.5em 0 0;
}

/* コンテンツリスト */
ul.detail {
	margin: 0;
	padding: 0 0 0 40px;
	list-style: none;
}

ul.detail > li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	box-sizing: border-box;
}

ul.detail > li:last-child {
	border-bottom: none;
}

ul.detail > li:before {
	content: "■";
	float: left;
	margin-left: -2em;
	color: #ff8a00;
}

/* 固定ページコンテンツ */
#container {
	margin: 0;
	padding: 0;
	width: 100%;
	color: #61582f;
}

/*トリップアドバイザーウィジェットの画像が勝手に幅100％にされるのを否定*/
#container img:not(.wptripadvisor_t1_tripadvisor_logo):not(.wptripadvisor_t1_star_img_file) {
	width: 100%;
}


#head-content {
	height: auto;
	margin: 0 auto;
	color: #fff;
	background-color: #000;
	position: relative;
}

#head-content:before {
	content: "";
	display: block;
	padding-bottom: 40%;
}

#head-content div {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
}

#head-content h1 {
	position: absolute;
	margin: 0;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), -1px 1px 2px rgba(0, 0, 0, 0.9), 1px -1px 2px rgba(0, 0, 0, 0.9), -1px -1px 2px rgba(0, 0, 0, 0.9);
	font-feature-settings: "palt" 1;
	font-size: 250%;
	letter-spacing: 0.3em;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.full_content {
	width: 100%;
	margin: 40px 0 0;
	line-height: 2;
}

.inner_content {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.flex_content {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.main_read {
	width: 80%;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	color: #61582f;
}

.middle_content-left {
	float: left;
	width: 50%;
	padding: 0 20px 0 30px;
}

.middle_content-right {
	float: right;
	width: 50%;
	padding: 0 30px 0 20px;
}

.quarter_content div.item {
	width: 25%;
	float: left;
	padding: 0 10px;
}

.quarter_content div p {
	padding: 0 5px;
	font-size: 90% !important;
	line-height: 1.5;
}

.quarter_content span.price {
	margin-top: 5px;
	display: block;
	text-align: right;
}

/* ページ内ナビゲーション02 */
.naviRoomType {
	list-style: none;
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

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

	.naviRoomType {
		flex-direction: column;
		gap: 1px;
	}

}



.naviRoomType li {
	width: 23%;
	color: #fff;
	position: relative;
}

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

	.naviRoomType li {
		width: 100%;
	}

}

.naviRoomType li a {
	display: block;
	position: relative;
	width: 100%;
	height: 250px;
}

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

	.naviRoomType li a {
		height: 200px;
	}

}

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

	.naviRoomType li a {
		height: 150px;
	}

}

.naviRoomType li a::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index: 0;
}

.naviRoomType li a:link,
.naviRoomType li a:visited{
	color: #fff !important;
}

.washitsu{
	background: #000 url(https://hakkei-yubara.jp/wp-content/themes/mymedia/images/room/wa1.jpg) center center no-repeat;
	background-size: cover;
}

.rotenWashitsu{
	background: #000 url(https://hakkei-yubara.jp/wp-content/themes/mymedia/images/room/rotsuki.jpg) center center no-repeat;
	background-size: cover;
}

.twin{
	background: #000 url(https://hakkei-yubara.jp/wp-content/themes/mymedia/images/room/twin.jpg) center center no-repeat;
	background-size: cover;
}

.double{
	background: #000 url(https://hakkei-yubara.jp/wp-content/themes/mymedia/images/room/double.jpg) center center no-repeat;
	background-size: cover;
}

.bekkan{
	background: #000 url(https://hakkei-yubara.jp/wp-content/themes/mymedia/images/room/bekkan_pic01.png) center center no-repeat;
	background-size: cover;
}

.naviBekkan{
	padding: 0 0 5em;
}

.naviRoomType li .image {
/*	opacity: 0.7;*/
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

.naviRoomType li:hover .image {
	opacity: 0.3;
}

.naviRoomTypeTextWrapper{
	position: absolute;
	top: 1em;
	left: 1em;
}

.naviRoomTypeText01 {
	display: block;
	font-size: 20px;
}

.naviRoomTypeText02 {
	display: block;
	font-size: 15px;
}

.wagaraTitle01{
	font-size: 2rem;
	text-align: center;
	color: #61582f;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","source-han-serif-japanese","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	border: solid #877e57;
	border-width: 3px 0;
	padding: 0.8em 1em 0.6em;
	background: url(https://hakkei-yubara.jp/wp-content/themes/mymedia/images/common/wagaraTitle01.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {

	.wagaraTitle01{
		background: url(https://hakkei-yubara.jp/wp-content/themes/mymedia/images/common/wagaraTitle01@2x.png);
		background-size: 360px auto;
	}

}



/* ページ内ナビゲーション */
#room_type ul {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
}

#room_type li {
	width: 23%;
	height: auto;
	margin: 0 2.66666667% 0 0;
	color: #fff;
	background-color: #000;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#room_type li:nth-child(4n) {
	margin-right: 0;
}

#room_type li:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#room_type li .image {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.7;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#room_type li:hover .image {
	opacity: 0.3;
}

#room_type li .text {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#room_type li h3 {
	font-size: 20px;
	text-align: left;
	position: relative;
	margin: 28px 20px 0 20px;
}

#room_type li p {
	font-size: 15px;
	text-align: left;
	margin: 4px 32px 0 32px;
}

#room_type li a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* 客室 */
.narrow {
	width: 70%;
}

.floor_plan {
	text-align: center;
}

/* 交通案内 */
.acttl {
	letter-spacing: 0.3em;
	line-height: 1.4;
	padding: 1.5em 1em 0.1em 1em;
	text-align: center;
	color: #164375;
}

.acimags {
	padding: 2em 1em;
}

.flex_box {
	width: 100%;
	margin-top: 60px;
	padding: 0;
}

.flex_box:nth-of-type(1) {
	margin-top: 30px;
}

.flex_box_5 {
	display: flex;
	flex-wrap: wrap;
}

.flex_box_5 > div {
	width: 50%;
	padding: 0 1.5%;
	margin: 0;
}

/* お問い合わせページ */
.faqtab .nav-tabs {
	border: none;
}

.faqtab .nav-tabs .nav-item {
	padding: 0 .5rem .5rem 0;
}

.faqtab .nav-tabs .nav-item a {
	transition: 0.5s ease;
}

.faqtab .nav-tabs .nav-item a:hover {
	opacity: 0.5;
}

.faqtab .nav-tabs .nav-link {
	border-radius: .25rem;
}

/* フッターリンク */
#foot-index {
	margin-bottom: 30px;
}

.foot-link {
	font-size: 20px;
}

.foot-link .col-xs-6 {
	display: flex;
	justify-content: center;
}

.widget_nav_menu ul li {
	border-bottom: 1px solid #ddd;
}

/* おすすめプラン */
.page .plan {
	display: flex;
}

h2.plan-title {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 15px;
	color: #000;
	line-height: 1.5;
}

.plan-price {
	font-size: 12px;
	text-align: right;
}

/* おすすめ記事一覧 */
.plan_flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.plan_flex a {
	display: flex;
	width: 50%;
	padding: 0 10px;
}

.plan_flex a:hover .plan_flex_block {
	background-color: #eee;
}

.plan_flex a:hover .img_block {
	opacity: 0.7;
}

.plan_flex_block {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;
	transition: all 0.5s ease;
}

.img_block {
	transition: all 0.5s ease;
}

.img_block div {
	width: 100%;
	height: 0;
	padding: 70% 0 0;
	background-size: cover;
}

.text_block {
	width: 100%;
	padding: 0.5rem;
}

.text_block h2.post_title {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 15px;
	color: #000;
	line-height: 1.5;
}

/* アーカイブ */
.plan .hidden-md-down {
	text-align: right;
	display: block !important;
}

.hidden-md-down p {
	margin: 0;
}

.plan .hidden-md-up {
	display: none;
}

.list .post_ttl {
	margin-bottom: 1rem;
}

@media (max-width: 767px) {
	body {
		padding: 0;
	}

	.pc {
		display: none;
	}

	.mtop-w {
		margin-top: 60px !important;
	}

	.mtop-m {
		margin-top: 40px !important;
	}

	.common-side-menu {
		display: none;
	}

	.page_english .common-side-menu {
		display: flex;
		top: 60px;
		overflow: hidden;
		padding: 0 0 6px 6px;
	}

	#container p {
		font-size: 16px;
	}

	#container p.subTitle01 {
		font-size: 1.5rem;
	}

	.hidden-md-down {
		display: none;
	}

	.col-md-4, .col-md-6, .col-md-8 {
		padding: 0;
	}

	.main_ttl {
		font-size: 1.6rem;
		padding: 2em 1em .5em 1em;
		letter-spacing: 0.15em;
		background-size: 50px;
	}

	.sub_ttl {
		padding: 2em 1em .5em 1em;
	}

	#head-content:before {
		padding-bottom: 50%;
	}

	#head-content h1 {
		font-size: 125%;
	}

	.full_content {
		margin-top: 30px;
	}

	.inner_content {
		width: 90%;
	}

	.flex_content {
		width: 90%;
	}

	.middle_content-left, .middle_content-right {
		float: none;
		width: 100%;
		padding: 0;
	}

	.middle_content-right {
		margin-top: 20px;
	}

	.middle_content-left .text, .middle_content-right .text {
		width: 90%;
		margin: 0 auto;
	}

	.quarter_content div.item {
		width: 50%;
		float: left;
		padding: 0 10px;
	}

	.main_read {
		width: 90%;
		text-align: left;
	}

	/* ページ内ナビゲーション */
	#room_type li {
		width: 48.5%;
		margin: 15px 3% 0 0;
	}

	#room_type li:nth-child(2n) {
		margin-right: 0;
	}

	#room_type li:before {
		padding-bottom: 66.66667%;
	}

	#room_type li h3 {
		font-size: 18px;
		margin: 20px 20px 0;
	}

	#room_type li p {
		font-size: 12px;
	}

	/* ヘッダー */
	.headline .logo_text {
		display: none;
	}

	.logo.fixed-top-custom {
		top: 10px;
	}

	.logo.fixed-top-custom img {
		height: 35px !important;
	}

	/* 交通案内 */
	.acttl {
		font-size: 1.6rem;
	}

	.acimags {
		padding: 2em 0;
	}

	.flex_box > div:nth-of-type(2n) {
		margin-top: 60px;
	}

	/* お問い合わせ */
	.flex_box_3 > div:nth-of-type(2), .flex_box_3 > div:nth-of-type(3) {
		margin-top: 20px;
	}

	/* フッターリンク */
	.foot-link .col-xs-6 {
		width: 50%;
	}

	/* おすすめプラン */
	.page .plan {
		max-width: 50%;
	}

	.page .plan:nth-of-type(odd) {
		padding: 0 7.5px 0 15px;
	}

	.page .plan:nth-of-type(even) {
		padding: 0 15px 0 7.5px;
	}

	.card {
		margin-bottom: 20px;
	}

	/* 記事一覧 */
	.plan_flex_block {
		margin-bottom: 20px;
	}

	.plan_flex a:nth-of-type(odd) {
		padding: 0 7.5px 0 0;
	}

	.plan_flex a:nth-of-type(even) {
		padding: 0 0 0 7.5px;
	}

	body.home #slidemenu {
		display: none;
	}

	body.home #slidemenu_sp {
		padding: 0 30px;
		display: block;
		position: fixed;
		width: 100%;
		bottom: 10px;
	}

	body.home #slidemenu_sp .menu__item {
		padding: 0 5px;
	}

	body.home #slidemenu_sp .slide-arrow {
		height: 20px;
		position: absolute;
		top: 50%;
		margin-top: -20px;
	}

	body.home #slidemenu_sp .slide-arrow.prev-arrow {
		left: 10px;
	}

	body.home #slidemenu_sp .slide-arrow.next-arrow {
		right: 10px;
	}
}
@media (min-width: 768px) {
	.mb {
		display: none;
	}

	/* 表 */
	.page_dayuse .table {
		width: 70%;
		margin: 0 auto;
	}

	/* global-menu */
	.navbar-nav a {
		padding: 1rem;
		transition: 0.5s ease;
	}

	.navbar-nav a:hover {
		background-color: #e1f581;
	}

	.navbar .container {
		max-width: 95%;
		padding: 0;
	}

	.hidden-md-up {
		display: none;
	}

	/* 交通案内 */
	.flex_box {
		max-width: 1200px;
		display: flex;
	}

	.flex_box > div:nth-of-type(1) {
		width: 50%;
		padding: 0 20px 0 30px;
		display: flex;
		flex-direction: column;
	}

	.flex_box > div:nth-of-type(2) {
		width: 50%;
		padding: 0 30px 0 20px;
		display: flex;
		flex-direction: column;
	}

	.flex_box ul {
		margin-bottom: 20px;
	}

	.flex_box .main_btn {
		width: 100%;
		margin-top: auto;
	}

	.flex_box_5 > div {
		max-width: 20%;
	}

	/* お問い合わせ */
	.flex_box_3 {
		display: flex;
	}

	.flex_box_3 > div {
		width: 33.34%;
		padding: 0 1.5%;
		margin: 0;
	}

	/* 記事一覧 */
	.plan_flex a {
		max-width: 25%;
	}
}
/* ---------------------------ここまで---------------------------------- */
@media (max-width: 480px) {
	.top60 {
		margin-top: 30px;
	}
}
.no-gutter-right {
	padding-right: 0;
}

.headline .sns {
	margin-top: 8px;
}

select.form-control {
	height: 30px;
	font-size: 12px;
	max-width: 90%;
}

@media (min-width: 768px) {
	.headline select.form-control {
		margin-top: 8px;
	}

	/* 追記 */
	.col-md-offset-4 {
		margin-left: 33.333333%;
	}
}
.headline {
	padding: .5rem 0;
}

body.home .headline {
	position: fixed;
	z-index: 1000;
	background: #fff url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/fabric_of_squares_gray.png);
	background-repeat: repeat;
	width: 100%;
}

.logo img {
	height: 50px !important;
}

@media (max-width: 768px) {
	.logo img {
		height: 40px !important;
	}
}
a:link,
a:visited,
a:hover,
a:active {
	color: #829c04;
}

a.linkColor01:link,
a.linkColor01:visited,
a.linkColor01:hover,
a.linkColor01:active {
	color: #333;
}

/*ページ遷移ボタン
----------------------------------------------*/
.pageLink01 {
	display: block;
	padding: 12px 25px;
	margin: 20px auto;
	width: 90%;
	max-width: 800px;
	background: #e47c7c;
	color: #fff !important;
	text-align: center;
	/*font-weight: bold;*/
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.3) inset, 0 1px 1px rgba(255, 255, 255, 0.3) inset;
	box-sizing: border-box;
}

.pageLink01:link {
	text-decoration: none;
}

.pageLink01:visited {
	text-decoration: none;
}

.pageLink01:hover {
	text-decoration: none;
}

.pageLink01:active {
	text-decoration: none;
}

.pageLink01:hover {
	background: #f48c8c;
}

.pageLink01:active {
	background: #f48c8c;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset;
}

/*

トップページ

----------------------------------------------*/
/*お知らせ*/
/* スライダー
.n2-section-smartslider {
		position: absolute !important;
		top: 0;
}*/
/* footer ------------------------------------------------------------------*/
.footerBanner01{
	text-align: center;
}


.footerBannerList{
	list-style: none;
	display: -webkit-flex;
	display: flex;
	justify-content: space-evenly;
/*	justify-content: space-between;*/
	flex-wrap:wrap;
	gap: 1em;
	padding: 30px 0 0;
	box-sizing: border-box;
}

.footerBannerList img{
	width: 100%;
	height: auto;
	max-width: 360px;
}

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

	.footerBannerList{
		justify-content: center;
	}

}

.links .btn {
	background-color: #fdf7f7;
	color: #4d90fe;
	border: 3px solid #4d90fe;
	margin-bottom: .5em;
	letter-spacing: .1em;
}

.links .btn:hover {
	background-color: #eee;
}

.sidebar {
	background-color: rgba(255, 255, 255, 0);
	padding-top: 1rem;
}

.hero {
	display: none;
}

.card-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card,
.card-img,
.card-img-top,
.card-img-bottom {
	border-radius: 0;
}

.card {
	background-color: rgba(255, 255, 255, 0.3);
	width: 100%;
}

.card:hover {
	background-color: #eee;
}

.list .post_links .list-block {
	display: table;
	background-color: rgba(255, 255, 255, 0.3);
	border: .5px solid #eee;
}

table {
	background-color: #fff;
}

.ttl_h1 {
	font-size: 2rem;
}

@media (max-width: 768px) {
	.ttl_h1 {
		font-size: 1.6rem;
	}
}
@media (min-width: 600px) {
	.mobile {
		display: none;
	}
}

.detail {
	padding-top: 5rem;
}

/* top page ------------------------------------------------------------------*/
/* top page title ------------------------------------------------------------------*/
.main_read02 {
	font-size: 18px;
	color: #61582f;
}

@media (max-width: 767px) {
	.main_read02 {
		font-size: 14px;
		text-align: left;
	}
}
.plan_read {
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","source-han-serif-japanese","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-align: center;
	line-height: 1.9em;
	color: #61582f;
	font-size: 32px;
}

.plan_read img {
	padding-right: .5em;
}

@media (max-width: 767px) {
	.plan_read {
		font-size: 18px;
		line-height: 1.6em;
	}

	.plan_read img {
		width: 50px;
	}
}
.tokuten-rink {
	text-align: right;
	color: #555;
	text-decoration: underline;
}

.carousel-indicators {
	bottom: -1rem;
}

.carousel-control .icon {
	display: none;
}

.cover {
	margin-bottom: 1rem;
}

.ttl span {
	font-weight: 500;
	font-size: large;
	color: #555;
	border: none;
	letter-spacing: 0.1em;
}

.margin-top-m {
	margin-top: 80px;
}

.margin-bottom-m {
	margin-bottom: 40px;
}

.margin-bottom-4 {
	margin-bottom: 4px;
}

.margin-top-s {
	margin-top: 8px;
}

.margin-bottom-s {
	margin-bottom: 8px;
}

/* 編集 */
.home h2 {
	font-size: 14px;
	font-weight: 600;
	margin: 5px 0;
	line-height: 170%;
}

.card.horizontal a {
	color: #333;
}

.card.horizontal .row > div:nth-child(2) {
	padding-left: 0;
}

.card.horizontal .row > div:first-child {
	padding-right: 0;
}

@media (max-width: 543px) {
	.card.horizontal .row > div:first-child {
		padding-left: .9375rem;
	}
}
.card.horizontal .card-text {
	min-height: auto;
}

.card.horizontal .card-img-left {
	border-radius: 0;
	height: 6.5rem;
	line-height: 6.5rem;
}

.card.horizontal01 a {
	color: #333;
}

.card.horizontal01 .row > div:nth-child(2) {
	padding-left: 0;
}

.card.horizontal01 .row > div:first-child {
	padding-right: 0;
}

@media (max-width: 543px) {
	.card.horizontal01 .row > div:first-child {
		padding-left: .9375rem;
	}
}
.card.horizontal01 .card-text {
	min-height: auto;
}

.card.horizontal01 .card-img-left {
	border-radius: 0;
	height: 4.8rem;
	line-height: 4.5rem;
}

.card-block {
	padding: 0.6rem;
}

.card-block .card-text {
	font-size: 12px;
	min-height: 60px;
	text-align: justify;
}

.card-block a {
	color: #333;
}

.card-block .date {
	font-size: 11px;
	margin-bottom: 0;
}

.card-block .share, .card-block .share a {
	margin-bottom: 0;
}

.bnr_page a {
	font-size: small;
	text-align: right;
	color: #555;
	text-decoration: underline;
	font-family: initial;
}

/*@media (min-width: 543px){
.prmargin{
	margin-top: -.5rem;
	margin-bottom: .5rem;
}
}*/
@media (max-width: 543px) {
	.ryouriokami img {
		width: 150px;
		margin-top: 1em;
	}
}
/* global menu ---------------------------------------------------------------*/
.home .navbar {
	background-color: #fff;
	/*border-bottom: 8px solid rgba(204, 204, 204, 0.42);*/
}

.navbar {
	background-color: #fff;
	border-top: 1px solid #ddd;
}

@media (max-width: 767px) {
	.navbar {
		border-bottom: none;
	}

	.home .navbar {
		border-bottom: none;
	}
}
.hidden-sm-down .navbar-nav {
	margin: 0 auto;
	display: table;
	table-layout: fixed;
	float: none;
}

.menu-item a {
	font-family: 'Noto Sans JP','Roboto',sans-serif;
	text-align: center;
	color: #555;
	font-size: medium;
}

.navbar .current-menu-item, .navbar .current-menu-parent, .navbar .current_page_item {
	font-weight: inherit;
}

/* // global menu ------------------------------------------------------------*/
/* ヘッダー ---------------------------------------------------------------*/
.goog-te-gadget-simple {
	margin-top: .5em;
}

/* サイドバーなし個別ページ--------------------------------------------------------------*/
/* 削除.page{
	padding-top: 0;
} */
@media (max-width: 768px) {
	/* 削除.page{
		padding-top: 2rem;
	} */
}
/* 温泉ページ--------------------------------------------------------------*/
.n2-style-4d3bf58d025bf993a953fd0817f9e66b-heading {
	background: #fd687d !important;
}

.spkawanoyu {
	background-color: rgba(255, 255, 255, 0.79);
	padding: 1em;
	overflow: hidden;
}

.ctbtn {
	font-size: 80% !important;
	margin: .5em;
	display: inline-block;
	background-color: #fd687d;
	color: #fff;
	padding: .3em 1em;
	border-radius: 5px;
}

.riyoujikan {
	font-weight: 500;
}

.lineheight {
	line-height: 1.7em;
}

.key {
	font-size: large;
	font-weight: 500;
	margin-top: 1rem;
}

.key span {
	font-size: medium;
	font-weight: inherit;
}

.keisen {
	border: 1px solid;
	color: #bbd347;
	margin-top: 0;
	margin-bottom: 1rem;
}

.yugumittl01 {
	text-align: center;
	font-size: 22px;
	color: #fd687d;
	margin: 0;
}

.yugumittl02 {
	text-align: center;
	line-height: 1;
	color: #617b77;
	margin: 0;
}

.yugumittl03 {
	text-align: center;
	font-size: 25px !important;
	margin: 0;
}

.yugumi-box {
	padding: 1em;
	background-color: rgba(255, 250, 228, 0.62);
	overflow: hidden;
}

.barttl {
	margin-top: 2em;
	border-left: 7px solid #ff8a00;
	padding-left: 10px;
	font-size: 18px;
	line-height: 1.6em;
	padding: .5em;
	background-color: #f5f5f5;
	color: #525252;
}

.list {
	line-height: 140%;
}

.list > li + li {
	margin-top: 5px;
}

.list.line > li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	box-sizing: border-box;
}

.list.point > li:before {
	content: "■";
	float: left;
	margin-left: -2em;
	color: #ff8a00;
}

.list > dt,
.list > dd {
	padding: 10px 0;
}

.list > dt {
	float: left;
	width: 5em;
	margin-right: 1em;
	font-weight: inherit;
}

.list > dd {
	border-bottom: 1px dotted #ccc;
}

.list > dd:nth-of-type(1) {
	border-top: 1px dotted #ccc;
}

.list > dt:after {
	content: "■";
	float: right;
	margin-right: -0.5em;
}

.spatxt {
	padding: .5em;
	line-height: 1.8em;
}

@media (max-width: 543px) {
	.list.line > li {
		font-size: small;
	}
}
.but {
	display: block;
	padding: 1em;
	background: #bbd347;
	border-radius: 2px;
	border: 1px solid #bbd347;
	color: #fff !important;
	text-align: center;
	line-height: 140%;
	box-sizing: border-box;
	text-decoration: none;
}

.but:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #868e08 !important;
	text-decoration: none;
}

.but i {
	margin-right: 0.5em;
}

.but.inl {
	display: inline-block;
	padding: 0.8em 2em;
	line-height: 140%;
	color: #fff;
}

.but.inl:hover {
	color: #868e08;
}

.btn-primary {
	color: #fff;
	background-color: #bbd347;
	border-color: #bbd347;
}

.btn-primary:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #868e08 !important;
	text-decoration: none;
	border: 1px solid #bbd347;
}

.btn-secondary-outline {
	color: #868e08;
	border-color: #bbd347;
}

.n2-font-949d3ba9c9c802116e985108a9ae0a17-link a:link,
.n2-font-949d3ba9c9c802116e985108a9ae0a17-link a:visited {
	background: rgba(187, 211, 71, 0.8) !important;
	border: 0 !important;
}

.n2-font-949d3ba9c9c802116e985108a9ae0a17-link a:hover,
.n2-font-949d3ba9c9c802116e985108a9ae0a17-link a:active {
	background: rgba(187, 211, 71, 0.9) !important;
	color: #fff !important;
	text-decoration: none;
	border: 0 !important;
}

.btn-secondary-outline.active, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline:focus, .btn-secondary-outline:hover, .open > .btn-secondary-outline.dropdown-toggle {
	background-color: #bbd347;
	border-color: #bbd347;
}

.pagetop {
	position: relative;
	z-index: 5;
}

.pagetop a {
	background: #a7ba4f;
	color: #fff;
	right: 4rem;
}

.pagetop a:before {
	content: "";
	width: 11px;
	height: 11px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 3px);
	right: 18px;
}

@media (max-width: 768px) {
	.pagetop {
		display: none;
	}
}
/* 客室ページ--------------------------------------------------------------*/
.heyatab {
	color: #555;
	text-align: center;
	display: block;
	font-size: large;
	text-decoration: none;
}

.room01back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/sunayu_turibashi.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 320px;
}

.room02back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/turibashi_03.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 320px;
}

.room03back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/snunayuvew.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 320px;
}

.room04back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/sunayufront.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 320px;
}

@media (max-width: 543px) {
	.room01back {
		height: 150px;
	}

	.room02back {
		height: 150px;
	}

	.room03back {
		height: 150px;
	}

	.room04back {
		height: 150px;
	}
}
.amenity {
	line-height: 1.8em;
}

.roomdate .table th {
	font-weight: inherit;
}

@media (max-width: 768px) {
	.roomdate .table {
		font-size: small;
	}
}
.icobtn span {
	margin: .5rem;
	display: inline-block;
	background-color: #617b61;
	color: #fff;
	padding: .3em 1em;
	border-radius: 5px;
}

.icobtn img {
	width: 40px;
	margin-left: .5em;
}

/* 料理ページ------------------------------------------------------------*/
.ryouripagettl {
	font-weight: normal;
	color: #555;
	border-left: 4px solid #ff8a00;
	padding-left: .5em;
	margin-top: 1em;
}

.ryouripagetxt {
	line-height: 1.8em;
}

.okaminame {
	margin-top: 2em;
	text-align: right;
	font-size: x-large;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","source-han-serif-japanese","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #555;
}

.okaminame span {
	font-size: smaller;
}

.ippin {
	text-align: center;
	color: #617b61;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","source-han-serif-japanese","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
	padding: 5px 0 7px 0;
	line-height: 1.3;
}

.ippin span {
	line-height: 1.2;
	display: inline-block;
	border-left: 1px solid #617b61;
	border-right: 1px solid #617b61;
	padding: 0 16px;
}

.ippin02 {
	text-align: center;
	color: #617b61;
	padding: 5px 0 7px 0;
	line-height: 1.3;
	margin-bottom: 0;
}

.ippin02 span {
	line-height: 1.2;
	display: inline-block;
	border-left: 1px solid #617b61;
	border-right: 1px solid #617b61;
	padding: 0 16px;
}

.ippin_txt {
	font-size: 15px;
}

.ippin_txt span {
	display: block;
	text-align: right;
	color: #617b61;
}


.flexContent {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.space-between {
	justify-content: space-between;
}

.space-around {
	justify-content: space-around;
}

.flexContent.center {
	justify-content: center;
}

.flexContent.column2,
.flexContent.column3,
.flexContent.column4 {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flexContent.column3 > * {
	width: 32%;
	margin-bottom: 2%;
}

.flexContent.column4 > * {
	width: 23%;
	margin-bottom: 2%;
}

.flexContent.column2 > * {
	width: 48%;
	margin-bottom: 2%;
}

/* タブレット表示（768px以下） */
@media screen and (max-width: 768px) {
	.flexContent.column3 > * {
		width: 46%;
	}

	.flexContent.column4 > * {
		width: 46%;
	}

}

/* スマホ表示（479px以下） */
@media screen and (max-width: 479px) {
	.flexContent.column3 > *,
	.flexContent.column4 > *,
	.flexContent.column2 > * {
		width: 100%;
		margin-bottom: 3%;
	}
}




/* お問合わせ--------------------------------------------------------------*/
.contact-back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/contactback.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	display: table;
	width: 100%;
}

.table-contactform7 {
	overflow: hidden;
	table-layout: fixed;
	margin-top: -2em;
}

.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}

.unrequired-contactform7 {
	padding: 8px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}

.table-contactform7 th {
	font-weight: normal;
}

.table-contactform7 input,
.table-contactform7 textarea {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}

.age input {
	max-width: 15% !important;
}

.address-100 input {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}

.message-100 textarea {
	width: 100%;
	margin: 5px 10px 10px 5px;
}

@media screen and (min-width: 900px) {
	.table-contactform7 th {
		width: 28%;
	}
}
@media screen and (max-width: 900px) {
	.table-contactform7 {
		display: block;
	}

	.table-contactform7 tbody,
	.table-contactform7 tr {
		display: block;
		width: 100%;
	}

	.table-contactform7 th {
		width: 100%;
		display: block;
		margin: 0 auto;
		border: none;
	}

	.table-contactform7 td {
		display: list-item;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
		border-top: none !important;
	}
}
.ttlback02 {
	font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','source-han-serif-japanese','HG明朝E','ＭＳ Ｐ明朝','ＭＳ 明朝','serif;';
	color: #ffffff;
	font-size: 26px;
	line-height: 1.5;
	text-align: center;
	letter-spacing: .1em;
	display: table-cell;
	vertical-align: middle;
}

.ttlback02 span {
	background: RGBA(0, 0, 0, 0.5);
	opacity: .9;
	padding: 5px 10px 5px 10px;
}

.contactbnr {
	width: 350px;
	margin-top: 1em;
}

/* よくあるご質問--------------------------------------------------------------*/
.faq-back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/faqback_06.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	display: table;
	width: 100%;
}

.banner_ai {
	text-align: center;
}

.banner_ai img {
	width: 100%;
	max-width: 1400px;
	height: auto;
	padding: 1em;
}

.nav-tabs .nav-item .nav-link.active {
	color: #617b61;
	background-color: #fff;
}

.nav-tabs .nav-item .nav-link {
	padding: .5em 1.2em;
}

.nav-tabs .nav-item .nav-link {
	color: #2e4c05;
	background-color: #cfe565;
}

.faq_box {
	padding: .5em;
}

.faq_box a:focus, a:hover {
	text-decoration: none;
}

.barttl02 {
	margin-top: 2em;
	border-left: 7px solid #ff8a00;
	padding: 13px 13px 13px 10px;
	font-size: 20px;
	line-height: 1.4em;
	background-color: #f1f1f1;
	color: #555;
}

.que {
	font-size: 20px;
	color: #555;
	border-bottom: 1px solid #999999;
	margin-top: 1.5em;
}

.que span {
	font-weight: 500;
	padding-right: .5em;
	color: #004682;
	font-size: 22px;
}

.queicon {
	float: right;
}

.ans {
	color: #876a52;
}

.ans span {
	font-size: 20px;
	padding-right: .5em;
	font-weight: 500;
	color: #d9534f;
}

@media (max-width: 767px) {
	.que {
		font-size: 17px;
	}

	.que span {
		font-size: 18px;
	}

	.ans {
		font-size: 16px;
	}

	.ans span {
		font-size: 18px;
		padding-right: .5em;
		font-weight: 500;
		color: #d9534f;
	}
}
/* 料金について--------------------------------------------------------------*/
.rates-back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/reteback.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	display: table;
	width: 100%;
}

.rates_read {
	line-height: 1.9em;
	font-size: 17px;
	color: #61582f;
}

.ratettls {
	padding: .5em;
	text-align: center;
	background-color: #165E83;
	color: #fff;
	border-radius: 3px;
}

/* archive sidebar ------------------------------------------------------------*/
.sidebar .widget ul.sidebar > li a {
	padding: 0;
	font-size: 15px;
	color: #829c04;
}

ul.sidebar {
	padding-top: 0;
}

ul.sidebar > li {
	border-bottom: 0;
	margin-bottom: .5em;
}

ul.sidebar h4 {
	font-size: large;
	line-height: 1.2em;
	margin-top: 0;
}

@media (max-width: 33.9em) {
	ul.sidebar h4 {
		font-size: small;
	}
}
ul.sidebar .post_excerpt {
	font-size: small;
}

.ranking-overlay,
.widget ul.sidebar .ranking-overlay {
	height: 25px;
	width: 25px;
	padding: 0;
	background-color: #165E83;
	color: #fff;
	text-align: center;
}

/* プランページ------------------------------------------------------------*/
.plan-plice {
	font-size: 24px;
	font-weight: 500;
	color: #d9534f;
	vertical-align: bottom;
}

.plan-plice span {
	font-size: medium;
	color: #333;
}

/* .plan-cash{
	text-align: right;
	font-size: smaller;
	margin-top: -60px;
}
.plan-cash a{
color: #829c04;
} */
.planttl {
	font-size: x-large;
	line-height: 2em;
	border-left: 7px solid #d9534f;
	padding-left: .5em;
	margin-top: 1em;
}

.planttl02 {
	letter-spacing: .1em;
	border-left: 7px solid #5a775a;
	padding-left: .5em;
	margin-top: 1em;
	font-size: 18px;
	background-color: #eee;
	line-height: 2em;
}

.plan-txt {
	line-height: 1.8em;
	font-size: 17px;
	background-color: rgba(243, 231, 153, 0.33);
	padding: .5em;
	border-radius: 2px;
}

/* 日帰りプラン------------------------------------------------------------*/
.higaeri_ttl {
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","source-han-serif-japanese","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color: #617b61;
	letter-spacing: 0.1em;
	line-height: 1.4;
	padding: 1.5em 1em 0.1em 1em;
	background: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/ttl_back.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.higariplanttl {
	font-weight: 300;
	color: #617b61;
	border-left: 4px solid #617b61;
	padding-left: .5em;
	margin-top: 1em;
}

.higariplanttl span {
	line-height: 1.8em;
	font-size: 18px;
	color: #d9534f;
}

@media (max-width: 543px) {
	.higariplanttl span {
		padding-left: 0;
		display: block;
		line-height: 1.6em;
	}
}
.sty_box {
	margin-top: 2em;
	background-color: #fff;
	border-radius: 5px 5px 0 0;
}

.daystay01 {
	padding: .5em;
	background-color: #165E83;
	color: #fff;
	border-radius: 5px 5px 0 0;
	font-weight: 400;
}

.daystay01 span {
	font-size: 18px;
}

.statime {
	font-size: 22px;
	padding: .1em .5em;
	color: #fff;
	background-color: #165E83;
	border-radius: 2px;
	text-align: center;
	margin: 0 .5em;
}

.statxt {
	font-size: 20px;
}

.statime02 {
	color: #d9534f;
	font-size: 24px;
	font-weight: 500;
}

.statime03 {
	padding: 0 .5em;
	background-color: #d9534f;
	color: #fff;
	border-radius: 2px;
	margin: 0 5px;
}

.hirushoku {
	padding: 0 .5em;
	color: #fff;
	background-color: #f0ad4e;
	border-radius: 2px;
}

.yushoku {
	padding: 0 .5em;
	color: #fff;
	background-color: #617b61;
	border-radius: 2px;
}

.stashousai {
	margin-bottom: .5em;
}

@media (max-width: 543px) {
	.statxt {
		font-size: medium;
	}

	.statime02 {
		font-size: 20px;
	}
}
@media (min-width: 543px) {
	.linestay {
		border-left: 4px solid #d9534f;
		margin-bottom: 1.5em;
	}
}
.chage {
	font-size: large;
	background-color: #eee;
	padding: .5em;
}

.tablestay {
	font-size: large;
	background-color: #d9534f;
	padding: 0 .5em;
	color: #fff;
	display: block;
	text-align: center;
}

.captxt {
	margin-top: -.5em;
	background-color: #eee;
	padding: 0 .5em;
}

.captxt span {
	color: #617b61;
	float: right;
}

.red {
	color: #d60000;
}

.higaeri_back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/higaeri_back.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	display: table;
	width: 100%;
}

.tachiyori_back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/tachiyori.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	display: table;
	width: 100%;
}

.hirusubu {
	margin-bottom: 0;
	color: #d9534f;
}

.higaeri_read {
	color: #617b61;
	padding: .5em;
	line-height: 1.8em;
}

.hirugentei {
	font-size: x-large;
	color: #617b61;
}

.hiruwrap {
	line-height: 1.8em;
}

.hiruwrap span {
	color: #617b61;
}

.post_body h2 {
	position: relative;
	border: none;
	font-size: 1.25em;
	padding: 1em 1.1em;
	margin-top: 2.1em;
	margin-bottom: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #aacc42;
	color: #ffffff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03);
	line-height: 1.4em;
	font-weight: bold;
}

.post_body h2 > span {
	border: 0;
}

.post_body h3 {
	/*border-left: 4px solid #1bb4d3;*/
	border-left: 4px solid #aacc42;
	padding: .7em 0 .7em .8em;
	margin-top: 1.8em;
	font-size: 1.3em;
	font-weight: bold;
}

.post_body h4 {
	border-bottom: 3px double #D1D2D1;
	border-left: 0;
	padding: .4em .7em .3em;
	margin-top: 1.8em;
	font-size: 1.3em;
	font-weight: bold;
}

.post_body p {
	margin-bottom: 2rem;
}

/* 交通案内 ------------------------------------------------------------*/
.access-back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/09/accsesback.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	display: table;
	width: 100%;
}

.acttl img {
	width: 50px !important;
}

.acttl02 {
	text-align: center;
	color: #164375;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", source-han-serif-japanese, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 30px;
}

.acttl02 img {
	width: 70px;
}

.kikan {
	color: #617b61;
	margin-bottom: 0;
	font-size: large;
	font-weight: 500;
	border-bottom: 2px solid;
	display: block;
}

@media (max-width: 543px) {
	.acttl img {
		width: 33px;
	}

	.acttl02 {
		font-size: 23px;
	}

	.acttl02 img {
		width: 53px;
	}
}
.blred {
	background-color: #a02724;
	color: #fff;
	padding: .5rem;
	border-radius: 5px;
}

.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}


/* 八景のご紹介 ------------------------------------------------------------*/
.stuff_back {
	background: url(https://hakkei-yubara.jp/wp-content/uploads/2017/09/grilled.png);
	background-repeat: repeat;
}

.okamilink a {
	color: #fff;
	text-decoration: underline;
}

.stuffwrap {
	padding: .5em;
	background: #959f42;
	border-radius: 3px;
}

.stuffwrap img {
	border-radius: 3px;
}

.stuffwrap_txt {
	padding: .5em;
}

.namettle {
	color: #fff;
	margin-bottom: .5em;
	font-weight: 300;
	font-size: 25px;
}

.namettle span {
	font-size: 80%;
}

.stuffshoukaitxt {
	background-color: rgba(255, 255, 255, 0.47);
	padding: .5em;
	border-radius: 3px;
	line-height: 1.7em;
	color: #333;
	border: 1px solid #fff;
}

.fbIframe {
	width: 800px;
	height: 450px;
}

@media screen and (max-width: 767px) {
	.fbIframe {
		width: 100%;
		height: 300px;
	}
}
@media screen and (max-width: 479px) {
	.fbIframe {
		height: 280px;
	}
}
@media screen and (max-width: 419px) {
	.fbIframe {
		height: 220px;
	}
}
/* 周辺観光------------------------------------------------------------*/
.tour-back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/09/tourback.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	display: table;
	width: 100%;
}

.tour01 {
	color: #eb6877;
	font-weight: 400;
	border-bottom: 3px solid;
	margin-bottom: .5em;
	padding-bottom: .2em;
}

.tour01 span {
	font-weight: 600;
	font-size: 34px;
	padding-right: .5em;
}

.tourwarp {
	background-color: #eee;
	padding: 1em;
	border-radius: 5px;
}

.maishottl img {
	width: 30px !important;
	margin-right: .5em;
}

.meisho {
	color: #617b61;
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","source-han-serif-japanese","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
	padding: 5px 0 7px 0;
	line-height: 1.3;
	margin-bottom: 0;
	font-size: 1.8em;
}

.meisho span {
	line-height: 1.2;
	display: inline-block;
	border-left: 3px solid #617b61;
	padding: 0 16px;
}

@media (max-width: 543px) {
	.spem {
		margin-top: 1em;
	}
}

/*
お部屋 rooms
-----------------------------------------*/
.selectSweetRooms{
	list-style: none;
	padding: 0 0 2em;
	margin: 0;
}

.selectSweetRooms li{
	width: 50%;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.selectSweetRooms li:nth-child(odd){
	border-right: solid 1px #fff;
}


.selectSweetRooms{
	display: flex;
	flex-wrap: wrap;
}

.selectSweetRoomsLink{
	width: 50%;
	height: 320px;
	padding: 0.7em;
	box-sizing: border-box;
	transition: 0.3s;
	font-size: 2rem;
	line-height: 1;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	box-sizing: border-box;
}

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

	.selectSweetRoomsLink{
		font-size: 1.5rem;
	}

}

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

	.selectSweetRoomsLink{
		font-size: 1.4rem;
	}

}

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

	.selectSweetRoomsLink{
		font-size: 1.2rem;
		writing-mode: vertical-rl;
	}

}


.selectSweetRoomsLink:hover{
	opacity: 0.7;
}

a.selectSweetRoomsLink:link,
a.selectSweetRoomsLink:visited{
	color: #000;
}

.selectSweetRoomsLink span{
	display: inline-block;
	padding: 0.3em;
	background: rgba(255,255,255,.8)
}

.roomConceptSuite{
	background: url(./images/room/img_premium01_1920px.jpg) right top no-repeat;
	background-size: cover;
}

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

	.roomConceptSuite{
		background: url(./images/room/img_premium01_1920px.jpg) right 30% top no-repeat;
		background-size: cover;
	}

}

.roomDogFriendly{
	background: url(./images/room/img_dog_friendly01_1200px.jpg) center center no-repeat;
	background-size: cover;
}

.roomSemiSuite{
	background: url(./images/room/img_semi_suite01_1600px.jpg) center center no-repeat;
	background-size: cover;
}

.roomStandardSuite{
	background: url(./images/room/img_kodachi01_1600px.jpg) center center no-repeat;
	background-size: cover;
}




/*
コンセプトスイート concept-suite
-----------------------------------------*/
.ConceptSuiteHeader{
	background: url(/wp-content/themes/mymedia/images/img_conceptsuite01.jpg);
}


/*
八景での過ごし方 spend
-----------------------------------------*/
#travels02,
#travels03,
#travels04{
	display: none;
	opacity: 0;
}

.selectTravel{
	background: #fff;
}

.selectTravel02{
	background: #fff;
	padding: 0 0 2em;
}

.travelsBox{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}



.travelsTab,
.recruitTab{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 4em 0;
	padding: 0;
	line-height: 1.2;
	box-sizing: border-box;
}

.recruitTab{
	justify-content: center;
}


.travelsTab li,
.recruitTab li{
	position: relative;
	width: 25%;
	text-align: center;
	padding-bottom: 18px;
	box-sizing: border-box;
}

#travels01Tab{
	background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel01.png) center center no-repeat;
}
#travels02Tab{
	background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel02.png) center center no-repeat;
}
#travels03Tab{
	background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel03.png) center center no-repeat;
}
#travels04Tab{
	background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel04.png) center center no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {

	#travels01Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel01@2x.png) center center no-repeat;
		background-size: auto 210px;
	}
	#travels02Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel02@2x.png) center center no-repeat;
		background-size: auto 208px;
	}
	#travels03Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel03@2x.png) center center no-repeat;
		background-size: auto 200px;
	}
	#travels04Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel04@2x.png) center center no-repeat;
		background-size: auto 210px;
	}

}

/*.travelsTab li.active{
	background: url(/wp-content/themes/mymedia/images/common/route_tab_arrow.png) center bottom no-repeat;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {

	.travelsTab li.active{
		background: url(/wp-content/themes/mymedia/images/common/route_tab_arrow@2x.png) center bottom no-repeat;
		background-size: 34px auto;
	}

}*/


.travelsTab li a{
	display: block;
	padding: 5em 20%;
	color: #61582f;
	/*border-left: solid 1px #D7C5C4;*/
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none;
	-moz-text-shadow: 0 1px 0px #fff;
	-webkit-text-shadow: 0 1px 0px #fff;
	text-shadow: 0 1px 0px #fff;
}

.recruitTab li a{
	display: block;
	padding: 1em;
	color: #61582f;
	/*border-left: solid 1px #D7C5C4;*/
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none;
	-moz-text-shadow: 0 1px 0px #fff;
	-webkit-text-shadow: 0 1px 0px #fff;
	text-shadow: 0 1px 0px #fff;
}

.recruitTabImg{
	width: auto !important;
	height: 100px;
}

/*.travelsTab li:first-child a{
	border-left: 0;
}*/

/*#travelsTab li a:hover{
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}*/

.travelsTab li a:hover,
.recruitTab li a:hover{
	color: #91885f;
}

.travelsTab li a.active,
.recruitTab li a.active{
	background: url(/wp-content/themes/mymedia/images/common/route_tab_arrow.png) center bottom no-repeat;
}

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

	/*#travelsTab li.active{
		background-size: 26px auto;
	}*/

	.travelsTab li a,
	.recruitTab li a{
		padding: 4em 20%;
	}

	#travels01Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel01@2x.png) center center no-repeat;
		background-size: auto 160px;
	}
	#travels02Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel02@2x.png) center center no-repeat;
		background-size: auto 160px;
	}
	#travels03Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel03@2x.png) center center no-repeat;
		background-size: auto 160px;
	}
	#travels04Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel04@2x.png) center center no-repeat;
		background-size: auto 160px;
	}

	.travelsTab li a{
		font-size: 1rem;
	}

}

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

	.travelsTab li,
	.recruitTab li{
		width: 50%;
	}

	.travelsTab li a,
	.recruitTab li a{
		padding: 3em 20%;
	}

	#travels01Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel01@2x.png) center center no-repeat;
		background-size: auto 120px;
	}
	#travels02Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel02@2x.png) center center no-repeat;
		background-size: auto 120px;
	}
	#travels03Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel03@2x.png) center center no-repeat;
		background-size: auto 120px;
	}
	#travels04Tab{
		background: url(/wp-content/themes/mymedia/images/spend/img_tab_travel04@2x.png) center center no-repeat;
		background-size: auto 120px;
	}

	/*.travelsTab li:nth-child(2n-1) a{
		border-left: 0;
	}*/

}

.travelsBox > div{
	margin: 0;
	padding: 0 20px;
}

.travelsBox article{
	padding-top: 60px;
	margin-top: 60px;
	background: url(/wp-content/themes/mymedia/images/common/flow_arrow01.png) center top no-repeat;
	list-style-type: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {

	.travelsBox article{
		background: url(/wp-content/themes/mymedia/images/common/flow_arrow01@2x.png) center top no-repeat;
		background-size: 54px auto;
	}

}

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

	.travelsBox article{
		padding-top: 52px;
		margin-top: 52px;
		background: url(/wp-content/themes/mymedia/images/common/flow_arrow01@2x.png) center top no-repeat;
		background-size: 46px auto;
	}

}

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

	.travelsBox article{
		padding-top: 40px;
		margin-top: 40px;
		background-size: 36px auto;
	}

}

.travelsBox article.nextDay,
#travels01 article:first-of-type,
#travels02 article:first-of-type,
#travels03 article:first-of-type,
#travels04 article:first-of-type{
	padding: 0;
	background: none;
}

.nextDayTitle01{
	font-family: serif;
	text-align: center;
	font-size: 1.5rem;
	color: #61582f;
	background: #d4d1c3;
	line-height: 1 !important;
	padding: 0.8em !important;
	margin: 3em 0 1em;
	box-sizing: border-box;
}

.nextDayTitle01 span{
	display: block;
	font-size: 0.5em;
	padding: 0.5em 0 0;
}

.travelsBox figure{
	overflow: hidden;
}

.travelsBox figcaption{
	color: #653F33;
	font-size: 1.2em;
	padding: 2em 0 0.5em;
	font-weight: bold;
	-moz-text-shadow: 0 1px 0px #fff;
	-webkit-text-shadow: 0 1px 0px #fff;
	text-shadow: 0 1px 0px #fff;
}

/*.travelsBox figure div{
	width: 290px;
	float: left;
}*/

.travelsBox figure figcaption + div{
	margin-right: 20px;
}

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

	.travelsBox figure figcaption + div{
		margin: 0 auto 10px;
	}

	.travelsBox figure div{
		float: none;
		margin: 0 auto;
	}

}

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

	.travelsBox figure figcaption + div{
		width: 100%;
	}

	.travelsBox figure div{
		width: 100%;
	}

	.travelsBox figure img{
		width: 100%;
		height: auto;
	}

}

.travelsBox p{
	padding: 0.5em 0 1em;
	line-height: 2;
}

/*#route01,
#routeTrain01{display: block;}
#route02,
#routeTrain02{
	display: none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}*/

.trigger{
	cursor: pointer;
}

.column01{
	padding: 0 0 2em;
}

.spotImage01{
	width: 100%;
	max-width: 1200px;
}

.column02{
	display: flex;
	justify-content: space-between;
	padding: 0 0 1.5em;
}

.column02 .spotImage01{
	width: 100%;
	max-width: 550px;
}

.spotInfoBox01{
	width: 100%;
	max-width: 650px;
	padding: 0 0 0 50px;
}

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

	.spotInfoBox01{
		padding: 0 0 0 40px;
	}

}

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

	.column02{
		display: block;
	}

	.column02 > figure{
		margin: 0 auto 2em;
	}

	.column02 > figure{
		margin: 0 auto 2em;
	}

	.spotInfoBox01{
		padding: 0;
	}

}

.spotInfo01{
	margin: 0;
	padding: 0 0 0.5em;
	display: flex;
	align-items: stretch;
}

.spotInfo01 dt{
	width: 100px;
}

.spotInfo01 dt span{
	display: block;
	padding: 0.2em 0.5em;
	background: #9a871b;
	color: #fff;
	text-align: center;
	font-size: 0.9rem;
}

.spotInfo01 dd{
	padding: 0.2em 0 0.2em 1em;
}


/*****************************************

	求人情報 recruit

*****************************************/
.timeTableTitle{
	padding: 30px 0 0.5em;
	margin: 0 0 2em;
}

.timeTableImage01{
	max-width: 750px;
	height: auto;
	margin: 0 auto 1rem;
}

.mainContents01{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

/*募集要項テーブル*/
.table01{
	width: 100%;
	max-width: 920px;
	margin: 20px auto;
	border: 1px solid #8ba4cc;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5;
}

.table01 th {
	width: 150px;
	padding: 20px 10px;
	background: #61582f;
	border: 1px solid #3a370b;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.table01 td {
	padding: 20px;
	border: 1px #3a370b solid;
	vertical-align: middle;
}

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

	.table01{
		width: 100%;
		font-size: 0.9em;
		box-sizing: border-box;
		border-width: 0 1px 0 0;
	}

	.table01 th{
		width: 100px;
	}

	.table01 td{
		padding: 0.5em 1em;
	}

	.table01 ul{
		margin: 5px 0;
		padding: 0 0 0 15px
	}

}

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

	.table01{
		font-size: 0.8em;
	}

}

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


}





/* 公式HP限定特典------------------------------------------------------------*/
.tokuten-back {
	background-image: url(https://hakkei-yubara.jp/wp-content/uploads/2017/09/tokuten.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 200px;
	display: table;
	width: 100%;
}

.tokutensub {
	text-align: center;
	margin-bottom: 0;
	font-size: large;
	color: #d9534f;
}

.kannairiyou {
	margin-bottom: 0;
	font-size: large;
	border-bottom: 1px solid #555;
	color: #555;
}

/* googlemap共通 ------------------------------------------------------------*/
.gglMap {
	padding: 3em 0;
	text-align: center;
}

.gglMap a {
	display: inline-block;
	padding-left: 38px;
	background: url(https://mymedia03.link/wp-content/uploads/2017/02/pin_google_maps.png) 0 50% no-repeat;
	line-height: 32px;
	color: #4ba2cb;
}

@media (min-width: 768px) {
	.gmap iframe {
		pointer-events: none;
	}
}
/* アーカイブ ------------------------------------------------------------*/
.list-text {
	width: 100%;
	color: #829c04;
}

.plan .list-text .plan-cash {
	margin-top: 0;
}

/* imgホバー------------------------------------------------------------*/
.img-hover img:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

@media (min-width: 575px) {
	.telimg {
		padding: 1em 3em;
	}
}
/* 予約モジュール ------------------------------------------------------------*/
#search {
	text-align: center;
}

#search form {
	display: inline-block;
}

#search table {
	background-color: transparent;
}

#search select {
	margin: 0 .5em;
	padding: 1em 2em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#search input {
	margin: 0 .5em;
	padding: .8em 1.2em;
}

#search input[type=button] {
	background-color: #bbd347;
	color: #fff;
	border: none;
}

@media (max-width: 768px) {
	#search td {
		display: inline-block;
	}

	#search select {
		margin: .5em;
		padding: .5em;
	}

	#search input {
		padding: .5em;
		margin: 0;
	}

	#search select[name=room] {
		padding: .5em;
	}

	#search input[type=button] {
		padding: .5em;
	}
}
/* フッターカレンダー ------------------------------------------------------------*/
#biz_calendar {
	max-width: 300px;
}

#biz_calendar p {
	font-size: small;
	padding-left: 1em;
	display: inline-block;
	line-height: 140%;
}

#biz_calendar table.bizcal .holiday {
	background-color: #d9534f;
}

#biz_calendar table.bizcal .eventday {
	background-color: rgba(198, 232, 92, 0.7);
}

#biz_calendar p span.boxholiday {
	background-color: #d9534f;
}

#biz_calendar p span.boxeventday {
	background-color: rgba(198, 232, 92, 0.7);
}

#biz_calendar table.bizcal {
	background-color: rgba(85, 85, 85, 0.51);
}

#biz_calendar table.bizcal td {
	color: #f5f5f5;
}

#biz_calendar table.bizcal .today {
	text-decoration: none !important;
	background: rgba(255, 255, 255, 0.9);
}

#biz_calendar table.bizcal .calmonth,
#biz_calendar table.bizcal .calbtn {
	background: rgba(255, 255, 255, 0.9);
	color: #000;
}

.mainen_ttl {
	font-family: "Times New Roman",serif;
	color: #617b61;
	letter-spacing: 0.1em;
	line-height: 1.4;
	padding: 1.5em 1em 0.1em 1em;
	background: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/ttl_back.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.enacttl {
	text-align: center;
	color: #164375;
	font-family: "Times New Roman", serif;
	font-size: 30px;
}

.enacttl img {
	width: 50px;
}

.enacttl02 {
	text-align: center;
	color: #164375;
	font-family: "Times New Roman", serif;
	font-size: 30px;
}

.enacttl02 img {
	width: 70px;
}

@media (max-width: 543px) {
	.mainen_ttl {
		padding: 2em 1em 0.1em 1em;
	}

	.enacttl {
		font-size: 23px;
	}

	.enacttl img {
		width: 33px;
	}

	.enacttl02 {
		font-size: 23px;
	}

	.encttl02 img {
		width: 53px;
	}
}
.gmwd_markers_basic_title3 {
	display: none;
}

/*ヘッダーカスタム*/
.navbar.navbar-static-top {
	border: 0;
}

.navbar-brand {
	margin-right: 2rem;
}

.navbar-header .navbar-brand img {
	height: 58px !important;
}

a.navbar-brand img {
	height: 58px;
}

.navbar-toggle {
	top: 1.5rem;
}

.lang-header-md-up,
.search-form-md-up {
	display: inline-block;
}

/*div#navbar.navbar-collapse.collapsing {
	display: none;
}*/

.pull-right {
	margin-top: 1em;
}

.copys {
	text-align: center;
	font-size: small;
}

/*------------------------------------------------
トリップアドバイザーウィジット
------------------------------------------------*/
#CDSWIDEXC {
	width: 70% !important;
	box-sizing: border-box;
	margin: 10px auto !important;
}

@media screen and (max-width: 767px) {
	#CDSWIDEXC {
		width: 80% !important;
	}
}
@media screen and (max-width: 479px) {
	#CDSWIDEXC {
		width: 100% !important;
	}
}
/****************************************************************

margin/padding

****************************************************************/
/*------------------------------------------------
top
------------------------------------------------*/
.mt00 {
	margin-top: 0px !important;
}

.pt00 {
	padding-top: 0px !important;
}

.mt05 {
	margin-top: 5px !important;
}

.pt05 {
	padding-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.mt55 {
	margin-top: 55px !important;
}

.pt55 {
	padding-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.mt85 {
	margin-top: 85px !important;
}

.pt85 {
	padding-top: 85px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.pt95 {
	padding-top: 95px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.pt100 {
	padding-top: 100px !important;
}

/*------------------------------------------------
right
------------------------------------------------*/
.mr00 {
	margin-right: 0px !important;
}

.pr00 {
	padding-right: 0px !important;
}

.mr05 {
	margin-right: 5px !important;
}

.pr05 {
	padding-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.mr55 {
	margin-right: 55px !important;
}

.pr55 {
	padding-right: 55px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.mr65 {
	margin-right: 65px !important;
}

.pr65 {
	padding-right: 65px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.mr75 {
	margin-right: 75px !important;
}

.pr75 {
	padding-right: 75px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.mr85 {
	margin-right: 85px !important;
}

.pr85 {
	padding-right: 85px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.mr95 {
	margin-right: 95px !important;
}

.pr95 {
	padding-right: 95px !important;
}

.mr100 {
	margin-right: 100px !important;
}

.pr100 {
	padding-right: 100px !important;
}

/*------------------------------------------------
bottom
------------------------------------------------*/
.mb00 {
	margin-bottom: 0px !important;
}

.pb00 {
	padding-bottom: 0px !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.pb05 {
	padding-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.pb55 {
	padding-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.pb75 {
	padding-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.pb85 {
	padding-bottom: 85px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.pb95 {
	padding-bottom: 95px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

/*------------------------------------------------
left
------------------------------------------------*/
.ml00 {
	margin-left: 0px !important;
}

.pl00 {
	padding-left: 0px !important;
}

.ml05 {
	margin-left: 5px !important;
}

.pl05 {
	padding-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.ml55 {
	margin-left: 55px !important;
}

.pl55 {
	padding-left: 55px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.ml65 {
	margin-left: 65px !important;
}

.pl65 {
	padding-left: 65px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.pl75 {
	padding-left: 75px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.ml85 {
	margin-left: 85px !important;
}

.pl85 {
	padding-left: 85px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.ml95 {
	margin-left: 95px !important;
}

.pl95 {
	padding-left: 95px !important;
}

.ml100 {
	margin-left: 100px !important;
}

.pl100 {
	padding-left: 100px !important;
}

/*------------------------------------------------
all 全方位
------------------------------------------------*/
.ma00 {
	margin: 0 !important;
}

.pa00 {
	padding: 0 !important;
}

/*------------------------------------------------
センター寄せ
------------------------------------------------*/
.mc {
	margin: 0 auto;
}

/*------------------------------------------------
テキスト
------------------------------------------------*/
.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.ar {
	text-align: right;
}

/*------------------------------------------------------------
吹き出し,見出し,リンクボックス追記（2018年10月30日）
-------------------------------------------------------------*/
.balloon {
	margin-bottom: 40px;
}

.balloon figure {
	width: 80px;
	height: 80px;
}

.balloon-img-left {
	float: left;
}

.balloon-img-right {
	float: right;
}

.balloon-img-left figure {
	margin: 0 auto 0 0;
}

.balloon-img-right figure {
	margin: 0 0 0 auto;
}

.balloon img {
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 40px;
}

.balloon-img-caption {
	padding: 5px 0 0;
	white-space: nowrap;
	font-size: 12px;
}

div[class^="balloon-"] {
	padding: 10px;
	position: relative;
	border-radius: 12px;
}

div[class^="balloon-img"] {
	padding: 0;
	text-align: center;
}

div[class^="balloon-left"] {
	margin-left: 100px;
}

div[class^="balloon-right"] {
	margin-right: 100px;
}

.balloon p {
	margin: 0 0 20px;
}

.balloon p:last-child {
	margin-bottom: 0;
}

div[class^="balloon-left-"]::before,
div[class^="balloon-right-"]::before,
div[class^="balloon-left-"]::after,
div[class^="balloon-right-"]::after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	top: 12px;
}

div[class^="balloon-left-"]::before,
div[class^="balloon-left-"]::after {
	left: -20px;
}

div[class^="balloon-right-"]::before,
div[class^="balloon-right-"]::after {
	right: -20px;
}

div.balloon::after, div.balloon::before {
	clear: both;
	content: '';
	display: block;
}

/* 吹き出しの背景色 (左) */
div.balloon-left-line {
	background: #e4e8eb;
}

div.balloon-left-line::before,
div.balloon-left-line::after {
	border-right: 12px solid #e4e8eb;
}

/* 吹き出しの背景色 (右) */
div.balloon-right-line {
	background: #bef18c;
}

div.balloon-right-line::before,
div.balloon-right-line::after {
	border-left: 12px solid #bef18c;
}

/* 記事見出し変更 */
.ttl_h1 {
	font-size: 1.6rem;
	line-height: 1.25;
}

@media (max-width: 768px) {
	.ttl_h1 {
		font-size: 1.3rem;
	}
}
.post_body h2 > span {
	padding: 0 !important;
}

/* リンクボックス */
.box1 {
	position: relative;
	margin: 3em 0 2em;
	padding: 1.5em 1em;
	border: solid 3px #62c1ce;
}

.box1 .box-title {
	display: inline-block;
	position: absolute;
	top: -30px;
	left: -3px;
	height: 28px;
	padding: 0 9px;
	border-radius: 5px 5px 0 0;
	background: #62c1ce;
	color: #fff;
	font-size: 17px;
	vertical-align: middle;
	line-height: 28px;
}

.sng-box p:last-child {
	margin-bottom: 0 !important;
}

@media (min-width: 500px) and (max-width: 767px) {
	.room_half {
		width: 50%;
		float: left;
	}

	.room_half .main_btn {
		margin-right: 15px;
		margin-left: 15px;
	}

	.ohana {
		text-align: center;
	}

	.ohana img {
		width: 80% !important;
	}
}

/*bootstrapを上書き*/
@media screen and (max-width:567px){
	.row{
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}
/*------------------------------------------------------------
TOP(renewal)
-------------------------------------------------------------*/
.top-page .main-menu-01 {
	display: flex;
	justify-content: center;
}

.top-page .main-menu-01 .box {
	width: calc(100% / 3);
	min-height: 600px;
	display: flex;
	flex-direction: column;
	transition: opacity 0.3s;
}

.top-page .main-menu-01 .box:hover {
	opacity: 0.7;
}

.top-page .main-menu-01 .box h2 {
	padding: 50px 65px;
	margin-left: auto;
}

.top-page .main-menu-01 .box p {
	line-height: 1.7;
	margin: auto 0 0;
	padding: 35px 60px;
	color: #fff;
	font-size: 18px;
	background-color: rgba(43, 39, 36, 0.5);
}

.top-page .main-menu-01 .cuisine {
	background: url(./images/top/cuisine_bg.png) center no-repeat;
	background-size: cover;
}

.top-page .main-menu-01 .hot-spring {
	background: url(./images/top/hot_spring_bg.png) center no-repeat;
	background-size: cover;
}

.top-page .main-menu-01 .room {
	background: url(./images/top/room_bg.png) center no-repeat;
	background-size: cover;
}

.top-page .main-menu-02 .box {
	position: relative;
	width: calc(100% / 3 - 20px);
	min-height: 310px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s;
}

.top-page .main-menu-02 .box:hover {
	opacity: 0.7;
}

.top-page .main-menu-02 .box:before {
	content: url(./images/top/title_bg.png);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top-page .main-menu-02 .box h2 {
	font-size: 26px;
	color: #fff;
	text-align: center;
	background-color: rgba(43, 39, 36, 0.5);
	min-height: 80px;
	min-width: 230px;
	padding: 5px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	z-index: 1;
}

.top-page .main-menu-02 .guide {
	background: url(./images/top/guide_bg.png) center no-repeat;
}

.top-page .main-menu-02 .suite-room {
	background: url(./images/top/suite_room_bg.png) center no-repeat;
}

.top-page .main-menu-02 .one-day-plan {
	background: url(./images/top/one_day_plan_bg.png) center no-repeat;
}

.top-page .moment-wrap {
	background: #fff;
	padding-bottom: 1px;
	padding-top: 80px;
}

.top-page .moment {
	max-width: 1500px;
	margin: 0 auto;
}

.top-page .moment h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.top-page .moment h2 span {
	background: url(./images/top/title_bg_02.png) bottom center no-repeat;
	font-size: 30px;
	margin-top: 20px;
	padding-bottom: 30px;
}

.top-page .moment .sentence {
	text-align: center;
	margin: 40px 0 80px;
}

.top-page .moment .box {
	min-height: 500px;
	margin-bottom: 80px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.top-page .moment .support {
	background: url(./images/top/moment_bg_01.jpg) center left no-repeat;
	overflow: hidden;
}

.top-page .moment .with {
	background: url(./images/top/moment_bg_02.jpg) center right no-repeat;
}

.top-page .moment .wrap {
	position: relative;
	width: 480px;
	min-height: 260px;
	padding: 50px 30px;
	box-sizing: border-box;
	background: rgba(239, 239, 239, 0.8);
	color: #534741;
	transition: opacity 0.3s;
}

.top-page .moment .wrap:before,
.top-page .moment .wrap:after {
	position: absolute;
}

.top-page .moment .wrap:before {
	content: url(./images/top/deco_01.png);
	top: -20px;
	left: -55px;
}

.top-page .moment .wrap:after {
	content: url(./images/top/deco_02.png);
	bottom: -50px;
	right: -30px;
}

.top-page .moment .support .wrap {
	margin-right: -37%;
}

.top-page .moment .with .wrap {
	margin-left: -34%;
}

.top-page .moment h3 {
	font-size: 28px;
	margin-bottom: 15px;
}

.top-page .moment .box-sentence {
	font-size: 16px;
	margin-bottom: 0;
	line-height: 1.8;
}

.top-page .access {
	margin: 80px auto;
	max-width: 1000px;
	padding: 0 20px;
}

.top-page .access h2 {
	background: url(./images/top/title_bg_02.png) bottom center no-repeat;
	font-size: 30px;
	padding-bottom: 17px;
	margin-bottom: 30px;
	text-align: center;
}

.top-page .access .map {
	display: block;
	margin: 0 auto;
}

.top-page .access .box-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.top-page .access .box-wrap .box {
	width: calc(100% / 5 - 16px);
	background: #534741;
	min-height: 100px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 5px;
	transition: opacity 0.3s;
}

.top-page .access .box-wrap .box:hover {
	opacity: 0.7;
}

.top-page .access .box-wrap .box span {
	margin-top: 10px;
}

.top-page .other-wrap {
	background: url(./images/top/other_bg.png) center/cover no-repeat;
	min-height: 800px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.homeSunayu{
	max-width: 790px;
	margin: 0 auto;
	background: rgba(255,255,255,.9);
	padding: 4em;
	text-align: center;
	color: #61582f;
}

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

	.homeSunayu{
		padding: 2.5em 3em;
	}

	.top-page .other-wrap{
		min-height: 600px;
		background: url(./images/top/other_bg.png) left 5% bottom  /cover no-repeat;
	}

}

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

	.homeSunayu{
		padding: 1.5em 1em;
	}


}

.otherTitle01{
	font-size: 2rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #61582f;
	margin: 1.5rem;
}

.otherTitle01 span{
	display: inline-block;
	padding: 0 2rem 1rem;
	border-bottom: solid 4px #61582f;
}

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

	.otherTitle01{
		font-size: 1.7rem;
		margin: 1.2rem;
	}

}

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

	.otherTitle01{
		font-size: 1.5rem;
		margin: 1.2rem;
	}

	.otherTitle01 span{
		padding: 0 1rem 0.8rem;
	}

}

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

	.otherTitle01{
		font-size: 1.4rem;
		margin: 1rem;
	}

}


.top-page .other {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-page .other .box {
	background: #fff url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/fabric_of_squares_gray.png);
	width: calc(100% / 2 - 20px);
	min-height: 590px;
	padding: 50px 45px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	transition: opacity 0.3s;
}

.top-page .other .sentence {
	margin-bottom: 30px;
	min-height: 1.7;
}

@media (max-width: 768px) {
	body.home .top-page .fv {
		height: 100vh;
	}
	body.home .top-page .fv .contents-wrap {
		padding: 0 20px;
	}
	body.home .top-page .fv .calender {
		max-width: 90%;
		margin: 0;
/*		left: 5%;*/
		bottom: 30px;
		padding: 15px;
	}
	body.home .top-page .fv .calender .calendar__title {
		margin: 0;
		float: none;
		width: 100%;
		font-size: 18px;
		margin-bottom: 5px;
	}
	body.home .top-page .fv .calender .tel {
		width: 100%;
		float: none;
		margin: 0;
	}
	body.home .top-page .fv .calender .tel a {
		font-size: 26px;
	}
	body.home .top-page .fv .calender form {
		margin-bottom: 0;
		font-size: 14px;
	}
	/*body.home .top-page .fv .calender form .date_489ban {
		width: 100%;
	}*/
	body.home .top-page .fv .info {
		position: absolute;
		top: 20px;
		left: 20px;
	}
	body.home .top-page .fv .info img {
		width: 92px;
	}

	.top-page .main-menu-01 .box {
		width: 33.3%;
		height: 250px;
		min-height: 250px;
	}
	.top-page .main-menu-01 .box p {
		font-size: 12px;
	}
	.top-page .main-menu-01 .box h2 {
		padding: 0;
	}
	.top-page .main-menu-01 .box h2 img {
		width: 40px;
		max-width: none;
		margin: 10px 15px 0 0;
	}
	.top-page .main-menu-02 {
		padding: 20px;
	}
	.top-page .main-menu-02 .box {
		width: 100%;
		height: 180px;
		background-size: cover;
		min-height: auto;
		margin-bottom: 10px;
	}
	.top-page .main-menu-02 .box:last-child {
		margin-bottom: 0px;
	}
	.top-page .moment h2 img {
		width: 33px;
	}
	.top-page .access .box-wrap {
		margin-top: 20px;
	}
	.top-page .access .box-wrap .box {
		text-align: left;
		padding: 10px 20px;
		min-height: auto;
		display: block;
		width: calc(100% / 2 - 5px);
	}
	.top-page .access .box-wrap .box:not(:last-child) {
		margin-bottom: 10px;
	}
	.top-page .access .box-wrap .box img {
		height: 15px;
		margin-right: 15px;
	}

	.top-page .fv {
		display: flex;
		align-items: flex-end;
		justify-content: space-around;
		height: 710px;
	}

	.top-page .fv > * {
		margin-bottom: 20px;
	}

	.top-page .fv .contents-wrap {
		align-items: flex-end;
	}

	.top-page .fv .info,
	.top-page .fv .calender {
		position: static;
		margin: 0;
	}

	.top-page .fv .calender {
		padding: 10px 0 10px 10px;
		margin-right: 20px;
	}

	.top-page .fv .info {
		width: 120px;
	}

	.top-page .fv .calender h2 {
		font-size: 14px;
	}

	.top-page .fv .calender h2 img {
		width: 14px;
	}

	.top-page .fv .calender form {
		font-size: 12px;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.top-page .fv .calender .stay-date {
		margin: 0 0 3px;
		width: 100%;
	}

	.top-page .fv .calender .tel {
		margin-top: 5px;
	}

	.top-page .fv .calender .tel a {
		font-size: 20px;
	}

	.top-page .fv .calender .tel a img {
		margin: 4px 5px 0 0;
		width: 10px;
	}

	.top-page .fv .calender form input {
		width: 30px;
	}

	.top-page .fv .calender button {
		margin-top: 5px;
	}

	.top-page .main-menu-01 .box p {
		font-size: 14px;
		padding: 15px 10px;
	}

	.top-page .main-menu-02 {
		flex-direction: column;
		height: auto;
	}

	.top-page .main-menu-02 .box h2 {
		font-size: 18px;
		min-height: 70px;
		min-width: 190px;
	}

	.top-page .moment-wrap {
		padding: 40px 0 0;
	}

	.top-page .moment h2 span {
		font-size: 24px;
		padding: 0 20px 20px;
	}

	.top-page .moment .sentence {
		margin: 20px auto;
		font-size: 14px;
		max-width: 400px;
	}

	.top-page .moment .box {
		min-height: 370px;
		background-position: center !important;
		background-size: cover !important;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.top-page .moment .wrap {
		position: relative;
		margin: 0 !important;
		width: 90%;
		min-height: auto;
		padding: 20px 10px;
	}

	.top-page .moment h3 {
		font-size: 18px;
	}

	.top-page .moment .box-sentence {
		font-size: 14px;
	}

	.top-page .access {
		margin: 40px auto;
	}

	.top-page .access h2 {
		font-size: 24px;
		padding: 0 20px 20px;
	}

	.top-page .access .box-wrap {
		flex-wrap: wrap;
	}

	.top-page .other-wrap {
		padding: 40px 20px;
	}

	.top-page .other {
		flex-direction: column;
	}

	.top-page .other h3 {
		font-size: 18px;
		padding: 0 20px 20px;
		margin-bottom: 10px;
	}

	.top-page .other .sentence {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.top-page .other .box {
		width: 100%;
		min-height: auto;
		padding: 20px;
	}

	.top-page .other .box:first-child {
		margin-bottom: 20px;
	}
}

@media (max-width: 600px) {

	body.home .top-page .fv .calender{
		width: 340px;
	}

	body.home .top-page .fv .calender form .date_489ban {
		width: 100%;
	}

}

/*------------------------------------------------------------
footer(renewal)
-------------------------------------------------------------*/
.common-footer {
	background: none;
	max-width: 1000px;
	padding: 60px 20px;
	margin: 0 auto;
	box-sizing: content-box;
}

.common-footer a {
	transition: opacity 0.3s;
}

.common-footer a:hover {
	opacity: 0.7;
}

.common-footer .sns {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	margin-bottom: 60px;
}

.common-footer .sns > a {
	min-height: 70px;
	width: calc(100% / 4 - 15px);
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-weight: 600;
	color: #fff;
	word-break: break-word;
}

.common-footer .line {
	background: #00b900;
}

.common-footer .line > img {
	margin-right: 40px;
}

.common-footer .facebook {
	background: #1877f2;
}

.common-footer .facebook > img {
	margin-right: 40px;
}

.common-footer .hakkei-instagram {
	background: #2637b7;
}

.common-footer .hakkei-instagram > img {
	margin-right: 28px;
}

.common-footer .okami-instagram {
	background: #d9227b;
}

.common-footer .okami-instagram > img {
	margin-right: 27px;
}


.homeSNSList{
	list-style: none;
	display: flex;
	gap: 15px;
	padding: 0;
}

.homeSNSList img{
	width: 50px;
	height: auto;
}

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

	.homeSNSList{
		padding: 1em 0 0;
		justify-content: center;
	}

}

.page_english .homeSNSList{
	padding: 1em 0;
	justify-content: center;
}

.common-footer .main-contents,
.common-footer .main-contents > nav {
	display: flex;
	justify-content: space-between;
}

.common-footer .main-contents > nav {
	width: calc(60%);
	margin-right: 20px;
	flex-wrap: wrap;
}

.common-footer .main-contents h3 {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Noto Sans JP','Roboto',sans-serif;
	margin-bottom: 25px;
}

.common-footer .main-contents .menu-wrap {
	margin: 0 10px 20px 0;
}

.common-footer .main-contents .menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.common-footer .main-contents .menu li {
	margin-bottom: 15px;
}

.common-footer .main-contents .menu a {
	color: #534741;
}

.common-footer .main-contents .widget {
	margin-bottom: 0;
}

.footer-address {
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
}

.footer-address > img {
	width: 80px;
	margin-right: 20px;
}

.footer-address > p {
	margin: 0;
}

@media (max-width: 768px) {
	.common-footer .sns {
		flex-direction: column;
		align-items: center;
		margin-bottom: 30px;
	}

	.common-footer .sns > a:not(:last-child) {
		margin-bottom: 20px;
	}

	.common-footer .main-contents {
		flex-direction: column;
	}

	.common-footer .main-contents > nav {
		width: 100%;
	}

	.common-footer .main-contents .menu-wrap {
		margin: 0 0 20px 0;
		width: calc(50% - 10px);
	}

	.common-footer .main-contents h3,
	.common-footer .main-contents .menu {
		font-size: 14px;
	}

	.common-footer .main-contents h3 {
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 5px;
	}

	.common-footer .main-contents .menu li {
		margin-bottom: 8px;
	}

	.footer-address > p {
		font-size: 14px;
	}
}
/*------------------------------------------------------------
header(renewal)
-------------------------------------------------------------*/
.home .wrapper{
	position: relative;
}

.featureNews{
	text-align: center;
	background: #FFF0F0;
	padding: 1em;
}

.featureTitle{
	font-size: 1.6rem;
	color: #CB0F12;
}

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

	.featureTitle{
		font-size: 1.3rem;
		padding: 0 2em 0 0;
	}

}

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

	.featureTitle{
		font-size: 1.1rem;
	}

}

.featureNews02{
	text-align: center;
	background: #fffaf0;
	padding: 1em;
}

.featureTitle02{
	font-size: 1.6rem;
	color: #b9891d;
}

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

	.featureTitle02{
		font-size: 1.3rem;
		padding: 0 2em 0 0;
	}

}

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

	.featureTitle02{
		font-size: 1.1rem;
	}

}


.common-header {
	width: 100%;
	position: absolute;
	z-index: 21;
	top: 0;
}

.common-header a {
	transition: opacity 0.3s;
}

.common-header a:hover {
	opacity: 0.7;
}

.up-side-wrap{
	position: absolute;
	top: 67px;
	right: 0;
}

/*サイドバーがあるブログページでは非表示*/
.single .g-translate,
.single .contact,
.single .headerPlanLinkList{
	display: none;
}

/*サイドバーがあるブログページでは背景非表示*/
.single .up-side-wrapInfo{
	background: none;
}

.up-side-wrapInfo {
	background: rgba(226, 221, 221, 0.9);
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 500px;
	height: 120px;
	padding: 0 20px;
	margin: 0 0 0 auto;
	box-sizing: content-box;
	gap: 20px;
}

.up-side-wrap .right {
	display: flex;
	align-items: center;
	justify-content: center;
}

.common-header .contact {
	margin: -10px 15px 0 0;
	text-align: right;
	line-height: 1.2;
}

@media screen and (max-width: 1119px) {
	.common-header .contact {
		display: none;
	}
}


.common-header .contact > a {
	font-family: serif;
	font-size: 38px;
	color: #534741;
}

.common-header .contact > a > img {
	margin: -11px 8px 0 0;
	width: 15px;
}

.common-header .contact > p {
	font-size: 15px;
	margin-bottom: 0;
}

.contactTime01{
	display: block;
	font-size: 42%;
	padding: 0 0 4px;
}

.common-header .postal-code {
	margin-right: 10px;
}

.common-header .now-lang {
	background: #534741;
	width: 125px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 7px;
	color: #fff;
	font-family: serif;
	font-size: 14px;
}

.common-header .goog-te-gadget-simple {
	margin-top: 0;
}

.headerPlanLinkList{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: right;
}

@media screen and (max-width: 1119px){
	.headerPlanLinkList{
		display: none;
	}
}

.planStay,
.planDaytrip{
	display: block;
	padding: 0.6em 1em;
}

.planStay{
	background: #534741;
}

.planDaytrip{
	background: #b9644a;
}


a.planStay:link,
a.planDaytrip:link{
	color: #fff;
}

a.planStay:visited,
a.planDaytrip:visited{
	color: #fff;
}



.common-header .down-side-wrap {
	background: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/fabric_of_squares_gray.png) repeat;
	width: 100%;
}

@media screen and (max-width: 1330px){
	.down-side-wrap{
		font-size: 90%;
	}
}

.common-header .down-side {
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 20px 0 220px;
	box-sizing: content-box;
	background: url(./images/common/cropped-logohead.png) left center no-repeat;
	background-size: 200px auto;
}

@media screen and (max-width: 1260px){
	.common-header .down-side {
		padding: 0 20px 0 170px;
	}
}

@media screen and (max-width: 1119px) {
	.common-header .down-side {
		background-position: center top 20px;
	}
}

@media screen and (max-width: 479px) {
	.common-header .down-side {
		background-size: 150px auto;
		background-position: center top 15px;
	}
}


.common-header .down-side a,
.common-header .down-side span {
	color: #534741;
	font-family: serif;
}

.common-header .down-side ul {
	list-style-type: none;
}

.common-header .down-side li {
	position: relative;
}

.common-header .lv-1 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	margin: 0;
	padding-left: 0;
}
/*
@media screen and (max-width: 1260px){
	.common-header .lv-1{
		justify-content: left;
	}
}*/

.common-header .lv-1 > li > a,
.common-header .lv-1 > li > label > span {
	display: inline-block;
	font-size: 18px;
	padding: 20px 0;
}

.common-header .lv-2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	padding: 5px 20px;
	white-space: nowrap;
}

.common-header .lv-2 > li {
	font-size: 16px;
	padding: 15px 0;
}

.common-header .lv-2 > li:not(:last-child) {
	border-bottom: 1px solid #dadada;
}

.common-header .nav-switch-wrap {
	background: #544741;
	/*padding: 8px;*/
	padding: 20px 12px 8px 12px;
	display: none;
	position: relative;
	position: fixed;
	right: 0;
	top: 0;
}

.common-header .nav-switch {
	height: 22px;
	width: 24px;
	cursor: pointer;
	position: relative;
	margin-left: auto;
	display: block;
}

.common-header .nav-switch span,
.common-header .nav-switch:before,
.common-header .nav-switch:after {
	height: 3px;
	border-radius: 3px;
	background-color: #fff;
	display: block;
	width: 100%;
	position: absolute;
}

.common-header .nav-switch:before,
.common-header .nav-switch:after {
	content: '';
	position: absolute;
	transition: .2s;
}

.common-header .nav-switch:before {
	bottom: 0;
}

.common-header .nav-switch:after {
	top: 0;
}

.common-header .nav-switch span {
	margin-top: 9px;
}

.navText {
	position: absolute;
	padding: 0;
	text-align: center;
	font-size: 0.7rem;
	top: 3px;
	left: 20%;
	color: #fff;
	font-family: 'Cardo', serif;
	font-weight: bold;
}


.common-header #headerMenuSp {
	display: none;
}

.common-header #headerMenuSp:checked + .up-side-wrap .nav-switch:before,
.common-header #headerMenuSp:checked + .up-side-wrap .nav-switch:after {
	transform-origin: 50% 50%;
	transition: .3s;
	top: 10px;
}

.common-header #headerMenuSp:checked + .up-side-wrap .nav-switch:before {
	transform: rotate(135deg);
}

.common-header #headerMenuSp:checked + .up-side-wrap .nav-switch span {
	width: 0;
}

.common-header #headerMenuSp:checked + .up-side-wrap .nav-switch:after {
	transform: rotate(-135deg);
}

.common-header .lv-1 > li > .sub-menu-sp-icon {
	display: none;
}

.common-header #subMenuCheck01,
.common-header #subMenuCheck02,
.common-header #subMenuCheck03,
.common-header #subMenuCheck04,
.common-header #subMenuCheck05{
	display: none;
}

.common-header label {
	margin: 0;
}

.common-header .search-sp {
	display: none;
}

@media (min-width: 769px) {
	.common-header .with-lv2:hover:before {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: #829c04;
		position: absolute;
		bottom: 0;
	}

	.common-header .with-lv2:hover > .lv-2 {
		display: block;
		background: url(https://hakkei-yubara.jp/wp-content/uploads/2017/08/fabric_of_squares_gray.png) repeat;
	}

	.common-header .fixedHeader {
		position: fixed;
		top: 0;
		box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.3);
	}
}

/*
ブログ関連ページ（2カラムページ）では
ヘッダーの電話番号などの部分を非表示に
*/

.archive .up-side-wrapInfo{
	display: none;
}

.archive .headerPlanLinkList{
	display: none;
}


@media (max-width: 1119px) {
	.archive .up-side-wrapInfo{
		display: block;
	}

	.common-header {
		position: fixed;
	}

	.up-side-wrap{
		top: 0;
	}

	.common-header .up-side-wrapInfo {
		background: none;
		position: relative;
		z-index: 2;
	}

	.common-header .up-side {
		padding: 0 5px;
		height: 54px;
		justify-content: flex-end;
	}

	.common-header .up-side .contact,
	.common-header .up-side .logo {
		display: none;
	}

	.common-header .g-translate {
		position: absolute;
		top: 60px;
		right: 5px;
	}

	.common-header .nav-switch-wrap {
		display: block;
	}

	.common-header .down-side {
		padding: 55px 20px 30px;
		box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.3);
		overflow-y: scroll;
	}

	.common-header .down-side ul {
		flex-direction: column;
	}

	.common-header .down-side a {
		width: 100%;
		display: inline-block;
		padding: 5px 0;
	}

	.common-header .down-side-wrap {
		position: absolute;
		top: -720px;
		transition: all 0.5s;
		z-index: 1;
	}

	.common-header .lv-1 > li {
		border-bottom: 1px solid #ddd;
		width: 100%;
	}

	.common-header .lv-1 > li > a,
	.common-header .lv-1 > li > label > span {
		font-size: 14px;
		padding: 10px 0;
	}

	#headerMenuSp:checked + .up-side-wrap + .down-side-wrap {
		top: 0;
	}

	.common-header .lv-1 > li > .sub-menu-sp-icon {
		display: inline-block;
		position: absolute;
		width: 20px;
		height: 20px;
		right: 0;
		top: 10px;
	}

	.common-header .lv-1 > li > .sub-menu-sp-icon:before,
	.common-header .lv-1 > li > .sub-menu-sp-icon:after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: '';
		width: 13px;
		height: 2px;
		background: #707070;
		transition: .3s;
	}

	.common-header .lv-1 > li > .sub-menu-sp-icon:after {
		transform: rotate(90deg);
	}

	.common-header .lv-2 {
		position: relative;
		padding: 10px 10px;
	}

	.common-header .lv-2 > li {
		font-size: 14px;
		padding: 0;
	}

	.common-header .lv-2 > li:not(:last-child) {
		border-bottom: none;
	}

	.common-header .with-lv2 label {
		width: 100%;
		position: relative;
		z-index: 1;
	}

	.common-header #subMenuCheck01:checked + label > span,
	.common-header #subMenuCheck02:checked + label > span,
	.common-header #subMenuCheck03:checked + label > span,
	.common-header #subMenuCheck04:checked + label > span,
	.common-header #subMenuCheck05:checked + label > span {
		padding-bottom: 0;
	}

	.common-header #subMenuCheck01:checked + label + span + ul,
	.common-header #subMenuCheck02:checked + label + span + ul,
	.common-header #subMenuCheck03:checked + label + span + ul,
	.common-header #subMenuCheck04:checked + label + span + ul,
	.common-header #subMenuCheck05:checked + label + span + ul {
		display: block;
	}

	.common-header .search-sp {
		display: block;
		padding-top: 10px;
	}

	.common-header .form-group {
		margin-bottom: 10px;
	}
}

.page_english .g-translate{
	display: none;
}


.videoWrapper{
	width: 100%;
	padding: 2em 1em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	gap: 1em 2em;
	flex-wrap: wrap;
}

.page_english .videoWrapper video {
	width: 30%;
	max-width: 400px;
	height: auto;
	display: block;
}

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

	.videoWrapper{
		justify-content: column;
		gap: 1em 0;
	}

	.page_english .videoWrapper video {
		width: 90%;
		max-width: 600px;
	}

}

@media (max-width: 479px) {

	.videoWrapper{
		padding: 1em 0;
	}

}

/*------------------------------------------------------------
sp-side-menu(renewal)
-------------------------------------------------------------*/
.common-sp-side-menu,
.sp-contact-modal,
#contactModal,
.black-layer {
	display: none;
}

@media (max-width: 768px) {
	.common-sp-side-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		bottom: 0;
		background: #544741;
		z-index: 10;
		width: 100%;
		transition: bottom 0.3s;
	}

	.common-sp-side-menu.hidden {
		bottom: -90px;
	}

	.common-sp-side-menu > * {
		width: calc(100% / 3);
		color: #fff !important;
		font-family: serif;
		text-align: center;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		cursor: pointer;
	}

.englishReservation,
.englishTel{
	width: 50%;
	box-sizing: border-box;
}

	.common-sp-side-menu > *:not(:last-child) {
		border-right: 1px solid #fff;
	}

	.common-sp-side-menu .tel {
		margin: 0;
	}

	.sp-contact-modal {
		display: none;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 300px;
		height: 180px;
		background: #544741;
		color: #fff;
		font-family: serif;
		z-index: 25;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 15px;
	}

	.sp-contact-modal p {
		margin: 0;
	}

	.sp-contact-modal .sentence-01 {
		font-size: 17px;
		margin-bottom: 10px;
	}

	.sp-contact-modal .sentence-02 {
		font-size: 12px;
	}

	.sp-contact-modal .sentence-02 .td {
		font-size: 16px;
		margin-left: 10px;
	}

	.sp-contact-modal .tel {
		width: 100%;
		font-size: 30px;
		background: #84756d;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 3px 0 10px 0;
	}

	.sp-contact-modal .tel > img {
		width: 20px;
		margin-right: 8px;
	}

	.sp-contact-modal .sentence-03 {
		font-size: 10px;
	}

	.black-layer {
		display: none;
		position: fixed;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 5;
		background: #000;
		opacity: 0.7;
		margin: 0;
	}

	#contactModal:checked + .sp-contact-modal {
		display: flex;
	}

	#contactModal:checked + .sp-contact-modal + .black-layer {
		display: block;
	}

	body.home .top-page .main-menu-02 {
		padding: 1px 0;
	}
	body.home .top-page .main-menu-02 .box {
		margin-bottom: 1px;
	}
	body.home .top-page .main-menu-02 .banner {
		padding: 15px 15px;
	}
	body.home .top-page .moment h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
	body.home .top-page .moment .box-sentence {
		text-align: left;
		font-size: 13px;
		line-height: 1.6em;
	}
	body.home .top-page .moment .moment__buttons {
		font-size: 14px;
		padding: 0 40px;
		line-height: 2.6em;
	}
	body.home .top-page .moment .box .wrap {
		text-align: center;
		padding: 20px 20px;
	}
	body.home .top-page .access .box-wrap .box {
		margin-bottom: 10px;
		width: 49%;
		padding: 10px 5%;
		border-radius: 5px;
	}
	body.home .top-page .access .box-wrap .box:last-child {
		margin-bottom: 0;
	}
	body.home .top-page .access .box-wrap .box span {
		width: 75%;
		text-align: center;
		display: inline-block;
		margin: 0;
	}
	body.home .top-page .access .box-wrap .box img {
		width: 15%;
		height: auto;
		margin-right: 0;
	}
	body.home .top-page .other h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.common-sp-side-menu img {
		width: auto;
		height: 15px;
		margin-bottom: 5px;
	}
	.common-sp-side-menu > * {
		font-size: 13px;
	}

	.common-footer {
		padding: 30px 20px;
	}
	.common-footer .sns {
		font-size: 12px;
		display: -webkit-flex;
		/* Safari */
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari */
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		/* Safari */
		justify-content: space-between;
		flex-direction: row;
	}
	.common-footer .sns > a {
		min-height: 0;
		margin-bottom: 10px;
		width: 49%;
		padding: 10px 5%;
		border-radius: 5px;
	}
	.common-footer .sns > a:not(:last-child) {
		margin-bottom: 10px;
	}
	.common-footer .sns > a:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.common-footer .sns > a > span {
		width: 85%;
		text-align: center;
	}
	.common-footer .sns .line > img, .common-footer .sns .facebook > img, .common-footer .sns .hakkei-instagram > img, .common-footer .sns .okami-instagram > img {
		width: 15%;
		height: auto;
		margin-right: 15px;
	}

	#biz_calendar {
		width: 100%;
		max-width: none;
	}
	#biz_calendar p {
		padding-left: 0;
	}

	.footer-address {
		padding: 20px 15px;
	}
	.footer-address > img {
		width: 60px;
	}

	br.sp {
		display: inline !important;
	}

	.visible-sp-block {
		display: block !important;
	}

	.visible-sp-inline {
		display: inline !important;
	}

	/* オーバーライドされないようにこの位置 */
	.hidden-sp {
		display: none;
	}
}


/* Englishページリニューアル時追加　2023.05.18 */
body.page_english {
	padding-top: 0;
}
.page_english .up-side-wrap {
	display: none;
}

@media (max-width: 1119px) {

	.page_english .up-side-wrap {
		display: block;
	}
}
.page_english .common-header .down-side-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	margin: 0 auto;
	padding: 0 20px 0;
	box-sizing: content-box;
	background: rgba(0, 0, 0, 0.5);
	width: auto;
}


@media (min-width: 769px) {

	.page_english .common-header .down-side-wrap.fixedHeader {
		left: 0;
		right: 0;
		box-shadow: none;
	}
}

.page_english .common-header .down-side a {
	color: #ffffff;
}
.page_english .common-header .down-side a,
.page_english .common-header .down-side span {
    font-family: inherit;
}
.page_english .common-header .down-side-wrap .lv-1 > li > a,
.page_english .common-header .down-side-wrap .lv-1 > li > label > span {
	margin: 0 .9rem;

}
.page_english .common-header .down-side-wrap .right {
	padding-right: 20px;
}
.page_english .common-header .down-side-wrap .contact {
	text-align: right;
}
.page_english .common-header .down-side-wrap .contact > a > img {
	margin: -4px 8px 0 0;
	width: 20px;
}
.page_english .common-header .down-side-wrap .contact > a {
	font-size: 23px;
	color: #ffffff;
}
.page_english .common-header .down-side-wrap .contactTime01 {
	font-size: 52.2%;
}

@media (max-width: 1119px) {

	.page_english .common-header .down-side a {
		color: #333333;
	}
	.page_english .down-side-wrap .logo,
	.down-side-wrap .right {
		display: none;
	}
	.page_english .common-header .down-side-wrap {
		display: block;
		width: 100%;
		padding: 0;
	}
	.page_english .common-header .down-side-wrap .down-side {
		background: url(./images/english/en-bk.jpg);
		background-size: cover;
		background-position: center;
	}

}

/* Welcome to Hakkei */

body.page_english p {
	line-height: 1.88;
}
body.page_english #container {
	color: #333333;
	background-color: #ffffff;
}

.englishFooter{
	background: #fff url(./images/common/fabric_of_squares_gray.png) !important;
}

.en-cotainer {
	padding: 6rem 0;
}
.en-full {
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
}
.en-bk-gray {
	background: url(./images/english/en-bk.jpg);
	background-size: cover;
	background-position: center;
}
.mainen_ttl.en {
	color: #54917F;
	font-family: "Times New Roman",serif;
	letter-spacing: -0.009em;
	line-height: 1.4;
	padding: 0 1em 0.1em 1em;
	margin-bottom: 3rem;
	text-align: center;
	background: linear-gradient(90deg, #54917F 0% 50%, #E6E6E6 50%);
	background-repeat: no-repeat;
	background-size: 300px 2px;
	background-position: bottom;
}
.en-welcome-box .mainen_ttl.en {
	padding: 0 0.5em 0.1em;
}
.en-welcome-box {
	position: relative;
	display: flex;
	align-items: center;
}
.en-welcome-box .en-img-box {
	width: 57.3%;
}
.en-welcome-box .box {
    position: static;
    width: 35%;
	max-width: 580px;
	margin: 0 0 0 -4%;
	padding: 50px;
    box-sizing: border-box;
    background: #ffffff;
}
.en-welcome-box .box p {
	margin-bottom: 0;
}

.page_english .videoWrapper video {
	width: 480px;
	height: auto;
}

.videoWrapper02 video {
	width: 100%;
	height: auto;
}

@media (max-width: 1499px) {

	.en-welcome-box {
		align-items: flex-start;
	}
	.en-welcome-box .box {
		margin: 10% 0 0 -4%;
	}

}
@media (max-width: 1199px) {

	.en-welcome-box .en-img-box {
		width: 80%;
	}
	.en-welcome-box .box {
		width: 80%;
		max-width: 880px;
		margin: 45% 0 0 -50%;
	}
	.page_english .videoWrapper video {
		width: 45%;
		max-width: 400px;
	}

}

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

	.page_english .videoWrapper video {
		width: 90%;
		max-width: 600px;
	}

}

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

	.en-cotainer {
		padding: 3rem 20px;
	}

}

@media (max-width: 479px) {

	.en-welcome-box {
		flex-flow: column-reverse;
	}
	.en-welcome-box .en-img-box {
		width: 100%;
	}
	.en-welcome-box .box {
		width: 100%;
		margin: 0;
		padding: 30px;
	}

}

/* voice */
body.page_english .wptripadvisor_t1_outer_div {
	display: flex;
	align-items: stretch;
	padding-bottom: 10px;
}

body.page_english #wprev-slider-1 .wprev_preview_bg1_T1 {
    background: #ffffff;
}
body.page_english #wprev-slider-1 .wprev_preview_bg1_T1::after {
	border-top: none;
}
body.page_english #wprev-slider-1 .wprev_preview_bradius_T1 {
    border-radius: 0;
	border: none;
}
body.page_english .wptripadvisor_t1_DIV_2 {
	box-shadow: none;
	padding: 20px 20px 20px 20px
}
body.page_english .wptripadvisor_t1_DIV_2:before {
	display: none;
}
body.page_english .w3_wprs-row-padding>.w3_wprs-col {
	border: 1px solid #E6E6E6;
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}
body.page_english .w3_wprs-row-padding>.w3_wprs-col:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;/*線の上下位置*/
	display: inline-block;
	width: calc(100% - 10px);/*線の長さ*/
	height: 10px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000000;/*線の色*/
	opacity: 0.05;
}
body.page_english .wptripadvisor_star_imgs_T1,
body.page_english img.wptripadvisor_t1_tripadvisor_logo {
	display: none;
}
body.page_english .wptripadvisor_t1_SPAN_5 {
	padding: 8px 0 20px 20px;
}
body.page_english .wprs_unslider ul {
	display: flex;
	justify-content: space-between;
}
body.page_english .wprs_unslider-arrow {
	width: 23px;
    height: 80px;
    background: rgba(30,30,30,0) no-repeat 58% 51%;
    background-image: url(images/slider_arrow-re.png);
    background-size: 23px 80px;
    border-radius:0;
    opacity: .6;
    transition: opacity .2s;
	margin-top: -67px;
}

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

	body.page_english .wptripadvisor_t1_outer_div {
		display: block;
	}
	body.page_english .w3_wprs-row-padding>.w3_wprs-col {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 993px) {

	body.page_english .w3_wprs-col.l4,
	body.page_english .w3_wprs-third {
		width: 29.3333%;
		margin: 0 2%;
}

}

/* Introduction video */
body.page_english .inner_content {
	width: 100%;
}
.intro-wrap {
	display: flex;
	justify-content: space-between;
}
.intro-wrap .movieContainer {
	width: 47.2%;
}

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

	.intro-wrap {
		display: block;
	}
	.intro-wrap .movieContainer {
		width: 100%;
	}

}

/* Cuisine */
.en-menu-wrap {
	position: relative;
	margin-bottom: 3rem;
}
.en-menu-box {
	width: 100%;
	position: relative;
	display: flex;
}
.menu-inner-box {
	position: absolute;
	max-width: 540px;
	padding: 35px 50px calc(50px - 1.5rem);
    box-sizing: border-box;
    background: #ffffff;
}

.en-menu-box.menu01 {
	z-index: 100;
}
.en-menu-box.menu01 .menu-inner-box {
	bottom: -9%;
    right: 16.5%;
}

@media (max-width: 1550px) {

	.en-menu-box.menu01 .menu-inner-box {
		bottom: -15%;
		right: 3%;
	}
}

@media (max-width: 1119px) {

	.en-menu-box.menu01 {
		position: inherit;
		flex-direction: column;
		margin-top: 0;
	}
	.en-menu-box.menu01 .en-img-box {
		width: 100%;
	}
	.en-menu-box.menu01 .menu-inner-box {
		position: static;
		max-width: 70%;
		margin: 0 auto;
	}
}
@media (max-width: 900px) {

	.en-menu-box.menu01 .menu-inner-box {
		max-width: 90%;
	}
}

@media (max-width: 767px) {

	.en-menu-box.menu01 {
		z-index: 0;
	}

}

@media (max-width: 479px) {

	.en-menu-box .menu-inner-box {
		max-width: 100%;
		padding: 35px 30px calc(50px - 1.5rem);
	}
	.en-menu-box.menu01 .menu-inner-box {
		max-width: 100%;
	}

}

.en-menu-box.menu02 {
	z-index: 10;
	margin-top: 3rem;
}
.en-menu-box.menu02 .en-img-box {
	padding-left: 42.7%;
}
.en-menu-box.menu02 .menu-inner-box {
	max-width: 580px;
	top: 18%;
    left: 17%;
}

@media (max-width: 1550px) {

	.en-menu-box.menu02 {
		position: inherit;
		flex-direction: row-reverse;
	}
	.en-menu-box.menu02 .en-img-box {
		width: 50%;
		padding-left: 0;
	}
	.en-menu-box.menu02 .menu-inner-box {
		position: static;
		max-width: 50%;
		margin-top: 10%;
		margin-right: -4%;
		z-index: 100;
	}

}
@media (max-width: 991px) {

	.en-menu-box.menu02 {
		flex-direction: column;
	}
	.en-menu-box.menu02 .en-img-box {
		width: 80%;
	}
	.en-menu-box.menu02 .menu-inner-box {
		max-width: 70%;
		margin-top: -5%;
		margin-left: 30%;
	}

}

@media (max-width: 767px) {

	.en-menu-box.menu02 {
		z-index: 0;
	}

}

@media (max-width: 680px) {

	.en-menu-box.menu02 .menu-inner-box {
		max-width: 80%;
		margin-left: 20%;
	}

}

@media (max-width: 479px) {

	.en-menu-box.menu02 .en-img-box {
		width: 100%;
	}
.en-menu-box.menu02 .menu-inner-box {
		max-width: 100%;
		margin-left: 0%;
		margin-top: 0;
	}

}

.en-menu-box.menu03 {
	z-index: 5;
	margin-top: 3rem;
}
.en-menu-box.menu03 .en-img-box {
	padding-right: 42.7%;
}
.en-menu-box.menu03 .menu-inner-box {
	top: 28%;
    right: 16.5%;
}

@media (max-width: 1400px) {

	.en-menu-box.menu03 {
		flex-direction: column;
		align-items: flex-end;
	}
	.en-menu-box.menu03 .en-img-box {
		width: 80%;
		padding-right: 0;
	}
	.en-menu-box.menu03 .menu-inner-box {
		position: static;
		max-width: 70%;
		margin-top: -5%;
		margin-right: 30%;
	}

}

@media (max-width: 680px) {

	.en-menu-box.menu03 .menu-inner-box {
		max-width: 80%;
		margin-right: 20%;
	}

}

@media (max-width: 479px) {

	.en-menu-box.menu03 .en-img-box {
		width: 100%;
	}
.en-menu-box.menu03 .menu-inner-box {
		max-width: 100%;
		margin-right: 0%;
		margin-top: 0;
	}

}

.en-menu-lead {
	font-family: "Times New Roman",serif;
	font-size: 2.19rem;
	color: #808080;
	border-bottom: 1px solid #808080;
	margin-bottom: 1rem;
}
body.page_english .en-menu-lead p {
	line-height: 1.4;
	margin-bottom: 0;
}
.en-chef-wrap {
	background-color: #000;
	color: #ffffff;
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 3rem;
}
.en-chef-wrap .en-img-box {
	width: 44.9%;
}
.en-chef-box {
	max-width: 640px;
	padding-right: 5rem;
}
.en-chef-box p:last-child {
	margin-bottom: 0;
}
.en-main_read {
	color: #333333;
	margin-bottom: 4.69rem;
}

@media (max-width: 767px) {

	body.page_english #container .en-menu-lead p {
		font-size: inherit;
	}

}

@media (max-width: 575.98px) {

	.en-menu-lead {
		font-size: 2rem;
	}

}


/* Hot Spring */
#n2-ss-133 {
	margin-top: 4.37rem;
}

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

	div#n2-ss-133 .n2-font-3c5ab01046991d579ad7347e826b1aac-hover,
	div#n2-ss-135 .n2-font-4e3bd42c6fced9b61864d4bfe6902fd3-hover,
	div#n2-ss-135 .n2-font-3c5ab01046991d579ad7347e826b1aac-hover,
	div#n2-ss-135 .n2-font-3c5ab01046991d579ad7347e826b1aac-hover,
	div#n2-ss-135 .n2-font-3c5ab01046991d579ad7347e826b1aac-hover {
		font-size: 90% !important;
	}

}
.hot-spring-slide02 {
	margin-top: 40px !important;
}
#n2-ss-133 .n2-ss-item-caption,
#n2-ss-135 .n2-ss-item-caption {
	overflow: visible !important;
}
#n2-ss-133item1,
#n2-ss-133item4,
#n2-ss-133item5,
#n2-ss-135item1,
#n2-ss-135item3,
#n2-ss-135item5,
#n2-ss-135item7 {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}
#n2-ss-133item1:before,
#n2-ss-133item4:before,
#n2-ss-133item5:before,
#n2-ss-135item1:before,
#n2-ss-135item3:before,
#n2-ss-135item5:before,
#n2-ss-135item7:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;/*線の上下位置*/
	display: inline-block;
	width: calc(100% - 20px);/*線の長さ*/
	height: 10px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000000;/*線の色*/
	opacity: 0.1;
}
.hotspring-name span {
	border-bottom: 1px solid #ffffff;
	display: inherit;
}

/* Room */
#n2-ss-134 {
	margin-top: 4.4rem;
}
.n2-ss-slider .n2-ss-item-image-content img#n2-ss-134item2 {
	float: right;
}
.n2-ss-slider .n2-ss-item-image-content img#n2-ss-134item3 {
	float: left;
}

/* Access */
.map-re {
	padding: 0 5.62rem;
}
.re-enacttl02 {
	font-family: inherit;
	color: #ffffff;
	background-color: #54917F;
	margin-top: calc(100px - 1rem);
	margin-bottom: 3rem;
	padding: 2px 0;
}
.airport-wrap {
	border: 2px solid #54917F;
	padding: 35px 5.62rem;
	margin-top: calc(70px - 1rem);
}
.airport-wrap .barttl02 {
	font-family: inherit;
	border: none;
	background: linear-gradient(90deg, #54917F 0% 300px, #E6E6E6 300px);
	background-repeat: no-repeat;
	background-size: 100% 1px;
	background-position: bottom;
	font-size: 22px;
	background-color: inherit;
	margin: 0;
	padding: 0;
}
.airport-wrap ul.detail {
	margin-left: -9px;
	margin-top: 25px;
}
.airport-wrap ul.detail > li:before {
    margin-left: -2em;
    color: #54917F;
}
.airport-wrap .main_btn {
	margin: 20px 0 10px 0;
}
.airport-wrap .btn_style {
	color: #54917F;
	background: none;
	border: 1px solid #54917F;
	padding: 10px;
	position: relative;
	display: inline-block;
}
.airport-wrap .btn_style:before {
	content: '';
	position: absolute;
	left: 22px;
	top: 50%;/*線の上下位置*/
	display: inline-block;
	width: 15px;/*線の長さ*/
	height: 1px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #54917F;/*線の色*/
}
.airport-wrap .btn_style:hover {
	color: #ffffff;
	background-color: #54917F;
	border: 1px solid #54917F;
}
.airport-wrap .btn_style:hover:before {
	background-color: #ffffff;
}
.airport-wrap .blred {
	color: #C1272D;
	background-color: inherit;
}

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

	.airport-wrap {
		padding: 35px 2rem;
	}

}

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

.map-re {
	padding: 0 2rem;
}

}

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

	.map-re {
		padding: 0;
	}
	.airport-wrap {
		padding: 20px 1rem;
	}

}

/* footer */
body.page_english .top60 {
	display: none;/*テスト用最終削除css&php*/
}
body.page_english .f-none {
	display: none;
}
body.page_english .sns span {
	display: none;
}

body.page_english .common-footer .sns {
	flex-wrap: wrap;
	margin-bottom: 20px;
}
body.page_english .common-footer .sns > a {
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	border-radius: 0;
	padding: 0;
}

/*トリップアドバイザーウィジェットの画像が勝手に幅100％にされるのを否定*/
body.page_english #container img:not(.wptripadvisor_t1_tripadvisor_logo):not(.wptripadvisor_t1_star_img_file) {
	width: auto;
}

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

	body.page_english .common-footer .sns > a {
		width: calc(100% / 2 - 15px);
		margin-bottom: 20px;
		min-height: 70px;
	}

}
@media (min-width: 769px) {

	body.page_english .common-footer .sns img {
		height: 26px;
	}

}
@media (max-width: 768px) {
	.common-footer .sns .line > img,
	.common-footer .sns .facebook > img,
	.common-footer .sns .hakkei-instagram > img,
	.common-footer .sns .okami-instagram > img {
		width: 80%;
		max-width: 192px;
		height: auto;
	}
}
body.page_english .common-footer .sns > a:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -5px;/*線の上下位置*/
	display: inline-block;
	width: calc(100% - 10px);/*線の長さ*/
	height: 5px;/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);/*位置調整*/
	background-color: #000000;/*線の色*/
	opacity: 0.1;
}
body.page_english .common-footer .line > img,
body.page_english .common-footer .facebook > img ,
body.page_english .common-footer .hakkei-instagram > img,
body.page_english .common-footer .okami-instagram > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
body.page_english .footerBannerList {
	justify-content: space-between;
	margin-bottom: 3rem;
}

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

	body.page_english .footerBannerList {
		justify-content: space-around;
	}
}
@media only screen and (min-width: 992px) {

body.page_english .footerBannerList img {
	width: 460px;
	max-width: 460px;
}

}

body.page_english .common-footer.en-footer-re {
	max-width: 100%;
	padding: 0;
}
body.page_english .common-footer .main-contents > nav {
	flex-wrap: inherit;
}
body.page_english .common-footer .main-contents .menu-wrap {
	width: 300px;
	margin: 0 30px 20px 0;
}
body.page_english .common-footer .main-contents .menu-wrap h3 {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 25px;
	margin-bottom: 20px;
}
body.page_english .common-footer .main-contents .menu {
	margin-bottom: 40px;
}
body.page_english .common-footer .main-contents .menu li {
    margin-bottom: 12px;
}
body.page_english .common-footer .main-contents .menu a {
	color: #333333;
}
body.page_english .footer-address {
	background-color: #54917F;
	padding: 5px 20px;
	color: #ffffff;
	font-size: 12px;
}

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

	body.page_english .common-footer .main-contents > nav {
		margin-left: 20px;
	}
	body.page_english .common-footer .main-contents nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	body.page_english .common-footer .main-contents .menu-wrap {
		width: 130px;
		margin: 0 30px 20px 0;
	}

}

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

	body.page_english .common-footer .main-contents > nav {
		margin-left: 0;
	}

}

/* move */
/*アニメーション要素のスタイル*/
.animation{
	opacity : 0;
	visibility: hidden;
	transition: 1.5s;
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
	opacity: 1;
	visibility: visible;
}
/*時間差 welcome*/
.en-welcome-box > div.en-img-box.active {
	transition-delay: 0;
  }
.en-welcome-box > div.box.active {
	transition-delay: 0.5s;
  }

/*時間差 Cuisine*/
.en-menu-wrap > .menu01 .en-img-box.active {
	transition-delay: 0;
  }
  .en-menu-wrap > .menu01 .menu-inner-box.active {
	transition-delay: 0.3s;
  }
.en-menu-wrap > .menu02 .en-img-box.active {
	transition-delay: 0.6s;
  }
  .en-menu-wrap > .menu02 .menu-inner-box.active {
	transition-delay: 0.9s;
  }
.en-menu-wrap > .menu03 .en-img-box.active {
	transition-delay: 0.3s;
  }
  .en-menu-wrap > .menu03 .menu-inner-box.active {
	transition-delay: 0.6s;
  }

/*
館内・基本情報
--------------------------------*/
.creditCardList01{
	list-style: none;
	padding: 0;
	margin: 0;
}

.creditCardList01 li{
	padding: 0 5px 5px;
	margin: 0;
	display: inline-block;
}

.creditCardList01 li img{
	width: 100%;
	height: 36px;
}

/*
DOGGYS HAKKEI
--------------------------------*/

/* header */
body.page-id-8887 {
	background-image: none;
	padding-top: 67px;
	color: #000;
}

@media (max-width: 1119px) {

	body.page-id-8887 {
		padding-top: 0;
	}

}

.page-id-8887 .common-header,
.page-id-8887 .common-side-menu,
.page-id-8887 .full_content.test-en-re,
.page-id-8887 .container.test-en-re,
.page-id-8887 .common-footer,
.page-id-8887 .footer-address,
.page-id-8887 .common-sp-side-menu {
	display: none;
}
.page-id-8887 .common-header.doggys {
	display: block;
}
.page-id-8887 .common-header .down-side-wrap {
	background: #ffffff;
}
.page-id-8887 .common-header .down-side a, .common-header .down-side {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 400;
}
.page-id-8887 .common-header .down-side {
	padding-left: 39px;
	background: url(images/doggys/doggys-logo.png) left center no-repeat;
	background-size: 43px 39px;
}
.page-id-8887 .common-header .down-side a, .common-header .down-side span {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 400;
}
.page-id-8887 #head-content div {
	opacity: 1.0;
}
.page-id-8887 #head-content:before {
    padding-bottom: 33%;
}
.page-id-8887 #container {
	color: #000;
}

/* bg */
.page-id-8887 .bg-org  {
	background-color: #FC9743;
	padding-top: 3rem !important;
}
.page-id-8887 .bg-whi  {
	background-color: #FFFFFF;
}
.page-id-8887 .full_content {
	margin-top: 0;
	padding-top: 3rem;
	padding-bottom: 4.5rem;
}

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

	.page-id-8887 .full_content {
		padding-top: 2rem;
		padding-bottom: 2.5rem;
	}

}

.page-id-8887 .doggys-inner {
	max-width: 960px;
	margin: 0 auto;
}

@media (max-width: 1119px) {

	.page-id-8887 .doggys-inner {
		padding: 0 2rem;
	}

}

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

	.page-id-8887 .bg-org  {
		padding-top: 0.1rem !important;
	}

	.page-id-8887 .doggys-inner {
		padding: 0 1rem;
	}

}




/* txt */
.page-id-8887 .t-whi,
.page-id-8887 .main_ttl.t-whi {
	color: #FFFFFF;
}
.page-id-8887 .t-left {
	text-align: left;
}

/* link */
.page-id-8887 .anchor {
	padding-top: 67px;
	margin-top: -67px;
}

/* ttl */
.page-id-8887 .main_ttl {
	color: #FB7504;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	font-size: 24px;
	background-image: none;
}

.page-id-8887 .main_ttl02 {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	font-size: 34px;
	letter-spacing: normal;
	background-image: url(images/doggys/ttl-mark.png);
	background-repeat: no-repeat;
	background-size: 31px 27px;
	background-position: top 20px center;
	padding-bottom: 0;
	margin-bottom: 0;
}

.page-id-8887 .main_ttl02 span {
	display: block;
	font-family: inherit;
	color: #FCBA82;
	font-size: 18px;
}

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

	.page-id-8887 .main_ttl02 {
		background-position: top 10px center;
		font-size: 28px;
	}

}

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

	.page-id-8887 .main_ttl {
		font-size: 20px;
		padding: 1em 1em 0.5em 1em;
	}
	.page-id-8887 .main_ttl02 {
		font-size: 24px;
	}
	.page-id-8887 .main_ttl02 span {
		font-size: 14px;
	}

}



.page-id-8887 .menu-ttl {
	font-size: 34px;
	color: #FB7504;
	letter-spacing: normal;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 5rem;
}

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

	.page-id-8887 .menu-ttl {
		font-size: 28px;
		padding-top: 3rem;
	}

}

.page-id-8887 .menu-ttl::before,
.page-id-8887 .menu-ttl::after {
	content: '';
	width: 15px;
	height: 2px;
	background-color: #FB7504;
}
.page-id-8887 .menu-ttl::before {
	margin-right: 15px;
}
.page-id-8887 .menu-ttl::after {
	margin-left: 15px;
}
.page-id-8887 .menu-sub-ttl {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 18px;
	margin-bottom: 3rem;
}
.page-id-8887 .menu-ttl02 {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 26px;
	letter-spacing: normal;
	line-height: 1;
	padding-top: 7.5rem;
	padding-bottom: 8px;
	border-bottom: 1px solid #FB7504;
	display: table;
	margin: 0 auto 3rem;
}

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

	.page-id-8887 .menu-sub-ttl {
		margin-bottom: 2rem;
	}
	.page-id-8887 .menu-ttl02 {
		font-size: 22px;
		padding-top: 5rem;
		margin: 0 auto 2rem;
	}

}

/* btn */
.page-id-8887 .btn-wrap {
	display: flex;
	justify-content: center;
}
.page-id-8887 .btn-doggys {
	background-color: #FB7504;
}
.page-id-8887 .btn-doggys02 {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 20px;
	color: #000000;
	border: 2px solid #FB7504;
	background-color: #ffffff;
	padding: 10px 65px;
}

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

	.page-id-8887 .btn-doggys02 {
		width: 100%;
		font-size: 18px;
		padding: 10px 30px;
		margin: 0;
	}

}

.page-id-8887 .btn-wrap02 {
	display: flex;
	flex-flow: column;
	margin-top: 4rem !important;
	padding-bottom: 3rem;
}
.page-id-8887 .btn-wrap02.pdt5 {
	padding-top: 5rem;
}
.page-id-8887 .btn-doggys03 {
	width: 100%;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	background-color: #FB7504;
	height: 122px;
	padding: 10px 65px;
	margin: 10px 0 2rem;

}
.page-id-8887 .btn-doggys03.doggys-tel {
	font-size: 20px;
}
.page-id-8887 .btn-doggys03.doggys-tel span {
	display: block;
	font-size: 50px;
	font-weight: 500;
}
.page-id-8887 .btn-doggys03.doggys-tel span::before {
	content: '';
	background-image: url(images/doggys/img-tel.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	width: 40px;
	height: 51px;
	vertical-align: middle;
}
.page-id-8887 .btn-doggys03.doggys-line {
	font-size: 30px;
	height: 122px;
	padding: 37px 65px;
}

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

	.page-id-8887 .btn-doggys03 {
		height: 110px;
		padding: 10px 10px;
		margin: 10px 0 2rem;
	}
	.page-id-8887 .btn-doggys03.doggys-tel {
		font-size: 18px;
	}
	.page-id-8887 .btn-doggys03.doggys-tel span {
		font-size: 40px;
	}
	.page-id-8887 .btn-doggys03.doggys-tel span::before {
		width: 36px;
		height: 44px;
	}
	.page-id-8887 .btn-doggys03.doggys-line {
		font-size: 24px;
		height: 110px;
	}

}

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

	.page-id-8887 .btn-doggys03 {
		height: 100px;
		padding: 10px 10px;
	}
	.page-id-8887 .btn-doggys03.doggys-tel span {
		font-size: 26px;
	}
	.page-id-8887 .btn-doggys03.doggys-tel span::before {
		width: 25px;
		height: 31px;
	}
	.page-id-8887 .btn-doggys03.doggys-line {
		font-size: 20px;
		height: 100px;
		padding: 35px 30px;
	}

}

/* design */
.page-id-8887 .full_content {
	line-height: 1.8;
}
.page-id-8887 #head-content div {
	top: auto;
	left: auto;
}
.page-id-8887 #head-content {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

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

	.page-id-8887 #head-content {
		height: 366px;
	}

}

.page-id-8887 #head-content .h1-wrap {
	max-width: 322px;
	max-height: 264px;
	background-size: 247px;
	background-position: top;
	background-image: url(images/doggys/img-logo.png);
	margin-right: 5vw;
}
.page-id-8887 #head-content  .h1-wrap h1 {
	font-family: 'Noto Sans JP','Roboto',sans-serif;
	font-size: 36px;
	background-color: #FB7504;
	text-shadow: none;
	position: absolute;
	padding: 0.3rem;
	top: auto;
	bottom: 0;
	left: auto;
	transform: none;
	border-radius: 3px;
}

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

	.page-id-8887 #head-content .h1-wrap {
		max-width: 240px;
		max-height: 221px;
		background-size: 207px;
	}
	.page-id-8887 #head-content  .h1-wrap h1 {
		font-size: 26px;
	}

}

.page-id-8887 .doggys-info {
	background-color: #FFFFFF;
	padding: 0.5rem 2rem 1rem;
}
.page-id-8887 dl.recent-posts {
	width: 80%;
	max-width: 960px;
	margin: 0 auto 1rem;
	display: flex;
	flex-wrap: wrap;
}

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

	.page-id-8887 dl.recent-posts {
		width: 100%;
	}

}

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

	.page-id-8887 dl.recent-posts {
		display: inline-block;
	}

}

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

	.page-id-8887 .doggys-info {
		background-color: #FFFFFF;
		padding: 0.5rem 1rem 1rem;
	}

}

.page-id-8887 dl.recent-posts dt {
	width: 15%;
	font-weight: 400;
	color: #000000;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 0.5rem;
	padding: 0 0.5rem 0.5rem;
}
.page-id-8887 dl.recent-posts dd {
	width: 85%;
	border-bottom: 1px solid #cccccc;
	padding: 0 0.5rem 0.5rem;
}

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

	.page-id-8887 dl.recent-posts dt {
		width: 100%;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.page-id-8887 dl.recent-posts dd {
		width: 100%;
		margin-bottom: 1rem;
	}

}

.page-id-8887 dl.recent-posts dd a:link,
.page-id-8887 dl.recent-posts dd a:visited,
.page-id-8887 dl.recent-posts dd a:hover,
.page-id-8887 dl.recent-posts dd a:active  {
	color: #000000;
}
.page-id-8887 .main_read {
	color: #000;
}
.page-id-8887 .bg-org .main_read {
	color: #FFF;
}
.page-id-8887 h2.main_ttl.doggys-lead {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
	letter-spacing: normal;
	padding-top: 0;
}

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

	.page-id-8887 h2.main_ttl.doggys-lead {
		font-size: 26px;
	}
	.page-id-8887 .bg-org .main_read {
	color: #FFF;
	text-align: left;
	width: 96%;
}
	.page-id-8887 h2.main_ttl.doggys-lead {
		font-size: 22px;
	}

}

.page-id-8887 .features-wrap {
	display: flex;
	justify-content: space-around;
	margin-top: 2rem;
	max-width: 960px;
    margin: 2rem auto 0;
	padding: 0 8rem;
}
.page-id-8887 .features-wrap img {
	width: 30% !important;
	max-width: 220px;
}
.page-id-8887 .features-wrap02 {
	background-color: #FFFFFF;
	padding: 2rem;
	color: #000000;
	max-width: 960px;
    margin: 4rem auto 0;
}

.page-id-8887 .features-wrap02 .sub-ttl {
	text-align: center;
	font-size: 18px;
	padding-bottom: 10px;
}
.page-id-8887 .features-wrap02 ul {
	color: #000;
	margin-bottom: 0;
	padding-left: 1.5rem;
}
.page-id-8887 .features-wrap02 ul li {
	list-style: none;
	text-indent: -1.5rem;
	margin-bottom: 0.5rem;
}
.page-id-8887 .features-wrap02 ul li:last-child {
	margin-bottom: 0;
}
.page-id-8887 .features-wrap02 ul li::before {
	content: '\f111';
	font-family: "Font Awesome 5 Free";
	color: #FB7504;
	font-weight: bold;
	margin-right: 0.5rem;
}
.page-id-8887 .bg-org .inner_content {
	color: #FFFFFF;
	margin-top: 4rem;
}

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

	.page-id-8887 .bg-org .inner_content {
		margin-top: 2rem;
	}
	.page-id-8887 .features-wrap {
		padding: 0 2rem;
	}

}

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

	.page-id-8887 .features-wrap {
		padding: 0;
	}

}

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

	.page-id-8887 .features-wrap02 {
		padding: 1rem;
		margin: 2rem auto 0;
	}
	.page-id-8887 .bg-org .inner_content {
		width: 96%;
	}

}

.page-id-8887 .txt-ttl {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 24px;
	font-weight: bold;
}

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

	.page-id-8887 .txt-ttl {
		font-size: 20px !important;
	}

}

.page-id-8887 .menu-wrap {
	max-width: 1080px;
	background-color: #ffffff;
	color: #000;
	margin: 6rem auto 0;
	text-align: center;
}

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

	.page-id-8887 .menu-wrap {
		margin: 2rem auto 0;
	}
	.page-id-8887 .menu-wrap p {
		text-align: left;
	}

}

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

	.page-id-8887 .middle_content-left,
	.page-id-8887 .middle_content-right {
		padding: 0;
		margin-top: 20px;
	}
	.page-id-8887 .middle_content-left .text,
	.page-id-8887 .middle_content-right .text {
		width: 100%;
	}

}

.page-id-8887 .menu-img {
	margin-top: 3rem;
}
.page-id-8887 .menu-inner {
	max-width: 654px;
	margin: 0 auto;
}
.page-id-8887 .room-wrap {
	display: flex;
	justify-content: space-between;
}
.page-id-8887 .room-box {
	width: 32%;
}

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

	.page-id-8887 .room-wrap {
		flex-flow: column;
	}
	.page-id-8887 .room-box {
		width: 100%;
		margin-bottom: 1rem;
	}

}

.page-id-8887 .menu-midadhi {
	text-align: left;
	font-weight: bold;
	text-indent: -1.5rem;
	margin-left: 1.5rem;
	margin-top: 6rem;
}
.page-id-8887 .menu-midadhi::before {
	content: '\f111';
	font-family: "Font Awesome 5 Free";
	color: #FB7504;
	font-weight: bold;
	margin-right: 0.5rem;
}
.page-id-8887 .menu-midadhi:first-child {
	margin-top: 0;
}
.page-id-8887 .menu-table {
	width: 100%;
	border: 1px solid #cccccc;
}
.page-id-8887 .menu-table th {
	border: 1px solid #cccccc;
	padding: 10px 20px;
	background-color: #FFEFE6;
	font-weight: normal;
	text-align: left;
}
.page-id-8887 .menu-table th.midashi {
	width: 240px;
}

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

	.page-id-8887 .menu-table th.midashi {
		width: 150px;
	}

}

.page-id-8887 .menu-table td {
	border: 1px solid #cccccc;
	padding: 10px 20px;
	text-align: left;
}
.page-id-8887 .menu-table td.menu-price {
	text-align: right;
}
.page-id-8887 .menu-table .t-center {
	text-align: center;
}
.page-id-8887 .menu-wrap ul {
	text-align: left;
	padding-left: 0;
    margin-left: 1rem;
}
.page-id-8887 .menu-wrap ul.ul-att {
	list-style: none;
	text-indent: -1rem;
	margin-top: 1rem;
}
.page-id-8887 .menu-wrap ul.ul-att li:last-child {
	margin-bottom: 0;
}
.page-id-8887 .menu-wrap ul.ul-att li::before {
	content: '※';
}
.page-id-8887 .menu-wrap .att-wrap {
	text-align: left;
	padding-top: 2rem;
	padding-bottom: 5rem;
}
.page-id-8887 .dog-photo {
	display: flex;
	justify-content: space-between;
}
.page-id-8887 .full_content.dog-photo-wrap {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}
.page-id-8887 #container .dog-photo img {
	max-width: 16.5%;
}

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

	.page-id-8887 .full_content.dog-photo-wrap {
		margin-top: 2rem;
	}

}

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

	.page-id-8887 .dog-photo {
		flex-wrap: wrap;
	}
	.page-id-8887 .full_content.dog-photo-wrap {
		padding-bottom: 0;
	}
	.page-id-8887 #container .dog-photo img {
		max-width: 33%;
		margin-bottom: 5px;
	}

}


.page-id-8887 .img-bn {
	width: 500px !important;
	margin: 2rem auto;
}
.page-id-8887 .pagetop a {
	background-color: #FFEFE6;
}
.page-id-8887 .pagetop a::before {
	border-top: solid 2px #FB7504;
    border-right: solid 2px #FB7504;
}
.page-id-8887 footer.doggys-footer {
	padding: 1rem;
	background-color: #FFFFFF;
}
.page-id-8887 footer.doggys-footer address {
	text-align: center;
	font-size: 12px;
}

/*
ドッグフレンドリーohana
--------------------------------*/
.tableStyle01{
	width: 100%;
	max-width: 800px;
	margin: 0 auto 2rem;
}

.tableStyle01 th,
.tableStyle01 td {
	border: 1px solid #dee2e6;
}
.tableStyle01 th{
	background-color: #efefef;
	width: 260px;
}
.tableStyle01 td{
	background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
	.tableStyle01 th{
		width: 180px;
	}
}

.dogsMeal figure {
	display: block;
	max-width: 800px;
	margin: 0 auto 2rem;
}

.dogsMeal figure img {
	width: 100%;
	height: auto;
}


.temporaryPetCare figure{
	display: block;
	max-width: 800px;
	margin: 0 auto 2rem;
}
.temporaryPetCare figure img{
	width: 100%;
	height: auto;
}