@charset "utf-8";
/*============================
共通
============================*/
br.sp640 {
  display: none;
}
.blue_conts {
  width: 100%;
}
.blue_conts dt {
  color: #036eb7;
  font-size: 19px;
  padding-bottom: 3px;
  margin-bottom: 20px;
  border-bottom: 1px solid #036eb7;
}
.blue_conts dd {
  font-size: 14px;
}
.gari_tour_ttl {
  color: #036eb7;
  text-align: center;
  font-size: 25px;
  margin-bottom: 20px;
}
.gari_tour_ttl:after {
  content: "";
  width: 663px;
  margin: 0 auto;
  padding-top: 6px;
  display: block;
  border-bottom: 1px solid #036eb7;
}
.bord_fff::after {
  content: "";
  width: 100%;
  max-width: 75px;
  margin: 0 auto;
  display: block;
  border-bottom: 1px solid #fff;
}

#mainvisual #mv_ct h1 span.lrg {
  line-height: 1.6em;
}

#r_bustour .slick li .ct .ttl p {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px dotted #323940;
  box-sizing: content-box;
}

.clothes .clothes_list.ryuhyo li .imgblk {
  border: 1px solid #036eb7;
}
.garinko #pts #pts_slide .slick li a .txt dl {
  border-bottom: none;
}
/*============================
#cruise_exp
============================*/
#cruise_exp {
  padding-top: 75px !important;
  margin-bottom: 50px;
}
#cruise_exp .txt {
  padding: 0 !important;
  border: none !important;
}

/*============================
#gari_debut
============================*/
/* #gari_debut .garinko {
  margin-bottom: 30px;
} */
#gari_debut {
  padding-bottom: 100px;
  padding-top: 80px;
}
#gari_debut .wrap {
  display: flex;
  justify-content: space-between;
}
#gari_debut .section_ttl.tac {
  margin-bottom: 13px;
}
#gari_debut .ttl {
  color: #fff;
}
#gari_debut .ttl span {
  font-size: 18px;
  display: block;
}
#gari_debut .ttl .ilblk {
  font-size: initial;
  display: inline-block;
}
#gari_debut .txt {
  width: 100%;
  margin: 0 auto 53px;
}
#gari_debut .txt p {
  font-size: 12px;
  color: #fff;
}
/*debut 開始↓*/
#gari_debut .debut .wrap .imgblk {
  width: 50%;
  max-width: 520px;
  margin-right: 20px;
}
#gari_debut .debut .wrap .text {
  width: 50%;
}
#gari_debut .debut .mini_ttl {
  padding-left: 5px;
}
#gari_debut .wrap.rever {
  flex-direction: row-reverse;
}
#gari_debut .wrap.rever .imgblk {
  margin-right: 0;
}
#gari_debut .wrap.rever .text {
  margin-right: 20px;
}
.gari-three_bg {
  padding: 60px 0 40px;
  margin-bottom: 60px;
}
#gari_debut .wrap.rever .imgblk video {
  width: 100%;
}
/*debut 終了↑*/

.garinko .sennai_list.ryuhyo {
  justify-content: space-between;
  margin-bottom: 30px;
  padding-top: 43px;
}
.garinko .sennai_list.ryuhyo li:not(:last-child) {
  margin-right: 0;
}
.garinko .sennai_list.ryuhyo li {
  width: calc((100% - 66px) / 4);
  max-width: 264px;
}
.garinko .sennai_list.ryuhyo li .imgblk {
  border: none;
  padding: 0;
}
.garinko .sennai_list.ryuhyo li .imgblk img {
  width: 100%;
  margin: 0 auto;
}
.garinko .sennai_list.ryuhyo li dl dt {
  font-size: 14px;
}
.garinko .sennai_list.ryuhyo li dl dd {
  font-size: 12px;
}
.gari-three_bg {
  background: url(../../imgs_new/hokkaido/garinko/gari-three_bg.jpg) center center/cover no-repeat;
  padding: 104px 0 100px;
  margin-bottom: 100px;
}
#gari-three.garinko {
  border: none;
  background-color: rgba(255, 255, 255, 0.8);
}
/*============================
#r_bustour_gari
============================*/
#r_bustour_gari {
  position: relative;
}
#r_bustour_gari .section_ttl,
#pts .section_ttl {
  padding: 56px 10px;
}
#r_bustour_gari .section_ttl.tac {
  margin-bottom: 50px;
}
#pts .section_ttl {
  color: #fff;
  padding: 40px;
}
#r_bustour_gari .tour {
  margin-bottom: 108px;
}
#r_bustour_gari .tour:last-child {
  margin-bottom: 70px;
}
#r_bustour_gari .slick li {
  padding: 15px 15px 25px;
  border: 1px solid #036eb7;
  background-color: #fff;
  border-radius: 10px;
}
#r_bustour_gari #rbt_ttl {
  text-align: center;
  height: 421px;
  width: 100%;
  margin-bottom: 60px;
  background: url(../../imgs_new/hokkaido/index/rb_mv.jpg) center center / cover no-repeat;
  position: relative;
}
#r_bustour_gari #rbt_ttl .section_ttl.tac p.ttl {
  width: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
#r_bustour_gari .subttl_box .subttl {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: none;
}
.movie_area {
  width: 100%;
  max-width: 974px;
  margin: 0 auto;
}
.movie_area video {
  width: 100%;
  height: auto;
}
.garinko .slick_page {
  margin: 0 auto 100px;
}
/*============================
#r_bustour_gari
============================*/
#r_bustour_gari #rbt_slide_ttl {
  font-size: 15px;
  margin-bottom: 30px;
}
#r_bustour_gari .slick {
  padding: 20px 20px 0;
}

#r_bustour_gari .slick .slick-list {
  padding: 0 !important;
}
#r_bustour_gari .slick-initialized .slick-slide {
  margin: 0 7px;
}

#r_bustour_gari .slick-prev,
#r_bustour_gari .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 65%;
  display: block;
  width: 42px;
  height: 42px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  background-color: #323940;
  z-index: 5;
}
.slide_com .slick-next {
  right: 0;
}
.slide_com .slick-prev {
  left: 0;
}

#r_bustour_gari .slick-prev:before,
#r_bustour_gari .slick-next:before {
  content: "";
  font-family: "slick";
  font-size: 30px;
  line-height: 1;
  display: block;
  width: 13px;
  height: 13px;
  opacity: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: url(../../imgs_new/common/arr2l_wh.png) center center / 12px 12px no-repeat;
}
#r_bustour_gari .slick-next:before {
  background: url(../../imgs_new/common/arr2r_wh.png) center center / 12px 12px no-repeat;
}
#r_bustour_gari .slick-initialized .slick-slide {
  height: auto !important;
}
#r_bustour_gari .slick li img {
  margin-bottom: 10px;
}
#r_bustour_gari .slick li .ct {
}
#r_bustour_gari .slick li .ct .ttl {
  margin-bottom: 20px;
  box-sizing: content-box;
}
#r_bustour_gari .slick li .ct .ttl p {
  font-size: 14px;
  color: #036eb8;
}
#r_bustour_gari .slick li .ct .txt {
  color: #323940;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px dotted #323940;
  box-sizing: content-box;
}
#r_bustour_gari .slick li .ct .txt p {
  font-size: 14px;
  text-align: left;
}
#r_bustour_gari .slick li .detail {
  color: #323940;
  margin-bottom: 17px;
}
#r_bustour_gari .slick li .detail dl {
  font-size: 0;
}
#r_bustour_gari .slick li .detail dl > * {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
#r_bustour_gari .slick li .detail dl dt {
  width: 55px;
}
#r_bustour_gari .slick li .detail dl dd {
  width: calc(100% - 55px);
}
#r_bustour_gari .slick li .price {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#r_bustour_gari .slick li .price > * {
  line-height: 1.2em;
}
#r_bustour_gari .slick li .price dt {
  color: #333333;
  font-size: 16px;
  width: auto;
}
#r_bustour_gari .slick li .price dd {
  color: #333333;
  font-size: 24px;
  width: auto;
  margin-left: auto;
}
#r_bustour_gari .slick-dots {
  bottom: 35px !important;
}
#r_bustour_gari li button:before {
  background-color: #000;
  width: 6px;
  height: 6px;
}
#r_bustour_gari li.slick-active button:before {
  opacity: 0.75;
  color: black;
  width: 10px !important;
  height: 10px !important;
}
#r_bustour_gari .slick-dots li {
  background-color: initial !important;
  border: none !important;
}

/*============================
#pts
============================*/
#pts {
  padding-bottom: 0 !important;
}
#pts .section_ttl p {
  color: #fff;
  font-size: 18px;
  text-align: center;
}
#pts #pts_slide {
  padding-top: 23px !important;
}
.garinko #pts #pts_slide .group1 {
  margin-bottom: 10px;
}

/*============================
#charm
============================*/
#charm .posrel {
  position: relative;
}
#charm {
  padding: 82px 0 63px;
  background: url(../../imgs_new/hokkaido/garinko/charm_bg.jpg) no-repeat center center;
  background-size: cover;
}
#charm .head {
  margin-bottom: 45px;
}
#charm .head .text {
  color: #fff;
  text-align: center;
  width: 100%;
}
#charm .head .text .ja {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
#charm .head .text .ttl {
  margin-bottom: 39px;
}
#charm .head .text p {
  font-size: 16px;
}
#charm ul {
  flex-wrap: wrap;
  z-index: 2;
}
#charm ul li {
  width: 48.8%;
}
#charm ul li img.sp {
  display: none;
}
/* #charm ul li:nth-child(1) {
  width: 49.5%;
}
#charm ul li:nth-child(4) {
  width: 49.4%;
} */
#charm ul li:nth-child(2) {
  margin-top: auto;
}
#charm ul li:nth-child(even) {
  margin-left: auto;
}
#charm ul li:nth-child(-n + 2) {
  margin-bottom: 25px;
}

/*============================
#basic-information
============================*/
#basic-information {
  margin-bottom: 127px;
  padding-top: 90px;
}
#basic-information .flex {
  flex-wrap: wrap;
  justify-content: space-between;
}
#basic-information .text_wrap {
  width: 52%;
  max-width: 613px;
}
#basic-information .text__wrap__title {
  font-size: 19px;
  font-weight: bold;
  padding-left: 35px;
  position: relative;
  margin-bottom: 6px;
}
#basic-information .text__wrap__title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 22px;
  height: 1px;
  border-top: 1px solid #036eab;
}
#basic-information .detail_list {
  width: 100%;
}
#basic-information .detail_list .flex {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 9px 10px 9px 20px;
  border-bottom: 1px dashed #036eab;
}
#basic-information .detail_list dt,
#basic-information .detail_list dd {
  font-size: 16px;
  letter-spacing: 0.1em;
}
#basic-information .detail_list dt {
  min-width: 65px;
}
#basic-information .detail_list dd {
  text-align: left;
  width: calc(100% - 80px);
  max-width: 460px;
}
#basic-information .detail_list dd a {
  color: #333;
}
#basic-information .detail_list dd .txtdeco {
  text-decoration: underline;
}
#basic-information .map_wrap {
  width: 45%;
  max-width: 520px;
}
#basic-information .map_wrap iframe {
  width: 100%;
  height: 100%;
}

/*============================
#drift-ice-record
============================*/
#drift-ice-record {
  padding-bottom: 10px;
}
#drift-ice-record .drift-ice-record_wrap {
  width: 100%;
  border: 3px solid #036eaf;
  border-radius: 15px;
  position: relative;
  padding: 112px 30px 70px;
}
#drift-ice-record .drift-ice-record__title {
  width: 100%;
  max-width: 906px;
  margin: 0 auto;
  padding: 0 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
}
#drift-ice-record .drift-ice-record__title + p {
  color: #036eaf;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 33px;
}
#drift-ice-record .flex {
  flex-wrap: wrap;
  justify-content: space-between;
}
#drift-ice-record .flex:not(:last-child) {
  margin-bottom: 20px;
}
#drift-ice-record .drift-ice-record__text {
  width: 46%;
  max-width: 527px;
}
#drift-ice-record .drift-ice-record__list {
  width: 100%;
}
#drift-ice-record .drift-ice-record__list dt {
  color: #036eb2;
  font-size: 25px;
  padding-bottom: 4px;
  margin-bottom: 12px;
  border-bottom: 1px solid #036eb2;
}
#drift-ice-record .drift-ice-record__list dd {
  font-size: 14px;
}
#drift-ice-record .drift-ice-record__list dd .clr {
  color: #ff0000;
}
#drift-ice-record .drift-ice-record__detail {
  width: 51%;
  max-width: 575px;
  padding-top: 14px;
}
#drift-ice-record .drift-ice-record__detail table,
#drift-ice-record .drift-ice-record__detail .attention {
  font-size: 14px;
}
#drift-ice-record .drift-ice-record__detail table {
  width: 100%;
  border-top: 1px solid #036eb2;
  border-left: 1px solid #036eb2;
  margin-bottom: 11px;
}
#drift-ice-record .drift-ice-record__detail table .bg_clr {
  background-color: #dbe8f1;
}
#drift-ice-record .drift-ice-record__detail table th,
#drift-ice-record .drift-ice-record__detail table td {
  text-align: center;
  font-weight: normal;
  width: 25%;
  max-width: 143px;
  padding: 3px;
  border-right: 1px solid #036eb2;
  border-bottom: 1px solid #036eb2;
}
#drift-ice-record .drift-ice-record__list__type02 .txtblk {
  width: 80%;
  max-width: 900px;
}
#drift-ice-record .drift-ice-record__list__type02 .imgblk {
  width: 18%;
  max-width: 207px;
}
@media screen and (max-width: 1440px) {
  /*============================
共通
============================*/
  .blu_border {
    padding: 3.5% 3%;
  }
}

@media screen and (max-width: 1200px) {
  /*============================
共通
============================*/

  /*============================
#gari_debut
============================*/
  #gari_debut #center_slide .slick-initialized .slick-slide,
  #gari_debut #center_slide2 .slick-initialized .slick-slide {
    margin: 0 15px;
  }
  /*============================
#r_bustour_gari
============================*/
  #r_bustour_gari li .ct .txt {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #r_bustour_gari .slick li .price {
    margin-bottom: 25px;
  }
  #r_bustour_gari .slick li .price dt {
    font-size: 14px;
  }
  #r_bustour_gari .slick li .price dd {
    font-size: 17px;
  }
}
@media screen and (max-width: 980px) {
  /*============================
共通
============================*/
  .ryuhyo li:not(:last-child) {
    margin-right: 40px;
  }
  .ryuhyo li {
    width: calc((99.9% - 80px) / 3);
  }
  .garinko .section_ttl.tac {
    margin-bottom: 20px;
  }
  .gari_tour_ttl {
    font-size: 23px;
    margin-bottom: 10px;
  }
  .gari_tour_ttl:after {
    width: 603px;
  }
  /*============================
#gari_debut
============================*/
  #gari_debut {
    padding-bottom: 80px;
  }

  #gari_debut #center_slide .slick li a .img_wrap img,
  #gari_debut #center_slide2 .slick li a .img_wrap img {
    border-radius: 8px;
  }
  #gari_debut #center_slide .slick li a .txt dl dt,
  #gari_debut #center_slide2 .slick li a .txt dl dt {
    font-size: 19px;
  }

  /*debut 開始↓*/
  .debut .mini_ttl {
    padding-left: 3px;
  }
  /*debut 終了↑*/
  /*============================
#r_bustour_gari
============================*/
  #r_bustour_gari .tour:last-child {
    margin-bottom: 50px;
  }
  #r_bustour_gari .slick li .price dd {
    font-size: 15px;
  }

  #r_bustour_gari .slick li .ct .txt p {
    font-size: 12px;
  }
  #r_bustour_gari li .detail {
    margin-bottom: 10px;
  }
  #r_bustour_gari .slick li .detail dl > *,
  #r_bustour_gari .slick li .detail dl dt,
  #r_bustour_gari .slick li .price dt {
    font-size: 13px;
  }
  #r_bustour_gari .slick li .detail dl dt {
    width: 50px;
  }
  #r_bustour_gari .slick li .detail dl dd {
    width: calc(100% - 50px);
  }
  /*============================
#pts
============================*/
  #pts .section_ttl p {
    font-size: 17px;
  }
  /*============================
#charm
============================*/
  #charm .head {
    margin-bottom: 40px;
  }
  #charm .head .text .ja {
    font-size: 15px;
  }
}

@media screen and (max-width: 900px) {
  #drift-ice-record .drift-ice-record__list__type02 .txtblk {
    width: calc(100% - 170px);
    max-width: 900px;
  }
  #drift-ice-record .drift-ice-record__list__type02 .imgblk {
    min-width: 150px;
  }
}

@media screen and (max-width: 768px) {
  /*============================
共通
============================*/
  .ryuhyo li {
    width: calc((99.9% - 40px) / 3);
  }
  .ryuhyo li:not(:last-child) {
    margin-right: 20px;
  }
  .ryuhyo li .imgblk {
    margin-bottom: 5px;
  }
  .ryuhyo li dl dt {
    font-size: 15px;
  }
  .gari_tour_ttl {
    font-size: 21px;
  }
  .gari_tour_ttl:after {
    width: 553px;
  }
  /*============================
#cruise_exp
============================*/
  #cruise_exp .txt {
    padding: 10px;
  }

  /*============================
#gari_debut
============================*/
  #gari_debut {
    padding-bottom: 70px;
  }
  .gari-three_bg {
    padding: 60px 0 60px;
    margin-bottom: 70px;
  }
  #gari_debut #center_slide {
    padding-top: 35px;
  }
  #gari_debut #center_slide .slick li a .txt dl dt,
  #gari_debut #center_slide2 .slick li a .txt dl dt {
    font-size: 17px;
  }
  #gari_debut #center_slide .slick li a .txt dl,
  #gari_debut #center_slide2 .slick li a .txt dl {
    padding-bottom: 25px;
  }
  #gari_debut #center_slide .slick li a .add,
  #gari_debut #center_slide2 .slick li a .add {
    padding-top: 0;
  }
  #gari_debut #center_slide .slick li a .add dt,
  #gari_debut #center_slide .slick li a .add dd,
  #gari_debut #center_slide2 .slick li a .add dt,
  #gari_debut #center_slide2 .slick li a .add dd {
    font-size: 11px;
  }
  #gari_debut #center_slide .slick li a .add dt,
  #gari_debut #center_slide2 .slick li a .add dt {
    width: 54px;
    margin-right: 8px;
  }
  #gari_debut #center_slide .slick li a .add dt span,
  #gari_debut #center_slide .slick li a .add dd span,
  #gari_debut #center_slide2 .slick li a .add dt span,
  #gari_debut #center_slide2 .slick li a .add dd span {
    padding: 3px;
    border-radius: 4px;
  }
  #gari_debut #center_slide .slick li a .add dd,
  #gari_debut #center_slide2 .slick li a .add dd {
    width: calc(100% - 62px);
  }
  .garinko .sennai_list.ryuhyo {
    margin-bottom: 20px;
    padding-top: 30px;
  }
  .garinko .sennai_list.ryuhyo li {
    width: calc((100% - 45px) / 4);
  }
  /*debut 開始↓*/
  .debut .imgblk {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 15px;
  }
  .debut .text {
    width: 100%;
  }
  /*debut 終了↑*/
  .garinko #r_bustour {
    margin-bottom: 0px;
  }
  /*============================
#r_bustour_gari
============================*/
  #r_bustour_gari {
    margin-bottom: 30px;
  }
  #r_bustour_gari .section_ttl,
  #pts .section_ttl {
    padding: 30px 10px;
  }
  /*============================
#pts
============================*/
  #pts .section_ttl p {
    font-size: 15px;
  }
  /*============================
#charm
============================*/
  #charm .head .text .ttl {
    font-size: 27px;
    margin-bottom: 29px;
  }
  #charm {
    padding: 60px 0 60px;
  }
  #charm .head {
    margin-bottom: 35px;
  }
  #charm .head .text p {
    font-size: 15px;
  }

  /*============================
#basic-information
============================*/
  #basic-information {
    margin-bottom: 97px;
    padding-top: 70px;
  }
  #basic-information .flex {
    display: block;
  }
  #basic-information .text_wrap {
    width: 100%;
    max-width: initial;
    margin-bottom: 30px;
  }
  #basic-information .text__wrap__title {
    font-size: 17px;
    padding-left: 30px;
    margin-bottom: 0;
  }
  #basic-information .detail_list .flex {
    padding: 7px 10px 7px 10px;
  }
  #basic-information .detail_list dt,
  #basic-information .detail_list dd {
    font-size: 15px;
  }
  #basic-information .detail_list dd {
    width: 100%;
    max-width: initial;
  }
  #basic-information .map_wrap {
    width: 100%;
    max-width: initial;
  }
  #basic-information .map_wrap iframe {
    height: 350px;
  }

  /*============================
#drift-ice-record
============================*/
  #drift-ice-record .drift-ice-record__list dt {
    font-size: 21px;
    padding-bottom: 2px;
    margin-bottom: 9px;
  }
  #drift-ice-record .drift-ice-record_wrap {
    padding: 85px 20px 70px;
  }
}
@media screen and (max-width: 750px) {
  .garinko .slick_page {
    margin: 0 auto 80px;
  }
  /* #r_bustour_gari .slick li.sp_750_none {
    display: none !important;
  } */
  #r_bustour_gari .slick-prev,
  #r_bustour_gari .slick-next {
    display: none !important;
  }
  #r_bustour_gari .slick-initialized .slick-slide {
    margin: 0 10px;
  }
  #r_bustour_gari .slick {
    padding: 20px 0 0;
  }
  #r_bustour_gari .slick li .ct .txt p,
  #r_bustour_gari .slick li .detail dl dd span.sp_none {
    display: none;
  }
  #r_bustour_gari .slick .slick-dots {
    bottom: -35px !important;
    left: 0;
  }
  /* #r_bustour_gari .slick-dots li:nth-child(n + 5) {
    display: none;
  } */
}
@media screen and (max-width: 640px) {
  /*============================
共通
============================*/
  br.sp640 {
    display: block;
  }
  .ryuhyo {
    padding-top: 25px;
  }
  .ryuhyo li {
    width: calc((99.9% - 10px) / 2);
  }
  .ryuhyo li:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 15px;
  }
  .ryuhyo li:nth-child(2) {
    margin-right: 0;
  }
  .ryuhyo li dl dt {
    font-size: 14px;
  }
  .blue_conts dt {
    font-size: 16px;
    padding-bottom: 3px;
    margin-bottom: 10px;
  }
  .blue_conts dd {
    font-size: 12px;
  }
  .gari_tour_ttl {
    font-size: 18px;
  }
  .gari_tour_ttl:after {
    width: 200px;
  }
  /*============================
#cruise_exp
============================*/
  #cruise_exp {
    padding-top: 50px !important;
    margin-bottom: 30px;
  }
  /*============================
#r_bustour
============================*/
  .garinko #r_bustour {
    padding-top: 0;
    padding-bottom: 0;
  }
  /*============================
#gari_debut
============================*/
  #gari_debut {
    padding-bottom: 40px;
    padding-top: 60px;
  }
  #gari_debut .wrap {
    display: block;
  }
  #gari_debut .debut .wrap .imgblk {
    width: 100%;
    max-width: 380px;
    margin: 0 auto 15px;
  }
  #gari_debut .debut .wrap .text {
    width: 100%;
  }
  #gari_debut .txt {
    margin: 0 auto 30px;
  }
  #gari_debut .txt p {
    font-size: 13px;
  }
  #gari_debut #center_slide2 {
    margin-bottom: 50px;
  }
  #gari_debut #center_slide .slick li a .txt dl dt,
  #gari_debut #center_slide2 .slick li a .txt dl dt {
    font-size: 15px;
  }
  #gari_debut #center_slide .slick li a .add dt,
  #gari_debut #center_slide .slick li a .add dd,
  #gari_debut #center_slide2 .slick li a .add dt,
  #gari_debut #center_slide2 .slick li a .add dd {
    display: block;
  }
  #gari_debut #center_slide .slick li a .add dt,
  #gari_debut #center_slide2 .slick li a .add dt {
    margin-right: 0;
  }
  #gari_debut #center_slide .slick li a .add dd,
  #gari_debut #center_slide2 .slick li a .add dd {
    width: 100%;
  }
  #gari_debut #center_slide .slick li a .add dt:not(:last-child),
  #gari_debut #center_slide .slick li a .add dd:not(:last-child),
  #gari_debut #center_slide2 .slick li a .add dt:not(:last-child),
  #gari_debut #center_slide2 .slick li a .add dd:not(:last-child) {
    margin-bottom: 3px;
  }
  #gari_debut #center_slide .group1,
  #gari_debut #center_slide2 .group1 {
    margin-bottom: 30px;
  }

  .garinko .sennai_list.ryuhyo {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 20px;
  }
  .garinko .sennai_list.ryuhyo li {
    width: calc((100% - 10px) / 2);
    max-width: none;
  }
  .gari-three_bg {
    padding: 60px 0 30px;
  }
  /*============================
#r_bustour_gari
============================*/
  #r_bustour_gari {
    margin-bottom: 10px;
    padding-top: 0;
  }
  #r_bustour_gari .section_ttl,
  #pts .section_ttl {
    padding: 20px 10px;
  }
  #r_bustour_gari .section_ttl.tac {
    margin-bottom: 25px;
  }
  /*============================
#pts
============================*/
  #pts .section_ttl p {
    font-size: 14px;
  }

  /*============================
#basic-information
============================*/
  #basic-information {
    margin-bottom: 12%;
    padding-top: 50px;
  }
  #basic-information .detail_list dt,
  #basic-information .detail_list dd {
    font-size: 14px;
  }
  /*============================
#charm
============================*/
  #charm {
    padding: 30px 0 35px;
  }
  /*2022/08/04 終了↑*/
  #charm .head {
    margin-bottom: 30px;
  }
  #charm .head .text {
    width: 100%;
    padding-left: 0;
  }
  /*2022/08/04 追加 開始↓*/
  #charm .head .text h3 {
    width: 76.5%;
    margin: 0 auto 20px;
  }
  /*2022/08/04 終了↑*/
  #charm .head .text p {
    font-size: 13px;
    padding-right: 0;
  }
  #charm ul li {
    width: 100% !important;
    margin: 0 auto;
  }
  #charm ul li img.pc {
    display: none;
  }
  #charm ul li img.sp {
    display: block;
  }
  #charm ul li:nth-child(1) {
    margin-bottom: 0;
  }
  #charm ul li:nth-child(2) {
    margin-bottom: 0;
  }
  #charm ul li img {
    width: 103%;
  }
  #charm .head .abimg {
    display: none;
  }
  #charm .head .text .ja {
    font-size: 14px;
  }

  /*============================
#drift-ice-record
============================*/
  #drift-ice-record .drift-ice-record_wrap {
    padding: 13% 15px 50px;
  }
  #drift-ice-record .drift-ice-record__title {
    padding: 0;
  }
  #drift-ice-record .flex {
    display: block;
  }
  #drift-ice-record .drift-ice-record__title + p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  #drift-ice-record .drift-ice-record__list dt {
    font-size: 17px;
  }
  #drift-ice-record .drift-ice-record__detail table,
  #drift-ice-record .drift-ice-record__detail .attention {
    font-size: 13px;
  }
  #drift-ice-record .drift-ice-record__text {
    width: 100%;
    max-width: initial;
  }
  #drift-ice-record .drift-ice-record__detail {
    width: 100%;
    max-width: initial;
    padding-top: 15px;
  }
  #drift-ice-record .drift-ice-record__list__type02 .txtblk {
    width: 100%;
    max-width: initial;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 500px) {
  /*============================
#gari_debut
============================*/
  #gari_debut #center_slide .slick-initialized .slick-slide,
  #gari_debut #center_slide2 .slick-initialized .slick-slide {
    margin: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  /*============================
共通
============================*/
  .ryuhyo {
    display: block;
  }
  .ryuhyo li {
    width: 100%;
    margin: 0 auto;
    max-width: 270px;
  }
  .ryuhyo li:not(:last-child) {
    margin: 0 auto 15px;
  }
  .ryuhyo li .imgblk {
    margin-bottom: 2px;
  }

  .slick_page {
    width: calc(100% - 10px);
  }
  /*============================
#gari_debut
============================*/
  #r_bustour_gari .tour {
    margin-bottom: 78px;
  }
  .garinko .sennai_list.ryuhyo {
    display: flex;
    margin-bottom: 10px;
  }
  .garinko .sennai_list.ryuhyo li {
    width: calc((100% - 15px) / 2);
  }
  .garinko .sennai_list.ryuhyo li,
  .garinko .sennai_list.ryuhyo li:not(:last-child) {
    margin: 0 0 15px;
  }
  .garinko .sennai_list.ryuhyo li .imgblk {
    margin-bottom: 5px;
  }
  /*============================
#r_bustour_gari
============================*/
  #r_bustour_gari .slick-initialized .slick-slide {
    margin: 0 5px;
  }
}

@media screen and (max-width: 380px) {
  #gari_debut .txt p br {
    display: none;
  }
}