@charset "utf-8";
/* ==========================================================

title : 花鳥魚園　 共通
scope : /tado_onsen/kankou/picturebook/　共通

last modify : 2020/08/17 TCV_ヴィ/ Doan Thi Tuong Vi

========================================================== */

.font_mincho {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font_palt {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

#maincolumn img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: 100%;
}

.text {
  color: #000;
  line-height: 1.5;
}

.text a:hover {
  color: #FF0000 !important;
}

/* .flex & .flex.not
------------------*/
.flex {
  display: flex;
  justify-content: space-between;
}

.flex.wrap {
  flex-wrap: wrap;
}

@media screen and (max-width: 812px) {
  .flex.not {
    display: block;
  }

  .flex.not>* {
    width: auto !important;
  }

  .flex.space_around {
    justify-content: space-around;
  }
}

/* Breadcrumb */
[id^="main"] ul.siteroute {
  margin: 14px 0;
}

@media screen and (max-width: 812px) {
  [id^="main"] ul.siteroute {
    margin: 0;
  }
}

[id^="main"] ul.siteroute > li {
  font-size: 16px;
}

@media screen and (max-width: 812px) {
  [id^="main"] ul.siteroute > li {
    font-size: 4vw;
  } 
}

[id^="main"] ul.siteroute > li:first-child {
  padding-left: .25em;
}

@media screen and (max-width: 812px) {
  [id^="main"] ul.siteroute > li:first-child {
    padding-right: 2em;
    padding-left: 0;
  }  
}

[id^="main"] ul.siteroute > li:nth-child(n+2) {
  padding: 0 0 0 1.25em;
}

@media screen and (max-width: 812px) {
  [id^="main"] ul.siteroute > li:nth-child(n+2) {
    padding-right: 2em;
    padding-left: 0;
  }
}


@media screen and (max-width: 812px) {
  [id^="main"] ul.siteroute > li:last-child {
    padding: 0;
  }
}

.main {
  margin: 3.7% auto 0;
}

@media screen and (max-width: 970px) {
  .main {
    width: 98%;
  }
}

@media screen and (max-width: 812px) {
  .main {
    width: 92%;
  }
}

.content {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}

.content .inner {
  margin: 0 auto;
  max-width: 880px;
}

.content .block .inner_block {
  margin: 0 auto;
  max-width: 820px;
}

/* main visual */
.main_visual {
  margin: 2.4% auto 0;
  max-width: 962px;
  padding-top: 31.444%;
  position: relative;
}

.main_visual>* {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(376 / 962 * 100%);
}

.main_visual>*>* {
  display: block;
  height: 100%;
}

.main_visual>*>*>.jp::after,
.main_visual>*>*>.jp::before {
  background: #580b0b;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 5px;
  position: absolute;
  transform: translateY(50%);
  width: 5px;
}

.main_visual>*>*>.jp::after {
  left: 0;
}

.main_visual>*>*>.jp::before {
  right: 0;
}

/* MV style_1 */
@media screen and (max-width: 812px) {
  .main_visual.style_1 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_1>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_1>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(187 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(222 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_1>*>*>.jp {
    height: calc(117.5 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_1>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  padding-top: 1.580em;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_1>*>*>.jp .large {
    padding-top: 1.880em;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_1>*>*>.jp .large {
    font-size: 10.145vw;
    padding-top: .762em;
    letter-spacing: -.06em;
  }
}

.main_visual.style_1>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: 1;
  margin-top: .5em;
  text-align: center;
}

@media screen and (max-width: 812px) {
  .main_visual.style_1>*>*>.jp .small {
    font-size: 4.710vw;
    margin-top: .513em;
    letter-spacing: -.09em;
  }
}

.main_visual.style_1>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(118 / 305 * 100%);
  line-height: 1.3;
  padding-top: .657em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_1>*>*>.en {
    width: calc(170 / 191 * 100%);
    font-size: 4.106vw;
    margin-left: calc(17 / 191 * 100%);
  }
}

/* MV style_2 */
@media screen and (max-width: 812px) {
  .main_visual.style_2 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_2>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_2>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(180 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(266 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_2>*>*>.jp {
    height: calc(134 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_2>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 1;
  padding-top: 4.842em;
  text-align: center;
}

@media screen and (max-width: 812px) {
  .main_visual.style_2>*>*>.jp .small {
    font-size: 3.523vw;
    letter-spacing: -.02em;
    padding-top: 1.6em;
  }
}

.main_visual.style_2>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: 1;
  padding-top: .405em;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_2>*>*>.jp .large {
    letter-spacing: -.1em;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_2>*>*>.jp .large {
    font-size: 7.9vw;
    padding-top: .212em;
    letter-spacing: -.02em;
    line-height: 1.24;
  }
}

.main_visual.style_2>*>*>.jp .large span {
  font-size: 30px;
}

@media screen and (max-width: 812px) {
  .main_visual.style_2>*>*>.jp .large span {
    font-size: 6.03vw;
    vertical-align: -10%;
  }
}

.main_visual.style_2>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(118 / 305 * 100%);
  line-height: 1.3;
  padding-top: .957em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_2>*>*>.en {
    width: calc(170 / 191 * 100%);
    font-size: 4.106vw;
    margin-left: calc(17 / 191 * 100%);
    padding-top: .176em;
    height: auto;
  }
}

/* MV style_3 */
@media screen and (max-width: 812px) {
  .main_visual.style_3 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_3>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_3>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(183 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(222 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_3>*>*>.jp {
    height: calc(134 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_3>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 44px;
  font-weight: 600;
  line-height: 1;
  padding-top: 2.045em;
  text-align: center;
}

@media screen and (max-width: 812px) {
  .main_visual.style_3>*>*>.jp .large {
    font-size: 7.729vw;
    padding-top: 1.125em;
    letter-spacing: 0em;
  }
}

@media screen and (max-width: 812px) and (-ms-high-contrast:none) {
  .main_visual.style_3>*>*>.jp .large {
    letter-spacing: -.1em !important;
  }
}


.main_visual.style_3>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 33px;
  font-weight: 600;
  letter-spacing: -.06em;
  line-height: 1;
  margin-top: .182em;
  text-align: center;
}

@media screen and (max-width: 812px) {
  .main_visual.style_3>*>*>.jp .small {
    font-size: 7.729vw;
    margin-top: .394em;
    letter-spacing: 0;
  }
}

.main_visual.style_3>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(118 / 305 * 100%);
  line-height: 1.3;
  padding-top: .657em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_3>*>*>.en {
    width: calc(170 / 191 * 100%);
    font-size: 4.106vw;
    margin-left: calc(17 / 191 * 100%);
    padding-top: 1.059em;
  }
}

/* MV style_4 */
@media screen and (max-width: 812px) {
  .main_visual.style_4 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_4>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_4>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(201 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(198 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_4>*>*>.jp {
    height: calc(139 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_4>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 1;
  padding-top: 4.842em;
  margin-left: -5%;
  margin-right: -5%;
  text-align: center;
}

.meiryo .main_visual.style_4>*>*>.jp .small {
  letter-spacing: -.12em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_4>*>*>.jp .small {
    font-size: 3.523vw;
    letter-spacing: -.02em;
    padding-top: 2.2em;
  }
}

.main_visual.style_4>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 70px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1;
  padding-top: .071em;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_4>*>*>.jp .large {
    letter-spacing: -.1em;
    margin-top: 7%;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_4>*>*>.jp .large {
    font-size: 14.493vw;
    padding-top: .117em;
    letter-spacing: .04em;
    line-height: 1.24;
  }
}

.main_visual.style_4>*>*>.jp .large span {
  font-size: 30px;
}

@media screen and (max-width: 812px) {
  .main_visual.style_4>*>*>.jp .large span {
    font-size: 6.03vw;
    vertical-align: -10%;
  }
}

.main_visual.style_4>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(103 / 305 * 100%);
  line-height: 1.3;
  padding-top: .737em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_4>*>*>.en {
    width: calc(170 / 191 * 100%);
    font-size: 4.348vw;
    margin-left: calc(17 / 191 * 100%);
    padding-top: .722em;
    height: auto;
  }
}

/* MV style_5 */
@media screen and (max-width: 812px) {
  .main_visual.style_5 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_5>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_5>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(205 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(222 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_5>*>*>.jp {
    height: calc(138 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_5>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 1;
  padding-top: 4.342em;
  text-align: center;
}
.meiryo .main_visual.style_5>*>*>.jp .small {
  letter-spacing: -.12em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_5>*>*>.jp .small {
    font-size: 3.523vw;
    letter-spacing: -.02em;
    padding-top: 2.2em;
  }
}

.main_visual.style_5>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1.15;
  padding-top: 4%;
  text-align: center;
  margin-left: -2%;
  margin-right: -2%;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_5>*>*>.jp .large {
    letter-spacing: -.1em;
    padding-top: 6%;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_5>*>*>.jp .large {
    font-size: 6.8vw;
    padding-top: .3em;
    letter-spacing: -.04em;
    line-height: 1.24;
  }
}

.main_visual.style_5>*>*>.jp .large span {
  font-size: 36px;
}

@media screen and (max-width: 812px) {
  .main_visual.style_5>*>*>.jp .large span {
    font-size: 6.03vw;
    vertical-align: 0%;
  }
}

.main_visual.style_5>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(109 / 305 * 100%);
  line-height: 1.3;
  padding-top: 1em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_5>*>*>.en {
    width: calc(170 / 191 * 100%);
    font-size: 4.348vw;
    margin-left: calc(17 / 191 * 100%);
    padding-top: .722em;
    height: auto;
  }
}

/* MV style_6 */
@media screen and (max-width: 812px) {
  .main_visual.style_6 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_6>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_6>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(208 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(198 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_6>*>*>.jp {
    height: calc(134 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_6>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 1.3;
  padding-top: 2.789em;
  text-align: center;
}

.meiryo .main_visual.style_6>*>*>.jp .small {
  letter-spacing: -.1em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_6>*>*>.jp .small {
    font-size: 3vw;
    letter-spacing: -.1em;
    padding-top: 1.769em;
  }
}

.main_visual.style_6>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 42px;
  font-weight: 600;
  letter-spacing: -.1em;
  line-height: 1.1;
  padding-top: .167em;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_6>*>*>.jp .large {
    letter-spacing: -.1em;
  }
  .meiryo .main_visual.style_6>*>*>.jp .large {
    margin-left: -10%;
    margin-right: -10%;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_6>*>*>.jp .large {
    font-size: 8.8vw;
    padding-top: .244em;
    letter-spacing: -.14em;
    line-height: 1.12;
  }
}

.main_visual.style_6>*>*>.jp .large span {
  font-size: 30px;
}

@media screen and (max-width: 812px) {
  .main_visual.style_6>*>*>.jp .large span {
    font-size: 6.03vw;
    vertical-align: -10%;
  }
}

.main_visual.style_6>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(96 / 305 * 100%);
  letter-spacing: -.03em;
  line-height: 1.2;
  padding-top: .474em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_6>*>*>.en {
    width: calc(170 / 191 * 100%);
    font-size: 4.106vw;
    line-height: 1.28;
    margin-left: calc(17 / 191 * 100%);
    padding-top: .235em;
    height: auto;
  }
}

/* MV style_7 */
@media screen and (max-width: 812px) {
  .main_visual.style_7 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_7>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_7>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(206 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(198 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_7>*>*>.jp {
    height: calc(138 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_7>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.02em;
  line-height: 1.3;
  padding-top: 2.789em;
  text-align: center;
}

.meiryo .main_visual.style_7>*>*>.jp .small {
  letter-spacing: -.1em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_7>*>*>.jp .small {
    font-size: 3vw;
    letter-spacing: -.1em;
    padding-top: 2.331em;
  }
}

.main_visual.style_7>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1;
  padding-top: 2%;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_7>*>*>.jp .large {
    letter-spacing: -.1em;
    padding-top: 5%;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_7>*>*>.jp .large {
    font-size: 7.7vw;
    padding-top: .183em;
    line-height: 1.12;
  }
}

.main_visual.style_7>*>*>.jp .large span {
  font-size: 40px;
  vertical-align: 22%;
  margin-left: 3%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_7>*>*>.jp .large span {
    font-size: 8.696vw;
    margin-left: 4%;
  }
}

.main_visual.style_7>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(96 / 305 * 100%);
  letter-spacing: .01em;
  line-height: 1.2;
  padding-top: .789em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_7>*>*>.en {
    width: calc(170 / 191 * 100%);
    font-size: 4.106vw;
    line-height: 1.28;
    letter-spacing: .03em;
    margin-left: calc(17 / 191 * 100%);
    padding-top: .651em;
    height: auto;
  }
}

.main_visual.style_7>*>*>.en span {
  font-size: 15px;
}

@media screen and (max-width: 812px) {
  .main_visual.style_7>*>*>.en span {
    font-size: 3.261vw;
  }
}

/* MV style_8 */
@media screen and (max-width: 812px) {
  .main_visual.style_8 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_8>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_8>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(200 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(222 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_8>*>*>.jp {
    height: calc(127 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_8>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.02em;
  line-height: 1.3;
  padding-top: 2.789em;
  text-align: center;
}

.meiryo .main_visual.style_8>*>*>.jp .small {
  letter-spacing: -.1em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_8>*>*>.jp .small {
    font-size: 3vw;
    letter-spacing: -.05em;
    padding-top: 2.331em;
  }
}

.main_visual.style_8>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.15;
  padding-top: 2%;
  text-align: center;
  margin-left: -12%;
  margin-right: -12%;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_8>*>*>.jp .large {
    letter-spacing: -.1em;
    padding-top: 5%;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_8>*>*>.jp .large {
    font-size: 6.8vw;
    padding-top: .2em;
    line-height: 1.12;
  }
}

.main_visual.style_8>*>*>.jp .large span {
  font-size: 30px;
  letter-spacing: -.02em;
  margin-left: 2%;
  vertical-align: 50%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_8>*>*>.jp .large span {
    font-size: 4.814vw;
    letter-spacing: -.04em;
    margin-left: 1%;
    padding-right: 2%;
    vertical-align: 66%;
  }
}

.main_visual.style_8>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(96 / 305 * 100%);
  letter-spacing: .02em;
  line-height: 1.26;
  padding-top: .562em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_8>*>*>.en {
    width: calc(180 / 191 * 100%);
    font-size: 4.106vw;
    line-height: 1.28;
    margin-left: calc(9 / 191 * 100%);
    padding-top: .343em;
    height: auto;
  }
}

.main_visual.style_8>*>*>.en span {
  font-size: 15px;
}

@media screen and (max-width: 812px) {
  .main_visual.style_8>*>*>.en span {
    display: block;
    font-size: 3.261vw;
    letter-spacing: -.08em;
  }
}

/* MV style_9 */
@media screen and (max-width: 812px) {
  .main_visual.style_9 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_9>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_9>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(206 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(222 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_9>*>*>.jp {
    height: calc(137 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_9>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 1.3;
  padding-top: 2.789em;
  text-align: center;
}

.meiryo .main_visual.style_9>*>*>.jp .small {
  letter-spacing: -.07em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_9>*>*>.jp .small {
    font-size: 3vw;
    letter-spacing: -.05em;
    padding-top: 2.31em;
  }
}

.main_visual.style_9>*>*>.jp .large {
  color: #580b0b;
  display: block;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1;
  padding-top: 2%;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_9>*>*>.jp .large {
    letter-spacing: -.1em;
    padding-top: 5%;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_9>*>*>.jp .large {
    font-size: 7.7vw;
    letter-spacing: -.05em;
    padding-top: .222em;
    line-height: 1.12;
  }
}

.main_visual.style_9>*>*>.jp .large span {
  font-size: 40px;
  margin-left: 1%;
  letter-spacing: -.05em;
  vertical-align: 27%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_9>*>*>.jp .large span {
    font-size: 7.488vw;
    margin-left: 4%;
    vertical-align: 19%;
  }
}

.main_visual.style_9>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(96 / 305 * 100%);
  letter-spacing: .04em;
  line-height: 1.26;
  padding-top: .789em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_9>*>*>.en {
    width: calc(180 / 191 * 100%);
    font-size: 4.348vw;
    letter-spacing: .06em;
    line-height: 1.28;
    margin-left: calc(15 / 191 * 100%);
    padding-top: .5em;
    height: auto;
  }
}

.main_visual.style_9>*>*>.en span {
  font-size: 15px;
}

@media screen and (max-width: 812px) {
  .main_visual.style_9>*>*>.en span {
    font-size: 3.261vw;
  }
}

/* MV style_10 */
@media screen and (max-width: 812px) {
  .main_visual.style_10 {
    margin: 2.8% auto 0;
    max-width: 962px;
    padding-top: 48.31%;
    position: relative;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_10>* {
    left: 0;
    transform: inherit;
    width: calc(191 / 414 * 100%);
  }
}

.main_visual.style_10>*>*>.jp {
  border-bottom: 1px solid #580b0b;
  display: block;
  height: calc(201 / 305 * 100%);
  margin: 0 auto;
  position: relative;
  width: calc(222 / 376 * 100%);
}

@media screen and (max-width: 812px) {
  .main_visual.style_10>*>*>.jp {
    height: calc(134 / 200 * 100%);
    width: calc(170 / 191 * 100%);
    margin-left: calc(17 / 191 * 100%);
  }
}

.main_visual.style_10>*>*>.jp .small {
  color: #580b0b;
  display: block;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 1.3;
  padding-top: 2.789em;
  text-align: center;
}

.meiryo .main_visual.style_10>*>*>.jp .small {
  letter-spacing: -.07em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_10>*>*>.jp .small {
    font-size: 3vw;
    padding-top: 1.769em;
  }
}

.main_visual.style_10>*>*>.jp .large {
  color: #580b0b;
  display: inline-block;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -.04em;
  margin-left: -10%;
  margin-right: -10%;
  line-height: 1.15;
  padding-top: 2%;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .main_visual.style_10>*>*>.jp .large {
    letter-spacing: -.1em;
    padding-top: 5%;
  }
}

@media screen and (max-width: 812px) {
  .main_visual.style_10>*>*>.jp .large {
    font-size: 6.8vw;
    padding-top: .519em;
    letter-spacing: -.08em;
    line-height: 1.12;
    margin-left: -8%;
    margin-right: 0;
    word-break: keep-all;
  }
}

.main_visual.style_10>*>*>.jp .large span {
  font-size: 24px;
  letter-spacing: .04em;
  vertical-align: 54%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_10>*>*>.jp .large span {
    font-size: 5.314vw;
    letter-spacing: 0;
    vertical-align: 118%;
    display: inline-block;
  }
}

.main_visual.style_10>*>*>.en {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 19px;
  font-weight: 300;
  height: calc(96 / 305 * 100%);
  letter-spacing: .02em;
  line-height: 1.26;
  padding-top: .579em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 812px) {
  .main_visual.style_10>*>*>.en {
    width: calc(180 / 191 * 100%);
    font-size: 4.348vw;
    line-height: 1.28;
    margin-left: calc(15 / 191 * 100%);
    padding-top: .167em;
    height: auto;
  }
}

.main_visual.style_10>*>*>.en span {
  font-size: 15px;
  letter-spacing: -.02em;
}

@media screen and (max-width: 812px) {
  .main_visual.style_10>*>*>.en span {
    font-size: 3.261vw;
    letter-spacing: -.04em;
    display: block;
    word-break: break-all;
  }
}

/* Top Lead */
.top_lead {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 710px;
  padding-right: 1.6%;
}

.top_lead .lead_sentence .text {
  color: #000;
}

.top_lead .lead_sentence .text:nth-child(n+2) {
  margin-top: 1.7%;
}

/* Head */
.head_2 {
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 28px;
  padding-bottom: 4px;
  padding-left: 3em;
  padding-right: .786em;
  position: relative;
}

.head_2::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  border-radius: 0 0 4px 4px;
}

@media screen and (max-width: 812px) {
  .head_2 {
    font-size: 5.6vw;
  }
}

.head_2>* {
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
}

.head_2>.jp {
  padding: .161em 0;
}

@media all and (-ms-high-contrast:none) {
  .head_2>.jp {
    padding: .291em 0 .031em;
  }
}

.meiryo .head_2>.jp {
  padding: .251em 0 .071em;
}

.head_2>.jp_small {
  font-size: 20px;
  margin-right: .5em;
}

@media all and (-ms-high-contrast:none) {
  .head_2>.jp_small {
    margin-top: .4em;
  }
}

@media screen and (max-width: 812px) {
  .head_2>.jp_small {
    font-size: 3.4vw;
    padding: .5em 0 0;
  }
}

.meiryo .head_2>.jp_small {
  padding: .45em 0 .15em;
}

@media all and (-ms-high-contrast:none) {
  .meiryo .head_2>.jp_small {
    padding: .05em 0 .15em;
  }
}


.head_2>.en {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 18px;
  margin-left: auto;
  padding-top: .111em;
}

@media all and (-ms-high-contrast:none) {
  .head_2>.en {
    padding-top: .411em;
  }
}

.meiryo .head_2>.en {
  padding-top: .211em;
}

@media screen and (max-width: 812px) {
  .head_2>.en {
    font-size: 3.4vw;
  }
}

.head_2::before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 812px) {
  .head_2::after {
    font-size: 5.4vw;
  }
}


/* birds */
.head_2.maxtrix {
  background: #ae5c57;
}
.head_2.maxtrix::after {
  background: #924641;
}

.head_2.birds::before {
  background: url(../image-cmn/ico-birds.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.786em;
  left: .821em;
  width: 1.786em;
}

/* fishes & animals */
.head_2.hippie_blue {
  background: #6498bf;
}

.head_2.hippie_blue::after {
  background: #3879aa;
}

.head_2.fishes_animals::before {
  background: url(../image-cmn/ico-fishes-animals.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1em;
  left: .821em;
  width: 1.714em;
}

.head_2.animals::before {
  background: url(../image-cmn/ico-animals.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.786em;
  left: .786em;
  width: 1.786em;
}

.head_2.insect::before {
  background: url(../image-cmn/ico-insect.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.786em;
  left: .786em;
  width: 1.786em;
}

/* flowers & trees */
.head_2.raw_sienna {
  background: #c77946;
}

.head_2.raw_sienna::after {
  background: #a35a33;
}

.head_2.flowers_trees::before {
  background: url(../image-cmn/ico-flowers-trees.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.786em;
  left: .786em;
  width: 1.786em;
}

.head_2.maple::before {
  background: url(../image-cmn/ico-maple.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.786em;
  left: .786em;
  width: 1.786em;
}

/* garden */
.head_2.chateau_green {
  background: #3e9963;
}

.head_2.chateau_green::after {
  background: #007e3c;
}

.head_2.garden::before {
  background: url(../image-cmn/ico-garden.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.786em;
  left: .786em;
  width: 1.786em;
}

/* Head 2 has_jp */
@media screen and (max-width: 812px) {
  .head_2.has_jp {
    display: block;
  }

  .head_2.has_jp>.jp_small {
    display: block;
  }

  .head_2.has_jp>.jp {
    display: block;
    line-height: 1;
    padding: 0 0 .361em;
  }

  .meiryo .head_2.has_jp>.jp {
    padding: 0 0 .261em;
  }
}

/* Head 3 */
.head_3 {
  background: #f5f0d1;
  border-left: 8px solid #580b0b;
  font-size: 19px;
  font-weight: 600;
  padding: .316em .684em;
}

@media all and (-ms-high-contrast:none) {
  .head_3 {
    padding: .416em .684em .216em;
  }
}

.meiryo .head_3 {
  padding: .368em .684em .263em;
}

.head_3>* {
  color: #580b0b;
  display: inline-block;
}

@media screen and (max-width: 812px) {
  .head_3>* {
    font-size: 5.2vw;
  }
}

.wrap_btn {
  margin-top: 4.1%;
}

@media screen and (max-width: 812px) {
  .wrap_btn {
    margin-top: 6%;
  }
}

.wrap_btn .btn {
  border: 1px solid #95884a;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 336px;
  padding: 2px;
}

@media screen and (max-width: 812px) {
  .wrap_btn .btn {
    max-width: 584px;
  }
}

/* Button */
.wrap_btn .btn a {
  background: url(../image-cmn/bg-btn.jpg);
  background-size: contain;
  color: #580b0b;
  display: block;
  font-size: 23px;
  font-weight: 600;
  padding: .348em 0;
  position: relative;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .wrap_btn .btn a {
    padding: .448em 0 .248em;
  }
}

.meiryo .wrap_btn .btn a {
  padding: .408em 0 .288em;
}

.wrap_btn .btn a:hover {
  opacity: .75;
}

@media screen and (max-width: 812px) {
  .wrap_btn .btn a {
    font-size: 5.3vw;
  }
}

.wrap_btn .btn a::after {
  background: url(../image-cmn/ico-btn.png);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: .13em;
  content: "";
  height: .391em;
  position: absolute;
  right: .13em;
  width: .391em;
}

.wrap_btn .btn a::before {
  border-color: transparent transparent #95884a transparent;
  border-style: solid;
  border-width: 0 0 1.174em 1.174em;
  bottom: 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}

/* Banner */
@media screen and (max-width: 812px) {
  .wrap_banner .inner .block {
    width: 98%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 812px) {
  .wrap_banner .inner .block .inner_block {
    width: 95%;
    margin: 0 auto;
  }
}

.wrap_banner.style_1 {
  margin: 3.6% auto 0;
  max-width: 460px;
}

@media screen and (max-width: 812px) {
  .wrap_banner.style_1 {
    margin: 8% auto 0;
  }
}

.wrap_banner.style_1 ul li:nth-child(n+2) {
  margin-top: 2%;
}

.wrap_banner.style_2 {
  margin: 7.3% auto 0;
  max-width: 940px;
}

.wrap_banner.style_2.mb {
  margin: 7.3% auto 4.65%;
}

@media screen and (max-width: 812px) {
  .wrap_banner.style_2.mb {
    margin: 10% auto;
  }
}

.wrap_banner.style_2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 812px) {
  .wrap_banner.style_2 ul {
    display: block;
  }
}

.wrap_banner.style_2 ul li {
  width: calc(460 / 940 * 100%);
}

@media screen and (max-width: 812px) {
  .wrap_banner.style_2 ul li {
    max-width: 460px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.wrap_banner.style_2 ul li:nth-child(2n+2) {
  margin-left: calc(20 / 940 * 100%);
}

@media screen and (max-width: 812px) {
  .wrap_banner.style_2 ul li:nth-child(2n+2) {
    margin-left: auto;
    margin-right: auto;
  }
}

.wrap_banner.style_2 ul li:nth-child(n+3) {
  margin-top: 3.1%;
}

@media screen and (max-width: 812px) {
  .wrap_banner.style_2 ul li:nth-child(n+2) {
    margin-top: 5%;
  }
}

.wrap_banner.style_3 {
  margin-top: 2.7%;
}

@media screen and (max-width: 812px) {
  .wrap_banner.style_3 {
    margin-top: 6%;
  }
}

.wrap_banner.style_3 ul li {
  max-width: 510px;
  margin: 0 auto;
}

.wrap_banner.style_3 ul li a {
  max-width: 405px;
  margin: 0 auto;
}

.wrap_banner.style_3 ul li .caption {
  margin-top: 1.6%;
  text-align: center;
}

.wrap_banner.style_3 ul li:nth-child(n+2) {
  margin-top: 2%;
}

.wrap_banner ul li a {
  display: block;
}

.wrap_banner ul li a:hover {
  opacity: .75;
}

/* Tab */
.wrap_tab {
  margin: 6% auto 0;
  max-width: 884px;
}

.wrap_tab ul {
  display: flex;
  position: relative;
}

@media screen and (max-width: 812px) {
  .wrap_tab ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.wrap_tab ul li {
  background-image: linear-gradient(to top, #d0cda2, #ebe9ba);
  margin-right: 2px;
  width: calc(220 / 884 * 100%);
}

@media screen and (max-width: 812px) {
  .wrap_tab ul li {
    box-sizing: border-box;
    margin-right: 0;
    width: calc(442 / 884 * 100%);
  }

  .wrap_tab ul li:nth-child(2n+1) {
    border-right: 1px solid #fff;
  }

  .wrap_tab ul li:nth-child(2n+2) {
    border-left: 1px solid #fff;
  }

  .wrap_tab ul li:nth-child(n+3) {
    margin-top: 3%;
  }
}

.wrap_tab ul li:last-child {
  margin-right: 0;
}

.wrap_tab ul li.active {
  background-image: linear-gradient(to top, #ecdfc9, #fff7e8);
  position: relative;
  z-index: 1;
}

.wrap_tab ul li.active::after,
.wrap_tab ul li.active::before {
  background: #b28941;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 2px;
}

.wrap_tab ul li.active::after {
  left: -2px;
}

.wrap_tab ul li.active::before {
  right: -2px;
}

.wrap_tab ul li.active>* {
  color: #5e1717;
  position: relative;
}

.wrap_tab ul li.active>*::before {
  background: #a1da86;
  content: "";
  height: 6px;
  left: -2px;
  position: absolute;
  top: -6px;
  width: calc(4px + 100%);
}

.wrap_tab ul li>* {
  align-items: center;
  box-sizing: border-box;
  color: #000;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 100%;
  line-height: 1.5;
  justify-content: center;
  padding: .45em .3em .55em;
  position: relative;
  text-align: center;
  width: 100%;
}

@media all and (-ms-high-contrast:none) {
  .wrap_tab ul li>* {
    padding: .85em .3em .55em;
  }
}

.meiryo .wrap_tab ul li>* {
  padding: .75em .3em .65em;
}

.wrap_tab ul li>*::after {
  background: #b28941;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: calc(4px + 100%);
}

.wrap_tab ul li.active>*::after {
  content: none;
}

@media screen and (max-width: 812px) {
  .wrap_tab ul li.active>*::after {
    background: #b28941;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: calc(4px + 100%);
  }
}

.wrap_tab ul li:last-child>*::after {
  width: 100%;
}

@media screen and (max-width: 812px) {
  .wrap_tab ul li:nth-child(2n+2)>*::after {
    width: 100%;
  }
}

@media screen and (max-width: 812px) {
  .wrap_tab ul li>* {
    font-size: 3.8vw;
  }
}

.wrap_tab ul li:hover a {
  opacity: .8;
}

/* #description */
#description {
  background: #e9f0e5;
  margin: 44px auto 25px;
}

@media screen and (max-width: 812px) {
  #description {
    margin: 2.5em 1em 2em 1em;
  }
}


/* Content */
.content.natural {
  margin-top: 5.4%;
}

@media screen and (max-width: 812px) {
  .content.natural {
    margin-top: 10%;
  }
}

.content.natural:nth-child(n+2) {
  margin-top: 5.2%;
}

@media screen and (max-width: 812px) {
  .content.natural:nth-child(n+2) {
    margin-top: 12%;
  }
}

/* Album Picture */
.natural .wrap_album {
  margin-top: 3.4%;
}

@media screen and (max-width: 812px) {
  .natural .wrap_album {
    margin-top: 6%;
  }
}

.natural .wrap_album ul li {
  width: calc(156.01 / 880 * 100%);
}

@media screen and (max-width: 812px) {
  .natural .wrap_album ul li {
    width: 30%;
  }
}

.natural .wrap_album ul li:nth-child(n+6) {
  margin-top: 2.8%;
}

@media screen and (max-width: 812px) {
  .natural .wrap_album ul li:nth-child(n+4) {
    margin-top: 4%;
  }
}

.natural .wrap_album ul li a {
  display: block;
}

.natural .wrap_album ul li a:hover {
  opacity: .8;
}

.natural .wrap_album ul li a>* {
  display: block;
}

.natural .wrap_album ul li a>.text {
  background-image: linear-gradient(to top, #ecdfc9, #fff7e8);
  color: #000;
  font-size: 15px;
  padding: .2em 0 1em;
  position: relative;
  text-align: center;
}

.meiryo .natural .wrap_album ul li a>.text {
  padding: .3em 0 1em .1em;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 812px) {
  .natural .wrap_album ul li a>.text {
    font-size: 2.8vw;
    letter-spacing: -.05em;
  }

  .meiryo .natural .wrap_album ul li a>.text {
    padding: .4em 0 1em .2em;
  }

}

.natural .wrap_album ul li a>.text::after {
  border-bottom: 2px solid #a21313;
  border-right: 2px solid #a21313;
  bottom: .533em;
  content: "";
  height: .533em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) rotate(45deg);
  width: .533em;
}

.natural .wrap_album ul li.space {
  background: url(/tado_onsen/kankou/picturebook/image-cmn/img-space-01.jpg) no-repeat;
  background-size: cover;
}
.natural .wrap_album ul li.space.pc {
  display: none;
}

@media screen and (max-width: 812px) {
  .natural .wrap_album ul li.space {
    display: none;
  }
  .natural .wrap_album ul li.space.not {
    display: block;
  }
}

/* .natural .block_item */
.natural .block_item {
  background: #f0e8da;
  margin-top: 4.547%;
  padding: 3.4% calc(30 / 880 * 100%);
}

@media screen and (max-width: 812px) {
  .natural .block_item {
    margin-top: 10%;
    padding: 5% calc(30 / 880 * 100%);
  }
}

.natural .block_item .row {
  margin-top: .95%;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row {
    margin-top: 4%;
  }
}

.natural .block_item .row .left {
  width: calc(320 / 820 * 100%);
}

.natural .block_item .table {
  margin-top: 5.8%;
}

@media screen and (max-width: 812px) {
  .natural .block_item .table {
    margin-top: 4%;
  }
}

.natural .block_item table {
  border: 1px solid #fff;
  color: #000;
  font-size: 15px;
  width: 100%;
}

.natural .block_item table tr {
  border-bottom: 1px solid #fff;
}

.natural .block_item table tr th {
  background: #e1c7d0;
  font-weight: 300;
  padding: .433em .133em;
  vertical-align: middle;
  width: calc(65 / 319 * 100%);
}
@media screen and (-ms-high-contrast:none) {
  .natural .block_item table tr th {
    width: 4em;
  }
}

.natural .block_item table tr th.flower {
  width: calc(75 / 319 * 100%);
}

.meiryo .natural .block_item table tr th {
  padding: .567em .133em .367em;
}

.natural .block_item table tr td {
  background: #f1e3e7;
  letter-spacing: -.06em;
  padding: .433em .667em .433em .667em;
  vertical-align: middle;
}

.meiryo .natural .block_item table tr td {
  padding: .567em .667em .3em .667em;
}


.natural .block_item table tr:nth-child(2n+2) td {
  background: #f9eef2;
}

.natural .block_item .row .right {
  position: relative;
  width: calc(480 / 820 * 100%);
}

.natural .block_item .row .right.has_button {
  padding-bottom: 1.941em;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right {
    margin-top: 8%;
    padding-bottom: 0;
  }
}

.natural .block_item .row .right .image {
  position: relative;
}

.natural .block_item .row .right .image.caption_2line,
.natural .block_item .row .right .image.caption_3line {
  background: url(/tado_onsen/kankou/picturebook/image-cmn/bg-map-pattern-01.gif) repeat left top / 100% auto;
}

.natural .block_item .row .right .image.caption_2line {
  padding-bottom: 4.5%;
}

.natural .block_item .row .right .image.caption_3line {
  padding-bottom: 8.5%;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image.caption_2line,
  .natural .block_item .row .right .image.caption_3line {
    background: none;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .map {
    background: url(/tado_onsen/kankou/picturebook/image-cmn/bg-map-pattern-01.gif) repeat left top / 100% auto;
    background-position-y: -.09em;
    background-position-x: .02em;
    padding-top: 4%;
  }
}

.natural .block_item .row .right .image .area {
  background: url(/tado_onsen/kankou/picturebook/image-cmn/bg-title-map.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  left: 0;
  padding: .182em 2.3em .364em 1.091em;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .area {
    background-size: cover;
    padding: .364em 4.5em .364em 1.091em;
  }
}

.natural .block_item .row .right .image .area .text {
  color: #e7f8f2;
  display: inline-block;
  letter-spacing: .16em;
  line-height: 1.2;
  position: relative;
  text-shadow: 0.9px 1.8px 3px rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .area .text {
    letter-spacing: 0;
  }
}

.natural .block_item .row .right .image .location {
  bottom: .538em;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  left: 1em;
  letter-spacing: .06em;
  padding-left: 2.2em;
  position: absolute;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location {
    font-size: 4vw;
    left: 0;
    bottom: 0;
    position: inherit;
    margin-top: 2%;
  }
}

.natural .block_item .row .right .image.caption_2line .location,
.natural .block_item .row .right .image.caption_3line .location {
  bottom: .8em;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image.caption_2line .location,
  .natural .block_item .row .right .image.caption_3line .location {
    bottom: 0;
  }
}

/* ico map **ping */
.natural .block_item .row .right .image .location.ping::before {
  background: url(../image-cmn/ico-ping-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 20px;
  left: -1px;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 24.5px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.ping::before {
    font-size: 4vw;
    height: 1.538em;
    top: 45%;
    transform: translate(0, -50%);
    width: 1.885em;
  }
}

/* ico map **animal */
.natural .block_item .row .right .image .location.animal::before {
  background: url(../image-cmn/ico-animal-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 23px;
  left: -1px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 21px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.animal::before {
    font-size: 4vw;
    height: 1.769em;
    top: 45%;
    transform: translate(0, -50%);
    width: 1.615em;
  }
}

/* ico map **bird */
.natural .block_item .row .right .image .location.bird::before {
  background: url(../image-cmn/ico-bird-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 18.5px;
  left: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 21.5px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.bird::before {
    font-size: 4vw;
    height: 1.423em;
    top: 45%;
    transform: translate(0, -50%);
    width: 1.654em;
  }
}

/* ico map **fish */
.natural .block_item .row .right .image .location.fish {
  padding-left: 2.5em;
}

.natural .block_item .row .right .image .location.fish::before {
  background: url(../image-cmn/ico-fish-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 17px;
  left: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 27.5px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.fish::before {
    font-size: 4vw;
    height: 1.308em;
    top: 45%;
    transform: translate(0, -50%);
    width: 2.115em;
  }
}

/* ico map **flower */
.natural .block_item .row .right .image .location.flower::before {
  background: url(../image-cmn/ico-flower-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 19px;
  left: -1px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 20.5px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.flower::before {
    font-size: 4vw;
    height: 1.462em;
    top: 45%;
    transform: translate(0, -50%);
    width: 1.577em;
  }
}

/* ico map **insect */
.natural .block_item .row .right .image .location.insect::before {
  background: url(../image-cmn/ico-insect-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 19.5px;
  left: -1px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 22px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.insect::before {
    font-size: 4vw;
    height: 1.5em;
    top: 45%;
    transform: translate(0, -50%);
    width: 1.692em;
  }
}

/* ico map **maple */
.natural .block_item .row .right .image .location.maple::before {
  background: url(../image-cmn/ico-maple-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 19.5px;
  left: -1px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 22px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.maple::before {
    font-size: 4vw;
    height: 1.5em;
    top: 45%;
    transform: translate(0, -50%);
    width: 1.692em;
  }
}

/* ico map **pigeon */
.natural .block_item .row .right .image .location.pigeon::before {
  background: url(../image-cmn/ico-pigeon-map.png);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  font-size: 13px;
  height: 23.5px;
  left: -1px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 19.5px;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .image .location.pigeon::before {
    font-size: 4vw;
    height: 1.808em;
    top: 45%;
    transform: translate(0, -50%);
    width: 1.5em;
  }
}

.natural .block_item .row .right .wrap_text {
  margin-top: 3.9%;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .wrap_text {
    margin-top: 5%;
  }
}

.natural .block_item .row .right .wrap_button {
  bottom: 0;
  position: absolute;
  right: 0;
  width: calc(170 / 480 * 100%);
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .wrap_button {
    font-size: 4vw;
    margin: 6% auto 0;
    max-width: 11em;
    position: inherit;
    width: 100%;
  }
}

.natural .block_item .row .right .wrap_button a {
  background-color: #a21313;
  border-radius: 18px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: .375em 2.063em .375em 2.563em;
  position: relative;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {
  .natural .block_item .row .right .wrap_button a {
    padding: .475em 2.063em .275em 2.563em;
  }
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .wrap_button a {
    font-size: 4vw;
  }
}


.meiryo .natural .block_item .row .right .wrap_button a {
  padding: .475em 2.063em .275em 2.563em;
}

.natural .block_item .row .right .wrap_button a:hover {
  opacity: .8;
}

.natural .block_item .row .right .wrap_button::after {
  border-bottom: .25em solid transparent;
  border-left: .5em solid #fff;
  border-top: .25em solid transparent;
  content: "";
  font-size: 16px;
  height: 0;
  position: absolute;
  right: 1.125em;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  z-index: 1;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .wrap_button::after {
    font-size: 4vw;
  }
}

.natural .block_item .row .right .wrap_button::before {
  background: url(/tado_onsen/kankou/picturebook/image-cmn/ico-video.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  font-size: 16px;
  height: 1.25em;
  left: 1.125em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25em;
  z-index: 1;
}

@media screen and (max-width: 812px) {
  .natural .block_item .row .right .wrap_button::before {
    font-size: 4vw;
  }
}

/* Head */
.head_detail {
  border-left: 6px solid #a21313;
  color: #000;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
  padding: .053em .632em;
}

@media all and (-ms-high-contrast:none) {
  .head_detail {
    padding: .103em .632em 0;
  }
}

.meiryo .head_detail {
  padding: .206em .632em 0;
}

@media screen and (max-width: 812px) {
  .head_detail {
    font-size: 5.3vw;
  }
}

@media screen and (max-width: 812px) {
  .natural a[href="#sweet_potato"] .text {
    letter-spacing: -.2em !important;
  }
}

.text_indent {
  padding-left: 1.1em;
  text-indent: -1.1em;
  display: inline-block;
}

.letter_space_n02em {
  letter-spacing: -.02em !important;
}

.letter_space_n03em {
  letter-spacing: -.03em !important;
}

.letter_space_n05em {
  letter-spacing: -.05em !important;
}

.letter_space_n08em {
  letter-spacing: -.08em !important;
}

.letter_space_n1em {
  letter-spacing: -.1em !important;
}

.letter_space_n2em {
  letter-spacing: -.2em !important;
}