@charset "utf-8";
/* +++++++++++++++++++++++++++++++

全体

+++++++++++++++++++++++++++++++ */

.feature {
  padding: 0 0 50px;
  background-color:#00489d;
}
.feature p{
   margin:0
}
.feature#pointback {
  background-color: rgb(0 185 204);
}
.feature.cosme{
    background: #ea7581;
    
}
section.box_feature > div {
    max-width: 900px;
    margin: 0 auto;
}
.feature header {
   padding: 50px 20px;
   margin: 0;
}
.feature header .image.header-image,.feature header .image.header-date {
    margin: 0 auto;
    position: relative;
    width: 90%;
    max-width: 1000px;
}
.feature header .image.header-image{
   height: 50vh;
   margin-bottom: 30px;
   }
.feature header .image.header-date{
   height: 7vh;
   }
.feature header img{
   width:100%;
   height: 100%;
   object-fit: contain;
}
.image.header-image.yokoku{
   padding-top:30px
}
.image.header-image.yokoku::before {
    content: "予告";
    width: 133px;
    height: 80px;
    background: #000000;
    color: #ffffff;
    font-size: 37px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    transform:translateY(-50%)
}
.feature header p{
    text-align:center;
    color:#fff;
    margin-top:0!important;
    font-size:16px;
}
p {
  font-weight: 600;
}

p.txy{
   margin: 15px 0 0;
   font-size: 24px;
   color:#fff338;
   text-align:center;
   font-weight:bold;
   /* padding-bottom:20px; */
}

.shopframe{
   box-sizing:border-box;
   background:rgba(255, 255, 255, .9);
   border: 2px solid #00408b;
   padding:0 15px 10px;
   margin-top:50px;
   font-size:16px;
   color: #00489d;
}

.shopframe strong{
   font-size:20px;
}

.shopframe p.tenpo{
   background:#fff338;
   font-size:20px;
   font-weight:600;
   color: #00489d;
   width:10em;
   text-align:center;
   margin: 0 auto 0;
   border: 2px solid #00408b;
   、
   transform: translateY(-40px);
、
   transform: translateY(-40px);
、
   transform: translateY(-40px);
   transform: translateY(-50%);
}
p.taisyo{
  font-size:18px!important;
  letter-spacing:1px;
}
p.taisyo span.ts{
   display:inline-block;
   background:#bb0024;
   padding:2px 10px;
   margin-bottom:5px;
}

.newcomer{
   margin:30px auto;
   border-top:3px solid #fff;
   border-bottom:3px solid #fff;
   padding-top:20px;
   background:rgba(0,178,203,.5);
}
.feature .storelist{
   margin:0 0 60px
}
.feature .storelist ul{
   padding-top:20px;
   font-size:1rem;
   margin:20px auto;
   text-align:left;
   max-width: 800px;
   width: 80%;
}
.feature .storelist ul li{
   display:inline-block;
   margin-right:15px;
   padding-bottom:10px;
   color:#fff
}
.feature .storelist ul li b{
   font-size:1.2rem;
   letter-spacing:1px;
   font-weight:500;
}
.feature .storelist li a{
    text-decoration:none;
    color:#fff!important;
}
.feature .storelist .yellow-text{
   color:#fff200;
   font-weight:600;
   line-height:1.9;
   font-size:1.2rem;
   text-align:left;
   max-width:800px;
   width:80%;
   margin:0 auto
}
.feature .storelist span.kome {
    text-align: left;
    font-weight: 500;
    border-top: 1px solid;
    display: block;
    padding: 10px 10px 0;
    max-width: 1000px;
    width: 90%;
    margin: 22px auto 0;
    box-sizing: border-box;
}
section.netshopping {
    max-width: 600px;
    margin: 0 auto 50px;
    padding: 20px 20px;
    background: #ffccd1;
    border-radius: 20px;
    font-size: 15px;
    line-height: 1.8;
    color: #000000;
    text-align: center;
    border: 5px solid #c7000c;
}

section.netshopping .clubq-bt {
    margin: 20px auto 0;
    background: #fff;
    color: #c7000c;
}

section.netshopping .clubq-bt a {
    font-size: 16px;
    color: #c7000c;
}
section.netshopping .clubq-bt::before{
   
border-color: transparent transparent transparent #c7000c;
}
@media print, screen and (min-width: 768px) {

/* +++++++++++++++++++++++++++++++

 PC/TABLET

+++++++++++++++++++++++++++++++ */
.mode_sp{displya:none;}

.ptback_box{
   margin: 0 auto;
   max-width: 90%;
 }

.ptback_box p{
   color:#fff;
   font-size:0.9rem;
   font-weight:400;
   line-height:1.4;
}

.ptback_box p.ftj{
   font-weight:600;
   font-size:1.4rem;
   line-height:1.6;
}

section.box_feature > div.shopframe{
   font-weight:500;
   text-align:center;
   margin: 60px auto 0;
}


.shopframe.member .button{
  background:#d01818;
  border-color:#d01818;
  color: #fff;
}
.shopframe.member .button:hover{
   background:#fff;
   color:#d01818;
}

.newcomer p{
   color:#fff;
   padding:10px 100px 0;
}
.newcomer p b{
   font-size:1.2rem;
}
}
.box_lgray_texture {
    padding: 0;
    margin: auto 0;
    box-sizing: border-box;
    display: flex;
}

/*
ボックス内2カラム構成
-----------------------------------*/
.box_double {
    display: flex;
    width: 100%;
    max-width: 980px;
    margin: 45px auto 100px;
    padding: 0 50px;
    gap: 20px;
}
.box_double .inner_shinki,.box_double .inner_login {
     box-sizing: border-box;
     width: calc((100% - 20px) / 2);
     padding: 25px;
     color: #fff;
}


.box_double .inner_shinki {
   background: #d01818;
}

.box_double .inner_login {
   background: #00489d;
}


.box_double .inner_shinki .title,.box_double .inner_login .title {
    /* margin: 0px 0 20px; */
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}



.box_double .inner_shinki p,.box_double .inner_login p {
    font-size: 13px;
    text-align: center;
}

.box_double .inner_shinki .txt_simply,.box_double .inner_login .txt_simply {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-weight: bold;
    /* text-align: center; */
}
.box_double .title + p {
    margin: 0;
}
.box_double .title + p + p {
    margin-top: 10px;
}
.box_double .inner_shinki .text,.box_double .inner_login .text {
    margin-bottom: 20px;
    line-height: 2;
    text-align: center;
}
.box_double .inner_shinki .txt_supplement,.box_double .inner_login .txt_supplement {
    margin: 0;
    font-size: 11px;
}



.clubq-bt {
   margin: 30px auto ;
   color:transparent;
}

.clubq-bt a {
    font-size: 20px;
}




@media screen and (max-width: 767px) and (min-width: 0px) {
/* +++++++++++++++++++++++++++++++

 SmartPhone

+++++++++++++++++++++++++++++++ */

.mode_pc{displya:none;}

  article.feature {
    padding: 20px 20px 50px;
  }
   .feature header{
   padding: 0 0 33px;
   }
   .image.header-image.yokoku{
      padding:15px 0 0
   }
   .feature header .image.header-image{
      height:auto
   }
   .feature header .image.header-date{
      height:auto
   }
.image.header-image.yokoku::before{
   font-size:15px;
   height:30px
}
   .feature .box_feature{
      padding:0
   }
.ptback_box{
   margin: 10px;

 }

.ptback_box p{
   color:#fff;
   font-size: 13px;
   font-weight:400;
   line-height:1.4;
}

.ptback_box p.ftj{
   font-weight:600;
   font-size:1.2rem;
   line-height:1.6;
}
section.box_feature > div.shopframe{
   margin: 30px auto 50px;
   text-align:left;
}
section.box_feature > div.shopframe{
   margin-bottom:0
}
.shopframe.member .button{
   background:#d01818;
   border-color:#d01818;
   color: #fff;
}
.newcomer {
   margin:0 15px;
}
.newcomer p{
   color:#fff;
   padding:5px 10px;
}
.newcomer p b{
   font-size:1.2rem;
}
  
 .box_double {
    width: 100%;
    flex-direction: column;
} 
  
  .box_double .inner_shinki,.box_double .inner_login{
    margin-bottom: 20px;
    width: 100%;
  }  
  
  .feature .storelist{
     margin:0 0 30px
}
  .feature .storelist ul{
   padding-top: 0;
   font-size: 14px;
   text-align:left;
   margin: 15px 0;
}
.feature .storelist ul li{
   padding-bottom:10px;
   margin: 0;
   color:#fff
}
.feature .storelist ul li b{
   font-size: 15px;
   letter-spacing:1px;
   font-weight:500;
}

.feature .storelist li a{
    text-decoration:none;
    color:#fff!important;

}
.feature .storelist p{
   text-align:left;
   padding: 5px 0;
}
   .feature .storelist .yellow-text{
      width:100%;
      padding: 0;
      font-size: 0.9rem;
   }
   .feature .storelist span.kome{
      width:100%
   }

   section.netshopping .clubq-bt a{
      font-size:13px
   }
}