@charset "UTF-8";
/* Scss Document */
/* default.css の minify化 */
ins, u {
  text-decoration: none;
}

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

a, hr {
  padding: 0;
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}

ins, mark {
  background-color: #ff9;
  color: #000;
}

body {
  line-height: 1;
}

dl, nav ul, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
}

input, select {
  vertical-align: middle;
}

a, a:active, a:hover, a:link, a:visited {
  color: inherit;
  text-decoration: none;
}

u {
  display: inline-block;
  white-space: nowrap;
}

html {
  -webkit-text-size-adjust: 100%;
}

button, input, select, textarea {
  border-radius: 0;
}

p {
  word-break: break-all;
}

.user_contents .aligncenter {
  display: block;
  margin: 0 auto;
}

.user_contents .alignright {
  float: right;
}

.user_contents .alignleft {
  float: left;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.user_contents {
  word-wrap: break-word;
  overflow-x: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
}

.user_contents > p {
  margin: 1em auto;
}

.user_contents img {
  height: auto;
}

.user_contents u {
  display: inline;
  white-space: normal;
  text-decoration: underline;
}

.user_contents * {
  max-width: 100%;
}

section.notfound404 {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}

section.notfound404 p {
  margin: 1em;
}

@font-face {
  font-family: "noto-sans";
  src: local("Noto Sans CJK JP Thin"), local("源ノ角ゴシック JP ExtraLight"), url(../font/noto-thin.woff2) format("woff2"), url(../font/noto-thin.woff) format("woff");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "noto-sans";
  src: local("Noto Sans CJK JP Light"), local("源ノ角ゴシック JP Light"), url(../font/noto-light.woff2) format("woff2"), url(../font/noto-light.woff) format("woff");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "note-sans";
  src: local("Noto Sans CJK JP DemiLight"), local("源ノ角ゴシック JP Normal"), url(../font/noto-demilight.woff2) format("woff2"), url(../font/noto-demilight.woff) format("woff");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "noto-sans";
  src: local("Noto Sans CJK JP Regular"), local("源ノ角ゴシック JP Regular"), url(../font/noto-regular.woff2) format("woff2"), url(../font/noto-regular.woff) format("woff");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "noto-sans";
  src: local("Noto Sans CJK JP Medium"), local("源ノ角ゴシック JP Medium"), url(../font/noto-midium.woff2) format("woff2"), url(../font/noto-midium.woff) format("woff");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "noto-sans";
  src: local("Noto Sans CJK JP Bold"), local("源ノ角ゴシック JP Bold"), url(../font/noto-bold.woff2) format("woff2"), url(../font/noto-bold.woff) format("woff");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "noto-sans";
  src: local("Noto Sans CJK JP Black"), local("源ノ角ゴシック JP Heavy"), url(../font/noto-black.woff2) format("woff2"), url(../font/noto-black.woff) format("woff");
  font-weight: 900;
  font-display: swap;
}

html, body {
  font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "小塚ゴシック Pro", "MS Pゴシック", "MS PGothic","Droid Sans Mono",Verdana,sans-serif;
}

.widgets, .widget_polylang, ol.aco {
  display: none !important;
}

.header_right {
  padding-left: 131px;
}

.grecaptcha-badge {
  display: none !important;
}

.page-contact .grecaptcha-badge {
  display: block !important;
}

.google-privacy {
  color: #fff;
}

.google-privacy .g-title {
  text-align-last: center;
  font-size: 13px;
  letter-spacing: 0.1em;
  margin-top: 40px;
}

.google-privacy .g-link {
  text-align-last: center;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

.google-privacy .g-link a {
  display: inline-block;
  text-decoration: underline;
  margin: 5px 10px;
}

:root {
  font-weight: 500;
}

.link-text {
  color: #b5b5b5 !important;
}

.link-text:hover {
  opacity: 0.6;
}

html.first-session body.home .anime-cover {
  position: fixed;
  z-index: 99998;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}

html.first-session body.home .top-animation-wrap {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 163.473818646vh;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99999;
  overflow: hidden;
}

html.first-session body.home .top-animation-wrap .animation-content {
  width: 100%;
  padding-top: 61.171875%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  overflow: hidden;
}

html.first-session body.home .top-animation-wrap .animation-content .back-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

html.first-session body.home .top-animation-wrap .animation-content .back-image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
  -webkit-transition: opacity 1.5s ease-in;
  transition: opacity 1.5s ease-in;
  opacity: 0;
}

html.first-session body.home .top-animation-wrap .animation-content .back-image img:nth-of-type(2) {
  z-index: 1;
}

html.first-session body.home .top-animation-wrap .animation-content .back-image img.visit-img {
  opacity: 1;
}

html.first-session body.home .top-animation-wrap .animation-content .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

html.first-session body.home .top-animation-wrap .animation-content .icon img {
  position: absolute;
  height: auto;
  display: block;
}

html.first-session body.home .top-animation-wrap .animation-content .icon img:nth-of-type(1) {
  width: 13.1508%;
  top: 7.2796%;
  left: 17.421875%;
}

html.first-session body.home .top-animation-wrap .animation-content .icon img:nth-of-type(2) {
  width: 21.1789%;
  top: 8.0459%;
  left: 0.5108%;
}

html.first-session body.home .top-animation-wrap .animation-content .icon img:nth-of-type(3) {
  width: 23.4683%;
  top: 38.3141%;
  left: 4.921875%;
}

html.first-session body.home .top-animation-wrap .animation-content .icon img:nth-of-type(4) {
  width: 26.3367%;
  top: 5.7471%;
  right: 5.9711%;
}

html.first-session body.home .top-animation-wrap .animation-content .icon img:nth-of-type(5) {
  width: 20.4458%;
  top: 25.5427%;
  right: 1.1718%;
}

html.first-session body.home .top-animation-wrap .animation-content .icon img:nth-of-type(6) {
  width: 20.6818%;
  top: 49.553%;
  right: 8.828125%;
}

html.first-session body.home .top-animation-wrap .animation-content .icon.visit-img {
  opacity: 1;
}

html.first-session body.home .top-animation-wrap .animation-content .logo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

html.first-session body.home .top-animation-wrap .animation-content .logo img {
  width: 29.53125%;
  height: auto;
  display: block;
  position: absolute;
  top: 16.985951468%;
  left: 35.234375%;
  -webkit-transition: opacity 1.5s ease-in,-webkit-transform 0.4s ease;
  transition: opacity 1.5s ease-in,-webkit-transform 0.4s ease;
  transition: opacity 1.5s ease-in,transform 0.4s ease;
  transition: opacity 1.5s ease-in,transform 0.4s ease,-webkit-transform 0.4s ease;
  opacity: 0;
}

html.first-session body.home .top-animation-wrap .animation-content .logo img:nth-of-type(1) {
  -webkit-transform: translate3d(0, -155%, 0);
          transform: translate3d(0, -155%, 0);
}

html.first-session body.home .top-animation-wrap .animation-content .logo img.on-img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

html.first-session body.home .top-animation-wrap .animation-content .logo img.visit-img {
  opacity: 1;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img {
  display: block;
  position: absolute;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  height: auto;
  opacity: 0;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img:nth-of-type(1) {
  width: 19.375%;
  left: 85%;
  bottom: 7%;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img:nth-of-type(2) {
  width: 19.375%;
  left: 73.328125%;
  bottom: 4.4%;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img:nth-of-type(3) {
  width: 19.375%;
  bottom: 1.8%;
  left: 61.65625%;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img:nth-of-type(4) {
  width: 19.375%;
  bottom: 3.9%;
  left: 49.984375%;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img:nth-of-type(5) {
  width: 19.375%;
  bottom: 6%;
  left: 38.3125%;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img:nth-of-type(6) {
  width: 9.0625%;
  left: 58%;
  bottom: 14%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

html.first-session body.home .top-animation-wrap .animation-content .ossan img.visit-img {
  opacity: 1;
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 1.5s linear;
  transition: opacity 1.5s linear;
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p {
  height: 0;
  position: absolute;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  top: 50%;
  left: 50%;
  width: 2.2821875%;
  padding-top: 2.2821875%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background: #ffe800;
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(1), html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(2), html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(3) {
  width: 2.2821875%;
  padding-top: 2.2821875%;
  background: #ffe800;
  border-radius: 50%;
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(1) {
  top: 27.9%;
  left: 38.6%;
  -webkit-transform: translate(-500%, -900%);
          transform: translate(-500%, -900%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(2) {
  top: 26.2%;
  left: 51.2%;
  -webkit-transform: translate(1200%, -850%);
          transform: translate(1200%, -850%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(3) {
  top: 39.4%;
  left: 52.6%;
  -webkit-transform: translate(300%, 1650%);
          transform: translate(300%, 1650%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(4) {
  -webkit-transform: translate(-2000%, -1500%);
          transform: translate(-2000%, -1500%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(5) {
  -webkit-transform: translate(-1000%, -1500%);
          transform: translate(-1000%, -1500%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(6) {
  -webkit-transform: translate(0, -1500%);
          transform: translate(0, -1500%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(7) {
  -webkit-transform: translate(1000%, -1500%);
          transform: translate(1000%, -1500%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(8) {
  -webkit-transform: translate(2000%, -1500%);
          transform: translate(2000%, -1500%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(9) {
  -webkit-transform: translate(-2000%, 1400%);
          transform: translate(-2000%, 1400%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(10) {
  -webkit-transform: translate(-1000%, 1400%);
          transform: translate(-1000%, 1400%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(11) {
  -webkit-transform: translate(0, 1400%);
          transform: translate(0, 1400%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(12) {
  -webkit-transform: translate(1000%, 1400%);
          transform: translate(1000%, 1400%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(13) {
  -webkit-transform: translate(2000%, 1400%);
          transform: translate(2000%, 1400%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(14) {
  -webkit-transform: translate(2300%, 800%);
          transform: translate(2300%, 800%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(15) {
  -webkit-transform: translate(2300%, -800%);
          transform: translate(2300%, -800%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(16) {
  -webkit-transform: translate(-2300%, 800%);
          transform: translate(-2300%, 800%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru p:nth-of-type(17) {
  -webkit-transform: translate(-2300%, -800%);
          transform: translate(-2300%, -800%);
}

html.first-session body.home .top-animation-wrap .animation-content .hotaru.off-hotaru {
  opacity: 0;
}

html.first-session body.home .top-animation-wrap .animation-content .loading {
  width: 24.6875%;
  height: auto;
  top: 15.9642%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
}

html.first-session body.home .top-animation-wrap .skip {
  position: absolute;
  bottom: 5%;
  right: 4%;
  font-size: 1rem;
  font-weight: 600;
  text-shadow: 0 0 5px #fff;
  letter-spacing: 0.1em;
}

@media (max-width: 500px) {
  html.first-session body.home .top-animation-wrap .skip {
    font-size: 0.8125rem;
  }
}

html.first-session body.home .top-animation-wrap .skip a:hover {
  opacity: 0.7;
}

body {
  overflow-x: hidden;
}

body main, body .main-header, body .mainfooter {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body .top-animation-wrap {
  display: none;
}

body .link-key {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 90px;
  margin-top: -90px;
}

body .floating_window {
  position: absolute;
  top: 100px;
  right: 0;
  z-index: 3000;
}

body .news-box {
  width: 100%;
  height: 160.48px;
  position: relative;
}

body .news-box .nichinan-news {
  position: absolute;
  right: 0;
  width: 64px;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
  overflow: hidden;
}

body .news-box .nichinan-news h2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
  color: #445a8e;
  text-align: center;
  border: 3px #445a8e solid;
  background: #fcee21;
  width: 64px;
}

body .news-box .nichinan-news h2:hover {
  cursor: pointer;
}

body .news-box .nichinan-news h2 .news-title-inner {
  display: block;
  width: 1em;
  margin: 0 auto;
  font-size: 1rem;
  padding: 1.11111vh 2.22222vh 0;
  text-align: center;
}

body .news-box .nichinan-news h2 .news-title-inner img {
  margin-top: 5px;
  padding-bottom: 10px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

body .news-box .nichinan-news .news-list {
  height: 100%;
  position: absolute;
  border: 3px solid #445a8e;
  background: #445a8e;
  width: 220px;
  top: 0;
  left: 61px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-overflow-scrolling: touch;
  padding: 10px 10px 10px 15px;
}

body .news-box .nichinan-news .news-list li {
  border-bottom: dashed 1px rgba(255, 255, 255, 0.75);
  padding: 10px 8px;
}

body .news-box .nichinan-news .news-list li dl {
  text-align: justify;
  text-justify: inter-ideograph;
}

body .news-box .nichinan-news .news-list li dl dt {
  font-size: 0.8125rem;
  margin-bottom: 10px;
}

body .news-box .nichinan-news .news-list li dl dd {
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  line-height: 1.4em;
  font-weight: 200;
}

body .news-box .nichinan-news .news-list li:last-of-type {
  border-bottom: none;
}

body .news-box .nichinan-news.open {
  width: 281px;
}

body .news-box .nichinan-news.open h2 .news-title-inner img {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

body .top_degital_book {
  width: 118px;
  height: 167px;
  overflow: hidden;
  margin-top: 20px;
}

body .top_degital_book a {
  position: absolute;
  right: -55px;
  -webkit-transition: all 300ms 0s ease;
  transition: all 300ms 0s ease;
}

body .top_degital_book a:hover {
  right: 0;
}

body .pc-none2019 {
  display: none;
}

body .pc-none2019 .lng-change-sp {
  text-align: right;
  padding: 10px;
  letter-spacing: 0.1em;
  color: #22314c;
}

body .pc-none2019 .lng-change-sp .margin {
  margin: 0 10px;
}

body .main_header {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

body .main_header .header_box {
  width: 1080px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 8.88889vh;
  min-height: 50px;
  margin: 0 auto;
  max-width: 90%;
  z-index: 50;
  background: #fff;
}

body .main_header .header_box h1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.66667vh 0;
}

body .main_header .header_box h1 img {
  height: 100%;
  width: auto;
}

body .main_header .header_box .header_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  background: #fff;
  z-index: 5;
}

body .main_header .header_box .lng-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 15px;
  letter-spacing: 0.1em;
  color: #22314c;
  font-size: 0.75rem;
}

body .main_header .header_box .lng-change .margin {
  display: inline-block;
  margin: 0 8px;
}

body .main_header .header_box .lng-change a:hover {
  color: #fcee21;
}

body .main_header .header_box .menu {
  position: absolute;
  z-index: -1;
  top: 100%;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 2.88889vh 1.77778vh;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}

body .main_header .header_box .menu .main_nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  position: relative;
}

body .main_header .header_box .menu .main_nav li > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 10px 31px;
}

body .main_header .header_box .menu .main_nav li > a:hover {
  color: #fcee21;
}

body .main_header .header_box .menu .main_nav li.aco {
  height: 18px;
  overflow: hidden;
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
  padding: 16px 31px 16px;
}

body .main_header .header_box .menu .main_nav li.aco .aco_title {
  font-size: 1.125rem;
  display: block;
  margin: 0 0 16px;
  border: none;
}

body .main_header .header_box .menu .main_nav li.aco .aco_title img {
  position: absolute;
  top: 23px;
  left: 11px;
}

body .main_header .header_box .menu .main_nav li.aco .aco_title img:last-of-type {
  opacity: 0;
}

body .main_header .header_box .menu .main_nav li.aco .aco_title:hover {
  cursor: pointer;
  color: #fcee21;
}

body .main_header .header_box .menu .main_nav li.aco .aco_title:hover img:first-of-type {
  opacity: 0;
}

body .main_header .header_box .menu .main_nav li.aco .aco_title:hover img:last-of-type {
  opacity: 1;
}

body .main_header .header_box .menu .main_nav li.aco p {
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
  margin: 5px 0;
}

body .main_header .header_box .menu .main_nav li.aco p a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  display: inline-block;
  height: 100%;
  padding: 3px 0;
}

body .main_header .header_box .menu .main_nav li.aco p a:hover {
  color: #fcee21;
}

body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title {
  color: #fcee21;
}

body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title img:first-of-type {
  opacity: 0;
}

body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title img:last-of-type {
  opacity: 1;
}

body .main_header .header_box .menu .mini_nav_list {
  margin-top: 3.33333vh;
  padding-left: 31px;
}

body .main_header .header_box .menu .mini_nav_list li {
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
}

body .main_header .header_box .menu .mini_nav_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}

body .main_header .header_box .menu .mini_nav_list li a img {
  display: inline-block;
  margin-right: 5px;
}

body .main_header .header_box .menu .mini_nav_list li a img:last-of-type {
  display: none;
}

body .main_header .header_box .menu .mini_nav_list li a:hover {
  color: #fcee21;
}

body .main_header .header_box .menu .mini_nav_list li a:hover img:first-of-type {
  display: none;
}

body .main_header .header_box .menu .mini_nav_list li a:hover img:last-of-type {
  display: inline-block;
}

body .main_header .header_box .menu.open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

body .main_header .header_box .menu_open {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: -1;
}

body .main_header .header_box .menu_open img {
  padding: 1vh;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 100%;
  width: auto;
}

body .main_header .header_box .menu_open img:last-of-type {
  display: none;
}

body .main_header .header_box .menu_open img:hover {
  cursor: pointer;
}

body .main_header .header_box .menu_open img.open:first-of-type {
  display: none;
}

body .main_header .header_box .menu_open img.open:last-of-type {
  display: inline-block;
}

body .main_header .header_box .menu_open.on img:first-of-type {
  display: none;
}

body .main_header .header_box .menu_open.on img:last-of-type {
  display: inline-block;
}

body .main_header .header_box .widgets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 131px;
  position: relative;
  margin-right: 2.55556vh;
}

body .main_header .header_box .widgets .widgettitle {
  display: none;
}

body .main_header .header_box .language_box {
  display: block;
}

body .main_header .header_box .language_box > li {
  display: block;
}

body .main_header .header_box .language_box ul {
  position: absolute;
  top: calc(50% - 13px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  overflow: hidden;
  -webkit-transition: height 0.15s linear;
  transition: height 0.15s linear;
  width: 129px;
  height: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000;
  border-radius: 4px;
  text-align: center;
  background-color: #fff;
  background-image: url(../image/common/icon_language.png), url(../image/common/arrow_down.png);
  background-position: 7px 4px,right 8px top 9px;
  background-repeat: no-repeat,no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body .main_header .header_box .language_box ul li {
  font-size: 0.9375rem;
  letter-spacing: 0.13333em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .main_header .header_box .language_box ul li.current-lang {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

body .main_header .header_box .language_box ul li a {
  display: block;
  padding: 5px 0;
}

body .main_header .header_box .language_box ul.pc:hover {
  cursor: pointer;
  height: 130px;
  background-image: url(../image/common/icon_language.png), url(../image/common/arrow_up.png);
  background-position: 7px 4px,right 8px top 9px;
  background-repeat: no-repeat,no-repeat;
}

body .main_header .header_box .language_box ul.open_sp {
  height: 130px;
  background-image: url(../image/common/icon_language.png), url(../image/common/arrow_up.png);
  background-position: 7px 4px,right 8px top 9px;
  background-repeat: no-repeat,no-repeat;
}

body .main_header .header_box .language_box ul:hover {
  cursor: pointer;
}

body .main_header .header_box .sns_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 95px;
  margin-right: 2.55556vh;
}

body .main_header .header_box .sns_box li {
  text-align: 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;
  position: relative;
}

body .main_header .header_box .sns_box li a img {
  display: block;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

body .main_header .header_box .sns_box li a img:last-of-type {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}

body .main_header .header_box .sns_box li a:hover img:first-of-type {
  opacity: 0;
}

body .main_header .header_box .sns_box li a:hover img:last-of-type {
  opacity: 1;
}

body .main_header .header_box .sp-menu {
  display: none;
}

body .main_header .sp-nav {
  display: none;
}

body .top_section {
  width: 1080px;
  max-width: 90%;
  margin: 5.55556vh auto 0;
}

body .top_section#information {
  width: 840px;
  margin-bottom: 100px;
}

body .top_section#information h2 {
  margin-bottom: 40px;
}

body .top_section#information .information_more {
  text-align: center;
  margin: 40px 0;
  font-weight: 700;
}

body .top_section .section-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
}

body .infoormation-item {
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #B3B3B3;
  padding: 20px 10px;
}

body .infoormation-item:last-of-type {
  border-bottom: 1px solid #B3B3B3;
}

body .infoormation-item .date {
  -ms-flex-preferred-size: 8rem;
      flex-basis: 8rem;
}

body .infoormation-item [class*="post_category"] {
  -ms-flex-preferred-size: 12rem;
      flex-basis: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .infoormation-item [class*="post_category"]::before {
  content: "";
  width: 17px;
  height: 20px;
  margin-right: 5px;
}

body .infoormation-item [class*="post_category_online-store"]::before {
  content: "";
  background: url("../image/common/ribbon_green.svg") no-repeat center;
}

body .infoormation-item [class*="post_category_information"]::before {
  background: url("../image/common/ribbon_blue.svg") no-repeat center;
}

body .infoormation-item [class*="post_category_events"]::before {
  background: url("../image/common/ribbon_red.svg") no-repeat center;
}

body .top_page .top_slide {
  visibility: hidden;
}

body .top_page .top-movie .bases {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

body .top_page .top-movie .movie-cover {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  top: calc(50% - 1px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
}

body .top_page .top-movie #movie {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

body .top_page .main_image {
  position: relative;
}

body .top_page .main_image ul li {
  position: relative;
}

body .top_page .main_image ul li p {
  margin: 0;
}

body .top_page .main_image ul li .slide_image img {
  display: block;
  width: 100%;
  height: auto;
}

body .top_page .main_image ul li .slide_catch {
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  line-height: 1.25em;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 7%;
  left: 6%;
  font-weight: 700;
  width: 320px;
  max-width: 80%;
}

body .top_page .main_image ul li .slide_catch .slide_description {
  display: inline-block;
  font-size: 1.0625rem;
  line-height: 1.47059em;
  letter-spacing: 0.102em;
  margin-top: 3.33333vh;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 90%;
}

body .top_page .main_image .mountain {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}

body .top_page .main_image .mountain img {
  width: 100%;
  height: auto;
  display: block;
}

body .top_page .serch_box {
  width: 1080px;
  max-width: 90%;
  margin: 0 auto;
  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;
}

body .top_page .serch_box li {
  margin-top: 0.66667vh;
}

body .top_page .serch_box li > img {
  max-width: 100%;
  height: auto;
}

body .top_page .serch_box li:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

body .top_page .serch_box li:last-of-type form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .top_page .serch_box li:last-of-type form .keyword {
  width: 351px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 1rem;
  padding: 3px 35px 3px 6px;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../image/top/serch_icon.png) no-repeat right 10px center;
  background: -webkit-image_set(url(../image/top/serch_icon.png) 1x, url(../image/top/serch_icon@2x.png) 2x) no-repeat 5px center;
}

body .top_page .serch_box li:last-of-type form button {
  margin-left: 1vh;
  padding: 0;
  border: none;
  background: none;
}

body .top_page .serch_box li:last-of-type form img {
  display: block;
  width: 83px;
  height: auto;
}

body .top_page .middle_slider {
  overflow: hidden;
}

body .top_page .middle_slider .genre_list {
  width: 1080px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 95%;
  margin: 1.875rem auto 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body .top_page .middle_slider .genre_list li {
  background: url(../image/top/gray_line.png) no-repeat left bottom;
  padding: 0 4.44444vh;
  text-align: center;
}

body .top_page .middle_slider .genre_list li figure .image {
  margin: 0;
}

body .top_page .middle_slider .genre_list li figure .image img:last-of-type {
  display: none;
}

body .top_page .middle_slider .genre_list li figure figcaption {
  padding: 1.22222vh 0;
  font-weight: bold;
  letter-spacing: 0.025;
}

body .top_page .middle_slider .genre_list li:last-of-type {
  background: url(../image/top/gray_line.png) no-repeat left bottom, url(../image/top/gray_line.png) no-repeat right bottom;
}

body .top_page .middle_slider .genre_list li.current figure .image img:first-of-type {
  display: none;
}

body .top_page .middle_slider .genre_list li.current figure .image img:last-of-type {
  display: inline-block;
}

body .top_page .middle_slider .genre_list li:hover {
  cursor: pointer;
}

body .top_page .middle_slider .genre_list li:hover figure .image img:first-of-type {
  display: none;
}

body .top_page .middle_slider .genre_list li:hover figure .image img:last-of-type {
  display: inline-block;
}

body .top_page .middle_slider .sp-serch {
  display: none;
}

body .top_page .middle_slider .sp-serch form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .top_page .middle_slider .sp-serch form .keyword {
  width: 351px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 1rem;
  padding: 3px 35px 3px 6px;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../image/top/serch_icon.png) no-repeat right 10px center;
  background: -webkit-image_set(url(../image/top/serch_icon.png) 1x, url(../image/top/serch_icon@2x.png) 2x) no-repeat 5px center;
}

body .top_page .middle_slider .sp-serch form button {
  margin-left: 1vh;
  padding: 0;
  border: none;
  background: none;
}

body .top_page .middle_slider .sp-serch form img {
  display: block;
  width: 83px;
  height: auto;
}

body .top_page .middle_slider .genre_slider {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
}

body .top_page .middle_slider .genre_slider .slide_genre {
  width: 100%;
  position: relative;
  opacity: 0;
  z-index: 3;
  -webkit-transition: opacity 1s linear,z-index 1.1s linear;
  transition: opacity 1s linear,z-index 1.1s linear;
  background: #e6e6e6;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box {
  width: 60%;
  margin: 0 auto;
  max-width: 60%;
  position: relative;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 {
  position: absolute;
  top: -20px;
  left: -25px;
  z-index: 10;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 .text {
  display: block;
  position: absolute;
  top: 37%;
  left: 65px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  font-weight: 700;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #000;
  z-index: 5;
  background: #fff;
  top: -4.77778vh;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 2.22222vh;
  left: 0;
  -webkit-transition: top 0.2s linear,-webkit-transform 0.2s linear;
  transition: top 0.2s linear,-webkit-transform 0.2s linear;
  transition: top 0.2s linear,transform 0.2s linear;
  transition: top 0.2s linear,transform 0.2s linear,-webkit-transform 0.2s linear;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li figure {
  position: relative;
  z-index: 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li figure img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li.current {
  top: 0;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li.current .black_cover {
  z-index: 5;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li.current figcaption {
  opacity: 1;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li:first-of-type {
  position: relative;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 2.44444vh 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li figcaption .slide_nth {
  display: inline-block;
  font-size: 1.4375rem;
  color: #62BC77;
  padding: 6px;
  border: 1px solid #62BC77;
  margin: 0 1.66667vh 0 3.33333vh;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li figcaption .slide_catch {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.26667em;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li .black_cover {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 7;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a:hover figure img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back1 {
  width: 100%;
  position: absolute;
  top: -4.77778vh;
  left: 0;
  z-index: 4;
  -webkit-transform: translate(10px, 10px);
          transform: translate(10px, 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #000;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back1 img {
  width: 100%;
  height: auto;
  display: block;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back2 {
  width: 100%;
  position: absolute;
  top: -4.77778vh;
  left: 0;
  z-index: 3;
  -webkit-transform: translate(20px, 20px);
          transform: translate(20px, 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #000;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back2 img {
  width: 100%;
  height: auto;
  display: block;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth {
  display: none;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow p {
  margin: 0;
  padding: 10px;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left {
  position: absolute;
  top: 40%;
  left: -60px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 20;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left:hover {
  cursor: pointer;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right {
  position: absolute;
  top: 40%;
  right: -80px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 20;
}

body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right:hover {
  cursor: pointer;
}

body .top_page .middle_slider .genre_slider .slide_genre:not(:nth-of-type(1)) {
  position: absolute;
  top: 0;
  left: 0;
}

body .top_page .middle_slider .genre_slider .slide_genre.on_slide {
  opacity: 1;
  z-index: 4;
}

body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_nature .slide_box ul li figcaption .slide_nth {
  border: 1px solid #0965d3;
  color: #0965d3;
}

body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_culture .slide_box ul li figcaption .slide_nth {
  border: 1px solid #f7931e;
  color: #f7931e;
}

body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_food .slide_box ul li figcaption .slide_nth {
  border: 1px solid #ed1c24;
  color: #ed1c24;
}

body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_experience .slide_box ul li figcaption .slide_nth {
  border: 1px solid #3fa9f5;
  color: #3fa9f5;
}

body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_shooting .slide_box ul li figcaption .slide_nth {
  border: 1px solid #d1bf15;
  color: #d1bf15;
}

body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_event .slide_box ul li figcaption .slide_nth {
  border: 1px solid #b78bcc;
  color: #b78bcc;
}

body .top_page .middle_slider .genre_slider .slide_genre:nth-of-type(1) {
  margin-top: 9.66667vh;
}

body .top_page .how_nichinanchou {
  width: 1080px;
  max-width: 90%;
  margin: 5.55556vh auto 0;
  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;
}

body .top_page .how_nichinanchou .left_content {
  width: 58%;
  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;
}

body .top_page .how_nichinanchou .left_content .text_dex {
  width: 95%;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

body .top_page .how_nichinanchou .left_content .image_box {
  max-width: calc(100% - 138px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.5vh;
}

body .top_page .how_nichinanchou .left_content .image_box img {
  max-width: 31%;
  height: auto;
}

body .top_page .how_nichinanchou .right_content {
  width: 40%;
}

body .top_page .how_nichinanchou .right_content img {
  width: 100%;
  height: auto;
}

body .top_page .last_image {
  margin: 3vh 0 0;
}

body .top_page .last_image img {
  width: 100%;
  height: auto;
}

body .post-single-page {
  overflow: hidden;
}

body .post-single-page .main-image {
  position: relative;
}

body .post-single-page .main-image ul li {
  position: relative;
}

body .post-single-page .main-image ul li p {
  margin: 0;
}

body .post-single-page .main-image ul li .slide-image {
  background: #000;
}

body .post-single-page .main-image ul li .slide-image .slide-base {
  display: block;
  padding-top: 44.453%;
  opacity: 0.6;
}

body .post-single-page .main-image ul li .slide-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000px;
  max-width: 85%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

body .post-single-page .main-image ul li .slide-text-box .page-title {
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  color: #ff0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}

body .post-single-page .main-image ul li .slide-text-box .page-title img {
  margin-right: 5px;
}

body .post-single-page .main-image ul li .slide-text-box .slide-catch {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2rem;
  line-height: 1.4375em;
  letter-spacing: 0.1em;
  margin-top: 1.77778vh;
}

body .post-single-page .main-image ul li .slide-text-box .photographer {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 4.44444vh;
  letter-spacing: 0.1em;
}

@media (max-width: 1000px) {
  body .post-single-page .main-image ul li .slide-text-box .photographer {
    margin-top: 1.66667vh;
  }
}

body .post-single-page .main-image ul li .english-name {
  position: absolute;
  bottom: 50%;
  right: 6%;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1rem;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: rotate(90deg) translate(60%, 0);
          transform: rotate(90deg) translate(60%, 0);
}

body .post-single-page .main-image .top-movie .bases {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

body .post-single-page .main-image .top-movie .movie-cover {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  top: calc(50% - 1px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
}

body .post-single-page .main-image .top-movie #movie {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

body .post-single-page .main-image .mountain {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}

body .post-single-page .main-image .mountain img {
  width: 100%;
  height: auto;
  display: block;
}

body .post-single-page .main-image .bx-wrapper .bx-pager {
  width: 1000px;
  max-width: 85%;
  left: 50%;
  bottom: 25%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@media (max-width: 1050px) {
  body .post-single-page .main-image .bx-wrapper .bx-pager {
    bottom: 20%;
  }
}

body .post-single-page .main-image .bx-wrapper .bx-pager.bx-default-pager a {
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

body .post-single-page .main-image .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}

body .post-single-page .breadcrumb {
  width: 1080px;
  max-width: 90%;
  margin: 0.55556vh auto 0;
}

body .post-single-page .breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .post-single-page .breadcrumb ul li {
  font-size: 0.8125rem;
  letter-spacing: 0.02538em;
  color: #b3b3b3;
}

body .post-single-page .breadcrumb ul li:nth-of-type(even) {
  margin: 0 8px;
}

body .post-single-page .serch_box {
  width: 1080px;
  max-width: 90%;
  margin: 3.33333vh auto 0;
  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;
}

body .post-single-page .serch_box > li {
  margin-top: 0.66667vh;
}

body .post-single-page .serch_box > li > img {
  max-width: 100%;
  height: auto;
}

body .post-single-page .serch_box > li:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

body .post-single-page .serch_box > li:last-of-type form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .post-single-page .serch_box > li:last-of-type form .keyword {
  width: 351px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 1rem;
  padding: 3px 35px 3px 6px;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../image/top/serch_icon.png) no-repeat right 10px center;
  background: -webkit-image_set(url(../image/top/serch_icon.png) 1x, url(../image/top/serch_icon@2x.png) 2x) no-repeat 5px center;
}

body .post-single-page .serch_box > li:last-of-type form button {
  margin-left: 1vh;
  padding: 0;
  border: none;
  background: none;
}

body .post-single-page .serch_box > li:last-of-type form img {
  display: block;
  width: 83px;
  height: auto;
}

body .post-single-page .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10.22222vh;
}

body .post-single-page .info-box #map {
  width: 55%;
  padding-top: 39.6%;
}

body .post-single-page .info-box .right-box {
  width: 45%;
  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;
  -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;
  background: #62BC77;
  color: #fff;
  padding: 4.44444vh 0;
}

body .post-single-page .info-box .right-box .right-title-box {
  width: 100%;
  text-align: center;
}

body .post-single-page .info-box .right-box .right-title-box h2 {
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 1.44em;
  letter-spacing: 0.1em;
  text-align: center;
}

body .post-single-page .info-box .right-box .right-title-box .mini-title {
  text-align: center;
  font-size: 1rem;
  line-height: 2.25em;
  letter-spacing: 0.1em;
  padding: 1.44444vh 0;
  display: inline-block;
  width: 370px;
  max-width: 90%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 2.77778vh;
}

body .post-single-page .info-box .right-box .text-box {
  width: 370px;
  max-width: 90%;
  margin: 3.88889vh auto 0;
  font-weight: 400;
}

body .post-single-page .info-box .right-box .text-box .add-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 0.9375rem;
  line-height: 1.35294em;
  letter-spacing: 0.07471em;
}

body .post-single-page .info-box .right-box .text-box .add-num > img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
  position: relative;
  top: 2px;
}

body .post-single-page .info-box .right-box .text-box .add-tel {
  margin-top: 2.22222vh;
}

body .post-single-page .info-box .right-box .text-box .toilet, body .post-single-page .info-box .right-box .text-box .onsen {
  margin: 4vh 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .post-single-page .info-box .right-box .text-box .toilet .image-box, body .post-single-page .info-box .right-box .text-box .onsen .image-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0.9375rem;
  line-height: 1.35294em;
  letter-spacing: 0.07471em;
}

body .post-single-page .info-box .right-box .text-box .toilet .texts, body .post-single-page .info-box .right-box .text-box .onsen .texts {
  padding-top: 2px;
  font-size: 0.9375rem;
  line-height: 1.35294em;
  letter-spacing: 0.02529em;
}

body .post-single-page .info-box .right-box .text-box .etc-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.9375rem;
  line-height: 1.35294em;
  letter-spacing: 0.02529em;
  margin-top: 2.22222vh;
}

body .post-single-page .info-box .right-box .text-box .etc-info .hyodai {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body .post-single-page .info-box .right-box .text-box .home-page .texts {
  display: inline-block;
  max-width: calc(100% - 4em);
}

body .post-single-page .info-box .right-box .text-box .home-page .texts a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body .post-single-page .info-box .right-box .sns-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 370px;
  max-width: 90%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1.55556vh;
}

body .post-single-page .info-box .right-box .sns-box li {
  max-width: 30%;
}

body .post-single-page .info-box .right-box .sns-box li a {
  padding: 1.55556vh 1.11111vh;
  display: block;
}

body .post-single-page .info-box .right-box .sns-box li a img {
  max-width: 100%;
  height: auto;
}

body .post-single-page .more-check {
  background: url(../image/post/natural/more_back.png) no-repeat center center;
  background: -webkit-image-set(url(../image/post/natural/more_back.png) 1x, url(../image/post/natural/more_back@2x.png) 2x) no-repeat center center;
  background-size: cover;
  padding: 6.11111vh 1vh 5.55556vh;
}

body .post-single-page .more-check h2 {
  text-align: center;
  width: 940px;
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  line-height: 1.72222em;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin: 0 auto;
}

body .post-single-page .more-check h2 img {
  max-width: 23%;
  height: auto;
  margin-right: 1.55556vh;
}

body .post-single-page .more-check h2 .more-title {
  font-size: 1.125rem;
  background: #fff;
  padding: 6px 20px;
  border-radius: 30px;
  white-space: nowrap;
  display: inline-block;
  letter-spacing: 0.05em;
  margin-right: 1.55556vh;
}

body .post-single-page .more-check h2 .more-title .big-text {
  font-size: 1.4375rem;
}

body .post-single-page .more-check .more-list {
  width: 940px;
  max-width: 90%;
  margin: 5.22222vh auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .post-single-page .more-check .more-list li {
  width: 24%;
}

body .post-single-page .more-check .more-list li a {
  display: block;
}

body .post-single-page .more-check .more-list li a figure {
  position: relative;
}

body .post-single-page .more-check .more-list li a figure .image {
  margin: 0;
  background: #fff;
}

body .post-single-page .more-check .more-list li a figure .image .image-base {
  width: 100%;
  display: block;
  padding-top: 73%;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body .post-single-page .more-check .more-list li a figcaption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 1.0625rem;
  letter-spacing: 0.1em;
  padding: 0 0.5em;
  margin-top: 1.66667vh;
}

body .post-single-page .more-check .more-list li a .nth {
  display: inline-block;
  color: #fff;
  padding: 8px 10px;
  background: #62BC77;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 5%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 0.875rem;
}

body .post-single-page .more-check .more-list li a .nth .number {
  font-size: 1.0625rem;
}

body .post-single-page .more-check .more-list li a:hover figure .image .image-base {
  opacity: 0.4;
}

body .post-single-page .more-check .submit {
  margin: 4.44444vh auto 0;
  text-align: center;
}

body .post-single-page .more-check .submit a {
  display: inline-block;
  border: 2px solid #62BC77;
  text-align: center;
  background: #62BC77;
  color: #fff;
  -webkit-transition: color 0.2s linear,background 0.2s linear;
  transition: color 0.2s linear,background 0.2s linear;
  padding: 9px 45px;
  font-size: 1.125rem;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

body .post-single-page .more-check .submit a:hover {
  color: #62BC77;
  background: #fff;
}

body .post-single-page .bottom-slider {
  background: url(../image/post/bottom_slide_back.png) repeat left top;
  border-top: 2px solid #22314c;
  padding-bottom: 7.77778vh;
  overflow: hidden;
  width: 100%;
}

body .post-single-page .bottom-slider h2 {
  text-align: center;
  margin-top: 4.66667vh;
}

body .post-single-page .bottom-slider h2 img {
  max-width: 40%;
  height: auto;
}

body .post-single-page .bottom-slider .slide-box {
  margin-top: 3vh;
  width: 100%;
}

body .post-single-page .bottom-slider .slide-box .bx-wrapper {
  background: none;
}

body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

body .post-single-page .bottom-slider .slide-box .slide-common {
  width: 100%;
}

body .post-single-page .bottom-slider .slide-box .slide-common li a {
  display: block;
  border: 3px solid #22314c;
  margin: 0 6%;
  -webkit-transition: -webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
  transition: -webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
  transition: box-shadow 0.2s linear,transform 0.2s linear;
  transition: box-shadow 0.2s linear,transform 0.2s linear,-webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
}

body .post-single-page .bottom-slider .slide-box .slide-common li a p {
  margin: 0;
}

body .post-single-page .bottom-slider .slide-box .slide-common li a p img {
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

body .post-single-page .bottom-slider .slide-box .slide-common li a:hover {
  -webkit-transform: translate(-7px, -6px);
          transform: translate(-7px, -6px);
  -webkit-box-shadow: 7px 6px 0 #fcee21;
          box-shadow: 7px 6px 0 #fcee21;
}

body .post-single-page .bottom-slider .slide-box .slide-common li a:hover p img {
  background: rgba(255, 255, 255, 0.6);
}

body .post-single-page .main-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5.55556vh;
}

body .post-single-page .main-top .text-content {
  width: 50%;
}

body .post-single-page .main-top .text-content .mini-title {
  width: 400px;
  margin: 1vh auto 0;
  max-width: 90%;
  font-size: 1.125rem;
  color: #468953;
}

body .post-single-page .main-top .text-content .big-content {
  width: 400px;
  margin: 6.22222vh auto 0;
  max-width: 90%;
}

body .post-single-page .main-top .text-content .big-content h3 {
  font-weight: normal;
  text-align: right;
  font-size: 1.4375rem;
  line-height: 1.86957em;
  letter-spacing: 0.15em;
}

body .post-single-page .main-top .text-content .big-content .mini-text {
  text-align: right;
  font-size: 1.0625rem;
  line-height: 1.64706em;
  letter-spacing: 0.07471em;
  margin: 1vh 0 0;
}

body .post-single-page .main-top .text-content .big-content .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.0625rem;
  line-height: 1.64706em;
  letter-spacing: 0.07471em;
  margin: 6.77778vh 0 0;
}

body .post-single-page .main-top .text-content .mountain-description {
  width: 400px;
  max-width: 90%;
  margin: 5.66667vh auto 0;
}

body .post-single-page .main-top .text-content .mountain-description h3 img {
  max-width: 50%;
  height: auto;
}

body .post-single-page .main-top .text-content .mountain-description .description {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.9375rem;
  line-height: 1.86667em;
  margin-top: 2.33333vh;
}

body .post-single-page .main-top .image-content {
  width: 48%;
}

body .post-single-page .main-top .image-content .natural-slide {
  position: relative;
  width: 100%;
}

body .post-single-page .main-top .image-content .nivo-controlNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
  width: 100%;
}

body .post-single-page .main-top .image-content .nivo-controlNav a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.4%;
  box-sizing: border-box;
  padding-top: 2%;
  padding-left: 2%;
}

body .post-single-page .main-top .image-content .nivo-controlNav a img {
  width: 100%;
  height: auto;
}

body .post-single-page .main-top .image-content .main-info-image img {
  width: 100%;
  height: auto;
}

body .post-single-page.category-natural .main-image ul li .slide-text-box .page-title {
  color: #ff0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}

body .post-single-page.category-natural .main-image ul li .slide-text-box .page-title img {
  margin-right: 5px;
}

body .post-single-page.category-natural .root-content {
  margin-top: 7.77778vh;
}

body .post-single-page.category-natural .root-content .root-top-image {
  margin: 0;
}

body .post-single-page.category-natural .root-content .root-top-image .root-top-base {
  display: block;
  width: 100%;
  padding-top: 27%;
}

body .post-single-page.category-natural .root-content .root-box {
  width: 940px;
  margin: 8.88889vh auto 0;
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .post-single-page.category-natural .root-content .root-box section {
  width: 37.5%;
}

body .post-single-page.category-natural .root-content .root-box section h3 {
  text-align: center;
  border: 1px solid rgba(98, 188, 119, 0.75);
  padding: 1.55556vh;
  border-radius: 30px;
  color: #62BC77;
  font-size: 1.4375rem;
  line-height: 1.30435em;
  letter-spacing: 0.2em;
  white-space: nowrap;
  font-weight: 500;
}

@media (max-width: 800px) {
  body .post-single-page.category-natural .root-content .root-box section h3 {
    font-size: 1.25rem;
  }
}

@media (max-width: 750px) and (min-width: 601px) {
  body .post-single-page.category-natural .root-content .root-box section h3 {
    font-size: 1rem;
  }
}

body .post-single-page.category-natural .root-content .root-box section h3 img {
  max-width: 80%;
  height: auto;
}

body .post-single-page.category-natural .root-content .root-box section .text {
  font-size: 1.0625rem;
  line-height: 1.64706em;
  letter-spacing: 0.07471em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 6.11111vh 0 0;
}

body .post-single-page.category-natural .root-content .root-box .danmen-box {
  width: 56%;
}

body .post-single-page.category-natural .root-content .root-box .danmen-box .danmen-image .danmen-base {
  display: block;
  padding-top: 42%;
}

body .post-single-page.category-natural .root-content .root-box .danmen-box .download {
  text-align: center;
  margin: 3.33333vh 0 0;
}

body .post-single-page.category-natural .root-content .root-box .danmen-box .download a {
  display: inline-block;
  font-size: 1.125rem;
  letter-spacing: 0.075em;
  white-space: nowrap;
  color: #fff;
  border: 2px solid #62BC77;
  background: #62BC77;
  padding: 0.77778vh 5.11111vh;
  -webkit-transition: background 0.2s linear,color 0.2s linear;
  transition: background 0.2s linear,color 0.2s linear;
}

body .post-single-page.category-natural .root-content .root-box .danmen-box .download a:hover {
  color: #62BC77;
  background: #fff;
}

body .post-single-page.category-natural .bottom-image {
  margin: 9.77778vh 0 0;
  width: 100%;
}

body .post-single-page.category-natural .bottom-image img {
  width: 100%;
  height: auto;
  display: block;
}

body .post-single-page.category-natural .my-book .book-center > img {
  right: 5%;
}

body .post-single-page.category-natural .inverted .my-book .book-center > img {
  right: auto;
  left: 5%;
}

body .post-single-page.category-natural .info-box {
  margin-top: 0 !important;
}

body .post-single-page.category-natural .template3.inverted .my-book .book-center > img {
  left: 10%;
}

body .post-single-page.category-natural .more-check {
  background: url(../image/post/mountain/more_back.png) no-repeat center center;
  background-size: cover;
}

body .post-single-page.category-natural2 .main-top .text-content .mini-title {
  color: #0965d3;
}

body .post-single-page.category-natural2 .info-box .right-box {
  background: #0965d3;
}

body .post-single-page.category-natural2 .more-check {
  background: url(../image/post/natural/more_back.png) no-repeat center center;
  background-size: cover;
}

body .post-single-page.category-natural2 .more-check .more-list li a .nth {
  background: #0965d3;
}

body .post-single-page.category-natural2 .more-check .submit a {
  border-color: #0965d3;
  background: #0965d3;
}

body .post-single-page.category-natural2 .more-check .submit a:hover {
  background: #fff;
  color: #0965d3;
}

body .post-single-page.category-eat-a-lot .main-image .mountain {
  -webkit-transform: translate(0, 25%);
          transform: translate(0, 25%);
}

body .post-single-page.category-eat-a-lot .breadcrumb {
  margin-top: 6vh;
}

body .post-single-page.category-eat-a-lot .main-top .text-content .mini-title {
  color: #de2525;
}

body .post-single-page.category-eat-a-lot .info-box .right-box {
  background: #de2525;
}

body .post-single-page.category-eat-a-lot .more-check {
  background: url(../image/post/eat_a_lot/bg-more.png) no-repeat center center;
  background-size: cover;
}

body .post-single-page.category-eat-a-lot .more-check .more-list li a .nth {
  background: #de2525;
}

body .post-single-page.category-eat-a-lot .more-check .submit a {
  border-color: #de2525;
  background: #de2525;
}

body .post-single-page.category-eat-a-lot .more-check .submit a:hover {
  background: #fff;
  color: #de2525;
}

body .post-single-page.category-culture .main-image .mountain {
  -webkit-transform: translate(0, 25%);
          transform: translate(0, 25%);
}

body .post-single-page.category-culture .breadcrumb {
  margin-top: 6vh;
}

body .post-single-page.category-culture .more-check {
  background: url(../image/post/culture/bg-more.png) no-repeat center center;
  background-size: cover;
}

body .post-single-page.category-culture .more-check .submit a {
  border-color: #f7931e;
  background: #f7931e;
}

body .post-single-page.category-culture .more-check .submit a:hover {
  background: #fff;
  color: #f7931e;
}

body .post-single-page.category-photograph .main-image .mountain {
  -webkit-transform: translate(0, 25%);
          transform: translate(0, 25%);
}

body .post-single-page.category-photograph .breadcrumb {
  margin-top: 6vh;
}

body .post-single-page.category-photograph .more-check {
  background: url(../image/post/photograqph/bg-more.png) no-repeat center center;
  background-size: cover;
}

body .post-single-page.category-photograph .more-check .submit a {
  border-color: #d1bf15;
  background: #d1bf15;
}

body .post-single-page.category-photograph .more-check .submit a:hover {
  background: #fff;
  color: #d1bf15;
}

body .post-single-page.category-events .main-image .mountain {
  -webkit-transform: translate(0, 25%);
          transform: translate(0, 25%);
}

body .post-single-page.category-events .breadcrumb {
  margin-top: 6vh;
}

body .post-single-page.category-events .more-check {
  background: url(../image/post/events/bg-more.png) no-repeat center center;
  background-size: cover;
}

body .post-single-page.category-events .more-check .submit a {
  border-color: #b78bcc;
  background: #b78bcc;
}

body .post-single-page.category-events .more-check .submit a:hover {
  background: #fff;
  color: #b78bcc;
}

body .post-single-page.category-stay_experience .shop-info-link {
  position: relative;
  width: 63px;
  position: fixed;
  top: 20%;
  left: 0;
  z-index: 900;
  -webkit-transition: opacity 0.2s linear,-webkit-transform 0.2s linear;
  transition: opacity 0.2s linear,-webkit-transform 0.2s linear;
  transition: opacity 0.2s linear,transform 0.2s linear;
  transition: opacity 0.2s linear,transform 0.2s linear,-webkit-transform 0.2s linear;
  -webkit-transform: translate(0, -150%);
          transform: translate(0, -150%);
  opacity: 0;
  background: #fff;
}

body .post-single-page.category-stay_experience .shop-info-link .info-link-wrap {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid #445a8e;
  background: #fcee21;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body .post-single-page.category-stay_experience .shop-info-link .info-link-wrap img {
  display: block;
  margin: 0 auto;
  max-width: 62%;
  height: auto;
  padding: 12.69% 12.69% 0;
}

body .post-single-page.category-stay_experience .shop-info-link .info-link-wrap .text-plan {
  display: block;
  text-align: center;
  width: 1em;
  font-size: 1rem;
  letter-spacing: 0;
  color: #445a8e;
  font-weight: 600;
  margin: 4px auto 0;
  padding-bottom: 14.28%;
}

body .post-single-page.category-stay_experience .shop-info-link .info-link-wrap .text-plan.en {
  width: 0.5em;
}

body .post-single-page.category-stay_experience .shop-info-link:hover {
  cursor: pointer;
}

body .post-single-page.category-stay_experience .shop-info-link:hover .info-link-wrap {
  opacity: 0.7;
}

body .post-single-page.category-stay_experience .shop-info-link.visit-link {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

body .post-single-page.category-stay_experience .main-image .mountain {
  -webkit-transform: translate(0, 26%);
          transform: translate(0, 26%);
}

body .post-single-page.category-stay_experience .breadcrumb {
  margin-top: 6vh;
}

body .post-single-page.category-stay_experience .more-check {
  background: url(../image/post/stay_experience/bg-more.png) no-repeat center center;
  background-size: cover;
  padding-top: 1px;
}

body .post-single-page.category-stay_experience .more-check h2 {
  margin-top: 7.22222vh;
}

body .post-single-page.category-stay_experience .more-check .shop-table {
  width: 73%;
  margin: 5.77778vh auto 0;
  border-top: rgba(179, 179, 179, 0.5) solid 1px;
  border-bottom: rgba(179, 179, 179, 0.5) solid 1px;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dt {
  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;
  border-bottom: rgba(179, 179, 179, 0.5) solid 1px;
  background: #e6e6e6;
  width: 17%;
  font-size: 1.125rem;
  line-height: 1.88889em;
  padding: 2.22222vh 1vh;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dt.text3 {
  letter-spacing: 0.4em;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dt.text4 {
  letter-spacing: 0.1em;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd {
  border-bottom: rgba(230, 230, 230, 0.5) solid 1px;
  background: #fff;
  width: 83%;
  font-size: 1.0625rem;
  line-height: 2em;
  letter-spacing: 0.07471em;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd.retu1 {
  padding: 2.22222vh 2.85%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd.retu-etc .etc-content {
  display: block;
  padding: 2.22222vh 3.4%;
  border-bottom: rgba(230, 230, 230, 0.5) solid 1px;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd.retu-etc .etc-content:last-of-type {
  border-bottom: none;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd.retu2 .price-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: rgba(230, 230, 230, 0.5) solid 1px;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd.retu2 .price-content:last-of-type {
  border-bottom: none;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd.retu2 .price-content .left-content {
  padding: 2.22222vh 3.4%;
  width: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: rgba(230, 230, 230, 0.5) solid 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl dd.retu2 .price-content .right-content {
  padding: 2.22222vh 3.4%;
  width: 77%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl:last-of-type dt {
  border-bottom: none;
}

body .post-single-page.category-stay_experience .more-check .shop-table dl:last-of-type dd {
  border-bottom: none;
}

@media (max-width: 950px) {
  body .post-single-page.category-stay_experience .more-check .shop-table dl dt {
    font-size: 1.0625rem;
  }
  body .post-single-page.category-stay_experience .more-check .shop-table dl dd {
    font-size: 1rem;
  }
}

@media (max-width: 800px) {
  body .post-single-page.category-stay_experience .more-check .shop-table dl dt {
    font-size: 0.9375rem;
  }
  body .post-single-page.category-stay_experience .more-check .shop-table dl dd {
    font-size: 0.875rem;
  }
}

@media (max-width: 750px) {
  body .post-single-page.category-stay_experience .more-check .shop-table {
    width: 95%;
  }
}

body .post-single-page.category-stay_experience .more-check .shop-table.en dl dt {
  text-align: center;
  display: block;
  letter-spacing: 0.1em;
}

body .post-single-page.category-stay_experience .more-check .submit a {
  border-color: #3fa9f5;
  background: #3fa9f5;
}

body .post-single-page.category-stay_experience .more-check .submit a:hover {
  background: #fff;
  color: #3fa9f5;
}

body .post-single-page.category-model_course .more-check {
  background: url(../image/post/model_course/bg-more.png) no-repeat center center;
  background-size: cover;
}

body .post-single-page.category-model_course .more-check .submit a {
  border-color: #ff7d84;
  background: #ff7d84;
}

body .post-single-page.category-model_course .more-check .submit a:hover {
  background: #fff;
  color: #ff7d84;
}

body .post-single-page.category-model_course .time-table-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 940px;
  max-width: 90%;
  margin: 7.88889vh auto 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .post-single-page.category-model_course .time-table-box section {
  width: 47%;
}

body .post-single-page.category-model_course .time-table-box section h2 {
  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;
}

body .post-single-page.category-model_course .time-table-box section h2 img {
  width: 34.5%;
  height: auto;
}

body .post-single-page.category-model_course .time-table-box section h2 .time-line {
  width: 64%;
  padding-top: 3.3%;
  height: 0;
  background: url(../image/post/model_course/time_table_back.png) repeat-x left center;
  background-size: contain;
  display: block;
}

body .post-single-page.category-model_course .time-table-box section .time-table-content {
  margin-top: 3.22222vh;
}

body .post-single-page.category-model_course .time-table-box section .time-table-content li.time-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .post-single-page.category-model_course .time-table-box section .time-table-content li.time-main img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body .post-single-page.category-model_course .time-table-box section .time-table-content li.time-main .time-text {
  display: inline-block;
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 2.29412em;
  letter-spacing: 0.01em;
}

body .post-single-page.category-model_course .time-table-box section .time-table-content li.time-dott {
  margin: 3px 0;
}

body .post-single-page.category-model_course .time-table-box section .time-table-content li:last-of-type {
  display: none;
}

body .post-single-page.category-model_course .time-table-box .time-image {
  width: 46%;
}

body .post-single-page.category-model_course .time-table-box .time-image .second-image {
  height: 100%;
  min-height: 311px;
  display: block;
}

@media (max-width: 800px) and (min-width: 601px) {
  body .post-single-page.category-model_course .time-table-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .post-single-page.category-model_course .time-table-box section {
    width: 100%;
  }
  body .post-single-page.category-model_course .time-table-box .time-image {
    width: 100%;
  }
}

body .post-single-page.hotaru-page .hotaru-link {
  width: 940px;
  margin: 6.66667vh auto 0;
  max-width: 90%;
}

body .post-single-page.hotaru-page .hotaru-link ul {
  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;
}

body .post-single-page.hotaru-page .hotaru-link ul li {
  width: 16.666%;
  background: url(../image/top/gray_line.png) no-repeat left bottom;
}

body .post-single-page.hotaru-page .hotaru-link ul li a {
  display: block;
  padding: 0 1vh;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.3em;
  padding-bottom: 6px;
}

body .post-single-page.hotaru-page .hotaru-link ul li a .menu-image {
  display: block;
  text-align: center;
}

body .post-single-page.hotaru-page .hotaru-link ul li a .menu-image img {
  max-width: 50%;
  height: auto;
  margin-bottom: 6px;
}

body .post-single-page.hotaru-page .hotaru-link ul li a .menu-image img:last-of-type {
  display: none;
}

body .post-single-page.hotaru-page .hotaru-link ul li a:hover .menu-image img {
  display: none;
}

body .post-single-page.hotaru-page .hotaru-link ul li a:hover .menu-image img:last-of-type {
  display: inline-block;
}

body .post-single-page.hotaru-page .hotaru-link ul li:last-of-type {
  background: url(../image/top/gray_line.png) no-repeat left bottom, url(../image/top/gray_line.png) no-repeat right bottom;
}

body .post-single-page.hotaru-page .hotaru-link ul li.current a .menu-image img {
  display: none;
}

body .post-single-page.hotaru-page .hotaru-link ul li.current a .menu-image img:last-of-type {
  display: inline-block;
}

@media (max-width: 945px) {
  body .post-single-page.hotaru-page .hotaru-link ul li a {
    font-size: 1rem;
    padding-bottom: 11px;
  }
}

body .post-single-page.hotaru-page .cautions-content {
  width: 940px;
  margin: 8.88889vh auto 0;
  max-width: 90%;
}

body .post-single-page.hotaru-page .cautions-content .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body .post-single-page.hotaru-page .cautions-content .title-box h2 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body .post-single-page.hotaru-page .cautions-content .title-box .title-text {
  font-size: 1.0625rem;
  letter-spacing: 0.07471em;
  line-height: 1.64706em;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 75.6%;
  padding-left: 1em;
}

body .post-single-page.hotaru-page .cautions-content .caution-list {
  border-top: rgba(153, 153, 153, 0.25) solid 1px;
  margin-top: 8.11111vh;
}

body .post-single-page.hotaru-page .cautions-content .caution-list li {
  border-bottom: rgba(153, 153, 153, 0.25) solid 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .post-single-page.hotaru-page .cautions-content .caution-list li .caution-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 17.55%;
  text-align: center;
  padding: 2vh 0;
  background: #f2f2f2;
  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;
}

body .post-single-page.hotaru-page .cautions-content .caution-list li .caution-icon img {
  max-width: 50%;
  height: auto;
}

body .post-single-page.hotaru-page .cautions-content .caution-list li dl {
  width: 100%;
  padding: 2vh 0;
  padding-left: 3.7%;
}

body .post-single-page.hotaru-page .cautions-content .caution-list li dl dt {
  font-size: 1.1875rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}

body .post-single-page.hotaru-page .cautions-content .caution-list li dl dd {
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 1.55556vh;
}

body .post-single-page.hotaru-page .cautions-content .caution-list li.big-icon .caution-icon img {
  max-width: 80%;
}

body .post-single-page.hotaru-page .cautions-content .hotaru-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: rgba(153, 153, 153, 0.25) solid 1px;
  border-bottom: rgba(153, 153, 153, 0.25) solid 1px;
  margin-top: 2.22222vh;
}

body .post-single-page.hotaru-page .cautions-content .hotaru-price .price-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 17.55%;
  text-align: center;
  padding: 2vh 0;
  background: #f2f2f2;
  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;
  font-size: 1.0625rem;
}

@media (min-width: 601px) {
  body .post-single-page.hotaru-page .cautions-content .hotaru-price .price-title br {
    display: none;
  }
}

body .post-single-page.hotaru-page .cautions-content .hotaru-price dl {
  width: 100%;
  padding: 2vh 0;
  padding-left: 3.7%;
}

body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dt {
  font-size: 1.1875rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}

body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dd {
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 1.55556vh;
}

body .post-single-page.hotaru-page .hotaru-map-content {
  margin: 10.88889vh auto 11.11111vh;
  width: 940px;
  max-width: 90%;
}

body .post-single-page.hotaru-page .hotaru-map-content .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body .post-single-page.hotaru-page .hotaru-map-content .title-box h2 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body .post-single-page.hotaru-page .hotaru-map-content .title-box .title-text {
  font-size: 1.0625rem;
  letter-spacing: 0.07471em;
  line-height: 1.64706em;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 75.6%;
  padding-left: 1em;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image {
  position: relative;
  margin-top: 9.44444vh;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .main-map img {
  display: block;
  width: 100%;
  height: auto;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .map-scroll {
  position: absolute;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .map-scroll img {
  display: block;
  width: 100%;
  height: auto;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .map-scroll:hover {
  cursor: pointer;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon1 {
  width: 4.944456404%;
  top: 9%;
  left: 53.5%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon2 {
  width: 4.944456404%;
  top: 63%;
  left: 73%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon3 {
  width: 8.241872981%;
  top: 64.6%;
  left: 54.3%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon4 {
  width: 8.241872981%;
  top: 70%;
  left: 21.3%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon5 {
  width: 8.241872981%;
  top: 37.6%;
  left: 21.5%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon6 {
  width: 11.482669537%;
  top: 44.2%;
  left: 10%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon7 {
  width: 9.57050592%;
  top: 49%;
  left: 41.5%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon8 {
  width: 7.249407965%;
  top: 29%;
  left: 45.5%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon9 {
  width: 4.630678148%;
  top: 21%;
  left: 73%;
}

body .post-single-page.hotaru-page .hotaru-map-content .map-image .icon10 {
  width: 3.182777179%;
  top: 24%;
  left: 81%;
}

body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li .description-icon {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 10.10638%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li .description-icon img {
  width: 100%;
  height: auto;
  display: block;
}

body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl {
  width: 100%;
  padding: 2vh 0;
  padding-left: 3.7%;
}

body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dt {
  font-size: 1.1875rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}

body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dd {
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 1.55556vh;
}

body .post-single-page.hotaru-access-page .access-map-content {
  margin-top: 11.44444vh;
}

body .post-single-page.hotaru-access-page .access-map-content #map {
  width: 100%;
  padding-top: 43.59375%;
}

body .post-single-page.hotaru-access-page .access-map-content .access-map-description {
  width: 940px;
  max-width: 90%;
  margin: 8.88889vh auto 10vh;
}

body .post-single-page.hotaru-access-page .access-map-content .access-map-description li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4.44444vh;
}

body .post-single-page.hotaru-access-page .access-map-content .access-map-description li .map-icon {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7.659574468%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body .post-single-page.hotaru-access-page .access-map-content .access-map-description li .map-icon img {
  width: 100%;
  height: auto;
  display: block;
}

body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl {
  width: 100%;
  padding-left: 3.7%;
}

body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dt {
  font-size: 1.1875rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.3em;
}

body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dd {
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 1.55556vh;
}

body .post-single-page.hotaru-access-page .buss-images {
  width: 940px;
  max-width: 100%;
  margin: 0 auto;
}

body .post-single-page.hotaru-access-page .buss-images img {
  width: 100%;
  height: auto;
  display: block;
  margin: 1vh auto;
}

body .post-single-page .none-webfont {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "小塚ゴシック Pro", "MS Pゴシック", "MS PGothic","Droid Sans Mono",Verdana,sans-serif;
}

body .post-single-page .my-book {
  width: 100%;
}

body .post-single-page .my-book .book-header {
  width: 120%;
  position: relative;
}

body .post-single-page .my-book .book-header img {
  width: 100%;
  height: auto;
  display: block;
}

body .post-single-page .my-book .book-header .head-text {
  font-size: 1.0625rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5%;
}

body .post-single-page .my-book .book-header .head-text .big-text {
  font-size: 1.25rem;
}

body .post-single-page .my-book .book-center {
  width: 120%;
  background: url(../image/post/book-center.png) repeat-y left top;
  background: -webkit-image-set(url(../image/post/book-center.png) 1x, url(../image/post/book-center@2x.png) 2x) repeat-y left top;
  background-size: 100% auto;
  position: relative;
}

body .post-single-page .my-book .book-center .book-catch {
  text-align: right;
  font-size: 1.25rem;
  line-height: 1.5em;
  letter-spacing: 0.15em;
  font-weight: 500;
  width: 500px;
  max-width: 65%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 5%;
  position: relative;
  z-index: 1;
}

body .post-single-page .my-book .book-center .book-content {
  text-align: justify;
  text-justify: inter-ideograph;
  width: 500px;
  max-width: 65%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 5%;
  font-size: 1rem;
  line-height: 1.625em;
  letter-spacing: 0.075em;
  margin-top: 2.77778vh;
  padding-bottom: 6.11111vh;
  position: relative;
  z-index: 1;
}

body .post-single-page .my-book .book-center > img {
  width: 50%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 10%;
  z-index: 0;
}

body .post-single-page .my-book .book-center > img:nth-of-type(2) {
  display: none;
}

body .post-single-page .my-book .book-footer {
  width: 120%;
}

body .post-single-page .my-book .book-footer img {
  width: 100%;
  height: auto;
  display: block;
}

body .post-single-page .inverted .my-book .book-header {
  float: right;
}

body .post-single-page .inverted .my-book .book-header img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

body .post-single-page .inverted .my-book .book-header .head-text {
  left: auto;
  right: 5%;
}

body .post-single-page .inverted .my-book .book-center {
  float: right;
}

body .post-single-page .inverted .my-book .book-center .book-catch {
  margin-left: auto;
  margin-right: 5%;
  text-align: left;
}

body .post-single-page .inverted .my-book .book-center .book-content {
  margin-left: auto;
  margin-right: 5%;
}

body .post-single-page .inverted .my-book .book-center > img {
  right: auto;
  left: 10%;
  display: none;
}

body .post-single-page .inverted .my-book .book-center > img:nth-of-type(2) {
  display: inline;
}

body .post-single-page .inverted .my-book .book-footer {
  float: right;
}

body .post-single-page .inverted .my-book .book-footer img {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

body .post-single-page .inverted .my-book:after {
  content: '';
  display: block;
  clear: both;
}

body .post-single-page .pc-none {
  display: none;
}

body .post-single-page .template1 .first-box {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 9.55556vh auto 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .post-single-page .template1 .first-box h3 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-combine-upright: digits 2;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.72222em;
  padding: 3.66667vh 2.22222vh;
  font-weight: 500;
  margin: 0 auto;
  min-height: 270px;
}

@media (max-width: 700px) {
  body .post-single-page .template1 .first-box h3 {
    min-height: 210px;
  }
}

body .post-single-page .template1 .first-box .main-image {
  width: 70%;
  position: relative;
  z-index: 1;
}

body .post-single-page .template1 .first-box .main-image .main-image-base {
  display: block;
  width: 100%;
  padding-top: 63.5%;
}

body .post-single-page .template1 .first-box .main-image .main-back {
  position: absolute;
  top: 20%;
  right: 4.44444vh;
  display: block;
  height: 100%;
  width: 100%;
  z-index: -1;
}

body .post-single-page .template1 .first-box .temp1-back {
  width: 90%;
  display: block;
  position: absolute;
  z-index: -1;
  top: 40%;
  right: 0;
  height: 120%;
}

@media (max-width: 1000px) {
  body .post-single-page .template1 .first-box h3 {
    font-size: 1rem;
    line-height: 2.22222em;
  }
}

@media (max-width: 900px) {
  body .post-single-page .template1 .first-box h3 {
    line-height: 1.66667em;
    padding: 2.22222vh 1.66667vh;
    font-size: 0.9375rem;
  }
}

@media (max-width: 750px) and (min-width: 601px) {
  body .post-single-page .template1 .first-box h3 {
    font-size: 0.875rem;
  }
}

@media (min-width: 1600px) {
  body .post-single-page .template1 .first-box h3 {
    font-size: 1.4375rem;
  }
}

body .post-single-page .template1 .bottom-box {
  position: relative;
  z-index: 1;
}

body .post-single-page .template1 .bottom-box .book-area {
  width: 50%;
  margin-left: auto;
  position: relative;
  z-index: 1;
  margin-top: -100px;
}

body .post-single-page .template1 .bottom-box .sub-image {
  margin-left: 10%;
  position: relative;
  z-index: 0;
  margin-top: -300px;
  width: 49%;
}

body .post-single-page .template1 .bottom-box .sub-image .sub-image-base {
  padding-top: 73.6%;
  display: block;
}

body .post-single-page .template1 .bottom-box .ossan {
  text-align: right;
  width: 90%;
  margin-top: -100px;
  position: relative;
  z-index: 0;
}

body .post-single-page .template1 .bottom-box .ossan img {
  max-width: 40%;
  height: auto;
}

body .post-single-page .template1.inverted h3 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .template1.inverted .main-image .main-back {
  left: 4.44444vh;
  right: auto;
}

body .post-single-page .template1.inverted .temp1-back {
  right: auto;
  left: 0;
}

body .post-single-page .template1.inverted .bottom-box .book-area {
  margin-left: 0;
}

body .post-single-page .template1.inverted .bottom-box .sub-image {
  margin-right: 10%;
  margin-left: auto;
}

body .post-single-page .template1.inverted .bottom-box .ossan {
  margin-left: auto;
  text-align: left;
}

body .post-single-page .template2 .first-box {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 9.55556vh auto 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body .post-single-page .template2 .first-box h3 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-combine-upright: digits 2;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.72222em;
  padding: 3.66667vh 2.22222vh;
  font-weight: 500;
  min-height: 270px;
}

@media (max-width: 700px) {
  body .post-single-page .template2 .first-box h3 {
    min-height: 210px;
  }
}

body .post-single-page .template2 .first-box .main-image {
  width: 70%;
}

body .post-single-page .template2 .first-box .main-image .main-image-base {
  display: block;
  width: 100%;
  padding-top: 63.5%;
}

@media (max-width: 1000px) {
  body .post-single-page .template2 .first-box h3 {
    font-size: 1rem;
    line-height: 2.22222em;
  }
}

@media (max-width: 900px) {
  body .post-single-page .template2 .first-box h3 {
    line-height: 1.66667em;
    padding: 2.22222vh 1.66667vh;
    font-size: 0.9375rem;
  }
}

@media (max-width: 750px) and (min-width: 601px) {
  body .post-single-page .template2 .first-box h3 {
    font-size: 0.875rem;
  }
}

@media (min-width: 1600px) {
  body .post-single-page .template2 .first-box h3 {
    font-size: 1.4375rem;
  }
}

body .post-single-page .template2 .middle-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body .post-single-page .template2 .middle-box .left-box {
  width: 50%;
}

body .post-single-page .template2 .middle-box .left-box .ossan {
  position: relative;
  z-index: 2;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
  padding-left: 2.11111vh;
}

body .post-single-page .template2 .middle-box .left-box .ossan img {
  max-width: 70%;
  height: auto;
}

body .post-single-page .template2 .middle-box .left-box .left-top-box {
  position: relative;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

body .post-single-page .template2 .middle-box .left-box .left-top-box .back {
  display: block;
  width: 4200%;
  height: calc(100% + 275px);
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}

body .post-single-page .template2 .middle-box .left-box .left-top-box .text {
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 3.77778vh 2.77778vh 3.77778vh 4.5%;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
  max-width: 600px;
}

body .post-single-page .template2 .middle-box .left-box .left-middle {
  margin-top: 3.33333vh;
}

body .post-single-page .template2 .middle-box .left-box .left-middle .image-box {
  width: 90%;
}

body .post-single-page .template2 .middle-box .left-box .left-middle .image-box .image-base {
  display: block;
  padding-top: 70.49%;
  -webkit-transform: translate(32px, -32px);
          transform: translate(32px, -32px);
}

@media (max-width: 700px) and (min-width: 601px) {
  body .post-single-page .template2 .middle-box .left-box .left-middle {
    margin-top: 1.55556vh;
  }
}

body .post-single-page .template2 .middle-box .right-box {
  position: relative;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
  z-index: 2;
  width: 50%;
}

body .post-single-page .template2 .middle-box .right-box .right-image {
  width: 80%;
  margin-top: 4.88889vh;
  margin-left: 20%;
}

body .post-single-page .template2 .middle-box .right-box .right-image .image-base {
  display: block;
  padding-top: 132.5%;
  -webkit-transform: translate(-32px, 32px);
          transform: translate(-32px, 32px);
}

body .post-single-page .template2.inverted .first-box h3 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .template2.inverted .middle-box .left-box {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .template2.inverted .middle-box .left-box .left-top-box .back {
  left: auto;
  right: 0;
}

body .post-single-page .template2.inverted .middle-box .left-box .left-middle .image-box {
  margin-left: 10%;
}

body .post-single-page .template2.inverted .middle-box .left-box .left-middle .image-box .image-base {
  -webkit-transform: translate(-32px, -32px);
          transform: translate(-32px, -32px);
}

body .post-single-page .template2.inverted .middle-box .right-box {
  margin-left: 0;
}

body .post-single-page .template2.inverted .middle-box .right-box .right-image {
  margin-left: 0;
}

body .post-single-page .template2.inverted .middle-box .right-box .right-image .image-base {
  -webkit-transform: translate(32px, 32px);
          transform: translate(32px, 32px);
  margin-left: 0;
}

body .post-single-page .template3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 9.55556vh;
}

body .post-single-page .template3 .left-box {
  width: 50%;
  position: relative;
  z-index: 0;
}

body .post-single-page .template3 .left-box .main-image {
  width: 119.3%;
}

body .post-single-page .template3 .left-box .main-image .main-image-base {
  padding-top: 63.56%;
  display: block;
}

body .post-single-page .template3 .left-box .text-area {
  margin: 8.88889vh calc(40px + 8%) 0 auto;
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  max-width: 600px;
  width: 80%;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

body .post-single-page .template3 .left-box .text-area .bg-temp3 {
  display: block;
  position: absolute;
  width: 400%;
  height: 100%;
  bottom: 30%;
  left: 0;
  z-index: -1;
}

body .post-single-page .template3 .right-box {
  width: 50%;
  position: relative;
  z-index: 1;
}

body .post-single-page .template3 .right-box .pc-ossan {
  max-width: 600px;
  text-align: right;
  width: 85%;
  margin-bottom: 1.5vh;
}

body .post-single-page .template3 .right-box .pc-ossan img {
  max-width: 70%;
  height: auto;
}

body .post-single-page .template3 .right-box .sub-image {
  width: 89.5%;
  margin-top: 6vh;
  position: relative;
  right: 10%;
}

body .post-single-page .template3 .right-box .sub-image .sub-image-base {
  padding-top: 69.6%;
  display: block;
}

body .post-single-page .template3 .right-box .sub-image .sub-image-back {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
  left: 7.8%;
  bottom: 24.3%;
}

body .post-single-page .template3.inverted .left-box {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .template3.inverted .left-box .main-image {
  position: relative;
  right: 19.3%;
}

body .post-single-page .template3.inverted .left-box .text-area {
  padding-left: 0;
  padding-right: 30px;
  margin: 8.88889vh auto 0px calc(40px + 8%);
}

body .post-single-page .template3.inverted .left-box .text-area .bg-temp3 {
  left: auto;
  right: 0;
}

body .post-single-page .template3.inverted .right-box .sub-image {
  left: 10%;
  right: 0;
}

body .post-single-page .template3.inverted .right-box .sub-image .sub-image-back {
  left: -7.8%;
}

body .post-single-page .template4 {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
  padding: 12.66667vh 0 11.66667vh;
}

body .post-single-page .template4 .top-en {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 3.765% 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #fff;
  border-radius: 50%;
}

body .post-single-page .template4 .template4-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 940px;
  max-width: 90%;
  margin: 0 auto;
}

body .post-single-page .template4 .template4-content .left-content {
  width: 48%;
  position: relative;
  z-index: 1;
}

body .post-single-page .template4 .template4-content .left-content .image {
  position: relative;
}

body .post-single-page .template4 .template4-content .left-content .image .image-back {
  display: block;
  position: absolute;
  width: 100%;
  height: 90%;
  bottom: -7.94%;
  left: 9.27%;
  z-index: -1;
}

body .post-single-page .template4 .template4-content .left-content .image .image-base {
  width: 100%;
  display: block;
  padding-top: 133.3%;
}

body .post-single-page .template4 .template4-content .right-content {
  width: 42.65%;
  position: relative;
  z-index: 2;
}

body .post-single-page .template4 .template4-content .right-content .right-ossan {
  margin-top: -60px;
}

body .post-single-page .template4 .template4-content .right-content .right-ossan img {
  max-width: 100%;
  height: auto;
}

body .post-single-page .template4 .template4-content .right-content .text-area {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 3.88889vh;
  font-size: 1.0625rem;
  line-height: 1.64706em;
  letter-spacing: 0.07471em;
}

body .post-single-page .template4.inverted .template4-content .left-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .sub-template1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 9.55556vh auto 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

body .post-single-page .sub-template1 h3 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-combine-upright: digits 2;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.72222em;
  padding: 3.66667vh 2.22222vh;
  font-weight: 500;
  position: relative;
  z-index: 1;
  min-height: 270px;
}

@media (max-width: 700px) {
  body .post-single-page .sub-template1 h3 {
    min-height: 210px;
  }
}

body .post-single-page .sub-template1 .main-image {
  width: 60%;
  margin-top: 48px;
}

body .post-single-page .sub-template1 .main-image .main-image-base {
  padding-top: 70.5%;
  display: block;
  -webkit-transform: translate(32px, -32px);
          transform: translate(32px, -32px);
}

@media (max-width: 1000px) {
  body .post-single-page .sub-template1 h3 {
    font-size: 1rem;
    line-height: 2.22222em;
  }
}

@media (max-width: 900px) {
  body .post-single-page .sub-template1 h3 {
    line-height: 1.66667em;
    padding: 2.22222vh 1.66667vh;
    font-size: 0.9375rem;
  }
}

@media (max-width: 750px) and (min-width: 601px) {
  body .post-single-page .sub-template1 h3 {
    font-size: 0.875rem;
  }
}

@media (min-width: 1600px) {
  body .post-single-page .sub-template1 h3 {
    font-size: 1.4375rem;
  }
}

body .post-single-page .sub-template1.inverted h3 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

body .post-single-page .sub-template1.inverted .main-image .main-image-base {
  -webkit-transform: translate(-32px, -32px);
          transform: translate(-32px, -32px);
}

body .post-single-page .sub-template2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 9.55556vh auto 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .post-single-page .sub-template2 .text-box {
  width: 47%;
  max-width: 600px;
  padding-right: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .post-single-page .sub-template2 .text-box h3 {
  text-align: justify;
  text-justify: inter-ideograph;
  font-weight: normal;
  font-size: 1.25rem;
  margin-bottom: 2vh;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

body .post-single-page .sub-template2 .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
}

@media (max-width: 900px) {
  body .post-single-page .sub-template2 .text {
    font-size: 1rem;
  }
}

body .post-single-page .sub-template2 .main-image {
  width: 44%;
}

body .post-single-page .sub-template2 .main-image .main-image-base {
  display: block;
  padding-top: 82.3%;
  -webkit-transform: translate(-32px, 32px);
          transform: translate(-32px, 32px);
}

@media (min-width: 1500px) {
  body .post-single-page .sub-template2 .main-image .main-image-base {
    padding-top: 60%;
  }
}

@media (max-width: 850px) and (min-width: 601px) {
  body .post-single-page .sub-template2 .main-image .main-image-base {
    padding-top: 120%;
  }
}

body .post-single-page .sub-template2.inverted .text-box {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 0;
  padding-left: 45px;
}

body .post-single-page .sub-template2.inverted .main-image .main-image-base {
  -webkit-transform: translate(32px, 32px);
          transform: translate(32px, 32px);
}

body .post-single-page .sub-template3 {
  position: relative;
  margin-top: 9.55556vh;
}

body .post-single-page .sub-template3 .bg-subtemp3 {
  width: 90%;
  right: 0;
  top: -10%;
  position: absolute;
  display: block;
  height: 50%;
  z-index: -1;
}

body .post-single-page .sub-template3 .sub-template-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .post-single-page .sub-template3 .sub-template-content .left-content {
  width: 47%;
}

body .post-single-page .sub-template3 .sub-template-content .left-content .big-image .big-image-base {
  display: block;
  padding-top: 101.6%;
}

body .post-single-page .sub-template3 .sub-template-content .left-content .text {
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 3.77778vh 2.77778vh 3.77778vh 4.5%;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
  max-width: 600px;
  margin-left: auto;
  margin-top: 9.44444vh;
}

body .post-single-page .sub-template3 .sub-template-content .right-content {
  width: 47%;
}

body .post-single-page .sub-template3 .sub-template-content .right-content .image2 {
  margin-top: 11.11111vh;
}

body .post-single-page .sub-template3 .sub-template-content .right-content .image2 .image2-base {
  padding-top: 86.3%;
  display: block;
}

body .post-single-page .sub-template3.inverted .bg-sutemp3 {
  right: auto;
  left: 0;
}

body .post-single-page .sub-template3.inverted .sub-template-content .left-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .sub-template3.inverted .sub-template-content .left-content .text {
  margin-left: 0;
  margin-right: auto;
}

body .post-single-page .sub-template4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .post-single-page .sub-template4.image-count0 {
  display: none;
}

body .post-single-page .sub-template4.image-count1 .image {
  width: 100%;
}

body .post-single-page .sub-template4.image-count1 .image .image-base {
  display: block;
  padding-top: 70%;
}

body .post-single-page .sub-template4.image-count2 .image {
  width: 50%;
}

body .post-single-page .sub-template4.image-count2 .image .image-base {
  display: block;
  padding-top: 70%;
}

body .post-single-page .sub-template4.image-count3 .image {
  width: 33.33%;
}

body .post-single-page .sub-template4.image-count3 .image .image-base {
  display: block;
  padding-top: 100%;
}

body .post-single-page .sub-template4.image-count3 .image:last-of-type {
  width: 33.34%;
}

body .post-single-page .sub-template4.image-count4 .image {
  width: 25%;
}

body .post-single-page .sub-template4.image-count4 .image .image-base {
  display: block;
  padding-top: 100%;
}

body .post-single-page .sub-template5 {
  padding: 8.88889vh 0;
}

body .post-single-page .sub-template5 .sub5-innear {
  width: 940px;
  max-width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}

body .post-single-page .sub-template5 .text-box {
  width: 48.8%;
}

body .post-single-page .sub-template5 .text-box h3 {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.1875rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
  font-weight: 500;
  margin-bottom: 1.5vh;
}

@media (max-width: 900px) {
  body .post-single-page .sub-template5 .text-box h3 {
    font-size: 1.125rem;
  }
}

body .post-single-page .sub-template5 .text-box h3.right {
  text-align: right;
}

body .post-single-page .sub-template5 .text-box h3.center {
  text-align: center;
}

body .post-single-page .sub-template5 .text-box .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
}

@media (max-width: 900px) {
  body .post-single-page .sub-template5 .text-box .text {
    font-size: 1rem;
  }
}

body .post-single-page .sub-template5 .image {
  width: 45.3%;
}

body .post-single-page .sub-template5 .image .image-base {
  padding-top: 70.5%;
  display: block;
}

body .post-single-page .sub-template5.inverted .text-box {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .sub-template6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 9.55556vh auto 0;
}

body .post-single-page .sub-template6 .image {
  width: 45.78%;
}

body .post-single-page .sub-template6 .image .image-base {
  display: block;
  padding-top: 73.2%;
}

body .post-single-page .sub-template6 .text-box {
  width: 35.3%;
  margin-left: 5.2%;
  margin-right: auto;
}

body .post-single-page .sub-template6 .text-box .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
}

@media (max-width: 900px) {
  body .post-single-page .sub-template6 .text-box .text {
    font-size: 1rem;
  }
}

@media (max-width: 950px) and (min-width: 601px) {
  body .post-single-page .sub-template6 .text-box {
    width: 45%;
  }
}

body .post-single-page .sub-template6.inverted .image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

body .post-single-page .sub-template6.inverted .text-box {
  margin-right: 5.2%;
  margin-left: auto;
}

body .post-single-page .sub-template7 {
  margin: 9.55556vh 0;
}

body .post-single-page .sub-template7 .movie-box .movie-base {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

body .post-single-page .sub-template7 .movie-box .movie-base iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

body .post-single-page .sub-template8 {
  width: 980px;
  margin: 9.55556vh auto;
  max-width: 90%;
}

body .post-single-page .sub-template8 .text-field h3 {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.1875rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
  font-weight: 500;
  margin-bottom: 1.5vh;
}

@media (max-width: 900px) {
  body .post-single-page .sub-template8 .text-field h3 {
    font-size: 1.125rem;
  }
}

body .post-single-page .sub-template8 .text-field h3.right {
  text-align: right;
}

body .post-single-page .sub-template8 .text-field h3.center {
  text-align: center;
}

body .post-single-page .sub-template8 .text-field .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
}

@media (max-width: 900px) {
  body .post-single-page .sub-template8 .text-field .text {
    font-size: 1rem;
  }
}

body .post-single-page .sub-template8.right .text-field {
  margin-left: auto;
}

body .post-single-page .sub-template8.center .text-field {
  margin: 0 auto;
}

body .post-single-page .sub-template9 {
  width: 940px;
  max-width: 90%;
  margin: 8.33333vh auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .post-single-page .sub-template9 .text {
  width: 45.53%;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
}

@media (max-width: 900px) {
  body .post-single-page .sub-template9 .text {
    font-size: 1rem;
  }
}

body .post-single-page .sub-template9 .image-box {
  width: 46.48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .post-single-page .sub-template9 .image-box .image {
  width: 48.28%;
}

body .post-single-page .sub-template9 .image-box .image .image-base {
  display: block;
  padding-top: 112.6%;
}

body .post-archive-page .breadcrumb {
  width: 1080px;
  max-width: 90%;
  margin: 0.55556vh auto 0;
}

body .post-archive-page .breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .post-archive-page .breadcrumb ul li {
  font-size: 0.8125rem;
  letter-spacing: 0.02538em;
  color: #b3b3b3;
}

body .post-archive-page .breadcrumb ul li:nth-of-type(even) {
  margin: 0 8px;
}

body .post-archive-page .serch_box {
  width: 1080px;
  max-width: 90%;
  margin: 3.33333vh auto 0;
  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;
}

body .post-archive-page .serch_box > li {
  margin-top: 0.66667vh;
}

body .post-archive-page .serch_box > li > img {
  max-width: 100%;
  height: auto;
}

body .post-archive-page .serch_box > li:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 700px;
}

body .post-archive-page .serch_box > li:last-of-type form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .post-archive-page .serch_box > li:last-of-type form .keyword {
  width: 351px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 1rem;
  padding: 3px 35px 3px 6px;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../image/top/serch_icon.png) no-repeat right 10px center;
  background: -webkit-image_set(url(../image/top/serch_icon.png) 1x, url(../image/top/serch_icon@2x.png) 2x) no-repeat 5px center;
}

body .post-archive-page .serch_box > li:last-of-type form button {
  margin-left: 1vh;
  padding: 0;
  border: none;
  background: none;
}

body .post-archive-page .serch_box > li:last-of-type form img {
  display: block;
  width: 83px;
  height: auto;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2vh;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(2) {
  color: #62BC77;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(2) .online {
  background: url(../image/post/archives/menu_line1.png) repeat-x left center;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(4) {
  color: #0965d3;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(4) .online {
  background: url(../image/post/archives/menu_line4.png) repeat-x left center;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(6) {
  color: #f7931e;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(6) .online {
  background: url(../image/post/archives/menu_line2.png) repeat-x left center;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(8) {
  color: #ed1c24;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(8) .online {
  background: url(../image/post/archives/menu_line3.png) repeat-x left center;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(10) {
  color: #3fa9f5;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(10) .online {
  background: url(../image/post/archives/menu_line4.png) repeat-x left center;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(12) {
  color: #d1bf15;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav li:nth-of-type(12) .online {
  background: url(../image/post/archives/menu_line5.png) repeat-x left center;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav .line {
  width: 1px;
  background: rgba(153, 153, 153, 0.5);
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav .archive-nav {
  font-size: 1.0625rem;
  white-space: nowrap;
  line-height: 1.17647em;
  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: 0.25em 0;
  position: relative;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav .archive-nav a .online {
  display: block;
  height: 8px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
  opacity: 0;
  -webkit-transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear,-webkit-transform 0.1s linear;
}

body .post-archive-page .serch_box > li:last-of-type .pc-nav .archive-nav a:hover .online {
  opacity: 1;
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}

@media (max-width: 700px) {
  body .post-archive-page .serch_box > li:last-of-type .pc-nav .archive-nav {
    font-size: 0.9375rem;
  }
}

body .post-archive-page .serch_box > li:last-of-type .sp-nav {
  display: none;
}

body .post-archive-page .bottom-slider {
  background: url(../image/post/bottom_slide_back.png) repeat left top;
  border-top: 2px solid #22314c;
  padding-bottom: 7.77778vh;
  overflow: hidden;
  width: 100%;
  margin-top: 8.88889vh;
}

body .post-archive-page .bottom-slider h2 {
  text-align: center;
  margin-top: 4.66667vh;
}

body .post-archive-page .bottom-slider h2 img {
  max-width: 40%;
  height: auto;
}

body .post-archive-page .bottom-slider .slide-box {
  margin-top: 3vh;
  width: 100%;
}

body .post-archive-page .bottom-slider .slide-box .bx-wrapper {
  background: none;
}

body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

body .post-archive-page .bottom-slider .slide-box .slide-common {
  width: 100%;
}

body .post-archive-page .bottom-slider .slide-box .slide-common li a {
  display: block;
  border: 3px solid #22314c;
  margin: 0 6%;
  -webkit-transition: -webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
  transition: -webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
  transition: box-shadow 0.2s linear,transform 0.2s linear;
  transition: box-shadow 0.2s linear,transform 0.2s linear,-webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
}

body .post-archive-page .bottom-slider .slide-box .slide-common li a p {
  margin: 0;
}

body .post-archive-page .bottom-slider .slide-box .slide-common li a p img {
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

body .post-archive-page .bottom-slider .slide-box .slide-common li a:hover {
  -webkit-transform: translate(-7px, -6px);
          transform: translate(-7px, -6px);
  -webkit-box-shadow: 7px 6px 0 #fcee21;
          box-shadow: 7px 6px 0 #fcee21;
}

body .post-archive-page .bottom-slider .slide-box .slide-common li a:hover p img {
  background: rgba(255, 255, 255, 0.6);
}

body .post-archive-page .post-content {
  margin-top: 10vh;
}

body .post-archive-page .post-content ul {
  width: 1080px;
  max-width: 90%;
  margin: 0 auto;
  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;
}

body .post-archive-page .post-content ul:after {
  content: '';
  display: block;
  width: 30.7%;
  height: 0;
}

body .post-archive-page .post-content ul li {
  margin-top: 6.22222vh;
  width: 30.7%;
}

body .post-archive-page .post-content ul li figure a {
  display: block;
  width: 100%;
  padding-top: 73%;
  height: 0;
  overflow: hidden;
  position: relative;
}

body .post-archive-page .post-content ul li figure a .image-base {
  display: block;
  width: 100%;
  padding-top: 73%;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

body .post-archive-page .post-content ul li figure a .more {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 4.49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body .post-archive-page .post-content ul li figure a .more .more-inner {
  width: 100%;
  height: 100%;
  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: rgba(255, 255, 255, 0.85);
}

body .post-archive-page .post-content ul li figure a .more .more-inner img {
  max-width: 60%;
  height: auto;
}

body .post-archive-page .post-content ul li figure a:hover .image-base {
  -webkit-transform: scale(1.1) translate(-50%, -50%);
          transform: scale(1.1) translate(-50%, -50%);
}

body .post-archive-page .post-content ul li figure a:hover .more {
  opacity: 1;
}

body .post-archive-page .post-content ul li figure figcaption h3 {
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.88889vh;
  font-size: 1.125rem;
  line-height: 1.44444em;
  letter-spacing: 0.075em;
}

body .post-archive-page .post-content ul li figure figcaption h3 .nth {
  display: block;
  color: #fff;
  font-size: 1rem;
  padding: 6px;
  margin-right: 1vh;
}

body .post-archive-page .post-content ul li figure figcaption .catch {
  margin-top: 1vh;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.25em;
}

body .post-archive-page .pager {
  margin-top: 5.88889vh;
}

body .post-archive-page .pager .navigation h2 {
  display: none;
}

body .post-archive-page .pager .navigation .nav-links {
  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;
  font-size: 1.125rem;
}

body .post-archive-page .pager .navigation .nav-links > span, body .post-archive-page .pager .navigation .nav-links a {
  display: block;
  padding: 1.88889vh;
}

body .post-archive-page .pager .navigation .nav-links a {
  color: #999;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

body .post-archive-page .pager .navigation .nav-links a:hover {
  color: #000;
}

body .post-archive-page .pager .navigation .nav-links > span {
  color: #000;
}

body .post-archive-page.category-mountain .post-content ul li figure figcaption h3 .nth {
  background: #62BC77;
}

body .post-archive-page.category-natural .post-content ul li figure figcaption h3 .nth {
  background: #0965d3;
}

body .post-archive-page.category-culture .post-content ul li figure figcaption h3 .nth {
  background: #f7931e;
}

body .post-archive-page.category-eat_a_lot .post-content ul li figure figcaption h3 .nth {
  background: #ed1c24;
}

body .post-archive-page.category-stay_experience .post-content ul li figure figcaption h3 .nth {
  background: #3fa9f5;
}

body .post-archive-page.category-photograph .post-content ul li figure figcaption h3 .nth {
  background: #d1bf15;
}

body .post-archive-page.category-events .post-content ul li figure figcaption h3 .nth {
  background: #b78bcc;
}

body .post-archive-page.category-events .calendar-area {
  margin-top: 8.88889vh;
}

body .post-archive-page.category-events .calendar-area section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1080px;
  max-width: 90%;
  margin: 0 auto;
}

body .post-archive-page.category-events .calendar-area section h3 {
  margin: 0 auto 0 30%;
  font-weight: 600;
  font-size: 1.6875rem;
  letter-spacing: 0.07519em;
}

body .post-archive-page.category-events .calendar-area section h3 .c-month {
  font-size: 4.0625rem;
}

body .post-archive-page.category-events .calendar-area section .calendar-content {
  margin-top: 4.44444vh;
  width: 100%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .title {
  width: calc(100% - 24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: rgba(179, 179, 179, 0.5) solid 1px;
  border-bottom: rgba(179, 179, 179, 0.5) solid 1px;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .title li {
  font-size: 1.0625rem;
  text-align: center;
  padding: 2.22222vh 1vh;
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: rgba(179, 179, 179, 0.5) solid 1px;
  white-space: nowrap;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(1) {
  width: 11%;
}

@media (max-width: 800px) and (min-width: 601px) {
  body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(1) {
    font-size: 0.9375rem;
    padding-left: 0.5vh;
    padding-right: 0.5vh;
  }
}

body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(2) {
  width: 29%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(3) {
  width: 29%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(4) {
  border-right: none;
  width: 31%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll {
  width: 100%;
  max-height: 490px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll::-webkit-scrollbar {
  width: 12px;
  background: none;
  padding: 10px 0;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll::-webkit-scrollbar-track {
  background: #e5e5e5;
  border: none;
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 1px #c6c6c6;
          box-shadow: inset 0 0 1px #c6c6c6;
  margin: 10px 10px 10px 0;
  position: relative;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll::-webkit-scrollbar-thumb {
  background: #b5b5b5;
  border-radius: 6px;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 10px;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content {
  padding-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: rgba(230, 230, 230, 0.5) 1px solid;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 11%;
  border-right: rgba(230, 230, 230, 0.5) 1px solid;
  padding: 4.44444vh 1vh;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day .hiduke-box {
  display: inline-block;
  font-size: 0.9375rem;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day .hiduke-box .hiduke1 {
  font-size: 1.125rem;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day .tate-nami {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  padding: 1vh 0;
  color: #4d4d4d;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day .blue-text {
  color: #6d7fc6;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day .red-text {
  color: #DD8585;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info {
  width: 89%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li {
  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;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: rgba(230, 230, 230, 0.5) 1px solid;
  font-size: 1rem;
  color: #4d4d4d;
  letter-spacing: 0.05em;
  padding: 1vh;
  line-height: 1.5em;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(1) {
  width: 32.6%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(2) {
  width: 32.6%;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(3) {
  width: 34.8%;
  border-right: none;
  text-align: center;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .none-data {
  text-align: center;
  border-bottom: rgba(230, 230, 230, 0.5) 1px solid;
  padding: 4.44444vh 1vh;
  font-size: 1.0625rem;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .chenge-calendar {
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.22222vh;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .chenge-calendar li {
  font-size: 1.0625rem;
  color: #999;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  white-space: nowrap;
  letter-spacing: 0.07471em;
  padding: 1.44444vh;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .chenge-calendar li:last-of-type {
  padding-right: 0;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .chenge-calendar li.current {
  color: #000;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .chenge-calendar li.current:hover {
  cursor: auto;
}

body .post-archive-page.category-events .calendar-area section .calendar-content .chenge-calendar li:hover {
  cursor: pointer;
  color: #000;
}

body .common-type .breadcrumb {
  width: 1080px;
  max-width: 90%;
  margin: 0.55556vh auto 0;
}

body .common-type .breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

body .common-type .breadcrumb ul li {
  font-size: 0.8125rem;
  letter-spacing: 0.02538em;
  color: #b3b3b3;
}

body .common-type .breadcrumb ul li:nth-of-type(even) {
  margin: 0 8px;
}

body .common-type .serch_box {
  width: 1080px;
  max-width: 90%;
  margin: 3.33333vh auto 0;
  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;
}

body .common-type .serch_box > li {
  margin-top: 0.66667vh;
}

body .common-type .serch_box > li > img {
  max-width: 100%;
  height: auto;
}

body .common-type .serch_box > li:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 700px;
}

body .common-type .serch_box > li:last-of-type form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .common-type .serch_box > li:last-of-type form .keyword {
  width: 351px;
  height: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 1rem;
  padding: 3px 35px 3px 6px;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../image/top/serch_icon.png) no-repeat right 10px center;
  background: -webkit-image_set(url(../image/top/serch_icon.png) 1x, url(../image/top/serch_icon@2x.png) 2x) no-repeat 5px center;
}

body .common-type .serch_box > li:last-of-type form button {
  margin-left: 1vh;
  padding: 0;
  border: none;
  background: none;
}

body .common-type .serch_box > li:last-of-type form img {
  display: block;
  width: 83px;
  height: auto;
}

body .common-type .serch_box > li:last-of-type .pc-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2vh;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(2) {
  color: #62BC77;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(2) .online {
  background: url(../image/post/archives/menu_line1.png) repeat-x left center;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(4) {
  color: #0965d3;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(4) .online {
  background: url(../image/post/archives/menu_line4.png) repeat-x left center;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(6) {
  color: #f7931e;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(6) .online {
  background: url(../image/post/archives/menu_line2.png) repeat-x left center;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(8) {
  color: #ed1c24;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(8) .online {
  background: url(../image/post/archives/menu_line3.png) repeat-x left center;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(10) {
  color: #3fa9f5;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(10) .online {
  background: url(../image/post/archives/menu_line4.png) repeat-x left center;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(12) {
  color: #d1bf15;
}

body .common-type .serch_box > li:last-of-type .pc-nav li:nth-of-type(12) .online {
  background: url(../image/post/archives/menu_line5.png) repeat-x left center;
}

body .common-type .serch_box > li:last-of-type .pc-nav .line {
  width: 1px;
  background: rgba(153, 153, 153, 0.5);
}

body .common-type .serch_box > li:last-of-type .pc-nav .archive-nav {
  font-size: 1.0625rem;
  white-space: nowrap;
  line-height: 1.17647em;
  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: 0.25em 0;
  position: relative;
}

body .common-type .serch_box > li:last-of-type .pc-nav .archive-nav a .online {
  display: block;
  height: 8px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
  opacity: 0;
  -webkit-transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear,-webkit-transform 0.1s linear;
}

body .common-type .serch_box > li:last-of-type .pc-nav .archive-nav a:hover .online {
  opacity: 1;
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}

@media (max-width: 700px) {
  body .common-type .serch_box > li:last-of-type .pc-nav .archive-nav {
    font-size: 0.9375rem;
  }
}

body .common-type .serch_box > li:last-of-type .sp-nav {
  display: none;
}

body .common-type .bottom-slider {
  background: url(../image/post/bottom_slide_back.png) repeat left top;
  border-top: 2px solid #22314c;
  padding-bottom: 7.77778vh;
  overflow: hidden;
  width: 100%;
  margin-top: 8.88889vh;
}

body .common-type .bottom-slider h2 {
  text-align: center;
  margin-top: 4.66667vh;
}

body .common-type .bottom-slider h2 img {
  max-width: 40%;
  height: auto;
}

body .common-type .bottom-slider .slide-box {
  margin-top: 3vh;
  width: 100%;
}

body .common-type .bottom-slider .slide-box .bx-wrapper {
  background: none;
}

body .common-type .bottom-slider .slide-box .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

body .common-type .bottom-slider .slide-box .slide-common {
  width: 100%;
}

body .common-type .bottom-slider .slide-box .slide-common li a {
  display: block;
  border: 3px solid #22314c;
  margin: 0 6%;
  -webkit-transition: -webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
  transition: -webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
  transition: box-shadow 0.2s linear,transform 0.2s linear;
  transition: box-shadow 0.2s linear,transform 0.2s linear,-webkit-box-shadow 0.2s linear,-webkit-transform 0.2s linear;
}

body .common-type .bottom-slider .slide-box .slide-common li a p {
  margin: 0;
}

body .common-type .bottom-slider .slide-box .slide-common li a p img {
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

body .common-type .bottom-slider .slide-box .slide-common li a:hover {
  -webkit-transform: translate(-7px, -6px);
          transform: translate(-7px, -6px);
  -webkit-box-shadow: 7px 6px 0 #fcee21;
          box-shadow: 7px 6px 0 #fcee21;
}

body .common-type .bottom-slider .slide-box .slide-common li a:hover p img {
  background: rgba(255, 255, 255, 0.6);
}

body .local_speciality-page .main-image {
  position: relative;
}

body .local_speciality-page .main-image .top-slide li img {
  width: 100%;
  height: auto;
}

body .local_speciality-page .main-image .mountain {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

body .local_speciality-page .main-image .mountain img {
  display: block;
  width: 100%;
  height: auto;
}

body .local_speciality-page .tokusan-box {
  width: 940px;
  max-width: 90%;
  margin: 0 auto;
  padding-top: 6.33333vh;
}

body .local_speciality-page .tokusan-box .tokusan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6.33333vh 0;
}

body .local_speciality-page .tokusan-box .tokusan-content .left-content {
  width: 46.9%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content {
  width: 44.8%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box, body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box {
  margin-bottom: 6.11111vh;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box .sanchi, body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box .sanchi {
  color: #445a8e;
  font-size: 0.9375rem;
  letter-spacing: 0.07533em;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box .sanchi .mini-text, body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box .sanchi .mini-text {
  font-size: 0.875rem;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box h2, body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2 {
  font-weight: 500;
  margin-top: 2vh;
  font-size: 1.125rem;
  line-height: 1.77778em;
  letter-spacing: 0.125em;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box h2 .tax, body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2 .tax {
  font-size: 0.9375rem;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box.right-title .sanchi, body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box.right-title h2, body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box.right-title .sanchi, body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box.right-title h2 {
  text-align: right;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .text, body .local_speciality-page .tokusan-box .tokusan-content .left-content .text {
  margin-bottom: 4.77778vh;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.0625rem;
  line-height: 1.75em;
  letter-spacing: 0.07938em;
}

@media (max-width: 900px) {
  body .local_speciality-page .tokusan-box .tokusan-content .right-content .text, body .local_speciality-page .tokusan-box .tokusan-content .left-content .text {
    font-size: 1rem;
  }
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .image-box, body .local_speciality-page .tokusan-box .tokusan-content .left-content .image-box {
  margin-bottom: 4.77778vh;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .image-box.image-count1 .image, body .local_speciality-page .tokusan-box .tokusan-content .left-content .image-box.image-count1 .image {
  width: 100%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .image-box.image-count1 .image .image-base, body .local_speciality-page .tokusan-box .tokusan-content .left-content .image-box.image-count1 .image .image-base {
  display: block;
  padding-top: 66.42%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .image-box.image-count2, body .local_speciality-page .tokusan-box .tokusan-content .left-content .image-box.image-count2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .image-box.image-count2 .image, body .local_speciality-page .tokusan-box .tokusan-content .left-content .image-box.image-count2 .image {
  width: 47.85%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .image-box.image-count2 .image .image-base, body .local_speciality-page .tokusan-box .tokusan-content .left-content .image-box.image-count2 .image .image-base {
  display: block;
  padding-top: 125.47%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .flug, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .flug {
  text-align: right;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 4.5%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .flug img, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .flug img {
  max-width: 20%;
  height: auto;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box {
  font-size: 1rem;
  line-height: 1.625em;
  letter-spacing: 0.075em;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box .icon-item, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box .icon-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 5px;
  padding: 0 4.7%;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box .icon-item .icon-box, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box .icon-item .icon-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-right: 5px;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box .text-item, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box .text-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box .text-item .text-title, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box .text-item .text-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box .text-item.url-item .text-info, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box .text-item.url-item .text-info {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .sns-box, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .sns-box {
  margin-top: 1.5vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 4.5%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .sns-box li, body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .sns-box li {
  margin: 0 2%;
}

body .link-page .link-content {
  width: 1000px;
  max-width: 90%;
  margin: 0 auto;
}

body .link-page .link-content section {
  padding: 4.55556vh 0 5.11111vh;
  border-bottom: 1px dashed rgba(128, 128, 128, 0.75);
}

body .link-page .link-content section h2 {
  font-size: 1.125rem;
  color: #22314c;
  letter-spacing: 0.1em;
  white-space: nowrap;
  font-weight: 500;
  margin: 0 1.6%;
}

body .link-page .link-content section h2 span {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #22314c;
}

body .link-page .link-content section ul {
  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;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

body .link-page .link-content section ul li {
  width: 151px;
  margin: 4vh 1.6% 0;
}

body .link-page .link-content section ul li a figure img {
  width: 100%;
  height: auto;
}

body .link-page .link-content section ul li a figure figcaption {
  font-size: 0.9375rem;
  text-align: center;
  letter-spacing: 0.1em;
  margin-top: 1.33333vh;
  white-space: nowrap;
}

body .privacy-policy-page .privacy-policy-content {
  width: 940px;
  max-width: 90%;
  margin: 10.55556vh auto 0;
}

body .privacy-policy-page .privacy-policy-content .top-text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.125rem;
  line-height: 1.88889em;
  letter-spacing: 0.075em;
  padding-bottom: 5.55556vh;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

body .privacy-policy-page .privacy-policy-content section {
  margin-top: 8.66667vh;
}

body .privacy-policy-page .privacy-policy-content section h2 {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.1875rem;
  line-height: 0.9375em;
  letter-spacing: 0.05em;
  font-weight: 500;
}

body .privacy-policy-page .privacy-policy-content section .text {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 2.11111vh;
}

body .privacy-policy-page .privacy-policy-content section dl {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .privacy-policy-page .privacy-policy-content section dl dt {
  margin-top: 2.11111vh;
}

body .privacy-policy-page .privacy-policy-content section dl dd {
  margin-top: 1vh;
  padding-left: 1.1em;
}

body .contact-page .contact-content .form-content {
  width: 940px;
  max-width: 90%;
  margin: 10.44444vh auto 0;
  background: #f2f2f2;
  padding: 5.55556vh 0 8.11111vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .contact-page .contact-content .form-content .red-text {
  color: #f00;
}

body .contact-page .contact-content .form-content .mini-text {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.88889em;
  letter-spacing: 0.075em;
}

body .contact-page .contact-content .form-content form {
  width: 756px;
  max-width: 90%;
  margin: 6.22222vh auto 0;
}

body .contact-page .contact-content .form-content form dl {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.88889vh;
}

body .contact-page .contact-content .form-content form dl dt {
  font-size: 1.0625rem;
  color: #4d4d4d;
  line-height: 1.875em;
  letter-spacing: 0.08438em;
}

body .contact-page .contact-content .form-content form dl dd {
  max-width: 100%;
}

body .contact-page .contact-content .form-content form dl dd input {
  width: 546px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  background: #fff;
  height: 44px;
  padding: 0.5625em;
}

body .contact-page .contact-content .form-content form dl dd textarea {
  width: 546px;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  background: #fff;
  height: 186px;
  padding: 0.5625em;
}

body .contact-page .contact-content .form-content form dl.text-area {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .contact-page .contact-content .form-content form .text-field {
  text-align: center;
  font-size: 1rem;
  line-height: 1.875em;
  letter-spacing: 0.075em;
  color: #4d4d4d;
  margin-top: 5.44444vh;
}

body .contact-page .contact-content .form-content form .submit {
  text-align: center;
  margin-top: 4.11111vh;
}

body .contact-page .contact-content .form-content form .submit label {
  width: 439px;
  max-width: 90%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #445a8e;
  display: inline-block;
  color: #445a8e;
  font-size: 1.25rem;
  line-height: 1.75em;
  letter-spacing: 0.3em;
  white-space: nowrap;
  background: #fff;
  padding: 13px 0;
  -webkit-transition: color 0.2s linear,background 0.2s linear;
  transition: color 0.2s linear,background 0.2s linear;
}

body .contact-page .contact-content .form-content form .submit label input, body .contact-page .contact-content .form-content form .submit label .ajax-loader {
  display: none;
}

body .contact-page .contact-content .form-content form .submit label:hover {
  cursor: pointer;
  color: #fff;
  background: #445a8e;
}

body .contact-page .contact-content .form-content.siryo {
  padding-top: 0;
}

body .contact-page .contact-content .form-content.siryo h2 {
  color: #fff;
  font-weight: 500;
  text-align: center;
  background: #808080;
  font-size: 1.4375rem;
  letter-spacing: 0.2875em;
  line-height: 1.5em;
  padding: 2.77778vh 0.5vh;
  margin-bottom: 5.22222vh;
}

body .contact-page .contact-content .form-content.siryo form dl.select-box dd {
  width: 546px;
}

body .contact-page .contact-content .form-content.siryo form dl.select-box dd select {
  width: 100px;
  height: 37px;
  background: #fff;
  border: rgba(179, 179, 179, 0.5) 1px solid;
  text-align: center;
}

body .access-page .access-text-box {
  background: url(../image/access/back.png) no-repeat bottom right;
  background: -webkit-image-set(url(../image/access/back.png) 1x, url(../image/access/back@2x.png) 2x) no-repeat bottom right;
  padding: 0 0 8.33333vh;
  margin: 7.55556vh auto 0;
  width: 1280px;
  max-width: 100%;
}

body .access-page .access-text-box dl {
  width: 940px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 4.44444vh auto 0;
  max-width: 90%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .access-page .access-text-box dl dt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 2vh;
  background: url(../image/access/access_back.png) no-repeat center center;
  background: -webkit-image-set(url(../image/access/access_back.png) 1x, url(../image/access/access_back@2x.png) 2x) no-repeat center center;
  background-size: 100% 100%;
  color: #445a8e;
  font-size: 1.25rem;
  letter-spacing: 0.09375rem;
  font-weight: 600;
  padding: 8px 17px 8px 9px;
}

body .access-page .access-text-box dl dt img {
  max-width: 100%;
  height: auto;
}

body .access-page .access-text-box dl dd p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 6px;
}

body .access-page .access-text-box dl dd p:first-of-type {
  margin-top: 0;
}

body .access-page .access-text-box dl dd p .image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 31px;
  text-align: left;
  margin-right: 14px;
}

body .access-page .access-text-box dl dd p .text {
  line-height: 1.88889em;
  letter-spacing: 0.075em;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.125rem;
}

body .access-page .access-text-box dl dd p .text span {
  font-weight: 600;
}

body .access-page .map-box {
  width: 940px;
  margin: 3.33333vh auto 0;
  max-width: 90%;
}

body .access-page .map-box #map {
  width: 100%;
  padding-top: 49%;
}

body .pamphlet-page .pamphlet-wrap .top-text {
  font-size: 1.125rem;
  line-height: 1.88889em;
  letter-spacing: 0.075em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 9.77778vh auto 0;
  width: 940px;
  max-width: 90%;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list {
  width: 940px;
  max-width: 90%;
  margin: 1.11111vh auto 0;
  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;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list:after {
  content: '';
  display: block;
  width: 26.6%;
  height: 0;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li {
  width: 26.6%;
  margin-top: 7.77778vh;
  position: relative;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li figure .pamphlet-image {
  width: 100%;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li figure .pamphlet-image .pamphlet-image-base {
  display: block;
  padding-top: 141.44%;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li figure figcaption {
  text-align: center;
  margin-top: 2.66667vh;
  font-size: 1.125rem;
  line-height: 1.4em;
  letter-spacing: 0.075em;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li .download {
  text-align: center;
  margin-top: 1.88889vh;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li .download a {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  background: #445a8e;
  border: 2px solid #445a8e;
  text-align: center;
  min-width: 90%;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 17px;
  padding: 7px 8px;
  -webkit-transition: color 0.2s linear,background 0.2s linear;
  transition: color 0.2s linear,background 0.2s linear;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li .download a:hover {
  background: #fff;
  color: #445a8e;
}

body .pamphlet-page .pamphlet-wrap .pamphlet-list li .nth {
  font-size: 13.1875rem;
  color: #bbcdf2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.45;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: 'Roboto Condensed', sans-serif;
}

body .pamphlet-page .pager {
  margin-top: 5.88889vh;
}

body .pamphlet-page .pager .navigation h2 {
  display: none;
}

body .pamphlet-page .pager .navigation .nav-links {
  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;
  font-size: 1.125rem;
}

body .pamphlet-page .pager .navigation .nav-links > span, body .pamphlet-page .pager .navigation .nav-links a {
  display: block;
  padding: 1.88889vh;
}

body .pamphlet-page .pager .navigation .nav-links a {
  color: #999;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

body .pamphlet-page .pager .navigation .nav-links a:hover {
  color: #000;
}

body .pamphlet-page .pager .navigation .nav-links > span {
  color: #000;
}

body .content-page .content-list .list {
  width: 940px;
  max-width: 90%;
  margin: 10.22222vh auto 0;
}

body .content-page .content-list .list h2 {
  text-align: center;
  margin-bottom: 2.11111vh;
}

body .content-page .content-list .list h2 span {
  display: block;
  text-align: center;
  color: #f7931e;
  font-size: 1.4375rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 2.77778vh;
}

body .content-page .content-list .list .category-box {
  border-bottom: 1px dashed rgba(128, 128, 128, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.66667vh 2.87%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .content-page .content-list .list .category-box h3 {
  color: #22314c;
  border: 1px solid #22314c;
  padding: 8px 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
}

body .content-page .content-list .list .category-box .category-list {
  width: 100%;
  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;
}

body .content-page .content-list .list .category-box .category-list li {
  font-size: 1.0625rem;
  line-height: 1.625em;
  letter-spacing: 0.07938em;
  padding: 0.05em 0.5em;
}

body .content-page .content-list .list .post-list {
  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;
  overflow: hidden;
}

body .content-page .content-list .list .post-list li {
  font-size: 1.0625rem;
  line-height: 1.625em;
  letter-spacing: 0.07938em;
  padding: 2.66667vh 0.5em;
  position: relative;
}

body .content-page .content-list .list .post-list li:after {
  content: '';
  display: block;
  height: 3px;
  width: 5000%;
  position: absolute;
  bottom: 0;
  left: 50;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: url(../image/content/back.png) repeat-x center center;
}

body .content-page .content-list .list.mountain-list h2 span {
  color: #62BC77;
}

body .content-page .content-list .list.natural-list h2 span {
  color: #0965d3;
}

body .content-page .content-list .list.natural-list .category-box h3 {
  min-width: 86px;
}

body .content-page .content-list .list.culture-list .category-box h3 {
  min-width: 135px;
}

body .content-page .content-list .list.eat_a_lot-list h2 span {
  color: #ed1c24;
}

body .content-page .content-list .list.stay_experience-list h2 span {
  color: #3fa9f5;
}

body .content-page .content-list .list.photograph-list h2 span {
  color: #d1bf15;
}

body .content-page .content-list .list.events-list {
  margin-bottom: 9.44444vh;
}

body .content-page .content-list .list.events-list h2 span {
  color: #b78bcc;
}

body .content-page .content-list .mini-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 700px;
  max-width: 90%;
  margin: 3.77778vh auto 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

body .content-page .content-list .mini-list h2 {
  color: #22314c;
  border: 1px solid #22314c;
  padding: 8px 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: 500;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
}

body .content-page .content-list .mini-list .mini-post-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

body .content-page .content-list .mini-list .mini-post-list li {
  font-size: 1.0625rem;
  letter-spacing: 0.07471em;
  line-height: 1.52941em;
  margin: 5px 5%;
}

body .content-page .content-list .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 710px;
  max-width: 90%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 6.22222vh auto 0;
}

body .content-page .content-list .link li {
  margin: 10px 0;
}

body .content-page .content-list .link li a {
  display: inline-block;
  padding: 7px 3.22222vh;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid #22314c;
  border-radius: 25px;
  background: #22314c;
  min-width: 178px;
  text-align: center;
  -webkit-transition: color 0.2s linear,background 0.2s linear;
  transition: color 0.2s linear,background 0.2s linear;
}

body .content-page .content-list .link li a:hover {
  color: #22314c;
  background: #fff;
}

body #tophe {
  position: fixed;
  display: block;
  right: 5%;
  bottom: 10%;
  opacity: 0;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
  -webkit-transition: opacity 0.2s linear,-webkit-transform 0.2s linear;
  transition: opacity 0.2s linear,-webkit-transform 0.2s linear;
  transition: opacity 0.2s linear,transform 0.2s linear;
  transition: opacity 0.2s linear,transform 0.2s linear,-webkit-transform 0.2s linear;
  z-index: 500;
}

body #tophe:hover {
  cursor: pointer;
}

body #tophe.visit-tophe {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

body .main_footer {
  background: #22314c;
}

body .main_footer .footer_box {
  width: 1080px;
  max-width: 90%;
  margin: 0 auto;
  color: #fff;
  padding: 3.88889vh 0 3.66667vh;
}

body .main_footer .footer_box .degital_book {
  display: none;
  text-align: center;
  margin-bottom: 20px;
}

body .main_footer .footer_box .degital_book img {
  margin: 20px auto;
}

body .main_footer .footer_box .degital_book span {
  display: block;
  font-size: 0.875rem;
  line-height: 2;
}

body .main_footer .footer_box .left_content h2 {
  font-size: 1.25em;
  letter-spacing: 0.15em;
  text-align: center;
}

body .main_footer .footer_box .left_content .address {
  margin: 1.33333vh 0 0;
  font-size: 0.9375rem;
  letter-spacing: 0.025em;
  line-height: 1.28571em;
  text-align: center;
}

body .main_footer .footer_box .left_content .tel_fax {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .main_footer .footer_box .left_content .tel_fax li {
  font-size: 1.125rem;
  letter-spacing: 0.025em;
  line-height: 1.42857em;
}

body .main_footer .footer_box .left_content .tel_fax li a, body .main_footer .footer_box .left_content .tel_fax li .inner-fax {
  display: block;
  background: #182333;
  border-radius: 25px;
  padding: 1.11111vh 3.33333vh;
  margin-top: 1.44444vh;
  white-space: nowrap;
}

body .main_footer .footer_box .left_content .tel_fax li a .mini-number, body .main_footer .footer_box .left_content .tel_fax li .inner-fax .mini-number {
  font-size: 0.8125rem;
  display: inline-block;
  padding-right: 2px;
}

body .main_footer .footer_box .left_content .tel_fax li:first-of-type {
  margin-right: 2vh;
}

body .main_footer .footer_box .middle_content {
  margin-top: 2.55556vh;
}

body .main_footer .footer_box .middle_content li {
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  line-height: 1.85714em;
  color: #B8BBBF;
  text-align: center;
}

body .main_footer .footer_box .footer_nav {
  margin-top: 4.88889vh;
}

body .main_footer .footer_box .footer_nav .contact_link {
  margin: 0;
  text-align: center;
}

body .main_footer .footer_box .footer_nav .contact_link a {
  display: inline-block;
  width: 216px;
  background: #fff;
  text-align: center;
  padding: 10px 0;
  color: #22314c;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  border-radius: 9px;
  font-weight: bold;
  -webkit-transition: background 0.1s linear;
  transition: background 0.1s linear;
  max-width: 100%;
}

body .main_footer .footer_box .footer_nav .contact_link a:hover {
  background: #fcee21;
}

body .main_footer .footer_box .footer_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.33333vh;
}

body .main_footer .footer_box .footer_nav ul li {
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  position: relative;
}

body .main_footer .footer_box .footer_nav ul li a {
  display: inline-block;
  width: 100%;
  padding-left: 18px;
  height: 100%;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

body .main_footer .footer_box .footer_nav ul li a img {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}

body .main_footer .footer_box .footer_nav ul li a img:last-of-type {
  opacity: 0;
}

body .main_footer .footer_box .footer_nav ul li a:hover {
  color: #fcee21;
}

body .main_footer .footer_box .footer_nav ul li a:hover img:first-of-type {
  opacity: 0;
}

body .main_footer .footer_box .footer_nav ul li a:hover img:last-of-type {
  opacity: 1;
}

body .main_footer .footer_box .footer_nav ul li:nth-of-type(1) {
  margin-right: 4.44444vh;
}

body .main_footer .copy-light {
  background: #182333;
  text-align: center;
  font-size: 0.6875rem;
  letter-spacing: 0.07545em;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
  padding: 15px 0;
}

body .notfound-page {
  margin-bottom: 12vh;
}

body .notfound-page .image {
  text-align: center;
  margin-top: 12vh;
}

body .notfound-page .image img {
  width: 100px;
  max-width: 40%;
  height: auto;
}

body .notfound-page h2 {
  text-align: center;
  margin-top: 4vh;
  font-size: 1.75rem;
  width: 600px;
  max-width: 90%;
  border-bottom: 1px solid #fcee21;
  padding-bottom: 3vh;
  margin-left: auto;
  margin-right: auto;
}

body .notfound-page .notfound404 h3 {
  text-align: center;
  font-weight: normal;
  font-size: 1.25rem;
  margin-top: 3vh;
  line-height: 1.4em;
}

body .notfound-page .notfound404 .text {
  text-align: center;
  margin-top: 2.5vh;
  font-size: 1.0625rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

@media (max-width: 1100px) {
  body .top_page .middle_slider .genre_list li {
    padding: 0 3vh;
  }
}

@media (max-width: 920px) {
  body .top_page .middle_slider .genre_list li {
    padding: 0 1.5vh;
  }
}

@media (max-width: 900px) {
  body .top_page .main_image ul li .slide_catch {
    font-size: 1.7rem;
  }
  body .top_page .main_image ul li .slide_catch .slide_description {
    font-size: 0.97rem;
  }
  body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 {
    left: -21px;
  }
  body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 .text {
    font-size: 1.125rem;
    left: 55px;
  }
  body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 img {
    width: 250px;
    height: auto;
  }
}

@media (max-width: 750px) {
  body .main_footer .footer_box .degital_book {
    display: block;
  }
  body .top_page .top_degital_book {
    display: none;
  }
  body .top_page .middle_slider .genre_list li {
    padding: 0 1vh;
  }
  body .infoormation-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .infoormation-item .date {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  body .infoormation-item [class*="post_category"] {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  body .infoormation-item h3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 10px;
    line-height: 1.5;
  }
}

@media (max-width: 700px) {
  body .main_footer .footer_box .degital_book {
    display: block;
  }
  body .top_page .top_degital_book {
    display: none;
  }
  body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 {
    left: -17px;
  }
  body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 .text {
    font-size: 0.9375rem;
    left: 45px;
  }
  body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 img {
    width: 200px;
  }
  body .infoormation-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .infoormation-item .date {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  body .infoormation-item [class*="post_category"] {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  body .infoormation-item h3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

@media (max-width: 680px) {
  body .top_page .top_degital_book {
    display: none;
  }
  body .top_page .middle_slider .genre_list li {
    padding: 0 0.8vh;
  }
  body .infoormation-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .infoormation-item .date {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  body .infoormation-item [class*="post_category"] {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  body .infoormation-item h3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

html.landscape, html.ua-sp, html.under600 {
  padding-bottom: 65px;
}

html.landscape body, html.ua-sp body, html.under600 body {
  padding-top: 0 !important;
}

@media (orientation: landscape) {
  html.landscape body, html.ua-sp body, html.under600 body {
    padding-right: 73px;
  }
}

html.landscape body .main_header, html.ua-sp body .main_header, html.under600 body .main_header {
  top: auto;
  bottom: 0;
}

html.landscape body .main_header .header_box, html.ua-sp body .main_header .header_box, html.under600 body .main_header .header_box {
  width: 100%;
  max-width: 100%;
  height: calc(100% - 65px);
  background: #fff;
  position: fixed;
  top: 100%;
  left: 0;
  -webkit-transition: top 0.2s linear;
  transition: top 0.2s linear;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

html.landscape body .main_header .header_box h1, html.ua-sp body .main_header .header_box h1, html.under600 body .main_header .header_box h1 {
  display: none;
}

html.landscape body .main_header .header_box .header_right, html.ua-sp body .main_header .header_box .header_right, html.under600 body .main_header .header_box .header_right {
  display: none;
}

html.landscape body .main_header .header_box .menu, html.ua-sp body .main_header .header_box .menu, html.under600 body .main_header .header_box .menu {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  padding-bottom: 0;
  position: static;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -ms-flex-item-align: end;
      align-self: flex-end;
  background: none;
  color: #000;
  margin: 0 auto;
  width: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html.landscape body .main_header .header_box .menu .main_nav li, html.ua-sp body .main_header .header_box .menu .main_nav li, html.under600 body .main_header .header_box .menu .main_nav li {
  border-bottom: 1px solid rgba(173, 173, 173, 0.5);
  font-size: 1rem;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco, html.ua-sp body .main_header .header_box .menu .main_nav li.aco, html.under600 body .main_header .header_box .menu .main_nav li.aco {
  padding-left: 0;
  padding-right: 0;
  font-size: 1.125rem;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco .aco_title, html.ua-sp body .main_header .header_box .menu .main_nav li.aco .aco_title, html.under600 body .main_header .header_box .menu .main_nav li.aco .aco_title {
  padding: 0;
  color: #000;
  margin-bottom: 16px;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco .aco_title img, html.ua-sp body .main_header .header_box .menu .main_nav li.aco .aco_title img, html.under600 body .main_header .header_box .menu .main_nav li.aco .aco_title img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
  left: auto;
  right: 11px;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco .aco_title:hover, html.ua-sp body .main_header .header_box .menu .main_nav li.aco .aco_title:hover, html.under600 body .main_header .header_box .menu .main_nav li.aco .aco_title:hover {
  color: #000;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco p, html.ua-sp body .main_header .header_box .menu .main_nav li.aco p, html.under600 body .main_header .header_box .menu .main_nav li.aco p {
  padding-left: 16px;
  color: #445a8e;
  margin: 0;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco p:hover, html.ua-sp body .main_header .header_box .menu .main_nav li.aco p:hover, html.under600 body .main_header .header_box .menu .main_nav li.aco p:hover {
  color: #000;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco p a, html.ua-sp body .main_header .header_box .menu .main_nav li.aco p a, html.under600 body .main_header .header_box .menu .main_nav li.aco p a {
  padding: 8px 0;
  width: 100%;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco p a:hover, html.ua-sp body .main_header .header_box .menu .main_nav li.aco p a:hover, html.under600 body .main_header .header_box .menu .main_nav li.aco p a:hover {
  color: #445a8e;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title, html.ua-sp body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title, html.under600 body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title {
  color: #000;
}

html.landscape body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title:hover, html.ua-sp body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title:hover, html.under600 body .main_header .header_box .menu .main_nav li.aco.open_aco .aco_title:hover {
  color: #000;
}

html.landscape body .main_header .header_box .menu .main_nav li.sp-hidden, html.ua-sp body .main_header .header_box .menu .main_nav li.sp-hidden, html.under600 body .main_header .header_box .menu .main_nav li.sp-hidden {
  display: none;
}

html.landscape body .main_header .header_box .menu .main_nav li a, html.ua-sp body .main_header .header_box .menu .main_nav li a, html.under600 body .main_header .header_box .menu .main_nav li a {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

html.landscape body .main_header .header_box .menu .main_nav li a:hover, html.ua-sp body .main_header .header_box .menu .main_nav li a:hover, html.under600 body .main_header .header_box .menu .main_nav li a:hover {
  color: #000;
}

html.landscape body .main_header .header_box .menu .mini_nav_list, html.ua-sp body .main_header .header_box .menu .mini_nav_list, html.under600 body .main_header .header_box .menu .mini_nav_list {
  display: none;
}

html.landscape body .main_header .header_box .sp-menu, html.ua-sp body .main_header .header_box .sp-menu, html.under600 body .main_header .header_box .sp-menu {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  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;
  margin: 0 auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1.77778vh;
}

html.landscape body .main_header .header_box .sp-menu ol, html.ua-sp body .main_header .header_box .sp-menu ol, html.under600 body .main_header .header_box .sp-menu ol {
  list-style: none;
  width: 100%;
  font-size: 1.125rem;
  padding: 10px 0;
  border-bottom: 1px solid rgba(173, 173, 173, 0.5);
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
  overflow: hidden;
  position: relative;
}

html.landscape body .main_header .header_box .sp-menu ol .image img, html.ua-sp body .main_header .header_box .sp-menu ol .image img, html.under600 body .main_header .header_box .sp-menu ol .image img {
  position: absolute;
  top: 16px;
  right: 11px;
}

html.landscape body .main_header .header_box .sp-menu ol .image img:last-of-type, html.ua-sp body .main_header .header_box .sp-menu ol .image img:last-of-type, html.under600 body .main_header .header_box .sp-menu ol .image img:last-of-type {
  display: none;
}

html.landscape body .main_header .header_box .sp-menu ol.open_aco .image img:first-of-type, html.ua-sp body .main_header .header_box .sp-menu ol.open_aco .image img:first-of-type, html.under600 body .main_header .header_box .sp-menu ol.open_aco .image img:first-of-type {
  display: none;
}

html.landscape body .main_header .header_box .sp-menu ol.open_aco .image img:last-of-type, html.ua-sp body .main_header .header_box .sp-menu ol.open_aco .image img:last-of-type, html.under600 body .main_header .header_box .sp-menu ol.open_aco .image img:last-of-type {
  display: inline-block;
}

html.landscape body .main_header .header_box .sp-menu ol .widget_polylang h2, html.ua-sp body .main_header .header_box .sp-menu ol .widget_polylang h2, html.under600 body .main_header .header_box .sp-menu ol .widget_polylang h2 {
  display: none;
}

html.landscape body .main_header .header_box .sp-menu ol .widget_polylang ul, html.ua-sp body .main_header .header_box .sp-menu ol .widget_polylang ul, html.under600 body .main_header .header_box .sp-menu ol .widget_polylang ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

html.landscape body .main_header .header_box .sp-menu ol .widget_polylang ul li, html.ua-sp body .main_header .header_box .sp-menu ol .widget_polylang ul li, html.under600 body .main_header .header_box .sp-menu ol .widget_polylang ul li {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-size: 0.8125rem;
  padding-left: 16px;
}

html.landscape body .main_header .header_box .sp-menu ol .widget_polylang ul li a, html.ua-sp body .main_header .header_box .sp-menu ol .widget_polylang ul li a, html.under600 body .main_header .header_box .sp-menu ol .widget_polylang ul li a {
  display: block;
  width: 100%;
  padding: 8px 0;
  color: #445a8e;
}

html.landscape body .main_header .header_box .sp-menu ol .widget_polylang ul .current-lang, html.ua-sp body .main_header .header_box .sp-menu ol .widget_polylang ul .current-lang, html.under600 body .main_header .header_box .sp-menu ol .widget_polylang ul .current-lang {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-size: 1.125rem;
  margin: 0 0 16px;
  padding: 0;
}

html.landscape body .main_header .header_box .sp-menu ol .widget_polylang ul .current-lang a, html.ua-sp body .main_header .header_box .sp-menu ol .widget_polylang ul .current-lang a, html.under600 body .main_header .header_box .sp-menu ol .widget_polylang ul .current-lang a {
  padding: 0;
  color: #000;
}

html.landscape body .main_header .header_box .sp-menu form, html.ua-sp body .main_header .header_box .sp-menu form, html.under600 body .main_header .header_box .sp-menu form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 17px;
  width: 100%;
}

html.landscape body .main_header .header_box .sp-menu form .keyword, html.ua-sp body .main_header .header_box .sp-menu form .keyword, html.under600 body .main_header .header_box .sp-menu form .keyword {
  width: calc(100% - 71px);
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 4px;
  font-size: 1rem;
  padding: 3px 35px 3px 6px;
  letter-spacing: 0.05em;
  display: inline-block;
  background: url(../image/top/serch_icon.png) no-repeat right 10px center;
  background: -webkit-image_set(url(../image/top/serch_icon.png) 1x, url(../image/top/serch_icon@2x.png) 2x) no-repeat 5px center;
  background-size: 15px auto;
  margin: 0;
}

html.landscape body .main_header .header_box .sp-menu form button, html.ua-sp body .main_header .header_box .sp-menu form button, html.under600 body .main_header .header_box .sp-menu form button {
  margin-left: 5px;
  padding: 0;
  border: none;
  background: none;
  height: 30px;
}

html.landscape body .main_header .header_box .sp-menu form img, html.ua-sp body .main_header .header_box .sp-menu form img, html.under600 body .main_header .header_box .sp-menu form img {
  display: block;
  width: auto;
  height: 100%;
}

html.landscape body .main_header .header_box .sp-menu .special, html.ua-sp body .main_header .header_box .sp-menu .special, html.under600 body .main_header .header_box .sp-menu .special {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}

html.landscape body .main_header .header_box .sp-menu .special p, html.ua-sp body .main_header .header_box .sp-menu .special p, html.under600 body .main_header .header_box .sp-menu .special p {
  width: 47%;
  text-align: center;
  margin-top: 17px;
}

html.landscape body .main_header .header_box .sp-menu .special p a, html.ua-sp body .main_header .header_box .sp-menu .special p a, html.under600 body .main_header .header_box .sp-menu .special p a {
  width: 100%;
  color: #fff;
  background: #445a8e;
  border-radius: 5px;
  letter-spacing: 0.5em;
  padding: 10px 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;
  font-weight: bold;
}

html.landscape body .main_header .header_box .sp-menu .special p a img, html.ua-sp body .main_header .header_box .sp-menu .special p a img, html.under600 body .main_header .header_box .sp-menu .special p a img {
  display: inline-block;
  margin-right: 6px;
}

html.landscape body .main_header .header_box .sp-menu .sp-mini-list, html.ua-sp body .main_header .header_box .sp-menu .sp-mini-list, html.under600 body .main_header .header_box .sp-menu .sp-mini-list {
  width: 57%;
  padding-bottom: 2vh;
}

html.landscape body .main_header .header_box .sp-menu .sp-mini-list li, html.ua-sp body .main_header .header_box .sp-menu .sp-mini-list li, html.under600 body .main_header .header_box .sp-menu .sp-mini-list li {
  font-size: 14px;
}

html.landscape body .main_header .header_box .sp-menu .sp-mini-list li a, html.ua-sp body .main_header .header_box .sp-menu .sp-mini-list li a, html.under600 body .main_header .header_box .sp-menu .sp-mini-list li a {
  display: block;
  padding: 6px 0 6px 16px;
  position: relative;
}

html.landscape body .main_header .header_box .sp-menu .sp-mini-list li a img, html.ua-sp body .main_header .header_box .sp-menu .sp-mini-list li a img, html.under600 body .main_header .header_box .sp-menu .sp-mini-list li a img {
  position: absolute;
  width: 14px;
  height: auto;
  left: 0;
  top: 6px;
  display: block;
}

html.landscape body .main_header .header_box .sp-menu .sp-sns-box, html.ua-sp body .main_header .header_box .sp-menu .sp-sns-box, html.under600 body .main_header .header_box .sp-menu .sp-sns-box {
  width: 42%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-bottom: 2vh;
}

html.landscape body .main_header .header_box .sp-menu .sp-sns-box li a, html.ua-sp body .main_header .header_box .sp-menu .sp-sns-box li a, html.under600 body .main_header .header_box .sp-menu .sp-sns-box li a {
  display: inline-block;
  padding: 6px;
}

html.landscape body .main_header .header_box.sp-open, html.ua-sp body .main_header .header_box.sp-open, html.under600 body .main_header .header_box.sp-open {
  top: 0;
}

html.landscape body .main_header .header_box.sp-open + .sp-nav .sp-open-close img:first-of-type, html.ua-sp body .main_header .header_box.sp-open + .sp-nav .sp-open-close img:first-of-type, html.under600 body .main_header .header_box.sp-open + .sp-nav .sp-open-close img:first-of-type {
  display: none;
}

html.landscape body .main_header .header_box.sp-open + .sp-nav .sp-open-close img:last-of-type, html.ua-sp body .main_header .header_box.sp-open + .sp-nav .sp-open-close img:last-of-type, html.under600 body .main_header .header_box.sp-open + .sp-nav .sp-open-close img:last-of-type {
  display: inline-block;
}

html.landscape body .main_header .sp-nav, html.ua-sp body .main_header .sp-nav, html.under600 body .main_header .sp-nav {
  display: block;
  position: relative;
  z-index: 2;
  background: #182333;
}

html.landscape body .main_header .sp-nav ul, html.ua-sp body .main_header .sp-nav ul, html.under600 body .main_header .sp-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  width: 510px;
  max-width: 100%;
  height: 65px;
}

html.landscape body .main_header .sp-nav ul li .sp-menu-content, html.ua-sp body .main_header .sp-nav ul li .sp-menu-content, html.under600 body .main_header .sp-nav ul li .sp-menu-content {
  padding: 9px 10px;
  display: block;
}

html.landscape body .main_header .sp-nav ul li .sp-menu-content img, html.ua-sp body .main_header .sp-nav ul li .sp-menu-content img, html.under600 body .main_header .sp-nav ul li .sp-menu-content img {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

html.landscape body .main_header .sp-nav ul li .sp-menu-content img:last-of-type, html.ua-sp body .main_header .sp-nav ul li .sp-menu-content img:last-of-type, html.under600 body .main_header .sp-nav ul li .sp-menu-content img:last-of-type {
  display: none;
}

html.landscape body .main_header .sp-nav ul li .sp-menu-content img:first-of-type, html.ua-sp body .main_header .sp-nav ul li .sp-menu-content img:first-of-type, html.under600 body .main_header .sp-nav ul li .sp-menu-content img:first-of-type {
  display: inline-block;
}

@media (orientation: landscape) {
  html.landscape body .main_header .sp-nav, html.ua-sp body .main_header .sp-nav, html.under600 body .main_header .sp-nav {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    margin: 0;
  }
  html.landscape body .main_header .sp-nav ul, html.ua-sp body .main_header .sp-nav ul, html.under600 body .main_header .sp-nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    width: auto;
    padding: 0;
  }
  html.landscape body .main_header .header_box, html.ua-sp body .main_header .header_box, html.under600 body .main_header .header_box {
    width: calc(100% - 73px);
    height: 100%;
  }
}

html.landscape body .top_page .main_image ul li .slide_catch, html.ua-sp body .top_page .main_image ul li .slide_catch, html.under600 body .top_page .main_image ul li .slide_catch {
  display: none;
}

html.landscape body .top_page .main_image ul li .slide_image img, html.ua-sp body .top_page .main_image ul li .slide_image img, html.under600 body .top_page .main_image ul li .slide_image img {
  min-height: 240px;
}

html.landscape body .top_page .serch_box, html.ua-sp body .top_page .serch_box, html.under600 body .top_page .serch_box {
  display: block;
}

html.landscape body .top_page .serch_box .ribon_title, html.ua-sp body .top_page .serch_box .ribon_title, html.under600 body .top_page .serch_box .ribon_title {
  margin: 50px auto 0;
}

html.landscape body .top_page .serch_box li:last-of-type, html.ua-sp body .top_page .serch_box li:last-of-type, html.under600 body .top_page .serch_box li:last-of-type {
  display: none;
}

html.landscape body .top_page .middle_slider .genre_list, html.ua-sp body .top_page .middle_slider .genre_list, html.under600 body .top_page .middle_slider .genre_list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .top_page .middle_slider .genre_list li, html.ua-sp body .top_page .middle_slider .genre_list li, html.under600 body .top_page .middle_slider .genre_list li {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
}

html.landscape body .top_page .middle_slider .genre_list li figure, html.ua-sp body .top_page .middle_slider .genre_list li figure, html.under600 body .top_page .middle_slider .genre_list li figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html.landscape body .top_page .middle_slider .genre_list li figure .image, html.ua-sp body .top_page .middle_slider .genre_list li figure .image, html.under600 body .top_page .middle_slider .genre_list li figure .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html.landscape body .top_page .middle_slider .genre_list li figure .image img, html.ua-sp body .top_page .middle_slider .genre_list li figure .image img, html.under600 body .top_page .middle_slider .genre_list li figure .image img {
  width: 25px;
  height: auto;
  margin-right: 8px;
}

html.landscape body .top_page .middle_slider .genre_list li figure .image img:first-of-type, html.ua-sp body .top_page .middle_slider .genre_list li figure .image img:first-of-type, html.under600 body .top_page .middle_slider .genre_list li figure .image img:first-of-type {
  display: none;
}

html.landscape body .top_page .middle_slider .genre_list li figure .image img:last-of-type, html.ua-sp body .top_page .middle_slider .genre_list li figure .image img:last-of-type, html.under600 body .top_page .middle_slider .genre_list li figure .image img:last-of-type {
  display: inline-block;
}

html.landscape body .top_page .middle_slider .genre_list li figure figcaption, html.ua-sp body .top_page .middle_slider .genre_list li figure figcaption, html.under600 body .top_page .middle_slider .genre_list li figure figcaption {
  font-size: 0.75rem;
}

html.landscape body .top_page .middle_slider .genre_list li:nth-of-type(even), html.ua-sp body .top_page .middle_slider .genre_list li:nth-of-type(even), html.under600 body .top_page .middle_slider .genre_list li:nth-of-type(even) {
  background: url(../image/top/gray_line.png) left bottom no-repeat, url(../image/top/gray_line.png) right bottom no-repeat;
}

html.landscape body .top_page .middle_slider .genre_list li:nth-of-type(2) figure .image img, html.ua-sp body .top_page .middle_slider .genre_list li:nth-of-type(2) figure .image img, html.under600 body .top_page .middle_slider .genre_list li:nth-of-type(2) figure .image img {
  width: 16px;
}

html.landscape body .top_page .middle_slider .sp-serch, html.ua-sp body .top_page .middle_slider .sp-serch, html.under600 body .top_page .middle_slider .sp-serch {
  display: block;
  padding: 0 15px;
  margin-top: 8.55556vh;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre, html.under600 body .top_page .middle_slider .genre_slider .slide_genre {
  position: relative !important;
  opacity: 1 !important;
  background: none;
  padding-top: 7px;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box {
  width: 100%;
  max-width: 100%;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 {
  position: relative;
  text-align: center;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 85%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #000;
  -webkit-transition: transform(0, 0), transform(0, 0);
  transition: transform(0, 0), transform(0, 0);
  transition: transform(0, 0);
  height: 38px;
  background: #fff;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 img, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 img, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 img {
  display: none;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 .text, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 .text, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 .text {
  left: 52%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul {
  border: none;
  width: 100%;
  top: 0;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li {
  -webkit-overflow-scrolling: touch;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img.img-left, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img.img-left, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img.img-left {
  background-position: left center !important;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img.img-right, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img.img-right, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure img.img-right {
  background-position: right center !important;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  color: #000;
  position: static;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  height: 57px;
  padding: 20px 0;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_catch, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_catch, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_catch {
  color: #000;
  padding-right: 5px;
  height: 100%;
  display: block;
  overflow-x: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a:hover figure img, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a:hover figure img, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a:hover figure img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back1, html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back2, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back1, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back2, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back1, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .slide_back2 {
  display: none;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow {
  background: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left, html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right {
  position: static;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth p, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth p, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth p {
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  border-radius: 50%;
  padding: 0;
  margin: 0 5px;
  background: #e6e6e6;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth p.current-nth, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth p.current-nth, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .genre-slide-nth p.current-nth {
  background: #000;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_mountain h2:before, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_mountain h2:before, html.under600 body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_mountain h2:before {
  height: 36px;
  content: "";
  display: block;
  background: url(../image/top/sp-genre.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/sp-genre.png) 1x, url(../image/top/sp-genre@2x.png) 2x) no-repeat left center;
  background-size: cover;
  width: 36px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_nature h2:before, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_nature h2:before, html.under600 body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_nature h2:before {
  height: 36px;
  content: "";
  display: block;
  background: url(../image/top/sp-genre_6.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/sp-genre_6.png) 1x, url(../image/top/sp-genre_6@2x.png) 2x) no-repeat left center;
  background-size: cover;
  width: 36px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_culture h2:before, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_culture h2:before, html.under600 body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_culture h2:before {
  height: 36px;
  content: "";
  display: block;
  background: url(../image/top/sp-genre_1.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/sp-genre_1.png) 1x, url(../image/top/sp-genre_1@2x.png) 2x) no-repeat left center;
  background-size: cover;
  width: 36px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_food h2:before, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_food h2:before, html.under600 body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_food h2:before {
  height: 36px;
  content: "";
  display: block;
  background: url(../image/top/sp-genre_2.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/sp-genre_2.png) 1x, url(../image/top/sp-genre_2@2x.png) 2x) no-repeat left center;
  background-size: cover;
  width: 36px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_experience h2:before, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_experience h2:before, html.under600 body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_experience h2:before {
  height: 36px;
  content: "";
  display: block;
  background: url(../image/top/sp-genre_3.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/sp-genre_3.png) 1x, url(../image/top/sp-genre_3@2x.png) 2x) no-repeat left center;
  background-size: cover;
  width: 36px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_shooting h2:before, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_shooting h2:before, html.under600 body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_shooting h2:before {
  height: 36px;
  content: "";
  display: block;
  background: url(../image/top/sp-genre_3.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/sp-genre_3.png) 1x, url(../image/top/sp-genre_3@2x.png) 2x) no-repeat left center;
  background-size: cover;
  width: 36px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
}

html.landscape body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_event h2:before, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_event h2:before, html.under600 body .top_page .middle_slider .genre_slider .slide_genre.slide_genre_event h2:before {
  height: 36px;
  content: "";
  display: block;
  background: url(../image/top/sp-genre_4.png) no-repeat left center;
  background: -webkit-image-set(url(../image/top/sp-genre_4.png) 1x, url(../image/top/sp-genre_4@2x.png) 2x) no-repeat left center;
  background-size: cover;
  width: 36px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #000;
}

@media (orientation: landscape) {
  html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box h2 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption {
    height: 32px;
    padding: 5px 0;
  }
  html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_nth, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_nth, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_nth {
    font-size: 1.2rem;
  }
  html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_catch, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_catch, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box ul li a figure figcaption .slide_catch {
    font-size: 0.8rem;
  }
  html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right img, html.landscape body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left img, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right img, html.ua-sp body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left img, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .right img, html.under600 body .top_page .middle_slider .genre_slider .slide_genre .slide_box .control_arrow .left img {
    width: 20px;
    height: auto;
  }
}

html.landscape body .top_page .how_nichinanchou .left_content, html.ua-sp body .top_page .how_nichinanchou .left_content, html.under600 body .top_page .how_nichinanchou .left_content {
  width: 100%;
}

html.landscape body .top_page .how_nichinanchou .left_content h2, html.ua-sp body .top_page .how_nichinanchou .left_content h2, html.under600 body .top_page .how_nichinanchou .left_content h2 {
  width: 100%;
}

html.landscape body .top_page .how_nichinanchou .left_content .image_box, html.ua-sp body .top_page .how_nichinanchou .left_content .image_box, html.under600 body .top_page .how_nichinanchou .left_content .image_box {
  padding-left: 0;
  margin-top: 4.44444vh;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

html.landscape body .top_page .how_nichinanchou .left_content .text_dex, html.ua-sp body .top_page .how_nichinanchou .left_content .text_dex, html.under600 body .top_page .how_nichinanchou .left_content .text_dex {
  margin-top: 4.22222vh;
}

html.landscape body .top_page .how_nichinanchou .right_content, html.ua-sp body .top_page .how_nichinanchou .right_content, html.under600 body .top_page .how_nichinanchou .right_content {
  width: 100%;
  margin-top: 5vh;
}

html.landscape body .post-single-page.category-stay_experience .shop-info-link, html.ua-sp body .post-single-page.category-stay_experience .shop-info-link, html.under600 body .post-single-page.category-stay_experience .shop-info-link {
  right: auto;
  left: 0;
}

html.landscape body .post-archive-page .post-content ul li, html.ua-sp body .post-archive-page .post-content ul li, html.under600 body .post-archive-page .post-content ul li {
  width: 100%;
}

html.landscape body .post-archive-page .post-content ul li figure, html.ua-sp body .post-archive-page .post-content ul li figure, html.under600 body .post-archive-page .post-content ul li figure {
  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;
}

html.landscape body .post-archive-page .post-content ul li figure a, html.ua-sp body .post-archive-page .post-content ul li figure a, html.under600 body .post-archive-page .post-content ul li figure a {
  width: 40%;
  padding-top: 28%;
}

html.landscape body .post-archive-page .post-content ul li figure figcaption, html.ua-sp body .post-archive-page .post-content ul li figure figcaption, html.under600 body .post-archive-page .post-content ul li figure figcaption {
  width: 55%;
}

html.landscape body .post-archive-page .post-content ul li figure figcaption h3, html.ua-sp body .post-archive-page .post-content ul li figure figcaption h3, html.under600 body .post-archive-page .post-content ul li figure figcaption h3 {
  font-size: 1.0625rem;
}

html.landscape body .post-archive-page .post-content ul li figure figcaption h3 .nth, html.ua-sp body .post-archive-page .post-content ul li figure figcaption h3 .nth, html.under600 body .post-archive-page .post-content ul li figure figcaption h3 .nth {
  font-size: 0.9375rem;
}

html.landscape body .post-archive-page .post-content ul li figure figcaption .catch, html.ua-sp body .post-archive-page .post-content ul li figure figcaption .catch, html.under600 body .post-archive-page .post-content ul li figure figcaption .catch {
  font-size: 0.9375rem;
}

html.landscape body .post-archive-page.category-events .calendar-area section, html.ua-sp body .post-archive-page.category-events .calendar-area section, html.under600 body .post-archive-page.category-events .calendar-area section {
  display: block;
}

html.landscape body .post-archive-page.category-events .calendar-area section h3, html.ua-sp body .post-archive-page.category-events .calendar-area section h3, html.under600 body .post-archive-page.category-events .calendar-area section h3 {
  margin: 0 auto;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .title, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .title, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .title {
  border-top: none;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .title .hiduke, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .title .hiduke, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .title .hiduke {
  display: none !important;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .title li, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .title li, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .title li {
  width: auto !important;
  font-size: 0.9375rem;
  background: none;
  border-right: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(2):before, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(2):before, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(2):before {
  content: "●";
  color: #f00;
  font-size: 0.625rem;
  display: inline-block;
  padding-right: 3px;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(3):before, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(3):before, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(3):before {
  content: "●";
  color: #29abe2;
  font-size: 0.625rem;
  display: inline-block;
  padding-right: 3px;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(4):before, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(4):before, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .title li:nth-of-type(4):before {
  content: "●";
  color: #8cc63f;
  font-size: 0.625rem;
  display: inline-block;
  padding-right: 3px;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll {
  max-height: 245px;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-day {
  width: 25%;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info {
  width: 75%;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul {
  display: block;
  padding: 2vh 0;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li {
  border-right: none;
  height: auto;
  width: 100%;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0.9375rem;
  padding-left: 5%;
  padding-right: 2%;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(1):before, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(1):before, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(1):before {
  content: "●";
  color: #f00;
  font-size: 0.625rem;
  display: inline-block;
  padding-right: 3px;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(2):before, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(2):before, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(2):before {
  content: "●";
  color: #29abe2;
  font-size: 0.625rem;
  display: inline-block;
  padding-right: 3px;
}

html.landscape body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(3):before, html.ua-sp body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(3):before, html.under600 body .post-archive-page.category-events .calendar-area section .calendar-content .calendar-roll .calendar-roll-content .event-info ul li:nth-of-type(3):before {
  content: "●";
  color: #8cc63f;
  font-size: 0.625rem;
  display: inline-block;
  padding-right: 3px;
}

html.landscape body .main_footer, html.ua-sp body .main_footer, html.under600 body .main_footer {
  border-width: 100px;
}

@media (orientation: landscape) {
  html.landscape body .main_footer, html.ua-sp body .main_footer, html.under600 body .main_footer {
    border-width: 35px;
  }
}

html.landscape body .main_footer .footer_box, html.ua-sp body .main_footer .footer_box, html.under600 body .main_footer .footer_box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .main_footer .footer_box .left_content, html.ua-sp body .main_footer .footer_box .left_content, html.under600 body .main_footer .footer_box .left_content {
  width: 100%;
}

html.landscape body .main_footer .footer_box .left_content .tel_fax, html.ua-sp body .main_footer .footer_box .left_content .tel_fax, html.under600 body .main_footer .footer_box .left_content .tel_fax {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .main_footer .footer_box .left_content .tel_fax li, html.ua-sp body .main_footer .footer_box .left_content .tel_fax li, html.under600 body .main_footer .footer_box .left_content .tel_fax li {
  margin: 0 1vh !important;
}

html.landscape body .main_footer .footer_box .footer_nav, html.ua-sp body .main_footer .footer_box .footer_nav, html.under600 body .main_footer .footer_box .footer_nav {
  width: auto;
  margin-top: 10px;
  margin-left: auto;
}

html.landscape body .post-single-page .main-image ul li, html.ua-sp body .post-single-page .main-image ul li, html.under600 body .post-single-page .main-image ul li {
  max-width: 100%;
}

html.landscape body .post-single-page .main-image ul li .slide-text-box, html.ua-sp body .post-single-page .main-image ul li .slide-text-box, html.under600 body .post-single-page .main-image ul li .slide-text-box {
  top: 10%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

html.landscape body .post-single-page .main-image ul li .slide-text-box .page-title, html.ua-sp body .post-single-page .main-image ul li .slide-text-box .page-title, html.under600 body .post-single-page .main-image ul li .slide-text-box .page-title {
  font-size: 1rem;
}

html.landscape body .post-single-page .main-image ul li .slide-text-box .slide-catch, html.ua-sp body .post-single-page .main-image ul li .slide-text-box .slide-catch, html.under600 body .post-single-page .main-image ul li .slide-text-box .slide-catch {
  font-size: 1.25rem;
  max-width: 100%;
}

html.landscape body .post-single-page .main-image ul li .slide-text-box .photographer, html.ua-sp body .post-single-page .main-image ul li .slide-text-box .photographer, html.under600 body .post-single-page .main-image ul li .slide-text-box .photographer {
  font-size: 0.8125rem;
}

html.landscape body .post-single-page .main-image ul li .english-name, html.ua-sp body .post-single-page .main-image ul li .english-name, html.under600 body .post-single-page .main-image ul li .english-name {
  font-size: 0.875rem;
  right: -4%;
}

html.landscape body .post-single-page .main-image ul li .slide-image .slide-base, html.ua-sp body .post-single-page .main-image ul li .slide-image .slide-base, html.under600 body .post-single-page .main-image ul li .slide-image .slide-base {
  padding-top: 75.86%;
}

html.landscape body .post-single-page .breadcrumb, html.ua-sp body .post-single-page .breadcrumb, html.under600 body .post-single-page .breadcrumb {
  margin-top: 2vh;
}

html.landscape body .post-single-page .breadcrumb ul li, html.ua-sp body .post-single-page .breadcrumb ul li, html.under600 body .post-single-page .breadcrumb ul li {
  font-size: 0.625rem;
}

html.landscape body .post-single-page .serch_box, html.ua-sp body .post-single-page .serch_box, html.under600 body .post-single-page .serch_box {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

html.landscape body .post-single-page .serch_box > li, html.ua-sp body .post-single-page .serch_box > li, html.under600 body .post-single-page .serch_box > li {
  max-width: 100%;
}

html.landscape body .post-single-page .serch_box > li.ribon_title, html.ua-sp body .post-single-page .serch_box > li.ribon_title, html.under600 body .post-single-page .serch_box > li.ribon_title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 4.44444vh;
}

html.landscape body .post-single-page .serch_box > li.ribon_title .text, html.ua-sp body .post-single-page .serch_box > li.ribon_title .text, html.under600 body .post-single-page .serch_box > li.ribon_title .text {
  font-size: 1.1875rem;
}

html.landscape body .post-single-page .serch_box > li:last-of-type, html.ua-sp body .post-single-page .serch_box > li:last-of-type, html.under600 body .post-single-page .serch_box > li:last-of-type {
  margin-left: 0;
}

html.landscape body .post-single-page .serch_box > li:last-of-type form .keyword, html.ua-sp body .post-single-page .serch_box > li:last-of-type form .keyword, html.under600 body .post-single-page .serch_box > li:last-of-type form .keyword {
  width: 210px;
  height: 28px;
  background-size: auto 80%;
}

html.landscape body .post-single-page .serch_box > li:last-of-type form button img, html.ua-sp body .post-single-page .serch_box > li:last-of-type form button img, html.under600 body .post-single-page .serch_box > li:last-of-type form button img {
  height: 28px;
  width: auto;
}

html.landscape body .post-single-page .info-box, html.ua-sp body .post-single-page .info-box, html.under600 body .post-single-page .info-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .post-single-page .info-box #map, html.ua-sp body .post-single-page .info-box #map, html.under600 body .post-single-page .info-box #map {
  width: 100%;
  padding-top: 45%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

html.landscape body .post-single-page .info-box .right-box, html.ua-sp body .post-single-page .info-box .right-box, html.under600 body .post-single-page .info-box .right-box {
  width: 100%;
}

html.landscape body .post-single-page .info-box .right-box .text-box .add-num .texts, html.ua-sp body .post-single-page .info-box .right-box .text-box .add-num .texts, html.under600 body .post-single-page .info-box .right-box .text-box .add-num .texts {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .info-box .right-box .text-box .toilet .image-box, html.ua-sp body .post-single-page .info-box .right-box .text-box .toilet .image-box, html.under600 body .post-single-page .info-box .right-box .text-box .toilet .image-box {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .info-box .right-box .text-box .toilet .texts, html.ua-sp body .post-single-page .info-box .right-box .text-box .toilet .texts, html.under600 body .post-single-page .info-box .right-box .text-box .toilet .texts {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .more-check h2, html.ua-sp body .post-single-page .more-check h2, html.under600 body .post-single-page .more-check h2 {
  display: block;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1rem;
}

html.landscape body .post-single-page .more-check h2 img, html.ua-sp body .post-single-page .more-check h2 img, html.under600 body .post-single-page .more-check h2 img {
  display: block;
  margin: 0 auto 3vh;
  max-width: 50%;
}

html.landscape body .post-single-page .more-check h2 .more-title, html.ua-sp body .post-single-page .more-check h2 .more-title, html.under600 body .post-single-page .more-check h2 .more-title {
  font-size: 1rem;
  margin: 0 auto 3vh;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 180px;
  text-align: center;
}

html.landscape body .post-single-page .more-check h2 .more-title .big-text, html.ua-sp body .post-single-page .more-check h2 .more-title .big-text, html.under600 body .post-single-page .more-check h2 .more-title .big-text {
  font-size: 1.25rem;
}

html.landscape body .post-single-page .more-check .more-list li, html.ua-sp body .post-single-page .more-check .more-list li, html.under600 body .post-single-page .more-check .more-list li {
  width: 45%;
}

html.landscape body .post-single-page .more-check .more-list li:nth-of-type(3), html.ua-sp body .post-single-page .more-check .more-list li:nth-of-type(3), html.under600 body .post-single-page .more-check .more-list li:nth-of-type(3) {
  display: none;
}

html.landscape body .post-single-page .more-check .more-list li:nth-of-type(4), html.ua-sp body .post-single-page .more-check .more-list li:nth-of-type(4), html.under600 body .post-single-page .more-check .more-list li:nth-of-type(4) {
  display: none;
}

html.landscape body .post-single-page .bottom-slider .slide-box .bx-wrapper, html.ua-sp body .post-single-page .bottom-slider .slide-box .bx-wrapper, html.under600 body .post-single-page .bottom-slider .slide-box .bx-wrapper {
  width: 60%;
  margin: 0 auto;
}

html.landscape body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls, html.ua-sp body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls, html.under600 body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls {
  margin-top: 4.44444vh;
}

html.landscape body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager, html.ua-sp body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager, html.under600 body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager {
  position: static;
  margin: 0 auto;
}

html.landscape body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, html.ua-sp body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, html.under600 body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  background: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: 1px solid #22314c;
}

html.landscape body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, html.ua-sp body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, html.under600 body .post-single-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background: #22314c;
}

html.landscape body .post-single-page .main-top, html.ua-sp body .post-single-page .main-top, html.under600 body .post-single-page .main-top {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .post-single-page .main-top .text-content, html.ua-sp body .post-single-page .main-top .text-content, html.under600 body .post-single-page .main-top .text-content {
  width: 100%;
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

html.landscape body .post-single-page .main-top .text-content .mini-title, html.ua-sp body .post-single-page .main-top .text-content .mini-title, html.under600 body .post-single-page .main-top .text-content .mini-title {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .main-top .image-content, html.ua-sp body .post-single-page .main-top .image-content, html.under600 body .post-single-page .main-top .image-content {
  width: 90%;
  margin: 6.55556vh auto 0;
}

html.landscape body .post-single-page .main-top .text-content .big-content h3, html.ua-sp body .post-single-page .main-top .text-content .big-content h3, html.under600 body .post-single-page .main-top .text-content .big-content h3 {
  text-align: center !important;
  font-size: 1.25rem;
}

html.landscape body .post-single-page .main-top .text-content .big-content .mini-text, html.ua-sp body .post-single-page .main-top .text-content .big-content .mini-text, html.under600 body .post-single-page .main-top .text-content .big-content .mini-text {
  text-align: center !important;
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .main-top .text-content .big-content .text, html.ua-sp body .post-single-page .main-top .text-content .big-content .text, html.under600 body .post-single-page .main-top .text-content .big-content .text {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .main-top .text-content .mountain-description .description, html.ua-sp body .post-single-page .main-top .text-content .mountain-description .description, html.under600 body .post-single-page .main-top .text-content .mountain-description .description {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.9375rem;
}

html.landscape body .post-single-page.category-natural .root-content, html.ua-sp body .post-single-page.category-natural .root-content, html.under600 body .post-single-page.category-natural .root-content {
  margin-bottom: 5vh;
}

html.landscape body .post-single-page.category-natural .root-content .root-box, html.ua-sp body .post-single-page.category-natural .root-content .root-box, html.under600 body .post-single-page.category-natural .root-content .root-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .post-single-page.category-natural .root-content .root-box section, html.ua-sp body .post-single-page.category-natural .root-content .root-box section, html.under600 body .post-single-page.category-natural .root-content .root-box section {
  width: 100%;
}

html.landscape body .post-single-page.category-natural .root-content .root-box section .text, html.ua-sp body .post-single-page.category-natural .root-content .root-box section .text, html.under600 body .post-single-page.category-natural .root-content .root-box section .text {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page.category-natural .root-content .root-box .danmen-box, html.ua-sp body .post-single-page.category-natural .root-content .root-box .danmen-box, html.under600 body .post-single-page.category-natural .root-content .root-box .danmen-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

html.landscape body .post-single-page.category-natural .root-content .root-box .danmen-box .danmen-image, html.ua-sp body .post-single-page.category-natural .root-content .root-box .danmen-box .danmen-image, html.under600 body .post-single-page.category-natural .root-content .root-box .danmen-box .danmen-image {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 3.33333vh;
}

html.landscape body .post-single-page.category-natural .root-content .root-box .danmen-box .download, html.ua-sp body .post-single-page.category-natural .root-content .root-box .danmen-box .download, html.under600 body .post-single-page.category-natural .root-content .root-box .danmen-box .download {
  width: 100%;
}

html.landscape body .post-single-page.category-natural .my-book .book-center > img, html.ua-sp body .post-single-page.category-natural .my-book .book-center > img, html.under600 body .post-single-page.category-natural .my-book .book-center > img {
  right: 16%;
}

html.landscape body .post-single-page.category-natural .inverted .my-book .book-center > img, html.ua-sp body .post-single-page.category-natural .inverted .my-book .book-center > img, html.under600 body .post-single-page.category-natural .inverted .my-book .book-center > img {
  right: auto;
  left: 6%;
}

html.landscape body .post-single-page.category-natural .template3.inverted .my-book .book-center > img, html.ua-sp body .post-single-page.category-natural .template3.inverted .my-book .book-center > img, html.under600 body .post-single-page.category-natural .template3.inverted .my-book .book-center > img {
  left: 6%;
}

html.landscape body .post-single-page.category-eat-a-lot .main-image ul li .english-name, html.ua-sp body .post-single-page.category-eat-a-lot .main-image ul li .english-name, html.under600 body .post-single-page.category-eat-a-lot .main-image ul li .english-name {
  right: -2%;
  bottom: 16%;
}

html.landscape body .post-single-page.category-culture .main-image ul li .english-name, html.ua-sp body .post-single-page.category-culture .main-image ul li .english-name, html.under600 body .post-single-page.category-culture .main-image ul li .english-name {
  right: -10%;
  bottom: 16%;
}

html.landscape body .post-single-page.category-stay_experience .shop-info-link, html.ua-sp body .post-single-page.category-stay_experience .shop-info-link, html.under600 body .post-single-page.category-stay_experience .shop-info-link {
  width: 55px;
}

html.landscape body .post-single-page.category-stay_experience .more-check .shop-table dl, html.ua-sp body .post-single-page.category-stay_experience .more-check .shop-table dl, html.under600 body .post-single-page.category-stay_experience .more-check .shop-table dl {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .post-single-page.category-stay_experience .more-check .shop-table dl dt, html.ua-sp body .post-single-page.category-stay_experience .more-check .shop-table dl dt, html.under600 body .post-single-page.category-stay_experience .more-check .shop-table dl dt {
  width: 100%;
}

html.landscape body .post-single-page.category-stay_experience .more-check .shop-table dl dd, html.ua-sp body .post-single-page.category-stay_experience .more-check .shop-table dl dd, html.under600 body .post-single-page.category-stay_experience .more-check .shop-table dl dd {
  width: 100%;
  border-bottom: rgba(179, 179, 179, 0.7) solid 1px;
}

html.landscape body .post-single-page.category-stay_experience .more-check .shop-table dl:last-of-type dt, html.ua-sp body .post-single-page.category-stay_experience .more-check .shop-table dl:last-of-type dt, html.under600 body .post-single-page.category-stay_experience .more-check .shop-table dl:last-of-type dt {
  border-bottom: rgba(179, 179, 179, 0.5) solid 1px;
}

html.landscape body .post-single-page.category-events .bx-wrapper .bx-pager, html.ua-sp body .post-single-page.category-events .bx-wrapper .bx-pager, html.under600 body .post-single-page.category-events .bx-wrapper .bx-pager {
  width: auto;
  text-align: center;
}

html.landscape body .post-single-page.category-model_course .main-top .image-content, html.ua-sp body .post-single-page.category-model_course .main-top .image-content, html.under600 body .post-single-page.category-model_course .main-top .image-content {
  display: none;
}

html.landscape body .post-single-page.category-model_course .time-table-box, html.ua-sp body .post-single-page.category-model_course .time-table-box, html.under600 body .post-single-page.category-model_course .time-table-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
}

html.landscape body .post-single-page.category-model_course .time-table-box section, html.ua-sp body .post-single-page.category-model_course .time-table-box section, html.under600 body .post-single-page.category-model_course .time-table-box section {
  width: 90%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 5.55556vh auto 0;
}

html.landscape body .post-single-page.category-model_course .time-table-box section .time-table-content .time-main, html.ua-sp body .post-single-page.category-model_course .time-table-box section .time-table-content .time-main, html.under600 body .post-single-page.category-model_course .time-table-box section .time-table-content .time-main {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page.category-model_course .time-table-box .time-image, html.ua-sp body .post-single-page.category-model_course .time-table-box .time-image, html.under600 body .post-single-page.category-model_course .time-table-box .time-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html.landscape body .post-single-page.category-model_course .time-table-box .time-image .first-image, html.ua-sp body .post-single-page.category-model_course .time-table-box .time-image .first-image, html.under600 body .post-single-page.category-model_course .time-table-box .time-image .first-image {
  width: 59.8%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #fff;
  padding-top: 41%;
  height: 0;
  display: block;
}

html.landscape body .post-single-page.category-model_course .time-table-box .time-image .second-image, html.ua-sp body .post-single-page.category-model_course .time-table-box .time-image .second-image, html.under600 body .post-single-page.category-model_course .time-table-box .time-image .second-image {
  min-height: 0;
  width: 40.2%;
  padding-top: 41%;
  height: 0;
}

html.landscape body .post-single-page.category-model_course .bx-wrapper .bx-pager, html.ua-sp body .post-single-page.category-model_course .bx-wrapper .bx-pager, html.under600 body .post-single-page.category-model_course .bx-wrapper .bx-pager {
  width: auto;
  text-align: center;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul, html.under600 body .post-single-page.hotaru-page .hotaru-link ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li {
  width: 49.9%;
  margin-top: 2vh;
  background: url(../image/top/gray_line.png) repeat-y left bottom;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li a, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li a, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li a .menu-image img, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li a .menu-image img, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li a .menu-image img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-right: 6px;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(1) a .menu-image img, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(1) a .menu-image img, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(1) a .menu-image img {
  width: 17px;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(2), html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(2), html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(2) {
  background: url(../image/top/gray_line.png) repeat-y left bottom, url(../image/top/gray_line.png) repeat-y right bottom;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(2) a .menu-image img, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(2) a .menu-image img, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(2) a .menu-image img {
  width: 21px;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(3) a .menu-image img, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(3) a .menu-image img, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(3) a .menu-image img {
  width: 28px;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(4), html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(4), html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(4) {
  background: url(../image/top/gray_line.png) repeat-y left bottom, url(../image/top/gray_line.png) repeat-y right bottom;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(4) a .menu-image img, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(4) a .menu-image img, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(4) a .menu-image img {
  width: 35px;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(5) a .menu-image img, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(5) a .menu-image img, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(5) a .menu-image img {
  width: 27px;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(6), html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(6), html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(6) {
  background: url(../image/top/gray_line.png) repeat-y left bottom, url(../image/top/gray_line.png) repeat-y right bottom;
}

html.landscape body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(6) a .menu-image img, html.ua-sp body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(6) a .menu-image img, html.under600 body .post-single-page.hotaru-page .hotaru-link ul li:nth-of-type(6) a .menu-image img {
  width: 20px;
}

html.landscape body .post-single-page.hotaru-page .cautions-content .title-box, html.ua-sp body .post-single-page.hotaru-page .cautions-content .title-box, html.under600 body .post-single-page.hotaru-page .cautions-content .title-box {
  display: block;
}

html.landscape body .post-single-page.hotaru-page .cautions-content .title-box .title-text, html.ua-sp body .post-single-page.hotaru-page .cautions-content .title-box .title-text, html.under600 body .post-single-page.hotaru-page .cautions-content .title-box .title-text {
  padding-left: 0;
  margin-top: 2vh;
  width: 100%;
  font-size: 1rem;
}

html.landscape body .post-single-page.hotaru-page .cautions-content .caution-list li dl dt, html.ua-sp body .post-single-page.hotaru-page .cautions-content .caution-list li dl dt, html.under600 body .post-single-page.hotaru-page .cautions-content .caution-list li dl dt {
  font-size: 1rem;
}

html.landscape body .post-single-page.hotaru-page .cautions-content .caution-list li dl dd, html.ua-sp body .post-single-page.hotaru-page .cautions-content .caution-list li dl dd, html.under600 body .post-single-page.hotaru-page .cautions-content .caution-list li dl dd {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dt, html.ua-sp body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dt, html.under600 body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dt {
  font-size: 1rem;
}

html.landscape body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dd, html.ua-sp body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dd, html.under600 body .post-single-page.hotaru-page .cautions-content .hotaru-price dl dd {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page.hotaru-page .hotaru-map-content .title-box, html.ua-sp body .post-single-page.hotaru-page .hotaru-map-content .title-box, html.under600 body .post-single-page.hotaru-page .hotaru-map-content .title-box {
  display: block;
}

html.landscape body .post-single-page.hotaru-page .hotaru-map-content .title-box .title-text, html.ua-sp body .post-single-page.hotaru-page .hotaru-map-content .title-box .title-text, html.under600 body .post-single-page.hotaru-page .hotaru-map-content .title-box .title-text {
  padding-left: 0;
  margin-top: 2vh;
  width: 100%;
  font-size: 1rem;
}

html.landscape body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li .description-icon, html.ua-sp body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li .description-icon, html.under600 body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li .description-icon {
  width: 60px;
}

html.landscape body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dt, html.ua-sp body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dt, html.under600 body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dt {
  font-size: 1rem;
}

html.landscape body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dd, html.ua-sp body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dd, html.under600 body .post-single-page.hotaru-page .hotaru-map-content .hotaru-description li dl dd {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page.hotaru-access-page .access-map-content #map, html.ua-sp body .post-single-page.hotaru-access-page .access-map-content #map, html.under600 body .post-single-page.hotaru-access-page .access-map-content #map {
  padding-top: 55%;
}

html.landscape body .post-single-page.hotaru-access-page .access-map-content .access-map-description li .map-icon, html.ua-sp body .post-single-page.hotaru-access-page .access-map-content .access-map-description li .map-icon, html.under600 body .post-single-page.hotaru-access-page .access-map-content .access-map-description li .map-icon {
  width: 60px;
}

html.landscape body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dt, html.ua-sp body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dt, html.under600 body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dt {
  font-size: 1rem;
}

html.landscape body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dd, html.ua-sp body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dd, html.under600 body .post-single-page.hotaru-access-page .access-map-content .access-map-description li dl dd {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .sp-none, html.ua-sp body .post-single-page .sp-none, html.under600 body .post-single-page .sp-none {
  display: none !important;
}

html.landscape body .post-single-page .pc-none, html.ua-sp body .post-single-page .pc-none, html.under600 body .post-single-page .pc-none {
  display: block;
}

html.landscape body .post-single-page .my-book, html.ua-sp body .post-single-page .my-book, html.under600 body .post-single-page .my-book {
  width: 80%;
  margin-left: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 100;
}

html.landscape body .post-single-page .my-book .book-header .head-text, html.ua-sp body .post-single-page .my-book .book-header .head-text, html.under600 body .post-single-page .my-book .book-header .head-text {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .my-book .book-header .head-text .big-text, html.ua-sp body .post-single-page .my-book .book-header .head-text .big-text, html.under600 body .post-single-page .my-book .book-header .head-text .big-text {
  font-size: 1.125rem;
}

html.landscape body .post-single-page .my-book .book-center .book-catch, html.ua-sp body .post-single-page .my-book .book-center .book-catch, html.under600 body .post-single-page .my-book .book-center .book-catch {
  font-size: 1rem;
}

html.landscape body .post-single-page .my-book .book-center .book-content, html.ua-sp body .post-single-page .my-book .book-center .book-content, html.under600 body .post-single-page .my-book .book-center .book-content {
  font-size: 0.875rem;
}

html.landscape body .post-single-page .inverted .my-book, html.ua-sp body .post-single-page .inverted .my-book, html.under600 body .post-single-page .inverted .my-book {
  margin-right: auto;
}

html.landscape body .post-single-page .template1, html.ua-sp body .post-single-page .template1, html.under600 body .post-single-page .template1 {
  margin: 10vh 0;
}

html.landscape body .post-single-page .template1 .first-box, html.ua-sp body .post-single-page .template1 .first-box, html.under600 body .post-single-page .template1 .first-box {
  margin-top: 0;
}

html.landscape body .post-single-page .template1 .first-box h3, html.ua-sp body .post-single-page .template1 .first-box h3, html.under600 body .post-single-page .template1 .first-box h3 {
  font-size: 0.875rem;
}

html.landscape body .post-single-page .template1 .bottom-box .book-area, html.ua-sp body .post-single-page .template1 .bottom-box .book-area, html.under600 body .post-single-page .template1 .bottom-box .book-area {
  width: 90%;
  margin-top: 0;
}

html.landscape body .post-single-page .template1 .bottom-box .book-area .my-book, html.ua-sp body .post-single-page .template1 .bottom-box .book-area .my-book, html.under600 body .post-single-page .template1 .bottom-box .book-area .my-book {
  width: 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

html.landscape body .post-single-page .template1 .bottom-box .sub-image, html.ua-sp body .post-single-page .template1 .bottom-box .sub-image, html.under600 body .post-single-page .template1 .bottom-box .sub-image {
  margin-top: 0;
}

html.landscape body .post-single-page .template1 .bottom-box .ossan, html.ua-sp body .post-single-page .template1 .bottom-box .ossan, html.under600 body .post-single-page .template1 .bottom-box .ossan {
  margin-top: -100px;
}

html.landscape body .post-single-page .template2, html.ua-sp body .post-single-page .template2, html.under600 body .post-single-page .template2 {
  margin: 10vh 0;
}

html.landscape body .post-single-page .template2 .first-box, html.ua-sp body .post-single-page .template2 .first-box, html.under600 body .post-single-page .template2 .first-box {
  position: relative;
  width: 100%;
  display: block;
}

html.landscape body .post-single-page .template2 .first-box .main-image, html.ua-sp body .post-single-page .template2 .first-box .main-image, html.under600 body .post-single-page .template2 .first-box .main-image {
  width: 70%;
  margin-left: auto;
}

html.landscape body .post-single-page .template2 .first-box .main-image .main-image-base, html.ua-sp body .post-single-page .template2 .first-box .main-image .main-image-base, html.under600 body .post-single-page .template2 .first-box .main-image .main-image-base {
  padding-top: 84.2%;
}

html.landscape body .post-single-page .template2 .first-box h3, html.ua-sp body .post-single-page .template2 .first-box h3, html.under600 body .post-single-page .template2 .first-box h3 {
  position: absolute;
  right: 80%;
  top: 10%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  z-index: 1;
  height: 100%;
  font-size: 0.875rem;
}

html.landscape body .post-single-page .template2 .middle-box, html.ua-sp body .post-single-page .template2 .middle-box, html.under600 body .post-single-page .template2 .middle-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

html.landscape body .post-single-page .template2 .middle-box .left-box, html.ua-sp body .post-single-page .template2 .middle-box .left-box, html.under600 body .post-single-page .template2 .middle-box .left-box {
  width: 100%;
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

html.landscape body .post-single-page .template2 .middle-box .left-box .ossan, html.ua-sp body .post-single-page .template2 .middle-box .left-box .ossan, html.under600 body .post-single-page .template2 .middle-box .left-box .ossan {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  height: 70px;
  margin-top: 1vh;
  text-align: right;
  width: 100%;
  position: relative;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

html.landscape body .post-single-page .template2 .middle-box .left-box .ossan img, html.ua-sp body .post-single-page .template2 .middle-box .left-box .ossan img, html.under600 body .post-single-page .template2 .middle-box .left-box .ossan img {
  max-width: 50%;
  height: auto;
  -webkit-transform: translate(-10%, -20%);
          transform: translate(-10%, -20%);
}

html.landscape body .post-single-page .template2 .middle-box .left-box .left-top-box, html.ua-sp body .post-single-page .template2 .middle-box .left-box .left-top-box, html.under600 body .post-single-page .template2 .middle-box .left-box .left-top-box {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

html.landscape body .post-single-page .template2 .middle-box .left-box .left-top-box .text, html.ua-sp body .post-single-page .template2 .middle-box .left-box .left-top-box .text, html.under600 body .post-single-page .template2 .middle-box .left-box .left-top-box .text {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .template2 .middle-box .left-box .left-top-box .back, html.ua-sp body .post-single-page .template2 .middle-box .left-box .left-top-box .back, html.under600 body .post-single-page .template2 .middle-box .left-box .left-top-box .back {
  left: auto;
  right: 0;
  bottom: auto;
  top: -10%;
  height: 140%;
}

html.landscape body .post-single-page .template2 .middle-box .left-box .left-middle, html.ua-sp body .post-single-page .template2 .middle-box .left-box .left-middle, html.under600 body .post-single-page .template2 .middle-box .left-box .left-middle {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  margin-top: 0;
}

html.landscape body .post-single-page .template2 .middle-box .left-box .left-middle .image-box, html.ua-sp body .post-single-page .template2 .middle-box .left-box .left-middle .image-box, html.under600 body .post-single-page .template2 .middle-box .left-box .left-middle .image-box {
  width: 74%;
  margin-left: 24px;
  position: relative;
}

html.landscape body .post-single-page .template2 .middle-box .left-box .left-middle .image-box .image-base, html.ua-sp body .post-single-page .template2 .middle-box .left-box .left-middle .image-box .image-base, html.under600 body .post-single-page .template2 .middle-box .left-box .left-middle .image-box .image-base {
  -webkit-transform: translate(-24px, -24px);
          transform: translate(-24px, -24px);
}

html.landscape body .post-single-page .template2 .middle-box .right-box, html.ua-sp body .post-single-page .template2 .middle-box .right-box, html.under600 body .post-single-page .template2 .middle-box .right-box {
  width: 100%;
  margin-top: 9.66667vh;
}

html.landscape body .post-single-page .template2 .middle-box .right-box .right-image, html.ua-sp body .post-single-page .template2 .middle-box .right-box .right-image, html.under600 body .post-single-page .template2 .middle-box .right-box .right-image {
  width: 74%;
  margin-right: 24px;
  margin-top: calc(24px + 2vh);
  margin-left: auto;
}

html.landscape body .post-single-page .template2 .middle-box .right-box .right-image .image-base, html.ua-sp body .post-single-page .template2 .middle-box .right-box .right-image .image-base, html.under600 body .post-single-page .template2 .middle-box .right-box .right-image .image-base {
  padding-top: 70%;
  -webkit-transform: translate(24px, -24px);
          transform: translate(24px, -24px);
}

html.landscape body .post-single-page .template2.inverted .first-box h3, html.ua-sp body .post-single-page .template2.inverted .first-box h3, html.under600 body .post-single-page .template2.inverted .first-box h3 {
  right: auto;
  left: 70%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

html.landscape body .post-single-page .template2.inverted .first-box .main-image, html.ua-sp body .post-single-page .template2.inverted .first-box .main-image, html.under600 body .post-single-page .template2.inverted .first-box .main-image {
  margin-left: 0;
  margin-right: auto;
}

html.landscape body .post-single-page .template2.inverted .middle-box .left-box, html.ua-sp body .post-single-page .template2.inverted .middle-box .left-box, html.under600 body .post-single-page .template2.inverted .middle-box .left-box {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

html.landscape body .post-single-page .template2.inverted .middle-box .left-box .left-middle .image-box .image-base, html.ua-sp body .post-single-page .template2.inverted .middle-box .left-box .left-middle .image-box .image-base, html.under600 body .post-single-page .template2.inverted .middle-box .left-box .left-middle .image-box .image-base {
  -webkit-transform: translate(-24px, -24px);
          transform: translate(-24px, -24px);
}

html.landscape body .post-single-page .template2.inverted .middle-box .right-box .right-image, html.ua-sp body .post-single-page .template2.inverted .middle-box .right-box .right-image, html.under600 body .post-single-page .template2.inverted .middle-box .right-box .right-image {
  margin-left: auto;
}

html.landscape body .post-single-page .template2.inverted .middle-box .right-box .right-image .image-base, html.ua-sp body .post-single-page .template2.inverted .middle-box .right-box .right-image .image-base, html.under600 body .post-single-page .template2.inverted .middle-box .right-box .right-image .image-base {
  -webkit-transform: translate(24px, -24px);
          transform: translate(24px, -24px);
}

html.landscape body .post-single-page .template3, html.ua-sp body .post-single-page .template3, html.under600 body .post-single-page .template3 {
  width: 100%;
  display: block;
  margin: 10vh 0;
}

html.landscape body .post-single-page .template3 .my-book, html.ua-sp body .post-single-page .template3 .my-book, html.under600 body .post-single-page .template3 .my-book {
  position: relative;
  z-index: 2;
}

html.landscape body .post-single-page .template3 .left-box, html.ua-sp body .post-single-page .template3 .left-box, html.under600 body .post-single-page .template3 .left-box {
  width: 100%;
}

html.landscape body .post-single-page .template3 .left-box .main-image, html.ua-sp body .post-single-page .template3 .left-box .main-image, html.under600 body .post-single-page .template3 .left-box .main-image {
  width: 80%;
  margin-left: auto;
}

html.landscape body .post-single-page .template3 .left-box .text-area, html.ua-sp body .post-single-page .template3 .left-box .text-area, html.under600 body .post-single-page .template3 .left-box .text-area {
  margin-top: 1vh;
  font-size: 0.9375rem;
  padding-left: 20px;
  margin-right: 10%;
}

html.landscape body .post-single-page .template3 .left-box .text-area .sp-ossan, html.ua-sp body .post-single-page .template3 .left-box .text-area .sp-ossan, html.under600 body .post-single-page .template3 .left-box .text-area .sp-ossan {
  float: left;
  display: inline-block;
  height: 3.5em;
  width: 35%;
  position: relative;
}

html.landscape body .post-single-page .template3 .left-box .text-area .sp-ossan img, html.ua-sp body .post-single-page .template3 .left-box .text-area .sp-ossan img, html.under600 body .post-single-page .template3 .left-box .text-area .sp-ossan img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
}

html.landscape body .post-single-page .template3 .right-box, html.ua-sp body .post-single-page .template3 .right-box, html.under600 body .post-single-page .template3 .right-box {
  width: 100%;
}

html.landscape body .post-single-page .template3 .right-box .my-book, html.ua-sp body .post-single-page .template3 .right-box .my-book, html.under600 body .post-single-page .template3 .right-box .my-book {
  display: none;
}

html.landscape body .post-single-page .template3 .right-box .sub-image, html.ua-sp body .post-single-page .template3 .right-box .sub-image, html.under600 body .post-single-page .template3 .right-box .sub-image {
  margin-left: auto;
  margin-top: 3vh;
  width: 75%;
}

html.landscape body .post-single-page .template3 .right-box .sub-image .sub-image-back, html.ua-sp body .post-single-page .template3 .right-box .sub-image .sub-image-back, html.under600 body .post-single-page .template3 .right-box .sub-image .sub-image-back {
  bottom: 8%;
}

html.landscape body .post-single-page .template3.inverted .left-box .text-area, html.ua-sp body .post-single-page .template3.inverted .left-box .text-area, html.under600 body .post-single-page .template3.inverted .left-box .text-area {
  margin-top: 0;
  padding-right: 20px;
  margin-left: 10%;
}

html.landscape body .post-single-page .template3.inverted .left-box .text-area .sp-ossan, html.ua-sp body .post-single-page .template3.inverted .left-box .text-area .sp-ossan, html.under600 body .post-single-page .template3.inverted .left-box .text-area .sp-ossan {
  float: right;
}

html.landscape body .post-single-page .template4 .template4-content, html.ua-sp body .post-single-page .template4 .template4-content, html.under600 body .post-single-page .template4 .template4-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .post-single-page .template4 .template4-content .left-content, html.ua-sp body .post-single-page .template4 .template4-content .left-content, html.under600 body .post-single-page .template4 .template4-content .left-content {
  width: 80%;
}

html.landscape body .post-single-page .template4 .template4-content .left-content .ossan, html.ua-sp body .post-single-page .template4 .template4-content .left-content .ossan, html.under600 body .post-single-page .template4 .template4-content .left-content .ossan {
  width: 100%;
  text-align: right;
  position: absolute;
  top: -50px;
  left: 30%;
  z-index: 4;
}

html.landscape body .post-single-page .template4 .template4-content .left-content .ossan img, html.ua-sp body .post-single-page .template4 .template4-content .left-content .ossan img, html.under600 body .post-single-page .template4 .template4-content .left-content .ossan img {
  max-width: 60%;
  height: auto;
}

html.landscape body .post-single-page .template4 .template4-content .right-content, html.ua-sp body .post-single-page .template4 .template4-content .right-content, html.under600 body .post-single-page .template4 .template4-content .right-content {
  width: 100%;
  margin-top: 2.5vh;
}

html.landscape body .post-single-page .template4 .template4-content .right-content .text-area, html.ua-sp body .post-single-page .template4 .template4-content .right-content .text-area, html.under600 body .post-single-page .template4 .template4-content .right-content .text-area {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .template4.inverted .template4-content .left-content, html.ua-sp body .post-single-page .template4.inverted .template4-content .left-content, html.under600 body .post-single-page .template4.inverted .template4-content .left-content {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

html.landscape body .post-single-page .sub-template1, html.ua-sp body .post-single-page .sub-template1, html.under600 body .post-single-page .sub-template1 {
  position: relative;
  width: 100%;
  display: block;
  margin: 10vh 0;
}

html.landscape body .post-single-page .sub-template1 h3, html.ua-sp body .post-single-page .sub-template1 h3, html.under600 body .post-single-page .sub-template1 h3 {
  position: absolute;
  left: 70%;
  top: 10%;
  -webkit-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%);
  z-index: 1;
  height: 100%;
  font-size: 0.875rem;
}

html.landscape body .post-single-page .sub-template1 .main-image, html.ua-sp body .post-single-page .sub-template1 .main-image, html.under600 body .post-single-page .sub-template1 .main-image {
  width: 70%;
}

html.landscape body .post-single-page .sub-template1 .main-image .main-image-base, html.ua-sp body .post-single-page .sub-template1 .main-image .main-image-base, html.under600 body .post-single-page .sub-template1 .main-image .main-image-base {
  -webkit-transform: translate(24px, -24px);
          transform: translate(24px, -24px);
}

html.landscape body .post-single-page .sub-template1.inverted h3, html.ua-sp body .post-single-page .sub-template1.inverted h3, html.under600 body .post-single-page .sub-template1.inverted h3 {
  left: auto;
  right: 80%;
  -webkit-transform: translate(50%, -25%);
          transform: translate(50%, -25%);
}

html.landscape body .post-single-page .sub-template1.inverted .main-image, html.ua-sp body .post-single-page .sub-template1.inverted .main-image, html.under600 body .post-single-page .sub-template1.inverted .main-image {
  margin-left: auto;
}

html.landscape body .post-single-page .sub-template1.inverted .main-image .main-image-base, html.ua-sp body .post-single-page .sub-template1.inverted .main-image .main-image-base, html.under600 body .post-single-page .sub-template1.inverted .main-image .main-image-base {
  -webkit-transform: -24px, -24px;
          transform: -24px, -24px;
}

html.landscape body .post-single-page .sub-template2, html.ua-sp body .post-single-page .sub-template2, html.under600 body .post-single-page .sub-template2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10vh 0;
}

html.landscape body .post-single-page .sub-template2 .text-box, html.ua-sp body .post-single-page .sub-template2 .text-box, html.under600 body .post-single-page .sub-template2 .text-box {
  width: 100%;
  padding-right: 0;
}

html.landscape body .post-single-page .sub-template2 .text-box h3, html.ua-sp body .post-single-page .sub-template2 .text-box h3, html.under600 body .post-single-page .sub-template2 .text-box h3 {
  font-size: 1.125rem;
}

html.landscape body .post-single-page .sub-template2 .text, html.ua-sp body .post-single-page .sub-template2 .text, html.under600 body .post-single-page .sub-template2 .text {
  font-size: 0.9375rem;
  padding-right: 0;
}

html.landscape body .post-single-page .sub-template2 .main-image, html.ua-sp body .post-single-page .sub-template2 .main-image, html.under600 body .post-single-page .sub-template2 .main-image {
  width: 100%;
  margin-top: 3vh;
  width: 90%;
  -webkit-transform: translate(12px, 0);
          transform: translate(12px, 0);
}

html.landscape body .post-single-page .sub-template2 .main-image .main-image-base, html.ua-sp body .post-single-page .sub-template2 .main-image .main-image-base, html.under600 body .post-single-page .sub-template2 .main-image .main-image-base {
  -webkit-transform: translate(-24px, 24px);
          transform: translate(-24px, 24px);
}

html.landscape body .post-single-page .sub-template2.inverted .text-box, html.ua-sp body .post-single-page .sub-template2.inverted .text-box, html.under600 body .post-single-page .sub-template2.inverted .text-box {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  padding-left: 0;
}

html.landscape body .post-single-page .sub-template2.inverted .text, html.ua-sp body .post-single-page .sub-template2.inverted .text, html.under600 body .post-single-page .sub-template2.inverted .text {
  padding-left: 0;
}

html.landscape body .post-single-page .sub-template2.inverted .main-image, html.ua-sp body .post-single-page .sub-template2.inverted .main-image, html.under600 body .post-single-page .sub-template2.inverted .main-image {
  -webkit-transform: translate(-12px, 0);
          transform: translate(-12px, 0);
  margin-top: calc(3vh + 24px);
}

html.landscape body .post-single-page .sub-template2.inverted .main-image .main-image-base, html.ua-sp body .post-single-page .sub-template2.inverted .main-image .main-image-base, html.under600 body .post-single-page .sub-template2.inverted .main-image .main-image-base {
  -webkit-transform: translate(24px, -24px);
          transform: translate(24px, -24px);
}

html.landscape body .post-single-page .sub-template3, html.ua-sp body .post-single-page .sub-template3, html.under600 body .post-single-page .sub-template3 {
  margin: 10vh 0;
}

html.landscape body .post-single-page .sub-template3 .sub-template-content, html.ua-sp body .post-single-page .sub-template3 .sub-template-content, html.under600 body .post-single-page .sub-template3 .sub-template-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .post-single-page .sub-template3 .sub-template-content .left-content, html.ua-sp body .post-single-page .sub-template3 .sub-template-content .left-content, html.under600 body .post-single-page .sub-template3 .sub-template-content .left-content {
  margin-top: 3vh;
  width: 90%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: auto;
}

html.landscape body .post-single-page .sub-template3 .sub-template-content .left-content .text, html.ua-sp body .post-single-page .sub-template3 .sub-template-content .left-content .text, html.under600 body .post-single-page .sub-template3 .sub-template-content .left-content .text {
  margin-top: 2.5vh;
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .sub-template3 .sub-template-content .right-content, html.ua-sp body .post-single-page .sub-template3 .sub-template-content .right-content, html.under600 body .post-single-page .sub-template3 .sub-template-content .right-content {
  width: 90%;
}

html.landscape body .post-single-page .sub-template3 .sub-template-content .right-content .image2, html.ua-sp body .post-single-page .sub-template3 .sub-template-content .right-content .image2, html.under600 body .post-single-page .sub-template3 .sub-template-content .right-content .image2 {
  margin-top: -100px;
}

html.landscape body .post-single-page .sub-template5 .sub5-innear, html.ua-sp body .post-single-page .sub-template5 .sub5-innear, html.under600 body .post-single-page .sub-template5 .sub5-innear {
  max-width: 100%;
  display: block;
}

html.landscape body .post-single-page .sub-template5 .text-box, html.ua-sp body .post-single-page .sub-template5 .text-box, html.under600 body .post-single-page .sub-template5 .text-box {
  width: 85%;
  margin: 0 auto;
}

html.landscape body .post-single-page .sub-template5 .text-box h3, html.ua-sp body .post-single-page .sub-template5 .text-box h3, html.under600 body .post-single-page .sub-template5 .text-box h3 {
  text-align: justify !important;
  text-justify: inter-ideograph !important;
  font-size: 1.0625rem;
}

html.landscape body .post-single-page .sub-template5 .text-box .text, html.ua-sp body .post-single-page .sub-template5 .text-box .text, html.under600 body .post-single-page .sub-template5 .text-box .text {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .sub-template5 .image, html.ua-sp body .post-single-page .sub-template5 .image, html.under600 body .post-single-page .sub-template5 .image {
  width: 80%;
  margin-top: 2.5vh;
}

html.landscape body .post-single-page .sub-template5.inverted .image, html.ua-sp body .post-single-page .sub-template5.inverted .image, html.under600 body .post-single-page .sub-template5.inverted .image {
  margin-left: auto;
}

html.landscape body .post-single-page .sub-template6, html.ua-sp body .post-single-page .sub-template6, html.under600 body .post-single-page .sub-template6 {
  display: block;
}

html.landscape body .post-single-page .sub-template6 .image, html.ua-sp body .post-single-page .sub-template6 .image, html.under600 body .post-single-page .sub-template6 .image {
  margin-left: auto;
  width: 90%;
}

html.landscape body .post-single-page .sub-template6 .text-box, html.ua-sp body .post-single-page .sub-template6 .text-box, html.under600 body .post-single-page .sub-template6 .text-box {
  margin: 2.5vh auto 0;
  width: 80%;
}

html.landscape body .post-single-page .sub-template6 .text-box .text, html.ua-sp body .post-single-page .sub-template6 .text-box .text, html.under600 body .post-single-page .sub-template6 .text-box .text {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .sub-template6.inverted .image, html.ua-sp body .post-single-page .sub-template6.inverted .image, html.under600 body .post-single-page .sub-template6.inverted .image {
  margin-left: 0;
  margin-right: auto;
}

html.landscape body .post-single-page .sub-template6.inverted .text-box, html.ua-sp body .post-single-page .sub-template6.inverted .text-box, html.under600 body .post-single-page .sub-template6.inverted .text-box {
  margin: 2.5vh auto 0;
}

html.landscape body .post-single-page .sub-template8 .text-field, html.ua-sp body .post-single-page .sub-template8 .text-field, html.under600 body .post-single-page .sub-template8 .text-field {
  width: 100% !important;
}

html.landscape body .post-single-page .sub-template8 .text-field h3, html.ua-sp body .post-single-page .sub-template8 .text-field h3, html.under600 body .post-single-page .sub-template8 .text-field h3 {
  text-align: justify !important;
  text-justify: inter-ideograph !important;
  font-size: 1.0625rem;
}

html.landscape body .post-single-page .sub-template8 .text-field .text, html.ua-sp body .post-single-page .sub-template8 .text-field .text, html.under600 body .post-single-page .sub-template8 .text-field .text {
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .sub-template9, html.ua-sp body .post-single-page .sub-template9, html.under600 body .post-single-page .sub-template9 {
  display: block;
}

html.landscape body .post-single-page .sub-template9 .text, html.ua-sp body .post-single-page .sub-template9 .text, html.under600 body .post-single-page .sub-template9 .text {
  width: 100%;
  font-size: 0.9375rem;
}

html.landscape body .post-single-page .sub-template9 .image-box, html.ua-sp body .post-single-page .sub-template9 .image-box, html.under600 body .post-single-page .sub-template9 .image-box {
  width: 100%;
  margin-top: 3vh;
}

html.landscape body .post-archive-page.category-events .bx-wrapper .bx-pager, html.ua-sp body .post-archive-page.category-events .bx-wrapper .bx-pager, html.under600 body .post-archive-page.category-events .bx-wrapper .bx-pager {
  width: auto;
  text-align: center;
}

html.landscape body .post-archive-page.category-model_course .bx-wrapper .bx-pager, html.ua-sp body .post-archive-page.category-model_course .bx-wrapper .bx-pager, html.under600 body .post-archive-page.category-model_course .bx-wrapper .bx-pager {
  width: auto;
  text-align: center;
}

html.landscape body .post-archive-page .breadcrumb, html.ua-sp body .post-archive-page .breadcrumb, html.under600 body .post-archive-page .breadcrumb {
  margin-top: 2vh;
}

html.landscape body .post-archive-page .breadcrumb ul li, html.ua-sp body .post-archive-page .breadcrumb ul li, html.under600 body .post-archive-page .breadcrumb ul li {
  font-size: 0.625rem;
}

html.landscape body .post-archive-page .serch_box, html.ua-sp body .post-archive-page .serch_box, html.under600 body .post-archive-page .serch_box {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

html.landscape body .post-archive-page .serch_box > li, html.ua-sp body .post-archive-page .serch_box > li, html.under600 body .post-archive-page .serch_box > li {
  max-width: 100%;
}

html.landscape body .post-archive-page .serch_box > li.ribon_title, html.ua-sp body .post-archive-page .serch_box > li.ribon_title, html.under600 body .post-archive-page .serch_box > li.ribon_title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 4.44444vh;
}

html.landscape body .post-archive-page .serch_box > li.ribon_title .text, html.ua-sp body .post-archive-page .serch_box > li.ribon_title .text, html.under600 body .post-archive-page .serch_box > li.ribon_title .text {
  font-size: 1.1875rem;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type, html.ua-sp body .post-archive-page .serch_box > li:last-of-type, html.under600 body .post-archive-page .serch_box > li:last-of-type {
  margin-left: 0;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type form .keyword, html.ua-sp body .post-archive-page .serch_box > li:last-of-type form .keyword, html.under600 body .post-archive-page .serch_box > li:last-of-type form .keyword {
  width: 210px;
  height: 28px;
  background-size: auto 80%;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type form button img, html.ua-sp body .post-archive-page .serch_box > li:last-of-type form button img, html.under600 body .post-archive-page .serch_box > li:last-of-type form button img {
  height: 28px;
  width: auto;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .pc-nav, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .pc-nav, html.under600 body .post-archive-page .serch_box > li:last-of-type .pc-nav {
  display: none;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav {
  display: block;
  width: 100%;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .line, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .line, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .line {
  width: 1px;
  background: rgba(153, 153, 153, 0.5);
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav {
  font-size: 1.0625rem;
  white-space: nowrap;
  line-height: 1.17647em;
  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: 0.25em 0;
  position: relative;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav a .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav a .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav a .online {
  display: block;
  height: 8px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
  opacity: 0;
  -webkit-transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear,-webkit-transform 0.1s linear;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav a:hover .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav a:hover .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav ul .archive-nav a:hover .online {
  opacity: 1;
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3vh;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2), html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2), html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) {
  color: #62BC77;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) .online {
  background: url(../image/post/archives/menu_line1.png) repeat-x left center;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4), html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4), html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) {
  color: #f7931e;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) .online {
  background: url(../image/post/archives/menu_line2.png) repeat-x left center;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6), html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6), html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) {
  color: #ed1c24;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) .online {
  background: url(../image/post/archives/menu_line3.png) repeat-x left center;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.5vh;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2), html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2), html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) {
  color: #3fa9f5;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) .online {
  background: url(../image/post/archives/menu_line4.png) repeat-x left center;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4), html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4), html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) {
  color: #d1bf15;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) .online {
  background: url(../image/post/archives/menu_line5.png) repeat-x left center;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6), html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6), html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) {
  color: #b78bcc;
}

html.landscape body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) .online, html.ua-sp body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) .online, html.under600 body .post-archive-page .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) .online {
  background: url(../image/post/archives/menu_line6.png) repeat-x left center;
}

html.landscape body .post-archive-page .bottom-slider .slide-box .bx-wrapper, html.ua-sp body .post-archive-page .bottom-slider .slide-box .bx-wrapper, html.under600 body .post-archive-page .bottom-slider .slide-box .bx-wrapper {
  width: 60%;
  margin: 0 auto;
}

html.landscape body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls, html.ua-sp body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls, html.under600 body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls {
  margin-top: 4.44444vh;
}

html.landscape body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager, html.ua-sp body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager, html.under600 body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager {
  position: static;
  margin: 0 auto;
}

html.landscape body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, html.ua-sp body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, html.under600 body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  background: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: 1px solid #22314c;
}

html.landscape body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, html.ua-sp body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, html.under600 body .post-archive-page .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background: #22314c;
}

html.landscape body .post-archive-page .sp-none, html.ua-sp body .post-archive-page .sp-none, html.under600 body .post-archive-page .sp-none {
  display: none !important;
}

html.landscape body .post-archive-page .pc-none, html.ua-sp body .post-archive-page .pc-none, html.under600 body .post-archive-page .pc-none {
  display: block;
}

html.landscape body .common-type .breadcrumb, html.ua-sp body .common-type .breadcrumb, html.under600 body .common-type .breadcrumb {
  margin-top: 2vh;
}

html.landscape body .common-type .breadcrumb ul li, html.ua-sp body .common-type .breadcrumb ul li, html.under600 body .common-type .breadcrumb ul li {
  font-size: 0.625rem;
}

html.landscape body .common-type .serch_box, html.ua-sp body .common-type .serch_box, html.under600 body .common-type .serch_box {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

html.landscape body .common-type .serch_box > li, html.ua-sp body .common-type .serch_box > li, html.under600 body .common-type .serch_box > li {
  max-width: 100%;
}

html.landscape body .common-type .serch_box > li.ribon_title, html.ua-sp body .common-type .serch_box > li.ribon_title, html.under600 body .common-type .serch_box > li.ribon_title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-top: 4.44444vh;
}

html.landscape body .common-type .serch_box > li.ribon_title .text, html.ua-sp body .common-type .serch_box > li.ribon_title .text, html.under600 body .common-type .serch_box > li.ribon_title .text {
  font-size: 1.1875rem;
}

html.landscape body .common-type .serch_box > li:last-of-type, html.ua-sp body .common-type .serch_box > li:last-of-type, html.under600 body .common-type .serch_box > li:last-of-type {
  margin-left: 0;
}

html.landscape body .common-type .serch_box > li:last-of-type form .keyword, html.ua-sp body .common-type .serch_box > li:last-of-type form .keyword, html.under600 body .common-type .serch_box > li:last-of-type form .keyword {
  width: 210px;
  height: 28px;
  background-size: auto 80%;
}

html.landscape body .common-type .serch_box > li:last-of-type form button img, html.ua-sp body .common-type .serch_box > li:last-of-type form button img, html.under600 body .common-type .serch_box > li:last-of-type form button img {
  height: 28px;
  width: auto;
}

html.landscape body .common-type .serch_box > li:last-of-type .pc-nav, html.ua-sp body .common-type .serch_box > li:last-of-type .pc-nav, html.under600 body .common-type .serch_box > li:last-of-type .pc-nav {
  display: none;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav {
  display: block;
  width: 100%;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav ul .line, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav ul .line, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav ul .line {
  width: 1px;
  background: rgba(153, 153, 153, 0.5);
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav {
  font-size: 1.0625rem;
  white-space: nowrap;
  line-height: 1.17647em;
  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: 0.25em 0;
  position: relative;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav a .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav a .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav a .online {
  display: block;
  height: 8px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 15px);
          transform: translate(0, 15px);
  opacity: 0;
  -webkit-transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: opacity 0.1s linear,-webkit-transform 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear;
  transition: transform 0.1s linear,opacity 0.1s linear,-webkit-transform 0.1s linear;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav a:hover .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav a:hover .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav ul .archive-nav a:hover .online {
  opacity: 1;
  -webkit-transform: translate(0, 8px);
          transform: translate(0, 8px);
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .first-nav, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .first-nav, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .first-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3vh;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2), html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2), html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) {
  color: #62BC77;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(2) .online {
  background: url(../image/post/archives/menu_line1.png) repeat-x left center;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4), html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4), html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) {
  color: #f7931e;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(4) .online {
  background: url(../image/post/archives/menu_line2.png) repeat-x left center;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6), html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6), html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) {
  color: #ed1c24;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .first-nav li:nth-of-type(6) .online {
  background: url(../image/post/archives/menu_line3.png) repeat-x left center;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .second-nav, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .second-nav, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .second-nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.5vh;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2), html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2), html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) {
  color: #3fa9f5;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(2) .online {
  background: url(../image/post/archives/menu_line4.png) repeat-x left center;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4), html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4), html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) {
  color: #d1bf15;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(4) .online {
  background: url(../image/post/archives/menu_line5.png) repeat-x left center;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6), html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6), html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) {
  color: #b78bcc;
}

html.landscape body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) .online, html.ua-sp body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) .online, html.under600 body .common-type .serch_box > li:last-of-type .sp-nav .second-nav li:nth-of-type(6) .online {
  background: url(../image/post/archives/menu_line6.png) repeat-x left center;
}

html.landscape body .common-type .bottom-slider .slide-box .bx-wrapper, html.ua-sp body .common-type .bottom-slider .slide-box .bx-wrapper, html.under600 body .common-type .bottom-slider .slide-box .bx-wrapper {
  width: 60%;
  margin: 0 auto;
}

html.landscape body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls, html.ua-sp body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls, html.under600 body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls {
  margin-top: 4.44444vh;
}

html.landscape body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager, html.ua-sp body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager, html.under600 body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager {
  position: static;
  margin: 0 auto;
}

html.landscape body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, html.ua-sp body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a, html.under600 body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  background: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: 1px solid #22314c;
}

html.landscape body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, html.ua-sp body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active, html.under600 body .common-type .bottom-slider .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background: #22314c;
}

html.landscape body .common-type .bx-wrapper .bx-pager, html.ua-sp body .common-type .bx-wrapper .bx-pager, html.under600 body .common-type .bx-wrapper .bx-pager {
  width: auto;
  text-align: center;
}

html.landscape body .local_speciality-page .tokusan-box, html.ua-sp body .local_speciality-page .tokusan-box, html.under600 body .local_speciality-page .tokusan-box {
  width: 100%;
  max-width: 100%;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content, html.under600 body .local_speciality-page .tokusan-box .tokusan-content {
  display: block;
  padding: 6.33333vh 5%;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content:nth-of-type(even), html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content:nth-of-type(even), html.under600 body .local_speciality-page .tokusan-box .tokusan-content:nth-of-type(even) {
  background: #f2f2f2;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content .left-content, html.landscape body .local_speciality-page .tokusan-box .tokusan-content .right-content, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .left-content, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .right-content, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .left-content, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .right-content {
  width: 100%;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content .left-content .text, html.landscape body .local_speciality-page .tokusan-box .tokusan-content .right-content .text, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .left-content .text, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .right-content .text, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .left-content .text, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .right-content .text {
  font-size: 0.9375rem;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box, html.landscape body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .left-content .tokusan-info .info-box, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .right-content .tokusan-info .info-box {
  font-size: 0.9375rem;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box {
  display: block !important;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2 {
  text-align: center;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2 .price, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2 .price, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .left-content .title-box h2 .price {
  display: block;
}

html.landscape body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box, html.ua-sp body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box, html.under600 body .local_speciality-page .tokusan-box .tokusan-content .right-content .title-box {
  display: none;
}

html.landscape body .pamphlet-page .pamphlet-wrap .top-text, html.ua-sp body .pamphlet-page .pamphlet-wrap .top-text, html.under600 body .pamphlet-page .pamphlet-wrap .top-text {
  font-size: 1rem;
}

html.landscape body .pamphlet-page .pamphlet-wrap .pamphlet-list li, html.ua-sp body .pamphlet-page .pamphlet-wrap .pamphlet-list li, html.under600 body .pamphlet-page .pamphlet-wrap .pamphlet-list li {
  width: 45%;
}

html.landscape body .pamphlet-page .pamphlet-wrap .pamphlet-list li figure figcaption, html.ua-sp body .pamphlet-page .pamphlet-wrap .pamphlet-list li figure figcaption, html.under600 body .pamphlet-page .pamphlet-wrap .pamphlet-list li figure figcaption {
  font-size: 0.9375rem;
}

html.landscape body .pamphlet-page .pamphlet-wrap .pamphlet-list li .download, html.ua-sp body .pamphlet-page .pamphlet-wrap .pamphlet-list li .download, html.under600 body .pamphlet-page .pamphlet-wrap .pamphlet-list li .download {
  font-size: 0.9375rem;
}

html.landscape body .pamphlet-page .pamphlet-wrap .pamphlet-list li .nth, html.ua-sp body .pamphlet-page .pamphlet-wrap .pamphlet-list li .nth, html.under600 body .pamphlet-page .pamphlet-wrap .pamphlet-list li .nth {
  font-size: 9.0625rem;
}

html.landscape body .pamphlet-page .pamphlet-wrap .pamphlet-list:after, html.ua-sp body .pamphlet-page .pamphlet-wrap .pamphlet-list:after, html.under600 body .pamphlet-page .pamphlet-wrap .pamphlet-list:after {
  width: 45%;
}

html.landscape body .link-page .link-content ul li, html.ua-sp body .link-page .link-content ul li, html.under600 body .link-page .link-content ul li {
  max-width: 30%;
}

html.landscape body .link-page .link-content ul li a figure figcaption, html.ua-sp body .link-page .link-content ul li a figure figcaption, html.under600 body .link-page .link-content ul li a figure figcaption {
  line-height: 1.5em;
  font-size: 0.625rem;
}

@media (max-width: 340px) {
  html.landscape body .link-page .link-content ul li, html.ua-sp body .link-page .link-content ul li, html.under600 body .link-page .link-content ul li {
    max-width: 45%;
  }
}

html.landscape body .contact-page .contact-content .form-content .mini-text, html.ua-sp body .contact-page .contact-content .form-content .mini-text, html.under600 body .contact-page .contact-content .form-content .mini-text {
  font-size: 0.9375rem;
  width: 90%;
  margin: 0 auto;
}

html.landscape body .contact-page .contact-content .form-content form dl dt, html.ua-sp body .contact-page .contact-content .form-content form dl dt, html.under600 body .contact-page .contact-content .form-content form dl dt {
  font-size: 1rem;
}

html.landscape body .contact-page .contact-content .form-content form .text-field, html.ua-sp body .contact-page .contact-content .form-content form .text-field, html.under600 body .contact-page .contact-content .form-content form .text-field {
  font-size: 0.9375rem;
}

html.landscape body .contact-page .contact-content .form-content.siryo h2, html.ua-sp body .contact-page .contact-content .form-content.siryo h2, html.under600 body .contact-page .contact-content .form-content.siryo h2 {
  font-size: 1.125rem;
}

html.landscape body .access-page .access-text-box dl, html.ua-sp body .access-page .access-text-box dl, html.under600 body .access-page .access-text-box dl {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .access-page .access-text-box dl dd, html.ua-sp body .access-page .access-text-box dl dd, html.under600 body .access-page .access-text-box dl dd {
  width: 100%;
  margin-top: 1vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 2.5vh;
}

html.landscape body .access-page .access-text-box dl dd p .text, html.ua-sp body .access-page .access-text-box dl dd p .text, html.under600 body .access-page .access-text-box dl dd p .text {
  font-size: 1rem;
}

html.landscape body .content-page .content-list .list .category-box, html.ua-sp body .content-page .content-list .list .category-box, html.under600 body .content-page .content-list .list .category-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .content-page .content-list .list .category-box h3, html.ua-sp body .content-page .content-list .list .category-box h3, html.under600 body .content-page .content-list .list .category-box h3 {
  margin-bottom: 8px;
}

html.landscape body .content-page .content-list .mini-list, html.ua-sp body .content-page .content-list .mini-list, html.under600 body .content-page .content-list .mini-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

html.landscape body .content-page .content-list .mini-list h2, html.ua-sp body .content-page .content-list .mini-list h2, html.under600 body .content-page .content-list .mini-list h2 {
  margin-bottom: 8px;
}

html.landscape body .privacy-policy-page .privacy-policy-content .top-text, html.ua-sp body .privacy-policy-page .privacy-policy-content .top-text, html.under600 body .privacy-policy-page .privacy-policy-content .top-text {
  font-size: 0.9375rem;
}

html.landscape body .privacy-policy-page .privacy-policy-content section h2, html.ua-sp body .privacy-policy-page .privacy-policy-content section h2, html.under600 body .privacy-policy-page .privacy-policy-content section h2 {
  font-size: 1rem;
}

html.landscape body .privacy-policy-page .privacy-policy-content section .text, html.ua-sp body .privacy-policy-page .privacy-policy-content section .text, html.under600 body .privacy-policy-page .privacy-policy-content section .text {
  font-size: 0.875rem;
}

html.landscape body #tophe, html.ua-sp body #tophe, html.under600 body #tophe {
  bottom: 15%;
}

html.landscape body #tophe img, html.ua-sp body #tophe img, html.under600 body #tophe img {
  width: 30px;
  height: auto;
}

html.landscape {
  padding-bottom: 0;
}

@media (max-width: 370px) {
  body .top_degital_book {
    display: none;
  }
  body .infoormation-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  body .infoormation-item .date {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  body .infoormation-item [class*="post_category"] {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  body .infoormation-item h3 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  body .main_footer .footer_box .degital_book {
    display: block;
  }
  body .main_footer .footer_box .middle_content li:nth-of-type(2) {
    font-size: 0.6875rem;
  }
  body .main_footer .copy-light {
    font-size: 0.625rem;
    letter-spacing: 0;
  }
}

.preload {
  position: fixed;
  top: -10000px;
  left: -10000px;
}

.ribon_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ribon_title .text {
  font-size: 1.4375rem;
  letter-spacing: 0.2em;
  display: inline-block;
  font-weight: 700;
  padding: 10px 0 15px;
}

.bx-wrapper {
  margin-bottom: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 16px;
  height: 16px;
  background: url(../image/top/slide_button.png) no-repeat center center;
  background: -webkit-image-set(url(../image/top/slide_button.png) 1x, url(../image/top/slide_button@2x.png) 2x) no-repeat center center;
  background-size: 100% 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: url(../image/top/slide_button2.png) no-repeat center center;
  background: -webkit-image-set(url(../image/top/slide_button2.png) 1x, url(../image/top/slide_button2@2x.png) 2x) no-repeat center center;
  background-size: 100% 100%;
}

.bx-wrapper .bx-pager {
  bottom: 20%;
  left: 6%;
  width: 130px;
  text-align: left;
  z-index: 500;
}

.page-information .content-header,
.category-information-ja .content-header,
.category-online-store-ja .content-header,
.single .content-header {
  max-width: 1000px;
  margin: 0 auto;
  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: 50px 0;
}

.page-information .content-header .category-list,
.category-information-ja .content-header .category-list,
.category-online-store-ja .content-header .category-list,
.single .content-header .category-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
}

.page-information .content-header .category-list [class*="post_category"],
.category-information-ja .content-header .category-list [class*="post_category"],
.category-online-store-ja .content-header .category-list [class*="post_category"],
.single .content-header .category-list [class*="post_category"] {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 40px;
}

.page-information .content-header .category-list [class*="post_category"]::before,
.category-information-ja .content-header .category-list [class*="post_category"]::before,
.category-online-store-ja .content-header .category-list [class*="post_category"]::before,
.single .content-header .category-list [class*="post_category"]::before {
  content: "";
  width: 17px;
  height: 20px;
  margin-right: 5px;
}

.page-information .content-header .category-list [class*="post_category_online-store"]::before,
.category-information-ja .content-header .category-list [class*="post_category_online-store"]::before,
.category-online-store-ja .content-header .category-list [class*="post_category_online-store"]::before,
.single .content-header .category-list [class*="post_category_online-store"]::before {
  content: "";
  background: url("../image/common/ribbon_green.svg") no-repeat center;
}

.page-information .content-header .category-list [class*="post_category_information"]::before,
.category-information-ja .content-header .category-list [class*="post_category_information"]::before,
.category-online-store-ja .content-header .category-list [class*="post_category_information"]::before,
.single .content-header .category-list [class*="post_category_information"]::before {
  background: url("../image/common/ribbon_blue.svg") no-repeat center;
}

.page-information .content-header .category-list [class*="post_category_events"]::before,
.category-information-ja .content-header .category-list [class*="post_category_events"]::before,
.category-online-store-ja .content-header .category-list [class*="post_category_events"]::before,
.single .content-header .category-list [class*="post_category_events"]::before {
  background: url("../image/common/ribbon_red.svg") no-repeat center;
}

.page-information .post-content,
.category-information-ja .post-content,
.category-online-store-ja .post-content,
.single .post-content {
  max-width: 1000px;
  margin: 0 auto;
}

.page-information .post-content-single,
.category-information-ja .post-content-single,
.category-online-store-ja .post-content-single,
.single .post-content-single {
  max-width: 1000px;
  padding: 30px 0;
  margin: 0 auto;
  border-top: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
}

.page-information .post-content-single .post-header,
.category-information-ja .post-content-single .post-header,
.category-online-store-ja .post-content-single .post-header,
.single .post-content-single .post-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.page-information .post-content-single .post-header .date,
.category-information-ja .post-content-single .post-header .date,
.category-online-store-ja .post-content-single .post-header .date,
.single .post-content-single .post-header .date {
  -ms-flex-preferred-size: 12rem;
      flex-basis: 12rem;
  margin: 0;
}

.page-information .post-content-single p,
.category-information-ja .post-content-single p,
.category-online-store-ja .post-content-single p,
.single .post-content-single p {
  line-height: 2;
  margin-bottom: 20px;
}

img.livcam{
  width: 100%;
  transition: 1s;
}

img.livcam:hover{
  transform: scale(1.9);
}

.img-frame{
  width: 100%;
  overflow: hidden;
}