@charset "UTF-8";
/* Combined style.css */
/*　読み込み　*/
/*==========================================
Reset =======================================*/
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  /*vertical-align: baseline;*/ }

body {
  line-height: 1; }

h1,
h2,
h3,
h4,
h5,
h6 {
  /*clear: both;*/
  font-weight: normal; }

ol,
ul {
  list-style: none; }

blockquote {
  quotes: none; }

blockquote:after,
blockquote:before {
  content: '';
  content: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

a img {
  border: none; }

/*==========================================
Base =======================================*/
h1 {
  font-size: 138.5%; }

h2 {
  font-size: 123.1%; }

h3 {
  font-size: 108%; }

h4 {
  font-size: 100%; }

h1,
h2,
h3,
h4 {
  margin-bottom: 5px; }

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: bold; }

abbr {
  border-bottom: 1px dotted #000;
  cursor: help; }

em {
  font-style: italic; }

blockquote,
dl,
ol,
ul {
  margin: 0; }

dl,
ol,
ul {
  margin-left: 0; }

li {
  list-style: none; }

dl dd {
  margin-left: 1em; }

th {
  font-weight: bold;
  text-align: center; }

caption {
  margin-bottom: 0.5em;
  text-align: center; }

fieldset,
p,
pre,
table {
  margin-bottom: 1.2em; }

address,
li,
p,
td,
th {
  line-height: 1.5em;
  font-size: 100%; }

hr {
  display: none; }

img {
  vertical-align: bottom; }

.kdr {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px; }

/*==========================================
EntryContents =======================================*/
.entry-content h1 {
  font-size: 138.5%;
  line-height: 1.3em;
  margin: 0 0 0.6em; }

.entry-content h2 {
  font-size: 123.1%;
  line-height: 1.3em;
  margin: 0 0 0.6em; }

.entry-content h3 {
  font-size: 108%;
  line-height: 1.3em;
  margin: 0.5em 0 0.7em; }

.entry-content h4 {
  font-size: 100%;
  line-height: 1.3em;
  margin: 0 0 0.4em; }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content strong {
  font-weight: bold; }

.entry-content blockquote {
  margin-left: 2em; }

.entry-content dl,
.entry-content ol,
.entry-content ul {
  margin-left: 1.2em;
  margin-bottom: 20px; }

.entry-content ol li {
  list-style-type: decimal; }

.entry-content ul li {
  list-style-type: disc; }

.entry-content dl dd {
  margin-left: 1em; }

.entry-content th {
  font-weight: bold;
  text-align: center; }

.entry-content caption {
  margin-bottom: 0.5em;
  text-align: center; }

.entry-content fieldset,
.entry-content p,
.entry-content pre,
.entry-content table {
  margin-bottom: 20px; }

.entry-content address,
.entry-content li,
.entry-content p,
.entry-content td,
.entry-content th {
  line-height: 1.7em;
  font-size: 100%; }

.entry-content hr {
  display: none; }

.entry-content img {
  vertical-align: bottom; }

.entry-content a:link {
  color: #009; }

.entry-content a:visited {
  color: #939; }

.entry-content a:hover {
  color: #c03;
  text-decoration: underline; }

.entry-content a:active {
  color: #f06; }

.entry-content p.small {
  line-height: 1.5em;
  font-size: 93%; }

/*==========================================
Font =======================================*/
body {
  font: 13px/1.231 'Hiragino Kaku Gothic ProN', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-serif;
  *font-size: small;
  *font: x-small;
  color: #000; }

button,
input,
select,
textarea {
  font: 99% 'Hiragino Kaku Gothic ProN', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

code,
kbd,
pre,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

/*==========================================
common ====================================*/
body {
  overflow-x: hidden; }


.two {
  font-size: 0.6em;
  line-height: 1em;
  vertical-align: text-top; }

/*==========================================
clearfix ====================================*/
.clearfix:after,
.clearfix:before {
  content: "";
  display: block;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1; }

/*==========================================
Alignment ====================================*/
.alignleft {
  display: inline;
  float: left;
  margin: 0 1em 0.6em 0; }

.alignright {
  display: inline;
  float: right;
  margin: 0 0 0.6em 1em; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0.6em auto; }

/*==========================================
Images ====================================*/
/*.page #mainRight img */
.editor-attachment,
.page #mainLeft-02 img,
.postid-137 #mainRight img,
.single #mainLeft-02 img,
.single-chiiki-station #mainRight img {
  margin-top: 0.3em;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  max-width: 100%; }

.single img.size-full {
  width: auto/9;
  /* Prevent stretching of full-size images in IE8 */ }

.single img[class*="wp-image-"] {
  height: auto;
  max-width: 100%; }

.single img[class*="align"],
.single img[class*="wp-image-"],
.single img[class*="attachment-"] {
  height: auto; }

.single img.mce-wp-nextpage {
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.single img.wp-smiley {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.wp-caption {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0 0.5em 0.5em;
  text-align: left;
  font-size: 93%; }

.wp-caption-dt {
  margin: 0; }

.wp-caption .wp-caption-text,
.wp-caption-dd {
  /*font-size: 93%;*/
  line-height: 2;
  margin: 0.3em 0 0.5em;
  line-height: 1.4em;
  text-align: center; }

/*=========================================================
TEST ====================================================★★★★★★★★★★★★★★★★
==========================================================*/
body {
  border: solid 1px #ccc; }

/*==========================================
PC_960px_over
===========================================*/
/* Basic */
#wrapper {
  width: 100%; }

/*=========================================================
HOME ====================================================
==========================================================*/
/* base */
#home #wrapper {
  width: 100%;
  z-index: 0; }
#home #main {
  position: relative;
  width: 960px;
  margin: 0 auto 24px; }

#home-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  z-index: -10; }

.fs_btn {
  margin: 0 0 15px; }

.fs-a,
.fs-b {
  float: left;
  width: 228px;
  margin-right: 12px; }

.fs-c {
  float: left;
  width: 228px; }

/*=========================================================
HEADER ====================================================
==========================================================*/
.pc {
  display: block; }

.sp {
  display: none; }

#n-ski-nav .pc {
  display: inline-block; }
#n-ski-nav .sp {
  display: none; }
#n-ski-nav ul li {
  font-size: 12px !important; }
  #n-ski-nav ul li a {
    font-weight: normal !important; }

.hoverimg {
  opacity: 1; }
  .hoverimg:hover {
    opacity: .7; }

.schooltel {
  font-size: 20px;
  font-weight: bold;
  color: #0047A6; }
  .schooltel i {
    display: none; }
  .schooltel span {
    display: none; }

#slide-wrap.ski {
  margin: 0 auto 40px; }
#slide-wrap a img {
  opacity: 1; }
  #slide-wrap a img:hover {
    opacity: .7; }

#ski-top-image {
  width: 100%;
  height: 660px;
  margin: 0 auto 40px;
  overflow: hidden; }
  #ski-top-image img {
    width: 100%;
    height: 660px;
    object-fit: cover; }

header#pageHeader {
  padding: 66px 0 17px;
  position: relative;
  z-index: 10000;
  background: #FFF; }
  header#pageHeader h1 {
    height: auto; }
  header#pageHeader a,
  header#pageHeader a:hover,
  header#pageHeader a:link,
  header#pageHeader a:visited {
    text-decoration: none;
    color: #333; }
  header#pageHeader #siteId {
    width: auto;
    margin: 0 auto;
    text-align: center; }
  header#pageHeader #gnavIconButton ul {
    list-style: none;
    width: 120px;
    position: fixed;
    right: 0;
    top: 30vh;
    z-index: 10001; }
    header#pageHeader #gnavIconButton ul li {
      list-style: none;
      background: #FFF;
      text-align: center;
      margin-bottom: 2px;
      padding: 10px 0;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      box-sizing: border-box; }
      header#pageHeader #gnavIconButton ul li i {
        display: block;
        font-size: 24px;
        margin-bottom: 5px;
        color: #000;
        padding: 0; }
      header#pageHeader #gnavIconButton ul li span {
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding: 0;
        line-height: 1.2; }
      header#pageHeader #gnavIconButton ul li:last-child span:last-child {
        font-size: 12px; }
      header#pageHeader #gnavIconButton ul li:hover {
        opacity: 0.9; }

#gnavHeader {
  max-width: 100%;
  margin: 0 auto 11px;
  height: 40px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10000;
  background: #FFF; }
  #gnavHeader #navId {
    display: none;
    position: absolute;
    left: 0;
    height: 30px;
    padding: 5px 10px; }
    #gnavHeader #navId img {
      height: 30px;
      width: auto; }
  #gnavHeader.movenav #navId {
    display: block; }
  #gnavHeader.movenav .menu {
    /* width: 760px; */
    width: 810px;
    position: absolute;
    right: 10px;
    font-size: 12px; }
  #gnavHeader .menu {
    width: 1024px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 14px; }
    #gnavHeader .menu li {
      line-height: 40px; }
      #gnavHeader .menu li a {
        padding: 3px 10px;
        border-radius: 10px; }
        #gnavHeader .menu li a:hover {
          background: rgba(0, 0, 0, 0.1); }
  #gnavHeader a,
  #gnavHeader a:hover,
  #gnavHeader a:link,
  #gnavHeader a:visited {
    text-decoration: none;
    color: #333; }

header#pageHeader #gnavLanguage {
  position: absolute;
  top: 0;
  width: 100%;
  height: 36px;
  /*background: url("./common/images/bar_pc_bg_201912051410.jpg") top left no-repeat;*/
  background: #eeeeee; }
  header#pageHeader #gnavLanguage .menu-lang-container {
    width: auto;
    float: right; }
    header#pageHeader #gnavLanguage .menu-lang-container .menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-weight: bold;
      font-size: 12px; }
      header#pageHeader #gnavLanguage .menu-lang-container .menu li {
        color: #000; }
        header#pageHeader #gnavLanguage .menu-lang-container .menu li a {
          padding: 4px 0.5rem;
          color: #000;
          line-height: 36px;
          position: relative;
          border-radius: 20px; }
          header#pageHeader #gnavLanguage .menu-lang-container .menu li a:hover {
            background-color: #333;
            color: #eee; }
        header#pageHeader #gnavLanguage .menu-lang-container .menu li i {
          padding-right: 5px;
          font-size: 16px;
          position: absolute;
          left: 0;
          top: 2px; }
        header#pageHeader #gnavLanguage .menu-lang-container .menu li .far.fa-comment-dots {
          transform: scale(-1, 1);
          padding-right: 0;
          padding-left: 5px; }
      header#pageHeader #gnavLanguage .menu-lang-container .menu li:nth-child(1) a {
        padding: 4px 0.8rem 4px 1.8rem; }
        header#pageHeader #gnavLanguage .menu-lang-container .menu li:nth-child(1) a i {
          left: 7px; }
      header#pageHeader #gnavLanguage .menu-lang-container .menu li:nth-child(2) a {
        padding: 4px 0.8rem 4px 1.5rem;
        margin-right: 10px; }
        header#pageHeader #gnavLanguage .menu-lang-container .menu li:nth-child(2) a i {
          left: 7px; }
      header#pageHeader #gnavLanguage .menu-lang-container .menu li:nth-child(3) a {
        border-radius: 0px;
        padding: 4px 0.5rem 4px 1.8rem;
        border-left: 2px solid #bfbfbf;
        pointer-events: none; }
        header#pageHeader #gnavLanguage .menu-lang-container .menu li:nth-child(3) a i {
          left: 15px; }
      header#pageHeader #gnavLanguage .menu-lang-container .menu li:last-child a {
        margin-right: 20px; }
  header#pageHeader #gnavLanguage .menu-hotel-container {
    width: auto;
    float: left;
    margin-left: 20px; }
    header#pageHeader #gnavLanguage .menu-hotel-container .menu {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-weight: bold;
      font-size: 12px; }
      header#pageHeader #gnavLanguage .menu-hotel-container .menu a {
        padding: 4px 0.5rem;
        color: #000;
        line-height: 36px;
        position: relative;
        border-radius: 20px; }
        header#pageHeader #gnavLanguage .menu-hotel-container .menu a:hover {
          background-color: #333;
          color: #eee; }

#form_search {
  position: sticky;
  top: 40px;
  z-index: 5000; }
  #form_search #n-stay-reserv-wrap {
    background: #eeeeee; }
  #form_search #n-stay-reserv-wrap-hbn {
    top: 0;
    background: #eeeeee; }
  #form_search .n-stay-reserv .n-stay-reserv-dl:last-of-type {
    border-right: 1px solid #CCC;
    margin-right: 16px; }
  #form_search .n-stay-reserv .n-stay-reserv-dl dt {
    margin-left: 5px; }
  #form_search .n-stay-reserv .n-stay-reserv-dl dd,
  #form_search .n-stay-reserv .n-stay-reserv-dl dt {
    color: #333;
    border: none; }
    #form_search .n-stay-reserv .n-stay-reserv-dl dd span,
    #form_search .n-stay-reserv .n-stay-reserv-dl dt span {
      margin-left: 5px;
      padding: 5px 0; }
  #form_search .n-stay-reserv .n-stay-reserv-dl button,
  #form_search .n-stay-reserv .n-stay-reserv-dl input,
  #form_search .n-stay-reserv .n-stay-reserv-dl select,
  #form_search .n-stay-reserv .n-stay-reserv-dl textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer; }
  #form_search .n-stay-reserv .n-stay-reserv-dl input[type='checkbox'] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox; }
  #form_search .n-stay-reserv .n-stay-reserv-dl select::-ms-expand {
    display: none; }
  #form_search .n-stay-reserv .n-stay-reserv-dl select {
    position: relative;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: none;
    margin: 0 0 0 0.5em;
    padding: 5px 1em;
    border: none;
    background: #8b8b8b;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    option-text-align: center; }
  #form_search .stay-submit {
    float: left;
    width: 150px;
    margin: 5px 0; }
    #form_search .stay-submit button {
      width: 150px;
      margin: 1px 0;
      padding: 10px;
      border: none;
      border-radius: 5px;
      text-align: center;
      font-weight: bold;
      background: #b28850;
      color: #fff;
      transition: 0.4s ease-out;
      position: relative;
      cursor: pointer; }
      #form_search .stay-submit button i {
        position: absolute;
        right: 6px;
        line-height: 18px; }
      #form_search .stay-submit button:hover {
        background: #000; }
  #form_search .stay-link {
    float: right;
    margin: 0;
    width: 120px; }
    #form_search .stay-link button {
      width: 120px;
      margin: 1px 0;
      padding: 3px 5px;
      border: none;
      border-radius: 5px;
      text-align: center;
      font-weight: normal;
      background: none;
      color: #333;
      transition: 0.4s ease-out;
      cursor: pointer; }
      #form_search .stay-link button:hover {
        background: #ccc; }

@-moz-document url-prefix() {
  /*firefoxのみ修正*/
  #form_search div#n-stay-reserv-wrap-hbn div.n-stay-reserv p.stay-link {
    width: 110px; }

  #form_search p.stay-submit button {
    width: 130px; } }
@media all and (-ms-high-contrast: none) {
  #form_search,
  *::-ms-backdrop {
    position: relative; }

  /* IE11 */
  #form_search .stay-submit,
  *::-ms-backdrop {
    width: 168px; }

  #form_search .stay-submit button,
  *::-ms-backdrop {
    width: 168px; }

  #gnavHeader,
  *::-ms-backdrop {
    position: relative; } }
#n-topics-wrap {
  margin-top: 120px; }
  #n-topics-wrap .banner {
    width: 1024px;
    margin: 0 auto; }
    #n-topics-wrap .banner ul {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: center; }
      #n-topics-wrap .banner ul li {
        margin-bottom: 20px; }
        #n-topics-wrap .banner ul li img {
          width: 100%;
          height: auto; }
        #n-topics-wrap .banner ul li:hover img {
          opacity: .7; }
    #n-topics-wrap .banner#toppage_big li {
      width: 100%; }
    #n-topics-wrap .banner#toppage_mid {
      /*li {
        width: 49%;
        &:nth-of-type(odd){
          margin-right: 1%;
        }
        &:nth-of-type(even){
          margin-left: 1%;
        }*/ }
      #n-topics-wrap .banner#toppage_mid li {
        width: 100%;
        text-align: center; }
        #n-topics-wrap .banner#toppage_mid li:nth-of-type(odd) {
          margin-right: 0; }
        #n-topics-wrap .banner#toppage_mid li:nth-of-type(even) {
          margin-left: 0; }
        #n-topics-wrap .banner#toppage_mid li img {
          max-width: 600px;
          width: 100%;
          height: auto; }
  #n-topics-wrap .topics-slide h2 {
    font-size: 24px;
    width: 1024px;
    max-width: 100%;
    margin: 40px auto 30px auto; }
  #n-topics-wrap .topics {
    width: 1064px;
    margin: 0 auto; }
    #n-topics-wrap .topics h2 {
      font-size: 24px;
      margin: 40px 0 30px 20px; }
    #n-topics-wrap .topics .topics-list {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start; }
      #n-topics-wrap .topics .topics-list li {
        width: 226px;
        margin: 10px;
        padding: 10px; }
        #n-topics-wrap .topics .topics-list li a {
          position: relative;
          display: block;
          min-height: 260px;
          text-decoration: none;
          color: #333; }
        #n-topics-wrap .topics .topics-list li:hover {
          color: #D11833;
          background: #eee; }
        #n-topics-wrap .topics .topics-list li h3 {
          margin: 10px 0 5px;
          font-size: 130%;
          font-weight: bold;
          line-height: 1.3em;
          -webkit-transform: rotate(0.028deg);
          -moz-transform: rotate(0.028deg);
          -ms-transform: rotate(0.028deg);
          -o-transform: rotate(0.028deg);
          transform: rotate(0.028deg); }
        #n-topics-wrap .topics .topics-list li p {
          text-align: justify; }

#videoBlock {
  padding: 100px 0;
  position: relative;
  height: 100%;
  width: 100%; }
  #videoBlock .video {
    overflow: hidden;
    transform: skew(0deg, -3deg);
    position: relative;
    width: 100%;
    height: 400px; }
  #videoBlock .parallax {
    min-height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    #videoBlock .parallax video {
      width: 100%;
      height: auto; }
  #videoBlock .content {
    padding: 60px;
    background-color: #fff; }

#emergencyBlock {
  width: 1024px;
  margin: 40px auto; }
  #emergencyBlock .emergencyBox {
    padding: 30px;
    border: 3px dotted #F00;
    color: #F00;
    text-align: center; }
    #emergencyBlock .emergencyBox h3 {
      font-size: 180%;
      margin-bottom: 20px; }
    #emergencyBlock .emergencyBox div {
      font-size: 120%; }
      #emergencyBlock .emergencyBox div p:last-of-type {
        margin-bottom: 0; }
    #emergencyBlock .emergencyBox.redblack {
      border: 3px dotted #F00;
      color: #333; }

#n-top-clumn {
  width: 1024px;
  /* margin: 40px auto 0; */
  margin: 0 auto; }

#golf #gnavHeader,
#ski #gnavHeader {
  margin: 0; }

#golf #n-golf-nav,
#ski #n-ski-nav {
  position: sticky;
  margin: 0;
  top: 40px;
  z-index: 10000; }

#golf #form_search,
#ski #form_search {
  top: 80px; }

/* =========================================================
SLICK ===================================================== */
#slick-wrap {
  margin: 0 0 20px; }

#slider li {
  margin: 0 5px; }

.slick-next:before,
.slick-prev:before {
  color: #fff;
  font-size: 30px; }

.slick-next,
.slick-prev {
  width: 30px;
  height: 30px; }

.slick-next {
  right: 5px;
  z-index: 300 !important; }

.slick-prev {
  left: 5px;
  z-index: 301 !important; }

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  font-size: 10px;
  color: #2E8B57; }

#slider img {
  width: 230px;
  height: auto; }

/*=========================================================
FIRST___TOP___INFO ==========================================
==========================================================*/
#nav-hbn-top {
  position: relative;
  width: 960px;
  height: 400px;
  margin: 0 auto; }

/* hbn-header-info */
#header-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 960px;
  height: 400px;
  margin: 0 auto;
  z-index: -1; }

#hi-left {
  position: relative;
  float: left;
  width: 710px; }

#hi-right {
  position: relative;
  float: left;
  width: 250px; }

#hi-left #header-photo {
  float: right;
  width: 1230px;
  height: 400px;
  background: none; }

#activity #hi-left #header-photo {
  width: 830px;
  background-color: #7da7d1;
  background-image: url("images/main_activity2017w.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto; }

#gourmet #hi-left #header-photo {
  width: 830px;
  background-color: #c47b93;
  background-image: url("images/main_gourmet_n.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto; }

h3.sp_shoku_kodawari {
  width: 710px;
  height: 62px;
  margin: 0;
  background: url("images/bnn_shoku_no_kodawari_pc.png") repeat-x 0 0;
  text-indent: -9999em;
  overflow: hidden; }

/**/
#gourmet #header-photo-wrap {
  width: 710px;
  height: 320px;
  margin: -60px 0 0; }

#gourmet #header-photo-wrap #header-photo {
  float: right;
  width: 830px;
  height: 320px;
  background-image: url("images/main_restaurant.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto; }

/**/
#stay #hi-left #header-photo {
  width: 830px;
  background-color: #7da7d1;
  background-image: url("images/main_stay2016.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto; }

#learn #hi-left #header-photo {
  width: 830px;
  background-image: url("images/main_learn_2016n.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto; }

#see #hi-left #header-photo {
  width: 830px;
  background-image: url("images/main_see_2016n2.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto; }

#hi-left #hi-left-in {
  position: absolute;
  right: 710px;
  top: 0;
  width: 3000px;
  height: 400px;
  background: url("images/hi-left.png") repeat-x 0 0;
  z-index: 100; }

#hi-right #hi-right-bg {
  float: left;
  width: 3000px;
  height: 400px; }

#hi-right #hi-right-in {
  position: absolute;
  left: 250px;
  top: 0;
  width: 3000px;
  height: 400px; }

#hi-right #info-box {
  position: relative;
  width: 250px;
  height: 350px;
  margin: 50px 0 0; }

#info-box h1 {
  text-indent: -9999em;
  overflow: hidden; }

#info-box p {
  text-indent: -9999em;
  overflow: hidden; }

/* ----------------------------------------------------------------------- ACTIVITY */
#activity #hi-right-bg {
  background: #66b5b6; }

#activity #info-box h1 {
  position: absolute;
  left: -156px;
  top: 20px;
  width: 406px;
  height: 223px;
  background: url("images/c1_activity_tt2.png") no-repeat 0 0; }

/* ----------------------------------------------------------------------- STAY */
#stay #hi-right-bg {
  background: #7da7d1; }

#stay #info-box h1 {
  position: absolute;
  left: -85px;
  top: 28px;
  width: 311px;
  height: 296px;
  background: url("images/c2_stay_tt.png") no-repeat 0 0; }

/* ----------------------------------------------------------------------- GOURMET */
#gourmet #hi-right-bg {
  background: #c47b93; }

#gourmet #info-box h1 {
  position: absolute;
  left: -80px;
  top: 40px;
  width: 330px;
  height: 272px;
  background: url("images/c3_gourmet_tt.png") no-repeat 0 0; }

/* ----------------------------------------------------------------------- SHOPPING */
#shopping #nav-hbn {
  height: 60px;
  z-index: 3; }

#shopping #main-info {
  position: relative;
  margin: 10px 0 20px;
  width: 710px;
  height: 600px;
  background: url("images/main_shopping.jpg") no-repeat 0 bottom; }

#shopping .shopping-top #bread-crumbs {
  position: absolute;
  left: 0;
  top: -40px; }

#shopping #info-box h1 {
  position: absolute;
  left: 247px;
  top: 20px;
  width: 217px;
  height: 217px;
  background: url("images/c4_shopping_tt.png") no-repeat 0 0; }

#shopping #aside {
  margin-top: 10px; }

/* ----------------------------------------------------------------------- HEAL */
#heal #nav-hbn {
  height: 60px;
  z-index: 3; }

#heal #main-info {
  position: relative;
  margin: -60px 0 20px;
  width: 710px;
  height: 650px;
  /* background: url(images/main_heal.jpg) no-repeat 0 0; */
  background: url("images/shirakaba_spa.jpg") no-repeat 0 0; }

#heal .heal-top #bread-crumbs {
  position: absolute;
  left: 10px;
  top: 60px; }

#heal #info-box h1 {
  position: absolute;
  left: 36px;
  top: 116px;
  width: 216px;
  height: 216px;
  background: url("images/c5_heal_tt.png") no-repeat 0 0; }

#heal #info-box p.shirakaba-spa {
  position: absolute;
  right: 20px;
  bottom: 90px;
  width: 310px;
  height: 146px;
  margin: 0; }

#heal #info-box p.shirakaba-spa a {
  display: block;
  width: 310px;
  height: 146px;
  background: url("images/c5n_heal_catch.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#heal #aside {
  margin-top: 10px; }

.new-spa-01 {
  position: absolute;
  top: 118px;
  right: 30px; }

.new-spa-02 {
  position: absolute;
  top: 410px;
  left: 130px; }

.new-spa-03 {
  position: absolute;
  bottom: 20px;
  right: 20px; }

/* ----------------------------------------------------------------------- LEARN */
#learn #hi-right-bg {
  background: #8dbb7d; }

#learn #info-box h1 {
  position: absolute;
  left: -178px;
  top: 34px;
  width: 437px;
  height: 300px;
  background: url("images/c6_learn_tt.png") no-repeat 0 0; }

/* ----------------------------------------------------------------------- SEE */
#see #hi-right-bg {
  background: #e8ba41; }

#see #info-box h1 {
  position: absolute;
  left: -164px;
  top: 40px;
  width: 411px;
  height: 287px;
  background: url("images/c7_see_tt.png") no-repeat 0 0; }

/*=========================================================
FIRST___MAIN ===============================================
==========================================================*/
/* -----------------------main */
#main {
  width: 960px;
  margin: 0 auto 24px; }

#main-hbn {
  width: 960px; }

#bread-crumbs {
  height: 35px;
  margin: 5px 0 0;
  font-size: 93%; }

#bread-crumbs a {
  text-decoration: none; }

#bg_black #bread-crumbs {
  /* -----------------------bg-black */
  height: 35px;
  margin: 5px 0 0;
  font-size: 93%;
  color: #fff; }

#bg_black #bread-crumbs a {
  /* -----------------------bg-black */
  text-decoration: none;
  color: #fff; }

#contents {
  float: left;
  width: 710px; }

#contents.w960 {
  float: none;
  width: 960px; }

#contents-data {
  float: left;
  width: 680px; }

/* Home-c-box */
#contents .c-box {
  width: 710px;
  margin: 0 0 10px; }

#contents .c-b-2a {
  float: left;
  width: 350px; }

#contents .c-b-2b {
  float: right;
  width: 350px; }

#contents .c-b-3a,
#contents .c-b-3b {
  float: left;
  width: 230px; }

#contents .c-b-3a {
  margin-right: 10px; }

#contents .c-b-3c {
  float: right;
  width: 230px; }

/* hbn-d-box */
#contents .d-box {
  clear: both;
  width: 710px;
  margin: 0 0 30px; }

#contents .d-b-2a {
  float: left;
  width: 340px; }

#contents .d-b-2b {
  float: right;
  width: 340px; }

/* hbn-d-list-2 */
ul.d-list-2 {
  list-style: none;
  margin: 0; }

ul.d-list-2 li a {
  text-decoration: none;
  color: #000; }

ul.d-list-2 li {
  float: left;
  width: 340px;
  margin: 0 26px 30px 0; }

ul.d-list-2 li:nth-child(2n) {
  margin: 0 0 30px; }

ul.d-list-2 li p.sub-t {
  width: 340px;
  padding: 3px 0 0;
  margin: 0; }

ul.d-list-2 li p.sub-t span {
  display: block;
  margin: 3px 0 0;
  padding: 0 8px 4px;
  color: #fff;
  font-weight: bold; }

ul.d-list-2 li h3 {
  font-size: 153.9%;
  font-weight: normal;
  margin: 0;
  padding: 10px 0; }

ul.d-list-2 li h3.appi_grand_villa {
  text-indent: -9999em;
  overflow: hidden;
  background: url("images/bn_stay_villa.png") no-repeat 0 center; }

ul.d-list-2 li h3.appi_grand_annex {
  text-indent: -9999em;
  overflow: hidden;
  background: url("images/bn_stay_anx.png") no-repeat 0 center; }

ul.d-list-2 li h3 span {
  padding: 0 1.2em 0 0; }

/* ===== D-C ==================== */
ul.d-list-2 li img {
  width: 340px;
  height: auto; }

ul.d-list-2 li p.hbn {
  clear: both;
  width: 340px;
  min-height: 80px;
  margin: 0;
  font-size: 85%;
  line-height: 1.4em;
  background: url("images/bn_cmt_bg.png") no-repeat -1px bottom; }

ul.d-list-2 li p.hbn span {
  display: block;
  padding: 14px 20px; }

ul.d-list-2.list-pho p {
  margin: 0;
  padding: 0; }

/* appi_soft */
ul.d-list-2 li.block2 {
  float: right;
  width: 340px;
  margin: 0 0 30px; }

ul.d-list-2 li p.hbn {
  width: 340px;
  min-height: 80px;
  margin: 0;
  font-size: 85%;
  line-height: 1.4em;
  background: url("images/bn_cmt_bg.png") no-repeat -1px top; }

ul.d-list-2 li .list-pho p {
  margin: 0;
  padding: 0; }

/* hbn-d-list-2 SEC res_akb */
ul.d-list-2.sec {
  list-style: none;
  margin: 0; }

#gourmet ul.d-list-2.sec {
  list-style: none;
  margin: 50px 0 0; }

ul.d-list-2.sec li a {
  text-decoration: none;
  color: #000; }

ul.d-list-2.sec li {
  list-style: none;
  float: left;
  width: 325px;
  margin: 0 30px 30px 0; }

ul.d-list-2.sec li:nth-child(2n) {
  margin: 0 0 30px; }

ul.d-list-2.sec li img {
  width: 325px;
  height: auto; }

ul.d-list-2.sec li h3 {
  font-size: 167%;
  line-height: 1.2em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0; }

ul.d-list-2.sec li h3 span {
  padding: 0 1.2em 0 0; }

ul.d-list-2.sec li h3 .tt-cmt {
  float: right;
  font-size: 75%;
  color: #555; }

ul.d-list-2.sec li p.hbn {
  width: 325px;
  min-height: 80px;
  margin: 0;
  line-height: 1.4em;
  background: url("images/bn_cmt_bg_325.png") no-repeat -1px bottom; }

ul.d-list-2.sec li p.hbn span {
  display: block;
  padding: 14px 20px;
  background: url("images/bn_cmt_bg_325.png") no-repeat -1px top; }

ul.d-list-2.sec ul.d_info {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #575757; }

ul.d-list-2.sec ul.d_info li {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 93%; }

ul.d-list-2.sec ul.d_info li.r-name {
  text-align: center; }

ul.d-list-2.sec ul.d_info li.r-info {
  text-align: center;
  background: #c47b93; }

ul.d-list-2.sec ul.d_info li span {
  display: block;
  padding: 3px 10px; }

ul.d-list-2 .list-photo p {
  margin: 0; }

ul.d-list-2 .list-photo img {
  margin: 0; }

#activity h3.bnn_wlt {
  width: 710px;
  height: 62px;
  background: url("images/bnn_wlt_pc.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

h3.sp_event_cldr {
  width: 710px;
  height: 62px;
  background: url("images/bn_ac_evcl.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

h3.sp_recommend {
  width: 710px;
  height: 62px;
  background: url("images/bn_reccomend.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.reco-box {
  background: #F4F1E5;
  margin: 0 0 10px; }

.reco-box a {
  display: block;
  text-decoration: none;
  color: #333; }

.reco-box a:hover {
  color: #c03; }

.reco-box h4 {
  font-size: 93%;
  padding: 7px 5px 0; }

.reco-box p {
  font-size: 93%;
  line-height: 1.3em;
  padding: 5px; }

.reco-box p.cmt {
  margin: 0 0 3px;
  padding: 3px 5px;
  border-bottom: dashed 1px #333; }

.reco-box p.prc {
  margin: 0 0 2px; }

#activity ul.d-list-2 li p.sub-t.ranch {
  width: 324px;
  background: url("images/activity_mds.png") no-repeat right 0; }

#activity ul.d-list-2 li p.sub-t.ranch span {
  background: url("images/activity_mds.png") no-repeat right bottom; }

ul.d-list-2.sec.tpro li p.sub-t {
  width: 324px;
  background: url("images/npro_mds.png") no-repeat right 0; }

ul.d-list-2.sec.tpro li p.sub-t span {
  background: url("images/npro_mds.png") no-repeat right bottom;
  color: #666;
  font-size: 93%; }

ul.d-list-2.sec.tpro li h3 span {
  background: url("images/pict_ya_tpro.png") no-repeat right center; }

/* hbn-d-list-3 */
#stay p.sub-t-s {
  float: left;
  width: 510px;
  padding: 3px 0 0;
  margin: 30px 0 15px;
  position: relative; }

#stay p.sub-t-s span {
  display: block;
  margin: 3px 0 0;
  padding: 0 8px 4px;
  color: #000;
  font-weight: bold; }

#stay p.sub-t-s {
  background: url("images/msn_log_mds.png") no-repeat 0 0; }

#stay p.sub-t-s span {
  background: url("images/msn_log_mds.png") no-repeat 0 bottom; }

#stay p.sub-t-s span.fds {
  position: absolute;
  left: 350px;
  top: -40px;
  width: 101px;
  height: 59px;
  text-indent: -9999em;
  overflow: hidden;
  background: url("images/bn_fds.png") no-repeat 0 bottom; }

ul.d-list-3 {
  float: left;
  width: 510px;
  margin: 0 0 30px;
  list-style: none; }

ul.d-list-3 li {
  float: left;
  width: 240px; }

ul.d-list-3 li:nth-child(2n) {
  float: right; }

ul.d-list-3 li a {
  text-decoration: none;
  color: #000; }

ul.d-list-3 .list-photo p {
  margin: 0; }

ul.d-list-3 .list-photo img {
  margin: 0; }

ul.d-list-3 li h3 {
  font-size: 146.5%;
  font-weight: normal;
  margin: 0;
  padding: 10px 0; }

ul.d-list-3 li h3 span {
  padding: 0 1.2em 0 0;
  background: url("images/pict_ya_activity.png") no-repeat right center; }

ul.d-list-3 li p.hbn {
  width: 240px;
  min-height: 80px;
  margin: 0;
  font-size: 85%;
  line-height: 1.4em;
  background: url("images/bn_cmt_bg.png") no-repeat -1px bottom; }

ul.d-list-3 li p.hbn span {
  display: block;
  padding: 10px 15px; }

#contents-data .c-box {
  width: 680px;
  margin: 0 0 10px; }

#contents-data .c-b-2a {
  float: left;
  width: 330px; }

#contents-data .c-b-2b {
  float: right;
  width: 330px; }

#contents-data .c-b-3a,
#contents-data .c-b-3b {
  float: left;
  width: 200px; }

#contents-data .c-b-3a {
  margin-right: 40px; }

#contents-data .c-b-3c {
  float: right;
  width: 200px; }

/* ==================================================== activity-top*/
#activity ul.d-list-2 li p.sub-t {
  background: url("images/activity_mds.png") no-repeat 0 0; }

#activity ul.d-list-2 li p.sub-t span {
  background: url("images/activity_mds.png") no-repeat 0 bottom; }

#activity ul.d-list-2 li h3 span {
  background: url("images/pict_ya_activity.png") no-repeat right center; }

/* ==================================================== stay-top*/
#stay ul.d-list-2 li p.sub-t {
  background: url("images/stay_mds.png") no-repeat 0 0; }

#stay ul.d-list-2 li p.sub-t span {
  background: url("images/stay_mds.png") no-repeat 0 bottom; }

#stay ul.d-list-2 li h3 span {
  background: url("images/pict_ya_stay.png") no-repeat right center; }

/* ==================================================== gourmet-top*/
#gourmet ul.d-list-2 li p.sub-t {
  background: url("images/gourmet_mds.png") no-repeat 0 0; }

#gourmet ul.d-list-2 li p.sub-t span {
  background: url("images/gourmet_mds.png") no-repeat 0 bottom; }

#gourmet ul.d-list-2 li h3 span {
  background: url("images/pict_ya_gourmet.png") no-repeat right center; }

/* ==================================================== shopping-top*/
#shopping ul.d-list-2 li p.sub-t {
  background: url("images/shopping_mds.png") no-repeat 0 0; }

#shopping ul.d-list-2 li p.sub-t span {
  background: url("images/shopping_mds.png") no-repeat 0 bottom; }

#shopping ul.d-list-2 li h3 span {
  background: url("images/pict_ya_shopping.png") no-repeat right center; }

/* ==================================================== heal-top*/
#heal ul.d-list-2 li p.sub-t {
  background: url("images/heal_mds.png") no-repeat 0 0; }

#heal ul.d-list-2 li p.sub-t span {
  background: url("images/heal_mds.png") no-repeat 0 bottom; }

#heal ul.d-list-2 li h3 span {
  background: url("images/pict_ya_heal.png") no-repeat right center; }

/* ==================================================== learn-top*/
#learn ul.d-list-2 li p.sub-t {
  background: url("images/learn_mds.png") no-repeat 0 0; }

#learn ul.d-list-2 li p.sub-t span {
  background: url("images/learn_mds.png") no-repeat 0 bottom; }

#learn ul.d-list-2 li h3 span {
  background: url("images/pict_ya_learn.png") no-repeat right center; }

/* ==================================================== see-top*/
#see ul.d-list-2 li p.sub-t {
  background: url("images/see_mds.png") no-repeat 0 0; }

#see ul.d-list-2 li p.sub-t span {
  background: url("images/see_mds.png") no-repeat 0 bottom; }

#see ul.d-list-2 li h3 span {
  background: url("images/pict_ya_see.png") no-repeat right center; }

/* === stay-top === HagOnly*/
#hag-box {
  margin: 0 0 40px; }

#hag-box a {
  display: block;
  text-decoration: none;
  color: #000; }

#hag-box .hag-mds {
  float: left;
  width: 390px;
  margin: 0 0 9px; }

#hag-box .hag-hbn {
  display: relative;
  float: right;
  width: 310px;
  height: 70px;
  margin: 0 0 12px; }

#hag-box .hag-hbn p {
  margin: 16px 0 0;
  font-size: 93%; }

#hag-box p.sub-t {
  width: 340px;
  padding: 3px 0 0;
  margin: 0 0 14px;
  background: url("images/stay_mds.png") no-repeat 0 0; }

#hag-box p.sub-t span {
  display: block;
  margin: 3px 0 0;
  padding: 0 8px 4px;
  color: #fff;
  font-weight: bold;
  background: url("images/stay_mds.png") no-repeat 0 bottom; }

#hag-box h3.hag {
  width: 374px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-indent: -9999em;
  overflow: hidden;
  background: url("images/logo_hag_n.png") no-repeat 0 center; }

/* === HagOnly_END*/
/* Home-bnn */
.c-box-3bn {
  margin: 30px 0 14px; }

.c-box-3bn a {
  display: block;
  float: left;
  width: 230px;
  height: 60px;
  margin: 0 10px 10px 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }

.c-box-3bn a:nth-child(3n) {
  margin: 0 0 10px; }

/* Activity-bnn */
.d-box.activity01 .mds {
  float: left;
  width: 237px;
  height: 230px; }

.d-box.activity01 .mds a {
  display: block;
  width: 237px;
  height: 230px;
  background: url("images/bn_ac_akb.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.d-box.activity01 .p-box {
  float: left;
  width: 473px;
  height: 230px; }

/* STAY-bnn */
.d-box.stay01 .mds {
  float: left;
  width: 240px;
  height: 230px; }

.d-box.stay01 .mds a {
  display: block;
  width: 240px;
  height: 230px;
  background: url("images/bn_st_hag.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.d-box.stay01 .p-box {
  float: left;
  width: 470px;
  height: 230px; }

/* Gourmet-bnn */
.d-box.restaurant01 .mds {
  float: left;
  width: 285px;
  height: 282px; }

.d-box.restaurant01 .mds a {
  display: block;
  width: 285px;
  height: 282px;
  background: url("images/bn_gr_rest.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.d-box.restaurant01 .p-box {
  float: left;
  width: 425px;
  height: 282px; }

/* Shopping-bnn */
.d-list-sp {
  width: 710px;
  margin: 0 0 25px;
  list-style: none; }

.d-list-sp li.left {
  float: left;
  width: 356px;
  margin: 0 0 14px; }

.d-list-sp li.right {
  float: right;
  width: 340px;
  margin: 0 0 14px; }

.d-list-sp li.left .sp-info {
  background: url("images/bn_shop_cmt356_bg.png") no-repeat left top;
  width: 358px;
  margin-left: -1px; }

.d-list-sp li.left .sp-info-in {
  background: url("images/bn_shop_cmt356_bg.png") no-repeat left bottom;
  width: 358px; }

.d-list-sp li.right .sp-info {
  background: url("images/bn_shop_cmt340_bg.png") no-repeat left top;
  width: 342px;
  margin-left: -1px; }

.d-list-sp li.right .sp-info-in {
  background: url("images/bn_shop_cmt340_bg.png") no-repeat left bottom;
  width: 342px; }

.d-list-sp li a {
  text-decoration: none;
  color: #000; }

.d-list-sp li h3 {
  margin: 0;
  padding: 10px 15px 8px;
  font-size: 146.5%;
  font-weight: normal;
  line-height: 1.2em; }

.d-list-sp li h3 .sh3 {
  font-size: 65%;
  line-height: 1em; }

.d-list-sp li p {
  margin: 0;
  padding: 0 15px 15px;
  font-size: 93%;
  line-height: 1.4em; }

/* Heal-bnn */
.d-box.heal01 .mds {
  float: left;
  width: 240px;
  height: 304px; }

.d-box.heal01 .mds a {
  display: block;
  width: 240px;
  height: 304px;
  background: url("images/bn_ac_buna.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.d-box.heal01 .p-box {
  float: left;
  width: 470px;
  height: 304px; }

/* Learb-bnn */
.d-box.learn01 .mds {
  width: 710px;
  height: 345px;
  background: url("images/bn_le_buna.jpg") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

/* see-bnn */
.d-box.see01 .mds {
  width: 710px;
  height: 120px; }

.d-box.see01 .mds a {
  display: block;
  width: 710px;
  height: 120px;
  background: url("images/bn_see_kanko.jpg") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

/*=========================================================
SECOND___MAIN =============================================
==========================================================*/
#contents-data {
  font-size: 100%;
  line-height: 1.5em; }

.c-d-title {
  margin: 20px 0 0; }

.c-d-title-in h1 {
  font-size: 197%;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0 0 20px;
  padding: 0 0 25px; }

#activity .c-d-title-in h1 {
  background: url("images/bar_activity.png") no-repeat left bottom; }

#stay .c-d-title-in h1 {
  background: url("images/bar_stay.png") no-repeat left bottom; }

#gourmet .c-d-title-in h1 {
  background: url("images/bar_gourmet.png") no-repeat left bottom; }

#shopping .c-d-title-in h1 {
  background: url("images/bar_shopping.png") no-repeat left bottom; }

#heal .c-d-title-in h1 {
  background: url("images/bar_heal.png") no-repeat left bottom; }

#learn .c-d-title-in h1 {
  background: url("images/bar_learn.png") no-repeat left bottom; }

#see .c-d-title-in h1 {
  background: url("images/bar_see.png") no-repeat left bottom; }

.c-d-title-in h1 {
  background: url("images/bar_df.png") no-repeat left bottom; }

.section2-info h3 {
  margin: 0 0 10px;
  padding: 10px 0 10px 0.7em;
  font-size: 123.1%;
  border-left: solid 1px #333; }

.section2-info ul {
  margin: 0 0 20px; }

.section2-info table {
  margin-top: 3px;
  font-size: 85%; }

.section2-info table th {
  text-align: center;
  padding: 4px 10px;
  color: #fff;
  border: solid 1px #666; }

.section2-info table td {
  text-align: center;
  background: #f0ecdd;
  padding: 4px 10px;
  border: solid 1px #666; }

#activity .section2-info table th {
  background: #66b5b6; }

#stay .section2-info table th {
  background: #6591c5; }

/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
h2.guide {
  margin: 0 0 15px;
  padding: 0 0 10px;
  width: 100%;
  max-width: 680px;
  height: 32px;
  text-indent: -9999em;
  overflow: hidden;
  border-bottom: solid 1px #000; }

#activity h2.guide {
  background: url("images/c_d_activity.png") no-repeat 0 0; }

#stay h2.guide {
  background: url("images/c_d_stay_room.png") no-repeat 0 0; }

#heal h2.guide {
  background: url("images/c_d_heal.png") no-repeat 0 0; }

#learn h2.guide {
  background: url("images/c_d_learn.png") no-repeat 0 0; }

#see h2.guide {
  background: url("images/c_d_see.png") no-repeat 0 0; }

/* ================================================================ */
/* ================================================================ */
/* ================================================================ */
/* ======================== activity-hbn*/
.act-box-all {
  margin: 50px 0 0; }

/* ======================== stay-hbn*/
#stay #contents-data .c-d-title.hotel {
  position: relative;
  width: 680px;
  height: 100px;
  margin: 0 0 20px; }

#stay #contents-data .c-d-title-in.hotel {
  position: absolute;
  top: 0;
  right: 0;
  width: 3000px;
  height: 100px;
  background: url("images/c_d_stay_bg.png") repeat-x 0 0; }

#stay #contents-data .c-d-title-in.hotel h1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 680px;
  height: 100px;
  text-indent: -9999em;
  overflow: hidden; }

#stay #contents-data .c-d-title-in.hotel h1.hotel_appi_grand {
  background: url("images/c_d_stay_hag_title.png") no-repeat 0 0; }

#stay #contents-data .c-d-title-in.hotel h1.appi_grand_villa {
  background: url("images/c_d_stay_villa_title.png") no-repeat 0 0; }

#stay #contents-data .c-d-title-in.hotel h1.appi_grand_annex {
  background: url("images/c_d_stay_anx_title.png") no-repeat 0 0; }

#stay #contents-data h2.main-catch {
  margin: 0 0 20px;
  padding: 0;
  font-size: 138.5%;
  line-height: 1.4em;
  color: #333; }

/*====================================================*/
.section1 {
  position: relative;
  margin: 0 0 40px;
  font-size: 100%; }

ul.section1-info {
  position: absolute;
  top: 8px;
  right: 0;
  list-style: none;
  width: 236px;
  height: 20px; }

ul.section1-info li.info01 {
  float: left;
  width: 109px;
  height: 20px;
  margin: 0 26px 0 0; }

ul.section1-info li.info02 {
  float: left;
  width: 98px;
  height: 20px; }

ul.section1-info li a {
  display: block; }

ul.section1-info li.info01 a {
  width: 109px;
  height: 20px;
  background: url("images/c_d_stay_info01.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

ul.section1-info li.info01 .no-link {
  display: none; }

ul.section1-info li.info02 a {
  width: 98px;
  height: 20px;
  text-indent: -9999em;
  overflow: hidden; }

#stay ul.section1-info li.info02 a {
  background: url("images/c_d_stay_info02.png") no-repeat 0 0; }

#activity ul.section1-info li.info02 a {
  background: url("images/c_d_activity_info02.png") no-repeat 0 0; }

#heal ul.section1-info li.info02 a {
  background: url("images/c_d_heal_info02.png") no-repeat 0 0; }

#learn ul.section1-info li.info02 a {
  background: url("images/c_d_learn_info02.png") no-repeat 0 0; }

#see ul.section1-info li.info02 a {
  background: url("images/c_d_see_info02.png") no-repeat 0 0; }

.section1 p.net-info {
  width: 200px;
  height: 30px;
  margin: 15px 0; }

.section1 p.net-info a {
  display: block;
  width: 200px;
  height: 30px;
  background: url("images/stay_net_info.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.section2-info ul {
  list-style: none; }

.section2-info ul li {
  padding: 0 0 0 1.2em; }

#stay .section2-info ul li {
  background: url("images/pict_stay_maru.png") no-repeat 0 2px; }

#activity .section2-info ul li {
  background: url("images/pict_activity_maru.png") no-repeat 0 2px; }

#heal .section2-info ul li {
  background: url("images/pict_heal_maru.png") no-repeat 0 2px; }

#learn .section2-info ul li {
  background: url("images/pict_learn_maru.png") no-repeat 0 2px; }

#see .section2-info ul li {
  background: url("images/pict_see_maru.png") no-repeat 0 2px; }

.section2-room table th {
  text-align: center;
  background: #6591c5;
  padding: 8px 10px 1px;
  color: #fff; }

.section2-room table td {
  text-align: center;
  background: #f0ecdd;
  padding: 8px 10px;
  border-bottom: solid 1px #000; }

/*====================================================*/
.p-box-all {
  margin: 0; }

.p-box-4 {
  float: left;
  width: 150px;
  height: 150px;
  margin: 0 26px 10px 0; }

.p-box-4:nth-child(4n) {
  margin: 0 0 25px; }

.p-box-4 a {
  text-decoration: none;
  font-size: 93%;
  line-height: 1.1em;
  color: #000; }

.p-box-4 a p {
  margin: 0 0 3px; }

.p-box-4 a img {
  width: 150px;
  height: 100px;
  margin: 0 0 3px; }

.gourmet .p-box-4 a span {
  padding: 0 1.3em 0 0;
  background: url("images/pict_ya_gourmet_s.png") no-repeat right 0; }

.heal .p-box-4 a span {
  padding: 0 1.3em 0 0;
  background: url("images/pict_ya_heal_s.png") no-repeat right 0; }

.activity .p-box-4 a span {
  padding: 0 1.3em 0 0;
  background: url("images/pict_ya_activity_s.png") no-repeat right 0; }

.shopping .p-box-4 a span {
  padding: 0 1.3em 0 0;
  background: url("images/pict_ya_shopping_s.png") no-repeat right 0; }

h3.faci-h301 {
  width: 100%;
  max-width: 680px;
  height: 26px;
  margin: 0 0 10px;
  background: url("images/faci-h301.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

h3.faci-h302 {
  width: 100%;
  max-width: 680px;
  height: 26px;
  margin: 0 0 10px;
  background: url("images/faci-h302.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

h3.faci-h303 {
  width: 100%;
  max-width: 680px;
  height: 26px;
  margin: 0 0 10px;
  background: url("images/faci-h303.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

h3.faci-h304 {
  width: 100%;
  max-width: 680px;
  height: 26px;
  margin: 0 0 10px;
  background: url("images/faci-h304.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.hbn-txt-box1 {
  float: left;
  width: 370px; }

.hbn-p-box1 {
  float: right;
  width: 280px; }

/* ===== D-C ==================== */
.hbn-p-box1 img {
  width: 280px;
  height: auto; }

h2.c_d_stay_gallery {
  margin: 0 0 15px;
  width: 100%;
  max-width: 680px;
  height: 22px;
  background: url("images/c_d_stay_gallery.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

h2.c_d_stay_ski {
  margin: 0 0 15px;
  width: 100%;
  max-width: 680px;
  height: 32px;
  background: url("images/c_d_stay_ski.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

h2.c_d_stay_kannai {
  margin: 0 0 15px;
  width: 100%;
  max-width: 680px;
  height: 32px;
  background: url("images/c_d_stay_kannai.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

/* ======================== restrun-hbn*/
#gourmet #contents-data .c-d-title.restaurant_and_lounge {
  position: relative;
  width: 680px;
  height: 80px;
  margin: 20px 0 0; }

#gourmet #contents-data .c-d-title-in.restaurant_and_lounge {
  position: absolute;
  top: 0;
  right: 0;
  width: 3000px;
  height: 80px;
  background: url("images/c_d_gourmet_bg.png") repeat-x 0 0; }

#gourmet #contents-data .c-d-title-in h1.restaurant_and_lounge {
  position: absolute;
  top: 0;
  right: 0;
  width: 680px;
  height: 80px;
  background: url("images/c_d_r_and_l_title.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet #contents-data .c-d-title-in h1 {
  font-size: 197%;
  font-weight: normal;
  margin: 0 0 20px;
  padding: 0; }

.res-box-all {
  margin: 50px 0 0; }

.res-box-2 {
  float: left;
  width: 325px;
  margin: 0 30px 30px 0; }

.res-box-2:nth-child(2n) {
  margin: 0 0 30px; }

.res-box-2 a {
  text-decoration: none;
  color: #000; }

.res-box-2 img {
  margin: 0;
  padding: 0;
  vertical-align: bottom; }

.res-box-2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #575757; }

.res-box-2 ul li {
  color: #fff; }

.res-box-2 ul li.r-name {
  float: left;
  width: 185px; }

.res-box-2 ul li.r-info {
  float: left;
  width: 140px;
  text-align: center;
  background: #c47b93; }

.res-box-2 ul li span {
  display: block;
  padding: 3px 10px; }

.res-box-2 h2 {
  font-size: 153.9%;
  font-weight: normal;
  padding: 9px 0; }

.res-box-2 p {
  font-size: 93%; }

/* Restaurant_DATA */
.contents-title {
  width: 680px;
  height: 45px;
  margin: 30px 0 10px; }

#gourmet h1 {
  width: 680px;
  height: 45px; }

#gourmet h1.lapindor {
  background: url("images/logo_r_lapindor.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.nanashigure {
  background: url("images/logo_r_nanashigure.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.bireika {
  background: url("images/logo_r_bireika.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

/*
#gourmet h1.ranran {
background: url(images/logo_r_ranran.png) no-repeat 0 0;
text-indent: -9999em;
overflow: hidden;
}
*/
#gourmet h1.richoen {
  background: url("images/logo_r_richoen.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.arlberg {
  background: url("images/logo_r_arlberg.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.lupinas {
  background: url("images/logo_r_lupinas.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.chokai {
  background: url("images/logo_r_chokai.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.lobelia {
  background: url("images/logo_r_lobelia.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.melissa {
  background: url("images/logo_r_melissa.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.chinon {
  background: url("images/logo_r_chinon.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.rikoh {
  background: url("images/logo_r_rikoh.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.yamaboushi {
  background: url("images/logo_r_yamaboushi.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.po {
  background: url("images/logo_r_po.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.sanremo {
  background: url("images/logo_r_sanremo.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.sassari {
  background: url("images/logo_r_sassari.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.annex_bbq {
  background: url("images/logo_r_anx_bbq.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.lech_info {
  background: url("images/logo_r_lech.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

/* 2017_新店舗 */
#gourmet h1.aburitei {
  width: 680px;
  height: 62px;
  background: url("images/logo_aburitei.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.brisa {
  width: 680px;
  height: 62px;
  background: url("images/logo_brisa.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet h1.grand_chariot {
  width: 680px;
  height: 62px;
  background: url("images/logo_chariot.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

.rest-main {
  margin: 0 0 40px; }

.section2-hbn {
  float: left;
  width: 427px;
  border-right: solid 1px #999; }

.section2-hbn-in {
  padding-right: 50px; }

.section2-hbn-in p {
  line-height: 1.8em; }

.section2-data {
  float: right;
  width: 250px; }

/* ===== D-C ==================== */
.section2-data img {
  width: 250px;
  height: auto; }

.section2-data p {
  font-size: 93%; }

.section2-data-in {
  padding-left: 12px; }

#gourmet ul.area-info {
  margin: 20px 0; }

#gourmet ul.area-info li {
  width: 110px;
  height: 20px;
  margin: 0 0 5px; }

#gourmet ul.area-info li a {
  display: block;
  width: 110px;
  height: 20px;
  text-indent: -9999em;
  overflow: hidden; }

#gourmet ul.area-info li.info01 a {
  background: url("images/c_d_gourmet_info01.png") no-repeat 0 0; }

#gourmet ul.area-info li.info02 a {
  background: url("images/c_d_gourmet_info02.png") no-repeat 0 0; }

.section2-data-in h4 {
  padding-left: 1.1em;
  font-size: 105%;
  color: #c47b93;
  background: url("images/pict_groumet_sq.png") no-repeat 0 center; }

.menu-box h3 {
  margin: 15px 0;
  font-size: 138.5%;
  font-family: serif;
  color: #c47b93; }

.menu-box h4 {
  margin: 0 0 5px;
  font-size: 108%;
  color: #c47b93; }

.menu-box p {
  margin: 0 0 20px;
  font-size: 93%; }

/* ======================== heal-hbn*/
/* ======================== learn-hbn*/
/* LearnTop_201607_Plus */
.j-cal-tbl {
  width: 100%;
  margin: 0 0 20px;
  text-align: center;
  background: #fbfaf5; }

.j-cal-tbl th {
  padding: 5px 7px;
  border: solid 1px #8dbb7d;
  background: #dbebc4;
  font-weight: normal; }

.j-cal-tbl td {
  padding: 5px 7px;
  border: solid 1px #8dbb7d; }

.j-cal-tbl .w-1 {
  width: 30%; }

.j-cal-tbl .w-2 {
  width: 15%; }

.j-cal-tbl .w-3 {
  width: 30%; }

.j-cal-tbl .w-3 {
  width: 25%; }

/* 写真3点 */
.learn-3box {
  float: left;
  margin: 0 3px 7px; }

.learn-3box a {
  display: block; }

.learn-3box p {
  margin: 0;
  padding: 4px 10px;
  background: #f0ebdb; }

/* ======================== see-hbn*/
.act-box-all {
  margin: 50px 0 0; }

/* around_tourist */
.entry-content .c-box.see p {
  margin: 0 0 5px;
  padding: 0;
  line-height: 1.6em; }

.entry-content .c-box.see p.hbn {
  margin: 0 0 30px;
  padding: 0; }

.entry-content .c-box.see p.tour-time {
  margin: 10px 0;
  padding: 5px 0 5px 100px;
  background: #efebdb url("images/tour-time.png") no-repeat 50px center; }

.c-box.see h3 {
  margin: 0 0 10px;
  padding: 10px 0;
  border-top: solid 3px #e9ba30;
  border-bottom: solid 1px #e9ba30; }

.c-box.see h4 {
  margin: 2px 0;
  padding: 2px 0 2px 1.2em;
  background: url("images/pict_see_maru.png") no-repeat left center; }

/* pension_minshuku_list */
.entry-content ul.minshuku-list,
.entry-content ul.pension-list {
  margin: 0 0 40px;
  padding: 0;
  border-top: solid 1px #c0c0c0; }

.entry-content ul.minshuku-list li,
.entry-content ul.pension-list li {
  list-style: none;
  padding: 8px 16px;
  border-bottom: solid 1px #c0c0c0;
  background: #fffffc; }

.entry-content ul.pension-list li:nth-child(2n) {
  background: #f7fcfe; }

.entry-content ul.minshuku-list li:nth-child(2n) {
  background: #FFFAF0; }

.pm-name {
  float: left;
  width: 60%;
  font-weight: bold; }

.pm-tel {
  float: right;
  width: 38%;
  text-align: right; }

/* FAQ */
dl.faq {
  margin: 0 0 20px; }

dl.faq dt {
  margin: 0;
  padding: 10px 10px 10px 50px;
  border: solid 1px #ede4cd;
  background: #F5F5DC url("images/qa_q.png") no-repeat 10px center; }

dl.faq dd {
  margin: 0 0 30px;
  padding: 10px 10px 10px 50px;
  border-left: solid 1px #ede4cd;
  border-bottom: solid 1px #ede4cd;
  border-right: solid 1px #ede4cd;
  background: #fffffc url("images/qa_a.png") no-repeat 10px 7px; }

/*Tokuten*/
table.dft {
  margin-top: 3px;
  font-size: 85%; }

table.dft th {
  text-align: center;
  padding: 4px 10px;
  color: #fff;
  border: solid 1px #666; }

table.dft td {
  text-align: center;
  background: #f0ecdd;
  padding: 4px 10px;
  border: solid 1px #666; }

table.dft table th {
  background: #66b5b6; }

table.dft th {
  background: #6591c5; }

/*Search*/
h2.search_ans {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: dotted 1px #999; }

.navigation {
  padding: 0;
  margin: 0 0 10px;
  border: solid 1px #ede4cd;
  background: #F5F5DC; }

.navigation .alignleft,
.navigation .alignright {
  margin: 5px 10px;
  padding: 0; }

.entry-content.search ul {
  margin-left: 3em; }

/*Houji*/
#appi_houji .entry-content h2 {
  margin: 10px 0 15px;
  padding: 0 0 10px;
  font-size: 167%;
  font-weight: normal;
  color: #483D8B;
  border-bottom: double 3px #c0c0c0; }

h3.appi_houji {
  margin: 10px 0 15px;
  padding: 0 0 10px;
  font-size: 123.1%;
  color: #483D8B;
  border-bottom: double 1px #c0c0c0; }

#appi_houji .entry-content h4 {
  font-size: 108%;
  color: #483D8B; }

#contents-data .c-box.houji .c-b-2a {
  float: left;
  width: 360px; }

#contents-data .c-box.houji .c-b-2b {
  float: right;
  width: 300px; }

.entry-content .c-box.houji .sp-mgn {
  margin: 0 0 5px; }

table.houji {
  width: 100%;
  font-size: 93%; }

table.houji th {
  text-align: center;
  padding: 4px 10px;
  background: #F8F8FF;
  border: solid 1px #999;
  font-weight: normal; }

table.houji td {
  text-align: center;
  padding: 4px 10px;
  background: #fff;
  border: solid 1px #999; }

table.houji td.right {
  text-align: right; }

#appi_houji h3.houji-pr {
  font-size: 108%;
  font-weight: normal;
  margin: 10px 0 6px;
  padding: 0 0 12px;
  border-bottom: solid 1px #ccc;
  color: #6A5ACD; }

.houji-stay {
  margin: 10px 0 0;
  padding: 0 0 0 0.7em;
  border-left: solid 2px #483D8B; }

.houji-stay strong {
  font-size: 123.1%;
  color: #483D8B; }

/*Usagi*/
.usagi-toku {
  margin: 0 0 30px;
  padding: 15px;
  border: solid 1px #c0c0c0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome */
  -moz-border-radius: 10px;
  /* Firefox */ }

h2.usagi {
  padding: 15px;
  line-height: 1.5em;
  text-align: center;
  color: #164a84;
  background: #efefef;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome */
  -moz-border-radius: 10px;
  /* Firefox */ }

h2.usagi span {
  font-weight: normal;
  font-size: 153.9%;
  color: #c00; }

h2.usagi-red {
  color: #c00; }

p.usagi {
  margin: 0 1em 10px; }

dl.usagi {
  font-size: 108%;
  margin: 0; }

dl.usagi dt {
  float: left;
  width: 5em;
  color: #c00; }

dl.usagi dd {
  margin: 0;
  padding: 0 0 5px 5.5em; }

ul.usagi {
  list-style: none;
  margin: 0 0 10px 2em; }

ul.usagi li {
  list-style: none;
  padding: 0 0 0 1.2em;
  background: url("images/pict_stay_maru.png") no-repeat left center; }

ul.usagi-btn {
  width: 680px;
  margin: 0 auto 20px; }

ul.usagi-btn li {
  float: left;
  list-style: none;
  width: 210px;
  margin: 0 8px; }

.entry-content ul.usagi-btn li a {
  display: block;
  padding: 10px 6px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome */
  -moz-border-radius: 10px;
  /* Firefox */
  color: #fff;
  background: #1883c7; }

.entry-content ul.usagi-btn li a:hover {
  background: #164a84; }

/*Staff_Blog_List*/
.stfblog-all {
  margin: 0 0 20px;
  padding: 15px;
  border: solid 1px #c0c0c0; }

.stfblog-photo {
  float: left;
  width: 170px; }

.stfblog-hbn {
  float: right;
  width: 470px; }

.stfblog-hbn p {
  margin: 0; }

p.stfblog-mds {
  font-weight: bold;
  color: #666;
  margin: 0 0 10px; }

/* ======================================================================== stay-hbn-aside［暫定位置--第2階層以降の右上ASIDE］*/
#second-aside-top {
  width: 3000px;
  margin: -80px 0 30px -30px;
  padding-top: 80px; }

#second-aside-top .s-a-top-mds {
  margin: 0 0 20px; }

#second-aside-top h2 {
  width: 250px;
  margin-left: 15px;
  text-indent: -9999em;
  overflow: hidden; }

#second-aside-top .s-a-top-catch {
  width: 3000px;
  margin: 0;
  text-indent: -9999em;
  overflow: hidden; }

#second-aside-top .back-link a {
  display: block;
  padding: 8px 36px;
  font-size: 85%;
  text-decoration: none;
  color: #fff; }

/* ACTIVITY */
#activity #second-aside-top {
  background: #66b5b6; }

#activity #second-aside-top h2 {
  margin-top: 10px;
  height: 148px;
  background: url("images/aside_sec_activity_tt.png") no-repeat 0 0; }

#activity #second-aside-top .s-a-top-catch {
  height: 74px;
  background: url("images/aside_sec_activity_catch.png") no-repeat 0 0; }

.s-a-body-activity {
  width: 3000px;
  padding: 15px 20px;
  background: #009489; }

.s-a-body-activity h3 {
  width: 242px;
  height: 20px;
  margin: 0 0 7px;
  text-indent: -9999em;
  overflow: hidden; }

.s-a-body-activity ul {
  list-style: none;
  width: 240px;
  margin: 0 0 10px; }

.s-a-body-activity.r-data ul {
  margin: 0 0 10px; }

.s-a-body-activity.r-data ul li {
  margin: 0;
  padding: 0; }

.s-a-body-activity.r-data ul a {
  display: block;
  margin: 0;
  padding: 3px 0 3px 1.2em;
  text-decoration: none;
  color: #fff;
  font-size: 93%;
  background: url("images/pict_white_sq.png") no-repeat 0 3px;
  line-height: 1.3em; }

#activity #second-aside-top .back-link {
  background: #66b5b6; }

#activity #second-aside-top .back-link a {
  background: #66b5b6 url("images/pict_ya_white_back.png") no-repeat 15px center; }

/* STAY */
#stay #second-aside-top {
  background: #7da7d1; }

#stay #second-aside-top h2 {
  height: 138px;
  background: url("images/aside_sec_stay_tt.png") no-repeat 0 0; }

#stay #second-aside-top .s-a-top-catch {
  height: 60px;
  background: #2675b2 url("images/aside_sec_stay_catch.png") no-repeat 0 0; }

.s-a-body-stay {
  width: 250px; }

.s-a-body-stay ul {
  list-style: none;
  margin: 20px 0 20px 20px; }

.s-a-body-stay ul li a {
  display: block;
  width: 190px;
  height: 30px;
  text-indent: -9999em;
  overflow: hidden; }

.s-a-body-stay ul li a.hag {
  margin: 0 0 20px;
  background: url("images/aside_sec_hotel_hag.png") no-repeat 0 0; }

.s-a-body-stay ul li a.villa {
  margin: 0 0 20px;
  background: url("images/aside_sec_hotel_villa.png") no-repeat 0 0; }

.s-a-body-stay ul li a.anx {
  margin: 0;
  background: url("images/aside_sec_hotel_anx.png") no-repeat 0 0; }

.s-a-body-stay2 {
  width: 3000px;
  padding: 10px 20px;
  background: #a4cec7;
  font-size: 85%; }

.s-a-body-stay2 h3 {
  font-weight: normal;
  margin: 0 0 7px; }

.s-a-body-stay2 a {
  margin: 0 1.2em 0 0;
  padding: 0 1.4em 0 0;
  line-height: 1.3em;
  text-decoration: none;
  color: #000;
  background: url("images/pict_ya_black_s.png") no-repeat right center; }

.s-a-body-stay2 .pm-link2 {
  margin: 0;
  padding: 7px 2.8em;
  background: url("images/pict_pension.png") no-repeat left center; }

#stay #second-aside-top .back-link {
  background: #2675b2; }

#stay #second-aside-top .back-link a {
  background: #2675b2 url("images/pict_ya_white_back.png") no-repeat 15px center; }

/* GOURMET */
#gourmet #second-aside-top {
  background: #c47b93; }

#gourmet #second-aside-top h2 {
  margin-top: 10px;
  height: 148px;
  background: url("images/aside_sec_gourmet_tt.png") no-repeat 0 0; }

#gourmet #second-aside-top .s-a-top-catch {
  height: 77px;
  background: url("images/aside_sec_gourmet_catch.png") no-repeat 0 0; }

.s-a-body-gourmet {
  width: 3000px;
  padding: 15px 20px;
  background: #a14467; }

.s-a-body-gourmet h3 {
  width: 242px;
  height: 20px;
  margin: 0 0 7px;
  text-indent: -9999em;
  overflow: hidden; }

.s-a-body-gourmet h3.ja {
  background: url("images/gourmet_sh_mds1.png") no-repeat 0 0; }

.s-a-body-gourmet h3.ho {
  background: url("images/gourmet_sh_mds2.png") no-repeat 0 0; }

.s-a-body-gourmet h3.tm {
  background: url("images/gourmet_sh_mds3.png") no-repeat 0 0; }

.s-a-body-gourmet ul {
  list-style: none;
  width: 240px;
  margin: 0 0 10px; }

ul.btn-2 li {
  float: left;
  width: 110px;
  height: 24px;
  margin: 0 10px 7px 0;
  text-indent: -9999em;
  overflow: hidden; }

ul.btn-2 li a {
  display: block;
  width: 110px;
  height: 24px; }

ul.btn-2 li a.wa {
  background: url("images/gourmet_sh_wa.png") no-repeat 0 0; }

ul.btn-2 li a.yo {
  background: url("images/gourmet_sh_yo.png") no-repeat 0 0; }

ul.btn-2 li a.ch {
  background: url("images/gourmet_sh_ch.png") no-repeat 0 0; }

ul.btn-2 li a.ya {
  background: url("images/gourmet_sh_ya.png") no-repeat 0 0; }

ul.btn-2 li a.vi {
  background: url("images/gourmet_sh_vi.png") no-repeat 0 0; }

ul.btn-2 li a.ba {
  background: url("images/gourmet_sh_ba.png") no-repeat 0 0; }

/* hover */
ul.btn-2 li a.wa:hover {
  background: url("images/gourmet_shb_wa.png") no-repeat 0 0; }

ul.btn-2 li a.yo:hover {
  background: url("images/gourmet_shb_yo.png") no-repeat 0 0; }

ul.btn-2 li a.ch:hover {
  background: url("images/gourmet_shb_ch.png") no-repeat 0 0; }

ul.btn-2 li a.ya:hover {
  background: url("images/gourmet_shb_ya.png") no-repeat 0 0; }

ul.btn-2 li a.vi:hover {
  background: url("images/gourmet_shb_vi.png") no-repeat 0 0; }

ul.btn-2 li a.ba:hover {
  background: url("images/gourmet_shb_ba.png") no-repeat 0 0; }

ul.btn-1 li {
  width: 230px;
  height: 24px;
  margin: 0 10px 7px 0;
  text-indent: -9999em;
  overflow: hidden; }

ul.btn-1 li a {
  display: block;
  width: 230px;
  height: 24px; }

ul.btn-1 li a.hag {
  background: url("images/gourmet_sh_hag.png") no-repeat 0 0; }

ul.btn-1 li a.villa {
  background: url("images/gourmet_sh_villa.png") no-repeat 0 0; }

ul.btn-1 li a.anx {
  background: url("images/gourmet_sh_anx.png") no-repeat 0 0; }

ul.btn-2 li a.tm-yu {
  background: url("images/gourmet_sh_tm_yu.png") no-repeat 0 0; }

ul.btn-2 li a.tm-hi {
  background: url("images/gourmet_sh_tm_hi.png") no-repeat 0 0; }

ul.btn-2 li a.tm-bl {
  background: url("images/gourmet_sh_tm_bl.png") no-repeat 0 0; }

ul.btn-2 li a.tm-ch {
  background: url("images/gourmet_sh_tm_ch.png") no-repeat 0 0; }

/* hover */
ul.btn-1 li a.hag:hover {
  background: url("images/gourmet_shb_hag.png") no-repeat 0 0; }

ul.btn-1 li a.villa:hover {
  background: url("images/gourmet_shb_villa.png") no-repeat 0 0; }

ul.btn-1 li a.anx:hover {
  background: url("images/gourmet_shb_anx.png") no-repeat 0 0; }

ul.btn-2 li a.tm-yu:hover {
  background: url("images/gourmet_shb_tm_yu.png") no-repeat 0 0; }

ul.btn-2 li a.tm-hi:hover {
  background: url("images/gourmet_shb_tm_hi.png") no-repeat 0 0; }

ul.btn-2 li a.tm-bl:hover {
  background: url("images/gourmet_shb_tm_bl.png") no-repeat 0 0; }

ul.btn-2 li a.tm-ch:hover {
  background: url("images/gourmet_shb_tm_ch.png") no-repeat 0 0; }

p.reset a {
  display: block;
  width: 242px;
  height: 24px;
  margin: 0 10px 0 0;
  text-indent: -9999em;
  overflow: hidden;
  background: url("images/gourmet_sh_reset.png") no-repeat 0 0; }

/* hover */
p.reset a:hover {
  background: url("images/gourmet_shb_reset.png") no-repeat 0 0; }

#gourmet #second-aside-top .back-link {
  background: #c47b93; }

#gourmet #second-aside-top .back-link a {
  background: #c47b93 url("images/pict_ya_white_back.png") no-repeat 15px center; }

/*restaurant-data*/
.s-a-body-gourmet.r-data {
  padding: 18px 20px 2px; }

.s-a-body-gourmet.r-data h3 {
  text-indent: 0;
  margin: 0 0 10px;
  color: #fff;
  font-size: 123.1%; }

.s-a-body-gourmet.r-data h4 {
  margin: 0 0 4px -0.5em;
  color: #fff;
  font-weight: bold; }

.s-a-body-gourmet.r-data ul {
  margin: 0 0 18px; }

.s-a-body-gourmet.r-data ul li {
  margin: 0;
  padding: 0; }

.s-a-body-gourmet.r-data ul a {
  display: block;
  margin: 0;
  padding: 0 0 0 1.2em;
  text-decoration: none;
  color: #fff;
  font-size: 93%;
  background: url("images/pict_white_sq.png") no-repeat 0 center;
  line-height: 1.42em; }

/* SHOPPING */
#shopping #second-aside-top {
  background: #cdcf4a; }

#shopping #second-aside-top h2 {
  margin-top: 10px;
  height: 148px;
  background: url("images/aside_sec_shopping_tt.png") no-repeat 0 0; }

#shopping #second-aside-top .s-a-top-catch {
  height: 74px;
  background: url("images/aside_sec_shopping_catch.png") no-repeat 0 0; }

.s-a-body-shopping {
  width: 3000px;
  padding: 15px 20px;
  background: #a2b214; }

.s-a-body-shopping ul {
  list-style: none;
  width: 240px;
  margin: 0 0 10px; }

.s-a-body-shopping.r-data ul {
  margin: 0 0 10px; }

.s-a-body-shopping.r-data ul li {
  margin: 0;
  padding: 0; }

.s-a-body-shopping.r-data ul a {
  display: block;
  margin: 0;
  padding: 0 0 0 1.2em;
  text-decoration: none;
  color: #fff;
  font-size: 93%;
  background: url("images/pict_white_sq.png") no-repeat 0 2px;
  line-height: 1.42em; }

#shopping #second-aside-top .back-link {
  background: #cdcf4a; }

#shopping #second-aside-top .back-link a {
  background: #cdcf4a url("images/pict_ya_white_back.png") no-repeat 15px center; }

/* HEAL */
#heal #second-aside-top {
  background: #7cbeee; }

#heal #second-aside-top h2 {
  margin-top: 10px;
  height: 148px;
  background: url("images/aside_sec_heal_tt.png") no-repeat 0 0; }

#heal #second-aside-top .s-a-top-catch {
  height: 74px;
  background: url("images/aside_sec_heal_catch.png") no-repeat 0 0; }

.s-a-body-heal {
  width: 3000px;
  padding: 15px 20px;
  background: #5487b6; }

.s-a-body-heal ul {
  list-style: none;
  width: 240px;
  margin: 0 0 10px; }

.s-a-body-heal.r-data ul {
  margin: 0 0 10px; }

.s-a-body-heal.r-data ul li {
  margin: 0;
  padding: 0; }

.s-a-body-heal.r-data ul a {
  display: block;
  margin: 0;
  padding: 0 0 0 1.2em;
  text-decoration: none;
  color: #fff;
  font-size: 93%;
  background: url("images/pict_white_sq.png") no-repeat 0 2px;
  line-height: 1.42em; }

#heal #second-aside-top .back-link {
  background: #7cbeee; }

#heal #second-aside-top .back-link a {
  background: #7cbeee url("images/pict_ya_white_back.png") no-repeat 15px center; }

/* LEARN */
#learn #second-aside-top {
  background: #89bd74; }

#learn #second-aside-top h2 {
  margin-top: 5px;
  height: 190px;
  background: url("images/aside_sec_learn_tt.png") no-repeat 0 0; }

#learn #second-aside-top .s-a-top-catch {
  height: 74px;
  background: url("images/aside_sec_learn_catch.png") no-repeat 0 0; }

.s-a-body-learn {
  width: 3000px;
  padding: 15px 20px;
  background: #319a50; }

.s-a-body-learn ul {
  list-style: none;
  width: 240px;
  margin: 0 0 10px; }

.s-a-body-learn.r-data ul {
  margin: 0 0 10px; }

.s-a-body-learn.r-data ul li {
  margin: 0;
  padding: 0; }

.s-a-body-learn.r-data ul a {
  display: block;
  margin: 0;
  padding: 0 0 0 1.2em;
  text-decoration: none;
  color: #fff;
  font-size: 93%;
  background: url("images/pict_white_sq.png") no-repeat 0 2px;
  line-height: 1.42em; }

#learn #second-aside-top .back-link {
  background: #89bd74; }

#learn #second-aside-top .back-link a {
  background: #89bd74 url("images/pict_ya_white_back.png") no-repeat 15px center; }

/* SEE */
#see #second-aside-top {
  background: #e9ba30; }

#see #second-aside-top h2 {
  margin-top: 5px;
  height: 190px;
  background: url("images/aside_sec_see_tt.png") no-repeat 0 0; }

#see #second-aside-top .s-a-top-catch {
  height: 74px;
  background: url("images/aside_sec_see_catch.png") no-repeat 0 0; }

.s-a-body-see {
  width: 3000px;
  padding: 15px 20px;
  background: #d58e00; }

.s-a-body-see ul {
  list-style: none;
  width: 240px;
  margin: 0 0 10px; }

.s-a-body-see.r-data ul {
  margin: 0 0 10px; }

.s-a-body-see.r-data ul li {
  margin: 0;
  padding: 0; }

.s-a-body-see.r-data ul a {
  display: block;
  margin: 0;
  padding: 0 0 0 1.2em;
  text-decoration: none;
  color: #fff;
  font-size: 93%;
  background: url("images/pict_white_sq.png") no-repeat 0 2px;
  line-height: 1.42em; }

#see #second-aside-top .back-link {
  background: #e9ba30; }

#see #second-aside-top .back-link a {
  background: #e9ba30 url("images/pict_ya_white_back.png") no-repeat 15px center; }

/* Shopping APPI ranch */
.sp_ranch_all {
  width: 680px;
  margin: 0 auto 30px; }

.sp_ranch_all .b-left {
  float: left;
  width: 325px; }

.sp_ranch_all .b-right {
  float: right;
  width: 325px; }

.sp_ranch_all h3 {
  font-size: 167%;
  line-height: 1.2em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0; }

.sp_ranch_all p {
  margin: 0;
  padding: 0; }

.sp_ranch_all div.hbn {
  width: 325px;
  margin: 0 0 35px;
  line-height: 1.4em;
  background: url("images/bn_cmt_bg_325.png") no-repeat -1px bottom; }

.sp_ranch_all .hbn p {
  display: block;
  margin: 0;
  padding: 14px 20px;
  line-height: 1.5em;
  background: url("images/bn_cmt_bg_325.png") no-repeat -1px top; }

span.price {
  display: block;
  border-top: dashed 1px #999;
  margin: 5px 0 0;
  padding: 5px 0 0;
  font-size: 93%;
  color: #444; }

/* Event Calendar*/
table.event_cal {
  width: 100%;
  border-top: dashed 1px #c0c0c0; }

table.event_cal td {
  padding: 10px;
  border-bottom: dashed 1px #c0c0c0; }

table.event_cal td.mds {
  width: 30%;
  padding: 10px 20px;
  background: #fbfaf5; }

table.event_cal td.hbn {
  width: 70%;
  padding: 10px 20px; }

table.event_cal td.mds-m {
  padding: 5px 20px;
  font-size: 153.9%;
  font-weight: bold;
  color: #7b5544;
  background: #ede4cd; }

/* TaikenProgram */
.sgr {
  margin: 0;
  padding: 15px 0 0;
  border-bottom: dashed 1px #999; }

.sgr-hbn {
  float: left;
  width: 420px; }

.sgr-photo {
  float: right;
  width: 240px; }

.sgr h3 {
  font-size: 138.5%;
  margin-top: 0;
  padding: 8px 10px;
  background: #f8f4e6;
  color: #965042;
  border-left: solid 5px #a8bf93; }

.sgr h4 {
  padding: 5px 0 5px 1.2em;
  font-size: 108%;
  border-bottom: solid 1px #a8bf93;
  color: #3b7960;
  background: url("images/pict_learn_maru.png") no-repeat left center; }

.entry-content table.ap-tbl-1 th {
  padding: 4px 10px;
  text-align: center;
  background: #ede4cd;
  border: solid 1px #999;
  font-weight: normal; }

.entry-content table.ap-tbl-1 td {
  padding: 3px 8px;
  text-align: left;
  background: #fff;
  border: solid 1px #c0c0c0; }

.entry-content table.ap-tbl-1 td.mds {
  background: #f8f4e6;
  white-space: nowrap; }

.entry-content table.tpro {
  width: 420px; }

.entry-content table.tpro td.mds {
  width: 7em;
  text-align: center; }

h2.tpro {
  margin: 0 0 14px;
  padding: 15px 0 15px 0.5em;
  font-size: 153.9%;
  border-left: solid 4px #debd85;
  line-height: 1.5em;
  color: #965042; }

h3.tpro {
  margin: 0 0 14px;
  padding: 10px 0;
  font-size: 138.5%;
  border-bottom: double 3px #debd85;
  color: #3b7960; }

h4.tpro {
  margin: 0 0 14px;
  padding: 10px 0;
  font-size: 123.1%;
  color: #8c6450; }

p.line-dashed {
  margin: 40px 0;
  padding: 10px 14px;
  font-size: 93%;
  border: dashed 1px #999; }

/* 201707_activity_INFO */
.show_pc {
  display: inline; }

.show_sp {
  display: none; }

.section2-won table td {
  line-height: 1.6em;
  padding: 5px; }

.section2-won table th.mds {
  width: 15%;
  line-height: 1.6em; }

.section2-won table td.mds {
  text-align: center;
  font-weight: bold;
  color: #555; }

.section2-won table td.list {
  width: 39%;
  padding: 0 0 0 15px; }

.section2-won table td.list-2 {
  width: 22%;
  padding: 0 0 0 15px; }

.section2-won table td.list-3 {
  width: 17%;
  padding: 0 0 0 15px; }

.section2-won table td.fee {
  width: 15%;
  text-align: center; }

.section2-won table td.fee2 {
  width: 29%;
  text-align: center; }

.section2-won table td.wl-t {
  width: 13%;
  text-align: center; }

.section2-won table td.daypa {
  width: 13%;
  text-align: center; }

.section2-won table.tb-activity th {
  background: #66B5B6; }

.section2-won table.tb-activity td.mds {
  background: #bce1df; }

.section2-won table.tb-heal th {
  background: #76BCF2; }

.section2-won table.tb-heal td.mds_bg {
  background: #bae3f9; }

.section2-won table.tb-see th {
  background: #EABD1A; }

.section2-won table.tb-see td.mds_bg {
  background: #ffe9a9; }

.section2-won table.tb-learn th {
  background: #8BBB7A; }

.section2-won table.tb-learn td.mds_bg {
  background: #d5ead8; }

.section2-won table.tb-gourmet th {
  background: #c47b93; }

.section2-won table.tb-gourmet td.mds_bg {
  background: #e3adc1; }

.section2-won table.tb-shopping th {
  background: #a2b600; }

.section2-won table.tb-shopping td.mds_bg {
  background: #edf1b0; }

.section2-won table.tb-kanko th {
  background: #da8b6a; }

.section2-won table.tb-kanko td.mds_bg {
  background: #fbdac8; }

.section2-won table.tb-kanko th {
  background: #da8b6a; }

.section2-won table.tb-shopping td.mds_bg {
  background: #fbdac8; }

/*=========================================================
ASIDE ======================================================
==========================================================*/
/* -----------------------aside */
#aside {
  float: right;
  width: 220px; }

#main-hbn #aside {
  margin: -60px 0 0;
  padding: 80px 0 0; }

/* content710pxの際は20px下げる */
#main-hbn #aside.event-side {
  margin: -40px 0 0; }

/* aside-info */
#aside-info-wrap {
  width: 220px;
  margin: 0 0 15px;
  padding: 12px 0 0;
  background: url("images/aside_bg_top.png") no-repeat 0 0; }

#aside-info {
  width: 220px;
  padding: 0 0 12px;
  background: url("images/aside_bg_bottom.png") no-repeat 0 bottom; }

#aside-info ul {
  list-style: none;
  width: 200px;
  margin: 0;
  padding: 0; }

#aside-info .access h3 {
  width: 200px;
  height: 65px;
  margin: 0 10px 14px; }

#aside-info .access h3 a {
  display: block;
  width: 200px;
  height: 65px;
  background: url("images/aside_01acc.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .access h3 a:hover {
  background: url("images/aside_01acc_b.png") no-repeat 0 0; }

#aside-info .stay {
  width: 200px;
  margin: 0 10px 14px; }

#aside-info .stay h3 {
  width: 200px;
  height: 62px; }

#aside-info .stay h3 a {
  display: block;
  width: 200px;
  height: 62px;
  background: url("images/aside_02stay1.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .stay h3 a:hover {
  background: url("images/aside_02stay1_b.png") no-repeat 0 0; }

#aside-info .stay a.kensaku {
  display: block;
  width: 200px;
  height: 33px;
  background: url("images/aside_02stay2.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .stay a.kensaku:hover {
  background: url("images/aside_02stay2_b.png") no-repeat 0 0; }

#aside-info .stay a.kakunin {
  display: block;
  width: 200px;
  height: 27px;
  background: url("images/aside_02stay3.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .stay a.kakunin:hover {
  background: url("images/aside_02stay3_b.png") no-repeat 0 0; }

#aside-info .order {
  width: 198px;
  height: 224px;
  margin: 0 10px;
  padding: 0;
  border: solid 1px #7b6b60; }

#aside-info .order h3 {
  width: 198px;
  height: 44px;
  background: url("images/aside_03tel1.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .order li.hag-tel {
  width: 198px;
  height: 72px;
  background: url("images/aside_03tel2_20200501.png") no-repeat 0 0;
  /* background: url("images/aside_03tel2_20200103.png") no-repeat 0 0; */
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .order li.ski-tel {
  width: 198px;
  height: 72px;
  background: url("images/aside_03tel3_20200103.png") no-repeat 0 0;
  /*background: url("images/aside_03tel3_20191222_001.png") no-repeat 0 0;*/
  /* background: url(images/aside_03tel3.png) no-repeat 0 0; */
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .order a.mail {
  display: block;
  width: 198px;
  height: 32px;
  background: url("images/aside_04form.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .order a.mail:hover {
  background: url("images/aside_04form_b.png") no-repeat 0 0; }

/* aside-menu-sp */
.aside-menu-winter {
  margin: 0 0 20px; }

.aside-menu-winter h3 {
  margin: 0;
  padding: 7px;
  background: #00a1d2;
  color: #fff; }

.aside-menu-winter ul {
  margin: 0;
  padding: 0; }

.aside-menu-winter ul li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #ccc; }

.aside-menu-winter ul li a {
  display: block;
  margin: 0;
  padding: 10px 7px 10px 14px;
  text-decoration: none;
  background: #fff url("images/ya_side_w.png") no-repeat 0 center;
  color: #000; }

.aside-menu-winter ul li a:hover {
  background: #eee url("images/ya_side_w.png") no-repeat 0 center;
  color: #c00; }

/* aside-bnn */
#aside-bnn {
  margin: 0;
  padding: 0; }

#aside-bnn a {
  display: block;
  width: 220px;
  height: 70px;
  margin: 0 0 15px;
  padding: 0;
  vertical-align: bottom; }

#aside-bnn img {
  margin: 0;
  padding: 0; }

#aside-bnn ul {
  list-style: none;
  width: 220px;
  margin: 0; }

#aside-bnn ul li {
  width: 220px;
  height: 70px;
  margin: 0 0 15px; }

/* -----------------------home-news */
#home-news-left {
  float: right;
  width: 3000px; }

#news-main {
  float: right;
  width: 710px; }

#home-news-right {
  float: left;
  width: 3000px; }

#news-contents {
  float: left;
  position: relative;
  width: 710px;
  padding: 46px 0 20px; }

#news-contents h3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 338px;
  height: 40px;
  text-indent: -9999em;
  overflow: hidden; }

#news-contents ul.ns-info {
  position: absolute;
  right: 0;
  top: 0;
  width: 230px;
  height: 24px;
  list-style: none; }

#news-contents ul.ns-info li {
  float: left; }

#news-contents ul.ns-info li a {
  display: block;
  height: 24px;
  text-indent: -9999em;
  overflow: hidden; }

#news-contents ul.ns-info li.go-news-list {
  width: 134px;
  height: 24px; }

#news-contents ul.ns-info li.go-blog {
  width: 96px;
  height: 24px; }

#news-contents .dl-wrap {
  background: url("images/h_n_bg_top.png") no-repeat 0 0;
  padding: 14px 0 0; }

#news-contents dl {
  font-size: 100%;
  line-height: 1.3em;
  padding: 5px 16px 6px;
  background: url("images/h_n_bg_bottom.png") no-repeat 0 bottom; }

/* _________________________GREEN */
#home-news-left,
#home-news-right,
#news-main {
  background: #429e65; }

#news-contents h3 {
  background: url("images/home_news_title.png") no-repeat 0 0; }

#news-contents ul.ns-info li.go-news-list a {
  background: url("images/go_news_list.png") no-repeat 0 0; }

#news-contents ul.ns-info li.go-blog a {
  background: url("images/go_blog.png") no-repeat 0 0; }

/* _________________________GREEN__END */
/* _________________________WINTER
#home-news-left,
#news-main,
#home-news-right {
background: #00a2d0;
}
#news-contents h3 {
background: url(images/home_news_w_title.png) no-repeat 0 0;
}
#news-contents ul.ns-info li.go-news-list a {
background: url(images/go_news_w_list.png) no-repeat 0 0;
}
#news-contents ul.ns-info li.go-blog a {
background: url(images/go_blog_w.png) no-repeat 0 0;
}
_________________________WINTER__END */
/* ------SKI */
#ski #news-contents ul.ns-info {
  position: absolute;
  right: 0;
  top: 0;
  width: 134px;
  height: 24px;
  list-style: none; }

#ski #home-news-left,
#ski #home-news-right,
#ski #news-main {
  background: #00a2d0; }

#ski #news-contents h3 {
  width: 386px;
  height: 40px;
  background: url("images/ski_news_w_title.png") no-repeat 0 0; }

#ski #news-contents ul.ns-info li.go-news-list a {
  background: url("images/go_news_w_list.png") no-repeat 0 0; }

#ski #news-contents ul.ns-info li.go-blog a {
  background: url("images/go_blog_w.png") no-repeat 0 0; }

/* news-list-page*/
#news-list #news-contents {
  padding: 0; }

#news-list #news-contents dl {
  padding: 0;
  background: none;
  width: 680px; }

#news-list #news-contents dl dd a:link {
  text-decoration: under-line;
  color: #009; }

#news-list #news-contents dl dd a:visited {
  text-decoration: under-line;
  color: #939; }

#news-list #news-contents dl dd a:hover {
  color: #c03;
  text-decoration: underline; }

#news-contents dl dt {
  float: left;
  width: 7em; }

#news-contents dl dd {
  margin: 0 0 0.5em;
  padding: 0 0 0.5em 7em;
  border-bottom: dashed 1px #333; }

#news-contents dl dd:last-child {
  border-bottom: none; }

#news-contents dl dd a {
  display: block;
  text-decoration: none;
  color: #000; }

.mark-new {
  margin: -0.1em 0.3em 0 0;
  padding: 2px 3px 1px;
  font-size: 77%;
  font-weight: bold;
  color: #fff;
  background-color: #c03; }

/* facebook-likebox */
h3.facebook-title {
  width: 220px;
  height: 21px;
  margin: 0;
  padding: 0;
  background: url("images/facebook_title.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#appi-facebook {
  border-left: solid 1px #666;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  background: #fff;
  overflow: hidden;
  margin: 0 0 15px; }

div.fb-like-box {
  margin-left: -6px; }

#news-aside ul {
  list-style: none;
  width: 220px;
  margin: 0; }

#news-aside ul li {
  width: 220px;
  height: 70px;
  margin: 15px 0 0; }

/*=========================================================
FOOTER ====================================================
==========================================================*/
/* -----------------------footer */
#footer {
  width: 100%;
  margin: 0 auto; }

#footer-info {
  width: 776px;
  height: 46px;
  margin: 30px auto 6px; }

#footer-info h3 {
  float: left;
  width: 298px;
  height: 35px;
  padding: 0 16px 0 0;
  border-right: solid 1px #000; }

#footer-info h3 a {
  display: block;
  width: 298px;
  height: 35px;
  background: url("images/pc_ft_logo.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#footer-info p {
  float: right;
  width: 444px;
  height: 45px;
  margin: 0;
  padding: 0;
  background: url("images/pc_ft_telnum.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

#footer-info-2 {
  width: 776px;
  height: 46px;
  margin: 30px auto 6px;
  text-align: center; }

#footer-info-2 h3 {
  width: 298px;
  height: 35px;
  margin: 0 auto;
  padding: 0 16px 0 0; }

#footer-info-2 h3 a {
  display: block;
  width: 298px;
  height: 35px;
  background: url("images/pc_ft_logo.png") no-repeat 0 0;
  text-indent: -9999em;
  overflow: hidden; }

/* footer-link */
#footer-link {
  text-align: center;
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
  padding: 4px 0; }

#footer-link ul {
  list-style: none;
  display: inline; }

#footer-link ul li {
  display: inline; }

#footer-link ul li a {
  padding: 0 0.7em;
  font-size: 77%;
  text-decoration: none;
  color: #000; }

p.credit {
  padding: 5px 0;
  font-size: 85%;
  text-align: center; }

/* end-bnn */
#footer-bnn {
  width: 960px;
  margin: 30px auto 0; }

#footer-bnn a {
  display: block;
  float: left;
  width: 228px;
  height: 60px;
  margin: 0 16px 16px 0; }

#footer-bnn a:nth-child(4n) {
  margin: 0 0 16px; }

/* footer_mega_link */
#footer-mega-link {
  width: 960px;
  margin: 20px auto; }

.f-m-link {
  float: left;
  width: 225px;
  margin: 0 18px 0 0; }

.f-m-link.last {
  margin: 0; }

#footer-mega-link h2 {
  padding: 10px 0 5px;
  font-size: 100%;
  font-weight: normal;
  border-top: solid 1px #999;
  color: #333;
  letter-spacing: 0.5em;
  text-align: center; }

#footer-mega-link h3 {
  padding: 18px 0 14px 48px;
  font-weight: normal; }

#footer-mega-link .activity h3 {
  border-top: solid 3px #66b5b6;
  background: url("images/pict_mini_act.png") no-repeat 0 center; }

#footer-mega-link .stay h3 {
  border-top: solid 3px #7da7d1;
  background: url("images/pict_mini_sty.png") no-repeat 0 center; }

#footer-mega-link .gourmet h3 {
  border-top: solid 3px #c47b93;
  background: url("images/pict_mini_grm.png") no-repeat 0 center; }

#footer-mega-link .shopping h3 {
  border-top: solid 3px #cdcf4a;
  background: url("images/pict_mini_spg.png") no-repeat 0 center; }

#footer-mega-link .heal h3 {
  border-top: solid 3px #7cbeee;
  background: url("images/pict_mini_hea.png") no-repeat 0 center; }

#footer-mega-link .learn h3 {
  border-top: solid 3px #89bd74;
  background: url("images/pict_mini_lea.png") no-repeat 0 center; }

#footer-mega-link .see h3 {
  border-top: solid 3px #e9ba30;
  background: url("images/pict_mini_see.png") no-repeat 0 center; }

#footer-mega-link ul {
  margin: 0 0 30px;
  font-size: 93%; }

#footer-mega-link ul li a {
  display: block;
  padding: 4px 0 4px 16px;
  text-decoration: none;
  color: #333;
  border-top: solid 1px #ccc; }

#footer-mega-link .activity ul li a {
  background: url("images/ya_mini_act.png") no-repeat 4px 8px; }

#footer-mega-link .stay ul li a {
  background: url("images/ya_mini_sty.png") no-repeat 4px 8px; }

#footer-mega-link .gourmet ul li a {
  background: url("images/ya_mini_grm.png") no-repeat 4px 8px; }

#footer-mega-link .shopping ul li a {
  background: url("images/ya_mini_spg.png") no-repeat 4px 8px; }

#footer-mega-link .heal ul li a {
  background: url("images/ya_mini_hea.png") no-repeat 4px 8px; }

#footer-mega-link .learn ul li a {
  background: url("images/ya_mini_lea.png") no-repeat 4px 8px; }

#footer-mega-link .see ul li a {
  background: url("images/ya_mini_see.png") no-repeat 4px 8px; }

#footer-mega-link ul li a:hover {
  color: #c00;
  background: #eee url("images/ya_mini_c00.png") no-repeat 4px 8px; }

#footer-mega-link ul li ul {
  display: block;
  margin: 0;
  padding: 0 0 0 20px;
  color: #333;
  font-size: 100%;
  border-top: none; }

/* event */
.c-d-event-title h1 {
  text-indent: -9999em;
  overflow: hidden;
  height: 1px;
  margin: 0;
  padding: 0; }

.left-385 {
  float: left;
  width: 385px; }

.right-275 {
  float: right;
  width: 275px; }

.left-80 {
  float: left;
  width: 80px; }

.right-300 {
  float: right;
  width: 300px; }

.right-275 img {
  margin: 0 0 30px; }

.head-line {
  border-top: solid 1px #666;
  padding: 15px 0 0; }

/* golf-event */
.c-d-golf-event-title h1 {
  text-indent: -9999em;
  overflow: hidden;
  height: 1px;
  margin: 0;
  padding: 0; }

.left-370 {
  float: left;
  width: 370px; }

.right-260 {
  float: right;
  width: 260px; }

.right-260 img {
  margin: 0 0 30px; }

/* WonderLandTiket */
.section1-won h2 {
  margin-top: 30px;
  color: #08824E; }

.section1-won ul {
  margin: 0 0 30px; }

.section1-won ul li {
  background: url("images/pict_learn_maru.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
  list-style: none outside none;
  padding: 0 0 0 1.2em; }

.won-box {
  border: #CCC solid 1px;
  border-radius: 10px;
  margin: 15px 0;
  padding: 15px; }

.section2-won h2 {
  font-weight: normal;
  margin: 30px 0 0;
  padding: 16px 0;
  font-size: 167%;
  border-bottom: 3px solid #EBE3C3; }

h3.h3-activity,
h3.h3-gourmet,
h3.h3-heal,
h3.h3-learn,
h3.h3-see,
h3.h3-shopping {
  font-weight: normal;
  margin: 10px 0 15px;
  padding: 16px 0 12px 48px;
  border: none;
  border-bottom: 1px solid #000000; }

.section2-won h3.h3-activity {
  background: url("images/pict_mini_act.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

.section2-won h3.h3-heal {
  background: url("images/pict_mini_hea.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

.section2-won h3.h3-see {
  background: url("images/pict_mini_see.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

.section2-won h3.h3-learn {
  background: url("images/pict_mini_lea.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

.section2-won h3.h3-gourmet {
  background: url("images/pict_mini_grm.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

.section2-won h3.h3-shopping {
  background: url("images/pict_mini_spg.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

.section2-won h4.h4-activity,
.section2-won h4.h4-gourmet,
.section2-won h4.h4-heal,
.section2-won h4.h4-learn,
.section2-won h4.h4-see,
.section2-won h4.h4-shopping {
  padding: 0 0 0 1.2em; }

.section2-won h4.h4-activity {
  background: url("images/pict_activity_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

.section2-won h4.h4-heal {
  background: url("images/pict_heal_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

.section2-won h4.h4-see {
  background: url("images/pict_see_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

.section2-won h4.h4-learn {
  background: url("images/pict_learn_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

.section2-won h4.h4-gourmet {
  background: url("images/pict_gourmet_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

.section2-won h4.h4-shopping {
  background: url("images/pict_shopping_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

.section2-won table {
  width: 100%; }

.section2-won table th {
  /* padding: 2px; */
  color: #FFFFFF;
  text-align: center;
  line-height: 1.4em;
  white-space: nowrap; }

.section2-won table.tb-activity th {
  background: none repeat scroll 0 0 #66B5B6; }

.section2-won table.tb-heal th {
  background: none repeat scroll 0 0 #76BCF2; }

.section2-won table.tb-see th {
  background: none repeat scroll 0 0 #EABD1A; }

.section2-won table.tb-learn th {
  background: none repeat scroll 0 0 #8BBB7A; }

.section2-won table.tb-gourmet th {
  background: none repeat scroll 0 0 #c47b93; }

.section2-won table.tb-shopping th {
  background: none repeat scroll 0 0 #a2b600; }

.section2-won table td {
  text-align: left;
  /* padding: 2px; */
  line-height: 1.4em; }

.section2-won table td.t-c {
  text-align: center; }

.section2-won table td.t-r {
  text-align: right; }

.section2-won table .mds {
  white-space: nowrap; }

.section2-won table .time {
  width: 20%; }

.section2-won table .cont {
  width: 24%; }

.section2-won table .fee {
  width: 8%; }

.section2-won table .tic {
  width: 7%; }

.section2-won table .bkh {
  width: 18%; }

.section2-won ul li {
  padding: 0 0 0 1.2em;
  background: url("images/pict_activity_maru.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0); }

/* EnjoyCoupon */
.section2-won table .enj-per {
  width: 18%; }

.section2-won table .enj-time {
  width: 18%; }

.section2-won table .enj-cont {
  width: 32%; }

.section2-won table .enj-fee {
  width: 16%; }

.section2-won table .enj-tic {
  width: 16%; }

.enj-p {
  margin-top: 24px; }

.red {
  color: #c03; }

/* Bshoku-Resort */
#bishoku_early_summer2014 #contents-data {
  width: 710px; }

.txt-center {
  text-align: center; }

p.bsk-mds {
  padding: 4px 0;
  background: #000;
  text-align: center;
  font-weight: bold;
  color: #fff; }

.entry-content p.mg-bt-5 {
  margin-bottom: 5px; }

.bsk-btn {
  margin: 20px 0 40px 96px; }

.bsk-btn a {
  float: left;
  display: block;
  width: 131px;
  height: 90px; }

.pd-t-54 {
  padding-top: 30px; }

/* Tomica */
p.p-hbn {
  margin: 5px 0; }

p.bg-gray {
  margin: 0;
  padding: 10px 5px;
  background: #f3f3f3; }

/* summer_vacation */
.sv {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px dashed #666; }

.entry-content .sv a {
  color: #000;
  text-decoration: none; }

.sv h3 {
  font-size: 138.5%;
  margin-top: 0;
  padding: 8px 10px;
  background: #f0f6da;
  color: #333;
  border-left: solid 5px #65ab31; }

.sv h3 span {
  padding: 0 1.5em 0 0;
  background: url("images/pict_ya_learn.png") no-repeat right center; }

.sv p {
  margin: 0 0 7px; }

.sv ul {
  margin: 0 0 7px; }

.sv ul li {
  list-style: none;
  padding: 0; }

.sv p.sv-link {
  margin: 0;
  padding: 1px 0 1px 1.5em;
  background: url("images/pict_ya_learn.png") no-repeat 0 center; }

h3.h3-sv-activity,
h3.h3-sv-gourmet,
h3.h3-sv-learn,
h3.h3-sv-see {
  font-weight: normal;
  font-size: 138.5%;
  margin: 10px 0 15px;
  padding: 16px 0 12px 48px;
  border: none;
  border-bottom: 2px solid #79c06e; }

h3.h3-sv-activity {
  background: url("images/pict_mini_act.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

h3.h3-sv-gourmet {
  background: url("images/pict_mini_grm.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

h3.h3-sv-see {
  background: url("images/pict_mini_see.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

h3.h3-sv-learn {
  background: url("images/pict_mini_lea.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

/* Omotenashi */
.omtn-bg {
  background: url("images/omtn_bdy.png") repeat-y left top;
  margin: 0;
  padding: 10px 0;
  text-align: center; }

.omtn-bg-in-head {
  background: url("images/omtn_head.png") no-repeat left top;
  margin: 0;
  padding: 14px 0 0; }

.omtn-bg-in-bottom {
  background: url("images/omtn_bottom.png") no-repeat left bottom;
  margin: 0;
  padding: 0 0 14px; }

img.omtn_tt {
  margin: 17px auto 0; }

img.omtn_hbn {
  margin: 16px auto 18px; }

.omtn-all {
  width: 579px;
  margin: 0 auto; }

.omtn-3 {
  float: left;
  margin: 0 25px; }

.omtn-btn {
  text-align: center;
  margin: 0 0 10px; }

.omtn-btn p {
  margin: 0; }

/* table-appi-base */
.ap-tbl-base {
  width: 100%; }

.ap-tbl-base th {
  font-weight: normal;
  border: solid 1px #999;
  padding: 5px; }

.ap-tbl-base td {
  font-weight: normal;
  border: solid 1px #999;
  padding: 3px; }

.ap-tbl-base.th-gray th {
  background: #eee; }

.ap-tbl-base.td-center td {
  text-align: center; }

/*=========================================================
WINTER ====================================================
==========================================================*/
/* ----------------------- Entry IN nav ［レンタル］ */
.entry-content ul.entry-in-nav {
  margin: 0;
  list-style: none; }

.entry-content .entry-in-nav li {
  float: left;
  width: 20%;
  height: 58px;
  list-style: none; }

.entry-content .entry-in-nav li a {
  display: block;
  height: 58px;
  text-align: center;
  border-right: solid 1px #fff;
  background: #164164;
  font-size: 93%;
  line-height: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #fff; }

.entry-content .entry-in-nav li a.line-1 {
  padding-top: 1.5em; }

.entry-content .entry-in-nav li a.line-2 {
  padding-top: 1.0em; }

.entry-content .entry-in-nav li a {
  display: block;
  height: 58px;
  text-align: center;
  border-right: solid 1px #fff;
  background: #164164;
  font-size: 93%;
  line-height: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #fff; }

.entry-content .entry-in-nav li a:hover {
  background: #000; }

.entry-content .entry-in-nav li a.selected,
.entry-content .entry-in-nav li a.selected:hover {
  background: #000;
  cursor: default; }

/* ----------------------- Entry IN nav ［スクール］ */
.entry-content ul.entry-in-nav.school {
  margin: 0;
  list-style: none;
  background: #0047a6;
  border-bottom: solid 1px #fff; }

.entry-content .entry-in-nav.school li {
  float: left;
  /* width: 25%; */
  width: 50%;
  height: auto;
  list-style: none; }

.entry-content .entry-in-nav.school li a {
  display: block;
  height: auto;
  padding: 0.8em 0.5em;
  text-align: center;
  border-right: solid 1px #fff;
  border-top: solid 1px #fff;
  background: #009fd6;
  font-size: 93%;
  line-height: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color: #fff; }

.entry-content .entry-in-nav.school li a:hover {
  background: #000; }

.entry-content .entry-in-nav.school li a.selected,
.entry-content .entry-in-nav.school li a.selected:hover {
  background: #0047a6;
  cursor: default; }

/* -----------------------Winter-ticket  */
table.w-ticket-tbl {
  margin: 0 0 40px;
  width: 100%; }

table.w-ticket-tbl th {
  border: solid 1px #c0c0c0;
  background: #efefef;
  padding: 0.5em 0.2em;
  line-height: 1.3em; }

table.w-ticket-tbl td {
  border: solid 1px #c0c0c0;
  padding: 0.4em 0.5em;
  text-align: center; }

table.w-ticket-tbl td.mds {
  text-align: left;
  background: #eaf4ff; }

p.price-zkm {
  text-align: right;
  font-size: 93%; }

table.w-ticket-tbl td.t50 {
  width: 50%; }

table.w-ticket-tbl th.t20 {
  width: 20%; }

table.w-ticket-tbl th.t30 {
  width: 30%; }

/* -----------------------base  */
h2.w-h2-01 {
  font-size: 138.5%;
  color: #333;
  border-bottom: double 3px #1E90FF;
  padding: 0 0 0.5em; }

h3.w-h3-01 {
  font-size: 123.1%;
  color: #4169E1;
  border-left: solid 3px #1E90FF;
  margin-top: 0;
  padding: 0.7em; }

h3.w-h3-01 div.w-h3-days {
  float: right;
  font-size: 80%;
  font-weight: normal;
  text-align: right;
  color: #000; }

h3.w-h3-01 div.w-h3-days span {
  font-weight: bold;
  color: #333; }

h3.w-h3-02 {
  padding: 0.2em;
  font-size: 108%;
  background: #4169E1;
  color: #fff; }

p.tbl-info {
  margin: -25px 0 30px; }

.attention {
  margin: 0 0 30px;
  padding: 1em;
  border: dashed 1px #c00; }

.attention h4 {
  font-size: 108%;
  color: #c00; }

.attention p {
  margin: 0; }

/* -----------------------Hayawari  */
.d-line {
  border: solid 1px #c0c0c0;
  margin: 0 0 20px; }

.d-line h3 {
  margin: 0 0 7px;
  padding: 0.3em;
  font-size: 108%;
  background: #4169E1;
  color: #fff; }

.d-line h3.red {
  background: #c03; }

.d-line ul {
  margin: 0 2em 7px;
  padding: 0.3em; }

.d-line p {
  margin: 0 1em 7px; }

.d-line p.blue {
  color: #4169E1; }

.blue {
  color: #4169E1; }

.d-line h4 {
  margin: 14px 1em;
  font-size: 108%;
  color: #4169E1; }

.bt-30 {
  margin: 0 0 30px; }

/* -----------------------Tokuwari30&7  */
table.tw30-tw-7 {
  width: 100%;
  border-top: double 3px #999;
  border-bottom: double 3px #999;
  font-size: 93%; }

.entry-content table.tw30-tw-7 td {
  text-align: center;
  padding: 0.4em 0.1em; }

table.tw30-tw-7 td.bg-gray {
  background: #dcdcdc; }

table.tw30-tw-7 td.mds {
  background: #fff; }

table.tw30-tw-7 td.mds.h-l-2 {
  font-weight: bold;
  background: #fff; }

table.tw30-tw-7 td.h-l-2 {
  border-top: double 3px #999; }

table.tw30-tw-7 td.tw30 {
  background: #FFF0F5; }

table.tw30-tw-7 td.tw7 {
  background: #e0e0ff; }

table.tw30-tw-7 td.mds.tw30 {
  color: #c03;
  font-weight: bold; }

table.tw30-tw-7 td.mds.tw7 {
  color: #339;
  font-weight: bold; }

/* -----------------------WinterStay-TABLE */
table.wst {
  width: 100%;
  border-bottom: double 3px #999;
  font-size: 93%; }

.entry-content table.wst td {
  text-align: center;
  padding: 0.2em 0.05em; }

table.wst td.h-l-2 {
  border-top: double 3px #999;
  font-weight: bold; }

table.wst td.l-l-2 {
  border-left: double 3px #999; }

.entry-content table.wst td.d-gray {
  color: #999; }

.entry-content table.wst td.d-red {
  color: #c00;
  font-weight: bold; }

.entry-content table.wst td.d-blue {
  color: #33c;
  font-weight: bold; }

.wst60 {
  background: #d6eaff; }

.wst30 {
  background: #ffdbed; }

/* _____________CourseGuide */
#course_box {
  position: relative;
  width: 680px;
  height: 620px;
  margin: 0 auto 30px; }

/*全サムネイルのコンテナー*/
#c-action {
  position: absolute;
  width: 678px;
  left: 0;
  top: 520px;
  padding: 5px 0 5px 2px;
  background: #2969ad; }

#c-action label {
  float: left;
  display: block;
  width: 18.8%;
  margin: 0.4%;
  padding: 0.5em 0;
  text-align: center;
  border: solid 1px #c0c0c0;
  background: #eee; }

#c-action label {
  cursor: pointer; }

#r0,
#r1,
#r2,
#r3,
#r4,
#r5,
#r6,
#r7,
#r8,
#r9 {
  display: none; }

#photo1,
#photo2,
#photo3,
#photo4,
#photo5,
#photo6,
#photo7,
#photo8,
#photo9 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

#r0:checked ~ #photo0,
#r1:checked ~ #photo1,
#r2:checked ~ #photo2,
#r3:checked ~ #photo3,
#r4:checked ~ #photo4,
#r5:checked ~ #photo5,
#r6:checked ~ #photo6,
#r7:checked ~ #photo7,
#r8:checked ~ #photo8,
#r9:checked ~ #photo9 {
  opacity: 1; }

/* lift-table */
.tbl-93 {
  font-size: 93%; }

.night {
  background: #e0e0ff; }

h4.w-h4-01 {
  margin: 10px 0;
  font-size: 108%;
  color: #4169E1; }

table.w-ticket-tbl td.t-left {
  text-align: left; }

table.w-ticket-tbl.mds30 td.mds {
  width: 30%; }

table.w-ticket-tbl td.border-bottom-none {
  border-bottom: none; }

table.w-ticket-tbl td.border-top-none {
  border-top: none; }

/* live-camera */
#live_camera .entry-content h2.live-camera {
  padding: 3px 0 0;
  margin: 0 0 10px !important;
  background: url("images/heal_mds.png") no-repeat right 0; }

#live_camera .entry-content h2.live-camera {
  display: block;
  margin: 3px 0 0;
  padding: 10px 15px;
  color: #fff;
  font-weight: bold;
  background: url("images/heal_mds.png") no-repeat right bottom; }

/* WinterStayPlan */
.w-stay-tbl {
  width: 100%; }

.w-stay-tbl th {
  text-align: center;
  padding: 0.5em 0.2em;
  background: #eee;
  border: solid 1px #666;
  font-weight: normal;
  font-size: 85%;
  line-height: 1.2em; }

.w-stay-tbl th span {
  display: block;
  width: 1em;
  padding: 0 0.2em; }

.w-stay-tbl th.kubun {
  width: 70%;
  text-align: left;
  padding: 0.5em;
  background: #f7f6fb;
  font-size: 100%; }

.w-stay-tbl th.kubun span {
  display: inline; }

.w-stay-tbl td {
  text-align: center;
  padding: 4px 2px;
  border: solid 1px #666;
  font-size: 93%; }

.w-stay-tbl td.p-name {
  width: auto;
  text-align: left;
  padding: 2px;
  border: solid 1px #666;
  font-size: 93%; }

/* rental */
.rent-tbl {
  margin-top: 3px;
  font-size: 85%;
  width: 100%; }

.rent-tbl th {
  text-align: center;
  padding: 6px 5px;
  color: #fff;
  border: solid 1px #666;
  background: #778fa1;
  line-height: 1.2em; }

.rent-tbl th.mds {
  padding: 8px;
  background: #f5f5f5;
  text-align: left;
  font-size: 123.1%;
  font-weight: bold;
  color: #333; }

.rent-tbl th.mds-rent {
  padding: 8px;
  background: #194263;
  text-align: left;
  font-size: 123.1%;
  font-weight: bold;
  color: #fff; }

.rent-tbl td.mds2 {
  background: #f5f5f5; }

.rent-tbl td {
  text-align: center;
  background: #fff;
  padding: 8px 5px;
  border: solid 1px #666;
  line-height: 1.2em; }

.rent-tbl td.mds {
  background: #eaf4ff; }

.w-h3-rental {
  padding: 8px;
  background: #194263;
  color: #fff;
  border-left: solid 7px #c00; }

.w-h3-school {
  padding: 8px;
  background: #0047a6;
  color: #fff;
  border-left: solid 7px #e80012; }

/*autumn-3-days */
ul.autumn3 {
  display: block;
  list-style: none;
  width: 710px;
  margin: 0; }

ul.autumn3 li {
  float: left;
  list-style: none;
  width: 142px;
  height: 162px; }

ul.autumn3 li img {
  width: 100%;
  height: auto; }

#autumn3 a.wlt,
#autumn3 a.wlt:hover,
#autumn3 a.wlt:visited {
  color: #fff; }

.smp-only {
  display: none; }

.org {
  color: #ff4500; }

.bg_org {
  background: #ec5300;
  color: #fff;
  font-weight: bold;
  margin: 0 0 20px; }

.bg_olg_box {
  margin: 10px; }

.bg_olg_box p {
  margin: 0; }

.bg_olg_box.r-line {
  border-left: solid 1px #fff;
  padding-left: 10px;
  background: #ec5300 url("images/aut_pict_ya2.png") no-repeat right bottom; }

hr.gray {
  display: block;
  border-width: 1px 0 0 0;
  border-top: solid 1px #c1c1c1;
  height: 1px;
  margin: 10px 0; }

#autumn3 h3 {
  font-size: 123.1%;
  margin-top: 0; }

#autumn3 h3 span {
  font-size: 85%;
  line-height: 1.2em; }

#autumn3 h3 span.bl-box {
  float: left;
  display: block;
  font-size: 72%;
  width: 5.6em;
  margin: 0 0.5em 0 0;
  padding: 0.3em;
  text-align: center;
  background: #000;
  color: #fff; }

#autumn3 h3 span.bl-box.pd {
  width: 4.6em;
  margin: 0 0.5em 0 0;
  padding: 1em 0.3em; }

#autumn3 p {
  line-height: 1.4em;
  margin: 0 0 10px; }

#autumn3 .aut_bg {
  background: #f5f2e9; }

.bishoku {
  padding: 0 20px; }

#autumn3 p.lh-133 {
  line-height: 1.33em; }

#autumn3 a.aut_link {
  color: #ff4500;
  text-decoration: none;
  padding-right: 1.3em;
  background: url("images/aut_pict_ya.png") no-repeat right center; }

/* Xmas2014 */
.tbl-xmas {
  width: 100%;
  border: solid 1px #fff;
  font-size: 80%;
  font-weight: bold;
  text-align: center; }

.tbl-xmas th {
  border: solid 1px #fff;
  padding: 0.5px;
  background: #eab2b3; }

.tbl-xmas td {
  border: solid 1px #fff;
  color: #fff;
  padding: 1px; }

.tbl-xmas td.tt {
  background: #cc4d50;
  color: #fff;
  padding: 2px 4px;
  line-height: 1em; }

/* APPI WINTER MAGIC */
.the34 a:active,
.the34 a:hover,
.the34 a:link,
.the34 a:visited {
  /* FireFox リンク選択時の点線を消す */
  display: block;
  overflow: hidden;
  outline: none; }

/* Gallery_CSS */
.gallery {
  padding: 0; }

.gallery-item {
  float: left;
  margin: 10px 0 0 !important;
  text-align: center;
  width: 24.8%; }

.gallery-icon img {
  padding: 7px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  background: #333; }

.wp-caption-text.gallery-caption {
  margin: 5px;
  font-size: 85%;
  line-height: 1.3em;
  color: #ccc; }

#appi-gallery {
  background: #000;
  width: 90%;
  padding: 0 5%; }

#appi-gallery {
  background: #000;
  width: 90%;
  padding: 0 5%; }

#appi-gallery .gallery {
  margin: 0 0 30px; }

#appi-gallery .entry-content h2 {
  clear: both;
  font-size: 123.1%;
  line-height: 1.3em;
  margin: 1em 0 0.5em;
  padding: 1.2em 0.8em 0.5em;
  background: #333;
  color: #ccc;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555; }

/* GALLERY_CLEAR_BOTH */
#appi-gallery .gallery:after,
#appi-gallery .gallery:before {
  content: "";
  display: block;
  overflow: hidden; }

#appi-gallery .gallery:after {
  clear: both; }

/* For IE 6/7 (trigger hasLayout) */
#appi-gallery .gallery {
  zoom: 1; }

/* USAGI-LUCKY */
.tbl-lucky {
  width: 100%;
  text-align: center; }

.tbl-lucky td,
.tbl-lucky th {
  border: solid 1px #c1c1c1;
  padding: 5px; }

.tbl-lucky th {
  background: #eee; }

.tbl-lucky td.td-1 {
  background: #C71585;
  color: #fff;
  font-size: 123.1%;
  margin: 0;
  padding: 3px;
  font-weight: bold; }

.tbl-lucky td.td-2 {
  font-size: 123.1%;
  margin: 0;
  padding: 8px;
  font-weight: bold;
  background: #FFF0F5; }

/* BasicRayout */
.d-left {
  float: left; }

.d-right {
  float: right; }

.d-center {
  text-align: center; }

.w95 {
  width: 95px; }

.w110 {
  width: 110px; }

.w128 {
  width: 128px; }

.w147 {
  width: 147px; }

.w160 {
  width: 160px; }

.w170 {
  width: 170px; }

.w178 {
  width: 178px; }

.w195 {
  width: 195px; }

.w200 {
  width: 200px; }

.w214 {
  width: 214px; }

.w220 {
  width: 220px; }

.w230 {
  width: 230px; }

.w236 {
  width: 236px; }

.w250 {
  width: 250px; }

.w240 {
  width: 240px; }

.w244 {
  width: 244px; }

.w270 {
  width: 270px; }

.w280 {
  width: 280px; }

.w290 {
  width: 290px; }

.w300 {
  width: 300px; }

.w320 {
  width: 320px; }

.w223 {
  width: 223px; }

.w330 {
  width: 330px; }

.w340 {
  width: 340px; }

.w346 {
  width: 346px; }

.w350 {
  width: 350px; }

.w354 {
  width: 354px; }

.w360 {
  width: 360px; }

.w370 {
  width: 370px; }

.w380 {
  width: 380px; }

.w410 {
  width: 410px; }

.w420 {
  width: 420px; }

.w430 {
  width: 430px; }

.w440 {
  width: 440px; }

.w447 {
  width: 447px; }

.w460 {
  width: 460px; }

.w472 {
  width: 472px; }

.w450 {
  width: 450px; }

.w490 {
  width: 490px; }

.w500 {
  width: 500px; }

.w580 {
  width: 580px; }

.w600 {
  width: 600px; }

.w710 {
  width: 710px; }

.w960 {
  width: 960px; }

.r-5 {
  margin: 3px 5px 3px 0; }

/*none-use*/
.r-10 {
  margin-right: 10px; }

.r-19 {
  margin-right: 19px; }

.r-20 {
  margin-right: 20px; }

.r-25 {
  margin-right: 25px; }

.r-30 {
  margin-right: 30px; }

.r-40 {
  margin-right: 40px; }

.r-45 {
  margin-right: 45px; }

.r-50 {
  margin-right: 50px; }

.l-20 {
  margin-left: 20px; }

.l-25 {
  margin-left: 25px; }

.l-45 {
  margin-left: 45px; }

.l-50 {
  margin-left: 50px; }

.l-70 {
  margin-left: 70px; }

.d-20 {
  margin-bottom: 20px; }

/*none-use*/
.d-24 {
  margin-bottom: 24px; }

/*none-use*/
.d-28 {
  margin-bottom: 28px; }

/*none-use*/
.b-5 {
  margin-bottom: 5px; }

.b-10 {
  margin-bottom: 10px; }

.b-12 {
  margin-bottom: 12px; }

.b-15 {
  margin-bottom: 15px; }

.b-20 {
  margin-bottom: 20px; }

.b-30 {
  margin-bottom: 30px; }

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

.b-50 {
  margin-bottom: 50px; }

.t-30 {
  margin-top: 30px; }

/* 宿泊検索（本文） */
.entry-content .stay-search {
  width: 100%;
  margin: 0 auto 30px;
  padding: 0;
  font-weight: bold;
  background: #eee;
  color: #4A413F;
  border: solid 1px #999; }

.entry-content .stay-search h3 {
  width: 100%;
  margin: 0;
  padding: 7px 0 !important;
  text-align: center;
  font-size: 123.1%;
  background: #7B6B60;
  color: #fff; }

.entry-content .stay-search-in {
  width: 600px;
  margin: 0 auto; }

.entry-content .stay-search-dl {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #999; }

.entry-content .stay-search-dl.ds {
  border-bottom: none; }

.entry-content .stay-search-dl dt {
  float: left;
  width: 5em;
  margin: 0;
  padding: 9px 1em; }

.entry-content .stay-search-dl dd {
  margin: 0;
  padding: 3px 3px 3px 8em; }

.entry-content .stay-search .order-num {
  margin: 0;
  padding: 3px 0;
  border-bottom: solid 1px #999; }

.entry-content .stay-search .order-num .d-left {
  padding: 4px 0 0; }

.entry-content .stay-search .order-num .d-right {
  padding: 4px 2em 0 0; }

.entry-content .stay-search .order-num.eo-baby {
  border-bottom: none; }

input#checkindate {
  width: 8em; }

.entry-content .stay-search-submit {
  width: 100%;
  margin: 0;
  padding: 7px 0 !important;
  text-align: center; }

.entry-content .stay-search-submit button {
  border: solid 1px #7B6B60;
  padding: 2px 20px;
  margin: 0;
  font-size: 100%;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  background: #fff;
  color: #4D3C30; }

.entry-content .stay-search-submit button:hover {
  background: #4D3C30;
  color: #fff; }

/* 宿泊検索（サイド） */
#aside-info .stay h3 {
  width: 100%;
  height: 62px;
  margin: 0 0 10px;
  background: #7B6B60 url("images/aside_02stay1.png") no-repeat center top;
  text-indent: -9999em;
  overflow: hidden; }

#aside-info .stay .stay-search-dl {
  margin: 0;
  padding: 0;
  color: #4D3C30; }

#aside-info .stay .stay-search-dl .d-left {
  float: left; }

#aside-info .stay .stay-search-dl .d-right {
  float: right; }

#aside-info .stay .stay-search-dl dt {
  margin: 0;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  border: solid 1px #7B6B60;
  color: #66594F; }

#aside-info .stay .stay-search-dl dt.o-day {
  margin: 0 0 5px; }

#aside-info .stay .stay-search-dl dd {
  margin: 0 0 7px;
  padding: 0; }

#aside-info .stay .order-num {
  margin: 0;
  padding: 3px 0;
  border-bottom: solid 1px #7B6B60; }

#aside-info .stay .order-num .o-adults {
  letter-spacing: 0.4em;
  padding: 5px 0 0; }

#aside-info .stay .order-num .o-baby {
  padding: 5px 0 0; }

#aside-info .stay .order-num span {
  font-size: 93%; }

#aside-info .stay .stay-search-submit {
  margin: 0;
  padding: 0;
  text-align: center; }

#aside-info .stay input#checkindate {
  width: 5em; }

#aside-info .stay-search-submit button {
  border: solid 1px #7B6B60;
  padding: 2px 20px;
  margin: 0;
  font-size: 100%;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
  background: #fff;
  color: #4D3C30; }

#aside-info .stay-search-submit button:hover {
  background: #4D3C30;
  color: #fff; }

/* ==========================================
 TABLET_devices_640_959
=========================================== */
@media only screen and (max-width: 960px) {
  #gnavHeader #navId {
    display: none; }
    #gnavHeader #navId img {
      height: 30px;
      width: auto; }
  #gnavHeader.movenav #navId {
    display: none; }
  #gnavHeader.movenav .menu {
    width: 100%;
    position: static;
    margin: 0 auto;
    font-size: 12px; } }
/* ==========================================
 MOBILE_639px_within
=========================================== */
@media only screen and (max-width: 640px) {
  /* ================= Base ================= */
  #wrapper {
    width: 97%;
    margin: 0 1.5%; }

  /*=========================================================
	 HOME ====================================================
	==========================================================*/
  /* base */
  #home #wrapper {
    width: 97%;
    margin: 0 1.5%;
    z-index: 0; }

  #home-slide {
    display: none; }

  /* Home-main */
  #home #main {
    position: relative;
    width: 100%;
    margin: 14px auto 24px; }

  .fs_btn {
    margin: 0; }

  .fs-a,
  .fs-b,
  .fs-c {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }

  /*=========================================================
	 HEADER ====================================================
	==========================================================*/
  /* -----------------------Header */
  .pc {
    display: none; }

  .sp {
    display: block; }

  .sp-hotel-menu {
    max-width: 640px; }

  .sp-hotel-menu label {
    display: block;
    box-sizing: border-box;
    height: 35px;
    width: auto;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 8px 8px 0 8px;
    line-height: 1;
    color: #000;
    border: 1px solid #000;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

  .sp-hotel-menu label i {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer; }

  .sp-hotel-menu label i.fa-chevron-right {
    transform: rotate(90deg);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer; }

  .sp-hotel-menu #menu_bar01:checked + label {
    height: 45.5px;
    background: #000;
    color: #fff;
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer; }

  .sp-hotel-menu #menu_bar01:checked + label i.fa-chevron-right {
    transform: rotate(-90deg);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer; }

  .sp-hotel-menu input {
    display: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer; }

  .sp-hotel-menu ul {
    margin: 0;
    padding: 0;
    background: #000;
    list-style: none;
    position: absolute;
    top: 54px;
    right: 0;
    left: 0;
    z-index: 10001; }

  .sp-hotel-menu li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

  .sp-hotel-menu li a {
    color: #fff !important;
    padding: 0;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    position: relative; }
    .sp-hotel-menu li a:hover img {
      opacity: 0.7; }
    .sp-hotel-menu li a img.hotel {
      display: block;
      width: auto;
      max-width: 50%;
      height: auto;
      max-height: 210px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) translateX(0);
      -webkit-transform: translateY(-50%) translateX(0); }
    .sp-hotel-menu li a img.logo {
      display: block;
      width: auto;
      max-width: 50%;
      height: auto;
      max-height: 210px;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 50%;
      left: 54%;
      transform: translateY(-50%) translateX(0);
      -webkit-transform: translateY(-50%) translateX(0); }
    .sp-hotel-menu li a img.logo.hag {
      width: 41vw;
      max-width: 139px; }
    .sp-hotel-menu li a img.logo.hills {
      width: 42vw;
      max-width: 143px; }
    .sp-hotel-menu li a img.logo.onsen {
      width: 42vw;
      max-width: 145px; }

  .sp-hotel-menu #menu_bar01:checked ~ #links01 li {
    height: 29.5vw;
    opacity: 1; }
    .sp-hotel-menu #menu_bar01:checked ~ #links01 li:first-child {
      padding-top: 0.8vw; }
    .sp-hotel-menu #menu_bar01:checked ~ #links01 li:last-child {
      padding-bottom: 0.8vw; }

  #n-topics-wrap {
    margin-top: 0; }
    #n-topics-wrap .banner {
      width: 100%;
      margin: 0 auto; }
      #n-topics-wrap .banner ul {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        width: 96%;
        margin: 10px 2%; }
      #n-topics-wrap .banner#toppage_mid .banner-list li {
        width: 100%; }
        #n-topics-wrap .banner#toppage_mid .banner-list li:nth-of-type(odd) {
          margin-right: 0; }
        #n-topics-wrap .banner#toppage_mid .banner-list li:nth-of-type(even) {
          margin-left: 0; }
    #n-topics-wrap .topics-slide h2 {
      width: auto;
      font-size: 20px;
      margin: 20px auto;
      text-align: center; }
    #n-topics-wrap .topics {
      width: 100%;
      margin: 0 auto; }
      #n-topics-wrap .topics h2 {
        font-size: 20px;
        margin: 20px auto;
        text-align: center; }
      #n-topics-wrap .topics .topics-list {
        width: 96%;
        margin: 0 2%; }
        #n-topics-wrap .topics .topics-list li {
          width: 44%;
          margin: 0 3% 20px;
          padding: 0; }
          #n-topics-wrap .topics .topics-list li a {
            min-height: 210px; }
          #n-topics-wrap .topics .topics-list li h3 {
            font-size: 115%; }

  #emergencyBlock {
    width: 98%;
    margin: 20px auto; }
    #emergencyBlock .emergencyBox {
      padding: 10px;
      border: 3px dotted #F00;
      color: #F00;
      text-align: center; }
      #emergencyBlock .emergencyBox h3 {
        font-size: 120%;
        margin-bottom: 20px; }
      #emergencyBlock .emergencyBox div {
        font-size: 100%; }
        #emergencyBlock .emergencyBox div p:last-of-type {
          margin-bottom: 0; }

  #videoBlock {
    padding: 50px 0;
    position: relative; }
    #videoBlock .video {
      height: 200px; }
    #videoBlock .parallax {
      min-height: 200px; }
      #videoBlock .parallax video {
        text-align: center;
        width: auto;
        height: 300px; }

  #n-ski-nav .pc {
    display: none; }
  #n-ski-nav .sp {
    display: block; }
  #n-ski-nav ul li {
    font-weight: normal;
    font-size: 12px; }

  .n-d-box2-all .n-d-box2.ctr {
    width: auto; }

  #golf #n-golf-nav,
  #ski #n-ski-nav {
    top: 0;
    background: #787b84;
    height: 46px;
    box-sizing: border-box;
    margin: 0; }

  #golf #n-golf-nav label,
  #ski #n-ski-nav label {
    margin-left: 50px;
    width: auto;
    height: 46px;
    box-sizing: border-box; }

  #ski-top-image {
    width: 100%;
    height: 100vmin;
    margin: 0 auto 40px; }
    #ski-top-image img {
      width: 100%;
      height: 100vmin;
      object-fit: cover; }

  .schooltel {
    display: block;
    text-align: center;
    width: auto;
    margin: 10px auto;
    padding: 10px;
    border: 3px solid #0047A6;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #0047A6; }
    .schooltel span {
      display: block;
      font-size: 12px; }
    .schooltel i {
      display: inline-block;
      margin-left: 5px; }

  header#spPageHeader a,
  header#spPageHeader a:visited,
  header#spPageHeader a:link,
  header#spPageHeader a:hover {
    text-decoration: none;
    color: #333; }

  header#spPageHeader {
    text-align: center;
    position: relative;
    width: 100%;
    background: #FFF; }

  header#spPageHeader #siteId {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100%;
    text-align: center; }

  #spSiteMenuButton {
    position: fixed;
    padding: 5px 10px;
    top: 0;
    right: 0;
    font-size: 9vmin;
    z-index: 100001;
    background: #FFF; }

  #spSiteMenuButton i {
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: middle; }

  #menuBgBlock {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100000; }

  #menuBgBlock::before {
    /*sp menu close btn*/
    display: block;
    position: fixed;
    content: "";
    width: 40px;
    height: 40px;
    background-image: url("https://www.appi.co.jp/wp-content/uploads/2019/12/sp-close.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    top: 10px;
    left: 10px; }

  .rock {
    height: 100%;
    overflow: hidden; }

  header#spPageHeader #spNavIconBlock {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100002;
    width: 85%;
    height: 100%;
    overflow: scroll;
    transition: all 0.5s;
    transform: translateX(100%);
    background: #FFF; }

  header#spPageHeader #spNavIconBlock.open {
    transform: translateX(0%); }

  header#spPageHeader #spNavIconButton ul {
    list-style: none;
    z-index: 10001;
    display: flex;
    align-items: center;
    margin: 0 -1px 0 0; }

  header#spPageHeader #spNavIconButton ul li {
    list-style: none;
    background: #eeeeee;
    text-align: center;
    padding: 10px 0;
    height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-right: 1px solid #fff; }

  header#spPageHeader #spNavIconButton ul li p {
    margin: 0; }

  header#spPageHeader #spNavIconButton ul li i {
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
    color: #000;
    padding: 0; }

  header#spPageHeader #spNavIconButton ul li span {
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 0;
    line-height: 1.2; }

  header#spPageHeader #spNavIconLang i.fa-chevron-right {
    font-size: 12px;
    display: inline-block;
    transform: rotate(90deg); }
  header#spPageHeader #spNavIconLang.open i.fa-chevron-right {
    transform: rotate(-90deg); }
  header#spPageHeader #spNavIconLang ul li:last-child span:last-child {
    font-size: 10px; }
  header#spPageHeader #spNavLanguage {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    transition: all 0.5s;
    transform: translateY(-100%); }
    header#spPageHeader #spNavLanguage.open {
      transform: translateY(0);
      display: block; }
    header#spPageHeader #spNavLanguage ul {
      background: #eee;
      overflow: hidden;
      border-top: 1px solid #fff; }
      header#spPageHeader #spNavLanguage ul li {
        line-height: 46px;
        width: 33.33%;
        display: block;
        float: left;
        /*border-bottom: 1px solid #CCC;*/ }
        header#spPageHeader #spNavLanguage ul li a {
          display: block; }
  header#spPageHeader #spGnavHeader {
    clear: both;
    /*background: #FFF url(./common/images/bar_sp_bg_201912051330.jpg) no-repeat left top;*/
    background-size: 32px auto;
    height: auto; }
    header#spPageHeader #spGnavHeader.heightset {
      height: calc(100% - 72px); }
    header#spPageHeader #spGnavHeader ul li {
      /*margin: 0 10px 0 42px;*/
      margin: 0 0 0 0;
      border-bottom: 1px solid #e4e4e4; }
      header#spPageHeader #spGnavHeader ul li a {
        line-height: 46px;
        text-align: left;
        padding: 5px 1em;
        width: 100%;
        display: block;
        box-sizing: border-box;
        font-weight: bold; }
  header#spPageHeader #spPlanButton {
    font-size: 13px;
    margin: 10px; }
    header#spPageHeader #spPlanButton a {
      display: block;
      padding: 10px;
      border: 1px solid #b28a54;
      border-radius: 5px;
      color: #b28a54; }
      header#spPageHeader #spPlanButton a i.fa-chevron-right {
        text-align: right;
        float: right;
        padding-right: 10px;
        line-height: 20px;
        height: 13px; }
      header#spPageHeader #spPlanButton a i.fa-suitcase-rolling {
        padding-right: 10px; }

  #site-title {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
    width: 284px;
    height: 50px;
    z-index: 2; }

  #site-title a {
    display: block;
    width: 284px;
    height: 50px;
    margin: 10px 0 0;
    background: url(images/sp_ft_logo.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  /* =============================== SKI ===== */
  #ski #header-link ul li.hk-home a {
    background: url(images/hk_btn_w_home.png) no-repeat 0 10px; }

  #ski #header-link ul li.hk-order {
    background: url(images/hk_btn_w_order.png) no-repeat 0 10px; }

  #ski #header-link ul li.hk-faq {
    background: url(images/hk_btn_w_faq.png) no-repeat 0 10px; }

  #ski #search-btn {
    background: url(images/hk_btn_w_search.png) no-repeat center center; }

  /* SKI */
  #ski #nav ul li.camera a,
  #ski #nav ul li.camera a:hover {
    width: 100%;
    height: 50px;
    margin-left: 0;
    background: #42b5e6 url(images/sp_nav_camera.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #ski #nav ul li.weather a,
  #ski #nav ul li.weather a:hover {
    width: 100%;
    height: 50px;
    margin-left: 0;
    background: #42b5e6 url(images/sp_nav_weather.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* selected */
  #activity #nav ul li.activity a,
  #stay #nav ul li.stay a,
  #gourmet #nav ul li.gourmet a,
  #shopping #nav ul li.shopping a,
  #heal #nav ul li.heal a,
  #learn #nav ul li.learn a,
  #see #nav ul li.see a {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10; }

  #activity #nav ul li.activity a {
    background: #66b5b6 url(images/sp_nav_activity.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #stay #nav ul li.stay a {
    background: #7da7d1 url(images/sp_nav_stay.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #gourmet #nav ul li.gourmet a {
    background: #c47b93 url(images/sp_nav_gourmet.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #shopping #nav ul li.shopping a {
    background: #cdcf4a url(images/sp_nav_shopping.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #heal #nav ul li.heal a {
    background: #7cbeee url(images/sp_nav_heal.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #learn #nav ul li.learn a {
    background: #8dbb7d url(images/sp_nav_learn.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #see #nav ul li.see a {
    background: #e8ba41 url(images/sp_nav_see.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* =============================== NAV Accordion ===== */
  #nav label,
  #home #nav label {
    background: #000 url(images/sp_nav_tt_a.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    display: block;
    width: 100%;
    height: 40px;
    text-indent: -9999em;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 0; }

  #nav input[type="checkbox"].on-off,
  #home #nav input[type="checkbox"].on-off {
    display: none; }

  #nav .menu ul,
  #home #nav .menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none; }

  #nav input[type="checkbox"].on-off + ul,
  #home #nav input[type="checkbox"].on-off + ul {
    height: 0;
    overflow: hidden; }

  #nav input[type="checkbox"].on-off:checked + ul,
  #home #nav input[type="checkbox"].on-off:checked + ul {
    height: 310px; }

  /*　
	#home #nav input[type="checkbox"].on-off + ul{
		height: 420px;
	}
	#home #nav label {
		display: none;
	}
	　*/
  /* =========================================================
	 SLICK ===================================================== */
  #slider {
    width: 100%; }

  #slider img {
    width: 100%;
    height: auto; }

  /*=========================================================
	 FIRST___TOP___INFO ==========================================
	==========================================================*/
  #nav-hbn-top {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 30px; }

  /* hbn-header-info */
  #header-info {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: -1; }

  #hi-left {
    display: none; }

  #hi-right {
    position: relative;
    float: left;
    width: 100%; }

  /* =============================== SKI ===== */
  #ski #hi-right #hi-right-in {
    display: none; }

  #ski #nav-right-in {
    position: absolute;
    left: 250px;
    top: 0;
    width: 3000px;
    height: 85px;
    background: url(images/hi-right_w.png) repeat-x 0 0; }

  /**/
  #gourmet #header-photo-wrap {
    display: none; }

  #hi-right #hi-right-bg {
    float: left;
    width: 100%;
    height: auto; }

  #hi-right #hi-right-in {
    display: none; }

  #hi-right #info-box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }

  #info-box h1 {
    text-indent: -9999em;
    overflow: hidden; }

  #info-box p {
    display: none; }

  /* ----------------------------------------------------------------------- ACTIVITY */
  #activity #hi-right-bg,
  #activity second-aside-top {
    background: #66b5b6; }

  #activity #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_activity.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* ----------------------------------------------------------------------- STAY */
  #stay #hi-right-bg {
    background: #7da7d1; }

  #stay #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_stay.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* ----------------------------------------------------------------------- GOURMET */
  #gourmet #hi-right-bg {
    background: #c47b93; }

  #gourmet #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_gourmet.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* ----------------------------------------------------------------------- LEARN */
  #learn #hi-right-bg {
    background: #8dbb7d; }

  #learn #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_learn.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* ----------------------------------------------------------------------- SEE */
  #see #hi-right-bg {
    background: #e8ba41; }

  #see #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_see.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* =============================== SKI ===== */
  #ski #hi-right-bg {
    background: #00a2d0; }

  #ski #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 210px;
    background: url(images/sp_ski_tt20170116.jpg) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* ----------------------------------------------------------------------- SHOPPING */
  #shopping #nav-hbn {
    height: auto;
    z-index: 3; }

  #shopping #main-info {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 0 30px;
    width: 100%;
    height: 90px;
    background: none; }

  #shopping .shopping-top #bread-crumbs {
    display: none; }

  #shopping #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: #cdcf4a url(images/sp_hd_tt_shopping.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #shopping #aside {
    margin-top: 0; }

  /* ----------------------------------------------------------------------- HEAL */
  #heal #nav-hbn {
    height: auto;
    z-index: 3; }

  #heal #main-info {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 0 30px;
    width: 100%;
    height: 90px;
    background: none; }

  #heal .heal-top #bread-crumbs {
    display: none; }

  #heal #info-box h1 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: #7cbeee url(images/sp_hd_tt_heal.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #heal #info-box p.patio {
    display: none; }

  #heal #aside {
    margin-top: 0; }

  /*=========================================================
	 FIRST___MAIN ===============================================
	==========================================================*/
  /* -----------------------main */
  #main {
    width: 100%;
    margin: 0 auto 24px; }

  #main img {
    width: 100%;
    height: auto; }

  #main-hbn {
    width: 100%;
    margin: 10px auto 24px; }

  #bread-crumbs {
    display: none; }

  #contents {
    float: none;
    width: 100%; }

  #contents.w960 {
    float: none;
    width: 100%; }

  #contents-data {
    float: none;
    width: 100%; }

  /* Home-c-box */
  #contents .c-box {
    width: 100%;
    margin: 0; }

  #contents .c-box img {
    width: 100%;
    margin: 0 0 12px; }

  #contents .c-b-2a {
    float: none;
    width: 100%; }

  #contents .c-b-2b {
    float: none;
    width: 100%; }

  #contents .c-b-3a,
  #contents .c-b-3b {
    float: left;
    width: 48%; }

  #contents .c-b-3a {
    margin-right: 10px; }

  #contents .c-b-3c {
    float: left;
    width: 48%; }

  /* hbn-d-box */
  #contents .d-box {
    width: 100%; }

  #contents .d-box img {
    width: 100%;
    height: auto; }

  #contents .d-b-2a {
    float: none;
    width: 100%; }

  #contents .d-b-2b {
    float: none;
    width: 100%; }

  /* hbn-d-list-2 */
  ul.d-list-2 {
    list-style: none;
    margin: 0px; }

  ul.d-list-2 li a {
    text-decoration: none;
    color: #000; }

  ul.d-list-2 li {
    width: 100%;
    margin: 0 26px 30px 0; }

  ul.d-list-2 li:nth-child(2n) {
    margin: 0 0 30px 0; }

  ul.d-list-2 li p.sub-t {
    width: 100%;
    padding: 3px 0 0;
    margin: 0; }

  ul.d-list-2 li p.sub-t span {
    display: block;
    margin: 3px 0 0;
    padding: 0 8px 4px;
    color: #fff;
    font-weight: bold; }

  ul.d-list-2 li h3 {
    font-size: 153.9%;
    font-weight: normal;
    margin: 0;
    padding: 10px 0; }

  ul.d-list-2 li h3.appi_grand_villa {
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/bn_stay_villa.png) no-repeat 0 center; }

  ul.d-list-2 li h3.appi_grand_annex {
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/bn_stay_anx.png) no-repeat 0 center; }

  ul.d-list-2 li h3 span {
    padding: 0 1.2em 0 0; }

  /* ===== D-C ==================== */
  ul.d-list-2 li img {
    width: 100%;
    height: auto; }

  ul.d-list-2 li p.hbn {
    font-size: 93%;
    background: #f0ebdb; }

  ul.d-list-2 li p.hbn span {
    display: block;
    padding: 10px; }

  ul.d-list-2.list-pho p {
    margin: 0;
    padding: 0; }

  /* appi_soft */
  ul.d-list-2 li.block2 {
    float: none;
    width: 100%;
    margin: 0 0 30px 0; }

  ul.d-list-2 li p.hbn {
    width: 100%;
    min-height: 80px;
    margin: 0;
    font-size: 85%;
    line-height: 1.4em;
    background: url(images/bn_cmt_bg.png) no-repeat -1px top; }

  ul.d-list-2 li .list-pho p {
    margin: 0;
    padding: 0; }

  /* hbn-d-list-2 SEC res_akb */
  ul.d-list-2.sec {
    list-style: none;
    margin: 0; }

  #gourmet ul.d-list-2.sec {
    list-style: none;
    margin: 50px 0 0; }

  ul.d-list-2.sec li a {
    text-decoration: none;
    color: #000; }

  ul.d-list-2.sec li {
    list-style: none;
    float: left;
    width: 100%;
    margin: 0 30px 30px 0; }

  ul.d-list-2.sec li:nth-child(2n) {
    margin: 0 0 30px 0; }

  ul.d-list-2.sec li img {
    width: 100%;
    height: auto; }

  ul.d-list-2.sec li h3 {
    font-size: 167%;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 10px 0; }

  ul.d-list-2.sec li h3 span {
    padding: 0 1.2em 0 0; }

  ul.d-list-2.sec li h3 .tt-cmt {
    float: right;
    font-size: 75%;
    color: #555; }

  ul.d-list-2.sec li p.hbn {
    width: 100%;
    font-size: 93%;
    background: #f0ebdb; }

  ul.d-list-2.sec li p.hbn span {
    display: block;
    padding: 10px;
    background: #f0ebdb; }

  ul.d-list-2.sec ul.d_info {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #575757; }

  ul.d-list-2.sec ul.d_info li {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 93%; }

  ul.d-list-2.sec ul.d_info li.r-name {
    text-align: center; }

  ul.d-list-2.sec ul.d_info li.r-info {
    text-align: center;
    background: #c47b93; }

  ul.d-list-2.sec ul.d_info li span {
    display: block;
    padding: 3px 10px; }

  ul.d-list-2 .list-photo p {
    margin: 0; }

  ul.d-list-2 .list-photo img {
    margin: 0; }

  #activity h3.bnn_wlt {
    width: 100%;
    height: 76px;
    background: url(images/bnn_wlt_sp.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  h3.sp_event_cldr {
    width: 100%;
    height: 76px;
    background: url(images/sp_bn_ac_evcl.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  h3.sp_recommend {
    width: 100%;
    height: 76px;
    background: url(images/sp_bn_recommend.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  #activity ul.d-list-2 li p.sub-t.ranch {
    width: 324px;
    background: url(images/activity_mds.png) no-repeat right 0; }

  #activity ul.d-list-2 li p.sub-t.ranch span {
    background: url(images/activity_mds.png) no-repeat right bottom; }

  ul.d-list-2.sec.tpro li p.sub-t {
    width: 324px;
    background: url(images/npro_mds.png) no-repeat right 0; }

  ul.d-list-2.sec.tpro li p.sub-t span {
    background: url(images/npro_mds.png) no-repeat right bottom;
    color: #666;
    font-size: 93%; }

  ul.d-list-2.sec.tpro li h3 span {
    background: url(images/pict_ya_tpro.png) no-repeat right center; }

  /* hbn-d-list-3 */
  #stay p.sub-t-s {
    float: left;
    width: 510px;
    padding: 3px 0 0;
    margin: 30px 0 15px;
    position: relative; }

  #stay p.sub-t-s span {
    display: block;
    margin: 3px 0 0;
    padding: 0 8px 4px;
    color: #000;
    font-weight: bold; }

  #stay p.sub-t-s {
    background: url(images/msn_log_mds.png) no-repeat 0 0; }

  #stay p.sub-t-s span {
    background: url(images/msn_log_mds.png) no-repeat 0 bottom; }

  #stay p.sub-t-s span.fds {
    position: absolute;
    left: 350px;
    top: -40px;
    width: 101px;
    height: 59px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/bn_fds.png) no-repeat 0 bottom; }

  ul.d-list-3 {
    float: left;
    width: 510px;
    margin: 0 0 30px;
    list-style: none; }

  ul.d-list-3 li {
    float: left;
    width: 240px; }

  ul.d-list-3 li:nth-child(2n) {
    float: right; }

  ul.d-list-3 li a {
    text-decoration: none;
    color: #000; }

  ul.d-list-3 .list-photo p {
    margin: 0; }

  ul.d-list-3 .list-photo img {
    margin: 0; }

  ul.d-list-3 li h3 {
    font-size: 146.5%;
    font-weight: normal;
    margin: 0;
    padding: 10px 0; }

  ul.d-list-3 li h3 span {
    padding: 0 1.2em 0 0;
    background: url(images/pict_ya_activity.png) no-repeat right center; }

  ul.d-list-3 li p.hbn {
    width: 240px;
    min-height: 80px;
    margin: 0;
    font-size: 85%;
    line-height: 1.4em;
    background: url(images/bn_cmt_bg.png) no-repeat -1px bottom; }

  ul.d-list-3 li p.hbn span {
    display: block;
    padding: 10px 15px; }

  #contents-data .c-box {
    width: 100%;
    margin: 0 0 10px; }

  #contents-data .c-b-2a {
    float: none;
    width: 100%; }

  #contents-data .c-b-2b {
    float: none;
    width: 100%; }

  #contents-data .c-b-3a,
  #contents-data .c-b-3b {
    float: none;
    width: 100%;
    margin: 0 0 50px; }

  #contents-data .c-b-3a {
    margin-right: 0; }

  #contents-data .c-b-3c {
    float: none;
    width: 100%; }

  /* ==================================================== activity-top*/
  #activity ul.d-list-2 li p.sub-t {
    background: #66b5b6; }

  #activity ul.d-list-2 li p.sub-t span {
    background: #66b5b6; }

  /* activity-ranch-top*/
  #activity ul.d-list-2 li p.sub-t.ranch {
    width: 100%;
    background: #66b5b6; }

  #activity ul.d-list-2 li p.sub-t.ranch span {
    background: #66b5b6; }

  /* ==================================================== stay-top*/
  #stay ul.d-list-2 li p.sub-t {
    background: #7da7d1; }

  #stay ul.d-list-2 li p.sub-t span {
    background: #7da7d1; }

  /* ==================================================== gourmet-top*/
  #gourmet ul.d-list-2 li p.sub-t {
    background: #c47b93; }

  #gourmet ul.d-list-2 li p.sub-t span {
    background: #c47b93; }

  /* ==================================================== shopping-top*/
  #shopping ul.d-list-2 li p.sub-t {
    background: #cdcf4a; }

  #shopping ul.d-list-2 li p.sub-t span {
    background: #cdcf4a; }

  /* ==================================================== heal-top*/
  #heal ul.d-list-2 li p.sub-t {
    background: #7cbeee; }

  #heal ul.d-list-2 li p.sub-t span {
    background: #7cbeee; }

  /* ==================================================== learn-top*/
  #learn ul.d-list-2 li p.sub-t {
    background: #8dbb7d; }

  #learn ul.d-list-2 li p.sub-t span {
    background: #8dbb7d; }

  /* ==================================================== see-top*/
  #see ul.d-list-2 li p.sub-t {
    background: #e8ba41; }

  #see ul.d-list-2 li p.sub-t span {
    background: #e8ba41; }

  ul.d-list-2 li p.hbn {
    font-size: 93%;
    background: #f0ebdb; }

  ul.d-list-2 li p.hbn span {
    display: block;
    padding: 10px; }

  /* === stay-top === HagOnly*/
  #hag-box {
    margin: 0 0 40px; }

  #hag-box a {
    display: block;
    text-decoration: none;
    color: #000; }

  #hag-box .hag-mds {
    float: left;
    width: 100%;
    margin: 0 0 9px; }

  #hag-box .hag-hbn {
    display: relative;
    float: left;
    width: 100%;
    height: 70px;
    margin: 0 0 12px; }

  #hag-box .hag-hbn p {
    margin: 16px 0 0;
    font-size: 93%; }

  #hag-box p.sub-t {
    width: 100%;
    padding: 3px 0 0;
    margin: 0 0 14px;
    background: url(images/stay_mds.png) no-repeat 0 0; }

  #hag-box p.sub-t span {
    display: block;
    margin: 3px 0 0;
    padding: 0 8px 4px;
    color: #fff;
    font-weight: bold;
    background: url(images/stay_mds.png) no-repeat 0 bottom; }

  #hag-box h3.hag {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/logo_hag_n.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* === HagOnly_END*/
  /* Home-bnn */
  .c-box-3bn {
    margin: 30px 0 14px; }

  .c-box-3bn a {
    display: block;
    float: left;
    width: 230px;
    height: 60px;
    margin: 0 10px 10px 0;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }

  .c-box-3bn a:nth-child(3n) {
    margin: 0 0 10px 0; }

  /* Activity-bnn */
  .d-box.activity01 .mds {
    float: left;
    width: 237px;
    height: 230px; }

  .d-box.activity01 .mds a {
    display: block;
    width: 237px;
    height: 230px;
    background: url(images/bn_ac_akb.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  .d-box.activity01 .p-box {
    float: left;
    width: 473px;
    height: 230px; }

  /* STAY-bnn */
  .d-box.stay01 .mds {
    float: left;
    width: 240px;
    height: 230px; }

  .d-box.stay01 .mds a {
    display: block;
    width: 240px;
    height: 230px;
    background: url(images/bn_st_hag.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  .d-box.stay01 .p-box {
    float: left;
    width: 470px;
    height: 230px; }

  /* Gourmet-bnn */
  .d-box.restaurant01 .mds {
    float: left;
    width: 285px;
    height: 282px; }

  .d-box.restaurant01 .mds a {
    display: block;
    width: 285px;
    height: 282px;
    background: url(images/bn_gr_rest.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  .d-box.restaurant01 .p-box {
    float: left;
    width: 425px;
    height: 282px; }

  /* Shopping-bnn */
  .d-list-sp {
    width: 100%;
    margin: 0 0 25px;
    list-style: none; }

  .d-list-sp li.left {
    float: none;
    width: 100%;
    margin: 0 0 14px; }

  .d-list-sp li.right {
    float: none;
    width: 100%;
    margin: 0 0 14px; }

  .d-list-sp li.left .sp-info {
    background: #cdcf4a;
    width: 100%;
    margin-left: 0; }

  .d-list-sp li.left .sp-info-in {
    background: #cdcf4a;
    width: 100%; }

  .d-list-sp li.right .sp-info {
    background: #cdcf4a;
    width: 100%;
    margin-left: 0; }

  .d-list-sp li.right .sp-info-in {
    background: #cdcf4a;
    width: 100%; }

  .d-list-sp li a {
    text-decoration: none;
    color: #000; }

  .d-list-sp li h3 {
    margin: 0;
    padding: 10px 15px 8px;
    font-size: 146.5%;
    font-weight: normal;
    line-height: 1.2em; }

  .d-list-sp li h3 .sh3 {
    font-size: 65%;
    line-height: 1em; }

  .d-list-sp li p {
    margin: 0;
    padding: 0 15px 15px;
    font-size: 93%;
    line-height: 1.4em; }

  /* Heal-bnn */
  .d-box.heal01 .mds {
    float: left;
    width: 240px;
    height: 304px; }

  .d-box.heal01 .mds a {
    display: block;
    width: 240px;
    height: 304px;
    background: url(images/bn_ac_buna.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  .d-box.heal01 .p-box {
    float: left;
    width: 470px;
    height: 304px; }

  /* Learb-bnn */
  .d-box.learn01 .mds {
    width: 710px;
    height: 345px;
    background: url(images/bn_le_buna.jpg) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  /* see-bnn */
  .d-box.see01 .mds {
    width: 710px;
    height: 120px; }

  .d-box.see01 .mds a {
    display: block;
    width: 710px;
    height: 120px;
    background: url(images/bn_see_kanko.jpg) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  h3.sp_shoku_kodawari {
    width: 100%;
    height: 76px;
    background: url(images/bnn_shoku_no_kodawari_sp.png) repeat-x 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  /*=========================================================
	 SECOND___MAIN =============================================
	==========================================================*/
  #contents-data {
    font-size: 100%;
    line-height: 1.5em; }

  .c-d-title {
    margin: 20px 0 0; }

  .c-d-title-in h1 {
    font-size: 197%;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0 0 20px;
    padding: 0 0 25px; }

  #activity .c-d-title-in h1 {
    background: url(images/bar_activity.png) no-repeat left bottom; }

  #stay .c-d-title-in h1 {
    background: url(images/bar_stay.png) no-repeat left bottom; }

  #gourmet .c-d-title-in h1 {
    background: url(images/bar_gourmet.png) no-repeat left bottom; }

  #shopping .c-d-title-in h1 {
    background: url(images/bar_shopping.png) no-repeat left bottom; }

  #heal .c-d-title-in h1 {
    background: url(images/bar_heal.png) no-repeat left bottom; }

  #learn .c-d-title-in h1 {
    background: url(images/bar_learn.png) no-repeat left bottom; }

  #see .c-d-title-in h1 {
    background: url(images/bar_see.png) no-repeat left bottom; }

  .c-d-title-in h1 {
    background: url(images/bar_df.png) no-repeat left bottom; }

  .section2-info h3 {
    margin: 0 0 10px;
    padding: 10px 0 10px 0.7em;
    font-size: 123.1%;
    border-left: solid 1px #333; }

  .section2-info ul {
    margin: 0 0 20px; }

  .section2-info img {
    float: none;
    margin: 0;
    padding: 0 0 20px;
    width: 100%;
    height: auto; }

  .section2-info table {
    margin-top: 3px;
    font-size: 85%; }

  .section2-info table th {
    text-align: center;
    padding: 4px 10px;
    color: #fff;
    border: solid 1px #666; }

  .section2-info table td {
    text-align: center;
    background: #f0ecdd;
    padding: 4px 10px;
    border: solid 1px #666; }

  #activity .section2-info table th {
    background: #66b5b6; }

  #stay .section2-info table th {
    background: #6591c5; }

  /* ================================================================ */
  /* ================================================================ */
  /* ================================================================ */
  h2.guide {
    margin: 0 0 15px;
    padding: 0 0 10px;
    width: 100%;
    max-width: 680px;
    height: 32px;
    text-indent: -9999em;
    overflow: hidden;
    border-bottom: solid 1px #000; }

  #activity h2.guide {
    background: url(images/c_d_activity.png) no-repeat 0 0; }

  #stay h2.guide {
    background: url(images/c_d_stay_room.png) no-repeat 0 0; }

  #heal h2.guide {
    background: url(images/c_d_heal.png) no-repeat 0 0; }

  #learn h2.guide {
    background: url(images/c_d_learn.png) no-repeat 0 0; }

  #see h2.guide {
    background: url(images/c_d_see.png) no-repeat 0 0; }

  /* ================================================================ */
  /* ================================================================ */
  /* ================================================================ */
  /* ======================== activity-hbn*/
  .act-box-all {
    margin: 50px 0 0; }

  /* ======================== stay-hbn*/
  #stay #contents-data .c-d-title.hotel {
    position: relative;
    width: 680px;
    height: 100px;
    margin: 0 0 20px; }

  #stay #contents-data .c-d-title-in.hotel {
    position: absolute;
    top: 0;
    right: 0;
    width: 3000px;
    height: 100px;
    background: url(images/c_d_stay_bg.png) repeat-x 0 0; }

  #stay #contents-data .c-d-title-in.hotel h1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 680px;
    height: 100px;
    text-indent: -9999em;
    overflow: hidden; }

  #stay #contents-data .c-d-title-in.hotel h1.hotel_appi_grand {
    background: url(images/c_d_stay_hag_title.png) no-repeat 0 0; }

  #stay #contents-data .c-d-title-in.hotel h1.appi_grand_villa {
    background: url(images/c_d_stay_villa_title.png) no-repeat 0 0; }

  #stay #contents-data .c-d-title-in.hotel h1.appi_grand_annex {
    background: url(images/c_d_stay_anx_title.png) no-repeat 0 0; }

  #stay #contents-data h2.main-catch {
    margin: 0 0 20px;
    padding: 0;
    font-size: 138.5%;
    line-height: 1.4em;
    color: #333; }

  /*====================================================*/
  .section1 {
    position: relative;
    margin: 0 0 40px;
    font-size: 100%; }

  ul.section1-info {
    position: static;
    margin: 0 0 10px;
    list-style: none;
    width: 236px;
    height: 20px; }

  ul.section1-info li.info01 {
    float: left;
    width: 109px;
    height: 20px;
    margin: 0 26px 0 0; }

  ul.section1-info li.info02 {
    float: left;
    width: 98px;
    height: 20px; }

  ul.section1-info li a {
    display: block; }

  ul.section1-info li.info01 a {
    width: 109px;
    height: 20px;
    background: url(images/c_d_stay_info01.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  ul.section1-info li.info01 .no-link {
    display: none; }

  ul.section1-info li.info02 a {
    width: 98px;
    height: 20px;
    text-indent: -9999em;
    overflow: hidden; }

  #stay ul.section1-info li.info02 a {
    background: url(images/c_d_stay_info02.png) no-repeat 0 0; }

  #activity ul.section1-info li.info02 a {
    background: url(images/c_d_activity_info02.png) no-repeat 0 0; }

  #heal ul.section1-info li.info02 a {
    background: url(images/c_d_heal_info02.png) no-repeat 0 0; }

  #learn ul.section1-info li.info02 a {
    background: url(images/c_d_learn_info02.png) no-repeat 0 0; }

  #see ul.section1-info li.info02 a {
    background: url(images/c_d_see_info02.png) no-repeat 0 0; }

  .section1 p.net-info {
    width: 200px;
    height: 30px;
    margin: 15px 0; }

  .section1 p.net-info a {
    display: block;
    width: 200px;
    height: 30px;
    background: url(images/stay_net_info.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  .section2-info ul {
    list-style: none; }

  .section2-info ul li {
    padding: 0 0 0 1.2em; }

  #stay .section2-info ul li {
    background: url(images/pict_stay_maru.png) no-repeat 0 2px; }

  #activity .section2-info ul li {
    background: url(images/pict_activity_maru.png) no-repeat 0 2px; }

  #heal .section2-info ul li {
    background: url(images/pict_heal_maru.png) no-repeat 0 2px; }

  #learn .section2-info ul li {
    background: url(images/pict_learn_maru.png) no-repeat 0 2px; }

  #see .section2-info ul li {
    background: url(images/pict_see_maru.png) no-repeat 0 2px; }

  .section2-room table th {
    text-align: center;
    background: #6591c5;
    padding: 8px 10px 1px;
    color: #fff; }

  .section2-room table td {
    text-align: center;
    background: #f0ecdd;
    padding: 8px 10px;
    border-bottom: solid 1px #000; }

  /*====================================================*/
  .p-box-all {
    margin: 0; }

  .p-box-4 {
    float: left;
    width: 48%;
    margin: 0 2% 25px 0; }

  .p-box-4:nth-child(4n) {
    margin: 0 0 25px 0; }

  .p-box-4 a {
    text-decoration: none;
    font-size: 93%;
    line-height: 1.1em;
    color: #000; }

  .p-box-4 a p {
    margin: 0 0 3px; }

  .p-box-4 a img {
    width: 150px;
    height: 100px;
    margin: 0 0 3px; }

  .gourmet .p-box-4 a span {
    padding: 0 1.3em 0 0;
    background: url(images/pict_ya_gourmet_s.png) no-repeat right 0; }

  .heal .p-box-4 a span {
    padding: 0 1.3em 0 0;
    background: url(images/pict_ya_heal_s.png) no-repeat right 0; }

  .activity .p-box-4 a span {
    padding: 0 1.3em 0 0;
    background: url(images/pict_ya_activity_s.png) no-repeat right 0; }

  .shopping .p-box-4 a span {
    padding: 0 1.3em 0 0;
    background: url(images/pict_ya_shopping_s.png) no-repeat right 0; }

  h3.faci-h301 {
    width: 100%;
    max-width: 680px;
    height: 26px;
    margin: 0 0 10px;
    background: url(images/faci-h301.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  h3.faci-h302 {
    width: 100%;
    max-width: 680px;
    height: 26px;
    margin: 0 0 10px;
    background: url(images/faci-h302.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  h3.faci-h303 {
    width: 100%;
    max-width: 680px;
    height: 26px;
    margin: 0 0 10px;
    background: url(images/faci-h303.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  h3.faci-h304 {
    width: 100%;
    max-width: 680px;
    height: 26px;
    margin: 0 0 10px;
    background: url(images/faci-h304.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  .hbn-txt-box1 {
    float: none;
    width: 100%; }

  .hbn-p-box1 {
    float: none;
    width: 100%; }

  /* ===== D-C ==================== */
  .hbn-p-box1 img {
    width: 100%;
    height: auto; }

  h2.c_d_stay_gallery {
    margin: 0 0 15px;
    width: 100%;
    max-width: 680px;
    height: 22px;
    background: url(images/c_d_stay_gallery.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  h2.c_d_stay_ski {
    margin: 0 0 15px;
    width: 100%;
    max-width: 680px;
    height: 32px;
    background: url(images/c_d_stay_ski.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  h2.c_d_stay_kannai {
    margin: 0 0 15px;
    width: 100%;
    max-width: 680px;
    height: 32px;
    background: url(images/c_d_stay_kannai.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  /* ======================== restrun-hbn*/
  #gourmet #contents-data .c-d-title.restaurant_and_lounge {
    position: relative;
    width: 100%;
    height: 80px;
    margin: 20px 0 0; }

  #gourmet #contents-data .c-d-title-in.restaurant_and_lounge {
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background: url(images/c_d_gourmet_bg.png) repeat-x 0 0; }

  #gourmet #contents-data .c-d-title-in h1.restaurant_and_lounge {
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background: url(images/c_d_r_and_l_title.png) no-repeat 10px 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet #contents-data .c-d-title-in h1 {
    font-size: 197%;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 0; }

  .res-box-all {
    margin: 50px 0 0; }

  .res-box-2 {
    float: left;
    width: 325px;
    margin: 0 30px 30px 0; }

  .res-box-2:nth-child(2n) {
    margin: 0 0 30px 0; }

  .res-box-2 a {
    text-decoration: none;
    color: #000; }

  .res-box-2 img {
    margin: 0;
    padding: 0;
    vertical-align: bottom; }

  .res-box-2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #575757; }

  .res-box-2 ul li {
    color: #fff; }

  .res-box-2 ul li.r-name {
    float: left;
    width: 185px; }

  .res-box-2 ul li.r-info {
    float: left;
    width: 140px;
    text-align: center;
    background: #c47b93; }

  .res-box-2 ul li span {
    display: block;
    padding: 3px 10px; }

  .res-box-2 h2 {
    font-size: 153.9%;
    font-weight: normal;
    padding: 9px 0; }

  .res-box-2 p {
    font-size: 93%; }

  /* Restaurant_DATA */
  .contents-title {
    width: 680px;
    height: 45px;
    margin: 30px 0 10px; }

  #gourmet h1 {
    width: 100%;
    height: 45px;
    margin: 0; }
    #gourmet h1 img {
      width: 100%;
      height: auto; }

  #gourmet h1.lapindor {
    background: url(images/logo_r_lapindor.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.nanashigure {
    background: url(images/logo_r_nanashigure.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.ranran {
    background: url(images/logo_r_ranran.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.richoen {
    background: url(images/logo_r_richoen.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.arlberg {
    background: url(images/logo_r_arlberg.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.lupinas {
    background: url(images/logo_r_lupinas.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.chokai {
    background: url(images/logo_r_chokai.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.lobelia {
    background: url(images/logo_r_lobelia.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.melissa {
    background: url(images/logo_r_melissa.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.chinon {
    background: url(images/logo_r_chinon.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.rikoh {
    background: url(images/logo_r_rikoh.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.yamaboushi {
    background: url(images/logo_r_yamaboushi.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.po {
    background: url(images/logo_r_po.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.sanremo {
    background: url(images/logo_r_sanremo.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.sassari {
    background: url(images/logo_r_sassari.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.annex_bbq {
    background: url(images/logo_r_anx_bbq.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet h1.lech_info {
    background: url(images/logo_r_lech.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  .rest-main {
    margin: 0 0 40px; }

  .section2-hbn {
    float: none;
    width: 100%;
    border-right: none; }

  .section2-hbn-in {
    padding-right: 0; }

  .section2-hbn-in p {
    line-height: 1.8em; }

  .section2-data {
    float: none;
    width: 100%; }

  /* ===== D-C ==================== */
  .section2-data img {
    width: 100%;
    height: auto; }

  .section2-data p {
    font-size: 93%; }

  .section2-data-in {
    padding-left: 0; }

  #gourmet ul.area-info {
    margin: 20px 0; }

  #gourmet ul.area-info li {
    width: 110px;
    height: 20px;
    margin: 0 0 5px; }

  #gourmet ul.area-info li a {
    display: block;
    width: 110px;
    height: 20px;
    text-indent: -9999em;
    overflow: hidden; }

  #gourmet ul.area-info li.info01 a {
    background: url(images/c_d_gourmet_info01.png) no-repeat 0 0; }

  #gourmet ul.area-info li.info02 a {
    background: url(images/c_d_gourmet_info02.png) no-repeat 0 0; }

  .section2-data-in h4 {
    padding-left: 1.1em;
    font-size: 105%;
    color: #c47b93;
    background: url(images/pict_groumet_sq.png) no-repeat 0 center; }

  .menu-box h3 {
    margin: 15px 0;
    font-size: 138.5%;
    font-family: serif;
    color: #c47b93; }

  .menu-box h4 {
    margin: 0 0 5px;
    font-size: 108%;
    color: #c47b93; }

  .menu-box p {
    margin: 0 0 20px;
    font-size: 93%; }

  .menu-box img {
    width: 100%;
    height: auto; }

  /* ======================== heal-hbn*/
  /* ======================== learn-hbn*/
  /* 写真3点 */
  .learn-3box {
    float: left;
    width: 48%;
    margin: 0 1% 7px; }

  .learn-3box p {
    font-size: 77%; }

  /* ======================== see-hbn*/
  .act-box-all {
    margin: 50px 0 0; }

  /* around_tourist */
  .entry-content .c-box.see p {
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.6em; }

  .entry-content .c-box.see p.hbn {
    margin: 0 0 30px;
    padding: 0; }

  .entry-content .c-box.see p.tour-time {
    margin: 10px 0;
    padding: 5px 0 5px 100px;
    background: #efebdb url(images/tour-time.png) no-repeat 50px center; }

  .c-box.see h3 {
    margin: 0 0 10px;
    padding: 10px 0;
    border-top: solid 3px #e9ba30;
    border-bottom: solid 1px #e9ba30; }

  .c-box.see h4 {
    margin: 2px 0;
    padding: 2px 0 2px 1.2em;
    background: url(images/pict_see_maru.png) no-repeat left center; }

  /* pension_minshuku_list */
  .entry-content ul.pension-list,
  .entry-content ul.minshuku-list {
    margin: 0 0 40px;
    padding: 0;
    border-top: solid 1px #c0c0c0; }

  .entry-content ul.pension-list li,
  .entry-content ul.minshuku-list li {
    list-style: none;
    padding: 8px 16px;
    border-bottom: solid 1px #c0c0c0;
    background: #fffffc; }

  .entry-content ul.pension-list li:nth-child(2n) {
    background: #f7fcfe; }

  .entry-content ul.minshuku-list li:nth-child(2n) {
    background: #FFFAF0; }

  .pm-name {
    float: left;
    width: 60%;
    font-weight: bold; }

  .pm-tel {
    float: right;
    width: 38%;
    text-align: right; }

  /* FAQ */
  dl.faq {
    margin: 0 0 20px; }

  dl.faq dt {
    margin: 0;
    padding: 10px 10px 10px 50px;
    border: solid 1px #ede4cd;
    background: #F5F5DC url(images/qa_q.png) no-repeat 10px center; }

  dl.faq dd {
    margin: 0 0 30px;
    padding: 10px 10px 10px 50px;
    border-left: solid 1px #ede4cd;
    border-bottom: solid 1px #ede4cd;
    border-right: solid 1px #ede4cd;
    background: #fffffc url(images/qa_a.png) no-repeat 10px 7px; }

  /*Tokuten*/
  table.dft {
    margin-top: 3px;
    font-size: 85%; }

  table.dft th {
    text-align: center;
    padding: 4px 10px;
    color: #fff;
    border: solid 1px #666; }

  table.dft td {
    text-align: center;
    background: #f0ecdd;
    padding: 4px 10px;
    border: solid 1px #666; }

  table.dft table th {
    background: #66b5b6; }

  table.dft th {
    background: #6591c5; }

  /*Search*/
  h2.search_ans {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: dotted 1px #999; }

  .navigation {
    padding: 0;
    margin: 0 0 10px;
    border: solid 1px #ede4cd;
    background: #F5F5DC; }

  .navigation .alignleft,
  .navigation .alignright {
    margin: 5px 10px;
    padding: 0; }

  .entry-content.search ul {
    margin-left: 3em; }

  .entry-content img {
    width: 100%;
    height: auto; }

  /*Houji*/
  #appi_houji .entry-content h2 {
    margin: 10px 0 15px;
    padding: 0 0 10px;
    font-size: 167%;
    font-weight: normal;
    color: #483D8B;
    border-bottom: double 3px #c0c0c0; }

  h3.appi_houji {
    margin: 10px 0 15px;
    padding: 0 0 10px;
    font-size: 123.1%;
    color: #483D8B;
    border-bottom: double 1px #c0c0c0; }

  #appi_houji .entry-content h4 {
    font-size: 108%;
    color: #483D8B; }

  #contents-data .c-box.houji {
    width: 100%; }

  #contents-data .c-box.houji .c-b-2a {
    float: none;
    width: 100%; }

  #contents-data .c-box.houji .c-b-2b {
    float: none;
    width: 100%; }

  .entry-content .c-box.houji .sp-mgn {
    margin: 0 0 5px; }

  table.houji {
    width: 100%;
    font-size: 93%; }

  table.houji th {
    text-align: center;
    padding: 4px 10px;
    background: #F8F8FF;
    border: solid 1px #999;
    font-weight: normal; }

  table.houji td {
    text-align: center;
    padding: 4px 10px;
    background: #fff;
    border: solid 1px #999; }

  table.houji td.right {
    text-align: right; }

  #appi_houji h3.houji-pr {
    font-size: 108%;
    font-weight: normal;
    margin: 10px 0 6px;
    padding: 0 0 12px;
    border-bottom: solid 1px #ccc;
    color: #6A5ACD; }

  .houji-stay {
    margin: 10px 0 0;
    padding: 0 0 0 0.7em;
    border-left: solid 2px #483D8B; }

  .houji-stay strong {
    font-size: 123.1%;
    color: #483D8B; }

  /*Usagi*/
  .usagi-toku {
    margin: 0 0 30px;
    padding: 15px;
    border: solid 1px #c0c0c0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome */
    -moz-border-radius: 10px;
    /* Firefox */ }

  h2.usagi {
    padding: 15px;
    line-height: 1.5em;
    text-align: center;
    color: #164a84;
    background: #efefef;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome */
    -moz-border-radius: 10px;
    /* Firefox */ }

  h2.usagi span {
    font-weight: normal;
    font-size: 153.9%;
    color: #c00; }

  h2.usagi-red {
    color: #c00; }

  p.usagi {
    margin: 0 1em 10px; }

  dl.usagi {
    font-size: 108%;
    margin: 0; }

  dl.usagi dt {
    float: left;
    width: 5em;
    color: #c00; }

  dl.usagi dd {
    margin: 0;
    padding: 0 0 5px 5.5em; }

  ul.usagi {
    list-style: none;
    margin: 0 0 10px 2em; }

  ul.usagi li {
    list-style: none;
    padding: 0 0 0 1.2em;
    background: url(images/pict_stay_maru.png) no-repeat left center; }

  ul.usagi-btn {
    width: 100%;
    margin: 0 auto 20px; }

  ul.usagi-btn li {
    float: none;
    list-style: none;
    width: 90%;
    margin: 0 5%;
    text-align: center; }

  .entry-content ul.usagi-btn li a {
    display: block;
    margin: 0 0 20px;
    padding: 10px 6px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome */
    -moz-border-radius: 10px;
    /* Firefox */
    color: #fff;
    background: #1883c7; }

  .entry-content ul.usagi-btn li a:hover {
    background: #164a84; }

  /*Staff_Blog_List*/
  .stfblog-all {
    margin: 0 0 20px;
    padding: 15px;
    border: solid 1px #c0c0c0; }

  .stfblog-photo {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 14px; }

  .stfblog-hbn {
    float: none;
    width: 100%; }

  .stfblog-hbn p {
    margin: 0; }

  p.stfblog-mds {
    font-weight: bold;
    color: #666;
    margin: 0 0 10px; }

  /* _______________SECOND-ASIDE */
  #second-aside-top {
    width: 100%;
    margin: 0;
    padding-top: 0; }

  #second-aside-top .s-a-top-mds {
    margin: 0 0 20px; }

  #second-aside-top h2 {
    width: 250px;
    margin-left: 15px;
    text-indent: -9999em;
    overflow: hidden; }

  #second-aside-top .s-a-top-catch {
    display: none; }

  #second-aside-top .back-link a {
    display: block;
    padding: 8px 36px;
    font-size: 85%;
    text-decoration: none;
    color: #fff; }

  /* ACTIVITY */
  #activity #second-aside-top {
    background: #66b5b6; }

  #activity #second-aside-top h2 {
    margin: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_activity.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  .s-a-body-activity {
    width: 90%;
    padding: 15px 5%;
    background: #009489; }

  .s-a-body-activity h3 {
    width: 242px;
    height: 20px;
    margin: 0 0 7px;
    text-indent: -9999em;
    overflow: hidden; }

  .s-a-body-activity ul {
    list-style: none;
    width: 240px;
    margin: 0 0 10px; }

  .s-a-body-activity.r-data ul {
    margin: 0 0 10px; }

  .s-a-body-activity.r-data ul li {
    margin: 0;
    padding: 5px 0; }

  .s-a-body-activity.r-data ul a {
    display: block;
    margin: 0;
    padding: 0 0 0 1.2em;
    text-decoration: none;
    color: #fff;
    font-size: 93%;
    background: url(images/pict_white_sq.png) no-repeat 0 center;
    line-height: 1.42em; }

  #activity #second-aside-top .back-link {
    background: #66b5b6; }

  #activity #second-aside-top .back-link a {
    background: #66b5b6 url(images/pict_ya_white_back.png) no-repeat 15px center; }

  /* STAY */
  #stay #second-aside-top {
    background: #7da7d1; }

  #stay #second-aside-top h2 {
    margin: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_stay.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  .s-a-body-stay {
    width: 250px; }

  .s-a-body-stay ul {
    list-style: none;
    margin: 20px 0 20px 20px; }

  .s-a-body-stay ul li a {
    display: block;
    width: 190px;
    height: 30px;
    text-indent: -9999em;
    overflow: hidden; }

  .s-a-body-stay ul li a.hag {
    margin: 0 0 20px;
    background: url(images/aside_sec_hotel_hag.png) no-repeat 0 0; }

  .s-a-body-stay ul li a.villa {
    margin: 0 0 20px;
    background: url(images/aside_sec_hotel_villa.png) no-repeat 0 0; }

  .s-a-body-stay ul li a.anx {
    margin: 0;
    background: url(images/aside_sec_hotel_anx.png) no-repeat 0 0; }

  .s-a-body-stay2 {
    width: 90%;
    padding: 10px 5%;
    background: #a4cec7;
    font-size: 85%; }

  .s-a-body-stay2 h3 {
    font-weight: normal;
    margin: 0 0 7px; }

  .s-a-body-stay2 a {
    margin: 0 1.2em 0 0;
    padding: 0 1.4em 0 0;
    line-height: 1.3em;
    text-decoration: none;
    color: #000;
    background: url(images/pict_ya_black_s.png) no-repeat right center; }

  .s-a-body-stay2 .pm-link2 {
    margin: 0;
    padding: 7px 2.8em;
    background: url(images/pict_pension.png) no-repeat left center; }

  #stay #second-aside-top .back-link {
    background: #2675b2; }

  #stay #second-aside-top .back-link a {
    background: #2675b2 url(images/pict_ya_white_back.png) no-repeat 15px center; }

  /* GOURMET */
  #gourmet #second-aside-top {
    background: #c47b93; }

  #gourmet #second-aside-top h2 {
    margin: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_gourmet.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  .s-a-body-gourmet {
    width: 90%;
    padding: 15px 5%;
    background: #a14467; }

  .s-a-body-gourmet h3 {
    width: 242px;
    height: 20px;
    margin: 0 0 7px;
    text-indent: -9999em;
    overflow: hidden; }

  .s-a-body-gourmet h3.ja {
    background: url(images/gourmet_sh_mds1.png) no-repeat 0 0; }

  .s-a-body-gourmet h3.ho {
    background: url(images/gourmet_sh_mds2.png) no-repeat 0 0; }

  .s-a-body-gourmet h3.tm {
    background: url(images/gourmet_sh_mds3.png) no-repeat 0 0; }

  .s-a-body-gourmet ul {
    list-style: none;
    width: 240px;
    margin: 0 0 10px; }

  ul.btn-2 li {
    float: left;
    width: 110px;
    height: 24px;
    margin: 0 10px 7px 0;
    text-indent: -9999em;
    overflow: hidden; }

  ul.btn-2 li a {
    display: block;
    width: 110px;
    height: 24px; }

  ul.btn-2 li a.wa {
    background: url(images/gourmet_sh_wa.png) no-repeat 0 0; }

  ul.btn-2 li a.yo {
    background: url(images/gourmet_sh_yo.png) no-repeat 0 0; }

  ul.btn-2 li a.ch {
    background: url(images/gourmet_sh_ch.png) no-repeat 0 0; }

  ul.btn-2 li a.ya {
    background: url(images/gourmet_sh_ya.png) no-repeat 0 0; }

  ul.btn-2 li a.vi {
    background: url(images/gourmet_sh_vi.png) no-repeat 0 0; }

  ul.btn-2 li a.ba {
    background: url(images/gourmet_sh_ba.png) no-repeat 0 0; }

  /* hover */
  ul.btn-2 li a.wa:hover {
    background: url(images/gourmet_shb_wa.png) no-repeat 0 0; }

  ul.btn-2 li a.yo:hover {
    background: url(images/gourmet_shb_yo.png) no-repeat 0 0; }

  ul.btn-2 li a.ch:hover {
    background: url(images/gourmet_shb_ch.png) no-repeat 0 0; }

  ul.btn-2 li a.ya:hover {
    background: url(images/gourmet_shb_ya.png) no-repeat 0 0; }

  ul.btn-2 li a.vi:hover {
    background: url(images/gourmet_shb_vi.png) no-repeat 0 0; }

  ul.btn-2 li a.ba:hover {
    background: url(images/gourmet_shb_ba.png) no-repeat 0 0; }

  ul.btn-1 li {
    width: 230px;
    height: 24px;
    margin: 0 10px 7px 0;
    text-indent: -9999em;
    overflow: hidden; }

  ul.btn-1 li a {
    display: block;
    width: 230px;
    height: 24px; }

  ul.btn-1 li a.hag {
    background: url(images/gourmet_sh_hag.png) no-repeat 0 0; }

  ul.btn-1 li a.villa {
    background: url(images/gourmet_sh_villa.png) no-repeat 0 0; }

  ul.btn-1 li a.anx {
    background: url(images/gourmet_sh_anx.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-yu {
    background: url(images/gourmet_sh_tm_yu.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-hi {
    background: url(images/gourmet_sh_tm_hi.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-bl {
    background: url(images/gourmet_sh_tm_bl.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-ch {
    background: url(images/gourmet_sh_tm_ch.png) no-repeat 0 0; }

  /* hover */
  ul.btn-1 li a.hag:hover {
    background: url(images/gourmet_shb_hag.png) no-repeat 0 0; }

  ul.btn-1 li a.villa:hover {
    background: url(images/gourmet_shb_villa.png) no-repeat 0 0; }

  ul.btn-1 li a.anx:hover {
    background: url(images/gourmet_shb_anx.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-yu:hover {
    background: url(images/gourmet_shb_tm_yu.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-hi:hover {
    background: url(images/gourmet_shb_tm_hi.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-bl:hover {
    background: url(images/gourmet_shb_tm_bl.png) no-repeat 0 0; }

  ul.btn-2 li a.tm-ch:hover {
    background: url(images/gourmet_shb_tm_ch.png) no-repeat 0 0; }

  p.reset a {
    display: block;
    width: 242px;
    height: 24px;
    margin: 0 10px 0 0;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/gourmet_sh_reset.png) no-repeat 0 0; }

  /* hover */
  p.reset a:hover {
    background: url(images/gourmet_shb_reset.png) no-repeat 0 0; }

  #gourmet #second-aside-top .back-link {
    background: #c47b93; }

  #gourmet #second-aside-top .back-link a {
    background: #c47b93 url(images/pict_ya_white_back.png) no-repeat 15px center; }

  /*restaurant-data*/
  .s-a-body-gourmet.r-data {
    width: 90%;
    padding: 18px 5% 2px; }

  .s-a-body-gourmet.r-data h3 {
    text-indent: 0;
    margin: 0 0 10px;
    color: #fff;
    font-size: 123.1%; }

  .s-a-body-gourmet.r-data h4 {
    margin: 0 0 4px -0.5em;
    color: #fff;
    font-weight: bold; }

  .s-a-body-gourmet.r-data ul {
    margin: 0 0 18px; }

  .s-a-body-gourmet.r-data ul li {
    margin: 0;
    padding: 5px 0; }

  .s-a-body-gourmet.r-data ul a {
    display: block;
    margin: 0;
    padding: 0 0 0 1.2em;
    text-decoration: none;
    color: #fff;
    font-size: 93%;
    background: url(images/pict_white_sq.png) no-repeat 0 center;
    line-height: 1.42em; }

  /* SHOPPING */
  #shopping #second-aside-top {
    background: #cdcf4a; }

  #shopping #second-aside-top h2 {
    margin: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_shopping.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  .s-a-body-shopping {
    width: 90%;
    padding: 15px 5%;
    background: #a2b214; }

  .s-a-body-shopping ul {
    list-style: none;
    width: 240px;
    margin: 0 0 10px; }

  .s-a-body-shopping.r-data ul {
    margin: 0 0 10px; }

  .s-a-body-shopping.r-data ul li {
    margin: 0;
    padding: 5px 0; }

  .s-a-body-shopping.r-data ul a {
    display: block;
    margin: 0;
    padding: 0 0 0 1.2em;
    text-decoration: none;
    color: #fff;
    font-size: 93%;
    background: url(images/pict_white_sq.png) no-repeat 0 2px;
    line-height: 1.42em; }

  #shopping #second-aside-top .back-link {
    background: #cdcf4a; }

  #shopping #second-aside-top .back-link a {
    background: #cdcf4a url(images/pict_ya_white_back.png) no-repeat 15px center; }

  /* HEAL */
  #heal #second-aside-top {
    background: #7cbeee; }

  #heal #second-aside-top h2 {
    margin: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_heal.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  .s-a-body-heal {
    width: 90%;
    padding: 15px 5%;
    background: #5487b6; }

  .s-a-body-heal ul {
    list-style: none;
    width: 240px;
    margin: 0 0 10px; }

  .s-a-body-heal.r-data ul {
    margin: 0 0 10px; }

  .s-a-body-heal.r-data ul li {
    margin: 0;
    padding: 5px 0; }

  .s-a-body-heal.r-data ul a {
    display: block;
    margin: 0;
    padding: 0 0 0 1.2em;
    text-decoration: none;
    color: #fff;
    font-size: 93%;
    background: url(images/pict_white_sq.png) no-repeat 0 2px;
    line-height: 1.42em; }

  #heal #second-aside-top .back-link {
    background: #7cbeee; }

  #heal #second-aside-top .back-link a {
    background: #7cbeee url(images/pict_ya_white_back.png) no-repeat 15px center; }

  /* LEARN */
  #learn #second-aside-top {
    background: #89bd74; }

  #learn #second-aside-top h2 {
    margin: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_learn.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  .s-a-body-learn {
    width: 90%;
    padding: 15px 5%;
    background: #319a50; }

  .s-a-body-learn ul {
    list-style: none;
    width: 240px;
    margin: 0 0 10px; }

  .s-a-body-learn.r-data ul {
    margin: 0 0 10px; }

  .s-a-body-learn.r-data ul li {
    margin: 0;
    padding: 5px 0; }

  .s-a-body-learn.r-data ul a {
    display: block;
    margin: 0;
    padding: 0 0 0 1.2em;
    text-decoration: none;
    color: #fff;
    font-size: 93%;
    background: url(images/pict_white_sq.png) no-repeat 0 2px;
    line-height: 1.42em; }

  #learn #second-aside-top .back-link {
    background: #89bd74; }

  #learn #second-aside-top .back-link a {
    background: #89bd74 url(images/pict_ya_white_back.png) no-repeat 15px center; }

  /* SEE */
  #see #second-aside-top {
    background: #e9ba30; }

  #see #second-aside-top h2 {
    margin: 0;
    width: 100%;
    height: 100px;
    background: url(images/sp_hd_tt_see.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  .s-a-body-see {
    width: 90%;
    padding: 15px 5%;
    background: #d58e00; }

  .s-a-body-see ul {
    list-style: none;
    width: 240px;
    margin: 0 0 10px; }

  .s-a-body-see.r-data ul {
    margin: 0 0 10px; }

  .s-a-body-see.r-data ul li {
    margin: 0;
    padding: 5px 0; }

  .s-a-body-see.r-data ul a {
    display: block;
    margin: 0;
    padding: 0 0 0 1.2em;
    text-decoration: none;
    color: #fff;
    font-size: 93%;
    background: url(images/pict_white_sq.png) no-repeat 0 2px;
    line-height: 1.42em; }

  #see #second-aside-top .back-link {
    background: #e9ba30; }

  #see #second-aside-top .back-link a {
    background: #e9ba30 url(images/pict_ya_white_back.png) no-repeat 15px center; }

  /* Shopping APPI ranch */
  .sp_ranch_all {
    width: 100%;
    margin: 0 0 30px; }

  .sp_ranch_all .b-left {
    float: none;
    width: 100%; }

  .sp_ranch_all .b-right {
    float: none;
    width: 100%; }

  .sp_ranch_all h3 {
    font-size: 167%;
    line-height: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 10px 0; }

  .sp_ranch_all p {
    margin: 0;
    padding: 0; }

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

  .sp_ranch_all div.hbn {
    width: 100%;
    margin: 0 0 35px;
    line-height: 1.4em;
    background: #f0ebdb; }

  .sp_ranch_all .hbn p {
    display: block;
    margin: 0;
    padding: 14px 20px;
    line-height: 1.5em;
    background: url(images/bn_cmt_bg_325.png) no-repeat -1px top; }

  span.price {
    display: block;
    border-top: dashed 1px #999;
    margin: 5px 0 0;
    padding: 5px 0 0;
    font-size: 93%;
    color: #444; }

  /* Event Calendar*/
  table.event_cal {
    width: 100%;
    border-top: dashed 1px #c0c0c0; }

  table.event_cal td {
    padding: 10px;
    border-bottom: dashed 1px #c0c0c0; }

  table.event_cal td.mds {
    width: 30%;
    padding: 10px 20px;
    background: #fbfaf5; }

  table.event_cal td.hbn {
    width: 70%;
    padding: 10px 20px; }

  table.event_cal td.mds-m {
    padding: 5px 20px;
    font-size: 153.9%;
    font-weight: bold;
    color: #7b5544;
    background: #ede4cd; }

  /* TaikenProgram */
  .sgr {
    margin: 0;
    padding: 15px 0 0;
    border-bottom: dashed 1px #999; }

  .sgr-hbn {
    float: none;
    width: 100%; }

  .sgr-photo {
    float: none;
    width: 100%; }

  .sgr h3 {
    font-size: 138.5%;
    margin-top: 0;
    padding: 8px 10px;
    background: #f8f4e6;
    color: #965042;
    border-left: solid 5px #a8bf93; }

  .sgr h4 {
    padding: 5px 0 5px 1.2em;
    font-size: 108%;
    border-bottom: solid 1px #a8bf93;
    color: #3b7960;
    background: url(images/pict_learn_maru.png) no-repeat left center; }

  .entry-content table.ap-tbl-1 th {
    padding: 4px 10px;
    text-align: center;
    background: #ede4cd;
    border: solid 1px #999;
    font-weight: normal; }

  .entry-content table.ap-tbl-1 td {
    padding: 3px 8px;
    text-align: left;
    background: #fff;
    border: solid 1px #c0c0c0; }

  .entry-content table.ap-tbl-1 td.mds {
    background: #f8f4e6;
    white-space: nowrap; }

  .entry-content table.tpro {
    width: 100%; }

  .entry-content table.tpro td.mds {
    width: 7em;
    text-align: center; }

  h2.tpro {
    margin: 0 0 14px;
    padding: 15px 0 15px 0.5em;
    font-size: 153.9%;
    border-left: solid 4px #debd85;
    line-height: 1.5em;
    color: #965042; }

  h3.tpro {
    margin: 0 0 14px;
    padding: 10px 0;
    font-size: 138.5%;
    border-bottom: double 3px #debd85;
    color: #3b7960; }

  h4.tpro {
    margin: 0 0 14px;
    padding: 10px 0;
    font-size: 123.1%;
    color: #8c6450; }

  p.line-dashed {
    margin: 40px 0;
    padding: 10px 14px;
    font-size: 93%;
    border: dashed 1px #999; }

  /*=========================================================
	 ASIDE ======================================================
	==========================================================*/
  /* -----------------------aside */
  #aside {
    float: none;
    width: 100%; }

  #main-hbn #aside {
    margin: -60px 0 0;
    padding: 80px 0 0; }

  /* aside-info */
  #aside-info-wrap {
    width: 100%;
    margin: 0 0 15px;
    padding: 12px 0 0;
    background: #f0ebdb;
    background-position: 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info {
    width: 100%;
    padding: 0 0 12px;
    background: #f0ebdb;
    background-position: 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0; }

  #aside-info .access {
    width: 94%;
    height: auto;
    margin: 0 3% 10px; }

  #aside-info .access h3 {
    width: 100%;
    height: auto;
    margin: 0; }

  #aside-info .access h3 a,
  #aside-info .access h3 a:hover {
    display: block;
    width: 100%;
    height: 100px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_info_01.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info .stay {
    width: 94%;
    margin: 0 3% 10px; }

  #aside-info .stay h3 {
    width: 100%;
    height: auto;
    margin: 0; }

  #aside-info .stay h3 a,
  #aside-info .stay h3 a:hover {
    display: block;
    width: 100%;
    height: 90px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_info_02.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside #aside-info .stay ul {
    margin: 0;
    width: 100%; }

  #aside #aside-info .stay ul li {
    float: none;
    width: 100%; }

  #aside-info .stay a.kensaku,
  #aside-info .stay a.kensaku:hover {
    display: block;
    width: 100%;
    height: 50px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_info_03.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info .stay a.kakunin,
  #aside-info .stay a.kakunin:hover {
    display: block;
    width: 100%;
    height: 40px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_info_04.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info .order {
    width: 94%;
    height: auto;
    margin: 0 3% 10px;
    padding: 0;
    border: solid 1px #7b6b60;
    background: #fff; }

  #aside-info .order h3 {
    display: block;
    width: 100%;
    height: 60px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_info_05.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info .order li.hag-tel {
    display: block;
    width: 100%;
    height: 100px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_info_06_20200103.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info .order li.hag-tel a {
    display: block;
    width: 100%;
    height: 100px;
    text-indent: -9999em;
    overflow: hidden;
    background: none; }

  #aside-info .order li.ski-tel {
    display: block;
    width: 100%;
    height: 100px;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_info_07_20200103.png) no-repeat 0 top;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #aside-info .order li.ski-tel a {
    display: block;
    width: 100%;
    height: 100px;
    text-indent: -9999em;
    overflow: hidden;
    background: none; }

  #aside-info .order p {
    margin: 0;
    padding: 0; }

  #aside-info .order a.mail,
  #aside-info .order a.mail:hover {
    display: block;
    width: 100%;
    height: 40px;
    background: none;
    text-indent: -9999em;
    overflow: hidden;
    background: url(images/sp_aside_form.png) no-repeat 0 center;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  /* aside-bnn */
  #aside-bnn {
    margin: 0;
    padding: 0; }

  #aside-bnn a {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    vertical-align: bottom; }

  #aside-bnn img {
    margin: 0;
    padding: 0; }

  #aside-bnn ul {
    list-style: none;
    width: 100%;
    margin: 0; }

  #aside-bnn ul li {
    float: left;
    width: 48%;
    height: auto;
    margin: 10px 1% 0; }

  #aside-bnn a {
    display: block;
    width: 100%;
    height: auto; }

  #aside-bnn img {
    width: 100%;
    height: auto; }

  /* -----------------------home-news */
  #home-news-left {
    float: none;
    width: 96%;
    margin: 0 0 20px;
    padding: 0 2% 0; }

  #news-main {
    float: none;
    width: 100%; }

  #home-news-right {
    float: none;
    width: 100%; }

  #news-contents {
    float: none;
    position: relative;
    width: 100%;
    padding: 0 0 20px; }

  #news-contents h3 {
    position: static;
    left: 0;
    top: 0;
    margin: 0 auto;
    width: 96%;
    height: 40px;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  /* WINTER-SKI */
  #ski #news-contents h3 {
    width: 96%;
    height: 40px;
    background: url(images/ski_news_w_title.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #news-contents ul.ns-info,
  #ski #news-contents ul.ns-info {
    position: static;
    right: 0;
    top: 0;
    width: 100%;
    height: auto;
    list-style: none; }

  #news-contents ul.ns-info li {
    float: left; }

  #news-contents ul.ns-info li a {
    display: block;
    text-indent: 0;
    overflow: visible;
    text-align: center;
    height: auto;
    margin: 5px;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: solid 1px #fff; }

  #news-contents ul.ns-info li.go-news-list {
    width: 49%;
    height: auto; }

  #news-contents ul.ns-info li.go-blog {
    width: 49%;
    height: auto; }

  #news-contents ul.ns-info li.go-news-list a {
    background: none; }

  #news-contents ul.ns-info li.go-blog a {
    background: none; }

  #news-contents .dl-wrap {
    background: #f0ebdb;
    padding: 14px 0 0; }

  #news-contents dl {
    font-size: 100%;
    line-height: 1.5em;
    padding: 5px 16px 6px;
    background: #f0ebdb; }

  /* news-list-page*/
  #news-list #news-contents {
    padding: 0; }

  #news-list #news-contents dl {
    padding: 0;
    background: none;
    width: 100%; }

  #news-list #news-contents dl dd a:link {
    text-decoration: under-line;
    color: #009; }

  #news-list #news-contents dl dd a:visited {
    text-decoration: under-line;
    color: #939; }

  #news-list #news-contents dl dd a:hover {
    color: #c03;
    text-decoration: underline; }

  #news-contents dl dt {
    float: none;
    width: 7em; }

  #news-contents dl dd {
    margin: 0 0 0.5em;
    padding: 0.5em 0 0.5em 2em;
    border-bottom: dashed 1px #333; }

  #news-contents dl dd:last-child {
    border-bottom: none; }

  #news-contents dl dd a {
    display: block;
    text-decoration: none;
    color: #000; }

  .mark-new {
    margin: -0.1em 0.3em 0 0;
    padding: 2px 3px 1px;
    font-size: 77%;
    font-weight: bold;
    color: #fff;
    background-color: #c03; }

  /* facebook-likebox */
  h3.facebook-title {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    background: url(images/sp_facebook_title.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  #appi-facebook {
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: #fff;
    overflow: hidden; }

  div.fb-like-box {
    margin-left: 0; }

  .fb-like-box,
  .fb-like-box span,
  .fb-like-box iframe[style] {
    width: 100% !important; }

  #news-aside ul {
    list-style: none;
    width: 220px;
    margin: 0; }

  #news-aside ul li {
    width: 220px;
    height: 70px;
    margin: 15px 0 0; }

  /*=========================================================
	 FOOTER ====================================================
	==========================================================*/
  /* -----------------------footer */
  #footer {
    width: 100%;
    margin: 0 auto; }

  #footer-info {
    width: 100%;
    height: auto;
    margin: 30px 0; }

  #footer-info-2 {
    width: 100%;
    height: 46px;
    margin: 30px auto 6px;
    text-align: center; }

  #footer-info-2 h3 {
    width: 298px;
    height: 35px;
    margin: 0 auto;
    padding: 0 16px 0 0; }

  #footer-info-2 h3 a {
    display: block;
    width: 298px;
    height: 35px;
    background: url(images/pc_ft_logo.png) no-repeat 0 0;
    text-indent: -9999em;
    overflow: hidden; }

  #footer-info h3 {
    float: none;
    width: 98%;
    height: 55px;
    margin: 0 auto;
    padding: 0;
    border-right: none; }

  #footer-info h3 a {
    display: block;
    width: 100%;
    height: 55px;
    margin: 0 auto;
    padding: 0;
    background: url(images/sp_ft_logo.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    text-indent: -9999em;
    overflow: hidden; }

  #footer-info p {
    float: none;
    width: 98%;
    height: 90px;
    margin: 0 auto;
    padding: 0;
    background: url(images/sp_ft_telnum.png) no-repeat 0 0;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto; }

  #footer-info p a {
    display: block;
    width: 98%;
    height: 90px;
    text-indent: -9999em;
    overflow: hidden; }

  /* Footer-Link */
  #footer-link ul li {
    display: block;
    float: left;
    width: 33%; }

  #footer-link ul li a {
    display: block;
    padding: 1em 0.2em;
    font-size: 93%;
    text-decoration: none;
    color: #000;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc; }

  #footer-link ul li a:hover {
    color: #c00;
    background: #eee; }

  /* end-bnn */
  #footer-bnn {
    width: 100%;
    margin: 30px auto 0; }

  #footer-bnn a {
    display: block;
    float: left;
    width: 48%;
    height: auto;
    margin: 0 1% 10px; }

  #footer-bnn a:nth-child(2n) {
    margin: 0 1% 10px; }

  #footer-bnn a img {
    width: 100%;
    height: auto; }

  /* footer_mega_link */
  #footer-mega-link {
    width: 100%;
    margin: 20px auto 20px; }

  .f-m-link {
    float: none;
    width: 100%;
    margin: 0 18px 0 0; }

  .f-m-link.last {
    margin: 0; }

  #footer-mega-link h2 {
    font-size: 108%;
    color: #000; }

  #footer-mega-link h3 {
    font-size: 123.1%; }

  #footer-mega-link .activity h3 {
    border-top: solid 3px #66b5b6;
    background: url(images/pict_mini_act.png) no-repeat 0 center; }

  #footer-mega-link .stay h3 {
    border-top: solid 3px #7da7d1;
    background: url(images/pict_mini_sty.png) no-repeat 0 center; }

  #footer-mega-link .gourmet h3 {
    border-top: solid 3px #c47b93;
    background: url(images/pict_mini_grm.png) no-repeat 0 center; }

  #footer-mega-link .shopping h3 {
    border-top: solid 3px #cdcf4a;
    background: url(images/pict_mini_spg.png) no-repeat 0 center; }

  #footer-mega-link .heal h3 {
    border-top: solid 3px #7cbeee;
    background: url(images/pict_mini_hea.png) no-repeat 0 center; }

  #footer-mega-link .learn h3 {
    border-top: solid 3px #89bd74;
    background: url(images/pict_mini_lea.png) no-repeat 0 center; }

  #footer-mega-link .see h3 {
    border-top: solid 3px #e9ba30;
    background: url(images/pict_mini_see.png) no-repeat 0 center; }

  #footer-mega-link ul {
    margin: 0 0 30px;
    font-size: 93%; }

  #footer-mega-link ul li a {
    display: block;
    padding: 8px 0 8px 16px;
    text-decoration: none;
    color: #000;
    border-top: solid 1px #ccc; }

  #footer-mega-link .activity ul li a {
    background: url(images/ya_mini_act.png) no-repeat 4px 8px; }

  #footer-mega-link .stay ul li a {
    background: url(images/ya_mini_sty.png) no-repeat 4px 8px; }

  #footer-mega-link .gourmet ul li a {
    background: url(images/ya_mini_grm.png) no-repeat 4px 8px; }

  #footer-mega-link .shopping ul li a {
    background: url(images/ya_mini_spg.png) no-repeat 4px 8px; }

  #footer-mega-link .heal ul li a {
    background: url(images/ya_mini_hea.png) no-repeat 4px 8px; }

  #footer-mega-link .learn ul li a {
    background: url(images/ya_mini_lea.png) no-repeat 4px 8px; }

  #footer-mega-link .see ul li a {
    background: url(images/ya_mini_see.png) no-repeat 4px 8px; }

  #footer-mega-link ul li a:hover {
    color: #c00;
    background: #eee url(images/ya_mini_c00.png) no-repeat 4px 8px; }

  #footer-mega-link ul li ul {
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    color: #333;
    font-size: 100%;
    border-top: none; }

  #spFooter {
    background: #000;
    height: 50px;
    position: fixed;
    z-index: 501;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box; }
    #spFooter #sp-footing-menu {
      width: 100%;
      padding: 0;
      margin: 0; }
      #spFooter #sp-footing-menu ul {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50px;
        padding: 0;
        margin: 0; }
        #spFooter #sp-footing-menu ul li {
          width: 33.33%;
          height: 50px;
          padding: 0;
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          border-top: 1px solid #333;
          border-left: 1px solid #222;
          border-right: 1px solid #222; }
          #spFooter #sp-footing-menu ul li:nth-of-type(even) {
            border-left: 1px solid #333;
            border-right: 1px solid #333; }
          #spFooter #sp-footing-menu ul li a {
            display: block;
            color: #FFF;
            text-decoration: none;
            text-align: center; }
            #spFooter #sp-footing-menu ul li a i {
              display: block;
              font-size: 24px; }
            #spFooter #sp-footing-menu ul li a span {
              font-size: 10px;
              line-height: 10px;
              display: block;
              padding-top: 5px; }

  #spIconFooter {
    display: flex;
    background: #000;
    height: 50px;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 15%;
    box-sizing: border-box; }

  #spIconFooter p {
    text-align: center;
    line-height: 50px;
    width: 100%;
    font-size: 24px;
    padding: 0;
    margin: 0; }

  #spIconFooter p a {
    color: #FFF; }

  /* event */
  .c-d-event-title h1 {
    text-indent: -9999em;
    overflow: hidden;
    height: 1px;
    margin: 0;
    padding: 0; }

  .left-385 {
    float: left;
    width: 385px; }

  .right-275 {
    float: right;
    width: 275px; }

  .left-80 {
    float: left;
    width: 80px; }

  .right-300 {
    float: right;
    width: 300px; }

  .right-275 img {
    margin: 0 0 30px; }

  .head-line {
    border-top: solid 1px #666;
    padding: 15px 0 0; }

  /* golf-event */
  .c-d-golf-event-title h1 {
    text-indent: -9999em;
    overflow: hidden;
    height: 1px;
    margin: 0;
    padding: 0; }

  .left-370 {
    float: left;
    width: 370px; }

  .right-260 {
    float: right;
    width: 260px; }

  .right-260 img {
    margin: 0 0 30px; }

  /* WonderLandTiket */
  .section1-won h2 {
    margin-top: 30px;
    color: #08824E; }

  .section1-won ul {
    margin: 0 0 30px; }

  .section1-won ul li {
    background: url("images/pict_learn_maru.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    list-style: none outside none;
    padding: 0 0 0 1.2em; }

  .won-box {
    border: #CCC solid 1px;
    border-radius: 10px;
    margin: 15px 0;
    padding: 15px; }

  .section2-won h2 {
    font-weight: normal;
    margin: 30px 0 0;
    padding: 16px 0;
    font-size: 167%;
    border-bottom: 3px solid #EBE3C3; }

  h3.h3-activity, h3.h3-heal, h3.h3-see, h3.h3-learn, h3.h3-gourmet, h3.h3-shopping {
    font-weight: normal;
    margin: 10px 0 15px;
    padding: 16px 0 12px 48px;
    border: none;
    border-bottom: 1px solid #000000; }

  .section2-won h3.h3-activity {
    background: url("images/pict_mini_act.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  .section2-won h3.h3-heal {
    background: url("images/pict_mini_hea.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  .section2-won h3.h3-see {
    background: url("images/pict_mini_see.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  .section2-won h3.h3-learn {
    background: url("images/pict_mini_lea.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  .section2-won h3.h3-gourmet {
    background: url("images/pict_mini_grm.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  .section2-won h3.h3-shopping {
    background: url("images/pict_mini_spg.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  .section2-won h4.h4-activity, .section2-won h4.h4-heal, .section2-won h4.h4-see, .section2-won h4.h4-learn, .section2-won h4.h4-gourmet, .section2-won h4.h4-shopping {
    padding: 0 0 0 1.2em; }

  .section2-won h4.h4-activity {
    background: url("images/pict_activity_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

  .section2-won h4.h4-heal {
    background: url("images/pict_heal_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

  .section2-won h4.h4-see {
    background: url("images/pict_see_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

  .section2-won h4.h4-learn {
    background: url("images/pict_learn_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

  .section2-won h4.h4-gourmet {
    background: url("images/pict_gourmet_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

  .section2-won h4.h4-shopping {
    background: url("images/pict_shopping_maru.png") no-repeat scroll left center rgba(0, 0, 0, 0); }

  .section2-won table {
    width: 100%; }

  .section2-won table th {
    padding: 2px;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.4em;
    white-space: nowrap; }

  .section2-won table.tb-activity th {
    background: none repeat scroll 0 0 #66B5B6; }

  .section2-won table.tb-heal th {
    background: none repeat scroll 0 0 #76BCF2; }

  .section2-won table.tb-see th {
    background: none repeat scroll 0 0 #EABD1A; }

  .section2-won table.tb-learn th {
    background: none repeat scroll 0 0 #8BBB7A; }

  .section2-won table td {
    text-align: left;
    padding: 2px;
    line-height: 1.4em; }

  .section2-won table td.t-c {
    text-align: center; }

  .section2-won table td.t-r {
    text-align: right; }

  .section2-won table .mds {
    white-space: nowrap; }

  .section2-won table .time {
    width: 20%; }

  .section2-won table .cont {
    width: 24%; }

  .section2-won table .fee {
    width: 8%; }

  .section2-won table .tic {
    width: 7%; }

  .section2-won table .bkh {
    width: 18%; }

  .section2-won ul li {
    padding: 0 0 0 1.2em;
    background: url("images/pict_activity_maru.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0); }

  /* EnjoyCoupon */
  .section2-won table .enj-per {
    width: 18%; }

  .section2-won table .enj-time {
    width: 18%; }

  .section2-won table .enj-cont {
    width: 32%; }

  .section2-won table .enj-fee {
    width: 16%; }

  .section2-won table .enj-tic {
    width: 16%; }

  /* 201707_activity_INFO */
  .show_pc {
    display: none; }

  .show_sp {
    display: inline; }

  .section2-won table td {
    line-height: 1.6em;
    padding: 2px 1px; }

  .section2-won table td.list {
    width: 45%;
    padding: 0 0 0 5px; }

  .section2-won table td.list-2 {
    width: 22.5%;
    padding: 0 5px; }

  /* Bshoku-Resort */
  #bishoku_early_summer2014 #contents-data {
    width: 100%; }

  .txt-center {
    text-align: center; }

  p.bsk-mds {
    padding: 4px 0;
    background: #000;
    text-align: center;
    font-weight: bold;
    color: #fff; }

  .entry-content p.mg-bt-5 {
    margin-bottom: 5px; }

  .bsk-btn {
    margin: 20px 0 40px 96px; }

  .bsk-btn a {
    float: left;
    display: block;
    width: 131px;
    height: 90px; }

  .pd-t-54 {
    padding-top: 30px; }

  /* Tomica */
  p.p-hbn {
    margin: 5px 0; }

  p.bg-gray {
    margin: 0;
    padding: 10px 5px;
    background: #f3f3f3; }

  /* summer_vacation */
  .sv {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px dashed #666; }

  .entry-content .sv a {
    color: #000;
    text-decoration: none; }

  .sv h3 {
    font-size: 138.5%;
    margin-top: 0;
    padding: 8px 10px;
    background: #f0f6da;
    color: #333;
    border-left: solid 5px #65ab31; }

  .sv h3 span {
    padding: 0 1.5em 0 0;
    background: url(images/pict_ya_learn.png) no-repeat right center; }

  .sv p {
    margin: 0 0 7px; }

  .sv ul {
    margin: 0 0 7px; }

  .sv ul li {
    list-style: none;
    padding: 0; }

  .sv p.sv-link {
    margin: 0;
    padding: 1px 0 1px 1.5em;
    background: url(images/pict_ya_learn.png) no-repeat 0 center; }

  h3.h3-sv-activity,
  h3.h3-sv-gourmet,
  h3.h3-sv-see,
  h3.h3-sv-learn {
    font-weight: normal;
    font-size: 138.5%;
    margin: 10px 0 15px;
    padding: 16px 0 12px 48px;
    border: none;
    border-bottom: 2px solid #79c06e; }

  h3.h3-sv-activity {
    background: url("images/pict_mini_act.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  h3.h3-sv-gourmet {
    background: url("images/pict_mini_grm.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  h3.h3-sv-see {
    background: url("images/pict_mini_see.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  h3.h3-sv-learn {
    background: url("images/pict_mini_lea.png") no-repeat scroll 0 center rgba(0, 0, 0, 0); }

  /* Omotenashi */
  .omtn-bg {
    background: url(images/omtn_bdy.png) repeat-y left top;
    margin: 0;
    padding: 10px 0;
    text-align: center; }

  .omtn-bg-in-head {
    background: url(images/omtn_head.png) no-repeat left top;
    margin: 0;
    padding: 14px 0 0; }

  .omtn-bg-in-bottom {
    background: url(images/omtn_bottom.png) no-repeat left bottom;
    margin: 0;
    padding: 0 0 14px; }

  img.omtn_tt {
    margin: 17px auto 0; }

  img.omtn_hbn {
    margin: 16px auto 18px; }

  .omtn-all {
    width: 579px;
    margin: 0 auto; }

  .omtn-3 {
    float: left;
    margin: 0 25px; }

  .omtn-btn {
    text-align: center;
    margin: 0 0 10px; }

  .omtn-btn p {
    margin: 0; }

  /*=========================================================
	 WINTER ====================================================
	==========================================================*/
  /* -----------------------SKI-TOP */
  #cycloneslider-ski {
    z-index: -100; }

  /* -----------------------SKI-TOP----------SMH［SMH-Only］ */
  #ski .d-left.w223,
  #ski .d-left.w223.r-20 {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 5px; }

  .skitop_3a,
  .skitop_3b,
  .skitop_3c {
    float: none;
    width: 100%;
    border: none;
    text-align: center;
    border: solid 1px #ccc;
    margin: 0 auto 3px; }

  #contents .skitop_3a img,
  #contents .skitop_3b img,
  #contents .skitop_3c img {
    width: 70%;
    height: auto;
    margin: 5px; }

  .area_attention {
    width: 100%;
    text-align: center; }

  #contents .area_attention img {
    width: 90%;
    height: auto; }

  /* -----------------------Winter-ticket  */
  table.w-ticket-tbl {
    margin: 0 0 40px;
    width: 100%; }

  table.w-ticket-tbl th {
    border: solid 1px #c0c0c0;
    background: #efefef;
    padding: 0.5em 0.2em;
    line-height: 1.3em; }

  table.w-ticket-tbl td {
    border: solid 1px #c0c0c0;
    padding: 0.4em 0.5em;
    text-align: center; }

  table.w-ticket-tbl td.mds {
    text-align: left;
    background: #eaf4ff; }

  p.price-zkm {
    text-align: right;
    font-size: 93%; }

  table.w-ticket-tbl td.t50 {
    width: 50%; }

  table.w-ticket-tbl th.t20 {
    width: 20%; }

  table.w-ticket-tbl th.t30 {
    width: 30%; }

  /* -----------------------Winter-ticket［前売］  */
  table.w-ticket-tbl.small {
    font-size: 93%; }

  table.w-ticket-tbl.small th {
    padding: 0.3em 0.1em;
    line-height: 1.2em;
    font-size: 93%;
    font-weight: normal; }

  table.w-ticket-tbl.small td {
    padding: 0.3em 0.1em;
    line-height: 1.2em; }

  /* -----------------------base  */
  h2.w-h2-01 {
    font-size: 138.5%;
    color: #333;
    border-bottom: double 3px #1E90FF;
    padding: 0 0 0.5em; }

  h3.w-h3-01 {
    font-size: 123.1%;
    color: #4169E1;
    border-left: solid 3px #1E90FF;
    margin-top: 0;
    padding: 0.7em 0.7em; }

  h3.w-h3-01 div.w-h3-days {
    float: right;
    font-size: 80%;
    font-weight: normal;
    text-align: right;
    color: #000; }

  h3.w-h3-01 div.w-h3-days span {
    font-weight: bold;
    color: #333; }

  h3.w-h3-02 {
    padding: 0.2em;
    font-size: 108%;
    background: #4169E1;
    color: #fff; }

  p.tbl-info {
    margin: -25px 0 30px; }

  .attention {
    margin: 0 0 30px;
    padding: 1em;
    border: dashed 1px #c00; }

  .attention h4 {
    font-size: 108%; }

  .attention p {
    margin: 0; }

  /* -----------------------Hayawari  */
  .d-line {
    border: solid 1px #c0c0c0;
    margin: 0 0 20px; }

  .d-line h3 {
    margin: 0 0 7px;
    padding: 0.3em;
    font-size: 108%;
    background: #4169E1;
    color: #fff; }

  .d-line h3.red {
    background: #c03; }

  .d-line ul {
    margin: 0 2em 7px;
    padding: 0.3em; }

  .d-line p {
    margin: 0 1em 7px; }

  .d-line p.blue {
    color: #4169E1; }

  .blue {
    color: #4169E1; }

  .d-line h4 {
    margin: 14px 1em;
    font-size: 108%;
    color: #4169E1; }

  .bt-30 {
    margin: 0 0 30px; }

  /* -----------------------Tokuwari30&7  */
  table.tw30-tw-7 {
    width: 100%;
    border-top: double 3px #999;
    border-bottom: double 3px #999;
    font-size: 93%; }

  table.tw30-tw-7 td {
    text-align: center; }

  table.tw30-tw-7 td.bg-gray {
    background: #dcdcdc; }

  table.tw30-tw-7 td.mds.h-l-2 {
    font-weight: bold;
    background: #fff; }

  table.tw30-tw-7 td.h-l-2 {
    border-top: double 3px #999; }

  table.tw30-tw-7 td.tw30 {
    background: #FFF0F5; }

  table.tw30-tw-7 td.tw7 {
    background: #e0e0ff; }

  table.tw30-tw-7 td.mds.tw30 {
    color: #c03;
    font-weight: bold; }

  table.tw30-tw-7 td.mds.tw7 {
    color: #339;
    font-weight: bold; }

  /* _____________CourseGuide */
  #ski #contents-data img {
    width: 100%;
    height: auto; }

  #course_box {
    position: relative;
    width: 100%;
    height: 450px;
    margin: 0 auto 30px; }

  #course_box img {
    width: 100%;
    height: auto;
    margin: 0 auto 30px; }

  /*全サムネイルのコンテナー*/
  #c-action {
    position: absolute;
    width: 100%;
    left: 0;
    top: 250px;
    padding: 5px 0 5px 2px;
    background: #2969ad; }

  #c-action label {
    float: left;
    display: block;
    width: 48%;
    margin: 0.4%;
    padding: 0.5em 0;
    text-align: center;
    border: solid 1px #c0c0c0;
    background: #eee; }

  #c-action label {
    cursor: pointer; }

  #r0, #r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8 {
    display: none; }

  #photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }

  #r0:checked ~ #photo0,
  #r1:checked ~ #photo1,
  #r2:checked ~ #photo2,
  #r3:checked ~ #photo3,
  #r4:checked ~ #photo4,
  #r5:checked ~ #photo5,
  #r6:checked ~ #photo6,
  #r7:checked ~ #photo7,
  #r8:checked ~ #photo8 {
    opacity: 1; }

  /* lift-table */
  .tbl-93 {
    font-size: 93%; }

  .night {
    background: #e0e0ff; }

  h4.w-h4-01 {
    margin: 10px 0;
    font-size: 108%;
    color: #4169E1; }

  table.w-ticket-tbl td.t-left {
    text-align: left; }

  table.w-ticket-tbl.mds30 td.mds {
    width: 30%; }

  table.w-ticket-tbl td.border-bottom-none {
    border-bottom: none; }

  table.w-ticket-tbl td.border-top-none {
    border-top: none; }

  /* live-camera */
  #live_camera .entry-content h2.live-camera {
    padding: 3px 0 0;
    margin: 0 0 10px !important;
    background: url(images/heal_mds.png) no-repeat right 0; }

  #live_camera .entry-content h2.live-camera {
    display: block;
    margin: 3px 0 0;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
    background: url(images/heal_mds.png) no-repeat right bottom; }

  /*autumn-3-days */
  ul.autumn3 {
    display: none; }

  .smp-only {
    display: block; }

  .d-left {
    float: none; }

  .d-right {
    float: none; }

  .pc_only {
    display: none; }

  /*APPI WINTER MAGIC */
  .the34 .w236 {
    margin: 0 0 30px; }

  .the34 .w236 img {
    float: left;
    width: 49%;
    height: auto; }

  .the34 .w236 img.e_pict {
    clear: both;
    float: left;
    width: 39%;
    height: auto; }

  .the34 .w236 img.e_txt {
    margin: 25px 0 0;
    float: left;
    width: 59%;
    height: auto; }

  .the34 .w354 {
    text-align: center; }

  .the34 .w354 img {
    width: 70%;
    height: auto; }

  /* Gallery_CSS */
  .gallery {
    padding: 0; }

  .gallery br {
    display: none; }

  .gallery-item {
    float: left;
    margin: 10px 1% 0 !important;
    text-align: center;
    width: 31%; }

  .gallery-icon img {
    border: none;
    padding: 0; }

  .wp-caption-text.gallery-caption {
    margin: 5px;
    font-size: 85%; }

  .w95 {
    width: 100%; }

  .w110 {
    width: 100%; }

  .w128 {
    width: 100%; }

  .w147 {
    width: 100%; }

  .w160 {
    width: 100%; }

  .w170 {
    width: 100%; }

  .w178 {
    width: 100%; }

  .w195 {
    width: 100%; }

  .w200 {
    width: 100%; }

  .w214 {
    width: 100%; }

  .w220 {
    width: 100%; }

  .w223 {
    width: 100%; }

  .w230 {
    width: 100%; }

  .w236 {
    width: 100%; }

  .w238 {
    width: 100%; }

  .w240 {
    width: 100%; }

  .w244 {
    width: 100%; }

  .w250 {
    width: 100%; }

  .w270 {
    width: 100%; }

  .w280 {
    width: 100%; }

  .w290 {
    width: 100%; }

  .w300 {
    width: 100%; }

  .w320 {
    width: 100%; }

  .w330 {
    width: 100%; }

  .w340 {
    width: 100%; }

  .w346 {
    width: 100%; }

  .w350 {
    width: 100%; }

  .w354 {
    width: 100%; }

  .w360 {
    width: 100%; }

  .w370 {
    width: 100%; }

  .w380 {
    width: 100%; }

  .w410 {
    width: 100%; }

  .w420 {
    width: 100%; }

  .w430 {
    width: 100%; }

  .w440 {
    width: 100%; }

  .w447 {
    width: 100%; }

  .w450 {
    width: 100%; }

  .w460 {
    width: 100%; }

  .w472 {
    width: 100%; }

  .w490 {
    width: 100%; }

  .w500 {
    width: 100%; }

  .w580 {
    width: 100%; }

  .w600 {
    width: 100%; }

  .w710 {
    width: 100%; }

  .w960 {
    width: 100%; }

  .r-10 {
    margin-right: 0; }

  .r-19 {
    margin-right: 0; }

  .r-20 {
    margin-right: 0; }

  .r-25 {
    margin-right: 0; }

  .r-30 {
    margin-right: 0; }

  .r-40 {
    margin-right: 0; }

  .r-45 {
    margin-right: 0; }

  .r-50 {
    margin-right: 0; }

  .l-20 {
    margin-left: 0; }

  .l-25 {
    margin-left: 0; }

  .l-45 {
    margin-left: 0; }

  .l-50 {
    margin-left: 0; }

  .l-70 {
    margin-left: 0; }

  .t-30 {
    margin-top: 0; }

  /* 宿泊検索（本文） */
  .entry-content .stay-search {
    width: 100%; }

  .entry-content .stay-search h3 {
    width: 100%;
    margin: 0;
    padding: 7px 0; }

  .entry-content .stay-search-in {
    width: 100%;
    margin: 0 auto; }

  .entry-content .stay-search-submit {
    width: 100%;
    margin: 0;
    padding: 7px 0; }

  /* 宿泊検索（サイド） */
  #aside-info .stay h3 {
    height: 62px;
    margin: 0 0 10px; }

  #aside-info .stay .order-num .d-left {
    padding: 5px 0 0; } }

/* combined style_add.css */
/* NEWS用ボタン */
.btn-news * {
    box-sizing: border-box;
}
.btn-news {
    background-color: #CD0302;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 260px;
    width: 100%;
    height: 60px;
    margin: 68px 0 20px 0;
    cursor: pointer;
    position: relative;
    transition: all .3s;
}
.btn-news.half {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.btn-news a {
    text-decoration: none;
    letter-spacing: 0.1em;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    padding: 0;
}

.btn-news a::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 20px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-news a:hover::after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

@media only screen and (max-width: 639px) {
    .btn-news {
        margin: 50px 0 20px;
        text-align: center;
        height: 50px;
    }
    .btn-news.half {
        width: 100%;
    }

    .btn-news a {
        position: relative;
        display: block;
        font-weight: bold;
        text-align: center;
    }
}

.only-pc {
    display: block;
}
.only-pc--inline {
    display: inline;
}
.only-pc--inline-block {
    display: inline-block;
}
.only-pc--flex {
    display: flex;
}

.only-sp {
    display: none;
}
.only-sp--inline {
    display: none;
}
.only-sp--inline-block {
    display: none;
}
.only-sp--flex {
    display: none;
}
img[data-width-pc],
img[data-width-sp] {
    max-width: 0;
}

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

    .only-pc {
        display: none;
    }
    .only-pc--inline {
        display: none;
    }
    .only-pc--inline-block {
        display: none;
    }
    .only-pc--flex {
        display: none;
    }

    .only-sp {
        display: block;
    }
    .only-sp--inline {
        display: inline;
    }
    .only-sp--inline-block {
        display: inline-block;
    }
    .only-sp--flex {
        display: flex;
    }
}
/* combined reserve_220227.css?20221130 */
/***-----------------------------------
style.cssの上書き
-----------------------------------***/
#gnavLanguage {
    display: none;
  }
  #gnavIconButton {
    display: none;
  }
  header#pageHeader {
    display: none;
  }
  #gnavHeader {
    background: #fff;
    max-width: 100%;
    min-height: 48px;
    margin: 4px auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10000;
  }
  #gnavHeader #navId {
    display: none;
    position: absolute;
    left: 0;
    min-height: 36px;
    padding: 6px 8px;
  }
  #gnavHeader #navId img {
    width: auto;
    min-height: 36px;
  }
  #gnavHeader.movenav {
    background: #f8f8f8;
  }
  /*#gnavHeader.movenav #navId {
    display: block;
  }*/
  #gnavHeader.movenav .menu {
    width: 1040px;
    font-size: 13px;
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
  }
  #gnavHeader.movenav .menu li {
    margin: 0;
    padding: 0;
  }
  #gnavHeader.movenav .menu li:nth-last-child(1) {
    display: block;
    width: 100%;
    max-width: 192px;
    min-height: 48px;
  }
  #gnavHeader.movenav .menu li:nth-last-child(1) > a {
    padding: 0;
    border-radius: 0;
    background: #0068B7;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #gnavHeader.movenav .menu li:nth-last-child(1) > a:hover {
    opacity: 1.00;
    background: #333;
  }
  /*#gnavHeader .menu {
    width: 1024px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
  }*/
  #gnavHeader .menu li {
    line-height: 48px;
  }
  #gnavHeader .menu li:nth-last-child(1) {
    display: none;
  }
  #gnavHeader .menu li a {
    padding: 3px 10px;
    border-radius: 10px;
    position: relative; /*アンダーラインの位置を決めるための基準 */
  }
  #gnavHeader .menu li a:hover {
    background: none;
  }
  #gnavHeader .menu li a::after {
    content: "";
    background: #0068B7;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -13px;
    left: 0;
    transform: scale(0, 1);
    transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
    transition: transform 0.3s; /*変形の時間*/
  }
  #gnavHeader.movenav .menu li:nth-last-child(1) > a::after {
    display: none;
  }
  #gnavHeader .menu li a:hover::after {
    transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
  }
  @media only screen and (max-width: 1280px) {
    #gnavHeader #navId {
      display: none;
    }
    #gnavHeader #navId img {
      min-height: 30px;
      width: auto;
    }
    #gnavHeader.movenav #navId {
      display: none;
    }
    #gnavHeader.movenav .menu {
      width: 100%;
      font-size: 13px;
      position: static;
      margin: 0 auto;
      white-space: nowrap;
    }
  }
  @media only screen and (max-width: 640px) {
    #spSiteMenuButton {
      background: #fff;
      width: 72px;
      height: 56px;
      font-size: 9vmin;
      padding: 0;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 100001;
    }
    #spSiteMenuButton i {
      display: none;
    }
    #spSiteMenuButton span {
      display: block;
      position: absolute;
      width: 48px;
      border-bottom: 2px solid #151515;
      transition: 0.2s ease-out;
    }
    #spSiteMenuButton span:nth-child(1) {
      top: 20px;
      left: 12px;
    }
    #spSiteMenuButton span:nth-child(2) {
      top: 27px;
      left: 12px;
    }
    #spSiteMenuButton span:nth-child(3) {
      top: 34px;
      left: 12px;
    }
    header#spPageHeader #spNavIconButton ul li {
      padding: 0;
    }
    header#spPageHeader #spNavLanguage ul li {
      width: 25%;
    }
    header#spPageHeader #siteId {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 50px;
      margin-bottom: 6px;
    }
    header#spPageHeader #siteId img {
      width: auto;
      height: 30px;
      vertical-align: bottom;
      margin-top: 3px;
      margin-left: 14px;
    }
    .sp-hotel-menu {
      display: none;
    }
    #spFooter {
      display: none;
    }
  }
  /*.talkappibot, #talkappi-chat-icon {
    display: none;
  }*/
  /***-----------------------------------
  iOSでのデフォルトスタイルをリセット
  -----------------------------------***/
  .reserve__body input, .reserve__body select, .reserve__body button, .nav__body input, .nav__body select, .nav__body button, .ic_fix_modal button, .ic_fixed_sp button {
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    /*border: 1px solid #bbb;*/
    border: none;
    border-radius: 0px;
    color: #151515;
    cursor: pointer;
  }
  /***-----------------------------------
  pc, sp切り替え
  -----------------------------------***/
  .reserve__area .pc, .system__area .pc, .change__area .pc, .change__area--pp .pc, .header__nav__area .pc, .side__nav__area .pc, .footer__nav__area .pc, .nav__area .pc {
    display: none !important;
  }
  @media (min-width: 640px) {
    .reserve__area .pc, .system__area .pc, .change__area .pc, .change__area--pp .pc, .header__nav__area .pc, .side__nav__area .pc, .footer__nav__area .pc, .nav__area .pc {
      display: block !important;
    }
  }
  .reserve__area .sp, .system__area .sp, .change__area .sp, .change__area--pp .sp, .header__nav__area .sp, .side__nav__area .sp, .footer__nav__area .sp, .nav__area .sp {
    display: block !important;
  }
  @media (min-width: 640px) {
    .reserve__area .sp, .system__area .sp, .change__area .sp, .change__area--pp .sp, .header__nav__area .sp, .side__nav__area .sp, .footer__nav__area .sp, .nav__area .sp {
      display: none !important;
    }
  }
  /***-----------------------------------
  header__Navi
  -----------------------------------***/
  #header__Navi {
    display: none;
  }
  @media (min-width: 641px) {
    #header__Navi {
      display: block;
      position: relative;
      z-index: 100000;
    }
    #header__Navi > ul {
      list-style: none;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
    #header__Navi > ul > li {
      width: 100%;
      max-width: 117px;
      border-right: 1px solid #ddd;
    }
    #header__Navi > ul > li:first-child {
      width: 100%;
      max-width: 152px;
      border: none;
      padding: 0 12px;
      margin-right: auto;
    }
    #header__Navi > ul > li:nth-child(2) {
      border-left: 1px solid #ddd;
    }
    #header__Navi > ul > li:nth-last-child(1) {
      max-width: 256px;
      border: none;
    }
    #header__Navi > ul > li:first-child h1 a {
      display: block;
    }
    #header__Navi > ul > li:first-child h1 a img {
      width: 100%;
      max-width: 152px;
      vertical-align: bottom;
    }
    #header__Navi > ul > li > a {
      text-decoration: none;
      display: block;
      width: 100%;
      height: 56px;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      color: #555;
      padding: 6px 0;
      box-sizing: border-box;
    }
    #header__Navi > ul > li > a:hover {
      transition: 0.2s ease-out;
      opacity: 0.80;
    }
    #header__Navi > ul > li:nth-last-child(1) > a {
      background: #0068B7;
      height: 64px;
      font-size: 16px;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    #header__Navi > ul > li:nth-last-child(1) > a::after {
      content: "";
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      width: 8px;
      height: 8px;
      position: absolute;
      top: 50%;
      right: 24px;
      transform: translate(0, -50%) rotate(45deg);
    }
    #header__Navi > ul > li:nth-last-child(1) > a:hover {
      opacity: 1.00;
      background: #333;
    }
    #header__Navi > ul > li > a > span {
      display: block;
      padding-bottom: 2px;
    }
    #header__Navi > ul > li > a > span > img {
      width: 100%;
      height: 28px;
      vertical-align: bottom;
    }
    #header__Navi > ul > li.mega {
      position: relative;
    }
    #header__Navi > ul > li.mega > span {
      display: block;
      width: 100%;
      max-width: 117px;
      height: 56px;
      font-size: 12px;
      font-weight: bold;
      text-align: center;
      color: #555;
      padding: 6px 0;
      box-sizing: border-box;
      cursor: pointer;
      position: relative;
    }
    #header__Navi > ul > li.mega > span::after {
      content: "";
      border-bottom: 2px solid #555;
      border-right: 2px solid #555;
      width: 6px;
      height: 6px;
      position: absolute;
      bottom: 10px;
      right: 16px;
      transform: rotate(45deg);
    }
    #header__Navi > ul > li.mega.active > span::after {
      bottom: 6px;
      transform: rotate(-135deg);
    }
    #header__Navi > ul > li.mega > span:hover {
      transition: 0.2s ease-out;
      opacity: 0.80;
    }
    #header__Navi > ul > li.mega > span > span {
      display: block;
    }
    #header__Navi > ul > li.mega > span > span > img {
      width: 100%;
      height: 28px;
      vertical-align: bottom;
    }
    #header__Navi > ul > li .cont {
      display: none;
      background: #fff;
      width: 100%;
      position: absolute;
      top: 56px;
      left: 0;
    }
    #header__Navi > ul > li .cont > a {
      text-decoration: none;
      display: block;
      background: #fff;
      width: 100%;
      font-size: 10px;
      font-weight: bold;
      color: #151515;
      padding: 8px;
      box-sizing: border-box;
    }
    #header__Navi > ul > li .cont > a:hover {
      transition: 0.2s ease-out;
      background: #f8f8f8;
    }
  }
  /***-----------------------------------
  spNavIconBlock
  -----------------------------------***/
  /*header#spPageHeader #spNavIconBlock {
    transform: translateX(0%);
  }*/
  header#spPageHeader #spNavIconButton ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 8px;
    line-height: 150%;
    font-weight: bold;
    color: #151515;
  }
  header#spPageHeader #spNavIconButton ul li a img {
    height: 28px;
    margin: 12px auto 6px;
  }
  header#spPageHeader #spNavIconButton ul li#spNavIconLang > span {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 8px;
    line-height: 150%;
    font-weight: bold;
    color: #151515;
    cursor: pointer;
  }
  header#spPageHeader #spNavIconButton ul li#spNavIconLang > span > img {
    height: 28px;
    margin: 12px auto 6px;
  }
  header#spPageHeader #spNavIconButton ul li#spNavIconLang > span > span {
    margin-right: 14px;
    position: relative;
  }
  header#spPageHeader #spNavIconButton ul li#spNavIconLang > span > span::after {
    content: "";
    border-bottom: 2px solid #151515;
    border-right: 2px solid #151515;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -70%) rotate(45deg);
  }
  header#spPageHeader #spNavIconButton ul li#spNavIconLang.open > span > span::after {
    transform: translate(0, -30%) rotate(-135deg);
  }
  @media screen and (min-width: 390px) {
    header#spPageHeader #spNavIconButton ul li#spNavIconLang > span > span::after {
      width: 5px;
      height: 5px;
    }
  }
  /***-----------------------------------
  reserve__area
  -----------------------------------***/
  .reserve__area {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    color: #151515;
  }
  @media screen and (min-width: 640px) {
    .reserve__area {}
  }
  .reserve__system {
    padding: 32px 32px 24px;
  }
  @media screen and (min-width: 640px) {
    .reserve__system {
      padding: 32px 60px 48px;
    }
  }
  .reserve__system__btn {
    background: #0068B7;
    width: 100%;
    max-width: 500px;
    padding: 12px 0;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
  }
  .reserve__system__btn:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  @media screen and (min-width: 640px) {
    .reserve__system__btn {
      padding: 16px 0;
      font-size: 14px;
    }
  }
  .reserve__system__btn::before {
    content: "";
    background: #0068B7;
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
  }
  .reserve__system__btn::after {
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .reserve__ttl {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  @media screen and (min-width: 640px) {
    .reserve__ttl {
      font-size: 32px;
      font-weight: bold;
      text-align: center;
    }
  }
  .reserve__ttl span {
    display: block;
    font-size: 12px;
    color: #0068B7;
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  @media screen and (min-width: 640px) {
    .reserve__ttl span {
      font-size: 16px;
      color: #0068B7;
    }
  }
  .reserve {
    margin-top: 8px;
  }
  @media screen and (min-width: 640px) {
    .reserve {
      margin-top: 24px;
    }
  }
  .reserve .reserve__head {
    border-bottom: 1px solid #bbb;
  }
  .reserve .reserve__head ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    position: relative;
    top: 1px;
  }
  .reserve .reserve__head .reserve__head__item {
    background: #f8f8f8;
    border: 1px solid #bbb;
    width: 100%;
    /*max-width: 264px;*/
    max-width: 528px;
    min-height: 56px;
    font-size: 12px;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__head .reserve__head__item {
      font-size: 14px;
    }
  }
  .reserve .reserve__head .reserve__head__item:nth-child(-n+1) {
    border-right: none;
  }
  /*.reserve .reserve__head .reserve__head__item:nth-child(-n+2) {
    border-right: none;
  }
  .reserve .reserve__head .reserve__head__item:nth-child(-n+3) {
    border-right: none;
  }*/
  .reserve .reserve__head .reserve__head__item--current {
    background: #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    color: #0068B7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__head .reserve__head__item--current {
      font-size: 18px;
    }
  }
  .reserve .reserve__head .reserve__head__item span {
    display: none;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__head .reserve__head__item span {
      display: block;
    }
  }
  @media screen and (max-width: 320px) {
    .reserve .reserve__head .reserve__head__item {
      font-size: 10px;
    }
    .reserve .reserve__head .reserve__head__item--current {
      font-size: 12px;
    }
  }
  .reserve .reserve__body {
    padding: 32px;
  }
  .reserve .reserve__body--pp {
    padding: 0 32px 32px;
  }
  /*
  @media screen and (min-width: 640px) {
    .reserve .reserve__body {
      max-width: 1024px;
      padding: 32px 180px;
        margin: 0 auto;
    }
  }
  */
  @media screen and (min-width: 640px) {
    .reserve .reserve__body {
      padding: 8px 0;
      margin: 0 auto;
    }
  }
  .reserve .reserve__body a.reserve__att--red {
    display: block;
    background: #f8f8f8;
    border-radius: 4px;
    width: 100%;
    max-width: 1024px;
    font-size: 12px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #f00;
    padding: 24px 20px;
    box-sizing: border-box;
    margin: 0 auto 32px;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body a.reserve__att--red {
      font-size: 14px;
      padding: 24px 0;
      margin: 0 auto 8px;
    }
  }
  .reserve .reserve__body p.reserve__att--blue {
    font-size: 16px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #0068B7;
    margin: 32px auto;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body p.reserve__att--blue {
      font-size: 16px;
      line-height: 150%;
      font-weight: bold;
      text-align: center;
      color: #0068B7;
      margin: 32px auto;
    }
  }
  .reserve .reserve__body p.reserve__att--black {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body p.reserve__att--black {
      text-align: center;
    }
  }
  @media screen and (min-width: 1150px) {
    .reserve .reserve__body .reserve__body__wrap {
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap .inner {
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--hotel {
    position: relative;
  }
  .reserve .reserve__body .reserve__body__wrap__item--hotel::after {
    content: "";
    border-bottom: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -70%) rotate(45deg);
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item--hotel::after {
      width: 8px;
      height: 8px;
      transform: translate(0, -80%) rotate(45deg);
    }
  }
  @media screen and (min-width: 1150px) {
    .reserve .reserve__body .reserve__body__wrap__item--hotel {
      margin-right: 48px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.hotel {
    border-bottom: 2px solid #0068B7;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
    color: #0068B7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.hotel {
      font-size: 12px;
      padding: 16px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item select.hotel {
      width: 380px;
      font-size: 14px;
      padding: 24px 0;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item h3 {
    font-size: 15px;
    font-weight: normal;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item h3 {
      max-width: 280px;
      margin: 8px auto 6px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item h3 {
      max-width: none;
    }
  }
  @media screen and (min-width: 1150px) {
    .reserve .reserve__body .reserve__body__wrap__item h3 {
      margin-top: 0;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select#dt_yyyymm {
    border-bottom: 2px solid #bbb;
    width: 144px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select#dt_yyyymm {
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select#dt_dd {
    border-bottom: 2px solid #bbb;
    width: 72px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select#dt_dd {
      padding: 16px;
      margin-left: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.mei {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.mei {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.haku {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.haku {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.heya {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.heya {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.obj_year {
    border-bottom: 2px solid #bbb;
    width: 88px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.obj_year {
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.obj_month {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.obj_month {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.obj_day {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.obj_day {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item input[type=checkbox] {
    display: none;
  }
  .reserve .reserve__body .reserve__body__wrap__item label.obj_no_date {
    display: inline-block;
    font-size: 16px;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
  }
  .reserve .reserve__body .reserve__body__wrap__item label.obj_no_date::before {
    content: "";
    display: block;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 0;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -2px;
  }
  .reserve .reserve__body .reserve__body__wrap__item label.obj_no_date::after {
    content: '';
    display: block;
    border-bottom: 3px solid #0068B7;
    border-right: 6px solid #0068B7;
    width: 8px;
    height: 16px;
    position: absolute;
    top: -2px;
    left: 5px;
    transform: rotate(45deg);
    opacity: 0;
  }
  .reserve .reserve__body .reserve__body__wrap__item input[type=checkbox]:checked + .obj_no_date::after {
    opacity: 1;
  }
  .reserve .reserve__body .reserve__body__wrap__item select.obj_per_num {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.obj_per_num {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.obj_stay_num {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.obj_stay_num {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.obj_room_num {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item select.obj_room_num {
      width: 56px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item label {
    font-size: 16px;
    margin-left: 4px;
    white-space: nowrap;
    cursor: pointer;
  }
  .reserve .reserve__body .reserve__body__wrap__item .col {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item .col {
      margin-bottom: 0;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item .col--date {
      margin-right: 32px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item .col--ymd {
      margin-right: 32px;
      margin-bottom: 24px;
    }
  }
  @media screen and (min-width: 1150px) {
    .reserve .reserve__body .reserve__body__wrap__item .col--ymd {
      margin-bottom: 0;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item .col--check {
      margin-bottom: 42px;
      margin-right: 0;
    }
  }
  @media screen and (min-width: 1150px) {
    .reserve .reserve__body .reserve__body__wrap__item .col--check {
      margin-bottom: 18px;
      margin-right: 32px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--airport {
    margin-top: 16px;
    position: relative;
  }
  .reserve .reserve__body .reserve__body__wrap__item--airport::after {
    content: "";
    border-bottom: 2px solid #151515;
    border-right: 2px solid #151515;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -70%) rotate(45deg);
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item--airport::after {
      width: 8px;
      height: 8px;
      transform: translate(0, -80%) rotate(45deg);
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--airport {
      margin-right: 24px;
    }
    .reserve .reserve__body .reserve__body__wrap__item--airport:nth-last-child(1) {
      margin-right: 0;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.airport-start {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #151515;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item select.airport-start {
      width: 272px;
      padding: 24px 0;
      font-size: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item select.airport-end {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #151515;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item select.airport-end {
      width: 272px;
      padding: 24px 0;
      font-size: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--check {
    margin-top: 24px;
  }
  .reserve .reserve__body .reserve__body__wrap__item--check .inner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .reserve .reserve__body .reserve__body__wrap__item--check label {
    font-size: 13px;
    cursor: pointer;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--check label {
      font-size: 15px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--check .check-in {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--check .check-in {
      width: auto;
      margin-right: 28px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--check .check-in::after {
    content: url(https://www.appi.co.jp/wp-content/themes/appi-v2/images/calendar-week.svg);
    position: absolute;
    top: 50%;
    right: 4px;
    pointer-events: none;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item--check .check-in::after {
      right: 16px;
      transform: translateY(-50%);
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--check input.rcheck-in {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 12px 0 12px 4px;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: 8px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item--check input.rcheck-in {
      padding: 16px 0 16px 16px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--check input.rcheck-in {
      max-width: 164px;
      margin-top: 0;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--check .check-out {
    width: calc((100% - 20px) / 2);
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--check .check-out {
      width: auto;
      margin-right: 28px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--check .check-out::after {
    content: url(https://www.appi.co.jp/wp-content/themes/appi-v2/images/calendar-week.svg);
    position: absolute;
    top: 50%;
    right: 4px;
    pointer-events: none;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item--check .check-out::after {
      right: 16px;
      transform: translateY(-50%);
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--check input.rcheck-out {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 12px 0 12px 4px;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: 8px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item--check input.rcheck-out {
      padding: 16px 0 16px 16px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--check input.rcheck-out {
      max-width: 164px;
      margin-top: 0;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--member {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 32px;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--member {
      margin-bottom: 0;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--member label {
    font-size: 15px;
    cursor: pointer;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .reserve__body__wrap__item--member label {
      font-size: 15px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--member select.member {
    border-bottom: 2px solid #bbb;
    width: 44px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .reserve__body__wrap__item--member select.member {
      width: 48px;
      padding: 16px;
    }
  }
  .reserve .reserve__body .reserve__body__wrap__item--member span.mei {
    font-size: 15px;
    margin-left: 4px;
  }
  .reserve .reserve__body .button {
    width: 100%;
    max-width: 392px;
    margin: 24px auto;
    position: relative;
  }
  .reserve .reserve__body .button:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .button {
      margin: 26px auto 24px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .button {
      margin: 32px auto 16px;
    }
  }
  .reserve .reserve__body--pp .button {
    max-width: 588px;
    margin-bottom: 0;
  }
  .reserve .reserve__body .button input.rsvbtn {
    background: #0068B7;
    border: none;
    width: 100%;
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    cursor: pointer;
  }
  .reserve .reserve__body .button input.rsvbtn:disabled {
    background: #ccc;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .button input.rsvbtn {
      padding: 20px 0;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .button input.rsvbtn {
      font-size: 18px;
    }
  }
  .reserve .reserve__body .button a.rsvbtn--pp {
    text-decoration: none;
    background: #0068B7;
    border: none;
    width: 100%;
    padding: 16px 0;
    font-size: 16px;
    line-height: 120%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    cursor: pointer;
  }
  .reserve .reserve__body .button a.rsvbtn--pp:disabled {
    background: #ccc;
  }
  .reserve .reserve__body .button a.rsvbtn--pp span {
    display: block;
    font-size: 10px;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body .button a.rsvbtn--pp {
      padding: 12px 0 8px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body .button a.rsvbtn--pp {
      font-size: 18px;
    }
    .reserve .reserve__body .button a.rsvbtn--pp span {
      font-size: 12px;
    }
  }
  @media screen and (max-width: 320px) {
    .reserve .reserve__body .button a.rsvbtn--pp {
      font-size: 14px;
    }
    .reserve .reserve__body .button a.rsvbtn--pp span {
      font-size: 8px;
    }
  }
  .reserve .reserve__body .button::after {
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%) rotate(45deg);
  }
  @media screen and (max-width: 320px) {
    .reserve .reserve__body .button::after {
      right: 12px;
    }
  }
  .reserve .reserve__body .button-pp::after {
    transform: translate(0, -50%) rotate(135deg);
    top: 45%;
  }
  .reserve .reserve__body .button-pp.active::after {
    transform: translate(0, -50%) rotate(-45deg);
    top: 55%;
  }
  .reserve .reserve__body--pp ul {
    display: none;
    width: 100%;
    max-width: 588px;
    margin: 0 auto;
  }
  .reserve .reserve__body--pp .reserve__btn {
    margin: 24px auto 0;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body--pp .reserve__btn {
      margin: 16px auto 0;
    }
  }
  .reserve .reserve__body--pp ul li {
    position: relative;
  }
  .reserve .reserve__body--pp ul li:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  .reserve .reserve__body--pp ul li::after {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%) rotate(45deg);
  }
  @media screen and (max-width: 320px) {
    .reserve .reserve__body--pp ul li::after {
      right: 12px;
    }
  }
  .reserve .reserve__body--pp ul li a {
    text-decoration: none;
    display: block;
    background: #f8f8f8;
    border-bottom: 1px solid #bbb;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #0068B7;
    padding: 12px 0 12px 12px;
    box-sizing: border-box;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body--pp ul li a {
      font-size: 14px;
      padding: 16px 0 16px 16px;
    }
  }
  .reserve .reserve__body--pp ul li a.is-new {
    padding-left: 56px;
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body--pp ul li a.is-new {
      padding-left: 72px;
    }
  }
  .reserve .reserve__body--pp ul li a.is-new::before {
    content: "NEW";
    background: #fff;
    border: 1px solid #C62F17;
    border-radius: 2px;
    width: 36px;
    height: 24px;
    padding: 1px 0 0;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #C62F17;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body--pp ul li a.is-new::before {
      left: 24px;
    }
  }
  .reserve .reserve__body button {
    background: #0068B7;
    border: none;
    width: 100%;
    max-width: 392px;
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    margin: 24px auto;
    cursor: pointer;
    position: relative;
  }
  .reserve .reserve__body button:disabled {
    background: #ccc;
  }
  .reserve .reserve__body button:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  @media screen and (min-width: 390px) {
    .reserve .reserve__body button {
      padding: 20px 0;
      margin: 26px auto 24px;
    }
  }
  @media screen and (min-width: 640px) {
    .reserve .reserve__body button {
      font-size: 18px;
      margin: 32px auto 16px;
    }
  }
  .reserve .reserve__body button::after {
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .reserve .reserve__body .reserve__btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .reserve .reserve__body .reserve__btn a:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  .reserve .reserve__body .reserve__btn a.confirm {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
  }
  .reserve .reserve__body .reserve__btn a.confirm::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .reserve .reserve__body .reserve__btn a.confirm--pp {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
  }
  .reserve .reserve__body .reserve__btn a.confirm--pp::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .reserve .reserve__body .reserve__btn a.change {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
    margin-right: 32px;
  }
  .reserve .reserve__body .reserve__btn a.change::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .reserve .reserve__body .reserve__btn a.cancel {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
  }
  .reserve .reserve__body .reserve__btn a.cancel::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .reserve .reserve__body p.old-reservation-system {
    text-align: center;
    margin-top: 32px;
  }
  /***-----------------------------------
  reserve__glamping
  -----------------------------------***/
  .reserve__glamping {
    width: 100%;
    max-width: 908px;
    margin: 0 auto;
    text-align: center;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping {
      margin: 32px auto;
    }
  }
  .reserve__glamping .reserve__glamping-wrap {
    border: 1px solid #BBBBBB;
    border-radius: 6px;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-wrap {
      padding: 0;
      border: none;
    }
  }
  .reserve__glamping .reserve__glamping-wrap a {
    position: relative;
    display: block;
    padding: 24px 16px;
    color: #000;
    text-decoration: none;
    transition: opacity .25s ease;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-wrap {
      padding: 0;
      pointer-events: none;
    }
  }
  .reserve__glamping .reserve__glamping-wrap a:hover {
    opacity: .7;
  }
  .reserve__glamping .reserve__glamping-wrap a::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin: 16px auto 0;
    background: url('data:image/svg+xml;charset=UTF-8,<svg id="caret-right-square" xmlns="http://www.w3.org/2000/svg" width="23.999" height="23.999" viewBox="0 0 23.999 23.999"><path id="パス_1" data-name="パス 1" d="M21,1.5A1.5,1.5,0,0,1,22.5,3V21A1.5,1.5,0,0,1,21,22.5H3A1.5,1.5,0,0,1,1.5,21V3A1.5,1.5,0,0,1,3,1.5ZM3,0A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3Z" fill="%230068b7"/><path id="パス_2" data-name="パス 2" d="M5.942,16.933A.75.75,0,0,1,5.5,16.25v-12a.75.75,0,0,1,1.248-.561l6.75,6a.75.75,0,0,1,0,1.122l-6.75,6a.75.75,0,0,1-.805.123Z" transform="translate(2.75 1.75)" fill="%230068b7"/></svg>');
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-wrap a::after {
      content: none;
    }
  }
  .reserve__glamping .reserve__glamping-ttl {
    display: inline-block;
    margin: 0 0 24px 0;
    padding: 6px 32px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    background-color: #0068B7;
    border-radius: 22px;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-ttl {
      margin: 0 0 14px 0;
      padding: 3px 32px;
      font-size: 14px;
      line-height: 24px;
      border-radius: 15px;
    }
  }
  .reserve__glamping .reserve__glamping-tel {
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    text-align: center;
  }
  .reserve__glamping .reserve__glamping-tel svg {
    width: 28px;
    height: auto;
    margin-right: 6px;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-tel svg {
      width: 32px;
      margin-right: 8px;
    }
  }
  .reserve__glamping .reserve__glamping-tel span {
    font-size: 36px;
    font-weight: bold;
    line-height: 29px;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-tel span {
      font-size: 40px;
      line-height: 56px;
    }
  }
  .reserve__glamping .reserve__glamping-tel small {
    font-size: 16px;
    line-height: 33px;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-tel small {
      font-size: 20px;
      line-height: 56px;
    }
  }
  .reserve__glamping .reserve__glamping-btn {
    width: 100%;
    max-width: 284px;
    margin: 32px auto 0;
  }
  @media screen and (min-width: 640px) {
    .reserve__glamping .reserve__glamping-btn {
      max-width: 392px;
      margin: 10px auto 0;
    }
  }
  .reserve__glamping .reserve__glamping-btn a {
    position: relative;
    display: block;
    padding: 14px 32px;
    background-color: #0068B7;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .32);
    transition: all .25s ease;
  }
  .reserve__glamping .reserve__glamping-btn a::after {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
  }
  .reserve__glamping .reserve__glamping-btn a:hover {
    background-color: #000;
  }
  /***-----------------------------------
  system__area
  -----------------------------------***/
  .system__area {
    background: rgba(0, 0, 0, 0.32);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    color: #151515;
    display: none;
  }
  .system__area .system__container {
    width: 100%;
    height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
  }
  .system__area .system__wrap {
    background: #fff;
    border: 2px solid #0068B7;
    border-radius: 8px;
    width: 100%;
    max-width: 680px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 36px 12px 12px;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .system__area .system__wrap {
      padding: 48px 20px 20px;
    }
  }
  .system__area .system__wrap .system__toggle {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .system__area .system__wrap .system__toggle span:nth-child(1) {
    background: #0068B7;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .system__area .system__wrap .system__toggle span:nth-child(2) {
    background: #0068B7;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  .system__area .system__wrap h2 {
    font-size: 18px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #0068B7;
  }
  .system__area .system__wrap .system__number {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 16px auto;
  }
  .system__area .system__wrap .system__number::before {
    content: "";
    width: 100%;
    border-top: 1px solid #bbb;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .system__area .system__wrap .system__number span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #0068B7;
    position: relative;
    z-index: 1;
  }
  .system__area .system__wrap .system__number span::before {
    content: "";
    background: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .system__area .system__wrap h3 {
    font-size: 16px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #0068B7;
  }
  .system__area .system__wrap p {
    font-size: 13px;
    line-height: 150%;
    text-align: center;
  }
  .system__area .system__wrap .system__item {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 16px 18px;
  }
  .system__area .system__wrap .system__item a.btn {
    text-decoration: none;
    background: #fff;
    border: 1px solid #0068B7;
    border-radius: 4px;
    width: 100%;
    max-width: 220px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    color: #0068B7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  .system__area .system__wrap .system__item a.btn:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  @media screen and (min-width: 640px) {
    .system__area .system__wrap .system__item a.btn {
      max-width: 560px;
    }
  }
  .system__area span.blue {
    color: #0068B7;
  }
  .system__area span.str {
    font-weight: bold;
  }
  /***-----------------------------------
  change__area
  -----------------------------------***/
  .change__area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    color: #151515;
    display: none;
  }
  .change__area .change__container {
    background: rgba(0, 0, 0, 0.32);
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
  }
  .change__area .change__wrap {
    background: #fff;
    border: 2px solid #0068B7;
    border-radius: 8px;
    width: 100%;
    max-width: 680px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 36px 12px 12px;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .change__area .change__wrap {
      padding: 48px 20px 20px;
    }
  }
  .change__area .change__wrap .change__toggle {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .change__area .change__wrap .change__toggle span:nth-child(1) {
    background: #0068B7;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .change__area .change__wrap .change__toggle span:nth-child(2) {
    background: #0068B7;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  .change__area .change__wrap h2 {
    font-size: 18px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #0068B7;
    margin-top: 12px;
  }
  @media screen and (min-width: 640px) {
    .change__area .change__wrap h2 {
      margin-top: 0;
    }
  }
  .change__area .change__wrap p {
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    margin-top: 12px;
  }
  @media screen and (min-width: 640px) {
    .change__area .change__wrap p {
      margin-top: 16px;
    }
  }
  .change__area .change__wrap a.btn {
    text-decoration: none;
    background: #fff;
    border: 1px solid #0068B7;
    border-radius: 4px;
    width: 100%;
    max-width: 560px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    color: #0068B7;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto;
  }
  .change__area .change__wrap a.btn:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  /***-----------------------------------
  change__area--pp
  -----------------------------------***/
  .change__area--pp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    color: #151515;
    display: none;
  }
  .change__area--pp .change__container {
    background: rgba(0, 0, 0, 0.32);
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
  }
  .change__area--pp .change__wrap {
    background: #fff;
    border: 2px solid #0068B7;
    border-radius: 8px;
    width: 100%;
    max-width: 680px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    padding: 36px 12px 12px;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .change__area--pp .change__wrap {
      padding: 48px 20px 20px;
    }
  }
  .change__area--pp .change__wrap .change__toggle--pp {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }
  .change__area--pp .change__wrap .change__toggle--pp span:nth-child(1) {
    background: #0068B7;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .change__area--pp .change__wrap .change__toggle--pp span:nth-child(2) {
    background: #0068B7;
    width: 24px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  .change__area--pp .change__wrap h2 {
    font-size: 18px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #0068B7;
    margin-top: 12px;
  }
  @media screen and (min-width: 640px) {
    .change__area--pp .change__wrap h2 {
      margin-top: 0;
    }
  }
  .change__area--pp .change__wrap p {
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    margin-top: 12px;
  }
  @media screen and (min-width: 640px) {
    .change__area--pp .change__wrap p {
      margin-top: 16px;
    }
  }
  .change__area--pp .change__wrap p.ttl {
    border-top: 1px solid #bbb;
    width: 100%;
    max-width: 560px;
    padding: 20px 0 0;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    color: #0068B7;
    text-align: center;
    margin: 24px auto 0;
  }
  .change__area--pp .change__wrap p.pack--p {
    font-size: 13px;
    line-height: 150%;
    text-align: center;
    margin-top: 12px;
  }
  @media screen and (min-width: 640px) {
    .change__area--pp .change__wrap p.pack--p {
      margin-top: 8px;
    }
  }
  .change__area--pp .change__wrap a.btn {
    text-decoration: none;
    background: #fff;
    border: 1px solid #0068B7;
    border-radius: 4px;
    width: 100%;
    max-width: 560px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    color: #0068B7;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px auto;
  }
  .change__area--pp .change__wrap a.btn:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  .change__area--pp .change__wrap .pack--col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 416px;
    margin: 0 auto;
  }
  .change__area--pp .change__wrap .pack--col a.btn {
    width: calc((100% - 16px) / 2);
    max-width: 200px;
    margin-right: 16px;
    margin-top: 8px;
  }
  .change__area--pp .change__wrap .pack--col a.btn:nth-last-child(1) {
    margin-right: 0;
  }
  /***-----------------------------------
  header__nav__area
  -----------------------------------***/
  .header__nav__area {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
  .header__nav__area ul li a span img {
    max-width: 28px;
  }
  /***-----------------------------------
  side__nav__area
  -----------------------------------***/
  .side__nav__area {
    display: none;
  }
  @media screen and (min-width: 640px) {
    .side__nav__area {
      display: block;
      min-width: 120px;
      position: fixed;
      top: 50%;
      right: 0;
      transform: translate(0, -50%);
      z-index: 10001;
    }
  }
  .side__nav__area ul li {
    width: 100%;
    margin-bottom: 4px;
  }
  .side__nav__area ul li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .side__nav__area ul li a {
    text-decoration: none;
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    min-height: 64px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #555;
    padding: 8px 16px 4px;
    box-sizing: border-box;
  }
  .side__nav__area ul li a:hover {
    transition: 0.2s ease-out;
    background: #eee;
  }
  .side__nav__area ul li a span {
    display: block;
    margin-bottom: 2px;
  }
  .side__nav__area ul li a span img {
    height: 28px;
  }
  /***-----------------------------------
  footer__nav__area
  -----------------------------------***/
  .footer__nav__area {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100000;
  }
  @media screen and (min-width: 640px) {
    .footer__nav__area {
      display: none;
    }
  }
  .footer__nav__area ul {
    display: flex;
  }
  .footer__nav__area ul li {
    /*width: 25%;*/
    width: 33.3333%;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
  }
  .footer__nav__area ul li:nth-last-child(1) {
    border-right: none;
  }
  .footer__nav__area ul li a {
    text-decoration: none;
    display: block;
    background: #151515;
    min-height: 64px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 8px 0 4px;
    box-sizing: border-box;
  }
  .footer__nav__area ul li a:hover {
    transition: 0.2s ease-out;
    background: #333;
  }
  .footer__nav__area ul li:nth-last-child(1) > a {
    background: #0068B7;
  }
  .footer__nav__area ul li:nth-last-child(1) > a:hover {
    transition: 0.2s ease-out;
    background: #5a96d2;
  }
  .footer__nav__area ul li a span {
    display: block;
    margin-bottom: 4px;
  }
  .footer__nav__area ul li a span img {
    height: 28px;
  }
  /***-----------------------------------
  nav__area
  -----------------------------------***/
  .nav__fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100010;
    display: none;
  }
  .nav__fixed__container {
    background: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
  }
  @media screen and (min-width: 640px) {
    .nav__fixed {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999999;
    }
    .nav__fixed__container {
      background: #fff;
      width: 100%;
      height: auto;
      padding: 80px 0;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .nav__area {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    color: #151515;
    padding-top: 20px;
    position: relative;
  }
  .nav__area > span.open {
    background: #0068B7;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 40px;
  }
  .nav__area > span.close {
    background: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .nav__area > span.close span {
    display: block;
    position: absolute;
    width: 20px;
    border-bottom: 2px solid #000;
    transition: 0.2s ease-out;
  }
  .nav__area > span.close span:nth-child(1) {
    transform: rotate(45deg);
  }
  .nav__area > span.close span:nth-child(2) {
    transform: rotate(135deg);
  }
  @media screen and (min-width: 390px) {
    .nav__area {
      padding-top: 24px;
    }
    .nav__area > span.open {
      top: 24px;
    }
    .nav__area > span.close {
      top: 24px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav__area {
      padding-top: 0;
    }
    .nav__area > span.open {
      background: #0068B7;
      width: 30px;
      height: 30px;
      font-size: 18px;
      top: 96px;
      left: 0;
    }
    .nav__area > span.close {
      top: 0;
      right: 40px;
    }
  }
  .nav__ttl {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  @media screen and (min-width: 640px) {
    .nav__ttl {
      font-size: 32px;
      font-weight: bold;
      text-align: center;
    }
  }
  .nav__ttl span {
    display: block;
    font-size: 12px;
    color: #0068B7;
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  @media screen and (min-width: 640px) {
    .nav__ttl span {
      font-size: 16px;
      color: #0068B7;
    }
  }
  .nav {
    margin-top: 8px;
  }
  @media screen and (min-width: 640px) {
    .nav {
      margin-top: 24px;
    }
  }
  .nav .nav__head {
    border-bottom: 1px solid #bbb;
  }
  .nav .nav__head ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    position: relative;
    top: 1px;
  }
  .nav .nav__head .nav__head__item {
    background: #f8f8f8;
    border: 1px solid #bbb;
    width: 100%;
    /*max-width: 264px;*/
    max-width: 528px;
    min-height: 56px;
    font-size: 12px;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__head .nav__head__item {
      font-size: 14px;
    }
  }
  .nav .nav__head .nav__head__item:nth-child(-n+1) {
    border-right: none;
  }
  /*.nav .nav__head .nav__head__item:nth-child(-n+2) {
    border-right: none;
  }
  .nav .nav__head .nav__head__item:nth-child(-n+3) {
    border-right: none;
  }*/
  .nav .nav__head .nav__head__item--current {
    background: #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    color: #0068B7;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__head .nav__head__item--current {
      font-size: 18px;
    }
  }
  .nav .nav__head .nav__head__item span {
    display: none;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__head .nav__head__item span {
      display: block;
    }
  }
  @media screen and (max-width: 320px) {
    .nav .nav__head .nav__head__item {
      font-size: 10px;
    }
    .nav .nav__head .nav__head__item--current {
      font-size: 12px;
    }
  }
  .nav .nav__body {
    padding: 32px;
  }
  .nav .nav__body--pp {
    padding: 0 32px 32px;
  }
  /*
  @media screen and (min-width: 640px) {
    .nav .nav__body {
      max-width: 1024px;
      padding: 32px 180px;
        margin: 0 auto;
    }
  }
  */
  @media screen and (min-width: 640px) {
    .nav .nav__body {
      padding: 8px 0;
      margin: 0 auto;
    }
  }
  .nav .nav__body a.nav__att--red {
    display: block;
    background: #f8f8f8;
    border-radius: 4px;
    width: 100%;
    max-width: 1024px;
    font-size: 12px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #f00;
    padding: 24px 20px;
    box-sizing: border-box;
    margin: 0 auto 32px;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body a.nav__att--red {
      font-size: 14px;
      padding: 24px 0;
      margin: 0 auto 8px;
    }
  }
  .nav .nav__body p.nav__att--blue {
    font-size: 16px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
    color: #0068B7;
    margin: 32px auto;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body p.nav__att--blue {
      font-size: 16px;
      line-height: 150%;
      font-weight: bold;
      text-align: center;
      color: #0068B7;
      margin: 32px auto;
    }
  }
  .nav .nav__body p.nav__att--black {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body p.nav__att--black {
      text-align: center;
    }
  }
  @media screen and (min-width: 1150px) {
    .nav .nav__body .nav__body__wrap {
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap .inner {
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
  }
  .nav .nav__body .nav__body__wrap__item--hotel {
    position: relative;
  }
  .nav .nav__body .nav__body__wrap__item--hotel::after {
    content: "";
    border-bottom: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -70%) rotate(45deg);
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item--hotel::after {
      width: 8px;
      height: 8px;
      transform: translate(0, -80%) rotate(45deg);
    }
  }
  @media screen and (min-width: 1150px) {
    .nav .nav__body .nav__body__wrap__item--hotel {
      margin-right: 48px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.hotel {
    border-bottom: 2px solid #0068B7;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
    color: #0068B7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.hotel {
      font-size: 12px;
      padding: 16px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item select.hotel {
      width: 380px;
      font-size: 14px;
      padding: 24px 0;
    }
  }
  .nav .nav__body .nav__body__wrap__item h3 {
    font-size: 15px;
    font-weight: normal;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item h3 {
      max-width: 280px;
      margin: 8px auto 6px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item h3 {
      max-width: none;
    }
  }
  @media screen and (min-width: 1150px) {
    .nav .nav__body .nav__body__wrap__item h3 {
      margin-top: 0;
    }
  }
  .nav .nav__body .nav__body__wrap__item select#dt_yyyymm {
    border-bottom: 2px solid #bbb;
    width: 144px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select#dt_yyyymm {
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select#dt_dd {
    border-bottom: 2px solid #bbb;
    width: 72px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select#dt_dd {
      padding: 16px;
      margin-left: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.mei {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.mei {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.haku {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.haku {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.heya {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.heya {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.obj_year {
    border-bottom: 2px solid #bbb;
    width: 88px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.obj_year {
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.obj_month {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.obj_month {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.obj_day {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.obj_day {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item input[type=checkbox] {
    display: none;
  }
  .nav .nav__body .nav__body__wrap__item label.obj_no_date {
    display: inline-block;
    font-size: 16px;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
  }
  .nav .nav__body .nav__body__wrap__item label.obj_no_date::before {
    content: "";
    display: block;
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 0;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -2px;
  }
  .nav .nav__body .nav__body__wrap__item label.obj_no_date::after {
    content: '';
    display: block;
    border-bottom: 3px solid #0068B7;
    border-right: 6px solid #0068B7;
    width: 8px;
    height: 16px;
    position: absolute;
    top: -2px;
    left: 5px;
    transform: rotate(45deg);
    opacity: 0;
  }
  .nav .nav__body .nav__body__wrap__item input[type=checkbox]:checked + .obj_no_date::after {
    opacity: 1;
  }
  .nav .nav__body .nav__body__wrap__item select.obj_per_num {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.obj_per_num {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.obj_stay_num {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.obj_stay_num {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.obj_room_num {
    border-bottom: 2px solid #bbb;
    width: 50px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item select.obj_room_num {
      width: 56px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item label {
    font-size: 16px;
    margin-left: 4px;
    white-space: nowrap;
    cursor: pointer;
  }
  .nav .nav__body .nav__body__wrap__item .col {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item .col {
      margin-bottom: 0;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item .col--date {
      margin-right: 32px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item .col--ymd {
      margin-right: 32px;
      margin-bottom: 24px;
    }
  }
  @media screen and (min-width: 1150px) {
    .nav .nav__body .nav__body__wrap__item .col--ymd {
      margin-bottom: 0;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item .col--check {
      margin-bottom: 42px;
      margin-right: 0;
    }
  }
  @media screen and (min-width: 1150px) {
    .nav .nav__body .nav__body__wrap__item .col--check {
      margin-bottom: 18px;
      margin-right: 32px;
    }
  }
  .nav .nav__body .nav__body__wrap__item--airport {
    margin-top: 16px;
    position: relative;
  }
  .nav .nav__body .nav__body__wrap__item--airport::after {
    content: "";
    border-bottom: 2px solid #151515;
    border-right: 2px solid #151515;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -70%) rotate(45deg);
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item--airport::after {
      width: 8px;
      height: 8px;
      transform: translate(0, -80%) rotate(45deg);
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--airport {
      margin-right: 24px;
    }
    .nav .nav__body .nav__body__wrap__item--airport:nth-last-child(1) {
      margin-right: 0;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.airport-start {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #151515;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item select.airport-start {
      width: 272px;
      padding: 24px 0;
      font-size: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item select.airport-end {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 150%;
    text-align: center;
    color: #151515;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item select.airport-end {
      width: 272px;
      padding: 24px 0;
      font-size: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item--check {
    margin-top: 24px;
  }
  .nav .nav__body .nav__body__wrap__item--check .inner {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  .nav .nav__body .nav__body__wrap__item--check label {
    font-size: 13px;
    cursor: pointer;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--check label {
      font-size: 15px;
    }
  }
  .nav .nav__body .nav__body__wrap__item--check .check-in {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--check .check-in {
      width: auto;
      margin-right: 28px;
    }
  }
  .nav .nav__body .nav__body__wrap__item--check .check-in::after {
    content: url(https://www.appi.co.jp/wp-content/themes/appi-v2/images/calendar-week.svg);
    position: absolute;
    top: 50%;
    right: 4px;
    pointer-events: none;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item--check .check-in::after {
      right: 16px;
      transform: translateY(-50%);
    }
  }
  .nav .nav__body .nav__body__wrap__item--check input.rcheck-in {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 12px 0 12px 4px;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: 8px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item--check input.rcheck-in {
      padding: 16px 0 16px 16px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--check input.rcheck-in {
      max-width: 164px;
      margin-top: 0;
    }
  }
  .nav .nav__body .nav__body__wrap__item--check .check-out {
    width: calc((100% - 20px) / 2);
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--check .check-out {
      width: auto;
      margin-right: 28px;
    }
  }
  .nav .nav__body .nav__body__wrap__item--check .check-out::after {
    content: url(https://www.appi.co.jp/wp-content/themes/appi-v2/images/calendar-week.svg);
    position: absolute;
    top: 50%;
    right: 4px;
    pointer-events: none;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item--check .check-out::after {
      right: 16px;
      transform: translateY(-50%);
    }
  }
  .nav .nav__body .nav__body__wrap__item--check input.rcheck-out {
    border-bottom: 2px solid #bbb;
    width: 100%;
    padding: 12px 0 12px 4px;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: 8px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item--check input.rcheck-out {
      padding: 16px 0 16px 16px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--check input.rcheck-out {
      max-width: 164px;
      margin-top: 0;
    }
  }
  .nav .nav__body .nav__body__wrap__item--member {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 32px;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--member {
      margin-bottom: 0;
    }
  }
  .nav .nav__body .nav__body__wrap__item--member label {
    font-size: 15px;
    cursor: pointer;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .nav__body__wrap__item--member label {
      font-size: 15px;
    }
  }
  .nav .nav__body .nav__body__wrap__item--member select.member {
    border-bottom: 2px solid #bbb;
    width: 44px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 15px;
    text-align: center;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .nav__body__wrap__item--member select.member {
      width: 48px;
      padding: 16px;
    }
  }
  .nav .nav__body .nav__body__wrap__item--member span.mei {
    font-size: 15px;
    margin-left: 4px;
  }
  .nav .nav__body .button {
    width: 100%;
    max-width: 392px;
    margin: 24px auto;
    position: relative;
  }
  .nav .nav__body .button:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .button {
      margin: 26px auto 24px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .button {
      margin: 32px auto 16px;
    }
  }
  .nav .nav__body--pp .button {
    max-width: 588px;
    margin-bottom: 0;
  }
  .nav .nav__body .button input.rsvbtn {
    background: #0068B7;
    border: none;
    width: 100%;
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    cursor: pointer;
  }
  .nav .nav__body .button input.rsvbtn:disabled {
    background: #ccc;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .button input.rsvbtn {
      padding: 20px 0;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .button input.rsvbtn {
      font-size: 18px;
    }
  }
  .nav .nav__body .button a.rsvbtn--pp {
    text-decoration: none;
    background: #0068B7;
    border: none;
    width: 100%;
    padding: 16px 0;
    font-size: 16px;
    line-height: 120%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    cursor: pointer;
  }
  .nav .nav__body .button a.rsvbtn--pp:disabled {
    background: #ccc;
  }
  .nav .nav__body .button a.rsvbtn--pp span {
    display: block;
    font-size: 10px;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body .button a.rsvbtn--pp {
      padding: 12px 0 8px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body .button a.rsvbtn--pp {
      font-size: 18px;
    }
    .nav .nav__body .button a.rsvbtn--pp span {
      font-size: 12px;
    }
  }
  @media screen and (max-width: 320px) {
    .nav .nav__body .button a.rsvbtn--pp {
      font-size: 14px;
    }
    .nav .nav__body .button a.rsvbtn--pp span {
      font-size: 8px;
    }
  }
  .nav .nav__body .button::after {
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%) rotate(45deg);
  }
  @media screen and (max-width: 320px) {
    .nav .nav__body .button::after {
      right: 12px;
    }
  }
  .nav .nav__body .button-pp::after {
    transform: translate(0, -50%) rotate(135deg);
    top: 45%;
  }
  .nav .nav__body .button-pp.active::after {
    transform: translate(0, -50%) rotate(-45deg);
    top: 55%;
  }
  .nav .nav__body--pp ul {
    display: none;
    width: 100%;
    max-width: 588px;
    margin: 0 auto;
  }
  .nav .nav__body--pp .nav__btn {
    margin: 24px auto 0;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body--pp .nav__btn {
      margin: 16px auto 0;
    }
  }
  .nav .nav__body--pp ul li {
    position: relative;
  }
  .nav .nav__body--pp ul li:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  .nav .nav__body--pp ul li::after {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%) rotate(45deg);
  }
  @media screen and (max-width: 320px) {
    .nav .nav__body--pp ul li::after {
      right: 12px;
    }
  }
  .nav .nav__body--pp ul li a {
    text-decoration: none;
    display: block;
    background: #f8f8f8;
    border-bottom: 1px solid #bbb;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #0068B7;
    padding: 12px 0 12px 12px;
    box-sizing: border-box;
    position: relative;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body--pp ul li a {
      font-size: 14px;
      padding: 16px 0 16px 16px;
    }
  }
  .nav .nav__body--pp ul li a.is-new {
    padding-left: 56px;
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body--pp ul li a.is-new {
      padding-left: 72px;
    }
  }
  .nav .nav__body--pp ul li a.is-new::before {
    content: "NEW";
    background: #fff;
    border: 1px solid #C62F17;
    border-radius: 2px;
    width: 36px;
    height: 24px;
    padding: 1px 0 0;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #C62F17;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body--pp ul li a.is-new::before {
      left: 24px;
    }
  }
  .nav .nav__body button {
    background: #0068B7;
    border: none;
    width: 100%;
    max-width: 392px;
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
    margin: 24px auto;
    cursor: pointer;
    position: relative;
  }
  .nav .nav__body button:disabled {
    background: #ccc;
  }
  .nav .nav__body button:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  @media screen and (min-width: 390px) {
    .nav .nav__body button {
      padding: 20px 0;
      margin: 26px auto 24px;
    }
  }
  @media screen and (min-width: 640px) {
    .nav .nav__body button {
      font-size: 18px;
      margin: 32px auto 16px;
    }
  }
  .nav .nav__body button::after {
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .nav .nav__body .nav__btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav .nav__body .nav__btn a:hover {
    transition: 0.2s ease-out;
    opacity: 0.80;
  }
  .nav .nav__body .nav__btn a.confirm {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
  }
  .nav .nav__body .nav__btn a.confirm::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .nav .nav__body .nav__btn a.confirm--pp {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
  }
  .nav .nav__body .nav__btn a.confirm--pp::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .nav .nav__body .nav__btn a.change {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
    margin-right: 32px;
  }
  .nav .nav__body .nav__btn a.change::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .nav .nav__body .nav__btn a.cancel {
    text-decoration: none;
    display: block;
    font-size: 13px;
    text-align: center;
    color: #151515;
    position: relative;
  }
  .nav .nav__body .nav__btn a.cancel::before {
    content: "";
    border-top: 2px solid #0068B7;
    border-right: 2px solid #0068B7;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%) rotate(45deg);
  }
  .nav .nav__body p.old-reservation-system {
    text-align: center;
    margin-top: 32px;
  }
  .js-reserve {
    cursor: pointer;
  }
  /***-----------------------------------
  nav__glamping
  -----------------------------------***/
  .nav__glamping {
    width: 100%;
    max-width: 908px;
    margin: 0 auto;
    text-align: center;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping {
      margin: 32px auto;
    }
  }
  .nav__glamping .nav__glamping-wrap {
    border: 1px solid #BBBBBB;
    border-radius: 6px;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-wrap {
      padding: 0;
      border: none;
    }
  }
  .nav__glamping .nav__glamping-wrap a {
    position: relative;
    display: block;
    padding: 24px 16px;
    color: #000;
    text-decoration: none;
    transition: opacity .25s ease;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-wrap {
      padding: 0;
      pointer-events: none;
    }
  }
  .nav__glamping .nav__glamping-wrap a:hover {
    opacity: .7;
  }
  .nav__glamping .nav__glamping-wrap a::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    margin: 16px auto 0;
    background: url('data:image/svg+xml;charset=UTF-8,<svg id="caret-right-square" xmlns="http://www.w3.org/2000/svg" width="23.999" height="23.999" viewBox="0 0 23.999 23.999"><path id="パス_1" data-name="パス 1" d="M21,1.5A1.5,1.5,0,0,1,22.5,3V21A1.5,1.5,0,0,1,21,22.5H3A1.5,1.5,0,0,1,1.5,21V3A1.5,1.5,0,0,1,3,1.5ZM3,0A3,3,0,0,0,0,3V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V3a3,3,0,0,0-3-3Z" fill="%230068b7"/><path id="パス_2" data-name="パス 2" d="M5.942,16.933A.75.75,0,0,1,5.5,16.25v-12a.75.75,0,0,1,1.248-.561l6.75,6a.75.75,0,0,1,0,1.122l-6.75,6a.75.75,0,0,1-.805.123Z" transform="translate(2.75 1.75)" fill="%230068b7"/></svg>');
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-wrap a::after {
      content: none;
    }
  }
  .nav__glamping .nav__glamping-ttl {
    display: inline-block;
    margin: 0 0 24px 0;
    padding: 6px 32px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: center;
    background-color: #0068B7;
    border-radius: 22px;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-ttl {
      margin: 0 0 14px 0;
      padding: 3px 32px;
      font-size: 14px;
      line-height: 24px;
      border-radius: 15px;
    }
  }
  .nav__glamping .nav__glamping-tel {
    font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    text-align: center;
  }
  .nav__glamping .nav__glamping-tel svg {
    width: 28px;
    height: auto;
    margin-right: 6px;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-tel svg {
      width: 32px;
      margin-right: 8px;
    }
  }
  .nav__glamping .nav__glamping-tel span {
    font-size: 36px;
    font-weight: bold;
    line-height: 29px;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-tel span {
      font-size: 40px;
      line-height: 56px;
    }
  }
  .nav__glamping .nav__glamping-tel small {
    font-size: 16px;
    line-height: 33px;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-tel small {
      font-size: 20px;
      line-height: 56px;
    }
  }
  .nav__glamping .nav__glamping-btn {
    width: 100%;
    max-width: 284px;
    margin: 32px auto 0;
  }
  @media screen and (min-width: 640px) {
    .nav__glamping .nav__glamping-btn {
      max-width: 392px;
      margin: 10px auto 0;
    }
  }
  .nav__glamping .nav__glamping-btn a {
    position: relative;
    display: block;
    padding: 14px 32px;
    background-color: #0068B7;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .32);
    transition: all .25s ease;
  }
  .nav__glamping .nav__glamping-btn a::after {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
  }
  .nav__glamping .nav__glamping-btn a:hover {
    background-color: #000;
  }

  /* combined style-sidebar.css */
  .menu-menu-sidebar-container li {
    padding: 10px;
    border: 1px solid #dedede;
    border-top: none;
  }
  .menu-menu-sidebar-container li:first-child {
    border-top: 1px solid #dedede;
  }
  .menu-menu-sidebar-container a {
    width: 100%;
    display: flex;
    text-decoration: none;
    color: #009;
    font-weight: bold;
  }
  /* add-style.css?20241118 */
  .site-header ul {
    align-items: flex-end;
}
.site-header__page {
    column-gap: 24px;
}
@media screen and (max-width: 1200px) {
    .site-header__page {
        column-gap: 5px;
    }
}
@media screen and (max-width: 768px) {
    .site-header__page {
        column-gap: 16px;
    }
}
@media screen and (max-width: 1200px) {
    .site-header ul .page-item {
        font-size: 1rem;
    }
}
.header-media-lang .media-lang {
    position: static;
    margin: 2px 0 0 12px;
    width: 78px;
}
@media screen and (max-width: 1200px) {
    .header-media-lang .media-lang {
        margin: 2px 0 0 5px;
        width: auto;
    }
}
.site-header__nav-wrapper {
    display: flex;
}
.menu-sub-menu {
    margin-left: 24px;
}
@media screen and (max-width: 1200px) {
    .menu-sub-menu {
        margin-left: 5px;
    }
}
@media screen and (max-width: 768px) {
    .menu-sub-menu {
        margin-left: 1.6rem;
    }
}
@media screen and (max-width: 768px) {
    .site-header .menu-sub-menu {
        display: flex;
    }
}
.header-media-lang .media-lang .custom-select > button {
    position: relative;
    display: flex;
    border-radius: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    border: none;
    padding: 0 12px 0 0;
    background-color: transparent;
    color: #fff;
    font-family: "Futura Std",sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.9rem;
    text-align: start;
    cursor: pointer;
}
.header-media-lang .media-lang .custom-select>button::before {
    content: '';
    display: block;
    margin: 0 auto 6px;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: #fff;
    width: 18px;
    height: 18px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00656%2018C7.76781%2018%206.60156%2017.7656%205.50781%2017.2969C4.41406%2016.8281%203.45703%2016.1836%202.63672%2015.3633C1.81641%2014.543%201.17188%2013.5863%200.703125%2012.4931C0.234375%2011.4%200%2010.232%200%208.98922C0%207.74641%200.234375%206.58203%200.703125%205.49609C1.17188%204.41016%201.81641%203.45703%202.63672%202.63672C3.45703%201.81641%204.41375%201.17188%205.50688%200.703125C6.6%200.234375%207.76797%200%209.01078%200C10.2536%200%2011.418%200.234375%2012.5039%200.703125C13.5898%201.17188%2014.543%201.81641%2015.3633%202.63672C16.1836%203.45703%2016.8281%204.41187%2017.2969%205.50125C17.7656%206.59078%2018%207.75484%2018%208.99344C18%2010.2322%2017.7656%2011.3984%2017.2969%2012.4922C16.8281%2013.5859%2016.1836%2014.543%2015.3633%2015.3633C14.543%2016.1836%2013.5881%2016.8281%2012.4988%2017.2969C11.4092%2017.7656%2010.2452%2018%209.00656%2018ZM9%2016.3125C10.9062%2016.3125%2012.5469%2015.6797%2013.9219%2014.4141C15.2969%2013.1484%2016.0781%2011.5859%2016.2656%209.72656C16.125%209.85156%2015.9648%209.94922%2015.7852%2010.0195C15.6055%2010.0898%2015.4062%2010.125%2015.1875%2010.125H11.8125C11.3484%2010.125%2010.9512%209.95977%2010.6207%209.6293C10.2902%209.29883%2010.125%208.90156%2010.125%208.4375V7.3125H6.1875V5.0625C6.1875%204.59844%206.35273%204.20117%206.6832%203.8707C7.01367%203.54024%207.41094%203.375%207.875%203.375H9V2.8125C9%202.59375%209.03906%202.39062%209.11719%202.20312C9.19531%202.01562%209.29688%201.85156%209.42188%201.71094C9.375%201.69531%209.29688%201.6875%209.1875%201.6875H9C6.96875%201.6875%205.24219%202.39844%203.82031%203.82031C2.39844%205.24219%201.6875%206.96875%201.6875%209H6.75C7.6875%209%208.48438%209.32812%209.14062%209.98438C9.79688%2010.6406%2010.125%2011.4375%2010.125%2012.375V13.5H6.75V15.9609C7.10938%2016.0859%207.47445%2016.1758%207.84523%2016.2305C8.21586%2016.2852%208.60078%2016.3125%209%2016.3125Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    transition: all .5s;
}
.header-media-lang .media-lang .custom-select>button::after {
    content: '';
    position: absolute;
    bottom: 6px;
    right: 12px;
    display: block;
    width: 7px;
    height: 8px;
    background-color: #fff;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%201.58579L8%201.41421C8%200.523309%206.92286%200.077141%206.29289%200.707106L4.70711%202.29289C4.31658%202.68342%203.68342%202.68342%203.29289%202.29289L1.52725%200.52725C0.963657%20-0.0363433%20-5.95706e-08%200.362816%20-9.44104e-08%201.15986C-1.03988e-07%201.37897%200.0804089%201.59046%200.225978%201.75423L3.29541%205.20733C3.67766%205.63737%204.34307%205.65693%204.74992%205.25008L7.70711%202.29289C7.89464%202.10536%208%201.851%208%201.58579Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
    transform: rotate(0);
}
@media screen and (max-width: 1200px) {
    .header-media-lang .media-lang .custom-select > button {
        font-size: 1rem;
        margin-bottom: -2px;
    }
    .header-media-lang .media-lang .custom-select>button::after {
        right: 0;
    }
}
.icon {
    text-align: center;
}
.site-header ul .page-item {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
}
.icon a::before {
    content: '';
    display: block;
    margin: 0 auto;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .icon:not(.icon--camera, .icon--weather) a::before {
        display: none;
    }
}
.icon--activity a::before {
    margin-bottom: 6px;
    width: 20px;
    height: 18.75px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2219%22%20viewBox%3D%220%200%2020%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.5%208.0625C2.06597%208.0625%201.69705%207.91059%201.39323%207.60677C1.08941%207.30295%200.9375%206.93403%200.9375%206.5C0.9375%206.06597%201.08941%205.69705%201.39323%205.39323C1.69705%205.08941%202.06597%204.9375%202.5%204.9375C2.93403%204.9375%203.30295%205.08941%203.60677%205.39323C3.91059%205.69705%204.0625%206.06597%204.0625%206.5C4.0625%206.93403%203.91059%207.30295%203.60677%207.60677C3.30295%207.91059%202.93403%208.0625%202.5%208.0625ZM1.25%2019V14H0V10.25C0%209.89583%200.119792%209.59896%200.359375%209.35937C0.598958%209.11979%200.895833%209%201.25%209H3.75C4.10417%209%204.40104%209.11979%204.64062%209.35937C4.88021%209.59896%205%209.89583%205%2010.25V14H3.75V17.125H12.1875V11.5H10.3125C9.18142%2011.5%208.22153%2011.1057%207.43281%2010.3172C6.64427%209.52847%206.25%208.56858%206.25%207.4375C6.25%206.5309%206.51476%205.72266%207.04427%205.01276C7.57378%204.30287%208.27257%203.81771%209.14062%203.55729C9.29688%202.58507%209.7526%201.7908%2010.5078%201.17448C11.263%200.55816%2012.1354%200.25%2013.125%200.25C14.1146%200.25%2014.987%200.55816%2015.7422%201.17448C16.4974%201.7908%2016.9531%202.58507%2017.1094%203.55729C17.9774%203.81771%2018.6762%204.30287%2019.2057%205.01276C19.7352%205.72266%2020%206.5309%2020%207.4375C20%208.56858%2019.6057%209.52847%2018.8172%2010.3172C18.0285%2011.1057%2017.0686%2011.5%2015.9375%2011.5H14.0625V17.125H18.75V19H1.25ZM10.3125%209.625H15.9375C16.5533%209.625%2017.0718%209.41432%2017.493%208.99297C17.9143%208.57179%2018.125%208.0533%2018.125%207.4375C18.125%206.96875%2017.9774%206.5434%2017.6823%206.16146C17.3872%205.77951%2017.0139%205.5191%2016.5625%205.38021L15.4948%205.04167L15.2865%203.92188C15.1984%203.40642%2014.9529%202.97812%2014.5497%202.63698C14.1466%202.29566%2013.6738%202.125%2013.1312%202.125C12.5889%202.125%2012.1181%202.28993%2011.7188%202.61979C11.3194%202.94965%2011.0764%203.375%2010.9896%203.89583L10.7812%205.01562L9.6875%205.35417C9.23611%205.49306%208.86285%205.75347%208.56771%206.13542C8.27257%206.51736%208.125%206.95139%208.125%207.4375C8.125%208.0533%208.33568%208.57179%208.75703%208.99297C9.17821%209.41432%209.6967%209.625%2010.3125%209.625Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.icon--hotel a::before {
    margin-bottom: 8px;
    width: 22px;
    height: 14.67px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2223%22%20height%3D%2215%22%20viewBox%3D%220%200%2023%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.5%2015V0.333313H2.33333V10.1111H10.2778V1.55554H18.8333C19.8519%201.55554%2020.7176%201.91202%2021.4306%202.62498C22.1435%203.33794%2022.5%204.20368%2022.5%205.2222V15H20.6667V11.9444H2.33333V15H0.5ZM6.30556%208.88887C5.45679%208.88887%204.73534%208.5918%204.1412%207.99766C3.54707%207.40353%203.25%206.68208%203.25%205.83331C3.25%204.98455%203.54707%204.2631%204.1412%203.66896C4.73534%203.07483%205.45679%202.77776%206.30556%202.77776C7.15432%202.77776%207.87577%203.07483%208.46991%203.66896C9.06404%204.2631%209.36111%204.98455%209.36111%205.83331C9.36111%206.68208%209.06404%207.40353%208.46991%207.99766C7.87577%208.5918%207.15432%208.88887%206.30556%208.88887ZM12.1111%2010.1111H20.6667V5.2222C20.6667%204.71804%2020.4872%204.28644%2020.1281%203.92741C19.7691%203.56838%2019.3375%203.38887%2018.8333%203.38887H12.1111V10.1111ZM6.30556%207.05554C6.65185%207.05554%206.94213%206.93841%207.17639%206.70415C7.41065%206.46989%207.52778%206.17961%207.52778%205.83331C7.52778%205.48702%207.41065%205.19674%207.17639%204.96248C6.94213%204.72822%206.65185%204.61109%206.30556%204.61109C5.95926%204.61109%205.66898%204.72822%205.43472%204.96248C5.20046%205.19674%205.08333%205.48702%205.08333%205.83331C5.08333%206.17961%205.20046%206.46989%205.43472%206.70415C5.66898%206.93841%205.95926%207.05554%206.30556%207.05554Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.icon--restaurant a::before {
    margin-bottom: 6px;
    width: 14.25px;
    height: 19px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2219%22%20viewBox%3D%220%200%2015%2019%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.04688%2019V9.3763C2.2717%209.17839%201.6326%208.76523%201.12956%208.13685C0.626519%207.50846%200.375%206.77535%200.375%205.9375V0H2.15625V5.9375H3.04688V0H4.82812V5.9375H5.71875V0H7.5V5.9375C7.5%206.77535%207.24848%207.50846%206.74544%208.13685C6.2424%208.76523%205.6033%209.17839%204.82812%209.3763V19H3.04688ZM12.8438%2019V10.6875H9.875V4.75C9.875%203.43583%2010.3381%202.31562%2011.2644%201.38937C12.1906%200.463124%2013.3108%200%2014.625%200V19H12.8438Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.icon--onsen a::before {
    margin-bottom: 6px;
    width: 20.97px;
    height: 18px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.45923%2010.5125C5.54909%2010.213%205.60899%209.94343%205.69884%209.67388C5.78869%209.40433%205.81864%209.10483%205.81864%208.80532C5.81864%208.23627%205.66889%207.75707%205.33943%207.30782C5.00998%206.85857%204.68053%206.40932%204.35108%205.93012C3.99168%205.45091%203.66223%204.91181%203.36273%204.28286C3.06323%203.65391%202.91348%202.90516%202.91348%201.94676C2.91348%201.64725%202.91348%201.34775%202.97338%201.0183C3.03328%200.688852%203.06323%200.359401%203.12313%200H5.39933C5.30948%200.359401%205.24958%200.688852%205.21963%200.988353C5.18968%201.28785%205.15973%201.5574%205.15973%201.82696C5.15973%202.57571%205.30948%203.17471%205.60899%203.68386C5.90849%204.16306%206.23794%204.67221%206.59734%205.15141C6.95674%205.63062%207.28619%206.13977%207.58569%206.70882C7.88519%207.24792%208.06489%207.96672%208.06489%208.86522C8.06489%209.13478%208.06489%209.40433%208.00499%209.67388C7.94509%209.94343%207.91514%2010.213%207.82529%2010.5125H5.48918H5.45923ZM9.95175%2010.5125C10.0416%2010.213%2010.1015%209.94343%2010.1614%209.67388C10.2213%209.40433%2010.2512%209.10483%2010.2512%208.80532C10.2512%208.23627%2010.1015%207.75707%209.802%207.30782C9.5025%206.85857%209.17305%206.40932%208.81364%205.93012C8.45424%205.45091%208.12479%204.91181%207.82529%204.28286C7.52579%203.65391%207.34609%202.90516%207.34609%201.94676C7.34609%201.64725%207.34609%201.34775%207.40599%201.0183C7.46589%200.688852%207.49584%200.359401%207.55574%200H9.83195C9.7421%200.359401%209.6822%200.688852%209.65225%200.988353C9.6223%201.28785%209.59235%201.5574%209.59235%201.82696C9.59235%202.57571%209.7421%203.17471%2010.0416%203.68386C10.3411%204.16306%2010.6705%204.67221%2011.03%205.15141C11.3894%205.63062%2011.7188%206.13977%2012.0183%206.70882C12.3178%207.24792%2012.4975%207.96672%2012.4975%208.86522C12.4975%209.13478%2012.4975%209.40433%2012.4376%209.67388C12.3777%209.94343%2012.3478%2010.213%2012.2879%2010.5125H9.95175ZM14.3844%2010.5125C14.4742%2010.213%2014.5341%209.94343%2014.624%209.67388C14.7138%209.40433%2014.7438%209.10483%2014.7438%208.80532C14.7438%208.23627%2014.594%207.75707%2014.2646%207.30782C13.9351%206.85857%2013.6057%206.40932%2013.2762%205.93012C12.9468%205.45091%2012.5874%204.91181%2012.2879%204.28286C11.9884%203.68386%2011.8386%202.90516%2011.8386%201.94676C11.8386%201.64725%2011.8386%201.34775%2011.8985%201.0183C11.9584%200.688852%2011.9884%200.359401%2012.0483%200H14.3245C14.2346%200.359401%2014.1747%200.688852%2014.1448%200.988353C14.1148%201.28785%2014.0849%201.5574%2014.0849%201.82696C14.0849%202.57571%2014.2346%203.17471%2014.5341%203.68386C14.8336%204.16306%2015.1631%204.67221%2015.5225%205.15141C15.8819%205.63062%2016.2113%206.13977%2016.5108%206.70882C16.8103%207.24792%2016.99%207.96672%2016.99%208.86522C16.99%209.13478%2016.99%209.40433%2016.9301%209.67388C16.9002%209.94343%2016.8403%2010.213%2016.7504%2010.5125H14.4143H14.3844ZM11%2018C8.09484%2018%205.60899%2017.4609%203.57238%2016.3527C1.53577%2015.2446%200.517471%2013.9268%200.517471%2012.3694C0.517471%2011.6506%200.787022%2010.9318%201.29617%2010.2729C1.80532%209.61398%202.55408%208.98502%203.51248%208.44592V11.1714C3.27288%2011.411%203.06323%2011.6206%202.94343%2011.8303C2.82363%2012.0399%202.76373%2012.2196%202.76373%2012.3993C2.76373%2013.2379%203.60233%2014.0166%205.30948%2014.7055C7.01664%2015.3943%208.90349%2015.7537%2011%2015.7537C13.0965%2015.7537%2014.9834%2015.3943%2016.6905%2014.7055C18.3977%2014.0166%2019.2363%2013.2379%2019.2363%2012.3993C19.2363%2012.2196%2019.1764%2012.0399%2019.0566%2011.8303C18.9368%2011.6206%2018.7571%2011.411%2018.4875%2011.1714V8.44592C19.4759%208.95507%2020.1947%209.58403%2020.7038%2010.2429C21.213%2010.9018%2021.4825%2011.6506%2021.4825%2012.3694C21.4825%2013.9268%2020.4642%2015.2446%2018.4276%2016.3527C16.391%2017.4609%2013.9052%2018%2011%2018Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.icon--spa a::before {
    margin-bottom: 6px;
    width: 20px;
    height: 20px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2020C8.50694%2019.8958%207.1441%2019.5269%205.91146%2018.8932C4.67882%2018.2595%203.62413%2017.4089%202.7474%2016.3411C1.87066%2015.2734%201.19358%2014.0148%200.716146%2012.5651C0.238715%2011.1155%200%209.53125%200%207.8125V6.875H0.927083C1.71528%206.875%202.58247%207.00521%203.52865%207.26562C4.47483%207.52604%205.34722%207.87326%206.14583%208.30729C6.31944%206.95312%206.74913%205.53385%207.4349%204.04948C8.12066%202.5651%208.97569%201.21528%2010%200C11.0243%201.21528%2011.875%202.55642%2012.5521%204.02344C13.2292%205.49045%2013.6632%206.90972%2013.8542%208.28125C14.6528%207.86458%2015.5252%207.52604%2016.4714%207.26562C17.4175%207.00521%2018.2847%206.875%2019.0729%206.875H20V7.8125C20%209.58333%2019.7656%2011.1936%2019.2969%2012.6432C18.8281%2014.0929%2018.1597%2015.3472%2017.2917%2016.4062C16.4236%2017.4653%2015.3733%2018.303%2014.1406%2018.9193C12.908%2019.5356%2011.5278%2019.8958%2010%2020ZM9.97396%2018.125C9.81771%2015.4861%209.03646%2013.3507%207.63021%2011.7188C6.22396%2010.0868%204.31424%209.12326%201.90104%208.82812C2.07465%2011.467%202.83854%2013.6068%204.19271%2015.2474C5.54687%2016.888%207.47396%2017.8472%209.97396%2018.125ZM10%2011.7969C10.2951%2011.3628%2010.638%2010.9288%2011.0286%2010.4948C11.4193%2010.0608%2011.7708%209.71354%2012.0833%209.45312C12.0312%208.53299%2011.8359%207.53472%2011.4974%206.45833C11.1589%205.38194%2010.6597%204.27951%2010%203.15104C9.34028%204.27951%208.83681%205.39497%208.48958%206.4974C8.14236%207.59983%207.95139%208.58507%207.91667%209.45312C8.28021%209.77135%208.66189%2010.1503%209.06172%2010.5901C9.46155%2011.03%209.77431%2011.4323%2010%2011.7969ZM11.7969%2017.7604C12.8038%2017.4479%2013.6849%2017.0139%2014.4401%2016.4583C15.1953%2015.9028%2015.8333%2015.2431%2016.3542%2014.4792C16.875%2013.7153%2017.2786%2012.8559%2017.5651%2011.901C17.8516%2010.9462%2018.0295%209.92188%2018.099%208.82812C16.467%209.12326%2015.0304%209.69618%2013.7891%2010.5469C12.5477%2011.3976%2011.6233%2012.5087%2011.0156%2013.8802C11.2024%2014.4203%2011.362%2015.0111%2011.4943%2015.6526C11.6266%2016.2939%2011.7274%2016.9965%2011.7969%2017.7604Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.icon--golf a::before {
    margin-bottom: 6px;
    width: 17.5px;
    height: 20px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2220%22%20viewBox%3D%220%200%2019%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.6875%2018.75C16.2535%2018.75%2015.8845%2018.5981%2015.5807%2018.2943C15.2769%2017.9905%2015.125%2017.6215%2015.125%2017.1875C15.125%2016.7535%2015.2769%2016.3845%2015.5807%2016.0807C15.8845%2015.7769%2016.2535%2015.625%2016.6875%2015.625C17.1215%2015.625%2017.4905%2015.7769%2017.7943%2016.0807C18.0981%2016.3845%2018.25%2016.7535%2018.25%2017.1875C18.25%2017.6215%2018.0981%2017.9905%2017.7943%2018.2943C17.4905%2018.5981%2017.1215%2018.75%2016.6875%2018.75ZM7%2020C5.26389%2020%203.78819%2019.7861%202.57292%2019.3583C1.35764%2018.9306%200.75%2018.4163%200.75%2017.8156C0.75%2017.3969%201.05816%2017.0182%201.67448%2016.6797C2.2908%2016.3411%203.12847%2016.0764%204.1875%2015.8854V18.125H6.0625V0L14.1875%204.0625L7.9375%207.1875V15.651C9.5%2015.7378%2010.776%2015.9802%2011.7656%2016.3781C12.7552%2016.776%2013.25%2017.2526%2013.25%2017.8078C13.25%2018.4186%2012.6337%2018.9366%2011.401%2019.362C10.1684%2019.7873%208.70139%2020%207%2020Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.icon--mountain a::before {
    margin-bottom: 8px;
    width: 21.33px;
    height: 16px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2223%22%20height%3D%2216%22%20viewBox%3D%220%200%2023%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.833332%2016L6.75926%205.33333L11.3519%2013.6H18.6111L13.2778%204L10.7593%208.53333L9.64815%206.53333L13.2778%200L22.1667%2016H0.833332ZM4.43827%2013.6H9.10494L6.75926%209.33333L4.43827%2013.6Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
.icon--camera a::before {
    margin-bottom: 8px;
    width: 18.75px;
    height: 15px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.5%2015C1.99653%2015%201.55816%2014.8134%201.1849%2014.4401C0.811632%2014.0668%200.625%2013.6285%200.625%2013.125V1.875C0.625%201.35938%200.811632%200.917969%201.1849%200.550782C1.55816%200.183594%201.99653%200%202.5%200H13.75C14.2656%200%2014.707%200.183594%2015.0742%200.550782C15.4414%200.917969%2015.625%201.35938%2015.625%201.875V6.25L19.375%202.5V12.5L15.625%208.75V13.125C15.625%2013.6285%2015.4414%2014.0668%2015.0742%2014.4401C14.707%2014.8134%2014.2656%2015%2013.75%2015H2.5ZM2.5%2013.125H13.75V1.875H2.5V13.125Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (max-width: 768px) {
    .icon--camera a::before {
        width: 18.52px;
        height: 15px;
    }
}
.icon--weather a::before {
    margin-bottom: 6px;
    width: 21.91px;
    height: 20px;
    mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2222%22%20height%3D%2220%22%20viewBox%3D%220%200%2022%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.0335%203.86577V0H11.9664V3.86577H10.0335ZM16.7181%206.60403L15.349%205.2349L18.0872%202.4698L19.4564%203.86577L16.7181%206.60403ZM18.0872%2011.9195V9.98658H21.953V11.9195H18.0872ZM18.0604%2019.3826L15.3758%2016.6174L16.6913%2015.2752L19.4564%2017.9866L18.0604%2019.3826ZM5.28187%206.60403L2.57046%203.86577L3.91274%202.49664L6.67784%205.2349L5.28187%206.60403ZM5.20133%2018.0671H9.38925C9.83668%2018.0671%2010.217%2017.9086%2010.5302%2017.5917C10.8434%2017.2749%2011%2016.8901%2011%2016.4373C11%2015.9847%2010.8453%2015.6018%2010.5358%2015.2886C10.2264%2014.9754%209.84419%2014.8188%209.38925%2014.8188H8.42281L8.36911%2014.4161C8.24383%2013.6107%207.88589%2012.9441%207.29529%2012.4161C6.70468%2011.8881%206.0067%2011.6242%205.20133%2011.6242C4.30647%2011.6242%203.54585%2011.9329%202.91945%2012.5503C2.29305%2013.1678%201.97985%2013.9265%201.97985%2014.8266C1.97985%2015.7268%202.29305%2016.4919%202.91945%2017.1219C3.54585%2017.752%204.30647%2018.0671%205.20133%2018.0671ZM5.20133%2020C3.77529%2020%202.55972%2019.495%201.55462%2018.4851C0.549517%2017.475%200.0469666%2016.2535%200.0469666%2014.8207C0.0469666%2013.3877%200.549517%2012.1745%201.55462%2011.1812C2.55972%2010.1879%203.77529%209.69128%205.20133%209.69128C6.27515%209.69128%207.2416%209.98658%208.10066%2010.5772C8.95972%2011.1678%209.59507%2011.9553%2010.0067%2012.9396C10.8658%2013.0828%2011.5682%2013.4855%2012.1141%2014.1477C12.6599%2014.8098%2012.9329%2015.5705%2012.9329%2016.4295C12.9329%2017.4139%2012.5862%2018.255%2011.8929%2018.953C11.1995%2019.651%2010.365%2020%209.38925%2020H5.20133ZM12.8792%2015.7584C12.736%2015.472%2012.5884%2015.1812%2012.4362%2014.8859C12.2841%2014.5906%2012.1365%2014.2998%2011.9933%2014.0134C12.6734%2013.8166%2013.2148%2013.4323%2013.6174%2012.8607C14.0201%2012.289%2014.2215%2011.6532%2014.2215%2010.953C14.2215%2010.0582%2013.906%209.30201%2013.2752%208.68456C12.6443%208.06711%2011.8859%207.75839%2011%207.75839C10.1946%207.75839%209.49198%208.00626%208.89207%208.50201C8.29216%208.99758%207.93887%209.62667%207.8322%2010.3893C7.52795%2010.2819%207.21923%2010.17%206.90603%2010.0537C6.59283%209.93736%206.2841%209.8255%205.97985%209.71812C6.2841%208.57271%206.90155%207.63758%207.8322%206.91275C8.76285%206.18792%209.81878%205.8255%2011%205.8255C12.4318%205.8255%2013.6488%206.32403%2014.651%207.32107C15.6532%208.31812%2016.1543%209.52877%2016.1543%2010.953C16.1543%2012.0268%2015.859%2013.0022%2015.2684%2013.8792C14.6778%2014.7562%2013.8814%2015.3826%2012.8792%2015.7584Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}
@media screen and (max-width: 768px) {
    .icon--weather a::before {
        width: 20.94px;
        height: 19.04px;
    }
}
.header-media-lang .media-lang .custom-select__input, .header-media-lang .media-lang .custom-select__option {
    font-size: 1rem;
}
@media screen and (max-width: 1200px) {
    .header-media-lang .media-lang .custom-select__input, .header-media-lang .media-lang .custom-select__option {
        font-size: 0.7rem;
    }
}
.header-media-lang .media-lang .custom-select__input, .header-media-lang .media-lang .custom-select__option:first-child {
    color: #eee;
}
.site-header .site-header__logo {
    flex: 0 0 12.3rem;
    max-width: 12.3rem;
}
@media screen and (max-width: 1200px) {
    .site-header .site-header__logo {
        flex: 0 0 10rem;
        max-width: 10rem;
    }
}
@media screen and (max-width: 768px) {
    .site-header .site-header__logo {
        flex: 0 1 7.8rem;
        width: 7.8rem;
    }
}

@media screen and (max-width: 1200px) {
    .site-header {
        padding: 4rem 2rem;
    }
}
@media screen and (max-width: 768px) {
    .site-header {
        padding: 2rem 1.2rem;
    }
}
@media screen and (max-width: 768px) {
    .site-header ul {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .menu-sp-active .icon--camera a.page-item, .menu-sp-active .icon--weather a.page-item, .header-white .icon--camera a.page-item, .header-white .icon--weather a.page-item {
        color: #000;
        transition: none !important;
    }
    .menu-sp-active .icon--camera a::before, .menu-sp-active .icon--weather a::before, .header-white .icon--camera a::before, .header-white .icon--weather a::before {
        background-color: #000;
        transition: none;
    }
    .site-header ul .page-item {
        font-size: 0.9rem;
        transition: none !important;
    }
}

.activity-banner .activity-nav {
    top: 40rem;
}

.media-lang .custom-select__dropdown {
    border-radius: 4px;
    overflow: hidden;
    border-width: 0;
}
.media-lang .custom-select__dropdown .custom-select__option {
    text-align: center;
}
@media (any-hover: hover) {
    .media-lang .custom-select__dropdown .custom-select__option:hover {
        background-color: #43908A;
        color: #fff;
    }
}
.media-lang .custom-select__dropdown .custom-select__option:first-of-type {
    display: none;
}

.site-activity .activity-banner .box-title {
    top: 18rem;
}
@media screen and (max-width: 768px) {
    .site-activity .activity-banner .box-title {
        top: 0;
    }
}

.site-activity.winter .activity-banner .box-title {
    top: 14rem;
}
@media screen and (max-width: 768px) {
    .site-activity.winter .activity-banner .box-title {
        top: 0;
    }
}

/* 繝輔ャ繧ｿ繝ｼ:AWARD繝ｭ繧ｴ菴咲ｽｮ縺ｮ遘ｻ蜍輔→繧ｹ繧ｿ繧､繝ｫ隱ｿ謨ｴ */
.footer__awards ul {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 48px 0;
}
.footer__awards ul li {
    width: 150px;
    margin-right: 40px;
}
.footer__awards ul li img {
    max-width: 100%;
}
@media screen and (max-width: 768px) {
    .footer__awards ul {
        justify-content: center;
        margin: 48px 0;
    }
    .footer__awards ul li {
        width: 90px;
        margin-right: 15px;
    }
}
/* Combined osusume-plan.css */
@charset "UTF-8";
.entry-content .osusume_room-list-ttl h4, .entry-content .osusume_room-pickup-ttl h4 {
  font-family: adobe-garamond-pro, serif;
  font-weight: 400;
  font-style: normal;
}

a {
  transition: all 0.2s ease-out;
}

.entry-content p {
  text-align: justify;
}

picture {
  display: block;
}

.pc-display {
  display: block;
}

@media screen and (max-width: 768px) {
  .pc-display {
    display: none;
  }
}

.sp-display {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp-display {
    display: block;
  }
}

.entry-content sup {
  vertical-align: super;
  font-size: 75%;
}

.entry-content .osusume {
  margin-bottom: 120px;
}

.entry-content .osusume * {
  box-sizing: border-box;
}

.entry-content .osusume a {
  color: #151515;
}

.entry-content .osusume .red {
  color: #C8000D;
}

.entry-content .osusume h2 {
  margin-top: 80px;
  margin-bottom: 32px!important;
  font-family: "Noto Serif JP", serif;
  font-size: 32px;
  line-height: 1.125;
  text-align: center;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume h2 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 1.25;
  }
}

.entry-content .osusume_kv {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.entry-content .osusume_kv img {
  width: 100%;
  height: 100%;
  max-height: 340px;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_kv img {
    max-height: 188px;
  }
}

.entry-content .osusume_head {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 80px;
  padding-top: 80px;
  border-top: 1px solid #bbbbbb;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_head {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}

.entry-content .osusume_head > * {
  width: 92%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.entry-content .osusume_head h1 {
  margin-bottom: 30px;
  font-family: "Noto Serif JP", serif;
  font-size: 40px;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_head h1 {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 1.25;
  }
}

.entry-content .osusume_head p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.75;
  font-weight: bold;
  text-align: center;
}

.entry-content .osusume_topics {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto 64px;
  padding: 32px;
  border: 1px solid #C8000D;
  border-radius: 6px;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_topics {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_topics {
    width: 92%;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_topics {
    padding: 24px;
  }
}

.entry-content .osusume_topics > *:last-child *:last-child {
  margin-bottom: 0;
}

.entry-content .osusume_topics h3 {
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #CCCCCC;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_topics h3 {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.625;
    text-align: left;
  }
}

.entry-content .osusume_topics p {
  font-size: 14px;
  line-height: 1.7142857143;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_topics a {
    position: relative;
    display: block;
    margin: 12px 0;
    padding: 10px;
    border-radius: 4px;
    /* border: 1px solid #707070; */
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
}

.entry-content .osusume_topics a::before {
  /* content: "> "; */
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_topics a::before {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_topics a::after {
    /* content: ""; */
    position: absolute;
    top: 50%;
    right: 24px;
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: none;
    transform: rotate(45deg) translateY(-50%);
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_topics a:hover {
    background-color: #151515;
    color: #fff;
  }
  .entry-content .osusume_topics a:hover::after {
    border-color: #fff;
  }
}

.entry-content .osusume_topics-note p {
  font-size: 12px;
  line-height: 1.5;
}

.entry-content .osusume_rank {
  width: 92%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_rank {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_rank {
    width: 92%;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank h2 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

.entry-content .osusume_rank > ul {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank > ul {
    margin-left: 4vw;
    padding-bottom: 15px;
    overflow: visible;
    overflow-x: auto;
  }
}

.entry-content .osusume_rank > ul > li {
  list-style: none;
  width: calc((100% - 48px) / 3);
  margin-right: 24px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank > ul > li {
    width: 75.2vw;
    min-width: 75.2vw;
    margin-right: 16px;
  }
}

.entry-content .osusume_rank > ul > li:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank > ul > li:nth-child(3n) {
    margin-right: 16px;
  }
}

.entry-content .osusume_rank-wrapper {
  display: block;
  border: 1px solid #DDDDDD;
  color: #151515;
  text-decoration: none;
}

.entry-content .osusume_rank-img {
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_rank-img::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 70.83%;
}

.entry-content .osusume_rank-img span {
  position: absolute;
  left: 0;
  top: 0;
  padding: 1px 27px;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 2.1428571429;
  font-weight: bold;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank-img span {
    padding: 1px 20px;
    font-size: 12px;
    line-height: 1.8333333333;
  }
}

.entry-content .osusume_rank-img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_rank-body {
  padding: 24px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank-body {
    padding: 16px;
  }
}

.entry-content .osusume_rank-tag {
  margin: 0 0 16px 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank-tag {
    margin-bottom: 12px;
  }
}

.entry-content .osusume_rank-tag ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
}

.entry-content .osusume_rank-tag ul li {
  list-style: none;
  display: block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0 20px;
  border: 1px solid #BBBBBB;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank-tag ul li {
    margin-right: 4px;
    margin-bottom: 4px;
  }
}

.entry-content .osusume_rank-tag ul li:last-child {
  margin-right: 0;
}

.entry-content .osusume_rank-txt {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

.entry-content .osusume_rank-price {
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  line-height: 0.8571428571;
  font-weight: bold;
  text-align: right;
}

.entry-content .osusume_rank-price span {
  font-size: 71.4%;
}

.entry-content .osusume_rank-price-note {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}

.entry-content .osusume_rank-btn a {
  position: relative;
  display: block;
  margin: 15px auto 0;
  padding: 15px 28px;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank-btn a {
    font-size: 16px;
    line-height: 1.6875;
  }
}

.entry-content .osusume_rank-btn a:hover {
  background-color: #151515;
}

.entry-content .osusume_rank-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 12px;
  height: 12px;
  margin-top: -3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}

.entry-content .osusume_rank-toggle {
  width: 100%;
  margin: 15px auto 0;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank-toggle {
    font-size: 16px;
    line-height: 1.6875;
  }
}

.entry-content .osusume_rank-toggle-head {
  position: relative;
  display: block;
  padding: 14.5px;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 1.7142857143;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_rank-toggle-head {
    font-size: 16px;
    line-height: 1.6875;
  }
}

.entry-content .osusume_rank-toggle-head::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 12px;
  margin-top: -5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(135deg) translateY(50%);
  transition: all 0.2s ease-out;
}

.entry-content .osusume_rank-toggle-head:hover {
  background-color: #333;
}

.entry-content .osusume_rank-toggle-body {
  display: none;
}

.entry-content .osusume_rank-toggle-body ul {
  margin: 0;
}

.entry-content .osusume_rank-toggle-body ul li {
  list-style: none;
  border-top: 1px solid #fff;
}

.entry-content .osusume_rank-toggle-body ul a {
  position: relative;
  display: block;
  padding: 14px;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 1.2857142857;
  text-align: center;
  text-decoration: none;
}

.entry-content .osusume_rank-toggle-body ul a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}

.entry-content .osusume_rank-toggle-body ul a:hover {
  background-color: #333;
}

.entry-content .osusume_rank-toggle.is-active .osusume_rank-toggle-head {
  background-color: #333;
}

.entry-content .osusume_rank-toggle.is-active .osusume_rank-toggle-head::after {
  margin-top: 0;
  transform: rotate(-45deg);
}

.entry-content .osusume_choose {
  width: 92%;
  max-width: 1200px;
  margin: 64px auto;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_choose {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_choose {
    width: 92%;
  }
}

.entry-content .osusume_choose ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
}

.entry-content .osusume_choose ul li {
  list-style: none;
  width: calc((100% - 48px) / 4);
  margin-right: 16px;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_choose ul li {
    width: calc((100% - 12px) / 2);
    margin-right: 12px;
  }
}

.entry-content .osusume_choose ul li:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_choose ul li:nth-child(2n) {
    margin-right: 0;
  }
}

.entry-content .osusume_choose ul li a {
  display: block;
  color: #151515;
  text-decoration: none;
}

.entry-content .osusume_choose ul li a:hover .osusume_choose-img {
  opacity: .7;
}

.entry-content .osusume_choose ul li a:hover .osusume_choose-img img {
  transform: scale(1.1);
}

.entry-content .osusume_choose ul li a:hover .osusume_choose-body {
  background-color: #151515;
  color: #fff;
}

.entry-content .osusume_choose ul li a:hover .osusume_choose-body::after {
  border-color: #fff;
}

.entry-content .osusume_choose-img {
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_choose-img {
    border-radius: 4px 4px 0 0;
  }
}

.entry-content .osusume_choose-img::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_choose-img::before {
    padding-top: 52%;
  }
}

.entry-content .osusume_choose-img span {
  position: absolute;
  left: 0;
  top: 0;
}

.entry-content .osusume_choose-img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_choose-body {
  position: relative;
  padding: 19px 49px 19px 34px;
  border: 1px solid #DDDDDD;
  font-size: 16px;
  line-height: 1.25;
  font-weight: bold;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_choose-body {
    padding: 16px 32px 16px 10px;
    border-radius: 0 0 4px 4px;
    font-size: 13px;
    line-height: 1.5384615385;
  }
}

.entry-content .osusume_choose-body::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-top: 1px solid #151515;
  border-right: 1px solid #151515;
  transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_choose--01 ul li {
    width: 100%;
    margin-right: 0;
  }
}

.entry-content .osusume_room {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_room {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_room {
    width: 92%;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room h2 {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

.entry-content .osusume_room-pickup {
  margin-bottom: 24px;
}

.entry-content .osusume_room-pickup ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-pickup ul {
    margin-left: 4vw;
    padding-bottom: 15px;
    overflow: visible;
    overflow-x: auto;
  }
}

.entry-content .osusume_room-pickup ul li {
  list-style: none;
  width: calc((100% - 48px) / 3);
  margin-right: 24px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-pickup ul li {
    width: 75.2vw;
    min-width: 75.2vw;
    margin-right: 16px;
  }
}

.entry-content .osusume_room-pickup ul li:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-pickup ul li:nth-child(3n) {
    margin-right: 16px;
  }
}

.entry-content .osusume_room-pickup-wrapper {
  display: block;
  padding-bottom: 32px;
  background-color: #333333;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-pickup-wrapper {
    padding-bottom: 0;
  }
}

.entry-content .osusume_room-pickup-img {
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_room-pickup-img::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.entry-content .osusume_room-pickup-img span {
  position: absolute;
  left: 0;
  top: 0;
}

.entry-content .osusume_room-pickup-img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_room-pickup-body {
  padding: 32px 16px 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-pickup-body {
    padding: 32px 16px 0 16px;
  }
}

.entry-content .osusume_room-pickup-ttl {
  margin-bottom: 16px;
}

.entry-content .osusume_room-pickup-ttl h4 {
  font-size: 24px;
  line-height: 1;
}

.entry-content .osusume_room-pickup-ttl small {
  display: block;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
}

.entry-content .osusume_room-pickup-txt {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.7142857143;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-pickup-txt {
    margin-bottom: 38px;
  }
}

.entry-content .osusume_room-pickup-note {
  font-size: 12px;
  line-height: 1.5;
}

.entry-content .osusume_room-pickup-btn a {
  position: relative;
  display: block;
  width: 85%;
  max-width: 282px;
  margin: 40px auto 0;
  padding: 15px 32px;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-pickup-btn a {
    width: 100%;
    max-width: 100%;
    border: 1px solid #C8000D;
    font-size: 14px;
    line-height: 1.5;
  }
}

.entry-content .osusume_room-pickup-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}

.entry-content .osusume_room-pickup-btn a:hover {
  background-color: #fff;
  color: #C8000D;
}

.entry-content .osusume_room-pickup-btn a:hover::after {
  border-color: #C8000D;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}

.entry-content .osusume_room-list ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul {
    flex-direction: column;
  }
}

.entry-content .osusume_room-list ul li {
  list-style: none;
  width: calc((100% - 40px) / 5);
  margin-right: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px;
  }
}

.entry-content .osusume_room-list ul li:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul li:last-child {
    margin-bottom: 0;
  }
}

.entry-content .osusume_room-list ul li > a, .entry-content .osusume_room-list ul li > div {
  position: relative;
  display: block;
  border: 1px solid #dddddd;
  color: #151515;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul li > a, .entry-content .osusume_room-list ul li > div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    border: none;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul li > a {
    position: relative;
  }
  .entry-content .osusume_room-list ul li > a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #151515;
    border-right: 1px solid #151515;
    transform: rotate(45deg) translateX(-50%);
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul li > a:hover {
    background-color: #151515;
  }
}

.entry-content .osusume_room-list ul li > a:hover::after {
  border-color: #fff;
}

.entry-content .osusume_room-list ul li > a:hover .osusume_room-list-img {
  opacity: .7;
}

.entry-content .osusume_room-list ul li > a:hover .osusume_room-list-img img {
  transform: scale(1.1);
}

.entry-content .osusume_room-list ul li > a:hover .osusume_room-list-body {
  background-color: #151515;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul li > a:hover .osusume_room-list-body {
    background-color: transparent;
  }
}

.entry-content .osusume_room-list ul li > a:hover .osusume_room-list-body::after {
  border-color: #fff;
}

.entry-content .osusume_room-list ul li > a .osusume_room-list-body::after {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #151515;
  border-right: 1px solid #151515;
  transform: rotate(45deg) translateX(-50%);
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list ul li > a .osusume_room-list-body::after {
    content: none;
  }
}

.entry-content .osusume_room-list-img {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list-img {
    width: 46%;
    flex-shrink: 0;
  }
}

.entry-content .osusume_room-list-img::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.46%;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list-img::before {
    padding-top: 62%;
  }
}

.entry-content .osusume_room-list-img span {
  position: absolute;
  left: 0;
  top: 0;
}

.entry-content .osusume_room-list-img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_room-list-body {
  position: relative;
  padding: 24px 16px 42px 16px;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list-body {
    width: 54%;
    padding: 4px 16px;
  }
}

.entry-content .osusume_room-list-ttl {
  margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list-ttl {
    margin-bottom: 5px;
  }
}

.entry-content .osusume_room-list-ttl h4 {
  margin-bottom: 9px;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list-ttl h4 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.25;
  }
}

.entry-content .osusume_room-list-ttl small {
  display: block;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list-ttl small {
    font-size: 12px;
  }
}

.entry-content .osusume_room-list-note {
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_room-list-note {
    font-size: 10px;
    line-height: 1.5;
  }
}

.entry-content .osusume_hotel {
  margin-top: 86px;
  padding: 64px 0;
  background-color: #151515;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_hotel {
    margin-top: 80px;
    padding: 40px 0;
  }
}

.entry-content .osusume_hotel-head {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto 32px;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_hotel-head {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_hotel-head {
    width: 92%;
  }
}

.entry-content .osusume_hotel-head h2 {
  margin-top: 0;
  color: #fff;
}

.entry-content .osusume_hotel-head p {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
  font-weight: bold;
  text-align: center;
}

.entry-content .osusume_hotel-content {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_hotel-content {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_hotel-content {
    width: 92%;
  }
}

.entry-content .osusume_hotel-content ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_hotel-content ul {
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.entry-content .osusume_hotel-content ul li {
  list-style: none;
  width: calc((100% - 48px) / 3);
  margin-right: 24px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_hotel-content ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.entry-content .osusume_hotel-content ul li:nth-child(3n) {
  margin-right: 0;
}

.entry-content .osusume_hotel-wrapper {
  display: block;
  color: #fff;
  text-decoration: none;
}

.entry-content .osusume_hotel-img {
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_hotel-img::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_hotel-img::before {
    padding-top: 79.3%;
  }
}

.entry-content .osusume_hotel-img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_hotel-body {
  padding: 32px;
  background-color: #333333;
}

.entry-content .osusume_hotel-logo {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}

.entry-content .osusume_hotel-logo.logo-hag {
  max-width: 208px;
}

.entry-content .osusume_hotel-logo.logo-ahs {
  max-width: 212px;
}

.entry-content .osusume_hotel-logo.logo-aoh {
  max-width: 208px;
}

.entry-content .osusume_hotel-logo img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.entry-content .osusume_hotel-txt {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.7142857143;
}

.entry-content .osusume_hotel-note {
  font-size: 12px;
  line-height: 1.5;
}

.entry-content .osusume_hotel-btn a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 320px;
  margin: 24px auto 0;
  padding: 8px 32px;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_hotel-btn a {
    max-width: 100%;
  }
}

.entry-content .osusume_hotel-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 12px;
  height: 12px;
  margin-top: -3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}

.entry-content .osusume_hotel-btn a:hover {
  background-color: #fff;
  color: #C8000D;
}

.entry-content .osusume_hotel-btn a:hover::after {
  border-color: #C8000D;
}

.entry-content .osusume_plan {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_plan {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_plan {
    width: 92%;
  }
}

.entry-content .osusume_plan > ul {
  margin: 0;
}

.entry-content .osusume_plan > ul > li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 16px;
  padding: 40px 38px 40px 48px;
  border: 1px solid #bbbbbb;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan > ul > li {
    padding: 0;
  }
}

.entry-content .osusume_plan > ul > li:last-child {
  margin-bottom: 0;
}

.entry-content .osusume_plan-ttl {
  width: 100%;
  margin-top: 0;
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-ttl {
    order: 2;
    margin-bottom: 16px;
    padding: 0 16px;
  }
}

.entry-content .osusume_plan-ttl h3 {
  margin: 0;
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-ttl h3 {
    font-size: 16px;
    line-height: 1.5;
  }
}

.entry-content .osusume_plan-ttl span {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 4px;
  padding: 1px 8px;
  border: 1px solid #C8000D;
  color: #C8000D;
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-serif;
  font-size: 14px;
  line-height: 24px;
  vertical-align: text-bottom;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-ttl span {
    margin-bottom: 10px;
  }
}

.entry-content .osusume_plan-img {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin-right: 40px;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-img {
    width: 100%;
    max-width: 100%;
    order: 1;
    flex-shrink: 0;
    margin-bottom: 16px;
  }
}

.entry-content .osusume_plan-img::before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 75%;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-img::before {
    padding-top: 70.55%;
  }
}

.entry-content .osusume_plan-img img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.entry-content .osusume_plan-body {
  width: 100%;
  max-width: calc(100% - 320px - 40px);
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-body {
    order: 3;
    max-width: 100%;
    padding: 0 16px 32px;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-break {
    height: 90px;
    overflow: hidden;
    transition: all 0.2s ease-out;
  }
}

.entry-content .osusume_plan-break-toggle {
  display: none;
  position: relative;
  margin-top: 12px;
  margin-bottom: 28px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-break-toggle {
    display: block;
  }
}

.entry-content .osusume_plan-break-toggle::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #BBBBBB;
  transform: translateY(-50%);
  z-index: -1;
}

.entry-content .osusume_plan-break-toggle.is-active span::before {
  content: '閉じる';
}

.entry-content .osusume_plan-break-toggle span::before {
  content: '続きをみる';
  display: inline-block;
  width: 52.7%;
  padding: 3.5px 10px;
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #BBBBBB;
  font-size: 12px;
  line-height: 2.0833333333;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_plan-break-toggle span:hover::before {
  background-color: #333;
  color: #fff;
}

.entry-content .osusume_plan-txt {
  margin-top: -5px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-txt {
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 1.7857142857;
  }
}

.entry-content .osusume_plan-period {
  width: 46.7%;
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_plan-period {
    width: 100%;
    margin-bottom: 20px;
  }
}

.entry-content .osusume_plan-period dl {
  display: flex;
  justify-content: flex-start;
  margin: 0;
}

.entry-content .osusume_plan-period dl dt {
  width: 7em;
  margin: 0;
  padding: 4px;
  background-color: #333;
  color: #fff;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-period dl dt {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}

.entry-content .osusume_plan-period dl dd {
  width: calc(100% - 6em);
  margin: 0;
  padding: 4px;
  border: 1px solid #BBBBBB;
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-period dl dd {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}

.entry-content .osusume_plan-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_plan-wrapper {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-wrapper > .osusume_plan-right {
    display: none;
  }
}

.entry-content .osusume_plan-left {
  flex: 0 0 46.7%;
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_plan-left {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 0;
  }
}

.entry-content .osusume_plan-right {
  align-self: flex-end;
  flex: 0 0 46.7%;
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_plan-right {
    flex: 0 0 100%;
    width: 100%;
  }
}

.entry-content .osusume_plan-ticket, .entry-content .osusume_plan-food, .entry-content .osusume_plan-onsen {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.7692307692;
}

.entry-content .osusume_plan-ticket::before, .entry-content .osusume_plan-food::before, .entry-content .osusume_plan-onsen::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  margin-right: 10px;
  background-image: url("/wp-content/uploads/2021/09/icon_ticket.svg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.entry-content .osusume_plan-food::before {
  background-image: url("/wp-content/uploads/2021/09/icon_food.svg");
}

.entry-content .osusume_plan-onsen::before {
  background-image: url("/wp-content/uploads/2021/09/icon_onsen.svg");
}

.entry-content .osusume_plan-price {
  font-family: "Noto Serif JP", serif;
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
  text-align: right;
}

.entry-content .osusume_plan-price span {
  font-size: 55.5%;
}

.entry-content .osusume_plan-price-note {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}

.entry-content .osusume_plan-btn {
  width: 100%;
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-btn {
    width: 87%;
    max-width: 272px;
    margin-left: auto;
    margin-right: auto;
  }
}

.entry-content .osusume_plan-btn a {
  position: relative;
  display: block;
  padding: 14.5px;
  background-color: #C8000D;
  color: #fff;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

.entry-content .osusume_plan-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.entry-content .osusume_plan-btn a:hover {
  background-color: #333;
}

.entry-content .osusume_plan-toggle {
  width: 100%;
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_plan-toggle {
    width: 87%;
    max-width: 272px;
    margin-left: auto;
    margin-right: auto;
  }
}

.entry-content .osusume_plan-toggle-head {
  position: relative;
  display: block;
  padding: 14.5px;
  background-color: #C8000D;
  color: #fff;
  font-size: 16px;
  line-height: 1.6875;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.entry-content .osusume_plan-toggle-head::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  margin-top: -8.5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  transition: all 0.2s ease-out;
}

.entry-content .osusume_plan-toggle-head:hover {
  background-color: #333;
}

.entry-content .osusume_plan-toggle-body {
  display: none;
}

.entry-content .osusume_plan-toggle-body ul {
  margin: 0;
}

.entry-content .osusume_plan-toggle-body ul li {
  list-style: none;
  border-top: 1px solid #fff;
}

.entry-content .osusume_plan-toggle-body ul a {
  position: relative;
  display: block;
  padding: 14px;
  background-color: #C8000D;
  color: #fff;
  font-size: 14px;
  line-height: 1.2857142857;
  text-align: center;
  text-decoration: none;
}

.entry-content .osusume_plan-toggle-body ul a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
}

.entry-content .osusume_plan-toggle-body ul a:hover {
  background-color: #333;
}

.entry-content .osusume_plan-toggle.is-active .osusume_plan-toggle-head {
  background-color: #333;
}

.entry-content .osusume_plan-toggle.is-active .osusume_plan-toggle-head::after {
  margin-top: -2px;
  transform: rotate(-45deg);
}

.entry-content .osusume_back {
  width: 92%;
  max-width: 384px;
  margin: 40px auto 80px;
}

@media screen and (max-width: 1440px) {
  .entry-content .osusume_back {
    width: calc(100% - 250px);
  }
}

@media screen and (max-width: 1024px) {
  .entry-content .osusume_back {
    width: 92%;
  }
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_back {
    max-width: 272px;
  }
}

.entry-content .osusume_back a {
  display: block;
  padding: 10px 10px 8px 10px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  color: #151515;
  font-size: 14px;
  line-height: 1.7142857143;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .entry-content .osusume_back a {
    padding: 14px 10px 12px 10px;
    font-size: 12px;
    line-height: 1.6666666667;
  }
}

.entry-content .osusume_back a:hover {
  background-color: #151515;
  border-color: #151515;
  color: #fff;
}


/*コード→移行（stay_plan_info）*/
.telbtn { color:#fff; margin:16px 16px 0px 16px; padding:16px 0px; border-top:#666 1px solid; }
.telbtn a { text-decoration:none; color: #fff; }
.telbtn a:link { text-decoration:none; color: #fff; }
.telbtn a:hover { text-decoration:none; color: #666; }
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*コード→移行（stay_dinner）*/
.osusume_plan-att{
  font-size: 100% !important;
}

.osusume_plan-price{
  color: red;
}


/*21/11/11 add　（stay_dinner）*/
.tax{
  font-size: 12px !important;
  display: block;
  padding-top: 10px;
}

/*21/11/11 add　（stay_dinner）*/

/* .combined long styl */
 /***-----------------------------------
pcとspでの表示非表示
-----------------------------------***/
.pc {
  display: none !important;
}
@media (min-width: 640px) {
  .pc {
    display: block !important;
  }
}
.sp {
  display: block !important;
}
@media (min-width: 640px) {
  .sp {
    display: none !important;
  }
}
/***-----------------------------------
default
-----------------------------------***/
.longstay * {
  box-sizing: border-box;
}
.longstay {
  margin-bottom: 40px;
  position: relative;
}
.longstay a {
  transition: all 0.25s ease;
}
.longstay img {
  width: 100%;
  vertical-align: bottom;
}
.slick-arrow {
  border: none;
}
/***-----------------------------------
kv
-----------------------------------***/
.longstay {
  font-family: zen-old-mincho, sans-serif;
  font-style: normal;
  color: #151515;
}
.longstay .kv {
  position: relative;
}
.longstay .kv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 90px solid #F4EEE9;
  border-left: 100vw solid transparent;
}
@media (min-width: 1024px) {
  .longstay .kv::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 100px solid #F4EEE9;
    border-left: 100vw solid transparent;
  }
}
.longstay .kv h1 {
  width: 100%;
  max-width: 252px;
  margin-top: 152px;
}
@media (min-width: 1024px) {
  .longstay .kv h1 {
    width: 100%;
    max-width: 550px;
    margin-top: 312px;
  }
}
/***-----------------------------------
lead
-----------------------------------***/
.longstay .lead {
  background: #F4EEE9;
  padding: 24px 24px 0;
}
@media (min-width: 768px) {
  .longstay .lead {
    background: #F4EEE9;
    padding: 40px 0 0;
  }
}
.longstay .lead h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
  color: #0068B7;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .longstay .lead h2 {
    font-size: 56px;
    line-height: 68px;
    font-weight: 700;
    text-align: center;
    color: #0068B7;
    margin: 0 auto;
  }
}
.longstay .lead p {
  font-size: 19px;
  line-height: 31px;
  font-weight: 700;
  text-align: justify;
  margin-top: 32px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .longstay .lead p {
    font-size: 18px;
    line-height: 38px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0;
  }
}
/***-----------------------------------
reserve
-----------------------------------***/
.longstay .reserve {
  background: #F4EEE9;
  text-align: center;
  padding-top: 48px;
  margin-top: 0;
}
@media (min-width: 768px) {
  .longstay .reserve {
    background: #F4EEE9;
    text-align: center;
    padding-top: 40px;
    margin-top: 0;
  }
}
.longstay .reserve .jimoto {
  display: inline-block;
  background: #0068B7;
  border-radius: 6px;
  font-size: 12px;
  line-height: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  color: #fff;
  padding: 8px 48px;
  position: relative;
}
@media (min-width: 768px) {
  .longstay .reserve .jimoto {
    display: inline-block;
    background: #0068B7;
    border-radius: 6px;
    font-size: 14px;
    line-height: 21px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    color: #fff;
    padding: 16px 104px;
    position: relative;
  }
}
.longstay .reserve .jimoto::before {
  content: "";
  border: 10px solid transparent;
  border-top: 14px solid #0068B7;
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
}
.longstay .reserve .price {
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .longstay .reserve .price {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    margin-top: 32px;
  }
}
.longstay .reserve .price .kakaku {
  font-size: 50px;
}
@media (min-width: 768px) {
  .longstay .reserve .price .kakaku {
    font-size: 80px;
  }
}
.longstay .reserve .price .en {
  font-size: 28px;
}
@media (min-width: 768px) {
  .longstay .reserve .price .en {
    font-size: 40px;
  }
}
.longstay .reserve p.att {
  font-size: 12px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .longstay .reserve p.att {
    font-size: 12px;
    line-height: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 32px;
  }
}
.longstay .reserve .beige {
  background: #fff;
  padding: 48px 16px 40px;
  position: relative;
}
@media (min-width: 1024px) {
  .longstay .reserve .beige {
    background: #fff;
    padding: 0 0 64px;
    position: relative;
  }
}
.longstay .reserve .beige::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-top: 90px solid #F4EEE9;
  border-right: 100vw solid transparent;
}
@media (min-width: 768px) {
  .longstay .reserve .beige::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 100px solid #F4EEE9;
    border-right: 100vw solid transparent;
  }
}
.longstay .reserve .btn {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.longstay .reserve .btn a {
  text-decoration: none;
  display: block;
  border: 3px solid #0068B7;
  background: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
  color: #0068B7;
  padding: 16px 0;
  position: relative;
}
@media (min-width: 768px) {
  .longstay .reserve .btn a {
    text-decoration: none;
    display: block;
    border: 3px solid #0068B7;
    background: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    color: #0068B7;
    padding: 24px 0;
    position: relative;
  }
}
.longstay .reserve .btn a:hover {
  background: #0068B7;
  color: #fff;
}
.longstay .reserve .btn a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 3px solid #0068B7;
  border-bottom: 3px solid #0068B7;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-60%) rotate(45deg);
}
@media (min-width: 768px) {
  .longstay .reserve .btn a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 3px solid #0068B7;
    border-bottom: 3px solid #0068B7;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-60%) rotate(45deg);
  }
}
.longstay .reserve .btn a:hover::before {
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.longstay .reserve p {
  font-size: 14px;
  line-height: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .longstay .reserve p {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin-top: 24px;
  }
}
.longstay .reserve .tel {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-top: 12px;
}
.longstay .reserve .tel a {
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #151515;
}
@media (min-width: 768px) {
  .longstay .reserve .tel a {
    pointer-events: none;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #151515;
  }
}
.longstay .reserve .tel span {
  font-size: 12px;
}
/***-----------------------------------
recommend
-----------------------------------***/
.recommend {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .recommend {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
  }
}
.recommend h2 {
  width: 100%;
  max-width: 264px;
  margin-top: 72px;
  margin-left: 20px;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .recommend h2 {
    width: 100%;
    max-width: 595px;
    margin-top: 80px;
    margin-left: 168px;
    position: relative;
    z-index: 1;
  }
}
.recommend .col {
  margin-top: 64px;
  position: relative;
}
.recommend .col .photo img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .recommend .col .photo img {
    width: 100%;
    object-fit: cover;
  }
}
.recommend .col .txt {
  background: #fff;
  padding: 8px 32px 8px 20px;
  position: absolute;
}
@media (min-width: 1024px) {
  .recommend .col .txt {
    background: #fff;
    width: 420px;
    padding: 38px 32px;
    position: absolute;
  }
}
.recommend .col .txt h3 {
  font-size: 28px;
  font-weight: 700;
  position: relative;
  margin: 0;
  margin-left: 32px;
}
@media (min-width: 1024px) {
  .recommend .col .txt h3 {
    font-size: 43px;
    font-weight: 700;
    position: relative;
    margin: 0;
    margin-left: 40px;
    letter-spacing: -4px;
  }
}
.recommend .col .txt h3:before {
  content: "";
  width: 24px;
  border-top: 1px solid #0068B7;
  position: absolute;
  top: 50%;
  left: -32px;
}
@media (min-width: 1024px) {
  .recommend .col .txt h3:before {
    content: "";
    width: 32px;
    border-top: 1px solid #0068B7;
    position: absolute;
    top: 50%;
    left: -40px;
  }
}
.recommend .col .txt p {
  display: none;
}
@media (min-width: 1024px) {
  .recommend .col .txt p {
    display: block;
    font-size: 14px;
    line-height: 23px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.recommend .col01 {
  margin-top: 24px;
}
@media (min-width: 1024px) {
  .recommend .col01 {
    margin-top: -64px;
  }
}
.recommend .col01 .photo {
  width: 84.102564102%;
}
@media (min-width: 1024px) {
  .recommend .col01 .photo {
    width: 68.521229868%;
    margin-left: 31.478770132%;
  }
}
.recommend .col01 .photo img {
  height: 420px;
}
@media (min-width: 1024px) {
  .recommend .col01 .photo img {
    height: 580px;
  }
}
.recommend .col01 .txt {
  top: 56px;
  right: 0;
}
@media (min-width: 1024px) {
  .recommend .col01 .txt {
    top: 50%;
    left: 172px;
    transform: translateY(-50%);
  }
}
.recommend .col02 .photo {
  width: 91.794871794%;
  margin-left: 8.205128206%;
}
@media (min-width: 1024px) {
  .recommend .col02 .photo {
    width: 68.521229868%;
    margin-left: 0;
  }
}
.recommend .col02 .photo img {
  height: 322px;
}
@media (min-width: 1024px) {
  .recommend .col02 .photo img {
    height: 580px;
  }
}
.recommend .col02 .txt {
  bottom: 32px;
  left: 0;
}
@media (min-width: 1024px) {
  .recommend .col02 .txt {
    bottom: 52px;
    left: auto;
    right: 172px;
  }
}
.recommend .col03 .photo {
  width: 81.538461538%;
  margin-left: 5.128205128%;
}
@media (min-width: 1024px) {
  .recommend .col03 .photo {
    width: 62.225475841%;
    margin-left: 37.774524159%;
  }
}
.recommend .col03 .photo img {
  height: 388px;
}
@media (min-width: 1024px) {
  .recommend .col03 .photo img {
    height: 424px;
  }
}
.recommend .col03 .txt {
  bottom: 46px;
  right: 0;
}
@media (min-width: 1024px) {
  .recommend .col03 .txt {
    bottom: 48px;
    left: 172px;
  }
}
.recommend .col04 .photo {
  width: 84.102564102%;
  margin-left: 5.128205128%;
}
@media (min-width: 1024px) {
  .recommend .col04 .photo {
    width: 62.225475841%;
    margin-left: 12.591508052%;
  }
}
.recommend .col04 .photo img {
  height: 230px;
}
@media (min-width: 1024px) {
  .recommend .col04 .photo img {
    height: 424px;
  }
}
.recommend .col04 .txt {
  bottom: 0;
  left: 0;
}
@media (min-width: 1024px) {
  .recommend .col04 .txt {
    bottom: 0;
    left: auto;
    right: 144px;
  }
}
/***-----------------------------------
room
-----------------------------------***/
.longstay .room h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 120px;
  margin-bottom: 0;
  margin: 0 auto;
}
.longstay .room h2:before, .longstay .room h2:after {
  content: "";
  width: 48px;
  border-top: 1px solid #0068B7;
}
.longstay .room h2:before {
  margin-right: 8px;
}
.longstay .room h2:after {
  margin-left: 8px;
}
.longstay .room .col {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1022px;
  margin: 0 auto;
  padding: 0 5.128205128%;
}
@media (min-width: 768px) {
  .longstay .room .col {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1022px;
    margin: 0 auto;
    padding: 0
  }
}
.longstay .room .col .item {
  width: 100%;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .longstay .room .col .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 12px;
  }
}
@media (min-width: 768px) {
  .longstay .room .col .item:nth-child(2n) {
    margin-right: 0;
  }
}
.longstay .room .col .item:nth-child(1) {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .longstay .room .col .item:nth-child(-n+2) {
    margin-top: 64px;
  }
}
.longstay .room .col .item h3 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
  text-align: center;
}
.longstay .room .col .photo {
  width: 100%;
  margin-top: 24px;
}
@media (min-width: 768px) {
  .longstay .room .col .photo {
    width: 100%;
    max-width: 506px;
    margin-top: 24px;
  }
}
.longstay .room .col .photo img {
  width: 100%;
  height: 217px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .longstay .room .col .photo img {
    width: 100%;
    height: 312px;
    object-fit: cover;
  }
}
.longstay .room .col .txt {
  padding: 20px 0;
  position: relative;
}
@media (min-width: 768px) {
  .longstay .room .col .txt {
    padding: 20px;
    position: relative;
  }
}
.longstay .room .col .txt h4 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
}
.longstay .room .col .txt p {
  font-size: 14px;
  line-height: 22px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: justify;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .longstay .room .col .txt p {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: justify;
    margin-top: 20px;
  }
}
.longstay .room .col .txt ul {
  margin: 32px 0 0 8px;
}
@media (min-width: 768px) {
  .longstay .room .col .txt ul {
    margin: 20px 0 0 8px;
  }
}
.longstay .room .col .txt ul li {
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: justify;
}
.longstay .room .col .txt .floor__plan {
  position: absolute;
  bottom: 52px;
  left: 0;
}
@media (min-width: 768px) {
  .longstay .room .col .txt .floor__plan {
    position: absolute;
    bottom: 64px;
    left: 20px;
  }
}
.longstay .room .col .txt .floor__plan a {
  text-decoration: none;
  display: block;
  border: 1px solid #151515;
  width: 60px;
  height: 42px;
  font-size: 12px;
  line-height: 15px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  color: #151515;
  padding: 4px 0 0;
}
@media (min-width: 768px) {
  .longstay .room .col .txt .floor__plan a {
    text-decoration: none;
    display: block;
    border: 1px solid #151515;
    width: 100px;
    height: 30px;
    font-size: 13px;
    line-height: 23px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    color: #151515;
    padding: 2px 0 0;
  }
}
.longstay .room .col .txt .price {
  border-top: 1px dotted #707070;
  margin-top: 20px;
  font-size: 16px;
  line-height: 32px;
  font-weight: 700;
  text-align: right;
  padding-top: 16px;
}
.longstay .room .col .txt .price .kakaku {
  font-size: 36px;
}
.longstay .room .col .txt .price .en {
  font-size: 22px;
}
.longstay .room .col .txt p.att {
  font-size: 12px;
  line-height: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: right;
  margin-top: 8px;
  margin-bottom: 0;
}
/***-----------------------------------
fixtures
-----------------------------------***/
.longstay .fixtures {
  width: 100%;
  padding: 0 5.128205128%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .longstay .fixtures {
    width: 100%;
    max-width: 1022px;
    padding: 0;
    margin: 0 auto;
  }
}
.longstay .fixtures h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 120px;
  margin-bottom: 0;
}
.longstay .fixtures h2:before, .longstay .fixtures h2:after {
  content: "";
  width: 48px;
  border-top: 1px solid #0068B7;
}
.longstay .fixtures h2:before {
  margin-right: 8px;
}
.longstay .fixtures h2:after {
  margin-left: 8px;
}
.longstay .fixtures .col__L {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 48px;
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__L {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
  }
}
.longstay .fixtures .col__L .photo {
  width: calc((100% - 10px) / 2);
  margin-right: 10px;
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__L .photo {
    width: calc((100% - 30px) / 4);
    margin-right: 10px;
    margin-top: 0;
  }
}
.longstay .fixtures .col__L .photo:nth-child(-n+2) {
  margin-top: 0;
}
.longstay .fixtures .col__L .photo:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__L .photo:nth-child(2n) {
    margin-right: 10px;
  }
  .longstay .fixtures .col__L .photo:nth-child(4n) {
    margin-right: 0;
  }
}
.longstay .fixtures .col__S {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 16px auto 0;
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__S {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1022px;
    margin: 16px auto 0;
  }
}
.longstay .fixtures .col__S .item {
  width: calc((100% - 10px) / 2);
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #bbb;
  border-radius: 4px;
  font-size: 13px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.longstay .fixtures .col__S .item sup {
  font-size: 60%;
  position: relative;
  top: -4px;
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__S .item {
    width: calc((100% - 112px) / 8);
    margin-right: 16px;
    margin-top: 0;
    border: 1px solid #bbb;
    border-radius: 4px;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    padding: 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__S .item01 {
    text-align: left;
  }
}
.longstay .fixtures .col__S .item:nth-child(-n+2) {
  margin-top: 0;
}
.longstay .fixtures .col__S .item:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__S .item:nth-child(2n) {
    margin-right: 16px;
  }
}
@media (min-width: 1024px) {
  .longstay .fixtures .col__S .item:nth-child(8n) {
    margin-right: 0;
  }
}
.longstay .fixtures p {
  font-size: 14px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  margin-top: 24px;
  border-bottom: 1px dotted #707070;
  padding-bottom: 24px;
}
@media (min-width: 1024px) {
  .longstay .fixtures p {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 24px;
    border-bottom: 1px dotted #707070;
    padding-bottom: 24px;
  }
}
.longstay .fixtures ul {
  margin: 24px 0 0 8px;
}
.longstay .fixtures ul li {
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: justify;
}
/***-----------------------------------
facility
-----------------------------------***/
.longstay .facility * {
  margin: 0;
  padding: 0;
}
.longstay .facility {
  width: 100%;
  padding: 0 5.128205128%;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .longstay .facility {
    width: 100%;
    max-width: 1022px;
    padding: 0;
    margin: 0 auto;
  }
}
.longstay .facility h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 120px;
  margin-bottom: 0;
}
.longstay .facility h2:before, .longstay .facility h2:after {
  content: "";
  width: 48px;
  border-top: 1px solid #0068B7;
}
.longstay .facility h2:before {
  margin-right: 8px;
}
.longstay .facility h2:after {
  margin-left: 8px;
}
.longstay .facility .col {
  border-top: 1px dotted #707070;
  margin-top: 32px;
  padding-top: 24px;
}
.longstay .facility ul {
  padding-left: 8px;
}
.longstay .facility ul li {
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: justify;
  margin-top: 8px;
  position: relative;
}
.longstay .facility ul li::before {
  content: "・";
  position: absolute;
  left: -1em;
}
/***-----------------------------------
hotel
-----------------------------------***/
.longstay .hotel {
  margin-top: 120px;
}
.longstay .hotel img {
  height: 240px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .longstay .hotel img {
    height: 534px;
    object-fit: cover;
  }
}
/***-----------------------------------
contact
-----------------------------------***/
.longstay .contact {
  padding: 0 12.307692307%;
}
@media (min-width: 1024px) {
  .longstay .contact {
    padding: 0;
  }
}
.longstay .contact h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  line-height: 30px;
  font-weight: 700;
  margin-top: 48px;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .longstay .contact h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 64px;
    margin-bottom: 0;
  }
}
.longstay .contact h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  margin: 0;
}
.longstay .contact h2:before, .longstay .contact h2:after {
  content: "";
  width: 48px;
  border-top: 1px solid #0068B7;
}
.longstay .contact h2:before {
  margin-right: 24px;
  margin-top: 40px;
}
.longstay .contact h2:after {
  margin-left: 24px;
  margin-top: 40px;
}
.longstay .contact p {
  font-size: 14px;
  line-height: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .longstay .contact p {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin-top: 20px;
  }
}
.longstay .contact .tel {
  margin-top: 32px;
}
@media (min-width: 1024px) {
  .longstay .contact .tel {
    width: 500px;
    margin: 0 auto;
    margin-top: 24px;
  }
}
.longstay .contact .tel a {
  text-decoration: none;
  display: block;
  width: 100%;
  border: 2px solid #0068B7;
  font-size: 18px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  color: #0068B7;
  padding: 16px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .longstay .contact .tel a {
    text-decoration: none;
    display: block;
    width: 100%;
    border: none;
    font-size: 60px;
    line-height: 36px;
    font-family: zen-old-mincho, sans-serif;
    font-style: normal;
    text-align: center;
    color: #151515;
    padding: 0;
    position: relative;
  }
}
.longstay .contact .tel a img {
  width: auto;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .longstay .contact .tel a img {
    width: auto;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-40%);
  }
}
.longstay .contact .btn {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .longstay .contact .btn {
    max-width: 428px;
    margin: 0 auto;
    margin-top: 32px;
  }
}
.longstay .contact .btn a {
  text-decoration: none;
  display: block;
  background: #0068B7;
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  color: #fff;
  padding: 16px 0;
}
@media (min-width: 1024px) {
  .longstay .contact .btn a {
    text-decoration: none;
    display: block;
    background: #0068B7;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    color: #fff;
    padding: 16px 0;
  }
}
.longstay .contact .btn a:hover {
  background: #151515;
}
/***-----------------------------------
point
-----------------------------------***/
.longstay .point * {
  margin: 0;
  padding: 0;
}
.longstay .point {
  width: 100%;
  padding: 0 5.128205128%;
  margin: 32px auto 0;
}
@media (min-width: 1024px) {
  .longstay .point {
    width: 100%;
    max-width: 1022px;
    padding: 0;
    margin: 32px auto 0;
  }
}
.longstay .point .col {
  border: 1px dotted #707070;
  margin-top: 32px;
  padding: 24px 16px;
}
@media (min-width: 1024px) {
  .longstay .point .col {
    border: 1px dotted #707070;
    margin-top: 32px;
    padding: 24px 32px;
  }
}
.longstay .point .col h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.longstay .point ul {
  padding-left: 8px;
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .longstay .point ul {
    padding-left: 16px;
    margin-top: 24px;
  }
}
.longstay .point ul li {
  list-style: none;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: justify;
  margin-top: 8px;
  position: relative;
}
.longstay .point ul li::before {
  content: "・";
  position: absolute;
  left: -1em;
}
/***-----------------------------------
cbox
-----------------------------------***/
#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) no-repeat -100px 0;
}
#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) no-repeat -129px 0;
}
#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) no-repeat -100px -29px;
}
#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) no-repeat -129px -29px;
}
#cboxMiddleLeft {
  width: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) left top repeat-y;
}
#cboxMiddleRight {
  width: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) right top repeat-y;
}
#cboxTopCenter {
  height: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/border.png) 0 0 repeat-x;
}
#cboxBottomCenter {
  height: 21px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/border.png) 0 -29px repeat-x;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxPrevious:hover {
  background-position: -75px -25px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext:hover {
  background-position: -50px -25px;
}
#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://www.appi.co.jp/wp-content/themes/appi-v2022-12/images/longstay/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}       

h1,h2,h3,h4,h5,h6,p{
  letter-spacing: 0px;
}