/*
Theme Name: 隲剰ｨｪ隕ｳ蜈峨リ繝�
Theme URI: https://www.suwa-tourism.jp/
Author: 繧､繝ｳ繝€繧ｹ繝医Μ繝ｼ繝阪ャ繝医Ρ繝ｼ繧ｯ譬ｪ蠑丈ｼ夂､ｾ
Author URI: http://www.industry.co.jp/
Template: devdmbootstrap4
Description: 縺薙�繝��繝槭�Bootstrap 4 繧偵�繝ｼ繧ｹ縺ｫ菴懈�縺輔ｌ縺ｦ縺�∪縺吶€�
Version: 1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: devdmbootstrap4
GitHub Theme URI: https://github.com/dannymachal/devdmbootstrap4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The default Bootstrap 4 CSS and JS files are enqueued inside the functions.php file with the handles devdmbootstrap4-css and devdmbootstrap4-js
*/


/* Base layout
====================================================================================================*/

/** {
  outline: solid 1px #f00;
}
*/

.mb_YTPBar span.mb_OnlyYT {
	left: 320px;
}

[lang="en"] .ja,
[lang="zh-cmn-Hant-TW"] .ja,
[lang="zh-cmn-Hans-CN"] .ja {
	display: none;
}
[lang="ja"] .en,
[lang="zh-cmn-Hant-TW"] .en,
[lang="zh-cmn-Hans-CN"] .en {
	display: none;
}

[lang="ja"] .tw,
[lang="en"] .tw,
[lang="zh-cmn-Hans-CN"] .tw {
	display: none;
}
[lang="ja"] .cn,
[lang="en"] .cn,
[lang="zh-cmn-Hant-TW"] .cn {
	display: none;
}

html {
    font-size: 62.5%;
}


body {
    font-size: 1.6rem;
    font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", "Meiryo", "verdana", sans-serif;
    color: #434343;
    position: static!important;
}
[lang="zh-cmn-Hant-TW"] body {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] body {
	font-family: "Noto Serif SC", serif;
}
a {
	color: #65553B;
	text-decoration: underline;
}

#map {
	height: 100%;
	min-height: 500px;
}

.reset {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.slick-prev {
	left: 25px;
	z-index: 1000;
}
.slick-next {
	right: 25px;
	z-index: 1000;
}
@media(max-width: 767px) {
	.slick-prev, .slick-next {
		top: 15%;
	}
}

#header {
}
@media(min-width: 768px) {
	#header .dmbs-header-icon {
		width: 6.25vw;
		margin-right: 1.82vw;
	}
	#header .dmbs-logo-image {
		width: 23.94vw;
	}
	#header .dmbs-logo-image-en {
		width: 17.975vw;
	}

	[lang="en"] #header .dmbs-header-icon {
		margin-bottom: -0.78vw;
	}
}
@media(max-width: 991px) {
	#header {
		margin-top: 16px;
		margin-bottom: 16px;
	}
}

@media(max-width: 767px) {

	#header .dmbs-logo-image {
		width: 50vw;
	}
	#header .dmbs-logo-image-en {
		width: 50vw;
	}
	#header .dmbs-header-icon {
		width: 10vw;
	}
	[lang="en"] #header .dmbs-header-icon {
		margin-bottom: -1.07vw;
	}
}



@media(min-width: 992px) {

	#header-nav-content .btn {
		width: 8.75vw;
		height: 2.66vw;
		padding: 0 0 0 1.41vw;
		line-height: 2.66vw;
		font-size: 1.04vw;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		text-align: left;
	}
}
@media(max-width: 991px) {
	#header-nav-content {
		margin-top: 16px;
	}
	#header-nav-content .btn {
		display: block;
		margin: 16px auto 0 auto
	}
}

#google_translate_element .label {
	display: none;
}

@media(max-width: 767px) {
	#google_translate_element {
		text-align: center;
		margin-top: 15px;
	}
}
#skiptranslate .skiptranslate {
	font-size: 1.04vw;
}

.dmbs-content-wrapper {
	margin-top: 0;
}

.dmbs-footer-nav-container a {
	text-decoration: none;
}
@media(min-width: 768px) {
	.dmbs-footer-nav-container {
		border-top: solid 0.36vw #988E7F;
	}
}
@media(max-width: 767px) {
	.dmbs-footer-nav-container {
		border-top: solid 3px #988E7F;
	}
}

#footerSidebar {}
@media(min-width: 768px) {
	#footerSidebar {
		margin-bottom: 2.34vw;
	}
}
#footerAddress {}
@media(min-width: 768px) {
	#footerAddress {
		font-size: 1.3vw;
	}
	#footerAddress .title {
		font-weight: bold;
		line-height: 1.76;
		font-size: 1.3vw;
	}
	#footerAddress .text {
		margin-bottom: 0;
		line-height: 1.76;
		font-size: 1.3vw;
	}
}
@media(max-width: 767px) {
	#footerAddress {
		/* margin: 0 15px; */
	}
}


#footerLink {}
#footerLink li {
	position: relative;
	padding-left: 20px;
}
#footerLink li::before {
	content: "\003e";
	position: absolute;
	left: 0;
}
@media(min-width: 768px) {
	#footerLink {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 6.56vw;
		font-size: 1.3vw;
	}
	#footerLink li {
		margin-left: 3.65vw;
		padding-left: 1.67vw;
	}

}
@media(max-width: 767px) {
	#footerLink {
		/* margin: 0 15px; */
	}
}

#footerCopy {}
@media(min-width: 768px) {
	#footerCopy {
		text-align: right;
		margin-bottom: 0;
		font-size: 1.04vw;
	}

}
@media(max-width: 767px) {
	#footerCopy {
		margin: 15px 0;
	}
}

/* container
====================================================================================================*/

.container-1100 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1100 {
		margin: 0 auto;
		width: 57.29vw;
	}
}
.container-1256 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1256 {
		margin: 0 auto;
		width: 65.42vw;
	}
}
.container-1459 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1459 {
		margin: 0 auto;
		width: 75.99vw;
	}
}
.container-1496 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1496 {
		margin: 0 auto;
		width: 77.92vw;
	}
}
.container-1508 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1508 {
		margin: 0 auto;
		width: 78.54vw;
	}
}
.container-1689 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1689 {
		margin: 0 auto;
		width: 87.97vw;
	}
}
.container-1738 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1738 {
		margin: 0 auto;
		width: 90.52vw;
	}
}
.container-1786 {
	margin: 0 15px;
}
@media(min-width: 768px) {
	.container-1786 {
		margin: 0 auto;
		width: 93.02vw;
	}
}


/* navbar
====================================================================================================*/

.navbar-a {
	background-color: #fff;
	color: #65553B;
}

.navbar-a .navbar-brand {
	text-decoration: none;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
.navbar-a .navbar-nav .nav-link {
		color: #65553B;
		text-decoration: none;
}
.navbar-a .navbar-nav .dropdown-item {
		color: #65553B;
}

[lang="zh-cmn-Hant-TW"] .navbar-a .navbar-brand {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .navbar-a .navbar-brand {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 992px) {
	.navbar-a {
		padding: 2.6vw 3.85vw;
	}
	.navbar-a .navbar-brand {
		font-size: 2vw;
	}
	.navbar-a .navbar-nav .menu-item {
		margin-right: 2.86vw;
	}
	.navbar-a .navbar-nav .nav-link {
		font-size: 1.04vw;
	}
	.navbar-a .navbar-nav .dropdown-item {
		font-size: 1.04vw;
		text-decoration: none;
		padding: 0.52vw 1.04vw;
	}
}
@media(max-width: 991px) {
	.navbar-a .navbar-brand {
		font-size: 4vw;
	}
	.navbar-a .navbar-nav .menu-item {
		text-align: center;
		border-bottom: 1px solid rgba(0,0,0,0.15);
	}
	.navbar-a .navbar-nav .menu-item .nav-link {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
	.navbar-a .navbar-nav .dropdown-menu {
			border: none;
			margin-bottom: 15px!important;

	}
	.navbar-a .navbar-nav .dropdown-item {
			font-size: 16px;
		padding-bottom: .5rem;
		padding-top: .5rem;
		text-decoration: none;
	}
	.navbar-a .navbar-nav .dropdown-toggle::after{
			display: none;
	}

}

@media(min-width: 768px) {
	.navbar-b {
		margin: 2.86vw 0 6.41vw 0;
		padding: 0;
	}
	.navbar-b .navbar-nav {
		width: 100%;
		justify-content: space-between;
	}
	.navbar-b .navbar-nav>.menu-item {
		font-size: 1.3vw;
	}
	.navbar-b .navbar-nav .menu-item .sub-menu {
		margin-top: 1.46vw;
		font-size: 0.94vw;
		list-style-type: none;
		padding-left: 0.94vw;
	}
	.navbar-b .navbar-nav .menu-item .sub-menu li {
		margin-bottom: 0.94vw;
	}
}
@media(max-width: 767px) {
	.navbar-b {
		margin: 15px 0 50px 0;
		padding: 0;
	}
	.navbar-b .navbar-toggler {
		display: none;
	}
	.navbar-b .collapse {
		display: block;
	}
	.navbar-b .menu-item {
		margin-bottom: 10px;
	}
	.navbar-b .menu-item .sub-menu {
		margin-top: 10px;
	}
}

/* text
====================================================================================================*/

.text-a {
		line-height: 2.14;
}
@media(min-width: 768px) {
	.text-a {
		font-size: 1.46vw;
		margin-bottom: 4.95vw;
	}

}
/* @media(max-width: 767px) {
	.text-a {
		margin: 0 15px;
	}
}
 */

/* badge
====================================================================================================*/
.badge-a {
	padding: 0;
	background-color: #988E7F;
	border-radius: 0;
	color: #fff;
}

@media(min-width: 768px) {
	.badge-a {
		height:2.97vw;
		padding-right: 0.78vw;
		padding-left: 0.78vw;
		line-height: 2.97vw;
	}
	.badge-a img {
		height: 1.93vw;
	}
}
@media(max-width: 767px) {
	.badge-a {
		padding-right: 1vw;
		padding-left: 1vw;
		line-height: 5.33vw;
	}
	.badge-a img {
		height: 5.33vw;
	}
}

/* hr
====================================================================================================*/

.hr-a {
	border-top: solid 0.36vw #988E7F;
}
@media(min-width: 768px) {
	.hr-a {
		margin: 3.49vw 0;
	}
}

/* title
====================================================================================================*/

.title-a {
	border-bottom: dashed 1px #fff;
	color: #65553B;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}

[lang="zh-cmn-Hant-TW"] .title-a {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-a {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-a {
		padding-bottom: 0.63vw;
		margin-bottom: 1.25vw;
		font-size: 1.8vw;
	}
}
@media(max-width: 767px) {
	.title-a {
		padding-bottom: 2.93vw;
		margin-bottom: 5.87vw;
		font-size: 8vw;
	}
}
.title-b {
	border-bottom: solid 1px #65553B;
	padding-bottom: 0.63vw;
	margin-bottom: 1.25vw;
}

.title-c {
	position: relative;
}
.title-c img {
	width: 100%;
	display: block;
}
.title-c .text {
	display: block;
	position: absolute;
	left: 0;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}

[lang="zh-cmn-Hant-TW"] .title-c .text {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-c .text {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-c {
		margin-bottom: 3.59vw;
	}
	.title-c .text {
		height: 9.58vw;
		line-height: 9.58vw;
		padding: 0 3.65vw;
		top: 4.17vw;
		font-size: 2.08vw;
	}
	.title-c .text::first-letter {
		font-size: 3.54vw;
	}
}
@media(max-width: 767px) {
	.title-c {
		margin-bottom: 8.67vw;
	}
	.title-c .text {
		height: 12.77vw;
		line-height: 12.77vw;
		padding: 0 4.67vw;
		top: 5.34vw;
		font-size: 5.33vw;
	}
	.title-c .text::first-letter {
		font-size: 9.07vw;
	}
}

.title-d {
	line-height: 1;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .title-d {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-d {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-d {
		font-size: 5.21vw;
		line-height: 1;
		margin-bottom: 1.77vw;
	}
	.title-d img {
		height: 7.71vw;
	}
}
@media(max-width: 767px) {
	.title-d {
		font-size: 13.33vw;
	}
	.title-d img {
		height: 88px;
	}

}

.title-e {
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .title-e {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-e {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-e {
		font-size: 2.08vw;
	}
	.title-e::first-letter {
		font-size: 4.69vw;
	}
	.title-e img {
		height: 5.36vw;
		margin-bottom: 1.88vw;
	}
}
@media(max-width: 767px) {
	.title-e  {
		font-size: 5.33vw;
	}
	.title-e::first-letter {
		font-size: 12vw;
	}

}

.title-f {
	margin-bottom: 0;
	text-align: center;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .title-f {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-f {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-f {
		font-size: 2.08vw;
	}
	.title-f::first-letter {
		font-size: 4.69vw;
	}
	.title-f img {
		height: 11.51vw;
	}

	[lang="zh-cmn-Hant-TW"] .title-f,
	[lang="zh-cmn-Hans-CN"] .title-f,
	[lang="en"] .title-f {
		margin-bottom: 1.04vw;
	}
}
@media(max-width: 767px) {
	.title-f  {
		font-size: 5.33vw;
	}
	.title-f::first-letter {
		font-size: 12vw;
	}
	.title-f img {
		height: 88px;
	}

	[lang="zh-cmn-Hant-TW"] .title-f,
	[lang="zh-cmn-Hans-CN"] .title-f,
	[lang="en"] .title-f {
		margin-bottom: 2.67vw;
	}
}
.title-g {
	color: #988E7F;
	border-bottom: solid 1px #707070;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .title-g {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-g {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-g {
		padding-bottom: 1.2vw;
		margin-bottom: 4.53vw;
		font-size: 3.13vw;
	}
	.title-g img {
		height: 4.64vw;
	}
}
@media(max-width: 767px) {
	.title-g {
		padding-bottom: 2.67vw;
		margin-bottom: 5.33vw;
		font-size: 8vw;
	}
	.title-g img {
		height: 12vw;
	}
}

.title-h {
	width: auto!important;
	line-height: 1;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .title-h {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-h {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-h {
		font-size: 2.08vw;
		margin-bottom: 1.04vw!important;
	}
	.title-h::first-letter {
		font-size: 4.17vw;
	}
}
@media(max-width: 767px) {
	.title-h {
		font-size: 5.33vw;
		margin-bottom: 2.67vw!important;
	}
	.title-h::first-letter {
		font-size: 10.66vw;
	}
}


.title-i {
	text-align: center;
	color: #65553B;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .title-i {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .title-i {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	.title-i {
		margin-bottom: 3.59vw;
		font-size: 2.6vw;
	}
}
@media(max-width: 767px) {
	.title-i {
		margin-bottom: 8.67vw;
	}
}

/* table
====================================================================================================*/
.table-a {

}
.table-a th {
	font-weight: normal;
	vertical-align: middle;
	border-top: none;
}
.table-a td {
	vertical-align: middle;
	border-top: none;
}
@media(min-width: 768px) {
	.table-a th {
		padding: 1.98vw 0;
		font-size: 1.82vw;
		border-bottom: solid 1px #707070;
	}
	[lang="en"] .table-a th {
		font-size: 1.2vw;
	}
	.table-a td {
		padding: 1.98vw 0;
		font-size: 1.2vw;
		border-bottom: solid 1px #707070;
	}
}
@media(max-width: 767px) {
	.table-a tr,
	.table-a th,
	.table-a td {
		display: block;
	}
	.table-a td:last-child {
		border-bottom: solid 1px #707070;
	}
}
@media(max-width: 767px) {
	.table-b tr,
	.table-b th,
	.table-b td {
		display: block;
	}
	.table-b td:last-child {
		border-bottom: solid 1px #707070;
	}
}

/* box
====================================================================================================*/

.box-a {
}
.box-a .box .title {
	color: #fff;
}
.box-a .box .text {
}
.box-a .box .btn {
	padding: 0;
}
.box-a .box .text:last-child {
	margin-bottom: 0;
}
.box-a .box a {
	color: inherit;
}
@media(min-width: 768px) {
	.box-a {
		position: relative;
		margin-bottom: 3.75vw;
		line-height: 1.75;
	}
	.box-a .box {
		width: 38.75vw;
		padding: 2.76vw 4.06vw 2.34vw 3.44vw;
		position: absolute;
		right: 0;
		bottom: 4.95vw;
		background-color: rgba(0,0,0,.5);
	}

	.box-a .box .title img {
		height: 3.8vw;
	}

	.box-a .box .text {
		font-size: 1.04vw;
		/* margin-bottom: 0; */
		color: #ffffff;
	}
	.box-a .box .btn {
		font-size: 1.04vw;
		height: 2.34vw;
		width: 14.69vw;
		line-height: 2.34vw;

	}
}
@media(max-width: 767px) {

	.box-a .box {
		padding: 5.33vw 4vw;
		margin-bottom: 30px;
	}
	.box-a .box .btn {
		font-size: 3.73vw;
		height: 8.53vw;
		width: 52.53vw;
		line-height: 8.53vw;

	}
}



.box-b {}
.box-b .box .text {
}
@media(min-width: 768px) {
	.box-b {
		position: relative;
		margin-bottom: 3.59vw;
	}
	.box-b .box {
		width: 100%;
		padding: 3.125vw 0;
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: rgba(0,0,0,.47);
	}
	.box-b .box .text {
		width: 61.82vw;
		margin: 0 auto;
	color: #fff;
	}
}
@media(max-width: 767px) {
	.box-b .box {
		margin: 0 15px;
	}
	.box-b .box .text {
		margin: 15px 0;
	}
}

.box-c {}
.box-c {
}
@media(min-width: 768px) {
	.box-c {
		margin-bottom: 3.59vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.box-c .title {

	}
	.box-c .title img {
		height: 9.23vw;
		width: auto;
	}
	.box-c .text {
		width: 51vw;
		margin-bottom: 0;
	}
}
@media(max-width: 767px) {
	.box-c .title {
		text-align: center;
		margin:  30px 0;
	}
	.box-c .title img {
		height: 88px;
		margin: 0 auto;
	}
}


@media(min-width: 768px) {
	.box-d {
		margin-bottom: 3.59vw;
	}
}


.box-e {
	border-bottom: solid 1px  #988E7F;
}
.box-e .box-head {
	background-color: #988E7F;
	margin-bottom: 0;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .box-e .box-head {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .box-e .box-head {
	font-family: "Noto Serif SC", serif;
}
.box-e .box-head span {
	display: block;
	color: #fff;
	text-align: center;
}
.box-e .box-item .box-item-text {
	margin-bottom: 0;
}
@media(min-width: 768px) {
	.box-e {
		display: flex;
		justify-content: space-between;
		padding: 1.875vw 0;
	}
	.box-e .box-head {
		width: 10.73vw;
		position: relative;
	}
	.box-e .box-head span,
	.box-e .box-head img {
		height: 2.66vw;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		font-size: 1.82vw;
	}
	.box-e .box-body {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 77.71vw;
	}
	.box-e .box-item {
		width: 48%;
		margin-top: 2vw;
	}
	.box-e .box-item:nth-child(2),
	.box-e .box-item:first-child {
		margin-top: 0;
	}
	.box-e .box-item .box-item-title {
		padding: 0.83vw 0;
		margin: 0;
		font-size: 1.82vw;
	}
	.box-e .box-item .box-item-text {
		font-size: 1.2vw;
		line-height: 1.52;
	}
}
@media(max-width: 767px) {
	.box-e {
		margin-bottom: 5.33vw;
		padding-bottom: 5.33vw;
	}
	.box-e .box-head {
		padding: 1vw;
	}
	.box-e .box-head span {
		font-size: 3.8vw;
	}
	.box-e .box-head img {
		height: 8vw;
	}
	.box-e .box-item {
		margin-top: 2.67vw;
	}
	.box-e .box-item .box-item-title {
		padding: 2vw 0;
		margin: 0;
		font-weight: bold;
	}
	.box-e .box-item .box-item-text {
		font-size: 3.73vw;
		line-height: 1.52;
	}
}

/* list
====================================================================================================*/

.list-a {
	border-top: solid 1px #707070;
	border-left: solid 1px #707070;
}
.list-a li {
	border-right: solid 1px #707070;
	border-bottom: solid 1px #707070;
	float: left;
	position: relative;
}
.list-a li::before {
	content: "";
	display: block;
}
.list-a li a,
.list-a li img {
	display: block;
	margin: auto;
	max-height: 90%;
	max-width: 90%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media(min-width: 768px) {
	.list-a {}
	.list-a li {
		width: 20%;
	}
	.list-a li::before {
		padding-top: 58.33%;
	}
}

/* define
====================================================================================================*/

.define-a dt {
	background-color: #988E7F;
	color: #fff;
	text-align: center;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] .define-a dt {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] .define-a dt {
	font-family: "Noto Serif SC", serif;
}
.define-a dd {
	line-height: 1.5;
}
@media(min-width: 768px) {
	.define {
		font-size: 1.04vw;
	}
	.define-a dt {
		margin-bottom: 1.09vw;
	}
	.define-a dd {
		margin-bottom: 1.09vw;
	}
}

/* btn
====================================================================================================*/

.btn-a {
  color: #ffffff!important;
  background-color: #988E7F;
  border-color: #988E7F;
	text-decoration: none;
}
  .btn-a:hover {
    color: #ffffff;
    background-color: #707070;
    border-color: #707070; }
  .btn-a:focus, .btn-a.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-a.disabled, .btn-a:disabled {
    color: #ffffff;
    background-color: #988E7F;
    border-color: #988E7F; }
  .btn-a:not(:disabled):not(.disabled):active, .btn-a:not(:disabled):not(.disabled).active, .show > .btn-a.dropdown-toggle {
    color: #ffffff;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .btn-a:not(:disabled):not(.disabled):active:focus, .btn-a:not(:disabled):not(.disabled).active:focus, .show > .btn-a.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

 .btn-b {
  color: #ffffff;
  background-color: #65553B;
  border-color: #65553B; }
  .btn-b:hover {
    color: #ffffff;
    background-color: #988E7F;
    border-color: #988E7F; }
  .btn-b:focus, .btn-b.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .btn-b.disabled, .btn-b:disabled {
    color: #ffffff;
    background-color: #65553B;
    border-color: #65553B; }
  .btn-b:not(:disabled):not(.disabled):active, .btn-b:not(:disabled):not(.disabled).active, .show > .btn-b.dropdown-toggle {
    color: #ffffff;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .btn-b:not(:disabled):not(.disabled):active:focus, .btn-b:not(:disabled):not(.disabled).active:focus, .show > .btn-b.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }

/* card
====================================================================================================*/
.card-deck-a {}
@media(min-width: 992px) {
	.card-deck-a .card {
		flex: 0 0 calc(33.3% - 30px);
		margin-bottom: 30px;
	}
}

.card-a .card-title {
	font-size: inherit;
}

/* home
====================================================================================================*/

#homeKeyvisual {}
#homeKeyvisual .box {
	background-color: rgba(255,255,255,1);
}
#homeKeyvisual .box .title {
	border-color: #65553B;
	color: #65553B;
}
#homeKeyvisual .box .text {
	color: #65553B;
}
@media(min-width: 768px) {
	#homeKeyvisual {
		margin-bottom: 3.125vw;
	}
	#homeKeyvisual .box {
		background-color: rgba(255,255,255,.7);
	}
}


#homeTravel {}
#homeTravel .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#homeTravel .title {
	margin-bottom: 0;
}
#homeTravel .list li {
	position: relative;
	overflow: hidden;
}
#homeTravel .list li::before {
	content: "";
	display: block;
	padding-top: 65.625%;
}
#homeTravel .list li .image {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 300ms 0s ease;
}
#homeTravel .list li a:hover .image {
	transform: scale(1.1,1.1);
}
#homeTravel .list li .text {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.22);
	position: absolute;
	left: 0;
	top: 39.22%;
	transition: all 300ms 0s ease;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] #homeTravel .list li .text {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] #homeTravel .list li .text {
	font-family: "Noto Serif SC", serif;
}
#homeTravel .list li a:hover .text {
	background-color: rgba(0,0,0,.6);
}
@media(min-width: 768px) {
	#homeTravel {
		margin-bottom: 5.52vw;
	}
	#homeTravel .title {
		margin: 0;
		width: 15.31vw;
	}
	#homeTravel .list {}
	#homeTravel .list li {
		width: 28.33vw;
		margin-bottom: 2.08vw;
	}
	#homeTravel .list li .text {
		height: 4.01vw;
		line-height: 4.01vw;
		font-size: 2.34vw;
	}
	#homeTravel .list li .text img {
		height: 2.34vw;
	}
}
@media(max-width: 767px) {
		#homeTravel {
			margin: 0 15px;
		}
		#homeTravel .title img {
			height:88px;
		}
		#homeTravel .list li {
			width: 48%;
			margin-bottom: 15px;
		}
		#homeTravel .list li .text {
			font-size: 6vw;
		}
		#homeTravel .list li .text img {
			height: 20px;
		}
}

#homeArea .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#homeArea .list li {
	position: relative;
	overflow: hidden;
}
#homeArea .list li::before {
	content: "";
	display: block;
	padding-top: 65.625%;
}
#homeArea .list li .image {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 300ms 0s ease;
}
#homeArea .list li a:hover .image {
	transform: scale(1.1,1.1);
}
#homeArea .list li .text {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.22);
	position: absolute;
	left: 0;
	top: 39.22%;
	transition: all 300ms 0s ease;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}

@media(min-width: 768px) {
	#homeArea .title {
		width: 25.1042vw;
		margin-bottom: 1.5625vw;
	}
	#homeArea .list li {
		width: 28.33vw;
		margin-bottom: 2.08vw;
	}
	#homeArea .list li .text {
		height: 4.01vw;
		line-height: 4.01vw;
		font-size: 2.34vw;
	}
	#homeArea .list li .text img {
		height: 2.34vw;
	}
}

@media(max-width: 767px) {
		#homeArea {
			margin: 0 15px;
		}
		#homeArea .title {
			margin: 20px 0 15px;
		}
		#homeArea .title img {
			height: 52px;
		}
		#homeArea .list li {
			width: 48%;
			margin-bottom: 15px;
		}
		#homeArea .list li .text {
			font-size: 6vw;
		}
		#homeArea .list li .text img {
			height: 20px;
		}
}

#homeSeason {}
#homeSeason .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#homeSeason .title {
	margin-bottom: 0;
}
#homeSeason .list li {
	position: relative;
	overflow: hidden;
}
#homeSeason .list li::before {
	content: "";
	display: block;
	padding-top: 55.42%;
}
#homeSeason .list li .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	transition: all 300ms 0s ease;
	z-index: 1;
}
#homeSeason .list li a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transition: all 300ms 0s ease;
}
#homeSeason .list li a:hover::before {
	background-color: rgba(0,0,0,.4);
}
#homeSeason .list li a:hover .image {
	transform: scale(1.1, 1.1);
}
#homeSeason .list li .text {
	color: #fff;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	text-align: center;
	line-height: 1;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] #homeSeason .list li .text {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] #homeSeason .list li .text {
	font-family: "Noto Serif SC", serif;
}
@media(min-width: 768px) {
	#homeSeason {
		margin-bottom: 10.42vw;
	}
	#homeSeason .title {
		width: 10.47vw;
	}
	#homeSeason .list {}
	#homeSeason .list li {
		width: 50%;
	}
	#homeSeason .list li img.text {
		width: 6.77vw;
	}
	#homeSeason .list li span.text {
		width: 36vw;
		height: 6.77vw;
		font-size: 6.77vw;
	}
}
@media(max-width: 767px) {
	#homeSeason {
		margin: 0 15px;
	}
	#homeSeason .title img {
		height: 88px;
	}
	#homeSeason .list li {
		width: 48%;
		margin-bottom: 15px;
	}
	#homeSeason .list li .text {
		height: 40px;
		font-size: 9vw;
	}
}

#homeSuwa {}
#homeSuwa .image {
	width: 100%;
}
#homeSuwa .title {
	margin-bottom: 0;
}
@media(min-width: 768px) {
	#homeSuwa {
		margin-bottom: 10.42vw;
	}
	#homeSuwa .title {
		width: 21.2vw;
	}
	#homeSuwa .image {
		margin-bottom: 3.02vw;
	}
	#homeSuwa .text {
		margin-bottom: 4.84vw;
	}
	#homeSuwa .btn {
		font-size: 1.3vw;
		padding: 0;
		height: 3.39vw;
		width: 32.81vw;
		line-height: 3.39vw;
	}
}
@media(max-width: 767px) {
	#homeSuwa {
		margin: 0 15px 50px 15px;
	}
	#homeSuwa .title img {
		height: 88px;
	}
	#homeSuwa .btn {
		font-size: 14px;
		padding: 0;
		height: 30px;
		width: 50%;
		line-height: 30px;
	}
}

#homeAccess {}
#homeAccess .image {

}
@media(min-width: 768px) {
	#homeAccess {
		margin-right: 0.94vw;
		margin-bottom: 11.15vw;
		margin-left: 6.04vw;
		position: relative;
	}
	#homeAccess .title1 {
		width: 20.78vw;
		margin-bottom: 3.44vw;
	}
	#homeAccess .title2 {
		display: block;
	}
	#homeAccess .title2 img {
		height: 3.49vw;
	}
	#homeAccess .table {
		margin-bottom: 0;
		font-size: 1.04vw;
		font-feature-settings: "palt";
	}
	#homeAccess .table th,
	#homeAccess .table td {
		padding-left: 0;
		padding-right: 0;
	}
	#homeAccess .image {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 58.18vw;
		z-index:1;
	}
	#homeAccess .box1 {
		width: 45vw;
		padding-bottom: 4.95vw;
		position: relative;
		z-index: 2
	}
	#homeAccess .box2 {
		width: 32.81vw;
		padding-bottom: 4.95vw;
		position: relative;
		z-index: 2
	}

	[lang="en"] #homeAccess {
		margin-right: 6.04vw;
		width: auto!important;
	}

	[lang="en"] #homeAccess .box1,
	[lang="en"] #homeAccess .box2 {
		width: auto;
	}
	[lang="en"] #homeAccess .image {
		position: static;
	}
	[lang="zh-cmn-Hant-TW"] #homeAccess #map,
	[lang="zh-cmn-Hans-CN"] #homeAccess #map {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 50vw;
		z-index:1;
	}

}
@media(min-width: 992px) {
	#homeAccess .box1 {
		width: 39.06vw;
	}
}
@media(max-width: 767px) {
	#homeAccess {
		margin: 0 15px 50px 15px;
	}
	#homeAccess .title1 img {
		height: 88px;
	}
	#homeAccess .title2 {
		display: block;
		width: 100%;
	}
	#homeAccess .title2 img {
		height: 30px;
	}
	#homeAccess .table {
		display: block;
		padding: 0;
		margin-bottom: 30px;
	}
	#homeAccess .table th {
		display: block;
		padding: 0;
		margin-top: 15px;
	}
	#homeAccess .table td {
		display: inline;
		padding: 0;
	}
}

#homePartner {}
#homePartner .title {
	margin-bottom: 0;
}
@media(min-width: 768px) {
	#homePartner {
		margin-bottom: 9.17vw;
	}
	#homePartner .title {
		width: 36.67vw;
		margin: 0 auto 3.96vw auto;
	}
	#homePartner .list {

	}
}

#homeSupporter {}
#homeSupporter .title {
	margin-bottom: 0;
}
@media(min-width: 768px) {
	#homeSupporter {
		margin-bottom: 9.17vw;
	}
	#homeSupporter .title {
		width: 36.67vw;
		margin: 0 auto 3.96vw auto;
	}
	#homeSupporter .list {

	}
}

#infomationTitle {
	border-top: solid 0.36vw #988E7F;
}
@media(min-width: 768px) {
	#infomationTitle {
		padding-top: 3.65vw;
	}
	#infomationTitle img {
		width: 20.94vw;
		margin: 0 auto;
	}
}
@media(max-width: 767px) {
	#infomationTitle {
		padding-top: 8.67vw;
	}
	#infomationTitle img {
		width: 53.33vw;
		margin: 0 auto;
	}

}


#infomationAccess {
}

#infomationAccess .image {
	height: auto;
}
@media(min-width: 768px) {
	#infomationAccess .define {
		padding-left: 0.625vw;
		width: 30.31vw;
	}
	#infomationAccess .define dt img {
		height: 1.77vw;
	}
	#infomationAccess .box {
		padding-top: 1.82vw;
		width: 55.42vw;
	}
	[lang="en"] #infomationAccess .box {
		padding-top: 0;
		width: 54.42vw;
		margin-left: auto;

	}
	[lang="zh-cmn-Hant-TW"] #infomationAccess .box,
	[lang="zh-cmn-Hans-CN"] #infomationAccess .box {
		padding-top: 0;
		width: 54.42vw;
		margin-left: auto;

	}
}
@media(max-width: 767px) {

	#infomationAccess .define dt img {
		height: 8vw;
	}
}

#infomationTransportation {}
#infomationTransportation .table {
	margin-bottom: 0;
	font-feature-settings: "palt";
}
@media(min-width: 768px) {
	#infomationTransportation {
		padding-left: 0.625vw;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#infomationTransportation .title {
		padding-bottom: 1.3vw;
		margin-bottom: 1.3vw;
	}
	#infomationTransportation .title img {
		height: 3.49vw;
	}
	#infomationTrain{
		width: 39.06vw;
		margin-bottom: 5.21vw;
		font-size: 1.04vw;
	}
	#infomationBus{
		width: 39.06vw;
		margin-bottom: 5.21vw;
		font-size: 1.04vw;
	}
	#infomationRentalCar  {
		width: 100%;
	}

	[lang="en"] #infomationTrain,
	[lang="en"] #infomationBus {
		width: 100%;
	}
}
@media(max-width: 767px) {

	#infomationTransportation .title img {
		height: 8vw;
	}
	#infomationTrain{
		margin-bottom: 10.7vw;
	}
	#infomationBus{

		margin-bottom: 10.7vw;
	}

}


#youtube-wrap {
	height: 56.31vw;
	width: 100%;
	position: relative;
}
#youtube-wrap .title {
	margin: 0;
	position: absolute;
	left: 0;
	font-family: "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN W3", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
}
[lang="zh-cmn-Hant-TW"] #youtube-wrap .title {
	font-family: "Noto Serif TC", serif;
}
[lang="zh-cmn-Hans-CN"] #youtube-wrap .title {
	font-family: "Noto Serif SC", serif;
}
[lang="en"] #youtube-wrap .title,
[lang="zh-cmn-Hant-TW"] #youtube-wrap .title ,
[lang="zh-cmn-Hans-CN"] #youtube-wrap .title {
	background-color: rgba(0,0,0,.5);
	color: #fff;
}
#youtube-wrap .btn {
	position: absolute;
}
#iframe_youtube {
	width: 100%!important;
	height: 100%!important;
	margin: 0!important;
}
@media(min-width: 758px) {

	#youtube-wrap {
		height: 56.31vw;
		margin-bottom: 3.59vw;
	}
	#youtube-wrap .title {
		top: 4.22vw;
	}
	#youtube-wrap .title img {
		height: 9.58vw;
	}
	#youtube-wrap .btn {
		font-size: 1.56vw;
		right: 1.04vw;
		bottom: 1.04vw;

	}
	[lang="en"] #youtube-wrap .title,
	[lang="zh-cmn-Hant-TW"] #youtube-wrap .title,
	[lang="zh-cmn-Hans-CN"] #youtube-wrap .title {
		padding: 0 3.65vw;
		font-size: 3.13vw;
		height: 9.58vw;
		line-height: 9.58vw;
	}
}
@media(max-width: 767px) {

	#youtube-wrap {
		margin-bottom: 15px;
	}
	#youtube-wrap .title {
		margin: 0;
		top: 30px;
	}
	#youtube-wrap .title img {
		height: 40px;
	}

	#youtube-wrap .btn {
		font-size: 20px;
		right: 15px;
		bottom: 15px;

	}
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}