@charset "UTF-8";
* {
  position: relative;
  margin: 0;
  box-sizing: border-box;
  z-index: auto;
}

html {
  width: 100%;
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
}
html.-fix {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 719px) {
  html {
    font-size: 4vmin; /* 画面最小幅375px時に15px */
  }
  html.admin-bar {
    margin-top: 46px;
  }
}
@media (min-width:720px) and (max-width:1199px) {
  html {
    font-size: 1.333vw;
    /* 画面幅601px時:14px 〜 1200px時:16px 
    14px + ( 100vw - 600px ) / ( 1200px / 600px ) * ( 16px - 14px ) */
    font-size: calc(14px + (100vw - 600px) / 300);
  }
  html.admin-bar {
    margin-top: 46px;
  }
}
@media (min-width: 783px) {
  html.admin-bar {
    margin-top: 32px;
  }
}
@media print {
  html {
    font-size: 9pt;
  }
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}
[lang=ja] body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}

a,
a::before,
a::after {
  transition: all 0.2s;
}

img {
  max-width: 100%;
  height: auto;
}
img[src$=".png"] {
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

.switch {
  display: none !important;
}

.bnr {
  line-height: 1;
  color: inherit;
  fill: inherit;
  text-decoration: none;
  transition: all 0.2s;
}
.bnr:hover {
  opacity: 0.8;
}
.bnr img {
  vertical-align: bottom;
}

.trim_img {
  display: block;
  overflow: hidden;
}
.trim_img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.trim_img > a {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.trim_img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  max-height: none;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}
.trim_img.trim_w img {
  max-width: none;
  width: auto;
  height: 100%;
}
.trim_img.trim_h img {
  width: 100%;
  height: auto;
}
.trim_img .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0.5em;
  line-height: 1.25;
}

@media screen and (max-width: 719px) {
  .trim_img.-sp_trim_w img {
    max-width: none;
    width: auto;
    height: 100%;
  }
  .trim_img.-sp_trim_h img {
    width: 100%;
    height: auto;
  }
}
@media (min-width:720px) {
  .trim_img.-tb_trim_w img {
    max-width: none;
    width: auto;
    height: 100%;
  }
  .trim_img.-tb_trim_h img {
    width: 100%;
    max-height: none;
    height: auto;
  }
}
@media (min-width:1200px) {
  .trim_img.-pc_trim_w img {
    max-width: none;
    width: auto;
    height: 100%;
  }
  .trim_img.-pc_trim_h img {
    width: 100%;
    max-height: none;
    height: auto;
  }
}
.ib {
  display: inline-block;
}

.-sp,
.-tb,
.-pc {
  display: none;
}

.inner,
.-sp_inner,
.-tb_inner,
.-pc_inner,
.narrow {
  margin-right: auto;
  margin-left: auto;
}

.inner {
  width: 90%;
}

.narrow {
  width: 80%;
  max-width: 900px;
}

@media screen and (max-width: 719px) {
  .-sp {
    display: inherit;
  }
  .-sp_inner {
    width: 90%;
  }
}
@media (min-width:720px) and (max-width:1199px) {
  .-tb {
    display: inherit;
  }
  .-tb_inner {
    width: 90%;
  }
}
@media (min-width:1200px) {
  .-pc {
    display: inherit;
  }
  .-pc_inner {
    width: 90%;
  }
}
.split_mail {
  display: inline-flex !important;
  flex-direction: row-reverse;
  white-space: nowrap;
  word-break: keep-all;
}
.split_mail > .mail_d::before {
  content: "@";
}

.menu_list {
  margin: auto;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.menu_list a {
  color: inherit;
  fill: inherit;
  text-decoration: none;
}

#content {
  width: 100%;
  overflow-x: hidden;
}
#content .inner,
#content .-tb_inner,
#content .-pc_inner {
  max-width: 1000px;
  max-width: 1000px;
}

/* to_top */
a.to_top {
  display: block;
  position: fixed;
  bottom: -6em;
  right: 0;
  margin: 1rem;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #1a0b08;
  text-align: center;
  text-decoration: none;
  z-index: 2999;
  overflow: hidden;
  transition: all 0.2s;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
a.to_top::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: -0.3em auto auto;
  width: 1.2em;
  height: 1.2em;
  border-style: solid;
  border-width: 0.2em 0.2em 0 0;
  transform: rotate(-45deg);
}
a.to_top.-active {
  bottom: 0;
}
a.to_top .txt {
  display: inline-block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: auto;
  -ms-word-break: keep-all;
  word-break: keep-all;
  white-space: nowrap;
}

/* Pager */
.pager {
  line-height: 1;
  font-size: 0.75em;
  text-align: center;
}
.pager .page_list,
.pager .page-numbers {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
}
.pager .page_list a,
.pager .page_list span.current,
.pager .page-numbers a,
.pager .page-numbers span.current {
  display: block;
  padding: 0.5em;
  text-decoration: none;
}
.pager .page_list a:hover,
.pager .page_list span.current:hover,
.pager .page-numbers a:hover,
.pager .page-numbers span.current:hover {
  text-decoration: underline;
}
.pager.pager_single .page_list > li {
  max-width: 32%;
}
.pager.pager_single .page_list > li.index {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.pager.pager_single .page_list > li.next a::after, .pager.pager_single .page_list > li.prev a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0.75em;
  width: 0.5em;
  height: 0.5em;
  border: solid 1px;
  transform: rotate(45deg);
}
.pager.pager_single .page_list > li.prev {
  margin-right: 0;
  margin-left: auto;
}
.pager.pager_single .page_list > li.prev a {
  padding-right: 1.5em;
}
.pager.pager_single .page_list > li.prev a::after {
  right: 0;
  border-bottom: none;
  border-left: none;
}
.pager.pager_single .page_list > li.next {
  margin-right: auto;
  margin-left: 0;
}
.pager.pager_single .page_list > li.next a {
  padding-left: 1.5em;
}
.pager.pager_single .page_list > li.next a::after {
  left: 0;
  border-top: none;
  border-right: none;
}
.pager.pager_index {
  color: #9F7D2C;
}
.pager.pager_index .page-numbers > li {
  margin: 0 0.1rem;
}
.pager.pager_index .page-numbers > li a,
.pager.pager_index .page-numbers > li .current {
  color: inherit;
  fill: inherit;
  padding-right: 0;
  padding-left: 0;
  width: 2em;
  border: solid thin #9F7D2C;
}
.pager.pager_index .page-numbers > li a:hover,
.pager.pager_index .page-numbers > li .current {
  background-color: #9F7D2C;
  color: #FFFFFF;
  fill: #FFFFFF;
  text-decoration: none;
}
/* Breadcrumb */
.breadcrumb {
  padding: 1rem 0;
  font-size: 0.625em;
  line-height: 1.25;
}
.breadcrumb a {
  color: inherit;
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb .bc_list {
  list-style: none;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin: auto;
  padding: 0;
}
.breadcrumb .bc_list > li:not(:first-child)::before {
  content: "";
  display: inline-block;
  margin: -0.1em 0.5em auto;
  width: 0.4em;
  height: 0.4em;
  border-style: solid;
  border-width: thin thin 0 0;
  vertical-align: middle;
  transform: rotate(45deg);
}
.breadcrumb .home,
.breadcrumb .current {
  font-weight: bold;
  font-style: normal;
}
@media screen and (max-width: 719px) {
  .breadcrumb .bc_list {
    overflow-x: auto;
    white-space: nowrap;
    -ms-word-break: keep-all;
    word-break: keep-all;
  }
}
@media (min-width:720px) {
  .breadcrumb > .inner {
    width: 96%;
  }
}

.site_logo > svg.logo {
  width: 11.125em;
  height: 1em;
}

#header {
  position: fixed;
  top: auto;
  right: 0;
  left: 0;
  margin: 0;
  /*
  	color: $color-white;
  	fill: $color-white;
  */
}
#header a {
  color: inherit;
  fill: inherit;
  text-decoration: none;
}
#header .site_logo {
  display: block;
  line-height: 1;
}
#header .site_logo[href]:hover {
  background-color: #FFFFFF;
}
@media screen and (max-width: 719px) {
  #header {
    background-color: #FFFFFF;
    padding: 1.5rem 5vw;
    z-index: 3000;
  }
  #header .site_logo {
    font-size: 1.5em;
  }
}
@media (min-width:720px) {
  #header {
    display: flex;
    align-items: flex-start;
    z-index: 2000;
  }
  #header .site_logo {
    margin: 0 1px 0 0;
    padding: 0 3%;
    height: 3.5rem;
    width: 33.25rem;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 1.375em;
    box-sizing: content-box;
  }
  #header .site_logo > svg {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    transform: translate(0, -50%);
  }
}

#lang_menu {
  line-height: 1;
}
#lang_menu .menu_list a {
  display: block;
  line-height: 1;
}
@media screen and (max-width: 719px) {
  #lang_menu {
    margin-top: 0.5rem;
    font-size: 0.875em;
  }
  #lang_menu #lang_menu_btn {
    pointer-events: none;
    display: inline-block;
    font-size: 1.5em;
    vertical-align: middle;
  }
  #lang_menu .menu_list {
    display: inline-flex;
    vertical-align: middle;
  }
  #lang_menu .menu_list > li:not(:last-child) {
    margin-right: 0.5em;
    padding-right: 0.5em;
    border-right: solid 1px;
  }
}
@media (min-width:720px) {
  #lang_menu {
    order: 2;
    flex-shrink: 0;
    flex-grow: 0;
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(255, 255, 255, 0.9);
    font-size: 0.8125em;
    text-align: center;
    transition: all 0.2s;
  }
  #lang_menu #lang_menu_btn {
    display: block;
    width: 100%;
    height: 100%;
  }
  #lang_menu #lang_menu_btn > .icn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    font-size: 1.5em;
    transform: translate(-50%, -50%);
  }
  #lang_menu .menu_list {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #FFFFFF;
    font-size: 0.875em;
    text-align: left;
    overflow: hidden;
  }
  #lang_menu .menu_list > li {
    float: left;
    margin-top: -100%;
    margin-bottom: 0.5em;
    width: 100%;
    transition: all 0.2s;
  }
  #lang_menu .menu_list a {
    display: block;
    padding: 0 1em 0 2.5em;
    white-space: nowrap;
    word-break: keep-all;
  }
  #lang_menu .menu_list a::before {
    content: "";
    display: inline-block;
    margin-left: -1.5em;
    margin-bottom: 0.2em;
    margin-right: 0.25em;
    width: 1.25em;
    height: 1.25em;
    background-image: url(../images/arr-right.svg?v=20211115);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.2em 1.2em;
    vertical-align: middle;
  }
  #lang_menu:hover {
    background-color: #FFFFFF;
  }
  #lang_menu:hover .menu_list {
    padding-top: 0.5em;
  }
  #lang_menu:hover .menu_list > li {
    margin-top: 0;
  }
}

#head_menu_switch + #head_menu_btn {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 3em;
  height: 3em;
}
@media screen and (max-width: 719px) {
  #head_menu_switch + #head_menu_btn {
    display: block;
    position: absolute;
    top: 2.5rem;
    margin: auto 5vw;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 4200;
    transform: translate(0, -50%);
  }
  #head_menu_switch + #head_menu_btn::before, #head_menu_switch + #head_menu_btn::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 2em;
    height: 0.6em;
    border-style: solid;
    border-width: 2px 0;
    opacity: 1;
    transition: all 0.1s 0s;
  }
  #head_menu_switch + #head_menu_btn::before {
    bottom: 50%;
    margin-bottom: -1px;
  }
  #head_menu_switch + #head_menu_btn::after {
    top: 50%;
    margin-top: -1px;
  }
  #head_menu_switch + #head_menu_btn > .btn_txt {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 0.625em;
    transform-origin: center bottom;
    transform: scale(0.8, 0.8);
  }
  #head_menu_switch ~ #head_menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    background-color: rgba(255, 255, 255, 0.95);
    overflow: hidden;
    z-index: 4000;
    transition: all 0.2s;
    opacity: 0;
    transform: translate(100%, 0);
  }
  #head_menu_switch:checked ~ #head_menu_btn::before, #head_menu_switch:checked ~ #head_menu_btn::after {
    height: 0;
    border-width: 1px 0;
  }
  #head_menu_switch:checked ~ #head_menu_btn::before {
    transform: rotate(45deg);
  }
  #head_menu_switch:checked ~ #head_menu_btn::after {
    transform: rotate(-45deg);
  }
  #head_menu_switch:checked ~ #head_menu {
    height: 100vh;
    opacity: 1;
    transform: translate(0%, 0);
  }
}

#head_menu .main_menu .menu_list a {
  display: block;
  text-align: center;
  line-height: 1.25;
}
#head_menu .main_menu .menu_list > li {
  /*
  				&.menu_about {
  					background-color: $color-dark-green; 
  				}
  				&.menu_hotels {
  					background-color: $color-navy; 
  				}
  				&.menu_oneday {
  					background-color: $color-dark-red; 
  				}
  				&.menu_spot-event {
  					background-color: $color-indigo; 
  				}
  				&.menu_modelcourse {
  					background-color: $color-ocher; 
  				}
  				&.menu_access {
  					background-color: $color-cocoa; 
  				}
  				> a {
  					&::before {
  						content: '';
  						flex-shrink: 0;
  						display: block;
  						margin: auto;
  						width: 1em;
  						height: 1em;
  						background-position: center center;
  						background-size: 1em 1em;
  						font-size: 3em;
  					}
  					&::after {
  						display: block;
  						font-size: .7em;
              [lang^="en"] & {
                display: none;
              }
  					}
  				}
  				&.menu_about {
  					> a { 
  						&::before {
  							background-image: url(../images/icn-menu_about.svg?v=20211129);
  						}
  						&::after {
  							content: 'ABOUT';
  						}
  					}
  				}
  				&.menu_hotels {
  					> a { 
  						&::before {
  							background-image: url(../images/icn-menu_hotels.svg?v=20211129);
  						}
  						&::after {
  							content: 'HOTELS';
  						}
  					}
  				}
  				&.menu_oneday {
  					> a { 
  						&::before {
  							background-image: url(../images/icn-menu_oneday.svg?v=20211129);
  						}
  						&::after {
  							content: 'ONE DAY';
  						}
  					}
  				}
  				&.menu_spot-event {
  					> a { 
  						&::before {
  							background-image: url(../images/icn-menu_spot-event.svg?v=20211115);
  						}
  						&::after {
  							content: 'SPOT / EVENT';
  						}
  						@include mq(sp) {
  							.-sp {
  								display: inline;
  							}
  						}
  					}
  				}
  				&.menu_modelcourse {
  					> a { 
  						&::before {
  							background-image: url(../images/icn-menu_modelcourse.svg?v=20211115);
  						}
  						&::after {
  							content: 'MODEL COURSE';
  						}
  					}
  				}
  				&.menu_access {
  					> a { 
  						&::before {
  							background-image: url(../images/icn-menu_access.svg?v=20211115);
  						}
  						&::after {
  							content: 'ACCESS';
  						}
  					}
  				}
          */
}
#head_menu .main_menu .menu_list > li .sub-menu {
  list-style: none;
  padding: 0;
  font-size: 0.875em;
}
#head_menu .main_menu .menu_list > li .sub-menu > li {
  margin-bottom: 0.5em;
}
#head_menu .main_menu .menu_list > li .sub-menu > li > a {
  padding-left: 2.5em;
  text-align: left;
}
#head_menu .main_menu .menu_list > li .sub-menu > li > a::before {
  content: "";
  display: inline-block;
  margin-left: -1.5em;
  margin-bottom: 0.2em;
  margin-right: 0.25em;
  width: 1.25em;
  height: 1.25em;
  background-image: url(../images/arr-right.svg?v=20211115);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.2em 1.2em;
  vertical-align: middle;
}
#head_menu .main_menu a[href="#"] {
  cursor: auto;
  pointer-events: none;
}
@media screen and (max-width: 719px) {
  #head_menu .main_menu .menu_list > li {
    padding-left: 4.5em;
  }
  #head_menu .main_menu .menu_list > li:not(:last-child) {
    border-bottom: solid thin;
  }
  #head_menu .main_menu .menu_list > li > a {
    padding: 1em;
    text-align: left;
  }
  #head_menu .main_menu .menu_list > li > a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    margin: auto;
  }
  #head_menu .main_menu .menu_list > li .sub-menu {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.5em;
  }
  #head_menu .main_menu .menu_list > li .sub-menu > li {
    margin-right: 1em;
  }
}
@media (min-width:720px) {
  #head_menu {
    flex-grow: 1;
  }
  #head_menu .main_menu {
    font-size: 0.8125em;
  }
  #head_menu .main_menu .menu_list {
    display: flex;
    align-items: flex-start;
  }
  #head_menu .main_menu .menu_list > li {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 16.666%;
    flex-basis: 16.6666666667%;
    margin-right: 1px;
    background-color: rgba(255, 255, 255, 0.9);
    transition: all 0.2s;
  }
  #head_menu .main_menu .menu_list > li:hover {
    background-color: #FFFFFF;
  }
  #head_menu .main_menu .menu_list > li > a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5em 5%;
    height: 3.5rem;
  }
  #head_menu .main_menu .menu_list > li .sub-menu {
    overflow: hidden;
  }
  #head_menu .main_menu .menu_list > li .sub-menu > li {
    float: left;
    margin-top: -100%;
    width: 100%;
    transition: all 0.2s;
  }
  #head_menu .main_menu .menu_list > li:hover .sub-menu > li {
    margin-top: 0;
  }
  body:not(#home) #head_menu .main_menu > .menu_list > li > a::before, body:not(#home) #head_menu .main_menu > .menu_list > li > a::after, #home #header.-fix #head_menu .main_menu > .menu_list > li > a::before, #home #header.-fix #head_menu .main_menu > .menu_list > li > a::after {
    display: none;
  }
}

#footer {
  margin: auto 0 0;
  background-color: #FFFFFF;
}
#footer a {
  color: inherit;
  fill: inherit;
}
#footer > .inner {
  padding: 2rem 0;
}
#footer .footer_col {
  border-style: solid;
  border-width: 0;
  border-color: rgba(128, 128, 128, 0.5);
}
@media screen and (max-width: 719px) {
  #footer .footer_col:not(:last-child) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom-width: thin;
  }
}
@media (min-width:720px) {
  #footer > .inner {
    display: flex;
    padding: 4rem 0;
  }
  #footer .footer_col {
    width: 50%;
  }
  #footer .footer_col:not(:last-child) {
    margin-right: 1.5rem;
    padding-right: 1.5rem;
    border-right-width: thin;
  }
}
#footer .contact_menu {
  font-size: 0.875em;
}
#footer .contact_menu .menu_list {
  display: flex;
  justify-content: space-between;
}
#footer .contact_menu .menu_list > li {
  flex-basis: 48%;
}
#footer .contact_menu .menu_list > li a {
  display: block;
  padding: 1em;
  border-radius: 2em;
  text-align: center;
  line-height: 1.25;
  white-space: nowrap;
  word-break: keep-all;
}
#footer .contact_menu .menu_list > li a:hover {
  transform: translate(0, -1px);
  box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.3);
}
#footer .contact_menu .menu_list > li:nth-child(2n+1) a {
  background-color: #9FA0A0;
  color: #FFFFFF;
  fill: #FFFFFF;
}
#footer .contact_menu .menu_list > li:nth-child(2n+0) a {
  background-color: #D5D5D6;
  color: inherit;
  fill: inherit;
}
#footer .org_info {
  margin-bottom: 1em;
  font-style: normal;
}
#footer .org_info .org_name {
  margin-bottom: 0.5em;
  font-weight: bold;
}
#footer .org_info .org_name > span {
  display: inline-block;
}
#footer .org_info .org_address {
  font-size: 0.875em;
}
#footer .org_info .org_address span {
  display: inline-block;
}
html[lang=ja] #footer .org_info .org_address span.postcode::before {
  content: "〒";
}
#footer .org_info .org_tel {
  font-size: 0.875em;
}
#footer .org_info .org_tel .tel_link {
  display: inline-block;
}
#footer .org_menu .menu_list > li {
  display: inline-block;
}
#footer .org_menu .menu_list > li:not(:last-child) {
  margin-right: 1.5em;
}
#footer .org_menu .menu_list > li a {
  display: block;
  padding-left: 1em;
}
#footer .org_menu .menu_list > li a:hover {
  text-decoration: underline;
}
#footer .org_menu .menu_list > li a::before {
  content: "⟩";
  margin-left: -1em;
  display: inline-block;
  width: 1em;
  text-align: center;
}
@media screen and (max-width: 719px) {
  #footer .org_menu {
    font-size: 0.875em;
  }
}
@media (min-width:720px) {
  #footer .org_menu {
    font-size: 0.75em;
  }
}
#footer .copyright {
  padding: 1.5rem 0;
  background-color: #323333;
  color: #B1B1B2;
  fill: #B1B1B2;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 719px) {
  #footer .copyright {
    font-size: 0.625em;
  }
}
@media (min-width:720px) {
  #footer .copyright {
    font-size: 0.8125em;
  }
}

.aside_block > .inner {
  padding: 3rem 0;
}
.aside_block .aside_title {
  margin-bottom: 1.5rem;
  padding-left: 0.25em;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 1.375em;
  text-align: center;
}
[lang=ja] .aside_block .aside_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  letter-spacing: 0.25em;
}
[lang^=zh] .aside_block .aside_title {
  letter-spacing: 0.25em;
}
@media (min-width:720px) {
  .aside_block > .inner {
    padding: 4.5rem 0;
  }
}
.aside_block#bookmark {
  background-color: #C9BC9C;
}
.aside_block#bookmark .bookmark_list {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  line-height: 1;
}
.aside_block#bookmark .bookmark_bnr {
  display: block;
  padding-top: 40%;
  background-color: #9A7E3B;
  color: #9A7E3B;
  fill: #9A7E3B;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
}
.aside_block#bookmark .bookmark_bnr:hover {
  transform: scale(1.05, 1.05);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.aside_block#bookmark .bookmark_bnr > .bnr {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
.aside_block#bookmark .bookmark_bnr > .bnr.bnr_txt {
  display: flex;
  padding-left: 0.1em;
  border-radius: 0 0 2.5rem 0;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  line-height: 1.5;
}
[lang=ja] .aside_block#bookmark .bookmark_bnr > .bnr.bnr_txt, [lang^=zh] .aside_block#bookmark .bookmark_bnr > .bnr.bnr_txt {
  letter-spacing: 0.1em;
}
.aside_block#bookmark .bookmark_bnr > .bnr.bnr_img {
  border: solid 1px #333333;
  background-color: #333333;
}
.aside_block#bookmark .bookmark_bnr > .bnr.bnr_img .caption {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
  padding: 0.5em;
  background-color: rgba(51, 51, 51, 0.85);
  color: #FFFFFF;
  text-align: center;
}
html[lang=ja] .aside_block#bookmark .bookmark_bnr > .bnr {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
@media screen and (max-width: 719px) {
  .aside_block#bookmark .bookmark_list {
    margin-bottom: -4%;
  }
  .aside_block#bookmark .bookmark_list > li {
    margin: auto 2% 4%;
    width: 10rem;
  }
  .aside_block#bookmark .bookmark_bnr > .bnr.bnr_txt {
    font-size: 0.75em;
  }
  .aside_block#bookmark .bookmark_bnr > .bnr.bnr_img .caption {
    font-size: 0.75em;
  }
}
@media (min-width:720px) {
  .aside_block#bookmark .bookmark_list {
    margin-left: -1%;
    margin-bottom: -2%;
    width: 102%;
  }
  .aside_block#bookmark .bookmark_list > li {
    margin: auto 1% 2%;
    width: 23%;
    max-width: 12rem;
  }
  .aside_block#bookmark .bookmark_bnr > .bnr.bnr_txt {
    font-size: 0.875em;
  }
  .aside_block#bookmark .bookmark_bnr > .bnr.bnr_img .caption {
    font-size: 0.875em;
  }
}
.aside_block#sns {
  background-color: #323333;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.aside_block#sns .sns_block .sns_title {
  margin-bottom: 1em;
  padding-left: 0.1em;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 1em;
}
[lang=ja] .aside_block#sns .sns_block .sns_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  letter-spacing: 0.1em;
}
[lang^=zh] .aside_block#sns .sns_block .sns_title {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 719px) {
  .aside_block#sns .sns_block:not(:last-child) {
    margin-bottom: 3rem;
  }
}
@media (min-width:720px) {
  .aside_block#sns > .inner {
    display: flex;
    justify-content: space-between;
    gap: 2%;
  }
  .aside_block#sns .sns_block {
    width: 32%;
    max-width: 500px;
  }
}
@media (min-width:1200px) {
  .aside_block#sns > .inner {
    justify-content: space-around;
  }
}

#content {
  flex-grow: 1;
  margin: 0;
}
@media screen and (max-width: 719px) {
  #content {
    padding-top: 3rem;
  }
}
#content .row {
  padding: 3rem 0;
}
#content .breadcrumb {
  position: absolute;
  top: 8rem;
  right: 0;
  left: 0;
  z-index: 100;
}
#content .main_block .main_head {
  background-image: url(../images/main_head-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
#content .main_block .main_head > .inner {
  height: 8rem;
}
#content .main_block .main_head .main_title {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 1rem auto;
  padding-left: 0.5em;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
}
[lang=ja] #content .main_block .main_head .main_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  letter-spacing: 0.5em;
}
[lang^=zh] #content .main_block .main_head .main_title {
  letter-spacing: 0.5em;
}
#content .main_block .main_body {
  padding: 3rem 0;
}
#content .main_block .main_body .archive_title {
  margin-bottom: 1.5rem;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 1.25em;
  line-height: 1;
}
#content .main_block .main_foot > .inner {
  margin: 3rem auto;
}
#content .main_block .page_title {
  margin-bottom: 1.5rem;
  padding-left: 0.1em;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 2em;
  text-align: center;
  line-height: 1.25;
}
[lang=ja] #content .main_block .page_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  letter-spacing: 0.1em;
}
[lang^=zh] #content .main_block .page_title {
  letter-spacing: 0.1em;
}
#content .main_block .page_title small {
  display: inline-block;
  font-size: 0.5em;
}
#content .main_block .page_menu .menu_list {
  display: flex;
  flex-wrap: wrap;
}
#content .main_block .page_menu .menu_list > li {
  flex-shrink: 0;
  flex-grow: 1;
  margin-bottom: 1rem;
}
#content .main_block .page_menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1.5em 0.5em 1em;
  height: 5em;
  border-radius: 0.625em;
  background-color: #7a6a56;
  color: #FFFFFF;
  fill: #FFFFFF;
}
#content .main_block .page_menu a::after {
  content: "⟩";
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 1em;
  height: 1em;
}
#content .sect_block:not(:last-child) {
  margin-bottom: 3rem;
}
#content .sect_block .sect_title {
  margin-bottom: 1em;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 1.25em;
}
[lang=ja] #content .sect_block .sect_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  letter-spacing: 0.25em;
}
[lang^=zh] #content .sect_block .sect_title {
  letter-spacing: 0.25em;
}
@media (min-width:720px) {
  #content {
    margin-top: 3.5rem;
  }
  #content .row {
    padding: 4.5rem 0;
  }
  #content .main_block .main_body {
    padding: 4.5rem 0;
  }
  #content .sect_block:not(:last-child) {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 719px) {
  .post_area .main_foot {
    margin-bottom: 3rem;
  }
}
@media (min-width:720px) {
  .post_area {
    display: flex;
    justify-content: space-between;
  }
  .post_area .main_body {
    flex-shrink: 1;
    flex-grow: 1;
  }
  .post_area .main_foot {
    flex-shrink: 0;
    flex-grow: 0;
    margin: 4.5rem 0 4.5rem 3rem;
  }
}

.post_sidebar .widget:not(:last-child) {
  margin-bottom: 1.5rem;
}
.post_sidebar .widget .widgettitle {
  margin-bottom: 0.5em;
  padding-bottom: 0.25em;
  border-bottom: solid thin rgba(159, 160, 160, 0.5);
  font-size: 1em;
}
.post_sidebar .widget ul {
  list-style: none;
  margin: auto;
  padding: 0;
  font-size: 0.875em;
  line-height: 1.25;
}
@media screen and (max-width: 719px) {
  .post_sidebar {
    display: flex;
    justify-content: space-between;
  }
  .post_sidebar .widget {
    width: 45%;
  }
}
@media (min-width:720px) {
  .post_sidebar {
    width: 10rem;
  }
}

.post_list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.post_list .post_block {
  display: block;
  color: inherit;
  text-decoration: none;
}
.post_list .post_block.sticky {
  background-color: #FFF100;
}

#news .post_list {
  display: flex;
  flex-wrap: wrap;
}
#news .post_list > li {
  border-style: solid;
  border-width: 0 0 thin;
  border-color: rgba(159, 160, 160, 0.5);
}
#news .post_list > li:first-child {
  border-top-width: thin;
}
#news .post_list .post_block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.5em;
}
#news .post_list .post_block:hover {
  opacity: 0.6;
}
#news .post_list .post_block .post_text {
  flex-shrink: 0;
  flex-grow: 1;
}
#news .post_list .post_block .post_text .post_cate {
  display: inline-block;
  list-style: none;
  margin: auto 0.5em;
  padding: 0;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 0.625em;
  line-height: 1;
}
html[lang=ja] #news .post_list .post_block .post_text .post_cate {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
#news .post_list .post_block .post_text .post_cate > li {
  display: inline-block;
  padding: 0.25em 0.75em;
  background-color: #7a6a56;
  text-align: center;
}
#news .post_list .post_block .post_text time {
  color: #9fa0a0;
  font-size: 0.75em;
}
#news .post_list .post_block .post_text .post_title {
  color: #4c4948;
  font-size: 0.875em;
}
#news .post_list .post_block .post_thumb {
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: 1rem;
  width: 4em;
}
@media screen and (max-width: 719px) {
  #news .post_list {
    justify-content: center;
    margin-bottom: 1.5rem;
    margin-right: 0.5rem;
    width: calc(100% + 0.5rem);
  }
  #news .post_list > li {
    width: 100%;
  }
  #news .post_list > li:last-child(:not(:first-child)) {
    margin-right: auto;
  }
  #news .post_list > li:nth-child(2) {
    border-top-width: thin;
  }
}
@media (min-width:720px) {
  #news .post_list {
    width: 110%;
  }
  #news .post_list > li {
    margin-right: 5%;
    width: 45%;
  }
}

#topics .post_list {
  display: flex;
  flex-wrap: wrap;
}
#topics .post_list .post_block {
  color: #4c4948;
}
#topics .post_list .post_block:hover {
  transform: scale(1.05, 1.05);
  z-index: 100;
}
#topics .post_list .post_block .post_thumb {
  margin-bottom: 0.5rem;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
}
#topics .post_list .post_block .post_thumb::before {
  padding-top: 75%;
}
#topics .post_list .post_block .post_cate {
  list-style: none;
  margin: auto;
  padding: 0;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 0.75em;
  line-height: 1;
}
html[lang=ja] #topics .post_list .post_block .post_cate {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
#topics .post_list .post_block .post_cate > li {
  padding: 0.5em 1em;
  background-color: #7a6a56;
}
#topics .post_list .post_block time {
  display: inline-block;
  color: #9fa0a0;
  font-size: 0.75em;
  line-height: 1;
}
#topics .post_list .post_block .post_title {
  font-size: 0.875em;
}
#topics .post_list .post_block .post_more {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 0.75em;
  text-align: right;
  vertical-align: middle;
  line-height: 1;
}
html[lang=ja] #topics .post_list .post_block .post_more {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
#topics .post_list .post_block .post_more::after {
  content: "→";
  display: inline-block;
  margin-bottom: 0.2em;
  margin-left: 0.5em;
  color: transparent;
  overflow: hidden;
  width: 1.5em;
  height: 0.4em;
  border-style: solid;
  border-color: #1a0b08;
  border-width: 0 thin thin 0;
  transform-origin: right bottom;
  transform: skewX(45deg);
}
@media screen and (max-width: 719px) {
  #topics .post_list > li {
    width: 100%;
  }
  #topics .post_list > li:not(:last-child) {
    margin-bottom: 5%;
  }
  #topics .post_list .post_block::after {
    content: "";
    display: block;
    clear: both;
  }
  #topics .post_list .post_block .post_thumb {
    float: left;
    margin: 0 5% 0 0;
    width: 40%;
  }
  #topics .post_list .post_block .post_cate > li {
    display: inline-block;
  }
  #topics .post_list .post_block .post_title {
    padding-bottom: 1em;
  }
}
@media (min-width:720px) {
  #topics .post_list {
    width: 102%;
  }
  #topics .post_list > li {
    margin-bottom: 1.5rem;
    margin-right: 2%;
    width: 31.333%;
    width: 31.3333333333%;
  }
  #topics .post_list .post_block {
    padding-bottom: 1.5em;
    height: 100%;
  }
  #topics .post_list .post_block .post_cate {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
  }
}

#notice {
  margin-bottom: 1em;
  background-color: #E1DCCB;
  line-height: 1.25;
  /*
  	&::after {
  		content: '';
  		display: block;
  		position: absolute;
  		top: 100%;
  		right: 0;
  		left: 0;
  		margin: auto;
  		width: 0;
  		height: 0;
  		border-style: solid;
  		border-width: 1em 1em 0;
  		border-color: $color-yellow transparent;
  	}
  */
}
#notice > .inner {
  padding: 1em 0;
}
#notice dt::after {
  content: "";
  display: block;
  border-bottom: solid thin;
}
#notice dd:not(:last-child) {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: dotted thin;
}
#notice a {
  display: inline-block;
  color: inherit;
  fill: inherit;
  text-decoration: none;
}
#notice a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 719px) {
  #notice dt {
    margin-bottom: 0.5em;
  }
  #notice dt::after {
    margin-top: 0.25em;
  }
}
@media (min-width:720px) {
  #notice > .inner::after {
    content: "";
    clear: both;
    display: block;
  }
  #notice dt {
    float: left;
    width: 0.58em;
    white-space: nowrap;
    word-break: keep-all;
  }
  #notice dt::after {
    display: inline-block;
    width: 1.5em;
    vertical-align: middle;
    transform-origin: center center;
    transform: rotate(-45deg);
  }
  #notice dd {
    margin-left: 8.5em;
  }
}

.post_single.post_block .post_head {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: solid thin rgba(159, 160, 160, 0.5);
}
.post_single.post_block .post_foot {
  margin-top: 1rem;
  padding-top: 0.5rem;
  border-top: solid thin rgba(159, 160, 160, 0.5);
}
.post_single.post_block .post_info {
  color: #9fa0a0;
  font-size: 0.75em;
}
.post_single.post_block .post_info .info_list {
  display: inline-flex;
  white-space: nowrap;
  word-break: keep-all;
}
.post_single.post_block .post_info .info_list:not(:last-child) {
  margin-right: 1em;
}
.post_single.post_block .post_info .info_list > div:not(:last-child)::after {
  content: "/";
  display: inline-block;
  width: 1em;
  text-align: center;
}
.post_single.post_block .post_info .info_list > div > dt {
  display: inline-block;
}
.post_single.post_block .post_info .info_list > div > dt::after {
  content: ": ";
}
.post_single.post_block .post_info .info_list > div > dd {
  display: inline-block;
}
.post_single.post_block .post_info .post_cate {
  list-style: none;
  display: inline-block;
  margin: auto;
  padding: 0;
}

.area_block {
  margin: 3rem auto;
}
.area_block .area_name {
  margin-bottom: 1.5rem;
  padding-bottom: 0.25em;
  font-size: 1.125em;
  border-bottom: solid thin rgba(26, 11, 8, 0.5);
}
[lang=ja] .area_block .area_name, [lang^=zh] .area_block .area_name {
  letter-spacing: 0.1em;
}

.spot_index .spot_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1.5rem;
  padding: 0;
}
.spot_index .spot_list .spot_block {
  display: block;
  margin-bottom: 1.5rem;
  color: inherit;
  text-decoration: none;
}
.spot_index .spot_list .spot_block .spot_name {
  margin-top: 0.5rem;
  font-size: 0.875em;
  font-weight: normal;
}
.spot_index .spot_list .spot_block .spot_thumb::before {
  padding-top: 75%;
}
@media screen and (max-width: 719px) {
  .spot_index .spot_list {
    width: 104%;
  }
  .spot_index .spot_list > li {
    margin-right: 4%;
    width: 46%;
  }
}
@media (min-width:720px) {
  .spot_index .spot_list {
    margin-bottom: -3rem;
    width: 102%;
  }
  .spot_index .spot_list > li {
    margin-right: 2%;
    width: 31.333%;
  }
  .spot_index .spot_list .spot_block {
    margin-bottom: 3rem;
  }
}

#spot_summary .spot_name {
  margin-bottom: 1.5rem;
  padding-left: 0.25em;
  font-size: 1.75em;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  text-align: center;
}
[lang=ja] #spot_summary .spot_name {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  letter-spacing: 0.25em;
}
[lang^=zh] #spot_summary .spot_name {
  letter-spacing: 0.25em;
}
#spot_summary .spot_slide {
  margin-bottom: 1.5rem;
  padding: 0 5%;
  box-sizing: border-box;
}
#spot_summary .spot_slide .sp-arrows {
  right: 100%;
  right: 100%;
}
#spot_summary .spot_slide .sp-arrows .sp-arrow {
  height: 2em;
}
#spot_summary .spot_slide .sp-arrows .sp-arrow.sp-previous-arrow {
  left: -1.5em;
}
#spot_summary .spot_slide .sp-arrows .sp-arrow.sp-next-arrow {
  right: -1.5em;
}
#spot_summary .spot_slide .sp-arrows .sp-arrow::before, #spot_summary .spot_slide .sp-arrows .sp-arrow::after {
  width: 2px;
  height: 1em;
  background-color: #1a0b08;
}
#spot_summary .spot_slide .sp-thumbnails-container.sp-bottom-thumbnails {
  margin-top: 1.5rem;
}
@media (min-width:720px) {
  #spot_summary .spot_name {
    font-size: 2em;
  }
  #spot_summary .spot_slide {
    margin-bottom: 3rem;
  }
  #spot_summary .spot_slide .sp-arrows {
    font-size: 2em;
  }
}
@media (min-width:1200px) {
  #spot_summary .spot_slide {
    padding: 0;
  }
}

#spot_facility {
  background-color: #F8F7F0;
}
#spot_facility .sect_block .sect_title {
  color: #9A7E3B;
  fill: #9A7E3B;
}
#spot_facility .facility_list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  font-size: 0.8125em;
}
#spot_facility .facility_list > li {
  padding-left: 4em;
  border-style: solid;
  border-width: 0 thin thin 0;
  border-color: #9F7D2C;
  background-color: #FFFFFF;
}
#spot_facility .facility_list > li > span {
  display: flex;
  align-items: center;
  min-height: 3em;
}
#spot_facility .facility_list > li .facility_txt {
  padding: 0.25em 1em;
  line-height: 1.25;
}
#spot_facility .facility_list > li .facility_icn {
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4em;
  background-color: #F8F7F0;
  color: #9A7E3B;
  fill: #9A7E3B;
  line-height: 1;
}
#spot_facility .facility_list > li .facility_icn:hover .footnote_num {
  background-color: #9A7E3B;
  color: #FFFFFF;
  border: solid thin;
}
#spot_facility .facility_list > li .facility_icn:hover .footnote_num sup::after {
  content: " : " attr(data-footnote);
  display: inline-block;
  line-height: 1.25;
}
#spot_facility .facility_list > li .facility_icn .footnote_num {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0.7em;
  margin-top: -1em;
  margin-left: 0.25em;
  padding: 0.25em 0.5em;
  white-space: nowrap;
  word-break: keep-all;
  transform: translate(0, -50%);
}
#spot_facility .facility_list > li .facility_icn .footnote_num sup {
  display: block;
}
#spot_facility .facility_list > li .facility_icn .footnote_num sup::before {
  content: "*";
}
html[lang=ja] #spot_facility .facility_list > li .facility_icn .footnote_num sup::before {
  content: "※";
}
#spot_facility .footnote_list {
  color: #9A7E3B;
  fill: #9A7E3B;
  font-size: 0.75em;
  line-height: 1.5;
}
#spot_facility .footnote_list > li {
  display: inline-block;
  margin-right: 1em;
}
#spot_facility .footnote_list > li:not(:last-child) {
  margin-bottom: 0.25em;
}
@media screen and (max-width: 719px) {
  #spot_facility .facility_list > li {
    width: 50%;
    max-width: 50%;
  }
  #spot_facility .facility_list > li:nth-child(-n+2) {
    border-top-width: thin;
  }
  #spot_facility .facility_list > li:nth-child(2n+1) {
    border-left-width: thin;
  }
}
@media (min-width:720px) {
  #spot_facility .facility_list {
    font-size: 0.875em;
  }
  #spot_facility .facility_list > li {
    width: 33.333%;
    width: 33.3333333333%;
  }
  #spot_facility .facility_list > li:nth-child(-n+3) {
    border-top-width: thin;
  }
  #spot_facility .facility_list > li:nth-child(3n+1) {
    border-left-width: thin;
  }
}

#spot_information .comment_block:not(:last-child) {
  margin-bottom: 3rem;
}
#spot_information .comment_block .comment_title {
  padding-left: 1em;
  color: #9A7E3B;
  fill: #9A7E3B;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
[lang=ja] #spot_information .comment_block .comment_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  letter-spacing: 0.25em;
}
[lang^=zh] #spot_information .comment_block .comment_title {
  letter-spacing: 0.25em;
}
#spot_information .comment_block .comment_body {
  padding: 1.5em;
  border-radius: 1em;
  background-color: #F8F7F0;
}
#spot_information .spot_information .sect_title {
  margin-bottom: 1.5rem;
  text-align: center;
  font-family: Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-size: 1.5625em;
}
[lang=ja] #spot_information .spot_information .sect_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
#spot_information .spot_information .info_map {
  margin: 3rem auto auto;
}
#spot_information .spot_information .info_map::before {
  content: "";
  display: block;
  padding-top: 66.666%;
  padding-top: 66.6666666667%;
}
#spot_information .spot_information .info_map > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html[lang=ja] #spot_information .comment_block .comment_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
html[lang=ja] #spot_information .spot_information .sect_title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Droid Sans Japanese", Arial, Helvetica, Roboto, "Droid Sans", sans-serif;
}
@media (min-width:720px) {
  #spot_information .spot_information .info_map {
    width: 80%;
  }
}
@media (min-width:1200px) {
  #spot_information .spot_information .info_map {
    width: 60%;
  }
}

#content .form_note {
  margin-bottom: 0.5em;
  font-size: 0.875em;
  text-align: right;
}
#content .form_note::before {
  content: "*";
  display: inline-block;
  color: #E83820;
  vertical-align: top;
}
#content .form_list {
  width: 100%;
}
#content .form_list input[type=text],
#content .form_list input[type=search],
#content .form_list input[type=tel],
#content .form_list input[type=url],
#content .form_list input[type=email],
#content .form_list input[type=password],
#content .form_list input[type=datetime],
#content .form_list input[type=date],
#content .form_list input[type=month],
#content .form_list input[type=week],
#content .form_list input[type=time],
#content .form_list input[type=datetime-local],
#content .form_list input[type=number],
#content .form_list input[type=reset],
#content .form_list input[type=button],
#content .form_list textarea,
#content .form_list select {
  max-width: 100%;
}
#content .form_list input[type=text]:not([name^=tel]),
#content .form_list input[type=search]:not([name^=tel]),
#content .form_list input[type=tel]:not([name^=tel]),
#content .form_list input[type=url]:not([name^=tel]),
#content .form_list input[type=email]:not([name^=tel]),
#content .form_list input[type=password]:not([name^=tel]),
#content .form_list input[type=datetime]:not([name^=tel]),
#content .form_list input[type=date]:not([name^=tel]),
#content .form_list input[type=month]:not([name^=tel]),
#content .form_list input[type=week]:not([name^=tel]),
#content .form_list input[type=time]:not([name^=tel]),
#content .form_list input[type=datetime-local]:not([name^=tel]),
#content .form_list input[type=number]:not([name^=tel]),
#content .form_list input[type=reset]:not([name^=tel]),
#content .form_list input[type=button]:not([name^=tel]),
#content .form_list textarea:not([name^=tel]),
#content .form_list select:not([name^=tel]) {
  width: 100%;
}
#content .form_list > div {
  padding: 0;
  border-style: solid;
  border-width: 0;
  border-color: #9fa0a0;
}
#content .form_list > div:not(:last-child) {
  padding-bottom: 0.75em;
  border-bottom-width: thin;
}
#content .form_list > div:not(:first-child) {
  padding-top: 0.75em;
}
#content .form_list > div.required dt::after {
  content: "*";
  display: inline-block;
  color: #E83820;
  vertical-align: top;
}
@media screen and (max-width: 719px) {
  #content .form_list > div dt {
    margin-bottom: 0.25em;
  }
}
@media (min-width:720px) {
  #content .form_list > div {
    display: flex;
  }
  #content .form_list > div dt {
    flex-shrink: 0;
    width: 12em;
  }
  #content .form_list > div dd {
    flex-grow: 1;
  }
}
#content .form_unit {
  margin-top: 1rem;
  text-align: center;
}

.message {
  margin: 1.5rem auto;
  text-align: center;
}

.map_area::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.map_area > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width:720px) {
  .map_area::before {
    padding-top: 30%;
  }
}

.travelko {
  margin: auto;
  height: 400px;
}
.travelko > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 660px;
  background-color: #FFFFFF;
}

.favorite_console {
  padding: 0;
  line-height: 1;
  vertical-align: bottom;
}
.favorite_console > button {
  cursor: pointer;
  line-height: 1;
  transition: transform 0.2s 0s, box-shadow 0.2s 0s;
}
.favorite_console > button.hidden {
  display: none;
}
.spot_list .favorite_console {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.75rem;
}
.spot_list .favorite_console > button {
  margin: auto;
  padding: 0;
  width: 1em;
  height: 1em;
  background: none;
  border: none;
  z-index: 100;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 1.5em;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3));
}
.spot_list .favorite_console > button:hover {
  transform: translate(0, -1px);
}
.spot_list .favorite_console > button:active {
  transform: translate(0, 1px);
}
body.single .favorite_console {
  margin-bottom: 1.5rem;
}
body.single .favorite_console > button {
  padding: 0.75em;
  width: 18em;
  border-radius: 3em;
  border: solid 1px #A3506F;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  background-color: #FFFFFF;
  color: #A3506F;
  fill: #A3506F;
}
body.single .favorite_console > button .icn {
  margin-right: 0.25em;
  margin-bottom: -0.2em;
  font-size: 1.25em;
}
body.single .favorite_console > button:hover {
  transform: translate(0, -1px);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
body.single .favorite_console > button:active {
  transform: translate(0, 1px);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3) inset;
}
@media screen and (max-width: 719px) {
  body.single .favorite_console {
    text-align: center;
  }
}

.follow_btn {
  display: block;
  color: inherit;
  fill: inherit;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: auto 0.5rem 5rem;
  line-height: 1;
  z-index: 2999;
  transform-origin: center center;
}
.follow_btn:hover {
  transform: scale(1.02, 1.02);
}
@media screen and (max-width: 719px) {
  .follow_btn.furusato_btn {
    width: 8rem;
  }
}
@media (min-width:720px) {
  .follow_btn.furusato_btn {
    width: 10rem;
  }
}
@media screen and (max-width: 719px) {
  .follow_btn + #footer .org_info,
.follow_btn + #footer .org_menu {
    padding-right: 7rem;
  }
}
@media (min-width:720px) and (max-width:1199px) {
  .follow_btn + #footer > .inner {
    padding-right: 8rem;
  }
}

.tab_list[role=tablist] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.tab_list[role=tablist] dt[role=tab] {
  cursor: pointer;
  order: 0;
  margin-bottom: 1.5rem;
  font-size: 0.875em;
  text-align: center;
}
.tab_list[role=tablist] dt[role=tab]:hover .tab_txt, .tab_list[role=tablist] dt[role=tab][aria-expanded=true] .tab_txt {
  border-bottom: solid thin;
}
.tab_list[role=tablist] dt[role=tab]:not(:last-of-type) {
  margin-right: 1.5em;
}
.tab_list[role=tablist] dt[role=tab]:not(:last-of-type)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  margin: auto 0.5em;
  width: 0;
  height: 1em;
  border-right: solid thin;
}
.tab_list[role=tablist] dt[role=tab] .tab_txt {
  display: block;
  padding: 0 0.5em;
}
.tab_list[role=tablist] dd[role=tabpanel] {
  order: 1;
  transition: all 0.2s;
  width: 100%;
}
.tab_list[role=tablist] dd[role=tabpanel][aria-hidden=true] {
  opacity: 0;
}
.tab_list[role=tablist] dd[role=tabpanel][aria-hidden=false] {
  opacity: 1;
}
@media (min-width:720px) {
  .tab_list[role=tablist] dt[role=tab] {
    width: 8em;
  }
}

.sp-slides .sp-slide .sp-image {
  max-width: none;
}

@media screen and (max-width: 719px) {
  .mfp-content .mfp-iframe-scaler {
    padding-top: 90vh;
  }
}

.-hide {
  display: none !important;
}

body:not(.logged-in) .-logged-in {
  display: none !important;
}
/*# sourceMappingURL=layout.css.map */