@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
#mainContent #mainContent html,
#mainContent #mainContent body,
#mainContent #mainContent div,
#mainContent #mainContent span,
#mainContent #mainContent object,
#mainContent #mainContent iframe,
#mainContent #mainContent h1,
#mainContent #mainContent h2,
#mainContent #mainContent h3,
#mainContent #mainContent h4,
#mainContent #mainContent h5,
#mainContent #mainContent h6,
#mainContent #mainContent p,
#mainContent #mainContent blockquote,
#mainContent #mainContent pre,
#mainContent #mainContent abbr,
#mainContent #mainContent address,
#mainContent #mainContent cite,
#mainContent #mainContent code,
#mainContent #mainContent del,
#mainContent #mainContent dfn,
#mainContent #mainContent em,
#mainContent #mainContent img,
#mainContent #mainContent ins,
#mainContent #mainContent kbd,
#mainContent #mainContent q,
#mainContent #mainContent samp,
#mainContent #mainContent small,
#mainContent #mainContent strong,
#mainContent #mainContent sub,
#mainContent #mainContent sup,
#mainContent #mainContent var,
#mainContent #mainContent b,
#mainContent #mainContent i,
#mainContent #mainContent dl,
#mainContent #mainContent dt,
#mainContent #mainContent dd,
#mainContent #mainContent ol,
#mainContent #mainContent ul,
#mainContent #mainContent li,
#mainContent #mainContent fieldset,
#mainContent #mainContent form,
#mainContent #mainContent label,
#mainContent #mainContent legend,
#mainContent #mainContent table,
#mainContent #mainContent caption,
#mainContent #mainContent tbody,
#mainContent #mainContent tfoot,
#mainContent #mainContent thead,
#mainContent #mainContent tr,
#mainContent #mainContent th,
#mainContent #mainContent td,
#mainContent #mainContent article,
#mainContent #mainContent aside,
#mainContent #mainContent canvas,
#mainContent #mainContent details,
#mainContent #mainContent figcaption,
#mainContent #mainContent figure,
#mainContent #mainContent footer,
#mainContent #mainContent header,
#mainContent #mainContent hgroup,
#mainContent #mainContent menu,
#mainContent #mainContent nav,
#mainContent #mainContent section,
#mainContent #mainContent summary,
#mainContent #mainContent time,
#mainContent #mainContent mark,
#mainContent #mainContent audio,
#mainContent #mainContent video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent #mainContent *::before,
#mainContent #mainContent *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.contact_wedding {
  line-height: 1.5;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-weight: 500;
  color: #222;
}
#mainContent #mainContent span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
#mainContent #mainContent article,
#mainContent #mainContent aside,
#mainContent #mainContent details,
#mainContent #mainContent figcaption,
#mainContent #mainContent figure,
#mainContent #mainContent footer,
#mainContent #mainContent header,
#mainContent #mainContent hgroup,
#mainContent #mainContent menu,
#mainContent #mainContent nav,
#mainContent #mainContent section {
  display: block;
}
#mainContent #mainContent ul,
#mainContent #mainContent li {
  list-style: none;
}
#mainContent #mainContent textarea,
#mainContent #mainContent input,
#mainContent #mainContent select {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent #mainContent a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #222;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent #mainContent a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent a:hover {
    text-decoration: none;
  }
}
#mainContent #mainContent table {
  border-collapse: collapse;
  border-spacing: 0;
}
#mainContent #mainContent hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
#mainContent #mainContent input,
#mainContent #mainContent select {
  vertical-align: middle;
}
#mainContent #mainContent img {
  vertical-align: bottom;
  width: auto;
  max-width: 100%;
}
#mainContent #mainContent sup {
  vertical-align: baseline;
  position: relative;
  top: -1ex;
}
#mainContent #mainContent button {
  outline: none;
}
#mainContent #mainContent .mod_gallery_modal {
  margin: auto;
}
#mainContent #mainContent .mod_gallery_modal .mod_gallery_modal-img {
  cursor: text;
}
#mainContent #mainContent .mod_gallery_modal.-one {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#mainContent #mainContent .mod_gallery_modal.-one .mod_gallery_modal-img {
  width: 100%;
}
#mainContent #mainContent .mod_gallery_modal.-one .mod_gallery_modal-img img {
  width: auto;
  -o-object-fit: unset;
     object-fit: unset;
  height: auto;
  max-width: 100%;
  aspect-ratio: auto;
}
#mainContent #mainContent .mod_gallery_modal.-two, #mainContent #mainContent .mod_gallery_modal.-three {
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}
#mainContent #mainContent .mod_gallery_modal.-two .mod_gallery_modal-img, #mainContent #mainContent .mod_gallery_modal.-three .mod_gallery_modal-img {
  width: 100%;
}
#mainContent #mainContent .mod_gallery_modal.-two .mod_gallery_modal-img img, #mainContent #mainContent .mod_gallery_modal.-three .mod_gallery_modal-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
  aspect-ratio: 3/2;
}
#mainContent #mainContent .sec_tit_eng {
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .sec_tit_eng {
    margin-bottom: 0.4rem;
  }
}
#mainContent #mainContent .sec_tit_eng .title {
  font-family: "eb-garamond", serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.18rem;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #282828;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #mainContent #mainContent .sec_tit_eng .title {
    font-size: 0.15rem;
  }
}
#mainContent #mainContent .sec_tit_eng span {
  display: block;
  text-align: center;
  margin-bottom: 0.15rem;
  font-family: "eb-garamond", serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.46rem;
  letter-spacing: 0.2em;
  line-height: 0.8;
  color: #808057;
}
@media screen and (max-width: 640px) {
  #mainContent #mainContent .sec_tit_eng span {
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
    line-height: 1.2;
  }
}
#mainContent #mainContent .sec_tit_eng.-large {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .sec_tit_eng.-large {
    margin-bottom: 0.2rem;
  }
}
#mainContent #mainContent .sec_tit_eng.-large span {
  line-height: 1.3;
  font-size: 0.48rem;
}
@media screen and (max-width: 640px) {
  #mainContent #mainContent .sec_tit_eng.-large span {
    font-size: 0.32rem;
  }
}
#mainContent #mainContent .sec_tit_eng.-mid {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .sec_tit_eng.-mid {
    margin-bottom: 0.2rem;
  }
}
#mainContent #mainContent .sec_tit_eng.-mid span {
  line-height: 1.3;
  font-size: 0.42rem;
}
@media screen and (max-width: 640px) {
  #mainContent #mainContent .sec_tit_eng.-mid span {
    font-size: 0.28rem;
  }
}
#mainContent #mainContent .sec_tit_eng.-small {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .sec_tit_eng.-small {
    margin-bottom: 0.2rem;
  }
}
#mainContent #mainContent .sec_tit_eng.-small span {
  font-size: 0.34rem;
}
@media screen and (max-width: 640px) {
  #mainContent #mainContent .sec_tit_eng.-small span {
    font-size: 0.28rem;
  }
}
#mainContent #mainContent .sec_tit_eng.-left .title {
  text-align: left;
}
#mainContent #mainContent .sec_tit_eng.-left .title span {
  text-align: left;
  line-height: 1.3;
}
#mainContent #mainContent .sec_tit .-lead p:not(:first-child) {
  margin-top: 0.6em;
}
#mainContent #mainContent .mod_gallery_modal-img {
  padding-top: var(--gap);
}
@media screen and (max-width: 640px) {
  #mainContent #mainContent .mod_gallery_modal-img {
    width: calc(50% - var(--gap) / 2);
  }
}
#mainContent #mainContent .mod_gallery_modal:not(.__more-view) .mod_gallery_modal-img:is(:nth-child(n+9):not(.__view), .__hide) {
  display: block;
}

/*==================================================================
	共通extend用
===================================================================*/
/* --------------------------------------------------
 Module CSS
 -------------------------------------------------- */
/* --------------------------------------------------
 01:  webfont
 -------------------------------------------------- */
@font-face {
  font-family: "BaskervilleURW";
  src: url("/common/font/BaskervilleURW/BaskervilleURW-Reg.eot?") format("eot"), url("/common/font/BaskervilleURW/BaskervilleURW-Reg.woff") format("woff"), url("/common/font/BaskervilleURW/BaskervilleURW-Reg.ttf") format("truetype");
}
#mainContent {
  /* --------------------------------------------------
  02:  Margin Padding
  -------------------------------------------------- */
  /* --------------------------------------------------
  02.5:  Margin Padding (responsive)
  -------------------------------------------------- */
  /* --------------------------------------------------
  03:  Text Size
  -------------------------------------------------- */
  /* --------------------------------------------------
  04:  Set Style
  -------------------------------------------------- */
  /* --------------------------------------------------
  05:  Responsive
  -------------------------------------------------- */
  /* Slider */
  /* Magnific Popup CSS */
  /* Main image in popup */
  /* The shadow behind the image */
  /* フォーム確認画面切り替えの操作 */
  /* 入力項目自体を操作不可にする（ただし、送信・戻るボタンは除く） */
  /* label内のチェックボックス・ラジオボタンも操作不可にする */
}
#mainContent .mt0 {
  margin-top: 0 !important;
}
#mainContent .mt5 {
  margin-top: 5px !important;
}
#mainContent .mt10 {
  margin-top: 10px !important;
}
#mainContent .mt15 {
  margin-top: 15px !important;
}
#mainContent .mt20 {
  margin-top: 20px !important;
}
#mainContent .mt25 {
  margin-top: 25px !important;
}
#mainContent .mt30 {
  margin-top: 30px !important;
}
#mainContent .mt50 {
  margin-top: 50px !important;
}
#mainContent .mt80 {
  margin-top: 80px !important;
}
#mainContent .mt-70 {
  margin-top: -70px !important;
}
#mainContent .mb0 {
  margin-bottom: 0 !important;
}
#mainContent .mb5 {
  margin-bottom: 5px !important;
}
#mainContent .mb10 {
  margin-bottom: 10px !important;
}
#mainContent .mb15 {
  margin-bottom: 15px !important;
}
#mainContent .mb20 {
  margin-bottom: 20px !important;
}
#mainContent .mb25 {
  margin-bottom: 25px !important;
}
#mainContent .mb30 {
  margin-bottom: 30px !important;
}
#mainContent .mb40 {
  margin-bottom: 40px !important;
}
#mainContent .mb50 {
  margin-bottom: 50px !important;
}
#mainContent .mb60 {
  margin-bottom: 60px !important;
}
#mainContent .mb70 {
  margin-bottom: 70px !important;
}
#mainContent .mb80 {
  margin-bottom: 80px !important;
}
#mainContent .mb90 {
  margin-bottom: 90px !important;
}
#mainContent .mb-50 {
  margin-bottom: -50px !important;
}
#mainContent .mr0 {
  margin-right: 0 !important;
}
#mainContent .mr5 {
  margin-right: 5px !important;
}
#mainContent .mr10 {
  margin-right: 10px !important;
}
#mainContent .mr15 {
  margin-right: 15px !important;
}
#mainContent .mr20 {
  margin-right: 20px !important;
}
#mainContent .mr25 {
  margin-right: 25px !important;
}
#mainContent .mr30 {
  margin-right: 30px !important;
}
#mainContent .ml0 {
  margin-left: 0 !important;
}
#mainContent .ml5 {
  margin-left: 5px !important;
}
#mainContent .ml10 {
  margin-left: 10px !important;
}
#mainContent .ml15 {
  margin-left: 15px !important;
}
#mainContent .ml20 {
  margin-left: 20px !important;
}
#mainContent .ml25 {
  margin-left: 25px !important;
}
#mainContent .ml30 {
  margin-left: 30px !important;
}
#mainContent .ml100 {
  margin-left: 100px !important;
}
#mainContent .pt0 {
  padding-top: 0 !important;
}
#mainContent .pt5 {
  padding-top: 5px !important;
}
#mainContent .pt10 {
  padding-top: 10px !important;
}
#mainContent .pt15 {
  padding-top: 15px !important;
}
#mainContent .pt20 {
  padding-top: 20px !important;
}
#mainContent .pt25 {
  padding-top: 25px !important;
}
#mainContent .pt30 {
  padding-top: 30px !important;
}
#mainContent .pt40 {
  padding-top: 40px !important;
}
#mainContent .pt50 {
  padding-top: 50px !important;
}
#mainContent .pb0 {
  padding-bottom: 0 !important;
}
#mainContent .pb5 {
  padding-bottom: 5px !important;
}
#mainContent .pb10 {
  padding-bottom: 10px !important;
}
#mainContent .pb15 {
  padding-bottom: 15px !important;
}
#mainContent .pb20 {
  padding-bottom: 20px !important;
}
#mainContent .pb25 {
  padding-bottom: 25px !important;
}
#mainContent .pb30 {
  padding-bottom: 30px !important;
}
#mainContent .pb40 {
  padding-bottom: 40px !important;
}
#mainContent .pb50 {
  padding-bottom: 50px !important;
}
#mainContent .pr0 {
  padding-right: 0 !important;
}
#mainContent .pr5 {
  padding-right: 5px !important;
}
#mainContent .pr10 {
  padding-right: 10px !important;
}
#mainContent .pr15 {
  padding-right: 15px !important;
}
#mainContent .pr20 {
  padding-right: 20px !important;
}
#mainContent .pr25 {
  padding-right: 25px !important;
}
#mainContent .pr30 {
  padding-right: 30px !important;
}
#mainContent .pl0 {
  padding-left: 0 !important;
}
#mainContent .pl5 {
  padding-left: 5px !important;
}
#mainContent .pl10 {
  padding-left: 10px !important;
}
#mainContent .pl15 {
  padding-left: 15px !important;
}
#mainContent .pl20 {
  padding-left: 20px !important;
}
#mainContent .pl25 {
  padding-left: 25px !important;
}
#mainContent .pl30 {
  padding-left: 30px !important;
}
#mainContent .mt_s {
  margin-top: 20px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mt_s {
    margin-top: 10px !important;
  }
}
#mainContent .mt_sm {
  margin-top: 30px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mt_sm {
    margin-top: 15px !important;
  }
}
#mainContent .mt_m {
  margin-top: 40px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mt_m {
    margin-top: 20px !important;
  }
}
#mainContent .mt_ml {
  margin-top: 50px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mt_ml {
    margin-top: 25px !important;
  }
}
#mainContent .mt_l {
  margin-top: 60px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mt_l {
    margin-top: 30px !important;
  }
}
#mainContent .mt_ll {
  margin-top: 80px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mt_ll {
    margin-top: 40px !important;
  }
}
#mainContent .mt_xl {
  margin-top: 100px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mt_xl {
    margin-top: 50px !important;
  }
}
#mainContent .mb_s {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mb_s {
    margin-bottom: 10px !important;
  }
}
#mainContent .mb_sm {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mb_sm {
    margin-bottom: 15px !important;
  }
}
#mainContent .mb_m {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mb_m {
    margin-bottom: 20px !important;
  }
}
#mainContent .mb_ml {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mb_ml {
    margin-bottom: 25px !important;
  }
}
#mainContent .mb_l {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mb_l {
    margin-bottom: 30px !important;
  }
}
#mainContent .mb_ll {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mb_ll {
    margin-bottom: 40px !important;
  }
}
#mainContent .mb_xl {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent .mb_xl {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent .sp_mb0 {
    margin-bottom: 0 !important;
  }
}
#mainContent .t10 {
  font-size: 10px !important;
}
#mainContent .t11 {
  font-size: 11px !important;
}
#mainContent .t12 {
  font-size: 12px !important;
}
#mainContent .t13 {
  font-size: 13px !important;
}
#mainContent .t14 {
  font-size: 14px !important;
}
#mainContent .t15 {
  font-size: 15px !important;
}
#mainContent .t16 {
  font-size: 16px !important;
}
#mainContent .t17 {
  font-size: 17px !important;
}
#mainContent .t18 {
  font-size: 18px !important;
}
#mainContent .t19 {
  font-size: 19px !important;
}
#mainContent .t20 {
  font-size: 20px !important;
}
#mainContent .clear {
  clear: both;
}
#mainContent .clearfix:after {
  content: "";
  clear: both;
  display: block;
}
#mainContent .fl {
  float: left;
}
#mainContent .fr {
  float: right;
}
#mainContent body.fr {
  float: unset;
}
#mainContent .tal {
  text-align: left !important;
}
#mainContent .tar {
  text-align: right;
}
#mainContent .tac {
  text-align: center;
}
#mainContent .tacPC {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent .tacPC {
    text-align: inherit;
  }
}
#mainContent .left {
  text-align: left;
}
#mainContent .right {
  text-align: right;
}
#mainContent .center {
  text-align: center;
}
#mainContent .alignCenter {
  margin-right: auto;
  margin-left: auto;
}
#mainContent .va-baseline {
  vertical-align: baseline;
}
#mainContent .va-middle {
  vertical-align: middle;
}
#mainContent .bold {
  font-weight: bold;
}
#mainContent .hidden {
  display: none;
}
#mainContent .gothic {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif !important;
}
#mainContent .mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif !important;
}
#mainContent .underline {
  text-decoration: underline;
}
#mainContent .lh2 {
  line-height: 2;
}
#mainContent .inline {
  display: inline !important;
}
#mainContent .disp-table {
  display: table !important;
}
#mainContent .jcc {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
#mainContent .nowrap {
  white-space: nowrap;
}
#mainContent .module-triangle-right::before {
  content: "";
  display: inline-block;
  border: 8px solid transparent;
  border-left-color: #000;
  position: absolute;
  right: -16px;
  top: 50%;
  margin-top: -8px;
}
#mainContent .indent p,
#mainContent p.indent,
#mainContent .indent li,
#mainContent li.indent {
  text-indent: -1em;
  padding-left: 1em;
}
#mainContent .w32 {
  width: 32%;
}
@media screen and (max-width: 1023px) {
  #mainContent .w32 {
    width: 100%;
  }
}
#mainContent .w90 {
  width: 90%;
}
#mainContent .maw400 {
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  #mainContent .maw400 {
    max-width: 100%;
  }
}
#mainContent .maw450 {
  max-width: 450px;
}
@media screen and (max-width: 767px) {
  #mainContent .maw450 {
    max-width: 100%;
  }
}
#mainContent .maw500 {
  max-width: 500px;
}
@media screen and (max-width: 767px) {
  #mainContent .maw500 {
    max-width: 100%;
  }
}
#mainContent .maw800 {
  max-width: 800px;
}
@media screen and (max-width: 1023px) {
  #mainContent .maw800 {
    max-width: 100%;
  }
}
#mainContent .pc {
  display: inherit;
}
#mainContent .tb {
  display: none;
}
#mainContent .tb_sp {
  display: none;
}
#mainContent .sp {
  display: none;
}
@media screen and (max-width: 1260px) {
  #mainContent .pc {
    display: inherit;
  }
  #mainContent .tb {
    display: inherit;
  }
  #mainContent .tb_sp {
    display: inherit;
  }
  #mainContent .sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent .pc {
    display: none;
  }
  #mainContent .tb {
    display: none;
  }
  #mainContent .tb_sp {
    display: inherit;
  }
  #mainContent .sp {
    display: inherit;
  }
}
#mainContent .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
#mainContent .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
#mainContent .slick-list:focus {
  outline: none;
}
#mainContent .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
#mainContent .slick-slider .slick-track,
#mainContent .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#mainContent .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#mainContent .slick-track:before,
#mainContent .slick-track:after {
  content: "";
  display: table;
}
#mainContent .slick-track:after {
  clear: both;
}
#mainContent .slick-loading .slick-track {
  visibility: hidden;
}
#mainContent .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
#mainContent [dir=rtl] .slick-slide {
  float: right;
}
#mainContent .slick-slide img {
  display: block;
}
#mainContent .slick-slide.slick-loading img {
  display: none;
}
#mainContent .slick-slide.dragging img {
  pointer-events: none;
}
#mainContent .slick-initialized .slick-slide {
  display: block;
}
#mainContent .slick-loading .slick-slide {
  visibility: hidden;
}
#mainContent .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
#mainContent .slick-arrow.slick-hidden {
  display: none;
}
#mainContent .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
#mainContent .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
#mainContent .mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent .mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#mainContent .mfp-align-top .mfp-container:before {
  display: none;
}
#mainContent .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
#mainContent .mfp-inline-holder .mfp-content,
#mainContent .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
#mainContent .mfp-ajax-cur {
  cursor: progress;
}
#mainContent .mfp-zoom-out-cur,
#mainContent .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
#mainContent .mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
#mainContent .mfp-auto-cursor .mfp-content {
  cursor: auto;
}
#mainContent .mfp-close,
#mainContent .mfp-arrow,
#mainContent .mfp-preloader,
#mainContent .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#mainContent .mfp-loading.mfp-figure {
  display: none;
}
#mainContent .mfp-hide {
  display: none !important;
}
#mainContent .mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
#mainContent .mfp-preloader a {
  color: #ccc;
}
#mainContent .mfp-preloader a:hover {
  color: #fff;
}
#mainContent .mfp-s-ready .mfp-preloader {
  display: none;
}
#mainContent .mfp-s-error .mfp-content {
  display: none;
}
#mainContent button.mfp-close,
#mainContent button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
#mainContent button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
#mainContent .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
#mainContent .mfp-close:hover,
#mainContent .mfp-close:focus {
  opacity: 1;
}
#mainContent .mfp-close:active {
  top: 1px;
}
#mainContent .mfp-close-btn-in .mfp-close {
  color: #333;
}
#mainContent .mfp-image-holder .mfp-close,
#mainContent .mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
#mainContent .mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
#mainContent .mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
#mainContent .mfp-arrow:active {
  margin-top: -54px;
}
#mainContent .mfp-arrow:hover,
#mainContent .mfp-arrow:focus {
  opacity: 1;
}
#mainContent .mfp-arrow:before,
#mainContent .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
#mainContent .mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
#mainContent .mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
#mainContent .mfp-arrow-left {
  left: 0;
}
#mainContent .mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
#mainContent .mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
#mainContent .mfp-arrow-right {
  right: 0;
}
#mainContent .mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
#mainContent .mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
#mainContent .mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
#mainContent .mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
#mainContent .mfp-iframe-holder .mfp-close {
  top: -40px;
}
#mainContent .mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
#mainContent .mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
#mainContent img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
#mainContent .mfp-figure {
  line-height: 0;
}
#mainContent .mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
#mainContent .mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
#mainContent .mfp-figure figure {
  margin: 0;
}
#mainContent .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
#mainContent .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
#mainContent .mfp-image-holder .mfp-content {
  max-width: 100%;
}
#mainContent .mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  #mainContent {
    /**
    * Remove all paddings around the image on small screen
    */
  }
  #mainContent .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  #mainContent .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  #mainContent .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  #mainContent .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  #mainContent .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mainContent .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  #mainContent .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  #mainContent .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  #mainContent .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  #mainContent .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  #mainContent .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  #mainContent .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
#mainContent html[lang=zh-CN] * {
  font-family: "PingFang SC", "Arial", "Microsoft YaHei", sans-serif !important;
}
#mainContent body.contact_wedding {
  font-size: 1.5em;
  min-height: 1024px;
  /*ipad*/
}
@media screen and (max-width: 1023px) {
  #mainContent body.contact_wedding {
    -webkit-text-size-adjust: none;
    font-size: 1.4em;
  }
}
#mainContent img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1023px) {
  #mainContent a {
    -webkit-tap-highlight-color: transparent;
  }
}
#mainContent sup {
  font-size: 0.5em;
}
#mainContent #mainContent .contentInner {
  width: 1000px;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1260px) {
  #mainContent #mainContent .contentInner {
    margin: 0 auto;
    padding: 0 20px;
    width: auto;
  }
}
#mainContent #mainContent .contentInner.long {
  width: auto;
  max-width: 1240px;
}
#mainContent #mainContent .contentInner.long_s {
  width: auto;
  max-width: 1140px;
}
#mainContent #mainContent .contentInner.short {
  width: auto;
  max-width: 800px;
}
#mainContent #mainContent .contentInner.spFluid {
  width: auto;
  max-width: 1240px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .contentInner.spFluid {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 1260px) {
  #mainContent #mainContent .contentInner.padL {
    margin: 0 auto;
    padding: 0 50px;
    width: auto;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .contentInner.padL {
    padding: 0 20px;
  }
}
#mainContent #mainContent .col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .col2 > li,
#mainContent #mainContent .col2 > dl,
#mainContent #mainContent .col2 > .box {
  width: 48.5%;
}
#mainContent #mainContent .col2 > li:nth-child(2n+1),
#mainContent #mainContent .col2 > dl:nth-child(2n+1),
#mainContent #mainContent .col2 > .box:nth-child(2n+1) {
  margin-right: 3%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col2:not(.spCol2) > li,
  #mainContent #mainContent .col2:not(.spCol2) > dl,
  #mainContent #mainContent .col2:not(.spCol2) > .box {
    width: 100%;
  }
  #mainContent #mainContent .col2:not(.spCol2) > li:nth-child(2n+1),
  #mainContent #mainContent .col2:not(.spCol2) > dl:nth-child(2n+1),
  #mainContent #mainContent .col2:not(.spCol2) > .box:nth-child(2n+1) {
    margin-right: 0;
  }
}
#mainContent #mainContent .col2.aiCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent #mainContent .col2.jcCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .col2.noGap > li,
#mainContent #mainContent .col2.noGap > dl,
#mainContent #mainContent .col2.noGap > .box {
  width: 50%;
}
#mainContent #mainContent .col2.noGap > li:nth-child(2n+1),
#mainContent #mainContent .col2.noGap > dl:nth-child(2n+1),
#mainContent #mainContent .col2.noGap > .box:nth-child(2n+1) {
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col2.noGap > li,
  #mainContent #mainContent .col2.noGap > dl,
  #mainContent #mainContent .col2.noGap > .box {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col2.sp_mb > li,
  #mainContent #mainContent .col2.sp_mb > dl,
  #mainContent #mainContent .col2.sp_mb > .box {
    margin-bottom: 20px;
  }
  #mainContent #mainContent .col2.sp_mb > li:last-child,
  #mainContent #mainContent .col2.sp_mb > dl:last-child,
  #mainContent #mainContent .col2.sp_mb > .box:last-child {
    margin-bottom: 0;
  }
}
#mainContent #mainContent .col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .col3 > li,
#mainContent #mainContent .col3 > dl,
#mainContent #mainContent .col3 > .box {
  width: 32%;
}
#mainContent #mainContent .col3 > li:not(:nth-child(3n)),
#mainContent #mainContent .col3 > dl:not(:nth-child(3n)),
#mainContent #mainContent .col3 > .box:not(:nth-child(3n)) {
  margin-right: 2%;
}
#mainContent #mainContent .col3.jcCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col3:not(.spCol3) > li,
  #mainContent #mainContent .col3:not(.spCol3) > dl,
  #mainContent #mainContent .col3:not(.spCol3) > .box {
    width: 100%;
  }
  #mainContent #mainContent .col3:not(.spCol3) > li:not(:nth-child(3n)),
  #mainContent #mainContent .col3:not(.spCol3) > dl:not(:nth-child(3n)),
  #mainContent #mainContent .col3:not(.spCol3) > .box:not(:nth-child(3n)) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col3.sp_mb > li,
  #mainContent #mainContent .col3.sp_mb > dl,
  #mainContent #mainContent .col3.sp_mb > .box {
    margin-bottom: 20px;
  }
  #mainContent #mainContent .col3.sp_mb > li:last-child,
  #mainContent #mainContent .col3.sp_mb > dl:last-child,
  #mainContent #mainContent .col3.sp_mb > .box:last-child {
    margin-bottom: 0;
  }
}
#mainContent #mainContent .col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .col4 > li,
#mainContent #mainContent .col4 > dl,
#mainContent #mainContent .col4 > .box {
  width: 23.5%;
}
#mainContent #mainContent .col4 > li:not(:nth-child(4n)),
#mainContent #mainContent .col4 > dl:not(:nth-child(4n)),
#mainContent #mainContent .col4 > .box:not(:nth-child(4n)) {
  margin-right: 2%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col4.spCol2 > li,
  #mainContent #mainContent .col4.spCol2 > dl,
  #mainContent #mainContent .col4.spCol2 > .box {
    width: 48.5%;
  }
  #mainContent #mainContent .col4.spCol2 > li:not(:nth-child(4n)),
  #mainContent #mainContent .col4.spCol2 > dl:not(:nth-child(4n)),
  #mainContent #mainContent .col4.spCol2 > .box:not(:nth-child(4n)) {
    margin-right: 0;
  }
  #mainContent #mainContent .col4.spCol2 > li:nth-child(2n+1),
  #mainContent #mainContent .col4.spCol2 > dl:nth-child(2n+1),
  #mainContent #mainContent .col4.spCol2 > .box:nth-child(2n+1) {
    margin-right: 3%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col4:not(.spCol2) > li,
  #mainContent #mainContent .col4:not(.spCol2) > dl,
  #mainContent #mainContent .col4:not(.spCol2) > .box {
    width: 100%;
  }
  #mainContent #mainContent .col4:not(.spCol2) > li:not(:nth-child(4n)),
  #mainContent #mainContent .col4:not(.spCol2) > dl:not(:nth-child(4n)),
  #mainContent #mainContent .col4:not(.spCol2) > .box:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col4.sp_mb > li,
  #mainContent #mainContent .col4.sp_mb > dl,
  #mainContent #mainContent .col4.sp_mb > .box {
    margin-bottom: 20px;
  }
  #mainContent #mainContent .col4.sp_mb > li:last-child,
  #mainContent #mainContent .col4.sp_mb > dl:last-child,
  #mainContent #mainContent .col4.sp_mb > .box:last-child {
    margin-bottom: 0;
  }
}
#mainContent #mainContent .col5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .col5 > li,
#mainContent #mainContent .col5 > dl,
#mainContent #mainContent .col5 > .box {
  width: 18.4%;
}
#mainContent #mainContent .col5 > li:not(:nth-child(5n)),
#mainContent #mainContent .col5 > dl:not(:nth-child(5n)),
#mainContent #mainContent .col5 > .box:not(:nth-child(5n)) {
  margin-right: 2%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col5.spCol2 > li,
  #mainContent #mainContent .col5.spCol2 > dl,
  #mainContent #mainContent .col5.spCol2 > .box {
    width: 48.5%;
  }
  #mainContent #mainContent .col5.spCol2 > li:not(:nth-child(5n)),
  #mainContent #mainContent .col5.spCol2 > dl:not(:nth-child(5n)),
  #mainContent #mainContent .col5.spCol2 > .box:not(:nth-child(5n)) {
    margin-right: 0;
  }
  #mainContent #mainContent .col5.spCol2 > li:nth-child(2n+1),
  #mainContent #mainContent .col5.spCol2 > dl:nth-child(2n+1),
  #mainContent #mainContent .col5.spCol2 > .box:nth-child(2n+1) {
    margin-right: 3%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .col5:not(.spCol2) > li,
  #mainContent #mainContent .col5:not(.spCol2) > dl,
  #mainContent #mainContent .col5:not(.spCol2) > .box {
    width: 100%;
  }
  #mainContent #mainContent .col5:not(.spCol2) > li:not(:nth-child(4n)),
  #mainContent #mainContent .col5:not(.spCol2) > dl:not(:nth-child(4n)),
  #mainContent #mainContent .col5:not(.spCol2) > .box:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
#mainContent #mainContent .textAreaBox {
  font-size: 16px;
}
#mainContent #mainContent .textAreaBox:after {
  content: "";
  clear: both;
  display: block;
}
#mainContent #mainContent .textAreaBox .date {
  text-align: right;
  margin-bottom: 25px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .textAreaBox {
    font-size: 14px;
  }
}
#mainContent #mainContent .textAreaBox p {
  font-size: 16px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .textAreaBox p {
    font-size: 14px;
  }
}
#mainContent #mainContent .textAreaBox h1 {
  font-size: 25px;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox h2 {
  font-size: 22px;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox h4 {
  font-size: 16px;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox h5 {
  font-size: 14px;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox h6 {
  font-size: 12px;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox pre {
  white-space: pre-wrap;
}
#mainContent #mainContent .textAreaBox ul {
  margin-bottom: 20px;
}
#mainContent #mainContent .textAreaBox ul li {
  list-style-type: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 10px;
}
#mainContent #mainContent .textAreaBox ul li:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .textAreaBox ul li::after {
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 3px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}
#mainContent #mainContent .textAreaBox ol {
  margin-bottom: 20px;
}
#mainContent #mainContent .textAreaBox ol li {
  list-style-type: decimal;
  margin-left: 1.5em;
  margin-bottom: 10px;
}
#mainContent #mainContent .textAreaBox strong,
#mainContent #mainContent .textAreaBox strong * {
  font-weight: bold;
}
#mainContent #mainContent .textAreaBox em,
#mainContent #mainContent .textAreaBox em * {
  font-style: italic;
}
#mainContent #mainContent .textAreaBox blockquote {
  position: relative;
  padding: 40px 15px 14px 15px;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-style: italic;
  background: #efefef;
  color: #555;
}
#mainContent #mainContent .textAreaBox blockquote:before {
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  vertical-align: middle;
  content: "\f10d";
  font-family: FontAwesome;
  color: #cfcfcf;
  font-size: 28px;
  line-height: 1;
}
#mainContent #mainContent .textAreaBox a {
  color: #0860a8;
  text-decoration: underline;
}
#mainContent #mainContent .textAreaBox table {
  border: 1px solid #000;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox table tr th,
#mainContent #mainContent .textAreaBox table tr td {
  padding: 5px;
  border: 1px solid #000;
}
#mainContent #mainContent .textAreaBox .alignnone {
  display: block;
  margin-bottom: 15px;
}
#mainContent #mainContent .textAreaBox .aligncenter {
  display: block;
  margin: 0 auto 15px;
}
#mainContent #mainContent .textAreaBox .alignright {
  float: right;
  margin: 0 0 15px 10px;
}
#mainContent #mainContent .textAreaBox .alignleft {
  float: left;
  margin: 0 10px 15px 0;
}
#mainContent #mainContent .txtColor01,
#mainContent #mainContent .gold {
  color: #856b30;
}
#mainContent #mainContent .txtColor02,
#mainContent #mainContent .green {
  color: #008241;
}
#mainContent #mainContent .txtColor03,
#mainContent #mainContent .black {
  color: #000000;
}
#mainContent #mainContent .pagination {
  text-align: center;
  padding: 0 0 0;
}
#mainContent #mainContent .pagination .screen-reader-text {
  display: none;
}
#mainContent #mainContent .pagination .nav-links {
  font-size: 22px;
  color: #888;
}
#mainContent #mainContent .pagination .nav-links a {
  display: inline-block;
  padding: 3px 11px;
  margin: 0 3px;
  vertical-align: top;
  border: 1px solid #008345;
  color: #008345;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent #mainContent .pagination .nav-links a:hover {
  background: #008345;
  color: #fff;
  opacity: 1;
}
#mainContent #mainContent .pagination .nav-links .current {
  border-bottom: 2px solid #4b9944;
  display: inline-block;
  vertical-align: top;
  padding: 3px 11px;
  margin: 0 3px;
  border: 1px solid #008345;
  background: #008345;
  color: #fff;
  font-size: 14px;
}
#mainContent #mainContent .pagination .nav-links .prev {
  color: rgba(0, 131, 69, 0);
  width: 30px;
  overflow: hidden;
  position: relative;
  text-indent: 30px;
}
#mainContent #mainContent .pagination .nav-links .prev::before {
  content: "";
  height: 6px;
  width: 6px;
  display: block;
  border-left: 1px solid #008345;
  border-bottom: 1px solid #008345;
  position: absolute;
  top: 9px;
  left: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mainContent #mainContent .pagination .nav-links .prev:hover {
  background: #008345;
  opacity: 1;
  color: #008345;
}
#mainContent #mainContent .pagination .nav-links .prev:hover::before {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#mainContent #mainContent .pagination .nav-links .next {
  color: rgba(0, 131, 69, 0);
  width: 30px;
  overflow: hidden;
  position: relative;
  text-indent: 30px;
}
#mainContent #mainContent .pagination .nav-links .next::before {
  content: "";
  height: 6px;
  width: 6px;
  display: block;
  border-right: 1px solid #008345;
  border-top: 1px solid #008345;
  position: absolute;
  top: 9px;
  left: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mainContent #mainContent .pagination .nav-links .next:hover {
  background: #008345;
  opacity: 1;
  color: #008345;
}
#mainContent #mainContent .pagination .nav-links .next:hover::before {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
#mainContent #mainContent .wpcf7-response-output {
  padding: 15px;
  margin: 0 0 15px;
  border: none;
  background: #eee;
  color: #000;
  text-align: center;
}
#mainContent #mainContent .wpcf7-response-output.wpcf7-validation-errors {
  background: #ffd5d5;
  color: #f00;
}
#mainContent #mainContent .wpcf7-response-output.wpcf7-mail-sent-ok {
  display: none !important;
}
#mainContent #mainContent .wpcf7-response-output.wpcf7-mail-sent-ng {
  background: #ffd5d5;
  color: #f00;
}
#mainContent #mainContent .wpcf7-response-output.wpcf7-spam-blocked {
  background: #ffd5d5;
  color: #f00;
}
#mainContent #mainContent .formStyle01 {
  padding-top: 20px;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle01 {
    padding-bottom: 40px;
  }
}
#mainContent #mainContent .formStyle01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 720px;
  margin: 0 auto;
}
#mainContent #mainContent .formStyle01 ul li {
  color: #999;
  position: relative;
  font-weight: bold;
  width: 6em;
  text-align: center;
}
#mainContent #mainContent .formStyle01 ul li.active {
  color: #b39a62;
}
#mainContent #mainContent .formStyle01 ul li.active::before {
  background: #b39a62;
  border-color: #b39a62;
}
#mainContent #mainContent .formStyle01 ul li.active::after {
  background: #b39a62;
}
#mainContent #mainContent .formStyle01 ul li:last-child::after,
#mainContent #mainContent .formStyle01 ul li.wpcf7c-elm-step1.wpcf7c-elm-step2::after {
  display: none;
}
#mainContent #mainContent .formStyle01 ul li::before {
  content: "";
  height: 20px;
  width: 20px;
  display: block;
  border: 2px solid #999;
  background: #fff;
  position: absolute;
  top: -30px;
  left: 35px;
  border-radius: 10px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle01 ul li::before {
    border: 1px solid #999;
    height: 10px;
    width: 10px;
    top: -25px;
  }
}
#mainContent #mainContent .formStyle01 ul li::after {
  content: "";
  height: 2px;
  width: 335px;
  display: block;
  position: absolute;
  background: #999;
  top: -20px;
  left: 35px;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle01 ul li::after {
    width: 100%;
    width: calc(50vw - 62px);
  }
}
#mainContent #mainContent .formStyle02 input,
#mainContent #mainContent .formStyle02 textarea,
#mainContent #mainContent .formStyle02 select {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-size: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .formStyle02 input,
  #mainContent #mainContent .formStyle02 textarea,
  #mainContent #mainContent .formStyle02 select {
    font-size: 14px;
  }
}
#mainContent #mainContent .formStyle02 input[type=text],
#mainContent #mainContent .formStyle02 input[type=tel],
#mainContent #mainContent .formStyle02 input[type=email],
#mainContent #mainContent .formStyle02 input[type=number],
#mainContent #mainContent .formStyle02 textarea {
  width: 100%;
  border: #ddd;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#mainContent #mainContent .formStyle02 input[type=text]::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 textarea::-webkit-input-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]::-moz-placeholder,
#mainContent #mainContent .formStyle02 textarea::-moz-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea:-ms-input-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea::-ms-input-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email]::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number]::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 textarea::-webkit-input-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=email]::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=number]::-moz-placeholder, #mainContent #mainContent .formStyle02 textarea::-moz-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email]:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number]:-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea:-ms-input-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email]::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number]::-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea::-ms-input-placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]::placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]::placeholder,
#mainContent #mainContent .formStyle02 input[type=email]::placeholder,
#mainContent #mainContent .formStyle02 input[type=number]::placeholder,
#mainContent #mainContent .formStyle02 textarea::placeholder {
  color: #ccc;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 textarea:focus::-webkit-input-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 textarea:focus::-moz-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea:focus:-ms-input-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email]:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number]:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea:focus::-ms-input-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email]:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number]:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 textarea:focus::-webkit-input-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=email]:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=number]:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 textarea:focus::-moz-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email]:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number]:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea:focus:-ms-input-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel]:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email]:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number]:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea:focus::-ms-input-placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:focus::placeholder,
#mainContent #mainContent .formStyle02 input[type=tel]:focus::placeholder,
#mainContent #mainContent .formStyle02 input[type=email]:focus::placeholder,
#mainContent #mainContent .formStyle02 input[type=number]:focus::placeholder,
#mainContent #mainContent .formStyle02 textarea:focus::placeholder {
  color: #fff;
}
#mainContent #mainContent .formStyle02 input[type=text]:-webkit-autofill,
#mainContent #mainContent .formStyle02 input[type=tel]:-webkit-autofill,
#mainContent #mainContent .formStyle02 input[type=email]:-webkit-autofill,
#mainContent #mainContent .formStyle02 input[type=number]:-webkit-autofill,
#mainContent #mainContent .formStyle02 textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf {
  background: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:-webkit-autofill,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:-webkit-autofill,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:-webkit-autofill,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:-webkit-autofill,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f3ede0 inset;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf::-webkit-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf::-moz-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf::-moz-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf::-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf::-webkit-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf::-moz-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf::-moz-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf::-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf::-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf::placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf::placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf::placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf::placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf::placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus::-webkit-input-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus::-webkit-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus::-moz-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus::-moz-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus:-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus:-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus::-ms-input-placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus::-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus::-webkit-input-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus::-webkit-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus::-moz-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus::-moz-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus:-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus:-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus::-ms-input-placeholder, #mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus::-ms-input-placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=text].wpcf7c-conf:focus::placeholder,
#mainContent #mainContent .formStyle02 input[type=tel].wpcf7c-conf:focus::placeholder,
#mainContent #mainContent .formStyle02 input[type=email].wpcf7c-conf:focus::placeholder,
#mainContent #mainContent .formStyle02 input[type=number].wpcf7c-conf:focus::placeholder,
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf:focus::placeholder {
  color: #f3ede0;
}
#mainContent #mainContent .formStyle02 input[type=date] {
  width: 100%;
  border: #ddd;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent #mainContent .formStyle02 input[type=date].wpcf7c-conf {
  background: #f3ede0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#mainContent #mainContent .formStyle02 textarea {
  height: 135px;
}
#mainContent #mainContent .formStyle02 textarea.small {
  height: 80px;
}
#mainContent #mainContent .formStyle02 textarea.wpcf7c-conf {
  height: 40px;
  resize: none;
}
#mainContent #mainContent .formStyle02 select {
  border: #ddd;
  padding: 5px;
}
#mainContent #mainContent .formStyle02 select.wpcf7c-conf {
  background: #f3ede0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#mainContent #mainContent .formStyle02 input[type=radio] {
  display: none;
  margin: 0;
}
#mainContent #mainContent .formStyle02 input[type=radio].wpcf7c-conf + .wpcf7-list-item-label {
  /* display: none; */
}
#mainContent #mainContent .formStyle02 input[type=radio].wpcf7c-conf + .wpcf7c-conf-hidden + .wpcf7-list-item-label {
  margin-right: 20px;
}
#mainContent #mainContent .formStyle02 input[type=radio] + .wpcf7-list-item-label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0px 28px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=radio] + .wpcf7-list-item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: solid 1px #d2d2d2;
    border-radius: 5px;
    padding: 5px 5px;
    margin-bottom: 10px;
    min-height: 40px;
    height: 100%;
    text-align: center;
    font-size: 14px;
  }
}
#mainContent #mainContent .formStyle02 input[type=radio] + .wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  height: 18px;
  width: 18px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=radio] + .wpcf7-list-item-label::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=radio]:checked + .wpcf7-list-item-label {
    border: solid 3px #b39a62;
  }
}
#mainContent #mainContent .formStyle02 input[type=radio]:checked + .wpcf7-list-item-label:after {
  background: #b39a62;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 4px;
  height: 10px;
  width: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=radio]:checked + .wpcf7-list-item-label:after {
    display: none;
  }
}
#mainContent #mainContent .formStyle02 input[type=checkbox] {
  display: none;
  margin: 0;
}
#mainContent #mainContent .formStyle02 input[type=checkbox].wpcf7c-conf + .wpcf7-list-item-label {
  /* display: none; */
}
#mainContent #mainContent .formStyle02 input[type=checkbox].wpcf7c-conf + .wpcf7c-conf-hidden + .wpcf7-list-item-label {
  margin-right: 20px;
}
#mainContent #mainContent .formStyle02 input[type=checkbox] + .wpcf7-list-item-label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0px 28px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=checkbox] + .wpcf7-list-item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #d2d2d2;
    border-radius: 5px;
    padding: 5px 5px;
    margin-bottom: 10px;
    min-height: 40px;
    height: 100%;
    text-align: center;
    font-size: 14px;
  }
}
#mainContent #mainContent .formStyle02 input[type=checkbox] + .wpcf7-list-item-label::before {
  background: #fff;
  border: 1px solid #d2d2d2;
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  height: 18px;
  width: 18px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=checkbox] + .wpcf7-list-item-label::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=checkbox]:checked + .wpcf7-list-item-label {
    border: solid 3px #b39a62;
  }
}
#mainContent #mainContent .formStyle02 input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  content: "";
  height: 15px;
  width: 8px;
  border-bottom: 3px solid #b39a62;
  border-right: 3px solid #b39a62;
  position: absolute;
  top: 0px;
  left: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 input[type=checkbox]:checked + .wpcf7-list-item-label:after {
    display: none;
  }
}
#mainContent #mainContent .formStyle02 .ttl {
  display: inline-block;
  margin: 0 20px 5px 0;
}
#mainContent #mainContent .formStyle02 .note {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .formStyle02 .note {
    float: right;
  }
}
#mainContent #mainContent .formStyle02 ul.note {
  margin-top: 10px;
}
#mainContent #mainContent .formStyle02 ul.note li {
  padding-left: 1em;
  text-indent: -1em;
}
#mainContent #mainContent .formStyle02 .required {
  color: #f00;
}
#mainContent #mainContent .formStyle02 .incBtn {
  text-align: right;
}
#mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label input[type=checkbox]:checked + .wpcf7-list-item-label {
  display: none;
}
#mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label input[type=checkbox].wpcf7c-conf + .wpcf7-list-item-label {
  display: none;
}
#mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label input[type=checkbox].wpcf7c-conf + .wpcf7c-conf-hidden + .wpcf7-list-item-label {
  display: none;
}
#mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label:hover .wpcf7-list-item-label::before {
  background: #888;
  color: #fff;
}
#mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label .wpcf7-list-item-label {
  display: inline-block;
  width: 240px;
  border: 1px solid #888;
  text-align: left;
  padding: 10px;
  background: url(/common/img/icon_plus.svg) no-repeat right 10px center;
}
#mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label .wpcf7-list-item-label::before {
  content: "職歴を追加する";
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  font-size: 16px;
  background: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label .wpcf7-list-item-label::before {
    display: block;
  }
}
#mainContent #mainContent .formStyle02 .incBtn .wpcf7-form-control-wrap label .wpcf7-list-item-label::after {
  display: none;
}
#mainContent #mainContent .formStyle02 .box {
  background: #f3ede0;
  padding: 30px;
  margin-bottom: 55px;
  clear: both;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box {
    padding: 20px;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .formStyle02 .box .inner {
  display: table;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner {
    display: block;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl {
  display: table-row;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl {
    display: block;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dt,
#mainContent #mainContent .formStyle02 .box .inner dl dd {
  display: table-cell;
  padding-bottom: 30px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dt,
  #mainContent #mainContent .formStyle02 .box .inner dl dd {
    display: block;
    padding: 0;
    margin-bottom: 5px;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dt {
  width: 270px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dt {
    width: auto;
    padding: 0;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dt .note {
  float: none;
  display: block;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd .wpcf7-form-control-wrap {
  display: block;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dd .wpcf7-form-control-wrap {
    width: 100%;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dd .wpcf7-list-item {
  display: inline-block;
  padding-right: 20px;
  margin: 0;
}
#mainContent body.confirmed #mainContent .formStyle02 .box .inner dl dd .wpcf7-list-item {
  padding-right: 0;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.size01 .wpcf7-form-control-wrap input,
#mainContent #mainContent .formStyle02 .box .inner dl dd.size01 .wpcf7-form-control-wrap textarea {
  max-width: 150px;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.size02 .wpcf7-form-control-wrap input,
#mainContent #mainContent .formStyle02 .box .inner dl dd.size02 .wpcf7-form-control-wrap textarea {
  max-width: 300px;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.size03 .wpcf7-form-control-wrap input,
#mainContent #mainContent .formStyle02 .box .inner dl dd.size03 .wpcf7-form-control-wrap textarea {
  max-width: 500px;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.size04 .wpcf7-form-control-wrap input,
#mainContent #mainContent .formStyle02 .box .inner dl dd.size04 .wpcf7-form-control-wrap textarea {
  max-width: 600px;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.list01 .wpcf7-form-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dd.list01 .wpcf7-form-control {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.list01 .wpcf7-form-control .wpcf7-list-item {
  margin-bottom: 10px;
}
#mainContent body.confirmed #mainContent .formStyle02 .box .inner dl dd.list01 .wpcf7-form-control .wpcf7-list-item {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dd.list01 .wpcf7-form-control .wpcf7-list-item {
    padding: 0;
    width: 47%;
  }
  #mainContent body.confirmed #mainContent .formStyle02 .box .inner dl dd.list01 .wpcf7-form-control .wpcf7-list-item {
    width: 100%;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.list02 .wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dd.list02 .wpcf7-list-item {
    padding: 0;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.list03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.list03 .list {
  margin-right: 10px;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd.list03 .list .wpcf7-form-control-wrap {
  display: inline-block;
  margin-right: 10px;
  width: auto;
}
#mainContent #mainContent .formStyle02 .box .inner dl dd .commentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dd .commentWrap span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
#mainContent #mainContent .formStyle02 .box .inner dl dd .commentWrap .comment {
  font-size: 13px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle02 .box .inner dl dd .commentWrap .comment {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    text-align: right;
    margin: -25px 0 10px;
  }
}
#mainContent #mainContent .formStyle02 .consentBox .cont {
  margin-bottom: 20px;
}
#mainContent #mainContent .formStyle02 .consentBox .cont:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .formStyle02 .consentBox .ttl {
  margin-bottom: 5px;
}
#mainContent #mainContent .formStyle02 .consentBox .txt {
  margin-bottom: 15px;
}
#mainContent #mainContent .formStyle02 .consentBox .txt:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .formStyle02 .consentBox a {
  text-decoration: underline;
}
#mainContent #mainContent .formStyle02 .consentBox a:hover {
  text-decoration: none;
}
#mainContent #mainContent .formStyle03 {
  text-align: center;
  padding: 40px 0;
}
#mainContent #mainContent .formStyle03 input,
#mainContent #mainContent .formStyle03 button {
  background: #b39a62;
  border: 1px solid #b39a62;
  color: #fff;
  font-size: 16px;
  width: 230px;
  height: 60px;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  vertical-align: top;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle03 input,
  #mainContent #mainContent .formStyle03 button {
    width: 100%;
    margin: 0 0 20px;
  }
}
#mainContent #mainContent .formStyle03 input.wpcf7c-btn-back,
#mainContent #mainContent .formStyle03 input#formReset,
#mainContent #mainContent .formStyle03 button.wpcf7c-btn-back,
#mainContent #mainContent .formStyle03 button#formReset {
  background: #fff;
  color: #b39a62;
}
#mainContent .wpcf7c-hide {
  display: none;
}
#mainContent .wpcf7c-force-hide {
  display: none !important;
}
#mainContent .wpcf7c-conf {
  background-color: #999999;
  color: black;
  border: 1px solid #333333;
}
#mainContent .wpcf7c-conf:not(.wpcf7-submit):not(.wpcf7-back) {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#mainContent label:has(> input.wpcf7c-conf:not(.wpcf7-submit):not(.wpcf7-back)) {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
#mainContent #mainContent .formStyle03 input:hover,
#mainContent #mainContent .formStyle03 button:hover {
  opacity: 0.7;
}
#mainContent #mainContent .formStyle04 {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .formStyle04 {
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .formStyle04 p {
  margin-bottom: 15px;
}
#mainContent #mainContent .formStyle04 p:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .formStyle05 {
  text-align: center;
  background: #f3ede0;
  padding: 40px 20px;
  margin-bottom: 50px;
}
#mainContent #mainContent .formStyle05 p {
  margin-bottom: 15px;
}
#mainContent #mainContent .formStyle05 p:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .formStyle05 .txt01 {
  font-size: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-weight: bold;
  margin-bottom: 30px;
}
#mainContent #mainContent .formStyle05 .txt02 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 30px;
}
#mainContent #mainContent .formStyle05 .txt03 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 10px;
}
#mainContent #mainContent .formStyle05 .txt04 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 30px;
}
#mainContent #mainContent .formStyle05 .btnStyle01 {
  margin-bottom: 0 !important;
}
#mainContent #mainContent .snsBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContent #mainContent .snsBtn > * {
  margin-right: 10px;
}
#mainContent #mainContent #modalBg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 100;
}
#mainContent #mainContent #movieModal {
  width: 80%;
  max-width: 1000px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 101;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent #movieModal {
    width: 90%;
  }
}
#mainContent #mainContent #movieModal .closeBtn {
  padding: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: -55px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent #movieModal .closeBtn {
    padding: 14px;
    top: -40px;
    right: 0;
  }
}
#mainContent #mainContent #movieModal .closeBtn::before,
#mainContent #mainContent #movieModal .closeBtn::after {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  width: 40px;
  height: 2px;
  top: 17px;
  left: 3px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent #movieModal .closeBtn::before,
  #mainContent #mainContent #movieModal .closeBtn::after {
    width: 30px;
    top: 13px;
    left: 0px;
  }
}
#mainContent #mainContent #movieModal .closeBtn::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#mainContent #mainContent #movieModal .movieWrap {
  position: relative;
}
#mainContent #mainContent #movieModal .movieWrap:before {
  content: "";
  display: block;
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
#mainContent #mainContent #movieModal .movieWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mainContent #mainContent .modal {
  display: none;
}
#mainContent #mainContent .modal .share-modal {
  background: #fff;
  width: 80%;
  max-width: 600px;
  padding: 30px 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 101;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .modal .share-modal {
    width: 90%;
    padding: 20px;
  }
}
#mainContent #mainContent .modal .share-modal .url {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-size: 0.875em;
}
#mainContent #mainContent .modal .share-modal .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContent #mainContent .modal .share-modal .btn .item {
  display: block;
  width: 31%;
  border: 1px solid #b39a62;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px;
  line-height: 1;
  font-size: 13px;
}
#mainContent #mainContent .modal .share-modal .btn .item:not(:last-child) {
  margin-right: 3.5%;
}
#mainContent #mainContent .modal .share-modal .btn .item:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: center/contain no-repeat;
  margin-bottom: 5px;
}
#mainContent #mainContent .modal .share-modal .btn .item.copy:before {
  background-image: url(/common/img/ico_copy.png);
}
#mainContent #mainContent .modal .share-modal .btn .item.line:before {
  background-image: url(/common/img/ico_line.png);
}
#mainContent #mainContent .modal .share-modal .btn .item.mail:before {
  background-image: url(/common/img/ico_mail02.png);
}
#mainContent #mainContent .modal .share-modal .copyText {
  position: fixed;
  left: -100vw;
}
#mainContent #mainContent .modal .closeBtn {
  padding: 20px;
  cursor: pointer;
  position: absolute;
  top: -55px;
  right: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .modal .closeBtn {
    padding: 14px;
    top: -40px;
    right: 0;
  }
}
#mainContent #mainContent .modal .closeBtn::before,
#mainContent #mainContent .modal .closeBtn::after {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  width: 40px;
  height: 2px;
  top: 17px;
  left: 3px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .modal .closeBtn::before,
  #mainContent #mainContent .modal .closeBtn::after {
    width: 30px;
    top: 13px;
    left: 0px;
  }
}
#mainContent #mainContent .modal .closeBtn::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#mainContent #mainContent .modalBtn-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60px;
  height: 60px;
  border: 1px solid #b39a62;
  font-size: 13px;
  line-height: 1;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  position: fixed;
  bottom: 20px;
  right: 300px;
  z-index: 2;
  background: #fff;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .modalBtn-share {
    bottom: 10px;
    left: 20px;
  }
}
#mainContent #mainContent .modalBtn-share:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(/common/img/ico_share.png) center/contain no-repeat;
  margin-bottom: 5px;
}
@-webkit-keyframes linkMove {
  0% {
    width: 40px;
    left: 0px;
  }
  50% {
    width: 0px;
    left: 40px;
  }
  51% {
    width: 0px;
    left: 0px;
  }
  100% {
    width: 40px;
    left: 0px;
  }
}
@keyframes linkMove {
  0% {
    width: 40px;
    left: 0px;
  }
  50% {
    width: 0px;
    left: 40px;
  }
  51% {
    width: 0px;
    left: 0px;
  }
  100% {
    width: 40px;
    left: 0px;
  }
}
@-webkit-keyframes arrowMove {
  0% {
    background-position: 0px 0;
    opacity: 1;
  }
  50% {
    background-position: -70px 0;
    opacity: 0;
  }
  51% {
    background-position: 70px 0;
    opacity: 1;
  }
  100% {
    background-position: 0px 0;
    opacity: 1;
  }
}
@keyframes arrowMove {
  0% {
    background-position: 0px 0;
    opacity: 1;
  }
  50% {
    background-position: -70px 0;
    opacity: 0;
  }
  51% {
    background-position: 70px 0;
    opacity: 1;
  }
  100% {
    background-position: 0px 0;
    opacity: 1;
  }
}
#mainContent #mainContent {
  padding-top: 80px;
}
@media screen and (max-width: 1260px) {
  #mainContent #mainContent {
    padding-top: 95px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent {
    padding-top: 90px;
  }
}
#mainContent #mainContent .figure.right {
  float: right;
  margin: 0 0 20px 20px;
}
#mainContent #mainContent .figure.left {
  float: left;
  margin: 0 20px 20px 0;
}
#mainContent #mainContent .figure.center {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .figure {
    float: none !important;
    text-align: center;
    margin: 0;
  }
}
#mainContent #mainContent .objFit {
  position: relative;
}
#mainContent #mainContent .objFit:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62%;
}
#mainContent #mainContent .objFit img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .objFit.fit50:before {
  padding-top: 50%;
}
#mainContent #mainContent .objFit iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#mainContent #mainContent .movieBox01 {
  width: 84%;
  max-width: 520px;
  margin: auto;
  position: relative;
}
#mainContent #mainContent .movieBox01:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
#mainContent #mainContent .movieBox01 iframe,
#mainContent #mainContent .movieBox01 video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
}
#mainContent #mainContent .movieBox02 {
  max-width: 740px;
  margin: auto;
  position: relative;
}
#mainContent #mainContent .movieBox02:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 40%;
}
#mainContent #mainContent .movieBox02 iframe,
#mainContent #mainContent .movieBox02 video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
}
#mainContent #mainContent .movieBox03 {
  max-width: 850px;
  margin: auto;
  position: relative;
}
#mainContent #mainContent .movieBox03:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
#mainContent #mainContent .movieBox03 iframe,
#mainContent #mainContent .movieBox03 video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
}
#mainContent #mainContent .clickBox {
  cursor: pointer;
}
#mainContent #mainContent .clickBox a:hover {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .spScrollBox-x {
    overflow-x: auto;
    white-space: nowrap;
  }
  #mainContent #mainContent .spScrollBox-x table {
    width: 800px;
  }
}
#mainContent #mainContent .leadTxt {
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 30px;
}
#mainContent #mainContent .largeTxt {
  font-size: 1.1em;
}
#mainContent #mainContent .xlargeTxt {
  font-size: 1.3em;
}
#mainContent #mainContent .smallTxt {
  font-size: 0.86em;
}
#mainContent #mainContent .telTxt01 {
  padding-left: 30px;
  font-size: 22px;
  position: relative;
  line-height: 1;
  display: inline-block;
}
#mainContent #mainContent .telTxt01:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/common/img/ico_tel.svg) center/contain no-repeat;
  left: 0;
  top: calc(50% - 10px);
}
#mainContent #mainContent .telTxt01.small {
  padding-left: 25px;
  font-size: 18px;
}
#mainContent #mainContent .telTxt01.small:before {
  width: 16px;
  height: 16px;
}
#mainContent #mainContent .mailTxt01 {
  padding-left: 30px;
  font-size: 22px;
  position: relative;
  line-height: 1;
  display: inline-block;
}
#mainContent #mainContent .mailTxt01:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(/common/img/ico_mail.png) center/contain no-repeat;
  left: 0;
  top: calc(50% - 10px);
}
#mainContent #mainContent .grayTxt {
  color: #555;
}
#mainContent #mainContent .beigeTxt {
  color: #b39a62;
}
#mainContent #mainContent .goldTxt {
  color: #856b30;
}
#mainContent #mainContent .redTxt {
  color: #9c2d2d;
}
#mainContent #mainContent .blueTxt {
  color: #324d84;
}
#mainContent #mainContent .greenTxt {
  color: #008345;
}
#mainContent #mainContent .blockWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 30px 0 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .blockWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent #mainContent .blockWrap.type02 .blockMain {
  width: 75%;
}
#mainContent #mainContent .blockWrap.type02 .blockSide {
  width: 22%;
}
#mainContent #mainContent .blockWrap .blockMain {
  width: 66%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .blockWrap .blockMain {
    width: auto !important;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .blockWrap .blockMain .boxStyle20 {
  padding: 30px 0;
}
#mainContent #mainContent .blockWrap .blockSide {
  width: 31%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .blockWrap .blockSide {
    width: auto !important;
  }
}
#mainContent #mainContent .borderStyle01 {
  border-top: 1px solid #c4c4c4;
}
#mainContent #mainContent .titleBlock {
  padding: 70px 0 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleBlock {
    padding: 50px 0 10px;
  }
}
#mainContent #mainContent .titleBlock .titleStyle11 {
  margin-bottom: 0;
}
#mainContent #mainContent .titleStyle01,
#mainContent #mainContent .boxStyle05 > .ttl {
  font-size: 30px;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle01,
  #mainContent #mainContent .boxStyle05 > .ttl {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .titleStyle01,
  #mainContent #mainContent .boxStyle05 > .ttl {
    font-size: 25px;
  }
}
#mainContent #mainContent .titleStyle01.type01,
#mainContent #mainContent .boxStyle05 > .type01.ttl {
  padding-bottom: 12px;
  position: relative;
}
#mainContent #mainContent .titleStyle01.type01 .sub,
#mainContent #mainContent .boxStyle05 > .type01.ttl .sub {
  font-size: 14px;
  position: absolute;
  bottom: 0;
  margin-left: -40px;
}
#mainContent #mainContent .titleStyle01.type02,
#mainContent #mainContent .boxStyle05 > .type02.ttl {
  line-height: 1.4;
}
#mainContent #mainContent .titleStyle01.type02 .sub,
#mainContent #mainContent .boxStyle05 > .type02.ttl .sub {
  font-size: 15px;
  display: block;
}
#mainContent #mainContent .titleStyle01.type02 .sub.large,
#mainContent #mainContent .boxStyle05 > .type02.ttl .sub.large {
  font-size: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle01.type02 .sub.large,
  #mainContent #mainContent .boxStyle05 > .type02.ttl .sub.large {
    font-size: 16px;
  }
}
#mainContent #mainContent .titleStyle01 span.pc,
#mainContent #mainContent .boxStyle05 > .ttl span.pc {
  display: inline;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle01 span.pc,
  #mainContent #mainContent .boxStyle05 > .ttl span.pc {
    display: none;
  }
}
#mainContent #mainContent:not(.wedding-style) .titleStyle02 {
  font-size: 26px;
  margin-bottom: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent:not(.wedding-style) .titleStyle02 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
#mainContent #mainContent:not(.wedding-style) .titleStyle02 .sub {
  font-size: 16px;
  display: inline-block;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle02 .sub.left {
  margin-right: 1em;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle02 .sub.right {
  margin-left: 1em;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle02 .sub.bottom {
  display: block;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle02.mark01 {
  padding-left: 35px;
  position: relative;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle02.mark01:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #b39a62;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 2px;
  top: 50%;
}
#mainContent #mainContent.wedding-style .titleStyle02 {
  font-size: 24px;
  border-bottom: 1px solid #856b30;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .titleStyle02 {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}
#mainContent #mainContent.wedding-style .titleStyle02.large {
  font-size: 30px;
  padding-bottom: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .titleStyle02.large {
    font-size: 20px;
  }
}
#mainContent #mainContent:not(.wedding-style) .titleStyle03 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .titleStyle03 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent #mainContent:not(.wedding-style) .titleStyle03 .ttl {
  font-size: 54px;
  margin-right: 20px;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .titleStyle03 .ttl {
    margin-right: 0;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    font-size: 27px;
  }
}
#mainContent #mainContent:not(.wedding-style) .titleStyle03 .ttl.color01 {
  color: #dd3274;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle03 .ttl.color02 {
  color: #005178;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle03 .ttl.color03 {
  color: #b7380b;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle03 .ttl.color04 {
  color: #444e5f;
}
#mainContent #mainContent:not(.wedding-style) .titleStyle03 .txt p:not(:last-child) {
  margin-bottom: 10px;
}
#mainContent #mainContent.wedding-style .titleStyle03 {
  position: relative;
  padding: 30px;
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}
#mainContent #mainContent.wedding-style .titleStyle03::before,
#mainContent #mainContent.wedding-style .titleStyle03::after {
  content: "";
  height: 23px;
  width: 23px;
  background: url("/common/img/wedding/line04.png") no-repeat;
  background-size: contain;
  bottom: 10px;
  display: block;
  position: absolute;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .titleStyle03::before,
  #mainContent #mainContent.wedding-style .titleStyle03::after {
    height: 18px;
    width: 18px;
  }
}
#mainContent #mainContent.wedding-style .titleStyle03::before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: 10px;
}
#mainContent #mainContent.wedding-style .titleStyle03::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 10px;
}
#mainContent #mainContent.wedding-style .titleStyle03.tal > span .ttl {
  text-align: left;
}
#mainContent #mainContent.wedding-style .titleStyle03 > span {
  display: block;
}
#mainContent #mainContent.wedding-style .titleStyle03 > span::before,
#mainContent #mainContent.wedding-style .titleStyle03 > span::after {
  content: "";
  height: 23px;
  width: 23px;
  background: url("/common/img/wedding/line04.png") no-repeat;
  background-size: contain;
  top: 10px;
  display: block;
  position: absolute;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .titleStyle03 > span::before,
  #mainContent #mainContent.wedding-style .titleStyle03 > span::after {
    height: 18px;
    width: 18px;
  }
}
#mainContent #mainContent.wedding-style .titleStyle03 > span::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 10px;
}
#mainContent #mainContent.wedding-style .titleStyle03 > span::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 10px;
}
#mainContent #mainContent.wedding-style .titleStyle03 > span .ttl {
  font-size: 24px;
  text-align: center;
  display: block;
}
#mainContent #mainContent.wedding-style .titleStyle03 > span .ttl + .textAreaBox {
  margin-top: 10px;
  display: block;
}
#mainContent #mainContent .titleStyle04 {
  font-size: 30px;
  margin-bottom: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  color: #856b30;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle04 {
    font-size: 20px;
  }
}
#mainContent #mainContent .titleStyle04 span {
  font-size: 18px;
  color: #555;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle04 span {
    font-size: 17px;
  }
}
#mainContent #mainContent .titleStyle04.small {
  font-size: 20px;
}
#mainContent #mainContent .titleStyle04.small span {
  font-size: 14px;
}
#mainContent #mainContent .titleStyle05 {
  font-size: 26px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle05 {
    font-size: 20px;
    padding-left: 25px;
  }
}
#mainContent #mainContent .titleStyle05::before {
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  background: #bc9b5d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 12px;
  left: 0;
}
#mainContent #mainContent .titleStyle06 {
  font-size: 18px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle06 {
    font-size: 17px;
    margin-bottom: 10px;
  }
}
#mainContent #mainContent:not(.wedding-style) .titleStyle07 {
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .titleStyle07 {
    margin-bottom: 15px;
    font-size: 17px;
  }
}
#mainContent #mainContent:not(.wedding-style) .titleStyle07.tal {
  text-align: left;
}
#mainContent #mainContent.wedding-style .titleStyle07 {
  font-size: 24px;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 15px;
  color: #856b30;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .titleStyle07 {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}
#mainContent #mainContent .titleStyle08 {
  text-align: center;
  background: #535353;
  color: #fff;
  padding: 10px;
}
#mainContent #mainContent .titleStyle09 {
  font-size: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #888;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle09 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 17px;
  }
}
#mainContent #mainContent .titleStyle09.type01 {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  text-align: left;
}
#mainContent #mainContent .titleStyle09.type02 {
  font-size: 28px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle09.type02 {
    font-size: 20px;
  }
}
#mainContent #mainContent .titleStyle10 {
  background: #856b30;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #fff;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle10 {
    height: 50px;
  }
}
#mainContent #mainContent .titleStyle10 img {
  max-height: 88%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle10 img {
    max-height: 100%;
  }
}
#mainContent #mainContent .titleStyle11 {
  padding: 20px 0;
  margin-bottom: 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle11 {
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .titleStyle11 .ttl {
  font-size: 24px;
  color: #856b30;
  font-weight: bold;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle11 .ttl {
    font-size: 20px;
  }
}
#mainContent #mainContent .titleStyle11 .date {
  font-size: 14px;
  color: #555;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle11 .date {
    font-size: 12px;
  }
}
#mainContent #mainContent .titleStyle11.type01 {
  font-size: 30px;
  color: #0083c1;
  border-color: #0083c1;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle11.type01 {
    font-size: 20px;
  }
}
#mainContent #mainContent .titleStyle11.type01 .sub {
  font-size: 20px;
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .titleStyle11.type01 .sub {
    font-size: 12px;
  }
}
#mainContent #mainContent .titleStyle12 {
  position: relative;
  padding: 30px;
  border: 1px solid #ccc;
  margin-bottom: 50px;
}
#mainContent #mainContent .titleStyle12::before {
  content: "";
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  display: block;
  border: 1px solid #ccc;
  position: absolute;
  top: 5px;
  left: 5px;
}
#mainContent #mainContent .titleStyle12.tal > span .ttl {
  text-align: left;
}
#mainContent #mainContent .titleStyle12 > span {
  display: block;
}
#mainContent #mainContent .titleStyle12 > span .ttl {
  font-size: 24px;
  text-align: center;
  display: block;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent #mainContent .titleStyle12 > span .ttl + .textAreaBox {
  margin-top: 10px;
  display: block;
}
#mainContent #mainContent .titleStyle13 {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
#mainContent #mainContent .titleStyle13::before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  background: #000;
}
#mainContent #mainContent .titleStyle13 span {
  display: inline-block;
  font-size: 20px;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 0 20px;
}
#mainContent #mainContent .titleStyle14 .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
#mainContent #mainContent .titleStyle14 .sub .date {
  margin-right: 10px;
}
#mainContent #mainContent .titleStyle14 .sub .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .titleStyle14 .sub .icon li {
  border: 1px solid #a8a8a8;
  color: #555;
  min-width: 110px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .titleStyle14 .sub .icon li {
    font-size: 12px;
    min-width: 80px;
  }
}
#mainContent #mainContent .titleStyle14 .sub .icon li.cat {
  border: 1px solid #bc9b5d;
  color: #bc9b5d;
}
#mainContent #mainContent .titleStyle14 .ttl {
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .titleStyle14 .ttl {
    font-size: 17px;
  }
}
#mainContent #mainContent .boxStyle01 dl {
  max-width: 1000px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle01 dl {
    display: block;
  }
}
#mainContent #mainContent .boxStyle01 dl dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #bfbfbf;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle01 dl dt {
    text-align: center;
    display: block;
    padding: 5px 15px;
  }
}
#mainContent #mainContent .boxStyle01 dl dt.fixWidth {
  width: 210px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle01 dl dt.fixWidth {
    width: 100%;
  }
}
#mainContent #mainContent .boxStyle01 dl dd {
  border: 1px solid #bfbfbf;
  padding: 15px 20px;
}
#mainContent #mainContent .boxStyle01 dl dd.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent #mainContent .boxStyle01 dl dd.flex,
#mainContent #mainContent .boxStyle01 dl dd .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle01 dl dd.flex,
  #mainContent #mainContent .boxStyle01 dl dd .flex {
    display: block;
  }
}
#mainContent #mainContent .boxStyle01 dl dd.flex .txtBox,
#mainContent #mainContent .boxStyle01 dl dd .flex .txtBox {
  width: 79%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle01 dl dd.flex .txtBox,
  #mainContent #mainContent .boxStyle01 dl dd .flex .txtBox {
    width: 100%;
    display: block;
  }
}
#mainContent #mainContent .boxStyle01 dl dd.flex .imgBox,
#mainContent #mainContent .boxStyle01 dl dd .flex .imgBox {
  width: 18%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle01 dl dd.flex .imgBox,
  #mainContent #mainContent .boxStyle01 dl dd .flex .imgBox {
    width: 70%;
    margin: auto;
    display: none;
  }
}
#mainContent #mainContent .boxStyle01.type01 dl dd {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#mainContent #mainContent .boxStyle01.type02 dl {
  display: block;
}
#mainContent #mainContent .boxStyle01.type02 dl dt {
  padding: 15px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .boxStyle01.bgGreen dt {
  background: #008345;
  color: #fff;
}
#mainContent #mainContent .boxStyle01.bgGreen dd {
  border: 1px solid #008345;
}
#mainContent #mainContent .boxStyle01.bgBlue dt {
  background: #3ebbef;
  color: #fff;
}
#mainContent #mainContent .boxStyle01.bgBlue dd {
  border: 1px solid #3ebbef;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle02 {
    max-width: 640px;
    margin: auto;
  }
}
#mainContent #mainContent .boxStyle02 .cont {
  position: relative;
  margin-bottom: 60px;
}
#mainContent #mainContent .boxStyle02 .cont .imgBox {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle02 .cont .imgBox {
    width: 100%;
    position: absolute;
  }
}
#mainContent #mainContent .boxStyle02 .cont .inner {
  border: 1px solid #aaa;
  margin: 30px 0;
  position: absolute;
  width: calc(100% - 30px);
  height: calc(100% - 60px);
  min-height: 320px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle02 .cont .inner {
    position: relative;
    margin: 0 20px;
    top: 20px;
    width: calc(100% - 40px);
    height: auto;
    min-height: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle02 .cont .inner .txtBox {
    padding-top: 40px;
  }
}
#mainContent #mainContent .boxStyle02 .cont .inner .txtBox p {
  margin-bottom: 1em;
}
#mainContent #mainContent .boxStyle02 .cont .inner .txtBox .btnStyle01 {
  margin-top: 30px;
}
#mainContent #mainContent .boxStyle02 .cont:nth-of-type(odd) .imgBox {
  margin-left: auto;
}
#mainContent #mainContent .boxStyle02 .cont:nth-of-type(odd) .inner {
  left: 0;
}
#mainContent #mainContent .boxStyle02 .cont:nth-of-type(odd) .inner .txtBox {
  padding: 0 50.7% 0 4%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle02 .cont:nth-of-type(odd) .inner .txtBox {
    padding: 72% 4% 0 4%;
  }
}
#mainContent #mainContent .boxStyle02 .cont:nth-of-type(even) .imgBox {
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  #mainContent #mainContent .boxStyle02 .cont:nth-of-type(even) .sliderStyle03 .slick-arrow.prev {
    left: 30px;
  }
  #mainContent #mainContent .boxStyle02 .cont:nth-of-type(even) .sliderStyle03 .slick-arrow.next {
    left: 59px;
  }
}
#mainContent #mainContent .boxStyle02 .cont:nth-of-type(even) .inner {
  right: 0;
}
#mainContent #mainContent .boxStyle02 .cont:nth-of-type(even) .inner .txtBox {
  padding: 0 4% 0 50.7%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle02 .cont:nth-of-type(even) .inner .txtBox {
    padding: 72% 4% 0 4%;
  }
}
#mainContent #mainContent .boxStyle03 {
  background: #eee;
  padding: 30px;
  text-align: center;
  max-width: 1000px;
  margin: auto;
}
#mainContent #mainContent .boxStyle03.tal {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle03 {
    padding: 20px;
  }
  #mainContent #mainContent .boxStyle03.tacPC {
    text-align: inherit;
  }
}
#mainContent #mainContent .boxStyle03.num2 {
  background: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle03.num2 {
    display: block;
  }
}
#mainContent #mainContent .boxStyle03.num2 .box {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle03.num2 .box {
    width: auto;
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .boxStyle03.num2 .box .titleStyle06 {
  text-align: left;
}
#mainContent #mainContent .boxStyle03.num2 .box .cont {
  padding: 0 20px;
  background: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 210px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle03.num2 .box .cont {
    padding: 0 10px;
    min-height: auto;
  }
}
#mainContent #mainContent .boxStyle03.num2 .box .cont .inner .btnStyle01 {
  margin-bottom: 0 !important;
}
#mainContent #mainContent .boxStyle03.narrow .inner {
  padding: 0 20px;
}
#mainContent #mainContent .boxStyle03 .inner {
  letter-spacing: normal;
  display: inline-block;
  padding: 0 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle03 .inner {
    display: block;
    padding: 15px 0;
  }
}
#mainContent #mainContent .boxStyle03 .inner:not(:last-of-type) {
  border-right: 1px solid #222;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle03 .inner:not(:last-of-type) {
    border-right: 0;
    border-bottom: 1px solid #222;
  }
}
#mainContent #mainContent .boxStyle03 p:not(:last-child) {
  margin-bottom: 15px;
}
#mainContent #mainContent .boxStyle03 + .btnStyle04 {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle03 + .btnStyle04 {
    margin-top: 20px;
  }
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont {
    margin-bottom: 45px;
    display: block;
  }
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont.top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .imgBox,
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont .sliderBox {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .imgBox,
  #mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont .sliderBox {
    width: 100%;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .imgBox img,
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont .sliderBox img {
  width: 100%;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .imgBox .caption,
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont .sliderBox .caption {
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .imgBox .caption,
  #mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont .sliderBox .caption {
    margin-top: 5px;
  }
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .txtBox {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .txtBox {
    width: 100%;
  }
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .txtBox p {
  margin-bottom: 1em;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .txtBox .btnStyle03 {
  margin-top: 30px;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .txtBox .btnStyle03 + .btnStyle03 {
  margin-top: 0;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .txtBox .btnStyle01 {
  margin-top: 30px;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont > .txtBox .btnStyle01 + .btnStyle01 {
  margin-top: 0;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04 .cont:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04.rev .cont:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04.rev .cont:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle04.imgRight .cont:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#mainContent #mainContent.wedding-style .boxStyle04 {
  padding: 70px 0;
  margin-bottom: 0px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 {
    padding: 30px 0;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04.color01,
#mainContent #mainContent.wedding-style .boxStyle04.gold {
  background: #f3eddf;
}
#mainContent #mainContent.wedding-style .boxStyle04.color01 + .boxStyle04.color01,
#mainContent #mainContent.wedding-style .boxStyle04.color01 + .boxStyle04.gold,
#mainContent #mainContent.wedding-style .boxStyle04.gold + .boxStyle04.color01,
#mainContent #mainContent.wedding-style .boxStyle04.gold + .boxStyle04.gold {
  padding-top: 0px;
}
#mainContent #mainContent.wedding-style .boxStyle04.color02,
#mainContent #mainContent.wedding-style .boxStyle04.green {
  background: #f2f9f5;
}
#mainContent #mainContent.wedding-style .boxStyle04.color02 + .boxStyle04.color02,
#mainContent #mainContent.wedding-style .boxStyle04.color02 + .boxStyle04.green,
#mainContent #mainContent.wedding-style .boxStyle04.green + .boxStyle04.color02,
#mainContent #mainContent.wedding-style .boxStyle04.green + .boxStyle04.green {
  padding-top: 0px;
}
#mainContent #mainContent.wedding-style .boxStyle04.color03,
#mainContent #mainContent.wedding-style .boxStyle04.black {
  background: #eee;
}
#mainContent #mainContent.wedding-style .boxStyle04.color03 + .boxStyle04.color03,
#mainContent #mainContent.wedding-style .boxStyle04.color03 + .boxStyle04.black,
#mainContent #mainContent.wedding-style .boxStyle04.black + .boxStyle04.color03,
#mainContent #mainContent.wedding-style .boxStyle04.black + .boxStyle04.black {
  padding-top: 0px;
}
#mainContent #mainContent.wedding-style .boxStyle04.color03:last-child,
#mainContent #mainContent.wedding-style .boxStyle04.black:last-child {
  margin-bottom: 80px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04.color03:last-child,
  #mainContent #mainContent.wedding-style .boxStyle04.black:last-child {
    margin-bottom: 40px;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04.color04,
#mainContent #mainContent.wedding-style .boxStyle04.white {
  background: #fff;
}
#mainContent #mainContent.wedding-style .boxStyle04.color04 + .boxStyle04.color04,
#mainContent #mainContent.wedding-style .boxStyle04.color04 + .boxStyle04.white,
#mainContent #mainContent.wedding-style .boxStyle04.white + .boxStyle04.color04,
#mainContent #mainContent.wedding-style .boxStyle04.white + .boxStyle04.white {
  padding-top: 0px;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > .titleStyle02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > .titleStyle02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > .titleStyle02,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > .titleStyle02 {
    margin-bottom: 20px;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li:last-child,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li.reverse,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li.reverse,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li.reverse .txtBox,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li.reverse .txtBox {
  padding-left: 0;
  padding-right: 4%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li.reverse .txtBox,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li.reverse .txtBox {
    padding: 0;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .img,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .img {
  width: 48%;
  position: relative;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .img::before,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .img::before {
  content: "";
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .img,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .img {
    width: auto;
    margin: 0 auto 10px;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .img img,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .img img {
  width: 100%;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox {
  width: 52%;
  padding-left: 4%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox,
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 {
    max-width: 520px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl {
  font-weight: bold;
  margin-bottom: 15px;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type01 {
  font-size: 24px;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type02 {
  font-size: 18px;
  padding: 10px;
  background: #fff;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type02.gold,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type02.color01,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type02.gold {
  background: #b39a62;
  color: #fff;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type02.green,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type02.color02,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type02.green {
  background: #008241;
  color: #fff;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .subttl.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .subttl.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .subttl.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .subttl.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .subttl.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .subttl.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .subttl.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div dt.type02.black,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type02.color03,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .subttl.type02.black {
  background: #000;
  color: #fff;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .txt,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .txt,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .txt,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .txt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .txt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .txt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .txt,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .txt {
  margin-bottom: 10px;
  color: #000;
}
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .link,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .link,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .link,
#mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .link,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .link,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .link,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .link,
#mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .link {
  padding-top: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox dl .link .btnStyle01::last-child,
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox > div .link .btnStyle01::last-child,
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 dl .link .btnStyle01::last-child,
  #mainContent #mainContent.wedding-style .boxStyle04 .contentInner > ul > li .txtBox2 > div .link .btnStyle01::last-child,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox dl .link .btnStyle01::last-child,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox > div .link .btnStyle01::last-child,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 dl .link .btnStyle01::last-child,
  #mainContent #mainContent.wedding-style .boxStyle04 .inner > ul > li .txtBox2 > div .link .btnStyle01::last-child {
    margin-bottom: 0;
  }
}
#mainContent #mainContent.wedding-style .boxStyle04 .inner {
  padding: 0 20px;
}
#mainContent #mainContent .boxStyle05 {
  border: 1px solid #888;
  padding: 40px 40px 20px;
  position: relative;
  max-width: 1080px;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle05 {
    padding: 30px 20px 20px;
  }
}
#mainContent #mainContent .boxStyle05 > .ttl {
  background: #fff;
  padding: 0 20px;
  position: absolute;
  white-space: nowrap;
  top: -0.75em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#mainContent #mainContent .boxStyle05 > .btnStyle01 {
  position: absolute;
  right: 40px;
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle05 > .btnStyle01 {
    right: 20px;
  }
}
#mainContent #mainContent .boxStyle05 > .btnStyle01 li {
  margin-bottom: 0;
}
#mainContent #mainContent .boxStyle05 > .btnStyle01 li a {
  background: #fff;
}
#mainContent #mainContent .boxStyle06 {
  padding: 40px;
  background: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle06 {
    padding: 15px;
  }
}
#mainContent #mainContent .boxStyle07 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 {
    display: block;
  }
}
#mainContent #mainContent .boxStyle07 .imgBox {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 .imgBox {
    width: auto;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .boxStyle07 .imgBox .img {
  margin-bottom: 10px;
}
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion.active dt::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion.active dt::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt {
  background: #b39a62;
  color: #fff;
  text-align: center;
  padding: 15px 15px;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt {
    text-align: left;
  }
}
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt::before,
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt::after {
  content: "";
  height: 1px;
  width: 25px;
  background: #fff;
  display: block;
  position: absolute;
  right: 20px;
  top: 25px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt::before,
  #mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt::after {
    width: 15px;
    right: 15px;
  }
}
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dt::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#mainContent #mainContent .boxStyle07 .imgBox .btn .accordion dd {
  display: none;
  margin-top: 10px;
  border: 1px solid #b39a62;
}
#mainContent #mainContent .boxStyle07 .txtBox {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 .txtBox {
    width: auto;
  }
}
#mainContent #mainContent .boxStyle07 .txtBox .txt {
  display: table;
}
#mainContent #mainContent .boxStyle07 .txtBox .txt dl {
  display: table-row;
}
#mainContent #mainContent .boxStyle07 .txtBox .txt dl:last-child dt,
#mainContent #mainContent .boxStyle07 .txtBox .txt dl:last-child dd {
  padding-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 .txtBox .txt dl:last-child dt,
  #mainContent #mainContent .boxStyle07 .txtBox .txt dl:last-child dd {
    padding-bottom: 20px;
  }
}
#mainContent #mainContent .boxStyle07 .txtBox .txt dl dt {
  display: table-cell;
  padding: 0 20px 25px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 .txtBox .txt dl dt {
    padding-bottom: 10px;
  }
}
#mainContent #mainContent .boxStyle07 .txtBox .txt dl dd {
  display: table-cell;
  padding: 0 0 25px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle07 .txtBox .txt dl dd {
    padding-bottom: 10px;
  }
}
#mainContent #mainContent .boxStyle07 .txtBox .note {
  font-size: 13px;
}
#mainContent #mainContent .boxStyle07 .txtBox .btnStyle01 {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle08 li:not(:last-child),
  #mainContent #mainContent .boxStyle08 .item:not(:last-child) {
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .boxStyle08 li .imgBox,
#mainContent #mainContent .boxStyle08 .item .imgBox {
  position: relative;
  margin-bottom: 20px;
}
#mainContent #mainContent .boxStyle08 li .imgBox:before,
#mainContent #mainContent .boxStyle08 .item .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 37.5%;
}
#mainContent #mainContent .boxStyle08 li .imgBox img,
#mainContent #mainContent .boxStyle08 .item .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle08 li .imgBox,
  #mainContent #mainContent .boxStyle08 .item .imgBox {
    margin-bottom: 10px;
  }
}
#mainContent #mainContent .boxStyle08 li .category,
#mainContent #mainContent .boxStyle08 .item .category {
  color: #555;
  font-size: 13px;
  margin-bottom: 5px;
}
#mainContent #mainContent .boxStyle08 li .ttl,
#mainContent #mainContent .boxStyle08 .item .ttl {
  margin-bottom: 1em;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle08 li .ttl,
  #mainContent #mainContent .boxStyle08 .item .ttl {
    font-weight: bold;
  }
}
#mainContent #mainContent .boxStyle08 li a,
#mainContent #mainContent .boxStyle08 .item a {
  display: block;
}
#mainContent #mainContent .boxStyle09 {
  background: #313131;
  color: #fff;
  padding: 15px 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle09 {
    padding: 15px;
  }
}
#mainContent #mainContent .boxStyle09 p.ttl {
  font-size: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle09 p.ttl {
    font-size: 17px;
  }
}
#mainContent #mainContent .boxStyle09 p.date {
  font-size: 13px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle09 p.date {
    font-size: 12px;
  }
}
#mainContent #mainContent .boxStyle09 p:not(:first-child) {
  margin-top: 1em;
}
#mainContent #mainContent .boxStyle10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 {
    display: block;
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .boxStyle10 .imgBox {
  width: 283px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 .imgBox {
    width: auto;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 .imgBox img {
    max-height: 250px;
  }
}
#mainContent #mainContent .boxStyle10 .imgBox .caption {
  margin-top: 5px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-size: 18px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 .imgBox .caption {
    display: table;
    margin: 5px auto 0;
  }
}
#mainContent #mainContent .boxStyle10 .imgBox .caption .note {
  font-size: 14px;
  display: block;
  position: relative;
  padding-left: 20px;
}
#mainContent #mainContent .boxStyle10 .imgBox .caption .note:before {
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  background: #bc9b5d;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 40%;
  left: 0;
}
#mainContent #mainContent .boxStyle10 .txtBox {
  width: calc(100% - 283px);
  padding-left: 35px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  -ms-flex-negative: 2;
  flex-shrink: 2;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 .txtBox {
    width: auto;
    padding: 0;
  }
}
#mainContent #mainContent .boxStyle10 .txtBox .ttl {
  font-size: 22px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 .txtBox .ttl {
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
  }
}
#mainContent #mainContent .boxStyle10 .txtBox .ttl .sub {
  font-size: 15px;
  margin-right: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 .txtBox .ttl .sub {
    font-size: 14px;
    margin-right: 0;
    display: block;
  }
}
#mainContent #mainContent .boxStyle10 .txtBox .box {
  margin-bottom: 20px;
}
#mainContent #mainContent .boxStyle10 .txtBox + .imgBox {
  margin-left: 35px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle10 .txtBox + .imgBox {
    margin-left: 0;
    margin-top: 20px;
  }
}
#mainContent #mainContent .boxStyle11 > li,
#mainContent #mainContent .boxStyle11 > dl,
#mainContent #mainContent .boxStyle11 > .box {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle11 > li,
  #mainContent #mainContent .boxStyle11 > dl,
  #mainContent #mainContent .boxStyle11 > .box {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle11 > li .listStyle04 > li,
  #mainContent #mainContent .boxStyle11 > dl .listStyle04 > li,
  #mainContent #mainContent .boxStyle11 > .box .listStyle04 > li {
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .boxStyle11 > li .btnStyle01,
#mainContent #mainContent .boxStyle11 > dl .btnStyle01,
#mainContent #mainContent .boxStyle11 > .box .btnStyle01 {
  margin-top: auto;
}
#mainContent #mainContent .boxStyle12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle12 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent #mainContent .boxStyle12:not(:last-of-type) {
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle12:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
#mainContent #mainContent .boxStyle12 .imgBox {
  width: 260px;
  padding-right: 25px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle12 .imgBox {
    padding-right: 0;
    width: 50%;
  }
}
#mainContent #mainContent .boxStyle12 .imgBox.newLabel {
  position: relative;
}
#mainContent #mainContent .boxStyle12 .imgBox.newLabel:after {
  content: "NEW";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #9c2d2d;
  color: #fff;
  padding: 1px 5px 0px 5px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle12 .ttlSP {
    width: 50%;
    padding-left: 15px;
  }
}
#mainContent #mainContent .boxStyle12 .txtBox {
  width: calc(100% - 260px);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle12 .txtBox {
    width: 100%;
    margin-top: 15px;
  }
}
#mainContent #mainContent .boxStyle12 .ttl .main {
  margin-bottom: 10px;
}
#mainContent #mainContent .boxStyle12 .ttl .price {
  margin-bottom: 20px;
}
#mainContent #mainContent .boxStyle13 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle13 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
#mainContent #mainContent .boxStyle13.type02 {
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle13.type02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent #mainContent .boxStyle13.type02 .txtBox {
  width: 64%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle13.type02 .txtBox {
    width: 100%;
  }
}
#mainContent #mainContent .boxStyle13.type02 .imgBox {
  width: 32%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle13.type02 .imgBox {
    width: 100%;
  }
}
#mainContent #mainContent .boxStyle13 .txtBox {
  width: 60%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle13 .txtBox {
    width: 100%;
  }
}
#mainContent #mainContent .boxStyle13 .imgBox {
  width: 36%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle13 .imgBox {
    width: 100%;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .boxStyle13 .imgBox img + img {
  margin-top: 20px;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .period {
  text-align: center;
  width: 35px;
  margin-right: 35px;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1.1;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .boxStyle14 .period {
    display: none;
  }
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .period:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #555;
  top: 0;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .period.multi {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .period.multi .item {
  margin-bottom: 15px;
  position: relative;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .period.multi .item.gray {
  color: #999;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .period.multi .item:not(:first-child) {
  margin-top: 15px;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .period.multi .item:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #555;
  top: -15px;
}
#mainContent #mainContent:not(.wedding-style) .boxStyle14 .content {
  width: calc(100% - 70px);
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .boxStyle14 .content {
    width: 100%;
    margin-bottom: 50px;
  }
}
#mainContent #mainContent.wedding-style .boxStyle14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  width: calc(100% + 20px);
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .boxStyle14 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
  }
}
#mainContent #mainContent.wedding-style .boxStyle14 dl {
  width: 33.33%;
  max-width: 345px;
  margin-bottom: 50px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .boxStyle14 dl {
    width: 345px;
    max-width: 100%;
    margin: 0 auto 50px;
    display: block;
    position: static !important;
  }
}
#mainContent #mainContent.wedding-style .boxStyle14 dl:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .boxStyle14 dl .titleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #mainContent #mainContent.wedding-style .boxStyle14 dl .titleBox .img {
    width: 45%;
    padding-right: 5%;
  }
  #mainContent #mainContent.wedding-style .boxStyle14 dl .titleBox .img img {
    height: auto;
  }
  #mainContent #mainContent.wedding-style .boxStyle14 dl .titleBox dt {
    width: 50%;
  }
}
#mainContent #mainContent.wedding-style .boxStyle14 dl .img {
  margin-bottom: 10px;
}
#mainContent #mainContent.wedding-style .boxStyle14 dl .img img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
#mainContent #mainContent.wedding-style .boxStyle14 dl .img img.noImg {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border: 1px solid #008345;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .boxStyle14 dl .img img.noImg {
    display: none;
  }
}
#mainContent #mainContent.wedding-style .boxStyle14 dl dt {
  font-weight: bold;
  color: #856b30;
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .boxStyle14 dl dt {
    font-size: 16px;
  }
}
#mainContent #mainContent.wedding-style .boxStyle14 dl .txt {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  margin-bottom: 20px;
}
#mainContent #mainContent.wedding-style .boxStyle14 dl .link {
  margin-top: auto;
}
#mainContent #mainContent.wedding-style .boxStyle14 dl .link a {
  display: block;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  padding: 10px;
  text-align: center;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent #mainContent .boxStyle15 {
  padding: 30px;
  color: #fff;
  background: rgba(0, 44, 65, 0.9);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle15 {
    padding: 15px;
  }
}
#mainContent #mainContent .boxStyle15 p {
  margin-bottom: 1em;
}
#mainContent #mainContent .boxStyle15 *:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .boxStyle16 {
  padding: 15px 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
#mainContent #mainContent .boxStyle16.btnStyle01 {
  font-size: 0;
}
#mainContent #mainContent .boxStyle16 p {
  margin-bottom: 1em;
}
#mainContent #mainContent .boxStyle16 *:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .boxStyle17 {
  background: #eee;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent #mainContent .boxStyle17 .inner.bgWhite {
  padding: 20px;
  background: #fff;
}
#mainContent #mainContent .boxStyle17 .inner.selfCenter {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
#mainContent #mainContent .boxStyle17.col3 .inner {
  width: 32%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle17.col3 .inner {
    width: 100%;
  }
  #mainContent #mainContent .boxStyle17.col3 .inner:not(:last-child) {
    margin-bottom: 15px;
  }
}
#mainContent #mainContent .boxStyle18 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle18 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent #mainContent .boxStyle18 li {
  width: 48%;
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle18 li {
    width: auto;
    max-width: 520px;
    padding: 0 20px;
    margin: 0 auto 40px;
  }
}
#mainContent #mainContent .boxStyle18 li .titleStyle04,
#mainContent #mainContent .boxStyle18 li .empty {
  height: 36px;
  margin-bottom: 20px;
}
#mainContent #mainContent .boxStyle18 li .img {
  margin-bottom: 15px;
}
#mainContent #mainContent .boxStyle18 li .txt {
  margin-bottom: 25px;
}
#mainContent #mainContent .boxStyle18 li .link .btnStyle01 {
  margin-bottom: 0;
}
#mainContent #mainContent .boxStyle18 li .link .btnStyle01 + .btnStyle01 {
  margin-top: 10px;
}
#mainContent #mainContent .boxStyle19 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .boxStyle19 li .imgBox {
  width: 320px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li .imgBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 0 15px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li .imgBox .img {
    width: 45%;
    margin-right: 5%;
  }
}
#mainContent #mainContent .boxStyle19 li .imgBox .ttl {
  width: 50%;
  display: none;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li .imgBox .ttl {
    display: block;
  }
}
#mainContent #mainContent .boxStyle19 li .txtBox {
  width: calc(100% - 350px);
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li .txtBox {
    width: 100%;
  }
}
#mainContent #mainContent .boxStyle19 li .txtBox .ttl {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li .txtBox .ttl {
    display: none;
  }
}
#mainContent #mainContent .boxStyle19 li .txtBox .txt {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li .txtBox .txt {
    margin-bottom: 15px;
  }
}
#mainContent #mainContent .boxStyle19 li .txtBox .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle19 li .txtBox .link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
#mainContent #mainContent .boxStyle19 li .txtBox .link ul li {
  margin-bottom: 10px;
  position: relative;
}
#mainContent #mainContent .boxStyle19 li .txtBox .link ul li a {
  display: block;
  padding-left: 50px;
  color: #008241;
  -webkit-transition: -webkit-transform 0.5s ease 0.3s;
  transition: -webkit-transform 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
}
#mainContent #mainContent .boxStyle19 li .txtBox .link ul li a:hover {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 1;
}
#mainContent #mainContent .boxStyle19 li .txtBox .link ul li a:hover::before {
  -webkit-animation: linkMove 0.5s ease 0s forwards;
  animation: linkMove 0.5s ease 0s forwards;
}
#mainContent #mainContent .boxStyle19 li .txtBox .link ul li a:hover::after {
  opacity: 1;
}
#mainContent #mainContent .boxStyle19 li .txtBox .link ul li a::before {
  content: "";
  height: 1px;
  width: 40px;
  background: #008241;
  position: absolute;
  top: 10px;
  left: 0;
}
#mainContent #mainContent .boxStyle19 li .txtBox .link ul li a::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  position: absolute;
  top: 7px;
  left: 32px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0.4s;
  transition: opacity 0.3s ease 0.4s;
}
#mainContent #mainContent .boxStyle20 {
  padding: 30px 0;
  margin-bottom: 0px;
}
#mainContent #mainContent .boxStyle20:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20 {
    padding: 30px 0;
  }
}
#mainContent #mainContent .boxStyle20.color01,
#mainContent #mainContent .boxStyle20.gold {
  background: #f3eddf;
}
#mainContent #mainContent .boxStyle20.color01 + .boxStyle04.color01,
#mainContent #mainContent .boxStyle20.color01 + .boxStyle04.gold,
#mainContent #mainContent .boxStyle20.gold + .boxStyle04.color01,
#mainContent #mainContent .boxStyle20.gold + .boxStyle04.gold {
  padding-top: 0px;
}
#mainContent #mainContent .boxStyle20.color02,
#mainContent #mainContent .boxStyle20.green {
  background: #f2f9f5;
}
#mainContent #mainContent .boxStyle20.color02 + .boxStyle04.color02,
#mainContent #mainContent .boxStyle20.color02 + .boxStyle04.green,
#mainContent #mainContent .boxStyle20.green + .boxStyle04.color02,
#mainContent #mainContent .boxStyle20.green + .boxStyle04.green {
  padding-top: 0px;
}
#mainContent #mainContent .boxStyle20.color03,
#mainContent #mainContent .boxStyle20.black {
  background: #eee;
}
#mainContent #mainContent .boxStyle20.color03 + .boxStyle04.color03,
#mainContent #mainContent .boxStyle20.color03 + .boxStyle04.black,
#mainContent #mainContent .boxStyle20.black + .boxStyle04.color03,
#mainContent #mainContent .boxStyle20.black + .boxStyle04.black {
  padding-top: 0px;
}
#mainContent #mainContent .boxStyle20.color03:last-child,
#mainContent #mainContent .boxStyle20.black:last-child {
  margin-bottom: 80px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20.color03:last-child,
  #mainContent #mainContent .boxStyle20.black:last-child {
    margin-bottom: 40px;
  }
}
#mainContent #mainContent .boxStyle20.color04,
#mainContent #mainContent .boxStyle20.white {
  background: #fff;
}
#mainContent #mainContent .boxStyle20.color04 + .boxStyle04.color04,
#mainContent #mainContent .boxStyle20.color04 + .boxStyle04.white,
#mainContent #mainContent .boxStyle20.white + .boxStyle04.color04,
#mainContent #mainContent .boxStyle20.white + .boxStyle04.white {
  padding-top: 0px;
}
#mainContent #mainContent .boxStyle20 .contentInner > .titleStyle02,
#mainContent #mainContent .boxStyle20 .inner > .titleStyle02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20 .contentInner > .titleStyle02,
  #mainContent #mainContent .boxStyle20 .inner > .titleStyle02 {
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li,
#mainContent #mainContent .boxStyle20 .inner > ul > li {
  margin-bottom: 60px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li,
  #mainContent #mainContent .boxStyle20 .inner > ul > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li:last-child,
#mainContent #mainContent .boxStyle20 .inner > ul > li:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li.reverse,
#mainContent #mainContent .boxStyle20 .inner > ul > li.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li.reverse,
  #mainContent #mainContent .boxStyle20 .inner > ul > li.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li.reverse .img,
#mainContent #mainContent .boxStyle20 .inner > ul > li.reverse .img {
  float: right;
  margin: 0 0 10px 4%;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li.reverse .img,
  #mainContent #mainContent .boxStyle20 .inner > ul > li.reverse .img {
    float: none;
    margin: 0 auto 10px;
  }
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li.reverse .txtBox,
#mainContent #mainContent .boxStyle20 .inner > ul > li.reverse .txtBox {
  padding-left: 0;
  padding-right: 4%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li.reverse .txtBox,
  #mainContent #mainContent .boxStyle20 .inner > ul > li.reverse .txtBox {
    padding: 0;
  }
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .img,
#mainContent #mainContent .boxStyle20 .inner > ul > li .img {
  max-width: 48%;
  position: relative;
  float: left;
  margin: 0 4% 10px 0;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .img::before,
#mainContent #mainContent .boxStyle20 .inner > ul > li .img::before {
  content: "";
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li .img,
  #mainContent #mainContent .boxStyle20 .inner > ul > li .img {
    max-width: 100%;
    margin: 0 auto 10px;
    float: none;
  }
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .img img,
#mainContent #mainContent .boxStyle20 .inner > ul > li .img img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox,
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2,
  #mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox,
  #mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 {
    max-width: 520px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
  }
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl {
  margin-bottom: 15px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type01 {
  font-size: 24px;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type02 {
  font-size: 18px;
  padding: 10px;
  background: #fff;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type02.gold,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type02.gold,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type02.gold,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type02.gold,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type02.gold,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type02.gold,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type02.gold,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type02.gold,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type02.color01,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type02.gold {
  background: #b39a62;
  color: #fff;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type02.green,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type02.green,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type02.green,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type02.green,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type02.green,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type02.green,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type02.green,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type02.green,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type02.color02,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type02.green {
  background: #008241;
  color: #fff;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl dt.type02.black,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .subttl.type02.black,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div dt.type02.black,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .subttl.type02.black,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl dt.type02.black,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .subttl.type02.black,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div dt.type02.black,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .subttl.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl dt.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .subttl.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div dt.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .subttl.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl dt.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .subttl.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div dt.type02.black,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type02.color03,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .subttl.type02.black {
  background: #000;
  color: #fff;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .txt,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .txt,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .txt,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .txt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .txt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .txt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .txt,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .txt {
  margin-bottom: 10px;
  color: #000;
}
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .link,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .link,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .link,
#mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .link,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .link,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .link,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .link,
#mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .link {
  padding-top: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox dl .link .btnStyle01::last-child,
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox > div .link .btnStyle01::last-child,
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 dl .link .btnStyle01::last-child,
  #mainContent #mainContent .boxStyle20 .contentInner > ul > li .txtBox2 > div .link .btnStyle01::last-child,
  #mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox dl .link .btnStyle01::last-child,
  #mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox > div .link .btnStyle01::last-child,
  #mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 dl .link .btnStyle01::last-child,
  #mainContent #mainContent .boxStyle20 .inner > ul > li .txtBox2 > div .link .btnStyle01::last-child {
    margin-bottom: 0;
  }
}
#mainContent #mainContent .boxStyle20 .inner {
  padding: 0 20px;
}
#mainContent #mainContent .boxStyle21 {
  position: relative;
}
#mainContent #mainContent .boxStyle21 > .imgBox {
  position: relative;
  background: #000;
}
#mainContent #mainContent .boxStyle21 > .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#mainContent #mainContent .boxStyle21 > .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .boxStyle21 > .imgBox img.contain {
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
}
#mainContent #mainContent .boxStyle21 > .txtBox {
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 13px;
  padding: 10px;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle21 > .txtBox {
    font-size: 12px;
    padding: 5px;
  }
}
#mainContent #mainContent .boxStyle22 {
  padding: 30px;
  border: 1px solid #ccc;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .boxStyle22 {
    padding: 15px;
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .boxStyle23 dl {
  max-width: 1000px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle23 dl {
    display: block;
  }
}
#mainContent #mainContent .boxStyle23 dl dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #bfbfbf;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle23 dl dt {
    text-align: center;
    display: block;
    padding: 5px 15px;
  }
}
#mainContent #mainContent .boxStyle23 dl dt.fixWidth {
  width: 210px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle23 dl dt.fixWidth {
    width: 100%;
  }
}
#mainContent #mainContent .boxStyle23 dl dd {
  width: 100%;
  border: 1px solid #bfbfbf;
  padding: 15px 20px;
}
#mainContent #mainContent .boxStyle23 dl dd.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent #mainContent .boxStyle23 dl dd.flex,
#mainContent #mainContent .boxStyle23 dl dd .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle23 dl dd.flex,
  #mainContent #mainContent .boxStyle23 dl dd .flex {
    display: block;
  }
}
#mainContent #mainContent .boxStyle23 dl dd.flex .txtBox,
#mainContent #mainContent .boxStyle23 dl dd .flex .txtBox {
  width: 79%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle23 dl dd.flex .txtBox,
  #mainContent #mainContent .boxStyle23 dl dd .flex .txtBox {
    width: 100%;
    display: block;
  }
}
#mainContent #mainContent .boxStyle23 dl dd.flex .txtBox.-noimg,
#mainContent #mainContent .boxStyle23 dl dd .flex .txtBox.-noimg {
  width: 100%;
}
#mainContent #mainContent .boxStyle23 dl dd.flex .imgBox,
#mainContent #mainContent .boxStyle23 dl dd .flex .imgBox {
  width: 18%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .boxStyle23 dl dd.flex .imgBox,
  #mainContent #mainContent .boxStyle23 dl dd .flex .imgBox {
    width: 70%;
    margin: auto;
    display: none;
  }
}
#mainContent #mainContent .boxStyle23 dl dd a {
  text-decoration: underline;
}
#mainContent #mainContent .boxStyle23.bgGreen dt {
  background: #008345;
  color: #fff;
}
#mainContent #mainContent .boxStyle23.bgGreen dd {
  border: 1px solid #008345;
}
#mainContent #mainContent .sliderStyle01 {
  position: relative;
  margin-bottom: 10px;
  visibility: hidden;
}
#mainContent #mainContent .sliderStyle01.slick-initialized {
  visibility: visible;
}
#mainContent #mainContent .sliderStyle01.noTrim .slide > .imgBox img {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
#mainContent #mainContent .sliderStyle01 .slide {
  position: relative;
}
#mainContent #mainContent .sliderStyle01 .slide > .imgBox {
  position: relative;
  background: #000;
}
#mainContent #mainContent .sliderStyle01 .slide > .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#mainContent #mainContent .sliderStyle01 .slide > .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .sliderStyle01 .slide > .imgBox img.contain {
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
}
#mainContent #mainContent .sliderStyle01 .slide > .txtBox {
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 13px;
  padding: 10px;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle01 .slide > .txtBox {
    font-size: 12px;
    padding: 5px;
  }
}
#mainContent #mainContent .sliderStyle01 .slick-arrow {
  background: rgba(0, 0, 0, 0.8);
  width: 40px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .sliderStyle01 .slick-arrow:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle01 .slick-arrow {
    width: 25px;
    height: 40px;
    top: calc(50% - 13px);
  }
}
#mainContent #mainContent .sliderStyle01 .slick-arrow:before {
  content: "";
  height: 18px;
  width: 18px;
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  vertical-align: middle;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle01 .slick-arrow:before {
    height: 11px;
    width: 11px;
  }
}
#mainContent #mainContent .sliderStyle01 .slick-arrow.prev {
  left: 0;
}
#mainContent #mainContent .sliderStyle01 .slick-arrow.prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  left: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle01 .slick-arrow.prev:before {
    left: 10px;
  }
}
#mainContent #mainContent .sliderStyle01 .slick-arrow.next {
  right: 0;
}
#mainContent #mainContent .sliderStyle01 .slick-arrow.next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 7px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle01 .slick-arrow.next:before {
    left: 5px;
  }
}
#mainContent #mainContent .sliderStyle01.color01 .slick-arrow {
  background: rgba(188, 155, 93, 0.8);
}
#mainContent #mainContent .sliderNav01 {
  margin: auto;
}
#mainContent #mainContent .sliderNav01 .slide {
  width: 104px;
  margin: 0 5px;
  cursor: pointer;
  background: #000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
  position: relative;
}
#mainContent #mainContent .sliderNav01 .slide:hover {
  opacity: 0.7;
}
#mainContent #mainContent .sliderNav01 .slide:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#mainContent #mainContent .sliderNav01 .slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .sliderNav01 .slide img.contain {
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderNav01 .slide {
    width: calc(20vw - 16px);
  }
}
#mainContent #mainContent .sliderNav01 .slick-track {
  display: table;
  margin: auto;
}
#mainContent #mainContent .sliderNav01 .slick-track.fixed {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}
#mainContent #mainContent .sliderStyle02 .slick-slide {
  margin: 0 5px;
}
#mainContent #mainContent .sliderStyle02 .slick-arrow {
  width: 180px;
  height: 210px;
  position: absolute;
  top: 50px;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .sliderStyle02 .slick-arrow:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-arrow {
    height: 50vw;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-arrow:before {
  content: "";
  height: 18px;
  width: 18px;
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  vertical-align: middle;
  position: absolute;
  top: 50%;
}
#mainContent #mainContent .sliderStyle02 .slick-arrow.prev {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(40%, rgba(0, 0, 0, 0.4)), to(transparent));
  background: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.4) 40%, transparent 100%);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-arrow.prev {
    background: transparent;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-arrow.prev:before {
  -webkit-transform: translateY(-50%) scaleY(2) rotate(-135deg);
  transform: translateY(-50%) scaleY(2) rotate(-135deg);
  left: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-arrow.prev:before {
    left: 22px;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-arrow.next {
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#000), color-stop(40%, rgba(0, 0, 0, 0.4)), to(transparent));
  background: linear-gradient(to left, #000 0%, rgba(0, 0, 0, 0.4) 40%, transparent 100%);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-arrow.next {
    background: transparent;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-arrow.next:before {
  -webkit-transform: translateY(-50%) scaleY(2) rotate(45deg);
  transform: translateY(-50%) scaleY(2) rotate(45deg);
  right: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-arrow.next:before {
    right: 22px;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-dots {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-dots {
    margin-top: 20px;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-dots li {
  margin: 0 5px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-dots li {
    margin: 0 10px;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-dots button {
  outline: none;
  font-size: 0;
  border: 0;
  background: #bc9b5d;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  opacity: 0.5;
  display: block;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle02 .slick-dots button {
    width: 15px;
    height: 15px;
  }
}
#mainContent #mainContent .sliderStyle02 .slick-dots .slick-active button {
  opacity: 1;
}
#mainContent #mainContent .sliderStyle03 .slick-list,
#mainContent #mainContent .sliderStyle03 .slick-track {
  height: 100%;
}
#mainContent #mainContent .sliderStyle03 .slick-arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #aaa;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .sliderStyle03 .slick-arrow:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle03 .slick-arrow {
    width: 40px;
    height: 40px;
    bottom: 0;
  }
}
#mainContent #mainContent .sliderStyle03 .slick-arrow:before {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  vertical-align: middle;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle03 .slick-arrow:before {
    height: 10px;
    width: 10px;
  }
}
#mainContent #mainContent .sliderStyle03 .slick-arrow.prev {
  right: 59px;
  border-right: 0;
}
#mainContent #mainContent .sliderStyle03 .slick-arrow.prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  right: 8px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle03 .slick-arrow.prev:before {
    right: 12px;
  }
}
#mainContent #mainContent .sliderStyle03 .slick-arrow.next {
  right: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle03 .slick-arrow.next {
    right: 20px;
  }
}
#mainContent #mainContent .sliderStyle03 .slick-arrow.next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 8px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle03 .slick-arrow.next:before {
    left: 12px;
  }
}
#mainContent #mainContent .sliderStyle04 {
  position: relative;
  text-align: center;
  margin: 0 auto;
}
#mainContent #mainContent .sliderStyle04 ul {
  max-width: 980px;
  margin: 0 auto;
  position: static;
}
#mainContent #mainContent .sliderStyle04 ul li {
  padding: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle04 ul li .img {
    width: auto;
  }
}
#mainContent #mainContent .sliderStyle04 ul li .img img {
  margin: 0 auto;
}
#mainContent #mainContent .sliderStyle04 ul .slick-arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 100px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #aaa;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .sliderStyle04 ul .slick-arrow:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle04 ul .slick-arrow {
    width: 40px;
    height: 40px;
    bottom: 100px;
  }
}
#mainContent #mainContent .sliderStyle04 ul .slick-arrow:before {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  vertical-align: middle;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle04 ul .slick-arrow:before {
    height: 10px;
    width: 10px;
  }
}
#mainContent #mainContent .sliderStyle04 ul .slick-arrow.prev {
  right: 59px;
  border-right: 0;
}
#mainContent #mainContent .sliderStyle04 ul .slick-arrow.prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  right: 8px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle04 ul .slick-arrow.prev:before {
    right: 12px;
  }
}
#mainContent #mainContent .sliderStyle04 ul .slick-arrow.next {
  right: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle04 ul .slick-arrow.next {
    right: 20px;
  }
}
#mainContent #mainContent .sliderStyle04 ul .slick-arrow.next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 8px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle04 ul .slick-arrow.next:before {
    left: 12px;
  }
}
#mainContent #mainContent .sliderStyle04 ul .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0 20px 0;
}
#mainContent #mainContent .sliderStyle04 ul .slick-dots li {
  margin: 30px 5px 0 5px;
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle04 ul .slick-dots li {
    height: 8px;
    width: 8px;
    border-radius: 4px;
  }
}
#mainContent #mainContent .sliderStyle04 ul .slick-dots li:first-child:last-child {
  display: none;
}
#mainContent #mainContent .sliderStyle04 ul .slick-dots li button {
  height: 10px;
  width: 10px;
  background: #cacaca;
  border-radius: 10px;
  border: none;
  padding-top: 10px;
  overflow: hidden;
}
#mainContent #mainContent .sliderStyle04 ul .slick-dots li.slick-active button {
  background: #a0a0a0;
}
#mainContent #mainContent .sliderStyle05 {
  position: relative;
  margin-bottom: 10px;
  visibility: hidden;
}
#mainContent #mainContent .sliderStyle05.slick-initialized {
  visibility: visible;
}
#mainContent #mainContent .sliderStyle05.noTrim .slide > .imgBox img {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
}
#mainContent #mainContent .sliderStyle05 .slide {
  position: relative;
}
#mainContent #mainContent .sliderStyle05 .slide > .imgBox {
  position: relative;
  background: #000;
}
#mainContent #mainContent .sliderStyle05 .slide > .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#mainContent #mainContent .sliderStyle05 .slide > .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .sliderStyle05 .slide > .imgBox img.contain {
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
}
#mainContent #mainContent .sliderStyle05 .slide > .txtBox {
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 13px;
  padding: 10px;
  color: #fff;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle05 .slide > .txtBox {
    font-size: 12px;
    padding: 5px;
  }
}
#mainContent #mainContent .sliderStyle05 .slick-arrow {
  background: rgba(0, 0, 0, 0.8);
  width: 40px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .sliderStyle05 .slick-arrow:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle05 .slick-arrow {
    width: 25px;
    height: 40px;
    top: calc(50% - 13px);
  }
}
#mainContent #mainContent .sliderStyle05 .slick-arrow:before {
  content: "";
  height: 18px;
  width: 18px;
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  vertical-align: middle;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle05 .slick-arrow:before {
    height: 11px;
    width: 11px;
  }
}
#mainContent #mainContent .sliderStyle05 .slick-arrow.prev {
  left: 0;
}
#mainContent #mainContent .sliderStyle05 .slick-arrow.prev:before {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  left: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle05 .slick-arrow.prev:before {
    left: 10px;
  }
}
#mainContent #mainContent .sliderStyle05 .slick-arrow.next {
  right: 0;
}
#mainContent #mainContent .sliderStyle05 .slick-arrow.next:before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  left: 7px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderStyle05 .slick-arrow.next:before {
    left: 5px;
  }
}
#mainContent #mainContent .sliderStyle05.color01 .slick-arrow {
  background: rgba(188, 155, 93, 0.8);
}
#mainContent #mainContent .sliderNav05 {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .sliderNav05 .slide {
  width: 104px;
  margin: 0 5px 10px;
  cursor: pointer;
  background: #000;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
  position: relative;
}
#mainContent #mainContent .sliderNav05 .slide:hover {
  opacity: 0.7;
}
#mainContent #mainContent .sliderNav05 .slide:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#mainContent #mainContent .sliderNav05 .slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .sliderNav05 .slide img.contain {
  font-family: "object-fit: contain;";
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .sliderNav05 .slide {
    width: calc(20vw - 16px);
  }
}
#mainContent #mainContent .sliderNav05 .slick-track {
  display: table;
  margin: auto;
}
#mainContent #mainContent .sliderNav05 .slick-track.fixed {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}
#mainContent #mainContent .listStyle01 li {
  position: relative;
  padding-left: 13px;
  margin-bottom: 5px;
}
#mainContent #mainContent .listStyle01 li::before {
  content: "";
  height: 1px;
  width: 5px;
  background: #555;
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
}
#mainContent #mainContent .listStyle02 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #c4c4c4;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle02 dl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px 0;
  }
}
#mainContent #mainContent .listStyle02 dl .date {
  font-size: 12px;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  width: 100px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle02 dl .date {
    width: auto;
    margin-right: 20px;
  }
}
#mainContent #mainContent .listStyle02 dl .icon {
  font-size: 12px;
  width: 110px;
  padding-right: 20px;
}
#mainContent #mainContent .listStyle02 dl .icon span {
  border: 1px solid #a8a8a8;
  display: block;
  text-align: center;
}
#mainContent #mainContent .listStyle02 dl dt {
  width: calc(100% - 200px);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle02 dl dt {
    width: auto;
    padding-top: 15px;
  }
}
#mainContent #mainContent .listStyle02.type02 .date {
  width: auto;
  padding-right: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle02.type02 .date {
    width: auto;
  }
}
#mainContent #mainContent .listStyle02.type02 dt {
  width: auto;
}
#mainContent #mainContent .listStyle03 li a {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .listStyle03 li a:hover {
  opacity: 0.7;
}
#mainContent #mainContent .listStyle03 li .num {
  display: block;
  color: #888;
  font-size: 26px;
  height: 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle03 li .num {
    font-size: 16px;
  }
}
#mainContent #mainContent .listStyle03 li .imgBox {
  position: relative;
  margin-bottom: 15px;
  height: 210px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle03 li .imgBox {
    height: 50vw;
  }
}
#mainContent #mainContent .listStyle03 li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .listStyle03 li .imgBox.large {
  height: auto;
  position: relative;
}
#mainContent #mainContent .listStyle03 li .imgBox.large:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66%;
}
#mainContent #mainContent .listStyle03 li .imgBox.large img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .listStyle03 li .ttl {
  font-size: 20px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle03 li .ttl {
    font-size: 16px;
  }
}
#mainContent #mainContent .listStyle04.limit4 li:nth-child(n+5) {
  display: none;
}
#mainContent #mainContent .listStyle04 > li {
  margin-bottom: 40px;
}
#mainContent #mainContent .listStyle04 > li > .category {
  font-size: 16px;
  font-weight: bold;
}
#mainContent #mainContent .listStyle04 > li a {
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
#mainContent #mainContent .listStyle04 > li .imgBox {
  position: relative;
  margin-bottom: 10px;
}
#mainContent #mainContent .listStyle04 > li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent #mainContent .listStyle04 > li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .imgBox {
    width: 35%;
  }
  #mainContent #mainContent .listStyle04 > li .imgBox:before {
    padding-top: 100%;
  }
}
#mainContent #mainContent .listStyle04 > li .imgBox img {
  pointer-events: none;
}
#mainContent #mainContent .listStyle04 > li .imgBox img.noImg {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border: 1px solid #008345;
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .imgBox img.noImg {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .txt {
    width: 60%;
    overflow: hidden;
  }
}
#mainContent #mainContent .listStyle04 > li .txt .label {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: center;
  background: #535353;
  color: #fff;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .txt .label {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
#mainContent #mainContent .listStyle04 > li .txt .category {
  font-size: 13px;
  color: #555;
}
#mainContent #mainContent .listStyle04 > li .txt .ttl {
  font-size: 17px;
  margin-bottom: 15px;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .txt .ttl {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
#mainContent #mainContent .listStyle04 > li .txt .subttl {
  font-size: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .txt .subttl {
    font-size: 13px;
    height: 40px;
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .txt2 {
    width: 100%;
  }
}
#mainContent #mainContent .listStyle04 > li .txt2 .cont {
  border-top: 1px dotted #000;
  padding: 15px 0;
}
#mainContent #mainContent .listStyle04 > li .txt2 .cont:first-child {
  border: none;
  padding-top: 0;
}
#mainContent #mainContent .listStyle04 > li .txt2 .cont .ttl {
  font-weight: bold;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
#mainContent #mainContent .listStyle04 > li .btn ul {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .btn ul {
    width: 48%;
  }
}
#mainContent #mainContent .listStyle04 > li .btn ul li {
  width: 100%;
  margin-bottom: 20px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .btn ul li {
    min-width: auto;
  }
}
#mainContent #mainContent .listStyle04 > li .date {
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .date {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    padding: 5px;
    width: 100%;
    letter-spacing: 0.1em;
  }
}
#mainContent #mainContent .listStyle04 > li .description {
  margin-top: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .description {
    font-size: 13px;
  }
}
#mainContent #mainContent .listStyle04 > li .notes01 {
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .notes01 {
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    padding: 5px;
    width: 100%;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .listStyle04 > li .notes01 .notesTtl {
    display: block;
    text-align: center;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li .notes01 .notesTtl:after {
    content: "：";
  }
}
#mainContent #mainContent .listStyle04 > li.new .imgBox:after {
  content: "NEW";
  display: block;
  position: absolute;
  width: 60px;
  height: 30px;
  padding-left: 10px;
  line-height: 32px;
  font-size: 13px;
  color: #fff;
  background: url(/common/img/label_new.png) 0 0/contain no-repeat;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li.new .imgBox:after {
    width: 44px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding-left: 5px;
  }
}
#mainContent #mainContent .listStyle04 > li.noLink {
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04 > li.noLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
#mainContent #mainContent .listStyle04 > li.hide {
  display: none;
}
#mainContent #mainContent .listStyle04.type01 > li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04.type01 .imgBox {
    width: 46%;
    margin-bottom: 0;
  }
  #mainContent #mainContent .listStyle04.type01 .imgBox:before {
    padding-top: 62%;
  }
}
#mainContent #mainContent .listStyle04.type01 .txt .ttl {
  font-size: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04.type01 .txt {
    width: 50%;
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04.type02 > li .labelBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-bottom: 10px;
    width: 100%;
  }
  #mainContent #mainContent .listStyle04.type02 > li .labelBox .imgBox {
    width: auto;
    margin-bottom: 0;
  }
  #mainContent #mainContent .listStyle04.type02 > li .labelBox .imgBox img {
    height: 100px;
    width: 100px;
    position: static;
  }
  #mainContent #mainContent .listStyle04.type02 > li .labelBox .imgBox::before {
    display: none;
  }
  #mainContent #mainContent .listStyle04.type02 > li .labelBox .txt {
    width: calc(100% - 120px);
    height: 100px;
    background: #535353;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #mainContent #mainContent .listStyle04.type02 > li .labelBox .txt .label {
    margin-bottom: 0;
  }
}
#mainContent #mainContent .listStyle04.mgSmall > li {
  margin-bottom: 20px;
}
#mainContent #mainContent .listStyle04.col4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .listStyle04.col4 > li {
  width: 23.5%;
}
#mainContent #mainContent .listStyle04.col4 > li:not(:nth-child(4n)) {
  margin-right: 2%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04.col4 > li:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04.col4 > li {
    width: 48.5%;
  }
  #mainContent #mainContent .listStyle04.col4 > li:not(:nth-child(2n)) {
    margin-right: 3%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle04.col4 > li {
    width: 100%;
    margin-right: 0 !important;
  }
}
#mainContent #mainContent .listStyle04.-garden > li .imgBox img {
  z-index: 0;
}
#mainContent #mainContent:not(.wedding-style) .listStyle05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1000px;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle05 {
    max-width: 650px;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle05 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle05 li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle05 li {
    width: 48.5%;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle05 li .img {
  height: 69px;
  margin-right: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle05 li .img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#mainContent #mainContent.wedding-style .listStyle05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .listStyle05 {
    margin-left: 0;
  }
}
#mainContent #mainContent.wedding-style .listStyle05 dl {
  width: 230px;
  margin: 0 10px 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .listStyle05 dl {
    width: 40vw;
  }
}
#mainContent #mainContent.wedding-style .listStyle05 dl:hover {
  opacity: 0.7;
}
#mainContent #mainContent.wedding-style .listStyle05 dl .img img {
  width: 230px;
  height: 230px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .listStyle05 dl .img img {
    width: 40vw;
    height: 40vw;
  }
}
#mainContent #mainContent.wedding-style .listStyle05 dl .img img.noImg {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border: 1px solid #008345;
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .listStyle05 dl .img img.noImg {
    display: none;
  }
}
#mainContent #mainContent.wedding-style .listStyle05 dl dt {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - 30px);
  padding: 12px 0;
  margin-left: 15px;
  text-align: center;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  color: #b39a62;
  font-weight: bold;
}
#mainContent #mainContent.wedding-style .listStyle05 dl dt a {
  color: #b39a62;
}
#mainContent #mainContent.wedding-style .listStyle05 .empty {
  width: 230px;
  margin: 0 10px;
  height: 0;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .listStyle05 .empty {
    width: 40vw;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle06 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner {
    display: block;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box {
    width: auto;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl {
    display: block;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl dt {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-weight: bold;
  width: 35%;
  font-size: 18px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl dt {
    width: auto;
    font-size: 20px;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl dt .sub {
  font-size: 13px;
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl dt .sub {
    font-size: 12px;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl > div {
  width: 65%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl > div {
    width: auto;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl > div dd {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}
#mainContent #mainContent:not(.wedding-style) .listStyle06 > .inner > .box > dl > div dd::before {
  content: "";
  height: 1px;
  width: 5px;
  background: #555;
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
}
#mainContent #mainContent.wedding-style .listStyle06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent #mainContent.wedding-style .listStyle06::after {
  content: "";
  width: 49%;
  display: block;
}
#mainContent #mainContent.wedding-style .listStyle06 dl {
  width: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .listStyle06 dl {
    width: auto;
  }
}
#mainContent #mainContent.wedding-style .listStyle06 dl .img {
  width: 150px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .listStyle06 dl .img {
    width: 40vw;
  }
}
#mainContent #mainContent.wedding-style .listStyle06 dl .img img {
  width: 100%;
  height: 95px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent.wedding-style .listStyle06 dl .img img {
    height: 25vw;
  }
}
#mainContent #mainContent.wedding-style .listStyle06 dl .img img.noImg {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border: 1px solid #008345;
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .listStyle06 dl .img img.noImg {
    display: none;
  }
}
#mainContent #mainContent.wedding-style .listStyle06 dl dt {
  width: calc(100% - 150px);
  padding: 0 0 0 10px;
  color: #b39a62;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-weight: bold;
}
#mainContent #mainContent.wedding-style .listStyle06 dl dt a {
  color: #b39a62;
}
#mainContent #mainContent:not(.wedding-style) .listStyle07 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle07 dl {
    display: block;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle07 dl dt {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle07 dl dt {
    width: auto;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle07 dl dt .img {
  margin-right: 20px;
  max-width: 50%;
  width: 225px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle07 dl dt .img {
    width: auto;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle07 dl dt .ttl {
  width: calc(100% - 245px);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle07 dl dt .ttl {
    width: auto;
    min-width: 50%;
  }
}
#mainContent #mainContent:not(.wedding-style) .listStyle07 dl > div {
  width: 27.5%;
  padding-right: 20px;
}
#mainContent #mainContent:not(.wedding-style) .listStyle07 dl > div:last-child {
  width: 55%;
  padding-right: 0;
}
#mainContent #mainContent:not(.wedding-style) .listStyle07 dl > div + div:last-child {
  width: 27.5%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent:not(.wedding-style) .listStyle07 dl > div {
    width: auto !important;
  }
}
#mainContent #mainContent.wedding-style .listStyle07 {
  text-align: center;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  border-top: 1px solid #856b30;
  border-bottom: 1px solid #856b30;
  padding: 20px 0;
}
#mainContent #mainContent.wedding-style .listStyle07 .ttl {
  color: #856b30;
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent.wedding-style .listStyle07 .ttl {
    font-size: 17px;
  }
}
#mainContent #mainContent.wedding-style .listStyle07 ul li {
  color: #555;
  margin-bottom: 10px;
}
#mainContent #mainContent.wedding-style .listStyle07 ul li:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .listStyle08 > dl {
  padding-left: 20px;
  border-left: 2px solid #c9b68c;
}
#mainContent #mainContent .listStyle08 > dl:not(:last-child) {
  margin-bottom: 20px;
}
#mainContent #mainContent .listStyle08 > dl > dt {
  font-weight: bold;
  margin-bottom: 5px;
}
#mainContent #mainContent .listStyle08 > dl > dd p {
  margin-bottom: 5px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle09 {
    border-top: 1px solid #535353;
    border-bottom: 1px solid #535353;
    width: 100%;
  }
}
#mainContent #mainContent .listStyle09 li {
  font-size: 13px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle09 li {
    text-align: center;
    padding: 10px;
  }
}
#mainContent #mainContent .listStyle09 li:not(:last-child) {
  margin-bottom: 1em;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle09 li:not(:last-child) {
    border-bottom: 1px dotted #535353;
    margin-bottom: 0;
  }
}
#mainContent #mainContent .listStyle10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle10 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#mainContent #mainContent .listStyle10 li {
  background: #eee;
  padding: 5px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .listStyle10 li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle10 li {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }
}
#mainContent #mainContent .listStyle10 li.active {
  background: #ccc;
}
#mainContent #mainContent .listStyle10 li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#mainContent #mainContent .listStyle11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
}
#mainContent #mainContent .listStyle11 > li {
  width: 33.3%;
  margin-bottom: 50px;
  padding: 0 20px 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle11 > li {
    width: 100%;
  }
}
#mainContent #mainContent .listStyle11 > li:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 40px);
  height: 1px;
  background: #e5e5e5;
  bottom: 0;
  left: 20px;
}
#mainContent #mainContent .listStyle11 > li.noborder:after {
  content: none;
}
#mainContent #mainContent .listStyle11 > li .imgBox {
  position: relative;
  margin-bottom: 10px;
}
#mainContent #mainContent .listStyle11 > li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent #mainContent .listStyle11 > li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .listStyle11 > li .logo {
  background: #856b30;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle11 > li .logo {
    height: 35px;
  }
}
#mainContent #mainContent .listStyle11 > li .logo img {
  max-height: 88%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle11 > li .logo img {
    max-height: 100%;
  }
}
#mainContent #mainContent .listStyle11 > li .ttl {
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
#mainContent #mainContent .listStyle11 > li .price {
  margin: 15px 0;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
#mainContent #mainContent .listStyle11 > li .price li {
  margin-bottom: 5px;
}
#mainContent #mainContent .listStyle11 > li .btnStyle01 {
  margin-top: auto;
}
#mainContent #mainContent .listStyle11 > li .btnStyle01 li {
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
#mainContent #mainContent .listStyle11 a {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .listStyle11 a:hover {
  opacity: 0.7;
}
#mainContent #mainContent .listStyle12 {
  display: table;
  width: 100%;
  border-top: 1px solid #555;
}
#mainContent #mainContent .listStyle12 > dl {
  display: table-row;
}
#mainContent #mainContent .listStyle12 > dl.noBdr dt,
#mainContent #mainContent .listStyle12 > dl.noBdr dd {
  padding: 10px 0 0;
  border-bottom: 0;
}
#mainContent #mainContent .listStyle12 > dl > dt,
#mainContent #mainContent .listStyle12 > dl > dd {
  padding: 10px 0;
  display: table-cell;
  border-bottom: 1px solid #555;
}
#mainContent #mainContent .listStyle12 > dl > dt {
  white-space: nowrap;
  padding-right: 15px;
}
#mainContent #mainContent .listStyle12 > dl > dd p {
  margin-bottom: 20px;
}
#mainContent #mainContent .listStyle12 > dl > dd p:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .listStyle12 > dl > dd p.note {
  font-size: 12px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle12 > dl > dd .btnStyle01 li {
    min-width: 100%;
    font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle12.resp {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle12.resp dl {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle12.resp dl dt,
  #mainContent #mainContent .listStyle12.resp dl dd {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle12.resp dl dt {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle12.resp dl dd {
    padding: 5px 0 20px;
  }
}
#mainContent #mainContent .listStyle12.noBdr {
  border-top: 0;
}
#mainContent #mainContent .listStyle12.noBdr dl dt,
#mainContent #mainContent .listStyle12.noBdr dl dd {
  border-bottom: 0;
}
#mainContent #mainContent .listStyle12.bdrGray {
  border-color: #ddd;
}
#mainContent #mainContent .listStyle12.bdrGray dl dt,
#mainContent #mainContent .listStyle12.bdrGray dl dd {
  border-color: #ddd;
}
#mainContent #mainContent .listStyle13 {
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13 {
    margin-bottom: 25px;
    text-align: center;
  }
}
#mainContent #mainContent .listStyle13.type01 > .inner > dl {
  width: 22%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13.type01 > .inner > dl {
    width: auto;
  }
}
#mainContent #mainContent .listStyle13.type01 > .inner > dl.length2 {
  width: 56%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13.type01 > .inner > dl.length2 {
    width: auto;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13.type02 > .inner > dl > div {
    width: auto;
  }
}
#mainContent #mainContent .listStyle13 > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13 > .inner {
    display: inline-block;
  }
}
#mainContent #mainContent .listStyle13 > .inner > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 25%;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13 > .inner > dl {
    width: auto;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .listStyle13 > .inner > dl.length2 {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13 > .inner > dl.length2 {
    width: auto;
  }
}
#mainContent #mainContent .listStyle13 > .inner > dl.length2 > div {
  width: 48%;
}
#mainContent #mainContent .listStyle13 > .inner > dl dt {
  width: 100%;
  font-size: 18px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}
#mainContent #mainContent .listStyle13 > .inner > dl > div {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle13 > .inner > dl > div {
    width: 48%;
  }
}
#mainContent #mainContent .listStyle13 > .inner > dl > div dd {
  font-size: 13px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 15px;
}
#mainContent #mainContent .listStyle13 > .inner > dl > div dd::before {
  content: "";
  height: 1px;
  width: 5px;
  background: #555;
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
}
#mainContent #mainContent .listStyle14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle14 {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }
}
#mainContent #mainContent .listStyle14 + .listStyle14 {
  margin-top: 20px;
}
#mainContent #mainContent .listStyle14 li {
  padding-right: 15px;
  margin-right: 15px;
  margin-top: 5px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle14 li {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 20px;
    width: 46%;
    margin-top: 0;
  }
  #mainContent #mainContent .listStyle14 li:nth-child(odd) {
    margin-right: 8%;
    margin-top: 0;
  }
}
#mainContent #mainContent .listStyle14 li:last-child {
  padding-right: 0;
  margin-right: 0;
  margin-top: 0;
}
#mainContent #mainContent .listStyle14 li:last-child a:after {
  content: none;
}
#mainContent #mainContent .listStyle14 li a {
  padding-right: 13px;
  background: url(/common/img/arrow02.png) center right/13px no-repeat;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle14 li a {
    display: block;
  }
}
#mainContent #mainContent .listStyle14 li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 1em;
  background: #222;
  right: -16px;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle14 li a:after {
    content: none;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle14 li a .sub {
    font-size: 11px;
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle14 li.sp {
    display: block;
  }
}
#mainContent #mainContent .listStyle15 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle15 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#mainContent #mainContent .listStyle15 dl {
  text-align: center;
  width: 25%;
  padding: 0 1%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle15 dl {
    width: auto;
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .listStyle15 dl dt {
  font-size: 16px;
  margin-bottom: 15px;
}
#mainContent #mainContent .listStyle16 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle16 {
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .listStyle16 > dt,
#mainContent #mainContent .listStyle16 > dd {
  padding: 10px 0;
}
#mainContent #mainContent .listStyle16 > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle16 > dt {
    display: block;
    text-align: center;
  }
}
#mainContent #mainContent .listStyle16 > dt * {
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle16 > dt .ttl {
    margin-bottom: 5px;
  }
}
#mainContent #mainContent .listStyle16 > dt .price {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-column-gap: 20px;
  white-space: nowrap;
}
#mainContent #mainContent .listStyle16 > dt .price > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#mainContent #mainContent .listStyle16 > dt .price > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#mainContent #mainContent .listStyle16 > dt .price > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
#mainContent #mainContent .listStyle16 > dt .price > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
@media all and (-ms-high-contrast: none) {
  #mainContent #mainContent .listStyle16 > dt .price {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle16 > dt .price {
    width: 180px;
    margin: auto;
    grid-column-gap: 0;
  }
}
#mainContent #mainContent .listStyle16 > dd {
  border-top: 1px dotted #222;
  border-bottom: 1px solid #222;
  color: #555;
}
#mainContent #mainContent .listStyle17 .box {
  margin-bottom: 40px;
}
#mainContent #mainContent .listStyle17 .box:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle17 .box {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#mainContent #mainContent .listStyle17 .imgBox {
  float: left;
  width: 42%;
  position: relative;
}
#mainContent #mainContent .listStyle17 .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62%;
}
#mainContent #mainContent .listStyle17 .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .listStyle17 .imgBox .link-3d span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -26px;
  margin: auto;
  text-align: center;
}
#mainContent #mainContent .listStyle17 .ttl {
  width: 54%;
  float: right;
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle17 .ttl {
    float: none;
    margin-bottom: 0;
    font-size: 16px;
  }
}
#mainContent #mainContent .listStyle17 .txt {
  width: 54%;
  float: right;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle17 .txt {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  #mainContent #mainContent .listStyle17 .txt.room-txt {
    margin-top: 40px;
  }
}
#mainContent #mainContent .listStyle17 .txt p:not(:last-child) {
  margin-bottom: 1em;
}
#mainContent #mainContent .listStyle17.type01 .img {
  width: 22%;
  float: left;
}
#mainContent #mainContent .listStyle17.type01 .ttl,
#mainContent #mainContent .listStyle17.type01 .txt {
  width: 74%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle17.type01 .txt {
    width: 100%;
  }
}
#mainContent #mainContent .listStyle18 {
  display: table;
  width: 100%;
}
#mainContent #mainContent .listStyle18 dl {
  display: table-row;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle18 dl {
    margin-bottom: 10px;
    display: block;
  }
}
#mainContent #mainContent .listStyle18 dl dt,
#mainContent #mainContent .listStyle18 dl dd {
  padding: 15px 20px;
  display: table-cell;
  vertical-align: middle;
  border-bottom: 4px solid #fff;
  background: #f3eddf;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle18 dl dt,
  #mainContent #mainContent .listStyle18 dl dd {
    display: block;
  }
}
#mainContent #mainContent .listStyle18 dl dt {
  white-space: nowrap;
  border-right: 4px solid #fff;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle18 dl dt {
    border-right: 0;
  }
}
#mainContent #mainContent .listStyle18 dl dt.vertical {
  width: 10px;
  white-space: normal;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle18 dl dt.vertical {
    width: 100%;
  }
}
#mainContent #mainContent .listStyle18 dl dd p {
  margin-bottom: 20px;
}
#mainContent #mainContent .listStyle18 dl dd p:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .listStyle18 dl dd p.note {
  font-size: 12px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle19.type01 {
    border-top: 1px solid #555;
    padding-top: 15px;
  }
  #mainContent #mainContent .listStyle19.type01 .item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #mainContent #mainContent .listStyle19.type01 .item .imgBox {
    width: 44%;
  }
  #mainContent #mainContent .listStyle19.type01 .item .imgBox:before {
    padding-top: 75%;
  }
  #mainContent #mainContent .listStyle19.type01 .item .imgBox .checkStyle01 {
    width: 100%;
  }
  #mainContent #mainContent .listStyle19.type01 .item .ttl {
    width: 52%;
    text-align: left;
    font-size: 15px;
    margin: 0;
  }
  #mainContent #mainContent .listStyle19.type01 .item .listStyle12 {
    display: none;
  }
}
#mainContent #mainContent .listStyle19 .item {
  margin-bottom: 40px;
}
#mainContent #mainContent .listStyle19 .item .imgBox {
  display: block;
  position: relative;
}
#mainContent #mainContent .listStyle19 .item .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent #mainContent .listStyle19 .item .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .listStyle19 .item .imgBox img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .listStyle19 .item .imgBox img:hover {
  opacity: 0.7;
}
#mainContent #mainContent .listStyle19 .item .imgBox .checkStyle01 {
  position: absolute;
  bottom: 0;
  right: 0;
}
#mainContent #mainContent .listStyle19 .item .ttl {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin: 15px 0 25px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle19 .item .listStyle12 {
    font-size: 12px;
  }
}
#mainContent #mainContent .listStyle20 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle20 {
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .listStyle20 > dt:last-child,
#mainContent #mainContent .listStyle20 > dd:last-child {
  padding-bottom: 30px;
  border-bottom: 1px dotted #222;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle20 > dt:last-child,
  #mainContent #mainContent .listStyle20 > dd:last-child {
    padding-bottom: 15px;
  }
}
#mainContent #mainContent .listStyle20 > dt .ttl,
#mainContent #mainContent .listStyle20 > dd .ttl {
  font-weight: bold;
}
#mainContent #mainContent .listStyle20 > dt .price,
#mainContent #mainContent .listStyle20 > dd .price {
  font-weight: bold;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 1em;
  color: #856b30;
}
#mainContent #mainContent .listStyle20 > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}
#mainContent #mainContent .listStyle20 > dt:not(:first-of-type) {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dotted #222;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle20 > dt:not(:first-of-type) {
    margin-top: 15px;
    padding-top: 15px;
  }
}
#mainContent #mainContent .listStyle20 > dd + dd {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dotted #222;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle20 > dd + dd {
    margin-top: 15px;
    padding-top: 15px;
  }
}
#mainContent #mainContent .listStyle20 > dd.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent #mainContent .listStyle20 span.pc {
  display: inline;
}
#mainContent #mainContent .listStyle21 > li {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 22%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle21 > li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent #mainContent .listStyle21 > li:not(:nth-child(4n)) {
  margin-right: 4%;
}
#mainContent #mainContent .listStyle21 > li .imgBox {
  position: relative;
  margin-bottom: 30px;
  border-radius: 100%;
  overflow: hidden;
}
#mainContent #mainContent .listStyle21 > li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#mainContent #mainContent .listStyle21 > li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle21 > li .imgBox {
    width: 35%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle21 > li .txt {
    width: 60%;
    overflow: hidden;
    padding-left: 15px;
  }
}
#mainContent #mainContent .listStyle21 > li .txt .ttl {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle21 > li .txt .ttl {
    font-size: 16px;
    margin-bottom: 5px;
    white-space: nowrap;
  }
}
#mainContent #mainContent .listStyle21 > li .note {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  padding: 10px 0;
  margin-top: auto;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle21 > li .note {
    text-align: center;
    margin-bottom: 15px;
    padding: 5px;
    width: 100%;
  }
}
#mainContent #mainContent .listStyle21 > li .description {
  margin: 15px 0 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle21 > li .description {
    font-size: 14px;
    width: 100%;
  }
}
#mainContent #mainContent .listStyle22 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle22 li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
  }
}
#mainContent #mainContent .listStyle22 li .ttl {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle22 li .ttl {
    width: 70%;
    padding-left: 15px;
    margin-bottom: 15px;
  }
}
#mainContent #mainContent .listStyle22 li .ttl span {
  font-size: 20px;
  display: block;
}
#mainContent #mainContent .listStyle22 li .imgBox {
  margin-bottom: 15px;
  position: relative;
}
#mainContent #mainContent .listStyle22 li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62%;
}
#mainContent #mainContent .listStyle22 li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle22 li .imgBox {
    width: 30%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  #mainContent #mainContent .listStyle22 li .imgBox:before {
    padding-top: 100px;
  }
}
#mainContent #mainContent .listStyle22 li .imgBox img.noImg {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border: 1px solid #008345;
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle22 li .imgBox img.noImg {
    display: none;
  }
}
#mainContent #mainContent .listStyle22 li .txt {
  line-height: 1.75;
}
#mainContent #mainContent .listStyle22 li .btnStyle01 {
  margin-top: 15px;
  width: 100%;
}
#mainContent #mainContent .listStyle23 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
#mainContent #mainContent .listStyle23 li {
  margin: 0 7px 10px;
  font-size: 16px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle23 li {
    font-size: 14px;
  }
}
#mainContent #mainContent .listStyle23 li a,
#mainContent #mainContent .listStyle23 li span {
  display: block;
  padding: 2px 10px;
  background: #eee;
  font-size: 14px;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle23 li a,
  #mainContent #mainContent .listStyle23 li span {
    font-size: 12px;
    text-align: center;
    height: 100%;
  }
}
#mainContent #mainContent .listStyle23 li a:hover,
#mainContent #mainContent .listStyle23 li span:hover {
  opacity: 0.7;
}
#mainContent #mainContent .listStyle24 {
  border: 1px solid #aaa;
  padding: 20px;
  margin: 0 auto 30px;
  max-width: 500px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle24 .titleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle24 .titleBox .img {
    width: 50%;
  }
}
#mainContent #mainContent .listStyle24 .titleBox .txt01 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  padding: 10px 0;
  border-bottom: 1px solid #aaa;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle24 .titleBox .txt01 {
    padding: 0 5px;
    border: none;
    width: 50%;
  }
}
#mainContent #mainContent .listStyle24 .titleBox .txt01 .ttl {
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle24 .titleBox .txt01 .ttl {
    font-size: 17px;
  }
}
#mainContent #mainContent .listStyle24 .txt02 {
  padding: 20px 0 20px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle24 .txt02 {
    padding: 10px;
  }
}
#mainContent #mainContent .listStyle24 .txt02 .ttl {
  margin-bottom: 10px;
}
#mainContent #mainContent .listStyle24 .txt02 .tel {
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle24 .txt02 .tel {
    font-size: 17px;
  }
}
#mainContent #mainContent .listStyle24 .btnStyle01 {
  margin-bottom: 0 !important;
}
#mainContent #mainContent .listStyle24 .btnStyle01 li {
  margin-bottom: 0 !important;
  display: block;
  text-align: center;
}
#mainContent #mainContent .listStyle25 {
  margin: 0 auto 20px;
  max-width: 500px;
}
#mainContent #mainContent .listStyle25 dl {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle25 dl .titleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent #mainContent .listStyle25 dl .titleBox .img {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle25 dl .titleBox .img {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle25 dl .titleBox .img img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
}
#mainContent #mainContent .listStyle25 dl .titleBox .img img.noImg {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border: 1px solid #008345;
  padding: 70px 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle25 dl .titleBox .img img.noImg {
    display: none;
  }
}
#mainContent #mainContent .listStyle25 dl .titleBox dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle25 dl .titleBox dt {
    font-size: 16px;
    padding: 0 0 0 10px;
  }
}
#mainContent #mainContent .listStyle25 dl .txt {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle25 dl .txt {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0;
    padding: 5px 0;
  }
}
#mainContent #mainContent .listStyle25 dl .list {
  margin-bottom: 15px;
}
#mainContent #mainContent .listStyle25 dl .list:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle25 dl .list {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0;
    padding: 5px 0;
    text-align: center;
  }
}
#mainContent #mainContent .listStyle25 .btnStyle01 {
  margin-bottom: 0 !important;
}
#mainContent #mainContent .listStyle25 .btnStyle01 li {
  margin-bottom: 0 !important;
  display: block;
  text-align: center;
}
#mainContent #mainContent .listStyle25.col4 {
  max-width: none;
}
#mainContent #mainContent .listStyle26 li {
  padding: 20px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle26 li {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 140px;
  }
}
#mainContent #mainContent .listStyle26 li.clickBox {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .listStyle26 li.clickBox:hover {
  opacity: 0.7;
}
#mainContent #mainContent .listStyle26 li .imgBox {
  width: 60px;
  margin-right: 20px;
  margin-bottom: 15px;
  position: relative;
  float: left;
}
#mainContent #mainContent .listStyle26 li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#mainContent #mainContent .listStyle26 li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle26 li .imgBox {
    float: none;
    width: 30%;
    position: absolute;
    left: 20px;
    top: 20px;
    max-height: 100px;
  }
}
#mainContent #mainContent .listStyle26 li .label {
  display: inline-block;
  padding: 0 5px;
  background: #ddd;
  font-size: 12px;
  float: left;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle26 li .label {
    float: none;
    margin-left: 40%;
  }
}
#mainContent #mainContent .listStyle26 li .txt {
  float: left;
  width: calc(100% - 70px);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle26 li .txt {
    float: none;
    width: auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 10px;
    padding-left: 40%;
  }
}
#mainContent #mainContent .listStyle26 li .description {
  margin-top: 15px;
  width: 100%;
  clear: both;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle26 li .description {
    margin-top: 5px;
    padding-left: 40%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle27 .item {
    margin-bottom: 15px;
  }
}
#mainContent #mainContent .listStyle27 .item .imgBox {
  position: relative;
}
#mainContent #mainContent .listStyle27 .item .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent #mainContent .listStyle27 .item .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .listStyle27 .item .ttl {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle27 .item .ttl {
    padding: 0;
  }
}
#mainContent #mainContent .listStyle27 .item .deleteBtn {
  background: #64635e;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle27 .item .deleteBtn {
    width: 24px;
    height: 24px;
  }
}
#mainContent #mainContent .listStyle27 .item .deleteBtn:before,
#mainContent #mainContent .listStyle27 .item .deleteBtn:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 1px;
  display: block;
  background: #fff;
  top: 49%;
  right: 7px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle27 .item .deleteBtn:before,
  #mainContent #mainContent .listStyle27 .item .deleteBtn:after {
    right: 4px;
  }
}
#mainContent #mainContent .listStyle27 .item .deleteBtn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mainContent #mainContent .listStyle28 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle28 {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
  }
}
#mainContent #mainContent .listStyle28 li {
  padding-right: 15px;
  margin-right: 15px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle28 li {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 20px;
    width: 46%;
    text-align: center;
  }
  #mainContent #mainContent .listStyle28 li:nth-child(odd) {
    margin-right: 8%;
  }
  #mainContent #mainContent .listStyle28 li:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
#mainContent #mainContent .listStyle28 li:last-child {
  padding-right: 0;
  margin-right: 0;
}
#mainContent #mainContent .listStyle28 li:last-child a:after {
  content: none;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle28 li:nth-child(2n) a:after {
    content: none;
  }
}
#mainContent #mainContent .listStyle28 li a {
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle28 li a {
    display: block;
  }
}
#mainContent #mainContent .listStyle28 li a:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #222;
  right: -16px;
  top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle28 li a:after {
    height: 100%;
    right: -9%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle28 li a .sub {
    font-size: 11px;
    display: block;
  }
}
#mainContent #mainContent .listStyle29 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle29 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent #mainContent .listStyle29 dl {
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle29 dl {
    margin: 0 0 20px 0;
    padding-left: 10px;
    border-left: 1px solid #555;
  }
}
#mainContent #mainContent .listStyle29 dl:last-child {
  margin-right: 0;
}
#mainContent #mainContent .listStyle29 dl dt {
  border-bottom: 2px solid #555;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle29 dl dt {
    border: none;
    margin: 0;
    padding: 0;
  }
}
#mainContent #mainContent .listStyle29 dl dd {
  font-size: 13px;
  line-height: 1.8;
}
#mainContent #mainContent .listStyle29 dl dd ul li {
  position: relative;
  padding-left: 12px;
}
#mainContent #mainContent .listStyle29 dl dd ul li::before {
  content: "";
  height: 2px;
  width: 2px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 11px;
  left: 0;
  background: #000;
}
#mainContent #mainContent .listStyle30 {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle30 {
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .listStyle30 dl {
  padding: 40px 0;
  border-bottom: 1px solid #c4c4c4;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle30 dl {
    padding: 20px 0;
  }
}
#mainContent #mainContent .listStyle30 dl .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
#mainContent #mainContent .listStyle30 dl .sub .date {
  margin-right: 10px;
}
#mainContent #mainContent .listStyle30 dl .sub .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContent #mainContent .listStyle30 dl .sub .icon li {
  border: 1px solid #a8a8a8;
  color: #555;
  min-width: 100px;
  text-align: center;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle30 dl .sub .icon li {
    font-size: 12px;
    min-width: 80px;
  }
}
#mainContent #mainContent .listStyle30 dl .sub .icon li.cat {
  border: 1px solid #bc9b5d;
  color: #bc9b5d;
}
#mainContent #mainContent .listStyle30 dl dt {
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle30 dl dt {
    font-size: 17px;
  }
}
#mainContent #mainContent .listStyle31 .promo-wrapper {
  margin: 10px 0;
}
#mainContent #mainContent .listStyle31 .promo-wrapper.white_arrow:after {
  border-color: transparent;
}
#mainContent #mainContent .listStyle31 .promotion {
  background: #f3eee5;
  text-align: left;
  min-height: 550px;
}
#mainContent #mainContent .listStyle31 .promotion .image {
  height: auto;
  max-height: 300px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#mainContent #mainContent .listStyle31 .promotion .image img {
  width: 100%;
  height: auto;
  aspect-ratio: 320/224;
  -o-object-fit: cover;
     object-fit: cover;
}
#mainContent #mainContent .listStyle31 .promotion .image .more,
#mainContent #mainContent .listStyle31 .promotion .image .button {
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
#mainContent #mainContent .listStyle31 .promotion .image .more {
  right: 120px;
  width: 150px;
  background: rgba(0, 0, 0, 0.5);
  height: 40px;
}
#mainContent #mainContent .listStyle31 .promotion .image .button {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: #41a174;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 120px;
  right: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#mainContent #mainContent .listStyle31 .promotion .image .button.type2 {
  background: rgb(95, 161, 55);
  top: 0;
}
#mainContent #mainContent .listStyle31 .promotion .image .button.type2 a {
  background: rgb(95, 161, 55);
}
#mainContent #mainContent .listStyle31 .promotion .image .button.type3 {
  background: #6cb4ad;
  top: 0;
}
#mainContent #mainContent .listStyle31 .promotion .image .button.type3 a {
  background: #6cb4ad;
}
#mainContent #mainContent .listStyle31 .promotion .image .button a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 5px 20px;
  background: #41a174;
  color: #fff;
  display: inline-block;
}
#mainContent #mainContent .listStyle31 .promotion .image .more a {
  line-height: 40px;
  color: #fff;
  display: block;
}
#mainContent #mainContent .listStyle31 .promotion .button:hover,
#mainContent #mainContent .listStyle31 .promotion .button:hover a {
  background-color: #000 !important;
}
#mainContent #mainContent .listStyle31 .promotion .more:hover,
#mainContent #mainContent .listStyle31 .promotion .more:hover a {
  background-color: #000;
  text-decoration: none;
}
#mainContent #mainContent .listStyle31 .promotion .title {
  margin: 20px;
}
#mainContent #mainContent .listStyle31 .promotion .title {
  font: 24px/120% "Arial", sans-serif;
  font-weight: bold;
  min-height: 2.5em;
}
#mainContent #mainContent .listStyle31 .promotion .title a {
  color: #000;
  font: 24px/120% "Arial", sans-serif;
  font-weight: bold;
  min-height: 2.5em;
}
#mainContent #mainContent .listStyle31 .promotion .title a:hover {
  color: #000;
  font: 24px/120% "Arial", sans-serif;
  font-weight: bold;
  min-height: 2.5em;
}
#mainContent #mainContent .listStyle31 .promotion .ellipsis {
  margin: 20px 20px 40px;
}
#mainContent #mainContent .listStyle31 .promotion .ellipsis .description {
  font: italic 16px/20px "lato", sans-serif;
  color: #333;
  overflow-y: auto;
  height: 160px;
}
#mainContent #mainContent .listStyle31 .promotion .title a:hover {
  text-decoration: none;
}
#mainContent #mainContent .listStyle31 .promotion .price {
  padding: 0 0 15px 20px;
  font-size: 15px;
}
#mainContent #mainContent .listStyle31 .promotion .price .price {
  padding: 0;
  font-size: 18px;
}
#mainContent #mainContent .listStyle32 .ttlLarge {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding: 15px 0;
  font-size: 18px;
  margin: 30px 0 20px;
}
#mainContent #mainContent .listStyle32 .ttlLarge:first-child {
  margin-top: 0;
}
#mainContent #mainContent .listStyle32 .ttlMedium {
  font-size: 16px;
  margin-bottom: 15px;
}
#mainContent #mainContent .listStyle32 .ttlSmall {
  font-size: 16px;
}
#mainContent #mainContent .listStyle32 .contList > dt,
#mainContent #mainContent .listStyle32 .contList > dd {
  margin-bottom: 15px;
}
#mainContent #mainContent .listStyle32 .contList > dd {
  padding-left: 20px;
}
#mainContent #mainContent .listStyle32 .categoryBox {
  padding-left: 20px;
}
#mainContent #mainContent .listStyle32 a {
  color: #008345;
}
#mainContent #mainContent .listStyle33 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle33 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
#mainContent #mainContent .listStyle33 .box {
  margin-bottom: 40px;
  width: 15.6%;
}
#mainContent #mainContent .listStyle33 .box:not(:nth-child(6n)) {
  margin-right: 1.2%;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle33 .box {
    width: 48.5%;
    margin-bottom: 30px;
  }
  #mainContent #mainContent .listStyle33 .box:not(:nth-child(6n)) {
    margin-right: 0;
  }
  #mainContent #mainContent .listStyle33 .box:nth-child(2n+1) {
    margin-right: 3%;
  }
}
#mainContent #mainContent .listStyle33 .box .imgBox {
  position: relative;
  margin-bottom: 10px;
  border-radius: 100%;
  overflow: hidden;
  border: 3px solid #b39a62;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff;
}
#mainContent #mainContent .listStyle33 .box .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#mainContent #mainContent .listStyle33 .box .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent body.hotel.top #mainContent .listStyle33 .box .imgBox img {
  max-width: 120%;
  width: 120%;
  height: 120%;
  position: absolute;
  top: -10%;
  left: -10%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle33 .box .imgBox {
    max-width: 105px;
    margin: 0 auto 15px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle33 .box .imgBox {
    max-width: 140px;
  }
}
#mainContent #mainContent .listStyle33 .box .imgBox img {
  z-index: -1;
}
#mainContent #mainContent .listStyle33 .box .txt {
  text-align: center;
}
#mainContent #mainContent .listStyle33 .clickBox {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#mainContent #mainContent .listStyle33 .clickBox:hover {
  opacity: 0.7;
}
#mainContent #mainContent .listStyle34 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle34 {
    margin-left: 0;
  }
}
#mainContent #mainContent .listStyle34 dl {
  width: 230px;
  margin: 0 10px 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle34 dl {
    width: 40vw;
  }
}
#mainContent #mainContent .listStyle34 dl:hover {
  opacity: 0.7;
}
#mainContent #mainContent .listStyle34 dl .img img {
  width: 230px;
  height: 230px;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle34 dl .img img {
    width: 40vw;
    height: 40vw;
  }
}
#mainContent #mainContent .listStyle34 dl .img img.noImg {
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  border: 1px solid #008345;
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle34 dl .img img.noImg {
    display: none;
  }
}
#mainContent #mainContent .listStyle34 dl dt {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - 30px);
  padding: 12px 0;
  margin-left: 15px;
  text-align: center;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  color: #b39a62;
  font-weight: bold;
}
#mainContent #mainContent .listStyle34 dl dt a {
  color: #b39a62;
}
#mainContent #mainContent .listStyle34 .empty {
  width: 230px;
  margin: 0 10px;
  height: 0;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .listStyle34 .empty {
    width: 40vw;
  }
}
#mainContent #mainContent .listStyle35 {
  text-align: center;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  border-top: 1px solid #856b30;
  border-bottom: 1px solid #856b30;
  padding: 20px 0;
}
#mainContent #mainContent .listStyle35 .ttl {
  color: #856b30;
  font-size: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .listStyle35 .ttl {
    font-size: 17px;
  }
}
#mainContent #mainContent .listStyle35 ul li {
  color: #555;
  margin-bottom: 10px;
}
#mainContent #mainContent .listStyle35 ul li:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent #filterBox.col4,
#mainContent #mainContent #filterBox3.col4,
#mainContent #mainContent #filterBox4.col4,
#mainContent #mainContent .filterBox.col4 {
  margin: 0 -10px;
}
#mainContent #mainContent #filterBox.col4 > li,
#mainContent #mainContent #filterBox3.col4 > li,
#mainContent #mainContent #filterBox4.col4 > li,
#mainContent #mainContent .filterBox.col4 > li {
  width: 25%;
  margin-right: 0 !important;
  padding: 0 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent #filterBox.col4 > li,
  #mainContent #mainContent #filterBox3.col4 > li,
  #mainContent #mainContent #filterBox4.col4 > li,
  #mainContent #mainContent .filterBox.col4 > li {
    width: 100%;
    padding: 0;
  }
}
#mainContent #mainContent #filterBox1.col4,
#mainContent #mainContent #filterBox2.col4 {
  margin: 0 -10px;
}
#mainContent #mainContent #filterBox1.col4 > li,
#mainContent #mainContent #filterBox2.col4 > li {
  width: 25%;
  margin-right: 0;
  padding: 0 10px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 1s, width 1s, height 1s, visibility 0s ease 1s;
  transition: opacity 1s, width 1s, height 1s, visibility 0s ease 1s;
}
#mainContent #mainContent #filterBox1.col4 > li.hide,
#mainContent #mainContent #filterBox1.col4 > li.hide_res,
#mainContent #mainContent #filterBox2.col4 > li.hide,
#mainContent #mainContent #filterBox2.col4 > li.hide_res {
  opacity: 0;
  visibility: hidden;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent #filterBox1.col4 > li,
  #mainContent #mainContent #filterBox2.col4 > li {
    width: 100%;
    padding: 0;
  }
}
#mainContent #mainContent .btnStyleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .btnStyleBox {
    display: block;
  }
}
#mainContent #mainContent .btnStyleBox > ul {
  margin: 0 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyleBox > ul {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .btnStyleBox > ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
#mainContent #mainContent .btnStyleBox > ul li a {
  padding: 15px 40px 15px 20px;
}
#mainContent #mainContent .btnStyle01 {
  letter-spacing: -0.3em;
}
#mainContent #mainContent .btnStyle01 li,
#mainContent #mainContent .btnStyle01 div {
  letter-spacing: normal;
  display: inline-block;
  min-width: 200px;
  margin-right: 15px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle01 li,
  #mainContent #mainContent .btnStyle01 div {
    font-size: 12px;
  }
}
#mainContent #mainContent .btnStyle01 li:last-child,
#mainContent #mainContent .btnStyle01 div:last-child {
  margin-right: 0;
}
#mainContent #mainContent .btnStyle01 li a,
#mainContent #mainContent .btnStyle01 div a {
  display: block;
  border: 1px solid #888;
  padding: 11px 40px 11px 20px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  z-index: 1;
}
#mainContent #mainContent .btnStyle01 li a::before,
#mainContent #mainContent .btnStyle01 div a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b39a62;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#mainContent #mainContent .btnStyle01 li a::after,
#mainContent #mainContent .btnStyle01 div a::after {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  -webkit-transition: background 0.1s 0.2s;
  transition: background 0.1s 0.2s;
}
#mainContent #mainContent .btnStyle01 li a:hover,
#mainContent #mainContent .btnStyle01 div a:hover {
  opacity: 1;
  color: #fff;
}
#mainContent #mainContent .btnStyle01 li a:hover::before,
#mainContent #mainContent .btnStyle01 div a:hover::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent #mainContent .btnStyle01 li a:hover::after,
#mainContent #mainContent .btnStyle01 div a:hover::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent #mainContent .btnStyle01 li a.color01,
#mainContent #mainContent .btnStyle01 div a.color01 {
  color: #fff;
}
#mainContent #mainContent .btnStyle01 li a.color01::before,
#mainContent #mainContent .btnStyle01 div a.color01::before {
  background: #008345;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent #mainContent .btnStyle01 li a.color01::after,
#mainContent #mainContent .btnStyle01 div a.color01::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent #mainContent .btnStyle01 li a.color01:hover,
#mainContent #mainContent .btnStyle01 div a.color01:hover {
  color: #008345;
  -webkit-animation: hover01_txt_green 0.7s both;
  animation: hover01_txt_green 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color01:hover::before,
#mainContent #mainContent .btnStyle01 div a.color01:hover::before {
  -webkit-animation: hover01 0.7s both;
  animation: hover01 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color01:hover::after,
#mainContent #mainContent .btnStyle01 div a.color01:hover::after {
  -webkit-animation: hover01_arrow_green 0.7s both;
  animation: hover01_arrow_green 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color02,
#mainContent #mainContent .btnStyle01 div a.color02 {
  color: #fff;
}
#mainContent #mainContent .btnStyle01 li a.color02::before,
#mainContent #mainContent .btnStyle01 div a.color02::before {
  background: #555;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent #mainContent .btnStyle01 li a.color02::after,
#mainContent #mainContent .btnStyle01 div a.color02::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent #mainContent .btnStyle01 li a.color02:hover,
#mainContent #mainContent .btnStyle01 div a.color02:hover {
  color: #555;
  -webkit-animation: hover01_txt_gray 0.7s both;
  animation: hover01_txt_gray 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color02:hover::before,
#mainContent #mainContent .btnStyle01 div a.color02:hover::before {
  -webkit-animation: hover01 0.7s both;
  animation: hover01 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color02:hover::after,
#mainContent #mainContent .btnStyle01 div a.color02:hover::after {
  -webkit-animation: hover01_arrow_gray 0.7s both;
  animation: hover01_arrow_gray 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color03,
#mainContent #mainContent .btnStyle01 div a.color03 {
  color: #fff;
  border-color: #b39a62;
}
#mainContent #mainContent .btnStyle01 li a.color03::before,
#mainContent #mainContent .btnStyle01 div a.color03::before {
  background: #b39a62;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent #mainContent .btnStyle01 li a.color03::after,
#mainContent #mainContent .btnStyle01 div a.color03::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent #mainContent .btnStyle01 li a.color03:hover,
#mainContent #mainContent .btnStyle01 div a.color03:hover {
  color: #b39a62;
  -webkit-animation: hover01_txt_beige 0.7s both;
  animation: hover01_txt_beige 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color03:hover::before,
#mainContent #mainContent .btnStyle01 div a.color03:hover::before {
  -webkit-animation: hover01 0.7s both;
  animation: hover01 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.color03:hover::after,
#mainContent #mainContent .btnStyle01 div a.color03:hover::after {
  -webkit-animation: hover01_arrow_beige 0.7s both;
  animation: hover01_arrow_beige 0.7s both;
}
#mainContent #mainContent .btnStyle01 li a.pdf,
#mainContent #mainContent .btnStyle01 li a.excel,
#mainContent #mainContent .btnStyle01 div a.pdf,
#mainContent #mainContent .btnStyle01 div a.excel {
  padding-right: 55px !important;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle01 li a.pdf,
  #mainContent #mainContent .btnStyle01 li a.excel,
  #mainContent #mainContent .btnStyle01 div a.pdf,
  #mainContent #mainContent .btnStyle01 div a.excel {
    padding-right: 45px !important;
  }
}
#mainContent #mainContent .btnStyle01 li a.pdf::after,
#mainContent #mainContent .btnStyle01 li a.excel::after,
#mainContent #mainContent .btnStyle01 div a.pdf::after,
#mainContent #mainContent .btnStyle01 div a.excel::after {
  content: "PDF";
  color: #fff;
  background: #7d7d7d;
  background-image: none !important;
  font-size: 12px;
  width: auto;
  height: auto;
  padding: 0 3px;
  border-radius: 3px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle01 li a.pdf::after,
  #mainContent #mainContent .btnStyle01 li a.excel::after,
  #mainContent #mainContent .btnStyle01 div a.pdf::after,
  #mainContent #mainContent .btnStyle01 div a.excel::after {
    right: 5px;
  }
}
#mainContent #mainContent .btnStyle01 li a.pdf:hover::after,
#mainContent #mainContent .btnStyle01 li a.excel:hover::after,
#mainContent #mainContent .btnStyle01 div a.pdf:hover::after,
#mainContent #mainContent .btnStyle01 div a.excel:hover::after {
  -webkit-animation: none;
  animation: none;
}
#mainContent #mainContent .btnStyle01 li a.excel::after,
#mainContent #mainContent .btnStyle01 div a.excel::after {
  content: "Excel";
}
#mainContent #mainContent .btnStyle01 li a.noArrow,
#mainContent #mainContent .btnStyle01 div a.noArrow {
  padding: 11px 20px;
  text-align: center;
}
#mainContent #mainContent .btnStyle01 li a.noArrow::after,
#mainContent #mainContent .btnStyle01 div a.noArrow::after {
  content: none;
}
#mainContent #mainContent .btnStyle01 li a.back,
#mainContent #mainContent .btnStyle01 div a.back {
  padding: 11px 20px 11px 40px;
}
#mainContent #mainContent .btnStyle01 li a.back::after,
#mainContent #mainContent .btnStyle01 div a.back::after {
  left: 10px;
  right: auto;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#mainContent #mainContent .btnStyle01 li.insta,
#mainContent #mainContent .btnStyle01 div.insta {
  position: relative;
}
#mainContent #mainContent .btnStyle01 li.insta:before,
#mainContent #mainContent .btnStyle01 div.insta:before {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(/common/img/ico_instagram_color.png) 0 0/contain no-repeat;
  left: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
#mainContent #mainContent .btnStyle01 li.insta a,
#mainContent #mainContent .btnStyle01 div.insta a {
  padding-left: 50px !important;
}
#mainContent #mainContent .btnStyle01.beige a {
  color: #fff;
  border-color: #b39a62;
}
#mainContent #mainContent .btnStyle01.beige a::before {
  background: #b39a62;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent #mainContent .btnStyle01.beige a::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent #mainContent .btnStyle01.beige a:hover {
  color: #b39a62;
  -webkit-animation: hover01_txt_beige 0.7s both;
  animation: hover01_txt_beige 0.7s both;
}
#mainContent #mainContent .btnStyle01.beige a:hover::before {
  -webkit-animation: hover01 0.7s both;
  animation: hover01 0.7s both;
}
#mainContent #mainContent .btnStyle01.beige a:hover::after {
  -webkit-animation: hover01_arrow_beige 0.7s both;
  animation: hover01_arrow_beige 0.7s both;
}
#mainContent #mainContent .btnStyle01.beigeLine a {
  border-color: #b39a62;
  color: #b39a62;
}
#mainContent #mainContent .btnStyle01.beigeLine a::after {
  background-image: url(/common/img/arrow01_gold.svg);
}
#mainContent #mainContent .btnStyle01.large li {
  font-size: 15px;
}
#mainContent #mainContent .btnStyle01.large li a {
  padding: 13px 70px;
  text-align: center;
}
#mainContent #mainContent .btnStyle01.large li a.pdf {
  padding-right: 70px !important;
}
#mainContent #mainContent .btnStyle01.long li {
  font-size: 15px;
  min-width: 250px;
}
#mainContent #mainContent .btnStyle01.long li a {
  padding: 8px 40px 8px 13px;
}
#mainContent #mainContent .btnStyle01.fluid li {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle01.spFluid li {
    width: 100%;
    min-width: 0;
  }
}
#mainContent #mainContent .btnStyle01.thin li {
  font-size: 15px;
}
#mainContent #mainContent .btnStyle01.thin li a {
  padding: 8px 40px 8px 13px;
}
#mainContent #mainContent .btnStyle01.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#mainContent #mainContent .btnStyle01.vertical li:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle01.vertical li:not(:last-child) {
    margin-bottom: 10px;
  }
}
#mainContent #mainContent .btnStyle01.vertical.aligned {
  display: table;
}
#mainContent #mainContent .btnStyle01.vertical.aligned li {
  display: table;
  width: 100%;
}
#mainContent #mainContent .btnStyle01.small li {
  min-width: 0;
}
#mainContent #mainContent .btnStyle01.small li a {
  padding: 4px 45px 3px 11px;
}
#mainContent #mainContent .btnStyle01.small li a.back {
  padding: 4px 11px 3px 45px;
}
@-webkit-keyframes hover01 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  45% {
    opacity: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes hover01 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  45% {
    opacity: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  51% {
    opacity: 0;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes hover01_txt_beige {
  0% {
    color: #fff;
  }
  25% {
    color: #b39a62;
  }
  50% {
    color: #b39a62;
  }
  75% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes hover01_txt_beige {
  0% {
    color: #fff;
  }
  25% {
    color: #b39a62;
  }
  50% {
    color: #b39a62;
  }
  75% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes hover01_arrow_beige {
  0% {
    background-image: url(/common/img/arrow01_white.svg);
  }
  25% {
    background-image: url(/common/img/arrow01_gold02.svg);
  }
  75% {
    background-image: url(/common/img/arrow01_gold02.svg);
  }
  100% {
    background-image: url(/common/img/arrow01_white.svg);
  }
}
@keyframes hover01_arrow_beige {
  0% {
    background-image: url(/common/img/arrow01_white.svg);
  }
  25% {
    background-image: url(/common/img/arrow01_gold02.svg);
  }
  75% {
    background-image: url(/common/img/arrow01_gold02.svg);
  }
  100% {
    background-image: url(/common/img/arrow01_white.svg);
  }
}
@-webkit-keyframes hover01_txt_green {
  0% {
    color: #fff;
  }
  25% {
    color: #008345;
  }
  50% {
    color: #008345;
  }
  75% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes hover01_txt_green {
  0% {
    color: #fff;
  }
  25% {
    color: #008345;
  }
  50% {
    color: #008345;
  }
  75% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes hover01_arrow_green {
  0% {
    background-image: url(/common/img/arrow01_white.svg);
  }
  25% {
    background-image: url(/common/img/arrow01_green.svg);
  }
  75% {
    background-image: url(/common/img/arrow01_green.svg);
  }
  100% {
    background-image: url(/common/img/arrow01_white.svg);
  }
}
@keyframes hover01_arrow_green {
  0% {
    background-image: url(/common/img/arrow01_white.svg);
  }
  25% {
    background-image: url(/common/img/arrow01_green.svg);
  }
  75% {
    background-image: url(/common/img/arrow01_green.svg);
  }
  100% {
    background-image: url(/common/img/arrow01_white.svg);
  }
}
@-webkit-keyframes hover01_txt_gray {
  0% {
    color: #fff;
  }
  25% {
    color: #555;
  }
  50% {
    color: #555;
  }
  75% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes hover01_txt_gray {
  0% {
    color: #fff;
  }
  25% {
    color: #555;
  }
  50% {
    color: #555;
  }
  75% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@-webkit-keyframes hover01_arrow_gray {
  0% {
    background-image: url(/common/img/arrow01_white.svg);
  }
  25% {
    background-image: url(/common/img/arrow01_gray.svg);
  }
  75% {
    background-image: url(/common/img/arrow01_gray.svg);
  }
  100% {
    background-image: url(/common/img/arrow01_white.svg);
  }
}
@keyframes hover01_arrow_gray {
  0% {
    background-image: url(/common/img/arrow01_white.svg);
  }
  25% {
    background-image: url(/common/img/arrow01_gray.svg);
  }
  75% {
    background-image: url(/common/img/arrow01_gray.svg);
  }
  100% {
    background-image: url(/common/img/arrow01_white.svg);
  }
}
#mainContent #mainContent .btnStyle02 {
  max-width: 1000px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle02.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #mainContent #mainContent .btnStyle02.center li {
    margin: 0 10px;
  }
  #mainContent #mainContent .btnStyle02.center li:not(:nth-child(4n)) {
    margin-right: 10px;
  }
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle02.medium li {
    width: 30%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle02.medium li {
    width: 100%;
    margin-right: 0 !important;
  }
}
#mainContent #mainContent .btnStyle02.col2 li {
  width: 48%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle02.col2 li {
    width: 100%;
  }
  #mainContent #mainContent .btnStyle02.col2 li:not(:nth-child(2n)) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle02.col2 li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  #mainContent #mainContent .btnStyle02.col2 li:not(:nth-child(2n)) {
    margin-right: 4%;
  }
}
#mainContent #mainContent .btnStyle02.col3 li {
  width: 32%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle02.col3 li {
    width: 47%;
  }
  #mainContent #mainContent .btnStyle02.col3 li:nth-child(odd) {
    margin-right: 6%;
  }
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle02.col3 li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  #mainContent #mainContent .btnStyle02.col3 li:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
#mainContent #mainContent .btnStyle02.type02 a:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  background: url(/common/img/arrow01_gold.svg) no-repeat;
  border: none;
  background-size: contain;
  height: 12px;
  width: 12px;
}
#mainContent #mainContent .btnStyle02 li {
  width: 23.5%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle02 li {
    width: 47%;
    margin-bottom: 10px;
  }
  #mainContent #mainContent .btnStyle02 li:nth-child(odd) {
    margin-right: 6%;
  }
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle02 li:not(:nth-child(4n)) {
    margin-right: 2%;
  }
}
#mainContent #mainContent .btnStyle02 li.type02 a:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  background: url(/common/img/arrow01_gold.svg) no-repeat;
  border: none;
  background-size: contain;
  height: 12px;
  width: 12px;
}
#mainContent #mainContent .btnStyle02 a {
  display: block;
  color: #b39a62;
  padding: 10px 30px 10px 10px;
  font-size: 14px;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle02 a {
    padding: 10px 20px 10px 0;
    height: 100%;
  }
}
#mainContent #mainContent .btnStyle02 a:hover:before {
  -webkit-animation: hover01 1s both;
  animation: hover01 1s both;
}
#mainContent #mainContent .btnStyle02 a:before {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  background: #b39a62;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#mainContent #mainContent .btnStyle02 a:after {
  content: "";
  height: 6px;
  width: 6px;
  display: block;
  border-bottom: 1px solid #b39a62;
  border-right: 1px solid #b39a62;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle02 a:after {
    right: 5px;
  }
}
#mainContent #mainContent .btnStyle02 a.type02:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  background: url(/common/img/arrow01_gold.svg) no-repeat;
  border: none;
  background-size: contain;
  height: 12px;
  width: 12px;
}
#mainContent #mainContent .btnStyle03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .btnStyle03.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .btnStyle03.fluid li {
  width: 100%;
}
#mainContent #mainContent .btnStyle03.fluid li:not(:nth-child(2n)) {
  margin-right: 0;
}
#mainContent #mainContent .btnStyle03 li {
  width: 48%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle03 li {
    width: 100%;
  }
}
#mainContent #mainContent .btnStyle03 li:not(:nth-child(2n)) {
  margin-right: 4%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle03 li:not(:nth-child(2n)) {
    margin-right: 0;
  }
}
#mainContent #mainContent .btnStyle03 li a,
#mainContent #mainContent .btnStyle03 li > span {
  display: block;
  border-left: 2px solid #c9b68c;
  padding: 0 20px 0 10px;
  position: relative;
  height: 100%;
  min-height: 40px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
#mainContent #mainContent .btnStyle03 li a:after {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01_gold.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -6px;
}
#mainContent #mainContent .btnStyle03 li a:hover {
  -webkit-box-shadow: inset 40px 0 #c9b68c;
  box-shadow: inset 40px 0 #c9b68c;
}
#mainContent #mainContent .btnStyle03 .acdOpen {
  background: #b39a62;
  color: #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  padding: 10px;
}
#mainContent #mainContent .btnStyle03 .acdOpen:hover {
  opacity: 0.7;
}
#mainContent #mainContent .btnStyle03 .acdOpen:before {
  content: "もっと見る";
}
#mainContent #mainContent .btnStyle03 .acdOpen:after {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
#mainContent #mainContent .btnStyle03 .acdOpen.isOpen:before {
  content: "閉じる";
}
#mainContent #mainContent .btnStyle03 .acdOpen.isOpen:after {
  -webkit-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}
#mainContent #mainContent .btnStyle04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle04 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#mainContent #mainContent .btnStyle04.type02 {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent #mainContent .btnStyle04.type02 a {
  width: 48%;
  margin-right: 0 !important;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent #mainContent .btnStyle04.type02 a {
    width: 100%;
  }
}
#mainContent #mainContent .btnStyle04.type02 a dl dt,
#mainContent #mainContent .btnStyle04.type02 a dl dd {
  height: 70px;
  padding: 0 5px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent #mainContent .btnStyle04.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .btnStyle04 a {
  width: 235px;
  border: 1px solid #555;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle04 a {
    width: 100%;
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .btnStyle04 a:not(:last-child) {
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle04 a:not(:last-child) {
    margin-right: 0;
  }
}
#mainContent #mainContent .btnStyle04 dl {
  text-align: center;
  padding-left: 70px;
  position: relative;
}
#mainContent #mainContent .btnStyle04 dl dt,
#mainContent #mainContent .btnStyle04 dl dd {
  line-height: 35px;
}
#mainContent #mainContent .btnStyle04 dl dt.line1,
#mainContent #mainContent .btnStyle04 dl dd.line1 {
  line-height: 70px;
}
#mainContent #mainContent .btnStyle04 dl dd {
  font-size: 0.86em;
}
#mainContent #mainContent .btnStyle04 dl:before {
  content: "";
  display: block;
  position: absolute;
  width: 70px;
  height: 70px;
  left: 0;
  border-right: 1px solid #555;
}
#mainContent #mainContent .btnStyle04 dl.faq dt {
  background: #eee;
}
#mainContent #mainContent .btnStyle04 dl.faq:before {
  background: url(/common/img/ico_faq.svg) center/40px no-repeat;
}
#mainContent #mainContent .btnStyle04 dl.reserve dt {
  background: #bfbfbf;
}
#mainContent #mainContent .btnStyle04 dl.reserve:before {
  background: url(/common/img/ico_webreserve.svg) center/40px no-repeat;
}
#mainContent #mainContent .btnStyle04 dl.contact dt {
  background: #bfbfbf;
}
#mainContent #mainContent .btnStyle04 dl.contact:before {
  background: url(/common/img/ico_contact_pc.png) center no-repeat;
}
#mainContent #mainContent .btnStyle04 + .boxStyle05 {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle04 + .boxStyle05 {
    margin-top: 40px;
  }
}
#mainContent #mainContent .btnStyle05 {
  position: relative;
}
#mainContent #mainContent .btnStyle05 a {
  display: inline-block;
  border: 1px solid #fff;
  background: rgba(0, 0, 0, 0.6);
  font-size: 13px;
  color: #fff;
  padding: 8px 10px;
  line-height: 1.2;
  margin-left: 48px;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle05 a {
    border: 0;
    padding: 0;
  }
}
#mainContent #mainContent .btnStyle05 a:before {
  content: "";
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0.6) url(/common/img/ico_play.png) center center/10px no-repeat;
  left: 0;
  top: 0;
  border: 1px solid #fff;
  border-right: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle05 a:before {
    border-right: 1px solid #fff;
    background-size: 12px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle05 a span {
    display: none;
  }
}
#mainContent #mainContent .btnStyle06 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .btnStyle06.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .btnStyle06 li {
  width: 23.5%;
  margin-bottom: 20px;
}
#mainContent #mainContent .btnStyle06 li:not(:nth-child(4n)) {
  margin-right: 2%;
}
#mainContent #mainContent .btnStyle06 a {
  display: block;
  padding: 5px 30px 5px 0px;
  font-size: 16px;
  position: relative;
}
#mainContent #mainContent .btnStyle06 a:after {
  content: "";
  height: 9px;
  width: 9px;
  display: block;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 44%;
  right: 2px;
}
#mainContent #mainContent .btnStyle07 {
  max-width: 1000px;
  margin-right: auto;
  margin-leftl: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .btnStyle07.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle07.type01 li {
    width: auto;
  }
}
#mainContent #mainContent .btnStyle07.type01 li:not(.ttl) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#mainContent #mainContent .btnStyle07.type01 li.ttl {
  background: #705924;
  color: #fff;
  padding: 15px 30px;
  text-align: center;
  height: 50px;
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle07.type01 li.ttl {
    min-width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle07.type01 li.ttl {
    height: 51px;
  }
}
#mainContent #mainContent .btnStyle07.type02 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle07.type02 li {
    width: 100%;
    margin-bottom: 10px;
  }
}
#mainContent #mainContent .btnStyle07.type02 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 5px 30px 5px 15px;
}
#mainContent #mainContent .btnStyle07.type02 li a .note {
  display: block;
  font-size: 12px;
}
#mainContent #mainContent .btnStyle07 li {
  width: 23.5%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle07 li {
    width: 50%;
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
  }
  #mainContent #mainContent .btnStyle07 li:nth-child(odd) {
    border-right: 1px solid #fff;
  }
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .btnStyle07 li:not(:nth-child(4n)) {
    margin-right: 2%;
  }
}
#mainContent #mainContent .btnStyle07 a {
  display: block;
  color: #fff;
  background: #b39a62;
  padding: 15px 30px 15px 15px;
  font-size: 14px;
  position: relative;
  height: 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle07 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 0 10px;
    font-size: 13px;
  }
}
#mainContent #mainContent .btnStyle07 a:after {
  content: "";
  height: 6px;
  width: 6px;
  display: block;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
}
#mainContent #mainContent .btnStyle08 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
}
#mainContent #mainContent .btnStyle08.col6 li {
  width: 15%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle08.col6 li {
    width: 48%;
  }
}
#mainContent #mainContent .btnStyle08.col4,
#mainContent #mainContent .btnStyle08.col5 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#mainContent #mainContent .btnStyle08 li {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 20px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .btnStyle08 li:hover {
  opacity: 0.7;
}
#mainContent #mainContent .btnStyle08 li .imgBox {
  position: relative;
  margin-bottom: 8px;
}
#mainContent #mainContent .btnStyle08 li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent #mainContent .btnStyle08 li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .btnStyle08 li .txt {
  position: relative;
  padding-right: 20px;
}
#mainContent #mainContent .btnStyle08 li .txt:after {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainContent #mainContent .btnStyle08 li .txt.pdf::after {
  content: "PDF";
  color: #fff;
  background: #b39a62;
  font-size: 12px;
  width: auto;
  height: auto;
  padding: 0 3px;
  border-radius: 3px;
}
#mainContent #mainContent .btnStyle09 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .btnStyle09 li {
  min-width: 260px;
  text-align: center;
}
#mainContent #mainContent .btnStyle09 li a {
  padding: 9px 10px;
  background: #7d7d7d;
  color: #fff;
  display: block;
}
#mainContent #mainContent .btnStyle10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent #mainContent .btnStyle10 li {
  margin-bottom: 30px;
  width: 23.5%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle10 li {
    width: 48%;
    margin-bottom: 15px;
  }
}
#mainContent #mainContent .btnStyle10 li:not(:nth-child(4n)) {
  margin-right: 2%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle10 li:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle10 li:not(:nth-child(2n)) {
    margin-right: 4%;
  }
}
#mainContent #mainContent .btnStyle10 li .imgBox {
  position: relative;
  margin-bottom: 15px;
}
#mainContent #mainContent .btnStyle10 li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent #mainContent .btnStyle10 li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent #mainContent .btnStyle10 li .ttl {
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle10 li .ttl .sub {
    font-size: 12px;
  }
}
#mainContent #mainContent .btnStyle10 li a {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .btnStyle10 li a:hover {
  opacity: 0.7;
}
#mainContent #mainContent .btnStyle11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent #mainContent .btnStyle11.widType01 {
  max-width: 700px;
  margin: 0 auto;
}
#mainContent #mainContent .btnStyle11 li {
  margin: 0 7px 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle11 li {
    max-width: 200px;
    width: 48%;
    margin: 0 1% 20px;
  }
}
#mainContent #mainContent .btnStyle11 li.empty {
  display: none;
  height: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle11 li.empty {
    display: block;
  }
}
#mainContent #mainContent .btnStyle11 li.active a {
  background: #fff;
  border: 1px solid #b39a62;
  color: #b39a62;
}
#mainContent #mainContent .btnStyle11 li a,
#mainContent #mainContent .btnStyle11 li span {
  display: block;
  padding: 7px 10px;
  background: #e5e5e5;
  font-size: 14px;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle11 li a,
  #mainContent #mainContent .btnStyle11 li span {
    font-size: 12px;
    padding: 7px 1px;
    text-align: center;
    height: 100%;
  }
}
#mainContent #mainContent .btnStyle11 li a.active,
#mainContent #mainContent .btnStyle11 li span.active {
  background: #fff;
  border: 1px solid #b39a62;
  color: #b39a62;
}
#mainContent #mainContent .btnStyle11 li a:hover,
#mainContent #mainContent .btnStyle11 li span:hover {
  opacity: 0.7;
}
#mainContent #mainContent .btnStyle12 li {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle12 li {
    margin-bottom: 15px;
  }
}
#mainContent #mainContent .btnStyle12 li > a,
#mainContent #mainContent .btnStyle12 li > span {
  display: block;
  padding: 7px 10px;
  background: #eee;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .btnStyle12 li > a:hover,
#mainContent #mainContent .btnStyle12 li > span:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle12 li > a,
  #mainContent #mainContent .btnStyle12 li > span {
    min-height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#mainContent #mainContent .btnStyle12 li > a.active,
#mainContent #mainContent .btnStyle12 li > span.active {
  background: #fff;
  border: 1px solid #b39a62;
  color: #b39a62;
}
#mainContent #mainContent .btnStyle12.col2 li {
  width: 49%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle12.col2 li {
    width: 100%;
  }
}
#mainContent #mainContent .btnStyle12.col2 li:nth-child(2n+1) {
  margin-right: 2%;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle12.col2 li:nth-child(2n+1) {
    margin-right: 0;
  }
}
#mainContent #mainContent .btnStyle12.col5 li a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#mainContent #mainContent .btnStyle12.col5 li a .sub {
  font-size: 13px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle12.col5 li a .sub {
    font-size: 11px;
  }
}
#mainContent #mainContent .btnStyle13 {
  margin-top: 40px;
}
#mainContent #mainContent .btnStyle13 + .btnStyle03 {
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .btnStyle13 {
    margin-top: 20px;
  }
}
#mainContent #mainContent .btnStyle13 li {
  margin-bottom: 10px;
}
#mainContent #mainContent .btnStyle13 li:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .btnStyle13 a {
  position: relative;
  padding-left: 50px;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  -webkit-transition: -webkit-transform 0.5s ease 0.3s;
  transition: -webkit-transform 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s;
  transition: transform 0.5s ease 0.3s, -webkit-transform 0.5s ease 0.3s;
  display: inline-block;
}
#mainContent #mainContent .btnStyle13 a:hover {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 1;
}
#mainContent #mainContent .btnStyle13 a:hover::before {
  -webkit-animation: linkMove 0.5s ease 0s forwards;
  animation: linkMove 0.5s ease 0s forwards;
}
#mainContent #mainContent .btnStyle13 a:hover::after {
  opacity: 1;
}
#mainContent #mainContent .btnStyle13 a::before {
  content: "";
  width: 40px;
  height: 1px;
  background: #555;
  position: absolute;
  top: 11px;
  left: 0;
}
#mainContent #mainContent .btnStyle13 a::after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #555;
  border-right: 1px solid #555;
  position: absolute;
  top: 8px;
  left: 32px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0.4s;
  transition: opacity 0.3s ease 0.4s;
}
#mainContent #mainContent .imgStyle01 {
  border: 1px solid #dcdcdc;
  padding: 5px;
}
#mainContent #mainContent *[class^=acdStyle] > .acdCont {
  display: none;
}
#mainContent #mainContent .acdStyle01 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 {
    margin-bottom: 20px;
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle {
  border: 1px solid #b39a62;
  background: #ece4d1;
  padding: 30px 90px 30px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .acdStyle01 > .acdToggle:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle {
    display: block;
    padding: 20px 20px 55px;
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle:before,
#mainContent #mainContent .acdStyle01 > .acdToggle:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  display: block;
  background: #b39a62;
  top: 50%;
  right: 30px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle:before,
  #mainContent #mainContent .acdStyle01 > .acdToggle:after {
    width: 20px;
    bottom: 20px;
    top: auto;
    right: 0;
    left: 0;
    margin: auto;
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#mainContent #mainContent .acdStyle01 > .acdToggle dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle dt {
    margin-right: 0;
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle dt .imgBox {
  width: 160px;
  min-height: 100px;
  margin-right: 30px;
  position: relative;
}
#mainContent #mainContent .acdStyle01 > .acdToggle dt .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle dt .imgBox {
    width: 120px;
    margin-right: 0;
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle dt .ttl {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle dt .ttl {
    font-size: 18px;
    width: calc(100% - 120px);
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle dt .ttl .sub {
  font-size: 16px;
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle dt .ttl .sub {
    font-size: 13px;
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle dt .ttl.tal {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle dt .ttl.tal {
    padding-left: 15px;
  }
}
#mainContent #mainContent .acdStyle01 > .acdToggle dd {
  font-size: 16px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdToggle dd {
    font-size: 15px;
    margin-top: 15px;
  }
  #mainContent #mainContent .acdStyle01 > .acdToggle dd:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #b39a62;
    bottom: 40px;
    left: 0;
    z-index: 1;
  }
}
#mainContent #mainContent .acdStyle01 > .acdCont {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle01 > .acdCont {
    margin-top: 20px;
  }
}
#mainContent #mainContent .acdStyle01.isOpen .acdToggle:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mainContent #mainContent .acdStyle01.isOpen .acdToggle:after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
#mainContent #mainContent .acdStyle02 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle02 {
    margin-bottom: 15px;
  }
}
#mainContent #mainContent .acdStyle02 > .acdToggle {
  border: 1px solid #888;
  padding: 15px 15px 15px 50px;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .acdStyle02 > .acdToggle:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle02 > .acdToggle {
    padding: 10px 10px 10px 40px;
  }
}
#mainContent #mainContent .acdStyle02 > .acdToggle:before {
  content: "Q";
  color: #888;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  position: absolute;
  top: 15px;
  left: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle02 > .acdToggle:before {
    top: 10px;
    left: 14px;
  }
}
#mainContent #mainContent .acdStyle02 > .acdToggle:after {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) scaleX(1.1) rotate(45deg);
  transform: translateY(-50%) scaleX(1.1) rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent #mainContent .acdStyle02 > .acdCont {
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle02 > .acdCont {
    padding: 10px;
  }
}
#mainContent #mainContent .acdStyle03 > .acdToggle {
  display: inline-block;
  border: 1px solid;
  color: #b39a62;
  padding: 10px 60px 10px 20px;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .acdStyle03 > .acdToggle:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle03 > .acdToggle {
    padding: 10px 60px;
    display: block;
    text-align: center;
  }
}
#mainContent #mainContent .acdStyle03 > .acdToggle:before,
#mainContent #mainContent .acdStyle03 > .acdToggle:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 1px;
  display: block;
  background: currentColor;
  top: 49%;
  right: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#mainContent #mainContent .acdStyle03 > .acdToggle:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#mainContent #mainContent .acdStyle03 > .acdCont {
  margin-top: 15px;
}
#mainContent #mainContent .acdStyle03.isOpen .acdToggle:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mainContent #mainContent .acdStyle03.isOpen .acdToggle:after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
#mainContent #mainContent .acdStyle03.type01 > .acdToggle {
  padding: 10px 20px 10px 60px;
}
#mainContent #mainContent .acdStyle03.type01 > .acdToggle:before,
#mainContent #mainContent .acdStyle03.type01 > .acdToggle:after {
  left: 20px;
  right: auto;
}
#mainContent #mainContent .acdStyle03.type01 > .acdToggle {
  padding: 10px 20px 10px 50px;
}
#mainContent #mainContent .acdStyle03.type01 > .acdToggle:before,
#mainContent #mainContent .acdStyle03.type01 > .acdToggle:after {
  left: 20px;
  right: auto;
}
#mainContent #mainContent .acdStyle03.type02 > .acdToggle {
  padding: 10px 10px 10px 30px;
}
#mainContent #mainContent .acdStyle03.type02 > .acdToggle:before,
#mainContent #mainContent .acdStyle03.type02 > .acdToggle:after {
  left: 10px;
  right: auto;
}
#mainContent #mainContent .acdStyle03.white > .acdToggle {
  color: #fff;
}
#mainContent #mainContent .acdStyle04 > .acdToggle {
  border: 1px solid #856b30;
  padding: 15px 70px 15px 25px;
  position: relative;
  color: #856b30;
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent #mainContent .acdStyle04 > .acdToggle:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle04 > .acdToggle {
    padding: 10px 40px 10px 10px;
    font-size: 18px;
  }
}
#mainContent #mainContent .acdStyle04 > .acdToggle:before,
#mainContent #mainContent .acdStyle04 > .acdToggle:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  display: block;
  background: #856b30;
  top: 50%;
  right: 25px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle04 > .acdToggle:before,
  #mainContent #mainContent .acdStyle04 > .acdToggle:after {
    width: 20px;
    right: 10px;
  }
}
#mainContent #mainContent .acdStyle04 > .acdToggle:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#mainContent #mainContent .acdStyle04 > .acdCont {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .acdStyle04 > .acdCont {
    margin-top: 15px;
  }
}
#mainContent #mainContent .acdStyle04.isOpen .acdToggle:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mainContent #mainContent .acdStyle04.isOpen .acdToggle:after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
#mainContent #mainContent .tableStyle01 {
  width: 100%;
}
#mainContent #mainContent .tableStyle01 th,
#mainContent #mainContent .tableStyle01 td {
  padding: 10px;
  border: 1px solid #ddd;
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .tableStyle01 th,
  #mainContent #mainContent .tableStyle01 td {
    padding: 7px 5px;
  }
}
#mainContent #mainContent .tableStyle01 th {
  vertical-align: middle;
  background: #e2e2e2;
  font-weight: bold;
}
#mainContent #mainContent .tableStyle01 th.noBg {
  background: transparent;
}
#mainContent #mainContent .tableStyle01 th.bdDark {
  border-color: #888;
}
#mainContent #mainContent .tableStyle01.type01 th,
#mainContent #mainContent .tableStyle01.type01 td {
  border-right: 0;
  border-left: 0;
}
#mainContent #mainContent .tableStyle01.type02 {
  border-bottom: 1px solid #ddd;
}
#mainContent #mainContent .tableStyle01.type02 th,
#mainContent #mainContent .tableStyle01.type02 td {
  border-left: 0;
}
#mainContent #mainContent .tableStyle01.type02 th:last-child,
#mainContent #mainContent .tableStyle01.type02 td:last-child {
  border-right: 0;
}
#mainContent #mainContent .tableStyle01.type02 td {
  border-top: 0;
  border-bottom: 0;
}
#mainContent #mainContent .tableStyle01.bdColor01 {
  border-color: #a0a0a0;
}
#mainContent #mainContent .tableStyle01.bdColor01 th,
#mainContent #mainContent .tableStyle01.bdColor01 td {
  border-color: #a0a0a0;
}
#mainContent #mainContent .tableStyle02 {
  display: table;
}
#mainContent #mainContent .tableStyle02 dl {
  display: table-row;
}
#mainContent #mainContent .tableStyle02 dl dt,
#mainContent #mainContent .tableStyle02 dl dd {
  display: table-cell;
}
#mainContent #mainContent .tableStyle03 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px;
}
#mainContent #mainContent .tableStyle03 tr {
  display: table-row;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .tableStyle03 tr {
    margin-bottom: 10px;
    display: block;
  }
}
#mainContent #mainContent .tableStyle03 tr th,
#mainContent #mainContent .tableStyle03 tr td {
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .tableStyle03 tr th,
  #mainContent #mainContent .tableStyle03 tr td {
    display: block;
  }
}
#mainContent #mainContent .tableStyle03 tr th {
  padding: 10px 15px;
  white-space: nowrap;
  border-right: 1px solid #b39a62;
  border-left: 1px solid #b39a62;
  text-align: center;
  color: #856b30;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .tableStyle03 tr th {
    border: 0;
    border-top: 1px solid #b39a62;
    border-bottom: 1px solid #b39a62;
  }
}
#mainContent #mainContent .tableStyle03 tr td p {
  margin-bottom: 15px;
}
#mainContent #mainContent .tableStyle03 tr td p:last-child {
  margin-bottom: 0;
}
#mainContent #mainContent .tableStyle03 tr td p.note {
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  #mainContent #mainContent .col2.noGap .box:nth-child(2n+1) .tableStyle01 th,
  #mainContent #mainContent .col2.noGap .box:nth-child(2n+1) .tableStyle01 td {
    border-right: 0;
  }
}
#mainContent #mainContent .tabContentWrap .tabContent:not(:first-of-type) {
  display: none;
}
#mainContent #mainContent .checkStyle01 {
  display: inline-block;
  background: #64635e;
  color: #fff;
  font-size: 12px;
  padding: 5px 30px 5px 10px;
  position: relative;
  cursor: pointer;
}
#mainContent #mainContent .checkStyle01 span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainContent #mainContent .checkStyle01 span:after {
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  position: absolute;
  top: 40%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/common/img/ico_check01.svg) center center/contain no-repeat;
}
#mainContent #mainContent .checkStyle01 input[type=checkbox] {
  display: none;
}
#mainContent #mainContent .checkStyle01 input[type=checkbox]:checked + span:after {
  content: "";
}
#mainContent #mainContent .searchStyle {
  padding-top: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .searchStyle {
    padding-top: 20px;
  }
}
#mainContent #mainContent .searchStyle dl {
  border-top: 1px solid #eee;
  padding: 20px 0;
}
#mainContent #mainContent .searchStyle dl:last-child {
  border-bottom: 1px solid #eee;
}
#mainContent #mainContent .searchStyle dl dt {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .searchStyle dl dt {
    font-size: 14px;
  }
}
#mainContent #mainContent .floatingBnr {
  position: fixed;
  bottom: 210px;
  right: 0;
  background: #f3eddf;
  padding: 40px;
  z-index: 100;
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .floatingBnr {
    bottom: 50px;
    padding: 20px;
  }
}
#mainContent #mainContent .floatingBnr .closeBtn {
  padding: 10px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .floatingBnr .closeBtn {
    top: 5px;
    right: 5px;
  }
}
#mainContent #mainContent .floatingBnr .closeBtn::before,
#mainContent #mainContent .floatingBnr .closeBtn::after {
  content: "";
  position: absolute;
  display: block;
  background: #856b30;
  width: 20px;
  height: 2px;
  top: 9px;
  left: 0px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mainContent #mainContent .floatingBnr .closeBtn::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#mainContent #mainContent .floatingBnr p {
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent #mainContent .floatingBnr p {
    font-size: 18px;
  }
}
#mainContent body.hotel #header {
  position: fixed;
  background: #fff;
  width: 100%;
  height: 85px;
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}
#mainContent body.hotel #header input,
#mainContent body.hotel #header select {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header {
    height: 95px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header {
    height: 90px;
  }
}
#mainContent body.hotel #header .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header .inner {
    display: block;
  }
}
#mainContent body.hotel #header .inner .logo {
  width: 240px;
  margin: 10px 0 0 0;
  float: left;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header .inner .logo {
    width: 255px;
    margin: 10px 0 0 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header .inner .logo {
    width: auto;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    float: none;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  #mainContent body.hotel #header .inner .logo img {
    width: 173px;
  }
}
#mainContent body.hotel #header .inner .headTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  height: 30px;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header .inner .headTxt {
    height: 40px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header .inner .headTxt {
    display: none;
  }
}
#mainContent body.hotel #header .inner .headTxt > li {
  font-size: 13px;
  margin-right: 15px;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header .inner .headTxt > li {
    font-size: 11px;
    margin-right: 6px;
  }
}
#mainContent body.hotel #header .inner .headTxt > li ul {
  display: none;
}
#mainContent body.hotel #header .inner .headTxt > li.tel {
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header .inner .headTxt > li.tel {
    font-size: 17px;
  }
}
#mainContent body.hotel #header .inner .headTxt > li.tel .ttl {
  font-size: 12px;
}
#mainContent body.hotel #header .inner .headTxt > li.tel .sub {
  font-size: 10px;
}
#mainContent body.hotel #header .inner .headTxt > li.member a {
  display: block;
  border: 1px solid #aaa;
  padding: 1px 10px;
}
#mainContent body.hotel #header .inner .headTxt > li.lang {
  position: relative;
}
#mainContent body.hotel #header .inner .headTxt > li.lang.active > span::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mainContent body.hotel #header .inner .headTxt > li.lang > span {
  display: block;
  border-bottom: 1px solid #aaa;
  padding: 1px 25px 3px 1px;
  position: relative;
  cursor: pointer;
}
#mainContent body.hotel #header .inner .headTxt > li.lang > span::after {
  content: "";
  display: block;
  height: 4px;
  width: 4px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  top: 8px;
  right: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel #header .inner .headTxt > li.lang ul {
  display: none;
  background: #fff;
  padding: 10px 20px;
  position: absolute;
  top: 23px;
  left: 0;
  z-index: 1;
}
#mainContent body.hotel #header .inner .headTxt > li.lang ul li {
  margin-bottom: 10px;
  white-space: nowrap;
}
#mainContent body.hotel #header .inner .headTxt > li.parent {
  position: relative;
}
#mainContent body.hotel #header .inner .headTxt > li.parent > span {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body.hotel #header .inner .headTxt > li.parent > span:hover {
  opacity: 0.7;
}
#mainContent body.hotel #header .inner .headTxt > li.parent .headTxtSub {
  background: #fff;
  border: 1px solid #aaa;
  position: absolute;
  width: 145px;
  z-index: 1;
  padding: 5px 0;
}
#mainContent body.hotel #header .inner .headTxt > li.parent .headTxtSub a {
  display: block;
  padding: 10px;
}
#mainContent body.hotel #header .inner .headTxt > li.parent .headTxtSub a:hover span:after {
  opacity: 1;
}
#mainContent body.hotel #header .inner .headTxt > li.parent .headTxtSub span {
  position: relative;
}
#mainContent body.hotel #header .inner .headTxt > li.parent .headTxtSub span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #222;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#mainContent body.hotel #header .inner .headTxt > li .time {
  min-width: 30px;
  display: inline-block;
}
#mainContent body.hotel #header .inner .headTxt > li #tempC,
#mainContent body.hotel #header .inner .headTxt > li #tempF {
  min-width: 13px;
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header #gNavi {
    display: none;
  }
}
#mainContent body.hotel #header #gNavi > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 33px;
  position: absolute;
  bottom: 0;
  right: 0;
}
#mainContent body.hotel #header #gNavi > ul > li {
  padding-top: 5px;
}
#mainContent body.hotel #header #gNavi > ul > li.mega > span {
  cursor: pointer;
}
#mainContent body.hotel #header #gNavi > ul > li.reservation {
  background: #008345;
  padding: 5px 10px;
  border-radius: 3px 3px 0px 0px;
}
#mainContent body.hotel #header #gNavi > ul > li.reservation > span {
  color: #fff;
}
#mainContent body.hotel #header #gNavi > ul > li.search span {
  height: 18px;
  width: 18px;
  background: url(/common/img/ico_search.svg) no-repeat;
  background-size: contain;
  padding-left: 18px;
  overflow: hidden;
  margin-top: 4px;
  display: block;
}
#mainContent body.hotel #header #gNavi > ul > li.search .cont {
  background: none;
  padding: 0;
}
#mainContent body.hotel #header #gNavi > ul > li.search .cont:after {
  content: "";
  clear: both;
  display: block;
}
#mainContent body.hotel #header #gNavi > ul > li.search .cont .contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#mainContent body.hotel #header #gNavi > ul > li.search .cont .inner {
  background: #fff;
  padding: 15px 20px;
  width: auto;
}
#mainContent body.hotel #header #gNavi > ul > li.search .cont .inner input {
  height: 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  width: 210px;
  margin-right: 5px;
}
#mainContent body.hotel #header #gNavi > ul > li.search .cont .inner button {
  color: #fff;
  border: none;
  height: 35px;
  padding: 0 20px 0 40px;
  background: url(/common/img/ico_search_w.svg) no-repeat #7d7d7d 13px 11px;
  background-size: 13px;
  cursor: pointer;
}
#mainContent body.hotel #header #gNavi > ul > li .cont {
  display: none;
  background: #fff;
  width: 100%;
  padding: 25px 0;
  position: fixed;
  top: 85px;
  left: 0;
  border-top: 1px solid #aaa;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header #gNavi > ul > li .cont {
    top: 95px;
  }
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl {
  width: 20%;
  border-right: 1px solid #000;
  padding: 0 10px;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl:last-child {
  border-right: none;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl dt,
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl dd {
  font-size: 15px;
  margin-bottom: 15px;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl dt a:hover,
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl dd a:hover {
  border-bottom: 1px solid #000;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl dt {
  font-weight: bold;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl dd {
  padding-left: 20px;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .mega_close {
  /* border: 1px solid; */
  height: 30px;
  width: 200px;
  margin: 50px auto 0;
  position: relative;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .mega_close:hover {
  cursor: pointer;
  opacity: 0.8;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .mega_close .arrow {
  width: 15px;
  height: 15px;
  border-top: 1px solid;
  border-right: 1px solid;
  position: absolute;
  inset: 0;
  top: 4px;
  margin: auto;
  rotate: -45deg;
  -webkit-transform-origin: center;
          transform-origin: center;
}
#mainContent body.hotel #header #gNaviSP {
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header #gNaviSP {
    display: block;
  }
}
#mainContent body.hotel #header #gNaviSP > .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 52px;
  text-align: center;
}
#mainContent body.hotel #header #gNaviSP > .nav > li {
  width: 80px;
  padding-top: 5px;
}
#mainContent body.hotel #header #gNaviSP > .nav > li.lang {
  position: relative;
}
#mainContent body.hotel #header #gNaviSP > .nav > li.lang > a::before,
#mainContent body.hotel #header #gNaviSP > .nav > li.lang > span::before {
  background-image: url("/common/img/ico_global.svg");
}
#mainContent body.hotel #header #gNaviSP > .nav > li.lang > span {
  cursor: pointer;
}
#mainContent body.hotel #header #gNaviSP > .nav > li.lang ul {
  display: none;
  background: #fff;
  padding: 10px 20px;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
}
#mainContent body.hotel #header #gNaviSP > .nav > li.lang ul li {
  margin-bottom: 10px;
  white-space: nowrap;
}
#mainContent body.hotel #header #gNaviSP > .nav > li.reservation > a::before,
#mainContent body.hotel #header #gNaviSP > .nav > li.reservation > span::before {
  background-image: url("/common/img/ico_calendar.svg");
}
#mainContent body.hotel #header #gNaviSP > .nav > li.access > a::before,
#mainContent body.hotel #header #gNaviSP > .nav > li.access > span::before {
  background-image: url("/common/img/ico_access.svg");
}
#mainContent body.hotel #header #gNaviSP > .nav > li.openClose > a::before,
#mainContent body.hotel #header #gNaviSP > .nav > li.openClose > span::before {
  background-image: url("/common/img/icon_menu.svg");
}
#mainContent body.hotel #header #gNaviSP > .nav > li > a,
#mainContent body.hotel #header #gNaviSP > .nav > li > span {
  font-size: 11px;
}
#mainContent body.hotel #header #gNaviSP > .nav > li > a::before,
#mainContent body.hotel #header #gNaviSP > .nav > li > span::before {
  content: "";
  height: 17px;
  width: 25px;
  display: block;
  margin: 0 auto;
  background: no-repeat center center;
  background-size: contain;
}
#mainContent body.hotel #header #gNaviSP > .cont {
  display: none;
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  height: calc(100vh - 80px);
  overflow-y: scroll;
}
#mainContent body.hotel #header #gNaviSP > .cont > li {
  font-size: 15px;
  padding: 10px 0;
}
#mainContent body.hotel #header #gNaviSP > .cont > li > span {
  cursor: pointer;
  position: relative;
  padding: 0 15px;
}
#mainContent body.hotel #header #gNaviSP > .cont > li > span::after {
  content: "";
  background: url("/common/img/wedding/arrow04.png") no-repeat;
  background-size: contain;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 6px;
  right: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#mainContent body.hotel #header #gNaviSP > .cont > li.active > span::after {
  top: 3px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#mainContent body.hotel #header #gNaviSP > .cont > li > ul {
  display: none;
  margin-top: 10px;
}
#mainContent body.hotel #header #gNaviSP > .cont > li > ul li {
  font-size: 13px;
  padding: 5px 0;
}
#mainContent body.hotel #header #gNaviSP > .cont > li.btn {
  margin: 40px 20px 0;
  font-size: 11px;
}
#mainContent body.hotel #header #gNaviSP > .cont > li.btn a {
  border: 1px solid #999;
  display: block;
  padding: 10px;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox {
  padding: 15px !important;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .reservBtn {
  display: none;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul {
  display: block;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab {
  display: block;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink li.tabBtn {
  border: 1px solid #bbb;
  border-bottom: 0;
  border-radius: 3px 3px 0px 0;
  margin-right: 5px;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink li.active {
  position: relative;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink li.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  background: #fff;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink li.linkBtn {
  margin-left: auto;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink li.linkBtn a {
  margin: 0 0 5px;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink li.linkBtn.close {
  margin-left: 0;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabLink li.linkBtn.close a {
  margin: 0 0 5px;
  padding: 3px;
  background: none;
  color: #222;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont {
  border-bottom: 0;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner {
  display: block;
  border: 1px solid #bbb;
  margin-left: 0;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box .resForm {
    width: 33%;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  #mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box .res_day {
    width: 100%;
  }
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box .res_btns {
  width: 20%;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  #mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box .res_btns {
    width: 100%;
  }
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box dl,
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box fieldset {
  margin-bottom: 20px;
  padding: 0 5px;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .box legend {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 7px;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .inner .btn_cancel {
  text-align: left;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .ttlBox {
  padding: 0 20px;
  width: auto;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .ttlBox br {
  display: none;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .linkBox {
  padding: 10px 20px 0;
  width: 100%;
  display: block;
  text-align: left;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .linkBox li {
  margin-bottom: 5px;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .tab .tabCont .textLink {
  padding: 10px 20px 0;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .contact {
  width: 100%;
  border-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .contact::before {
  margin: 0 20px;
  display: inline-block;
}
#mainContent body.hotel #header #gNaviSP > .reservationBox .contentInner > ul .contact::after {
  margin: 0 20px;
  display: inline-block;
}
#mainContent body.hotel #header #reservation.active > .btn {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#mainContent body.hotel #header #reservation.active .cont {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header #reservation {
    display: none;
  }
}
#mainContent body.hotel #header #reservation > .btn {
  position: fixed;
  left: 0;
  bottom: 20px;
  height: 100px;
  width: 60px;
  background: #008345;
  border: 1px solid #888;
  cursor: pointer;
  padding-top: 10px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel #header #reservation > .btn::before {
  content: "";
  height: 30px;
  width: 30px;
  display: block;
  margin: 0 auto 5px;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("/common/img/ico_calendar_w.svg");
}
#mainContent body.hotel #header #reservation > .btn::after {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 5px auto 0;
}
#mainContent body.hotel #header #reservation > .btn > span {
  color: #fff;
  text-align: center;
  display: block;
  font-size: 14px;
}
#mainContent body.hotel #header #reservation .cont {
  position: fixed;
  width: 100vw;
  bottom: 0;
  left: 0;
  background: #fff;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel #header #reservation .cont .contentInner > ul li.reservBtn {
  position: relative;
  cursor: pointer;
}
#mainContent body.hotel #header #reservation .cont .contentInner > ul li.reservBtn::after {
  content: "";
  height: 6px;
  width: 6px;
  display: block;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin: 5px auto 0;
  position: absolute;
  bottom: 12px;
  left: 50%;
}
#mainContent body.hotel #header .reservationBox {
  padding: 0 !important;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservBtn {
  font-size: 18px;
  font-weight: bold;
  width: 150px;
  text-align: center;
  padding: 20px 0;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header .reservationBox .contentInner > ul li.reservBtn {
    width: 90px;
  }
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservBtn::before {
  content: "";
  height: 30px;
  width: 30px;
  display: block;
  margin: 0 auto 5px;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("/common/img/ico_calendar.svg");
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabLink {
  font-size: 14px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabLink li {
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  z-index: 1;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabLink li.tabBtn {
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding: 4px 10px;
  border-radius: 3px 3px 0px 3px;
  background: #fff;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabLink li.active {
  border-right: none;
  border-radius: 3px 0px 0px 3px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabLink li a {
  border: 1px solid #bbb;
  display: block;
  margin: 8px 8px 8px 0;
  padding: 3px 20px 3px 3px;
  text-align: center;
  border-radius: 3px;
  background: url("/common/img/arrow01.svg") no-repeat right 5px center;
  background-size: 12px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #bbb;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont form {
  height: 100%;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner {
  margin-left: -1px;
  border-left: 1px solid #bbb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  min-height: 105px;
  height: 100%;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 30px 0;
  width: 100%;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box {
    padding: 5px 20px 0;
  }
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box dl {
  padding-right: 30px;
}
@media screen and (max-width: 1260px) {
  #mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box dl {
    padding-right: 10px;
  }
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box dl dt {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 7px;
  white-space: nowrap;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box dl dd {
  white-space: nowrap;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box .res_day select {
  margin-right: 5px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box .res_btns .btn_res {
  background: #008345;
  color: #fff;
  font-size: 18px;
  border: none;
  width: 100%;
  padding: 10px 50px;
  border-radius: 5px;
  cursor: pointer;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box fieldset.children,
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box fieldset.attribute {
  display: none !important;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .box legend {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 7px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .textLink {
  padding-right: 30px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .textLink_ttl {
  font-size: 13px;
  font-weight: bold;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .textLink_btn {
  width: 100%;
  margin-top: 8px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .btn_cancel {
  margin-bottom: 8px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .btn_cancel li {
  font-size: 12px;
  margin-bottom: 5px;
  white-space: nowrap;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .btn_cancel li:last-child {
  margin-bottom: 0;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .btn_cancel li a {
  position: relative;
  padding-right: 20px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .inner .btn_cancel li a::after {
  content: "";
  height: 12px;
  width: 12px;
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("/common/img/arrow01.svg");
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .ttlBox {
  width: 15%;
  padding-top: 10px;
  text-align: center;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .ttlBox > span {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  border: 1px solid #000;
  font-size: 13px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .ttlBox > span::after {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  top: -5%;
  left: 10%;
  height: 110%;
  width: 80%;
  zoom: 1;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .ttlBox > span span {
  position: relative;
  z-index: 2;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .linkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .linkBox li {
  font-size: 13px;
  margin-bottom: 5px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .linkBox li:last-child {
  margin-bottom: 0;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .linkBox li .note {
  font-size: 11px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .linkBox li a[target=_blank] {
  padding-right: 12px;
  background: url(/common/img/ico_blank.png) right center/10px no-repeat;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01 {
  font-size: 13px;
  display: block;
  border: 1px solid #888;
  padding: 11px 40px 11px 20px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  z-index: 1;
  padding: 4px 35px 3px 10px;
  white-space: nowrap;
  max-width: 190px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #008345;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01:after {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  -webkit-transition: background 0.1s 0.2s;
  transition: background 0.1s 0.2s;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01:hover {
  opacity: 1;
  color: #fff;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01:hover::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01:hover::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.large {
  margin: auto;
  font-size: 15px;
  padding: 16px 60px 16px 30px;
  max-width: none;
}
@media screen and (min-width: 1024px) {
  #mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.large {
    max-width: none;
    width: 80%;
    text-align: center;
  }
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.color01 {
  color: #fff;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.color01::before {
  background: #008345;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.color01::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.color01:hover {
  color: #008345;
  -webkit-animation: hover01_txt_green 0.7s both;
  animation: hover01_txt_green 0.7s both;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.color01:hover::before {
  -webkit-animation: hover01 0.7s both;
  animation: hover01 0.7s both;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.tab .tabCont .headerBtn01.color01:hover::after {
  -webkit-animation: hover01_arrow_green 0.7s both;
  animation: hover01_arrow_green 0.7s both;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.contact {
  font-size: 13px;
  font-weight: bold;
  border-left: 1px solid #aaa;
  width: 120px;
  text-align: center;
  padding: 15px 0;
  background: #008345;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.contact:hover {
  opacity: 0.7;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.contact::before {
  content: "";
  height: 30px;
  width: 30px;
  display: block;
  margin: 0 auto 8px;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("/common/img/ico_contact.svg");
  -webkit-filter: invert(1.2) brightness(1.5);
  filter: invert(1.2) brightness(1.5);
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.contact::after {
  content: "";
  height: 12px;
  width: 12px;
  display: block;
  margin: 4px auto 0;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("/common/img/arrow01.svg");
  -webkit-filter: invert(1.2) brightness(1.5);
  filter: invert(1.2) brightness(1.5);
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.contact a {
  color: #fff;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.contact a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.close .closeBtn {
  display: block;
  white-space: nowrap;
  border: 1px solid #008345;
  color: #008345;
  text-align: center;
  padding: 5px;
}
#mainContent body.hotel #header .tabCont > li {
  -webkit-transition: opacity 0.3s, visibility 0s ease 0s;
  transition: opacity 0.3s, visibility 0s ease 0s;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
#mainContent body.hotel #header .tabCont > li.active {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  height: auto;
}
#mainContent body.hotel #footer {
  border-top: 1px solid #aaa;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel #footer .footer01 {
  border-bottom: 1px solid #aaa;
  position: relative;
}
#mainContent body.hotel #footer .footer01 .pagetop {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 90px;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer01 .pagetop {
    right: 90px;
    bottom: 5px;
  }
}
#mainContent body.hotel #footer .footer01 .pagetop a {
  color: #fff;
  padding-top: 50px;
  width: 50px;
  height: 0;
  overflow: hidden;
  background: rgba(40, 40, 40, 0.7);
  display: block;
  position: relative;
}
#mainContent body.hotel #footer .footer01 .pagetop a::after {
  content: "";
  height: 10px;
  width: 10px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 3px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
#mainContent body.hotel #footer .footer01 .contentInner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 115px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer01 .contentInner {
    display: block;
    padding: 30px 0;
  }
}
#mainContent body.hotel #footer .footer01 ul li {
  padding: 0 10px;
}
#mainContent body.hotel #footer .footer01 ul.logo-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer01 ul.logo-center {
    position: static;
    -webkit-transform: none;
    transform: none;
    text-align: center;
    margin-bottom: 30px;
  }
}
#mainContent body.hotel #footer .footer01 ul.logo-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer01 ul.logo-right {
    margin-bottom: 30px;
  }
}
#mainContent body.hotel #footer .footer01 ul.sns-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
#mainContent body.hotel #footer .footer02 {
  padding: 40px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 {
    padding: 0;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner {
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div {
    padding: 10px 0;
    margin: 0 10px;
    width: auto !important;
    border-bottom: 1px solid #bbb;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(1) {
  width: 20%;
}
#mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(2) {
  width: 25%;
}
#mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(3) {
  width: 30%;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(3) {
    border-bottom: none;
    padding: 0;
  }
  #mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(3) ul {
    border-bottom: 1px solid #bbb;
    padding: 10px 0;
  }
  #mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(3) ul:last-child {
    border-bottom: none;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(4) {
  width: 25%;
  margin: 0;
  padding: 0 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div:nth-child(4) {
    border: none;
    border-top: 1px solid #bbb;
    padding: 25px 10px;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul {
  padding-bottom: 35px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li {
  margin-bottom: 12px;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li {
    margin: 0;
    padding: 10px 0;
    width: 50%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li:nth-child(odd) {
    padding: 10px 5px 10px 0;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.btn {
  margin-bottom: 25px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.btn {
    display: none;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.btn a {
  background: #64635e;
  color: #fff;
  display: block;
  text-align: center;
  padding: 5px;
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.search {
  position: relative;
  margin-bottom: 25px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.search {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.search input[type=text] {
  border: 1px solid #555;
  width: 100%;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.search button {
  position: absolute;
  top: 8px;
  right: 15px;
  background: url(/common/img/ico_search.svg) no-repeat center center/contain;
  border: none;
  width: 18px;
  height: 18px;
  text-indent: 20px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.lang {
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.lang {
    display: none;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.lang.active > span::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.lang > span {
  display: block;
  border-bottom: 1px solid #555;
  padding-bottom: 10px;
  cursor: pointer;
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.lang > span::after {
  content: "";
  height: 10px;
  width: 10px;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.lang ul {
  display: none;
  background: #fff;
  padding: 10px;
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.lang ul li {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.gbac {
    width: 100%;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.gbac ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.gbac ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.gbac ul li {
    padding: 0 10px;
  }
}
#mainContent body.hotel #footer .footer02 .contentInner > div > ul > li.gbac ul img {
  height: 85px;
}
#mainContent body.hotel #footer .footer03 {
  background: #414141;
  color: #fff;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 {
    text-align: center;
  }
}
#mainContent body.hotel #footer .footer03 .contentInner {
  position: relative;
  padding: 35px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .contentInner {
    padding: 30px 0 25px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl {
    margin-bottom: 30px;
  }
}
#mainContent body.hotel #footer .footer03 #link_site > dl.active > dt::before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  top: 6px;
  right: 0;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dt {
  float: right;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  padding-right: 20px;
  display: inline-block;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dt {
    float: none;
    font-size: 16px;
  }
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dt::before {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  content: "";
  height: 10px;
  width: 10px;
  border-right: 2px solid rgba(255, 255, 255, 0.7);
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  display: block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  right: 0;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd {
  clear: both;
  font-size: 12px;
  padding-top: 10px;
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd {
    text-align: left;
  }
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd a {
  color: rgba(255, 255, 255, 0.5);
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos {
  padding: 20px 0;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos ul {
  padding: 0;
  list-style: none;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos li {
  float: left;
  margin: 0;
  padding: 0;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos img {
  display: block;
  margin: 0;
  padding: 0;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .mds_link {
  font-size: 16px;
  margin-bottom: 1em;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .mds_line_blue {
  padding: 0 0 0.5em 0;
  margin-top: 0em;
  margin-bottom: 1.5em;
  font-size: 1.25em;
  border-bottom: #999 solid 3px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd ul {
  padding: 0 0 10px 0;
  list-style: none;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd li {
  margin-bottom: 8px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .institution {
  float: left;
  display: inline;
  width: 18%;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd ul a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd ul a:hover {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .list_link {
  font-size: 12px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area {
  float: right;
  display: inline;
  width: 80%;
  position: relative;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area p {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area p.sisetu_color br {
  display: none;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area span.stay {
  display: inline-block;
  border-left: 4px solid #2096cf;
  padding-left: 5px;
  margin-bottom: 4px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area span.wed {
  display: inline-block;
  border-left: 4px solid #e071ec;
  margin-left: 20px;
  padding-left: 5px;
  margin-bottom: 4px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area span.rest {
  display: inline-block;
  border-left: 4px solid #a5a63f;
  margin-left: 20px;
  padding-left: 5px;
  margin-bottom: 4px;
}
@media (min-width: 370px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area span.play {
    display: inline-block;
    border-left: 4px solid #43994e;
    margin-left: 20px;
    padding-left: 5px;
    margin-bottom: 4px;
  }
}
@media (max-width: 369px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area span.rest {
    display: inline-block;
    border-left: 4px solid #a5a63f;
    margin-left: 20px;
    margin-right: 10px;
    padding-left: 5px;
    margin-bottom: 4px;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area span.play {
    display: inline-block;
    border-left: 4px solid #43994e;
    margin-left: 0px;
    padding-left: 5px;
    margin-bottom: 4px;
  }
}
@media (max-width: 347px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area span.play {
    display: inline-block;
    border-left: 4px solid #43994e;
    margin-left: 0px;
    padding-left: 5px;
    margin-bottom: 4px;
  }
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area .wrap {
  float: left;
  display: inline;
  width: 23.5%;
  margin-right: 10px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area .wrap:last-child {
  margin-right: 0px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area li.stay {
  border-left: 4px solid #2096cf;
  padding-left: 5px;
  color: rgba(255, 255, 255, 0.5);
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area li.wed {
  border-left: 4px solid #e071ec;
  padding-left: 5px;
  color: rgba(255, 255, 255, 0.5);
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area li.rest {
  border-left: 4px solid #a5a63f;
  padding-left: 5px;
  color: rgba(255, 255, 255, 0.5);
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .area li.play {
  border-left: 4px solid #43994e;
  padding-left: 5px;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos ul {
    padding: 0;
    list-style: none;
    text-align: center;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 33%;
    text-align: center;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos li:nth-child(7) {
    clear: left;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd #logos li img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .mds_line_blue {
    clear: both;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .institution {
    float: none;
    display: block;
    width: 100%;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .institution .wrap {
    float: left;
    width: 48%;
    margin-right: 2%;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .institution .wrap:last-child {
    margin-right: 0;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area {
    float: none;
    width: 100%;
    display: block;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area .wrap {
    float: left;
    display: inline;
    width: 48%;
    margin-right: 2%;
  }
}
@media (min-width: 480px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area p {
    position: relative;
    margin: 0 0 20px 0;
    width: 100%;
    text-align: right;
  }
}
@media (max-width: 479px) {
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .area p {
    position: relative;
    margin: 0 0 20px 0;
    width: 100%;
    text-align: left;
  }
}
#mainContent body.hotel #footer .footer03 #link_site .footer_link_color {
  color: #888;
}
#mainContent body.hotel #footer .footer03 .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .box {
    display: block;
  }
}
#mainContent body.hotel #footer .footer03 .box .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .box .info {
    display: block;
  }
}
#mainContent body.hotel #footer .footer03 .box .info dt {
  font-size: 22px;
  padding-right: 8%;
  white-space: nowrap;
  min-width: 220px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .box .info dt {
    font-size: 24px;
    margin-bottom: 10px;
    padding-right: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .box .info dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 30px;
  }
}
#mainContent body.hotel #footer .footer03 .box .info dd .ttl {
  font-size: 12px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .box .info dd .ttl {
    font-size: 14px;
    display: block;
  }
}
#mainContent body.hotel #footer .footer03 .box .info dd .tel {
  font-size: 18px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .box .info dd .tel {
    font-size: 25px;
  }
}
#mainContent body.hotel #footer .footer03 .box .info dd .sub {
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #footer .footer03 .box .info dd .sub {
    font-size: 16px;
  }
}
#mainContent body.hotel #footer .footer03 .box .copy {
  font-size: 10px;
}
#mainContent body.hotel #mainVisual {
  position: relative;
  margin-bottom: 4px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainVisual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent body.hotel #mainVisual .bnr {
  position: absolute;
  bottom: 40px;
  right: 0;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  width: 310px;
  height: 80px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainVisual .bnr {
    bottom: 0;
    margin: 10px auto;
    position: relative;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
#mainContent body.hotel #mainVisual .bnr dl {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  width: 310px;
  height: 80px;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel #mainVisual .bnr dl:hover {
  opacity: 1;
  background: #eee;
}
#mainContent body.hotel #mainVisual .bnr dl.active {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  right: -100%;
  opacity: 1;
}
#mainContent body.hotel #mainVisual .bnr dl dt {
  padding: 13px;
  width: 100px;
  height: 80px;
}
#mainContent body.hotel #mainVisual .bnr dl dt span {
  display: block;
  height: 100%;
  background: url(/common/img/logo.svg) no-repeat center center #eee;
}
#mainContent body.hotel #mainVisual .bnr dl dt span img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
#mainContent body.hotel #mainVisual .bnr dl dd {
  text-align: left;
  padding: 0px 30px 0 0;
  font-size: 13px;
  line-height: 1.5;
  height: 100%;
  width: calc(100% - 100px);
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel #mainVisual .bnr dl dd span {
  overflow: hidden;
  display: block;
  max-height: 60px;
}
@media screen and (max-width: 767px) {
  #mainContent body.hotel #mainVisual .bnr dl dd span.pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #mainContent body.hotel #mainVisual .bnr dl dd span.sp {
    display: none;
  }
}
#mainContent body.hotel #mainVisual .bnr dl dd a {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent body.hotel #mainVisual .bnr dl dd a::after {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -6px;
}
#mainContent body.hotel #mainVisual .info {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  padding: 6px 0px;
  position: absolute;
  width: 100%;
  bottom: 0;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel #mainVisual .info a {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainVisual .info {
    position: relative;
  }
}
#mainContent body.hotel #mainVisual .slider li img {
  width: 100%;
  height: 660px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
#mainContent body.hotel #mainVisual .slider li img.sp {
  display: none;
}
#mainContent body.hotel #mainVisual .slick-track {
  max-height: 660px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainVisual .slider li img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  #mainContent body.hotel #mainVisual .slider li img.pc {
    display: none;
  }
  #mainContent body.hotel #mainVisual .slider li img.sp {
    display: block;
  }
  #mainContent body.hotel #mainVisual .slick-track {
    height: 106vw;
  }
}
#mainContent body.hotel .promoArea .titleStyle02 {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  #mainContent body.hotel .promoArea .titleStyle02 {
    margin-top: 20px;
  }
}
#mainContent body.hotel #movieArea {
  background: url(/common/img/top/movie.jpg) no-repeat center center;
  background-size: cover;
  min-height: 400px;
  text-align: center;
  position: relative;
  margin-bottom: 90px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #movieArea {
    margin-bottom: 30px;
    min-height: 260px;
  }
}
#mainContent body.hotel #movieArea a {
  color: #fff;
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel #movieArea a:hover {
  background: rgba(0, 131, 69, 0.5);
  opacity: 1;
}
#mainContent body.hotel #movieArea .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding-bottom: 80px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #movieArea .inner {
    padding-bottom: 30px;
  }
}
#mainContent body.hotel #movieArea .inner .ttl {
  margin-bottom: 110px;
  font-size: 18px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #movieArea .inner .ttl {
    margin-bottom: 80px;
    font-size: 16px;
  }
}
#mainContent body.hotel #movieArea .inner .play {
  position: relative;
}
#mainContent body.hotel #movieArea .inner .play::before {
  content: "";
  width: 77px;
  height: 55px;
  background: url("/common/img/icon_play.svg") no-repeat;
  background-size: contain;
  opacity: 0.5;
  display: block;
  position: absolute;
  top: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #movieArea .inner .play::before {
    width: 60px;
    height: 45px;
    top: -60px;
  }
}
#mainContent body.hotel #introArea .cont {
  max-width: 1366px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #introArea .cont {
    max-width: 600px;
    margin: 0 auto 20px;
  }
}
#mainContent body.hotel #introArea .cont:nth-of-type(even) .inner .img {
  left: inherit;
  right: 0;
}
#mainContent body.hotel #introArea .cont:nth-of-type(even) .inner .txtBox {
  padding: 50px 800px 0 50px;
}
@media screen and (max-width: 1365px) {
  #mainContent body.hotel #introArea .cont:nth-of-type(even) .inner .txtBox {
    padding: 3.5vw 58vw 0 3vw;
  }
}
#mainContent body.hotel #introArea .cont .ttl {
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 80px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #introArea .cont .ttl {
    margin-bottom: 10px;
    font-size: 24px;
  }
}
#mainContent body.hotel #introArea .cont .inner {
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #introArea .cont .inner {
    padding: 30px;
  }
}
#mainContent body.hotel #introArea .cont .inner .img {
  position: absolute;
  top: -50px;
  left: 0;
  z-index: -1;
}
@media screen and (max-width: 1365px) {
  #mainContent body.hotel #introArea .cont .inner .img {
    width: 60vw;
    top: -4vw;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #introArea .cont .inner .img {
    width: auto;
    top: 0;
  }
}
#mainContent body.hotel #introArea .cont .inner .txtBox {
  border: 1px solid #aaa;
  max-width: 1235px;
  margin: 0 auto;
  padding: 50px 20px 0 790px;
  min-height: 470px;
}
@media screen and (max-width: 1365px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox {
    width: 91%;
    padding: 3.5vw 1.4vw 0 58vw;
    min-height: 34vw;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox {
    width: auto;
    min-height: auto;
    padding: 320px 30px 30px 30px !important;
  }
}
@media screen and (max-width: 620px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox {
    padding: 52vw 5vw 5vw 5vw !important;
  }
}
#mainContent body.hotel #introArea .cont .inner .txtBox .subttl {
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media screen and (max-width: 1365px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox .subttl {
    font-size: 2.3vw;
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox .subttl {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 620px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox .subttl {
    font-size: 5.3vw;
  }
}
#mainContent body.hotel #introArea .cont .inner .txtBox .txt {
  font-size: 15px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1365px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox .txt {
    font-size: 1.1vw;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #introArea .cont .inner .txtBox .txt {
    display: none;
  }
}
#mainContent body.hotel #guestArea {
  background: #eee;
  text-align: center;
  padding: 50px 0;
}
#mainContent body.hotel #guestArea .inner {
  display: inline-block;
  margin-bottom: 20px;
}
#mainContent body.hotel #guestArea .inner .ttl {
  font-size: 32px;
  line-height: 1;
}
#mainContent body.hotel #guestArea .inner .subttl {
  font-size: 14px;
  text-align: right;
}
#mainContent body.hotel #guestArea .figure {
  margin-bottom: 40px;
}
#mainContent body.hotel #infoArea,
#mainContent body.hotel .infoArea {
  text-align: center;
  padding: 70px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #infoArea,
  #mainContent body.hotel .infoArea {
    padding: 35px 0;
  }
}
#mainContent body.hotel #infoArea .ttl,
#mainContent body.hotel .infoArea .ttl {
  font-size: 32px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #infoArea .ttl,
  #mainContent body.hotel .infoArea .ttl {
    font-size: 24px;
  }
}
#mainContent body.hotel #infoArea .ttl.notes,
#mainContent body.hotel .infoArea .ttl.notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #infoArea .ttl.notes,
  #mainContent body.hotel .infoArea .ttl.notes {
    display: block;
  }
}
#mainContent body.hotel #infoArea .ttl .notesTxt,
#mainContent body.hotel .infoArea .ttl .notesTxt {
  display: inline-block;
  font-size: 13px;
  margin-left: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #infoArea .ttl .notesTxt,
  #mainContent body.hotel .infoArea .ttl .notesTxt {
    margin-left: 0;
    display: block;
    text-align: center;
  }
}
#mainContent body.hotel #infoArea .ttl .notesTxt.line,
#mainContent body.hotel .infoArea .ttl .notesTxt.line {
  padding: 5px 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #infoArea .ttl .notesTxt.line,
  #mainContent body.hotel .infoArea .ttl .notesTxt.line {
    margin-top: 10px;
  }
}
#mainContent body.hotel #infoArea .listStyle02,
#mainContent body.hotel .infoArea .listStyle02 {
  margin: 0 auto 30px;
  max-width: 840px;
}
#mainContent body.hotel #accessArea {
  text-align: center;
  padding-bottom: 110px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #accessArea {
    padding-bottom: 20px;
  }
}
#mainContent body.hotel #accessArea .ttl {
  font-size: 32px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #accessArea .ttl {
    font-size: 24px;
  }
}
#mainContent body.hotel #accessArea .map {
  margin-bottom: 20px;
}
#mainContent body.hotel #accessArea .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #accessArea .txt {
    display: block;
  }
}
#mainContent body.hotel #accessArea .txt p {
  line-height: 1.9;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #accessArea .txt p {
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #accessArea .txt ul {
    margin-bottom: 20px;
  }
}
#mainContent #narita .access_table {
  width: 100%;
}
#mainContent body.hotel #accessArea .access_table tr,
#mainContent .access_table th,
#mainContent .access_table td {
  border: 1px solid #000;
  text-align: center;
  padding: 8px 16px;
  vertical-align: middle;
}
#mainContent #narita .no-wrap {
  white-space: nowrap;
}
#mainContent #narita .no-wrap-pc {
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  #mainContent #narita .no-wrap-pc {
    white-space: normal;
  }
}
#mainContent #train .no-wrap {
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  #mainContent #train .no-wrap {
    white-space: normal;
  }
}
#mainContent body.hotel #aboutArea {
  text-align: center;
  padding-bottom: 110px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #aboutArea {
    padding-bottom: 20px;
  }
}
#mainContent body.hotel #aboutArea .ttl {
  font-size: 32px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #aboutArea .ttl {
    font-size: 24px;
  }
}
#mainContent body.hotel #aboutArea .txt {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #aboutArea .txt {
    display: block;
  }
}
#mainContent body.hotel #aboutArea .txt p {
  line-height: 1.9;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #aboutArea .txt p {
    line-height: 1.5;
    margin-bottom: 20px;
  }
}
#mainContent body.hotel .headerNotice {
  padding: 40px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel .headerNotice {
    padding: 20px 0;
  }
}
#mainContent body.hotel.top .block {
  padding: 80px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.top .block {
    padding: 40px 0;
  }
}
#mainContent body.hotel.top .block.padSSmall {
  padding: 30px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.top .block.padSSmall {
    padding: 15px 0;
  }
}
#mainContent body.hotel.top .block.padSmall {
  padding: 60px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.top .block.padSmall {
    padding: 30px 0;
  }
}
#mainContent body.hotel.top .block.padLarge {
  padding: 100px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.top .block.padLarge {
    padding: 50px 0;
  }
}
#mainContent body.hotel.top .block.bgBeige01 {
  background: #f3ece1;
}
#mainContent body.hotel.top .block.bgBeige02 {
  background: #efe6d3;
}
#mainContent body.hotel.top .block.bgBeige03 {
  background: #f1ebdd;
}
#mainContent body.hotel.top .block.bgGray01 {
  background: #eee;
}
#mainContent body.hotel.top .block.bgPattern01 {
  background: url(/common/img/bg_pattern01.png);
}
#mainContent body.hotel.top .block.bgWood {
  background: url(/common/img/bg_wood.jpg) 0 0/cover no-repeat;
}
#mainContent body.hotel.top .block.topLine {
  border-top: 1px solid #888;
}
#mainContent body.hotel.sub {
  font-size: 1.5em;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub {
    font-size: 1.4em;
  }
}
#mainContent body.hotel.sub #mainVisual {
  position: relative;
  margin-bottom: 0;
  height: 30vw;
  min-height: 400px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #mainVisual {
    height: auto;
    min-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent body.hotel.sub #mainVisual.type01 {
  height: 50vw;
  max-height: 680px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #mainVisual.type01 {
    height: auto;
  }
  #mainContent body.hotel.sub #mainVisual.type01 .main {
    height: 66vw;
  }
}
#mainContent body.hotel.sub #mainVisual .content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #mainVisual .content {
    height: 80vw;
  }
}
#mainContent body.hotel.sub #mainVisual .pageTtl {
  background: rgba(0, 0, 0, 0.6);
  padding: 60px 20px 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #mainVisual .pageTtl {
    padding: 25px 10px 10px;
    font-size: 20px;
  }
}
#mainContent body.hotel.sub #mainVisual .copy {
  color: #fff;
  font-size: 20px;
  margin-top: 160px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #mainVisual .copy {
    font-size: 13px;
    margin-top: 23vw;
  }
}
#mainContent body.hotel.sub #mainVisual .copy .large {
  font-size: 1.5em;
}
#mainContent body.hotel.sub #mainVisual .btnStyle05 {
  position: absolute;
  bottom: 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #mainVisual .btnStyle05 {
    bottom: 20px;
  }
}
#mainContent body.hotel.sub #mainVisual .main {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #mainVisual .main {
    height: 80vw;
    position: relative;
  }
}
#mainContent body.hotel.sub #mainVisual .main img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent body.hotel.sub #mainVisual .main.hasBgMovie {
  background: #000;
}
#mainContent body.hotel.sub #mainVisual .main.hasBgMovie img.pc {
  display: none;
}
#mainContent body.hotel.sub #mainVisual .main .bgMovie {
  display: none;
  height: 56.25vw;
  width: 100vw;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainContent body.hotel.sub #infoArea .ttl,
#mainContent body.hotel.sub .infoArea .ttl {
  text-align: left;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent body.hotel.sub #infoArea .listStyle02,
#mainContent body.hotel.sub .infoArea .listStyle02 {
  max-width: 1000px;
}
#mainContent body.hotel.sub #infoArea .btnStyle01,
#mainContent body.hotel.sub .infoArea .btnStyle01 {
  text-align: right;
}
#mainContent body.hotel.sub #infoArea.topLine,
#mainContent body.hotel.sub .infoArea.topLine {
  border-top: 1px solid #888;
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #infoArea.topLine,
  #mainContent body.hotel.sub .infoArea.topLine {
    margin-top: 0;
  }
}
#mainContent body.hotel.sub .block {
  padding: 80px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .block {
    padding: 40px 0;
  }
}
#mainContent body.hotel.sub .block.padSSmall {
  padding: 30px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .block.padSSmall {
    padding: 15px 0;
  }
}
#mainContent body.hotel.sub .block.padSmall {
  padding: 60px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .block.padSmall {
    padding: 30px 0;
  }
}
#mainContent body.hotel.sub .block.padLarge {
  padding: 100px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .block.padLarge {
    padding: 50px 0;
  }
}
#mainContent body.hotel.sub .block.bgBeige01 {
  background: #f3ece1;
}
#mainContent body.hotel.sub .block.bgBeige02 {
  background: #efe6d3;
}
#mainContent body.hotel.sub .block.bgBeige03 {
  background: #f1ebdd;
}
#mainContent body.hotel.sub .block.bgGray01 {
  background: #eee;
}
#mainContent body.hotel.sub .block.bgPattern01 {
  background: url(/common/img/bg_pattern01.png);
}
#mainContent body.hotel.sub .block.bgWood {
  background: url(/common/img/bg_wood.jpg) 0 0/cover no-repeat;
}
#mainContent body.hotel.sub .block.topLine {
  border-top: 1px solid #888;
}
#mainContent body.hotel.sub .wedding-style .block {
  padding: 40px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .wedding-style .block {
    padding: 20px 0;
  }
}
#mainContent body.hotel.sub .headerPageNav {
  padding: 20px 0;
  background: #eee;
  font-size: 14px;
}
#mainContent body.hotel.sub .breadcrumb {
  background: #ddd;
  font-size: 14px;
  padding: 10px 0;
  color: #555;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .breadcrumb {
    padding: 5px 0;
  }
}
#mainContent body.hotel.sub .breadcrumb ul li {
  display: inline-block;
}
#mainContent body.hotel.sub .breadcrumb ul li:not(:last-child) {
  position: relative;
  margin-right: 25px;
}
#mainContent body.hotel.sub .breadcrumb ul li:not(:last-child):after {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: translateY(-50%) scaleY(0.9) rotate(45deg);
  transform: translateY(-50%) scaleY(0.9) rotate(45deg);
  position: absolute;
  top: 46%;
  right: -18px;
}
#mainContent body.hotel.sub .breadcrumb ul li a {
  color: #555;
}
#mainContent body.hotel.sub .localNav {
  background: #eee;
  font-size: 16px;
  padding: 30px 0 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .localNav {
    font-size: 14px;
  }
}
#mainContent body.hotel.sub .localNav .contentInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .localNav .contentInner {
    display: block;
  }
}
#mainContent body.hotel.sub .localNav .ttl {
  min-width: 110px;
  margin-right: 30px;
  margin-bottom: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #555;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .localNav .ttl {
    margin-right: 0;
    text-align: center;
  }
}
#mainContent body.hotel.sub .localNav .ttl span,
#mainContent body.hotel.sub .localNav .ttl a {
  font-weight: bold;
  padding-bottom: 7px;
}
#mainContent body.hotel.sub .localNav .ttl.current span,
#mainContent body.hotel.sub .localNav .ttl.current a {
  border-bottom: 1px solid #555;
  -webkit-transition: border-color 0.1s;
  transition: border-color 0.1s;
}
#mainContent body.hotel.sub .localNav .ttl.current a:hover {
  border-color: transparent;
}
@media screen and (min-width: 1024px) {
  #mainContent body.hotel.sub .localNav ul {
    margin-right: -30px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .localNav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
#mainContent body.hotel.sub .localNav ul li {
  display: inline-block;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .localNav ul li {
    width: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
#mainContent body.hotel.sub .localNav ul li:not(:last-child) {
  margin-right: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub .localNav ul li:not(:last-child) {
    margin-right: 0;
  }
}
#mainContent body.hotel.sub .localNav ul li a {
  color: #555;
}
#mainContent body.hotel.sub .localNav ul li.current a {
  position: relative;
}
#mainContent body.hotel.sub .localNav ul li.current a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #222;
  bottom: -10px;
  left: 0;
}
#mainContent body.hotel.sub #selectedArea {
  background: #eee;
  padding-bottom: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
#mainContent body.hotel.sub #selectedArea.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#mainContent body.hotel.sub #selectedArea .sectionTtl {
  background: #64635e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 30px;
}
#mainContent body.hotel.sub #compareArea {
  display: none;
  background: #eee;
  margin-top: 40px;
  padding: 40px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.sub #compareArea {
    margin-top: 20px;
  }
}
#mainContent body.hotel.sub #compareItemBox .checkStyle01 {
  display: none;
}
@media screen and (min-width: 1024px) {
  #mainContent body.hotel.sub #compareItemBox {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#mainContent body.hotel.banquet #reason {
  padding: 40px 0;
  background: url(/common/img/banquet/reason_bg.jpg) center center/cover no-repeat;
  text-align: center;
}
#mainContent body.hotel.banquet #reason .boxStyle06 {
  width: 90%;
  max-width: 800px;
  margin: auto;
}
#mainContent body.hotel.banquet #reason p {
  line-height: 2;
}
#mainContent body.hotel.relaxation .spaArea {
  background: url(/common/img/relaxation/spaarea_bg.jpg) center center/cover no-repeat;
  padding: 40px 0 60px;
}
#mainContent body.hotel.relaxation .spaArea .boxStyle06 {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}
#mainContent body.hotel.relaxation .spaArea .btnStyle01 {
  margin: 40px 0 -72px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .spaArea .btnStyle01 {
    margin: 20px 0 -45px;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .main {
  position: relative;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .mv {
  position: relative;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .mv:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 22%;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .mv img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .main .mv:before {
    padding-top: 42.5%;
    padding-top: 90%;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .main .img {
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .main .img {
    display: block;
    padding: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #mainContent body.hotel.relaxation .loccitaneMV .main .img img {
    width: 70px;
    position: relative;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr {
  position: absolute;
  bottom: 40px;
  right: 0;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  width: 310px;
  height: 80px;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .main .bnr {
    bottom: 10px;
    right: inherit;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  width: 310px;
  height: 80px;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl:hover {
  opacity: 1;
  background: #eee;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl.active {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  right: -100%;
  opacity: 1;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dt {
  padding: 13px;
  width: 100px;
  height: 80px;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dt span {
  display: block;
  height: 100%;
  background: url(/common/img/logo.svg) no-repeat center center #eee;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dt span img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dd {
  text-align: left;
  padding: 0px 30px 0 0;
  font-size: 13px;
  line-height: 1.5;
  height: 100%;
  width: calc(100% - 100px);
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dd span {
  overflow: hidden;
  display: block;
  max-height: 60px;
}
@media screen and (max-width: 767px) {
  #mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dd span.pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dd span.sp {
    display: none;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dd a {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent body.hotel.relaxation .loccitaneMV .main .bnr dl dd a::after {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -6px;
}
#mainContent body.hotel.relaxation .loccitaneMV .copy {
  background: #ffcb00 url(/common/img/relaxation/spabyloccitane/bg_copy.png) center no-repeat;
  padding: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .copy {
    line-height: 1.3;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .info {
  border-bottom: 40px solid #ffcb00;
  background: url(/common/img/relaxation/spabyloccitane/bg_leaf_pc.png) center no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 25px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .info {
    border-bottom: 30px solid #ffcb00;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .info .img {
  margin: 0 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .info .img {
    display: none;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .info .txt {
  margin: 0 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .info .txt {
    text-align: center;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .info .txt .time {
  font-size: 13px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .info .txt .time {
    font-size: 10px;
  }
}
#mainContent body.hotel.relaxation .loccitaneMV .info .txt .tel {
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation .loccitaneMV .info .txt .tel {
    display: block;
    font-size: 14px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation #specialGift {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
#mainContent body.hotel.relaxation #specialGift .contentInner {
  background: #ffcb00;
  padding: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation #specialGift .contentInner {
    padding: 20px;
  }
}
#mainContent body.hotel.relaxation #specialGift .contentInner .titleStyle02 {
  font-size: 20px;
}
#mainContent body.hotel.relaxation #specialGift .contentInner .titleStyle06 span {
  font-size: 13px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.relaxation #specialGift .contentInner .btnStyle01 li {
    display: block;
    text-align: center;
  }
}
#mainContent body.hotel.relaxation #specialGift .contentInner .btnStyle01 li a {
  background: #fff;
  border: none;
}
#mainContent body.hotel.garden #footer .footer01 .pagetop {
  position: absolute;
  bottom: 0;
}
#mainContent body.hotel.garden .gardenTour {
  height: 100vh;
  padding-top: 85px;
  margin-top: -85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .gardenTour {
    height: auto;
    padding-top: 90px;
    margin-top: -90px;
    display: block;
  }
}
#mainContent body.hotel.garden .gardenTour:nth-of-type(2n) .nav {
  background: #0e2c27;
}
#mainContent body.hotel.garden .gardenTour:nth-of-type(2n) .scrollNav li {
  color: #0e2c27;
}
#mainContent body.hotel.garden .gardenTour .nav {
  width: 400px;
  background: #008241;
  padding: 40px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .gardenTour .nav {
    width: 100%;
    padding: 20px 0;
  }
}
#mainContent body.hotel.garden .gardenTour .nav .imgBox {
  width: 50%;
  position: relative;
  margin: 0 auto 30px;
  border-radius: 100%;
  overflow: hidden;
}
#mainContent body.hotel.garden .gardenTour .nav .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#mainContent body.hotel.garden .gardenTour .nav .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .gardenTour .nav .imgBox {
    width: 35%;
    margin-bottom: 20px;
  }
}
#mainContent body.hotel.garden .gardenTour .photo {
  width: calc(100% - 400px);
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .gardenTour .photo {
    width: 100%;
  }
}
#mainContent body.hotel.garden .gardenTour .photo .imgBox {
  position: relative;
  height: 100%;
}
#mainContent body.hotel.garden .gardenTour .photo .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .gardenTour .photo .imgBox {
    height: 65vw;
  }
}
#mainContent body.hotel.garden .gardenTour .photo .txtBox {
  width: 100%;
  padding-right: 80px;
  position: absolute;
  color: #fff;
  padding: 30px 60px 30px 30px;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .gardenTour .photo .txtBox {
    padding: 15px;
    background: #000;
    position: relative;
  }
}
#mainContent body.hotel.garden .gardenTour .photo .txtBox .titleStyle02 {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .gardenTour .photo .txtBox .titleStyle02 {
    font-size: 18px;
  }
}
#mainContent body.hotel.garden .scrollNav {
  display: table;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .scrollNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent body.hotel.garden .scrollNav li {
  text-align: center;
  margin-bottom: 10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body.hotel.garden .scrollNav li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .scrollNav li:not(:last-child) {
    margin-right: 10px;
  }
}
#mainContent body.hotel.garden .scrollNav li.num {
  color: #fff !important;
}
#mainContent body.hotel.garden .scrollNav li.label {
  background: #fff;
  padding: 2px 5px 0 5px;
  color: #008241;
  display: inline-block;
}
#mainContent body.hotel.garden .scrollNav li.label a {
  color: #008241;
}
#mainContent body.hotel.garden .scrollNav li.label.start {
  pointer-events: none;
}
#mainContent body.hotel.garden .scrollNav li.current {
  position: relative;
}
#mainContent body.hotel.garden .scrollNav li.current:before {
  content: "";
  height: 6px;
  width: 6px;
  display: block;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .scrollNav li.current:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    bottom: -10px;
    top: auto;
    left: 5px;
  }
}
#mainContent body.hotel.garden .scrollNav li.current a {
  pointer-events: none;
}
#mainContent body.hotel.garden .nextBtn {
  width: 22px;
  height: 38px;
  background: url(/common/img/arrow03_white.svg) center center/contain no-repeat;
  position: absolute;
  right: 20px;
  bottom: 20px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body.hotel.garden .nextBtn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden .nextBtn {
    width: 11px;
    height: 19px;
    bottom: auto;
    top: 20px;
  }
}
#mainContent body.hotel.garden #mainVisual .nextBtn {
  bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.garden #mainVisual .nextBtn {
    top: auto;
    bottom: 60px;
  }
}
#mainContent body.hotel.garden #activity .listStyle04 > li .imgBox img {
  z-index: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.guests_gallery .titleStyle01 .instaLogo img,
  #mainContent body.hotel.guests_gallery #mainContent .boxStyle05 > .ttl .instaLogo img,
  #mainContent #mainContent body.hotel.guests_gallery .boxStyle05 > .ttl .instaLogo img {
    width: 55px;
  }
}
#mainContent body.hotel.about .aboutDescription {
  margin-top: -100px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.about .aboutDescription {
    margin-top: -50px;
  }
}
#mainContent body .atmTop {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
#mainContent body .atmCen {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
#mainContent body .flexAround {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
#mainContent body .w50 {
  width: 50%;
}
#mainContent body .w15 {
  width: 15%;
}
#mainContent body .w20 {
  width: 20%;
}
#mainContent body .w23 {
  width: 23%;
}
#mainContent body .w8 {
  width: 8%;
}
#mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner .photoUl {
  width: 18.75%;
  text-align: center;
}
#mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner .textBox {
  width: 80%;
}
#mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner01 .photoUl {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
#mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner01 .textBox {
  width: 55%;
}
#mainContent body.hall #mainContent .listStyle12 dl dt {
  width: 28%;
}
#mainContent body.hall #mainContent .listStyle15 {
  font-size: 0;
  display: block;
  text-align: center;
}
#mainContent body.hall #mainContent .listStyle15 dl {
  font-size: 0;
  display: inline-block;
}
#mainContent body.room.stay #mainContent .col2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent body.restaurant #mainContent .listStyle12 dl dt {
  width: 22%;
}
#mainContent body.restaurant #mainContent .listStyle17 .ttl span {
  font-size: 15px;
}
#mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle > dt {
  margin-right: 3.5%;
  width: 47%;
}
#mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle > dt .imgBox {
  margin-right: 0;
  width: 38.8%;
}
#mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle > dt .ttl {
  width: 54%;
}
#mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle > dd {
  width: 49.5%;
}
#mainContent body.hotel #restaurantList .map {
  position: relative;
  width: 460px;
  height: 400px;
}
@media screen and (max-width: 767px) {
  #mainContent body.hotel #restaurantList .map {
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
  }
}
#mainContent body.hotel #restaurantList .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mainContent body.stay #mainContent .listStyle04 li a .bold {
  position: relative;
}
#mainContent body.stay #mainContent .listStyle04 li a .bold:before {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainContent body.stay.hospitality #mainContent .bgGray {
  background: #eee;
}
#mainContent body.banquet.mice #mainContent .sliderNav01.hidden {
  display: none !important;
}
#mainContent body #mainContent .tableStyle01 {
  word-break: break-all;
}
#mainContent body.wedding.report #mainContent .titleStyle01,
#mainContent body.wedding.report #mainContent .boxStyle05 > .ttl {
  padding-top: 85px;
}
#mainContent body.wedding.report #mainContent .titleStyle06 {
  margin-bottom: 0;
  padding: 85px 0 29px;
}
#mainContent body.wedding.report #mainContent .boxStyle05 {
  margin-bottom: 40px;
  padding: 23px 0;
  line-height: 2;
  color: rgba(0, 0, 0, 0.8);
  font-family: "Yu Gothic";
}
#mainContent body.wedding.report #mainContent .report_detail {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#mainContent body.wedding.report #mainContent .report_detail > div {
  font-family: "Yu Gothic";
  width: 48%;
  line-height: 1.67;
}
#mainContent body.wedding.report #mainContent .report_detail > div:first-child {
  margin-right: 4%;
}
#mainContent body.wedding.report #mainContent .report_detail > div .photo {
  margin-bottom: 20px;
}
#mainContent body.wedding.report #mainContent .big_photo {
  margin-bottom: 40px;
}
#mainContent body.wedding.report #mainContent .com_report_ul {
  margin: 0 auto;
  max-width: 1040px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent body.wedding.report #mainContent .com_report_ul li {
  display: block;
  width: 31.4%;
  margin: 0 2.9% 40px 0;
  text-align: left;
}
#mainContent body.wedding.report #mainContent .com_report_ul li:nth-child(3n) {
  margin-right: 0;
}
#mainContent body.wedding.report #mainContent .com_report_ul li a {
  display: block;
  margin: 0;
  padding: 20px 20px 14px;
  -webkit-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.04);
  background-color: white;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
}
#mainContent body.wedding.report #mainContent .com_report_ul li p {
  margin: 0;
  line-height: 1.67;
  font-family: "Yu Gothic";
}
#mainContent body.wedding.report #mainContent .com_report_ul li p.gold {
  margin: 14px 0 9px;
  color: #856b30;
  font-weight: bold;
  line-height: 1.56;
}
#mainContent body.wedding.report #mainContent .com_report_ul li p.gold .icon {
  vertical-align: middle;
  margin-left: 10px;
}
#mainContent body.wedding.report #mainContent .com_report_ul li p.gold .icon img {
  vertical-align: middle;
  margin-top: -5px;
  width: auto;
}
#mainContent body.wedding.report #mainContent .bgGold {
  background: #ece3d1;
  /*.contentInner.long {
      max-width: 1260px;

      .com_report_ul {
          max-width: inherit;

          li {
              margin-right: 2.22%;
              width: 23.335%;

              &:nth-child(4n) {
                  margin-right: 0;
              }
          }
      }
  }*/
}
#mainContent body.contact #mainContent .acdStyle02.isOpen .acdToggle:after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mainContent body.contact #mainContent .acdStyle02 > .acdCont a {
  text-decoration: underline;
}
#mainContent body.contact #mainContent .smallTxt a {
  color: #b19b61;
  text-decoration: underline;
}
#mainContent body.garden.seasons #mainContent .sliderNav01,
#mainContent body.garden.seasons_summer #mainContent .sliderNav01,
#mainContent body.garden.seasons_autumn #mainContent .sliderNav01,
#mainContent body.garden.seasons_winter #mainContent .sliderNav01 {
  display: none;
}
#mainContent body.garden.profile #mainContent .btnStyle07 {
  margin-top: 60px;
}
#mainContent body.garden.profile #mainContent .btnStyle07 a {
  padding: 5px;
  text-align: center;
}
#mainContent body.garden.profile #mainContent .btnStyle07 a:after {
  display: none;
}
#mainContent body.garden.profile #mainContent .profile {
  margin-bottom: 50px;
}
#mainContent body.garden.profile #mainContent .profile .sliderStyle01 {
  max-width: 800px;
  margin: 0 auto 10px;
}
#mainContent body.garden.profile #mainContent .profile .titleStyle09 {
  margin-top: 30px;
}
#mainContent body.garden.profile #mainContent .profile .profileBox > ul {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #888;
}
#mainContent body.garden.profile #mainContent .profile .profileBox > ul > li {
  width: 23%;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle04 .cont {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle04 .cont:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle03 {
  margin-bottom: 50px;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle03 .inner {
  padding: 0 20px;
}
#mainContent body.garden.topic #mainContent .titleStyle09.tal {
  text-align: left;
}
#mainContent body.garden.topic #mainContent .sliderNav01 {
  margin-bottom: 50px;
}
#mainContent body.garden.topic #mainContent p {
  margin-bottom: 30px;
}
#mainContent body.wedding.cuisine #mainContent {
  margin-bottom: 100px;
}
#mainContent body.wedding.cuisine #mainContent .boxStyle05 {
  margin-bottom: 30px;
}
#mainContent body.wedding.cuisine #mainContent .boxStyle05 .ttl {
  color: #000;
  font-size: 16px;
}
#mainContent body.wedding.cuisine #mainContent .imgStyle01 ul li p {
  margin-top: 10px;
}
#mainContent body.wedding.cuisine #mainContent .imgBox {
  margin: 80px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body.wedding.cuisine #mainContent .imgBox .photoBox {
  width: 48%;
}
#mainContent body.wedding.cuisine #mainContent .imgBox .textBox {
  padding: 0 20px;
  width: 52%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.wedding.cuisine #mainContent .imgBox .textBox h2 {
  margin-bottom: 30px;
  color: #856b30;
  font-size: 24px;
  font-weight: bold;
}
#mainContent body.wedding.cuisine #mainContent .imgBox .textBox p {
  margin-bottom: 30px;
  font-size: 15px;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.wedding.cuisine #mainContent .innerBox {
  margin: 4px 4px 55px;
  padding: 35px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px dotted #846c39;
}
#mainContent body.wedding.cuisine #mainContent .innerBox:before {
  position: absolute;
  left: -4px;
  top: -4px;
  bottom: -4px;
  right: -4px;
  border: 1px solid #846c39;
  content: "";
}
#mainContent body.wedding.cuisine #mainContent .innerBox .photoBox {
  width: 20%;
}
#mainContent body.wedding.cuisine #mainContent .innerBox .photoBox p {
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
}
#mainContent body.wedding.cuisine #mainContent .innerBox .photoBox p span {
  font-size: 24px;
  display: block;
}
#mainContent body.wedding.cuisine #mainContent .innerBox .textBox {
  padding-left: 40px;
  width: 80%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.wedding.cuisine #mainContent .innerBox .textBox p {
  font-size: 15px;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.wedding.cuisine #mainContent .txtDl {
  margin-bottom: 100px;
  padding: 55px 0;
  text-align: center;
  background: url("/common/img/wedding/line02.png") repeat-x left top, url("/common/img/wedding/line02.png") repeat-x left bottom;
}
#mainContent body.wedding.cuisine #mainContent .txtDl dt {
  color: #856b30;
  font-size: 24px;
  font-weight: bold;
}
#mainContent body.wedding.cuisine #mainContent .linkUl {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent body.wedding.cuisine #mainContent .linkUl li {
  margin-bottom: 40px;
  width: 48%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#mainContent body.wedding.cuisine #mainContent .linkUl li a {
  display: block;
  font-weight: bold;
  position: relative;
}
#mainContent body.wedding.cuisine #mainContent .linkUl li a .ttl {
  padding: 0 5px 10px 10%;
  display: block;
  color: #856b30;
  font-size: 20px;
  position: absolute;
  top: 30%;
  left: 33%;
  right: 0;
  border-bottom: 1px solid #846c39;
}
#mainContent body.wedding.cuisine #mainContent .linkUl li a .txt {
  padding-right: 15px;
  display: block;
  position: absolute;
  bottom: 20%;
  right: 20px;
  background: url("../img/wedding/arrow06.png") no-repeat right center;
  background-size: 6px 10px;
}
#mainContent body.about.interview #interview_detail .contentInner {
  max-width: 800px;
}
#mainContent body.about.interview #interview_detail .contentInner .big_photo {
  margin-bottom: 30px;
}
#mainContent body.about.interview #interview_detail .contentInner .writeTxt {
  margin: 20px 0 50px;
  text-align: right;
  position: relative;
}
#mainContent body.about.interview #interview_detail .contentInner .writeTxt:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background: #000;
  content: "";
  height: 1px;
}
#mainContent body.about.interview #interview_detail .contentInner .writeTxt span {
  padding-left: 15px;
  position: relative;
  z-index: 1;
  font-size: 13px;
  display: inline-block;
  background: #fff;
}
#mainContent body.about.interview #interview_detail .contentInner .btnStyle01.long li {
  margin: 0 auto;
}
#mainContent body.about.gallery #mainContent .btnStyle05 a {
  margin: 0 20px 0 0;
  padding-right: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
#mainContent body.about.gallery #mainContent .btnStyle05 a:before {
  background: url("/common/img/about/arrow.png") no-repeat;
  right: 8px;
  top: 50%;
  width: 14px;
  height: 8px;
  border: none;
  left: auto;
}
#mainContent body.about.gallery #mainContent .bgBox {
  padding-top: 30px;
  background: #ece4d1;
}
#mainContent body.about.gallery #mainContent .bgBox .listStyle25 {
  text-align: center;
  margin-bottom: 0;
}
#mainContent body.member #mainContent .gray {
  padding: 30px 0;
  background: #eee;
}
#mainContent body.member #mainContent .gray .acdStyle02 dd a {
  text-decoration: underline;
}
#mainContent body.member #mainContent .gray .acdStyle02 dd a[href^="tel:"] {
  text-decoration: none;
}
#mainContent body.shop #mainContent .listStyle25 dl .btnStyle01 {
  margin-top: 30px;
}
#mainContent body.shop #mainContent .listStyle25 dl .btnStyle01 li:not(:last-child) {
  margin-bottom: 10px !important;
}
#mainContent body.shop #mainContent .gray {
  margin-top: 50px;
  padding: 30px 0;
  background: #eee;
}
#mainContent body.shop #mainContent .textAreaBox .btnStyle01 li {
  padding: 0;
}
#mainContent body.shop #mainContent .textAreaBox .btnStyle01 li:after {
  display: none;
}
#mainContent body.shop #mainContent .textAreaBox .btnStyle01 li a {
  text-decoration: none;
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line {
  padding: 0 0 0 1%;
  background: none;
  margin-bottom: 0;
  text-align: left;
  width: 13%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.shop.recommend #mainContent .listStyle10 li.line {
    font-size: 12px;
  }
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line:last-child {
  margin-right: 0;
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line:hover {
  opacity: 1;
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line a {
  display: block;
  border: 1px solid #888;
  padding: 5px 30px 5px 10px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  z-index: 1;
  border-color: #b39a62;
  color: #b39a62;
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b39a62;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line a::after {
  content: "";
  width: 15px;
  height: 11px;
  background: url(/common/img/arrow01_gold.svg) no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  margin-top: -6px;
  -webkit-transition: background 0.1s 0.2s;
  transition: background 0.1s 0.2s;
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line a:hover {
  opacity: 1;
  color: #fff;
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line a:hover::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#mainContent body.shop.recommend #mainContent .listStyle10 li.line a:hover::after {
  background-image: url(/common/img/arrow01_white.svg);
}
#mainContent body.shop.recommend #mainContent .listStyle22 li.new .imgBox {
  position: relative;
}
#mainContent body.shop.recommend #mainContent .listStyle22 li.new .imgBox:after {
  content: "NEW";
  display: block;
  position: absolute;
  width: 60px;
  height: 30px;
  padding-left: 10px;
  line-height: 32px;
  font-size: 13px;
  color: #fff;
  background: url(/common/img/label_new.png) 0 0/contain no-repeat;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.shop.recommend #mainContent .listStyle22 li.new .imgBox:after {
    width: 44px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding-left: 5px;
  }
}
#mainContent body.hotel.press #header {
  -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
}
#mainContent body.hotel.press #mainContent .contentInner .leadTxt {
  font-size: 15px;
  text-align: center;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news li {
  margin-bottom: 40px;
  border: 1px solid #555;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a {
  padding: 40px;
  display: block;
  position: relative;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a.noLink {
  pointer-events: none;
  opacity: 1 !important;
  cursor: default;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a .thumb {
  width: 27%;
  float: left;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody {
  padding-left: 30px;
  width: 73%;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .newsdate {
  margin-bottom: 10px;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .newsdate .icon_category {
  padding: 0 5px;
  display: inline-block;
  background-color: #ececec;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .newsttl {
  font-size: 18px;
}
#mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .icon_new {
  padding: 4px 12px;
  position: absolute;
  left: 40px;
  top: 40px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  background: url(/common/img/label_new.png) no-repeat center center;
  background-size: 100% 100%;
}
#mainContent body.hotel.press #mainContent .contentInner #contnav .tab {
  display: table;
  margin-bottom: 30px;
  text-align: center;
  table-layout: fixed;
  width: 100%;
}
#mainContent body.hotel.press #mainContent .contentInner #contnav .tab li {
  width: 12.5%;
  display: table-cell;
  padding: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#mainContent body.hotel.press #mainContent .contentInner #contnav .tab li a {
  display: block;
  position: relative;
  padding: 0.8em 1em;
  margin: 0;
  background-color: rgba(204, 204, 204, 0.4);
  color: black;
  text-decoration: none;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}
#mainContent body.hotel.press #mainContent .contentInner #contnav .tab li.active a {
  background-color: rgba(204, 204, 204, 0.8);
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 {
  padding: 35px 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01:before {
  width: 1px;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 40px;
  bottom: 40px;
  content: "";
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01.noBdr:before {
  display: none;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 {
  width: auto;
  display: inline-block;
  position: relative;
  padding-bottom: 100px;
  margin: 0 auto;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 h3 {
  margin-bottom: 15px;
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  text-align: center;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 p {
  line-height: 1.7;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 .btnStyle01 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 .btnStyle01 li {
  min-width: 220px;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 {
  width: 38%;
  display: block;
  position: relative;
  padding-bottom: 100px;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 h3 {
  margin-bottom: 15px;
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  text-align: center;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 p {
  line-height: 1.7;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 .btnStyle01 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 .btnStyle01 li {
  min-width: 220px;
}
#mainContent body.wedding.item #mainContent .listStyle05 dl {
  width: 25.16%;
  margin: 0 1.3% 10px;
}
#mainContent body.wedding.item #mainContent .listStyle05 dl .img {
  position: relative;
}
#mainContent body.wedding.item #mainContent .listStyle05 dl .img:after {
  content: "";
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid #fff;
}
#mainContent body.wedding.item #mainContent .listStyle05 dl .img img {
  width: 100%;
  height: auto;
}
#mainContent body.wedding.item #mainContent .listStyle05 dl dt {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent body.attendance #mainContent .contentInner .tabMenu01 {
  overflow: hidden;
  border-bottom: 4px solid #ece4d1;
}
#mainContent body.attendance #mainContent .contentInner .tabMenu01 li {
  padding: 11px 5px 8px;
  margin-right: 2%;
  width: 23.5%;
  float: left;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  background-color: #b39a62;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.attendance #mainContent .contentInner .tabMenu01 li:last-child {
  margin-right: 0;
}
#mainContent body.attendance #mainContent .contentInner .tabMenu01 li:hover {
  color: #856b30;
  background-color: #ece4d1;
}
#mainContent body.attendance #mainContent .contentInner .tabMenu01 li.active {
  color: #856b30;
  background-color: #ece4d1;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent:not(:first-of-type) {
  display: none;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .tabTtl {
  margin-bottom: 51px;
  padding-bottom: 36px;
  text-align: center;
  color: #856b30;
  font-size: 24px;
  background: url("/common/img/wedding/line05.png") no-repeat center bottom;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .tabTtl span {
  margin-top: 20px;
  display: block;
  font-size: 16px;
  color: #555;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox {
  max-width: 1000px;
  margin: 0 auto 72px;
  padding: 30px 20px 23px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #846c39;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .borderTtl {
  margin-top: -48px;
  font-size: 20px;
  color: #856b30;
  text-align: center;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .borderTtl span {
  padding: 0 7px;
  display: inline-block;
  background-color: #fff;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .borderTtl span span {
  display: block;
  font-size: 13px;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox {
  text-align: center;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox.comImgBox01 {
  margin-bottom: 30px;
  border-bottom: 1px solid #846c39;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox .photo {
  margin-bottom: 15px;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox p {
  font-size: 15px;
  line-height: 2;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox p.text {
  margin: 0 50px 30px;
  text-align: left;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox dl {
  margin-bottom: 30px;
  overflow: hidden;
  font-size: 15px;
  color: #555;
  display: inline-block;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox dl dt {
  float: left;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox dl dd {
  padding: 0 0 7px 6.4em;
  text-align: left;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox {
  text-align: center;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox .ttl {
  text-align: center;
  font-size: 18px;
  color: #555;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox .ttl span {
  display: block;
  font-size: 13px;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox dl {
  overflow: hidden;
  font-size: 15px;
  color: #555;
  display: inline-block;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox dl dt {
  float: left;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox dl dd {
  padding: 0 0 7px 6.4em;
  text-align: left;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox ul li {
  width: 50%;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox ul li:first-child {
  border-right: 1px solid #846c39;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox {
  max-width: 1000px;
  margin: 0 auto 72px;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ededed;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox p {
  font-size: 15px;
  color: #555;
  line-height: 1.66;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox p.title {
  font-size: 18px;
  text-align: center;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox03 .txtBox {
  padding-bottom: 30px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 2px solid #b39a62;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox03 .txtBox p {
  line-height: 2;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox03 .txtBox p.ttl {
  font-size: 18px;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .borderBox .acdStyle02 .acdToggle {
  padding: 9px 54px 15px;
  margin-bottom: 11px;
  font-size: 15px;
  color: #222;
  position: relative;
  background: url("/common/img/wedding/attendance/icon_01.jpg") no-repeat left top 5px;
  border-bottom: 1px solid #856b30;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .borderBox .acdStyle02 .acdToggle::after {
  margin-top: -3px;
  position: absolute;
  width: 12px;
  height: 6px;
  right: 0;
  top: 50%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background: url("/common/img/wedding/attendance/icon02.jpg") no-repeat left top;
  background-size: 100% 100%;
  content: "";
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .borderBox .acdStyle02 .acdCont {
  margin-bottom: 25px;
  line-height: 2;
  font-size: 15px;
  display: none;
  word-break: break-all;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .borderBox .acdStyle02 .acdCont a {
  word-break: break-all;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .borderBox .acdStyle02.isOpen .acdToggle {
  color: #b39a62;
}
#mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .borderBox .acdStyle02.isOpen .acdToggle::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
#mainContent body.wedding.item #mainContent .titleStyle01,
#mainContent body.wedding.item #mainContent .boxStyle05 > .ttl {
  margin-bottom: 70px;
}
#mainContent body.wedding.item #mainContent .comSlider {
  margin-bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 {
  padding: 0 32px;
  width: 48.4%;
}
#mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 .imgBox:before {
  padding-top: 133%;
}
#mainContent body.wedding.item #mainContent .comSlider .sliderNav03 {
  display: none;
}
#mainContent body.wedding.item #mainContent .comSlider .rBox {
  width: 48%;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.wedding.item #mainContent .comSlider .rBox h3 {
  margin-bottom: 18px;
  font-size: 20px;
}
#mainContent body.wedding.item #mainContent .comSlider .rBox h3 span {
  margin-bottom: 10px;
  display: block;
  color: #999;
  font-size: 13px;
}
#mainContent body.wedding.item #mainContent .comSlider .rBox p {
  margin-bottom: 38px;
  font-size: 15px;
  line-height: 1.7;
}
#mainContent body.wedding.item #mainContent .comSlider .rBox .btnStyle01 {
  margin-bottom: 52px;
}
#mainContent body.wedding.item #mainContent .comSlider .rBox .btnStyle01 a {
  padding: 12px 5px;
  font-weight: normal;
  font-size: 15px;
}
#mainContent body.wedding.item #mainContent .text {
  margin-bottom: 70px;
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
}
#mainContent body.wedding.item #mainContent .h3Ttl {
  margin-bottom: 30px;
  padding: 10px 0;
  color: #856b30;
  font-size: 24px;
  border-top: 1px solid #856b30;
  border-bottom: 1px solid #856b30;
  text-align: center;
}
#mainContent body.wedding.item #mainContent .comTxtDl {
  font-size: 15px;
  line-height: 1.8;
}
#mainContent body.wedding.item #mainContent .comTxtDl dt {
  padding-top: 1px;
  float: left;
  font-weight: bold;
  clear: both;
}
#mainContent body.wedding.item #mainContent .comTxtDl dd {
  padding-left: 6.2em;
}
#mainContent body.wedding.item #mainContent .comTxtDl + .instaIcon {
  text-align: right;
  margin-top: -70px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  #mainContent body.wedding.item #mainContent .comTxtDl + .instaIcon {
    margin-right: -20px;
  }
}
#mainContent body.wedding.item #mainContent .comPhotoUl {
  margin-bottom: 80px;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li:not(:last-child) {
  margin-bottom: 40px;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .subBox {
  width: 16%;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .subBox img {
  max-width: 100%;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .subBox h2 {
  display: none;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .textBox {
  width: 80%;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .textBox p {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.7;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox h2 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  display: block;
  font-size: 20px;
  position: relative;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  font-weight: normal;
}
#mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox h2 span {
  color: #999;
  font-size: 13px;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  position: absolute;
  right: 0;
  bottom: 8px;
}
#mainContent body.wedding.item #mainContent .comClickUl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent body.wedding.item #mainContent .comClickUl li {
  width: 32%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
#mainContent body.wedding.item #mainContent .comClickUl li a {
  padding: 10px 5px;
  display: block;
  color: #b39a62;
  text-align: center;
  font-size: 18px;
}
#mainContent body.wedding.flower #mainContent .block {
  padding: 80px 0;
}
#mainContent body.wedding.flower #mainContent .block .comSlider .imgBox:before {
  padding-top: 100%;
}
#mainContent body.wedding.flower #mainContent .block .comPhotoUl li .textBox p {
  margin-bottom: 70px;
}
#mainContent body.wedding.flower #mainContent .block .comPhotoUl li .textBox a {
  font-weight: normal;
}
#mainContent body.wedding.beauty #mainContent .block {
  padding: 80px 0;
}
#mainContent body.wedding.gallery #mainContent .videoBox {
  padding: 60px 0;
  background-color: #ece4d1;
}
#mainContent body.wedding.gallery #mainContent .videoBox h2 {
  margin-bottom: 35px;
}
#mainContent body.wedding.gallery #mainContent .videoBox ul {
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body.wedding.gallery #mainContent .videoBox ul li {
  width: 48.5%;
}
#mainContent body.wedding.gallery #mainContent .videoBox ul li:not(:last-child) {
  margin-bottom: 40px;
}
#mainContent body.wedding.gallery #mainContent .videoBox ul li .video {
  margin-bottom: 20px;
}
#mainContent body.wedding.gallery #mainContent .videoBox ul li .video iframe {
  width: 100%;
}
#mainContent body.wedding.gallery #mainContent .videoBox ul li dt {
  margin-bottom: 10px;
  font-size: 18px;
  text-align: center;
}
#mainContent body.wedding.gallery #mainContent .videoBox ul li dd {
  font-size: 15px;
}
#mainContent body.garden.sightseeing_course #mainContent .titleStyle09 {
  padding-top: 15px;
  border-top: 1px solid #888;
}
#mainContent body.garden.sightseeing_course #mainContent .leadTxt {
  margin-bottom: 65px;
}
#mainContent body.garden.sightseeing_course #mainContent .boxStyle07 {
  margin-bottom: 42px;
}
#mainContent body.garden.sightseeing_course #mainContent .boxStyle07 .imgBox .img {
  margin-bottom: 0;
}
#mainContent body.garden.sightseeing_course #mainContent .boxStyle07 .imgBox .search a {
  padding: 8px 0;
  text-align: center;
  display: block;
  background: #bc9b5d;
}
#mainContent body.garden.sightseeing_course #mainContent .boxStyle07 p {
  margin-bottom: 20px;
}
#mainContent body.garden.sightseeing_course #mainContent .btnStyle03 li {
  margin-right: 0;
  width: 100%;
}
#mainContent body.garden.sightseeing_course #mainContent .sightseeing_courseStep {
  margin-bottom: 59px;
  text-align: center;
}
#mainContent body.garden.sightseeing_course #mainContent .sightseeing_courseStep p {
  font-size: 13px;
  margin-bottom: 35px;
}
#mainContent body.garden.sightseeing_course #mainContent .sightseeing_courseStep p.ttl {
  font-size: 18px;
  margin-bottom: 14px;
}
#mainContent body.garden.sightseeing_course #mainContent .btnStyle07 {
  margin-bottom: 80px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent body.garden.sightseeing_course #mainContent .btnStyle07 li {
  margin: 0 2%;
  width: 30%;
}
#mainContent body.garden.sightseeing_course #mainContent .btnStyle07 li a {
  text-align: center;
  background: #bc9b5d;
}
#mainContent body.garden.sightseeing_course #mainContent .btnStyle07 li a:after {
  display: none;
}
#mainContent body.garden.sightseeing_spots #mainContent .titleStyle09 {
  padding-top: 15px;
  border-top: 1px solid #888;
}
#mainContent body.garden.sightseeing_spots #mainContent .btnStyle02 li:last-child a:after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  background: url(/common/img/arrow01_gold.svg) no-repeat;
  border: none;
  background-size: contain;
  height: 12px;
  width: 12px;
}
#mainContent body.garden.sightseeing_spots #mainContent .map {
  margin-bottom: 14px;
  border: 1px solid #555;
  position: relative;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span {
  position: absolute;
  display: block;
  width: 2.005%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon01 {
  left: 25.5%;
  top: 36.7%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon02 {
  left: 24.9%;
  top: 29.4%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon03 {
  left: 22.7%;
  top: 30.2%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon04 {
  top: 45.4%;
  left: 32.4%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon05 {
  left: 33.7%;
  top: 42.5%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon06 {
  left: 36.2%;
  top: 56.9%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon07 {
  left: 35.3%;
  top: 37.8%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon08 {
  top: 37.8%;
  left: 37.9%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon09 {
  left: 37.4%;
  top: 31.8%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon10 {
  left: 30.2%;
  top: 51.2%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon11 {
  left: 39.5%;
  top: 34.5%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon12 {
  left: 23.2%;
  top: 40%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon13 {
  left: 21.5%;
  top: 47.9%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon14 {
  top: 30.7%;
  left: 35.4%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon15 {
  left: 24.1%;
  top: 34.9%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon16 {
  right: 11.2%;
  bottom: 25.4%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon17 {
  right: 13.6%;
  bottom: 23.8%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon18 {
  top: 56.6%;
  right: 12.9%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon19 {
  right: 36.7%;
  bottom: 20.7%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon20 {
  right: 35.2%;
  bottom: 13.8%;
}
#mainContent body.garden.sightseeing_spots #mainContent .map span.icon21 {
  bottom: 24.8%;
  right: 16.2%;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoList {
  margin-bottom: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoList li {
  padding-bottom: 14px;
  margin-right: 1.5%;
  width: 13%;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoList li:nth-child(7n) {
  margin-right: 0;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoList li a {
  display: block;
  position: relative;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoList li a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li {
  padding-bottom: 60px;
  margin-right: 2.9%;
  width: 31.4%;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li:nth-child(3n) {
  margin-right: 0;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li .photo {
  margin-bottom: 15px;
  position: relative;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li .photo span {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p {
  line-height: 1.67;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.title {
  margin-bottom: 5px;
  font-size: 18px;
  text-align: center;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.text {
  margin-bottom: 32px;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.ttl {
  margin-bottom: 13px;
  padding: 6px 0 4px;
  text-align: center;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.ttl01 {
  border-top: none;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.txt {
  padding-bottom: 5px;
  border-bottom: 1px solid #555;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.borTxt {
  padding: 9px 0;
  border-top: 1px dotted #555;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li ul {
  margin-bottom: 15px;
  text-align: center;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li ul li {
  display: inline-block;
  line-height: 1;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li ul li:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #222;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li ul li img {
  margin-right: 10px;
  vertical-align: middle;
}
#mainContent body.garden.sightseeing_spots #mainContent .photoUl > li ul li img:last-child {
  margin-right: 20px;
}
#mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 {
  margin-bottom: 80px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 li {
  margin: 0 2%;
  width: 30%;
}
#mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 li a {
  text-align: center;
  background: #bc9b5d;
}
#mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 li a:after {
  display: none;
}
@media screen and (min-width: 1024px) {
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 li {
    width: 15%;
  }
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #mainContent body.stay.kid_friendly #mainContent .boxStyle04 .cont > .imgBox img {
    width: auto;
    max-width: 100%;
  }
  #mainContent body.stay.scene #mainContent .btnStyle02 li {
    margin-bottom: 10px;
  }
  #mainContent body.guests_gallery #mainContent .listStyle26 li {
    padding-right: 10px;
  }
  #mainContent body.guests_gallery #mainContent .listStyle26 li .imgBox {
    margin-right: 10px;
  }
  #mainContent body.member #mainContent .boxStyle04 .cont > .txtBox .listStyle05 li {
    margin-bottom: 10px;
  }
  #mainContent body.member #mainContent .boxStyle04 .cont > .txtBox .listStyle05 li img {
    margin-right: 10px;
  }
  #mainContent body.member #mainContent .boxStyle04 .cont > .txtBox .listStyle05 li p {
    margin-bottom: 0;
  }
  #mainContent body.shop #mainContent .listStyle25 dl .btnStyle01 li a {
    padding: 11px 25px 11px 5px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li {
    width: 32%;
    margin-right: 2%;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li:not(:nth-child(4n)) {
    margin-right: 2%;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li:nth-child(3n) {
    margin-right: 0;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .imgBox {
    margin: 0 auto 15px;
    width: 68.75%;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .txt {
    margin-bottom: 8px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .txt .ttl {
    margin-bottom: 0;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .description {
    margin: 0;
    line-height: 1.67;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner {
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner .photoUl {
    width: auto;
  }
  #mainContent body.hotel #mainContent .acdStyle03 > .acdCont .inner .textBox {
    margin-bottom: 20px;
    width: auto;
  }
  #mainContent body.stay.room #mainContent .boxStyle07 .imgBox .btn .accordion dd {
    text-align: center;
  }
  #mainContent body.stay.room #mainContent .boxStyle07 .imgBox .img img {
    width: 100%;
  }
  #mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle dt {
    margin-right: 0;
    width: auto;
  }
  #mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle dt .imgBox {
    width: 120px;
    margin-right: 0;
  }
  #mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle dt .ttl {
    width: calc(100% - 120px);
  }
  #mainContent body.restaurant #mainContent .acdStyle01 > .acdToggle dd {
    width: auto;
  }
  #mainContent body.stay #mainContent .listStyle04 li a .bold {
    width: 60%;
  }
  #mainContent body.restaurant.room #mainContent .btnStyle02 a {
    height: 72px;
  }
  #mainContent body.banquet.mice #mainContent .sliderStyle01 .slide > .txtBox {
    position: static;
  }
  #mainContent body.banquet.mice #mainContent .sliderStyle01 .slick-arrow {
    top: calc((50vw - 20px) * 190 / 305 - 20px);
  }
  #mainContent body.restaurant #mainContent .listStyle12 dl {
    word-break: break-all;
  }
  #mainContent body.restaurant #mainContent .listStyle12 dl dt {
    width: 33%;
    word-break: break-all;
    white-space: normal;
  }
  #mainContent body.wedding.report #mainContent .titleStyle01,
  #mainContent body.wedding.report #mainContent .boxStyle05 > .ttl {
    padding-top: 33px;
  }
  #mainContent body.wedding.report #mainContent .titleStyle06 {
    padding-top: 50px;
  }
  #mainContent body.wedding.report #mainContent .com_report_ul {
    padding-bottom: 50px;
    display: block;
  }
  #mainContent body.wedding.report #mainContent .com_report_ul li {
    width: auto;
    margin: 0 0 30px;
    text-align: left;
  }
  #mainContent body.wedding.report #mainContent .com_report_ul li:last-child {
    margin-bottom: 0;
  }
  #mainContent body.wedding.report #mainContent .com_report_ul li img {
    width: 100%;
  }
  #mainContent body.wedding.report #mainContent .com_report_ul li a {
    padding: 15px 15px 10px;
  }
  #mainContent body.wedding.report #mainContent .com_report_ul li p {
    margin: 0;
    line-height: 1.5;
  }
  #mainContent body.wedding.report #mainContent .com_report_ul li p.gold {
    margin: 18px 0 10px;
    font-size: 17px;
    line-height: 1.29;
  }
  #mainContent body.wedding.report #mainContent .titleStyle06 {
    margin-bottom: 0;
    padding: 30px 0 14px;
  }
  #mainContent body.wedding.report #mainContent .boxStyle05 {
    margin-bottom: 17px;
    padding: 15px 0;
    line-height: 1.6;
  }
  #mainContent body.wedding.report #mainContent .report_detail {
    margin-bottom: 30px;
    display: block;
  }
  #mainContent body.wedding.report #mainContent .report_detail img {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  #mainContent body.wedding.report #mainContent .report_detail img {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.report #mainContent .report_detail > div {
    font-family: "Yu Gothic";
    width: auto;
    line-height: 1.67;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  #mainContent body.wedding.report #mainContent .report_detail > div {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.report #mainContent .report_detail > div:first-child {
    margin: 0 0 25px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.report #mainContent .report_detail > div .photo {
    margin-bottom: 0 auto 20px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden.profile #mainContent .btnStyle07 a {
    display: block;
  }
  #mainContent body.garden.profile #mainContent .profile .profileBox > ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #mainContent body.garden.profile #mainContent .profile .profileBox > ul > li {
    width: 48%;
  }
  #mainContent body.garden.profile #mainContent .profile .profileBox > ul > li li {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden.serenity_garden #mainContent .boxStyle03 .inner {
    padding: 15px 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.cuisine #mainContent {
    margin-bottom: 50px;
  }
  #mainContent body.wedding.cuisine #mainContent .boxStyle05 .ttl {
    font-size: 14px;
  }
  #mainContent body.wedding.cuisine #mainContent .imgBox {
    margin: 80px 0 30px;
    display: block;
  }
  #mainContent body.wedding.cuisine #mainContent .imgBox .photoBox {
    margin: 0 -20px;
    width: auto;
  }
  #mainContent body.wedding.cuisine #mainContent .imgBox .textBox {
    padding: 20px 0 0;
    width: auto;
  }
  #mainContent body.wedding.cuisine #mainContent .imgBox .textBox h2 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  #mainContent body.wedding.cuisine #mainContent .imgBox .textBox p {
    margin-bottom: 20px;
    font-size: 14px;
  }
  #mainContent body.wedding.cuisine #mainContent .innerBox {
    margin: 2px 2px 30px;
    padding: 18px;
    display: block;
  }
  #mainContent body.wedding.cuisine #mainContent .innerBox:before {
    left: -3px;
    top: -3px;
    bottom: -3px;
    right: -3px;
  }
  #mainContent body.wedding.cuisine #mainContent .innerBox .photoBox {
    margin: 0 auto 20px;
    width: 48%;
  }
  #mainContent body.wedding.cuisine #mainContent .innerBox .photoBox p {
    margin-top: 10px;
    font-size: 14px;
  }
  #mainContent body.wedding.cuisine #mainContent .innerBox .photoBox p span {
    font-size: 20px;
  }
  #mainContent body.wedding.cuisine #mainContent .innerBox .textBox {
    padding-left: 0;
    width: auto;
  }
  #mainContent body.wedding.cuisine #mainContent .innerBox .textBox p {
    font-size: 14px;
  }
  #mainContent body.wedding.cuisine #mainContent .txtDl {
    margin-bottom: 50px;
    padding: 40px 0;
    background: url("../img/wedding/line02.png") repeat-x left top, url("../img/wedding/line02.png") repeat-x left bottom;
  }
  #mainContent body.wedding.cuisine #mainContent .txtDl dt {
    font-size: 20px;
  }
  #mainContent body.wedding.cuisine #mainContent .linkUl {
    margin-bottom: 60px;
    display: block;
  }
  #mainContent body.wedding.cuisine #mainContent .linkUl li {
    margin-bottom: 40px;
    width: auto;
  }
  #mainContent body.wedding.cuisine #mainContent .linkUl li a .photo {
    width: 35%;
    display: block;
  }
  #mainContent body.wedding.cuisine #mainContent .linkUl li a .ttl {
    padding: 0 5px 5px 5%;
    font-size: 16px;
  }
  #mainContent body.wedding.cuisine #mainContent .linkUl li a .txt {
    padding-right: 10px;
    bottom: 20%;
    right: 20px;
    bottom: 15%;
    font-size: 13px;
    background-size: 5px 8px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.about.interview #interview_detail .contentInner .writeTxt span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.about.gallery #mainContent .btnStyle05 a {
    padding: 0 25px 0 10px;
    border: 1px solid #fff;
    font-size: 13px;
  }
  #mainContent body.about.gallery #mainContent .btnStyle05 a:before {
    background-size: 13px 6px;
    right: 9px;
    width: 13px;
    height: 6px;
    margin-top: -3px;
  }
  #mainContent body.about.gallery #mainContent .btnStyle05 a span {
    display: block;
  }
  #mainContent body.about.gallery #mainContent .listStyle25 dl .titleBox .img {
    width: 100%;
    height: auto;
  }
  #mainContent body.about.gallery #mainContent .listStyle25 dl .titleBox .img img {
    height: auto;
  }
  #mainContent body.about.gallery #mainContent .listStyle25 dl .txt {
    border: none;
  }
  #mainContent body.about.gallery #mainContent .listStyle25.col4:not(.spCol2) > li,
  #mainContent body.about.gallery #mainContent .listStyle25.col4:not(.spCol2) > dl,
  #mainContent body.about.gallery #mainContent .listStyle25.col4:not(.spCol2) > .box {
    width: 49%;
  }
  #mainContent body.about.gallery #mainContent .listStyle25.col4:not(.spCol2) > li:not(:nth-child(2n)),
  #mainContent body.about.gallery #mainContent .listStyle25.col4:not(.spCol2) > dl:not(:nth-child(2n)),
  #mainContent body.about.gallery #mainContent .listStyle25.col4:not(.spCol2) > .box:not(:nth-child(2n)) {
    margin-right: 2%;
  }
  #mainContent body.about.gallery #mainContent .bgBox {
    padding-top: 30px;
    background: #ece4d1;
  }
  #mainContent body.about.gallery #mainContent .bgBox .listStyle25 {
    text-align: center;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.guests_gallery #mainContent .listStyle26 li a {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.shop.recommend #mainContent .listStyle10 li.line {
    padding: 0;
    width: 50%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.press #header {
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  }
  #mainContent body.hotel.press #mainContent .contentInner .leadTxt {
    font-size: 17px;
    margin-bottom: 50px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news li {
    margin-bottom: 20px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news a {
    padding: 20px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news a .thumb {
    margin-bottom: 20px;
    width: 100%;
    float: none;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody {
    padding-left: 0;
    width: auto;
    float: none;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .newsdate {
    margin-bottom: 10px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .newsdate .icon_category {
    margin-left: 10px;
    padding: 0 5px;
    font-size: 12px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .newsttl {
    font-size: 18px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .list_news a .newsbody .icon_new {
    padding: 2px 12px 1px 6px;
    left: 20px;
    top: 20px;
    font-size: 12px;
  }
  #mainContent body.hotel.press #mainContent .contentInner #contnav .tab {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #mainContent body.hotel.press #mainContent .contentInner #contnav .tab li {
    width: 49.9%;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 {
    padding: 0 20px;
    display: block;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01:before {
    display: none;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 {
    display: block;
    width: auto;
    padding: 40px 0;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1:not(:last-child) {
    border-bottom: 1px solid #000;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 h3 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 p {
    line-height: 1.7;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 .btnStyle01 {
    margin-top: 20px;
    position: static;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col1 .btnStyle01 li {
    min-width: 175px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 {
    width: auto;
    padding: 40px 0;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2:not(:last-child) {
    border-bottom: 1px solid #000;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 h3 {
    margin-bottom: 15px;
    font-size: 24px;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 p {
    line-height: 1.7;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 .btnStyle01 {
    margin-top: 20px;
    position: static;
  }
  #mainContent body.hotel.press #mainContent .contentInner .bgBeige01 .col2 .btnStyle01 li {
    min-width: 175px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.item #mainContent .listStyle05 dl {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.attendance #mainContent .contentInner .tabMenu01 {
    margin: -10px;
    overflow: hidden;
  }
  #mainContent body.attendance #mainContent .contentInner .tabMenu01 li {
    padding: 11px 2px 8px;
    margin: 10px 0 0;
    width: 48%;
    float: left;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background-color: #b39a62;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mainContent body.attendance #mainContent .contentInner .tabMenu01 li:last-child {
    margin-right: 0;
  }
  #mainContent body.attendance #mainContent .contentInner .tabMenu01 li:hover {
    color: #fff;
    background-color: #b39a62;
  }
  #mainContent body.attendance #mainContent .contentInner .tabMenu01 li.active {
    color: #856b30;
    background-color: #ece4d1;
  }
  #mainContent body.attendance #mainContent .contentInner .tabMenu01 li:nth-child(2n) {
    float: right;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .tabTtl {
    margin-bottom: 27px;
    padding-bottom: 15px;
    font-size: 20px;
    background-size: 500px 1px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .tabTtl span {
    margin-top: 11px;
    font-size: 13.5px;
    line-height: 1.55;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox {
    max-width: inherit;
    margin: 0 auto 37px;
    padding: 20px 10px 6px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox.comImgBox01 {
    margin-bottom: 20px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox p {
    font-size: 13.5px;
    line-height: 1.55;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox p.text {
    margin: 0 15px 15px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox dl {
    margin-bottom: 15px;
    font-size: 13.5px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .comImgBox dl dd {
    padding: 0 0 4px 5.4em;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .borderTtl {
    margin-top: -32px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent .borderBox .borderTtl span {
    padding: 0 4px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox .ttl {
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.33;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox .ttl span {
    font-size: 15px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox dl {
    font-size: 13.5px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox dl dd {
    padding: 0 0 4px 5.4em;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox ul {
    display: inherit;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox ul li {
    width: auto;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .borderBox ul li:first-child {
    margin-bottom: 15px;
    border-right: none;
    border-bottom: 1px solid #846c39;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox {
    max-width: inherit;
    margin: 0 auto 20px;
    padding: 15px;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox p {
    font-size: 13.5px;
    line-height: 1.55;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox p.title {
    font-size: 16px;
    text-align: left;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox.spAcc .title {
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox.spAcc .title::before {
    content: "";
    height: 10px;
    width: 10px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox.spAcc .inner {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox.spAcc .inner {
    padding-top: 20px;
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox01 .bgBox.spAcc.active .title::before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .acdStyle02 .acdToggle {
    padding: 4px 38px 7px;
    margin-bottom: 11px;
    font-size: 15px;
    color: #222;
    position: relative;
    background: url("/common/img/wedding/attendance/icon_01.jpg") no-repeat left top 5px;
    border-bottom: 1px solid #856b30;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .acdStyle02 .acdToggle::after {
    margin-top: -8px;
    position: absolute;
    width: 12px;
    height: 6px;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background: url("/common/img/wedding/attendance/icon02.jpg") no-repeat left top;
    background-size: 100% 100%;
    content: "";
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .acdStyle02 .acdCont {
    margin-bottom: 25px;
    line-height: 2;
    font-size: 13.5px;
    display: none;
    word-break: break-all;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .acdStyle02 .acdCont a {
    word-break: break-all;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .acdStyle02.isOpen .acdToggle {
    color: #b39a62;
  }
  #mainContent body.attendance #mainContent .contentInner .tabContentWrap .tabContent.tabBox04 .acdStyle02.isOpen .acdToggle::after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.item #mainContent .titleStyle01,
  #mainContent body.wedding.item #mainContent .boxStyle05 > .ttl {
    margin-bottom: 35px;
  }
  #mainContent body.wedding.item #mainContent .comSlider {
    margin-bottom: 55px;
    display: block;
  }
  #mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 {
    margin-bottom: 15px;
    padding: 0;
    width: auto;
  }
  #mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 .slick-counter {
    display: none;
  }
  #mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 .slick-arrow {
    top: 50%;
  }
  #mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 .imgBox {
    margin: 0 20px;
  }
  #mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 .imgBox img {
    width: 100%;
  }
  #mainContent body.wedding.item #mainContent .comSlider .sliderStyle03 .imgBox:before {
    padding-top: 133%;
  }
  #mainContent body.wedding.item #mainContent .comSlider .rBox {
    margin: 0 15px;
    width: auto;
  }
  #mainContent body.wedding.item #mainContent .comSlider .rBox h3 {
    margin-bottom: 10px;
    font-size: 17px;
  }
  #mainContent body.wedding.item #mainContent .comSlider .rBox h3 span {
    margin-bottom: 5px;
    font-size: 13px;
  }
  #mainContent body.wedding.item #mainContent .comSlider .rBox p {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.7;
  }
  #mainContent body.wedding.item #mainContent .comSlider .rBox .btnStyle01 {
    margin-bottom: 40px;
  }
  #mainContent body.wedding.item #mainContent .comSlider .rBox .btnStyle01 a {
    margin: 0;
    padding: 6px 0;
    max-width: 230px;
    min-width: inherit;
  }
  #mainContent body.wedding.item #mainContent .comSlider .rBox .btnStyle01 a span {
    padding: 0 5px;
  }
  #mainContent body.wedding.item #mainContent .text {
    margin-bottom: 20px;
    font-size: 13.5px;
  }
  #mainContent body.wedding.item #mainContent .h3Ttl {
    font-size: 20px;
  }
  #mainContent body.wedding.item #mainContent .comTxtDl {
    font-size: 14px;
    line-height: 1.7;
  }
  #mainContent body.wedding.item #mainContent .comTxtDl dt {
    padding-top: 0;
    font-weight: normal;
  }
  #mainContent body.wedding.item #mainContent .comTxtDl dd {
    padding-left: 6.2em;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl {
    margin-bottom: 50px;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li:not(:last-child) {
    margin-bottom: 40px;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox {
    margin: 0;
    display: block;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .subBox {
    margin-bottom: 10px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .subBox .photoBox {
    width: 45%;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .subBox h2 {
    margin-bottom: 20px;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 16px;
    line-height: 1.3;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .subBox h2 span {
    font-size: 12px;
    bottom: inherit;
    top: 120%;
    right: inherit;
    left: 0;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .textBox {
    width: auto;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .textBox h2 {
    display: none;
  }
  #mainContent body.wedding.item #mainContent .comPhotoUl li .imgBox .textBox p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
  }
  #mainContent body.wedding.item #mainContent .comClickUl {
    display: block;
  }
  #mainContent body.wedding.item #mainContent .comClickUl li {
    width: auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }
  #mainContent body.wedding.item #mainContent .comClickUl li:not(:last-child) {
    margin-bottom: 20px;
  }
  #mainContent body.wedding.item #mainContent .comClickUl li a {
    padding: 10px 5px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.flower #mainContent .block {
    padding: 32px 0;
  }
  #mainContent body.wedding.flower #mainContent .block .comPhotoUl li .textBox p {
    margin-bottom: 20px;
  }
  #mainContent body.wedding.flower #mainContent .block .comPhotoUl li .textBox a {
    margin: 0;
    min-width: inherit;
    max-width: 130px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.beauty #mainContent .block {
    padding: 32px 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.dress #mainContent .block {
    padding: 32px 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.wedding.gallery #mainContent .block {
    margin-bottom: 0 !important;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox {
    padding: 30px 20px;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox h2 {
    margin-bottom: 10px;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox ul {
    margin: 0 auto;
    max-width: inherit;
    display: block;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox ul li {
    width: 100%;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox ul li:not(:last-child) {
    margin-bottom: 25px;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox ul li .video {
    margin-bottom: 10px;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox ul li .video iframe {
    width: 100%;
    height: 190px;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox ul li dt {
    margin-bottom: 2px;
    font-size: 16px;
  }
  #mainContent body.wedding.gallery #mainContent .videoBox ul li dd {
    font-size: 14px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden.sightseeing_course #mainVisual {
    height: 66vw;
  }
  #mainContent body.garden.sightseeing_course #mainContent .titleStyle09 {
    padding-top: 10px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .leadTxt {
    font-size: 15px;
    line-height: 1.8;
  }
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle02 a {
    font-size: 13px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .titleStyle01,
  #mainContent body.garden.sightseeing_course #mainContent .boxStyle05 > .ttl {
    font-size: 22px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .boxStyle07 {
    margin-bottom: 16px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .boxStyle07 .search {
    display: none;
  }
  #mainContent body.garden.sightseeing_course #mainContent .boxStyle07 .imgBox .img img {
    width: 100%;
  }
  #mainContent body.garden.sightseeing_course #mainContent .titleStyle06 {
    font-size: 16px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle03 li {
    display: block !important;
  }
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle03 li.acdOpen,
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle03 li.acdOpen {
    display: none !important;
  }
  #mainContent body.garden.sightseeing_course #mainContent .sightseeing_courseStep p {
    margin-bottom: 20px;
    line-height: 1.67;
    font-size: 12px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .sightseeing_courseStep p.ttl {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.57;
  }
  #mainContent body.garden.sightseeing_course #mainContent .sightseeing_courseStep .step img {
    width: 100%;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .imgBox {
    width: 38.87%;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .description {
    margin-bottom: 0;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 61%;
  }
  #mainContent body.garden.sightseeing_course #mainContent .listStyle21 > li .txt .ttl {
    word-break: break-all;
    white-space: normal;
  }
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle07 {
    margin-bottom: 60px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle07 li {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
  }
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle07 li:not(:last-child) {
    margin-bottom: 25px;
  }
  #mainContent body.garden.sightseeing_course #mainContent .btnStyle07 li a {
    padding: 0 10px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden.sightseeing_spots #mainVisual {
    height: 66vw;
  }
  #mainContent body.garden.sightseeing_spots #mainContent #lead {
    padding-top: 90px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .leadTxt {
    font-size: 15px;
    line-height: 1.8;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .titleStyle09 {
    padding-top: 10px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 {
    margin-bottom: 60px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 li {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 li:not(:last-child) {
    margin-bottom: 25px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .btnStyle07 li a {
    padding: 0 10px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map {
    margin-bottom: 7px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map img {
    width: 100%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span {
    width: 2.99%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon01 {
    left: 44%;
    top: 23.5%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon02 {
    left: 43.2%;
    top: 19%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon03 {
    left: 39.9%;
    top: 19.6%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon04 {
    top: 28.6%;
    left: 54.4%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon05 {
    left: 56.2%;
    top: 26.8%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon06 {
    left: 60.2%;
    top: 35.3%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon07 {
    left: 58.7%;
    top: 24%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon08 {
    top: 24%;
    left: 62.5%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon09 {
    left: 62%;
    top: 20.5%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon10 {
    left: 51.2%;
    top: 32%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon11 {
    left: 64.9%;
    top: 22%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon12 {
    left: 40.7%;
    top: 25.3%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon13 {
    left: 38.2%;
    top: 29.9%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon14 {
    top: 19.9%;
    left: 58.9%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon15 {
    left: 41.9%;
    top: 22.5%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon16 {
    right: 18.5%;
    bottom: 15.1%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon17 {
    right: 22.2%;
    bottom: 14.2%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon18 {
    top: 73.2%;
    right: 21%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon19 {
    right: 56.6%;
    bottom: 12.1%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon20 {
    right: 54.3%;
    bottom: 8%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .map span.icon21 {
    bottom: 14.8%;
    right: 25.7%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoList {
    margin-bottom: 53px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoList li {
    padding-bottom: 7px;
    margin-right: 2.09%;
    width: 23.4325%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoList li:nth-child(7n) {
    margin-right: 2.09%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoList li:nth-child(4n) {
    margin-right: 0;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoList li a span {
    width: 15px;
    font-size: 10px;
    line-height: 15px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl {
    margin-bottom: 40px;
    display: block;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li {
    padding: 0;
    margin-right: 0;
    width: auto;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li:not(:last-child) {
    margin-bottom: 50px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li .photo {
    margin-bottom: 21px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li .photo img {
    width: 100%;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li .photo span {
    width: 25px;
    line-height: 25px;
    font-size: 11px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p {
    line-height: 1.57;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.title {
    margin-bottom: 10px;
    font-size: 16px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.text {
    margin-bottom: 15px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li p.ttl {
    margin-bottom: 18px;
  }
  #mainContent body.garden.sightseeing_spots #mainContent .photoUl > li ul {
    margin-bottom: 21px;
  }
}
@media all and (-ms-high-contrast: none) {
  #mainContent body.garden.sightseeing_course #mainContent .titleStyle09,
  #mainContent body.garden.sightseeing_spots #mainContent .titleStyle09 {
    padding: 25px 0 5px;
  }
}
#mainContent .tacPC {
  text-align: center;
}
#mainContent #header > .contentInner {
  width: 1276px;
  max-width: 1276px;
}
#mainContent body .noBorBtm {
  border-bottom: none !important;
}
#mainContent body .noBorTop {
  border-top: none !important;
}
#mainContent body .noBorLeft {
  border-left: none !important;
}
#mainContent body .noBorRight {
  border-right: none !important;
}
#mainContent body .atmTop {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
#mainContent body .atmCen {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
#mainContent body .flexAround {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
#mainContent body .w50 {
  width: 50%;
}
#mainContent body .w15 {
  width: 15%;
}
#mainContent body .w20 {
  width: 20%;
}
#mainContent body .w23 {
  width: 23%;
}
#mainContent body .w8 {
  width: 8%;
}
#mainContent body.hotel.sub #selectedArea {
  background: #eee;
  padding-bottom: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
#mainContent body.hotel.sub #selectedArea.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#mainContent body.hotel.sub #selectedArea .sectionTtl {
  background: #64635e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 30px;
}
#mainContent body.hotel.sub #compareArea {
  display: none;
  background: #eee;
  padding: 40px 0;
}
#mainContent body.hotel #header .inner .logo {
  margin-top: 14px;
}
#mainContent body.hotel #header .inner .logo img {
  height: 56px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header .inner .logo img {
    height: 26px;
  }
}
#mainContent body.hotel #header .inner .headTxt {
  height: 36px;
}
#mainContent body.hotel #header .reservationBox .contentInner {
  width: 1260px;
  max-width: 1260px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservBtn {
  padding-right: 15px;
  width: auto;
  border-right: 1px solid #aaa;
  font-size: 16px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle {
  padding-top: 26px;
  width: 100%;
  max-width: 1009px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle > div {
  padding-left: 15px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle > div.res_btns input {
  background: #008345;
  color: #fff;
  font-size: 16px;
  border: none;
  width: 100%;
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle > div.res_btns input:hover {
  opacity: 0.7;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle > div dt {
  margin-bottom: 7px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle > div dd select {
  min-width: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle > div dd select:not(:first-of-type) {
  margin-left: 5px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle .btn_cancel {
  text-align: center;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle .btn_cancel a {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.reservationStyle .btn_cancel a:before {
  content: "";
  height: 12px;
  width: 12px;
  display: block;
  position: absolute;
  bottom: -20px;
  right: 50%;
  margin-right: -6px;
  background: no-repeat center center;
  background-size: contain;
  background-image: url("/common/img/arrow01.svg");
}
#mainContent body.hotel #header .reservationBox .contentInner > ul li.contact {
  border-right: 1px solid #aaa;
  border-left: none;
  width: auto;
  padding: 10px;
  white-space: nowrap;
}
#mainContent body.hotel #header .reservationBox .contentInner .date-picker {
  background: url(/common/css/images/calendar.png) no-repeat scroll center right #fff;
  border: 1px solid #ccc;
}
#mainContent body.hotel #header #gNavi > ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 15px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#mainContent body.hotel #header #gNavi > ul > li {
  margin-right: 0;
  margin-left: 23px;
}
#mainContent body.hotel #header #gNavi > ul > li.reservation {
  padding-top: 8px;
}
#mainContent body.hotel #header #gNavi > ul > li .cont .contentInner > dl {
  width: 25%;
}
#mainContent body.hotel #header #reservation > .btn {
  height: 97px;
}
#mainContent body.hotel #header #reservation > .btn:before {
  width: 22px;
  height: 20px;
}
#mainContent body.hotel #header #reservation > .btn > span {
  line-height: 1.23;
}
#mainContent body.hotel #footer .footer03 .contentInner {
  padding: 28px 0 38px;
}
#mainContent body.hotel #footer .footer03 .box .info {
  width: 64%;
}
#mainContent body.hotel #footer .footer03 .box .info dt {
  padding-right: 5%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .row {
  color: #c5c5c5;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .row > div {
  float: left;
  width: 25%;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .row > div ul {
  padding: 0;
  margin: 10px 0 10px 30px;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .row > div ul li {
  margin: 0;
  color: #333333;
  position: relative;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .row > div ul li:before {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #333;
  left: -12px;
  top: 7px;
  content: "";
  border-radius: 50%;
}
#mainContent body.hotel #footer .footer03 #link_site > dl > dd .row > div ul li a {
  color: #888;
}
#mainContent body.hotel #mainVisual .btnStyle05 a span {
  min-width: 100px;
  text-align: center;
}
#mainContent body.hotel #mainContent .beigeTxt {
  color: #b39a62;
}
#mainContent body.hotel #mainContent .listStyle04 > li .notes01 {
  font-size: 13px;
  text-align: center;
}
#mainContent body.hotel #mainContent .listStyle04 > li .notes01 .notesTtl {
  display: block;
  text-align: center;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  margin-bottom: 10px;
  padding: 5px;
  width: 100%;
  letter-spacing: 0.1em;
}
#mainContent body.hotel #mainContent *[class^=acdStyle] > .acdCont {
  display: none;
}
#mainContent body.hotel #mainContent .acdStyle02 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .acdStyle02 {
    margin-bottom: 15px;
  }
}
#mainContent body.hotel #mainContent .acdStyle02 > .acdToggle {
  border: 1px solid #888;
  padding: 15px 15px 15px 50px;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body.hotel #mainContent .acdStyle02 > .acdToggle:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .acdStyle02 > .acdToggle {
    padding: 10px 10px 10px 40px;
  }
}
#mainContent body.hotel #mainContent .acdStyle02 > .acdToggle:before {
  content: "Q";
  color: #888;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  position: absolute;
  top: 15px;
  left: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .acdStyle02 > .acdToggle:before {
    top: 10px;
    left: 14px;
  }
}
#mainContent body.hotel #mainContent .acdStyle02 > .acdToggle:after {
  content: "";
  height: 8px;
  width: 8px;
  display: block;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) scaleX(1.1) rotate(45deg);
  transform: translateY(-50%) scaleX(1.1) rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mainContent body.hotel #mainContent .acdStyle02 > .acdCont {
  padding: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .acdStyle02 > .acdCont {
    padding: 10px;
  }
}
#mainContent body.hotel #mainContent .listStyle18 {
  display: table;
  width: 100%;
}
#mainContent body.hotel #mainContent .listStyle18 dl {
  display: table-row;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle18 dl {
    margin-bottom: 10px;
    display: block;
  }
}
#mainContent body.hotel #mainContent .listStyle18 dl dt,
#mainContent body.hotel #mainContent .listStyle18 dl dd {
  padding: 15px 20px;
  display: table-cell;
  vertical-align: middle;
  border-bottom: 4px solid #fff;
  background: #f3eddf;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle18 dl dt,
  #mainContent body.hotel #mainContent .listStyle18 dl dd {
    display: block;
  }
}
#mainContent body.hotel #mainContent .listStyle18 dl dt {
  white-space: nowrap;
  border-right: 4px solid #fff;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle18 dl dt {
    white-space: normal;
    border-right: 0;
  }
}
#mainContent body.hotel #mainContent .listStyle18 dl dt.vertical {
  width: 10px;
  white-space: normal;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle18 dl dt.vertical {
    width: 100%;
  }
}
#mainContent body.hotel #mainContent .listStyle18 dl dd p {
  margin-bottom: 20px;
}
#mainContent body.hotel #mainContent .listStyle18 dl dd p:last-child {
  margin-bottom: 0;
}
#mainContent body.hotel #mainContent .listStyle18 dl dd p.note {
  font-size: 12px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle27 .item {
    margin-bottom: 15px;
  }
}
#mainContent body.hotel #mainContent .listStyle27 .item .imgBox {
  position: relative;
}
#mainContent body.hotel #mainContent .listStyle27 .item .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent body.hotel #mainContent .listStyle27 .item .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent body.hotel #mainContent .listStyle27 .item .ttl {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle27 .item .ttl {
    padding: 0;
  }
}
#mainContent body.hotel #mainContent .listStyle27 .item .deleteBtn {
  background: #64635e;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle27 .item .deleteBtn {
    width: 24px;
    height: 24px;
  }
}
#mainContent body.hotel #mainContent .listStyle27 .item .deleteBtn:before,
#mainContent body.hotel #mainContent .listStyle27 .item .deleteBtn:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 1px;
  display: block;
  background: #fff;
  top: 49%;
  right: 7px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #mainContent .listStyle27 .item .deleteBtn:before,
  #mainContent body.hotel #mainContent .listStyle27 .item .deleteBtn:after {
    right: 4px;
  }
}
#mainContent body.hotel #mainContent .listStyle27 .item .deleteBtn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mainContent body.hotel.about #mainVisual .copy {
  color: #fff;
  font-size: 20px;
  margin-top: 160px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel.about #mainVisual .copy {
    font-size: 13px;
    margin-top: 23vw;
  }
}
#mainContent body.hotel.about #mainVisual .copy .large {
  font-size: 1.5em;
}
#mainContent body.hotel.about .aboutDescription {
  margin-top: -100px;
  position: relative;
}
#mainContent body.hotel.about #mainContent .boxStyle04.imgRight .cont:nth-of-type(2n+1) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#mainContent body.hotel.about #mainContent .boxStyle04.rev .cont:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#mainContent body.hotel.about #mainContent .boxStyle04.rev .cont:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#mainContent body.hotel.about #mainContent .titleStyle02 .sub.bottom {
  display: block;
}
#mainContent body.hotel.en #mainContent .acdOpen:before {
  content: "More";
}
#mainContent body.hotel.en #mainContent .acdOpen.isOpen:before {
  content: "Close";
}
#mainContent body.hotel.cn {
  font-family: "宋体", "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent body.hotel.cn #header {
  font-family: "Microsoft YaHei", "微软雅黑", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.cn #footer {
  font-family: "Microsoft YaHei", "微软雅黑", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.cn #mainContent .acdOpen:before {
  content: "More";
}
#mainContent body.hotel.cn #mainContent .acdOpen.isOpen:before {
  content: "Close";
}
#mainContent body.hotel.tw {
  font-family: "Microsoft JhengHei", "微軟正黑體", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.tw #header {
  font-family: "Microsoft JhengHei", "微軟正黑體", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.tw #footer {
  font-family: "Microsoft JhengHei", "微軟正黑體", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.tw #mainContent .acdOpen:before {
  content: "More";
}
#mainContent body.hotel.tw #mainContent .acdOpen.isOpen:before {
  content: "Close";
}
#mainContent body.hotel.tw #mainContent .boxStyle03 .inner .txt01 {
  font-size: 20px;
}
#mainContent body.hotel.kr {
  font-family: "SF Pro KR", "MalgunGothic", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.kr #header {
  font-family: "SF Pro KR", "MalgunGothic", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.kr #footer {
  font-family: "SF Pro KR", "MalgunGothic", "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.kr #mainContent .acdOpen:before {
  content: "More";
}
#mainContent body.hotel.kr #mainContent .acdOpen.isOpen:before {
  content: "Close";
}
#mainContent body #mainContent .btnStyle08 li .txt.pdf {
  padding-right: 32px;
}
#mainContent body #mainContent .boxStyle03 {
  background: #eee;
  padding: 30px;
  text-align: center;
  max-width: 1000px;
  margin: auto;
}
#mainContent body #mainContent .boxStyle03.tal {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle03 {
    padding: 20px;
  }
  #mainContent body #mainContent .boxStyle03.tacPC {
    text-align: inherit;
  }
}
#mainContent body #mainContent .boxStyle03 .inner {
  letter-spacing: normal;
  display: inline-block;
  padding: 0 50px;
  vertical-align: middle;
}
#mainContent body #mainContent .boxStyle03 .inner .txt01 {
  font-size: 22px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle03 .inner {
    display: block;
    padding: 15px 0;
  }
}
#mainContent body #mainContent .boxStyle03 .inner:not(:last-of-type) {
  border-right: 1px solid #222;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle03 .inner:not(:last-of-type) {
    border-right: 0;
    border-bottom: 1px solid #222;
  }
}
#mainContent body #mainContent .boxStyle03 p:not(:last-child) {
  margin-bottom: 15px;
}
#mainContent body #mainContent .boxStyle03 + .btnStyle04 {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle03 + .btnStyle04 {
    margin-top: 20px;
  }
}
#mainContent body #mainContent .boxStyle13 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle13 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
#mainContent body #mainContent .boxStyle13 .txtBox {
  width: 60%;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle13 .txtBox {
    width: 100%;
  }
}
#mainContent body #mainContent .boxStyle13 .imgBox {
  width: 36%;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle13 .imgBox {
    width: 100%;
    margin-bottom: 20px;
  }
}
#mainContent body #mainContent .boxStyle13 .imgBox img + img {
  margin-top: 20px;
}
#mainContent body #mainContent .boxStyle14 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainContent body #mainContent .boxStyle14 .period {
  text-align: center;
  width: 35px;
  margin-right: 35px;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1.1;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle14 .period {
    display: none;
  }
}
#mainContent body #mainContent .boxStyle14 .period:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #555;
  top: 0;
}
#mainContent body #mainContent .boxStyle14 .period.multi {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#mainContent body #mainContent .boxStyle14 .period.multi .item {
  margin-bottom: 15px;
  position: relative;
}
#mainContent body #mainContent .boxStyle14 .period.multi .item.gray {
  color: #999;
}
#mainContent body #mainContent .boxStyle14 .period.multi .item:not(:first-child) {
  margin-top: 15px;
}
#mainContent body #mainContent .boxStyle14 .period.multi .item:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  width: 13px;
  height: 1px;
  background: #555;
  top: -15px;
}
#mainContent body #mainContent .boxStyle14 .content {
  width: calc(100% - 70px);
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle14 .content {
    width: 100%;
    margin-bottom: 50px;
  }
}
#mainContent body #mainContent .boxStyle15 {
  padding: 30px;
  color: #fff;
  background: rgba(0, 44, 65, 0.9);
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle15 {
    padding: 15px;
  }
}
#mainContent body #mainContent .boxStyle15 p {
  margin-bottom: 1em;
}
#mainContent body #mainContent .boxStyle15 *:last-child {
  margin-bottom: 0;
}
#mainContent body #mainContent .listStyle17 .box {
  margin-bottom: 40px;
}
#mainContent body #mainContent .listStyle17 .box:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle17 .box {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
#mainContent body #mainContent .listStyle17 .imgBox {
  float: left;
  width: 42%;
  position: relative;
}
#mainContent body #mainContent .listStyle17 .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62%;
}
#mainContent body #mainContent .listStyle17 .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
#mainContent body #mainContent .listStyle17 .ttl {
  width: 54%;
  float: right;
  font-size: 18px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle17 .ttl {
    float: none;
    margin-bottom: 0;
    font-size: 16px;
  }
}
#mainContent body #mainContent .listStyle17 .txt {
  width: 54%;
  float: right;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle17 .txt {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
}
#mainContent body #mainContent .listStyle17 .txt p:not(:last-child) {
  margin-bottom: 1em;
}
#mainContent body #mainContent .listStyle17.type01 .img {
  width: 22%;
  float: left;
}
#mainContent body #mainContent .listStyle17.type01 .ttl,
#mainContent body #mainContent .listStyle17.type01 .txt {
  width: 74%;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle17.type01 .txt {
    width: 100%;
  }
}
#mainContent body #mainContent .titleStyle03 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .titleStyle03 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mainContent body #mainContent .titleStyle03 .ttl {
  font-size: 54px;
  margin-right: 20px;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .titleStyle03 .ttl {
    margin-right: 0;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    font-size: 27px;
  }
}
#mainContent body #mainContent .titleStyle03 .ttl.color01 {
  color: #dd3274;
}
#mainContent body #mainContent .titleStyle03 .ttl.color02 {
  color: #005178;
}
#mainContent body #mainContent .titleStyle03 .ttl.color03 {
  color: #b7380b;
}
#mainContent body #mainContent .titleStyle03 .ttl.color04 {
  color: #444e5f;
}
#mainContent body #mainContent .titleStyle03 .txt p:not(:last-child) {
  margin-bottom: 10px;
}
#mainContent body #mainContent .maw800 {
  margin: 0 auto;
  max-width: 800px;
}
#mainContent body #mainContent .listStyle21 > li {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 22%;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle21 > li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent body #mainContent .listStyle21 > li:not(:nth-child(4n)) {
  margin-right: 4%;
}
#mainContent body #mainContent .listStyle21 > li .imgBox {
  position: relative;
  margin-bottom: 30px;
  border-radius: 100%;
  overflow: hidden;
}
#mainContent body #mainContent .listStyle21 > li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#mainContent body #mainContent .listStyle21 > li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle21 > li .imgBox {
    width: 35%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle21 > li .txt {
    width: 60%;
    overflow: hidden;
    padding-left: 15px;
  }
}
#mainContent body #mainContent .listStyle21 > li .txt .ttl {
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle21 > li .txt .ttl {
    font-size: 16px;
    margin-bottom: 5px;
    white-space: nowrap;
  }
}
#mainContent body #mainContent .listStyle21 > li .note {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  padding: 10px 0;
  margin-top: auto;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle21 > li .note {
    text-align: center;
    margin-bottom: 15px;
    padding: 5px;
    width: 100%;
  }
}
#mainContent body #mainContent .listStyle21 > li .description {
  margin: 15px 0 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle21 > li .description {
    font-size: 14px;
    width: 100%;
  }
}
#mainContent body #mainContent .tableStyle01 {
  width: 100%;
}
#mainContent body #mainContent .tableStyle01 th,
#mainContent body #mainContent .tableStyle01 td {
  padding: 10px;
  border: 1px solid #ddd;
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .tableStyle01 th,
  #mainContent body #mainContent .tableStyle01 td {
    padding: 7px 5px;
  }
}
#mainContent body #mainContent .tableStyle01 th {
  vertical-align: middle;
  background: #e2e2e2;
  font-weight: bold;
}
#mainContent body #mainContent .tableStyle01 th.noBg {
  background: transparent;
}
#mainContent body #mainContent .tableStyle01.type01 th,
#mainContent body #mainContent .tableStyle01.type01 td {
  border-right: 0;
  border-left: 0;
}
#mainContent body #mainContent .tableStyle01.type02 {
  border-bottom: 1px solid #ddd;
}
#mainContent body #mainContent .tableStyle01.type02 th,
#mainContent body #mainContent .tableStyle01.type02 td {
  border-left: 0;
}
#mainContent body #mainContent .tableStyle01.type02 th:last-child,
#mainContent body #mainContent .tableStyle01.type02 td:last-child {
  border-right: 0;
}
#mainContent body #mainContent .tableStyle01.type02 td {
  border-top: 0;
  border-bottom: 0;
}
#mainContent body #mainContent .tableStyle01.bdColor01 {
  border-color: #a0a0a0;
}
#mainContent body #mainContent .tableStyle01.bdColor01 th,
#mainContent body #mainContent .tableStyle01.bdColor01 td {
  border-color: #a0a0a0;
}
#mainContent body #mainContent .checkStyle01 {
  display: inline-block;
  background: #64635e;
  color: #fff;
  font-size: 12px;
  padding: 5px 30px 5px 10px;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body #mainContent .checkStyle01:hover {
  opacity: 0.7;
}
#mainContent body #mainContent .checkStyle01 span:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#mainContent body #mainContent .checkStyle01 span:after {
  display: block;
  width: 18px;
  height: 18px;
  background: #fff;
  position: absolute;
  top: 40%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/common/img/ico_check01.svg) center center/contain no-repeat;
}
#mainContent body #mainContent .checkStyle01 input[type=checkbox] {
  display: none;
}
#mainContent body #mainContent .checkStyle01 input[type=checkbox]:checked + span:after {
  content: "";
}
@media screen and (min-width: 1024px) {
  #mainContent body #mainContent .btnStyle07.type01 li {
    width: auto;
  }
}
#mainContent body #mainContent .btnStyle07.type01 li:not(.ttl) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#mainContent body #mainContent .btnStyle07.type01 li.ttl {
  background: #705924;
  color: #fff;
  padding: 15px 30px;
  text-align: center;
  height: 50px;
}
@media screen and (min-width: 1024px) {
  #mainContent body #mainContent .btnStyle07.type01 li.ttl {
    min-width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .btnStyle07.type01 li.ttl {
    height: 51px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle19 {
    border-top: 1px solid #555;
    padding-top: 15px;
  }
}
#mainContent body #mainContent .listStyle19 .item {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle19 .item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
#mainContent body #mainContent .listStyle19 .item .imgBox {
  display: block;
  position: relative;
  cursor: pointer;
}
#mainContent body #mainContent .listStyle19 .item .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#mainContent body #mainContent .listStyle19 .item .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle19 .item .imgBox {
    width: 100%;
  }
  #mainContent body #mainContent .listStyle19 .item .imgBox:before {
    padding-top: 75%;
  }
}
#mainContent body #mainContent .listStyle19 .item .imgBox .checkStyle01 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle19 .item .imgBox .checkStyle01 {
    width: 100%;
  }
}
#mainContent body #mainContent .listStyle19 .item .ttl {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin: 15px 0 25px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle19 .item .ttl {
    width: 52%;
    text-align: left;
    font-size: 15px;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .listStyle19 .item .listStyle12 {
    display: none;
  }
}
#mainContent body #mainContent .boxStyle12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle12 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent body #mainContent .boxStyle12:not(:last-of-type) {
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle12:not(:last-of-type) {
    margin-bottom: 40px;
  }
}
#mainContent body #mainContent .boxStyle12 .imgBox {
  width: 260px;
  padding-right: 25px;
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle12 .imgBox {
    padding-right: 0;
    width: 50%;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle12 .ttlSP {
    width: 50%;
    padding-left: 15px;
  }
}
#mainContent body #mainContent .boxStyle12 .txtBox {
  width: calc(100% - 260px);
}
@media screen and (max-width: 1023px) {
  #mainContent body #mainContent .boxStyle12 .txtBox {
    width: 100%;
    margin-top: 15px;
  }
}
#mainContent body #mainContent .boxStyle12 .ttl .main {
  margin-bottom: 10px;
}
#mainContent body #mainContent .boxStyle12 .ttl .price {
  margin-bottom: 20px;
}
#mainContent body #mainContent .boxStyle04 .cont.top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
#mainContent body.accommodations.rooms #mainContent .col2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent body.hotel.top #infoArea .listStyle02 {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.top #accessArea {
  font-family: "-apple-system", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
#mainContent body.hotel.top #accessArea .ttl {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent body.hotel.top #accessArea .btnStyle01 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
}
#mainContent body.hotel.top #accessArea .accessBox {
  max-width: 800px;
  margin: 20px auto 0;
  text-align: left;
}
#mainContent body.hotel.top #accessArea .accessBox p:not(:last-child) {
  margin-bottom: 20px;
}
#mainContent body.hall #mainContent .listStyle12 dl dt {
  width: 28%;
}
#mainContent body.hall #mainContent .listStyle15 {
  font-size: 0;
  display: block;
  text-align: center;
}
#mainContent body.hall #mainContent .listStyle15 dl {
  font-size: 0;
  display: inline-block;
}
#mainContent body.room.stay #mainContent .col2 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#mainContent body.garden .gardenTour {
  height: 100vh;
  padding-top: 85px;
  margin-top: -85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour {
    height: auto;
    padding-top: 90px;
    margin-top: -90px;
    display: block;
  }
}
#mainContent body.garden .gardenTour:nth-of-type(2n) .nav {
  background: #0e2c27;
}
#mainContent body.garden .gardenTour:nth-of-type(2n) .scrollNav li {
  color: #0e2c27;
}
#mainContent body.garden .gardenTour .nav {
  width: 400px;
  background: #008241;
  padding: 40px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour .nav {
    width: 100%;
    padding: 20px 0;
  }
}
#mainContent body.garden .gardenTour .nav .imgBox {
  width: 50%;
  position: relative;
  margin: 0 auto 30px;
  border-radius: 100%;
  overflow: hidden;
}
#mainContent body.garden .gardenTour .nav .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
#mainContent body.garden .gardenTour .nav .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour .nav .imgBox {
    width: 35%;
    margin-bottom: 20px;
  }
}
#mainContent body.garden .gardenTour .photo {
  width: calc(100% - 400px);
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour .photo {
    width: 100%;
  }
}
#mainContent body.garden .gardenTour .photo .imgBox {
  position: relative;
  height: 100%;
}
#mainContent body.garden .gardenTour .photo .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour .photo .imgBox {
    height: 65vw;
  }
}
#mainContent body.garden .gardenTour .photo .txtBox {
  width: 100%;
  padding-right: 80px;
  position: absolute;
  color: #fff;
  padding: 30px 60px 30px 30px;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour .photo .txtBox {
    padding: 15px;
    background: #000;
    position: relative;
  }
}
#mainContent body.garden .gardenTour .photo .txtBox .titleStyle02 {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour .photo .txtBox .titleStyle02 {
    font-size: 18px;
  }
}
#mainContent body.garden .gardenTour .nextBtn {
  width: 22px;
  height: 38px;
  background: url(/common/img/arrow03_white.svg) center center/contain no-repeat;
  position: absolute;
  right: 20px;
  bottom: 20px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body.garden .gardenTour .nextBtn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .gardenTour .nextBtn {
    width: 11px;
    height: 19px;
    bottom: auto;
    top: 20px;
  }
}
#mainContent body.garden .scrollNav {
  display: table;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .scrollNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent body.garden .scrollNav li {
  text-align: center;
  margin-bottom: 10px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body.garden .scrollNav li:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .scrollNav li:not(:last-child) {
    margin-right: 10px;
  }
}
#mainContent body.garden .scrollNav li.num {
  color: #fff !important;
}
#mainContent body.garden .scrollNav li.label {
  background: #fff;
  padding: 2px 5px 0 5px;
  color: #008241;
}
#mainContent body.garden .scrollNav li.label.start {
  pointer-events: none;
}
#mainContent body.garden .scrollNav li.current {
  position: relative;
}
#mainContent body.garden .scrollNav li.current:before {
  content: "";
  height: 6px;
  width: 6px;
  display: block;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.garden .scrollNav li.current:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
    bottom: -10px;
    top: auto;
    left: 5px;
  }
}
#mainContent body.garden .scrollNav li.current a {
  pointer-events: none;
}
#mainContent body.garden.topic #mainContent .sliderNav01 {
  margin-bottom: 50px;
}
#mainContent body .acdStyle03 > .acdToggle {
  display: inline-block;
  border: 1px solid;
  color: #b39a62;
  padding: 10px 60px 10px 20px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #mainContent body .acdStyle03 > .acdToggle {
    padding: 10px 60px;
    display: block;
    text-align: center;
  }
}
#mainContent body .acdStyle03 > .acdToggle:before,
#mainContent body .acdStyle03 > .acdToggle:after {
  content: "";
  position: absolute;
  width: 11px;
  height: 1px;
  display: block;
  background: currentColor;
  top: 49%;
  right: 20px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#mainContent body .acdStyle03 > .acdToggle:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#mainContent body .acdStyle03 > .acdCont {
  margin-top: 15px;
}
#mainContent body .acdStyle03.isOpen .acdToggle:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mainContent body .acdStyle03.isOpen .acdToggle:after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
#mainContent body .acdStyle03.type01 > .acdToggle {
  padding: 10px 20px 10px 60px;
}
#mainContent body .acdStyle03.type01 > .acdToggle:before,
#mainContent body .acdStyle03.type01 > .acdToggle:after {
  left: 20px;
  right: auto;
}
#mainContent body .acdStyle03.type01 > .acdToggle {
  padding: 10px 20px 10px 50px;
}
#mainContent body .acdStyle03.type01 > .acdToggle:before,
#mainContent body .acdStyle03.type01 > .acdToggle:after {
  left: 20px;
  right: auto;
}
#mainContent body .acdStyle03.type02 > .acdToggle {
  padding: 10px 10px 10px 30px;
}
#mainContent body .acdStyle03.type02 > .acdToggle:before,
#mainContent body .acdStyle03.type02 > .acdToggle:after {
  left: 10px;
  right: auto;
}
#mainContent body .acdStyle03.white > .acdToggle {
  color: #fff;
}
#mainContent body *[class^=acdStyle] > .acdCont {
  display: none;
}
#mainContent body .acdStyle03 > .acdCont .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#mainContent body .acdStyle03 > .acdCont .inner .photoUl {
  width: 18.75%;
  text-align: center;
}
#mainContent body .acdStyle03 > .acdCont .inner .textBox {
  width: 80%;
}
#mainContent body .acdStyle03 > .acdCont .inner01 .photoUl {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
#mainContent body .acdStyle03 > .acdCont .inner01 .textBox {
  width: 55%;
}
#mainContent body .btnStyle12 li {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body .btnStyle12 li {
    margin-bottom: 15px;
  }
}
#mainContent body .btnStyle12 li a,
#mainContent body .btnStyle12 li span {
  display: block;
  padding: 7px 10px;
  background: #eee;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}
#mainContent body .btnStyle12 li a:hover,
#mainContent body .btnStyle12 li span:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  #mainContent body .btnStyle12 li a,
  #mainContent body .btnStyle12 li span {
    min-height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
#mainContent body .btnStyle12.col2 li {
  width: 49%;
}
@media screen and (max-width: 1023px) {
  #mainContent body .btnStyle12.col2 li {
    width: 100%;
  }
}
#mainContent body .btnStyle12.col2 li:nth-child(2n+1) {
  margin-right: 2%;
}
@media screen and (max-width: 1023px) {
  #mainContent body .btnStyle12.col2 li:nth-child(2n+1) {
    margin-right: 0;
  }
}
#mainContent body .listStyle25 {
  margin: 0 auto 20px;
  max-width: 500px;
}
#mainContent body .listStyle25 dl {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #mainContent body .listStyle25 dl .titleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
#mainContent body .listStyle25 dl .titleBox .img {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent body .listStyle25 dl .titleBox .img {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent body .listStyle25 dl .titleBox .img img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }
}
#mainContent body .listStyle25 dl .titleBox dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #mainContent body .listStyle25 dl .titleBox dt {
    font-size: 16px;
    padding: 0 0 0 10px;
  }
}
#mainContent body .listStyle25 dl .txt {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #mainContent body .listStyle25 dl .txt {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0;
    padding: 5px 0;
  }
}
#mainContent body .listStyle25 dl .list {
  margin-bottom: 15px;
}
#mainContent body .listStyle25 dl .list:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #mainContent body .listStyle25 dl .list {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0;
    padding: 5px 0;
    text-align: center;
  }
}
#mainContent body .listStyle25 .btnStyle01 {
  margin-bottom: 0 !important;
}
#mainContent body .listStyle25 .btnStyle01 li {
  margin-bottom: 0 !important;
  display: block;
  text-align: center;
}
#mainContent body .listStyle25.col4 {
  max-width: none;
}
#mainContent body .listStyle22 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  #mainContent body .listStyle22 li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
  }
}
#mainContent body .listStyle22 li .ttl {
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  #mainContent body .listStyle22 li .ttl {
    width: 70%;
    padding-left: 15px;
    margin-bottom: 15px;
  }
}
#mainContent body .listStyle22 li .ttl span {
  font-size: 20px;
  display: block;
}
#mainContent body .listStyle22 li .imgBox {
  margin-bottom: 15px;
  position: relative;
}
#mainContent body .listStyle22 li .imgBox:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62%;
}
#mainContent body .listStyle22 li .imgBox img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body .listStyle22 li .imgBox {
    width: 30%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  #mainContent body .listStyle22 li .imgBox:before {
    padding-top: 100px;
  }
}
#mainContent body .listStyle22 li .txt {
  line-height: 1.75;
}
#mainContent body .listStyle22 li .btnStyle01 {
  margin-top: 15px;
  width: 100%;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle04 .cont {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle04 .cont:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle03 {
  padding: 30px 10px;
  margin-bottom: 50px;
}
#mainContent body.garden.serenity_garden #mainContent .boxStyle03 .inner {
  padding: 0 20px;
}
#mainContent body.garden.profile #mainContent .btnStyle07 {
  margin-top: 60px;
}
#mainContent body.garden.profile #mainContent .btnStyle07 a {
  padding: 5px;
  text-align: center;
}
#mainContent body.garden.profile #mainContent .btnStyle07 a:after {
  display: none;
}
#mainContent body.garden.profile #mainContent .profile {
  margin-bottom: 50px;
}
#mainContent body.garden.profile #mainContent .profile .sliderStyle01 {
  max-width: 800px;
  margin: 0 auto 10px;
}
#mainContent body.garden.profile #mainContent .profile .titleStyle09 {
  margin-top: 30px;
}
#mainContent body.garden.profile #mainContent .profile .profileBox > ul {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #888;
}
#mainContent body.garden.profile #mainContent .profile .profileBox > ul > li {
  width: 23%;
}
#mainContent body .titleStyle09 {
  font-size: 20px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Times New Roman", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", sans-serif;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #888;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #mainContent body .titleStyle09 {
    margin-bottom: 15px;
  }
}
#mainContent body.dining #mainContent .acdStyle01 > .acdToggle > dt {
  margin-right: 3.5%;
  width: 47%;
}
#mainContent body.dining #mainContent .acdStyle01 > .acdToggle > dt .imgBox {
  margin-right: 0;
  width: 38.8%;
}
#mainContent body.dining #mainContent .acdStyle01 > .acdToggle > dt .ttl {
  width: 54%;
}
#mainContent body.dining #mainContent .acdStyle01 > .acdToggle > dd {
  width: 49.5%;
}
#mainContent body.banquets_meetings.mice #mainContent .sliderNav01.hidden {
  display: none !important;
}
#mainContent body.banquets_meetings #reason {
  padding: 40px 0;
  background: url(/common/img/banquet/reason_bg.jpg) center center/cover no-repeat;
  text-align: center;
}
#mainContent body.banquets_meetings #reason .boxStyle06 {
  width: 90%;
  max-width: 800px;
  margin: auto;
}
#mainContent body.banquets_meetings #reason .titleStyle04 span.pc {
  display: block;
}
#mainContent body.banquets_meetings #reason p {
  line-height: 2;
}
#mainContent body.hotel.banquets_meetings #medium .listStyle19 li {
  position: relative;
  margin-bottom: -40px;
  margin-top: 70px;
}
#mainContent body.hotel.banquets_meetings #medium .listStyle19 ul {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#mainContent body.hotel.banquets_meetings #medium .listStyle12 {
  margin-bottom: 80px;
}
#mainContent body.hotel.banquets_meetings #small .listStyle19 li {
  position: relative;
  margin-bottom: -40px;
  margin-top: 70px;
}
#mainContent body.hotel.banquets_meetings #small .listStyle19 ul {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#mainContent body.hotel.banquets_meetings #small .listStyle12 {
  margin-bottom: 80px;
}
#mainContent body.garden.seasons .sliderNav01,
#mainContent body.garden.seasons_autumn .sliderNav01,
#mainContent body.garden.seasons_summer .sliderNav01,
#mainContent body.garden.seasons_winter .sliderNav01 {
  display: none;
}
#mainContent body.accommodations.hospitality #mainContent .bgGray {
  background: #eee;
}
#mainContent body.hotel.spa .spaArea {
  background: url(/common/img/relaxation/spaarea_bg.jpg) center center/cover no-repeat;
  padding: 40px 0 60px;
}
#mainContent body.hotel.spa .spaArea .boxStyle06 {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}
#mainContent body.hotel.spa .spaArea .btnStyle01 {
  margin: 40px 0 -72px;
  text-align: center;
}
#mainContent body.spa.spabyloccitane .loccitaneMV .main {
  position: relative;
}
#mainContent body.spa.spabyloccitane .loccitaneMV .main .mv {
  position: relative;
}
#mainContent body.spa.spabyloccitane .loccitaneMV .main .mv:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 22%;
}
#mainContent body.spa.spabyloccitane .loccitaneMV .main .mv img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;";
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .main .mv:before {
    padding-top: 42.5%;
  }
}
#mainContent body.spa.spabyloccitane .loccitaneMV .main .img {
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .main .img {
    display: block;
    padding: 8px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #mainContent body.spa.spabyloccitane .loccitaneMV .main .img img {
    width: 70px;
    position: relative;
  }
}
#mainContent body.spa.spabyloccitane .loccitaneMV .copy {
  background: #ffcb00 url(/common/img/relaxation/spabyloccitane/bg_copy.png) center no-repeat;
  padding: 30px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .copy {
    line-height: 1.3;
  }
}
#mainContent body.spa.spabyloccitane .loccitaneMV .info {
  border-bottom: 40px solid #ffcb00;
  background: url(/common/img/relaxation/spabyloccitane/bg_leaf_pc.png) center no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 25px 0;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .info {
    border-bottom: 30px solid #ffcb00;
  }
}
#mainContent body.spa.spabyloccitane .loccitaneMV .info .img {
  margin: 0 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .info .img {
    display: none;
  }
}
#mainContent body.spa.spabyloccitane .loccitaneMV .info .txt {
  margin: 0 20px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .info .txt {
    text-align: center;
  }
}
#mainContent body.spa.spabyloccitane .loccitaneMV .info .txt .time {
  font-size: 13px;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .info .txt .time {
    font-size: 10px;
  }
}
#mainContent body.spa.spabyloccitane .loccitaneMV .info .txt .tel {
  display: none;
}
@media screen and (max-width: 1023px) {
  #mainContent body.spa.spabyloccitane .loccitaneMV .info .txt .tel {
    display: block;
    font-size: 14px;
    margin-top: 15px;
  }
}
#mainContent body.guests_gallery #mainVisual {
  overflow: hidden;
}
#mainContent body.guests_gallery #mainVisual img {
  width: 100%;
}
#mainContent body.guests_gallery #mainContent .tag {
  padding-bottom: 20px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
#mainContent body.guests_gallery #mainContent .wrapper_s {
  display: block;
  max-width: 960px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
#mainContent body.guests_gallery #mainContent .instanavi {
  padding: 0 0 30px;
  overflow: hidden;
}
#mainContent body.guests_gallery #mainContent .instanavi a {
  width: 24.28%;
  margin: 0 0.96% 0.96% 0;
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: 0.8em;
  display: block;
  background-color: #fff;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainContent body.guests_gallery #mainContent .instanavi a.all {
  background-image: url("/common/img/guests_gallery/icon_cate01.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#mainContent body.guests_gallery #mainContent .instanavi a.nature {
  background-image: url("/common/img/guests_gallery/icon_cate02.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#mainContent body.guests_gallery #mainContent .instanavi a.cuisine {
  background-image: url("/common/img/guests_gallery/icon_cate03.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#mainContent body.guests_gallery #mainContent .instanavi a.celebration {
  background-image: url("/common/img/guests_gallery/icon_cate04.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#mainContent body.guests_gallery #mainContent .instanavi a span {
  padding: 18px 0;
  position: relative;
  font-size: 1.4em;
  display: block;
  font-family: Garamond, serif;
  background: rgba(0, 0, 0, 0.7);
}
#mainContent body.guests_gallery #mainContent .instanavi a:hover {
  opacity: 1;
}
#mainContent body.guests_gallery #mainContent .instanavi a:hover span,
#mainContent body.guests_gallery #mainContent .instanavi a.active span {
  background: rgba(0, 0, 0, 0.1);
  text-shadow: 0 0 5px #000;
}
#mainContent body.guests_gallery #mainContent .instanavi a:last-child {
  margin: 0 0 0.96% 0;
}
#mainContent body.banquets_meetings.food #mainContent .btnStyle07 a {
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#mainContent body.banquets_meetings.food #mainContent .chef01 img {
  width: 250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
#mainContent body.banquets_meetings.food #mainContent .chef02 img {
  width: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
#mainContent body.banquets_meetings.food #mainContent .box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 1000px;
  margin: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#mainContent body.banquets_meetings.food #mainContent .box01 p {
  font-size: 12px !important;
  padding: 27px;
}
#mainContent body.banquets_meetings.food #mainContent .boxText01 {
  width: 60% !important;
}
#mainContent body.banquets_meetings.food #mainContent .boxImage04.chef02 {
  width: 40% !important;
}
#mainContent .boxImage01 {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#mainContent body.banquets_meetings.food #mainContent .box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 60%;
}
#mainContent body.banquets_meetings.food #mainContent .box02 > div {
  width: 50%;
}
#mainContent body.banquets_meetings.food #mainContent .chefBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#mainContent body.about.imagebook #mainContent .btnStyle05 a {
  margin: 0 20px 0 0;
  padding-right: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}
#mainContent body.about.imagebook #mainContent .btnStyle05 a:before {
  background: url("/common/img/about/arrow.png") no-repeat;
  right: 8px;
  top: 50%;
  width: 14px;
  height: 8px;
  border: none;
  left: auto;
}
#mainContent body.about.imagebook #mainContent .bgBox {
  padding: 30px 0;
  background: #ece4d1;
}
#mainContent body.about.imagebook #mainContent .bgBox .listStyle25 {
  text-align: center;
  margin-bottom: 0;
}
#mainContent body.garden.topic #mainContent .titleStyle09.tal {
  text-align: left;
}
#mainContent body.garden.topic #mainContent .sliderNav01 {
  margin-bottom: 50px;
}
#mainContent body.garden.topic #mainContent #lead p {
  margin-bottom: 20px;
}
#mainContent body.contact-us #mainContent .smallTxt a {
  color: #b19b61;
  text-decoration: underline;
}
#mainContent body.access #mainContent .boxStyle17 > .inner {
  width: 33.33%;
}
@media screen and (min-width: 1024px) {
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 li {
    width: 15%;
  }
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  #mainContent body.banquet.cuisine #mainContent .btnStyle07 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #mainContent body.spa.spabyloccitane #mainContent .btnStyle02.col2 li {
    width: 49%;
  }
  #mainContent body.spa.spabyloccitane #mainContent .btnStyle02.col2 li:not(:nth-child(4n)) {
    margin-right: 0;
  }
  #mainContent body.spa.spabyloccitane #mainContent .btnStyle02.col2 li:nth-child(2n+1) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 1300px) {
  #mainContent #header > .contentInner {
    width: auto;
    max-width: 1276px;
  }
  #mainContent body.hotel #header .reservationBox .contentInner {
    width: auto;
  }
}
@media screen and (max-width: 1023px) {
  #mainContent body.hotel #header .inner .logo {
    margin-top: 0;
  }
  #mainContent body.hotel #footer .footer03 .box .info {
    width: auto;
  }
  #mainContent body.hotel #footer .footer03 .box .info dt {
    padding-right: 0;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .row {
    padding: 0 30px;
  }
  #mainContent body.hotel #footer .footer03 #link_site > dl > dd .row > div {
    float: none;
    width: auto;
  }
  #mainContent body.hotel #mainContent .boxStyle07 .imgBox {
    text-align: center;
  }
  #mainContent body.banquet.mice #mainContent .sliderStyle01 .slide > .txtBox {
    position: static;
  }
  #mainContent body.banquet.mice #mainContent .sliderStyle01 .slick-arrow {
    top: calc((50vw - 20px) * 190 / 305 - 20px);
  }
  #mainContent body.hotel.top #accessArea .btnStyle01 {
    margin-top: 20px;
    text-align: left;
    display: block;
  }
  #mainContent body .acdStyle03 > .acdCont .inner {
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #mainContent body .acdStyle03 > .acdCont .inner .photoUl {
    width: auto;
  }
  #mainContent body .acdStyle03 > .acdCont .inner .textBox {
    margin-bottom: 20px;
    width: auto;
  }
  #mainContent body.garden.serenity_garden #mainContent .boxStyle03 .inner {
    padding: 15px 0;
  }
  #mainContent body.garden.profile #mainContent .btnStyle07 a {
    display: block;
  }
  #mainContent body.garden.profile #mainContent .profile .profileBox > ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #mainContent body.garden.profile #mainContent .profile .profileBox > ul > li {
    width: 48%;
  }
  #mainContent body.garden.profile #mainContent .profile .profileBox > ul > li li {
    margin-bottom: 5px;
  }
  #mainContent body.dining.sub {
    font-size: 1.4em;
  }
  #mainContent body.dining.room #mainContent .btnStyle02 a {
    height: 63px;
  }
  #mainContent body.dining #mainContent .acdStyle01 > .acdToggle dt {
    margin-right: 0;
    width: auto;
  }
  #mainContent body.dining #mainContent .acdStyle01 > .acdToggle dt .imgBox {
    width: 120px;
    margin-right: 0;
  }
  #mainContent body.dining #mainContent .acdStyle01 > .acdToggle dt .ttl {
    width: calc(100% - 120px);
  }
  #mainContent body.dining #mainContent .acdStyle01 > .acdToggle dd {
    width: auto;
  }
  #mainContent body.guests_gallery #mainVisual {
    height: 47vw !important;
  }
  #mainContent body.guests_gallery #mainContent .wrapper_s {
    width: 82%;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a {
    width: 100%;
    margin: 0.5% 0;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a.all {
    background-image: url("/common/img/guests_gallery/icon_cate01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a.nature {
    background-image: url("/common/img/guests_gallery/icon_cate02.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a.cuisine {
    background-image: url("/common/img/guests_gallery/icon_cate03.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a.celebration {
    background-image: url("/common/img/guests_gallery/icon_cate04.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a span {
    padding: 18px 0;
    position: relative;
    font-size: 1.4em;
    display: block;
    font-family: Garamond, serif;
    background: rgba(0, 0, 0, 0.7);
  }
  #mainContent body.guests_gallery #mainContent .instanavi a:hover {
    opacity: 1;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a:hover span,
  #mainContent body.guests_gallery #mainContent .instanavi a.active span {
    background: rgba(0, 0, 0, 0.1);
    text-shadow: 0 0 5px #000;
  }
  #mainContent body.guests_gallery #mainContent .instanavi a:last-child {
    margin: 0 0 0.96% 0;
  }
  #mainContent body.banquets_meetings #reason .titleStyle04 {
    font-size: 20px;
  }
  #mainContent body.banquets_meetings #reason .titleStyle04 span.pc {
    display: none;
  }
  #mainContent body.banquets_meetings #reason .titleStyle04 span.sp {
    font-size: 17px;
    display: block;
  }
  #mainContent body.banquets_meetings #reason p {
    line-height: 2;
  }
  #mainContent body #mainContent .banquets_meetings .listStyle19 .item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #mainContent body #mainContent .banquets_meetings .listStyle19 .item .imgBox {
    width: 100%;
  }
  #mainContent body #mainContent .banquets_meetings .listStyle19 .item .imgBox .checkStyle01 {
    width: 30%;
  }
  #mainContent body.banquets_meetings #large .listStyle19 .ttl {
    width: 52%;
    text-align: center;
    font-size: 15px;
    margin-bottom: 0;
  }
  #mainContent body.banquets_meetings #medium .listStyle19 .ttl {
    width: 52%;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
  }
  #mainContent body.banquets_meetings #small .listStyle19 .ttl {
    width: 52%;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
  }
  #mainContent body.hotel.banquets_meetings #medium .listStyle19 li {
    position: relative;
    margin-bottom: 0px;
    margin-top: 20px;
    padding-bottom: 50px;
  }
  #mainContent body.hotel.banquets_meetings #medium .listStyle19 ul {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #mainContent body.hotel.banquets_meetings #medium .listStyle12 {
    margin-bottom: 80px;
  }
  #mainContent body.hotel.banquets_meetings #small .listStyle19 li {
    position: relative;
    margin-bottom: 0px;
    margin-top: 20px;
    padding-bottom: 50px;
  }
  #mainContent body.hotel.banquets_meetings #small .listStyle19 ul {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #mainContent body.hotel.banquets_meetings #small .listStyle12 {
    margin-bottom: 80px;
  }
}
#mainContent body.about.imagebook #mainContent .btnStyle05 a {
  padding: 0 25px 0 10px;
  border: 1px solid #fff;
  font-size: 13px;
}
#mainContent body.about.imagebook #mainContent .btnStyle05 a:before {
  background-size: 13px 6px;
  right: 9px;
  width: 13px;
  height: 6px;
  margin-top: -3px;
}
#mainContent body.about.imagebook #mainContent .btnStyle05 a span {
  display: block;
}
#mainContent body.about.imagebook #mainContent .listStyle25 dl .titleBox .img {
  width: 100%;
  height: auto;
}
#mainContent body.about.imagebook #mainContent .listStyle25 dl .titleBox .img img {
  height: auto;
}
#mainContent body.about.imagebook #mainContent .listStyle25 dl .txt {
  border: none;
}
#mainContent body.about.imagebook #mainContent .listStyle25.col4:not(.spCol2) > li,
#mainContent body.about.imagebook #mainContent .listStyle25.col4:not(.spCol2) > dl,
#mainContent body.about.imagebook #mainContent .listStyle25.col4:not(.spCol2) > .box {
  width: 49%;
}
#mainContent body.about.imagebook #mainContent .listStyle25.col4:not(.spCol2) > li:not(:nth-child(2n)),
#mainContent body.about.imagebook #mainContent .listStyle25.col4:not(.spCol2) > dl:not(:nth-child(2n)),
#mainContent body.about.imagebook #mainContent .listStyle25.col4:not(.spCol2) > .box:not(:nth-child(2n)) {
  margin-right: 2%;
}
#mainContent body.about.imagebook #mainContent .bgBox {
  padding-top: 30px;
  background: #ece4d1;
}
#mainContent body.about.imagebook #mainContent .bgBox .listStyle25 {
  text-align: center;
  margin-bottom: 0;
}
#mainContent body.about.imagebook #mainVisual {
  height: 80vw;
  min-height: inherit;
}
#mainContent body.spa.spabyloccitane #mainContent .btnStyle02.col2 li {
  width: 100%;
}
#mainContent body.spa.spabyloccitane #mainContent .btnStyle02.col2 li:nth-child(2n+1) {
  margin-right: 0;
}
#mainContent body.spa.spabyloccitane #mainContent #treatment .bodyCare {
  /* background-color: #f2e98a; */
  padding: 10px 20px;
}
@media screen and (max-width: 640px) {
  #mainContent body #mainContent .boxStyle02 .cont .inner .txtBox {
    padding-top: 65vw !important;
  }
}

/* popup_cookie
================================================ */
.popup_cookie_cont {
  border-top: 1px solid #ccc;
  background-color: rgba(225, 225, 225, 0.9);
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 1000;
  display: none;
  padding: 0px 0;
}

.popup_cookie {
  max-width: 940px;
  display: table;
  margin: 0 auto;
  padding: 16px 0;
}

.popup_cookie > div {
  text-align: left;
  vertical-align: middle;
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.popup_cookie > .ct {
  width: 80%;
  padding: 0 36px 0 12px;
}

.popup_cookie > .ct .txt {
  color: #000;
  font-size: 13px;
  line-height: 1.7;
  text-align: left;
  margin: 0;
  padding: 0;
}

.popup_cookie > .ct .txt a {
  color: #146936;
  text-decoration: underline;
}

.popup_cookie > .btn {
  width: 20%;
  min-width: 48px;
  line-height: 0%;
  white-space: nowrap;
  padding: 0 12px 0 0;
}

.popup_cookie > .btn .btn_agree {
  background-color: #166433;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.5em;
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 8px 24px 8px 24px;
}

.popup_cookie > .btn .btn_agree:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}