/* ---------------------------------------------------------
config
--------------------------------------------------------- */
/* rem */
@media screen and (min-width: 751px) and (max-width: 1200px) {
  html {
    font-size: calc(100vw / 12.0); } }
@media screen and (max-width: 750px) {
  html {
    font-size: calc(100vw / 7.5); } }
/* responsive */
/* ---------------------------------------------------------
slider
--------------------------------------------------------- */
.slick-dotted.slick-slider {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 14.5rem;
  height: 5.64rem; }
  @media screen and (max-width: 750px) {
    .slick-dotted.slick-slider {
      height: 7.45rem; }
      .slick-dotted.slick-slider:before {
        margin: 0 auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 95%;
        max-width: 7rem;
        height: .06rem;
        content: "";
        background: url(../../img/top/dots.png) repeat-x left/0.08rem; } }
  .slick-dotted.slick-slider .img {
    position: relative; }
    .slick-dotted.slick-slider .img:before, .slick-dotted.slick-slider .img:after {
      position: absolute;
      left: 0;
      z-index: 1;
      width: 100%;
      height: .12rem;
      content: "";
      background-repeat: no-repeat; }
    .slick-dotted.slick-slider .img:before {
      top: 0;
      background-image: url(../../img/top/slider_top_pc.png);
      background-position: top; }
      @media screen and (max-width: 750px) {
        .slick-dotted.slick-slider .img:before {
          background-image: url(../../img/top/slider_top_sp.png); } }
    .slick-dotted.slick-slider .img:after {
      bottom: 0;
      background-image: url(../../img/top/slider_bottom_pc.png);
      background-position: bottom; }
      @media screen and (max-width: 750px) {
        .slick-dotted.slick-slider .img:after {
          background-image: url(../../img/top/slider_bottom_sp.png); } }
  .slick-dotted.slick-slider .txt {
    margin: auto;
    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: 3.00rem; }
    @media print, screen and (min-width: 751px) {
      .slick-dotted.slick-slider .txt {
        display: none; } }
    .slick-dotted.slick-slider .txt.txt01 img {
      max-width: 5.20rem; }
    .slick-dotted.slick-slider .txt.txt02 img {
      max-width: 4.46rem; }
    .slick-dotted.slick-slider .txt.txt03 img {
      max-width: 5.32rem; }
    .slick-dotted.slick-slider .txt.txt04 img {
      max-width: 6.33rem; }
    .slick-dotted.slick-slider .txt.txt05 img {
      max-width: 5.68rem; }
  @media screen and (max-width: 750px) {
    .slick-dotted.slick-slider .slick-dots {
      bottom: .25rem;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  .slick-dotted.slick-slider .slick-dots li {
    width: .20rem;
    height: .20rem;
    margin: 0 .05rem; }
    .slick-dotted.slick-slider .slick-dots li button {
      width: .20rem;
      height: .20rem;
      padding: .05rem; }
      .slick-dotted.slick-slider .slick-dots li button:before {
        color: #949494;
        font-size: .1rem;
        opacity: 1;
        -webkit-transition: .3s;
        transition: .3s;
        width: .20rem;
        height: .20rem;
        line-height: .20rem; }
  .slick-dotted.slick-slider .slick-dots li.slick-active button:before {
    color: #ac2802; }

@media screen and (min-width: 1201px) {
  .slick-dotted.slick-slider {
    height: 47%; } }
/* ---------------------------------------------------------
trip_area
--------------------------------------------------------- */
.trip_area {
  margin: .5rem 0 .7rem 0;
  padding: 0 .25rem; }
  @media screen and (max-width: 750px) {
    .trip_area {
      margin: .25rem 0; } }
  .trip_area .inner {
    position: relative;
    max-width: 12.25rem; }
  .trip_area .btn {
    display: inline-block;
    position: absolute;
    bottom: .15rem;
    left: 49.7%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 3.2rem; }
    @media screen and (max-width: 750px) {
      .trip_area .btn {
        left: 50%;
        bottom: .1rem;
        max-width: 2.2rem; } }
    .trip_area .btn:hover {
      opacity: 1; }

.btn_coupon {
  width: 12.16rem;
  margin: 0 auto .40rem; }
  @media screen and (max-width: 750px) {
    .btn_coupon {
      width: 7.24rem; } }

/* ---------------------------------------------------------
cooperation_area
--------------------------------------------------------- */
.cooperation_area {
  margin: 0 0 .85rem 0;
  padding: 0 .25rem; }
  @media screen and (max-width: 750px) {
    .cooperation_area {
      margin: 0 0 .5rem 0; } }
  .cooperation_area .inner {
    position: relative;
    max-width: 12rem; }
  .cooperation_area .ttl {
    padding: 0 0 0 .22rem;
    border-radius: .12rem .12rem 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 4.7rem;
    height: .44rem;
    color: #fff;
    background: #7e7e7e;
    font-size: .34rem; }
    @media screen and (max-width: 750px) {
      .cooperation_area .ttl {
        max-width: 2.46rem;
        height: .42rem;
        font-size: .36rem; } }
  .cooperation_area .list {
    padding: .1rem .2rem;
    border-radius: 0 .3rem .3rem .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff; }
    .cooperation_area .list li {
      margin: 0 .1rem 0 0;
      color: #1a0b08;
      font-size: .3rem; }
      @media screen and (max-width: 750px) {
        .cooperation_area .list li {
          font-size: .28rem; } }
      .cooperation_area .list li:before {
        content: "\25c7"; }
      .cooperation_area .list li.black:before {
        content: "\25c6"; }
  .cooperation_area .kome {
    color: #565656;
    font-size: .28rem; }
    .cooperation_area .kome:before {
      content: "\203b";
      font-family: 'Hiragino Kaku Gothic ProN','Meiryo UI',Meiryo,sans-serif; }
    @media print, screen and (min-width: 751px) {
      .cooperation_area .kome {
        position: absolute;
        top: 0;
        left: 4.8rem; } }
    @media screen and (max-width: 750px) {
      .cooperation_area .kome {
        margin: .1rem 0 0 0;
        padding: 0 0 0 .2rem; } }

/* ---------------------------------------------------------
environment_area
--------------------------------------------------------- */
.environment_area {
  padding: .8rem .25rem;
  position: relative; }
  @media screen and (max-width: 750px) {
    .environment_area {
      padding: .5rem .25rem; } }
  .environment_area:before, .environment_area:after {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 95%;
    max-width: 14rem;
    height: .06rem;
    content: "";
    background: url(../../img/top/dots.png) repeat-x left/0.14rem; }
    @media screen and (max-width: 750px) {
      .environment_area:before, .environment_area:after {
        max-width: 7rem;
        background-size: 0.08rem; } }
  .environment_area:before {
    top: 0; }
  .environment_area:after {
    bottom: 0; }
  .environment_area .inner {
    max-width: 9.9rem; }
  .environment_area .ttl_area {
    margin: 0 0 .45rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .environment_area .ttl_area .ttl {
      margin: 0 .2rem 0 0;
      border-radius: .48rem;
      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;
      width: 100%;
      max-width: 2.46rem;
      height: .48rem;
      color: #fff;
      background: #7e7e7e;
      font-size: .36rem; }
      @media screen and (max-width: 750px) {
        .environment_area .ttl_area .ttl {
          max-width: 2.2rem;
          height: .44rem;
          font-size: .38rem; } }
    .environment_area .ttl_area .txt {
      font-size: .32rem; }
      @media screen and (max-width: 750px) {
        .environment_area .ttl_area .txt {
          font-size: .28rem; } }
    .environment_area .ttl_area .link {
      color: #608eb9;
      text-decoration: underline; }
      .environment_area .ttl_area .link:hover {
        text-decoration: none; }
  .environment_area .kome li {
    font-size: .26rem; }
    .environment_area .kome li:before {
      content: "\203b";
      font-family: 'Hiragino Kaku Gothic ProN','Meiryo UI',Meiryo,sans-serif; }
    @media screen and (max-width: 750px) {
      .environment_area .kome li {
        padding: 0 .25rem; }
        .environment_area .kome li br {
          display: none; } }

/* ---------------------------------------------------------
contact_area
--------------------------------------------------------- */
.contact_area {
  margin: 1rem 0 .7rem 0;
  padding: 0 .25rem;
  font-size: .3rem; }
  @media screen and (max-width: 750px) {
    .contact_area {
      margin: .5rem 0 .8rem 0; } }
  .contact_area .inner {
    max-width: 5.9rem; }
  .contact_area .ttl {
    margin: 0 0 .1rem 0; }
  .contact_area .link {
    color: #608eb9; }
  .contact_area .center {
    text-align: center; }

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