@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Montserrat:wght@600&family=Noto+Sans+JP:wght@300;400;500;700&family=Raleway:wght@300&display=swap');

a:hover {color:#c379b0;}

.tousen_box{
display:block;
border: solid 1px #7C8790;
padding:30px;
marign:auto;

}

/*PCカルーセル中央寄せ*/
#TOPcarousel{
  margin-right: auto;//ここで中央寄せを指定する。
  margin-left : auto;
}

/*ページ最上部ボーダー*/
.fs-c-heading--page{
border-bottom: 1px solid #646464;
}

#hd2022-lp{
    max-width:500px;
    display: block;
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    line-height: 2;
    letter-spacing: .1em;
    font-feature-settings: "palt";
    /* font-family: "Noto Sans JP",Avenir,"Segoe UI","游ゴシック Medium","Yu Gothic Medium",YuGothic,游明朝,游明朝体,"Yu Mincho",YuMincho,sans-serif; */
    color: #646464;
    transition: background-color 1.2s linear;
    font-weight: 300;
    background-color: #ffffff;
    
}



/* スマホのみ実行 */
/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}


#hd2022-lp p{
    margin: 0;
    font-size: clamp(13px,2.7rem,15.5px);
    /* -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: subpixel-antialiased; */
}

.hc-top-message{
    margin: 1em 0.5em;
    padding: 1em;
}


.hc-top-img img{
    /* position:absolute; */
    /* top:0;
    left:0; */
    width:100%;
    margin:0;

}

/* .hc-concept{
    margin:30px 10px auto;
} */

.hc-concept p{
    display:block;
    padding:10px;
    text-align: center;
}

.handcream-detail{
    margin:30px auto;
    background-image: image();
}

.hc-detail{
    margin:auto;
    padding:10px;
    

    /* border:solid 1px #646464; */
}

.hc-detail ul{
    padding-left: 0;
}

.hc-detail li{
    list-style: none;
    font-weight: 600;
    padding-top:15px;
}



.hc-set-detail{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2em 0;
}
    

.holidayset-detail{
    background-color: #f0edf8;
    /* color:#ffffff; */
    /* border: solid 2px #A599C5; */
    margin: 3em 0.5em;
    padding: 1em;
    /* width: calc(100% - 4em); */
}


.handcream-img img{
    /* position:relative; */
    /* padding-top: 6vw; */
    /* padding-bottom: 4vw; */
    max-width:160px;
    vertical-align: bottom;
    height: auto;
    transform: translateX(-20%);

}

.handcream-textbox{
    width: 90%;
    align-items: center;
}

/* .img{
    zoom: 1;
    max-width: 100%;
    vertical-align: bottom;
    height: auto;
} */

/* 2022HOLIDAY SKINCARE SET */
.handcream-detail-img img{
    /* position:absolute; */
    /* top:0;
    left:0; */
    width:100%;
    margin:0;

}

.hc_button{
    display: block;
    padding: 1em 1.5em;
    margin:0.3rem auto;
    text-decoration: none;
    color: #646464;
    border: solid 1px #646464;
    background-color: #ffffff;
    border-radius: 0.2rem;
    transition: .4s;
    
}

.essence_button:hover{
    background: #999999;
    color: white;
}

.essence_role img{
    width:100%;
    max-width:400px;
    display:block;
    margin:0 auto;


}

/* セラミドケアトライアルLP　*/


#trialset_lp{
  display: block;
    text-align:left; 
    margin:0 auto;
    max-width:750px;
    width:fit-content;
  }


.triallp_img2 {
    position: relative;
  }

  .triallp_img2 button{
    margin:0;
    padding:0;
    width:0;

  }



  .triallp_button1 {
    position:absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 69.7%;
    cursor: pointer;
    cursor: hand;
  }
  .triallp_button2 {
    position:absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 6%;
    cursor: pointer;
    cursor: hand;
  }
  .triallp_button3 {
    position:absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 7.6%;
    cursor: pointer;
    cursor: hand;
  }
  .triallp_button4 {
    position:absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 5.3%;
    cursor: pointer;
    cursor: hand;
  }




/* セラミドケアトライアルLP　*/

/*　成分のグループページ　*/
#essence{
    display:block;
    max-width: 1000px;
    margin: 0 auto;
}

#essence a{
    text-decoration: none;

}
.top-img_PC{
    width: 100%;
    display: block !important;
    margin-bottom: 30px;
}

.top-img_SP{
    display: none !important;

}

@media screen and (max-width: 768px){
    .top-img_SP{
        width: 100%;
        display: block !important;
    margin-bottom: 30px;
    }
    .top-img_PC{
        display: none !important;
    }
}

.essence_top{
    max-width: 1000px;
    width:100%;
    margin:0 auto;
}

.essence_SP{
    display: none;
}

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

#essence h3{
    font-size: 1.5em;
    font-weight:600;
    padding-top:30px; 
    
}

.essence_hr {
    border-top: 1px dotted #ccc;
}

.essence_top img{
    max-width: 1000px;
    width:100%;
}

.essence_topmessage{
    margin:1em 0.5em;
    
}

.essence_button{
    display: inline-block;
    padding: 1em 1.5em;
    margin:0.3rem;
    text-decoration: none;
    color: #646464;
    border: solid 1px #646464;
    background-color: #ffffff;
    border-radius: 0.2rem;
    transition: .4s;
    
}

.essence_button:hover{
    background: #999999;
    color: white;
}


.essence_item h2{
    font-size:2.3rem;
    font-weight:lighter;
    color:#646464;
    padding: 0.5rem 1rem;/*上下の余白*/
   

}

.essence_item_rec{
    display:flex;
    flex-direction:row;
    margin-top:30px;
   
}

@media screen and (max-width: 767px) {
	.essence_item_rec {
		flex-direction: column;
	}
	.essence_item_rec  {
		width: fit-content;
        margin:0 auto;
	}

    .essence_bubun{
        display:flex;
    flex-direction:row;
    }

    .essencebun{
        width:calc(100%/2);
    }
 
}

.essence_item_rec1{
    display:flex;
    flex-direction:row;
    width:calc(100%/4);

    
}


@media screen and (max-width: 767px) {
	.essence_item_rec1 {
		flex-direction: column;
        width:100%;
	}

 
}

@media screen and (max-width: 767px) {
	.essence_item_rec2 {
		flex-direction: column;
        width:100%;
	}

 
}

.essence_item_rec2{
    display:flex;
    flex-direction:row;
    width:calc(100%/2);

    
}

@media screen and (max-width: 767px) {
	.essence_item_rec2 {
		flex-direction: column;
        width:100%;
	}

 
}


.essence_item_rec3{
    display:flex;
    flex-direction:row;
    width:66.66%;
   
}




@media screen and (max-width: 767px) {
	.essence_item_rec3 {
		flex-direction: row;
        width:100%;
	}

    .essence_item_rec4{
        display: flex;
        flex-direction:column;
    
        
    }

}

.essence_item_rec4{
    display:flex;

    
}

.essence_item_2column{
    display:flex;
    flex-direction:row;
    width:calc(100%/2);

    
}

@media screen and (max-width: 767px) {
	.essence_item_2column {
		flex-direction: row;
        width:100%;
	}


}

.essence_item_1column{
    display:flex;
    flex-direction:row;
    width:calc(100%/4);

    
}



@media screen and (max-width: 767px) {
	.essence_item_1column {
		flex-direction: row;
        width:calc(100%/2);
	}


}



.essence_items{
    object-fit: contain;
    margin:1rem 0.5rem;
    display: flex;
    flex-direction: column;
    /* background-color: beige; */
    
}


@media screen and (max-width: 767px) {
	.essence_items {
        padding-bottom:1em;
		border-bottom:#a9a9a9 dotted 1px;
	}

 
}



.essence_items img{
    width: 100%;
}


.essence_items-3{
    object-fit: contain;
    margin:1rem 0.5rem;
    display: flex;
    flex-direction: column;
    width : calc(100% / 3) ;
    /* background-color: beige; */
    
}


@media screen and (max-width: 767px) {
	.essence_items-3 {
        padding-bottom:1em;
		border-bottom:#a9a9a9 dotted 1px;
width :100%;
	}

 
}





.essence_topmessage img{
    display: block;
    margin:0 auto;
    max-width: 500px;
    width:100%;



}

.essence_nayami{
    pointer-events: none;
    background-color: #ebebeb;
    border:none;
    font-size: 0.9rem;
    margin:0.2rem 0.2rem;
    padding:0.5em 0.5em !important;
}

.essence_items button{
    text-align: center;
    padding:1em 1.5em;
    
}

.essence_setumei h2{
    text-align: center;
    font-size: 2.3rem;
    font-weight:lighter;
   color:#646464; 
    padding: 2em 1em 0em 1em;
    

}

.essence_erabikata img{
    display: block;
    margin:0 auto;
    max-width: 700px;
    width:100%;
}

.essence_link{
    text-align: center;
    width:fit-content;
    margin: 0 auto;
    padding: 10px;
    position:relative;        
}

.essence_link img {
    max-width: 700px;
    width:100%;
}



.anniversary_point_NS{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    
}

@media screen and (max-width: 767px) {
	.anniversary_point_NS {
		flex-direction: column;
	}
	.anniversary_point_NS .anniversary_point {
		width: fit-content;
        margin:0 auto;
	}
} 


.anniversary_linkbn{
    text-align: center;
    margin:0px auto;
    padding:1.2rem;
}

.anniversary_linkbn img{
    width:100%;
}
/*　成分のグループページ　*/

/*アンバサダーページ*/

#ambassador {
  max-width: 900px;
  margin: auto;
  /* border:solid 1px #999999 ; */
  padding: 10px;
  box-shadow: 0 0 4px 0 #999999;

}


.ab_head {
  max-width: 900px;
  margin: 0 auto;
}

.ab_head_img {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  vertical-align: top;
}

.ab_topmessage {
  text-align: left;
  margin-top: 0px;
  margin-bottom: 30px;

}

.ab_topmessage h1 {
  font-weight: 500;
  text-align: center;
  font-size: 1.5em;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #DFD2D7;
}

.ab_article {
  border: solid 2px #C499AB;
  margin-bottom: 50px;

}

.ab_text {
  padding-left: 1em;
  padding-right: 1em;

}

.ab_article h1 {
  font-weight: 500;
  text-align: center;
  font-size: 1.5em;
  margin-top: 0;
  background-color: #C499AB;
  color: #ffffff;
}

.ab_onegai {
  padding: 10px 20px;
  margin: 50px auto 15px auto;
  background-color: #DFD2D7;
}

.ab_onegai h2 {
  font-weight: 0.5em;
  font-size: 1em;

}

.ab_button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px auto;
  padding: 1em 2em;
  max-width: 300px;
  width: 70%;
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  background-color: #d3ecfb;
  box-shadow: 0 5px 0 #004864;
  transition: 0.3s;
}

.ab_button a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.ab_button a:hover {
  transform: translateY(3px);
  text-decoration: none;
  box-shadow: 0 2px 0 #aaaaaa;
}


/*アンバサダーページ*/

/*ログイン見出し*/
.fs-c-subSection__title {
  color: #666666;
}


/*トップページはじめての方へPC*/
.beginer_guideList {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 30px;
}

.beginer_guideList li {
  list-style-type: none;
  float: left;
  width: 30%;
}

.beginer_guideList li:nth-of-type(n+2) {
  margin-left: 4%;
}

/*トップページトライアル横並びPC*/
.beginer_trialList {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 30px;
}

.beginer_trialList li {
  list-style-type: none;
  float: left;
  width: 45%;
}
.beginer_trialList li:nth-of-type(n+2) {
  margin-left: 4%;
}


/*トップページはじめての方へPC*/
.fs-c-orderedList>li::before {
  color: #deb887;
}



.top_bnr_area {
  text-align: center;
  margin-bottom: 60px;
}

/*トップページ新着情報PC*/
.fs-p-heading-news {
  width: 60%;
  margin: auto;
}

.fs-p-dateList {
  width: 60%;
  margin: auto;
}


.fs-p-heading-midashi {
  /*border-bottom: 2px solid currentColor;*/
  color: #666666;
  font-size: 24px;
  text-align: center;
  margin-top: 3rem;
}


/*トップページ新着情報PC*/
select {
  -webkit-appearance: menulist-button !important;
}

/*カートボタン ご注文手続きへ進む 非表示*//*
.fs-c-button--unregisteredUserPurchase {
  display: none;
}
*/
/*ここまで*/

.fs-p-announcement {
  text-align: left;
}


a:hover img {
  opacity: 0.8;
}

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

.mainTitle {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 25px;
}

.fs-l-header__contents {
  width: 1200px;
  margin: auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: 45% 10% 45%;
  grid-template-columns: 45% 10% 45%;
}

.recommend {
  margin-bottom: 60px;
}

.recommend .fs-pt-column {
  grid-template-columns: 50% 50%;
}

.recommend .fs-pt-column>*:nth-child(2) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

.recommend .fs-pt-column>.fs-pt-column__item {
  background: #fbf7f0;
  margin: 0 10px;
  padding: 15px;
}

.recommend .fs-pt-column__description:after {
  content: "商品ページへ ≫";
  display: block;
  text-align: right;
  text-decoration: underline;
  color: #f39700;
  margin-top: 25px;
}

/*花粉対策*/
.feat-spring01-p {
  width: 71%;
  margin: 0 auto;
}

.feat-spring01 p {
  float: left;
  min-width: 200px;
  max-width: 250px;
  text-align: left;
  margin-left: 50px;
  text-indent: -20px;
}

.feat-spring01 p.Yazirushi::before {
  content: "";
  width: 0;
  height: 0;
  left: -20px;
  position: relative;
  border-style: solid;
  border-width: 30px 0 30px 20px;
  border-color: transparent transparent transparent #dec481;
  font-size: 0;
}

.feat-spring01-img {
  clear: both;
}

.feat-spring01-img img {
  margin: 0 45px;
}

.feat-spring01-img div.Yazirushi {
  width: 40px;
  height: 30px;
  border-top: solid #BFEBFF 15px;
  border-bottom: solid #BFEBFF 15px;
  float: left;
  position: relative;
  left: 580px;
  top: 220px;
}



.feat-spring01-img div.Yazirushi::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: #BFEBFF transparent transparent transparent;
  display: block;
  position: relative;
  left: 20px;
  transform: rotate(-90deg);
  top: -10px;
}


/*　2019夏キャンペーンここから　*/
#feat-summer {
  text-aline: center;
}

#feat-summer .summer-part {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}


#feat-summer h2,
#feat-summer h3 {
  color: #5EAA54;
}

#feat-summer .line50green {
  background: linear-gradient(transparent 50%, #CEE4CB 50%);
}

#feat-summer .target-item {
  font-size: 0.8em;
}

#feat-summer h2 {
  grid-column: 1 / 3;
  text-align: center;
  font-size: 2em;
}


#feat-summer .itembox {
  background-color: #FBF7F0;
  margin-bottom: 20px;
  padding: 20px;
}

#feat-summer .to-item {
  display: flex;
}


#feat-summer .to-item .img {
  width: 30%;
}

/*　2019夏キャンペーンここまで　*/

/*　トップページ　*/
.navi-cart {
  display: block;
  line-height: 1;
  padding: 10px;
  position: relative;
  text-align: center;
}

.navi-CartButton__icon {
  font-size: 2.5rem;
}

.navi-cartItemNumber {
  background: #E25B33;
  border-radius: 1em;
  color: #ffffff;
  display: none;
  font-size: 1.3rem;
  line-height: 1;
  padding: 0.25em 0.4em;
  position: absolute;
  top: 4px;
  right: 10px;
}

.fs-l-header__logodsr {
  width: 300px;
  float: left;
}

p.fs-p-logo__leaddsr {
  text-align: left;
  font-size: 1em;
  margin: 0px;
  padding-left: 30px;
  padding-bottom: 10px;
  width: 800px;
}

.fs-l-header__WelcomeMsg fs-clientInfodsr {
  float: right;
}

.header_info {
  text-align: right !important;
  float: right;
  margin-right: 5px;
  margin-bottom: 5px;
}

.fs-p-searchForm {
  float: right;
}

.fs-pt-column__heading {
  font-size: 1.4rem;
  font-weight: bold;
}


@media screen and (min-width: 768px) .fs-l-header__contents {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: 40% 10% 50%;
  grid-template-columns: 40% 10% 50%;
}

div.fs-p-messageBoard-DSR {
  background-color: #ffffff;
  border-radius: 3px;
  color: #666666;
  margin-bottom: 20px;
  padding: 10px;
  width: 1000px;
  background-position: 50% 50%;
  text-align: left;
  margin: 0 auto;
}



h3.h3_bar {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  background: #E1D2D9;
  border: #EEE solid 1px;
  margin: 50px 0 20px 0;
}


.recommend span {
  float: right;
}


.minisize-banner>p {
  display: inline;
  margin: 10px;
}

.minisize-banner {
  justify-content: center;
  width: 100%;
}

.top-banners>p {
  margin: 60px 0 0;
}

.top-banners>p:nth-of-type(n+2) {
  margin: 30px 0 0;
}

.fs-c-specialPointList__label {
  display: block;
  margin-bottom: 4px;
  color: #C98696;
}

.underbar {
  text-decoration: underline;
}


/*ランキングバッジ */
.ranking .slick-slide .fs-c-productImage {
  position: relative;
}

.ranking .slick-slide .fs-c-productImage::before {
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 50px;
  height: 46px;
}

.ranking .slick-slide:nth-child(1) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking1.jpg");
}

.ranking .slick-slide:nth-child(2) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking2.jpg");
}

.ranking .slick-slide:nth-child(3) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking3.jpg");
}

.ranking .slick-slide:nth-child(4) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking4.jpg");
}

.ranking .slick-slide:nth-child(5) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking5.jpg");
}

.ranking .slick-slide:nth-child(6) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking6.jpg");
}

.ranking .slick-slide:nth-child(7) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking7.jpg");
}

.ranking .slick-slide:nth-child(8) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking8.jpg");
}

.ranking .slick-slide:nth-child(9) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking9.jpg");
}

.ranking .slick-slide:nth-child(10) .fs-c-productImage::before {
  background-image: url("https://dsrcorporation.itembox.design/item/ranking10.jpg");
}


/*マイページ調整CSS*/
.fs-c-accountService2 {
  flex-basis: 60%;
}

.fs-c-accountService {
  flex-basis: 100%;
}




/*マイページ会員ランク別メッセージ　改善190115*/
.mypage-message {
  background: #fff;
  padding: 8px;
}

.fs-clientInfo.messageboard {
  display: inline;
}

/*発送日カレンダー*/
.carendabox {
  background: #FFFFFF;
  padding: 10px;
  max-width: 290px;
  text-align: center;
  margin-top: 10px;
}

.carendabox .month {
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
  color: #000000 !important;
}

.carendabox .month span {
  font-size: 24px;
  display: inline-block;
  font-weight: bold;
  margin-left: 10px;
}

.carendabox .carendabox_title {
  display: flex;
  justify-content: space-between;
  margin-bottom: -30px;
  padding: 0 15px;
}

.carendabox .carendabox_title .prev_btn {
  width: 20px;
  height: 20px;
  display: block;
/*background: url(https://dsrcorporation.itembox.design/item/calendar_prev.png) no-repeat center top/cover;*/
  background: url(/Contents/FSimg/calendar_prev.png) no-repeat center top/cover;
}

.carendabox .carendabox_title .next_btn {
  width: 20px;
  height: 20px;
  display: block;
/*background: url(https://dsrcorporation.itembox.design/item/calendar_next.png) no-repeat center top/cover;*/
  background: url(/Contents/FSimg/calendar_next.png) no-repeat center top/cover;
}

.carendabox .explanation {
  font-size: 12px;
  display: flex;
  padding-left: 10px;
}

.carendabox .explanation p {
  display: flex;
  align-items: center;
}

.carendabox .explanation .rest span {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #7C8790
;
}

.carendabox .explanation .hasso_day {
  margin-left: 20px;
}

.carendabox .explanation .hasso_day span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #f7931e;
  border-radius: 50%;
}

#carenda table {
  border-spacing: 6px;
  font-weight: normal;
}

#carenda table tr td {
  width: 30px;
  height: 30px;
  text-align: center;
}

.carendabox_title {
  line-height: 1;
}

.carendabox td {
  border: none;
}

.carendabox td.hasso {
  border: 1px solid #f7931e;
  border-radius: 50%;
  position: relative;
}

.carendabox td.hasso::after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url(https://dsrcorporation.itembox.design/item/hasso.png) no-repeat center top/cover;
  position: absolute;
  top: -4px;
  right: -3px;
}

.carendabox .firstLine {
  position: relative;
  font-family: 'Raleway', sans-serif;
  font-size: 12px;
}

.carendabox .firstLine::after {
  display: block;
  content: '';
  width: 97%;
  height: 1px;
  background: #f7931e;
  position: absolute;
  left: 0;
  bottom: 10px;
}

.carendabox .firstLine td {
  padding-bottom: 20px;
}

/*発送日カレンダー　ここまで*/

/*ログイン時、未ログイン時の表示切り替えを行うCSS*/
.login.my-false {
  display: none;
}

.notlogin.my-true {
  display: none;
}

.dsr-headerUtility {
  -ms-grid-column-start: 3;
  -ms-grid-column-span: 4;
  grid-column: 3 / 4;
}

span.fs-clientInfo.stage-price {
  color: #ff8000;
}


/*TOPページ２カラム表示にさせる*/
.top-2columns {
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px; //カラム間の余白
}

.top-2columns>.top-leftcol {
  -ms-grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
}

.top-2columns>.top-rightcol {
  grid-column: 2 / 3;
  -ms-grid-column-start: 2;
  -ms-grid-column-span: 1;
}


/*TOPページ２カラム表示にさせる　ここまで*/

/*コラムパーツを２カラム表示にさせる*/
.fs-pt-column__item {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 16px; //カラム間の余白
  -ms-grid-rows: 1fr auto;
}

.fs-pt-column__item>*:nth-child(1) {
  -ms-grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
  -ms-grid-row-start: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
}

.fs-pt-column__item>*:nth-child(2) {
  -ms-grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column: 2;
  -ms-grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row: 1;
}

.fs-pt-column__item>*:nth-child(3) {
  -ms-grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column: 2;
  -ms-grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row: 2;
}

/*コラムパーツを２カラム表示にさせる　ここまで*/

/*ドキュメントページ*/
h2.fs-c-documentColumn__heading {
  color: #666666;
  border-color: #c379b0;
}

h3.fs-c-documentColumn__heading {
  color: #666666;
  border-color: #c379b0;
}

/*商品ページ　ここから*/




div.itembox {
  margin: 0 0 30px 0;
}

div.itembox h2 {
  font-size: 14px;
  font-weight: bold;
  background: #F7EEDF;
  padding: 6px 10px;
  border-bottom: 1px dotted #EAD6B5;
  margin: 0 0 15px 0;
}

div.itembox p {
  margin: 8px 8px 10px 8px;
}

div.itembox span.small {
  font-size: 11px;
}

.itembox span.itemlink {
  background: url(https://secure1.future-shop.jp/~dsrcorporation/images/common/list2.png) no-repeat 0px 5px;
  padding: 0 0 0 8px;
}



div.itempoint {
  margin: 20px 0 20px 0;
  border: 1px solid #EAD6B5;
  padding: 4px 8px;
  background: #FDFBF7;
}

div.itempoint h3 {
  border-bottom: 1px dotted #EAD6B5;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: bold;
}


div.itempoint h4 {
  border-left: 5px solid #EAD6B5;
  padding: 0px 8px;
  margin: 15px 0 0 8px;
  font-weight: bold;
  color: #846B41;
  font-size: 13px;
}

.itempoint h4.present::before {
  content: url(https://dsrcorporation.itembox.design/item/presenticon.jpg);
  width: 50px;
  height: 50px;
}

.itempoint h4.present {
  padding: 0px 8px;
  margin: 15px 0 0 8px;
  font-weight: bold;
  color: #846B41;
  font-size: 13px;
}




div.itempoint p {
  margin: 5px 8px 10px 8px;
}

div.itemrec {
  margin: 20px 0 20px 0;
}

div.itemrec h3 {
  background: #FFE8DF;
  padding: 4px 8px;
  display: inline;
}

div.itemhowto {
  margin: 20px 0 20px 0;
}


div.itemhowto h3 {
  background: #EEE;
  padding: 4px 8px;
  display: inline;
}

div.itemseibun {
  margin: 20px 0 20px 0;
}

div.itemseibun h3 {
  background: #f7f7f7;
  padding: 4px 8px;
  display: inline;
}


div.itemattention {
  background: #FCFCFC;
  padding: 4px 8px;
  border: #EEE solid 1px;
  font-size: 11px;
}


div.postafefree {
  margin: 10px 0 10px 0;
}

div.postafefree p {
  background: #FFE4E1;
  padding: 4px 8px;
  display: inline;
}

div.mailpackage {
  margin: 10px 0 10px 0;
}

div.mailpackage p {
  background: #FFFFCC;
  padding: 4px 8px;
  display: inline;
}

div.fs-c-productPointDisplay {
  background: #f7f7f7;
  color: #666666;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  padding: 4px 8px;
}

.seibun_icon {
  color: #333;
  background-color: #f5deb3;
  display: inline;
  padding: 4px 8px;
  text-align: center;
  border-radius: 1rem;
  line-height: 2.5;
  white-space: nowrap
}

.non-seibun_icon {
  color: #333;
  background-color: #CCC;
  display: inline;
  padding: 4px 8px;
  text-align: center;
  border-radius: 1rem;
  line-height: 2.5;
  white-space: nowrap
}

.seibun_attention {
  font-size: 0.8em
}


a.link::before {
  position: relative;
  content: '';
  width: 0;
  height: 0;
  border: solid 6px transparent;
  border-left: solid 8px #846B41;
  top: -5px;
  font-size: 0;
}

/*悩みアイコン（商品マーク）*/
.fs-c-productMark__mark {
  display: block;
  margin-right: 2px;
  margin-bottom: 2px;
  font-size: 0.8em;
  line-height: 1;
  padding: 4px 8px;
}

/*商品ページ　ここまで*/

/*商品ページ　ミニサイズ誘導ボタン*/

.to-button {
  list-style-type: none;
}


.tomini-button {
  background: #bdb76b;
  width: 480px;
  border: 1px solid #bdb76b;
  border-radius: 0px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0.8em 1.6em 0.6em;
  box-shadow: 0 0 2px #b2b2b2;
  min-width: 240px;
}


.toset-button {
  background: #bdb76b;
  width: 480px;
  border: 1px solid #bdb76b;
  border-radius: 0px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0.8em 1.6em 0.6em;
  box-shadow: 0 0 2px #b2b2b2;
  min-width: 240px;
}

/*MMUV*/
#mmuv .point01 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv04_2021.jpg) no-repeat;
  position: relative;
  width: 710px;
  height: 368px;
}

#mmuv .point01 p {
  position: absolute;
  top: 126px;
  left: 178px;
}

#mmuv .point02 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv05.jpg) no-repeat;
  position: relative;
  width: 710px;
  height: 351px;
  margin: 0 0 25px 0;
}

#mmuv .point02 .p01 {
  position: absolute;
  top: 220px;
  left: 55px;
}

#mmuv .point02 .p02 {
  position: absolute;
  top: 95px;
  left: 398px;
}

#mmuv .point02 .p02 h3 {
  font-weight: bold;
  margin: 15px 0 5px 0;
}

#mmuv .hiwa01 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv07.jpg) no-repeat;
  position: relative;
  width: 710px;
  height: 288px;
}

#mmuv .hiwa01 h3 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv_title.jpg) repeat-x 0 26px;
  padding: 0 0 20px 0;
  color: #599EB4;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  top: 50px;
  left: 295px;
}

#mmuv .hiwa01 p {
  position: absolute;
  top: 100px;
  left: 295px;
}

#mmuv .hiwa02 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv08.jpg) no-repeat;
  position: relative;
  width: 710px;
  height: 153px;
}

#mmuv .hiwa02 h3 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv_title.jpg) repeat-x 0 26px;
  padding: 0 0 20px 0;
  color: #599EB4;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  top: 20px;
  left: 67px;
}

#mmuv .hiwa02 p {
  position: absolute;
  top: 70px;
  left: 67px;
}

#mmuv .hiwa03 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv09.jpg) no-repeat;
  position: relative;
  width: 710px;
  height: 332px;
}

#mmuv .hiwa03 h3 {
  background: url(https://dsrcorporation.itembox.design/item/mmuv_title.jpg) repeat-x 0 26px;
  padding: 0 0 20px 0;
  color: #599EB4;
  font-weight: bold;
  font-size: 13px;
  position: absolute;
  top: 20px;
  left: 67px;
}

#mmuv .hiwa03 p {
  position: absolute;
  top: 70px;
  left: 67px;
}

#mmuv .hiwa03 .hiwa {
  position: absolute;
  top: 220px;
  left: 67px;
}

/*MMN*/
#mmn span.pink {
  color: #D86A8C;
  font-weight: bold;
}

#mmn .contents01 {
  background: url(https://dsrcorporation.itembox.design/item/mmn/pc-mmn04.jpg) no-repeat;
  position: relative;
  width: 835px;
  height: 310px;
  margin: 25px 0 35px 0;
}

#mmn .contents01 p.p01 {
  position: absolute;
  top: 116px;
  left: 270px;
}

#mmn .contents01 p.p02 {
  position: absolute;
  top: 200px;
  left: 270px;
}

#mmn .contents02 {
  background: url(https://dsrcorporation.itembox.design/item/mmn/pc-mmn05.jpg) no-repeat;
  position: relative;
  width: 835x;
  height: 171px;
  margin: 0 0 35px 0;
}

#mmn .contents02 p {
  position: absolute;
  top: 21px;
  left: 50px;
}

#mmn .point01 {
  background: url(https://dsrcorporation.itembox.design/item/mmn/pc-mmn07.jpg) no-repeat;
  position: relative;
  width: 1000px;
  height: 728px;
}

#mmn .point01 p.p01 {
  position: absolute;
  top: 170px;
  left: 320px;
  width: 520px;
}

#mmn .point01 p.p02 {
  position: absolute;
  top: 320px;
  left: 320px;
  width: 520px;
}

#mmn .point01 p.p03 {
  position: absolute;
  top: 468px;
  left: 320px;
  width: 620px;
}

#mmn .point01 p.p04 {
  position: absolute;
  top: 555px;
  left: 250px;
  width: 530px;
  font-size: 11px;
}

#mmn .point01 p.p05 {
  position: absolute;
  top: 625px;
  left: 370px;
}

#mmn .point02 {
  background: url(https://dsrcorporation.itembox.design/item/mmn/pc-mmn08.jpg) no-repeat;
  position: relative;
  width: 1000px;
  height: 460px;
}

#mmn .point02 p {
  position: absolute;
  top: 70px;
  left: 92px;
  width: 800px;
}

#mmn .point03 {
  background: url(https://dsrcorporation.itembox.design/item/mmn/pc-mmn09.jpg) no-repeat;
  position: relative;
  width: 1000px;
  height: 269px;
  padding: 0 0 20px 0;
}

#mmn .point03 p {
  position: absolute;
  top: 85px;
  left: 92px;
  width: 430px;
}

/*ECS*/

#ecs {
  text-align: center;
}

#ecs .point00 {
  width: 1000px;
  height: 100px;
  background: #6A3256;
  margin: 5px auto 5px auto;
  padding: 1px;
  text-align: left;
}

#ecs .point00 p.p02 {
  color: #FFFFFF;
  font-size: 1.2em;
}

#ecs .point00 p.p03 {
  color: #FFFFFF;
  font-size: 2.0em;
}

#ecs .point01 {
  background: url(https://dsrcorporation.itembox.design/item/eyecream_top03_pc.jpg) no-repeat;
  position: relative;
  width: 800px;
  height: 216px;
  margin: 15px auto 15px auto;
  text-align: left;
  background-position: 50% 50%;
}

#ecs .point01 p.p01 {
  position: absolute;
  top: 8px;
  left: 190px;
}




#MBGSD .sec01,
.sec02,
.kaihatsu,
.feature,
.review {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  justify-content: center;
  /* 横方向は中央に */
  text-align: center;
  margin: 20px;
  padding: 30px;
}


#MBGSD .h2-2 {
  grid-column: 2/4;
  grid-row: 1;
  margin-top: 2em;
  font-size: 2.3em;
}

#MBGSD .comment01 {
  grid-column: 1/2;
  position: relative;
}

#MBGSD .comment01 p {
  margin: 2em 0 2em 40px;
  padding: 15px;
  background: #fff0c6;
  border-radius: 30px;
  height: 72px;
}

#MBGSD .comment01 p:before {
  content: "";
  position: absolute;
  right: -38px;
  width: 13px;
  height: 12px;
  background: #fff0c6;
  border-radius: 50%;
}

#MBGSD .comment01 p:after {
  content: "";
  position: absolute;
  right: -24px;
  width: 20px;
  height: 18px;
  background: #fff0c6;
  border-radius: 50%;
}

#MBGSD .comment02 p {
  margin: 0;
  padding: 0;
}


#MBGSD .comment02 {
  grid-column: 4/5;
  position: relative;
}

#MBGSD .comment02 p {
  margin: 2em 0 2em 40px;
  padding: 15px;
  background: #fff0c6;
  border-radius: 30px;
}

#MBGSD .comment02 p:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 13px;
  height: 12px;
  background: #fff0c6;
  border-radius: 50%;
}

#MBGSD .comment02 p:after {
  content: "";
  position: absolute;
  left: 17px;
  width: 20px;
  height: 18px;
  background: #fff0c6;
  border-radius: 50%;
}



#MBGSD .kaihatsu {
  background: #EDDCDE;
  position: relative;
}

#MBGSD .sec01 h2 {
  grid-column: 1/5;
  grid-row: 1;
  margin: 0;
}

#MBGSD .kaihatsu h2,
.feature h2,
.review h2 {
  grid-column: 1/5;
  grid-row: 1;
  font-size: 2.3em;
}

#MBGSD .kaihatsu div:nth-child(2) {
  grid-column: 4/5;
  grid-row: 2/3;
}

#MBGSD .kaihatsu img:nth-child(3) {
  grid-column: 1/5;
  grid-row: 2/4;
  z-index: 5;
}

#MBGSD .kaihatsu img:nth-child(4) {
  grid-column: 1/3;
  grid-row: 3/4;
  position: absolute;
  bottom: 0px;
}



#MBGSD .feature {
  text-align: center;
  position: relative;
}


#MBGSD .feature:after {
  content: "";
  background-image: url(https://dsrcorporation.itembox.design/item/mbgsd-feat-bg.jpg);
  background-position: bottom;
  background-size: cover;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}




#MBGSD .feature div {
  border: solid 1px #D4B2BA;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 20px;
}


/*#MBGSD .feature h3 {
background: #D4B2BA;
color: #FFFFFF;
padding: 10px ;
margin : 10px auto;
width: 200px;
}*/

#MBGSD .feature h3 {
  background: #ffccd5;
  padding: 10px;
  margin: 0px auto;
}


#MBGSD .feat-l {
  grid-column: 1/3;
  grid-row: auto;
  text-align: center;
}

#MBGSD .feat-r {
  grid-column: 3/5;
  grid-row: auto;
  text-align: center;
}


#MBGSD .review {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  justify-content: center;
  /* 横方向は中央に */
  text-align: center;
  margin: 20px;
}

#MBGSD .review div {
  padding: 20px;
}


#MBGSD .review-rp {
  position: relative;
  padding: 10px;
  background-color: #FAF5ED;
  display: inline-block;
  line-height: 1.7;
}

#MBGSD .review-rp::before {
  content: '';
  position: absolute;
  left: 48%;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #FAF5ED;
  border-left: 15px solid transparent;
}



#MBGSD .review-lp {
  position: relative;
  padding: 10px;
  background-color: #FAF5ED;
  display: inline-block;
  line-height: 1.7;
}


#MBGSD .review-lp::before {
  content: '';
  position: absolute;
  left: 48%;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #FAF5ED;
  border-left: 15px solid transparent;
}

#MBGSD .review-color {
  /*background: linear-gradient(transparent 50%, #D3B1BA 50%);*/
  background: linear-gradient(transparent 80%, #ffe6ea 80%);
  font-size: 100% !important;
  font-weight: bold;
}

/*モイスチャークレンジングジェルJ商品ページ*/
#MCGJ {
  text-align: center;
  font-size: 15px;
}

#MCGJ .line50-j {
  background: linear-gradient(transparent 50%, #91D3F2 50%);
}

#MCGJ .size2 {
  font-size: 2em;
}

#MCGJ .size1-5 {
  font-size: 1.5em;
}

#MCGJ .comment01 {
  width: 700px;
  display: inline-block;
  margin: 40px auto;
}

#MCGJ .comment01 img {
  height: 200px;
}

#MCGJ .arrow_box {
  position: relative;
  width: 500px;
  height: 120px;
  background: #F7F7F7;
  padding: 20px;
  text-align: center;
  border: 2px solid #158299;
  color: #666666;
  font-size: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 0px 1px 1px #ADADAD;
}

#MCGJ .arrow_box:after,
.arrow_box:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 50%;
}

#MCGJ .arrow_box:after {
  border-color: rgba(247, 247, 247, 0);
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 22px;
  border-right-width: 22px;
  margin-top: -20px;
  border-right-color: #F7F7F7;
}

#MCGJ .arrow_box:before {
  border-color: rgba(106, 255, 61, 0);
  border-top-width: 22px;
  border-bottom-width: 22px;
  border-left-width: 24px;
  border-right-width: 24px;
  margin-top: -22px;
  margin-right: 2px;
  border-right-color: #158299;
}


#MCGJ .arrow_box-r {
  position: relative;
  width: 550px;
  height: 120px;
  background: #F7F7F7;
  padding: 20px;
  text-align: center;
  border: 2px solid #158299;
  color: #666666;
  font-size: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 0px 1px 1px #ADADAD;
}

#MCGJ .arrow_box-r:after,
.arrow_box-r:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  left: 100%;
  top: 50%;
}

#MCGJ .arrow_box-r:after {
  border-color: rgba(247, 247, 247, 0);
  border-top-width: 20px;
  border-bottom-width: 20px;
  border-left-width: 22px;
  border-right-width: 22px;
  margin-top: -20px;
  border-left-color: #F7F7F7;
}

#MCGJ .arrow_box-r:before {
  border-color: rgba(106, 255, 61, 0);
  border-top-width: 22px;
  border-bottom-width: 22px;
  border-left-width: 24px;
  border-right-width: 24px;
  margin-top: -22px;
  margin-right: 2px;
  border-left-color: #158299;
}



#MCGJ .comment02 {
  padding: 30px;
}


#MCGJ .flex {
  display: flex;
  justify-content: space-around;
}


#MCGJ .j-feat {
  position: relative;
  padding: 0.3em 0.5em;
  background: -webkit-linear-gradient(to top, rgb(201, 239, 250), #94D6F2);
  background: linear-gradient(to top, rgb(201, 239, 250), #94D6F2);
  color: #158299;
  margin-bottom: 0px;
  font-size: 2.2em;
}


#MCGJ .j-feat-body {
  background-image: url("https://dsrcorporation.itembox.design/item/J-feat-body.jpg");
  padding: 20px;
}


#MCGJ .loose-leaf {
  background: #ffffff;
  padding: 20px;
  margin: 40px;
}

#MCGJ .loose-leaf p {
  margin: 20px auto;
  padding: 0;
  text-align: left;
}


#MCGJ .j-feat-body h3 {
  color: #FFCC66;
  font-size: 2em;
}


#MCGJ .howtouse {
  display: grid;
  grid-temlate-columns: 2fr 1fr 2fr;
  grid-temlate-rows: auto;
}

#MCGJ .howtouse h2 {
  grid-column: 1/4;
  grid-row: 1;
}

#MCGJ .howtouse div:nth-child(2) {
  grid-column: 1/4;
  grid-row: 2;
}

#MCGJ .howtouse img:nth-child(3) {
  grid-column: 2/3;
  grid-row: 3;
}

#MCGJ .howtouse div:nth-child(4) {
  grid-column: 1/2;
  grid-row: 3;
}


#MCGJ .howtouse div:nth-child(5) {
  grid-column: 3/4;
  grid-row: 3;
}


#MCGJ .howtouse-box {
  margin: 2em auto;
  padding: 1em;
  border: 5px double #158299;
  /*太さ・線種・色*/
  color: #333;
  /* 文字色 */
  background-color: #fff;
  /* 背景色 */
}

#MCGJ .howtouse-box p {
  text-align: left;
}


#MCGJ .howtouse div:nth-child(6) {
  grid-column: 3/4;
  grid-row: 4p;
}

#MCGJ .hiwa {
  width: 900px;
  margin: 0 auto;
}

#MCGJ .color-j {
  color: #FFCC66;
}


.gallery {
  grid-template-columns: 1fr 1fr 1fr;
  gird-columns-gap: 20px;
}

.gallery div {
  padding: 20px;
}


/*商品グループ悩み　ここから*/


.nayami {
  margin: 15px;
  text-align: left;
}

.nayami dt {
  font-weight: bold;
  padding: 5px 0;
}

.nayami dt:hover {
  cursor: pointer;
}

.nayami dd {
  padding: 0 0 0 10px;
  margin: 10px 0 20px 0;
  position: relative;
}

.nayami .hover {
  color: #333;
}

.nayami h3.h3_bar {
  margin: 10px;
}

/*商品グループ悩み　ここまで*/




/*商品ページレイアウト（上横２下１）　ここから*/
.fs-l-product4 .fs-l-productLayout>*>* {
  margin-bottom: 8px;
}

@media screen and (min-width: 960px) {
  .fs-l-product4 .fs-l-productLayout {
    display: -ms-grid;
    display: grid;
    grid-template-columns: calc(40% - 16px / 2) calc(60% - 16px / 2);
    grid-gap: 16px;
    align-items: start;
  }

  .fs-l-product4 .fs-l-productLayout__item--00 {
    -ms-grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    text-align: center;
  }



  .fs-l-product4 .fs-l-productLayout__item--3 {
    -ms-grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
  }

  .fs-l-product4 .fs-c-button--primary,
  .fs-l-product4 .fs-c-button--secondary {
    min-width: 100%;
  }
}

/*商品ページレイアウト（上横２下１）　ここまで*/



/*お届けについてフリーパーツ用　ここから*/
.deliverytime {
  padding: 15px 10px 13px;
  
  background: #ffffff;
}

.deliverytime table {
  border-collapse: collapse;
  border-spacing: 0;
}

.deliverytimetable {
  width: 100%;
  font-size: 16px;
  font-size: 1.2em;
}


.deliverytimetable th {
  background-color: #7C8790;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border: 2px solid #7C8790;
}

.deliverytimetable td {
  background-color: #fff;
  text-align: center;
  padding: 5px 0;
  border: 2px solid #7C8790;
}

/*お届けについてフリーパーツ用　ここまで*/

/*FAQ*/

h3.midashi {
  background: #E1D2D9;
  font-size: 12px;
  margin: 20px 0 20px;
  padding: 5px 10px;
}

.faqs {
  margin: 15px;
}

.faqs dt {
  font-weight: bold;
  padding: 3px 0 5px 20px;
  position: relative;
  font-size: 13px;
  background: url("https://secure1.future-shop.jp/~dsrcorporation/images/common/icon02.jpg") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
  border-bottom: 1px dotted #EAD6B5;
}

.faqs dt:hover {
  cursor: pointer;
}

.faqs dd {
  padding: 0 0 0 10px;
  margin: 10px 0 20px 0;
  position: relative;
  font-size: 12px;
}

.faqs .hover {
  color: #333;
}

.cate li {
  float: left;
  margin: 0 13px 40px 0;
}

.cate li.last {
  float: left;
  margin: 0;
}


/*LINE友だち　フリーページ　ここから*/

#line-ac {
  text-align: center;
}

.line-cam {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
}



.h2-line {
  grid-column: 1/4;
  grid-row: 1;
  position: relative;
  color: #F6AB00;
  font-size: 3em;
  padding: 10px 0;
  text-align: center;
}

.line-cam div {
  border: double 10px #FDF3E8;
  padding: 10px;
}

.line-cam div:last-child {
  grid-column: 1/4;
  grid-row: 3;
}

.cam-term {
  background-color: #E4D8C7;
  padding: 5px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 auto;
  width: 300px;
}

.line-cam h3 {
  margin: 10px auto;
  font-size: 2em;
  color: #F6AB00;
  text-align: center
}

.line-info {
  width: 500px;
  margin: 0 auto;
}


.line-info h3 {
  font-size: 2em;
  background: linear-gradient(transparent 50%, #FDF3E8 50%);
}

.line-info ol {
  text-align: left;
}

.line-info li {
  border-top: dotted 2px #cecccd;
}

.line-info li:last child {
  border-bottom: dotted 2px #cecccd;
}

.line-cam2 img {
  border: solid 1px #999;
}

.line-fr ol {
  display: inline;
}

.line-cam2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
}

h3.line-fr {
  font-size: 2em;
  background: #FDF3E8;
  padding: 10px;
}


/*LINE　フリーページ　ここまで*/

/*クーポン　フリーペー　ここから*/
.coupon-exp>img {
  border: 1px solid #cccccc;
  padding: 0.5rem;
}

/*FAQ　フリーページ　ここまで*/

h3.midashi {
  background: #E1D2D9;
  font-size: 1.1em;
  margin: 20px 0 20px;
  padding: 5px 10px;
}

.faqs {
  margin: 15px;
}

.faqs dt {
  font-weight: bold;
  padding: 3px 0 5px 20px;
  position: relative;
  font-size: 1.2em;
  background: url("https://secure1.future-shop.jp/~dsrcorporation/images/common/icon02.jpg") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
  border-bottom: 1px dotted #EAD6B5;
}

.faqs dt:hover {
  cursor: pointer;
}

.faqs dd {
  padding: 0 0 0 10px;
  margin: 10px 0 20px 0;
  position: relative;
  font-size: 1em;
}

.faqs .hover {
  color: #333;
}

.cate li {
  float: left;
  margin: 0 13px 40px 0;
}

.cate li.last {
  float: left;
  margin: 0;
}

/*FAQ　フリーページ　ここまで*/

/*コンセプト　フリーページ　ここから*/
.concept_img {
  max-width: 400px;
}


.concept p {
  margin: 1em;
}

.prof {
  background: #F6F6F6;
  padding: 20px 20px;
}



.h4_sikaku {
  background: url(https://dsrcorporation.itembox.design/item/icon01.jpg) no-repeat 0px 3px;
  padding: 0 2px 2px 12px;
  font-size: 13px;
  font-weight: bold;
  border-bottom: #EAD6B5 dotted 2px;
  display: inline;
  margin: 0 10px;
}

p.sikaku_p {
  margin: 10px 15px 30px 15px;
  padding: 0;
}

.pointmark {
  background: #FFEDE8;
  font-weight: bold;
}

.pointline {
  border-bottom: #EAD6B5 solid 1px;
}


h3.h3_plate {
  background: #D5AC68;
  display: inline;
  font-size: 12px;
  color: #FFF;
  font-weight: normal;
  margin: 0;
  padding: 3px 5px;
  line-height: 3em;
}

.prof p {
  margin: 0;
  padding: 10px 0 10px 0;
}

.prof img {
  padding: 0 30px 0 10px;
}


/*コンセプト　フリーページ　ここまで*/





/*ご利用ガイドここから*/
.guidemenu {
  flex-basis: 180px;
  display: flex;
  flex-wrap: wrap;
  height: 100 px;
  margin: 8px;
}

.guidemenu_link {
  box-shadow: 0 0 2px #b2b2b2;
  background: #EAD6B5;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  color: #000000;
  display: flex;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  width: 100%;
  padding: 3px;
}

.guidemenu_lists {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

.fs-c-documentArticle__heading {
  background: #EAD6B5;
  font-size: 1.25em;
  margin: 20px 0 20px;
  padding: 10px 10px;
  color: #666666;
}

/*ご利用ガイドここまで*/



/*amazon payここから*/
#amazon .fs-c-orderedList>li::before {
  counter-increment: number;
  content: counter(number) ".";
  display: inline-block;
  color: #d5ac68;
  text-align: right;
  width: 1.2em;
  padding-right: 1em;
  box-sizing: content-box;
}



#amazon .fs-c-orderedList li {
  padding: 10px;
}

/*amazon payここまで*/


/*商品を探すカテゴリーここから*/

.searchImgStep3 {
  display: inline;
  position: relative;
  float: right;
  right: 350px;
}

.searchbanner {
  margin: 20px 20px;
  display: block;
}

ul.search {
  margin: 20px 2px;
}

ul.search li {
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 10px;
  float: left;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 48%;
  font-size: 85%;
  display: block;
}


ul.searchcategory_list {
  margin: 0 20px;
}

ul.searchcategory_list li a {
  text-decoration: none;
}

ul.searchcategory_list li {
  background: url(https://dsrcorporation.itembox.design/item/searchlist.jpg) no-repeat;
  background-position: right center;
  padding: 10px 0 10px 70px;
  border-bottom: #EEE solid 1px;
  list-style: none;
  display: block;
}



ul.searchcategory_list li.first {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory01.jpg) no-repeat 10px 15px;
  background-size: 55px 55px;
  background-position: left center;
}

ul.searchcategory_list li.second {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory02.jpg) no-repeat 10px 15px;
  background-size: 55px 55px;
  background-position: left center;
}

ul.searchcategory_list li.third {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory03.jpg) no-repeat 10px 15px;
  background-size: 55px 55px;
  background-position: left center;
}

ul.searchcategory_list li.forth {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory04.jpg) no-repeat 10px 15px;
  background-size: 55px 55px;
  background-position: left center;
}

ul.searchcategory_list li.fifth {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory05.jpg) no-repeat 10px 15px;
  background-size: 55px 55px;
  background-position: left center;
}


ul.searchcategory_list li.last {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory06.jpg) no-repeat 10px 15px;
  background-size: 55px 55px;
  background-position: left center;
}


ul.searchseries_list {
  margin: 0 20px;
}

ul.searchseries_list li a {
  text-decoration: none;
}

ul.searchseries_list li {
  background: url(https://dsrcorporation.itembox.design/item/category02.jpg) no-repeat;
  background-position: right center;
  padding: 10px 20px 10px 10px;
  border-bottom: #EEE solid 1px;
  list-style: none;
  display: block;
}

.pagewaku p {
  padding: 0;
  font-size: 14px;
}

.pagewaku {
  display: block;
}

.searchbunner {
  display: block;
}

.searchbunner li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #efefef;
  border: #d1c8c3 1px solid;
  list-style-type: none;
  background-image: none;
  padding-left: 0;
}

.searchbunner li::before {
  content: '';
  position: relative;
  top: 12px;
  bottom: 100px;
  left: 130px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #d1c8c3;
  list-style-type: none;
  background-image: none;
  padding-left: 0;
}

#acd-menu li dl dt {
  background-color: #fff;
  padding: 10px 30px 10px 70px;
  border-bottom: #EEE solid 1px;
  line-height: 1.3em;
}

.searchCategory li dl dt {
  background-size: 55px 55px !important;
  background-position: 8px center !important;
  color: #666666;
  border-bottom: #EEE solid 1px;
  display: block;
  list-style: none;
}

ul.searchCategory {
  list-style: none;
}

.searchCategory li dl dt.first {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory01.jpg) no-repeat;
}

.searchCategory li dl dt.second {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory02.jpg) no-repeat;
}

.searchCategory li dl dt.third {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory03.jpg) no-repeat;
}

.searchCategory li dl dt.forth {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory04.jpg) no-repeat;
}

.searchCategory li dl dt.fifth {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory05.jpg) no-repeat;
}

.searchCategory li dl dt.last {
  background: url(https://dsrcorporation.itembox.design/item/searchcategory06.jpg) no-repeat;
}

.searchSeries li dl dt {
  color: #666666;
  padding-left: 20px !important;
  border-bottom: #EEE solid 1px;
  display: block;
  list-style: none;
}

ul.searchSeries {
  list-style: none;
}

/*商品を探すカテゴリーここまで*/




/*　花粉特集ページ　ここから　*/


.feat-spring01 {
  text-align: center;
}

.feat-spring01-p p {
  display: inline;
}

.feat-spring02 {
  width: 900px;
  height: 670px;
  background-color: #BFEBFF;
  margin: auto;
  padding: 10px;
  text-align: center;
}

.feat-spring02 h2,
.feat-spring03 h2 {
  font-size: 2.4em;
}


.feat-spring03 {
  margin: 50px auto;
  text-align: center;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}

.feat-spring03 h2 {
  grid-column: 1/3;
  grid-row: 1;
}

.feat-spring03 div {
  width: 300px;
  /*幅*/
  height: 300px;
  /*高さ*/
  border-radius: 50%;
  /*角丸*/
  background-color: #D78EA0;
  margin: auto;
  padding: 50px 10px;
  color: #FFFFFF;
}

.feat-spring03 div h3 {
  font-size: 1.8em;
  margin: 25px auto;
  color: #FFFFFF;
}

.feat-spring04 {
  margin: 20px auto;
}

.feat-spring04 ul {
  list-style-type: none;
}

.feat-spring04 li {
  display: inline-block;
  margin: auto 20px;
  width: 25%;
  /*height: 100px;*/
  text-align: center;
  vertical-align: middle;
}

.feat-spring04 li::after {
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  border: 3px solid;
  border-color: transparent transparent #565650 #565656;
  transform: rotate(-45deg);
  position: relative;
  left: 122px;
  top: -21px;
}

span.line50 {
  background: linear-gradient(transparent 50%, #BFEBFF 50%);
  font-size: 2em;
}


.feat-section {
  margin-top: 30px;
}

#feat-spring .feat-section h2 {
  font-size: 2.4em;
}



#feat-spring .feat-section h2::after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}



.spring-wash-point {
  background-color: #BFEBFF;
  width: 460 px;
  height: 200 px;
  padding: 20px 0;
}

.spring-wash-point p {
  display: inline;
  position: relative;
  left: 20px;
  font-family: 'Permanent Marker', cursive;
  font-size: 2.5em;
  float: left;
  margin-right: 40px;
}

.spring-wash-point ul {
  display: inline;
  position: relative;
  float: left;
  margin-top: 20px;
}


.feat-item-left {
  display: grid;
  grid-template-columns: 400px auto;
  grid-template-rows: auto;
  grid-column-gap: 20px;
  border-bottom: solid 1px #666666;
}

.feat-item-left img {
  grid-column: 1;
  grid-row: 1;
  padding: 10px;
}

.feat-item-left .item-exp {
  grid-column: 2;
  grid-row: 1;
  padding: 10px;
}

.feat-item-right,
.feat-item-main {
  display: grid;
  grid-template-columns: auto 400px;
  grid-template-rows: auto;
  grid-column-gap: 20px;
  border-bottom: solid 1px #666666;
}


.feat-item-right img,
.feat-item-main img {
  grid-column: 2;
  grid-row: 1;
  padding: 10px;
}

.feat-item-right .item-exp,
.feat-item-main .item-exp {
  grid-column: 1;
  grid-row: 1;
  padding: 10px;
}


.feat-item-right.last,
.feat-item-left.last {
  border-bottom: none;
}

.feat-item {
  font-size: 1.8em;
  font-family: 'Quicksand', sans-serif;
  margin: 10 auto;
}

a.feat-link {
  line-height: 3;
}

a.feat-link::before {
  content: "＞";
}

.feat-item-center {
  display: grid;
  grid-templete-columns: auto 200px;
  grid-templete-rows: 240px;
  grid-column-gap: 20px;
  background-color: #FEE6C0;
  width: 700px;
  background-position: 50% 50%;
}


.feat-item-center img {
  grid-column: 2;
  grid-row: 1;
  margin: 20px;
}

.feat-item-center div {
  grid-column: 1;
  grid-row: 1;
  margin: 20px;
}

.feat-bg {
  background-color: #FFEA93;
}

.fs-c-button--plain {
  background:#f7f7f7;
  padding: 10px 15px;
  border: solid 1px #3c3c3c;
  border-radius: 5px;

}

.fs-c-button--plain:hover {
  text-decoration: none;
  opacity: 0.8;
  
}


/*フッタエリア↓*/
/*著作権表示*/
div.fs-p-footerCopyright-DSR {
  color: #999999;
  background-color: #f7eedf;
  text-align: center;
  padding: 4px;
}

/* お問い合わせ */
.contact iframe {
  width: 100%;
  height: 740px !important;
}


.fs-c-couponName__name {
  color: #C98696;
  font-size: 1.8rem;
}

/*　トップページのセラミドボックス　*/
#ceramide_waku {
  width: auto;
}

#ceramidebox {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
  height: 500px;
}

.ceramidebox01 {
  width: 496px;
  height: 500px;
  background-image: url("{% items[/top_ceramide_image01.jpg] %}");
  float: left;
}

.ceramidebox02 {
  width: 497px;
  height: 247px;
  float: right;
  background-image: url("{% items[/top_ceramide_image03.jpg] %}");
}

.ceramidebox03 {
  width: 497px;
  height: 247px;
  float: right;
  margin-top: 6px;
  background-image: url("{% items[/top_ceramide_image02.jpg] %}");
}

h3.ceramidebox_title {
  margin-left: 15px;
  font-weight: bold;
}

h4.ceramidebox_sub {
  margin-left: 15px;
  font-weight: bold;
}

p.ceramidebox_txt {
  margin-left: 18px;
  margin-right: 10px;
}

a {
  text-decoration: none;
}

/*  紫外線対策LP  */
#uvcare {
  width: 100%;
  max-width: 1000px;
}

.uvcare01 {
  width: 100%;
  max-width: 1000px;
  position: relative;
  height: 500px;
}

.uvcare01 p {
  position: absolute;
  width: 450px;
  left: 200px;
  top: 160px;
}

.mmuv_info {
  width: auto;
  height: 300px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: medium;
  border-color: burlywood;
}

.mmuv_info img {
  float: left;
}

.mmuv_info a {
  text-decoration: none;
  color: burlywood;
}

.uv_items {
  background-color: antiquewhite;
  width: auto;
  height: auto;
  overflow: hidden;
}

.uv_items h3 {
  padding-left: 20px;
}

.uv_items ul {
  background-color: antiquewhite;
  margin: 0;
  padding: 0;
}

.uv_items ul li {
  background-color: antiquewhite;
  position: relative;
  list-style: none;
  width: 500px;
  height: 300px;
  float: left;
  margin: 0;
}

.uv_items ul li img {
  width: auto;
}

.uv_items ul li p {
  position: absolute;
  left: 200px;
  top: 0px;
  width: 250px;
}

.uv_items ul li a {
  position: absolute;
  left: 45px;
  top: 200px;
  width: 100px;
  text-align: center;
  background-color: #D24E81;
  text-decoration: none;
  color: white;
  padding: 2px;
}

.uv_items ul li form {
  position: absolute;
  left: 230px;
  top: 200px;
  width: 250px;
}

.uv_clear {
  clear: both;
}

/*  紫外線対策LPここまで  */

/* カテゴリーページ */
.series_cat {
  width: 100%;
}

.series_cat img {
  width: auto;
  max-width: 100%;
}

.fs-c-productList {
  max-width: 1216px;
  padding: 0 8px;
  margin: 0 auto
}

.nmf {
  margin: 10px;
  clear: both
}

.img_table {
  float: right
}

.img_table2 {
  float: left
}

/* カテゴリーページここまで */


.bnr_area {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 20px auto 40px;
}

.bnr_area li {
  list-style: none;
  margin-bottom: 20px;
}

.bnr_area li a:hover {
  opacity: 0.8;
}

.clm2>li {
  width: 48%;
  margin-right: 2%;
}

.clm2>li:nth-child(2n) {
  margin-right: 0;
}

.clm3>li {
  width: 32%;
  margin-right: 2%;
}

.clm3>li:nth-child(3n) {
  margin-right: 0;
}

/*会員ステージ価格を非表示*/
.fs-c-productPrice--member {
  display: none;
}

/*トップページのキャンペーン情報表示*/
.top_campaign_info_img {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 30px;
  text-align: center;

}

.top_campaign_info_fig {
  margin-left: auto;
  width: 48%;
  float: left;
  margin-top: 0px;


}

.top_campaign_info_fig img {
  width: 100%;
}

.top_campaign_info_fig_img {
  width: 48%;
}

/* BWBJ商品ページ　*/
.BWBJ_contents {
  width: 100%;
}

div.BWBJ_image {
  margin-top: 0px;
  margin-left: 20px;
  width: 100%;
  height: 650px;
  background-image: url(https://dsrcorporation.itembox.design/item/BWBJ_pageimage01.jpg);
  background-repeat: no-repeat;
  padding-top: 250px;
  padding-left: 250px;
}

.BWBJ_image_comment {
  font-size: 1.2em;
  line-height: 60px;
  margin-left: auto;
  width: auto;

}

.BWBJ_point {
  margin-left: 0;
  margin-top: 20px;
  padding-left: 0;
  clear: both;
}


.BWBJ_pointlist_ul {
  overflow: hidden;
  list-style: none;
  padding-left: 0;
}

.BWBJ_pointlist_ul li {
  float: left;
}

.BWBJ_pointlist_ul figcaption {
  padding-left: 40px;
}

.BWBJ_figure {
  width: 490px;
}

.BWBJ_figure figcaption {
  width: 80%;
}

/*　BWBJ商品ページここまで　*/

/*　月のおすすめアイテムページ用　*/

#recommend_page {
  width: 100%;
  max-width: 1000px;
  font-size: 14px;
  margin: auto;
}

.monthly_recommend_image {
  width: 100%;
  display: block !important;
}

.monthly_recommend_image_SP {
  width: 100%;
  display: none !important;
}


.recommend_item {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-template-rows: 100px 100px 1fr 1fr 100px;
  border: solid;
  border-width: 1px;
  border-color: #5C83CB;
  margin-top: 20px;
}

.recommend_item_itemname {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
  padding-left: 10px;
}

.recommend_item_itemname h2 {
  color: #5C83CB;
  font-size: 2.2em;
  padding-left: 20px;
}

.recommend_item_fig {
  grid-column: 1 / 2;
  grid-row: 2 / 6;
}

.recommend_item_copy {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.recommend_item_copy h4 {
  font-size: 1.2em;
}

.recommend_item_copy h3 {
  font-size: 1.6em;
}

.recommend_item_exp {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}

.recommend_item_point {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
  padding-right: 30px;
}

.recommend_item_point li {
  list-style: disc;
}

.recommend_tocart {
  grid-column: 2 / 3;
  grid-row: 5 /6;
}

@media only screen and (max-width: 750px) {
  .monthly_recommend_image {
    display: none !important;
  }

  .monthly_recommend_image_SP {
    display: block !important;
    width: 100%;
  }

  .recommend_item {
    grid-template-columns: none;
    grid-template-rows: none;
  }

  .recommend_item>*,
  .recommend_item::after {
    grid-column: auto;
    grid-row: auto;
    padding-left: 5px;
    padding-right: 5px;
  }

  .recommend_item_itemname h2 {
    font-size: 1.6em;
    padding-left: 5px;
    padding-right: 5px;
  }

  .recommend_item_fig {
    text-align: center;
  }

  .recommend_item_copy h3 {
    font-size: 1.4em;
  }

  .recommend_tocart {
    text-align: center;
  }
}

/*　202109 ツイッターキャンペーンページ　*/
a.btn_ao_c {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 1.3rem 2rem;
  background: #ffffff;
  border: 2px solid #014897;
  text-decoration: none;
  transition: 0.3s;
}

a.btn_ao_c:hover {
  background: #fffbee;
}

a.btn_ao_c .c__icon {
  padding-right: 10px;
}

a.btn_ao_c .c__icon img {
  width: 36px;
  vertical-align: middle;
}

a.btn_ao_c .c__text {
  display: block;
  flex-grow: 1;
  color: #014897;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 15px;
  font-size: 23px;
}

a.btn_ao_c .c__text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  border-top: 3px solid #014897;
  border-right: 3px solid #014897;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: 0.3s;
}

a.btn_ao_c .c__text .c__in {
  display: flex;
  align-items: center;
  justify-content: center;
}

a.btn_ao_c br {
  display: none;
}

@media (max-width: 736px) {
  a.btn_ao_c .c__icon img {
    width: 42px;
  }

  a.btn_ao_c .c__text {
    font-size: 14px;
    padding-right: 20px;
  }

  a.btn_ao_c .c__text::after {
    width: 10px;
    height: 10px;
  }

  a.btn_ao_c br {
    display: block;
  }
}

.twitter_box1 {
  background: #eee;
  border: 1px solid #999;
  padding: 10px;
  margin: 20px auto;
  display: inline-block;
  text-align: left;
  font-size: 0.9em;
}

#twitter_contents {
  align-items: center;
  text-align: center;
}

/*　202109 ツイッターキャンペーンページ　ここまで*/


/*　202109 秋のプチセールページ　*/

a.btn_ao_b {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 1.3rem 2rem;
  background: #ffffff;
  border: 2px solid #ed152f;
  text-decoration: none;
  transition: 0.3s;
}

a.btn_ao_b:hover {
  background: #fffbee;
}

a.btn_ao_b .b__icon {
  padding-right: 10px;
}

a.btn_ao_b .b__icon img {
  width: 36px;
  vertical-align: middle;
}

a.btn_ao_b .b__text {
  display: block;
  flex-grow: 1;
  color: #ed152f;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 15px;
  font-size: 23px;
}

a.btn_ao_b .b__text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  border-top: 3px solid #ed152f;
  border-right: 3px solid #ed152f;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: 0.3s;
}

a.btn_ao_b .b__text .b__in {
  display: flex;
  align-items: center;
  justify-content: center;
}

a.btn_ao_b br {
  display: none;
}

@media (max-width: 736px) {
  a.btn_ao_b .b__icon img {
    width: 42px;
  }

  a.btn_ao_b .b__text {
    font-size: 14px;
    padding-right: 20px;
  }

  a.btn_ao_b .b__text::after {
    width: 10px;
    height: 10px;
  }

  a.btn_ao_b br {
    display: block;
  }
}



#twitter_contents2 {
  line-height: 2;
  text-align: center;

}


.petit_sale {
  font-size: 1.7em;
  margin-top: 30px;
  background: linear-gradient(#fff 60%, #FADBDA 0%);
}


.twitter_box1 {
  background: #eee;
  border: 1px solid #999;
  padding: 20px;
  display: inline-block;
  text-align: left;
  font-size: 0.9em;
  margin-top: 30px;
}

.twitter_box p {
  margin: 0;
  padding: 0;
}

/*　202109 秋のプチセールページここまで　*/


/* セール対象商品アイコン */
div.saletarget {
  margin: 5px 0 5px 0;
}

div.saletarget p {
  background: #c20000;
  padding: 4px 8px;
  display: inline;
  font-weight: bold;
  color: #ffffff;

}

p.2022saletarget-10 {
  background: #C02020;
  padding: 4px 8px;
  display: inline;
  font-weight: bold;
  color: #ffffff;
}

p.2022saletarget-20 {
  background: #c0206b;
  padding: 4px 8px;
  display: inline;
  font-weight: bold;
  color: #ffffff;
}

div.saletarget_list {
  margin: 5px 0 5px 0;
}

div.saletarget_list p {
  background: #c20000;
  padding: 2px 4px;
  display: inline;
  font-weight: bold;
  color: #ffffff;
  font-size: x-small;

}

/* セール対象商品アイコン */

/*　202110 ボディケアキャンペーン　*/

/*　202110 ボディケアキャンペーン　*/
#bodycare-step {
  line-height: 2;
  text-align: center;
  padding: 10px;
}



.bodycare {
  font-size: 1.0em;
  margin-top: 30px;
  background: #fff8d4;
}

/*　202110 ボディケアキャンペーンここまで　*/
/*　まるいボタン↓　*/

.roundbutton a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  background-color: #12186b;
  border-radius: 50vh;
}

.roundbutton a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.roundbutton a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

/*　まるいボタン赤↓　*/

.roundbutton_red a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  background-color: #c20034;
  border-radius: 50vh;
}

.roundbutton_red a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.roundbutton_red a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

/*　まるいボタン赤↑　*/

/*　左よせ中央↓　*/
.left_bodycare {
  line-height: 20px;
  padding-top: 30px;
  display: inline-block;
  text-align: left;
}

.left_bodycare p {
  margin: 0;
  padding: 0;
}

/*　左よせ中央↑　*/

.grid_bodycare {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.item_bodycare {
  border-radius: 10px;
  background: #ffff;
  padding: 15px;
  text-align: center;
}

/*　秋の毛穴ケアCP↓　*/
.squarebtn-table {
  width: 100% !important;
  /* ボタンの横幅 */
  border-radius: 5px !important;
  /* ボタンの角丸半径 */
  background-color: #ffffff !important;
  /* ボタンの色 */
  border: 3px solid;
  border-color: #778899;
  /* ボタンの枠線の色 */
}

.squarebtn-td {
  padding: 10px !important;
  /* ボタン内側の余白 ＝ tableタグのcellpaddingにも"10"を指定 */
  height: 70px !important;
  /* ボタンの高さ */
}

.squarebtn-td a {
  color: #778899 !important;
  /* ボタン文字色 */
  text-decoration: none !important;
  /* リンクアンダーラインの有無 */
  display: block !important;
  /* ボタンのリンク範囲を拡張 */
}

.squarebtn-font {
  font-size: 24px !important;
  /* ボタン文字サイズ */
  line-height: 1.4 !important;
  /* ボタン文字行間 */
}

/*　秋の毛穴ケアCP↑　*/

.l-2col-wrap {
  display: flex;
  align-items: flex-start;
}

.l-2col-wrap p {
  width: 48.5%;
}

.l-2col-wrap img {
  width: 25%;
  margin-left: 5%
}

/*　ヘアオイル商品ページ↓　*/
#hairoil2021 {

  display: grid;
  grid-template:
    "header"
    "scent1 "
    "repair1 "
    "moist1  "
    "howuse1 "
    / 1fr;


  color: rgb(0, 0, 0);
  font-family: sans-serif;

}

.hairoil2021_h1 {
  color: rgb(226, 192, 0);
  font-family: serif;
  font-size: 35px;
}

.hairoil2021_header {

  color: #364e96;
  font-family: serif;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;

}

.hairoil2021_head {
  grid-area: header;
  background-image: url("https://dsrcorporation.itembox.design/item/hairoil_flower.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 20px;
  background-position-x: center;
  text-align: center;
}

.hairoil2021 {
  color: rgb(226, 192, 0);
  font-family: serif;
  font-size: 25px;
  border-bottom: 1px solid rgb(226, 192, 0);
}

.hairoil_box {
  text-align: left;
  border: 1px solid gray;
  margin: 30px;
  background-color: rgb(253, 246, 255);
  padding: 10px;
}


.oil_scentimg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 30%;
  min-width: 350px;

}

.oil_scentimg2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 55%;
  min-width: 450px;

}

.btn_hairoil2021 {
  display: block;
  color: #ffff;
  background-color: #364e96;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  max-width: 50%;
  min-width: 350px;
  box-shadow: 0px 3px 4px 0px #9E9E9E;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;

}


/*　ヘアオイル商品ページ↑　*/

/*　会員登録クーポン文字色↓　*/
.fs-c-couponMessage__listItem__name {
  color: #3c3c3c;
}

.fs-c-couponMessage__label {
  color: #3c3c3c;
  font-size: 20px;
}

/*　会員登録クーポン文字色↑　*/

/*超敏感肌のページ↓*/

#hypersensitive {

  display: grid;
  grid-template:
    "left1    left1"
    "right1   right1"
    "left2    right2"
    "left3    left3"
    "left4    left4"
    /1fr 1fr;
}

@media screen and (max-width: 1000px) {
  #hypersensitive {
    grid-template:
      "left1"
      "right1"
      "left2"
      "right2"
      "left3"
      "left4"
    ;
  }

  .responsive-td {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    box-sizing: border-box;
  }
}


.sensitive {
  grid-area: left1;
  padding: 10px 10px;
  margin: 10px 10px;
}

.hypersensitive {
  grid-area: right1;
  padding: 10px 10px;
  margin: 10px 10px;
}

.recommend1 {
  grid-area: left2;
  padding: 10px 10px;
  margin: 10px 10px;
}

.recommend2 {
  grid-area: right2;
  padding: 10px 10px;
  margin: 10px 10px;
}

.skincarestep_hypersensitive {
  grid-area: left3;
  padding: 10px 10px;
  margin: 10px 10px;
}

.caserecommend_hypersensitive {
  grid-area: left4;
}


.h2_sensitive {
  font-size: 30px;
  font-weight: bold;

  padding: 0.5em 0;
  /*上下の余白*/

  border-bottom: solid 3px #deb887;
  /*下線*/

}

.h3_sensitive {
  color: #deb887;
  font-size: 25px;
  margin-bottom: 0px;
}


.skinlist {
  padding: 0.5em 1em;
  margin: 10px 0px 20px 10px;
  max-width: fit-content;
  color: black;
  background: white;
  border-top: solid 5px #364e96;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.img-sensitive {
  max-width: 400px;
  margin-top: 20px;
  margin-bottom: 0px;

}

.figure_sensitive {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

.sensitive-text {
  max-width: 500px;
  margin: 10px;
  width: 60%;
}

.sensitiveitem_img {
  display: flex;
  border: #999999 solid 1px;
  padding: 5px;
  margin: 0px;
  width: fit-content;
}

.sensitiveitem_img2 {
  display: flex;
}

@media screen and (max-width: 767px) {
  .sensitiveitem_img2 {
    flex-direction: column;
  }
}


.sensitive-img img {
  max-width: 200px;
  width: 40%;
  width: fit-content;
  margin: 0px;
  padding: 0px;
  display: inline-block
}

.sensitive2-img img {
  max-width: 150px;

  margin: 0px;
  padding: 0px;
}

.sensitive3-img img {
  max-width: 55px;
  width: 40%;
  margin-top: 50px;
  padding: 0px;
}


.recommend_sensitive {
  width: 150px;
  margin: 0px;
}

.under {
  background: linear-gradient(transparent 90%, #ffdead 90%);

}


.btn_sensitive {
  display: block;
  color: #ffff;
  background-color: #f7eedf;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  max-width: auto;
  box-shadow: 0px 2px 3px 0px #9E9E9E;
  margin: 10px;

}



/*超敏感肌のページ↑*/

/*メディア掲載ページ↓*/
.media_list {
  list-style: none;
  margin: auto
}

.media_item {
  margin-top: 20px;
  margin-bottom: 20px;
}

.media_img {
  display: inline-block;

}

.media_img_eyecatch {
  width: 180px;
  margin-left: 50px;
}

.media_text {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  margin-left: 10px;

}

.media_text_date {
  display: flex;
  justify-content: flex-end;
  margin: 0px;
  font-size: 0.9em;
  color: #999999;

}

.media_text_title {
  font-size: 1.2em;
  margin: 0px;
  color: #3c3c3c;
}

.btn_media {
  display: block;
  color: #ffff;
  background-color: #f7eedf;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  width: fit-content;
  box-shadow: 0px 2px 3px 0px #9E9E9E;
  margin: 10px;

}

.media {
  margin: 0 auto 30px;
}

.mediabox {
  display: flex;
  justify-content: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 0px;
  /*text-align: center;*/
}

/*メディア掲載ページ↑*/
.media_bunner {
  display: flex;
  justify-content: center;
  width: 80%;

}

/*福袋2022*/
#luckey_bag2022 {

  margin: auto
}

.lb2022_header {
  text-align: center;
  margin: auto;
}

.lb2022_header_img {
  max-width: 900px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.lb20222_obi {
  font-size: 20px;
  font-weight: 700;
  color: white;
  background-color: #C02020;
  padding-top: 13px;
  padding-bottom: 13px;
  text-align: center;
  width: 100%;
  margin: 30px auto;
}

.lb2022_item {
  display: grid;
  grid-template:
    "itemimg      itemtext"
    "text_detail  text_detail"
    /1fr 2fr;

  max-width: 900px;
  margin: auto
}

@media screen and (max-width: 1000px) {
  .lb2022_item {
    grid-template:
      "itemimg"
      "itemtext"
      "text_detail"
      /1fr;
  }
}

.lb2022_itemimg {
  grid-area: itemimg;
  margin: 0 auto;
}

.lb2022_img {
  max-width: 270px;
  margin: 15px;
  width: 100%;
}

.lb2022_itemtext {
  grid-area: itemtext;
  margin: 0 auto;
　width:100%;
}

div.lb2022_text_datail ul {
  list-style: none;
  margin-left: 0px;
  padding: 20px;
  background-color: #f7eedf;
}

.lb2022_text_datail {
  grid-area: text_detail;
  margin: 0 20px;
}

.lb2022_line {
  /* height: 1px;  
  background-color: #C02020;
  border: none;
  max-width: 900px;
  margin:30px auto;
*/
  width: 100%;
  margin: 30px auto;
  height: 3px;
  border-width: 0;
  background-color: #ffccbc;
  background-image: -webkit-linear-gradient(135deg,
      #C02020 0px, #C02020 2px, transparent 2px, transparent 4px,
      #C02020 4px, #C02020 6px, transparent 6px, transparent);
  background-image: linear-gradient(-45deg,
      #C02020 0px, #C02020 2px, transparent 2px, transparent 4px,
      #C02020 4px, #C02020 6px, transparent 6px, transparent);
  background-size: 6px 6px;

}



.lb2022_box1 {
  background: #eee;
  border: 1px solid #999;
  padding: 10px;
  margin: 20px auto;
  text-align: left;
  font-size: 0.9em;
  max-width: 900px;
}

button.lb2022-cart-button {
  width: fit-content;
  color: #ffff;
  padding: 5px;
  font-weight: bold;
  border-radius: 5px;
  border-color: #ffb969;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 0 1px;
  background: linear-gradient(#ffb969, #d98300) !important;
  cursor: pointer;
  cursor: hand;
}

.lb2022-detail-button {
  color: #ffff !important;
  text-shadow: rgb(0, 0, 0, 0.5) 1px 0 1px;
  border-radius: 5px;
  font-weight: bold;
  border-color: #ffdead;
  padding: 5px;
  background: linear-gradient(#ffdead, #bc9653);
  cursor: pointer;
  cursor: hand;
}


/*福袋2022*/

/* アゼライン酸のページ */
#azelaic_acid {
    display:block;
    max-width: 1000px;
    margin: 0 auto;
}

#azelaic_acid h2 {
  font-size: 25px;
  font-weight: bold;
  padding: 0.5em 0;
  /*上下の余白*/
  border-bottom: solid 0.25px #999999;
  /*下線*/
}

.azelaic_wht_content {
  text-align: center;
}

.text_azelaic_wht {
  display: inline-block;
  text-align: left;
  max-width: 900px;
}

.azelaic_blog {
  text-align: center;
  width: fit-content;
  margin: 50px auto;
  padding: 10px;
  position: relative;
}

.azelaic_blog img {
  max-width: 500px;
  width: 100%;
  border:solid 0.5px #999999;
}

.azelaic_who_img img {
  max-width: 200px
}

.azelaic_who_img p {
  margin-top: 0px;
}

.azelaic_who_content {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 20px;
  text-align: center;
}


.azelaic_secret_cs {
  text-align: center;
}

.azelaic_1 {
  width: 140px;
  /*幅*/
  height: 140px;
  /*高さ*/
  border-radius: 100%;
  /*角丸*/
  display: inline-block;
  text-align: center;
  position: relative;
  box-shadow: 0 10px 25px 0 rgba(3, 20, 68, 0.5);
  margin-right: 10px;
}

.azelaic_2 {
  width: 120px;
  /*幅*/
  height: 120px;
  /*高さ*/
  border-radius: 100%;
  /*角丸*/
  display: inline-block;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 15px 0 rgba(3, 20, 68, 0.5);
  margin-right: 10px;
}

.azelaic_3 {
  width: 120px;
  /*幅*/
  height: 120px;
  /*高さ*/
  border-radius: 100%;
  /*角丸*/
  display: inline-block;
  text-align: center;
  position: relative;
  box-shadow: 0 8px 15px 0 rgba(3, 20, 68, 0.5);
  margin-right: 10px;
}

/* アゼライン酸のページ */

/* 化粧水のページ */

#zaikei_lotion {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

#zaikei_lotion h2 {
  font-size: 25px;
  font-weight: bold;
  padding: 0.5em 0;
  /*上下の余白*/
  border-bottom: solid 3px #deb887;
  /*下線*/
}

.moisturizerstep_img img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}

.nmf_img img {
  display: block;
  margin: 0 auto;
  width: 90%;
  max-width: 500px;
}

.moimato_img img {
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 800px;
}


.pagejump_button a {
  display: block;
  margin: 30px auto;
  padding: 1em 1em;
  max-width: 300px;
  width: 60%;
  text-align: center;
  color: #F6AD49;
  font-size: 15px;
  font-weight: 700;
  border: 3px solid #F6AD49;
  border-radius: 10px;

}

.pagejump_button a:hover {
  color: #666666;
  text-decoration: none;
  background-color: #ffdead;
}

.pagejump_button a:hover::after {
  border-top: 3px solid #666666;
  border-right: 3px solid #666666;
}



.moisturizer_img img {
  max-width: 150px;
}

.moisturizer_text {
  text-align: left;
  padding: 10px;

}

.moisturzer_lineup p {
  font-weight: bold;
  margin: 8px auto;

}

.moisturzer_lineup table {
  border-collapse: collapse;
  border-spacing: 0;
}

.moisturizer_content1 {
  display: block;
  max-width: 290px;
  background-color: #f7eedf;
  padding: 10px;
  margin: 10px 0;
}

.moisturizer_content2 {
  display: block;
  max-width: 290px;
  background-color: #f7eedf;
  padding: 10px;
  margin: 10px 0;
}

.moisturizer_content3 {
  display: block;
  max-width: 290px;
  background-color: #f7eedf;
  padding: 10px;
  margin: 10px 0;
}

.moisturzer_lineup {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 20px;
  text-align: center;

}

.moisturzer_lineup tr {
  background-color: #ffff;
}

.btn_lotion {
  display: block;
  color: #ffff;
  background-color: #ffdead;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  max-width: auto;
  box-shadow: 0px 2px 3px 0px #9E9E9E;
  margin: 10px;

}

/* 化粧水のページ */

/* キャンペーンページ */

#campaign_page {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

.campaign_img {
  margin: 0 auto;
  max-width: 500px;
}

.campaign_img img {
  width: 100%;
}

.campaing_text {
  display: block;
  margin: 15px 0;
}

.campaign_section img {
  max-width: 500px;
  width: 100%;
}


.campaign_caution_box {
  background: #eee;
  border: 1px solid #999;
  padding: 10px;
  margin: 20px auto;
  display: inline-block;
  text-align: left;
  font-size: 0.9em;
}


.campaign_button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px auto;
  padding: 1em 2em;
  max-width: 300px;
  width: 70%;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  background-color: #f7eedf;
  box-shadow: 0 5px 0 #d5ac68;
  transition: 0.3s;
}

.campaign_button a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.campaign_button a:hover {
  transform: translateY(3px);
  text-decoration: none;
  box-shadow: 0 2px 0 #aaaaaa;
}

.campaing_box {
  border: solid 1px #d5ac68;
  width: fit-content;
  padding: 10px 15px;
  margin: 20px auto;
  font-size: 1.1em;
}

.item_20th {
  font-size: large;
  font-weight: bold;
  background-color: #d5ac68;
  color: #ffffff;
  width: fit-content;
  padding: 0.2rem;
}

/* キャンペーンページ */

/*20年目特設ページ*/

#anniversary {
  max-width: 900px;
  margin: auto;
  font-family: 'Noto Serif JP', serif;
  /* background-color:#fff1e2 ; */
  background: linear-gradient(#f7eedf, #ffffff);
}


.anniversary_head {
  max-width: 900px;
  margin: 0 auto;
}

.anniversary_head_img {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  vertical-align: top;
}

.anniversary_topmessage {
  text-align: center;
  margin-top: 0px;
}

.anniversary_topmessage h1 {
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  margin-bottom: 5px;
}

.anniversaly_contents ol {
  counter-reset: list;
  list-style-type: none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0.5rem 2rem;
  border: solid 1px #98bee2;
  width: fit-content;
  margin: 30px auto;
  text-align: left;
  background-color: #ffffff;


}



.anniversaly_contents li {
  position: relative;
  line-height: 30px;
  margin: 7px 0 7px 40px;
  padding-left: 10px;
  font-weight: bold;
  font-size: 14px;

}

.anniversaly_contents li:before {
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -35px;
  width: 30px;
  height: 30px;
  background: #98bee2;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



.anniversary_topic {
  margin-bottom: 100px;
}

.aniversary_title1 {
  background-color: #ffffff;
  width: fit-content;
  padding: 0.5rem 0.8rem;
  margin-left: 1rem;
  margin-bottom: 0px;
  color: #000000;
  font-weight: 100;
  font-size: 1.9rem;
}

.aniversary_title2 {
  background-color: #fcc88e;
  width: fit-content;
  padding: 0.8rem 1.3rem;
  margin-left: 1rem;
  margin-top: 0px;
  color: #ffffff;
  font-size: 2.2rem;
  font-weight: 300;


}





.anniversary_box {
  margin: 30px auto 30px auto;
  width: 80%;
  text-align: left;
}



.anniversary_linkbn_img {

  max-width: 500px;
  width: 100%;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
}



.anniversary_container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}


.anniversary_item {
  margin: 20px;
  width: 60%;
}

@media screen and (max-width: 767px) {
  .anniversary_container {
    flex-direction: column;
  }

  .anniversary_container .anniversary_item {
    width: fit-content;
    margin: 0 auto;
  }
}

.anniversary_item img {
  width: 100%;

}

.anniversary_linkbn {
  text-align: center;
  margin: 0px auto;
  padding: 1rem;
}

.anniversary_check {
  position: relative;
  text-align: center;
  margin: 20px 20px 20px 20px;
  /* padding: 1em 2em; */
  border: 1px solid #999999;
  width: fit-content;
  background-color: #ffffff;
}

.anniversary_check2 {
  position: relative;
  text-align: center;
  margin: 20px auto;
  padding: 1em 2em;
  border: 1px solid #999999;
  width: fit-content;
  background-color: #ffffff;
}

.anniversary_check2 .check {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  padding: 0 1em;
  margin: 0;
  background-color: #ffffff;
  transform: translateY(-50%) translateX(1em);
}

.anniversary_check img {
  width: 40%;
  margin: 5px;
}

.anniversary_check2 img {
  max-width: 300px;
  width: 100%;
  margin: 5px;
}

.triangle2 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.7em solid #999999;
  border-top: 0.7em solid transparent;
  border-bottom: 0.7em solid transparent;
  transform: translateY(-500%);

}

.triangle3 {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.7em solid #999999;
  border-top: 0.7em solid transparent;
  border-bottom: 0.7em solid transparent;
  transform: translateY(-500%);

}

.anniversary_mc {
  text-align: center;
  font-size: 1.3em;
  font-weight: 600;
  border-bottom: #999999 solid 1px;

}

.anniversary_item ul {
  list-style-type: none;
  margin: 0px;
}

.anniversary_item li {
  position: relative;
  line-height: 1.8;
}

.anniversary_item li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #9c9c9c;
  border-bottom: 3px solid #9c9c9c;
  transform: rotate(-45deg);
}

.anniversary_obi {
  font-size: 30px;
  font-weight: 800;
  color: white;
  background-color: #98bee2;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  max-width: 900px;
  margin: 70px auto 0px auto;
}

.anniversary_obi2 {
  font-size: 15px;
  font-weight: 500;
  color: white;
  background-color: #face9c;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  max-width: 900px;
  margin: 10px auto;
}




.anniversary_NS {
  margin: 0 auto;
  text-align: center;
  max-width: 900px;
  width: 100%;

}

.anniversary_NS img {
  width: 100%;
  margin-bottom: 2rem;
}

.anniversary_recommend_NS h3 {
  position: relative;
  padding: 0.8rem 2rem;
  border-bottom: 3px solid #585858;
  /* border-left: 3px solid #000; */
  /* border-radius: 0 0 0 20px; */
  width: 70%;
  margin: 3rem auto;
  font-size: 1.5rem;
  font-size: 1.1rem;
}

.anniversary_recommend_NS h3:before {
  position: absolute;
  left: 1rem;
  bottom: -14px;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #585858 transparent transparent transparent;
}



.anniversary_recommend_NS h3:after {
  position: absolute;
  left: 1rem;
  bottom: -10px;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.anniversary_point_NS {
  display: flex;
  flex-direction: row;
  justify-content: space-around;

}

@media screen and (max-width: 767px) {
  .anniversary_point_NS {
    flex-direction: column;
  }

  .anniversary_point_NS .anniversary_point {
    width: fit-content;
    margin: 0 auto;
  }
}


.anniversary_point {
  padding: 1rem;
  width: 30%;
}

.anniversary_point h3 {
  font-size: 1.5rem;
  font-weight: 0.1rem;
  text-align: center;
  color: #b66094;
  background-color: #ffffff;
}

.anniversary_point img {
  max-width: 250px;
  text-align: center;
  width: 100%;
}

/* .anniversary_point p{
  text-align:center; 
  font-size:1.3rem;
  font-family:sans-serif;
  background-color:#fcc88e;
  color:#ffffff;
  width:fit-content;
  padding:0.5rem 2rem;
  margin:2rem auto;

} */

.anniversary_img_NS {
  text-align: center;
  width: 100%;

}

.NS_img {
  max-width: 900px;
  width: 100%;
}


.oshirase {
  border: solid 1px #d5ac68;
  width: fit-content;
  padding: 10px 15px;
  margin: 20px auto;
  font-size: 0.8em;
}







.comingsoon {
  padding-top: 50px;
  padding-bottom: 100px;
  text-align: center;
  /* background: linear-gradient(#f7eedf,#f4f8b7); */

}


.anniversary_button {
  max-width: 150px;
  margin: 0 auto 3rem auto;
}


/*20年目特設ページ*/


/*=================================
ボタンデザイン変更
===================================*/

.fs-c-buttonContainer {
  justify-content: flex-start !important;
}

.fs-c-button--primary {
  background: #38ad6d !important;
  border: 1px solid #38ad6d !important;
  width: 340px !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 1em 1.6em 1em !important;
  box-shadow: none !important;
  min-width: auto !important;
}


.fs-c-button--primary:hover {
  background: #fff !important;
  border: 1px solid #38ad6d !important;
  border-radius: 3px !important;
  color: #38ad6d !important;
}


.fs-c-button--secondary {
  background: #c7b299 !important;
  border: 1px solid #c7b299 !important;
  width: 340px !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 1em 1.6em 1em !important;
  box-shadow: none !important;
  min-width: auto !important;
}


.fs-c-button--secondary:hover {
  background: #fff !important;
  border: 1px solid #c7b299 !important;
  border-radius: 3px !important;
  color: #c7b299 !important;
}


.to-button {
  display: flex;
  padding-left: 0 !important;
  flex-wrap: wrap;
}

.to-button li {

  width: 50% !important;
}

.tomini-button {
  width: 340px !important;
  background: #c7b299 !important;
  border: 1px solid #c7b299 !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 1em 1.6em 1em !important;
  box-shadow: none !important;
}

.tominire-button {
  width: 340px !important;
  background: #ffffff !important;
  border: 1px solid #c7b299 !important;
  border-radius: 3px !important;
  color: #c7b299 !important;
  cursor: pointer !important;
  display: block !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 1em 1.6em 1em !important;
  box-shadow: none !important;
}


.tomini-button:hover {
  background: none !important;
  border: 1px solid #c7b299 !important;
  color: #c7b299 !important;
  padding: 1em 1.6em 1em !important;
  box-shadow: none !important;
}


.toset-button {
  width: 340px !important;
  background: #c7b299 !important;
  color: #ffffff !important;
  border: 1px solid #c7b299 !important;
  cursor: pointer !important;
  border-radius: 3px !important;
  display: inline-block !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 1em 1.6em 1em !important;
  box-shadow: none !important;
}



.toset-button:hover {
  background: none !important;
  border: 1px solid #c7b299 !important;
  color: #c7b299 !important;
  cursor: pointer !important;
  border-radius: 3px !important;
  display: inline-block !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  padding: 1em 1.6em 1em !important;
  box-shadow: none !important;
}

/*ミニサイズセット*/
#miniset {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

#miniset h2 {

  text-align: center;
  font-size: 2em;
  font-weight: lighter;
  color: #646464;
  padding: 1em 1em 0em 1em;
}



.miniset_setumei ul {
  list-style-type: none;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  /* padding:1.em 0.4em 1em 5em; */
  /* border:solid 1px #999999; */
  /* background-color: #e9e9e9; */


}

.miniset_setumei li {
  position: relative;
  line-height: 1.8;
  width: calc(50% - 10px);
  line-height: 2.2rem;
}

.miniset_setumei li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #9c9c9c;
  border-bottom: 3px solid #9c9c9c;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .miniset_setumei ul {
    flex-direction: column;
    max-width: 767px;
    width: fit-content;
    padding-left: 2em;
    margin: 0 auto;

  }

  .miniset_setumei li {
    width: 100%;

  }
}


.miniset_box {
  background: linear-gradient(to bottom left, #eceb9f 50%, transparent 50%) top left/ 50% 100% no-repeat,
    linear-gradient(to bottom right, #e6dd8d 50%, transparent 50%) top right / 50% 100% no-repeat;
  position: relative;
  width: 50em;
  height: 6em;
  margin: 1.5rem auto;
}

.miniset_box p {
  color: #000000;
  text-align: center;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5em;
}

@media screen and (max-width: 767px) {
  .miniset_box {
    background: linear-gradient(to bottom left, #eceb9f 50%, transparent 50%) top left/ 50% 100% no-repeat,
      linear-gradient(to bottom right, #e6dd8d 50%, transparent 50%) top right / 50% 100% no-repeat;
    position: relative;
    width: 100%;
    height: 4em;
    margin: 1.5rem auto;
  }

  .miniset_box p {
    text-align: center;
    position: absolute;
    top: 20%;
    font-size: 1.1em;
    width: fit-content;
  }
}

.miniset_maru1 {
  position: relative;
  width: 250px;
  height: 250px;
  background-color: #ffffff;
  color: #646464;
  border-radius: 50%;
  border: solid 2px #646464;
  margin: 0 auto;
  text-align: center;
}

.miniset_maru1 p {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
}

.miniset_maru {
  position: relative;
  width: 250px;
  height: 250px;
  background-color: #ffffff;
  color: #646464;
  border-radius: 50%;
  border: solid 2px #646464;
  margin: 0 auto;
  text-align: center;
}

.miniset_maru:hover {
  background: #999999;
  color: white;
}



.miniset_maru p {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .miniset_maru {
    position: relative;
    width: 160px;
    height: 160px;
    background-color: #ffffff;
    color: #646464;
    border-radius: 50%;
    border: solid 2px #646464;
    margin: 0 auto;
    text-align: center;

  }

}

.miniset_setumei .miniset_contents {
  display: flex;
}

.miniset_img {
  text-align: center;
  padding: 10px;
}

.miniset_img img {
  max-width: 500px;
  width: 100%;
}

.miniset_maru2 {
  display: flex;

}



.miniset_points {
  /* display: flex; */
}

@media screen and (max-width: 767px) {
  .miniset_points {
    flex-direction: column;

  }

  .miniset_sengan .miniset_hositu {
    width: fit-content;
    margin: 0 auto;
  }
}




.miniset_items {
  background-color: #ffffff;
  color: #646464;
  border: solid 4px #e7dd83;
  border-radius: 10px;
  padding: 1rem;
  margin: 2rem;
  text-align: center;
}

.miniset_item {
  display: flex;
  justify-content: space-around;



}

.miniset_items h3 {
  background-color: #999999;
  color: #ffffff;
  width: fit-content;
  border-radius: 20px;
  padding: 0.3em 0.6em;
  text-align: center;
  margin: 0 auto;
}

.miniset_items p {
  text-align: left;
}

.miniset_step {
  padding: 1rem;
  width: calc(100%/3);

}


@media screen and (max-width: 767px) {
  .miniset_item {
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  .miniset_step {
    padding: 1rem;
    width: auto;

  }

}

/*ミニサイズセット*/

/*ミニサイズのぺージ*/

#minisize {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}


.minisize_top {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.minisize_top img {
  max-width: 1000px;
  width: 100%;
}

.minisize_topmessage {
  margin: 2.5em auto;
  width: fit-content;

}

.minisize_button {
  display: inline-block;
  padding: 1em 1.5em;
  margin: 0.3rem;
  text-decoration: none;
  color: #646464;
  border: solid 1px #646464;
  background-color: #ffffff;
  border-radius: 0.2rem;
  transition: .4s;

}


.minisize_button_name {
  display: block;
  font-weight: bold;
  font-size: 2.0rem;
  text-align: center;
  padding: 1em 1.2em;
  text-decoration: none;
  /* color: #646464; */
  /* border: solid 1px #646464; */
  background-color: #ffffff;
  border-radius: 0.2rem;
  transition: .4s;

}

.minisize_button:hover {
  background: #999999;
  color: white;
}

@media screen and (max-width: 767px) {
  .minisize_button {
    display: inline-block;
    padding: 0.2em 1em;
    margin: 0.2em;
    text-decoration: none;
    color: #646464;
    border: solid 1px #646464;
    background-color: #ffffff;
    border-radius: 0.2rem;
    transition: .4s;


  }

  .minisize_button:hover {
    background: #999999;
    color: white;
  }
}


.minisize_item h2 {
  font-size: 1.7rem;
  font-weight: lighter;
  /* background-color:#999999; */
  color: #646464;
  padding: 0.5em 1em;
  /*上下の余白*/

}




.minisize_setlist img {
  display: block;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}


.minisize_article {
  display: flex;
  justify-content: center;
  align-items: center;

}

.minisize_article_item {
  width: calc(100%/2);
  padding: 1rem;
  margin: 0 auto;
}


@media screen and (max-width: 767px) {
  .minisize_article {
    flex-direction: column;
    width: 100%;
    margin: 0 auto;


  }

  .minisize_article_item {
    width: fit-content;


  }

  .minisize_button_name {
    margin-bottom: 3rem;
  }
}


.minisize_article ul {
  display: block;
  list-style-type: none;
  width: fit-content;
  margin: 0 auto;

}

.minisize_article li {
  position: relative;
  line-height: 1.8;
  line-height: 2.2rem;
  margin: 0.5rem auto;
}

.minisize_article li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #9c9c9c;
  border-bottom: 3px solid #9c9c9c;
  transform: rotate(-45deg);
}

.minisize_article p {
  text-align: center;
  font-size: 2.0rem;
  color: #646464;
  width: 100%;
}


.minisize_box {
  background: linear-gradient(to bottom left, #777777 50%, transparent 50%) top left/ 50% 100% no-repeat,
    linear-gradient(to bottom right, #777777 50%, transparent 50%) top right / 50% 100% no-repeat;
  position: relative;
  width: 10em;
  height: 1.5em;
  margin: 1rem auto;
  /* border-radius: 10px; */
}


@media screen and (max-width: 767px) {
  .minisize_box {
    background: linear-gradient(to bottom left, #777777 50%, transparent 50%) top left/ 50% 100% no-repeat,
      linear-gradient(to bottom right, #777777 50%, transparent 50%) top right / 50% 100% no-repeat;
    position: relative;
    width: 10em;
    height: 1.3em;
    margin: 1rem auto;
  }
}

.minisize_bn_PC {
  width: 100%;
  margin: 3rem 0;
  display: block !important;
 max-width:1000px;
 margin:0 auto;
}

.minisize_bn_SP {
  width: 100%;
  margin: 0 auto 3rem auto;

  display: none !important;
}

@media only screen and (max-width: 767px) {
  .minisize_bn_PC {
    display: none !important;
  }

  .minisize_bn_SP {
    display: block !important;
  }
}


/*ミニサイズのぺージ*/


/*クレンジングジェルのぺージ*/
.lp-container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}
.lp-container img {
  display: block;
}
.lp-container .img-02 {
  width: 60%;
  margin: 90px auto 100px;
}
@media only screen and (max-width: 767px) {
  .lp-container .img-02 {
    margin: 45px auto 50px;
  }
}
.lp-container .img-04 {
  width: 84%;
  margin: 80px auto 110px;
}
@media only screen and (max-width: 767px) {
  .lp-container .img-04 {
    margin: 40px auto 55px;
  }
}
.lp-container .img-05 {
  margin-bottom: 25px;
}
.lp-container .img-06 {
  margin-bottom: 90px;
}
@media only screen and (max-width: 767px) {
  .lp-container .img-06 {
    margin-bottom: 45px;
  }
}
.lp-container .img-07 {
  width: 84%;
  margin: 0 auto 90px;
}
@media only screen and (max-width: 767px) {
  .lp-container .img-07 {
    margin-bottom: 45px;
  }
}
.lp-container .img-08 {
  width: 84%;
  margin: 0 auto 90px;
}
@media only screen and (max-width: 767px) {
  .lp-container .img-08 {
    margin-bottom: 45px;
  }
}
.lp-container .img-09 {
  width: 84%;
  margin: 0 auto 100px;
}
@media only screen and (max-width: 767px) {
  .lp-container .img-09 {
    margin-bottom: 45px;
  }
}
.lp-container .img-10 {
  width: 84%;
  margin: 0 auto 75px;
}
@media only screen and (max-width: 767px) {
  .lp-container .img-10 {
    margin-bottom: 40px;
  }
}
.lp-container .bnr-wrap {
  max-width: 840px;
  margin: 0 auto 90px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .lp-container .bnr-wrap {
    margin-bottom: 45px;
  }
}
.lp-container .bnr-wrap a {
  width: 48.5%;
}

/* MMQのページ */
.mmq-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 0;
  background-color: #fff;
}
.mmq-container img {
  display: block;
}
.mmq-container .img-03 {
  width: 61%;
  margin: 42px auto;
}
.mmq-container .img-04 {
  width: 71%;
  margin: 75px auto;
}
.mmq-container .img-05 {
  width: 87.5%;
  margin: 85px auto 110px;
}
.mmq-container .img-07 {
  margin-top: 50px;
}
.mmq-container .img-08 {
  width: 80.5%;
  margin: 90px auto 40px;
}
.mmq-container .img-09 {
  width: 88%;
  margin: 0 auto 75px;
}
.mmq-container .img-10 {
  width: 88%;
  margin: 0 auto 85px;
}
.mmq-container .wrap {
  padding: 80px 0 75px;
  background-color: #f9f9f9;
}
.mmq-container .img-11 {
  width: 77%;
  margin: 0 auto 75px;
}
.mmq-container .button-primary {
  max-width: 420px;
  margin: 0 auto;
  padding: 8px 0;
  font-family: "Noto Sans JP";
  font-size: 24px;
  text-align: center;
  color: #fff;
  background-color: #c0a68b;
  text-decoration: none;
  display: block;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  .mmq-container .button-primary {
    font-size: 16px;
  }
}
.mmq-container .faq {
  padding: 125px 0 20px;
  position: relative;
  overflow: hidden;
}
.mmq-container .faq::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 150px;
  left: 0;
  background-color: #f9f9f9;
}
@media only screen and (max-width: 767px) {
  .mmq-container .faq::before {
    top: 135px;
  }
}
.mmq-container .faq * {
  position: relative;
  z-index: 2;
}
.mmq-container .img-12 {
  width: 35.5%;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: 6%;
}
.mmq-container .faq .accordion {
  max-width: 700px;
  margin: 0 auto;
}
.mmq-container .faq .accordion .accordion_header {
  margin-top: 30px;
  padding-bottom: 20px;
  padding-left: 50px;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: -0.04em;
  color: #555;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .mmq-container .faq .accordion .accordion_header {
    padding-left: 40px;
    font-size: 16px;
  }
}
.mmq-container .faq .accordion .accordion_header .icon-q {
  width: auto;
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .mmq-container .faq .accordion .accordion_header .icon-q {
    height: 25px;
  }
}
.mmq-container .faq .accordion .accordion_header::before,
.mmq-container .faq .accordion .accordion_header::after {
  content: "";
  background-color: #555;
  border-radius: 10px;
  position: absolute;
  width: 17px;
  height: 1px;
  top: 17px;
  right: 0;
  display: block;
  transition: 0.3s;
}
.mmq-container .faq .accordion .accordion_header::before {
  width: 1px;
  height: 17px;
  top: 9px;
  right: 8px;
}
.mmq-container .faq .accordion .accordion_header.is-show::before {
  opacity: 0;
}
.mmq-container .faq .accordion .accordion_inner {
  margin-bottom: 55px;
  margin-left: 0;
  padding-top: 30px;
  padding-left: 50px;
  font-size: 25px;
  letter-spacing: -0.04em;
  line-height: 1.74;
  color: #555;
  position: relative;
  display: none;
}
@media only screen and (max-width: 767px) {
  .mmq-container .faq .accordion .accordion_inner {
    padding-left: 40px;
    font-size: 16px;
  }
}
.mmq-container .faq .accordion .accordion_inner::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: radial-gradient(
    circle at 1px center,
    #555,
    #555 1px,
    transparent 1px,
    transparent 100%
  );
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 6px 2px;
}
.mmq-container .faq .accordion .accordion_inner a {
  color: #555;
  text-decoration: none;
  border-bottom: 1px solid #555;
}
.mmq-container .faq .accordion .accordion_inner .icon-a {
  width: auto;
  height: 36px;
  position: absolute;
  top: 33px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .mmq-container .faq .accordion .accordion_inner .icon-a {
    height: 25px;
  }
}
.mmq-container .faq .accordion .accordion_inner.un-desc-01 span {
  letter-spacing: -0.1em;
}
.mmq-container .faq .accordion .img-q-01 {
  width: 43%;
}
.mmq-container .faq .accordion .img-q-02 {
  width: 61%;
}
.mmq-container .faq .accordion .img-q-03 {
  width: 46%;
}
.mmq-container .img-13 {
  width: 53.5%;
  margin-top: 75px;
  margin-bottom: 60px;
  margin-left: 6.5%;
}
.mmq-container .bnr-wrap {
  max-width: 700px;
  margin: 0 auto 60px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .mmq-container .bnr-wrap {
    margin-bottom: 45px;
  }
}
.mmq-container .bnr-wrap a {
  width: 48.5%;
}
.mmq-container .wrap-02 {
  width: 75%;
  margin: 60px auto 50px;
  position: relative;
}
.mmq-container .button-secondary {
  width: 29%;
  position: absolute;
  bottom: 4.5%;
  left: 36%;
}
.mmq-container .button-third {
  width: 29%;
  position: absolute;
  bottom: 4.5%;
  right: 1.5%;
}
.fs-c-productListCarousel__ctrl {
 display:none !important; 
}



.l-footer-cmn .u-sp {
  display: block;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .u-sp {
    display: none;
  }
}
.l-footer-cmn .sec-page {
  padding: 70px 0 55px;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page {
    padding: 75px 0 65px;
  }
}
.l-footer-cmn .sec-page .link-line {
  width: 96%;
  margin: auto;
  padding: 16px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  text-align: center;
  background-color: #333;
  border: 1px solid #333;
  border-radius: 40px;
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .link-line {
    max-width: 650px;
    margin-bottom: 15px;
    padding: 20px 0;
    font-size: 25px;
  }
}
.l-footer-cmn .sec-page .link-line::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  right: 11%;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .link-line::after {
    right: 30px;
  }
}
.l-footer-cmn .sec-page .link-line span {
  padding-left: 15px;
  color: #fff;
  line-height: 1.1;
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .link-line span {
    padding-left: 40px;
  }
}
.l-footer-cmn .sec-page .link-line span::before {
  content: "";
  width: 32px;
  height: 37px;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  background: center/contain no-repeat url(https://dsrcorporation.itembox.design/item/icon_noblehill_note.png);
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .link-line span::before {
    width: 26px;
    height: 30px;
    top: calc(50% + 5px);
    left: -2px;
  }
}
.l-footer-cmn .sec-page .txt {
  margin-top: 5px;
  margin-bottom: 35px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .txt {
    margin-bottom: 50px;
    letter-spacing: 0.08em;
  }
}
.l-footer-cmn .sec-page .list {
  max-width: 305px;
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .list {
    max-width: 920px;
    justify-content: space-between;
  }
}
.l-footer-cmn .sec-page .list .item {
  width: 47.5%;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .list .item {
    width: 24%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .sec-page .list .item:nth-child(even) {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .sec-page .list .item:nth-child(n+3) {
    margin-top: 5px;
  }
}
.l-footer-cmn .sec-page .list .item a:hover {
  color: #333;
  opacity: 0.8;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .list .item img {
    width: 65%;
    margin: 0 auto;
    display: block;
  }
}
.l-footer-cmn .sec-page .list .item p {
  margin-top: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .sec-page .list .item p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .sec-page .list .item .un-txt {
    letter-spacing: -0.08em;
  }
}
.l-footer-cmn .primary {
  padding: 40px 20px 30px;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary {
    padding: 55px 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .container {
    max-width: 720px;
    margin: 0 auto;
  }
}
.l-footer-cmn .primary .logo-footer {
  width: auto;
  margin-bottom: 28px;
  height: 27px;
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .logo-footer {
    margin-left: 10px;
  }
}
.l-footer-cmn .primary .list {
  margin: 0 0 45px;
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .list {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .list .item {
    margin: 0;
  }
}
.l-footer-cmn .primary .list .dt {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  list-style: none;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .list .dt {
    margin-bottom: 15px;
    cursor: pointer;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .list .dt::before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    position: absolute;
    top: 5px;
    right: 0;
    transform: rotate(135deg);
    transition: 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .list .dt:not(:first-child) {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .list .dt.is-show::before {
    transform: rotate(-45deg);
  }
}
.l-footer-cmn .primary .list-child {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .list-child {
    padding-top: 0;
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .list-child {
    padding-top: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .list-child.is-show {
    display: block;
  }
}
.l-footer-cmn .primary .list-child ul {
  margin: 0;
  padding-left: 40px;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .list-child ul {
    padding-left: 25px;
  }
}
.l-footer-cmn .primary .list-child ul li {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: normal;
  list-style: none;
  position: relative;
}
.l-footer-cmn .primary .list-child ul li::before {
  content: "";
  width: 10px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
  background-color: #333;
}
.l-footer-cmn .primary .list-child ul li a {
  padding: 5px 0 9px;
  color: #333;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .list-child ul li a {
    padding: 5px 0;
  }
}
.l-footer-cmn .primary .sns-container {
  padding-top: 40px;
  border-top: 1px solid #333;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .sns-container {
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 25px;
    display: flex;
    justify-content: center;
  }
}
.l-footer-cmn .primary .sns-container .wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .sns-container .wrap {
    width: calc(50% - 50px);
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .sns-container .wrap:nth-child(1) {
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .sns-container .wrap:nth-child(1) .logo-wrap {
    max-width: 126px;
  }
}
.l-footer-cmn .primary .sns-container .wrap:nth-child(1) .logo-wrap img {
  width: auto;
  height: 34px;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .sns-container .wrap:nth-child(2) .logo-wrap {
    max-width: 65px;
  }
}
.l-footer-cmn .primary .sns-container .wrap:nth-child(2) .logo-wrap img {
  width: auto;
  height: 53px;
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .primary .sns-container .wrap:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .sns-container .wrap:not(:last-child) {
    margin-right: 100px;
  }
}
.l-footer-cmn .primary .sns-container .wrap .logo-wrap {
  width: 42%;
  margin-right: 11%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .primary .sns-container .wrap .logo-wrap {
    margin-right: 30px;
  }
}
.l-footer-cmn .primary .sns-container .wrap a:not(:first-of-type) {
  margin-left: 18px;
}
.l-footer-cmn .primary .sns-container .wrap a img {
  width: auto;
  height: 30px;
}
.l-footer-cmn .secondary {
  padding: 20px;
  background-color: #666;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary {
    padding: 25px 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 60px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
.l-footer-cmn .secondary .name {
  margin-bottom: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .name {
    margin: 0 10px 0 0;
    display: inline-block;
  }
}
.l-footer-cmn .secondary .address {
  margin-top: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .address {
    margin: 0 40px 0 0;
    display: inline-block;
  }
}
.l-footer-cmn .secondary .list {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .l-footer-cmn .secondary .list {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .list {
    margin: 0;
  }
}
.l-footer-cmn .secondary .list .item {
  margin-right: 20px;
  list-style: none;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .list .item {
    margin-right: 20px;
  }
}
.l-footer-cmn .secondary .list .item::after {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .list .item:last-child::after {
    display: none;
  }
}
.l-footer-cmn .secondary .list .item a {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .list .item a {
    font-size: 13px;
  }
}
.l-footer-cmn .secondary .copyright {
  font-family: "Raleway", sans-serif;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.16em;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .l-footer-cmn .secondary .copyright {
    width: 100%;
    margin-top: 5px;
    text-align: center;
    display: block;
  }
}


/* 商品グループページの虫眼鏡マークを消すCSS */
.fs-body-category .fs-c-productListItem__viewMoreImageButton {
    display: none;
}
/* 商品詳細ページの虫眼鏡マークを消すCSS */
.fs-body-product .fs-c-productMainImage__expandButton {
    display: none;
}


/*ツールチップ*/
.tooltip2{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tooltip2 img{
    width: 20px;
}
.tooltip2 p{
    margin:0;
    padding:0;
}
.description2 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #777777;
    width: 200px;

}

.description2:before {
    content: "";
    position: absolute;
    top: 0%;
    right: 95%;
    border: 15px solid transparent;
    border-top: 15px solid #777777;
    margin-left: -15px;
    transform: rotateZ(90deg);
}
.tooltip2:hover .description2{
    display: inline-block;
    top: 0px;
    left: 250px;
}



  /* ページ下リンクゾーンのスタイル */

  .related-links{
    padding-top:20px;
  }


.related-links_container {
    display: flex;
    justify-content: space-around;
}

.related-links_item {
    flex-basis: 33.33%;
    margin: 1.5rem;
    display: flex;
    flex-direction: column;

}

.related-links_item img {
    width: 100%;
    height: auto;
}





@media (max-width: 768px) {
    /* スマートフォンサイズのスタイル */

    .related-links_container {
        flex-direction: column;
    }

    .related-links_item {
        align-items: center;
        flex-direction: row;
        margin: 1rem;


    }

    .related-links_item img {
        width: 100px;
        height: 120px;
        object-fit: cover;

    }


    .related-links_item-img {
        /* width:40%; */
        height: 100%;


    }

    .related-links_item-text {
        padding-left: 10px;

    }
}

/* ページ下リンクゾーンのスタイルここまで */


/* スタイルの追加 */

.underline {
    background: linear-gradient(transparent 50%, #DFD2D7 50%);
}

.text-section {
max-width:750px;
width:90%;
margin:auto;
line-height: 2;
}

.text-section h2{
    text-align: center;
    font-size:1.7rem;
    margin-top: 50px;
}


/*トップページもっと見るボタン*/
.topranking_morebtn{
display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: fit-content;
	margin: 20px auto;
	padding: 1rem 4rem;
	
	border: 2px solid #E1D2D9;
	background: #E1D2D9;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
]

.topranking_morebtn:hover {
	color: #E1D2D9;
	background: #fff;
}



/* 定期のページ　*/
.teiki_items{
    max-width: 300px;
    display:block;
    margin:auto;
    margin-bottom:50px;
}

.teiki_items img{
    max-width: 300px;
    width:100%;


}

.teiki_button{
    display: block;
    padding: 1em 1.5em;
    margin:0.3rem auto;
    text-decoration: none;
    color: #ffffff;
    border: solid 1px #ffffff;
    background-color: #036EB7;
    border-radius: 0.2rem;
    transition: .4s;
    width:100%;
    
}

.teiki_button:hover{
    background: #ffffff;
    color: #036EB7;
    border: solid 1px #036EB7;

}

              .voice_mbcas-text {
                max-width: 450px;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 30px;
                padding: 10px 30px;
                /* border:solid 1px; */
                background-color: #ffdab3;
              }