@charset "UTF-8";
/* font */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

.mothers_day_cp {
  font-family: "Shippori Mincho", serif;
  padding: 0 15px;
}

#Journal h2 {
  font-family: "Shippori Mincho", serif;
  font-size: initial;
}

/* パンクズ */
#bread-crumb {
  position: static;
  transform: none;
}
@media screen and (max-width: 1025px) {
  #bread-crumb {
    margin: 0 0 15px;
    padding: 0 15px;
    border-top: 1px solid #9B9B9B;
    width: 100%;
  }
}
/* ２段目のパンくずを無効化（現在キャンペーンを無効化） */
#bread-crumb-listTop li:nth-of-type(2) a {
  pointer-events: none;
}

/* ユーティリティ */
.u_sp {
  display: none;
}

@media screen and (min-width: 769x) {
  .u_pc {
    display: none;
  }
  
}

@media screen and (max-width: 768px) {

  .u_sp {
    display: block;
  }
  .u_sp_inlineblock {
    display: inline-block ;
  }

}


.u_clearfix:after {
  content: "";
  display: block;
  clear: both;
} 

/* color */
.u_color_1 {
  color: #832921;
}
.u_color_2 {
  color: #E1645C;
}

.u_color_3 {
  color: #A9291E;
}
/* コンテンツ幅 */
.content_width {
  max-width: 1166px;
  padding-left:20px;
  padding-right:20px;
  width: 100%;
  margin-inline: auto;
}


/* ページ見出し */
#Journal article > h2 {
  display: none;
}

/* ボタン */

/* mv */

.luckybag_mv img {
  width: 100%;
  height: auto;
}





/* luckybag_bg */
.luckybag_bg01{
  background-color: #faf1e9;
  position:relative;
  z-index: 1;
  background-image: url(../img/g-bg01.png);
  background-size:300px auto;
  background-attachment: fixed;
}



/* luckybag_catchcopy */


.luckybag_catchcopy{
  padding-top: 80px; 
  padding-bottom: 100px; 
  position: relative;
  margin-bottom:100px;
}

.luckybag_catchcopy::after{
  content: "";
  display: block;
  position: absolute;
  background:url(../img/point01.png) center center no-repeat;
  background-size: 100% auto;
  height: 50px;
  width:350px;
  left: 0;
  right: 0;
  margin:0 auto;
  bottom:0;
}

.luckybag_catchcopy__text{
  text-align: center;
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0.2em;
  font-weight: bold;
  color:#6e6b6b;
}


@media screen and (max-width: 768px) {
  .luckybag_catchcopy{
    padding-top: 40px; 
    padding-bottom: 40px; 
    margin-bottom:60px;
  }
  
  .luckybag_catchcopy::after{
    height: 24px;
    width:247px;

  }
  
  .luckybag_catchcopy__text{
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.1em;
  }

}

/* luckybag_item */

.luckybag_item__bg{
  background-color: #fff;
  border: #ad1c08 5px solid;
  border-radius:20px;
  padding:60px 60px;
  position: relative;
}

.luckybag_item__recommended{
  position: absolute;
  background: url(../img/recommended_bg.png) center top no-repeat;
  background-size: 100% auto;
  width:380px;
  height:270px;
  top:-60px;
  right:-90px;
  font-family: "Noto Serif JP", serif;
  color:#fff;
  font-weight: bold;
  text-align: center;
  font-size: 50px;
  padding-top:90px;
  padding-right:25px;
  line-height:1;
  text-shadow:0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b,
  0 0 3px #9c1b1b;
}

.luckybag_item__recommended__small{
  font-size: 30px;
}


.luckybag_item__desc{
  margin-bottom: 60px;
}

.luckybag_item__name{
  font-family: "Noto Serif JP", serif;
  color:#ad1c08;
  font-size: 50px;
  display: inline-block;
  margin-right:30px;
  letter-spacing: 0.2em;
  line-height:1.2;
  position: relative;
  z-index: 1;
}


.luckybag_item__price{
  font-family: "Noto Serif JP", serif;
  display: inline-block;
  font-size: 30px;
}

.luckybag_item__tag{
  display: block;
  padding-top:20px;
}

.luckybag_item__tag > span{
  display: inline-block;
  font-size: 18px;
  color:#ad1c08;
  border: 2px solid;
  padding:5px 10px;
  margin-right:5px;
}


.luckybag_item__headline01{
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 25px;
  letter-spacing: 0.12em;
  margin-bottom:40px;
  color:#525252;
}


.luckybag_item__schedule{
  padding-top:20px;
  text-align: center;
  font-size: 18px;
  line-height:1.6;
  margin-bottom:20px;
  position: relative;
}



.luckybag_item__schedule__text{
  display: inline-block;
  position: relative;
  padding:0 20px;
}

.luckybag_item__schedule__text::before,
.luckybag_item__schedule__text::after{
  content: "";
  display: block;
  position: absolute;
  background-color: #D4B987;
  width:2px;
  height:30px;
  bottom:0;
}

.luckybag_item__schedule__text::before{
  left: 0;
  -webkit-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.luckybag_item__schedule__text::after{
  right: 0;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}

.luckybag_item__root{
  max-width: 400px;
  margin: 0 auto;
}

.luckybag_item__button01{
  display: block;
  background-color: #ad1c08;
  color: #fff !important;
  text-align: center;
  border-radius:100px;
  font-size: 25px;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding: 20px 10px;
  -webkit-transition: background-color 0.3s,letter-spacing 0.3s;
  -o-transition: background-color 0.3s,letter-spacing 0.3s;
  transition: background-color 0.3s,letter-spacing 0.3s;
  margin:0 auto;
}

.luckybag_item__button01+.luckybag_item__button01{
  margin-top:20px;
}


.luckybag_item__button01.__small{
  max-width:90%;
  font-size: 20px;
  padding: 10px 10px;
}


@media screen and (min-width: 769px) {

  .luckybag_item__button01:hover{
    background-color: #751a0e;
    letter-spacing: 0.1em;

  
  }
  
}


@media screen and (max-width: 965px) {

  .luckybag_item__recommended{
    width:280px;
    height:219px;
    right:-60px;
    font-size: 45px;
    padding-top:60px;
    right:-75px;
  }
  

  .luckybag_item__recommended__small{
    font-size: 25px;
  }

}

@media screen and (max-width: 925px) {

  .luckybag_item__price{
    display: block;
    margin-top: 15px;
  }
  
  
}

@media screen and (max-width: 768px) {

  .luckybag_item__desc{
    margin-bottom: 30px;
  }

  .luckybag_item__name{
    font-size: 30px;
    margin-right:30px;
    letter-spacing: 0.05em;
  }
  
  
  .luckybag_item__price{
    font-size: 25px;
  }
  
  
  .luckybag_item__tag > span{
    display: inline-block;
    font-size: 13px;
    border: 2px solid;
    padding:2px 5px;
    margin-right:3px;
  }
  
  
  .luckybag_item__headline01{
    font-size: 18px;
    letter-spacing: 0.05em;
    margin-bottom:30px;
  }

  .luckybag_item__bg{
    border: #ad1c08 4px solid;
    border-radius:15px;
    padding:30px 15px;
  }

  .luckybag_item__button01{
    font-size: 20px;
    padding: 20px 10px;
  }
  
  .luckybag_item__button01+.luckybag_item__button01{
    margin-top:15px;
  }
  
  
  .luckybag_item__button01.__small{
    max-width:80%;
    font-size: 18px;
  }
  

  .luckybag_item__schedule{
    font-size: 16px;
  }

  .luckybag_item__schedule__text{
    padding:0 15px;
  }
  

}

@media screen and (max-width: 335px) {
  .luckybag_item__headline01{
    margin-bottom:20px;
  }
  .luckybag_item__name{
    padding-top:20px;
  }
  
}

@media screen and (max-width: 500px) {

  .luckybag_item__recommended{
    width:191px;
    height:132px;
    right:-70px;
    font-size: 30px;
    padding-top:45px;
    padding-right:15px;
  }

  .luckybag_item__recommended__small{
    font-size: 18px;
  }


}

/*商品リスト*/

.luckybag_item__list__child01{
  float: left;
  width:18%;
  margin-right:2.5%;
  margin-bottom:40px;
  position: relative;
  font-size: 18px;
}

.luckybag_item__list__child01:nth-child(5n){
  margin-right:0;
  float:right;
}

.luckybag_item__list__child01:nth-child(5n+1){
  clear:both;
}


.luckybag_item__list__catch01{
  font-family: "Noto Serif JP", serif;
  -webkit-writing-mode:vertical-rl;
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl;
  font-weight:bold;
  position: absolute;
  right:5%;
  top:0;
  text-shadow:
  4px 4px 4px #fff, -4px -4px 4px #fff,
  -4px 4px 4px #fff,  4px -4px 4px #fff,
  4px 0 4px #fff, -4px  0 4px #fff,
  0 4px 4px #fff,  0 -4px 4px #fff;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
}

.luckybag_item__list__child01:last-child{
  margin-right:0;
  float:right;
  width:59%;
  border:3px solid #D4B987;
  border-radius:10px;
  background:url(../img/bg01.png) top center;
  background-size: 40px;

}

.luckybag_item__list__secret__bg01{
  padding:40px 20px;
  position: relative;
  text-align: center;
  
}

.luckybag_item__list__secret__bg01::before,
.luckybag_item__list__secret__bg01::after{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  background:url(../img/bg02.png) top center;
  background-size: 8px;
  height:8px;
  left: 0;

}

.luckybag_item__list__secret__bg01::before{

  top:5px;
}
.luckybag_item__list__secret__bg01::after{
  bottom:5px;
}

.luckybag_item__secret__title01{
  font-family: "Noto Serif JP", serif;
  display: inline-block;
  position: relative;
  font-size: 23px;
  margin-bottom:20px;
  color:#ad1c08;
  font-weight: bold;
  line-height:1.6;
}

.luckybag_item__secret__title01::before,
.luckybag_item__secret__title01::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 2px;
  height: 28px;
  background-color: #D4B987;
}

.luckybag_item__secret__title01::before{
  left: -20px;
  -webkit-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

.luckybag_item__secret__title01::after{
  right: -20px;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
}

.luckybag_item__secret__wrap{
  text-align: left;
  margin-bottom:20px;
}

.luckybag_item__secret__image01{
  width:40%;
  float: left;
}


.luckybag_item__secret__list{
  width:55%;
  float: right;
}

.luckybag_item__secret__list li{
  position: relative;
  padding-left:10px !important;
  line-height:1.5;
}

.luckybag_item__secret__list li::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top:10px;
  width:5px;
  height: 5px;
  background-color:#ad1c08;
  border-radius:100%;
}

.luckybag_item__secret__desc{
  text-align: left;
  font-size: 16px;
}


.luckybag_item__list__number01{
  position: absolute;
  bottom:5%;
  right:-5%;
  font-size: 30px;
  font-family: "Noto Serif JP", serif;
}


@media screen and (max-width: 1100px) {

  .luckybag_item__list__catch01{
    font-size:1.6vw;
    line-height: 1.6vw;
  }

  .luckybag_item__list__number01{
    font-size:2.3vw;
    line-height: 2.3vw;
  }

}


@media screen and (max-width: 768px) {

  .luckybag_item__list{
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
  }

  
  .luckybag_item__list__catch01{
    font-size:3.5vw;
    line-height:3.5vw;
  }

  .luckybag_item__list__number01{
    font-size:4vw;
    line-height: 4vw;
  }


  .luckybag_item__list__child01{
    width:32%;
    margin-right:0;
    margin-bottom:20px;
  }
  
  .luckybag_item__list__child01:nth-child(5n){
    margin-right:0;
    float:left;
  }
  
  .luckybag_item__list__child01:nth-child(5n+1){
    clear:none;
  }

  .luckybag_item__list__child01:nth-child(3n){
    margin-right:0;
    float:right;
  }
  
  .luckybag_item__list__child01:nth-child(3n+1){
    clear:both;
  }
  
  .luckybag_item__list__child01:last-child{
    margin-right:0;
    float:none;
    width:auto;
    border:2px solid #D4B987;
    clear: both;
  
  }
  
  .luckybag_item__list__secret__bg01{
    padding:40px 15px;
    
  }
  
  .luckybag_item__secret__title01{
    font-size: 20px;
    margin-bottom:25px;
  }
  
  .luckybag_item__secret__title01::before,
  .luckybag_item__secret__title01::after{
    bottom: -5px;
    width: 2px;
    height: 45px;
  }
  
  .luckybag_item__secret__title01::before{
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  
  .luckybag_item__secret__title01::after{
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  
  
  
  
  .luckybag_item__secret__list li::before{
    top:10px;
  }
  
  .luckybag_item__secret__desc{
    font-size: 18px;
    line-height:1.6;
  }
  

}


/* luckybag_about */

.luckybag_about.content_width{
  padding-top:120px;
  padding-bottom:120px;
  max-width:1090px;
}

.luckybag_about__bg{
  background-color: rgba(255, 255, 255, 0.5);
  padding:160px 80px 80px;
  border-radius:20px;
  position: relative;
}

.luckybag_about__bg::before{
  content: "";
  display: block;
  position: absolute;
  background:url(../img/point01.png) center center no-repeat;
  background-size: 100% auto;
  height: 50px;
  width:350px;
  left: 0;
  right: 0;
  margin:0 auto;
  top:40px;
}


.luckybag_about__headline01{
  font-size: 20px;
  font-family: "Noto Serif JP", serif;
  margin-bottom:20px;
  letter-spacing: 0.2em;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  line-height:1.6;
}

.luckybag_about__headline01::before{
  content: "";
  display: block;
  position: absolute;
  background:url(../img/point02.png) center center no-repeat;
  background-size: 100% auto;
  height: 23px;
  width:21px;
  left: 0;
  top:5px;
  z-index: -1;

}


.luckybag_about__desc{
  line-height:1.8;
}

.luckybag_about__list li{
  text-indent:-1em;
  padding-left:1em !important;
}

.luckybag_about__item{
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.luckybag_about__item+.luckybag_about__item{
  margin-top:60px;
}



@media screen and (max-width: 768px) {

  .luckybag_about.content_width{
    padding-top:40px;
    padding-bottom:40px;
  }
  
  .luckybag_about__bg{
    padding:100px 15px 40px;
  }


  .luckybag_about__bg::before{
    height: 24px;
    width:247px;
    top:40px;
  }
  
  
  .luckybag_about__headline01{
    font-size: 18px;
    letter-spacing: 0.1em;
    padding-left: 25px;
  }
  
  .luckybag_about__headline01::before{
    height: 22px;
    width:20px;
  
  }

  .luckybag_about__item+.luckybag_about__item{
    margin-top:40px;
  }
  
}