@charset "UTF-8";
/*
Theme Name: dogo.mom
Description: Theme For Dogo Onsen
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
span.red {
	color: #b60404;
}
.fs85 {
	font-size: 85%;
}
.mb50 {
	margin-bottom: 50px;
}
@media (max-width: 767px) {
	.mb50 {
		margin-bottom: 5%;
	}
}
/*-------------------------------------------------------------*/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.sp {
	display: none;
}
.pc {
	display: inline-block;
}
header .pc {
	display: block;
}
@media screen and (max-width: 767px) {
	.sp {
		display: inline-block;
	}
	.pc {
		display: none;
	}
}
a.textlink {
	text-decoration: underline;
}
a.textlink:hover {
	text-decoration: none;
}
.grid_01 {
	width: 6.25%;
}
.grid_02 {
	width: 12.5%;
}
.grid_03 {
	width: 18.75%;
}
.grid_04 {
	width: 25%;
}
.grid_05 {
	width: 31.25%;
}
.grid_06 {
	width: 37.5%;
}
.grid_07 {
	width: 43.75%;
}
.grid_08 {
	width: 50%;
}
.grid_09 {
	width: 56.25%;
}
.grid_010 {
	width: 62.5%;
}
.grid_011 {
	width: 68.75%;
}
.grid_012 {
	width: 75%;
}
.grid_013 {
	width: 81.25%;
}
.grid_014 {
	width: 87.5%;
}
.grid_015 {
	width: 93.75%;
}
.grid_016 {
	width: 100%;
}
.mb4rem {
	margin-bottom: 4rem !important;
}
.textLeft {
	text-align: left !important;
}
.button {
	margin: 5rem auto 0;
	width: 400px;
}
.button.btn_movie {
	position: relative;
}
.button a, .button input [type="submit"] {
	display: block;
	background: #000;
	padding: 1.1rem 3.3rem;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	border: 2px solid #000;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.button a:hover, .button input[type="submit"]:hover {
	background: transparent;
	color: #000;
}
.button input[type="submit"] {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 100%;
}
.button a {
	position: relative;
}
.button a:after, .button input[type="submit"]:after {
	content: '';
	width: 10px;
	height: 10px;
	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: 35%;
	left: 92%;
}
.button a, .multilingual .button input [type="submit"] {
	display: block;
	background: #000;
	padding: 1.1rem 4.3rem;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	border: 2px solid #000;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.button a:hover, .button a:hover:after {
	border-color: #000;
}
.button.btn_movie::before {
	position: absolute;
	content: '';
	display: block;
	background-image: url(../../img/common/ico_btn_movie.png);
	background-size: cover;
	width: 40px;
	height: 30px;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 6rem;
	margin: auto;
}
.button.btn_movie:hover::before {
	background-image: url(../../img/common/ico_btn_movie_hover.png);
}
.button.btn_movie a::after {
	display: none;
}
.asuka .nav1 .button .nav2_link.arrow_right,.tsubaki .nav1 .button .nav2_link.arrow_right{
	background-color: #F5EEE4;
	color: #000;
}
.asuka .nav1 .button .nav2_link.arrow_right:hover,.tsubaki .nav1 .button .nav2_link.arrow_right:hover {
	background-color: #000000;
	color: #F5EEE4;
}
.asuka .nav1 .button .nav2_link.arrow_right::after,.tsubaki .nav1 .button .nav2_link.arrow_right::after {
	border-color: #000;
}
.asuka .nav1 .button .nav2_link.arrow_right:hover::after,.tsubaki .nav1 .button .nav2_link.arrow_right:hover::after  {
	border-color: #F5EEE4;
}
.asuka .nav1 .button .nav2_link.arrow_under,.tsubaki .nav1 .button .nav2_link.arrow_under{
	background-color: #000;
	color: #FFF;
}
.asuka .nav1 .button .nav2_link.arrow_under:hover,.tsubaki .nav1 .button .nav2_link.arrow_under:hover {
	background-color: #FFF;
	color: #000;
}
.asuka .nav1 .button .nav2_link.arrow_under::after,.tsubaki .nav1 .button .nav2_link.arrow_under::after {
	border-color: #F5EEE4;
}
.asuka .nav1 .button .nav2_link.arrow_under:hover::after,.tsubaki .nav1 .button .nav2_link.arrow_under:hover::after  {
	border-color: #000;
}
.asuka .nav1 .button .arrow_under {
    padding: 2.8rem !important;
}
input, textarea, select {
	/* ----- RESET ----- */
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* ----- RESET ----- */
	font-size: 1.6rem;
	padding: 1rem;
	border: 1px solid #ccc;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #000;
}
input[type="text"] {
	width: 50%;
}
input[type="email"] {
	width: 70%;
}
textarea {
	width: 100%;
}
.table_wrap table {
	width: 100%;
}
.table_wrap table th, .table_wrap table td {
	border: 1px solid #ccc;
	text-align: center;
	padding: 1rem 2rem;
	line-height: 1.2;
}
.table_wrap table th span, .table_wrap table td span {
	font-size: 1.2rem;
}
.table_wrap table th {
	background: #e9e9e9;
	font-weight: bold;
}
.table_wrap table td.items {
	text-align: left;
	line-height: 2;
}
.table_wrap.others {
	margin-top: 2rem;
}
.table_wrap.others th {
	text-align: left;
}
@media (max-width: 768px) {
	.asuka .table_wrap table th:nth-child(3) {
		width: 130px;
	}
	.button a:after, .button input[type="submit"]:after {
		width: 2.4vw;
		height: 2.4vw;
		top: 40%;
		left: 92%;
	}
}
/*-------------------------------------------------------------*/
/*=0 global
---------------------------------------------------------------*/
* {
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.8;
	color: #000;
}
body.no-scroll {
	overflow: hidden;
	height: 100%;
}
a {
	text-decoration: none;
	color: #000;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
::-moz-selection {
	background: #ffff00;
	color: #000;
}
::selection {
	background: #ffff00;
	color: #000;
}
/*=1 heading
---------------------------------------------------------------*/
h1, h2, h3, h4 {
	letter-spacing: 0.15em;
	text-indent: 0.15em;
}
h1, h2 {
	font-weight: bold;
}
h1 {
	font-size: 6rem;
	line-height: 1.3;
}
h2 {
	font-size: 4.4rem;
	text-align: center;
}
h3 {
	font-size: 3.6rem;
	line-height: 1.4;
}
h4 {
	font-size: 2.4rem;
}
.pagetitle {
	background-size: cover;
	background-position: center;
	color: #fff;
	background-color: #ccc;
	padding: 21.5rem 0;
	position: relative;
}
.pagetitle h1 {
	font-size: 5rem;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}
.pagetitle h1 span {
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
}
.sectiontitle {
	text-align: center;
}
.sectiontitle:after {
	content: '';
	display: block;
	background-image: url(../../img/common/icon_sectiontitle.png);
	background-size: cover;
	width: 38px;
	height: 38px;
	margin: 1rem auto;
}
.textRed {
	color: red;
}
.text_o_black {
	display: inline !important;
}
.text_o_black, .text_o_white {
	position: relative;
}
.faq .section .answer p .text_o_black {
	display: inline;
}
.text_o_black::before, .text_o_white::before {
	content: "";
	position: absolute;
	top: 15%;
	right: 45%;
	display: inline-block;
	width: 31%;
	height: 4%;
	background: #fff;
}
.text_o_big::before {
	top: -7%;
}
.text_o_black::before {
	background: #000;
}
@media (max-width: 768px) {
	.text_o_black, .text_o_white {
		display: inline-block !important;
	}
	.text_o_black::before, .text_o_white::before {
		top: 20%;
		right: 35%;
	}
}
/*=2 basic structure
---------------------------------------------------------------*/
header {
	background: #fff;
	padding: 2rem 0 0 0;
	position: relative;
}
header .btn_menu {
	display: none;
	width: 57px;
	height: 57px;
	position: fixed;
	z-index: 1000;
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	background-image: url(../../img/common/btn_menu.png);
	background-size: cover;
	cursor: pointer;
}
header .btn_menu_close {
	background-image: url(../../img/common/btn_menu_close.png);
}
header .btn_menu_lang {
	display: none;
	width: 147px;
	height: 40px;
	position: fixed;
	z-index: 1000;
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	background-image: url(../../img/common/btn_menu_jp.png);
	background-size: cover;
	cursor: pointer;
}
header .btn_menu_lang_close {
	background-image: url(../../img/common/btn_menu_jp_close.png);
}
header.pc .nav_sub .nav_subMenu {
	width: 500px;
}
@media (max-width: 1280px) {
	header.pc .nav_sub .nav_subMenu {
		width: 320px;
	}
}
header .sns {
	display: none;
	position: absolute;
	line-height: 1;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 998;
}
header .lang {
	display: block;
	position: absolute;
	line-height: 1;
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 998;
}
header.pc .nav_sub .nav_subMenu li {
	padding: 0;
	flex-grow: 1;
}

#container {
	padding: 10rem 0;
}
#container .lead {
	text-align: center;
}
#onsen_ft {
}
#onsen_ft .grid_wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
}
#onsen_ft h2 {
	text-align: center;
	margin-bottom: 5rem;
}
#onsen_ft h2:before {
	content: '';
	display: block;
	margin: 0 auto 3rem;
	width: 59px;
	height: 42px;
	background-image: url(../../img/common/icon_onsen.png);
	background-size: cover;
}
#onsen_ft .information_onsen {
	border: 1px solid #000;
	padding: 2rem;
	font-size: 1.4rem;
	margin: 0 auto 5rem;
}
#onsen_ft .information_onsen p:not(:last-child) {
	margin-bottom: 1rem;
}
#onsen_ft .information_onsen p span {
	color: #000a8c;
	display: inline-block;
	font-weight: bold;
	margin-right: 1.4rem;
	padding-left: 1.4rem;
	position: relative;
}
#onsen_ft .information_onsen p span:before {
	background: url(../../img/common/icon_yudama.png) no-repeat center/cover;
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
}
#onsen_ft .information_onsen p span.closed {
	color: #900606;
}
#onsen_ft .onsen {
	width: 33.33333%;
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	display: block;
	vertical-align: top;
	position: relative;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#onsen_ft .onsen:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
#onsen_ft .onsen .icon {
	position: absolute;
	top: 10px;
	left: 15px;
	max-width: 80px;
	width: 18%;
}
#onsen_ft .onsen p {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin-top: 2rem;
	padding: 0 2%;
}
#onsen_ft .onsen p span {
	font-size: 1.4rem;
}
#onsen_ft .onsen p .text_o_black {
	font-size: 2.2rem;
}
#onsen_ft .onsen .icon img {
	border: 0;
}
footer #info {
	text-align: center;
	padding: 5rem 0;
	font-size: 1.4rem;
}
footer #info br.pcnone {
	display: none;
}
footer #info .sns {
	font-size: 3.2rem;
	line-height: 1;
	margin-top: 3rem;
}
footer #info .sns a {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
footer #info .sns a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
footer #info .sns a:not(:first-child) {
	margin-left: 2rem;
}
footer #info .logo {
	width: 308px;
	margin: 0 auto 3rem;
}
/*=3 navigation
---------------------------------------------------------------*/
#gnav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.9);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
#gnav ul {
	color: #fff;
	font-size: 1.6rem;
	/*text-align: center;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}
#gnav ul li:not(:first-child) {
	/*margin-top: 1.4rem;*/
	color: #999;
}
#gnav ul li a {
	color: #fff;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#gnav ul li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
#gnav ul ul {
	display: flex;
	justify-content: center;
}
#gnav ul ul li {
	margin-top: 2.8rem;
}
#gnav ul ul li:not(:first-child) {
	margin-top: 2.8rem;
}
#gnav ul ul li:not(:last-child) {
	margin-right: 1.4rem;
}
#gnav.show-hide {
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
#gnav_lang {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.9);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
#gnav_lang ul {
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	position: relative;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#gnav_lang ul li:not(:first-child) {
	margin-top: 1.4rem;
	color: #999;
}
#gnav_lang ul li a {
	color: #fff;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#gnav_lang ul li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
#gnav_lang ul ul {
	display: flex;
	justify-content: center;
}
#gnav_lang ul ul li {
	margin-top: 2.8rem;
}
#gnav_lang ul ul li:not(:first-child) {
	margin-top: 2.8rem;
}
#gnav_lang ul ul li:not(:last-child) {
	margin-right: 1.4rem;
}
#gnav_lang.show-hide {
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
#fnav {
	background: #000;
	padding: 5rem 0;
	font-size: 1.2rem;
}
#fnav ul {
	text-align: center;
	color: #fff;
}
#fnav ul li {
	display: inline;
}
#fnav ul li:not(:first-child):before {
	content: '|';
	margin: 0 0.5rem;
}
#fnav ul li a {
	color: #fff;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#fnav ul li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
/*=4 commonClass,commonID
---------------------------------------------------------------*/
.inner {
	/*width: 1280px;*/
	margin: 0 auto;
}
.topicpath {
	border-bottom: 1px solid #e9e9e9;
	padding: 1rem 0;
	font-size: 1.4rem;
	text-align: center;
}
.topicpath p {
	letter-spacing: 0.13em;
}
.topicpath a {
	text-decoration: underline;
}
.topicpath a:hover {
	text-decoration: none;
}
section.section:not(:first-child) {
	padding-top: 10rem;
}
.section .sectiontitle + .section {
	padding-top: 3rem;
}
.section h3, .section h4 {
	margin-bottom: 2rem;
}
.section p:not(:last-child), .section ul:not(:last-child), .section dl:not(:last-child) {
	margin-bottom: 2rem;
}
.section .grid_wrap {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.section .grid_wrap .box_left.text {
	padding-right: 4rem;
}
.section .grid_wrap .box_right.text {
	padding-left: 4rem;
}
.section.box_center {
	margin-left: auto;
	margin-right: auto;
}
.kouji_wrap {
	display: block;
}
#tab {
	margin-bottom: 10rem;
}
#tab li {
	text-align: center;
	font-size: 1.8rem;
}
#tab li:first-child {
	margin-right: 1px;
}
#tab li:last-child {
	margin-left: 1px;
}
#tab li a {
	display: block;
	background: #e9e9e9;
	padding: 1rem;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#tab li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
#tab li.select a {
	background: #000;
	color: #fff;
}
#lnav ul {
	text-align: center;
}
#lnav ul li {
	display: inline-block;
}
#lnav ul li:not(:first-child) {
	margin-left: 1.5rem;
}
#lnav ul li a {
	display: block;
	background: #e9e9e9;
	padding: 1rem 1.4rem;
}
#lnav ul li a:hover {
	color: #fff;
	background: #000;
}
.comingsoon {
	text-align: center;
}
.sns {
	line-height: 1;
	font-size: 2.4rem;
	text-align: center;
}
.sns li {
	display: inline-block;
	position: relative;
	line-height: 1;
	width: 46px;
	height: 46px;
	background: #000;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.sns li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.sns li:not(:first-child) {
	margin-left: 1.4rem;
}
.sns li:first-child {
	background: #3b5998;
}
.sns li:last-child {
	font-size: 2.9rem;
	background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #294DFD), color-stop(0.11, #473DEB), color-stop(0.22, #8727C7), color-stop(0.33, #D62286), color-stop(0.44, #FA1864), color-stop(0.55, #FF3038), color-stop(0.66, #FE5631), color-stop(0.77, #FF732C), color-stop(0.88, #FFB240), color-stop(1, #FFDF82));
	background: -webkit-linear-gradient(right top, #294DFD 0, #473DEB 11%, #8727C7 22%, #D62286 33%, #FA1864 44%, #FF3038 55%, #FE5631 66%, #FF732C 77%, #FFB240 88%, #FFDF82 100%);
	background: -moz-linear-gradient(right top, #294DFD 0, #473DEB 11%, #8727C7 22%, #D62286 33%, #FA1864 44%, #FF3038 55%, #FE5631 66%, #FF732C 77%, #FFB240 88%, #FFDF82 100%);
	background: -o-linear-gradient(right top, #294DFD 0, #473DEB 11%, #8727C7 22%, #D62286 33%, #FA1864 44%, #FF3038 55%, #FE5631 66%, #FF732C 77%, #FFB240 88%, #FFDF82 100%);
	background: linear-gradient(to left bottom, #294dfd 0%, #473deb 11%, #8727c7 22%, #d62286 33%, #fa1864 44%, #ff3038 55%, #fe5631 66%, #ff732c 77%, #ffb240 88%, #ffdf82 100%);
}
.sns li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.sns li i {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.lang {
	position: absolute;
	line-height: 1;
	font-size: 1.4rem;
	text-align: center;
	top: 42px;
	right: 88px;
}
.lang li {
	display: inline-block;
	position: relative;
	line-height: 1;
	width: 100px;
	height: 33px;
	background: #000;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.lang li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.lang li a {
	padding-top: 9%;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.font_img_o {
	width: 28px;
	height: 30px;
	vertical-align: unset;
}
.font_img_o2 {
	width: 13px;
	height: 14px;
	vertical-align: unset;
}
.font_img_o3 {
	width: 28px;
	height: 30px;
	vertical-align: unset;
	margin-bottom: 1px;
}
.font_img_o4 {
	width: 22px;
	height: 23px;
	vertical-align: unset;
}
.font_img_o5 {
	width: 15px;
	height: 16px;
	vertical-align: unset;
	margin-right: 2px;
}
@media (max-width: 768px) {
	.lang {
		top: 47.5px;
		right: 99.5px;
	}
	.lang li {
		width: 150%;
		height: 33px;
	}
	.lang li a {
		padding-top: 15%;
	}
	.font_img_o {
		width: 20px;
		height: 21px;
	}
	.font_img_o2 {
		width: 12px;
		height: 13px;
		display: inline-block !important;
	}
	.font_img_o3 {
		width: 16px;
		height: 17px;
	}
	.font_img_o4 {
		width: 11px;
		height: 13px;
	}
}
.home .reservation {
	background: #e9e9e9;
}
.reservation {
	text-align: center;
	/*padding: 3rem 0;*/
}
.reservation img {
	width: auto;
	max-width: 100%;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.reservation img:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
/*-------------------------------------------------------------*/
/*=1 home
---------------------------------------------------------------*/
.home header {
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.home header .inner {
	min-height: 42px;
}
.home header .logo {
	visibility: hidden;
}
.home #fv {
	background-size: cover;
	background-position: center;
	/*min-height: 600px !important;
	height: 600px;*/
	position: relative;
	z-index: 0;
	margin-top: 130px;
}
.home #fv .logo {
	width: 56px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 997;
}
.home #fv .btn_prev, .home #fv .btn_next {
	width: 3rem;
	height: 3rem;
	display: block;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.home #fv .btn_prev:hover, .home #fv .btn_next:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.home #fv .btn_prev {
	left: 4%;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.home #fv .btn_next {
	right: 4%;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.home #container {
	padding-top: 0;
}
.home #container #banners ul {
	text-align: center;
}
.home #container #banners ul li {
	width: 32%;
	display: inline-block;
	margin: 2% 2% 0 0
}
.home #container #banners ul li:nth-child(3n), .home #container #banners ul li:nth-child(5) {
	margin-right: 0;
}
.home #container #banners.bnr_foot ul li {
	width: 48%;
}
.home #container #banners ul li a {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.home #container #banners ul li a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.home #container #movie .box_right p {
	font-size: 1.8rem;
}
.home #container #movie .box_left div {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.home #container #movie .box_left div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home #container #movie .box_left p {
	font-size: 1.2rem;
	margin-top: 1rem;
	text-align: center;
}
.home #container #movie .box_left p span {
	font-size: 1.4rem;
	font-weight: bold;
}
.home #container #contents h2, .home #container #news h2 {
	text-align: center;
	margin-bottom: 5rem;
}
.home #container #contents h2:before, .home #container #news h2:before {
	content: '';
	display: block;
	margin: 0 auto 2rem;
	width: 59px;
	height: 42px;
	background-image: url(../../img/common/icon_onsen.png);
	background-size: cover;
}
.home #container #contents {
	padding-top: 0;
}
.home #container #contents #contents_grid {
	font-weight: bold;
}
.home #container #contents #contents_grid #craftsman .image, .home #container #contents #contents_grid #grids div {
	background-size: cover;
	background-position: center;
}
.home #container #contents #contents_grid #craftsman {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	min-height: 420px;
}
.home #container #contents #contents_grid #craftsman .title {
	width: 50%;
	background: #f4f4f4;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
.home #container #contents #contents_grid #craftsman .title p {
	font-size: 3.2rem;
	position: relative;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	padding: 0 4%;
}
.home #container #contents #contents_grid #craftsman .image {
	width: 50%;
}
.home #container #contents #contents_grid #craftsman:hover .title {
	background: #000;
	color: #fff;
}
.home #container #contents #contents_grid #grids {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.home #container #contents #contents_grid #grids div {
	width: 25%;
	font-size: 2rem;
}
.home #container #contents #contents_grid #grids div a {
	position: relative;
	display: block;
	padding: 12rem 0;
	color: #fff;
	text-align: center;
}
.home #container #contents #contents_grid #grids div a span {
	position: relative;
	z-index: 1;
}
.home #container #contents #contents_grid #grids div a:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
.home #container #contents #contents_grid #grids div a:hover:after {
	background: rgba(0, 0, 0, 0.8);
}
.home #container #news h2 {
	text-align: left;
	margin-bottom: 3rem;
}
.home #container #news h2:before {
	display: inline-block;
	margin: 0 1rem 0 0;
}
.home #container #news h2 span:before {
	content: '・';
}
.home #container #news article {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.home #container #news article:not(:first-child) {
	margin-top: 2rem;
}
.home #container #news article .thumb {
	width: 133px;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.home #container #news article .thumb:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.home #container #news article .text {
	padding-left: 2rem;
}
.home #container #news article .text .cat {
	display: inline-block;
	background: #363636;
	color: #fff;
	font-size: 1.4rem;
	padding: 0 1rem;
	margin-left: 1rem;
}
.home #container #news article .text a {
	text-decoration: underline;
}
.home #container #news article .text a:hover {
	text-decoration: none;
}
.home iframe{
	width: 100%;
	height: 100%;
}
.home .logo_top {
	width: 22vw;
	position: absolute;
	top:1vw;
	left: 3%;
	z-index: 997;
}
.home .scroll_btn {
	width: 8vw;
	position: absolute;
	top:50vw;
	left: 45%;
	z-index: 997;
}
@media screen and (max-width: 767px){
	.home .scroll_btn {
		display: none;
	}
}
/*=2 news
---------------------------------------------------------------*/
/*=3 about
---------------------------------------------------------------*/
.about #history {
	background: url("../../img/about/river.png") top center repeat-y;
}
/*=4 onsen
---------------------------------------------------------------*/
.onsen #onsen_ft {
	padding: 0;
	background: #fff;
}
.onsen #onsen_ft h2, .onsen #onsen_ft .button {
	display: none;
}
.onsen .faq ul li:not(:first-child) {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dotted #ccc;
}
.onsen .faq ul li a {
	text-decoration: underline;
}
.onsen .faq ul li a:hover {
	text-decoration: none;
}
/* ----- 営業状況表示用 ----- */
.tsubaki .information, .asuka .information {
	border: 1px solid #ff0000;
	padding: 2rem;
	text-align: center;
}
.tsubaki .information span, .asuka .information span {
	color: #ff0000;
	font-weight: bold;
}
/* ----- 本館 ----- */
.mb1 {
	margin-bottom: 1em;
}
.entrance .grid_wrap {
}
.honkan .entrance.section .grid_wrap figure:first-child {
	margin-right: 6%;
}
@media (max-width: 600px) {
	.honkan #container .t_center {
		text-align: center;
	}
	.honkan .entrance.section .grid_wrap figure:first-child {
		margin-bottom: 3%;
		margin-right: 0;
	}
	.font_img_o2 {
		margin-bottom: 2px;
	}
}
/* ----- 椿の湯 ----- */
.tsubaki .photo-2col img {
	width: 49%;
}
.tsubaki .photo-2col img:not(:last-child) {
	margin-right: 2%;
}
.tsubaki #price .caution {
	font-size: 1.2rem;
}
/* ----- 飛鳥乃湯泉 ----- */
.asuka .lead {
	font-size: 2rem;
}
.asuka .lead span.open {
	font-size: 3.6rem;
	font-weight: bold;
	color: #b61a01;
}
.asuka #diary {
	margin: 0 auto;
	text-align: center;
}
.asuka #diary ul li:not(:first-child) {
	margin-top: 1em;
}
.asuka #diary ul li span {
	display: block;
	font-size: 1.4rem;
}
.asuka .t_center {
	text-align: center;
}
/* ----- 伝統工芸士紹介 ----- */
.craftsman .text h3 span.item, .craftsman .text h3 span.title, .craftsman .text h3 span.name {
	display: block;
}
.craftsman .text h3 span.item {
	font-size: 1.2rem;
}
.craftsman .text h3 span.title, .craftsman .text h3 span.name {
	margin-top: 1.4rem;
}
.craftsman .text h3 span.title span:last-child, .craftsman .text h3 span.name span:last-child {
	font-size: 1.4rem;
	display: block;
}
.craftsman .text h3 span.title span.traditional, .craftsman .text h3 span.name span.traditional {
	font-size: 2rem;
	display: inline-block;
}
.craftsman .text h3 span.title span.wrap, .craftsman .text h3 span.name span.wrap {
	display: block;
	margin-bottom: 2rem;
}
.craftsman .text p {
	font-size: 1.4rem;
}
/*=5 tour/link
---------------------------------------------------------------*/
.tour .section .photo img, .link .section .photo img {
	border: 1px solid #000;
}
.tour .section .photo a, .link .section .photo a {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.tour .section .photo a:hover, .link .section .photo a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.tour .section .text p, .link .section .text p {
	word-wrap: break-word;
}
.tour .section h3, .link .section h3 {
	margin-bottom: 1rem;
}
.link #linkbanner {
	background: #e9e9e9;
	padding: 2rem;
	text-align: center;
	margin-top: 10rem;
}
.link #linkbanner .banners div {
	text-align: center;
}
.link #linkbanner .banners div:first-child a {
	display: inline-block;
	width: 30%;
}
.link #linkbanner .banners div:first-child a:last-child {
	margin-left: 2%;
}
.link #linkbanner .banners div:nth-child(2), .link #linkbanner .banners div:last-child {
	margin-top: 2rem;
}
.link #linkbanner .banners div:last-child a {
	display: inline-block;
	max-width: 40%;
}
.link #linkbanner .banners div:last-child a:last-child {
	margin-left: 2%;
}
.tour .nav1, .tour .nav2 {
	overflow: hidden;
}
.tour .nav2 {
	margin-top: 28px;
	margin-bottom: 4rem;
}
.tour .nav1 .button, .tour .nav2 .button {
	width: 23%;
	margin: 2.5rem 12px 0;
	float: left;
	display: table;
}
.asuka-enNav .button{
 width: fit-content !important;
}
.tour .nav1 .button .nav1_link, .tour .nav2 .button .nav2_link {
	border-width: 1px;
	height: 5em;
	display: table-cell;
	vertical-align: middle;
}
.tour .nav1 .button .nav1_link {
	background-color: #F5EEE4;
	color: #000;
}
.tour .nav1 .button .nav1_link:hover {
	background-color: #000000;
	color: #F5EEE4;
}
.tour .nav1 .button .nav1_link::after, .tour .nav2 .button .nav2_link::after {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.tour .nav1 .button .nav1_link::after {
	border-color: #000;
}
.tour .nav1 .button .nav1_link:hover::after {
	border-color: #F5EEE4;
}
.tour .nav1 .button_2 .nav1_link, .tour .nav2 .button_2 .nav2_link {
	line-height: 1.6;
}
@media (max-width: 1280px) {
	.tour .nav1 .button, .tour .nav2 .button {
		width: 30.5%;
	}
}
@media (max-width: 1000px) {
	.tour .nav1 .button, .tour .nav2 .button {
		width: 46%;
	}
}
@media (max-width: 767px) {
	.tour .nav1 .button, .tour .nav2 .button {
		width: 100%;
		margin: 0 auto 2.5rem;
	}
	.tour .nav1 .button .nav1_link::after, .tour .nav2 .button .nav2_link::after {
		width: 8px;
		height: 8px;
	}
}
@media (max-width: 400px) {
	.tour .nav1 .button .nav1_link, .tour .nav2 .button .nav2_link {
		font-size: 4vw;
		height: 20%;
	}
}
.tour .section.inner {
	max-width: 75%;
	margin: auto;
}
.tour .section.inner img {
	border: 0;
}
.tour .section.inner .block {
	margin-top: 4rem;
}
.tour .col2 .box_left, .tour .col2 .box_right {
	width: 48.4%;
}
.tour .col2.qr .box_left, .tour .col2.qr .box_right {
	position: relative;
	width: 46.1%;
}
.tour .col2.qr .box_left::after {
	position: absolute;
	top: 50%;
	right: -12.5%;
	content: "";
	display: table;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.7vw 0 1.7vw 2.2vw;
	border-color: transparent transparent transparent #000000;
}
@media (min-width: 1280px) {
	.tour .col2.qr .box_left::after {
		border-width: 22.5px 0 22.5px 30px;
		border-color: transparent transparent transparent #000000;
	}
}
@media (max-width: 600px) {
	.tour .col2.qr .box_left, .tour .col2.qr .box_right {
		width: 100%;
		margin-bottom: 4rem;
	}
	.tour .col2.qr .box_left::after {
		top: calc(100% + 20px);
		right: 46%;
		border-width: 4vw 3.5vw 0 3.25vw;
		border-color: #000000 transparent transparent transparent;
	}
}
.tour .col3 .box_left, .tour .col3 .box_center, .tour .col3 .box_right {
	width: 31.5%;
}
@media (max-width: 767px) {
	.tour .col3 .box_left, .tour .col3 .box_center, .tour .col3 .box_right {
		width: 100%;
	}
	.asuka-enNav .button {
		width: 100% !important;
	}
}
@media (max-width: 767px) {
	.tour .section.inner {
		max-width: 100%;
	}
	.tour .col2 .box_left, .tour .col2 .box_right {
		width: 100%;
	}
}
.tour .table {
	width: 100%;
	background-color: #FBF8F4;
}
.tour .table tbody {
	display: block;
	padding: 2.5rem 3.0rem;
}
.tour .table tbody tr {
	display: block;
	border-top: 0.5px dotted #CCCCCC;
}
.tour .table tbody tr:last-child {
	border-bottom: 0.5px dotted #CCCCCC;
}
.tour .table tbody tr th {
	width: 140px;
	padding: 2.7rem 0 2.7rem 2.0rem;
}
.tour .table tbody tr a {
	transition: 0.3s;
	text-decoration: underline;
}
.tour .table tbody tr a:hover {
	opacity: 0.7;
}
@media (max-width: 767px) {
	.tour .table tbody tr {
		padding: 1rem 0;
	}
	.tour .table tbody tr th {
		display: block;
		width: 100%;
		padding: 0;
		font-weight: bold;
	}
}
.tour .section .wi-fi {
	margin: 0 0 2rem;
	padding: 3.5rem 0 3rem;
	background-color: #FBF8F4;
	text-align: center;
}
.tour .pre-line {
	white-space: pre-line;
}
.tour #container .bdr {
	border: 1px solid #ccc;
	padding: 5rem;
}
.tour .section .grid_wrap.col2 {
	justify-content: space-between;
}
.tour #container .bnr_tokimeguri {
	width: 400px;
	margin: 2rem auto 0;
}
@media (max-width: 800px) {
	.tour #container .bnr_tokimeguri {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.tour iframe {
		width: 100%;
	}
}
/*=6 access
---------------------------------------------------------------*/
.access .nav {
	text-align: center;
	padding-top: 10rem;
}
.access .nav .button {
	display: inline-block;
	margin: 0 auto 1rem;
    width: 450px;
}
.access .nav .button a::after {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.access #parking .nav{
	margin-bottom: 3rem;
}
@media (max-width: 950px) {
	.access .nav {
		padding-top: 5rem;
	}
	.access .nav .button:first-child {
		margin-right: 0;
	}
	.access .nav .button:not(:first-child) {
		margin-top: 3rem;
	}
	.access .nav .button {
		width: 100%;
    }
}
.access #map_canvas {
	width: 100%;
	height: 500px;
	margin-bottom: 2rem;
}
.access #way .section {
	padding-top: 0;
}
.access #way .section .grid_wrap {
	width: 75%;
	margin: auto;
	align-items: center;
}
.access #way .section:not(:first-child) .grid_wrap {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid #ccc;
}
@media (min-width: 768px) {
	.access #way .grid_wrap .grid_012 {
		padding-right: 5rem;
	}
}
.access #way h3 {
	position: relative;
	padding-left: 5rem;
}
.access #way h3:before {
	content: '';
	display: block;
	background-size: cover;
	background-position: top ledt;
	background-repeat: no-repeat;
	width: 4rem;
	height: 4rem;
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.access #way h3.plane:before {
	background-image: url(../../img/access/icon_plane.png);
}
.access #way h3.train:before {
	background-image: url(../../img/access/icon_train.png);
}
.access #way h3.ship:before {
	background-image: url(../../img/access/icon_ship.png);
}
.access #parking .sectionsubtitle, .access #bicycleParking .sectionsubtitle {
	text-align: center;
	margin: 5rem 0;
}
.access #parking .grid_014, .access #bicycleParking .grid_014 {
	margin: auto;
}
.access #parking dl dt, .access #bicycleParking dl dt {
	padding-left: 1em;
	text-indent: -1em;
}
.access #parking dl dd, .access #bicycleParking dl dd {
	padding-left: 1em;
}
.access #parking dl dd.attention, .access #bicycleParking dl dd.attention {
	padding-left: 2em;
	text-indent: -1em;
}
.access #parking dl dt, .access #bicycleParking dl dt {
	font-weight: bold;
}
.access #parking dl dt:before, .access #bicycleParking dl dt:before {
	content: '・';
}
.access #parking dl dt:not(:first-child), .access #bicycleParking dl dt:not(:first-child) {
	margin-top: 1.6rem;
}
.access .parking_img {
	width: 90%;
	margin: 0 auto;
}
.access .model {
	max-width: 960px;
	margin: 0 auto;
}
.access #parking .grid_wrap iframe, .access #bicycleParking .grid_wrap iframe {
	margin: 5rem 0;
}
@media (max-width: 767px) {
	.access #way .section .grid_wrap {
		width: auto;
	}
	.access #way .section .grid_wrap figure {
		margin-top: 1rem;
	}
	.access #parking .grid_wrap iframe, .access #bicycleParking .grid_wrap iframe {
		width: 100% !important;
	}
}
.access #container .bdr {
	width: 88%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding-bottom: 5rem;
}
@media (max-width: 1280px) {
	.access #container .bdr {
		width: 100%;
		padding: 0 3rem 5rem 2rem;
	}
}
@media (max-width: 767px) {
	.access iframe {
		width: 100%;
	}
}
/*=7 faq
---------------------------------------------------------------*/
.faq .section h4 {
	font-weight: bold;
	position: relative;
	padding-left: 6rem;
	margin-bottom: 5rem;
}
.faq .section h4:before {
	content: 'Q';
	font-size: 4rem;
	position: absolute;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1;
}
.faq .section .answer {
	background: #e9e9e9;
	padding: 4rem;
}
.faq .section .answer p {
	padding-left: 6rem;
}
.faq .section .answer p:first-child {
	position: relative;
}
.faq .section .answer p:first-child:before {
	content: 'A';
	font-size: 4rem;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
}
.faq .section .answer p span {
	font-weight: bold;
	display: block;
}
/*.faq .section .answer p span:before {
        content: '・'; }*/
/*=8 download
---------------------------------------------------------------*/
.download .caution {
	font-size: 1.2rem;
	background: #e9e9e9;
	padding: 2rem;
}
.download .list {
	margin-top: 3rem;
}
.download .list ul {
	font-size: 0;
}
.download .list ul li {
	display: inline-block;
	vertical-align: top;
	width: 19%;
	margin: 0 1% 2rem 0;
	font-size: 1.2rem;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.download .list ul li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.download .list ul li:nth-child(5n) {
	margin-right: 0;
}
.download .list ul li img {
	margin-bottom: 0.5rem;
}
/*=9 link
---------------------------------------------------------------*/
/*=10 inquiry
---------------------------------------------------------------*/
.inquiry p.lead {
	margin-bottom: 10rem;
}
.inquiry .section {
	margin-top: 4rem;
	padding-top: 0;
}
.inquiry .section dt {
	font-weight: bold;
}
.inquiry .wpcf7 .ajax-loader {
	display: block;
	margin: 1rem auto 0;
}
.inquiry .wpcf7-response-output {
	padding: 2rem;
	text-align: center;
	margin: 0;
}
/*=11 privacypolicy
---------------------------------------------------------------*/
.privacypolicy .box {
	margin: 0 auto;
}
.privacypolicy .box .box {
	padding: 3rem;
	background: #e9e9e9;
	margin-top: 3rem;
}
/*=12 sitemap
---------------------------------------------------------------*/
.sitemap .section li {
	margin-top: 1.6rem;
}
.sitemap .section .lv1, .sitemap .section .lv2 {
	font-weight: bold;
	font-size: 2rem;
}
.sitemap .section .lv1 {
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #ccc;
}
.sitemap .section .lv2 {
	padding-left: 2rem;
}
.sitemap .section .lv3 {
	padding-left: 4rem;
}
.sitemap .section a {
	display: block;
	width: 90%;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.sitemap .section a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
/*=13 Blog Format
---------------------------------------------------------------*/
.archive .topicpath a:last-child, .single .topicpath a:last-child {
	text-decoration: none;
}
.archive article .eyecatch, .archive article .date a, .archive article h3 a, .single article .eyecatch, .single article .date a, .single article h3 a {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.archive article .eyecatch:hover, .archive article .date a:hover, .archive article h3 a:hover, .single article .eyecatch:hover, .single article .date a:hover, .single article h3 a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.archive article .date, .single article .date {
	font-size: 1.2rem;
}
.archive .topicpath a:last-child:before {
	content: ' > ';
}
.archive .topicpath a:nth-child(2):before {
	display: none;
}
.archive article .button {
	margin-top: 3rem;
}
.archive .footer {
	margin: 10rem auto 0;
}
.archive .footer .pagenav {
	text-align: center;
}
.archive .footer .pagenav a, .archive .footer .pagenav span {
	display: inline;
}
.archive .footer .pagenav a:not(:first-child), .archive .footer .pagenav span:not(:first-child) {
	margin-left: 1.6rem;
}
.archive .footer .pagenav a {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.archive .footer .pagenav a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.archive .footer .pagenav .current {
	color: #ccc;
}
.archive .footer .select_archive {
	margin-top: 5rem;
	padding-top: 5rem;
	border-top: 1px solid #ccc;
	text-align: center;
}
.archive .footer .select_archive:before {
	content: 'アーカイブ :';
	margin-right: 1rem;
}
.single #singlepost {
	margin: 0 auto;
}
.single #singlepost .content {
	margin-top: 3rem;
	overflow: hidden;
	*zoom: 1;
}
.single #singlepost .content em {
	font-style: italic;
}
.single #singlepost .content strong {
	font-weight: bold;
}
.single #singlepost .content img {
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
}
.single #singlepost .content a {
	text-decoration: underline;
}
.single #singlepost .content a:hover {
	text-decoration: none;
}
.single #singlepost .content .aligncenter {
	display: block;
	margin: 0 auto 2rem;
}
.single #singlepost .content .alignright {
	float: right;
	margin: 0 0 2rem 2rem;
}
.single #singlepost .content .alignleft {
	float: left;
	margin: 0 2rem 2rem 0;
}
.single #singlepost .content figure {
	margin-bottom: 2rem;
}
.single #singlepost .content figure img + p {
	display: none;
}
.single #singlepost .content figure figcaption {
	color: #595959;
	text-align: center;
	margin-top: 1rem;
}
.single #singlepost .content .images {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.single #singlepost .content .images figure {
	width: 48%;
}
/*=14 404
---------------------------------------------------------------*/
.error404 #container {
	text-align: center;
}
/*=15 contribution
---------------------------------------------------------------*/
.contribution .details {
	margin-top: 4rem;
}
.contribution .details dt {
	font-weight: bold;
}
.contribution .details dt:not(:first-child) {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px dotted #ccc;
}
.contribution .howto ol:not(:last-child) {
	margin-bottom: 2rem;
}
.contribution .howto ol li:not(:first-child) {
	margin-top: 1rem;
}
.contribution .refund table span {
	display: block;
}
.contribution .refund .items {
	margin-top: 4rem;
}
.contribution .precedesResult {
	display: inline-block;
	vertical-align: middle;
}
.contribution .offerResult {
	position: relative;
	padding: 3px 10px;
	margin-left: 5px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #8b0000;
	display: inline;
	vertical-align: baseline;
}
/*=16 contributor
---------------------------------------------------------------*/
.contributor section h3 {
	text-align: center;
}
.contributor .list {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.contributor .list_member {
	justify-content: space-between;
}
.contributor .platinum .list li, .contributor .gold .list li, .contributor .silver .list li, .contributor .bronze .list li {
	border: 1px solid #ccc;
	width: 23.5%;
	margin: 0 2% 2rem 0;
}
.contributor .platinum .list li:nth-child(4n), .contributor .gold .list li:nth-child(4n), .contributor .silver .list li:nth-child(4n), .contributor .bronze .list li:nth-child(4n) {
	margin-right: 0;
}
.contributor .gold, .contributor .silver, .contributor .bronze {
	text-align: center;
}
.contributor .gold .list li, .contributor .silver .list li, .contributor .bronze .list li {
	padding: 1.4rem;
}
.contributor .gold {
	font-size: 1.8rem;
}
.contributor .silver {
	font-size: 1.6rem;
}
.contributor .list_member li {
	width: 25%;
	margin-bottom: 2rem;
	text-align: center;
}
/*-------------------------------------------------------------*/
/* 1280px
/*-------------------------------------------------------------*/
@media (max-width: 1280px) {
	/*=4 commonClass,commonID
  ---------------------------------------------------------------*/
	.inner {
		width: 100%;
		padding: 0 4%;
	}
	/*=16 contributor
  ---------------------------------------------------------------*/
	.contributor .gold .list li {
		width: 40%;
	}
}
/*-------------------------------------------------------------*/
/* 1024px
/*-------------------------------------------------------------*/
@media (max-width: 1024px) {
	/*=1 home
  ---------------------------------------------------------------*/
	.home #container #movie .grid_wrap {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.home #container #movie .box_right {
		width: 100%;
	}
	.home #container #movie .box_right p {
		font-size: 1.6rem;
	}
	.home #container #movie .box_left {
		width: 100%;
	}
}
/*-------------------------------------------------------------*/
/* 800px
/*-------------------------------------------------------------*/
@media (max-width: 800px) {
	/*=1 heading
  ---------------------------------------------------------------*/
	h1 {
		font-size: 3.6rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
		font-size: 2rem;
	}
	h4 {
		font-size: 1.8rem;
	}
	.pagetitle {
		padding: 10rem 0;
	}
	.pagetitle h1 {
		font-size: 2.8rem;
	}
	.pagetitle h1 span, .sectiontitle span, h3 span, h4 span {
		display: block;
	}
	.pagetitle h1 span.subtitle, .sectiontitle span.subtitle, h3 span.subtitle, h4 span.subtitle {
		font-size: 60%;
	}
	.pagetitle h1 br, .sectiontitle br, h3 br, h4 br {
		display: none;
	}
	/*=4 commonClass,commonID
  ---------------------------------------------------------------*/
	.section .grid_wrap .button {
		width: 100%;
	}
	/*=1 home
  ---------------------------------------------------------------*/
	.home #container #movie .box_right {
		margin-top: 2rem;
		padding: 0;
	}
	.home #container #contents #contents_grid #grids {
		display: block;
		overflow: hidden;
		*zoom: 1;
	}
	.home #container #contents #contents_grid #grids div {
		width: 50%;
		float: left;
	}
	.home #container #banners ul li, .home #container #banners.bnr_foot ul li {
		width: 100%;
		margin-left: 0;
	}
	.home #container #banners ul li:not(:first-child) {
		margin-top: 2rem;
	}
	/*=3 about
  ---------------------------------------------------------------*/
	.about #history {
		background: none;
	}
	/*=4 onsen
  ---------------------------------------------------------------*/
	/* ----- 伝統工芸士紹介 ----- */
	.craftsman .text h3 {
		text-align: center;
	}
	.font_img_o3 {
		width: 16px;
		height: 17px;
	}
}
/*-------------------------------------------------------------*/
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
	.grid_01 {
		width: 100%;
	}
	.grid_02 {
		width: 100%;
	}
	.grid_03 {
		width: 100%;
	}
	.grid_04 {
		width: 100%;
	}
	.grid_05 {
		width: 100%;
	}
	.grid_06 {
		width: 100%;
	}
	.grid_07 {
		width: 100%;
	}
	.grid_08 {
		width: 100%;
	}
	.grid_09 {
		width: 100%;
	}
	.grid_010 {
		width: 100%;
	}
	.grid_011 {
		width: 100%;
	}
	.grid_012 {
		width: 100%;
	}
	.grid_013 {
		width: 100%;
	}
	.grid_014 {
		width: 100%;
	}
	.grid_015 {
		width: 100%;
	}
	.grid_016 {
		width: 100%;
	}
	.button {
		width: 100%;
	}
	.button a, .button input[type="submit"] {
		font-size: 2rem;
	}
	input[type="text"] {
		width: 100%;
	}
	input[type="email"] {
		width: 100%;
	}
	.table_wrap {
		width: 100%;
		overflow: auto;
	}
	.table_wrap table {
		width: 900px;
	}
	/*=0 global
  ---------------------------------------------------------------*/
	body {
		font-size: 1.4rem;
	}
	/*=1 heading
  ---------------------------------------------------------------*/
	.sectiontitle:after {
		width: 26px;
		height: 26px;
	}
	/*=2 basic structure
  ---------------------------------------------------------------*/
	header .logo {
		width: 50%;
		margin: -6px auto 0px 0;
	}
	header .btn_menu {
		width: 33px;
		height: 33px;
		right: 33.5px !important;
	}
	header .sns {
		display: none !important;
	}
	header .languages {
		display: none !important;
	}
	#container {
		padding: 5rem 0;
	}
	#onsen_ft h2 {
		margin-bottom: 3rem;
	}
	#onsen_ft h2:before {
		margin: 0 auto 1rem;
	}
	#onsen_ft .grid_wrap {
		padding: 0 4%;
	}
	#onsen_ft .information_onsen p span {
		display: block;
	}
	#onsen_ft .onsen {
		display: block;
		width: 100%;
	}
	#onsen_ft .onsen:not(:first-child) {
		margin-left: 0;
		margin-top: 2rem;
	}
	#onsen_ft .onsen p, #onsen_ft .onsen p .text_o_black {
		margin-top: 0;
		font-size: 1.8rem;
	}
	#onsen_ft .onsen a {
		display: table;
		table-layout: fixed;
	}
	#onsen_ft .onsen .icon {
		top: 5px;
		left: 5px;
		width: 40px;
		height: 40px;
	}
	#onsen_ft .onsen img, #onsen_ft .onsen .text {
		display: table-cell;
		vertical-align: middle;
	}
	#onsen_ft .onsen .text {
		width: 55%;
		padding-left: 2%;
	}
	footer #info br.pcnone {
		display: block;
	}
	footer #info .logo {
		width: 70%;
	}
	/*=3 navigation
  ---------------------------------------------------------------*/
	#fnav {
		padding: 0;
	}
	#fnav ul {
		text-align: left;
		padding: 0;
	}
	#fnav ul:not(:first-child) {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
	#fnav ul li {
		display: block;
	}
	#fnav ul li:not(:first-child):before {
		display: none;
	}
	#fnav ul li:not(:first-child) a {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
	}
	#fnav ul li a {
		display: block;
		padding: 1rem;
	}
	/*=4 commonClass,commonID
  ---------------------------------------------------------------*/
	.topicpath {
		display: none;
	}
	.section:not(:first-child) {
		padding-top: 5rem;
	}
	.section .grid_wrap {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.section .grid_wrap.reverse {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.section .grid_wrap .photo {
		margin-bottom: 3rem;
	}
	.section .grid_wrap .box_left.text {
		padding-right: 0;
	}
	.section .grid_wrap .box_right.text {
		padding-left: 0;
	}
	#tab {
		margin-bottom: 5rem;
	}
	/*=1 home
  ---------------------------------------------------------------*/
	.home #fv {
		/*height: 100vh !important;*/
	}
	.home #fv .btn_prev, .home #fv .btn_next {
		width: 2rem;
		height: 2rem;
	}
	.home #fv .btn_prev {
		left: 5%;
	}
	.home #fv .btn_next {
		right: 5%;
	}
	.home #container #movie .box_right {
		margin-top: 0;
	}
	.home #container #contents #contents_grid #craftsman {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		min-height: 0;
	}
	.home #container #contents #contents_grid #craftsman .title {
		width: 100%;
	}
	.home #container #contents #contents_grid #craftsman .title p {
		display: block;
		font-size: 2.4rem;
		position: static;
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		margin: 4rem 0;
	}
	.home #container #contents #contents_grid #craftsman .title p span {
		display: block;
	}
	.home #container #contents #contents_grid #craftsman .image {
		width: 100%;
		height: 40vh;
	}
	.home #container #contents #contents_grid #grids div {
		width: 100%;
		float: none;
	}
	.home #container #contents #contents_grid #grids div a {
		padding: 6rem 0;
	}
	.home #container #news h2 {
		text-align: center;
	}
	.home #container #news h2:before {
		display: block;
		margin: 0 auto 2rem;
	}
	.home #container #news h2 span {
		display: block;
	}
	.home #container #news h2 span:before {
		display: none;
	}
	.home #container #news article .thumb {
		width: 30%;
	}
	.home #container #news article .text {
		width: 70%;
	}
	.home #container #news article .text .cat {
		display: none;
	}
	.home #container #news #facebook {
		margin-top: 5rem;
	}
	/*=4 onsen
  ---------------------------------------------------------------*/
	/* ----- 飛鳥乃湯泉 ----- */
	.asuka .lead {
		font-size: 1.6rem;
	}
	.asuka .lead span.open {
		font-size: 2.4rem;
	}
	.asuka .lead br {
		display: none;
	}
	.asuka .lead span span {
		display: block;
	}
	/*=6 access
  ---------------------------------------------------------------*/
	.access #map_canvas {
		height: 300px;
	}
	/*=7 faq
  ---------------------------------------------------------------*/
	.faq #lnav li {
		display: block;
		margin-left: 0 !important;
	}
	.faq .section h4 {
		padding-left: 0;
		margin-bottom: 3rem;
		text-align: center;
	}
	.faq .section h4:before {
		position: static;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
		display: block;
		margin-bottom: 2rem;
	}
	.faq .section .answer p {
		padding-left: 0;
	}
	.faq .section .answer p:first-child:before {
		position: static;
		display: block;
		margin-bottom: 2rem;
		text-align: center;
	}
	/*=8 download
  ---------------------------------------------------------------*/
	.download .list ul li {
		width: 49%;
		margin: 0 2% 2rem 0;
	}
	.download .list ul li:nth-child(5n) {
		margin-right: 2%;
	}
	.download .list ul li:nth-child(2n) {
		margin-right: 0;
	}
	/*=10 inquiry
  ---------------------------------------------------------------*/
	.inquiry p.lead {
		margin-bottom: 5rem;
	}
	.inquiry .section {
		margin-top: 2rem;
		padding-top: 0;
	}
	.inquiry .section dt {
		margin-bottom: 1rem;
	}
	/*=11 sitemap
  ---------------------------------------------------------------*/
	.sitemap .section a {
		width: 100%;
	}
	.sitemap .section .grid_wrap .grid_06:last-child li:first-child {
		padding-top: 1.6rem;
		border-top: 1px solid #ccc;
	}
	/*=12 Blog Format
  ---------------------------------------------------------------*/
	.single #singlepost .content img {
		width: 100%;
	}
	.single #singlepost .content .aligncenter {
		display: block;
		margin: 0;
	}
	.single #singlepost .content .alignright {
		float: none;
		margin: 0;
	}
	.single #singlepost .content .alignleft {
		float: none;
		margin: 0;
	}
	.single #singlepost .content .images {
		flex-direction: column;
	}
	.single #singlepost .content .images figure {
		width: 100%;
	}
	/*=16 contributor
  ---------------------------------------------------------------*/
	.contributor .platinum .list li, .contributor .bronze .list li {
		width: 48%;
		margin: 0 4% 2rem 0;
	}
	.contributor .platinum .list li:nth-child(2n), .contributor .bronze .list li:nth-child(2n) {
		margin-right: 0;
	}
	.contributor .gold .list li {
		width: 100%;
	}
	.contributor .list_member li {
		width: 50%;
	}
}
.crowdFont {
	font-size: 86%;
}
.conGoods {
	width: 1000px;
	margin: 2% auto 0;
}
.attention {}
@media (max-width: 768px) {
	header .logo {
		/*width: 308px;*/
		margin: 0;
	}
	.crowdFont {
		font-size: 86%;
	}
	.conGoods {
		width: 100%;
		margin: 2% auto 0;
	}
	header .btn_menu_lang {
		width: 57px;
		height: 57px;
		right: 18% !important;
		top: 33px !important;
		position: fixed !important;
	}
}
.vrViewLink a {
	position: relative;
}
.vrViewLink a:after {
	content: '';
	width: 0.6vw;
	height: 0.6vw;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 39%;
	left: 94%;
}
.vrViewLink.asuka a:after {
	left: 93%;
}
.vrViewLink a:hover:after {
	content: '';
	width: 0.6vw;
	height: 0.6vw;
	border: 0px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 39%;
	left: 94%;
}
.vrViewLink.asuka a:hover:after {
	left: 93%;
}
.vrViewLink a span {
	font-size: 79%;
	display: block;
}
#vrView .grid_wrap iframe {
	width: 1280px;
	height: 600px;
}
@media (max-width: 768px) {
	.vrViewLink {
		margin: 0 auto;
	}
	.vrViewLink a {
		font-size: 2.2vw;
	}
	.vrViewLink a:after {
		width: 2.4vw;
		height: 2.4vw;
		top: 41%;
		left: 93%;
	}
	.vrViewLink.asuka a:after {
		left: 92%;
	}
	.vrViewLink a:hover:after {
		width: 2.4vw;
		height: 2.4vw;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		top: 41%;
		left: 93%;
	}
	.vrViewLink.asuka a:hover:after {
		left: 92%;
	}
	#vrView .grid_wrap iframe {
		width: 100%;
		height: 500px;
	}
}
@media (max-width: 600px) {
	header .btn_menu_lang {
		width: 33px;
		height: 33px;
		right: 80.75px !important;
	}
	.vrViewLink a {
		font-size: 4vw;
	}
}
/*=17 movie
  ---------------------------------------------------------------*/
#movie #container {
	z-index: 20;
}
#movie .pagetitle {
	position: relative;
	background-color: #000;
	padding: 0;
}
#movie .pagetitle h1 {
	display: none;
	/* width: 100%;
    position: absolute;
    font-size: 5rem;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    z-index: 10;
    top: 40%;*/
}
#movie .main-movie iframe {
	width: 100% !important;
	height: 100% !important;
	pointer-events: none;
}
[data-box] {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: no-repeat center center;
	background-size: cover;
}
[data-box][data-box="16:9"]:before {
	content: "";
	display: block;
	padding-top: 56.25%;
	/*padding-top: 56.25%;*/
	/* 16:9 */
}
[data-box] .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}
#movie h3.ttl {
	font-size: 2.4rem;
	letter-spacing: 0;
}
#movie .section .grid_wrap .box_right.text p span {
	display: block;
	margin-top: 3%;
}
#movie .section .grid_wrap .box_right.text p span.fs85 {
	display: inline;
}
#movie .section .grid_wrap .box_right.text p .text_o_black {
	display: inline;
}
#movie .section .grid_wrap .box_right.text p span a {
	text-decoration: underline;
}
@media (max-width: 1024px) {
	#movie .section .grid_wrap.reverse {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#movie .section .grid_wrap .photo {
		width: 100%;
	}
	#movie .section .grid_wrap .box_right.text {
		width: 100%;
	}
}
@media (max-width: 800px) {
	#movie .pagetitle h1 {
		font-size: 2.2rem;
	}
}
@media (max-width: 600px) {
	#movie .section .grid_wrap .photo iframe {
		height: 320px;
	}
}
@media (max-width: 480px) {
	#movie .section .grid_wrap .photo iframe {
		height: 210px;
	}
}
.kouji {
	width: 70%;
	font-weight: bold;
	font-size: 110%;
	border: 2px solid #000;
	padding: 2% 7%;
	margin: 0 auto 3%;
}
@media (max-width: 768px) {
	.kouji {
		width: 100%;
		margin: 0 auto 6%;
	}
}
.button.w70 {
	width: 70%;
}
#movie #container .font_img {
	vertical-align: middle;
	margin-bottom: 0.8%;
	width: 16px;
	height: 15px;
}
@media (max-width: 1024px) {
	#movie #container .font_img {
		margin-bottom: 0.7%;
	}
}
#movie .catNav {
	max-width: 960px;
	text-align: center;
	margin: 7rem auto 3rem auto;
	background: #eaeaea;
	padding: 3rem 1.5rem;
	box-sizing: border-box;
	overflow: hidden;
}
#movie .catNav_link {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #fff;
	padding: 0.7rem 3rem 0.7rem 1rem;
	color: #000;
	font-size: 1.55rem;
	text-align: center;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#movie .catNav_link::after {
	content: '';
	width: 0.4vw;
	height: 0.4vw;
	border: 0px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 36%;
	right: 13px;
}
#movie .catNav_link:hover {
	opacity: 0.7;
}
@media (max-width: 1000px) {
	#movie .catNav_link {
		width: calc(93% / 2);
	}
}
@media (max-width: 767px) {
	#movie .catNav {
		width: 100%;
		padding: 1.5rem 1.5rem 1rem 1.5rem;
	}
	#movie .catNav_link {
		width: 100%;
	}
	#movie .catNav_link::after {
		width: 8px;
		height: 8px;
	}
}
/*=18 工事特設ページ
  ---------------------------------------------------------------*/
.construction-report .bdr {
	border: 1px solid;
	padding: 0.5% 3%;
	font-size: 95%;
	display: inline-block;
	margin-bottom: 3%;
}
.construction-report .fs120 {
	font-size: 120%;
}
.construction-report .qanda dl dt {
	font-size: 120%;
	font-weight: bold;
}
.construction-report #honkanArea .honkanBox .honkanStatus li:before {
	background-image: url(../../img/common/icon_yudama.png);
}
@media (min-width: 768px) {
	.pagetitle h1 span {
		font-size: 85%;
	}
}
/*=19 tokimeguri
  ---------------------------------------------------------------*/
.tokimeguri .intro .sectiontitle .bdr {
	position: relative;
}
.tokimeguri .intro .sectiontitle .bdr::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: 2px solid #000;
	top: 8px;
	width: 10px;
	right: 14px;
}
.tokimeguri .section .grid_wrap.col2 {
	margin-top: 2%;
	justify-content: space-between;
}
.tokimeguri .section .grid_wrap.col2 .imgCol2 {
	width: 47%;
}
.tokimeguri .text_italic {
	font-style: italic;
}
.tokimeguri .intro .link_box .link_contents {
	width: 78%;
}
.pamph_comment::after {
	bottom: 2% !important;
}
.tokimeguri .pamph_comment::after {
	background-image: url(../../img/tokimeguri/img_3types.png) !important;
}
@media (max-width: 800px) {
	.tokimeguri .intro .sectiontitle .bdr {
		display: inline-block;
	}
	.tokimeguri .intro .sectiontitle .bdr::after {
		top: 12px;
		width: 5px;
		border-bottom: 1px solid #000;
		right: 9px;
	}
}
@media (max-width: 600px) {
	.tokimeguri .section .grid_wrap.col2 .imgCol2 {
		width: 100%;
	}
	.tokimeguri .intro .link_box::before {
		top: -10px;
		left: 0;
	}
	.tokimeguri .intro .link_box::after {
		bottom: -25px;
	}
}

/*=20 伝統文化体験
  ---------------------------------------------------------------*/
.experience #container{
	padding-top: 9rem;
}
.experience .section .lead_text{
	margin: 0 auto 5rem;
	max-width: 1060px;
	font-size: 1.8rem;
	line-height: 2;
}
.experience .section .photo img, .link .section .photo img {
	border: 1px solid #000;
}
.experience .section .photo a, .link .section .photo a {
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.experience .section .photo a:hover, .link .section .photo a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
.experience .section .text p, .link .section .text p {
	word-wrap: break-word;
}
.experience .section h3, .link .section h3 {
	margin-bottom: 1rem;
}
.link #linkbanner {
	background: #e9e9e9;
	padding: 2rem;
	text-align: center;
	margin-top: 10rem;
}
.link #linkbanner .banners div {
	text-align: center;
}
.link #linkbanner .banners div:first-child a {
	display: inline-block;
	width: 30%;
}
.link #linkbanner .banners div:first-child a:last-child {
	margin-left: 2%;
}
.link #linkbanner .banners div:nth-child(2), .link #linkbanner .banners div:last-child {
	margin-top: 2rem;
}
.link #linkbanner .banners div:last-child a {
	display: inline-block;
	max-width: 40%;
}
.link #linkbanner .banners div:last-child a:last-child {
	margin-left: 2%;
}
.experience .nav1, .experience .nav2 {
	overflow: hidden;
}
.experience .nav1 {
	margin-bottom: 7.5rem;
}
.experience .nav2 {
	margin-top: 28px;
	margin-bottom: 4rem;
}
.experience .nav1 .button, .experience .nav2 .button {
	max-width: 770px;
	width: 100%;
	margin: 2.5rem auto 0;
	float: none;
	display: table;
}
.asuka-enNav .button{
 width: fit-content !important;
}
.experience .nav1 .button .nav1_link, .experience .nav2 .button .nav2_link {
	border-width: 1px;
	height: 5em;
	display: table-cell;
	vertical-align: middle;
}
.experience .nav1 .button .nav1_link {
	background-color: #F5EEE4;
	color: #000;
}
.experience .nav1 .button .nav1_link:hover {
	background-color: #000000;
	color: #F5EEE4;
}
.experience .nav1 .button .nav1_link::after, .experience .nav2 .button .nav2_link::after {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.experience .nav1 .button .nav1_link::after {
	border-color: #000;
}
.experience .nav1 .button .nav1_link:hover::after {
	border-color: #F5EEE4;
}
.experience .nav1 .button_2 .nav1_link, .experience .nav2 .button_2 .nav2_link {
	line-height: 1.6;
}
@media (max-width: 767px) {
	.experience .nav1 .button, .experience .nav2 .button {
		width: 100%;
		margin: 0 auto 2.5rem;
	}
	.experience .nav1 .button .nav1_link::after, .experience .nav2 .button .nav2_link::after {
		width: 8px;
		height: 8px;
	}
}
@media (max-width: 400px) {
	.experience .nav1 .button .nav1_link, .experience .nav2 .button .nav2_link {
		font-size: 4vw;
		height: 20%;
	}
}
.experience .section.inner {
	max-width: 75%;
	margin: auto;
}
.experience .section.inner img {
	border: 0;
}
.experience .section.inner .block {
	margin-top: 4rem;
}
.experience .col2 .box_left, .experience .col2 .box_right {
	width: 48.4%;
}
.experience .col2.qr .box_left, .experience .col2.qr .box_right {
	position: relative;
	width: 46.1%;
}
.experience .col2.qr .box_left::after {
	position: absolute;
	top: 50%;
	right: -12.5%;
	content: "";
	display: table;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.7vw 0 1.7vw 2.2vw;
	border-color: transparent transparent transparent #000000;
}
@media (min-width: 1280px) {
	.experience .col2.qr .box_left::after {
		border-width: 22.5px 0 22.5px 30px;
		border-color: transparent transparent transparent #000000;
	}
}
@media (max-width: 600px) {
	.experience .col2.qr .box_left, .experience .col2.qr .box_right {
		width: 100%;
		margin-bottom: 4rem;
	}
	.experience .col2.qr .box_left::after {
		top: calc(100% + 20px);
		right: 46%;
		border-width: 4vw 3.5vw 0 3.25vw;
		border-color: #000000 transparent transparent transparent;
	}
}
.experience .col3 .box_left, .experience .col3 .box_center, .experience .col3 .box_right {
	width: 31.5%;
}
@media (max-width: 767px) {
	.experience .col3 .box_left, .experience .col3 .box_center, .experience .col3 .box_right {
		width: 100%;
	}
	.asuka-enNav .button {
		width: 100% !important;
	}
}
@media (max-width: 767px) {
	.experience .section.inner {
		max-width: 100%;
	}
	.experience .col2 .box_left, .experience .col2 .box_right {
		width: 100%;
	}
}
.experience .table {
	width: 100%;
	background-color: #FBF8F4;
}
.experience .table tbody {
	display: block;
	padding: 2.5rem 3.0rem;
}
.experience .table tbody tr {
	display: block;
	border-top: 0.5px dotted #CCCCCC;
}
.experience .table tbody tr:last-child {
	border-bottom: 0.5px dotted #CCCCCC;
}
.experience .table tbody tr th {
	width: 140px;
	padding: 2.7rem 0 2.7rem 2.0rem;
}
.experience .table tbody tr a {
	transition: 0.3s;
	text-decoration: underline;
}
.experience .table tbody tr a:hover {
	opacity: 0.7;
}
@media (max-width: 767px) {
	.experience .table tbody tr {
		padding: 1rem 0;
	}
	.experience .table tbody tr th {
		display: block;
		width: 100%;
		padding: 0;
		font-weight: bold;
	}
}
.experience .section .wi-fi {
	margin: 0 0 2rem;
	padding: 3.5rem 0 3rem;
	background-color: #FBF8F4;
	text-align: center;
}
.experience .pre-line {
	white-space: pre-line;
}
.experience #container .bdr {
	border: 1px solid #ccc;
	padding: 5rem;
}
.experience .section .grid_wrap.col2 {
	justify-content: space-between;
}
.experience #container .bnr_tokimeguri {
	width: 400px;
	margin: 2rem auto 0;
}
@media (max-width: 800px) {
	.experience #container .bnr_tokimeguri {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.experience iframe {
		width: 100%;
	}
	.experience #container{
		padding-top: 4.5rem;
	}
	.experience .section .lead_text{
		margin-bottom: 5rem;
	}
	.experience .nav1 {
		margin-bottom: 7.5rem;
	}
	.experience .section.inner .col1 + .col2{
		margin-top: 0;
	}
}
/*-------------------------------------------------------------*/
/* 新型コロナによる休業用
/*-------------------------------------------------------------*/
.status{
	/*margin-bottom: 20px;*/
}

.home #fv .status {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 1rem 0;
}
.home #fv .status ul {
	text-align: center;
}
.home #fv .status ul li {
	color: #fff;
	font-size: 1.4rem;
}
.home #fv .status ul li strong {
	font-weight: bold;
}
/* 767px
/*-------------------------------------------------------------*/
@media (max-width: 767px) {
	.home #fv .status ul li {
		color: #fff;
		font-size: 1.2rem;
		margin-bottom: 2%;
	}
	.home #fv .status ul li:last-child {
		margin-bottom: 0;
	}
	.home #fv .status ul li br.sp {
		display: none !important;
	}
}
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
	.home #fv .status ul li br.sp {
		display: inline-block !important;
	}
}
.corona_status {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 1rem 0;
}
.corona_status ul {
	text-align: center;
}
.corona_status ul li {
	color: #fff;
	font-size: 1.4rem;
}
.corona_status ul li strong {
	font-weight: bold;
}
/* 800px
/*-------------------------------------------------------------*/
@media (max-width: 800px) {
	.corona_title {
		height: 50vw;
		position: relative;
	}
}
/* 767px
/*-------------------------------------------------------------*/
@media (max-width: 767px) {
	.corona_status ul li {
		color: #fff;
		font-size: 1.2rem;
		margin-bottom: 2%;
	}
	.corona_status ul li:last-child {
		margin-bottom: 0;
	}
	.corona_status ul li br.sp {
		display: none !important;
	}
}
/* 600px
/*-------------------------------------------------------------*/
@media (max-width: 600px) {
	.corona_status ul li br.sp {
		display: inline-block !important;
	}
	.corona_title {
		height: 100vw;
	}
}
/* 400px
/*-------------------------------------------------------------*/
@media (max-width: 400px) {
	.corona_title {
		height: 130vw;
	}
}


/*-------------------------------------------------------------*/
/* フォトキャンペーン結果発表
/*-------------------------------------------------------------*/
#photocampaignArea {
background: url(../../img/home/bg_photocampaign.png) center center / cover no-repeat fixed;
    position: relative;
    padding-bottom: 2rem;
    padding-top: 17%;
	margin-top: 10rem;
	margin-bottom: -10rem;
}
#photocampaignArea .inner {
	max-width: 1120px;
}
#photocampaignArea .ttlBox {
	display: flex;
    flex-wrap: wrap;
    margin-top: -14%;
    margin-bottom: 2rem;
}
#photocampaignArea::before {
	content: "";
    background-image: url(../../img/home/img_photocampaign.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 196px;
    width: 100%;
}
#photocampaignArea .ttlBox h2 {
	width: 36%;
    z-index: 999;
    margin-right: 4%;
}
#photocampaignArea .ttlBox .ttl_lead {
	width: 60%;
    padding-top: 15%;
    color: #FFF;
    z-index: 999;
}
#photocampaignArea .ttlBox .ttl_lead .ttl {
	font-size: 3.8rem;
    text-align: left;
    margin-bottom: 1rem;
}
#photocampaignArea .ttlBox .ttl_lead .lead {
	text-align: left;
    font-size: 2.4rem;
}
#photocampaignArea .button {
	margin: 3rem 0;
}
@media (max-width: 767px) {
	#photocampaignArea {
		background: url(../../img/home/bg_photocampaign_sp.png) center center / auto repeat;
		padding-top: 17%;
		margin-bottom: -10rem;
		margin-top: 6rem;
	}
	#photocampaignArea::before {
		background-image: url(../../img/home/img_photocampaign_sp.png);
		height: 22vw;
		width: 100%;
	}
	#photocampaignArea .ttlBox {
		flex-direction: column;
    	margin-top: -10%;
	}
	#photocampaignArea .ttlBox h2 {
		width: 65%;
    	margin: 0 auto;
	}
	#photocampaignArea .ttlBox .ttl_lead {
		width: 100%;
		padding-top: 12%;
	}
	#photocampaignArea .ttlBox .ttl_lead .ttl {
		font-size: 2.2rem;
		width: 100%;
		text-align: center;
	}
	#photocampaignArea .ttlBox .ttl_lead .lead {
		padding: 0;
    	font-size: 1.8rem;
	}
	#photocampaignArea .button {
		margin: 3rem auto 3rem;
	}
}
@media (max-width: 600px) {
	#photocampaignArea {
		margin-bottom: -5rem;
	}
}

/*-------------------------------------------------------------*/
/* home.css
/*-------------------------------------------------------------*/
.waiting_title,.home .waiting_header {
	height: auto !important;
}
.home #container #contents #contents_grid #grids div {
	font-size: 1.8rem;
}
.home #container #contents #contents_grid #grids div a {
	height: 100%;
}
body.home .reservation .slider dl dt {
	padding: 3% 11% 3% 4%;
}
@media (max-width: 767px) {
	.home .youtubeView .lead {
		margin-top: 0;
	}
}
@media (max-width: 600px) {
	.home #container .lead {
		padding: 2% 4%;
	}
}

/*-------------------------------------------------------------*/
/* tsubaki.php　椿の湯
/*-------------------------------------------------------------*/
.p-infoContact_list dl dt {
    width: 100%;
    font-size: min(1.09375vw, 14px);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.011em;
    text-align: center;
    color: #fff;
    background: #000;
    margin-bottom: 0.5em;
    position: relative;
    padding: 0;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 750px) {
  .p-infoContact_list dl dt {
    font-size: 3.7333333333vw;
    height: auto;
    padding: 2%;
  }
  .p-infoContact_list dl dt::after {
    bottom: -0.2em;
  }
  .p-infoContact_ka {
	width: 36%;
	padding: 2%;
  }
}
/*右バナー　縦*/
/*--------------------------------------*/
.p-homeReserve {
  max-width: 140px;
  bottom: 16vw;
}
@media screen and (max-width: 750px) {
    .p-homeReserve.-show {
        right: 2vw;
        width: 26%;
        bottom: 34vw;
    }
}