@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, form {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  empty-cells: show;
}

th, td {
  text-align: left;
  vertical-align: top;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
}

input, textarea, select {
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

select::-ms-expand {
  display: none;
}

[disabled] {
  cursor: not-allowed;
}

html,
:root {
  font-size: 100px;
}
@media screen and (max-width: 1088px) {
  html,
  :root {
    font-size: 9.1911764706vw;
  }
}
@media screen and (max-width: 959px) {
  html,
  :root {
    font-size: 10.4166666667vw;
  }
}

body {
  color: #000;
  font-family: "Noto Sans CJK JP", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: .18rem;
  letter-spacing: .1em;
  line-height: 1.7777777778;
}
@media screen and (max-width: 599px) {
  body {
    font-size: 3.2vw;
    line-height: 1.5833333333;
  }
}

.serif {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

img,
video {
  max-width: 100%;
}

#wrap {
  position: relative;
  overflow: hidden;
}

.mt_m {
  margin-top: 15px;
}
@media screen and (max-width: 599px) {
  .mt_m {
    margin-top: 10px;
  }
}
.mt_m.indent {
  padding-left: 0 !important;
}

.wrap {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3.125%;
  padding-left: 3.125%;
}

img[src$="_sp.jpg"],
img[src$="_sp.png"] {
  display: none;
}
@media screen and (max-width: 599px) {
  img[src$="_sp.jpg"],
  img[src$="_sp.png"] {
    display: inline-block;
  }
  img[src$="_sp.jpg"] ~ img,
  img[src$="_sp.png"] ~ img {
    display: none;
  }
}

img[src$="_tb.jpg"],
img[src$="_tb.png"] {
  display: none;
}
@media screen and (max-width: 959px) {
  img[src$="_tb.jpg"],
  img[src$="_tb.png"] {
    display: inline-block;
  }
  img[src$="_tb.jpg"] ~ img,
  img[src$="_tb.png"] ~ img {
    display: none;
  }
}

.sp,
.tb,
.slick-slide img.tb {
  display: none;
}

@media screen and (max-width: 959px) {
  .slick-slide img.pc,
  .pc {
    display: none;
  }

  .tb {
    display: block;
  }

  .slick-slide img.tb,
  br.tb {
    display: inline;
  }
}
@media screen and (max-width: 599px) {
  br.sp {
    display: inline;
  }
}
.hov {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.hov.hover {
  opacity: .75;
}

html {
  overflow-y: scroll;
}

body {
  height: 100vh;
  overflow: hidden;
}
body.ready {
  height: auto;
  overflow: auto;
}
body.ready #header .image {
  -webkit-transform: translate3D(0, 0, 0) scale(1);
          transform: translate3D(0, 0, 0) scale(1);
}

#header {
  position: relative;
}
#header .image {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate3D(50%, 0, 0) scale(0.25);
          transform: translate3D(50%, 0, 0) scale(0.25);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: -webkit-transform 0.75s 1s cubic-bezier(0.29, 0.93, 0.42, 0.99);
  transition: -webkit-transform 0.75s 1s cubic-bezier(0.29, 0.93, 0.42, 0.99);
  transition: transform 0.75s 1s cubic-bezier(0.29, 0.93, 0.42, 0.99);
  transition: transform 0.75s 1s cubic-bezier(0.29, 0.93, 0.42, 0.99), -webkit-transform 0.75s 1s cubic-bezier(0.29, 0.93, 0.42, 0.99);
}
@media screen and (max-width: 599px) {
  #header .image {
    top: 65.0666666667vw;
  }
}

.fixedArea {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  background: none;
  /*
  .good{
    position: absolute;
    left:0;
    bottom:-60px;
    @include sp {
      bottom:-55px;
      left: auto;
      right:0;
    }
    img{
      @include sp {
        width: 124px;
      }
    }
  }
  */
}
.fixedArea::before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: url("../imgs/shadow_top.png") bottom center/100% 100% no-repeat;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  content: "";
  opacity: 0;
}
@media screen and (max-width: 599px) {
  .fixedArea::before {
    background: #000;
  }
}
.fixedArea.gradation::before {
  opacity: 1;
}
.fixedArea .logo {
  float: left;
  width: 80px;
  padding: 25px 20px 40px;
  background: #000;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.fixedArea .navi a.on {
  color: #c19c3a;
}
.fixedArea .navi.pc {
  float: right;
  padding-top: .25rem;
  padding-right: .3rem;
  color: #fff;
  font-size: .15rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fixedArea .navi.pc a {
  -webkit-transition: .3s;
  transition: .3s;
}
.fixedArea .navi.pc a.hover, .fixedArea .navi.pc a.on {
  color: #c19c3a;
}
.fixedArea .navi.pc a.sns {
  position: relative;
  display: inline-block;
}
.fixedArea .navi.pc a.sns.twi {
  width: .22rem;
  margin-left: .21rem;
  vertical-align: -.04rem;
}
.fixedArea .navi.pc a.sns.insta {
  width: .17rem;
  margin-left: .15rem;
  vertical-align: -.05rem;
}
.fixedArea .navi.pc a.sns img {
  width: 100%;
}
.fixedArea .navi.pc a.sns img.ov {
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.fixedArea .navi.pc a.sns.hover img.ov {
  opacity: 1;
}
.fixedArea .newsIcon {
  opacity: 1;
  float: right;
  width: .48rem;
  height: .43rem;
  padding: .15rem .20rem;
  border-left: 1px solid #fff;
  cursor: pointer;
  position: relative;
}
.fixedArea .newsIcon img {
  width: 100%;
  height: auto;
  -webkit-transition: .3s;
  transition: .3s;
}
.fixedArea .newsIcon img.ov {
  width: .48rem;
  height: .43rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.fixedArea .newsIcon.hover img.df {
  opacity: 0;
}
.fixedArea .newsIcon.hover img.ov {
  opacity: 1;
}
@media screen and (max-width: 599px) {
  .fixedArea {
    background: #000;
  }
  .fixedArea .logo {
    float: left;
    width: 55px;
    padding: 13px 20px;
    background: #000;
  }
  .fixedArea .navi.sp {
    z-index: 9999;
    color: #fff;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 710px;
    background-color: rgba(29, 29, 29, 0.9);
    -webkit-transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin-top: 62px;
    overflow: scroll;
  }
  .fixedArea .navi.sp p {
    padding-top: 30px;
    padding-left: 30px;
    font-size: 12px;
  }
  .fixedArea .navi.sp.closeMode {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    position: fixed;
    top: 0;
  }
  .fixedArea .navi.sp.openMode {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 29, 29, 0.9);
    margin-top: 60px;
    overflow-y: scroll;
  }
  .fixedArea .newsIcon,
  .fixedArea .naviIcon {
    opacity: 1;
    float: right;
    width: 60px;
    height: 60px;
    padding: 0;
    border-left: 1px solid #333333;
  }
  .fixedArea .newsIcon img,
  .fixedArea .naviIcon img {
    width: 60px;
    height: 60px;
  }
  .fixedArea .naviIcon .close.sp,
  .fixedArea .newsIcon .close.sp {
    opacity: 0;
    display: none !important;
    -webkit-transition: 0.25s ease 0.4s;
    transition: 0.25s ease 0.4s;
  }
  .fixedArea .naviIcon .open.active.sp,
  .fixedArea .newsIcon .open.active.sp {
    opacity: 1;
    display: block !important;
    -webkit-transition: 0.25s ease 0.4s;
    transition: 0.25s ease 0.4s;
  }
  .fixedArea .naviIcon .open.sp,
  .fixedArea .newsIcon .open.sp {
    opacity: 0;
    display: none !important;
    -webkit-transition: 0.25s ease 0.4s;
    transition: 0.25s ease 0.4s;
  }
  .fixedArea .naviIcon .close.active.sp,
  .fixedArea .newsIcon .close.active.sp {
    opacity: 1;
    display: block !important;
    -webkit-transition: 0.25s ease 0.4s;
    transition: 0.25s ease 0.4s;
  }
  .fixedArea .sns {
    text-align: center;
    float: right;
    padding: 12px 15px;
    height: 60px;
    border-left: #333 1px solid;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1;
  }
  .fixedArea .sns a {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
  }
  .fixedArea .sns a.twi {
    width: 21px;
  }
  .fixedArea .sns a.insta {
    width: 20px;
    margin-left: 12px;
  }
  .fixedArea .sns span {
    display: block;
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    letter-spacing: .05em;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
}

.fixedArea.scroll {
  background: #000;
}
.fixedArea.scroll .logo {
  float: left;
  width: .72rem;
  padding: .13rem .35rem .13rem 3%;
  background: #000;
}
@media screen and (max-width: 599px) {
  .fixedArea.scroll .logo {
    width: 55px;
    padding: 10px 20px 13px;
  }
}
.fixedArea.scroll .navi {
  float: right;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fixedArea.scroll .newsIcon {
  opacity: 1;
  float: right;
  width: .48rem;
  height: .43rem;
  padding: .15rem .20rem;
  border-left: 1px solid #333333;
}
.fixedArea.scroll .newsIcon img.df {
  opacity: 0;
}
.fixedArea.scroll .newsIcon img.ov {
  opacity: 1;
}
@media screen and (max-width: 599px) {
  .fixedArea.scroll .newsIcon {
    width: 60px;
    height: 60px;
    padding: 0;
  }
}

.news {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: #111111;
}
@media screen and (max-width: 599px) {
  .news .newsInner {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 710px;
    background-color: rgba(29, 29, 29, 0.9);
    -webkit-transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin-top: 60px;
    overflow: scroll;
  }
  .news .newsInner .icon {
    display: none;
  }
  .news .newsInner .list {
    margin: 30px;
  }
  .news .newsInner .list dt {
    display: block;
    width: 100%;
    color: #999999;
  }
  .news .newsInner .list dt:nth-of-type(n+2) {
    margin-top: 25px;
  }
  .news .newsInner .list dd {
    display: block;
    width: 100%;
    line-height: 1.5;
  }
  .news .newsInner.closeMode {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    position: fixed;
    top: 0;
  }
  .news .newsInner.openMode {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(29, 29, 29, 0.9);
    margin-top: 62px;
    overflow-y: scroll;
  }
  .news .newsInner.openMode .icon {
    display: none;
  }
  .news .newsInner.openMode .list {
    margin: 30px;
    width: 340px;
  }
  .news .newsInner.openMode .list dt {
    display: block;
    width: 100%;
    color: #999999;
    font-size: 12px;
  }
  .news .newsInner.openMode .list dt:nth-of-type(n+2) {
    margin-top: 25px;
  }
  .news .newsInner.openMode .list dd {
    display: block;
    width: 100%;
    line-height: 1.5;
    font-size: 12px;
  }
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 30px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fff;
  width: 560px;
}
.list dt {
  color: #6e6e6e;
  width: 176px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: .1em;
}
.list dt:nth-of-type(n+2) {
  display: none;
}
.list .icon {
  display: inline-block;
  width: 24px;
  padding-right: 20px;
  line-height: 1.6153846154;
}
.list .icon img {
  vertical-align: middle;
}
.list dd {
  width: 360px;
  font-size: 13px;
  line-height: 1.6153846154;
  letter-spacing: .1em;
}
.list dd:nth-of-type(n+2) {
  display: none;
}
.list dd a {
  -webkit-transition: .3s;
  transition: .3s;
}
.list dd a.hover {
  color: #c19c3a;
}

.news .newsInner {
  position: fixed;
  top: 0;
  right: -400px;
  width: 400px;
  height: 710px;
  background-color: rgba(29, 29, 29, 0.9);
  margin-top: 60px;
  overflow: scroll;
}
.news .newsInner .icon {
  display: none;
}
.news .newsInner .list {
  margin: 30px;
}
.news .newsInner .list dt {
  display: block;
  width: 100%;
  color: #999999;
}
.news .newsInner .list dt:nth-of-type(n+2) {
  margin-top: 25px;
}
.news .newsInner .list dd {
  display: block;
  width: 100%;
  line-height: 1.5;
}

.news .newsInner.closeMode {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: fixed;
  top: 0;
}

.news .newsInner.openMode {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: calc(100vh - .74rem);
  background-color: rgba(29, 29, 29, 0.9);
  margin-top: .74rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (max-width: 599px) {
  .news .newsInner.openMode {
    width: 100%;
    height: 100%;
    margin-top: 60px;
  }
}
.news .newsInner.openMode .icon {
  display: none;
}
.news .newsInner.openMode .list {
  margin: 30px auto;
  padding: 0 30px;
  width: 340px;
  height: auto;
  overflow-y: scroll;
}
.news .newsInner.openMode .list dt {
  display: block;
  width: 100%;
  color: #999999;
}
.news .newsInner.openMode .list dt:nth-of-type(n+2) {
  margin-top: 25px;
}
.news .newsInner.openMode .list dd {
  display: block;
  width: 100%;
  line-height: 1.5;
}

.fixedArea .newsIcon.openMode .open.pc {
  opacity: 0;
  display: none !important;
}
.fixedArea .newsIcon.closeMode .close.pc {
  opacity: 0;
  display: none !important;
}

#main {
  position: relative;
  z-index: +1;
}
#main .news {
  margin: .65rem 0 0;
  padding: .12rem 0 0;
  position: relative;
}
@media screen and (max-width: 959px) {
  #main .news {
    margin: .97rem .1rem 0;
    padding: .1rem 0 0;
  }
}
@media screen and (max-width: 599px) {
  #main .news {
    margin: 24.8vw 2.1333333333vw 0;
    padding: 0.8vw 0 0;
  }
}
#main .news::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 599px) {
  #main .news::before {
    width: 0.5333333333vw;
  }
}
#main .news .title {
  width: 2.24rem;
  margin: 0 0 0 .33rem;
}
@media screen and (max-width: 599px) {
  #main .news .title {
    width: 37.4666666667vw;
    margin: 0 0 0 4.2666666667vw;
  }
}
#main .news .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .36rem 0 0 .88rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#main .news .list + .list {
  margin-top: 0;
}
@media screen and (max-width: 959px) {
  #main .news .list {
    margin: .34rem .28rem 0 1.14rem;
  }
}
@media screen and (max-width: 599px) {
  #main .news .list {
    display: block;
    margin: 6.6666666667vw 0 0 5.3333333333vw;
  }
}
#main .news .list dt, #main .news .list dd {
  margin: .16rem 0 0;
}
@media screen and (max-width: 959px) {
  #main .news .list dt, #main .news .list dd {
    margin: .22rem 0 0;
    line-height: .24rem;
  }
}
#main .news .list dt {
  width: 1.76rem;
  font-family: Garamond;
  font-size: .24rem;
  font-weight: bold;
  line-height: 1.3333333333;
  letter-spacing: 0.13em;
}
@media screen and (max-width: 959px) {
  #main .news .list dt {
    line-height: 1;
  }
}
@media screen and (max-width: 599px) {
  #main .news .list dt {
    width: auto;
    margin: 3.2vw 0 0;
    font-size: 4vw;
  }
}
#main .news .list dd {
  width: calc(100% - 1.76rem);
}
@media screen and (max-width: 599px) {
  #main .news .list dd {
    width: auto;
    margin: 0;
    line-height: 1.4166666667;
  }
}
#main .news .list a.hover {
  text-decoration: underline;
}
#main .infobnr {
  margin-right: .1rem;
}
@media screen and (max-width: 959px) {
  #main .infobnr {
    margin: .56rem 1.14rem 0 1.14rem;
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr {
    margin: 0 2.1333333333vw;
  }
}
#main .infobnr .btn {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: .6rem auto 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 840px;
  width: 82.841%;
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn {
    width: auto;
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn {
    margin: 5.8666666667vw 0 0;
  }
}
#main .infobnr .btn li {
  width: 4.08rem;
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn li {
    width: 3.1rem;
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li {
    width: 42.5333333333vw;
  }
}
#main .infobnr .btn li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: .9rem;
  padding: 0 0 0 1.55rem;
  background: 0 0 / contain no-repeat;
  color: #fff;
  font-size: .16rem;
  line-height: 1.5;
  -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;
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn li a {
    padding: 0 0 0 1.1rem;
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li a {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16.9333333333vw;
    padding: 8.5333333333vw 0 0;
    font-size: 2.6666666667vw;
    line-height: 1.4;
    text-align: center;
  }
}
#main .infobnr .btn li.btn01 a {
  background-image: url("../imgs/bt01.jpg");
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn li.btn01 a {
    background-image: url("../imgs/bt01_tb.jpg");
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li.btn01 a {
    background-image: url("../imgs/bt01_sp.jpg");
  }
}
#main .infobnr .btn li.btn02 {
  margin: 0;
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li.btn02 {
    margin: 0;
  }
}
#main .infobnr .btn li.btn02 a {
  background-image: url("../imgs/bt02.jpg");
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn li.btn02 a {
    background-image: url("../imgs/bt02_tb.jpg");
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li.btn02 a {
    background-image: url("../imgs/bt02_sp.jpg");
  }
}
#main .infobnr .btn li.btn03 a {
  background-image: url("../imgs/bt03.jpg");
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn li.btn03 a {
    background-image: url("../imgs/bt03_tb.jpg");
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li.btn03 a {
    background-image: url("../imgs/bt03_sp.jpg");
  }
}
#main .infobnr .btn li.btn04 a {
  color: #6b3826;
  background-image: url("../imgs/bt04.jpg");
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn li.btn04 a {
    background-image: url("../imgs/bt04_tb.jpg");
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li.btn04 a {
    background-image: url("../imgs/bt04_sp.jpg");
  }
}
#main .infobnr .btn li.btn05 a {
  color: #6b3826;
  background-image: url("../imgs/bt05.jpg");
}
@media screen and (max-width: 959px) {
  #main .infobnr .btn li.btn05 a {
    background-image: url("../imgs/bt05_tb.jpg");
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .btn li.btn05 a {
    background-image: url("../imgs/bt05_sp.jpg");
  }
}
#main .infobnr .bnr {
  margin: .3rem auto 0;
  text-align: center;
  max-width: 840px;
  width: 82.841%;
}
@media screen and (max-width: 959px) {
  #main .infobnr .bnr {
    width: auto;
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .bnr {
    margin: 4vw auto 0;
    width: 100%;
  }
  #main .infobnr .bnr .sp {
    display: inline-block;
  }
}
#main .infobnr .bnr + .btn {
  margin: .3rem auto 0 auto;
}
#main .infobnr .bnr a {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#main .infobnr .bnr a.hover {
  opacity: .75;
}
@media screen and (max-width: 959px) {
  #main .infobnr .bnr a.pc {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  #main .infobnr .bnr a.pc {
    display: none;
  }
}
#main .block01 {
  margin: .45rem 0 0;
  padding: 2.43rem 0 0;
  position: relative;
}
@media screen and (max-width: 959px) {
  #main .block01 {
    margin: .8rem 0 0;
    padding: 2.1rem 0 0;
  }
}
@media screen and (max-width: 599px) {
  #main .block01 {
    margin: 11.7333333333vw 0 0;
    padding: 26.6666666667vw 2.1333333333vw 0;
  }
}
#main .block01 > .bg {
  width: 100%;
  height: calc(100vw * 2044 / 2879);
  position: absolute;
  top: 0;
  right: 0;
  background: url("../imgs/bg01.png") 50% 0/100% auto no-repeat;
}
@media screen and (max-width: 1088px) {
  #main .block01 > .bg {
    height: calc(100vw * 1004 / 1088);
    background-size: auto calc(100vw * 1022 / 1088);
  }
}
@media screen and (max-width: 959px) {
  #main .block01 > .bg {
    height: calc(100vw * 1072 / 960);
    background-image: url("../imgs/bg01_tb.png");
    background-size: 100% auto;
  }
}
@media screen and (max-width: 599px) {
  #main .block01 > .bg {
    height: calc(100vw * 1319 / 759);
    background-image: url("../imgs/bg01_sp.png");
  }
}
#main .block01 .wrap {
  position: relative;
}
#main .lead .catch {
  width: 7.14rem;
  margin: 0 auto 70px;
}
@media screen and (max-width: 959px) {
  #main .lead .catch {
    width: 4rem;
  }
}
@media screen and (max-width: 599px) {
  #main .lead .catch {
    width: 70.2666666667vw;
  }
}
#main .lead .catch::after {
  content: '';
  display: block;
  width: 4.96rem;
  height: .02rem;
  margin: .2rem auto 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, right top, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to right, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 959px) {
  #main .lead .catch::after {
    width: 4.25rem;
    height: .02rem;
    margin: .18rem -.125rem 0;
  }
}
@media screen and (max-width: 599px) {
  #main .lead .catch::after {
    width: 78.8vw;
    height: 0.4vw;
    margin: 2.6666666667vw -4.2666666667vw 0;
  }
}
#main .lead .title {
  width: 3rem;
  padding: .09rem 0 .11rem .34rem;
  position: relative;
}
@media screen and (max-width: 599px) {
  #main .lead .title {
    width: 4.67rem;
  }
}
#main .lead .title::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 599px) {
  #main .lead .title::before {
    width: 0.5333333333vw;
  }
}
#main .lead p {
  margin: .25rem 0 0;
  color: #fff;
  font-size: .2rem;
  line-height: 1.8;
}
@media screen and (max-width: 599px) {
  #main .lead p {
    margin: 6.2666666667vw 0 0;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
#main .concept {
  margin: .42rem 0 0;
  padding: .63rem .86rem .7rem;
  border: .02rem solid #cab267;
  background: #fff;
  -webkit-box-shadow: 0 0 0.248rem 0.152rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.248rem 0.152rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 959px) {
  #main .concept {
    margin: .92rem .1rem 0;
    padding: .8rem .28rem .78rem;
  }
}
@media screen and (max-width: 599px) {
  #main .concept {
    margin: 12.2666666667vw 0 0;
    border-width: 0.2666666667vw;
    padding: 0 5.0666666667vw 10.6666666667vw;
  }
}
#main .concept .title {
  width: 2.89rem;
  padding: .09rem 0 .12rem .34rem;
  position: relative;
}
@media screen and (max-width: 599px) {
  #main .concept .title {
    width: 48.6666666667vw;
    padding: 0.8vw 0 0.8vw 4.4vw;
  }
}
#main .concept .title::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 599px) {
  #main .concept .title::before {
    width: 0.5333333333vw;
  }
}
@media screen and (max-width: 599px) {
  #main .concept p {
    margin: 5.6vw 0 0;
  }
}
#main .concept .movie {
  margin: .52rem 0 0;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
#main .concept .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 599px) {
  #main .concept .movie {
    margin: 6.9333333333vw 0 0;
  }
}
#main .concept .btn {
  width: 4.08rem;
  margin: .3rem auto 0;
  text-align: center;
}
@media screen and (max-width: 959px) {
  #main .concept .btn {
    width: 4.08rem;
  }
}
@media screen and (max-width: 599px) {
  #main .concept .btn {
    width: 51.2vw;
  }
}
#main .concept .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: .7rem;
  background: url(../imgs/concept_btn_bg.jpg) 0 0/contain no-repeat;
  color: #fff;
  font-size: .16rem;
  line-height: 1.5;
  -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;
  letter-spacing: 0.1em;
}
#main .concept .btn a br.sp {
  display: none;
}
@media screen and (max-width: 959px) {
  #main .concept .btn a {
    padding: 0;
  }
}
@media screen and (max-width: 599px) {
  #main .concept .btn a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 10.9333333333vw;
    padding: 0;
    font-size: 2.6666666667vw;
    line-height: 1.4;
    text-align: center;
    background: url(../imgs/concept_btn_bg_sp.jpg) 0 0/contain no-repeat;
  }
  #main .concept .btn a br.sp {
    display: block;
  }
}
#main .guide {
  margin: 2.2rem 0 0;
}
@media screen and (max-width: 959px) {
  #main .guide {
    margin: 3.23rem 0 0;
  }
}
@media screen and (max-width: 599px) {
  #main .guide {
    margin: 33.0666666667vw 2.1333333333vw 0;
  }
}
#main .guide .title {
  width: 3rem;
  padding: .09rem 0 .11rem .34rem;
  position: relative;
}
@media screen and (max-width: 959px) {
  #main .guide .title {
    margin: 0 .1rem;
  }
}
@media screen and (max-width: 599px) {
  #main .guide .title {
    width: 50.1333333333vw;
    margin: 0;
    padding: 0.8vw 0 0.8vw 4.4vw;
  }
}
#main .guide .title::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 599px) {
  #main .guide .title::before {
    width: 0.5333333333vw;
  }
}
#main .guide .contents {
  background: url(../imgs/bg03.jpg) no-repeat center 0/cover;
  border: 2px solid #cab267;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  margin-top: .5rem;
  padding: .5rem .85rem;
}
@media screen and (max-width: 959px) {
  #main .guide .contents {
    padding: .5rem;
    margin-left: .1rem;
    margin-right: .1rem;
  }
}
#main .guide .contents-title {
  font-size: .3rem;
  font-weight: normal;
}
@media screen and (max-width: 599px) {
  #main .guide .contents-title {
    font-size: .4rem;
  }
}
#main .guide .contents-lead {
  margin-top: .1rem;
}
@media screen and (max-width: 599px) {
  #main .guide .contents-lead {
    font-size: .25rem;
  }
}
#main .guide .contents .slick-slider {
  margin-top: .4rem;
}
#main .guide .contents .slide-contents {
  margin-top: .5rem;
  overflow: hidden;
}
@media screen and (max-width: 599px) {
  #main .guide .contents .slide-contents {
    margin-top: .9rem;
  }
}
#main .guide .contents .slide-contents-title {
  width: 31%;
  float: left;
}
@media screen and (max-width: 599px) {
  #main .guide .contents .slide-contents-title {
    width: 60%;
    float: none;
    margin: 0 auto;
  }
}
#main .guide .contents .slide-contents-description {
  width: calc(69% - 30px);
  float: right;
  font-size: .16rem;
}
@media screen and (max-width: 599px) {
  #main .guide .contents .slide-contents-description {
    width: 100%;
    float: none;
    font-size: .2rem;
    margin-top: .2rem;
  }
}
#main .guide .contents .feature {
  margin-top: .4rem;
}
@media screen and (max-width: 959px) {
  #main .guide .contents .feature {
    margin-top: .2rem;
  }
}
@media screen and (max-width: 599px) {
  #main .guide .contents .feature {
    margin-top: .3rem;
  }
}
#main .guide .contents .feature-title {
  border-bottom: 1px solid #b83b49;
  font-size: .2rem;
  font-weight: normal;
  line-height: 1;
  padding-bottom: .2rem;
}
@media screen and (max-width: 599px) {
  #main .guide .contents .feature-title {
    font-size: .25rem;
  }
}
#main .guide .contents .feature-list {
  margin-top: .28rem;
}
#main .guide .contents .feature-list-item {
  border-left: 4px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.2;
  font-size: .16rem;
  padding-left: .18rem;
}
@media screen and (max-width: 599px) {
  #main .guide .contents .feature-list-item {
    font-size: .2rem;
  }
}
#main .guide .contents .feature-list-item + .feature-list-item {
  margin-top: .15rem;
}
#main .diagram {
  margin: 1rem 0 0;
}
@media screen and (max-width: 959px) {
  #main .diagram {
    margin: 1rem 0 0;
  }
}
@media screen and (max-width: 599px) {
  #main .diagram {
    margin: 8vw 2.1333333333vw 0;
  }
}
#main .diagram .title {
  width: 2.98rem;
  padding: .09rem 0 .11rem .34rem;
  position: relative;
}
@media screen and (max-width: 959px) {
  #main .diagram .title {
    margin: 0 .1rem;
  }
}
@media screen and (max-width: 599px) {
  #main .diagram .title {
    width: 50.1333333333vw;
    margin: 0;
    padding: 0.8vw 0 0.8vw 4.4vw;
  }
}
#main .diagram .title::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 599px) {
  #main .diagram .title::before {
    width: 0.5333333333vw;
  }
}
#main .diagram .image {
  margin: .5rem 0 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 959px) {
  #main .diagram .image {
    margin: .5rem .1rem 0;
  }
}
@media screen and (max-width: 599px) {
  #main .diagram .image {
    margin: 6.6666666667vw 0 0;
  }
  #main .diagram .image div.sp {
    display: block;
  }
  #main .diagram .image div.sp ~ img {
    display: none;
  }
}
#main .map,
#main .charges {
  margin: 1rem 0 0;
}
@media screen and (max-width: 959px) {
  #main .map,
  #main .charges {
    margin: 1rem 0 0;
  }
}
@media screen and (max-width: 599px) {
  #main .map,
  #main .charges {
    margin: 8vw 2.1333333333vw 0;
  }
}
#main .map .title,
#main .charges .title {
  width: 1.7rem;
  padding: .09rem 0 .12rem .34rem;
  position: relative;
}
@media screen and (max-width: 959px) {
  #main .map .title,
  #main .charges .title {
    margin: 0 .1rem;
  }
}
@media screen and (max-width: 599px) {
  #main .map .title,
  #main .charges .title {
    width: 28.2666666667vw;
    margin: 0;
    padding: 0.8vw 0 0.8vw 4.4vw;
  }
}
#main .map .title::before,
#main .charges .title::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 599px) {
  #main .map .title::before,
  #main .charges .title::before {
    width: 0.5333333333vw;
  }
}
#main .map .image,
#main .charges .image {
  margin: .5rem 0 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 959px) {
  #main .map .image,
  #main .charges .image {
    margin: .5rem .1rem 0;
  }
}
@media screen and (max-width: 599px) {
  #main .map .image,
  #main .charges .image {
    margin: 6.6666666667vw 0 0;
  }
  #main .map .image div.sp,
  #main .charges .image div.sp {
    display: block;
  }
  #main .map .image div.sp ~ img,
  #main .charges .image div.sp ~ img {
    display: none;
  }
}
#main .charges .title {
  width: 2.2rem;
}
@media screen and (max-width: 599px) {
  #main .charges .title {
    width: 36.6666666667vw;
  }
}

#footer {
  margin: 1.5rem 0 0;
  padding: .42rem 0 0;
  position: relative;
  z-index: +1;
}
@media screen and (max-width: 959px) {
  #footer {
    margin: 1.5rem 0 0;
  }
}
@media screen and (max-width: 599px) {
  #footer {
    margin: 21.3333333333vw 2.1333333333vw 0;
    padding: 3.4666666667vw 0 0;
  }
}
#footer .sns {
  line-height: 1px;
}
#footer .sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 959px) {
  #footer .sns ul {
    margin: 0 .1rem;
  }
}
@media screen and (max-width: 599px) {
  #footer .sns ul {
    margin: 0;
  }
}
#footer .sns ul li {
  width: .3rem;
  margin: 0 .3rem 0 0;
}
@media screen and (max-width: 599px) {
  #footer .sns ul li {
    width: 5.7333333333vw;
    margin: 0 5.2vw 0 0;
  }
}
#footer .ci {
  margin: .3rem 0 .48rem;
  border-top: 1px solid #fff;
  padding: .3rem 0 .5rem;
  color: #fff;
}
@media screen and (max-width: 959px) {
  #footer .ci {
    margin: .3rem .1rem 0;
  }
}
@media screen and (max-width: 599px) {
  #footer .ci {
    display: block;
    margin: 4vw 0 0;
    padding: 4vw 0 5.3333333333vw;
    position: relative;
  }
}
#footer .ci .fl_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .7rem;
}
@media screen and (max-width: 959px) {
  #footer .ci .fl_wrap {
    margin-bottom: 85px;
  }
}
@media screen and (max-width: 599px) {
  #footer .ci .fl_wrap {
    display: block;
  }
}
#footer .ci .link {
  font-size: .12rem;
  line-height: 1;
  -webkit-transition: .3s;
  transition: .3s;
  padding-top: .08rem;
}
@media screen and (max-width: 599px) {
  #footer .ci .link {
    font-size: 12px;
  }
}
#footer .ci .link a {
  white-space: nowrap;
}
#footer .ci .link a:not(:last-child) {
  margin-right: .25rem;
}
@media screen and (max-width: 599px) {
  #footer .ci .link a:not(:last-child) {
    margin-right: 0;
    margin-bottom: .55rem;
    display: inline-block;
  }
}
#footer .ci .link a.hover {
  opacity: 1;
  color: #c19c3a;
  -webkit-transition: .3s;
  transition: .3s;
}
#footer .ci .link a {
  /*display: inline-block;
  border-bottom: 1px solid #fff;
  padding: 0 0 .07rem;*/
}
@media screen and (max-width: 599px) {
  #footer .ci .link a {
    /*padding: 0 0 spSize(10);*/
  }
}
#footer .ci .copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          justify-content: center;
  text-align: center;
  /*
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
          */
}
#footer .ci .copyright br {
  display: none;
}
@media screen and (max-width: 375px) {
  #footer .ci .copyright br {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  #footer .ci .copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 12vw 0 0;
    text-align: center;
  }
}
#footer .ci .copyright .text {
  font-size: .1rem;
}
@media screen and (max-width: 599px) {
  #footer .ci .copyright .text {
    font-size: 2.6666666667vw;
  }
}
#footer .ci .copyright .logo {
  width: .72rem;
  margin: 0 auto .1rem;
}
@media screen and (max-width: 599px) {
  #footer .ci .copyright .logo {
    width: 15.6vw;
    top: 4vw;
    right: 0;
    margin: 0 auto .25rem;
  }
}
#footer .btPagetop {
  display: block;
  width: .7rem;
  height: .7rem;
  position: fixed;
  right: .3rem;
  bottom: .3rem;
  background: #890a18 url("../imgs/pagetop.png") 50% 50%/0.37rem auto no-repeat;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 10000;
}
@media screen and (max-width: 599px) {
  #footer .btPagetop {
    width: 50px;
    height: 50px;
    right: 3.125%;
    left: auto;
    bottom: 4vw;
    background-size: 4.9333333333vw auto;
  }
}
#footer .btPagetop.off {
  opacity: 0;
  pointer-events: none;
}
#footer .btPagetop.fitToFooter {
  position: absolute;
  top: -30px;
  right: .3rem;
  bottom: auto;
}
@media screen and (max-width: 959px) {
  #footer .btPagetop {
    left: auto;
    right: 3.125%;
  }
  #footer .btPagetop.fitToFooter {
    right: 3.125%;
  }
}
@media screen and (max-width: 599px) {
  #footer .btPagetop {
    right: 3.125%;
  }
  #footer .btPagetop.fitToFooter {
    right: 3.125%;
  }
}

#footer {
  margin: 100px auto 0;
  padding: 0 3.125%;
  position: relative;
  z-index: +1;
}
@media screen and (max-width: 599px) {
  #footer {
    margin: 75px 0 0;
  }
}
#footer .wrap {
  padding: 0;
  max-width: 1024px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#footer .btPagetop {
  background-size: 100%;
  background-color: #000;
}
#footer .sns {
  width: 150px;
  text-align: center;
  float: left;
  padding-top: 10px;
}
@media screen and (max-width: 599px) {
  #footer .sns {
    float: none;
    width: 100%;
    padding-top: 0;
  }
}
#footer .sns .ttl {
  width: 58px;
  margin: 0 auto;
}
#footer .sns ul {
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#footer .sns ul li {
  width: .3rem;
  margin: 0 .3rem 0 0;
}
#footer .sns ul li:last-of-type {
  margin: 0;
}
@media screen and (max-width: 599px) {
  #footer .sns ul li {
    width: 26px;
    margin: 0 26px 0 0;
  }
}
#footer .navi {
  float: right;
  padding-top: 40px;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 15px;
  line-height: 2.4;
  letter-spacing: 0.15em;
}
#footer .navi a {
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}
#footer .navi a.hover {
  color: #c19c3a;
}
@media screen and (max-width: 599px) {
  #footer .navi {
    float: none;
    font-size: 12px;
    margin-top: 27px;
    border-top: 1px solid #fff;
    width: 100%;
    padding-top: 30px;
  }
  #footer .navi p {
    margin-top: 30px;
  }
  #footer .navi p:first-of-type {
    margin-top: 0;
  }
}
#footer .navi .on {
  color: #c19c3a;
}
#footer .ci {
  margin: 27px 0 0;
}
@media screen and (max-width: 599px) {
  #footer .ci {
    padding-top: 30px;
    padding-bottom:40px;
  }
}
#footer .ci .copyright .txt {
  font-size: .1rem;
}
@media screen and (max-width: 599px) {
  #footer .ci .copyright .txt {
    font-size: 10px;
  }
}
.bgBtm {
  width: 100%;
  height: 4465px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #2d2e31;
  background-size: cover;
}
@media screen and (max-width: 1088px) {
  .bgBtm {
    height: calc(100vw * 4465 / 1088);
    background-size: auto calc(100vw * 4465 / 1088);
  }
}
@media screen and (max-width: 959px) {
  .bgBtm {
    height: calc(100vw * 4520 / 960);
    background-size: cover;
  }
}
@media screen and (max-width: 599px) {
  .bgBtm {
    height: calc(100vw * 4105 / 750);
  }
}
.bgBtm.kouboBg {
  height: 2323px;
}
@media screen and (max-width: 1087px) {
  .bgBtm.kouboBg {
    height: calc(100vw * 2323 / 1087);
  }
}
@media screen and (max-width: 959px) {
  .bgBtm.kouboBg {
    height: calc(100vw * 2302 / 960);
  }
}
@media screen and (max-width: 799px) {
  .bgBtm.kouboBg {
    height: calc(100vw * 1970 / 800);
  }
}
@media screen and (max-width: 599px) {
  .bgBtm.kouboBg {
    background: url("../imgs/koubo_info/bg02_koubo_sp.png") no-repeat center top/cover;
    height: calc(100vw * 1850 / 375);
  }
}
@media screen and (max-width: 360px) {
  .bgBtm.kouboBg {
    height: calc(100vw * 3650 / 720);
  }
}

.bg01 {
  overflow: hidden;
}
.bg01::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}
.bg01.aos-animate::before {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.loading {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}
.loading .loader {
  width: 200px;
  height: 3px;
  top: 50%;
  left: 50%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.loading .loader div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  background: #af1515;
  -webkit-animation: go 0.8s infinite alternate ease;
  animation: go 0.8s infinite alternate ease;
  -webkit-box-shadow: 0 0 20px salmon;
          box-shadow: 0 0 20px salmon;
}
.loading .loader div:nth-child(1) {
  -webkit-animation-delay: -0.72s;
  animation-delay: -0.72s;
}
.loading .loader div:nth-child(2) {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
}
.loading .loader div:nth-child(3) {
  -webkit-animation-delay: -0.56s;
  animation-delay: -0.56s;
}
.loading .loader div:nth-child(4) {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}
.loading .loader div:nth-child(5) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loading .loader div:nth-child(6) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loading .loader div:nth-child(7) {
  -webkit-animation-delay: -0.24s;
  animation-delay: -0.24s;
}
.loading .loader div:nth-child(8) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loading .loader div:nth-child(9) {
  -webkit-animation-delay: -0.08s;
  animation-delay: -0.08s;
}
.loading .loader div:nth-child(10) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loading .loader.off {
  opacity: 0;
}

@-webkit-keyframes go {
  100% {
    background: transparent;
    -webkit-box-flex: 10;
    flex: 10;
    -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
  }
}

@keyframes go {
  100% {
    background: transparent;
    -webkit-box-flex: 10;
    -ms-flex: 10;
        flex: 10;
    -webkit-box-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
  }
}
#movie #header,
#koubo_info #header {
  background: #5b050a;
  padding: 0.2rem 0.3rem 0.11rem;
  position: fixed;
  z-index: 100;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 599px) {
  #movie #header,
  #koubo_info #header {
    padding: 0.2rem 0.3rem;
  }
}
#movie #header .headInner a,
#koubo_info #header .headInner a {
  display: inline-block;
  line-height: 1;
}
#movie #header .headInner a img,
#koubo_info #header .headInner a img {
  vertical-align: bottom;
}
#movie #header .headInner a.hover img,
#koubo_info #header .headInner a.hover img {
  opacity: 0.75;
}
#movie #header .headInner .logo,
#koubo_info #header .headInner .logo {
  display: inline-block;
}
@media screen and (max-width: 599px) {
  #movie #header .headInner .logo,
  #koubo_info #header .headInner .logo {
    width: 1.4rem;
  }
}
#movie #header .headInner .text,
#koubo_info #header .headInner .text {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
}
@media screen and (max-width: 599px) {
  #movie #header .headInner .text,
  #koubo_info #header .headInner .text {
    width: 1.1rem;
  }
}
#movie #header .headInner .text a img,
#koubo_info #header .headInner .text a img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
#movie #header .headInner .text a.hover img,
#koubo_info #header .headInner .text a.hover img {
  opacity: 0.75;
}
#movie #main,
#koubo_info #main {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 120px;
  background: url(../imgs/movie/bg_content.png) no-repeat bottom right;
}
@media screen and (max-width: 959px) {
  #movie #main,
  #koubo_info #main {
    padding-top: 1.4rem;
    padding-bottom: 120px;
    background: url(../imgs/movie/bg_content_sp.png) no-repeat bottom right;
    background-size: 100% auto;
  }
}
#movie #main .bg,
#koubo_info #main .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
#movie #main .bg img,
#koubo_info #main .bg img {
  width: 100%;
}
#movie #main .block,
#koubo_info #main .block {
  position: relative;
}
@media screen and (max-width: 599px) {
  #movie #main .block,
  #koubo_info #main .block {
    padding: 0 2.1333333333vw 0;
  }
}
#movie #main .wrap,
#koubo_info #main .wrap {
  position: relative;
  z-index: 10;
}
#movie #main .wrap .titleArea,
#koubo_info #main .wrap .titleArea {
  color: #fff;
}
@media screen and (max-width: 959px) {
  #movie #main .wrap .titleArea,
  #koubo_info #main .wrap .titleArea {
    margin-left: .1rem;
    margin-right: .1rem;
  }
}
#movie #main img.tab, #movie #main img.sp,
#koubo_info #main img.tab,
#koubo_info #main img.sp {
  display: none;
}
@media screen and (max-width: 959px) {
  #movie #main img.pc,
  #koubo_info #main img.pc {
    display: none;
  }
}
@media screen and (min-width: 600px) and (max-width: 959px) {
  #movie #main img.tab,
  #koubo_info #main img.tab {
    display: inline;
  }
}
@media screen and (max-width: 599px) {
  #movie #main img.sp,
  #koubo_info #main img.sp {
    display: inline;
  }
}
#movie #footer,
#koubo_info #footer {
  margin: auto;
  padding-top: 0.7rem;
  background: #111;
  position: relative;
}
#movie #footer:after,
#koubo_info #footer:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#cab267), to(#e9d38f));
  background: linear-gradient(to bottom, #cab267 0%, #e9d38f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cab267', endColorstr='#e9d38f',GradientType=0 );
  position: absolute;
  left: 0;
  top: -3px;
}
@media screen and (max-width: 599px) {
  #movie #footer .wrap,
  #koubo_info #footer .wrap {
    padding-left: calc(3.125% + 2.1333333333vw);
    padding-right: calc(3.125% + 2.1333333333vw);
  }
}
@media screen and (max-width: 599px) {
  #movie #footer .btPagetop.fitToFooter,
  #koubo_info #footer .btPagetop.fitToFooter {
    right: calc(3.125% + 2.1333333333vw);
  }
}

#movie #main .wrap .titleArea {
  margin-bottom: 0.9rem;
}
#movie #main .wrap .titleArea .title {
  width: 7.96rem;
  padding: .09rem 0 .11rem .34rem;
  position: relative;
}
#movie #main .wrap .titleArea .title::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 959px) {
  #movie #main .wrap .titleArea .title {
    width: 5.368rem;
  }
}
@media screen and (max-width: 599px) {
  #movie #main .wrap .titleArea .title {
    width: 6.54rem;
  }
}
#movie #main .wrap .titleArea p {
  margin-top: .24rem;
  font-size: .2rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 599px) {
  #movie #main .wrap .titleArea p {
    margin: 6.2666666667vw 0 0;
    color: #fff;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
@media screen and (max-width: 959px) {
  #movie #main .wrap .thumbArea {
    margin-left: .1rem;
    margin-right: .1rem;
  }
}
#movie #main .wrap .thumbArea .clm2 {
  display: -ms-flex;
  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;
  margin-top: -0.6rem;
}
#movie #main .wrap .thumbArea .clm2 > div {
  width: 48.4375%;
  margin-top: 0.6rem;
}
#movie #main .wrap .thumbArea .clm2 > div .thumb {
  -webkit-box-shadow: 0px 0px 24.8px 15.2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 24.8px 15.2px rgba(0, 0, 0, 0.1);
  margin-bottom: 0.2rem;
  overflow: hidden;
}
#movie #main .wrap .thumbArea .clm2 > div .thumb img {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
}
#movie #main .wrap .thumbArea .clm2 > div .textArea .date {
  font-size: 0.16rem;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-top: calc(0rem - (((0.16rem * 2) - 0.16rem) / 2));
  margin-bottom: calc(0.13rem - (((0.16rem * 2) - 0.16rem) / 2));
}
#movie #main .wrap .thumbArea .clm2 > div .textArea .date span {
  display: inline-block;
  position: relative;
}
#movie #main .wrap .thumbArea .clm2 > div .textArea .date.new span::after {
  content: '';
  width: .55rem;
  height: .22rem;
  position: absolute;
  top: 50%;
  right: -8px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background: url(../imgs/movie/new.jpg) no-repeat;
  background-size: cover;
}
#movie #main .wrap .thumbArea .clm2 > div .textArea .title {
  font-size: 0.22rem;
  line-height: 1.454545455;
  letter-spacing: 0.1em;
  margin-top: calc(0rem - (((0.22rem * 1.454545455) - 0.22rem) / 2));
  margin-bottom: calc(0rem - (((0.22rem * 1.454545455) - 0.22rem) / 2));
}
#movie #main .wrap .thumbArea .clm2 > div a.hover .thumb img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}
@media screen and (max-width: 599px) {
  #movie #main .wrap .thumbArea .clm2 > div {
    width: 100%;
  }
  #movie #main .wrap .thumbArea .clm2 > div .textArea .date {
    font-size: 3.2vw;
  }
  #movie #main .wrap .thumbArea .clm2 > div .textArea .title {
    font-size: 3.7333333333vw;
  }
}

#koubo_info #main {
  background: none;
  padding-bottom: 0;
}
@media screen and (max-width: 599px) {
  #koubo_info #main {
    padding-top: 1.9rem;
  }
}
#koubo_info #main .wrap .titleArea {
  margin-bottom: calc(100vw * 305 / 1440);
}
@media screen and (max-width: 1239px) {
  #koubo_info #main .wrap .titleArea {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1088px) {
  #koubo_info #main .wrap .titleArea {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 959px) {
  #koubo_info #main .wrap .titleArea {
    margin: 0 .2rem 2.2rem;
  }
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea {
    margin-bottom: 3.6rem;
  }
}
#koubo_info #main .wrap .titleArea .title {
  width: 8.71rem;
  margin: auto;
}
@media screen and (max-width: 959px) {
  #koubo_info #main .wrap .titleArea .title {
    width: 5.368rem;
  }
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea .title {
    width: 100%;
  }
}
#koubo_info #main .wrap .titleArea .btn {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: .7rem auto 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 848px;
  width: 82.8125%;
}
@media screen and (max-width: 959px) {
  #koubo_info #main .wrap .titleArea .btn {
    width: auto;
  }
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea .btn {
    margin-top: 1rem;
    display: block;
  }
}
#koubo_info #main .wrap .titleArea .btn li {
  width: 4.08rem;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea .btn li {
    width: 87.6666666666667%;
    margin: .3rem auto 0;
  }
}
#koubo_info #main .wrap .titleArea .btn li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: .8rem;
  padding: 0 0 0 1.55rem;
  background: 0 0 / contain no-repeat;
  color: #111;
  font-size: .16rem;
  line-height: 1.5;
  letter-spacing: 0.2em;
  -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;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea .btn li a {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 1.48rem;
    padding: 5.3333333333vw 0 0;
    font-size: 3.0666666667vw;
    line-height: 1.5086956522;
    text-align: center;
  }
}
#koubo_info #main .wrap .titleArea .btn li.btn01 a {
  background-image: url("../imgs/koubo_info/bt01.jpg");
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea .btn li.btn01 a {
    background-image: url("../imgs/koubo_info/bt01_sp.jpg");
  }
}
#koubo_info #main .wrap .titleArea .btn li.btn02 {
  margin: 0;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea .btn li.btn02 {
    margin: .3rem auto 0;
  }
}
#koubo_info #main .wrap .titleArea .btn li.btn02 a {
  background-image: url("../imgs/koubo_info/bt02.jpg");
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleArea .btn li.btn02 a {
    background-image: url("../imgs/koubo_info/bt02_sp.jpg");
  }
}
#koubo_info #main .wrap .titleWrap .title03 {
  padding: .1rem 0 .11rem .34rem;
  position: relative;
}
#koubo_info #main .wrap .titleWrap .title03 img {
  max-width: 429px;
}
#koubo_info #main .wrap .titleWrap .title03::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleWrap .title03 {
    padding: .05rem 0 .07rem .3rem;
    width: 80.52%;
  }
  #koubo_info #main .wrap .titleWrap .title03 img {
    max-width: 100%;
  }
}
#koubo_info #main .wrap .titleWrap p {
  margin-top: .22rem;
  font-size: .2rem;
  line-height: 1.8;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .titleWrap p {
    margin-top: .5rem;
    font-size: 3.4666666667vw;
    line-height: 1.5833333333;
  }
}
#koubo_info #main .wrap .contentsWrap .contents {
  max-width: 1024px;
  padding: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(#cab267), to(#e9d38f));
  background: linear-gradient(#cab267, #e9d38f);
  -webkit-box-shadow: 0px 0px 24.8px 15.2px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 24.8px 15.2px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents {
    padding: .04rem;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner {
  padding: .7rem .86rem .62rem;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#780610), to(#890a18));
  background: linear-gradient(#780610, #890a18);
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner {
    padding: .7556rem .4rem .82rem;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title04 {
  margin-top: .51rem;
  font-size: .3rem;
  font-weight: normal;
  line-height: 1.066666666666667;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title04.nar {
  margin-top: .44rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title04 .small_ttl {
  font-size: 60%;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .title04 {
    margin-top: .6756rem;
    font-size: 4.8vw;
    line-height: 1.58;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .title04.nar {
    margin-top: .78rem;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title04:first-of-type {
  margin-top: 0;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner p {
  margin-top: .2rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner p.nar {
  margin-top: .08rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner p .small {
  font-size: .12rem;
  vertical-align: top;
  display: inline-block;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner p .small.nar {
  margin-top: -0.05rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner p .small.wide {
  margin-top: .05rem;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner p {
    margin-top: .3318rem;
    font-size: 2.9333333333vw;
    line-height: 1.545454545454545;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner p.nar {
    margin-top: 0;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner p.spNar {
    margin-top: .0818rem;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner p .small {
    margin-top: .1rem;
    font-size: 10px;
    line-height: 1.58;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner p .small.nar {
    margin-top: 0;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner p .small.wide {
    margin-top: .1rem;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner ul {
  margin-top: .2rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner ul li {
  padding-left: 1.1em;
  position: relative;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner ul li.kome::before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner ul li.small {
  font-size: .12rem;
  vertical-align: top;
  display: inline-block;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner ul li.small {
    font-size: 10px;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner ul li.small.nar {
  margin-top: -0.05rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner ul li.small.wide {
  margin-top: .05rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title05 {
  padding: .04rem 0 .02rem .24rem;
  font-size: .24rem;
  font-weight: normal;
  line-height: 1;
  margin-top: .4rem;
  position: relative;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title05.nar {
  margin-top: .2rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title05 .small_ttl {
  font-size: 58.333333333%;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .title05 {
    padding: .01rem 0 .01rem .24rem;
    font-size: 3.7333333333vw;
    margin-top: .7rem;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .title05.nar {
    margin-top: .7rem;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .title05::before {
  content: '';
  display: block;
  width: .04rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #cab267;
  background: -webkit-gradient(linear, left top, left bottom, from(#c5ac5e), color-stop(50%, #efda98), to(#c5ac5e));
  background: linear-gradient(to bottom, #c5ac5e 0%, #efda98 50%, #c5ac5e 100%);
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner dl {
  width: 100%;
  margin-top: .02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner dl:nth-of-type(3n - 2) {
  margin-top: .2rem;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dt {
  width: 9.433962%;
  text-align: center;
  line-height: 1;
  background: -webkit-gradient(linear, left top, right top, from(#fef9d6), to(#f4dda5));
  background: linear-gradient(90deg, #fef9d6, #f4dda5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -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;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dt img {
  width: 100%;
  max-width: 80px;
  margin: 0 auto;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dd {
  width: 90.330189%;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  margin-left: .02rem;
  text-align: center;
  background: #fff;
  color: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -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;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dd .pc {
  text-align: left;
  padding-left: .2rem;
}
@media screen and (max-width: 959px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl {
    font-size: calc(100vw * 17 / 960);
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl .pc {
    display: block;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dd .pc {
    padding-left: .1rem;
    letter-spacing: normal;
  }
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl {
    margin-top: .06rem;
    font-size: 2.9333333333vw;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl:nth-of-type(3n - 2) {
    margin-top: .4rem;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dt {
    width: 17.79661%;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dd {
    width: 81.525424%;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dd .image {
    max-width: 16px;
    width: 5.1282051282051%;
    display: inline-block;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl dd .image img {
    width: 100%;
    vertical-align: middle;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl .pc {
    display: none;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner dl .sp {
    display: block;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .limitWrap {
  margin-top: .51rem;
  padding: .22rem .2rem .3rem;
  background: #630309;
  border: #cab267 1px solid;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .limitWrap p {
  margin-top: 0;
  text-align: center;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .limitWrap .limit {
  width: 61.3861386138614%;
  margin: .13rem auto 0;
  padding: .09rem 0;
  color: #111;
  background: -webkit-gradient(linear, left top, right top, from(#fef9d6), to(#f4dda5));
  background: linear-gradient(90deg, #fef9d6, #f4dda5);
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .limitWrap {
    margin-top: .6rem;
    padding: .38rem .32rem;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .limitWrap .limit {
    width: 94.2965779467681%;
    margin-top: .3rem;
  }
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .attention .title04 {
  margin: .6rem 0 0 -0.12rem;
  font-size: .2rem;
  line-height: 1;
}
#koubo_info #main .wrap .contentsWrap .contents .contentsInner .attention p {
  margin-top: .1rem;
  font-size: .12rem;
  line-height: 2;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .attention .title04 {
    font-size: 3.2vw;
  }
  #koubo_info #main .wrap .contentsWrap .contents .contentsInner .attention p {
    font-size: 2.6666666667vw;
    line-height: 1.2;
  }
}
#koubo_info #main .wrap .contentsWrap .btn {
  margin-top: .6rem;
  text-align: center;
}
#koubo_info #main .wrap .contentsWrap .btn a {
  position: relative;
}
#koubo_info #main .wrap .contentsWrap .btn a img {
  max-width: 496px;
  width: 100%;
}
#koubo_info #main .wrap .contentsWrap .btn a img.df {
  position: relative;
}
#koubo_info #main .wrap .contentsWrap .btn a img.ov {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}
#koubo_info #main .wrap .contentsWrap .btn a.hover {
  opacity: 1;
}
#koubo_info #main .wrap .contentsWrap .btn a.hover img.df {
  opacity: 0;
}
#koubo_info #main .wrap .contentsWrap .btn a.hover img.ov {
  opacity: 1;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .btn {
    margin-top: .9rem;
    padding: 0 .5rem;
  }
  #koubo_info #main .wrap .contentsWrap .btn a img {
    max-width: 100%;
    width: 100%;
  }
}
#koubo_info #main .wrap .contentsWrap .btn span {
  position: relative;
}
#koubo_info #main .wrap .contentsWrap .btn span img {
  max-width: 496px;
  width: 48.4375vw;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .btn span img {
    width: 100%;
  }
}
#koubo_info #main .wrap .contentsWrap .btn span img.df {
  position: relative;
}
#koubo_info #main .wrap .contentsWrap .btn span img.ov {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#koubo_info #main .wrap .contentsWrap .btn span.hover {
  opacity: 1;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .btn {
    margin-top: .9rem;
    padding: 0 .5rem;
  }
  #koubo_info #main .wrap .contentsWrap .btn a img {
    max-width: 100%;
  }
}
#koubo_info #main .wrap .contentsWrap .btn p {
  font-size: .18rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: calc(.3rem - (((.18rem * 1.5) - .18rem) / 2));
  margin-bottom: calc(0rem - (((.18rem * 1.5) - .18rem) / 2));
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap .contentsWrap .btn p {
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    margin-top: calc(.3rem - (((10px * 1.5) - 10px) / 2));
    margin-bottom: calc(0rem - (((10px * 1.5) - 10px) / 2));
  }
}
#koubo_info #main .wrap .contentsWrap .btn.btn04 p {
  color: #fff;
}
#koubo_info #main .wrap #eventArea {
  margin-bottom: 2.47rem;
  padding-top: 120px;
  margin-top: -120px;
}
#koubo_info #main .wrap #eventArea .contentsWrap {
  margin-top: .18rem;
}
@media screen and (max-width: 599px) {
  #koubo_info #main .wrap #eventArea {
    margin-bottom: 3.9rem;
  }
  #koubo_info #main .wrap #eventArea .contentsWrap {
    margin-top: .5rem;
  }
}
#koubo_info #main .wrap #debutArea {
  margin-bottom: .2rem;
  padding-top: 120px;
  margin-top: -120px;
}
#koubo_info #main .wrap #debutArea .titleWrap p {
  color: #fff;
}
#koubo_info #main .wrap #debutArea .contentsWrap {
  margin-top: .44rem;
}
#koubo_info #footer {
  margin: 1.3rem 0 0;
  background: none;
}
@media screen and (max-width: 959px) {
  #koubo_info #footer {
    margin: 1.3rem 0 0;
  }
}
@media screen and (max-width: 599px) {
  #koubo_info #footer {
    margin: 17.3333333333vw 2.1333333333vw 0;
  }
}
#koubo_info #footer:after {
  display: none;
}
@media screen and (max-width: 599px) {
  #koubo_info #footer .wrap {
    padding-left: 3.125%;
    padding-right: 3.125%;
  }
}

#main .nextArea {
  height: 80px;
  width: 100%;
  max-width: 1024px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
@media screen and (max-width: 599px) {
  #main .nextArea {
    height: 50px;
    bottom: -.52rem;
  }
}
#main .nextArea a {
  display: block;
  height: 80px;
  background: #000;
  margin: 0 3.125%;
  -webkit-transition: .3s;
  transition: .3s;
}
@media screen and (max-width: 599px) {
  #main .nextArea a {
    height: 50px;
  }
}
#main .nextArea .next {
  position: absolute;
  left: 5.9027777778vw;
  top: 30px;
}
@media screen and (max-width: 599px) {
  #main .nextArea .next {
    width: 29px;
    left: 35px;
    top: 21px;
  }
}
#main .nextArea .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 18px;
  line-height: 1.3333333333;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: .3s;
  transition: .3s;
}
@media screen and (max-width: 599px) {
  #main .nextArea .txt {
    font-size: 14px;
  }
}
#main .nextArea .txt span {
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: .3s;
  transition: .3s;
}
@media screen and (max-width: 599px) {
  #main .nextArea .txt span img {
    width: 6px;
  }
}
#main .nextArea a.hover {
  background: #222;
}
#main .nextArea a.hover .txt {
  color: #c19c3a;
}
#main .nextArea a.hover span {
  -webkit-transform: translateX(0.05rem);
          transform: translateX(0.05rem);
}

.footLang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 240px;
  text-align: right;
}
@media screen and (max-width: 599px) {
  .footLang {
    text-align: left;
    width: 200px;
    margin:50px auto 0;
  }
}
.footLang * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footLang_head {
  position: absolute;
  top: 5px;
  color: #ccc;
  font-size: .12rem;
  z-index: 99;
}
@media screen and (max-width: 599px) {
  .footLang_head {
    font-size: 12px;
    top:50%;
    left:0;
    transform: translateY(-50%);
  }
}
.footLang_body {
  position: relative;
  padding: 0 0 0 80px;
  text-align: center;
  z-index: 1;
  width: 100%;
}
@media screen and (max-width: 599px) {
  .footLang_body {
    padding: 0 0 0 70px;
  }
}
.footLang_trigger .footLang_button {
  border-top: solid 1px #5e5e5e;
}
.footLang_trigger .footLang_button::before {
  height: 28px;
}
@media screen and (max-width: 599px) {
  .footLang_trigger .footLang_button::before {
    height: 30px;
  }
}
.footLang_button {
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  padding-right: 30px;
  line-height: 30px;
  background: #303030;
  color: #ccc;
  font-size: .12rem;
  text-decoration: none;
  border: solid 1px #5e5e5e;
  border-top: none;
  cursor: pointer;
}
@media screen and (max-width: 599px) {
  .footLang_button {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
  }
}
.footLang_button.hover {
  background: #212121;
}
.footLang_button::before {
  position: absolute;
  width: 30px;
  height: 29px;
  background: #000;
  right: 0;
  top: 0;
  content: '';
}
@media screen and (max-width: 599px) {
  .footLang_button::before {
    height: 31px;
  }
}
.footLang_button::after {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #777 transparent transparent transparent;
  right: 11px;
  top: calc(50% - 2px);
  z-index: 99;
  content: '';
}
.footLang_selects {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 29px;
  left: 80px;
  width: calc(100% - 80px);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  /*
  @include tb {
  	
  }
  */
}
@media screen and (max-width: 599px) {
  .footLang_selects {
    width: calc(100% - 70px);
    left: 70px;
    top: 31px;
    height: 180px;
  }
}
.footLang_selects.is-active {
  visibility: visible;
  opacity: 1;
}
.footLang_select {
  display: block;
}
.footLang_select:first-child {
  border-top: solid 1px #5e5e5e;
}

/*# sourceMappingURL=common.css.map */