@charset "utf-8";

/* LPページ用css */
/* 接頭辞にslug_を付ける (LP共通はlp_) */

img {
  vertical-align: top;
}
.none {
  display: none !important;
}
.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/* header */
.lp_header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100px;
  background-color: #fff;
  border-bottom: 1px solid #646464;
  box-sizing: content-box;
  z-index: 99;
}
.lp_headerLogo {
  padding-left: 15px;
  width: 280px;
  height: auto;
}
@media(max-width:1079px) {
  .lp_headerLogo {
    padding: 15px;
    margin: 0;
  }
  .lp_headerLogo img {
    width: 248px;
  }
}

@media (max-width: 767px) {
  .lp_header {
    height: 60px;
  }
  .lp_headerLogo {
    padding: 6px;
  }
  .lp_headerLogo img {
    width: 168px;
  }
}

/* footer */
.lp_footer {
  background: #000;
}
.lp_footerNav {
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .lp_footerNav {
    padding: 30px 0;
  }
}
.lp_footerNav_sns,
.lp_footerNav_site {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style-type: none;
}
.lp_footerNav_sns li {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .lp_footerNav_sns li {
    margin-bottom: 15px;
  }
}
.lp_footerNav_sns li:nth-child(n + 2) {
  margin-left: 20px;
}
.lp_footerNav_sns a {
  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;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
}
.lp_footerNav_sns img {
  width: 24px;
}
@media (max-width: 767px) {
  .lp_footerNav_sns a {
    width: 38px;
    height: 38px;
  }
  .lp_footerNav_sns img {
    width: 16px;
  }
}
.lp_footerNav_site li {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
}
.lp_footerNav_site li:nth-child(n + 2)::before {
  content: "|";
  position: absolute;
  top: -1px;
  left: 0;
  color: #fff;
  font-size: 1em;
}
.lp_footerNav_site a {
  color: #fff;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .lp_footerNav_site a {
    font-size: 1.3rem;
  }
}
.lp_footerCopy {
  padding: 20px;
  text-align: center;
  background: #fdfdfd;
}
.lp_footerCopy small {
  font-size: 1.8rem;
  letter-spacing: 0.72px;
}
@media (max-width: 767px) {
  .lp_footerCopy small {
    font-size: 1rem;
  }
}

.lp_bg {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: -1;
}

/* container */
.lp_container {
  width: 100%;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1160px) {
  .lp_container {
    padding-right: 4%;
    padding-left: 4%;
  }
}

/* heading */
.lp_lv1heading {
  font-weight: 700;
  font-size: 3.8rem;
}
@media (max-width: 767px) {
  .lp_lv1heading {
    font-size: 2rem;
  }
}
.lp_lv2heading {
  position: relative;
  font-weight: 700;
  font-size: 2.6rem;
}
@media (max-width: 767px) {
  .lp_lv2heading {
    font-size: 1.8rem;
  }
}
.lp_lv2heading::after {
  content: "";
  position: absolute;
  bottom: -.4em;
  left: 50%;
  display: block;
  width: 400px;
  height: 1px;
  background-color: #030303;
  transform: translateX(-50%);
}
@media (max-width: 458px) {
  .lp_lv2heading::after {
    width: 100%;
  }
}
.lp_lv3heading {
  font-weight: 700;
  font-size: 2.2rem;
}
@media (max-width: 767px) {
  .lp_lv3heading {
    font-size: 1.6rem;
  }
}

/* main */
.lp_main {
  width: 100%;
  overflow: hidden;
}
/* @media (max-width: 767px) {
  .lp_main {
    padding-bottom: 20px;
  }
} */
.lp_main_visual {
  text-align: center;
}
.lp_main_visual img {
  width: 100%;
  max-width: 1280px;
}
.lp_main_content {
  padding: 70px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .lp_main_content {
    padding: 35px 0 ;
  }
}
.lp_main_text {
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  .lp_main_text {
    font-size: 1.5rem;
  }
}

/* section */
.lp_section {
  padding: 100px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .lp_section {
    padding: 35px 0;
  }
}
.lp_section_text {
  font-size: 2rem;
  text-align: left;
}
@media (max-width: 767px) {
  .lp_section_text {
    font-size: 1.5rem;
  }
}
.lp_shade {
  background-color: #f8f4e7;
}

/* button */
.lp_btn {
  display: inline-block;
  min-width: 520px;
  padding: .5em 2.5em;
  font-weight: 500;
  font-size: 2.3rem;
  text-align: center;
  color: #030303;
  text-decoration: none;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 50px;
  transition: .4s;
}
@media (max-width: 767px) {
  .lp_btn {
    width: 100%;
    min-width: auto;
    max-width: 500px;
    padding: .5em 1.5em;
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .lp_btn:active,
  .lp_btn:focus,
  .lp_btn:hover {
    color: #fff;
    background-color: #1a1a1a;
    border: solid 1px #1a1a1a;
  }
}
.lp_btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .lp_btn_wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .lp_btn_wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.lp_btn_wrapper > .lp_btn {
  display: block;
  min-width: auto;
  border-radius: 1em;
}
@media (min-width: 768px) {
  .lp_btn_wrapper > .lp_btn {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    max-width: 48%;
  }
  .lp_btn_wrapper > .lp_btn:nth-child(n + 3) {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .lp_btn_wrapper > .lp_btn {
    max-width: 400px;
  }
  .lp_btn_wrapper > .lp_btn:nth-child(n + 2) {
    margin-top: 15px;
  }
}

/* overview */
.lp_overview div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lp_overview div:nth-child(n + 2) {
  margin-top: 10px;
}
.lp_overview dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 200px;
  padding: 35px 5px;
  font-weight: 500;
  font-size: 1.8rem;
  background-color: #dedede;
}
@media (max-width: 767px) {
  .lp_overview dt {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    max-width: 100px;
    padding: 12px 10px;
    font-size: 1.3rem;
  }
}
.lp_overview dd {
  -ms-flex-preferred-size: calc(100% - 200px);
  flex-basis: calc(100% - 200px);
  max-width: calc(100% - 200px);
  padding: 35px 30px;
  font-size: 2rem;
  text-align: left;
  background-color: #f7f7f7;
}
@media (max-width: 767px) {
  .lp_overview dd {
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding: 15px;
    font-weight: 500;
    font-size: 1.3rem;
  }
}
.lp_overview .note {
  margin-top: 1em;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .lp_overview .note {
    font-weight: 400;
    font-size: 1.3rem;
  }
}
.lp_overview .note a {
  text-decoration: underline;
}

/* about */
.lp_about_text {
  line-height: 1.8;
}
@media (max-width: 767px) {
  .lp_about_text {
    font-size: 1.3rem;
  }
}

/* download */
.lp_download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .lp_download {
    max-width: 340px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .lp_download_item {
    -ms-flex-preferred-size: 164px;
    flex-basis: 164px;
    max-width: 164px;
    margin-right: 40px;
    margin-left: 40px;
  }
}
@media (min-width: 768px) {
  .lp_download_item.-sec {
    -ms-flex-preferred-size: 164px;
    flex-basis: 360px;
    max-width: 360px;
    margin-right: 40px;
    margin-left: 40px;
  }
}
.lp_download_text {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .lp_download_item {
    -ms-flex-preferred-size: 42.5%;
    flex-basis: 42.5%;
    max-width: 42.5%;
  }
  .lp_download_item:last-child {
    -ms-flex-preferred-size: 52.5%;
    flex-basis: 52.5%;
    max-width: 52.5%;
    margin-left: 5%;
  }
}
.lp_download_note {
  margin-top: 50px;
  padding: 30px;
  line-height: 1.8;
  text-align: left;
  background-color: #fff;
  border: 1px solid #707070;
}
@media (max-width: 767px) {
  .lp_download_note {
    margin-top: 30px;
    padding: 15px;
    font-size: 1.3rem;
  }
}
.lp_download_note ul {
  list-style-type: none;
}

/* lp終了時対応 */
.lp_close {
  text-align: center;
  background-color: #AC000C;
  color: #fff;
  width: 100%;
  padding: 2%;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .lp_close {
    font-size: 1.7rem;
  }
}

/* coupon */
body:has(.lp_coupon) .systemTicker{
  display: none;
}
body:has(.lp_coupon) .scrollBackToTop{
  opacity: 0 !important;
}

/* -----------------------------------------------------------------
  lp_utils
----------------------------------------------------------------- */
.md\:flex {
    @media (min-width: 768px) {
        display: flex;
    }
}
.flex-row-reverse {
    flex-direction: row-reverse;
}

.max-w-full {
    max-width: 100%;
}
.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.items-center {
    align-items: center;
}
.justify-center {
    justify-content: center;
}
.w-full {
    width: 100%;
}
.max-w-1080px {
    max-width: 1080px;
}

.leading-tight {
    line-height: 1.25;
}

.font-bold {
    font-weight: 700;
}
.text-center {
    text-align: center;
}
.text-white {
    color: #ffffff;
}

.border-y {
    border-width: 0;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
}


.text-36px {
    font-size: 36px;
}
.text-23px {
    font-size: 23px;
}
.text-left {
    text-align: left;
}
.md\:text-center{
    @media (min-width: 768px) {
        text-align: center;
    }
}
.md\:text-58px {
    @media (min-width: 768px) {
        font-size: 58px;
    }
}
.md\:text-30px {
    @media (min-width: 768px) {
        font-size: 30px;
    }
}
.md\:text-20px {
    @media (min-width: 768px) {
        font-size: 20px;
    }
}

.md\:w-3\/5 {
    @media (min-width: 768px) {
        width: 60%;
    }
}
.md\:w-2\/5 {
    @media (min-width: 768px) {
        width: 40%;
    }
}

.w-300px {
    width: 300px;
}

.px-20px {
    padding-right: 20px;
    padding-left: 20px;
}

.py-30px {
    padding-top: 30px;
    padding-bottom: 30px;
}

.mt-45px {
    margin-top: 45px;
}

.my-60px {
    margin-top: 60px;
    margin-bottom: 60px;
}

/* -----------------------------------------------------------------
 coupon
----------------------------------------------------------------- */
.coupon_btn {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 750px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .coupon_btn {
    width: 100%;
  }
}
.coupon_btn.is-active {
  opacity: 1;
  transition: all 0.3s ease;
}
.coupon_btn.is-hidden {
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}

/* 第3回クーポンオールスター祭 */
.couponall {
  font-size: 1.8rem;
}
.couponall_heading {
  font-size: 2.6rem;
}
.couponall_medium {
  font-size: 2.2rem;
}
.couponall_small {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .couponall {
    font-size: 1.4rem;
  }
  .couponall_heading {
    font-size: 1.8rem;
  }
  .couponall_medium {
    font-size: 1.6rem;
  }
  .couponall_small {
    font-size: 1.2rem;
  }
}
.couponall .lp_main {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f6cf00;
}
.couponall_wrapper {
  overflow: hidden;
}
.couponall_main {
  width: 100%;
  margin-top: -1px;/*IE*/
  text-align: center;
  background-color: #f6cf00;
}
.couponall_main img {
  width: 100%;
  max-width: 850px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .couponall_wrapper {
    padding-top: 170px;
    background-color: #000;
  }
  .couponall_arc {
    width: calc(100% + 400px);
    height: 220px;
    margin-right: -200px;
    margin-left: -200px;
    background-color: #f6cf00;
    border-top-left-radius: 2000px 400px;
    border-top-right-radius: 2000px 400px;
  }
  .couponall_main img {
    margin-top: -390px;
  }
}
@media (max-width: 767px) {
  .couponall_arc {
    display: none;
  }
}
.couponall_lead {
  width: 100%;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
}
@media (max-width: 767px) {
  .couponall_lead {
    padding-right: 5%;
    padding-left: 5%;
  }
}
.couponall_box {
  width: 90%;
  max-width: 720px;
  margin: 30px auto 60px;
  text-align: left;
  background-color: #c2272d;
  border: 6px solid #c2272d;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .couponall_box {
    margin: 20px auto 30px;
  }
}
.couponall_campaign {
  padding: 3% 5% 5%;
  font-weight: 700;
  color: #fff;;
}
.couponall_campaign .couponall_heading {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}
.couponall_campaign .couponall_heading:nth-child(n + 2) {
  margin-top: .8em;
}
.couponall_campaign ul {
  list-style: none;
}
.couponall_qanda {
  padding: 4% 5% 5%;
  font-weight: 500;
  background-color: #fff;
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
}
.couponall_qanda .couponall_heading {
  margin-bottom: .6em;
}
.couponall_qanda dl > dt:nth-child(n + 2) {
  margin-top: .8em;
  padding-top: .8em;
  border-top: 1px solid #000;
}

/* 15周年 */
.th {background-color: #000; font-family: 'Noto Sans JP', sans-serif;}
.th.gray {background-color: #eee;}
.th.yellow {background-color: #f0d701;}
.th .container {max-width: 640px; margin-right: auto; margin-left: auto;}
.th .event {padding: 6% 4%; background-color: #eee;}
.th .event_ttl {width: 84%; margin: 0 auto 4%;}
.th .event_ttl img {vertical-align: middle;}
.th .event_img {margin-bottom: 4%;}
.th .event_btn {display: block; width: 70%; margin: 0 auto;}
.th .okohon {padding: 4% 4% 6%; background-color: #f0d701;}
.th .okohon_ttl {width: 80%; margin: 2% auto 4%;}
.th .point_ttl {margin: 0 -3% 4%; padding: .2em 0 .3em; background-color: #000; color: #fff;
 font-size: 120%; font-weight: 500; text-align: center; line-height: 1;}
.th .order {margin: 2% 3% 6%; padding: 5%; background-color: #fff; border-radius: 30px;}
.th .menu {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; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.th .menu_item {position: relative; width: 30%; margin-top: 2%;}
.th .menu_item:nth-child(n + 3)::before {content: ""; position: absolute; top: 50%; left: -16px; transform: translateY(-50%);
 display: block; border: 8px solid transparent; border-left: 14px solid #222;}
.th .mayo {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;
 justify-content: space-between; margin-bottom: 4%;}
.th .mayo_txt {width: 62%;}
.th .mayo_img {width: 32%; margin-right: 4%;}
.th .mayo2 {width: 96%; margin-top: 4%; margin-left: 4%;}
.th .okosama {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; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 4%;}
.th .okosama > * {width: 46%; margin-bottom: 4%;}
.th .kaiteki {list-style-type: none;}
.th .kaiteki > *:not(:last-child) {margin-bottom: 2%;}
.th .notice {padding: 4% 6%; background-color: #000; color: #fff;}
.th .notice_ttl {margin: 4% 0 2%; font-size: 120%; font-weight: 700;}
.th .notice_icon {margin-bottom: 4%;}
.th .notice_icon a {margin-right: 3%;}
.th .notice_icon img {width: 12%;}
.th .notice_copy {display: block; font-size: 80%; letter-spacing: 1.4px; line-height: 1.4;}
.th .popup {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: none; width: 92%; max-width: 540px; height: 92%;
 max-height: 620px; margin: auto; background-color: #fff; box-shadow: 0 0 0 9999px rgba(0, 0, 0, .6); overflow-y: scroll;}
.th input[id^="popup_on"] {display: none;}
.th input[id^="popup_on"]:checked + .popup {display: block;}
.th .popup_content {position: relative; font-family: "Noto Serif JP", serif;}
.th .popup_close {position: fixed; right: 0; left: 0; z-index: 2; display: block; width: 92%; max-width: 540px; margin-right: auto; margin-left: auto;}
.th .icon_close {position: absolute; top: 0; right: 0; padding: 0 10px; background-color: rgba(0, 0, 0, .8); color: #fff; font-size: 30px; cursor: pointer;}
.th .popup_ttl {padding: 4% 4% 2%; font-size: 2rem; font-weight: 700;}
.th .popup_txt {padding: 0 4% 4%; font-size: 1.6rem;}
.th .popup_txt .red {margin-bottom: 2%; color: #AC000C;}
.th .btn_open label {cursor: pointer;}
@media (max-width: 767px){
  .th .menu_item:nth-child(n + 3)::before {left: -12px; border-width: 7px; border-left-width: 12px;}
  .th .popup {max-height: 500px;}
}

/* 15周年名物対決 */
.th2 {background-color: #000; font-family: 'Noto Sans JP', sans-serif;}
.th2 .container {max-width: 640px; margin-right: auto; margin-left: auto; position: relative;}
.th2 .box {margin: 4% 5%; padding: 5% 4% 5% 5%; font-size: 84%; background-color: #fff; color: #000;}
.th2 .box ul {list-style: none;}
.th2 .box li:not(:last-child) {margin-bottom: 20px;}
.th2 .link {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 8% 4% 3%;}
.th2 .link .left {position: relative; width: 68%; z-index: 1;}
.th2 .link .sp {width: 48%; position: absolute; right: 0; bottom: 0; z-index: 0;}
.th2 .link .process {width: 70%; margin-bottom: 6%;}
.th2 .link .vote {position: absolute; top: -14%; right: -8%; width: 34%;}
.th2 .app {display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 4%;}
.th2 .app > * {width: 49%;}
.th2 .box2 {margin: 6% 4% 0; padding: 4% 4% 8% 5%; background-color: #514e4d; color: #fff;}
.th2 .box2 img {width: 100%; max-width: 506px;}


/* アニアアニマル */
.lp-ania{
  background-color: black;
}

.ania__container {max-width: 640px; margin-right: auto; margin-left: auto; position: relative;}

.container__header{
  display: flex;
}

.header-copy{
  width: 55%;
  background-color: #0a4e97;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 20px 0px; */
}

.header-copy h1{
  line-height: 1;
  display: inline-block;
  font-weight: bold;
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
  color: #f9eb21;
}

@media screen and (max-width:767px) {
  .header-copy h1{
    font-size: 2rem;
  }
}

.header-logo{
  width: 45%;
  background-color: #f9eb21;
  padding: 20px 2%;
}

.lp-ania .box{
  background-color: #007130;
  padding: 20px 5%;
}

.lp-ania .ania__box-container{
  background-color: #f9eb21;
  padding: 25px 10%;
  border-radius: 20px;
}

.lp-ania .ania__box-container ul{
  margin-bottom: 10px;
}

.lp-ania .ania__box-container li{
  list-style: none;
  color: #0a4e97;
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}

.ania__box-container p{
  border-bottom: 2px solid #0a4e97;
  color: #0a4e97;
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}

@media screen and (max-width:767px) {
  .ania__box-container p{
    font-size: 3rem;
  }
}

.ania__box-container .ania__notes{
  font-size: 1.8rem;
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
  border: none;
}

@media screen and (min-width:768px) {
  .d-n-pc{
    display: none;
  }
}

/* -----------------------------------------------------------------

----------------------------------------------------------------- */
.th2 .container {
  background-image: url(../img/lp/15th2/bg.jpg);
  background-repeat: repeat-y;
  background-size: contain;
  padding-bottom: 10px;
}

.bottom__container{
  /* display: flex; */
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  background-color: #000;
}

.sns-link{
  display: flex;
  align-items: center;
  justify-content: center;
}

.sns-link p{
  color: #fff;
  font-size: 3.8rem;
  font-weight: bold;
  margin-right: 10px;
}

.sns-link .item{
  width: 30%;
}

.sns-link .item:first-child{
  margin-right: 10px;
}

.th h1,
.th2 h1{
  color: white;
  text-align: center;
  padding: 10px 0;
}

@media screen and (max-width:400px){
  .th h1,
  .th2 h1{
    font-size: 1.6em;
  }
}


/* カルビーコラボキャンペーン
(15周年ベストショットキャンペーンを基に作成) */

.th2.calbee .container{
  background: #000;
}
.calbee_appBtn{
  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;
  padding-right:2rem;
  padding-left: 2rem;
}
.calbee_appBtn .calbee_appBtnItem{
  width:calc((100% - 20px) / 2);
}

/*link*/
.link{
  font-family: 'Noto Sans JP', sans-serif;
}
.link .lp_container{
  max-width: 800px;
}
.link_btn {
  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;
  padding: .7em;
  font-weight: 500;
  font-size: 3rem;
  text-align: center;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 15px;
  transition: .4s;
  position: relative;
}

@media (max-width: 767px) {
  .link_btn {
    width: 100%;
    min-width: auto;
    max-width: 500px;
    padding: .5em;
    font-size: 1.8rem;
  }
}
.link_btn > img{
  position: absolute;
  left:25%;
  width:70px;
}
@media (max-width: 767px){
  .link_btn > img{
    width:35px;
    left:20%;
  }
}

/* -----------------------------------------------------------------
  safety
----------------------------------------------------------------- */
.safety{
  font-size: 1.6rem;
}
.safety > .bg_beige{
  background-color: #F8F5E9;
}
@media (max-width: 767px){
  .safety{
    font-size: 1.3rem;
  }
}
@media (min-width: 768px){
  .safety .lp_container._md{
    max-width: 700px;
  }
  .safety_hero{
    height:700px;
    background: url(../img/lp/safety/hero_bg.jpg) center;
  }
  .safety_hero img{
    max-width: 703px;
  }
  .safety_hero + p{
    font-size: 1.8rem;
  }
}
.safety .none {
  display: none;
}
.safety_lv2heading{
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight:700;
  color:#fff;
  background-color: #AC000C;
  font-size: 2.7rem;
  height:8rem;
}
@media (max-width: 767px){
  .safety_lv2heading{
    font-size: 2rem;
    height:5.6rem;
  }
}
.safety_lv3heading{
  font-size: 2.8rem;
  font-weight: 500;
  background: linear-gradient(transparent 90%, #F7E94C 0%);
  display: inline;
  padding: 0 0 .8rem;
  line-height: 1.7;
}
@media (max-width: 767px){
  .safety_lv3heading{
    font-size: 2rem;
    padding: 0 0 .3rem;
  }
}
.safety_3column{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; */
}
@media (min-width: 768px){
  .safety_3column{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.safety_3column >.safety_3column_item{
  width: calc((100% - 100px) /3);
  max-width:325px;
}
@media (min-width: 768px){
  .safety_3column >.safety_3column_item:nth-child(n + 2){
    margin-left:4%;
  }
  .safety_3column >.safety_3column_item:nth-child(4){
    margin-left:0;
  }
}
@media (max-width: 767px){
  .safety_3column >.safety_3column_item:nth-child(even){
    margin-left:4%;
  }
  .safety_3column >.safety_3column_item{
    width: calc(96% / 2);
  }
}
.safety_fukidasi_wrap{
  margin-top:12%;
}
.safety_fukidasi_box{
  position: relative;
}
.safety_fukidasi{
  position: absolute;
  right: -10%;
  top: -30%;
  width: 39%;
  max-width: 199px;
}
@media (max-width: 767px){
  .safety_fukidasi_wrap{
    margin-top:17%;
  }
  .safety_fukidasi{
    right: -3%;
    top: -21%;
    z-index:1;
  }
  .safety_fukidasi.-spRight{
    left:-3%;
  }
  .safety_fukidasi_box + .safety_fukidasi_box{
    margin-top:17%;
  }
}
.safety_torikumi{
  background-color: #F4ECEA;
  padding:4%;
}
@media (max-width: 767px){
  .safety_torikumi{
    padding: 6% 4%;
  }
  .safety_footimg{
    width:232px;
    margin-right:auto;
    margin-left:auto;
  }
}

/* -----------------------------------------------------------------
  mobileorder
----------------------------------------------------------------- */
.lp_btn.-mobileorder {
  background-color: #DD7600;
  color: #fff;
  border: solid 1px #DD7600;
}
.lp_btn.-mobileorder:hover {
  opacity: .7;
}
@media (min-width: 768px){
  .lp_btn.-mobileorder{
    min-width: auto;
  }
}
@media (min-width: 1070px){
  .lp_btn.-mobileorder{
    min-width: 395px;
  }
}
.mobileorder_line{
  background-color: #6E2E06;
  color:#fff;
  text-align: center;
}
.mobileorder_box{
  background-color: #fff;
  border-radius: 20px;
  padding-left:3rem;
    padding-right:3rem;
}
@media (max-width: 767px){
  .mobileorder_box > a > img{
    width:125px;
  }
}
.mobileorder_lv2heading{
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 1px solid;
  border-color: #000;
  padding-bottom: 1rem;
}
@media (min-width: 768px){
  .mobileorder_lv2heading{
    font-size: 2.6rem;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
  }
}
.mobileorder_gm{
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  text-decoration: underline;
  color:#000;
  margin:1.5rem auto;
}
.mobileorder_gm > a{
  color:#000;
}
.mobileorder_gm > a > img{
  margin-right:1rem;
  margin-top: 0.3rem;
}
@media (max-width: 767px){
  .mobileorder_gm > a > img{
    width:11px;
    margin-right:.5rem;
  }
}

/* -----------------------------------------------------------------
  couponall2022
----------------------------------------------------------------- */

.couponall2022_inner {
  background: #f5cf00;
}

.couponall2022_faq dl {
  padding-left: 30px;
  position: relative;
}

@media (max-width: 767px) {
  .couponall2022_faq dl {
    padding-left: 20px;
  }
}

.couponall2022_faq dl:not(:last-child) {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .couponall2022_faq dl:not(:last-child) {
    margin-bottom: 15px;
  }
}

.couponall2022_faq dt {
  display: block;
  background: #f7f7f7;
  max-width: 100%;
  padding: 0;
  margin-bottom: 10px;
  font-size: 2.2rem;
}

@media (max-width: 767px) {
  .couponall2022_faq dt {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
}

.couponall2022_faq dt::before {
  position: absolute;
  top: -2px;
  left: 0;
  content: "Q";
  font-size: 2.2rem;
}

@media (max-width: 767px) {
  .couponall2022_faq dt::before {
    top: -1px;
    font-size: 1.4rem;
  }
}

.couponall2022_faq dd {
  max-width: 100%;
  padding: 0;
}

.couponall2022_inner .lp_overview ul {
  list-style: none;
}

.couponall2022_inner .lp_overview ul li {
  position: relative;
  padding-left: 0.75em;
}

.couponall2022_inner .lp_overview ul li::before {
  display: block;
  position: absolute;
  top: 0.75em;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #333;
  content: "";
}

/* -----------------------------------------------------------------
  smrfes2022
----------------------------------------------------------------- */

.smrfes2022_bg {
  background: url(../img/lp/smrfes2022/smrfes2022_bg.jpg) repeat;
  background-size: 100%;
}

.smrfes2022_heading {
  color: #d70f0f;
}


/* -----------------------------------------------------------------
  micho2022
----------------------------------------------------------------- */
.micho2022 .gothic{
  font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
}

.micho2022 {
  background-color: #FFEDF5;
}
.micho2022 h1 {
  margin-bottom: 4.5rem;
}
.micho2022 .txt-lead {
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.07em;
}
.micho2022 .fruity-contents {
  max-width: 1080px;
}
.micho2022 h2 {
  color: #EA5B7A;
  font-weight: 900;
  font-size: 4.2rem;
}
.micho2022 .area-present {
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 113.8888888889%;
  max-width: 1200px;
  /* margin: 5rem -1.8518518519% 1rem auto; */
  margin: -1.4rem -1.8518518519% 1rem -12.037037037%;
}
.micho2022 .area-present::after {
  display: block;
  position: absolute;
  top: 50%;
  /* left: calc(50% + 35px); */
  right:-2%;
  width: 37.8048780488%;
  max-width: 410px;
  /* height: 0; */
  height: 635px;
  padding-top: 52%;
  transform: translate(-50%, -50%);
  background: url(../img/lp/micho2022/pomegranate.png) no-repeat 0 0/100% auto;
  content: "";
}
.micho2022 .summary-present {
  position: relative;
  width: 48.7804878049%;
  max-width: 600px;
  /* height: 48.7804878049%;
  max-height: 600px;
  border-radius: 50%;
  background-color: #fff; */
  background: url(../img/lp/micho2022/decoration_circle.png) no-repeat 0 0/100% auto;
}
.micho2022 .summary-present .contents-summary {
  position: relative;
  height: 0;
  padding-top: 100%;
}
.micho2022 .summary-present .contents-summary .area-txt {
  position: absolute;
  top: calc(50% - 0.15rem);
  left: calc(50% + 1rem);
  width: 90%;
  max-width: 430px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.micho2022 .summary-present .contents-summary .area-txt .color {
  display: inline-block;
  margin-bottom: 4%;
  color: #65460A;
  font-size: clamp(1.4rem, 2.8vw, 2.8rem);
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.micho2022 .summary-present .contents-summary .area-txt .f-huge {
  display: inline-block;
  margin-top: 0.75rem;
  /* margin-bottom: 1.15rem; */
  padding-right: 0.5rem;
  background: linear-gradient(transparent 70%, #FEDC00 0%);
  font-weight: 900;
  font-size: clamp(2.3rem, 2.8vw, 4.7rem);
  line-height: 1.1;
}
.micho2022 .summary-present .contents-summary .area-txt .f-small {
  display: block;
  margin-top: 1%;
  font-size: clamp(1.4rem, 2.8vw, 2.8rem);
  line-height: 1.5;
}
.micho2022 .summary-present .contents-summary .area-txt .f-tiny {
  display: block;
  margin-bottom: 1rem;
  font-size: clamp(1.3rem, 2vw, 2rem);
  line-height: 1.45;
}
.micho2022 .summary-present .contents-summary .area-txt .f-large {
  display: block;
  font-size: clamp(2.1rem, 2.8vw, 3.8rem);
  line-height: 1.4736842105;
  margin-top:2%;
}
.micho2022 .item-present {
  position: relative;
  width: 40.6504065041%;
  max-width: 380px;
  height: 40.6504065041%;
  max-height: 380px;
  margin-top: 27rem;
  border: solid 10px #fff;
  border-radius: 50%;
}
.micho2022 .item-present .contents-item {
  position: relative;
  height: 0;
  padding-top: 100%;
}
.micho2022 .item-present dl {
  /* display: flex; */
  position: absolute;
  top: 50%;
  left: 50%;
  /* flex-wrap: wrap; */
  width: 70%;
  max-width: 350px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.micho2022 .item-present dl > dt {
  position: relative;
  width: 40%;
  max-width: 90px;
  margin: 0.25rem auto 3%;
  border-radius: 50%;
  color: #fff;
  /* font-size: clamp(1.3rem, 1vw, 2rem); */
  line-height: 90px;
}
/* .micho2022 .item-present dl > dd {
  width: calc(78.2857142857% - 2rem);
  margin-bottom: 1.75rem;
  margin-left: 2rem;
} */
.micho2022 .item-present dl > dd .txt-item {
  font-size: clamp(1.3rem, 2vw, 2rem);
}
.micho2022 .item-present dl > dd .txt-date {
  font-size: clamp(1.8rem, 2vw, 2.8rem);
  line-height: 1.35;
}
.micho2022 .item-present dl > dd .txt-note {
  font-size: clamp(1.3rem, 2vw, 1.6rem);
}
.micho2022 .item-present dl > dd:nth-of-type(1) .txt-item {
  color: #7A0F26;
}
.micho2022 .item-present dl > dd:nth-of-type(2) .txt-item {
  color: #0075BF;
}
.micho2022 .section-entry {
  margin-bottom: 7.25rem;
}
.micho2022 .section-entry h2 {
  margin-bottom: 4.5rem;
  margin-top: 10%;
  letter-spacing: 0.2em;
}
.micho2022 .section-entry .step-entry {
  display: flex;
  margin-bottom: 15rem;
  gap: 0 30px;
}
.micho2022 .section-entry .step-entry > li {
  box-sizing: border-box;
  width: calc((100% - 60px) / 3);
  max-width: 340px;
  padding: 4.75rem 1rem 11.5rem;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  list-style-type: none;
}
.micho2022 .section-entry .step-entry > li:nth-of-type(1) {
  background: #FFDBE4 url(../img/lp/micho2022/img_step01.png) no-repeat calc(100% + 58px) calc(100% + 25px)/63.5294117647% auto;
}
.micho2022 .section-entry .step-entry > li:nth-of-type(2) {
  background: #FFDBE4 url(../img/lp/micho2022/img_step02.png) no-repeat calc(100% + 45px) calc(100% + 25px)/63.5294117647% auto;
}
.micho2022 .section-entry .step-entry > li:nth-of-type(3) {
  background: #FFDBE4 url(../img/lp/micho2022/img_step03.png) no-repeat calc(100% + 63px) calc(100% + 25px)/63.5294117647% auto;
}
.micho2022 .section-entry .step-entry > li p {
  font-size: 2.2rem;
  line-height: 1.7272727273;
}
.micho2022 .section-entry .step-entry > li .txt-step {
  width: 148px;
  margin: 0 auto 4rem;
}
.micho2022 .section-entry .section-notes {
  margin-bottom: 5rem;
  padding: 5.25rem 0 7.75rem;
  background-color: #fff;
}
.micho2022 .section-entry h3 {
  margin-bottom: 3rem;
  color: #EA5B7A;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
.micho2022 .section-entry .list-disc {
  width: 86.4814814815%;
  max-width: 934px;
  margin: 0 auto;
}
.micho2022 .section-entry .list-disc > li {
  position: relative;
  padding-left: 1.5em;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.01em;
  list-style-type: none;
}
.micho2022 .section-entry .list-disc > li::before {
  display: block;
  position: absolute;
  top: 0.85rem;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #F298CC;
  content: "";
}
.micho2022 .section-entry .list-disc > li ul {
  margin-bottom: 3rem;
}
.micho2022 .section-entry .list-disc > li ul > li {
  position: relative;
  padding-left: 0.75em;
  list-style-type: none;
}
.micho2022 .section-entry .list-disc > li ul > li::before {
  display: block;
  position: absolute;
  top: 0.1rem;
  left: 0;
  content: "–";
}
.micho2022 .section-rules {
  padding: 5rem 0 7.75rem;
  background-color: #fff;
}
.micho2022 .section-rules .rules {
  width: 87.037037037%;
  max-width: 940px;
  margin: 0 auto;
}
.micho2022 .section-rules .rules > dt {
  padding: 0.1rem 0 0.2rem;
  background-color: #EA5B7A;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
.micho2022 .section-rules .rules > dd {
  padding: 1.75rem 0 4.65rem;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.01em;
}
.micho2022 .section-rules .rules > dd .txt-float {
  display: flex;
  flex-wrap: wrap;
}
.micho2022 .section-rules .rules > dd .txt-float dt {
  width: 4.15em;
}
.micho2022 .section-rules .rules > dd .txt-float dd {
  width: calc(100% - 4.15em);
}
.micho2022 .section-rules .rules > dd .list-disc-small li {
  position: relative;
  padding-left: 1em;
  list-style-type: none;
  text-indent: -1em;
}
.micho2022 .section-rules .rules > dd .list-disc-small li::before {
  content: "・";
}
.micho2022 .section-rules .rules > dd .list-notes li {
  position: relative;
  padding-left: 1em;
  list-style-type: none;
  text-indent: -1em;
}
.micho2022 .section-rules .rules > dd .list-notes li::before {
  content: "※";
}
.micho2022 .txt-link {
  color: #0075BF;
  text-decoration: underline;
}
.micho2022 .txt-link:hover {
  text-decoration: none;
}
.micho2022 .btnContainer {
  padding-bottom: 7.25rem;
}
.micho2022 .btn {
  max-width: 362px;
}
@media print, screen and (max-width: 767px) {
  .micho2022 h1 {
    margin-bottom: 0.7rem;
  }
  .micho2022 .txt-lead {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    letter-spacing: 0.02em;
  }
  .micho2022 .fruity-contents {
    width: 90.6666666667%;
  }
  .micho2022 h2 {
    font-size: 3rem;
  }
  .micho2022 .area-present {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
  .micho2022 .area-present::after {
    top: 80%;
    left: 35%;
    width: 50%;
    height:auto;
    max-width: none;
    padding-top: 85%;
    /* background-image: url(../img/lp/micho2022/img_fruity_sp.png); */
  }
  .micho2022 .summary-present {
    width: 89%;
    max-width: 450px;
    margin: 0.75rem auto 0;
  }
  .micho2022 .summary-present .contents-summary .area-txt {
    /* top: 50%;
    left: calc(50% + 1.25rem);
    width: 16.5em;
    max-width: none; */
    left: calc(50% + 0.5rem);
    top: calc(50% + 0.7rem);
  }
  /* .micho2022 .summary-present .contents-summary .area-txt .color {
    color: #000;
    line-height: 1.5;
  } */
  .micho2022 .summary-present .contents-summary .area-txt .f-huge {
    margin-top: 0.45rem;
    margin-bottom: 0;
  }
  /* .micho2022 .summary-present .contents-summary .area-txt .f-small {
    margin-bottom: 0.35rem;
  } */
  .micho2022 .summary-present .contents-summary .area-txt .f-tiny {
    margin-bottom: 0.5rem;
  }
  .micho2022 .item-present {
    width: 88.2352941176%;
    max-width: 190px;
    margin: 7rem 0 4.5rem 40%;
    border: solid 5px #fff;
  }
  .micho2022 .item-present dl {
    top: calc(50% - 0.5rem);
    width: 17em;
    max-width: none;
  }
  .micho2022 .item-present dl > dt {
    width: 22%;
    max-height: 60px;
    line-height: 48px;
  }
  /* .micho2022 .item-present dl > dd {
    width: calc(81.5384615385% - 1rem);
    margin-bottom: 1.25rem;
    margin-left: 1rem;
  } */
  .micho2022 .section-entry {
    margin-bottom: 4.25rem;
  }
  .micho2022 .section-entry h2 {
    margin-bottom: 2rem;
  }
  .micho2022 .section-entry .step-entry {
    flex-direction: column;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 5.15rem;
  }
  .micho2022 .section-entry .step-entry > li {
    width: 100%;
    max-width: none;
    padding: 2.5rem 0 2.85rem;
    border-radius: 0;
  }
  .micho2022 .section-entry .step-entry > li:not(:last-of-type) {
    margin-bottom: 1.15rem;
  }
  .micho2022 .section-entry .step-entry > li:nth-of-type(1) {
    background: #FFDBE4 url(../img/lp/micho2022/img_step01.png) no-repeat -38px calc(100% + 2px)/34.1333333333% auto;
  }
  .micho2022 .section-entry .step-entry > li:nth-of-type(2) {
    background: #FFDBE4 url(../img/lp/micho2022/img_step02.png) no-repeat calc(100% + 23px) 100%/34.1333333333% auto;
  }
  .micho2022 .section-entry .step-entry > li:nth-of-type(3) {
    background: #FFDBE4 url(../img/lp/micho2022/img_step03.png) no-repeat -38px 50%/34.1333333333% auto;
  }
  .micho2022 .section-entry .step-entry > li p {
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
  .micho2022 .section-entry .step-entry > li .txt-step {
    width: 83px;
    margin-bottom: 1.25rem;
  }
  .micho2022 .section-entry .section-notes {
    padding: 3.6rem 0 3.25rem;
  }
  .micho2022 .section-entry h3 {
    margin-bottom: 2.5rem;
  }
  .micho2022 .section-entry .list-disc {
    width: 89.7058823529%;
    font-size: 2rem;
    line-height: 1.475;
  }
  .micho2022 .section-entry .list-disc > li {
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
  .micho2022 .section-entry .list-disc > li::before {
    top: 0.5rem;
    width: 14px;
    height: 14px;
  }
  .micho2022 .section-entry .list-disc > li ul {
    margin-bottom: 2.35rem;
  }
  .micho2022 .section-rules {
    padding: 3.6rem 0 3.25rem;
  }
  .micho2022 .section-rules .rules {
    width: 89.7058823529%;
  }
  .micho2022 .section-rules .rules > dt {
    padding: 0.35rem 0 0.25rem;
    font-size: 1.3rem;
    line-height: 1.4615384615;
  }
  .micho2022 .section-rules .rules > dd {
    padding: 1rem 0 2.25rem;
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
  .micho2022 .btnContainer {
    padding-bottom: 4.25rem;
  }
  .micho2022 .btn {
    width: 69.3333333333%;
  }
}
@media print, screen and (max-width: 420px){
  .micho2022 .area-present::after{
    width: 70%;
    top: 71%;
    height: 400px;
  }
}

/* -----------------------------------------------------------------
  dates2023
----------------------------------------------------------------- */
.dates2023 {
  font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
}
.dates2023 .top_image img{
  margin: 0 auto;
}
.dates2023 .lp_container h1 {
  font-size: 3.8rem;
  font-weight: bold;
  margin :9.7rem 0 4.6rem;
  color: #651A2E;
}
.dates2023 .main_text span{
  line-height: 4.7rem;
  background: linear-gradient(transparent 70%, #FEDC00 0%);
}
.dates2023 .feature_box {
  width: 66.9rem;
  background-color: #FFFDD3;
  color: #C70808;
  font-size: 2.4rem;
  padding: 3.4rem 3.6rem;
  margin: auto;
}
.dates2023 .notion {
  font-size: 2.0rem;
  line-height: 3.6rem;
  font-weight: 400;
}
.dates2023 .main_discription {
  font-size: 2.3rem;
  line-height: 4.7rem;
  margin-bottom: 8.1rem;
}
.dates2023 .main_app {
  font-size: 2.2rem;
  font-weight: 400;
}
.dates2023 .section_whatis_dates {
  background-image: url("/wp-content/themes/mngtr_basic/img/lp/dates2023/back.webp");
  background-size: cover;
  padding: 1.7rem 0 7.54rem;
  margin-bottom: 5.46rem;
  text-align: center;
}
.dates2023 .section_whatis_dates div {
  display: flex;
  justify-content: space-evenly;
}
.dates2023 .section_whatis_dates p {
  font-size: clamp(1.5rem, 2.1vw, 2.3rem);
  font-weight: 400;
  line-height: clamp(2.5rem, 4.3vw, 4.7rem);
  width: 49.1rem;
  text-align: left;
  margin-right: 2rem;
}
.dates2023 .section_whatis_dates img:nth-child(3) {
  width: 42.8rem;
  height: 100%;
}
@media(max-width:767px) {
  .dates2023 .section_whatis_dates {
    padding-top: 0;
    margin-bottom: 3.26rem;
  }
  .dates2023 .section_whatis_dates img:nth-child(2) {
    width: 26.1rem;
  }
  .dates2023 .lp_container h1 {
    font-size: 2.6rem;
    margin :3.4rem 0;
  }
  .dates2023 .section_whatis_dates div {
    display: block;
  }
  .dates2023 .section_whatis_dates p {
    width: 100%;
    margin-bottom: 3.3rem;
  }
  .dates2023 .main_text span {
    line-height: 3.0rem;
  }
  .dates2023 .feature_box {
    font-size: 1.5rem;
    padding: 2.5rem 2rem;
    width: 100%;
    margin-top: .7rem;
  }
  .dates2023 .main_discription {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin: 0 4% 2.6rem;
  }
  .dates2023 .notion {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
  .dates2023 .main_app {
    font-size: 1.5rem;
  }
}

.dates2023 .application_button {
  width: 59rem;
  height: 16.8rem;
  background-color: #E31A1A;
  color: #fff;
  display: inline-block;
  border-radius: 1.5rem;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 16.8rem;
  margin-top: 7.5rem;
}
.dates2023 .application_button:hover {
  opacity: .7;
}
.dates2023 .app_link {
  padding-bottom: 0.5rem;
  width: fit-content;
  margin: auto;
  margin-bottom: 11.4rem;
}
.dates2023 .app_link a {
  color: #E31A1A;
  border-bottom: solid 2px #E31A1A;
}
@media(max-width:767px) {
  .dates2023 .application_button {
    width: 100%;
    height: 9rem;
    border-radius: .75rem;
    font-size: 1.9rem;
    line-height: 9rem;
    margin-top: 4.1rem;
  }
  .dates2023 .app_link {
    padding-bottom: 0.25rem;
    margin-bottom: 4.7rem;
    font-size: 1.5rem;
  }
}
.dates2023 h2 {
  font-size: 3.4rem;
  margin-bottom: 7rem;
}
.dates2023 .lp_section.method {
  background-color: #FEFDEC;
}
.dates2023 .method_title {
  width: 100%;
  max-width: 83rem;
  height: 18rem;
  margin: auto;
  background-color: #FEEF00;
  padding-top: 2.5rem;
  padding-bottom: 5.3rem;
}
.dates2023 .method div:last-child .method_title {
  padding-top: 0.9rem;
}
.dates2023 .method .method_title p {
  font-size: 2.4rem;
}
.dates2023 .method div .method_image {
  margin: 6rem 3.1rem 9.6rem 0;
  width: 39.3rem;
}
.dates2023 .method div:nth-child(2) img.method_image {
  margin: 6rem 0 9.6rem 3.1rem;
}
.dates2023 .method div:last-child .method_image {
  margin-bottom: 0;
}

@media(max-width:767px) {
  .dates2023 h2 {
    font-size: 1.9rem;
    margin-bottom: 4.2rem;
  }
  .dates2023 .method_title {
    width: 100%;
    height: 13.2rem;
    background-size: cover;
    padding : 3.3rem 2% 3.8rem;
  }
  .dates2023 .method div:last-child .method_title {
    padding-top: 0.9rem;
  }
  .dates2023 .method_title h4 img {
    width: 5.4rem;
  }
  .dates2023 .method .method_title p {
    font-size: 1.4rem;
  }
  .dates2023 .method div .method_image {
    margin: 3.3rem 2.36rem 5.8rem 0;
    width: 30.5rem;
  }
  .dates2023 .method div:nth-child(2) img.method_image {
    margin: 3.3rem 0 5.8rem 3rem;
  }
  .dates2023 .method div:last-child .method_image {
    margin-bottom: 1.5rem;
  }
}
.dates2023 .detail h2{
  font-size: 2.8rem;
  font-weight: 500;
  color: #fff;
  background-color: #874C5C;
  margin-bottom: 0px;
  height: 6rem;
  line-height: 6rem;
}
.dates2023 .detail_text {
  text-align: left;
  line-height: 3.6rem;
  padding: 6rem 7rem 7rem;
}
.dates2023 .detail .application_button {
  margin-top: 3rem;
}

@media(max-width:767px) {
  .dates2023 .detail h2{
    font-size: 1.7rem;
    padding: 5px;
    height: 40px;
    line-height: 30px;
  }
  .dates2023 .detail_text {
    padding: 3.2rem 5% 3.8rem;
    line-height: 2.4rem;
  }
  .dates2023 .detail .application_button {
    margin-top: 2rem;
  }
}

/*download*/
.dates2023 .lp_download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 340px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}
.dates2023 .lp_lv1heading {
  margin-bottom: 56px;
} 
@media(max-width: 767px) {
  .dates2023 .lp_lv1heading {
    margin-bottom: 41.5px;
  } 
}

.dates2023 .lp_download_text {
  margin-top: 20px;
}
.dates2023 .lp_download_item {
    max-width: 148px;
    margin: 0 auto;
  }
.dates2023 .lp_download_item:last-child {
    -ms-flex-preferred-size: 52.5%;
    flex-basis: 52.5%;
    max-width: 52.5%;
    margin-left: 5%;
  }

.dates2023 .lp_download_note {
  margin-top: 50px;
  padding: 30px;
  line-height: 1.8;
  text-align: left;
  background-color: #fff;
  font-weight: 400;
  color: #333;
  max-width: 845px;
  margin: 56px auto;
}
@media (max-width: 767px) {
.dates2023 .lp_download_note {
    margin-top: 30px;
    padding: 15px;
    font-size: 1.3rem;
    margin-bottom: 0;
  }
}
.dates2023 .lp_download_note ul {
  list-style-type: none;
}


/* -----------------------------------------------------------------
  ichiban2025
----------------------------------------------------------------- */
.ichiban2025__color {
  color: #ED1E30;
}

.ichiban2025__wrap {
  padding: 0 0 70px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 767px){
  .ichiban2025__wrap {
  padding: 0 0 35px;
}
}

.ichiban2025__container{
  position: relative;
  padding-top: 80px;
}

.ichiban2025__container::before{
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url(/wp-content/themes/mngtr_basic/img/lp/ichiban2025/bg_pc.webp) no-repeat center top;
  background-size: contain;
}

@media (max-width: 767px) {
  .ichiban2025__container::before {
    background: url(/wp-content/themes/mngtr_basic/img/lp/ichiban2025/bg_sp.webp) no-repeat center top;
    background-size: contain;
  }
}

.ichiban2025__heading {
  line-height: 1.3;
}

.ichiban2025__text {
  font-size: 2.8rem;
  line-height: calc(40/28);
}

@media (max-width: 767px) {
  .ichiban2025__text {
    font-size: 1.9rem;
  }
}

.ichiban2025__text-sub {
  font-size: clamp(1.3rem, 1.13rem + 0.453vw, 2rem);
  line-height: 2;
}

.ichiban2025__shade {
  background: url(/wp-content/themes/mngtr_basic/img/lp/ichiban2025/bg_beer-pc.webp) no-repeat center top;
  background-size: cover;
  max-width: 1080px;
  margin-inline: auto;
  padding: 40px 0 50px;
}

@media (max-width: 767px) {
  .ichiban2025__shade {
    background: url(/wp-content/themes/mngtr_basic/img/lp/ichiban2025/bg_beer-sp.webp) no-repeat center center;
    background-size: cover;
    padding: 40px 0;
  }
}

.ichiban2025__overview div {
  flex-direction: column;
}
.ichiban2025__overview dt,
.ichiban2025__overview dd {
  width: 100%;
  max-width: 100%;
  flex-basis: auto;
}
.ichiban2025__overview dt {
  background: #F99D1E;
  color: #FFF;
  padding: 0.4em 0;
}

.ichiban2025__overview dd {
  background: none;
  padding: 0.8em 0;
}

.ichiban2025__lv2heading::after {
    content: none;
}

.ichiban2025__grid{
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, minmax( 0, 355px)) ;
  gap: 40px;
}

@media (max-width: 767px) {
  .ichiban2025__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .ichiban2025__grid>img {
    width: 100%;
    height: auto;
  }
}

.appDownload--btn.ichiban2025__btn {
  border: none;
}

@media (max-width: 767px) {
  .ichiban2025__btn img {
    width: 164px;
  }
}


/* -----------------------------------------------------------------
  ichibanshibori
----------------------------------------------------------------- */
.ichibanshibori__bg {
  position: relative;
}
.ichibanshibori__bg::before {
    content: '';
  position: fixed;
    top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/themes/mngtr_basic/img/lp/ichibanshibori/bg.webp);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media (max-width: 767px) {
.ichibanshibori__bg::before {
  background-image: url(/wp-content/themes/mngtr_basic/img/lp/ichibanshibori/bg_sp.webp);
}
}
.ichibanshibori__mv {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}
.ichibanshibori__text-sub {
  font-size: clamp(1.3rem, 1.13rem + 0.453vw, 1.6rem);
  line-height: 2;
}
.ichibanshibori__heading {
  margin-left: -6px;
}
.ichibanshibori__lp_lv2heading {
  font-weight: 700;
  font-size: 2.6rem;
  color: #ED1E30;
  border-bottom: 1px solid #111;
  text-align: left;
}
@media (max-width: 767px) {
  .ichibanshibori__lp_lv2heading {
    font-size: 2rem;
    text-align: center;
  }
}
.ichibanshibori__grid {
  display: grid;
  grid-template-columns: 710fr 370fr;
}
.ichibanshibori__grid--child {
  margin-right: 40px;
  max-width: 670px;
}
.ichibanshibori__grid img {
  height: fit-content;
}
@media (max-width: 767px) {
  .ichibanshibori__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .ichibanshibori__grid--child {
  margin-right: 0;
}
.ichibanshibori__grid img {
  height: auto;
}
}
.ichibanshibori__table th {
  font-weight: 400;
  vertical-align: top;
}
.ichibanshibori__indent {
  margin-left: -0.5em;
}
@media (max-width: 767px) {
  .ichibanshibori__indent {
    margin-left: 0;
  }
}
.ichibanshibori__triangle {
  position: relative;
  padding-right: 1em;
}
.ichibanshibori__triangle::after {
  position: absolute;
  content: "▶︎";
  top: 0;
  right: 0;
  color: #F99D1E;
}
.ichibanshibori__link {
  color: #ED1E30;
  text-decoration: underline;
}
.ichibanshibori__heading-download {
  color: #ED1E30;
  font-size: clamp(2rem, 1.681rem + 0.851vw, 2.6rem);
}
.lp__inline_block {
  display: inline-block;
}
.lp_download_note.-sec {
  margin-top: 0;
  border: none;
  background-color: initial;
  width: 860px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .lp_download_note.-sec {
    width: 100%;
    padding: 15px 0;
  }
}

.lp_app_container{
  width: 240px;
  margin: 0 auto;
}
@media (min-width: 768px){
  .lp_app_container{
    width: 360px;
  }
}
@media (min-width: 992px){
  .lp_app_container{
    width: 450px;
  }
}
.lp_app_flex{
  display: flex;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: nowrap;
}
.lp_app_icon{
  width: 140px;
  height: 140px;
  padding: 15px;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 20px;
}
@media (max-width: 991px){
  .lp_app_icon{
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 15px;
  }
}
@media (max-width: 767px){
  .lp_app_icon{
    width: 74px;
    height: 74px;
    padding: 0px;
    border: none;
    background-color: transparent;
  }
  .lp_app_icon img{
    border: solid 1px #707070;
    border-radius: 20px;
  }
}

.lp_app_txt{
  font-size: 2.2rem;
  text-align: start;
  letter-spacing: 0.25em;
  text-wrap: nowrap;
  margin-left: 30px;
}
@media (max-width: 991px){
  .lp_app_txt{
    font-size: 1.6rem;
    margin-left: 20px
  }
}
@media (max-width: 767px){
  .lp_app_txt{
    font-size: 1.2rem;
    margin: 0;
  }
}

.lp_app_pt{
  padding-top: 0;
}
.app_downroad {
  margin-top: 10px;
  width: 100%;
}
.app_downroad a{
  background-color: #020202;
  border: 2px solid #020202;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding-right: 10px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 3.6rem;
  letter-spacing: 0.2em;
  position: relative;
}
.app_downroad a::after{
  content: "";
  display: inline-block;
  width: 8px;
  height: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/mngtr_basic/img/icon-arrow-w.svg);
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.lp_container--md {
  max-width: 750px;
  margin: 0 auto;
}

/* -----------------------------------------------------------------
  oyster2025
----------------------------------------------------------------- */
.oyster2025 h1 {
    position: relative;
}
.oyster2025 h1 span {
    display: block;
    position: relative;
    z-index: 1;
}
.oyster2025 h1:before {
    position: absolute;
    content: "";
    display: block;
    top: -10%;
    width: 25%;
    aspect-ratio: 4/3;
    background-image: url(/wp-content/themes/mngtr_basic/img/lp/oyster2025/oyster.webp);
    background-size: contain;

    @media (max-width: 767px) {
        top: -20%;
      left: 0;
      right: 0;
      width: 60%;
        margin: auto;
        transform: translateX(-20%);
    }

}