.m-t-0 { margin-top: 0px !important; }

.p-t-0 { padding-top: 0px !important; }

.m-b-0 { margin-bottom: 0px !important; }

.p-b-0 { padding-bottom: 0px !important; }

.m-l-0 { margin-left: 0px !important; }

.p-l-0 { padding-left: 0px !important; }

.m-r-0 { margin-right: 0px !important; }

.p-r-0 { padding-right: 0px !important; }

.m-t-5 { margin-top: 5px !important; }

.p-t-5 { padding-top: 5px !important; }

.m-b-5 { margin-bottom: 5px !important; }

.p-b-5 { padding-bottom: 5px !important; }

.m-l-5 { margin-left: 5px !important; }

.p-l-5 { padding-left: 5px !important; }

.m-r-5 { margin-right: 5px !important; }

.p-r-5 { padding-right: 5px !important; }

.m-t-10 { margin-top: 10px !important; }

.p-t-10 { padding-top: 10px !important; }

.m-b-10 { margin-bottom: 10px !important; }

.p-b-10 { padding-bottom: 10px !important; }

.m-l-10 { margin-left: 10px !important; }

.p-l-10 { padding-left: 10px !important; }

.m-r-10 { margin-right: 10px !important; }

.p-r-10 { padding-right: 10px !important; }

.m-t-15 { margin-top: 15px !important; }

.p-t-15 { padding-top: 15px !important; }

.m-b-15 { margin-bottom: 15px !important; }

.p-b-15 { padding-bottom: 15px !important; }

.m-l-15 { margin-left: 15px !important; }

.p-l-15 { padding-left: 15px !important; }

.m-r-15 { margin-right: 15px !important; }

.p-r-15 { padding-right: 15px !important; }

.m-t-20 { margin-top: 20px !important; }

.p-t-20 { padding-top: 20px !important; }

.m-b-20 { margin-bottom: 20px !important; }

.p-b-20 { padding-bottom: 20px !important; }

.m-l-20 { margin-left: 20px !important; }

.p-l-20 { padding-left: 20px !important; }

.m-r-20 { margin-right: 20px !important; }

.p-r-20 { padding-right: 20px !important; }

.m-t-25 { margin-top: 25px !important; }

.p-t-25 { padding-top: 25px !important; }

.m-b-25 { margin-bottom: 25px !important; }

.p-b-25 { padding-bottom: 25px !important; }

.m-l-25 { margin-left: 25px !important; }

.p-l-25 { padding-left: 25px !important; }

.m-r-25 { margin-right: 25px !important; }

.p-r-25 { padding-right: 25px !important; }

.m-t-30 { margin-top: 30px !important; }

.p-t-30 { padding-top: 30px !important; }

.m-b-30 { margin-bottom: 30px !important; }

.p-b-30 { padding-bottom: 30px !important; }

.m-l-30 { margin-left: 30px !important; }

.p-l-30 { padding-left: 30px !important; }

.m-r-30 { margin-right: 30px !important; }

.p-r-30 { padding-right: 30px !important; }

.m-t-35 { margin-top: 35px !important; }

.p-t-35 { padding-top: 35px !important; }

.m-b-35 { margin-bottom: 35px !important; }

.p-b-35 { padding-bottom: 35px !important; }

.m-l-35 { margin-left: 35px !important; }

.p-l-35 { padding-left: 35px !important; }

.m-r-35 { margin-right: 35px !important; }

.p-r-35 { padding-right: 35px !important; }

.m-t-40 { margin-top: 40px !important; }

.p-t-40 { padding-top: 40px !important; }

.m-b-40 { margin-bottom: 40px !important; }

.p-b-40 { padding-bottom: 40px !important; }

.m-l-40 { margin-left: 40px !important; }

.p-l-40 { padding-left: 40px !important; }

.m-r-40 { margin-right: 40px !important; }

.p-r-40 { padding-right: 40px !important; }

.m-t-45 { margin-top: 45px !important; }

.p-t-45 { padding-top: 45px !important; }

.m-b-45 { margin-bottom: 45px !important; }

.p-b-45 { padding-bottom: 45px !important; }

.m-l-45 { margin-left: 45px !important; }

.p-l-45 { padding-left: 45px !important; }

.m-r-45 { margin-right: 45px !important; }

.p-r-45 { padding-right: 45px !important; }

.m-t-50 { margin-top: 50px !important; }

.p-t-50 { padding-top: 50px !important; }

.m-b-50 { margin-bottom: 50px !important; }

.p-b-50 { padding-bottom: 50px !important; }

.m-l-50 { margin-left: 50px !important; }

.p-l-50 { padding-left: 50px !important; }

.m-r-50 { margin-right: 50px !important; }

.p-r-50 { padding-right: 50px !important; }

.m-t-55 { margin-top: 55px !important; }

.p-t-55 { padding-top: 55px !important; }

.m-b-55 { margin-bottom: 55px !important; }

.p-b-55 { padding-bottom: 55px !important; }

.m-l-55 { margin-left: 55px !important; }

.p-l-55 { padding-left: 55px !important; }

.m-r-55 { margin-right: 55px !important; }

.p-r-55 { padding-right: 55px !important; }

.m-t-60 { margin-top: 60px !important; }

.p-t-60 { padding-top: 60px !important; }

.m-b-60 { margin-bottom: 60px !important; }

.p-b-60 { padding-bottom: 60px !important; }

.m-l-60 { margin-left: 60px !important; }

.p-l-60 { padding-left: 60px !important; }

.m-r-60 { margin-right: 60px !important; }

.p-r-60 { padding-right: 60px !important; }

.m-t-65 { margin-top: 65px !important; }

.p-t-65 { padding-top: 65px !important; }

.m-b-65 { margin-bottom: 65px !important; }

.p-b-65 { padding-bottom: 65px !important; }

.m-l-65 { margin-left: 65px !important; }

.p-l-65 { padding-left: 65px !important; }

.m-r-65 { margin-right: 65px !important; }

.p-r-65 { padding-right: 65px !important; }

.m-t-70 { margin-top: 70px !important; }

.p-t-70 { padding-top: 70px !important; }

.m-b-70 { margin-bottom: 70px !important; }

.p-b-70 { padding-bottom: 70px !important; }

.m-l-70 { margin-left: 70px !important; }

.p-l-70 { padding-left: 70px !important; }

.m-r-70 { margin-right: 70px !important; }

.p-r-70 { padding-right: 70px !important; }

.m-t-75 { margin-top: 75px !important; }

.p-t-75 { padding-top: 75px !important; }

.m-b-75 { margin-bottom: 75px !important; }

.p-b-75 { padding-bottom: 75px !important; }

.m-l-75 { margin-left: 75px !important; }

.p-l-75 { padding-left: 75px !important; }

.m-r-75 { margin-right: 75px !important; }

.p-r-75 { padding-right: 75px !important; }

.m-t-80 { margin-top: 80px !important; }

.p-t-80 { padding-top: 80px !important; }

.m-b-80 { margin-bottom: 80px !important; }

.p-b-80 { padding-bottom: 80px !important; }

.m-l-80 { margin-left: 80px !important; }

.p-l-80 { padding-left: 80px !important; }

.m-r-80 { margin-right: 80px !important; }

.p-r-80 { padding-right: 80px !important; }

.m-t-85 { margin-top: 85px !important; }

.p-t-85 { padding-top: 85px !important; }

.m-b-85 { margin-bottom: 85px !important; }

.p-b-85 { padding-bottom: 85px !important; }

.m-l-85 { margin-left: 85px !important; }

.p-l-85 { padding-left: 85px !important; }

.m-r-85 { margin-right: 85px !important; }

.p-r-85 { padding-right: 85px !important; }

.m-t-90 { margin-top: 90px !important; }

.p-t-90 { padding-top: 90px !important; }

.m-b-90 { margin-bottom: 90px !important; }

.p-b-90 { padding-bottom: 90px !important; }

.m-l-90 { margin-left: 90px !important; }

.p-l-90 { padding-left: 90px !important; }

.m-r-90 { margin-right: 90px !important; }

.p-r-90 { padding-right: 90px !important; }

.m-t-95 { margin-top: 95px !important; }

.p-t-95 { padding-top: 95px !important; }

.m-b-95 { margin-bottom: 95px !important; }

.p-b-95 { padding-bottom: 95px !important; }

.m-l-95 { margin-left: 95px !important; }

.p-l-95 { padding-left: 95px !important; }

.m-r-95 { margin-right: 95px !important; }

.p-r-95 { padding-right: 95px !important; }

.m-t-100 { margin-top: 100px !important; }

.p-t-100 { padding-top: 100px !important; }

.m-b-100 { margin-bottom: 100px !important; }

.p-b-100 { padding-bottom: 100px !important; }

.m-l-100 { margin-left: 100px !important; }

.p-l-100 { padding-left: 100px !important; }

.m-r-100 { margin-right: 100px !important; }

.p-r-100 { padding-right: 100px !important; }

.font-zenkaku, .fd2024-header, .fd2024-lead__title, .fd2024-original__left h2, .fd2024-original__right h3, .fd2024-voice-title, .fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki__title, .fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title, .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__title, .fd2024-point__title__text, .fd2024-beer__title, .fd2024-beer__subtitle, .fd2024-enjoy__title, .fd2024-enjoy__column__title, .fd2024-review__title, .fd2024-gift__title, .fd2024-thanks figcaption, .fd2024-q__title { font-family: 'Zen Kaku Gothic New', sans-serif; }

.font-noto, .fd2024-lead__caution, .fd2024-item__box__text, .fd2024-satisfaction p, .fd2024-voice dl dd, .fd2024-decision figcaption, .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure figcaption, .fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl dd, .fd2024-point__box[data-point-number="2"] .fd2024-point__media dl, .fd2024-point__box[data-point-number="3"] .fd2024-point__media dl, .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure figcaption, .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__caution, .fd2024-beer__contents, .fd2024-enjoy__lead p, .fd2024-enjoy__column__box a p, .fd2024-review__box dl dt, .fd2024-review__box dl dd, .fd2024-gift__wrapper figure figcaption, .fd2024-q__title small, .fd2024-q__limit__title, .fd2024-q__limit__area, .fd2024-q__limit__variation, .fd2024-q__limit__th, .fd2024-q__limit__td, .fd2024-q__limit__caution, .fd2024-q__qa dt, .fd2024-q__qa dd { font-family: 'Noto Sans JP', sans-serif; }

.font-oswald, .fd2024-en-title, .fd2024-voice dl dt, .fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl dt, .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure::before, .fd2024-point__title__number, .fd2024-beer__number, .fd2024-review__box dl::before { font-family: 'Oswald', sans-serif; }

.pc { display: block; }

@media screen and (max-width: 999px) { .pc { display: none; } }

.sp { display: none; }

@media screen and (max-width: 999px) { .sp { display: block; } }

@media screen and (max-width: 999px) { body { -webkit-text-size-adjust: 100%; }
  input, textarea { border-radius: 0; -webkit-appearance: none; }
  input[type="radio"] { -webkit-appearance: radio; }
  input[type="checkbox"] { -webkit-appearance: checkbox; } }

.trans, .fd2024-item__box__btn input, .fd2024-item__box__btn a, .fd2024-enjoy__column__box a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.fd2024-header { background-color: #142443; color: #fff; display: flex; justify-content: center; padding: 0 15px 15px 15px; position: relative; align-items: flex-end; }

@media screen and (max-width: 499px) { .fd2024-header { padding: 5px 15px 10px 15px; } }

.fd2024-header__left { font-size: 23px; text-align: center; line-height: 140%; margin: 0 0 10px 0; }

@media screen and (max-width: 999px) { .fd2024-header__left { display: flex; font-size: 12px; position: absolute; top: 20px; left: 20px; margin: 0; }
  .fd2024-header__left div:first-child { margin: 0 6px 0 0; } }

.fd2024-header__center { font-size: 51px; margin: 0 16px 10px 20px; }

@media screen and (max-width: 999px) { .fd2024-header__center { font-size: 34px; margin: 0 30px 5px 0; } }

.fd2024-header__center span { font-size: 68px; }

@media screen and (max-width: 999px) { .fd2024-header__center span { font-size: 46px; } }

.fd2024-header__right { font-size: 80px; display: flex; align-items: baseline; }

@media screen and (max-width: 999px) { .fd2024-header__right { font-size: 49px; } }

.fd2024-header__right span { font-size: 136px; line-height: 0.8; }

@media screen and (max-width: 999px) { .fd2024-header__right span { font-size: 83px; } }

.fd2024-header__right small { font-size: 22px; margin: 0 0 0 5px; }

@media screen and (max-width: 999px) { .fd2024-header__right small { font-size: 13px; } }

.fd2024-hero { position: relative; }

.fd2024-hero img { width: 100%; height: auto; }

.fd2024-hero::after { content: ""; background-image: url(/cms/img/fathersday2024/ico_986.png); background-repeat: no-repeat; background-size: 191px 191px; display: block; width: 191px; height: 191px; position: absolute; left: 50%; bottom: -40px; z-index: 2; margin: 0 0 0 -450px; }

@media screen and (max-width: 999px) { .fd2024-hero::after { background-size: 99px 99px; width: 99px; height: 99px; margin: 0; left: 20px; bottom: -20px; } }

.fd2024-lead { background-color: #fff; padding: 0 0 40px 0; border-top-left-radius: 50%; border-top-right-radius: 50%; position: relative; }

@media screen and (max-width: 999px) { .fd2024-lead { padding: 0 0 30px 0; } }

.fd2024-lead::after { content: ""; width: 100%; height: 63px; display: block; background-image: url(/cms/img/fathersday2023/bg_lead_pc.svg); background-repeat: no-repeat; background-size: cover; background-position: center 0; position: absolute; top: -62px; left: 0; }

@media screen and (max-width: 499px) { .fd2024-lead::after { background-image: url(/cms/img/fathersday2023/bg_lead_sp.svg); width: 110%; height: 20px; top: -20px; left: -5%; } }

.fd2024-lead__title { text-align: center; font-size: 40px; line-height: 110%; }

@media screen and (max-width: 999px) { .fd2024-lead__title { font-size: 24px; } }

.fd2024-lead__title small { font-size: 23px; display: block; }

@media screen and (max-width: 999px) { .fd2024-lead__title small { font-size: 17px; } }

.fd2024-lead__img { margin: 40px 0 0 0; text-align: center; }

@media screen and (max-width: 999px) { .fd2024-lead__img { margin: 20px 0 0 0; padding: 0 20px; } }

.fd2024-lead__img img { max-width: 570px; width: 100%; height: auto; margin: 0 auto; }

.fd2024-lead__caution { color: #B28E2D; font-size: 12px; line-height: 160%; margin: 10px auto 0 auto; padding: 0 20px; max-width: 750px; text-align: left; }

@media screen and (max-width: 999px) { .fd2024-lead__caution { font-size: 10px; } }

.fd2024-original { background-color: #EFF5F9; padding: 30px 0 46px 0; }

@media screen and (max-width: 999px) { .fd2024-original { padding: 20px 0 30px 0; } }

.fd2024-original__wrapper { max-width: 672px; margin: 0 auto; padding: 0 20px; text-align: center; }

.fd2024-original__wrapper h2 { font-size: 28px; margin: 0 0 24px 0; }

@media screen and (max-width: 999px) { .fd2024-original__wrapper h2 { margin: 0 0 20px 0; } }

.fd2024-original__wrapper img { width: 100%; height: auto; }

.fd2025-package__outer {
  box-sizing: border-box;
  max-width: 930px;
  margin: 40px auto 80px auto;
  padding: 0 90px;
  text-align: center;
}

@media screen and (max-width: 999px) {
  .fd2025-package__outer {
    padding: 0 20px;
  }
}

.fd2025-package {
  position: relative;
  margin: 0 20px;
  padding: 20px 0;
  border-width: 1px 0;
  border-color: #183E8B;
  border-style: solid;
}

.fd2025-package::before { 
  content: ""; 
  width: 0; 
  height: 0; 
  border-style: solid; 
  border-width: 0 15px 15px 15px; 
  border-color: transparent transparent #183e8b transparent; 
  position: absolute; 
  top: -15px; 
  left: 50%; 
  margin: 0 0 0 -15px; 
}


.fd2025-package__inner {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 4fr 6fr 6fr;
  font-size: 15px;
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 999px) {
  .fd2025-package__inner {
    grid-template-columns: 3fr 5fr 5fr;
    font-size: 13px;
  }
}

.fd2025-package__inner::before {
  content: "";
  position: absolute;
  border-width: 0 1px 0 0;
  border-color: #183E8B;
  border-style: solid;
  width: 1px;
  left: -20px;
  height: 100%;
}

.fd2025-package__inner::after {
  content: "";
  position: absolute;
  border-width: 0 1px 0 0;
  border-color: #183E8B;
  border-style: solid;
  width: 1px;
  right: -20px;
  height: 100%;
}

.fd2025-package__title {
  grid-row: 1;
  grid-column: 1 / 4;
  margin-top: 20px;
  padding-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
}

@media screen and (max-width: 999px) {
  .fd2025-package__title {
    margin: 0;
    padding-bottom: 20px;
    font-size: 16px;
  }
}

.fd2025-package__6kan {
  grid-row: 2;
  grid-column: 1;
  margin-left: -10px;
}

.fd2025-package__6kan-img{
  padding: 10px 30px;
}

@media screen and (max-width: 999px) {
  .fd2025-package__6kan-img{
    padding: 10px;
  }  
}

.fd2025-package__10kan {
  grid-row: 2;
  grid-column: 2;
}

.fd2025-package__10kan-img{
  padding: 10px 30px;
}

@media screen and (max-width: 999px) {
  .fd2025-package__10kan-img{
    padding: 10px;
  }  
}

.fd2025-package__15kan {
  grid-row: 2 / 4;
  grid-column: 3;
  margin-right: -10px;
}

.fd2025-package__15kan-img{
  padding: 10px 30px 0 30px;
}

@media screen and (max-width: 999px) {
  .fd2025-package__15kan-img{
    padding: 10px;
  }  
}

.fd2025-package__notice {
  grid-row: 4;
  grid-column: 1 / 4;
  margin-top: -20px;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 999px) {
  .fd2025-package__notice {
    font-size: 11px;
    margin: 0;
  }
}

.fd2024-item { max-width: 750px; margin: 60px auto; padding: 0 20px; }

@media screen and (max-width: 999px) { .fd2024-item { margin: 30px auto; } }

.fd2024-item__title { text-align: center; margin: 10px 0 30px 0; }

@media screen and (max-width: 999px) { .fd2024-item__title { margin: 5px 0 20px 0; } }

@media screen and (max-width: 499px) { .fd2024-item__title img { width: 230px; height: auto; } }

.fd2024-item__subtitle { color: #BF0202; font-size: 16px; font-weight: bold; line-height: 160%; margin: 30px 0 18px 0; text-align: center; }

@media screen and (max-width: 999px) { .fd2024-item__subtitle { font-size: 13px; margin: 30px 0 10px 0; } }

.fd2024-item__subtitle span { display: inline-block; position: relative; }

.fd2024-item__subtitle span::before { content: ""; background-image: url(/cms/img/fathersday2023/ico_line_left.svg); background-repeat: no-repeat; background-size: 100% auto; width: 25px; height: 46px; display: block; position: absolute; left: -40px; top: 0.2em; }

@media screen and (max-width: 999px) { .fd2024-item__subtitle span::before { width: 20px; height: 40px; left: -25px; } }

.fd2024-item__subtitle span::after { content: ""; background-image: url(/cms/img/fathersday2023/ico_line_right.svg); background-repeat: no-repeat; background-size: 100% auto; width: 25px; height: 46px; display: block; position: absolute; right: -40px; top: 0.2em; }

@media screen and (max-width: 999px) { .fd2024-item__subtitle span::after { width: 20px; height: 40px; right: -25px; } }

.fd2024-item__box { background-color: #F5F5F5; padding: 45px 100px 30px 100px; }

.fd2024-item__box[data-type="recommend"] { position: relative; }

.fd2024-item__box[data-type="recommend"]::after { content: ""; background-image: url(/cms/img/fathersday2024/ico_recommend.svg); background-repeat: no-repeat; background-size: 100% auto; width: 107px; height: 107px; display: block; position: absolute; top: 20px; left: 20px; }

@media screen and (max-width: 999px) { .fd2024-item__box[data-type="recommend"]::after { background-size: 54px auto; width: 54px; height: 54px; } }

.fd2024-item__box[data-state="sold"] { position: relative; }

.fd2024-item__box[data-state="sold"]::before { content: ""; background-image: url(/cms/img/fathersday2023/img_soldout.svg); background-repeat: no-repeat; background-size: 100% auto; width: 270px; height: 120px; position: absolute; top: 50%; left: 50%; display: block; margin: -60px 0 0 -135px; z-index: 2; }

.fd2024-item__box[data-state="sold"] .fd2024-item__box__btn { display: none;}

@media screen and (max-width: 499px) { .fd2024-item__box[data-state="sold"]::before { width: 180px; height: 70px; margin: -35px 0 0 -90px; } }

@media screen and (max-width: 999px) { .fd2024-item__box { padding: 20px 10px 20px 20px; } }

.fd2024-item__box__wrapper { display: flex; align-items: center; }

.fd2024-item__box__img { width: 50%; }

.fd2024-item__box__img img { width: 100%; height: auto; }

.fd2024-item__box__text { width: 50%; box-sizing: border-box; }

@media screen and (max-width: 999px) { .fd2024-item__box__text { padding: 0 0 0 10px; } }

.fd2024-item__box__free { display: inline-block; border-width: 1px; border-style: solid; border-color: #000000; background-color: #fff; font-size: 12px; font-weight: bold; line-height: 1; padding: 4px; margin: 0 0 5px 0; }

@media screen and (max-width: 999px) { .fd2024-item__box__free { font-size: 10px; margin: 0 0 3px 0; } }

.fd2024-item__box__title { margin: 0 0 10px 0; font-size: 20px; }

@media screen and (max-width: 999px) { .fd2024-item__box__title { font-size: 12px; margin: 0 0 5px 0; font-weight: bold; } }

.fd2024-item__box__title span { font-size: 25px; }

@media screen and (max-width: 999px) { .fd2024-item__box__title span { font-size: 15px; } }

.fd2024-item__box__price { margin: 0 0 22px 0; font-size: 22px; }

@media screen and (max-width: 999px) { .fd2024-item__box__price { font-size: 13px; margin: 0 0 12px 0; font-weight: bold; } }

.fd2024-item__box__price span { font-size: 43px; }

@media screen and (max-width: 999px) { .fd2024-item__box__price span { font-size: 26px; } }

.fd2024-item__box__price small { font-size: 18px; margin: 0 0 0 16px; }

@media screen and (max-width: 999px) { .fd2024-item__box__price small { font-size: 10px; margin: 0 0 0 4px; } }

.fd2024-item__box__list { margin: 0 0 10px 0; }

@media screen and (max-width: 999px) { .fd2024-item__box__list { margin: 0 0 8px 0; } }

.fd2024-item__box__list li { list-style: none; font-size: 10px; position: relative; line-height: 140%; margin: 0 0 3px 0; padding: 0 0 0 14px; }

@media screen and (max-width: 499px) { .fd2024-item__box__list li { font-weight: bold; } }

.fd2024-item__box__list li::after { content: ""; width: 3px; height: 3px; display: block; border-radius: 3px; background-color: #000; position: absolute; top: 0.6em; left: 0.2em; }

.fd2024-item__box__limited dt { display: inline-block; background-color: rgba(51, 51, 51, 0.2); font-size: 11px; font-weight: bold; line-height: 1.2; padding: 4px 54px; margin: 0 0 10px 0; }

@media screen and (max-width: 999px) { .fd2024-item__box__limited dt { font-size: 10px; box-sizing: border-box; padding: 3px 35px; width: 100%; text-align: center; } }

.fd2024-item__box__limited dd { font-size: 11px; display: block; margin: 0 0 5px 0; padding: 0 0 0 14px; position: relative; }

@media screen and (max-width: 999px) { .fd2024-item__box__limited dd { font-size: 10px; font-weight: bold; } }

.fd2024-item__box__limited dd::after { content: ""; width: 3px; height: 3px; display: block; border-radius: 3px; background-color: #000; position: absolute; top: 0.6em; left: 0.2em; }

.fd2024-item__box__btn { text-align: center; margin: 15px 0 0 0; }

.fd2024-item__box__btn input:hover { opacity: 0.75; }

@media screen and (max-width: 999px) { .fd2024-item__box__btn input { width: 70%; height: auto; } }

.fd2024-item__box__btn a { display: inline-block; }

.fd2024-item__box__btn a:hover { opacity: 0.75; }

@media screen and (max-width: 999px) { .fd2024-item__box__btn a { width: 70%; height: auto; } }

.fd2024-item__box__btn a img { width: 100%; height: auto; }

.fd2024-en-title { text-align: center; font-weight: bold; font-size: 40px; color: #B28E2D; letter-spacing: 0.1em; }

@media screen and (max-width: 999px) { .fd2024-en-title { font-size: 22px; } }

.fd2024-en-title span { display: inline-block; position: relative; }

.fd2024-en-title span::before { content: ""; width: 30px; height: 1px; background-color: #B28E2D; display: block; position: absolute; top: 50%; left: -40px; }

@media screen and (max-width: 999px) { .fd2024-en-title span::before { width: 20px; left: -30px; } }

.fd2024-en-title span::after { content: ""; width: 30px; height: 1px; background-color: #B28E2D; display: block; position: absolute; top: 50%; right: -40px; }

@media screen and (max-width: 999px) { .fd2024-en-title span::after { width: 20px; right: -30px; } }

.fd2024-middle img { width: 100%; height: auto; }

.fd2024-satisfaction { max-width: 750px; margin: -40px auto 60px auto; padding: 0 20px; }

@media screen and (max-width: 499px) { .fd2024-satisfaction { margin: -20px auto 30px auto; } }

.fd2024-satisfaction img { width: 100%; height: auto; }

.fd2024-satisfaction p { text-align: center; color: #B28E2D; font-size: 19px; margin: 15px 0 0 0; line-height: 130%; }

@media screen and (max-width: 999px) { .fd2024-satisfaction p { margin: 10px 0 0 0; font-size: 14px; } }

.fd2024-satisfaction p .sp-only { display: none; }

@media screen and (max-width: 499px) { .fd2024-satisfaction p .sp-only { display: block; } }

.fd2024-satisfaction p small { font-size: 13px; }

.fd2024-voice-title { font-size: 30px; line-height: 150%; margin: 20px 0 30px 0; padding: 0 20px; text-align: center; }

.fd2024-voice-title span { color: #B28E2D; }

@media screen and (max-width: 999px) { .fd2024-voice-title { font-size: 22px; margin: 10px 0 24px 0; } }

.fd2024-voice { max-width: 850px; margin: 0 auto 80px auto; padding: 0 20px; display: flex; justify-content: space-between; }

@media screen and (max-width: 499px) { .fd2024-voice { margin: 0 auto 40px auto; flex-direction: column; } }

.fd2024-voice dl { width: calc((100% - 40px) / 3); border-width: 2px; border-style: solid; border-color: #221F1F; border-top-right-radius: 30px; border-bottom-left-radius: 30px; box-sizing: border-box; padding: 50px 25px; position: relative; }

.fd2024-voice dl::before { content: ""; background-image: url(/cms/img/fathersday2023/ico_voice_top.svg); background-repeat: no-repeat; background-color: #fff; width: 28px; height: 17px; display: block; position: absolute; top: -8px; left: -8px; }

.fd2024-voice dl::after { content: ""; background-image: url(/cms/img/fathersday2023/ico_voice_bottom.svg); background-repeat: no-repeat; background-color: #fff; width: 28px; height: 31px; display: block; position: absolute; bottom: -8px; right: -8px; }

@media screen and (max-width: 999px) { .fd2024-voice dl { width: calc((100% - 20px) / 3); padding: 34px 20px 26px 20px; } }

@media screen and (max-width: 499px) { .fd2024-voice dl { width: 100%; margin: 0 0 20px 0; }
  .fd2024-voice dl:last-child { margin: 0; } }

.fd2024-voice dl dt { font-size: 17px; font-weight: bold; position: absolute; top: -10px; left: 20px; background-color: #fff; padding: 0 10px 0 7px; }

.fd2024-voice dl dd { font-size: 16px; line-height: 180%; }

.fd2024-voice dl dd strong { font-weight: bold; }

@media screen and (max-width: 999px) { .fd2024-voice dl dd { font-size: 14px; } }

.fd2024-decision { max-width: 850px; margin: 0 auto; padding: 0 20px; position: relative; }

.fd2024-decision img { width: 100%; height: auto; }

.fd2024-decision figcaption { position: absolute; font-size: 13px; text-align: center; width: 100%; display: block; bottom: 40px; left: 0; }

@media screen and (max-width: 999px) { .fd2024-decision figcaption { bottom: 20px; } }

.fd2024-point { background-color: rgba(178, 142, 45, 0.1); background-image: url(/cms/img/fathersday2023/bg_point_pc.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: center top; padding: 110px 0 100px 0; }

@media screen and (max-width: 499px) { .fd2024-point { background-image: url(../img/fathersday2023/bg_point_sp.jpg); padding: 46px 0 20px 0; } }

.fd2024-point__box { max-width: 930px; margin: 0 auto 10px auto; background-color: #fff; box-sizing: border-box; padding: 70px 90px 60px 90px; }

@media screen and (max-width: 999px) { .fd2024-point__box { margin: 0 20px 5px 20px; padding: 34px 20px 30px 20px; } }

.fd2024-point__box[data-point-number="1"] { position: relative; }

.fd2024-point__box[data-point-number="1"] .fd2024-en-title { position: absolute; top: -30px; left: 0; width: 100%; }

@media screen and (max-width: 999px) { .fd2024-point__box[data-point-number="1"] .fd2024-en-title { top: -12px; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans { display: flex; margin: 0 0 30px 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans[data-type="desktop"] { display: none; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans[data-type="mobile"] { display: none; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans[data-type="mobile"] { display: flex; } }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans { margin: 0 0 10px 0; flex-wrap: wrap; justify-content: center; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure { width: 20%; text-align: center; box-sizing: border-box; padding: 0 5px; }

@media screen and (max-width: 999px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure { width: 33.33%; margin: 0 0 24px 0; }
  .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure img { width: 80%; height: auto; margin: 0 auto; } }

@media screen and (max-width: 999px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure:nth-child(4), .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure:nth-child(5) { width: 37%; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure.fd2024-point__cans__limited { position: relative; }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure.fd2024-point__cans__limited::after { content: ""; background-image: url(/cms/img/fathersday2024/ico_2026.svg); background-repeat: no-repeat; background-size: 100% auto; width: 72px; height: 72px; display: block; position: absolute; top: -24px; left: -7px; }

@media screen and (max-width: 999px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure.fd2024-point__cans__limited::after { width: 45px; height: 45px; top: -18px; left: -3px; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure figcaption { display: block; line-height: 150%; font-size: 17px; }

@media screen and (max-width: 999px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure figcaption { font-size: 12px; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure figcaption small { display: inline-block; font-size: 11px; line-height: 130%; }

@media screen and (max-width: 999px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure figcaption small { font-size: 10px; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure figcaption small br.sp-only { display: none; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__cans figure figcaption small br.sp-only { display: block; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__whats { position: relative; }

.fd2024-point__box[data-point-number="1"] .fd2024-point__whats img { width: 100%; height: auto; }

.fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl { position: absolute; top: 48px; left: 48px; color: #fff; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl { top: 30px; left: 30px; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl dt { font-size: 38px; line-height: 120%; margin: 0 0 18px 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl dt { font-size: 25px; margin: 0 0 12px 0; } }

.fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl dd { font-size: 16px; line-height: 160%; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="1"] .fd2024-point__whats dl dd { font-size: 14px; } }

.fd2024-point__box[data-point-number="2"] .fd2024-point__media { display: flex; align-items: center; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="2"] .fd2024-point__media { flex-direction: column; } }

.fd2024-point__box[data-point-number="2"] .fd2024-point__media figure { width: 40%; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="2"] .fd2024-point__media figure { width: 50%; margin: 0 auto 15px auto; } }

.fd2024-point__box[data-point-number="2"] .fd2024-point__media dl { width: 60%; box-sizing: border-box; padding: 0 0 0 30px; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="2"] .fd2024-point__media dl { width: 100%; padding: 0; } }

.fd2024-point__box[data-point-number="2"] .fd2024-point__media dl dt { color: #B28E2D; font-size: 20px; font-weight: bold; line-height: 160%; margin: 0 0 20px 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="2"] .fd2024-point__media dl dt { font-size: 16px; margin: 0 0 12px 0; } }

.fd2024-point__box[data-point-number="2"] .fd2024-point__media dl dd { font-size: 14px; line-height: 180%; font-weight: normal; }

.fd2024-point__box[data-point-number="3"] .fd2024-point__media { display: flex; align-items: center; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="3"] .fd2024-point__media { flex-direction: column; } }

.fd2024-point__box[data-point-number="3"] .fd2024-point__media figure { width: 50%; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="3"] .fd2024-point__media figure { width: 100%; margin: 0 auto 15px auto; } }

.fd2024-point__box[data-point-number="3"] .fd2024-point__media dl { width: 50%; box-sizing: border-box; padding: 0 0 0 30px; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="3"] .fd2024-point__media dl { width: 100%; padding: 0; } }

.fd2024-point__box[data-point-number="3"] .fd2024-point__media dl dt { font-weight: bold; color: #B28E2D; font-size: 20px; font-weight: bold; line-height: 160%; margin: 0 0 20px 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="3"] .fd2024-point__media dl dt { margin: 0 0 12px 0; font-size: 16px; } }

.fd2024-point__box[data-point-number="3"] .fd2024-point__media dl dd { font-size: 14px; line-height: 180%; font-weight: normal; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki { margin: 0 0 50px 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki { margin: 0 0 30px 0; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki__title { text-align: center; margin: 0 0 16px 0; font-size: 25px; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki__title { font-size: 16px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki__title span { color: #183E8B; position: relative; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki__title span::after { content: ""; display: block; width: 100%; height: 2px; background-image: url(/cms/img/fathersday2023/bg_dot_02.svg); background-repeat: no-repeat; background-size: 80% auto; background-position: center top; position: absolute; bottom: -8px; left: 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki__title span::after { bottom: -5px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__froshiki img { width: 100%; height: auto; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__thanks { margin: 0 0 60px 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__thanks { margin: 0 0 34px 0; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title { font-size: 28px; text-align: center; line-height: 1.5; margin: 0 0 16px 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title { font-size: 18px; line-height: 1.5;} }

.fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title small { font-size: 24px; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title small { font-size: 16px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title span { color: #183E8B; position: relative; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title span::after { content: ""; display: block; width: 100%; height: 2px; background-image: url(/cms/img/fathersday2023/bg_dot_03.svg); background-repeat: no-repeat; background-size: 80% auto; background-position: center top; position: absolute; bottom: -8px; left: 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__thanks__title span::after { background-size: 100% auto; bottom: -5px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__wrapper {
  max-width: 710px;
  margin: 0 auto;
}

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing { border-width: 1px 0; border-color: #183E8B; border-style: solid; margin: 0 20px 50px 20px; padding: 0 10px 0 10px; position: relative; }


.fd2024-point__box[data-point-number="4"] .fd2024-point__packing::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #183e8b transparent; position: absolute; top: -15px; left: 50%; margin: 0 0 0 -15px; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__inner {
  position: relative;
  padding: 28px 0 0 0;
}

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__inner::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  display: block;
  background-color: #183E8B;
  top: 20px;
  left: -30px;
}

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__inner::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  display: block;
  background-color: #183E8B;
  top: 20px;
  right: -30px;
}

@media screen and (max-width: 499px) {
  .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__inner::before,
  .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__inner::after {
    display: none;
  }
}

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing { border-width: 1px 0 0 0; margin: 0 0 20px 0; padding: 10px 0 0 0; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__title { text-align: center; margin: 0 0 30px 0; font-size: 29px; line-height: 130%; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__title { margin: 0 0 15px 0; font-size: 18px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__title small { font-size: 18px; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__title small { font-size: 11px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box { display: flex; justify-content: space-between; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box { width: 90%; margin: 0 auto; flex-direction: column; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure { width: calc((100% - 80px) / 3); position: relative; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure { width: 100%; margin: 0 0 24px 0; display: flex; align-items: center; }
  .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure:last-child { margin: 0; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure img { width: 100%; height: auto; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure img { width: 40%; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure figcaption { display: block; font-size: 16px; line-height: 140%; margin: 15px 0 0 0; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure figcaption { width: 60%; margin: 0; box-sizing: border-box; padding: 0 0 0 10px; font-size: 12px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure::before { content: "1"; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #183E8B; line-height: 1; border-radius: 100%; position: absolute; top: 0; left: 0; font-size: 17px; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure::before { width: 24px; height: 24px; font-size: 12px; left: -12px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 12.5px 0 12.5px 15px; border-color: transparent transparent transparent #b28e2d; position: absolute; top: 50px; right: -30px; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure::after { width: 0; height: 0; border-style: solid; border-width: 9px 7.5px 0 7.5px; border-color: #b28e2d transparent transparent transparent; top: inherit; bottom: -12px; right: 50%; margin: 0 -7.5px; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure:nth-child(2)::before { content: "2"; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure:last-child::before { content: "3"; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__box figure:last-child::after { display: none; }

.fd2024-point__box[data-point-number="4"] .fd2024-point__packing__caution { text-align: center; margin: 20px 0 38px 0; font-size: 13px; line-height: 140%; }

@media screen and (max-width: 499px) { .fd2024-point__box[data-point-number="4"] .fd2024-point__packing__caution { text-align: left; font-size: 12px; margin: 14px 0 0 0; padding: 10px 0 0 0; border-width: 1px 0 0 0; border-style: solid; border-color: #183E8B; } }

.fd2024-point__box[data-point-number="4"] .fd2024-point__img img { width: 100%; height: auto; }

.fd2024-point__title { display: flex; align-items: center; margin: 0 0 40px 0; }

@media screen and (max-width: 999px) { .fd2024-point__title { margin: 0 0 20px 0; } }

.fd2024-point__title__number { color: #B28E2D; font-size: 50px; font-weight: bold; padding: 0 15px 0 0; }

@media screen and (max-width: 999px) { .fd2024-point__title__number { font-size: 30px; padding: 0 10px 0 0; } }

.fd2024-point__title__text { font-size: 25px; line-height: 150%; padding: 0 0 0 15px; border-width: 0 0 0 1px; border-style: solid; border-color: #B28E2D; }

@media screen and (max-width: 999px) { .fd2024-point__title__text { font-size: 18px; padding: 0 0 0 10px; } }

.fd2024-point__title__text--one-line { padding-block: .5lh; }

@media screen and (max-width: 999px) { .fd2024-point__title__text--one-line { padding-block: 0; } }

.fd2024-beer { padding: 100px 0 110px 0; }

@media screen and (max-width: 499px) { .fd2024-beer { padding: 30px 0 46px 0; } }

.fd2024-beer__title { margin: 12px 0 40px 0; text-align: center; font-size: 40px; line-height: 140%; }

@media screen and (max-width: 499px) { .fd2024-beer__title { font-size: 22px; margin: 8px 0 20px 0; } }

.fd2024-beer__title span { color: #B28E2D; }

.fd2024-beer__title br { display: none; }

@media screen and (max-width: 499px) { .fd2024-beer__title br { display: block; } }

.fd2024-beer__box { max-width: 930px; margin: 0 auto; padding: 60px 0 20px 0; }

@media screen and (max-width: 499px) { .fd2024-beer__box { padding: 30px 0 20px 0; } }

.fd2024-beer__box[data-number="1"] { background-color: #F1E13C; }

.fd2024-beer__box[data-number="2"] { background-color: #ee3689; color: #fff !important; }

.fd2024-beer__box[data-number="2"] .fd2024-beer__inner { flex-direction: row-reverse; }

.fd2024-beer__box[data-number="2"] .fd2024-beer__contents { border-color: #fff; }

.fd2024-beer__box[data-number="2"] .fd2024-beer__title small span { color: #fff; }

.fd2024-beer__box[data-number="3"] { background-color: #5EDECF; }

.fd2024-beer__box[data-number="4"] { background-color: #0E4B7D; color: #fff !important; }

.fd2024-beer__box[data-number="4"] .fd2024-beer__inner { flex-direction: row-reverse; }

.fd2024-beer__box[data-number="4"] .fd2024-beer__contents { border-color: #fff; }

.fd2024-beer__box[data-number="5"] { background-color: #B4E1F2; }

.fd2024-beer__inner { display: flex; align-items: center; }

.fd2024-beer__img { width: 50%; }

@media screen and (max-width: 499px) { .fd2024-beer__img { width: 44%; } }

.fd2024-beer__img img { width: 100%; height: auto; }

.fd2024-beer__text { width: 50%; box-sizing: border-box; margin: 0 0 80px 0; padding: 0 40px; }

@media screen and (max-width: 499px) { .fd2024-beer__text { width: 56%; margin: 0 0 40px 0; padding: 0 20px 0 30px; } }

.fd2024-beer__number { color: #B28E2D; text-align: center; font-size: 50px; font-weight: bold; margin: 0 0 18px 0; }

@media screen and (max-width: 999px) { .fd2024-beer__number { margin: 0 0 12px 0; font-size: 30px; } }

.fd2024-beer__subtitle { font-size: 18px; text-align: center; line-height: 140%; margin: 0 0 5px 0; }

@media screen and (max-width: 999px) { .fd2024-beer__subtitle { font-size: 11px; } }

.fd2024-beer__title { font-size: 42px; line-height: 140%; margin: 0 0 30px 0; }

@media screen and (max-width: 999px) { .fd2024-beer__title { margin: 0 0 16px 0; font-size: 20px; } }

.fd2024-beer__title small { font-size: 27px; display: block; margin: -10px 0 0 0; }

@media screen and (max-width: 999px) { .fd2024-beer__title small { margin: -5px 0 0 0; font-size: 15px; } }

.fd2024-beer__title small span { font-size: 32px; color: #000; }

@media screen and (max-width: 999px) { .fd2024-beer__title small span { font-size: 15px; } }

.fd2024-beer__contents { border-width: 2px 0 0 0; border-style: dotted; border-color: #070707; margin: 0 0 30px 0; padding: 20px 0 0 0; line-height: 180%; }

.fd2024-beer__prize { margin: 0 auto; display: block; }

.fd2024-beer__contents-notice { margin: 0 0 30px 0; padding: 25px 0 0 0; font-family: 'Noto Sans JP', sans-serif; font-size: 13px; line-height: 1.5; }

.fd2024-beer__bottom { padding: 0 20px; line-height: 180%; font-size: 12px; }

.fd2024-beer__bottom-notice { padding: 10px 20px 0 20px; line-height: 1.5; font-family: 'Noto Sans JP', sans-serif; font-size: 10.5px; }

.fd2024-enjoy { background-color: #F4F2E9; padding: 60px 0 70px 0; position: relative; }

@media screen and (max-width: 499px) { .fd2024-enjoy { padding: 20px 0; } }

.fd2024-enjoy .fd2024-en-title { position: absolute; top: -30px; left: 0; width: 100%; }

@media screen and (max-width: 999px) { .fd2024-enjoy .fd2024-en-title { top: -12px; } }

.fd2024-enjoy__wrapper { max-width: 930px; margin: 0 auto; padding: 0 20px; }

.fd2024-enjoy__title { margin: 12px 0 40px 0; text-align: center; font-size: 40px; line-height: 140%; }

@media screen and (max-width: 499px) { .fd2024-enjoy__title { font-size: 22px; margin: 8px 0 20px 0; } }

.fd2024-enjoy__title span { color: #B28E2D; }

.fd2024-enjoy__main { display: block; margin: 0 0 30px 0; }

@media screen and (max-width: 499px) { .fd2024-enjoy__main { margin: 0 0 24px 0; } }

.fd2024-enjoy__lead { margin: 0 0 40px 0; text-align: center; }

@media screen and (max-width: 499px) { .fd2024-enjoy__lead { margin: 0 0 24px 0; text-align: left; } }

.fd2024-enjoy__lead p { box-sizing: border-box; padding: 10px 40px 0 0; font-size: 18px; line-height: 180%; }

@media screen and (max-width: 499px) { .fd2024-enjoy__lead p { font-size: 14px; padding: 0 0 14px 0;  } }

.fd2024-enjoy__lead img { width: 52%; }

@media screen and (max-width: 499px) { .fd2024-enjoy__lead img { width: 100%; height: auto; } }

.fd2024-enjoy__column { background-color: #fff; padding: 25px 40px 30px 40px; position: relative; }

@media screen and (max-width: 499px) { .fd2024-enjoy__column { padding: 25px 20px 20px 20px; } }

.fd2024-enjoy__column::after { content: ""; background-image: url(/cms/img/fathersday2023/ico_pin.svg); background-repeat: no-repeat; display: block; width: 21px; height: 33px; position: absolute; top: -16px; left: 50%; margin: 0 0 0 -10px; }

.fd2024-enjoy__column__title { font-size: 25px; margin: 0 0 24px 0; line-height: 140%; text-align: center; }

.fd2024-enjoy__column__title span { color: #B28E2D; }

@media screen and (max-width: 999px) { .fd2024-enjoy__column__title { font-size: 18px; margin: 0 0 16px 0; } }

.fd2024-enjoy__column__box { display: flex; justify-content: space-between; }

@media screen and (max-width: 499px) { .fd2024-enjoy__column__box { flex-direction: column; } }

.fd2024-enjoy__column__box a { width: calc(50% - 15px); background-color: rgba(209, 189, 134, 0.2); position: relative; }

.fd2024-enjoy__column__box a:hover { opacity: 0.75; text-decoration: none !important; }

@media screen and (max-width: 499px) { .fd2024-enjoy__column__box a { width: 100%; margin: 0 0 20px 0; }
  .fd2024-enjoy__column__box a:last-child { margin: 0; } }

.fd2024-enjoy__column__box a::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #B28E2D transparent; position: absolute; bottom: 0; right: 0; }

.fd2024-enjoy__column__box a figure { position: relative; }

.fd2024-enjoy__column__box a figure img { width: 100%; height: auto; }

.fd2024-enjoy__column__box a figure figcaption { background-color: #183E8B; color: #fff; text-align: center; font-size: 16px; line-height: 100%; position: absolute; display: inline-block; top: 0; left: 0; padding: 8px 10px; }

.fd2024-enjoy__column__box a figure figcaption small { font-size: 10px; }

.fd2024-enjoy__column__box a p { font-size: 18px; font-weight: bold; padding: 15px; line-height: 160%; }

@media screen and (max-width: 999px) { .fd2024-enjoy__column__box a p { font-size: 14px; } }

.fd2024-review { max-width: 850px; box-sizing: border-box; margin: 0 auto; padding: 80px 20px 50px 20px; }

@media screen and (max-width: 499px) { .fd2024-review { padding: 30px 20px 20px 20px; } }

.fd2024-review__title { margin: 12px 0 40px 0; text-align: center; font-size: 40px; line-height: 140%; }

@media screen and (max-width: 499px) { .fd2024-review__title { font-size: 22px; margin: 8px 0 20px 0; } }

.fd2024-review__title span { color: #B28E2D; }

.fd2024-review__box { display: flex; flex-wrap: wrap; }

@media screen and (max-width: 499px) { .fd2024-review__box { flex-direction: column; } }

.fd2024-review__box dl { width: calc(50% - 20px); box-sizing: border-box; margin: 0 40px 40px 0; position: relative; background-image: url(/cms/img/fathersday2023/ico_person_01.svg); background-repeat: no-repeat; background-position: right 40px top 20px; padding: 50px 25px 40px 25px; border-width: 2px; border-style: solid; border-color: #221F1F; border-top-right-radius: 30px; border-bottom-left-radius: 30px; }

.fd2024-review__box dl:nth-child(2) { background-image: url(/cms/img/fathersday2023/ico_person_02.svg); }

.fd2024-review__box dl:nth-child(2)::before { content: "VOICE 02"; }

.fd2024-review__box dl:nth-child(3) { background-image: url(/cms/img/fathersday2023/ico_person_03.svg); }

.fd2024-review__box dl:nth-child(3)::before { content: "VOICE 03"; }

.fd2024-review__box dl:nth-child(4) { background-image: url(/cms/img/fathersday2023/ico_person_04.svg); }

.fd2024-review__box dl:nth-child(4)::before { content: "VOICE 04"; }

@media screen and (max-width: 499px) { .fd2024-review__box dl { width: 100%; margin: 0 0 24px 0; padding: 30px 20px 30px 20px; background-size: 60px 60px; background-position: right 30px 15px; } }

.fd2024-review__box dl:nth-child(2n) { margin-right: 0; }

.fd2024-review__box dl::before { content: "VOICE 01"; font-weight: bold; font-size: 17px; background-color: #fff; background-image: url(/cms/img/fathersday2023/ico_voice_top.svg); background-repeat: no-repeat; padding: 0 12px 0 35px; position: absolute; letter-spacing: 0.1em; top: -8px; left: -8px; }

.fd2024-review__box dl::after { content: ""; background-image: url(/cms/img//fathersday2023/ico_voice_bottom.svg); background-repeat: no-repeat; background-position: center bottom; width: 28px; height: 31px; background-color: #fff; display: block; position: absolute; right: -6px; bottom: -6px; }

.fd2024-review__box dl dt { font-size: 20px; font-weight: bold; line-height: 140%; margin: 0 0 20px 0; }

@media screen and (max-width: 499px) { .fd2024-review__box dl dt { font-size: 16px; } }

.fd2024-review__box dl dd { font-size: 16px; line-height: 160%; }

@media screen and (max-width: 499px) { .fd2024-review__box dl dd { font-size: 12px; } }

.fd2024-gift { padding: 100px 20px 80px 20px; background-image: url(/cms/img/fathersday2024/bg_fathersday.jpg); background-position: center top; background-size: cover; }

@media screen and (max-width: 499px) { .fd2024-gift { padding: 40px 20px; } }

.fd2024-gift__wrapper { max-width: 850px; margin: 0 auto; padding: 50px 20px 80px 20px; background-color: #fff; position: relative; }

@media screen and (max-width: 499px) { .fd2024-gift__wrapper { padding: 30px 20px; } }

.fd2024-gift__wrapper .fd2024-en-title { position: absolute; top: -30px; left: 0; width: 100%; }

@media screen and (max-width: 999px) { .fd2024-gift__wrapper .fd2024-en-title { top: -12px; } }

.fd2024-gift__wrapper figure { max-width: 518px; margin: 0 auto 60px auto; }

@media screen and (max-width: 499px) { .fd2024-gift__wrapper figure { margin: 0 auto 30px auto; } }

.fd2024-gift__wrapper figure:last-child { margin-bottom: 0; }

.fd2024-gift__wrapper figure img { width: 100%; height: auto; }

.fd2024-gift__wrapper figure figcaption { font-size: 16px; line-height: 180%; margin: 20px 0 0 0; }

@media screen and (max-width: 499px) { .fd2024-gift__wrapper figure figcaption { margin: 15px 0 0 0; font-size: 12px; } }

.fd2024-gift__title { font-size: 30px; margin: 0 0 30px 0; line-height: 140%; text-align: center; }

@media screen and (max-width: 499px) { .fd2024-gift__title { font-size: 20px; } }

.fd2024-gift__title small { font-size: 18px; display: inline-block; }

@media screen and (max-width: 499px) { .fd2024-gift__title small { font-size: 15px; } }

.fd2024-thanks { margin: 10px 0 0 0; position: relative; }

.fd2024-thanks img { width: 100%; height: auto; }

.fd2024-thanks figcaption { position: absolute; top: 7vw; left: 0; width: 100%; box-sizing: border-box; padding: 0 20px; text-align: center; font-size: 36px; line-height: 160%; }

@media screen and (max-width: 499px) { .fd2024-thanks figcaption { top: 9vw; font-size: 18px; } }

.fd2024-q { background-color: #F6F6F6; padding: 28px 20px 60px 20px; }

@media screen and (max-width: 499px) { .fd2024-q { padding: 20px; } }

.fd2024-q__wrapper { max-width: 850px; margin: 0 auto; }

.fd2024-q__title { background-image: url(/cms/img/fathersday2023/ico_q.svg); background-repeat: no-repeat; margin: 100px 0 50px 0; padding: 0 0 0 90px; color: #E60012; font-size: 45px; line-height: 1.4; min-height: 84px; }

@media screen and (max-width: 499px) { .fd2024-q__title { font-size: 16px; background-size: 34px auto; margin: 0 0 10px 0; padding: 0 0 0 38px; min-height: 34px; } }

.fd2024-q__title span { font-size: 34px; }

@media screen and (max-width: 499px) { .fd2024-q__title span { font-size: 13px; } }

.fd2024-q__title small { font-size: 14px; color: #333; display: block; }

@media screen and (max-width: 499px) { .fd2024-q__title small { font-size: 10px; margin: 0; } }

.fd2024-q__limit { margin: 0 0 80px 0; padding: 30px 50px 20px 50px; background-color: #fff; }

@media screen and (max-width: 499px) { .fd2024-q__limit { padding: 10px 20px; } }

.fd2024-q__limit *[data-state="closed"] { position: relative; }

.fd2024-q__limit *[data-state="closed"]::before { content: ""; background-image: url(/cms/img/fathersday2023/img_end.svg); background-repeat: no-repeat; background-size: 100% auto; width: 150px; height: 70px; position: absolute; top: 50%; left: 50%; display: block; margin: -35px 0 0 -75px; z-index: 2; }

@media screen and (max-width: 499px) { .fd2024-q__limit *[data-state="closed"]::before { width: 75px; height: 35px; margin: -17.5px 0 0 -32.5px; } }

.fd2024-q__limit__intro { text-align: center; margin: 0 0 10px 0; font-size: 32px; }

@media screen and (max-width: 499px) { .fd2024-q__limit__intro { font-size: 16px; margin: 0 0 6px 0; } }

.fd2024-q__limit__title { text-align: center; font-size: 35px; margin: 28px 0 14px 0; }

@media screen and (max-width: 499px) { .fd2024-q__limit__title { font-size: 17px; margin: 0 0 10px 0; } }

.fd2024-q__limit__title div { display: inline-block; background-color: #E60012; color: #fff; padding: 15px 45px; }

@media screen and (max-width: 499px) { .fd2024-q__limit__title div { padding: 8px 16px; } }

.fd2024-q__limit__title span { font-size: 45px; }

@media screen and (max-width: 499px) { .fd2024-q__limit__title span { font-size: 22px; } }

.fd2024-q__limit__title small { font-size: 25px; }

@media screen and (max-width: 499px) { .fd2024-q__limit__title small { font-size: 17px; } }

.fd2024-q__limit__area { text-align: center; font-size: 18px; margin: 0 0 40px 0; }

@media screen and (max-width: 499px) { .fd2024-q__limit__area { font-size: 12px; margin: 0 0 20px 0; } }

.fd2024-q__limit__variation { text-align: center; margin: 0 0 20px 0; font-size: 23px; }

@media screen and (max-width: 499px) { .fd2024-q__limit__variation { font-size: 11px; } }

.fd2024-q__limit__variation span { color: #BF0202; }

.fd2024-q__limit__table { width: 100%; }

.fd2024-q__limit__table tr:nth-child(even) .fd2024-q__limit__th { background-color: #F6D8C7; }

.fd2024-q__limit__table tr:nth-child(even) .fd2024-q__limit__td { background-color: #EFEFEF; }

.fd2024-q__limit__th { background-color: #F9E3D6; padding: 20px; font-weight: bold; font-size: 14px; vertical-align: middle; border-width: 0 0 2px 0; border-style: solid; border-color: #fff; }

@media screen and (max-width: 499px) { .fd2024-q__limit__th { font-size: 10px; padding: 5px 10px; } }

.fd2024-q__limit__th span { font-size: 26px; }

@media screen and (max-width: 499px) { .fd2024-q__limit__th span { font-size: 12px; } }

.fd2024-q__limit__td { vertical-align: middle; padding: 20px; font-size: 14px; line-height: 160%; background-color: #F7F8F8; border-width: 0 0 2px 0; border-style: solid; border-color: #fff; }

@media screen and (max-width: 499px) { .fd2024-q__limit__td { font-size: 10px; padding: 5px 10px; } }

.fd2024-q__limit__td th { white-space: nowrap; padding: 0 15px 0 0; }

@media screen and (max-width: 499px) { .fd2024-q__limit__td th { padding: 0 10px 0 0; } }

.fd2024-q__limit__caution { font-size: 12px; line-height: 160%; margin: 15px 0 0 0; }

@media screen and (max-width: 499px) { .fd2024-q__limit__caution { font-size: 10px; } }

.fd2024-q__limit__caution a { color: #E60012 !important; text-decoration: underline; }

.fd2024-q__limit__caution a:hover { text-decoration: none; }

.fd2024-q__qa { margin: 0 0 10px 0; background-color: #fff; padding: 20px; }

@media screen and (max-width: 499px) { .fd2024-q__qa { padding: 10px; } }

.fd2024-q__qa dt { border-width: 0 0 1px 0; border-style: dotted; border-color: #707070; padding: 0 0 20px 67px; color: #183E8B; font-size: 20px; font-weight: bold; background-image: url(/cms/img/fathersday2023/ico_q_blue.svg); background-repeat: no-repeat; min-height: 48px; line-height: 160%; display: flex; align-items: center; }

@media screen and (max-width: 499px) { .fd2024-q__qa dt { font-size: 16px; background-size: 30px 30px; padding: 0 0 10px 40px; min-height: 30px; } }

.fd2024-q__qa dd { padding: 20px 0 0 0; font-size: 20px; font-weight: bold; line-height: 160%; }

@media screen and (max-width: 499px) { .fd2024-q__qa dd { padding: 10px 0 0 0; font-size: 12px; } }

.fd2024-q__qa dd small { margin: 15px 0 0 0; display: block; font-size: 14px; font-weight: normal; line-height: 160%; }

@media screen and (max-width: 499px) { .fd2024-q__qa dd small { font-size: 10px; margin: 10px 0 0 0; } }

.fd2024-q__qa dd a { color: #B28E2D; text-decoration: underline; }

.fd2024-q__qa dd a:hover { text-decoration: none; }

.fd2024-q .fd2024-en-title { margin-bottom: 30px; }

@media screen and (max-width: 499px) { .fd2024-q .fd2024-en-title { margin-bottom: 5px; } }

/* Announcement */
.announcement-wrapper {
  background: #002e7d;
	color: #fff;
}
.announcement {
	--color: #fff;
	background: radial-gradient(circle, var(--color), var(--color) calc(var(--diamater) / 2), transparent calc(var(--diamater) / 2)) repeat-x left calc(var(--interval) / -2) top 0 / calc(var(--diamater) + var(--interval)) var(--diamater), radial-gradient(circle, var(--color), var(--color) calc(var(--diamater) / 2), transparent calc(var(--diamater) / 2)) repeat-x left calc(var(--interval) / -2) bottom 0 / calc(var(--diamater) + var(--interval)) var(--diamater);
}
.announcement p {
	margin: -.25em 0;
	line-height: 1.5;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: .05em;
}
.announcement p + p {
	margin-top: 2em;
}

.announcement .link_btn_wrapper {
	margin-top: 20px;
}

.announcement .link_btn_wrapper.bg_yellow::before {
	border-color: #000;
}

.announcement .link_btn_wrapper span {
	transition: transform .3s;
}

@media (min-width: 768px) {
  .announcement-wrapper {
    padding: 50px 0;
  }

	.announcement {
		width: 682px;
		margin: 0 auto;
		padding: 32px 0 30px;
		--diamater: 2px;
		--interval: 3px;
	}

	.announcement p {
		font-size: 26px;
	}
}

@media (max-width: 767px) {
	.announcement-wrapper {
		padding: 8vw 0;
	}

	.announcement {
		width: 90.933vw;
		margin: 0 auto;
		padding: 5.399vw 0;
		--diamater: 2px;
		--interval: 3px;
	}

	.announcement p {
		font-size: 3.6vw;
	}
}