@charset "utf-8";


/* common ---------------- */
h1, h2, h3, h4, h5, h6{ font-weight: 600;}
.bold{ font-weight:bold; }

#geisyun2025 #wrapper{ background:url(../img/geisyun_2020/bg_ptn_geisyun.gif) top left repeat;}
#geisyun2025 .inner{ max-width: 1080px; padding-right:2em; padding-left:2em; padding-bottom:1em; margin: 0 auto;background-color: #f3f1e3;}
#geisyun2025 section{margin-bottom: 6em;position: relative}
#geisyun2025 #footer .inner{background-color: #fff;}

#geisyun2025 article{padding-top: 150px;color: #474747;font-size: 100%;line-height: 2em;letter-spacing: 0.1em; font-feature-settings: palt;font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', serif;}
/* title */
#geisyun2025 .pageTitle{padding-top: 4em;margin: 0 auto;text-align: center;}
#geisyun2025 .main{position: relative;}
#geisyun2025 .main::before{content: "";position: absolute; top: 15em; left: -19em;background: url(../img/geisyun_2020/mv_bg.png) top center no-repeat; width: 1546px;height: 609px;}
#geisyun2025 .main .mv{ position: absolute; top: 19em; left: -5em; width: 1168px;}
#geisyun2025 .main .txt{ width: fit-content; margin: 42em auto 0; border-bottom: 1px solid #af7f19; padding-bottom: 3em;}
#geisyun2025 .main .cnv{ padding: 0 2em; margin: 2em auto 2.5em; text-align: center;}
#geisyun2025 .main .sale{position: relative; margin-bottom: 1em; align-items: center;}
#geisyun2025 .main .sale::before { position: absolute;top:50%; left:47%; width: 0;height: 0;border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #af7f19;}
#geisyun2025 .main .sale figure + figure{margin-left: 4em}
#geisyun2025 .main .sale .sale01{ width:40%; }
#geisyun2025 .main .sale .sale02{ width:35%; }

#geisyun2025 .btn{ background-color:#af7f19; color:#fff; border-radius: 100px;padding: .75em 1em; width: 70%;text-align: center; border: 0px solid;font-size: 1.7em; }
#geisyun2025 .btn::after{content: ""; display: none;}
#geisyun2025 .btn::before{content: ""; display: none;}

/* 料金 */
#geisyun2025 .price { font-size: 2em; color:#a60600;}
#geisyun2025 .price strong { font-size: 1.5em;}

.main .cnv{ padding: 0 2em; margin: 0 auto 2.5em; text-align: center;}
.main .sale{position: relative; padding:2em; margin-bottom: 1em; align-items: center; background: #fff;}
.main .sale figure + figure{margin-left: 4em}
.main .sale .sale01,
.main .sale .sale02{margin:0; text-align: left; font-size: 1.4em; line-height: 1.4; }
.main .sale .sale01{ position: relative; width:37%; padding-right: 4em; }
.main .sale .sale01::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #a60600;
}

.main .sale .sale01 { text-align: center;}
.main .sale .sale02{ width:40%; color:#a60600; text-align: center; }

.main .sale .sale01 .price01,
.main .sale .sale02 .price01{ display: block; }
.main .sale .sale01 .price02{ font-size: 2em; }
.main .sale .sale02 .price02{ font-size: 2.9em; }
.main .sale .price03 { display: block; }
.main .sale .price03 span { font-size: .7em;}
.main .sale .sale01 .price03 { position: relative; top: 5px;}
.main .sale .sale02 .price03 { position: relative; top: -10px;}

.bg_red{ padding: 6px 10px; background: #a60600; color: #fff; font-size: .8em; }

/* 早期割引 ---------------- */
#geisyun2025 .att { position: relative; border: 4px solid #af7f19;padding: 1em 1.5em; margin-bottom: 2em;}
#geisyun2025 .att p { text-align: center; }
#geisyun2025 .atit {display: block; font-size:1.8em; color:#a60600;text-align: center; margin-bottom: 1em; font-weight: bold;}

/*11月中なら早割りでお得----------*/
#geisyun2025 .sale_copy {position: relative; max-width: 800px; margin:5em auto 2em; padding:3em 1.5em 1em; background: #ece9d3; border: solid 1px #af7f19;}
#geisyun2025 .sale_copy .ttl { position: absolute; top:-20%; left:28%; max-width: 600px; padding:0.5em 0.5em; margin: 0 auto; background: #9f3232;}
#geisyun2025 .sale_copy .ttl h3 { padding:0.5em 1em; border: solid 1px #af7f19; font-size: 1.4em; color: #e7c47a;}
#geisyun2025 .sale_copy p { font-size:1.1em;}

/* バナー ---------------- */
#geisyun2025 .bnr{margin-top: 5em;}
#geisyun2025 .bnr li{ width: 48%;}

/* セット内容 ---------------- */
#geisyun2025 .secTtl{font-size: 2.25em;color: #b00000;text-align: center;}
#geisyun2025 .secTtl::after{ content:""; position: absolute; top: 1.5em; left: 50%; transform: translate(-50%, -50%); background: url(../img/geisyun_2020/s_catch.png)top center no-repeat; width: 175px; height: 34px;}
#geisyun2025 .set .txtBox{border-top: 1px solid #e5dabb;padding-top: 1em;margin-bottom: 2em;}
#geisyun2025 .set h3{ font-size: 1.45em;color: #a47401;}
#geisyun2025 .set h3 span{font-size: 0.65em; color: #474747; display: inline-block; margin-left: 1em;}
#geisyun2025 .set .setBox{margin-top: 4em;}
#geisyun2025 .set .setList.flex{ margin-bottom: 4em;}
#geisyun2025 .set .setList.flex li{width: 32%;}
#geisyun2025 .set .setList.flex li + li{margin-left: 2%; }
#geisyun2025 .set li:first-of-type .txtBox{border: 0px solid;}
#geisyun2025 .set .txtBox.chinmi{width: 672px;}
#geisyun2025 .set .txtBox.chinmi li{width: 49%;}
#geisyun2025 .set .txtBox.chinmi p{margin-bottom: 3em;}
#geisyun2025 .set .txtBox.dashi p{margin-bottom: 1em;}
#geisyun2025 .set .txtBox.dashi{width: 330px;position: relative;}
#geisyun2025 .set .txtBox.dashi::before{content: "";position: absolute;right: 1em;background: url(../img/geisyun_2020/rogo_uneno_s.png) top left no-repeat;width: 73px;height: 40px;background-size: contain;}

/* 商品内容 ---------------- */
#geisyun2025 .set h4{ font-size: 1.45em;color: #a47401;margin: .65em 0 0 0;display: inline-block;vertical-align: middle;}
#geisyun2025 .set h4 span{font-size: 0.65em; color: #474747; display: inline-block; margin-left: 1em;}
#geisyun2025 .set h4 .new{font-size: 0.55em; color: #fff; display: inline-block; margin: -1em 1em 0em 0em; padding: 0 1em; background-color: #b00000;}
#geisyun2025 .set h4 .rep{font-size: 0.55em; color: #fff; display: inline-block; margin: -1em 1em 0em 0em; padding: 0 1em; background-color: #b05b00;}
#geisyun2025 .set p{margin: .5em 0 0 0;}

/* 購入 ---------------- */
#geisyun2025 .btn p{margin: 0;}
#geisyun2025 .btn a{color: #fff;}


/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {
  
/* 早期割引 ---------------- */
#geisyun2025 .att:before {content:"";  position: absolute; background: url(../img/geisyun_2021/ume_right.png) top center no-repeat; width: 135px; height:113px; left:-17%;}
#geisyun2025 .att:after {content:"";  position: absolute; background: url(../img/geisyun_2021/ume_left.png) top center no-repeat; width: 100px; height:100px; right:-15%; top:200%;}

/* セット内容 ---------------- */
#geisyun2025 .set .kayaku { position: relative;}
#geisyun2025 .set .kayaku:before {content:"";  position: absolute; background: url(../img/geisyun_2021/ume_left.png) top center no-repeat; width: 100px; height:100px; left:-17%;}
#geisyun2025 .set .kayaku:after {content:"";  position: absolute; background: url(../img/geisyun_2021/ume_right.png) top center no-repeat; width: 135px; height:113px; right:-17%; top:200%;}
#geisyun2025 .set .chinmi { position: relative;}
#geisyun2025 .set .chinmi:before {content:"";  position: absolute; background: url(../img/geisyun_2021/ume_right.png) top center no-repeat; width: 135px; height:113px; left:-27%;}

.main .sale{padding:2em 2em 1em; }
}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {
#geisyun2025 .main .mv{ /*top: 24em;*/width: 90%; left: 52%; transform: translateX(-50%);}
#geisyun2025 .main::before{top: 23em; left: -6%; background-image: url(../img/geisyun_2020/mv_bg_sp.png);background-size: 90%; width: 1063px;height: 588px;}
#geisyun2025 .secTtl::after{position: absolute; left: 50%; transform: translate(-50%, -50%);}
/*#geisyun2025 .main .sale figure + figure{margin-left:0;}*/
/*#geisyun2025 .main .sale::before { top: 40%;left: 45%;border-width: 15px 15px 0px 15px;border-color: #af7f19 transparent transparent transparent;}*/
}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {
.sp_only{display: inline-block;}

#geisyun2025 article{padding-top: 85px;}

#geisyun2025 .pageTitle { width: 80%; }

#geisyun2025 .main::before{
    top: 23em;
    left: 50%;
    background-size: contain;
    width: 110%;
    transform: translateX(-50%);
  }
  #geisyun2025 .main .mv { width: 75%; }
  #geisyun2025 .main .sale .sale01,#geisyun2025 .main .sale .sale02 { width: 100%; }
  #geisyun2025 .main .sale::before {left: 42%;}

  .main .sale .sale01,
  .main .sale .sale02 { width: 100%; }

  .main .sale .sale01,
  .main .sale .sale02 { margin:0; text-align: center;/* font-size: 1.3em;*/ }

  .main .sale .sale01{width: 100%; padding-bottom:50px; padding-right:0; }
  .main .sale .sale01::before{
    left: 50%;
    top: auto;
    bottom: 1.2em;
    border-width: 12px 8px 0 8px;
    border-color: #a60600 transparent transparent transparent;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
  }
  .main .sale .sale02 {width: 100%;}
  .main .sale .sale01 .price02{ font-size: 1.5em; }

  .main .sale .sale02 .price01{ display:inline-block; }
  .main .sale .sale02 .price02 {
    display: inline-block;
    margin-top: 10px;
    font-size: 2em;
    line-height: 1;
  }

  .main .sale .sale01 .price03 { position: relative; top: 0;}
  .main .sale .sale02 .price03 { position: relative; top: 0;}

}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
    #geisyun2025 .main{padding-top: 2em;}
    #geisyun2025 .inner{padding: 0 1.3em 1em;}
    #geisyun2025 .main .cnv{padding: 0;}
    #geisyun2025 .main .cnv p + p{margin-left:0; }
    #geisyun2025 .main .mv{ top: 14em; /*left: 0;*/ width: 100%;}
    #geisyun2025 .main::before{content: "";position: absolute; top: 13em; /*left: -15em;*/ background-image: url(../img/geisyun_2020/mv_bg_sp.png); background-size: 67%; width: 203vw; height: 100%;}
    #geisyun2025 .main .txt{ margin-top: 21em; padding-bottom: 2em; }
    #geisyun2025 .btn{ width: 100%;font-size: 1.5em;padding:.7em 1em;}
    #geisyun2025 section{ margin-bottom: 2em;}
    #geisyun2025 .secTtl::after{top: 1.5em; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 193px; }
    #geisyun2025 .bnr .flex{display: block;}
    #geisyun2025 .bnr li{ width: 100%;margin-bottom: 1em;}
    #geisyun2025 .secTtl{font-size: 2.5em;}
    #geisyun2025 .setList.flex{display: block;margin-bottom: 3em;}
    #geisyun2025 .set > .setBox{margin-top: 3em;}
    #geisyun2025 .set > .setBox li:first-of-type .txtBox{border-top: 0px solid;}
    #geisyun2025 .set .txtBox{ margin-bottom: 3em;}
    #geisyun2025 .set .setList.flex li{width: 100%;margin-bottom: 2em;}
    #geisyun2025 .set .setList.flex li:last-of-type{margin-bottom: 0;}
    #geisyun2025 .set .setList.flex li + li{margin-left: 0; }
    #geisyun2025 .set .txtBox.chinmi{margin-bottom: 0;}
    #geisyun2025 .set .txtBox.chinmi p,#geisyun2025 .set .txtBox.dashi p{margin-bottom: 2em;}
    #geisyun2025 .atit { font-size: 1.5em; }
    #geisyun2025 .main .sale .sale01 {width: 100%;}
    #geisyun2025 .main .sale .sale02 {width: 100%;}
    #geisyun2025 .main .sale::before { border-width: 5px 0 5px 10px; left: 38%;}
    #geisyun2025 .att p { text-align: unset; }
    /* 料金 */
    #geisyun2025 .price { font-size: 1.8em;}

    .main .sale .sale01,
    .main .sale .sale02 { margin:0; text-align: center;/* font-size: 1.3em;*/ }

    .main .sale .sale01{width: 100%; padding-bottom:50px; padding-right:0; }
    .main .sale .sale01::before{
      left: 50%;
      top: auto;
      bottom: 1.2em;
      border-width: 12px 8px 0 8px;
      border-color: #a60600 transparent transparent transparent;
      transform: translateX(-50%);
      -webkit- transform: translateX(-50%);
    }
    .main .sale .sale02 {width: 100%;}
    .main .sale .sale01 .price02{ font-size: 1.5em; }

    .main .sale .sale02 .price01{ display:inline-block; }
    .main .sale .sale02 .price02 {
      display: inline-block;
      margin-top: 10px;
      font-size: 2em;
      line-height: 1;
    }

    /*11月中なら早割りでお得----------*/
    #geisyun2025 .sale_copy { max-width: 800px; margin:5em auto 2em; padding:3em 1.5em 1em;}
    #geisyun2025 .sale_copy .ttl { padding: 1em; top:-20%; left:50%; width: 90%; transform: translateX(-50%);}
    #geisyun2025 .sale_copy .ttl h3 { padding:0.3em; border: solid 1px #af7f19; font-size: 1.3em; color: #e7c47a;}
}