@charset "utf-8";
/*
Theme Name: Smilefarm WordPress Themes
Theme URI: https://smile-farm.co.jp/
Author: Smilefarm
Author URI: https://smile-farm.co.jp
Description: Smilefarm WordPress Themes
Version: 1.0
Text Domain: Smilefarm
*/
/* reset */

/* bootstrap-reboot.css */
/*!
 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}
/* matome.css */
h1 {font-size:40px;}
h2 {font-size:35px;}
h3 {font-size:23px;margin-bottom:35px;}
h4 {font-size:20px;}
h5 {font-size:18px;}

@media screen and (max-width:768px) {
  h1 {font-size:30px;}
  h2 {font-size:28px;}
  h3 {font-size:20px;margin-bottom:15px;}
  h4 {font-size:18px;}
  h5 {font-size:16px;}
}

.mds_st {
  margin-bottom:45px;
}

.box_us {
  padding-top:70px;
  padding-bottom:70px;
}
.box_u {
  padding-top:70px;
}
.box_s {
  padding-bottom:70px;
}
.box_hm {
  padding-left:70px;
  padding-right:70px;
}
@media screen and (max-width:1000px) {
  .box_us {
    padding-top:40px;
    padding-bottom:40px;
  }
  .box_u {
    padding-top:40px;
  }
  .box_s {
    padding-bottom:40px;
  }
  .box_hm {
    padding-left:20px;
    padding-right:20px;
  }
}
body {font-size:16px;line-height:1.8;}
body, body a {color:#222;text-decoration:none;}
body a:hover {color:#222;text-decoration:underline;}

@media screen and (max-width: 768px) {
  body {
    font-size: 13px;
  }
}

a:hover img {opacity:0.7;}
a.nop img {opacity:1;}
/* 文字色 */
.fc_fff {color:#fff;}
.fc_pink {color:#E82B5A;}
.fc_red {color:#FF0000;}

.fc_01 {color:#00A2E5;}
.fc_02 {color:#54BE19;}
.fc_03 {color:#EC609A;}
.fc_04 {color:#FB5E52;}
.fc_05 {color:#511497;}
.fc_06 {color:#707070;}
.fc_pink00 {color: #E90000;}
.fc_pink01 {color: #F55774;}
.fc_pink02 {color: #F6999D;}
.fc_pink03 {color: #F5ABAE;}
.fc_pink04 {color: #FEEFF0;}
.fc_pink05 {color: #F55774;}
.fc_blue {color: #00B1D7;}
.fc_666 {color: #666666;}


/* 背景色 */
.bgc_fff {background-color:#fff;}
.bgc_fa {background-color:#fafafa;}
.bgc_00 {background-color:#000;}
.bgc_bl {background-color:#EDFAFF;}
.bgc_f3 {background-color:#F3F3F3;}
.bgc_pink01 {background-color: #F55774;}
.bgc_pink02 {background-color: #F6999D;}
.bgc_pink03 {background-color: #F5ABAE;}
.bgc_pink04 {background-color: #FEEFF0;}
.bgc_f4 {background-color: #F4F4F4;}
.bgc_f9 {background-color: #F9F9F9;}
.bgc_blue {background-color: #ECF8FC;}
.bgc_navy {background-color: #00315D;}

/* border */
.b_all1 {border:1px solid ;}
.bb1 {border-bottom:1px solid ;}
.bb2 {border-bottom:2px solid ;}
.bb3 {border-bottom:3px solid ;}
.bbn {border-bottom:0 !important;}
.bc_ccc {border-color:#ccc;}
.bc_fff {border-color:#fff;}
.bc_000 {border-color:#000;}
.bc_01 {border-color:#00A2E5 !important;}
.bc_02 {border-color:#54BE19 !important;}
.bc_03 {border-color:#EC609A !important;}
.bc_04 {border-color:#FB5E52 !important;}
.bc_05 {border-color:#511497 !important;}
.bc_06 {border-color:#707070 !important;}
.bc_07 {border-color:#EFE3E3}

a.tdbb {text-decoration:underline;}

/* table */
table.bb {border:1px solid #000;}
table.bb th {border:1px solid #000;background-color:#000;color:#fff;padding:12px;}
table.bb td {border:1px solid #000;padding:11px;}

table.bb2 {width:100%;border:1px solid #A5A5A5;}
table.bb2 th {border:1px solid #A5A5A5;background-color:#F1F1F1;padding:12px;}
table.bb2 td {border:1px solid #A5A5A5;padding:11px;text-align:center;}

/* コピーライトの背景 */
#copyright {
  background-color:#00132A;
  text-align:right;
  padding:15px 0;
}
#copyright a {
  color:#fff;
}

/* ボタン */
.btn_w {
  text-align:center;
}
.btn_w a.btn {
  background: #00315D;
  color: #fff;
  font-weight: bold;
  max-width: 320px;
  width:100%;
  padding: 20px 0;
  border:1px solid #00315D;
  display: inline-block;
  position:relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  background-size: 300% auto;
}
.btn_w a.btn:hover {
  text-decoration:none;
  color:#00315D;
  background-color: #fff;
  background-position: right center;
}

.btn_w a.btn:before {
  content:'';
  position:absolute;
  top:50%;
  right:30px;
  width: 20px;
  height: 2px;
  border-top: 2px solid;
  border-right: 2px solid;
}
.btn_w a.btn:after {
  content:'';
  position:absolute;
  top:50%;
  right:32px;
  width: 8px;
  height: 8px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg) translateY(-50%);
}
@keyframes Gradient {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}

.btn_w a.btn2 {
  background: #fff;
  color: #00315D;
  font-weight: bold;
  width:100%;
  padding: 15px 0 25px 0;
  border: 1px solid #ccc;
  display: inline-block;
  -webkit-transition: all .5s;
  transition: all .5s;
  background-size: 300% auto;
  position:relative;
}

.btn_w a.btn2:hover {
  text-decoration:none;
  color:#fff;
  background-color: #00315D;
  background-position: right center;
}
.btn_w a.btn2:hover:after {
  -webkit-transition: all .5s;
  transition: all .5s;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.btn_w a.btn2:after {
  content: "";
  position: absolute;
  top: 80%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #00315D;
  border-right: 2px solid #00315D;
  transform: rotate(135deg);
  margin-top: -5px;
}
.btn_w .btn3{
  background: #00315D;
  color: #fff;
  font-weight: bold;
  max-width: 320px;
  width:100%;
  padding: 20px 0;
  display: inline-block;
  position:relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  background-size: 300% auto;
}
.btn_w .btn3:hover{
  text-decoration:none;
  color:#00315D;
  background-color: #fff;
  background-position: right center;
}
/*
@media screen and (max-width: 768px){
  .btn_w .btn3{
    font-size: 13px;
    padding: 10px 0 10px 10px;
  }
}
@media screen and (max-width:370px) {
  .btn_w .btn3 {
    font-size:11px;
    padding-left: 3px;
  }
}
*/
.btn_w .btn4 {
  border-radius: 2em;
  color: #fff;
  font-weight: bold;
  max-width: 350px;
  width: 100%;
  padding: 15px 0;
  display: inline-block;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  text-decoration: none;
  box-shadow: #C9686C 2px 3px;
  background-color: #F17D82;
}
.btn_w .btn4.rows_2 {
  line-height: 1.4;
  padding: 8px 0;
}
.btn_w .btn4:hover {
  background-color: #C9686C;
}
.btn_w a.btn4:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

body {
  font-family:"Yu Gothic", "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight:500;
  -webkit-text-size-adjust: 100%;
}
ul, ul ul {
  padding-left:1.5em;
}
ul.ln {
  list-style:none;
  padding-left:0;
}

/* 2カラム */
.column2_w55 > div, .column2_w55 > li {width:50%;}
.column2_w64 > div:first-child, .column2_w64 > li:first-child {width:60%;}
.column2_w64 > div:last-of-type, .column2_w64 > li:last-child {width:40%;}
.column2_w46 > div:first-child, .column2_w46 > li:first-child {width:40%;}
.column2_w46 > div:last-of-type, .column2_w46 > li:last-of-type {width:60%;}
.column2_w73 > div:first-child, .column2_w73 > li:first-child {width:70%;}
.column2_w73 > div:last-of-type, .column2_w73 > li:last-child {width:30%;}
.column2_w37 > div:first-child, .column2_w37 > li:first-child {width:30%;}
.column2_w37 > div:last-of-type, .column2_w37 > li:last-child {width:70%;}
ul.column2_w55, ul.column2_w64, ul.column2_w46, ul.column2_w73, ul.column2_w37, ul.column3_w, ul.column4_w, ul.column5_w {padding-left:0;}
ul.column2_w55 > li, ul.column2_w64 > li, ul.column2_w46 > li, ul.column2_w73 > li, ul.column2_w37 > li, ul.column3_w > li, ul.column4_w > li, ul.column5_w > li {float:left; list-style:none;}

/* 3カラム */
.column3_w > div, ul.column3_w > li {width:33%;margin-right:0.5%;float:left;}
.column3_w > div:last-child, ul.column3_w > li:last-child, ul.column3_w > li:nth-child(3n) {margin-right:0;}

/* 4カラム */
.column4_w > div, .column4_w > li {width:25%; float:left;}

/* 5カラム */
.column5_w > div, .column5_w > li {width:20%; float:left;}

.column2_w55.w48 > li,
.column2_w55.w48 > div {
  width:48%;
  margin-right:4%;
  margin-bottom:60px;
}
.column2_w55.w48 > li:nth-child(even),
.column2_w55.w48 > div:nth-child(even) {
  margin-right:0;
}
.column2_w55.w49 > li,
.column2_w55.w49 > div {
  width:49%;
  margin-right:2%;
  margin-bottom:20px;
}
.column2_w55.w49 > li:nth-child(even),
.column2_w55.w49 > div:nth-child(even) {
  margin-right:0;
}

@media screen and (max-width:768px) {
  .column2_w55.w48 > li,
  .column2_w55.w48 > div {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
  .column2_w55.w49 > li,
  .column2_w55.w49 > div {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
}
.column2_w55.w47 > li,
.column2_w55.w47 > div {
  width:47%;
  margin-right:6%;
  margin-bottom:60px;
}
.column2_w55.w47 > li:nth-child(even),
.column2_w55.w47 > div:nth-child(even) {
  margin-right:0;
}
@media screen and (max-width:768px) {
  .column2_w55.w47 > li,
  .column2_w55.w47 > div {
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
}


/* float */
.f_left {float:left;}
.f_right {float:right;}

/* 768pxでカラムをスマホ対応 */
@media screen and (max-width:768px) {
  .column2_w55 > div.f_left, .column2_w55 > div.f_right {float:none; width: 100%;}
  .column2_w64 > div.f_left, .column2_w64 > div.f_right {float:none; width: 100%;}
  .column2_w46 > div.f_left, .column2_w46 > div.f_right {float:none; width: 100%;}
  .column2_w73 > div.f_left, .column2_w73 > div.f_right {float:none; width: 100%;}
  .column2_w37 > div.f_left, .column2_w37 > div.f_right {float:none; width: 100%;}
  ul.column2_w55 > li, ul.column2_w64 > li, ul.column2_w46 > li, ul.column2_w73 > li, ul.column2_w37 > li, ul.column3_w > li, ul.column4_w > li, ul.column5_w > li {float:none; width: 100%;}

  /* 3カラム */
  .column3_w > div, ul.column3_w > li {width:100% !important;margin-right:0 !important;float:none !important;}
  /* 4カラム */
  .column4_w > div, .column4_w > li {width:100% !important; float:none;}
  /* 5カラム */
  .column5_w > div, .column5_w > li {width:100%; float:none;}
}
@media screen and (max-width:768px) {
  .column2_w55 > div,
  .column2_w64 > div,
  .column2_w46 > div,
  .column2_w73 > div,
  .column2_w37 > div,
  .column3_w > div,
  .column4_w > div,
  .column5_w > div
  {
    margin-bottom:1em;
  }
}

/* clearfix */
#container:after,
#navi ul:after,
.column2_w55:after,
.column2_w64:after,
.column2_w46:after,
.column2_w73:after,
.column2_w37:after,
.column3_w:after,
.column4_w:after,
.column5_w:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}
#container,
#navi ul,
.column2_w55,
.column2_w64,
.column2_w46,
.column2_w73,
.column2_w37,
.column3_w,
.column4_w,
.column5_w,
.clearfix {
  display: block;
}

/* font-size指定 */
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs12_10 {font-size:12px;}
.fs14_12 {font-size:14px;}
.fs18_12 {font-size:18px;}
.fs18_16 {font-size:18px;}
.fs18_14 {font-size:18px;}
.fs6e {font-size:0.6em;}
.fs7e {font-size:0.7em;}
.fs8e {font-size:0.8em;}
.fs9e {font-size:0.9em;}

@media screen and (max-width:768px){
  .fs12_10 {font-size: 10px;}
  .fs14_12 {font-size: 12px;}
  .fs18_12 {font-size: 12px;}
  .fs18_16 {font-size: 16px;}
  .fs18_14 {font-size: 14px;}
}
/* font-weight指定 */
.fwbold {font-weight:bold;}
.fwnormal {font-weight:normal !important;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

/* text-align指定 */
.ta_left {text-align: left !important;}
.ta_right {text-align: right !important;}
.ta_center {text-align: center !important;}
.ta_justify {text-align: justify !important;}

.aligncenter {
  display: block;
  margin: 0 auto;
  text-align:center;
}
.alignright {float: right;}
.alignleft {float: left;}

/* display指定 */
.disp_ib {display:inline-block  !important;}
.disp_bl {display:block !important;}
.disp_il {display:inline;}
.disp_nn {display:none  !important;}

/* position指定 */
.pos_rel {position:relative;}
.pos_abs {position:absolute;}
.pos_sta {position:static;}
.pos_fix {position:fixed;}

/* z-index指定 */
.zi100 {z-index:100;}
.zi200 {z-index:200;}
.zi300 {z-index:300;}


/* width指定 */
.wid10 {width:10%;}
.wid15 {width:15%;}
.wid20 {width:20%;}
.wid25 {width:25%;}
.wid30 {width:30%;}
.wid35 {width:35%;}
.wid40 {width:40%;}
.wid45 {width:45%;}
.wid50 {width:50%;}
.wid55 {width:55%;}
.wid60 {width:60%;}
.wid65 {width:65%;}
.wid70 {width:70%;}
.wid75 {width:75%;}
.wid80 {width:80%;}
.wid85 {width:85%;}
.wid90 {width:90%;}
.wid95 {width:95%;}
.wid100 {width:100%;}

/* margin padding 指定 */
.mar0 {margin:0 !important;}
.mart0 {margin-top: 0 !important;}
.mart5p {margin-top: 5%;}
.mart8p {margin-top: 8%;}
.mart10p {margin-top: 10%;}
.mart15p {margin-top: 15%;}
.mart20p {margin-top: 20%;}
.marb0 {margin-bottom: 0 !important;}
.marb5p {margin-bottom: 5%;}
.marb8p {margin-bottom: 8%;}
.marb10p {margin-bottom: 10%;}
.marb15p {margin-bottom: 15%;}
.marb20p {margin-bottom: 20%;}

.padt0 {padding-top: 0 !important;}
.padt5p {padding-top: 5%;}
.padt8p {padding-top: 8%;}
.padt10p {padding-top: 10%;}
.padt15p {padding-top: 15%;}
.padt20p {padding-top: 20%;}
.padb0 {padding-bottom: 0 !important;}
.padb5p {padding-bottom: 5%;}
.padb8p {padding-bottom: 8%;}
.padb10p {padding-bottom: 10%;}
.padb15p {padding-bottom: 15%;}
.padb20p {padding-bottom: 20%;}

.marr0 {margin-right: 0 !important;}
.marr5px {margin-right: 5px;}
.marr10px {margin-right: 10px;}
.marr20px {margin-right: 20px;}
.marr30px {margin-right: 30px;}

.marl0 {margin-left: 0 !important;}
.marl5px {margin-left: 5px;}
.marl10px {margin-left: 10px;}
.marl20px {margin-left: 20px;}
.marl30px {margin-left: 30px;}
.marl1em {margin-left: 1em;}

.mart5px {margin-top: 5px !important;}
.mart10px {margin-top: 10px !important;}
.mart15px {margin-top: 15px !important;}
.mart20px {margin-top: 20px !important;}
.mart25px {margin-top: 25px !important;}
.mart30px {margin-top: 30px !important;}
.mart35px {margin-top: 35px !important;}
.mart40px {margin-top: 40px !important;}
.mart50px {margin-top: 50px !important;}
.mart60px {margin-top: 60px !important;}
.mart70px {margin-top: 70px !important;}
.mart80px {margin-top: 80px !important;}
.mart90px {margin-top: 90px !important;}
.mart100px {margin-top: 100px !important;}
.marb5px {margin-bottom: 5px !important;}
.marb10px {margin-bottom: 10px !important;}
.marb15px {margin-bottom: 15px !important;}
.marb20px {margin-bottom: 20px !important;}
.marb25px {margin-bottom: 25px !important;}
.marb30px {margin-bottom: 30px !important;}
.marb35px {margin-bottom: 35px !important;}
.marb40px {margin-bottom: 40px !important;}
.marb50px {margin-bottom: 50px !important;}
.marb60px {margin-bottom: 60px !important;}
.marb70px {margin-bottom: 70px !important;}
.marb80px {margin-bottom: 80px !important;}
.marb90px {margin-bottom: 90px !important;}
.marb100px {margin-bottom: 100px !important;}
.marb1em {margin-bottom:1em !important;}

.padt5px {padding-top: 5px !important;}
.padt8px {padding-top: 8px !important;}
.padt10px {padding-top: 10px !important;}
.padt15px {padding-top: 15px !important;}
.padt20px {padding-top: 20px !important;}
.padt25px {padding-top: 25px !important;}
.padt30px {padding-top: 30px !important;}
.padt35px {padding-top: 35px !important;}
.padt40px {padding-top: 40px !important;}
.padt50px {padding-top: 50px !important;}
.padt60px {padding-top: 60px !important;}
.padt70px {padding-top: 70px !important;}
.padt80px {padding-top: 80px !important;}
.padt90px {padding-top: 90px !important;}
.padt100px {padding-top: 100px !important;}
.padt110px {padding-top: 110px !important;}
.padt120px {padding-top: 120px !important;}
.padt130px {padding-top: 130px !important;}
.padb5px {padding-bottom: 5px !important;}
.padb10px {padding-bottom: 10px !important;}
.padb15px {padding-bottom: 15px !important;}
.padb20px {padding-bottom: 20px !important;}
.padb25px {padding-bottom: 25px !important;}
.padb30px {padding-bottom: 30px !important;}
.padb35px {padding-bottom: 35px !important;}
.padb40px {padding-bottom: 40px !important;}
.padb50px {padding-bottom: 50px !important;}
.padb60px {padding-bottom: 60px !important;}
.padb70px {padding-bottom: 70px !important;}
.padb80px {padding-bottom: 80px !important;}
.padb90px {padding-bottom: 90px !important;}
.padb100px {padding-bottom: 100px !important;}


.column3_w.w30 > li,
.column3_w.w30 > div {
  width:30%;
  margin-right:5%;
}

/* ※マーク */
ul.kome {list-style:none;padding-left:0;margin-left:1em;}
ul.kome > li {color:#666;font-size:0.9em;text-indent:-1em;line-height:1.8;}
ul.kome > li::before {content:"※";}
@media screen and (max-width:768px){
  ul.kome > li {font-size: 11px;}
}

/* 矢印 */
.migi {
  position:relative;
}
.migi::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #484848;
  border-right: 2px solid #484848;
  transform: rotate(45deg);
  margin-top: -5px;
}

/* 見出し用 */
.mds1 {
  border:2px solid;
  text-align:center;
  font-weight:bold;
  padding:13px 0 11px;
  margin-bottom:30px;
}
.mds2 {
  border-bottom:1px solid;
  font-weight:bold;
  padding-bottom:10px;
  margin-bottom:20px;
}

ul.column3_s {
  padding-left:0;
  list-style:none;
}
ul.column3_s li {
  float:left;
  width:30%;
  margin-right:5%;
  margin-bottom:40px;
}
ul.column3_s li:nth-child(3n) {
  margin-right:0;
}
ul.column3_s li img {
  display:block;
  margin-bottom:10px;
  width:100%;
}

ul.column2_s {
  padding-left:0;
  list-style:none;
}
ul.column2_s li {
  float:left;
  width:45%;
  margin-right:10%;
  margin-bottom:40px;
  text-align:center;
}
ul.column2_s li:last-child {
  margin-right:0;
}
ul.column2_s li img {
  margin:0 auto;
  display:block;
  margin-bottom:10px;
}

/* 定義リスト */

dt {font-size:20px;margin-bottom:.5em;}
dd {margin-bottom:2em;}

dl.b1 dt {
  float:left;
  padding-bottom:10px;
  font-weight:normal;
}
dl.b1 dd {
  padding-left:120px;
  border-bottom:1px dotted #707070;
}

/* 網掛け */
.ami {
  border:1px solid #D1D1D1;
  background-color:#EDFAFF;
  padding:15px 35px 13px 35px;
}

/* SPのときに表示、PCの時に表示 */
.sp_disp {display: none !important;}
.sp_disp_in {display: none !important;}
.sp_disp_ib {display: none !important;}
.pc_disp {display: block !important;}
.pc_disp_in {display:inline !important;}
.pc_disp_ib {display:inline-block !important;}

.sp_disp2 {display: none !important;}
.pc_disp2 {display: block !important;}
@media screen and (max-width: 1100px) {
  .sp_disp2 {display: block !important;}
  .pc_disp2 {display: none !important;}
}

#navToggle {
  display:none;
  position:absolute;
  right:13px;
  top:13px;
  width:30px;
  height:25px;
  cursor:pointer;
}
#navToggle div {
  position:relative;
  }
#navToggle span {
  display:block;
  position:absolute;
  width:100%;
  border-bottom:solid 3px #fff;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}

@media screen and (max-width: 1100px) {
  header nav {
    position: absolute; /*bodyに対しての絶対位置*/
    right:0;
    top: -1500px; /*通常時はビュー外*/
    background:rgba(255,255,255,1);
    width:100%;
    padding:0;
    -webkit-transition:.5s ease-in-out; /*transitionで動きを*/
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    text-align:left;
    z-index:10000;
  }
  header ul {margin:0}
  header ul li {
    display:block;
    margin:0;
    border-bottom:dotted 1px #fff;
    line-height:3}
  header ul li a {display:block}
  header ul li::after {content:''}
  header ul li:last-child {border-bottom:none}
  #navToggle {display:block}
  .openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)
  }
  .openNav #navToggle span:nth-child(2),
  .openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)
  }
  .openNav nav {
    -moz-transform: translateY(1550px);
    -webkit-transform: translateY(1550px);
    transform: translateY(1550px);
  }
  #navToggle_w {
    width: 50px;
    height: 50px;
    margin: 0 0 0 auto;
    background-color: #00315D;
    position: fixed;
    right: 0;
    z-index: 5000;
  }
  #navToggle {
    position: absolute;
    right: 0;
    top: 2px;
    width: 50px;
    height: 50px;
    padding:10px;
    cursor: pointer;
  }
}


@media screen and (max-width: 768px) {
  .sp_disp {display: block !important;}
  .sp_disp_in {display: inline !important;}
  .sp_disp_ib {display: inline-block !important;}
  .pc_disp {display: none !important;}
  .pc_disp_in {display:none !important;}
  .pc_disp_ib {display:none !important;}
}
img {
  max-width:100%;
  height:auto;
  margin-bottom:10px;
}


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


/* パンクズ */
#breadcrumbs {
  padding: 15px 0;
  margin-bottom: 0;
  font-size: 13px;
}
#breadcrumbs a {
  color:#fff;
}
#breadcrumbs a:hover {
  color:#fff;
}
ul#breadcrumbs li {
  padding:0;
  margin:0;
  list-style:none;
  display:inline;
  color:#fff;
  vertical-align: middle;
}
ul#breadcrumbs li:not(:first-of-type):before {
  content:">" ;
  padding:0 0.5em;
}

/* シングルページ */
.single .cotents_w .cont_w img {
  margin-bottom:1em;
}

/* ページネーション */
.wp-pagenavi {
  text-align:center;
  margin:20px 0;
}
.wp-pagenavi .page-numbers.current {
  border: 1px solid #222;
  background-color: #222;
  padding: 5px 10px;
  margin: 0 5px;
  color: #fff;
}
.wp-pagenavi a.page-numbers {
  border: 1px solid #222;
  padding: 5px 10px;
  margin: 0 5px;
  color: #222;
}

/* グローバルナビゲーション サブメニュー */
#navi ul.sub-menu,
#navi ul.children{
  display: none;
  position: absolute;
  margin-left: 0;
  list-style:none;
  padding-left:0;
  z-index:99;
}
#navi .sub-menu li,
#navi .children li{
  position: relative;
  border: none;
  float:none;
}

#navi ul.sub-menu ul,
#navi ul.children ul {
  top:-31px;
  left:200px;
  position:relative;
}
#navi ul li:hover > ul{
  display: block;
}

@media screen and (min-width:769px) {
  @-moz-document url-prefix() {
    #navi ul.sub-menu {
      margin-top:-1px;
    }
  }
}

/* instagram feed */
#sb_instagram .sb_instagram_header {
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
    width: 50%!important;
    height: auto;
  }
}

.bl_mar0a {
  display:block;
  margin:0 auto;
}
.totop_btn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index:500;
}
@media screen and (max-width:768px) {
  .totop_btn {
    right:0px;
    bottom:70px;
  }
  .totop_btn img {
    width:80%;
  }
}

.single main {
  word-break : break-all;
}


/* リンク */
a.noicon::after {
  content:none !important;
  vertical-align:-1px !important;
  margin-left:0 !important;
}
a[target="_blank"]{
}
/*
a[target="_blank"]::after{
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_blank.webp");
  display: inline-block;
  vertical-align: -1px;
}
*/

a[href $='.pdf'] {
}

a[href $='.pdf']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_pdf.webp");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.doc'] {
}
a[href $='.doc']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_doc.webp");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.docx'] {
}
a[href $='.docx']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_doc.webp");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.xls'] {
}
a[href $='.xls']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_xls.webp");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.xlsx'] {
}
a[href $='.xlsx']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_xls.webp");
  display: inline-block;
  vertical-align: -1px;
}
a[href $='.zip'] {
}
a[href $='.zip']::after {
  margin-left: 5px;
  content: url("/wp-content/themes//images/icon_zip.webp");
  display: inline-block;
  vertical-align: -1px;
}

/* gallery */
.gallery {
  display: flow-root;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: left;
}
.gallery-item {
  box-sizing: border-box;
  margin: 5px 1% 5px 0;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
  margin-right: 0;
}
.gallery-columns-2 .gallery-item {
  width: 49%;
}
.gallery-columns-3 .gallery-item {
  width: 32%;
}
.gallery-columns-4 .gallery-item {
  width: 24%;
}
.gallery-columns-5 .gallery-item {
  width: 19%;
}
.gallery-columns-6 .gallery-item {
  width: 15.66%;
}
.gallery-columns-7 .gallery-item {
  width: 13.28%;
}
.gallery-columns-8 .gallery-item {
  width: 11.5%;
}
.gallery-columns-9 .gallery-item {
  width: 10.11%;
}
@media screen and (max-width: 768px) and (min-width: 481px){
  .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item{
    width: 49%;
    max-width: 49%;
  }
}
@media screen and (max-width: 480px){
  .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item{
    width: 100%;
    max-width: 100%;
  }
}

.uln {
  padding-left:0;
  list-style:none;
}

#page-top {
    position: fixed;
    z-index: 50000;
    bottom: 20px;
    right: 20px;
}

/* style2.css */
/*
Theme Name: Smilefarm WordPress Themes
Theme URI: https://smile-farm.co.jp/
Author: Smilefarm
Author URI: https://smile-farm.co.jp
Description: Smilefarm WordPress Themes
Version: 1.0
Text Domain: Smilefarm
*/
/* 見出しフォント */
body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
}

.flex_w {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}

.flex50 .flex_item
, .flex50_100 .flex_item {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .flex50_100 .flex_item {
    width: 100%;
  }
}

/* フッター */
footer {
  color: #E6EBF1;
  text-align: center;
}
@media screen and (min-width:1920px) {
  footer {
    background-size: cover;
  }
}
footer .footer-inner {
  background-image: url("/wp-content/themes/aqa2026/images/footer-image.webp");
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 140px;
  padding-bottom: 120px;
}
footer .footer-inner h2 {
  margin-bottom: 30px;
}
footer .footer-inner p+.btn_w {
  margin-top: 50px;
}
.footer-tel {
  margin-top: 30px;
  font-size: 13px;
  color: #CCCCCC;
  margin-bottom: 0;
}
.footer-tel a {
  font-size: 25px;
  color: #CCCCCC;
  margin-left: 20px;
}
.footer-tel a:hover {
  text-decoration: none;
  color: #CCCCCC;
}
@media screen and (max-width:768px) {
  footer {
  }
  footer .footer-inner {
    background-image: url("/wp-content/themes/aqa2026/images/footer-image-sp.webp");
    background-size:cover;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  footer .footer-inner h2 {
    margin-bottom: 15px;
  }
  footer .footer-inner p+.btn_w {
    margin-top: 20px;
  }

  .footer-tel {
    margin-top: 15px;
    font-size: 11px;
  }
  .footer-tel a {
    font-size: 20px;
    margin-left: 10px;
  }
}

/* 予約ボタン */
.btn_w .btn-yoyaku{
  width: 100%;
  max-width: 500px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 30px 0;
  text-align: center;
  color: #fff;
  background: #AB8E4B;
  font-size: 25px;
  transition-duration: 0.5s;
}
.btn_w .btn-yoyaku:hover{
  text-decoration: none;
  background: #00315D;
  transition-duration: 0.5s;
}
@media screen and (max-width:768px) {
  .btn_w .btn-yoyaku{
    width: 80%;
    max-width: 300px;
    padding: 15px 0;
    font-size: 20px;
  }
}


/* サブタイトル */
.sub_tit {
  font-size: 14px;
  color: #AB8E4B;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (max-width:768px) {
  .sub_tit {
    font-size: 12px;
  }
}

/* footer-bottom */
.footer-bottom {
  padding: 80px 0;
  background: #011A30;
  color: #CCCCCC;
}
.footer-bottom a {
  color: #CCCCCC;
}
.footer-bottom a:hover {
  color: #CCCCCC;
}
.footer-bottom ul.menu-list {
  list-style: none;
  display: inline-block;
  vertical-align: top;
  padding-left: 70px;
  margin-bottom: 0;
}
.footer-bottom .menu-list_w {
  text-align: right;
}
.footer-logo {
  max-width: 300px;
}
@media screen and (max-width: 1000px) {
  .footer-bottom ul.menu-list {
    padding-left: 30px;
  }
  .footer-bottom .menu-list_w {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .footer-bottom {
    padding: 40px 0;
  }
  .footer-bottom .menu-list_w {
    margin-top: 20px;
  }
  .footer-bottom ul.menu-list {
    padding-left: 0;
    display: block;
  }
}

/* copyright */
#copyright {
  border-top: 1px solid #cccccc;
  text-align: center;
  font-size: 12px;
  background: #011A30;
}
#copyright a {
  color: #CCCCCC;
}

/* pagetop */
#page-top a {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  color: #AB8E4B;

  position: relative;
}
#page-top a:hover {
  color: #AB8E4B;
  text-decoration: none;
}
#page-top a:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #AB8E4B;

  position: absolute;
  top: -65px;
  left: 12px;
}


/* プラン一覧 */
.waku {
  margin:0 auto;
  border: 1px solid #CCCCCC;
  padding: 60px 100px;
}
@media screen and (max-width: 1200px) {
  .waku {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .waku {
    padding: 20px 20px;
  }
}

.search_komoku_w  {
  border-bottom: 1px dashed #CCCCCC;
}
.search_ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: inline-block;
  width: calc(100% - 160px);
}
.search_ul li {
  display: inline-block;
  width: 20%;
}
.search_ul li label {
  margin: 15px 0;
  color: #515457;
}
.sonota_subete_w {
  margin-bottom: 40px;
}
.search_mds {
  vertical-align: top;
  margin: 15px 0;
  font-weight: bold;
  width: 160px;
  display: inline-block;
}
@media screen and (max-width: 1200px) {
  .search_ul li {
    width: 33%;
  }
  .search_ul li:nth-child(n + 3) label {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .search_ul {
    display: block;
    width: 100%;
  }
  .search_ul li {
    width: 50%;
  }
  .search_ul li:nth-child(n + 2) label {
    margin-top: 0;
  }
  .sonota_subete_w {
    margin-bottom: 15px;
  }
  .search_mds {
    margin-top: 15px;
    width: 100%;
    display: block;
  }
  .heyatype_subete_w .search_mds {
    margin-top: 0;
  }
}

/* 検索結果 */
.anchor_adjust {
  margin-top: -100px;
  padding-top: 100px;
}
.search_result_w {
  margin: 120px 0;
  background: #F4F7F9;
  padding: 40px 100px;
}
@media screen and (max-width: 1200px) {
  .search_result_w {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 768px) {
  .search_result_w {
    margin: 40px 0;
    padding: 20px 20px;
  }
}


ul.flex_plan {
  margin-bottom: 0;
}
ul.flex_plan_osusume {
  margin-top: 50px;
  margin-bottom: 0;
}

.flex_plan .flex_item {
  width: 28%;
  margin-right: 8%;
  background: #00315D;
  margin-bottom: 50px;
}
.flex_plan .flex_item:nth-of-type(3n) {
  margin-right: 0;
}

.flex_plan_osusume .flex_item {
  width: 23.5%;
  margin-right: calc(6% / 3);
  background: #00315D;
  margin-bottom: 50px;
}
.flex_plan_osusume .flex_item:nth-of-type(4n) {
  margin-right: 0;
}

.flex_plan_osusume .flex_item img ,
.flex_plan .flex_item img {
  width: 100%;
}

@media screen and (max-width: 1000px) {
  .flex_plan .flex_item {
    width: 40%;
    margin-right: 20%;
  }
  .flex_plan .flex_item:nth-of-type(3n) {
    margin-right: 20%;
  }
  .flex_plan .flex_item:nth-of-type(2n) {
    margin-right: 0;
  }

  .flex_plan_osusume .flex_item {
    width: 46%;
    margin-right: 8%;
  }
  .flex_plan_osusume .flex_item:nth-of-type(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .flex_plan .flex_item {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 20px;
  }
  .flex_plan .flex_item:nth-of-type(3n) {
    margin: 0 auto 20px;
  }
  .flex_plan .flex_item:nth-of-type(2n) {
    margin: 0 auto 20px;
  }

  .flex_plan_osusume .flex_item {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 20px;
  }
  .flex_plan_osusume .flex_item:nth-of-type(2n),
  .flex_plan_osusume .flex_item:nth-of-type(4n) {
    margin: 0 auto 20px;
  }
}
.flex_plan_osusume .flex_item a.single ,
.flex_plan .flex_item a.single {
  display: block;
  color: #CCCCCC;
}
.flex_plan_osusume .flex_item a.single:hover ,
.flex_plan .flex_item a.single:hover {
  text-decoration: none;
}
.flex_plan_osusume h3 ,
.flex_plan h3 {
  color: #C2A35D;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  margin-bottom:20px;
}
@media screen and (max-width: 768px) {
  .flex_plan_osusume h3 ,
  .flex_plan h3 {
    font-size: 16px;
  }
}
.flex_plan_osusume .single .text_area ,
.flex_plan .single .text_area {
  padding: 30px;
  position: relative;
  z-index: 100;
}
.flex_plan_osusume .single .text_area .tag_camp ,
.flex_plan .single .text_area .tag_camp {
  padding: 1px 5px;
  position: absolute;
  z-index: 101;
  top: -33px;
  left: 0;

  display: inline-block;
  background: #B51622;
  color: #ffffff;
  font-size: 12px;
}
.yoyaku-link {
  margin-bottom: 0;
  text-align: right;
}
.flex_plan_osusume .flex_item a.single .yoyaku-link ,
.flex_plan .flex_item a.single .yoyaku-link {
  font-size: 14px;
}
.flex_plan_osusume .flex_item a.single:hover .yoyaku-link ,
.flex_plan .flex_item a.single:hover .yoyaku-link {
  text-decoration: underline;
}
.naiyo_tbl {
  width: 100%;
  font-size: 14px;
  margin-bottom: 20px;
}
.naiyo_tbl tr th {
  width: 70px;
  vertical-align: top;
}
.naiyo_tbl tr td {
  width: calc(100% - 70px);
}
@media screen and (max-width: 768px) {
  .flex_plan_osusume .single .text_area ,
  .flex_plan .single .text_area {
    padding: 20px;
  }
  .flex_plan_osusume .single .text_area .tag_camp ,
  .flex_plan .single .text_area .tag_camp {
    font-size: 10px;
    top: -30px;
  }
  .flex_plan_osusume .flex_item a.single .yoyaku-link ,
  .flex_plan .flex_item a.single .yoyaku-link {
    font-size: 12px;
  }
  .naiyo_tbl {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

ul.plan_tag_w {
  padding-left: 0;
  margin-bottom: 10px;
}
ul.plan_tag_w li {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #CCCCCC;
  padding: 2px 3px 0;
}
@media screen and (max-width: 768px) {
  ul.plan_tag_w li {
    font-size: 10px;
  }
}

/* 予約ボタン */
.btn_w .btn-search{
  width: 100%;
  max-width: 320px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 18px 0;
  text-align: center;
  color: #fff;
  background: #00315D;
  transition-duration: 0.5s;
  border: none;
  outline:none
}
.btn_w .btn-search:hover{
  text-decoration: none;
  background: #AB8E4B;
  transition-duration: 0.5s;
}
@media screen and (max-width:768px) {
  .btn_w .btn-search{
    width: 80%;
    max-width: 300px;
    padding: 10px 0;
  }
}

/* style3.css */
/**********客室**********/
#post-10 h2 {
	text-align: center;
}
.marb120 {
	margin-bottom: 120px;
}
#post-10 .container_in ul {
	list-style: none;
	padding-left: 0;
	width:100%;
}
.rooms-guide {
	text-align: center;
}
.rooms-guide p {
	margin: 40px 0 20px;
}
.rooms_rservice {
	text-align:center;
	background:#fdf5e6;
	padding:20px;
	margin-bottom:80px;
}
.rooms_rservice h3 {
	margin-bottom:20px;
}
.rooms_rservice > div > img {
	width:10%;
	margin-right:1%;
}
.rooms_rservice > div > img:last-of-type {
	margin-right:0;
}
@media screen and (max-width: 1100px) {
	.rooms_rservice > div > img {
		width:20%;
		margin-right:2%;
	}
	.rooms_rservice > div > img:nth-of-type(4n) {
		margin-right:0;
	}
}
@media screen and (max-width: 600px) {
	.rooms_rservice > div > img {
		width:40%;
		margin-right:4%;
	}
	.rooms_rservice > div > img:nth-of-type(2n) {
		margin-right:0;
	}
}

.bg-white {
	background-color: #fff;
}
.rooms-box_bg01 {
	background-color: #E6EBF1;
}
.rooms-box_bg02 {
	background-color: #F4F7F9;
}
.rooms-box_bg01 .container_in section > h2,
.rooms-box_bg02 .container_in section > h2 {
	margin-bottom: 2rem;
}
.rooms-lv_wrap {
	margin-bottom:30px;
}
.rooms-lv_wrap .rooms-place_box {
	width: 100%;
	max-width: 670px;
	float: left;
	text-align: center;
	box-sizing: border-box;
	padding: 20px 0;
	font-weight: bold;
}
.rooms-lv_wrap .rooms-place_box > div {
	font-size: 20px;
}
.rooms-lv_wrap .rooms-place_box:first-child {
	margin-right: 4%;
}
.rooms-place_box div:first-child {
	box-sizing: border-box;
	padding-bottom: 15px;
}
.rooms-lv_wrap .rooms-place_box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.rooms-lv_wrap .rooms-place_box ul li:last-child {
	margin-right: 0;
}
.rooms-lv_wrap .rooms-place_box ul li a {
	width: 100%;
	max-width: 250px;
	color: #00315D;
	background-color: #fff;
	display: inline-block;
	box-sizing: border-box;
	padding: 12px 38px;
}
.rooms-lv_wrap .rooms-place_box ul li a:hover {
	text-decoration: none;
	color: #fff;
    background-color: #00315D;
    background-position: right center;
    transition: .5s;
}
.under-arrow{
    position: relative;
    display: inline-block;
}
.under-arrow:after{
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #00315D;
    border-right: solid 1px #00315D;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
}
.under-arrow:hover:after {
	border-color: #fff;
	transition: .5s;
}
.rooms-place_txt {
	display: inline-block;
	font-size: 25px;
	margin-right: 7px;
}
.bb_gray {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 100px;
}
#post-10 .column2_w55 > div {
	width: 48%;
}
#post-10 .column2_w55 .f_right > p {
	margin-bottom: 2rem;
}
.metaslider-box {
	width: 100%;
	max-width: 650px;
}
.room-btn_wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0;
}
.room-btn_wrap .btn_w,
.room-btn_wrap .btn_w {
	width: 100%;
    max-width: 320px;
    margin-right: 10px;
    text-align: left;
}
.room-btn_wrap .btn_w a {
	text-align: center;
}
.btn-bg_gold.btn_w a.btn {
	background-color: #AB8E4B;
	border-color:#AB8E4B;
}
.btn-bg_gold.btn_w a.btn:hover {
	text-decoration: none;
	color:#AB8E4B;
  background-color: #fff;
  background-position: right center;
}

.btn-bg_gold.btn_w.btn_suite a.btn {
	color:#AB8E4B;
	background-color: #fff;
}
.btn-bg_gold.btn_w.btn_suite a.btn:hover {
	text-decoration: none;
  background-color: #AB8E4B;
	color:#fff;
	border:1px solid #AB8E4B;
  background-position: right center;
}
.table-bg_white {
	width:100%;
	display: flex;
	border-bottom: 2px solid #E6EBF1;
	background-color: #fff;
	line-height: 1.8;
	padding: 20px;
	margin-bottom:0;
}
.table-bg_white:last-child {
	border-bottom: none;
}
.table-bg_white dt {
	width: 30%;
	padding-right: 10px;
	font-size:inherit;
	margin-bottom:0;
}
.table-bg_white dd {
	width:70%;
	flex: 1 1 0;
	margin-bottom:0;
}
.equipment-icon_wrap {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin-bottom:0;
}
.equipment-icon_wrap li {
	min-width:96px;
	width:20%;
	font-size: 11px;
	margin-bottom: 25px;
}
@media screen and (max-width: 1100px) {
	.table-bg_white {
		padding: 20px 15px;
	}
	.equipment-icon_wrap li {
		width:initial;
	}
}

#post-10 .fs20 {
	margin-bottom: 10px;
}
.sp_disp64 {
	display: none;
}
.span_block {
	display: block;
}
@media screen and (max-width: 1420px) {
	.rooms-lv_wrap .rooms-place_box {
		max-width: inherit;
	}
	.rooms-lv_wrap .rooms-place_box:first-child {
		margin-bottom: 20px
	}
	.rooms-lv_wrap .rooms-place_box:first-child {
		margin-right: 0;
	}
	.rooms-lv_wrap .rooms-place_box ul li {
		width: 175px;
	}
	.room-btn_wrap {
		display: block;
	}
	.room-btn_wrap .btn_w {
		max-width: inherit;
	}
	.room-btn_wrap .btn_w:first-child {
		margin-bottom: 20px;
	}
	.room-btn_wrap .btn_w a.btn {
		max-width: inherit;
	}
}
@media (min-width: 1000px) {
	.table-bg_white dt {
	    width: 20%;
	}
	.table-bg_white dd {
		width:80%;
	}
}
@media (max-width: 1100px) {
	.metaslider-box {
		width: 100% !important;
		max-width: inherit !important;
	}
	#post-10 .column2_w55 > div {
		width: 100%;
	}
	#post-10 .column2_w55 .f_left,
	#post-10 .column2_w55 .f_right {
		float: none;
	}
}
@media screen and (max-width: 768px) {
	#post-10 .fs20 {
		font-size: 15px !important;
	}
	.marb120 {
		margin-bottom: 80px;
	}
	.bb_gray {
		padding-top: 60px;
	}

	.rooms-place_txt {
		font-size: 20px;
	}
	.rooms-lv_wrap .rooms-place_box ul li {
		width: 45%;
  	margin-bottom: 15px;
	}
	.rooms-lv_wrap .rooms-place_box ul li a {
		padding: 12px 25px;
	}
}
@media screen and (max-width: 640px) {
	dl {
		margin-bottom: 0
	}
	.table-bg_white dd {
		margin-bottom: 0;
	}
	.sp_disp64 {
		display: block;
	}
}
@media screen and (max-width: 480px) {
	.equipment-icon_wrap li {
		width: 30%;
	}
}

/**********会社概要**********/
.profile-tbl {
	width: 100%;
}
.profile-tbl th {
	border: 1px solid #ccc;
	background-color: #f0f0f0;
    padding: 5px;
    text-align: center;
}
.profile-tbl td {
	border: 1px solid #ccc;
    padding: 10px;
}
@media screen and (max-width: 768px) {
	.profile-tbl tr:last-child td:last-child {
		border-bottom: 1px solid #ccc;
	}
	.profile-tbl th {
	    display: block;
	    width: 100%;
	    border-bottom: 0;
	}
	.profile-tbl td {
		display: block;
	    width: 100%;
	    border-bottom: 0;
	}
}

/**********お知らせ一覧**********/
#archive_news .m_news_container_in {
  max-width:1000px;
  width:100%;
  margin: 0 auto;
}
#archive_news .m_news_box {
  list-style: none;
  max-width:1000px;
  width:100%;
  background:#fff;
  margin:0 auto;
  padding-left: 0;
}
#archive_news .m_news_box li {
  text-align:left;
}
#archive_news .m_news_box li:first-child {
	border-top:1px solid #ccc;
}
#archive_news .m_news_box li {
  border-bottom:1px solid #ccc;
}
#archive_news .m_news_box li a {
  display:flex;
  padding: 20px 0;
}
a.no_uline:hover {
 text-decoration: none;
}
#archive_news .m_news_box li a span.cat_tag {
	font-size: 12px;
}
#archive_news .m_news_box li a span:first-of-type {
  width:100px;
  margin:5px 0;
}
#archive_news .m_news_box li a div {
  width:200px;
  margin:5px 0 5px 5px;
}
#archive_news .m_news_box li a div span {
  color:#00315D;
  border: 1px solid #00315D;
  padding: 2px 8px;
  margin:0;
}
#archive_news .m_news_box li a>span:last-of-type {
  max-width:700px;
  width:70%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  margin:5px 0;
}
#archive_news .m_news_box li a>span:last-of-type:hover {
	text-decoration: underline;
}

#archive_news .m_news_link {
  width:100%;
  margin-top:50px;
  text-align:right;
}

#archive_news .m_news_link > a {
  color:#00315D;
  display:inline-block;
  position:relative;
  padding-right:80px;
}
.pn_ul {
  padding-left:0;
  margin-top: 2rem;
  list-style:none;
  display:inline-block;
}
.pn_ul li {
  display:inline-block;
  float:left;
  margin:10px;
}
.pn_ul li a {
  padding:5px 10px;
  border:1px solid #060606;
}
.pn_ul li.acti span {
  padding:5px 10px;
  border:1px solid #000;
  background-color:#000;
  color: #fff
}
@media screen and (max-width: 1400px) {
  #archive_news .m_news_box {
    width:auto;
    margin:0 20px;
  }
}
@media screen and (max-width: 1100px) {
  #archive_news .m_news_box li a {
    padding:15px 0;
  }
  #archive_news .m_news_box li a {
    flex-wrap:wrap;
  }
  #archive_news .m_news_box li a div {
    width:auto;
  }
  #archive_news .m_news_box li a>span:last-of-type {
    max-width: inherit;
    width:100%;
  }
}
@media screen and (max-width: 768px) {
  #archive_news .m_news_box li a span:first-of-type {
    width:80px;
  }
}

/**********お知らせ詳細**********/
.single-post .container_in3 {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.single-post .entry-header .entry-meta {
	margin-bottom: 45px;
}

.single-post .entry-header .entry-meta dl {
	display: flex;
    align-items: center;
}
.single-post .entry-header .entry-meta dl dt,
.single-post .entry-header .entry-meta dl dd {
	margin-bottom: 0;
}
.single-post .entry-header .entry-meta dl dt {
	font-size: 18px;
}
.single-post .entry-header .entry-meta dl dd {
	padding-left: 15px;
	font-size: 12px;
}
.single-post .entry-header .entry-meta .single_cat span {
	color: #00315D;
    border: 1px solid #00315D;
    padding: 4px 8px;
}
.single-post .entry-content a {
	color: #007bff;
}
.single-post .entry-content a:hover {
	text-decoration: underline;
}
.single-post h2 {
	font-size: 32px;
}
.single-post .entry-header .entry-tit {
	border-bottom: 1px solid #060606;
    line-height: 1.68;
    padding-bottom: 0;
    margin-bottom: 40px;
    padding-bottom: 10px;
    font-weight: bold;
}
.single-post .container_in3 h2 {
	border-bottom: 1px solid #060606;
    line-height: 1.68;
    margin-bottom: 40px;
    padding: 10px 0;
    font-weight: bold;
}
.single-post .entry-content h3 {
	position: relative;
	font-size: 24px;
    line-height: 1.68;
    margin-bottom: 50px;
    font-weight: bold;
    padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}
.single-post .entry-content h3:after {
	position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 22.5%;
    height: 4px;
    background-color: #00315D;
}
.single-post .entry-content h4 {
	font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 30px;
}
.single-post #contents_w .btn_w {
	margin: 40px 0;
}
.single-post .entry-content p.img-parent {
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.single-post .container_in3 {
		max-width: inherit;
		padding-left: 6.66667vw;
    	padding-right: 6.66667vw;
	}
}
@media screen and (max-width: 768px) {
	.single-post .entry-header .entry-meta {
		margin-bottom: 20px;
	}
	.single-post .entry-header .entry-meta dl {
		display: block;
	}
	.single-post .entry-header .entry-meta dl dt {
		font-size: 14px
	}
	.single-post .entry-header .entry-meta dl dd {
		font-size: 10px;
		padding-top: 1em;
		padding-left: 0;
	}
	.single-post .container_in3 h2 {
		font-size: 24px;
		margin-bottom: 25px;
	}
	.single-post .entry-content h3 {
		font-size: 18px;
		margin-bottom: 25px;
	}
	.single-post .entry-content h4 {
		font-size: 16px;
		margin-bottom: 20px;
	}
}

/* header.css */
.header {
  z-index:10000;
}
.header_fix {
  width:100%;
  position:fixed;
  z-index:10000;
}
.header_container {
  position:relative;
}
.nav_container_f {
  position:absolute;
  display:flex;
  justify-content: space-between;
  align-items: center;
  width:100%;
  padding: 5px 2%;
  background: transparent linear-gradient(180deg, #1A0707D9 0%, #1A07078C 56%, #1A070700 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  transition-duration: 1s;
}

#logo {
  display:inline-block;
  margin:0;
  font-size:initial;
}
#logo img {
  width:300px;
  margin:0;
  height:auto;
}
#navi {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

#navi .nav_flex {
  display:flex;
  align-items: center;
}
#navi a.reserve_btn {
  background: #AB8E4B;
  color: #fff;
  font-weight: bold;
  max-width: 150px;
  width:150px;
  padding: 11px 0;
  margin:0 auto;
  display: inline-block;
  position:relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  background-size: 300% auto;
}
#navi a.reserve_btn:hover {
  text-decoration:none;
  background-color: #00315D;
  background-position: right center;
}

#navi .nav_flex .btn_w .reserv_submenu a {
  color:#fff;
  font-size:13px;
}
.white_menu #navi .nav_flex .btn_w .reserv_submenu a {
  color:#AB8E4B;
}
#navi .nav_flex_sp a.reserve_btn:hover {
  text-decoration:none;
  background-color: #005BAC;
  background-position: right center;
}
#navi a.reserve_btn:after {
  content:none;
}

@media screen and (max-width:1100px) {
  #navi a.reserve_btn {
    max-width: initial;
    width:94%;
    padding: 15px 0;
    font-size:18px;
  }
}

#navi #menu-g-navi {
  list-style: none;
  display:flex;
  justify-content: space-around;
  height:100%;
  padding:0;
  margin:0;
}
#menu-g-navi > li {
  font-size:18px;
  position: relative;
  padding-top:20px;
  padding-bottom:20px;

}
#menu-g-navi > li > a {
  border-right:1px solid #fff;
  transition-duration: 1s;
}
#menu-g-navi > li:last-of-type > a {
  border-right:none;
}

#menu-g-navi li a {
  color:#fff;
  font-size: 16px;
  line-height:1;
  padding:0 1vw;
  display:block;
  font-weight:600;
  transition-duration: 1s;
}

#menu-g-navi li:hover ul.sub-menu {
  background:#00315D;
  position: fixed;
  text-align: center;
  opacity: 1;
  transform: translateY(5%) translateX(-30%);
  transition: 0.5s ease-in-out;
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
#menu-g-navi li:hover ul.sub-menu li {
  text-align: center;
  padding: 15px 20px;
}

.nav_reserve {
  display: inline-block;
  font-size:16px;
  text-align:center;
  padding:15px 30px;
  color:#fff;
  background:#AB8E4B;
}

.header_inner {
  display: inline-block;
  position: relative;
}
.header_inner > img {
  position:absolute;
  left:50%;
  bottom:5%;
  transform: translateY(-50%) translateX(-50%);
  width:10vw;
}

.header_inner .metaslider .caption-wrap {
  font-size:30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
  text-align:center;
  line-height:1.8;
  top:50%;
  left:50%;
  bottom:initial;
  right:initial;
  width:initial;
  background:none;
  opacity:1;
  transform:translate(-50%,-50%);
  white-space: nowrap;
  text-shadow:  2px  2px 10px #777 ,
               -2px  2px 10px #777 ,
                2px -2px 10px #777 ,
               -2px -2px 10px #777;
}

#navi #menu-g-navi_sp .sub-menu > li {
  margin-left:10px;
  padding-left:25px;
  border-left:1px solid #fff;
}
#menu-item-67 > a {
  position: relative;
  z-index: 100;
}
#menu-item-67 > a::before {
  content:"";
  background:#fff;
  width:15px;
  height:1px;
  position: absolute;
  top:20px;
  right:0;
  z-index:101;
  transition-duration: 0.5s;
}
#menu-item-67 > a::after {
  content:"";
  background:#fff;
  width:15px;
  height:1px;
  position: absolute;
  top:20px;
  right:0;
  z-index:101;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition-duration: 0.5s;
}
#menu-item-67>a.mns::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);

  transition-duration: 0.5s;
}
#menu-item-67>a.mns::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);

  transition-duration: 0.5s;
}
#navi #menu-g-navi_sp .sub-menu {
  display:none;
}

.white_menu {
  background:#fff;
  transition-duration: 1s;
}
.white_menu #menu-g-navi > li > a {
  color:#000;
  border-right:1px solid #000;
  transition-duration: 1s;
}
.white_menu #menu-g-navi > li:last-of-type > a {
  border-right:none;
}

@media screen and (max-width: 1400px) {
  #navi {
    margin:0 0 0 auto;
  }
  .nav_container_f {
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    min-height:50px;
  }
  .header_inner .metaslider .caption-wrap {
    font-size:22px;
  }
  #menu-g-navi li a {
    padding:0 20px;
  }
}
@media screen and (max-width: 1200px) {
  #menu-g-navi li a {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1100px) {
  #navi {
    background:#00315D;
    height:100vh;
    overflow:auto;
    padding-bottom:100px;
    align-items: flex-start;
  }
  #navi .nav_flex_sp {
    width:100%;
  }
  #menu-g-navi_sp {
    padding:0 3%;
    margin-bottom:20px;
  }
  #menu-g-navi_sp li {
    width:100%;
  }
  #menu-g-navi_sp a {
    color:#fff;
  }
  #navi ul.sub-menu, #navi ul.children {
    position:relative;
  }
  .nav_flex_sp > a {
    display:block;
    width:80%;
    margin:50px auto;
    text-align:center;
  }
  .nav_flex_sp > a:hover {
    text-decoration: none;
  }
  .nav_reserve {
    display:block;
    width:100%;
    height: 60px;
    margin:0 auto;
    background:#AB8E4B;
  }
  .header_inner .metaslider .caption-wrap {
    font-size:17px;
  }
}
@media screen and (max-width: 768px) {
  #logo img {
    width:200px;
    margin-top:5px;
  }
  .header_inner > img {
    width:30vw;
  }
  .header_inner .metaslider .caption-wrap {
    font-size:22px;
  }
}

/***************** ヒーロー画像 ***************/
.page_eyecatch_w {
  position: relative;
}
.page_eyecatch_w .title_w {
  position: absolute;
  bottom: calc(60 / 1920 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;

  text-align: center;
  width: 100%;
}
.page_eyecatch_w .subtitle {
  font-size: 40px;
  text-transform:uppercase;
  line-height: 1.8;
  letter-spacing: 2.5px;
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0,0,0,0.65);
  padding-bottom:8px;
  border-bottom: 1px solid #fff;
}
.page_eyecatch_w .title_w h1 {
  font-size: 20px;
  line-height: 4;
  margin-bottom: 0;
  color: #fff;
  text-shadow: 0px 0px 20px rgba(0,0,0,0.65);
}
@media screen and (max-width:768px) {
  .page_eyecatch_w .subtitle {
    font-size: 35px;
  }
}

.page_eyecatch_w > img {
  filter:brightness(80%);
}

.rb_gold {
    display: block;
    color: #ab8e4b;
    font-size: 14px;
}
body.home h2 {
    white-space: nowrap;
}

#main_news .m_news_container {
    background: #e6ebf1;
    margin: 0 5%;
    text-align: center;
}
#main_news .m_news_container_in {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
#main_news .m_news_box {
    list-style: none;
    max-width: 1200px;
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 0 8%;
}
#main_news .m_news_box li {
    padding: 30px 0;
    text-align: left;
}
#main_news .m_news_box li:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}
#main_news .m_news_box li a {
    display: flex;
}
a.no_uline:hover {
    text-decoration: none;
}
#main_news .m_news_box li a span:first-of-type {
    width: 100px;
    margin: 5px 0;
}
#main_news .m_news_box li a div {
    width: 200px;
    margin: 5px 0;
}
#main_news .m_news_box li a div span {
    color: #00315d;
    border: 1px solid #00315d;
    padding: 0 10px;
    margin: 0;
}
#main_news .m_news_box li a > span:last-of-type {
    max-width: 700px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 5px 0;
}

#main_news .m_news_link {
    width: 100%;
    margin-top: 50px;
    text-align: right;
}

#main_news .m_news_link > a {
    color: #00315d;
    display: inline-block;
    position: relative;
    padding-right: 80px;
}

a.arrow_link:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    width: 20px;
    height: 2px;
    border-top: 2px solid;
    border-right: 2px solid;
}
a.arrow_link:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 32px;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) translateY(-50%);
}

#main_recom .m_recom_container {
    margin: 0 5%;
}
#main_recom .m_recom_container_in {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#main_recom .m_recom_container_in .btn_w {
    width: 100%;
    text-align: right;
}
@media screen and (max-width: 768px) {
    #main_recom .m_recom_container_in .btn_w {
        text-align: center;
        margin: 20px auto 40px;
    }
}
#main_recom .m_recom_container_in .btn_w a {
    text-align: center;
}

.main_container {
    width: calc(1748 / 1920 * 100%);
    background: #f4f7f9;
    margin: 0 0 0 auto;
}
.m_content_container {
    width: 100%;
    height: auto;
    margin-bottom: calc(100 / 1920 * 100vw);
    position: relative;
}
.m_content_container:before {
    content: "";
    display: block;
    padding-top: calc(616 / 1920 * 100vw + 350px);
}
#main_bath .m_content_container:before {
    content: "";
    display: block;
    padding-top: calc(450 / 1920 * 100vw + 350px);
}
.m_content_container > img {
    position: absolute;
    margin: 0;
}

#main_bath .m_content_container img:nth-of-type(1) {
    width: calc(1728 / 1920 * 100vw);
    top: calc(-168 / 1920 * 100vw);
    right: calc(192 / 1920 * 100vw);
}
#main_bath .m_content_container img:nth-of-type(2) {
    width: calc(700 / 1920 * 100vw);
    top: calc(360 / 1920 * 100vw);
    right: 0;
}

.main_container .m_content_exp {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    width: calc(700 / 1920 * 100vw);
    min-height: calc(466 / 1920 * 100vw);
    top: calc(500 / 1920 * 100vw);
    padding: calc(50 / 1920 * 100vw) calc(100 / 1920 * 100vw);
}

#main_bath .m_content_container .m_bath_exp {
    top: calc(332 / 1920 * 100vw);
    right: calc(960 / 1920 * 100vw);
}

#main_membership .m_content_container img:nth-of-type(1) {
    width: calc(1728 / 1920 * 100vw);
    top: 0;
    right: 0;
}
#main_membership .m_content_container img:nth-of-type(2) {
    width: calc(600 / 1920 * 100vw);
    top: calc(640 / 1920 * 100vw);
    left: calc(-72 / 1920 * 100vw);
}
#main_membership .m_content_container .m_member_exp {
    left: calc(788 / 1920 * 100vw);
}

#main_access .m_content_container img:nth-of-type(1) {
    width: calc(1728 / 1920 * 100vw);
    top: 0;
    left: calc(-172 / 1920 * 100vw);
}
#main_access .m_content_container .m_access_exp {
    right: calc(960 / 1920 * 100vw);
}
#main_access .m_content_container .m_access_gmap {
    position: absolute;
    width: calc(600 / 1920 * 100vw);
    height: calc(300 / 1920 * 100vw);
    bottom: calc(28 / 1920 * 100vw);
    right: calc(100 / 1920 * 100vw);
}
#main_access .m_content_container .m_access_gmap iframe {
    width: 100%;
    height: 100%;
}

#main_restaurant .m_content_container img:nth-of-type(1) {
    width: calc(1728 / 1920 * 100vw);
    top: 0;
    right: 0;
}
#main_restaurant .m_content_container img:nth-of-type(2) {
    width: calc(260 / 1920 * 100vw);
    top: calc(500 / 1920 * 100vw);
    left: calc(88 / 1920 * 100vw);
}
#main_restaurant .m_content_container img:nth-of-type(3) {
    width: calc(260 / 1920 * 100vw);
    top: calc(536 / 1920 * 100vw);
    left: calc(388 / 1920 * 100vw);
}
#main_restaurant .m_content_container .m_rest_exp {
    left: calc(788 / 1920 * 100vw);
}
.rb_subtitle {
    font-size: 25px;
}

#main_peripheral .m_content_container img:nth-of-type(1) {
    width: calc(1728 / 1920 * 100vw);
    top: 0;
    /*left:calc(-172 / 1920 * 100vw);*/
    right: 0;
}
#main_peripheral .m_content_container img:nth-of-type(2) {
    width: calc(600 / 1920 * 100vw);
    top: calc(638 / 1920 * 100vw);
    /*right:calc(100 / 1920 * 100vw);*/
    left: calc(40 / 1920 * 100vw);
}
#main_peripheral .m_content_container .m_peri_exp {
    /*right:calc(960 / 1920 * 100vw);*/
    left: calc(788 / 1920 * 100vw);
}

@media screen and (max-width: 1400px) {
    #main_news .m_news_box {
        width: auto;
        margin: 0 20px;
    }
}
@media screen and (max-width: 1200px) {
    .main_container .m_content_exp {
        width: 450px;
        height: 350px;
    }
}

@media screen and (max-width: 1100px) {
    #main_news .m_news_box li {
        padding: 15px 0;
    }
    #main_news .m_news_box li a {
        flex-wrap: wrap;
    }
    #main_news .m_news_box li a div {
        width: auto;
    }
    #main_news .m_news_box li a > span:last-of-type {
        max-width: initial;
        width: 100%;
    }
}
@media screen and (max-width: 1000px) {
    #main_bath .m_content_container .m_bath_exp {
        left: calc(-172 / 1920 * 100vw);
        right: auto;
    }
    #main_membership .m_content_container .m_member_exp {
        left: auto;
        right: 0;
    }
    #main_access .m_content_container .m_access_exp {
        left: calc(-172 / 1920 * 100vw);
        right: auto;
    }
    #main_restaurant .m_content_container .m_rest_exp {
        left: auto;
        right: 0;
    }
    #main_peripheral .m_content_container .m_peri_exp {
        left: calc(-172 / 1920 * 100vw);
        right: auto;
    }
}
@media screen and (max-width: 768px) {
    #main_news .m_news_box li a span:first-of-type {
        width: 80px;
    }
    .m_content_container:before {
        padding-top: calc(1050 / 1920 * 100vw + 400px);
    }
    #main_bath .m_content_container:before {
        padding-top: calc(800 / 1920 * 100vw + 400px);
    }
    #main_bath .m_content_container img:nth-of-type(2) {
        width: calc(500 / 768 * 100vw);
        top: calc(135 / 768 * 100vw);
        right: 0;
    }
    .main_container .m_content_exp {
        width: 90vw;
        min-height: initial;
        max-height: 300px;
    }
    #main_bath .m_content_container .m_bath_exp {
        height: calc(466 / 768 * 100vw);
        top: calc(400 / 768 * 100vw);
    }

    #main_membership .m_content_container img:nth-of-type(2) {
        width: calc(500 / 768 * 100vw);
        top: calc(500 / 1920 * 100vw);
        left: calc(-70 / 768 * 100vw);
    }
    #main_membership .m_content_container .m_member_exp {
        top: calc(480 / 768 * 100vw);
    }

    #main_access .m_content_container .m_access_exp {
        top: calc(500 / 768 * 100vw);
    }
    #main_access .m_content_container .m_access_gmap {
        position: absolute;
        width: 90vw;
        height: calc(280 / 768 * 100vw);
        top: calc(500 / 1920 * 100vw);
        bottom: auto;
        right: 0;
    }

    #main_restaurant .m_content_container img:nth-of-type(2) {
        width: calc(200 / 768 * 100vw);
        top: calc(190 / 768 * 100vw);
        left: calc(88 / 768 * 100vw);
    }
    #main_restaurant .m_content_container img:nth-of-type(3) {
        width: calc(200 / 768 * 100vw);
        top: calc(226 / 768 * 100vw);
        left: calc(330 / 768 * 100vw);
    }
    #main_restaurant .m_content_container .m_rest_exp {
        top: calc(520 / 768 * 100vw);
    }
    .rb_subtitle {
        font-size: 20px;
    }
    #main_peripheral .m_content_container img:nth-of-type(2) {
        width: calc(600 / 768 * 100vw);
        top: calc(210 / 768 * 100vw);
        right: calc(20 / 768 * 100vw);
    }
    #main_peripheral .m_content_container .m_peri_exp {
        top: calc(530 / 768 * 100vw);
    }
}
@media screen and (max-width: 480px) {
    #main_bath .m_content_container .m_bath_exp {
        height: calc(466 / 480 * 100vw);
    }
}

/***************** 館内施設 ***************/
.page_inlink_adjust {
    display: block;
    padding-top: 70px !important;
    margin-top: -70px !important;
}
#facility_summary .faci_sum_h1 {
    display: block;
    margin-bottom: 60px;
}
#facility_summary .faci_sum_h1 span.sum_ib {
    display: inline-block;
    white-space: nowrap;
}
#facility_summary .faci_sum_p {
    display: block;
    margin-bottom: 40px;
}
#facility_summary .faci_btn_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    word-break: keep-all;
}
#facility_summary .faci_btn_list li {
    width: 32%;
    height: 60px;
    margin-right: 2%;
    margin-bottom: 30px;
}
#facility_summary .faci_btn_list li:nth-of-type(3n) {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    #facility_summary .faci_btn_list {
        max-width: 768px;
        width: 100%;
    }
    #facility_summary .faci_btn_list li {
        width: 49%;
        margin-bottom: 10px;
    }
    #facility_summary .faci_btn_list li:not(:nth-of-type(2n)) {
        margin-right: 2%;
    }
    #facility_summary .faci_btn_list li:nth-of-type(2n) {
        margin-right: 0;
    }
}

.content_topimg {
    position: relative;
    height: calc(550 / 1920 * 100vw);
    z-index: -1;
}
.content_topimg img {
    width: 100%;
}
.content_title {
    background: #fff;
    max-width: 800px;
    width: calc(800 / 1200 * 100%);
    padding: calc(50 / 1920 * 100%) 20px 50px 20px;
    margin: 0 auto;
}
.content_title h1 {
    margin-bottom: calc(80 / 1920 * 100%);
}
.faci_kome {
    font-size: 13px;
    margin: 0;
}

#facility_bath img {
    margin: 0;
}
.faci_imgbox {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: calc(50 / 1000 * 100%);
}
.faci_imgbox li {
    width: calc(330 / 1400 * 100%);
}
.faci_imgbox li:not(:last-of-type) {
    margin-right: calc(26 / 1400 * 100%);
}
.faci_content_table {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 50px auto;
}
.faci_imgbox li img {
    width: 100%;
}

.faci_content_table tr {
    display: block;
    padding-left: 2%;
    border-top: 1px solid #ccc;
}
.faci_content_table tr:last-of-type {
    border-bottom: 1px solid #ccc;
}
.faci_content_table th {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 20px 0;
}
.faci_content_table td {
    display: inline-block;
    width: 70%;
    padding: 20px 0;
}
.content_title p span,
.faci_content_table td span {
    display: inline-block;
}
@media screen and (max-width: 1000px) {
    .faci_imgbox {
        display: flex;
        flex-wrap: wrap;
    }
    .faci_imgbox li {
        width: 47%;
        height: auto;
        margin-bottom: 30px;
    }
    .faci_imgbox li:nth-of-type(2n) {
        margin-right: 0;
    }
    .faci_imgbox li:not(:nth-of-type(2n)) {
        margin-right: 6%;
    }
}
@media screen and (max-width: 768px) {
    .content_title {
        width: 90%;
    }
    .faci_kome {
        font-size: 10px;
    }
}

#facility_nihantei .faci_niha_list {
    max-width: 1200px;
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
#facility_nihantei .faci_niha_list li {
    width: 30%;
    margin-bottom: 30px;
}
#facility_nihantei .faci_niha_list li:not(:last-of-type) {
    margin-right: 5%;
}
#facility_nihantei .faci_niha_list li img {
    width: 100%;
}
#facility_nihantei .faci_niha_list li h3 {
    margin-bottom: 15px;
}

@media screen and (max-width: 600px) {
    #facility_nihantei .faci_niha_list {
        flex-wrap: wrap;
    }
    #facility_nihantei .faci_niha_list li {
        width: 95%;
        margin-bottom: 30px;
    }
    #facility_nihantei .faci_niha_list li:nth-of-type(1n) {
        margin-left: auto;
        margin-right: auto;
    }
}

#faci_business .faci_busi_box {
    list-style: none;
    background: #f4f7f9;
    max-width: 1000px;
    width: 100%;
    display: flex;
    padding: 50px 0;
    margin: 0 auto calc(80 / 1000 * 100%) auto;
}
#faci_business .faci_busi_box li {
    width: 50%;
    padding: 0 calc(50 / 1000 * 100%);
}
#faci_business .faci_busi_box li:first-of-type {
    border-right: 1px solid #ccc;
}
@media screen and (max-width: 600px) {
    #faci_business .faci_busi_box {
        flex-wrap: wrap;
        padding: 0;
    }
    #faci_business .faci_busi_box li {
        width: 90%;
        padding: 50px calc(50 / 1000 * 100%);
        margin: 0 auto;
    }
    #faci_business .faci_busi_box li:first-of-type {
        border-right: none;
        border-bottom: 1px solid #ccc;
    }
}

#faci_lounge .faci_loun_list {
    max-width: 760px;
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
#faci_lounge .faci_loun_list li {
    max-width: 50%;
    margin-bottom: 30px;
}
#faci_lounge .faci_loun_list li:first-of-type {
    margin-right: calc(100 / 760 * 100%);
}
#faci_lounge .faci_loun_list li h3 {
    margin-bottom: 15px;
}
#faci_lounge .faci_loun_box {
    background: #f4f7f9;
    max-width: 1200px;
    width: 100%;
    padding: 30px 0;
    margin-bottom: calc(80 / 1000 * 100%);
    text-align: center;
}
#faci_lounge .faci_loun_box span {
    display: inline-block;
    white-space: nowrap;
}

#faci_massage .faci_mass_list {
    list-style: none;
    display: flex;
    max-width: 1200px;
    width: 100%;
    padding: 0;
}
#faci_massage .faci_mass_list > li:first-of-type {
    width: 25%;
    padding-right: 30px;
}
#faci_massage .faci_mass_list > li:last-of-type {
    width: 75%;
}
#faci_massage .faci_mass_list > li h3 {
    margin-bottom: 15px;
}
#faci_massage .faci_mass_list_in {
    list-style: none;
    width: 100%;
    padding: 0;
}
#faci_massage .faci_mass_list_in > li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
#faci_massage .faci_mass_list_in img {
    max-width: initial;
    margin-bottom: 0;
}
#faci_massage .faci_mass_list_inbox {
    display: inline-block;
}
#faci_massage .faci_mass_list_inbox ul {
    list-style: disc;
    margin-bottom: 20px;
}
#faci_massage .faci_mass_box {
    background: #f4f7f9;
    padding: 30px 50px;
    margin-bottom: calc(80 / 1200 * 100%);
}
#faci_massage .faci_mass_imgbox {
    position: relative;
    margin-right: calc(50 / 1200 * 100%);
}
#faci_massage .faci_mass_imgkome {
    font-size: 11px;
    margin: 0 0 0 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 1000px) {
    #faci_massage .faci_mass_list {
        flex-wrap: wrap;
    }
    #faci_massage .faci_mass_list > li:first-of-type {
        width: 100%;
    }
    #faci_massage .faci_mass_list > li:last-of-type {
        width: 100%;
    }
}
@media screen and (max-width: 640px) {
    #faci_massage .faci_mass_list_in li {
        flex-wrap: wrap;
    }
    #faci_massage .faci_mass_list_in img {
        width: 100%;
        margin: 0;
    }
    #faci_massage .faci_mass_list_inbox {
        width: 100%;
    }
    #faci_massage .faci_mass_imgbox {
        width: 100%;
        margin-right: 0;
    }
}

/***************** 会員サービス・特典 ***************/

#mem_summary .mem_btn_list {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    word-break: keep-all;
}
#mem_summary .mem_btn_list li {
    max-width: 220px;
    width: 100%;
    height: 60px;
}
#mem_summary .mem_btn_list li:not(:last-of-type) {
    margin-right: calc(80 / 1920 * 100%);
}

#mem_card .content_title,
#mem_benefits_women .content_title,
#mem_benefits_kids .content_title {
    padding-bottom: 20px;
}
#mem_card h2.mem_card_h2 {
    padding: 10px;
    color: #fff;
    background: #00315d;
}
#mem_card .meme_card_fbox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
}
#mem_card .meme_card_fbox:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}

#mem_card .meme_card_fbox img {
    width: 35%;
    margin-right: 5%;
}
#mem_card .meme_card_fbox .meme_card_fbox_in {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
#mem_card .meme_card_fbox .meme_card_fbox_in > * {
    width: 100%;
}
#mem_card .meme_card_in {
    width: 60%;
}
#mem_card .meme_card_in .meme_card_table1 {
    width: 100%;
}
#mem_card .meme_card_in .meme_card_table1 th {
    color: #fff;
    font-weight: bold;
    width: 25%;
    padding: 8px;
    background: #999;
    border: 1px solid #fff;
}
#mem_card .meme_card_in .meme_card_table1 td {
    width: 37.5%;
    padding: 8px;
    border: 1px solid #ccc;
}
#mem_card .meme_card_in .meme_card_table2 {
    width: 100%;
    margin-bottom: 30px;
}
#mem_card .meme_card_in .meme_card_table2 th {
    color: #fff;
    font-weight: bold;
    width: 30%;
    padding: 8px;
    background: #999;
    border: 1px solid #fff;
}
#mem_card .meme_card_in .meme_card_table2 td:first-of-type {
    width: 35%;
    padding: 8px;
    border: 1px solid #ccc;
}
#mem_card .meme_card_in .meme_card_table2 td:last-of-type {
    width: 35%;
    padding: 8px;
    border: 1px solid #ccc;
}
#mem_card .meme_card_dbox {
    display: block;
    padding: 10px;
    border: 1px dashed #ccc;
}
#mem_card .meme_card_bbox {
    background: #f4f7f9;
    width: 100%;
    padding: 30px;
}
#mem_card .meme_card_bbox ul {
    margin: 0;
}
@media screen and (max-width: 768px) {
    #mem_card .meme_card_fbox {
        justify-content: center;
        flex-wrap: wrap;
    }
    #mem_card .meme_card_fbox img {
        width: 80%;
        margin-right: 0;
    }
    #mem_card .meme_card_fbox .meme_card_fbox_in {
        width: 80%;
    }
    #mem_card .meme_card_in {
        width: 100%;
    }
}

.content_title_sub {
    font-size: 25px;
}
#mem_benefits_women .mem_ame_imgbox {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#mem_benefits_women .mem_ame_imgbox img {
    width: 47%;
}
.mem_ame_box {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}
.mem_ame_dash {
    display: block;
    width: 90%;
    margin: 0 auto 50px auto;
    padding: 30px;
    border: 1px dashed #ccc;
}
@media screen and (max-width: 768px) {
    .content_title_sub {
        font-size: 20px;
    }
}

/***************** アクセス・周辺案内 ***************/
#acc_summary .acc_btn_list {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    word-break: keep-all;
}
#acc_summary .acc_btn_list li {
    max-width: 220px;
    width: 220px;
    height: 60px;
}
#acc_summary .acc_btn_list li:first-of-type {
    margin-right: calc(100 / 1920 * 100%);
}

#acc_access .acc_content_fbox {
    display: flex;
    padding: 50px 5%;
}
#acc_access .acc_content_fbox:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}

#acc_access .acc_content_fbox .acc_content_fbox_in {
    width: calc(480 / 1200 * 100%);
}
#acc_access .acc_content_fbox .acc_content_gmap {
    width: calc(720 / 1200 * 100%);
    height: calc(400 / 1200 * 100vw);
    max-height: 400px;
}
#acc_access .acc_content_fbox .acc_content_gmap iframe {
    width: 100%;
    height: 100%;
}
#acc_access .acc_content_fbox ol {
    list-style: decimal;
    padding-left: 20px;
}
#acc_access .acc_content_fbox .acc_content_fbox_in2 {
    width: 70%;
}
#acc_access .acc_content_fbox img.acmap {
    width: auto;
    height: auto;
    align-self: flex-start;
    margin-right: 5%;
}
#acc_access .acc_content_fbox .acc_content_fbox_in3 {
    width: 70%;
}
#acc_access .acc_content_fbox img.acc_appear {
    max-width: 30%;
    width: 100%;
    align-self: flex-start;
    height: auto;
}
@media screen and (max-width: 768px) {
    #acc_access .content_title {
        padding-bottom: 0;
    }
    #acc_access .acc_content_fbox {
        flex-wrap: wrap;
    }
    #acc_access .acc_content_fbox .acc_content_fbox_in {
        width: 90%;
        margin: 0 auto;
    }
    #acc_access .acc_content_fbox .acc_content_gmap {
        width: 100%;
        height: calc(400 / 768 * 100vw);
        margin: 0 auto;
    }
    #acc_access .acc_content_fbox img.acmap {
        margin: 0 auto 20px auto;
        order: 2;
    }
    #acc_access .acc_content_fbox .acc_content_fbox_in2 {
        width: 90%;
        margin: 0 auto;
    }
    #acc_access .acc_content_fbox .acc_content_fbox_in3 {
        width: 90%;
        margin: 0 auto;
    }
    #acc_access .acc_content_fbox img.acc_appear {
        max-width: 330px;
        width: 100%;
        margin: 0 auto 50px auto;
    }
}
@media screen and (max-width: 480px) {
    #acc_access .acc_content_fbox .acc_content_fbox_in2 {
        width: 100%;
    }
}

#acc_periph .acc_peri_box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
#acc_periph .acc_peri_box img {
    width: 55%;
    margin: 0 5% 0 0;
}
#acc_periph .acc_peri_box .acc_peri_box_in {
    width: 40%;
    padding-top: 30px;
}
#acc_periph .imgr img {
    order: 2;
    margin: 0 0 0 5%;
}
#acc_periph .imgr .acc_peri_box_in {
    order: 1;
}

@media screen and (max-width: 700px) {
    #acc_periph .acc_peri_box {
        flex-wrap: wrap;
    }
    #acc_periph .acc_peri_box img {
        width: 80%;
        margin: 0 auto;
        order: 1;
    }
    #acc_periph .acc_peri_box .acc_peri_box_in {
        width: 80%;
        margin: 0 auto;
        order: 2;
    }
}

/***************** 会員サービス・特典 ***************/
.contact_w p {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto 50px;
}
.contact_w table {
    max-width: 800px;
    width: 100%;
    margin: 0 auto 30px;
}
.contact_w table tr {
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.contact_w table th {
    width: 30%;
    padding: 10px 0;
}
.contact_w table td {
    width: 70%;
    padding: 10px 0;
}
.contact_w table td > input,
.contact_w table td textarea {
    max-width: 100%;
    width: 100%;
}
.contact_w table td span.contact_kome {
    display: block;
    font-weight: normal;
}

@media screen and (max-width: 640px) {
    .contact_w p {
        margin-bottom: 20px;
    }
    .contact_w table th {
        display: block;
        width: 100%;
        padding: 10px 5% 0;
    }
    .contact_w table td {
        display: block;
        width: 100%;
        padding: 5px 5% 10px;
    }
}
@media screen and (max-width: 480px) {
    .contact_w table td > input,
    .contact_w table td textarea {
        width: 100%;
    }
}

/***************** Contact Form 7 確認画面 ***************/
.cf7-form-confirm {
    display: none;
}
.contact_w .contact_confirm_lead {
    margin-bottom: 24px;
    text-align: center;
}
.cf7-form-confirm table td {
    white-space: pre-wrap;
    word-break: break-word;
}
.contact_w .wpcf7-form-control-wrap {
    display: block;
}
.contact_w table td input.wpcf7-form-control:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]):not(.contact_tel_input),
.contact_w table td textarea {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}
.contact_w .contact_tel {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px 6px;
    position: relative;
}
.contact_w table td .contact_tel .wpcf7-form-control-wrap {
    display: inline-block;
    width: auto;
}
.contact_w table td .contact_tel input.wpcf7-form-control {
    max-width: none;
    text-align: center;
    width: 5.5em;
}
.contact_w .contact_tel .wpcf7-not-valid-tip {
    left: 0;
    margin: 0;
    position: absolute;
    top: calc(100% + 2px);
    white-space: nowrap;
}
.contact_w .contact_tel:has(.wpcf7-not-valid-tip) {
    margin-bottom: 1.6em;
}
.contact_w .contact_tel .wpcf7-form-control-wrap[data-name="denwa2"] .wpcf7-not-valid-tip,
.contact_w .contact_tel .wpcf7-form-control-wrap[data-name="denwa3"] .wpcf7-not-valid-tip {
    display: none !important;
}
.contact_w .wpcf7-list-item {
    margin: 0 1em 0 0;
}
.contact_w .wpcf7-list-item-label {
    font-weight: normal;
    margin-left: 4px;
}
.contact_w .wpcf7 .btn_w {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 12px 16px;
}
.contact_w .wpcf7 .btn_w .btn3 {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    flex: 1 1 240px;
    margin: 0;
    max-width: 320px;
    text-align: center;
}
.contact_w .wpcf7 .btn_w .btn3:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}
.contact_w .wpcf7 .btn_w .btn3:disabled:hover {
    background: #00315D;
    color: #fff;
}
.contact_w .wpcf7-not-valid-tip,
.contact_w .cf7-custom-error {
    color: #E63434;
    display: block;
    font-size: 13px;
    font-weight: normal;
    margin-top: 6px;
}
.contact_w .wpcf7-response-output {
    margin: 20px auto;
    max-width: 800px;
    text-align: left;
}

.border_sol {
    border: 1px solid #ccc;
    padding: 30px;
}

/***************** 大浴場 ***************/
#big_bath {
}
#big_bath h2 {
    text-align: center;
    margin-bottom: 2rem;
}
#big_bath .content_title {
    background: inherit;
}
#big_bath .bath_list {
    max-width: 1200px;
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
#big_bath .bath_list li {
    width: 30%;
    margin-bottom: 30px;
}
#big_bath .bath_list li:not(:last-of-type) {
    margin-right: 5%;
}
#big_bath .bath_list li img {
    width: 100%;
}
#big_bath .bath_list li h3 {
    margin-bottom: 15px;
}
@media screen and (max-width: 1000px) {
    #big_bath .bath_list {
        flex-wrap: wrap;
    }
    #big_bath .bath_list li {
        width: 48%;
        margin-bottom: 30px;
    }
    #big_bath .bath_list li:not(:nth-of-type(2n)) {
        margin-right: 4%;
    }
    #big_bath .bath_list li:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 600px) {
    #big_bath .bath_list li {
        width: 95%;
        margin-bottom: 30px;
    }
    #big_bath .bath_list li:nth-of-type(1n) {
        margin-left: auto;
        margin-right: auto;
    }
}

/***************** オンライン予約について ***************/
.reserv_btn_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
}
.reserv_btn_list li {
    width: 19%;
    margin-right: 1%;
    margin-bottom: 20px;
}
.reserv_btn_list li:nth-of-type(5) {
    margin-right: 0;
}
.reserv_img {
    width: 100%;
    margin-bottom: 70px;
}
.reserv_list {
    padding-left: 20px;
    margin-bottom: 30px;
}

@media screen and (max-width: 1220px) {
    .reserv_btn_list {
        width: 700px;
    }
    .reserv_btn_list li {
        width: 32%;
        margin-right: 2%;
    }
    .reserv_btn_list li:nth-of-type(3) {
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .reserv_btn_list {
        width: 100%;
        max-width: 500px;
    }
    .reserv_btn_list li {
        width: 48%;
    }
    .reserv_btn_list li:nth-of-type(2n-1) {
        margin-right: 4%;
    }
    .reserv_btn_list li:nth-of-type(2n) {
        margin-right: 0;
    }
}

/****** 田正追加分 *******/
#main_denshou .m_content_container img:nth-of-type(1) {
    width: calc(1728 / 1920 * 100vw);
    top: 0;
    left: calc(-172 / 1920 * 100vw);
}
#main_denshou .m_content_container img:nth-of-type(2) {
    width: calc(260 / 1920 * 100vw);
    top: calc(500 / 1920 * 100vw);
    left: calc(1220 / 1920 * 100vw);
}
#main_denshou .m_content_container img:nth-of-type(3) {
    width: calc(260 / 1920 * 100vw);
    top: calc(536 / 1920 * 100vw);
    left: calc(920 / 1920 * 100vw);
}
@media screen and (max-width: 1000px) {
    #main_denshou .m_content_container .m_rest_exp {
        left: calc(-172 / 1920 * 100vw);
        right: auto;
    }
}
@media screen and (max-width: 768px) {
    #main_denshou .m_content_container img:nth-of-type(2) {
        width: calc(200 / 768 * 100vw);
        top: calc(226 / 768 * 100vw);
        left: calc(88 / 768 * 100vw);
    }
    #main_denshou .m_content_container img:nth-of-type(3) {
        width: calc(200 / 768 * 100vw);
        top: calc(190 / 768 * 100vw);
        left: calc(330 / 768 * 100vw);
    }
    #main_denshou .m_content_container .m_rest_exp {
        top: calc(520 / 768 * 100vw);
    }
}
.faci_denshou_list {
    width: 100%;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
.faci_denshou_list li {
    width: 24%;
    margin-bottom: 30px;
}
.faci_denshou_list li:not(:last-of-type) {
    margin-right: 2%;
}
@media screen and (max-width: 1000px) {
    .faci_denshou_list {
        flex-wrap: wrap;
    }
    .faci_denshou_list li {
        width: 47%;
        margin-bottom: 10px;
    }
    .faci_denshou_list li:not(:nth-of-type(2n)) {
        margin-right: 6%;
    }
    .faci_denshou_list li:nth-of-type(2n) {
        margin-right: 0;
    }
}

.morning-img {
    max-width: 500px;
    width: 100%;
    padding: 0 20px 50px 20px;
}

/****** メニュー表リンク *******/
.p-page__link--arrow {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    color: #00315d;
    font-weight: bold;
    text-decoration: none;
    outline: none;
}
.p-page__link--arrow::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 10%;
    width: 90%;
    height: 1px;
    background: #00315d;
    transition: all 0.5s;
}
.p-page__link--arrow::after {
    content: "" !important;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 1px;
    background: #00315d;
    transform: rotate(35deg);
    transition: all 0.5s;
    vertical-align: inherit !important;
    margin: inherit !important;
}
.p-page__link--arrow:hover {
    color: #00315d;
    opacity: 1;
    text-decoration: none;
}
@media screen and (min-width: 769px) {
    .p-page__link--arrow:hover::before {
        left: 20%;
    }
    .p-page__link--arrow:hover::after {
        right: -10%;
    }
}

/****** 採用情報 *******/
.recruit__menu-list {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}
.recruit__staff-inner {
    align-items: flex-start;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 2em;
}
.recruit__title {
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
    padding: 0.5rem 0;
    margin-bottom: 2rem;
    font-size: calc(24px + 8 * (100vw - 375px) / 1545);
}
.recruit__title:before {
    position: absolute;
    border-bottom: 3px solid #ab8e4b;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: "";
}
.recruit__table {
    max-width: 1000px;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    border-collapse: collapse;
    margin: 0 auto 40px;
}
.recruit__table th,
.recruit__table td {
    padding: 1.5em 1em;
    white-space: normal;
    border-bottom: 1px solid #ccc;
}
.recruit__table th {
    text-align: center;
    background-color: #f4f7f9;
    width: 25%;
}
.recruit__table td {
    border-left: 1px solid #ccc;
}
.recruit__table td a {
    color: #00315d;
    text-decoration: underline;
    transition: all 0.5s;
}
.recruit__table td a:hover {
    color: #00315d;
    text-decoration: none;
}
@media screen and (min-width: 1001px) {
    .recruit__menu-list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 769px) {
    .recruit__staff-inner {
        grid-template-columns: 30% 1fr;
    }
    .recruit__title {
        text-align: left;
        padding: 0.5rem 0 0.25rem;
    }
    .recruit__title:before {
        transform: none;
        left: 0;
        width: 1em;
    }
    .recruit__table th,
    .recruit__table td {
        padding: 1.5em 2em;
    }
}
@media screen and (max-width: 768px) {
    #recruit__staff {
        margin-top: -120px;
    }
}

/* コンテンツ幅（テーマオプション） */
:where(body.w1000) .container_in {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1020px) {
  :where(body.w1000) .container_in {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1100) .container_in {
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1120px) {
  :where(body.w1100) .container_in {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1150) .container_in {
  width: 1150px;
  margin: 0 auto;
}
@media screen and (max-width: 1170px) {
  :where(body.w1150) .container_in {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1200) .container_in {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1220px) {
  :where(body.w1200) .container_in {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1300) .container_in {
  width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 1320px) {
  :where(body.w1300) .container_in {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1400) .container_in {
  width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 1420px) {
  :where(body.w1400) .container_in {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1500) .container_in {
  width: 1500px;
  margin: 0 auto;
}
@media screen and (max-width: 1520px) {
  :where(body.w1500) .container_in {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1400) .container_in2 {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1220px) {
  :where(body.w1400) .container_in2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
:where(body.w1400) .container_in3 {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1020px) {
  :where(body.w1400) .container_in3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}