@charset "UTF-8";

input,
select,
button,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
}
select::-ms-expand {
  display: none;
}

/* ---------------------------------------------------------
common
----------------------------------------------------------*/
.pic-radius-upper img {
  border-radius: 10px 10px 0 0;
}
.pic-radius img {
  border-radius: 10px;
}

/* col */
.col2,
.col3,
.col4 {
  display: flex;
  flex-wrap: wrap;
}
.col2 .block {
  width: 48.9%;
}
.col2 .block:nth-child(2n-1) {
  margin-right: 2.17%;
}
.col3 .block {
  width: 32%;
}
.col3 .block:nth-child(3n-1) {
  margin-right: 2%;
  margin-left: 2%;
}
.col4 .block {
  width: 23.4%;
  margin-right: 2.13%;
}
.col4 .block:nth-child(4n) {
  margin-right: 0;
}

.news-col3 a {
  position: relative;
  display: block;
  height: 100%;
  font-size: 14px;
  line-height: 21px;
  background: #fff;
  border-radius: 10px;
}
.news-col3 .cate {
  position: absolute;
  top: 0;
  left: 0;
  width: 133px;
  height: 26px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 26px;
  color: #fff;
  background: #0D5DAD;
  border-radius: 10px 0 10px 0;
}
.news-col3 .cate.cate2 {
  background: #D91C0E;
}
.news-col3 .pic-cover,
.news-col3 .pic-contain {
/*  height: 175px;*/
}
.news-col3.col-first .pic-cover,
.news-col3.col-first .pic-contain {
  height: 400px;
}
.news-col3 .txt,
.col3 .txt-bottom {
  padding: 21px 18px 23px;
}


@media screen and (min-width:769px) {
  .slider-col3-pc {
    margin: 0 -.7vw;
  }
  .slider-col3-pc .block {
    margin: 0 .7vw;
  }
}

@media screen and (min-width:769px) {
  .col2 a,
  .col3 a,
  .col4 a {
    transition: opacity .3s;
  }
  .col2 a:hover,
  .col3 a:hover,
  .col4 a:hover {
    opacity: .7;
  }
}

/* .ttl-border */
.ttl-border {
  font-size: 36px;
  color: #D91C0E;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 43px;
}
.ttl-border .ttl-small {
  font-size: 32px;
}
.ttl-border .txt-en {
  display: block;
  font-size: 16px;
  color: #000;
  letter-spacing: .08em;
}
.ttl-border .txt-en::before {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background: #D91C0E;
  margin: 18px auto;
}
h1.ttl-border {
  padding-top: 50px;
}

/* ttl-sidebar */
.ttl-sidebar {
  font-size: 24px;
  font-weight: bold;
  color: #D91C0E;
  margin-bottom: 45px;
}
.ttl-sidebar-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 1.5;
  font-family: "Noto Sans Bold", sans-serif;
}
.ttl-sidebar-inner-2l {
  text-align: center;
  line-height: 1;
}
.ttl-sidebar-inner-2l small {
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .ttl-sidebar-inner-2l small {
    font-size: calc(16 / 375 * 100vw);
  }
}
.ttl-sidebar-inner::before,
.ttl-sidebar-inner::after {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background: #D91C0E;
  margin-right: 22px;
}
.ttl-sidebar-inner::after,
.ttl-sidebar-inner-2l::after {
  margin-left: 22px;
  margin-right: 0;
}

/* .ttl-left */
.ttl-left {
  font-size: 24px;
  font-weight: bold;
}

/* .ttl-dot */
.ttl-dot {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #D91C0E;
  margin-bottom: 40px;
}
.ttl-dot .ttl-dot-inner {
  position: relative;
  display: inline-block;
  text-align: center;
  background: #efece7;
  padding: 0 20px;
}
.ttl-dot .txt-en {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-top: 10px;
}
.ttl-dot::before {
  content: '';
  position: absolute;
  top: 23px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #de5044, #de5044 2px, transparent 2px, transparent 10px);
  background-size: 10px 2px;
}

/* .link-tel */
@media screen and (min-width:769px) {
  .link-tel a {
    pointer-events: none;
  }
}

/* .link-page */
.link-page {
  display: flex;
  justify-content: center;
  margin: 60px 0;
}
.link-page li {
  margin: 0 5%;
  margin: 0 3%;
}
.link-page a {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #D91C0E;
  letter-spacing: .1em;
  padding-bottom: 8px;
  border-bottom: 2px solid #D91C0E;
}
.link-page a::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #D91C0E;
  border-bottom: 2px solid #D91C0E;
  transform: rotate(45deg);
  margin-left: 20px;
}

@media screen and (min-width:1100px) and ( max-width:1300px) {
  #page-shops .link-page li,
  #page-shops-detail .link-page li {
    margin: 0 4%;
  }
  #page-shops .link-page a,
  #page-shops-detail .link-page a {
    font-size: 16px;
  }
}
@media screen and (min-width:900px) and ( max-width:1100px) {
  #page-shops .link-page li,
  #page-shops-detail .link-page li {
    margin: 0 3%;
  }
  #page-shops .link-page a,
  #page-shops-detail .link-page a {
    font-size: 14px;
  }
}
@media screen and (min-width:768px) and ( max-width:900px) {

  #page-shops .link-page li,
  #page-shops-detail .link-page li {
    margin: 0 1.8%;
  }
  #page-shops .link-page a,
  #page-shops-detail .link-page a {
    font-size: 12px;
  }
}


/* .btn */
.btn a {
  position: relative;
  display: block;
  width: 450px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 50px;
  text-align: center;
  color: #D91C0E;
  background: #fff;
  border-radius: 25px;
  margin: 40px auto 0;
}
.btn a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #D91C0E;
  border-bottom: 2px solid #D91C0E;
  transform: rotate(-45deg) translateY(-70%);
}
.btn-back a::after {
  right: auto;
  left: 20px;
  transform: rotate(135deg) translateX(-70%);
}
@media screen and (min-width:769px) {
  .btn a {
    transition: opacity .3s;
  }
  .btn a:hover {
    opacity: .7;
  }
}

.acc-more a {
  position: relative;
  display: block;
  width: 128px;
  font-size: 18px;
  font-weight: bold;
  color: #D91C0E;
  letter-spacing: .1em;
  border-bottom: 2px solid #D91C0E;
  padding-bottom: 9px;
  margin: 0 auto;
  transition: opacity .3s,border-bottom .3s;
}
.acc-more a::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 6px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #D91C0E;
  border-bottom: 2px solid #D91C0E;
  transform: rotate(45deg) translateY(-70%);
}
.acc-more a:hover {
  opacity: .7;
  border-bottom: 2px solid #EFECE7;
}
.btn-link {
  display: flex;
  justify-content: space-between;
}
.btn-link .btn {
  width: 49%;
}
.btn-link a {
  width: 100%;
  margin-top: 99px;
}
.btn-blank a::after {
  right: 35px;
  width: 14px;
  height: 14px;
  background: url(../images/icon_blank.svg) no-repeat;
  background-size: 14px 14px;
  border: none;
  margin-top: -7px;
  transform: none;
}


/* accordion */
.acc {
  display: none;
}
.acc.is-show {
  display: block;
}


/* tab */
.tab-wrapper {
  display: none;
}
.tab-wrapper.is-show {
  display: block;
}


/* .pic-cover */
.pic-cover img {
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}
.pic-contain img {
  height: 100%;
  object-fit: contain;
  font-family: 'object-fit: contain;'
}


/* ---------------------------------------------------------
detail
----------------------------------------------------------*/
.detail-img-main {
  width: 100%;
  padding-top: 29px;
  margin-bottom: 40px;
}
.detail-img-main img {
  border-radius: 20px;
}
.detail-ttl-box {
  width: 100%;
  background: #fff;
  padding: 21px 20px 23px;
  border-radius: 10px;
  margin-bottom: 40px;
}
.detail-ttl {
  font-size: 24px;
  line-height: 1.5;
  color: #0D5DAD;
  margin-bottom: 15px;
}
.detail-ttl-date {
  font-size: 14px;
  line-height: 1;
}
.detail-contents p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 20px;
}
.detail-contents h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 40px;
}
.detail-contents ul {
  margin-top: 25px;
}
.detail-contents li {
  font-size: 14px;
  line-height: 1.5;
}
.detail-redline::after {
  content: '';
  display: block;
  width: 30px;
  height: 2px;
  background: #D91C0E;
  margin-top: 20px;
}
.detail-contents .btn a {
  margin-top: 100px;
}
.detail-contents .col2 {
  margin-top: 40px;
}
.detail-contents .col2 .block {
  width: 47.78%;
}
.detail-contents .col2 .block:nth-child(2n-1) {
  margin-right: 4.3%;
}
.detail-contents .col2 .block p:first-child,
.detail-contents .col2 .block h2:first-child,
.detail-contents .col2 .block ul:first-child {
  margin-top: 0;
}

/* ---------------------------------------------------------
.main-slider
----------------------------------------------------------*/
.main-slider {
  display: flex;
  flex-wrap: wrap;
}
.main-slider .block {
  width: 100%;
}
.main-slider .block a {
  position: relative;
  display: block;
}
.main-slider .cate {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -.1em;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #2BA285;
  border-radius: 10px 0 10px 0;
}
.main-slider p {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}

/*
.main-slider .slick-dots {
  bottom: -20px;
  text-align: center;
  z-index: 2;
}
.main-slider .slick-dots li {
  width: 30px;
  height: 2px;
  margin: 0 5px;
  transition: background .3s;
}
.main-slider .slick-dots li.slick-active {
  background: #D91C0E;
}
.main-slider .slick-dots li button {
  width: 30px;
  height: 2px;
  background: #fff;
  padding: 0;
}
.main-slider .slick-dots li.slick-active button {
  background: #D91C0E;
}
.main-slider .slick-dots li button:before {
  display: none;
}
.main-slider .slick-prev,
.main-slider .slick-next,
.main-slider .slick-prev:hover,
.main-slider .slick-next:hover,
.main-slider .slick-prev:focus,
.main-slider .slick-next:focus {
  position: absolute;
  top: 50%;
  right: -27px;
  display: block;
  width: 20px;
  height: 30px;
  transform: translateY(-80%);
  z-index: 2;
  transition: opacity .3s;
}
.main-slider .slick-prev:hover,
.main-slider .slick-next:hover {
  opacity: .7;
}

.main-slider .slick-prev::before,
.main-slider .slick-next::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-45deg);
  margin-top: -20%;
}
.main-slider .slick-prev,
.main-slider .slick-prev:hover,
.main-slider .slick-prev:focus {
  right: auto;
  left: -27px;
  transform: translateY(-80%) scaleX(-1);
}
.main-slider .slick-arrow.slick-disabled {
  display: none !important;
}
*/
.slick-dots {
  bottom: -20px;
  text-align: center;
  z-index: 2;
}
.slick-dots li {
  width: 30px;
  height: 2px;
  margin: 0 5px;
  transition: background .3s;
}
.slick-dots li.slick-active {
  background: #D91C0E;
}
.slick-dots li button {
  width: 30px;
  height: 2px;
  background: #fff;
  padding: 0;
}
.slick-dots li.slick-active button {
  background: #D91C0E;
}
.slick-dots li button:before {
  display: none;
}
@media screen and (min-width:769px) {

  .slick-prev,
  .slick-next,
  .slick-prev:hover,
  .slick-next:hover,
  .slick-prev:focus,
  .slick-next:focus {
    position: absolute;
    top: 50%;
    right: -27px;
    display: block;
    width: 20px;
    height: 30px;
    transform: translateY(-80%);
    z-index: 2;
    transition: opacity .3s;
  }
  .slick-prev:hover,
  .slick-next:hover {
    opacity: .7;
  }
  .slick-prev::before,
  .slick-next::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    margin-top: -20%;
  }
  .slick-prev,
  .slick-prev:hover,
  .slick-prev:focus {
    right: auto;
    left: -27px;
    transform: translateY(-80%) scaleX(-1);
  }
  .slick-arrow.slick-disabled {
    display: none !important;
  }
}


/* ---------------------------------------------------------
media queries
----------------------------------------------------------*/
@media screen and (max-width:768px) {
  /* ---------------------------------------------------------
  common
  ----------------------------------------------------------*/

  .show-pc {
    display: none;
  }
  .show-sp {
    display: block;
  }


/* col */
  .col2,
  .col3,
  .col4 {
    display: block;
  }
  .col2 .block:nth-child(2n-1) {
    margin-right: 0;
  }
  .col3 .block:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 0;
  }
  .col2 .block,
  .col3 .block,
  .col4 .block {
    width: 100%;
    margin-right: 0;
    margin-top: calc(22 / 375 * 100vw);
  }
  .col2 .block:first-child,
  .col3 .block:first-child,
  .col4 .block:first-child {
    margin-bottom: 0;
  }
  .col4 .block:nth-child(4n) {
    margin-right: 0;
  }

  .col2-sp {
    display: flex;
  }
  .col2-sp .block {
    width: calc(158 / 336 * 100%);
    margin-top: calc(22 / 375 * 100vw);
  }
  .col2-sp .block:nth-child(2n-1) {
    margin-right: calc(20 / 336 * 100%);
  }
  .col2-sp .block:last-child {
    margin-bottom: 0;
  }

  .news-col3 a {
    font-size: calc(14 / 375 * 100vw);
    line-height: 1.5;
  }
  .news-col3 .block {
    margin-bottom: calc(40 / 375 * 100vw);
  }
  .news-col3 .cate {
    width: calc(152 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
  .news-col3 .pic-cover {
    height: calc(200 / 375 * 100vw);
  }
  .news-col3.col-first .pic-cover {
    height: calc(200 / 375 * 100vw);
  }
  .news-col3 .txt,
  .col3 .txt-bottom {
    padding: calc(21 / 375 * 100vw) calc(18 / 375 * 100vw) calc(23 / 375 * 100vw);
  }

/* .ttl-border */
  .ttl-border {
    font-size: calc(36 / 375 * 100vw);
    margin-bottom: calc(43 / 375 * 100vw);
  }
  .ttl-border .ttl-small {
    font-size: calc(32 / 375 * 100vw);
  }
  .ttl-border .txt-en {
    font-size: calc(16 / 375 * 100vw);
  }
  .ttl-border .txt-en::before {
    width: calc(30 / 375 * 100vw);
    margin: calc(18 / 375 * 100vw) auto;
  }
  h1.ttl-border {
    padding-top: calc(50 / 375 * 100vw);
  }

/* ttl-sidebar */
  .ttl-sidebar {
    font-size: calc(24 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(45 / 375 * 100vw);
  }
  .ttl-sidebar-inner::before,
  .ttl-sidebar-inner::after {
    width: calc(30 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    margin-right: calc(22 / 375 * 100vw);
  }
  .ttl-sidebar-inner::after {
    margin-left: calc(22 / 375 * 100vw);
    margin-right: 0;
  }

/* .ttl-left */
  .ttl-left {
    font-size: calc(24 / 375 * 100vw);
  }

/* .ttl-dot */
  .ttl-dot {
    font-size: calc(24 / 375 * 100vw);
    margin-bottom: calc(45 / 375 * 100vw);
  }
  .ttl-dot .ttl-dot-inner {
    padding: 0 calc(16 / 375 * 100vw);
  }
  .ttl-dot .txt-en {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
  .ttl-dot::before {
    top: calc(23 / 375 * 100vw);
    height: 2px;
    background-image: linear-gradient(to right, #de5044, #de5044 2px, transparent 2px, transparent 10px);
    background-size: 10px 2px;
  }

/* .link-page */
  /*
  .link-page a {
    font-size: calc(18 / 375 * 100vw);
    padding-bottom: calc(8 / 375 * 100vw);
  }
  .link-page a::after {
    width: calc(5 / 375 * 100vw);
    height: calc(5 / 375 * 100vw);
    margin-left: calc(10 / 375 * 100vw);
  }
  */

  .link-page-select {
    position: relative;
    width: calc(215 / 375 * 100vw);
    margin: calc(40 / 375 * 100vw) auto calc(65 / 375 * 100vw);
  }
  select::-ms-expand {
    display: none;
  }
  .link-page-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;

    display: block;
    width: calc(215 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    font-weight: bold;
    color: #D91C0E;
    padding-bottom: calc(5 / 375 * 100vw);
    border-bottom: 2px solid #D91C0E;
  }
  .link-page-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: calc(5 / 375 * 100vw);
    height: calc(5 / 375 * 100vw);
    border-right: 2px solid #D91C0E;
    border-bottom: 2px solid #D91C0E;
    transform: rotate(45deg);
    margin-top: calc(-5 / 375 * 100vw);
  }
  
  
  
  
  /* link-page */
  .switch-select-sp {
    position: relative;
    margin: calc(60 / 375 * 100vw) 0;
  }  
  .js-switch-result a {
    position: relative;
    display: flex;
    align-items: center;
    color: #D91C0E;
    font-size: calc(18 / 375 * 100vw);
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    padding-bottom: calc(5 / 375 * 100vw);
    border-bottom: 2px solid #D91C0E;
    z-index: 1;
  }
  .js-switch-result a::after {
    content: '';
    position: absolute;
    bottom: calc(14 / 375 * 100vw);
    right: calc(2 / 375 * 100vw);
    display: block;
    width: calc(7 / 375 * 100vw);
    height: calc(7 / 375 * 100vw);
    border-right: 2px solid #D91C0E;
    border-bottom: 2px solid #D91C0E;
    transform: rotate(45deg);
    box-sizing: border-box;
  }
  .js-switch-select.link-page {
    position: absolute;
    width: 100%;
    overflow: hidden;
  }
  /*
  .js-switch-result.is-open + .js-switch-select.link-page {
    max-height: calc(500 / 375 * 100vw)
  }
  */
  .link-page {
    display: block;
    margin: 0;
  }
  .link-page li {
    position: relative;
    align-items: center;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 0 solid #D91C0E;
    z-index: 2;
    transition: height .2s,border .2s;
  }
  .js-switch-result.is-open + .link-page li {
    height: calc(60 / 375 * 100vw);
    border-width: 1px;
  }
  .link-page a {
    height: calc(60 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    font-weight: bold;
    background: #fff;
    line-height: 1.5;
    border: none;
    padding: 0 calc(10 / 375 * 100vw);
    box-sizing: border-box;
  }
  .link-page a::after {
    content: none;
  }
  

/* .btn */
  .btn a {
    width: 100%;
    height: calc(50 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(50 / 375 * 100vw);
    border-radius: 6.6vw;
    margin-top: calc(40 / 375 * 100vw);
  }
  .btn a::after {
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
  }
  .acc-more a {
    width: calc(116 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    padding-bottom: calc(8 / 375 * 100vw);
  }
  .acc-more a::after {
    top: calc(8 / 375 * 100vw);
    right: calc(6 / 375 * 100vw);
    display: block;
     width: calc(6 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
  }
  .btn-link {
    display: block;
  }
  .btn-link .btn {
    width: 100%;
  }
  .btn-link a {
    margin-top: calc(20 / 375 * 100vw);
  }
  .btn-link li:first-child a {
    margin-top: calc(99 / 375 * 100vw);
  }
  .btn-blank a::after {
    right: calc(35 / 375 * 100vw);
    width: calc(14 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    background: url(../images/icon_blank.svg) no-repeat;
    background-size: calc(14 / 375 * 100vw) calc(14 / 375 * 100vw);
    margin-top: calc(-7 / 375 * 100vw);
  }




/* ---------------------------------------------------------
detail
----------------------------------------------------------*/
  .detail-img-main {
    padding-top: calc(40 / 375 * 100vw);
    margin-bottom: calc(40 / 375 * 100vw);
  }
  .detail-img-main img {
    border-radius: 10px;
  }
  .detail-ttl-box {
    padding: calc(21 / 375 * 100vw) calc(20 / 375 * 100vw) calc(23 / 375 * 100vw);
    border-radius: 10px;
    margin-bottom: calc(20 / 375 * 100vw);
  }
  .detail-ttl {
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(14 / 375 * 100vw);
  }
  .detail-ttl-date {
    font-size: calc(14 / 375 * 100vw);
  }
  .detail-contents p {
    font-size: calc(14 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
  .detail-contents h2 {
    font-size: calc(18 / 375 * 100vw);
    margin-top: calc(40 / 375 * 100vw);
  }
  .detail-contents ul {
    margin-top: calc(25 / 375 * 100vw);
  }
  .detail-contents li {
    font-size: calc(14 / 375 * 100vw);
  }
  .detail-redline::after {
    width: calc(30 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
  .detail-contents .btn a {
    margin-top: calc(100 / 375 * 100vw);
  }
  .detail-contents .col2 {
    margin-top: 0;
  }
  .detail-contents .col2 .block {
    width: 100%;
    margin-top: calc(40 / 375 * 100vw);
  }
  .detail-contents .col2 .block:nth-child(2n-1) {
    margin-right: 0%;
  }


/* ---------------------------------------------------------
slick
----------------------------------------------------------*/
  .slider-sp {
    margin: 0 calc(-19.5 / 375 * 100vw);
  }
  .slider-sp .block {
    margin: 0 calc(10 / 375 * 100vw) !important;
  }
/*
  .slider-sp .slick-prev,
  .slider-sp .slick-next,
  .slider-sp .slick-prev:hover,
  .slider-sp .slick-next:hover,
  .slider-sp .slick-prev:focus,
  .slider-sp .slick-next:focus {
    position: absolute;
    top: 50%;
    right: calc(24 / 375 * 100vw);
    display: block;
    width: calc(8 / 375 * 100vw);
    height: calc(8 / 375 * 100vw);
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg) translateY(-70%);
    transform-origin: center;
    z-index: 2;
  }
  .slider-sp .slick-next,
  .slider-sp .slick-next:hover,
  .slider-sp .slick-next:focus {
  }
  .slider-sp .slick-prev {
    right: auto;
    left: calc(24 / 375 * 100vw);
    transform: rotate(45deg) translateY(-70%) scaleX(-1);
  }
  .slider-sp .slick-next {
  }
  .slider-sp .slick-prev:before, .slick-next:before {
    display: none;
  }
  .slider-sp .slick-arrow.slick-disabled {
    display: none !important;
  }
*/
/* ---------------------------------------------------------
.main-slider sp
----------------------------------------------------------*/
  .main-slider .cate {
    width: calc(100 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    letter-spacing: normal;
    line-height: calc(30 / 375 * 100vw);
  }
  .main-slider p {
    font-size: calc(14 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }

  /*
  .main-slider .slick-dots {
    bottom: calc(-20 / 375 * 100vw);
  }
  .main-slider .slick-dots li {
    width: calc(15 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    margin: 0 calc(3 / 375 * 100vw);
  }
  .main-slider .slick-dots li button {
    width: calc(15 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
  }

  .main-slider .slick-prev,
  .main-slider .slick-next,
  .main-slider .slick-prev:hover,
  .main-slider .slick-next:hover,
  .main-slider .slick-prev:focus,
  .main-slider .slick-next:focus {
    top: calc(84 / 375 * 100vw);
    right: calc(-13 / 375 * 100vw);
    width: calc(8 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
  }

  .main-slider .slick-prev::before,
  .main-slider .slick-next::before {
    right: calc(2 / 375 * 100vw);
    width: calc(8 / 375 * 100vw);
    height: calc(8 / 375 * 100vw);
    margin-top: -45%;
  }
  .main-slider .slick-prev {
    right: auto;
    left: calc(-13 / 375 * 100vw);
  }
  */
   .slick-dots {
    bottom: calc(-20 / 375 * 100vw);
  }
  .slick-dots li {
    width: calc(15 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
    margin: 0 calc(3 / 375 * 100vw);
  }
  .slick-dots li button {
    width: calc(15 / 375 * 100vw);
    height: calc(2 / 375 * 100vw);
  }

  /*

  .slick-prev,
  .slick-next,
  .slick-prev:hover,
  .slick-next:hover,
  .slick-prev:focus,
  .slick-next:focus {
    position: absolute;
    top: 50%;
    right: -27px;
    display: block;
    width: 20px;
    height: 30px;
    transform: translateY(-80%);
    z-index: 2;
    transition: opacity .3s;
  }
  .slick-prev:hover,
  .slick-next:hover {
    opacity: .7;
  }
  .slick-prev::before,
  .slick-next::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    margin-top: -20%;
  }
  .slick-prev,
  .slick-prev:hover,
  .slick-prev:focus {
    right: auto;
    left: -27px;
    transform: translateY(-80%) scaleX(-1);
  }
  .slick-arrow.slick-disabled {
    display: none !important;
  }
  */


}