@charset "UTF-8";

.lp_min {
 font-weight: 400;
 font-family: "Noto Serif JP", serif, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", Meiryo, serif;
 letter-spacing: 0.06em;
}
.lp_dot {
 display: block;
 padding: 0.25em 0 0.25em 1em;
 text-indent: -1em;
}
.is_pc {
 display: block;
}
.is_tb,
.is_sp {
 display: none;
}
@media only screen and (max-width: 820px) {
 .is_tb {
  display: block;
 }
}
@media only screen and (max-width: 599px) {
 .is_pc,
 .is_tb {
  display: none;
 }
 .is_sp {
  display: block;
 }
}

@media only screen and (min-width: 1241px) {
 .fs-l-main {
  padding-top: 40px;
  margin-bottom: 50px;
 }
}

.lp_mv {
 max-width: 1180px;
 margin-left: auto;
 margin-right: auto;
}
.lp_read {
 padding: 100px 60px 80px;
 background-color: #dcd7f0;
}
.lp_read h2 {
 max-width: 580px;
 margin-inline: auto;
}
.lp_read p {
 font-size: 1.8rem;
 font-weight: 500;
 letter-spacing: 0;
 line-height: 1.8;
 text-align: center;
 margin-top: 35px;
}
.lp_date {
 margin-top: 50px;
 max-width: 840px;
 padding: 10px;
 margin-inline: auto;
 background-color: #f1edff;
 box-shadow: 0px 0px 27px 10px rgba(69, 43, 34, 0.1);
}
.lp_date .inner {
 padding: 50px;
 border: 2px solid #bfbae6;
}
.lp_date .box {
 max-width: 580px;
 margin-inline: auto;
}
.lp_date .box h3 {
 width: 75%;
 margin-inline: auto;
}
.lp_date .date_list {
 margin-top: 45px;
}
.lp_date .date_list p {
 font-size: 2.2rem;
 line-height: 1.44;
 text-align: left;
}
.lp_date .date_list p + p {
 margin-top: 1em;
}
.lp_date ul {
 margin-top: 36px;
}
.lp_date ul li {
 padding-left: 36px;
 margin-top: 14px;
 font-size: 1.5rem;
 position: relative;
}
.lp_date ul li strong {
 color: #ff4545;
 font-weight: 400;
 text-decoration: underline;
}
.lp_date ul li::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 display: block;
 background: url(./lp/lp_keirou2023_check.png) no-repeat 0 0;
 background: url(https://seika.itembox.design/item/lp/lp_keirou2023_check.png) no-repeat 0 0;
 background-size: contain;
}
.lp_date .box2 {
 margin-top: 80px;
 max-width: 510px;
 margin-inline: auto;
}
.lp_date .box2 h3 {
 width: 78.5%;
 margin-inline: auto;
}
.lp_bnr {
 max-width: 840px;
 margin-top: 30px;
 margin-left: auto;
 margin-right: auto;
}
.lp_bnr a {
 display: block;
 transition: all 0.2s ease-out;
}
.lp_gift {
 padding: 0 40px 200px;
}
.gift {
 margin-top: 120px;
}
.item_box {
 max-width: 1080px;
 margin-inline: auto;
 display: flex;
 justify-content: center;
}
.item_box .item {
 width: 28.3%;
 margin-left: 2.5%;
 margin-right: 2.5%;
}
.item .productImg {
 position: relative;
}
.item .productName {
 font-size: 1.5rem;
 min-height: 48px;
 margin-bottom: 15px;
}
.item .productCopy {
 font-size: 1.3rem;
 color: #452b22;
}
.item .productDesc {
 font-size: 1.3rem;
 line-height: 1.66;
 color: #452b22;
}
.item .productPrice {
 margin-top: 20px;
}
.item .productPrice mark {
 color: #fff;
 background-color: #fe0000;
 font-size: 1.3rem;
 line-height: 1;
 font-style: normal;
 padding: 3px 6px;
 display: inline-block;
 margin-right: 5px;
}
.item .productPrice i {
 color: #fe0000;
 font-style: normal;
 margin-left: 2px;
}
.item .productPrice strong {
 font-size: 1.4rem;
}
.item .productDate {
 margin-top: 5px;
 font-size: 1.2rem;
 display: block;
 color: #452b22;
}
.gift_3 .item_box {
 max-width: 750px;
 flex-wrap: wrap;
}
.gift_3 .item_box .item {
 margin-bottom: 40px;
}
.gift_3 .item .productName {
 font-size: 1.3rem;
 min-height: 42px;
}
.gift_4 {
 margin-top: 80px;
}
.gift_4 .item_box {
 max-width: 750px;
 flex-wrap: wrap;
}

.lp_fair {
 padding: 60px 60px 70px;
 background-color: #cadd48;
}
.fair_ttl {
 text-align: center;
 position: relative;
}
.fair_ttl h2 {
 max-width: 362px;
 margin-left: auto;
 margin-right: auto;
}
.fair_ttl p {
 margin-top: 1em;
 font-size: 2.3rem;
 font-weight: 400;
 line-height: 1.33;
}
.fair_ttl p strong {
 color: #fe0000;
 font-size: 3rem;
 font-weight: 500;
}
.fair_img {
 margin-top: 50px;
 width: 100%;
}
.fair_img_s {
 margin-top: 10px;
 display: flex;
 width: auto;
 margin-right: -10px;
}
.fair_img_s > div {
 width: 33.33%;
 padding-right: 10px;
}
.fair_txt {
 margin-top: 40px;
 max-width: 780px;
 margin-left: auto;
 margin-right: auto;
}
.fair_txt p {
 font-size: 1.7rem;
 font-weight: 500;
 line-height: 1.66;
 letter-spacing: 0;
 text-align: center;
}
.fair_txt p small {
 font-size: 1.3rem;
 line-height: 1.8;
 display: inline-block;
 margin-top: 0.5em;
}
.fair_box {
 margin-top: 60px;
 padding: 60px;
 background-color: #f7feca;
}
.fb_ttl {
 text-align: center;
 position: relative;
}
.fb_ttl h2 {
 max-width: 615px;
 margin-left: auto;
 margin-right: auto;
}
.fb_ttl p {
 margin-top: 0.5em;
 font-size: 2.5rem;
 font-weight: 500;
 line-height: 1.33;
}
.fb_ttl p strong {
 font-size: 3.2rem;
 font-weight: 700;
}
.fb_txt {
 margin-top: 20px;
 font-size: 1.6rem;
 text-align: center;
 position: relative;
}
.fair_box .item_box {
 margin-top: 30px;
}
.fair_link {
 margin-top: 40px;
 text-align: center;
}
.fair_link a {
 color: #452b22;
 font-size: 1.7rem;
 font-weight: 700;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 340px;
 margin-left: auto;
 margin-right: auto;
 padding: 24px 40px;
 text-align: left;
 border: 1px solid #452b22;
 position: relative;
 transition: all 0.2s ease-in-out;
}
.fair_link a::after {
 content: "";
 position: absolute;
 top: 50%;
 right: 20px;
 margin-top: -4px;
 margin-left: -5px;
 display: block;
 width: 10px;
 height: 10px;
 border-top: 1px solid #452b22;
 border-right: 1px solid #452b22;
 transform: rotate(45deg);
}
.fair_link a svg {
 width: 16px;
 height: 12px;
 fill: currentColor;
}

.lp_pre {
 margin-top: 80px;
 padding: 60px 60px 70px;
 background-color: #894f9d;
}
.lp_pre .pre_ttl {
 text-align: center;
 position: relative;
}
.lp_pre .pre_ttl h2 {
 max-width: 414px;
 margin-left: auto;
 margin-right: auto;
}
.lp_pre .pre_ttl p {
 color: #dbfff2;
 margin-top: 0.5em;
 font-size: 2.4rem;
 font-weight: 500;
 line-height: 1.33;
}
.lp_pre .pre_ttl p strong {
 font-size: 3.2rem;
 font-weight: 700;
}
.lp_pre .pre_img {
 margin-top: 50px;
 width: 100%;
}
.lp_pre .pre_txt {
 margin-top: 50px;
 max-width: 880px;
 margin-left: auto;
 margin-right: auto;
}
.lp_pre .pre_txt p {
 color: #fff;
 font-size: 1.7rem;
 font-weight: 500;
 line-height: 1.66;
 letter-spacing: 0;
 text-align: center;
}
.lp_pre .pre_txt p small {
 font-size: 1.2rem;
 line-height: 1.8;
 display: inline-block;
 margin-top: 1em;
}

.lp_how {
 max-width: 1180px;
 margin-top: 80px;
 margin-left: auto;
 margin-right: auto;
}
.lp_how h3 {
 font-size: 2.4rem;
 text-align: center;
}
.lp_how .flex {
 display: flex;
 justify-content: space-between;
 margin-top: 50px;
}
.lp_how .flex .item {
 width: 48%;
 border: 8px solid #ed3788;
}
.lp_how .item_ttl {
 text-align: center;
 padding: 28px;
 background-color: #ed3788;
}
.lp_how .item_ttl h4 {
 color: #ffffff;
 font-size: 2rem;
 font-weight: 700;
 display: flex;
 justify-content: center;
 align-items: center;
}
.lp_how .item_ttl h4 .icon {
 width: 42px;
 height: 42px;
 fill: currentColor;
}
.lp_how .item_ttl h4 em {
 display: block;
 font-style: normal;
 padding-left: 10px;
}
.lp_how .item_body {
 padding: 10.9% 10.7%;
}
.lp_how .item_body li {
 display: flex;
 align-items: flex-start;
}
.lp_how .item_body li + li {
 margin-top: 36px;
}
.lp_how .item_body li .num {
 width: 60px;
 height: 60px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-right: 20px;
 color: #ffffff;
 font-size: 3rem;
 font-weight: 400;
 line-height: 1;
 text-align: center;
 background-color: #fcbdd7;
 border-radius: 100%;
}
.lp_how .item_body li .txt {
 flex: 1;
 padding-top: 1em;
}
.lp_how .item_body li .txt .t_1 {
 font-size: 1.5rem;
 line-height: 1.8;
}
.lp_how .item_body li .txt .t_1 strong {
 font-size: 1.6rem;
 font-weight: 700;
 color: #ed3788;
}
.lp_how .item.tw .item_body li .txt .t_1 strong {
 color: #1d9bf0;
}
.lp_how .item_body li .txt .t_2 {
 margin-top: 1em;
 margin-left: 40px;
}
.lp_how .item_body li .txt .t_2 a {
 display: inline-block;
 color: #ffffff;
 font-size: 2rem;
 font-weight: 700;
 padding: 0.6em 1.5em;
 border-radius: 2em;
 background-color: #ed3788;
 transition: all 0.2s ease-in-out;
}
.lp_how .item.tw {
 border-color: #1d9bf0;
}
.lp_how .item.tw .item_ttl,
.lp_how .item.tw .item_body li .txt .t_2 a {
 background-color: #1d9bf0;
}
.lp_how .item.tw .num {
 background-color: #bbe1fa;
}
.lp_gaiyo {
 max-width: 820px;
 padding: 0 40px 80px;
 margin-top: 100px;
 margin-left: auto;
 margin-right: auto;
}
.lp_gaiyo h3 {
 font-size: 2rem;
 text-align: center;
 padding: 20px;
 background-color: #eeeeee;
}
.lp_gaiyo_body {
 margin-top: 40px;
}
.lp_gaiyo_body p {
 font-size: 1.3rem;
 line-height: 1.66;
 letter-spacing: 0.04em;
}
.lp_gaiyo_body p + p {
 margin-top: 2em;
}
.lp_gaiyo_body p strong {
 display: block;
 font-weight: 700;
}
.lp_gaiyo_body p a {
 text-decoration: underline;
}

@media only screen and (min-width: 820px) {
 a .productImg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s ease-out;
 }
 a:hover .productImg::after {
  opacity: 0.1;
  background-color: #3c3c43;
 }
 .lp_bnr a:hover {
  box-shadow: 0px 0px 15px 8px rgba(69, 43, 34, 0.2);
 }
 .fair_link a:hover {
  background-color: rgba(255, 255, 255, 0.8);
 }
}

@media only screen and (max-width: 1240px) {
 .lp_how .item_body {
  padding: 10.9% 8%;
 }
 .lp_how .item_body li .txt .t_2 {
  margin-left: 0;
 }
}

@media only screen and (max-width: 820px) {
 .lp_date .date_list p {
  font-size: 2.2rem;
 }
 .lp_gift {
  padding: 0 40px 100px;
 }
 .gift_3 .item_box .item {
  width: 28.3%;
 }
 .fair_ttl p {
  font-size: 2rem;
 }
 .fair_ttl p strong {
  font-size: 2.4rem;
 }
 .lp_how {
  padding: 0 40px;
 }
 .lp_how .flex {
  flex-flow: column;
 }
 .lp_how .flex .item {
  width: 100%;
 }
 .lp_how .item.tw {
  margin-top: 30px;
 }
}

@media only screen and (max-width: 600px) {
 .lp_mv {
  width: 100%;
  overflow: hidden;
 }
 .lp_mv h1 {
  position: relative;
  display: block;
 }
 .lp_read {
  padding: 40px 20px 20px;
 }
 .lp_read h2 {
  max-width: 330px;
 }
 .lp_read p {
  font-size: 1.45rem;
  line-height: 1.66;
  text-align: left;
  margin-top: 25px;
 }
 .lp_date {
  margin-top: 30px;
  max-width: unset;
  padding: 5px;
  box-shadow: 0px 0px 14px 5px rgba(69, 43, 34, 0.1);
 }
 .lp_date .inner {
  padding: 25px 15px;
  border: 1px solid #bfbae6;
 }
 .lp_date .box h3 {
  width: 90%;
  margin-inline: auto;
 }
 .lp_date .date_list {
  margin-top: 30px;
 }
 .lp_date .date_list p {
  font-size: 1.35rem;
  line-height: 1.33;
 }
 .lp_date .date_list p + p {
  margin-top: 0.5em;
 }
 .lp_date ul {
  margin-top: 20px;
 }
 .lp_date ul li {
  padding-left: 26px;
  margin-top: 8px;
  font-size: 1.2rem;
  position: relative;
 }
 .lp_date ul li::before {
  top: 4px;
  width: 16px;
  height: 16px;
 }
 .lp_date .box2 {
  margin-top: 40px;
  max-width: unset;
 }
 .lp_date .box2 h3 {
  width: 70%;
 }
 .lp_bnr {
  max-width: unset;
  margin-top: 15px;
 }
 .lp_gift {
  padding: 0 20px 40px;
 }
 .gift {
  margin-top: 60px;
 }
 .gift .ttl1 {
  margin-bottom: 0;
 }
 .item_box {
  max-width: unset;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -10px;
 }
 .item_box .item {
  width: calc(50% - 10px);
  margin-top: 20px;
  margin-left: 0;
  margin-right: 10px;
 }
 .item .productName {
  font-size: 1.3rem;
  min-height: 42px;
 }
 .item .productCopy {
  font-size: 1.15rem;
 }
 .item .productDesc {
  font-size: 1.1rem;
  line-height: 1.66;
 }
 .item .productDate {
  margin-top: 5px;
  font-size: 1.1rem;
 }
 .item .productPrice {
  margin-top: 10px;
  font-size: 1.2rem;
 }
 .item .productPrice mark {
  font-size: 1.1rem;
  padding: 3px 6px;
 }
 .item .productPrice strong {
  font-size: 1.3rem;
 }
 .gift_3 .item_box .item {
  width: calc(50% - 10px);
  margin-bottom: 0;
 }
 .gift_3 .item .productName {
  font-size: 1.2rem;
  min-height: 42px;
 }

 .lp_fair {
  margin-top: 20px;
  padding: 40px 20px 30px;
 }
 .fair_ttl h2 {
  max-width: 240px;
 }
 .fair_ttl p {
  text-align: left;
  margin-top: 1em;
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.33;
 }
 .fair_ttl p strong {
  font-size: 1.8rem;
 }
 .fair_img {
  margin-top: 20px;
 }
 .fair_img_s {
  margin-top: 5px;
  margin-right: -5px;
 }
 .fair_img_s > div {
  padding-right: 5px;
 }
 .fair_txt {
  margin-top: 20px;
  max-width: unset;
 }
 .fair_txt p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.33;
  text-align: left;
 }
 .fair_txt p small {
  font-size: 1.3rem;
  line-height: 1.8;
  display: inline-block;
  margin-top: 0.5em;
 }
 .fair_box {
  margin-top: 20px;
  padding: 20px;
 }
 .fb_ttl {
  text-align: center;
  position: relative;
 }
 .fb_ttl h2 {
  max-width: 615px;
  margin-left: auto;
  margin-right: auto;
 }
 .fb_ttl p {
  margin-top: 0.5em;
  font-size: 1.45rem;
  font-weight: 400;
  line-height: 1.33;
  text-align: left;
 }
 .fb_ttl p strong {
  font-size: 3.2rem;
  font-weight: 700;
 }
 .fb_txt {
  margin-top: 20px;
  font-size: 1.3rem;
  text-align: left;
 }
 .fair_box .item_box {
  margin-top: 0;
 }
 .fair_link {
  margin-top: 20px;
 }
 .fair_link a {
  font-size: 1.5rem;
  width: 100%;
  padding: 20px 40px;
  background-color: rgba(255, 255, 255, 0.8);
 }

 .lp_pre {
  margin-top: 30px;
  padding: 40px 20px 30px;
 }
 .lp_pre .pre_ttl h2 {
  max-width: 300px;
 }
 .lp_pre .pre_ttl h2 strong {
  font-size: 2.2rem;
 }
 .lp_pre .pre_img,
 .lp_pre .pre_txt {
  margin-top: 20px;
 }
 .lp_pre .pre_ttl p {
  margin-top: 0.5em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.22;
 }
 .lp_pre .pre_txt p {
  font-size: 1.45rem;
  font-weight: 5400;
  line-height: 1.44;
  text-align: left;
 }
 .lp_pre .pre_ttl p strong {
  font-size: 2rem;
  font-weight: 700;
 }
 .lp_how {
  padding: 0 10px;
  margin-top: 30px;
 }
 .lp_how h3 {
  font-size: 2rem;
  text-align: center;
 }
 .lp_how .flex {
  margin-top: 10px;
 }
 .lp_how .flex .item {
  border-width: 4px;
 }
 .lp_how .item.tw {
  margin-top: 20px;
 }
 .lp_how .item_ttl {
  padding: 8px;
 }
 .lp_how .item_ttl h4 {
  font-size: 1.8rem;
 }
 .lp_how .item_ttl h4 .icon {
  width: 30px;
  height: 30px;
 }
 .lp_how .item_body {
  padding: 20px;
 }
 .lp_how .item_body li + li {
  margin-top: 20px;
 }
 .lp_how .item_body li .num {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  font-size: 2rem;
 }
 .lp_how .item_body li .txt {
  padding-top: 0.2em;
 }
 .lp_how .item_body li .txt .t_1 {
  font-size: 1.3rem;
  line-height: 1.6;
 }
 .lp_how .item_body li .txt .t_1 strong {
  font-size: 1.3rem;
  color: #ed3788;
 }
 .lp_how .item.tw .item_body li .txt .t_1 strong {
  color: #1d9bf0;
 }
 .lp_how .item_body li .txt .t_2 {
  margin-top: 0.5em;
 }
 .lp_how .item_body li .txt .t_2 a {
  font-size: 1.8rem;
  margin-left: 20px;
 }

 .lp_gaiyo {
  padding: 0 10px;
  margin-top: 30px;
 }
 .lp_gaiyo h3 {
  font-size: 1.8rem;
  padding: 10px;
 }
 .lp_gaiyo_body {
  margin-top: 20px;
  padding: 0 10px;
 }
}

@media only screen and (max-width: 375px) {
 .lp_date .date_list p {
  font-size: 1.3rem;
 }
}