@charset "utf-8";
/* CSS Document */

:root {
  --bg-color: #f2f5e5;
  --main-color: #0e4d42;
}
/*背景*/
.shonai_jukyo {
  background: var(--bg-color);
  margin: 20px auto;
}
.mt0 {
  margin-top: 0;
}
/*---公開前プチコーナー---*/
/*タイトル*/
.ttl_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto 20px;
}
.ttl_wrap>.logo_box {
  /*width: 45%;*/
  width: 50%;
}
.ttl_wrap>.ttl_date_box {
  width: 45%;
  text-align: center;
}
.ttl_wrap>.ttl_date_box h2 {
  font-size: 3.0rem;
  /*margin: 10px auto;*/
  margin: 0 auto 10px;
  color: var(--main-color);
}
.ttl_wrap>.ttl_date_box .date_text {
  font-size: 1.6rem;
  font-weight: bold;
}
.ttl_wrap>.ttl_date_box .date_text>p>span {
  font-size: 2.4rem;
  line-height: 1;
}
.shonai_jukyo .top .section h3 {
  background: none;
  color: var(--main-color);
  font-size: 1.7rem;
  font-weight: bold;
  padding: 0;
  margin: 40px auto 0;
  position: relative;
  &::before, &::after {
    content: "";
    position: absolute;
    display: inline-block;
    background: var(--main-color);
    width: 1px;
    height: 15px;
    bottom: 0;
  }
  &::before {
    left: -20px;
    transform: rotate(-30deg);
  }
  &::after {
    right: -20px;
    transform: rotate(30deg);
  }
}
/*クーポン*/
.shonai_jukyo .coupon_container {
  margin: 20px auto 40px;
}
.shonai_jukyo .coupon_container .box_shadow {
  border: none;
  border-radius: 20px;
  filter: none;
  padding: 10px 20px 5px!important;
}
.shonai_jukyo .coupon_container .feature .section h3 {
  color: var(--main-color);
  font-size: 2.0rem;
}
.shonai_jukyo .coupon_text .price_box {
  /*background: linear-gradient(transparent 70%, #dbf1de 70%);*/
  background: linear-gradient(transparent 70%, #ffdd76 70%);
}
.shonai_jukyo .coupon_text .price_box>.price_inner {
  font-size: 2.2rem;
}
.shonai_jukyo .coupon_text .price_box>.price_inner>span {
  font-size: 3.2rem;
}
.shonai_jukyo .btn_01 a {
  background: var(--main-color);
  padding: 0 20px 0 10px;
  &:hover {
    text-decoration: none;
  }
}
/*---PC---*/
@media screen and (min-width: 768px) {
  .pc_txcenter {
    text-align: center;
  }
}
/*---SP---*/
@media screen and (max-width: 767px) {
  /*---公開前プチコーナー---*/
  /*タイトル*/
  .ttl_wrap {
    flex-direction: column;
    margin: 0 auto 10px;
  }
  .ttl_wrap>.logo_box, .ttl_wrap>.ttl_date_box {
    width: 100%;
  }
  .ttl_wrap>.ttl_date_box>.title>.section {
    margin: 0 auto;
  }
  .ttl_wrap>.ttl_date_box h2 {
    font-size: 2.6rem;
    margin: 0 auto 20px;
  }
  .shonai_jukyo .top .section h3 {
    margin: 30px auto 0;
  }
  /*クーポン*/
  .shonai_jukyo .coupon_container {
    margin: 10px auto 40px;
  }
  .shonai_jukyo .coupon_container .btn_01 {
    margin: 10px auto;
  }
}