@charset "UTF-8";

/* ------------------------------------------------------------
カテゴリページ
------------------------------------------------------------ */
/* ブランドTOP
====================================================*/
#lenslist{
  color: #888;
}
#lenslist [id]{
  scroll-margin-top: 127px;
}

.fv{
  position: relative;
}
.fv_text{
  position: absolute;
  left: 20%;
  bottom: 15.5%;
  font-size: 4rem;
  letter-spacing: 0.17em;
  line-height: 7.2rem;
  padding-left: 5.5em;
  text-indent: -5.5em;
}

.intro{
  margin-bottom: 18%;
}
.intro_title{
  padding: 7.7% 0 6%;
  font-size: 6.2rem;
  color: #838383;
  text-align: center;
  line-height: 8.6rem;
  letter-spacing: 0.15em;
}
.intro_title_textImg{
  display: inline-block;
  width: 35%;
  margin: 0 1% 1%;
  vertical-align: bottom;
}

.intro_box{
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
  margin-bottom: 3.9%;
  padding: 0 10%;
  position: relative;
}
.intro_box_imageBg01{
  width: 47%;
  margin-top: 7%;
}
.intro_box_imageBg02{
  width: 48%;
  margin: 0;
}
.intro_box_imageBg03{
  width: 72.2%;
  margin: 0 -3.1% 0 auto;
}

.intro_box_text{
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 8rem;
  letter-spacing: 0.09em;
  position: absolute;
  right: 3.5%;
  bottom: 8%;
}
.intro_box_text_left{
  letter-spacing: 0.1em;
  text-indent: -0.4em;
  position: absolute;
  right: auto;
  left: 4.2%;
  bottom: 12%;
}
.intro_box_textBg{
  background-color: #fff;
  padding: 0.2em 0.7em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.intro_box_text_right{
  width: 55%; /* safari対応 */
}
.intro_box_textBg_left{
  padding-right: 0.2em;
}

.intro_box_blue{
  color: #6eb4dc;
}

/* lineupAll（ブランドTOP） ---------------------------- */
.lineupAll{
  margin-bottom: 12%;
}
.lineupAll a{
  text-decoration: none;
}
.lineupAll_group + .lineupAll_group{
  margin-top: 6%;
}
.lineupAll_title{
  margin-bottom: 5%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.15em;
}
.lineupAll_subTitle{
  width: 90%;
  margin: 0 auto 3.7%;
  padding: 1.5% 0;
  font-size: 4rem;
  font-weight: bold;
}







.lineupAll_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}
.lineupAll_list_gup{
  gap: 15%;
}

.lineupAll_list_item{
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  list-style: none;
}
.lineupAll_list_typeName{
  width: 100%;
  margin-bottom: 1%;
  font-size: 2.8rem;
  color: #888;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 4rem;
}

.lineupAll_list_typeName_new{
  padding-right: 9%;
  text-align: right;
}
.lineupAll_list_typeName_iconNew01{
  display: inline-block;
  width: 22%;
  vertical-align: middle;
}

.lineupAll_list_box{
  display: block;
  position: relative;
}
.lineupAll_list_colorName{
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 3rem;
  color: #888;
}
.lineupAll_list_colorName_siColor{
  color: #87aad9;
}
.lineupAll_list_colorName_fazzColor{
  color: #69b9b9;
}
.lineupAll_list_colorName_richColor{
  color: #4d8dd4;
}

.lineupAll_list_currentPage{
  background-color: rgb(255 255 255 / 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 4rem;
  text-align: center;
  letter-spacing: 0.05em;
  color: #888;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* lineupAll silicone */
.lineupAll_subTitle_silicone{
  background-image: linear-gradient(104deg, #E8E9EA, #FFFBED 23%, #DDE6EB 53%, #EFF3F6 82%, #E9E8DE 100%);
  padding-left: 6.8%;
  color: #87aad9;
  letter-spacing: 0.05em;
}
.lineupAll_subTitle_silicone span{
  display: inline-block;
  margin-right: 3%;
  padding-right: 2%;
  letter-spacing: 0.2em;
  position: relative;
}
.lineupAll_subTitle_silicone span::after{
  content: "";
  width: 2px;
  height: 104%;
  background-color: #87aad9;
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  right: 0;
}

.lineupAll_list_item_siliconClear{
  flex-direction: column;
  width: 100%;
}
.lineupAll_list_item_siliconColor{
  justify-content: flex-end;
}

.lineupAll_list_box_siliconCircle{
  width: 48%;
}
.lineupAll_list_box_siliconCircle:first-of-type{
  margin-right: -3%;
}

.lineupAll_list_box_siliconColor{
  width: 48%;
}
.lineupAll_list_box_siliconColor:first-of-type{
  margin-right: -4%;
}

.lineupAll_list_box_siliconClear{
  width: 30%;
  margin: 0 auto;
}

.lineupAll_list_pkgSilicon01{
  width: 80%;
  margin-left: auto;
}

/* lineupAll BLB */
.lineupAll_subTitle_blb{
  background-color: #6eb4dc;
  color: #fff;
  text-align: center;
  letter-spacing: 0.08em;
}
.lineupAll_subTitle_blbRenewal{
  width: 90%;
  margin-left: 5%;
  padding-left: 8%;
  position: relative;
}

.lineupAll_subTitle_blb_iconNew{
  width: 15.7%;
  position: absolute;
  top: 22%;
  left: -1%;
}

.lineupAll_list_item_blbClear{
  flex-direction: column;
  width: 30%;
}
.lineupAll_list_item_blbCircle{
  justify-content: center;
  width: 100%;
}

.lineupAll_blbList_typeName{
  width: 100%;
  margin-bottom: 3%;
  font-size: 2.8rem;
  color: #888;
  text-align: center;
  letter-spacing: 0.1em;
}

.lineupAll_blbList_box{
  position: relative;
}
.lineupAll_list_box_blbClear{
  width: 100%;
}
.lineupAll_list_box_blb2week{
  width: 100%;
  padding-top: 9%;
}
.lineupAll_list_box_blbCircle{
  width: 30%;
}

.lineupAll_list_pkgBlb01{
  width: 80.5%;
  margin: 0 4.5% 0 auto;
}
.lineupAll_list_pkgBlb02{
  width: 80.5%;
  margin: 0 5% 0 auto;
}
.lineupAll_list_pkgBlb03{
  width: 95%;
  margin-left: auto;
}

.lineupAll_blbList_currentPage{
  background-color: rgb(255 255 255 / 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 4rem;
  text-align: center;
  letter-spacing: 0.05em;
  color: #888;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* goodDeal（ブランドTOP） ---------------------------- */
.goodDeal{
  background: repeat url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/good_deal_bg.webp) 0 0 / 2% auto;
  padding-top: 12.5%;
  padding-bottom: 13.6%;
}
.goodDeal_title{
  margin-bottom: 1%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
}
.goodDeal_text{
  width: 97.2%;
  margin: 0 auto;
}
.goodDeal_list{
  display: flex;
  justify-content: center;
  column-gap: 2.2%;
  margin-bottom: 4.5%;
}
.goodDeal_list_item{
  width: 44.1%;
  background-color: #fff;
  list-style: none;
}
.goodDeal_list_item:last-child{
  width: 45.6%;
}
.goodDeal_attention{
  background-color: #fff;
  padding: .2em .4em;
  display: inline-block;
  font-size: 2.1rem;
  margin-left: 4.9%;
}

/* product（ブランドTOP） ---------------------------- */
.product_title{
  padding: 5% 0 3.3%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 9rem;
  letter-spacing: 0.13em;
}

.product_title_silicone{
  background-image: linear-gradient(90deg, #E7E8E9, #FFFAEC 23%, #DCE5EA 53%, #fff 82%, #E8E7DD);
  text-shadow: rgb(255 255 255) 1px 1px 0;
  color: #87aad9;
}
.product_title_silicone span{
  display: inline-block;
  background-image: linear-gradient(108deg, #A49E98, #E1DCD7 25%, #A49E98 56%, #E7E5E3 81%, #A49E98 100%);
  margin-right: 1%;
  padding: 1% 3.5%;
  font-size: 6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.1em;
}
.product_type{
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.product_type_bg01{
  background-image: var(--bgImg);
  padding: 11.5% 5% 14.6%;
}
.product_type_bg02{
  background-image: var(--bgImg);
  padding: 0 5% 15%;
}
.product_type_blbBg01{
  background-image: var(--bgImg);
  background-position: 0 12%, 0 bottom;
  background-color: #fafafb;
  padding: 0 5% 15%;
}
.product_type_blbBg02{
  background-image: var(--bgImg);
  background-position: 0 top, 0 bottom;
  background-color: #f7f7f9;
  padding: 0 5% 15%;
}

.product_subTitle{
  margin-bottom: 7%;
  font-size: 5.2rem;
  text-align: center;
  letter-spacing: 0.12em;
}
.product_subTitle_new{
  display: block;
  width: 37%;
  margin: 0 auto 3%;
}

.product_catch{
  margin-bottom: 5%;
  padding: 2.5% 0;
  border-radius: 2em;
  font-size: 3.4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: .05em;
}
.product_catch_silicone{
  background-image: linear-gradient(104deg, #E8E9EA, #FFFBED 23%, #DDE6EB 53%, #EFF3F6 82%, #E9E8DE 100%);
  text-shadow: rgb(255 255 255) 2px 1px 0;
  color: #87aad9;
}
.product_image{
  margin-bottom: 5.5%;
}
.product_spec{
  margin-bottom: 4.5%;
}

.product_feature{
  display: flex;
  justify-content: center;
  margin: 0 auto 6.8%;
}
.product_feature_box{
  width: 31%;
  text-align: center;
}
.product_feature_image{
  width: 58%;
  margin: 0 auto;
  position: relative;
}
.product_feature_text{
  margin-top: 5%;
  font-size: 2.3rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.01em;
}
/* 4列 */
.product_feature_4rows .product_feature_box{
  width: 25%;
}
.product_feature_4rows .product_feature_image{
  width: 72%;
}

.product_buy{
  display: flex;
  justify-content: space-between;
}
.product_buy_image{
  width: 36.7%;
}

.product_buy_box{
  width: 55.5%;
}

.product_buy_btnList_item{
  position: relative;
  margin-bottom: 6%;
  list-style: none;
}

.product_buy_iconHalf{
  width: 28%;
  position: absolute;
  top: -20%;
  left: -14.5%;
}
.product_buy_iconGood{
  width: 28%;
  position: absolute;
  top: -17%;
  left: -14.5%;
}
.product_buy_iconLimited{
  width: 28%;
  position: absolute;
  top: -17%;
  left: -14.5%;
}

.product_singleItem{
  margin-top: 9.5%;
}
.product_singleItem_text{
  margin-bottom: 9.5%;
  font-size: 5.4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.18em;
}

.product_singleItem_inner + .product_singleItem_inner{
  margin-top: 15%;
}

.product_singleItem_title{
  padding: 0.5% 0;
  font-size: 4rem;
}
.product_singleItem_title_circle{
  border: 2px solid #87aad9;
  background-color: rgb(255 255 255 / 0.8);
  margin-bottom: 0.5%;
  padding-left: 9%;
  color: #87aad9;
  position: relative;
}
.product_singleItem_title_circle::before{
  content: "";
  display: block;
  width: 49%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: -2px;
  left: 8%;
}
.product_singleItem_title_catchCircle{
  display: inline-block;
  width: 52%;
  margin-top: -4%;
  margin-right: 2%;
  vertical-align: bottom;
  position: relative;
  z-index: 2;
}

.product_singleItem_list{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.product_singleItem_list_item{
  width: 42%;
  margin-right: 4%;
  padding-left: 5.7%;
  list-style: none;
}
.product_singleItem_list_item a{
  text-decoration: none;
}

.product_singleItem_image{
  margin-left: -14.8%;
}

.product_singleItem_name{
  margin-top: 7%;
  font-size: 3.1rem;
  font-weight: 600;
  color: #888;
  text-align: center;
}

.product_singleItem_btn{
  background-color: #87aad9;
  border-radius: 0.3em;
  margin-top: 5%;
  padding: 3.5% 0 3% 10%;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  position: relative;
}
.product_singleItem_btn_fazzColor{
  background-color: #69b9b9;
}

.product_singleItem_btn::before{
  content: "";
  width: 0.95em;
  height: 0.95em;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: 4.3%;
  transform: translateY(-50%);
}
.product_singleItem_btn::after{
  content: "";
  height: 0.05em;
  border: 0.25em solid transparent;
  border-left: 0.37em solid #888;
  position: absolute;
  top: 50%;
  right: 4.2%;
  transform: translateY(-50%);
}

.product_singleItem_title_color{
  background-color: #87aad9;
  margin-top: 5%;
  padding-left: 12%;
  color: #fff;
}
.product_singleItem_title_catchColor{
  display: inline-block;
  width: 52%;
  margin-top: -6%;
  margin-right: 2%;
  vertical-align: bottom;
  position: relative;
  z-index: 2;
}
/* BLB */
.product_title_blb{
  background-color: #6eb4dc;
  color: #fff;
}
.product_renewal{
  margin: 0 auto 7%;
  padding-top: 10.5%;
  color: #6eb4dc;
  font-weight: bold;
}
.product_renewal_emphasis{
  margin-bottom: 1%;
  font-size: 6rem;
  letter-spacing: 0.05em;
  text-align: center;
}
.product_renewal_emphasis span{
  font-size: 10rem;
}
.product_renewal_icon{
  display: block;
  width: 53.5%;
  margin-left: 26%;
  margin-bottom: 2%;
}

.product_renewal_text{
  margin-bottom: 2.5%;
  font-size: 3.8rem;
  color: #6eb4dc;
  text-align: center;
}
.product_renewal_text_bg{
  background-color: #6eb4dc;
  border-radius: 50%;
  margin-right: 1%;
  padding: 1% 1.8%;
  font-size: 2.5rem;
  color: #fff;
  vertical-align: middle;
}
.product_renewal_text_blbMark{
  display: inline-block;
  width: 8%;
  margin-left: 0.5%;
  vertical-align: bottom;
}
.product_renewal_notes{
  margin-right: 11%;
  font-size: 1.8rem;
  text-align: right;
}
.product_renewal_image{
  width: 74%;
  margin: -2% auto 0 14%;
}

.product_catch_blb{
  border: 2px solid #6eb4dc;
  background-color: #fff;
  color: #6eb4dc;
}
.product_catch_blbCo{
  border: 2px solid #69b9b9;
  background-color: #fff;
  color: #69b9b9;
}

.product_block_mt{
  margin-top: 15.5%;
}
.product_feature_new{
  width: 59%;
  position: absolute;
  top: 0;
  left: 0;
}
.product_feature_newMoisture{
  margin: 6% auto -4% 15%;
}

.product_buy_2weekImg{
  width: 87.5%;
  margin-top: 2%;
  margin-left: 6%;
}
.product_buy_blbImg{
  width: 98%;
}

.product_singleItem_title_blbCi{
  color: #69b9b9;
  text-align: center;
  letter-spacing: 0.1em;
  position: relative;
}
.product_singleItem_title_fontBg{
  display: inline-block;
  background-color: #f7f7f9;
  padding: 0 5%;
  position: relative;
  z-index: 2;
}
.product_singleItem_title_blbCi::after{
  content: "";
  width: 100%;
  height: 2px;
  background-color: #69b9b9;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* planBox（ブランドTOP） ---------------------------- */
.planBox{
  margin-top: 15%;
  margin-bottom: 15%;
}
.planBox_mainTitle{
  margin-bottom: 4.7%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}

.planBox_bulk{
  width: 90%;
  margin: 0 auto;
  background-image: var(--bgImg);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: 39% auto;
  background-color: #6eb4dc;
  border-radius: 0.5em;
  padding-bottom: 2.8%;
  margin-bottom: 10%;
}
.planBox_bulk_title{
  width: 59.5%;
  padding-top: 6.7%;
  padding-left: 3%;
  margin-bottom: 6%;
}
.planBox_bulk_item{
  width: 93%;
  margin: 0 auto 3%;
  list-style: none;
}

.planBox_fixedTerm_mainTitle{
  margin-bottom: 4.5%;
  font-size: 5.3rem;
  color: #D75555;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 9rem;
  background: no-repeat url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/fixed_term_bg_l.webp) 12.5% 24% / 8.1% auto,
              no-repeat url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/fixed_term_bg_r.webp) 87.5% 24% / 8.1% auto;
}
.planBox_fixedTerm_mainTitle_fontLarge{
  font-size: 8rem;
  letter-spacing: 0.08em;
}
.planBox_fixedTerm_inner{
  width: 90%;
  margin: 0 auto;
  background-color: #6c9bd2;
  border-radius: 0.5em;
  padding-bottom: 5%;
}
.planBox_fixedTerm_title{
  width: 73.5%;
  margin: 0 auto;
  padding: 5% 0 4.7%;
}

.planBox_fixedTerm_image{
  position: relative;
}
.planBox_fixedTerm_badge01{
  position: absolute;
  top: 9%;
  right: -4.3%;
  width: 48%;
}
.planBox_fixedTerm_badge02{
  position: absolute;
  top: 0;
  right: -4.3%;
  width: 41%;
}

.planBox_fixedTerm_text{
  width: 91%;
  margin: 5.4% auto 5.7%;
}
.planBox_fixedTerm_subTitle{
  width: 93.4%;
  margin: 0 auto 5.7%;
  padding: 2% 0;
  color: #6c9bd2;
  background-color: #fff;
  text-align: center;
  font-size: 6.2rem;
  letter-spacing: 0.24em;
}

.planBox_fixedTerm_cateTitle{
  width: 93.4%;
  margin: 0 auto 2.2%;
  color: #fff;
  font-size: 4.4rem;
  letter-spacing: 0.03em;
  text-align: center;
}
.planBox_fixedTerm_cateTitle_fontLeft{
  text-align: left;
}
.planBox_fixedTerm_cateTitle_fontBg{
  display: inline-block;
  background-image: linear-gradient(108deg, #A49E98, #E1DCD7 25%, #A49E98 56%, #E7E5E3 81%, #A49E98 100%);
  margin-right: 2.5%;
  padding: 0.9% 3.3% 0.5%;
  font-size: 3.6rem;
}

.planBox_fixedTerm_list{
  width: 93.4%;
  margin: 0 auto;
}
.planBox_fixedTerm_list_item{
  position: relative;
  margin-bottom: 0.5%;
  list-style: none;
}
.planBox_fixedTerm_icon{
  position: absolute;
  left: -5.8%;
  bottom: -2%;
  width: 26.2%;
}
.planBox_fixedTerm_list + .planBox_fixedTerm_cateTitle{
  margin-top: 8%;
}

/* comparison（ブランドTOP）---------------------------- */
.comparison{
  margin-bottom: 15%;
}
.comparison_title{
  margin-bottom: 3%;
  font-size: 6.2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 8.6rem;
  text-align: center;
}
.comparison_title_logo{
  display: inline-block;
  width: 32%;
}

.comparison_wrap{
  overflow-x: scroll;
  padding: 0 4% 4%;
  margin-bottom: 3%;
}

.comparison_table{
  border-collapse: collapse;
  width: 211%;
}
.comparison_table th,
.comparison_table td{
  border: 2px solid #D8D8D8;
  padding: 0;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 4rem;
  text-align: center;
}
.comparison_table th{
  color: #6eb4dc;
}
.comparison_table td{
  height: 4.6em;
}
.comparison_table_blank{
  width: 12%;
  position: relative;
  overflow: hidden;
  background: linear-gradient(63deg, transparent 0%, transparent 49.7%, #D8D8D8 49.7%, #D8D8D8 50.3%, transparent 50.3%, transparent 100%);
}

.comparison_table_text{
  margin-bottom: 4%;
  padding-top: 4%;
  font-size: 2.8rem;
  font-weight: 600;
  color: #6C9BD2;
  text-align: center;
  line-height: 4rem;
  letter-spacing: 0.01em;
}
.comparison_table_text_siColor{
  color: #87aad9;
}
.comparison_table_text_blbColor{
  color: #6eb4dc;
}
.comparison_table_text_sieColor{
  color: #8EBCE0;
}

.comparison_table_image{
  width: 96%;
  margin: 0 auto;
}

.comparison_table_title{
  background-color: #87aad9;
  padding-top: 5%;
  padding-bottom: 3%;
  font-size: 3.1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 3.5rem;
}
.comparison_table_title_silicone{
  background-image: linear-gradient(90deg, #E5E6E7, #FFF8E5 25%, #DAD4C9 59%, #EFEFEF 78%, #DBD8C1);
  color: #87aad9;
  text-shadow: rgb(255 255 255) 2px 1px 0;
}
.comparison_table_title_blb{
  background-color: #6eb4dc;
}
.comparison_table_title_purity{
  background-image: linear-gradient(90deg, rgb(95 133 187 / 0.7) 20%, rgb(145 190 213 / 0.8) 100%);
  background-color: transparent;
}
.comparison_table_title_sie{
  background-color: #8ebce0;
}

.comparison_table_mark{
  background: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/comparison_table_mark.webp) no-repeat 0 0 / 17% auto;
}
.comparison_table_check{
  font-size: 1.6rem;
  font-weight: normal;
  color: #818282;
  margin-left: 0.5em;
  margin-right: -2em;
}

.comparison_table_box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.comparison_table_box_pieces{
  padding-right: 5%;
}
.comparison_table_box_price{
  border-left: 1px solid #888;
  padding-left: 5%;
  font-size: 2.8rem;
  line-height: 4.1rem;
  text-align: left;
}
.comparison_table_unit{
  font-size: 1.8rem;
}
.comparison_table_priceSmall{
  font-size: 2.4rem;
}
.comparison_table_unitSmall{
  font-size: 1.6rem;
}

.comparison_attention{
  padding-left: 4.9%;
  font-size: 2.4rem;
  color: #818282;
  line-height: 4rem;
}

/* colorChart（ブランドTOP） ---------------------------- */
.colorChart{
  width: 90%;
  margin: 0 auto 15%;
}
.colorChart_title{
  margin-bottom: 3%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 8.6rem;
}
.colorChart_title_logo{
  display: inline-block;
  width: 33%;
}

/* reviewSec（ブランドTOP） ---------------------------- */
.reviewSec{
  background-color: #faeb91;
  margin-bottom: 15%;
  padding-top: 16%;
  padding-bottom: 16.5%;
}
.reviewSec_title{
  margin-bottom: 10.5%;
  font-size: 6.2rem;
  font-feature-settings: "palt";
  text-align: center;
  line-height: 8.6rem;
  letter-spacing: 0.25em;
}

.reviewSec_block{
  background-image: var(--bgImg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-color: #FAEB91;
}
.reviewSec_block + .reviewSec_block{
  margin-top: 11.5%;
}

.reviewSec_subTitle{
  margin-bottom: 3.5%;
  padding-right: 7%;
  font-size: 3.6rem;
  letter-spacing: 0.11em;
  line-height: 5.5rem;
  text-align: center;
}

.reviewSec_box{
  background-color: #fff;
  border-radius: 1.6em;
  width: 70%;
  margin: 0 auto 12.2%;
  padding: 4% 0;
  text-align: center;
  position: relative;
}

.reviewSec_box::before{
  content: "";
  background-repeat: no-repeat;
  background-position: 0 bottom;
  background-size: contain;
  position: absolute;
}
.reviewSec_box_waterdrop01::before{
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop01.webp);
  width: 6.1%;
  aspect-ratio: 42 / 33;
  top: -39%;
  left: -3%;
}
.reviewSec_box_waterdrop02::before{
  content: "";
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop02.webp);
  width: 9.2%;
  aspect-ratio: 63 / 54;
  top: -9%;
  right: 10%;
}
.reviewSec_box_waterdrop03::before{
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop02.webp);
  width: 9.2%;
  aspect-ratio: 63 / 54;
  top: -8%;
  left: 11%;
}

.reviewSec_box_waterdrop04::before{
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop03.webp);
  width: 5%;
  aspect-ratio: 35 / 32;
  position: absolute;
  top: -14%;
  right: -12%;
}
.reviewSec_box_waterdrop05::before{
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop01.webp);
  width: 6.1%;
  aspect-ratio: 42 / 33;
  top: -34%;
  left: -10%;
}
.reviewSec_box_waterdrop06::before{
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop02.webp);
  width: 9.2%;
  aspect-ratio: 42 / 33;
  top: -8%;
  right: 14%;
}
.reviewSec_box_waterdrop07::before{
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop01.webp);
  width: 6.1%;
  aspect-ratio: 42 / 33;
  top: 75%;
  left: -2%;
}
.reviewSec_box_waterdrop08::before{
  background-image: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_waterdrop03.webp);
  width: 5%;
  aspect-ratio: 35 / 32;
  position: absolute;
  top: 78%;
  right: -6%;
}

.reviewSec_box::after{
  content: "";
  background: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/review_box_bg.webp) no-repeat 0 0 / contain;
  width: 16%;
  aspect-ratio: 97 / 44;
  position: absolute;
  left: 11.2%;
  bottom: -9%;
}
.reviewSec_box:nth-of-type(even)::after{
  transform: scale(-1, 1);
  left: auto;
  right: 12.2%;
}

.reviewSec_box_star{
  display: inline-block;
  width: 29%;
  margin-bottom: 3%;
}


.reviewSec_box_text{
  font-size: 2.8rem;
  font-weight: 600;
  font-feature-settings: "palt";
  color: #6eb4dc;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 4.3rem;
}
.reviewSec_box_text_kerning01{
  letter-spacing: 0.1em;
}
.reviewSec_box_text_siColor{
  color: #87aad9;
}
.reviewSec_box_text_fazzColor{
  color: #69b9b9;
}
.reviewSec_box_text_richColor{
  color: #4c94e0;
}

.reviewSec_box_user{
  width: 33%;
  position: absolute;
  bottom: -22%;
}
.reviewSec_box_user_icon{
  width: 44%;
  margin: 0 auto 3%;
}
.reviewSec_box_user_name{
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.07em;
  color: #6eb4dc;
}
.reviewSec_box_user_name_siColor{
  color: #87aad9;
}
.reviewSec_box_user_name_fazzColor{
  color: #69b9b9;
}
.reviewSec_box_user_name_richColor{
  color: #4c94e0;
}

.reviewSec_box_user_name span{
  display: inline-block;
  font-size: 2rem;
  margin-left: 3%;
}

.reviewSec_box:nth-of-type(odd) .reviewSec_box_user{
  left: -17%;
}
.reviewSec_box:nth-of-type(even) .reviewSec_box_user{
  right: -14%;
}

.reviewSec_box_badge{
  width: 44%;
  position: absolute;
  top: -50%;
  right: -21%;
}
.reviewSec_box_badge_brandTop{
  top: -66%;
}

.reviewSec_box_badge_blb{
  top: -54%;
}

.reviewSec_flex{
  display: flex;
  width: 90%;
  margin: 0 auto;
}
.reviewSec_notes{
  width: 53.5%;
}
.reviewSec_notes_child{
  font-size: 1.8rem;
  letter-spacing: 0.07em;
  line-height: 3rem;
  font-feature-settings: "palt";
  text-indent: -1em;
  padding-left: 1em;
  list-style: none;
}
.reviewSec_btn{
  width: 46.5%;
  padding-top: 0.8%;
  position: relative;
}
.reviewSec_btn a{
  display: block;
  background-color: #fff;
  border-radius: 0.3em;
  padding: 1em;
  font-size: 2.8rem;
  font-weight: 600;
  color: #888;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  text-decoration: none;
  position: relative;
}
.reviewSec_btn a::before{
  content: "";
  width: 0.95em;
  height: 0.95em;
  border: 1px solid #D8D8D8;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: 8.3%;
  transform: translateY(-50%);
  z-index: 2;
}
.reviewSec_btn a::after{
  content: "";
  height: 0.05em;
  border: 0.25em solid transparent;
  border-left: 0.37em solid #666;
  position: absolute;
  top: 50%;
  right: 8.2%;
  transform: translateY(-50%);
  z-index: 3;
}

/* qualityControl（ブランドTOP） ---------------------------- */
.qualityControl{
  margin-bottom: 16.5%;
}
.qualityControl_mt{
  margin-top: 15%;
}

.qualityControl_title{
  margin-bottom: 5.2%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.15em;
  line-height: 8rem;
}

.qualityControl_box{
  display: flex;
}
.qualityControl_box_image{
  width: 44%;
}
.qualityControl_box_detail{
  width: 56%;
  padding: 4.5% 0 0 4%;
}
.qualityControl_box_subTitle{
  margin-bottom: 6.1%;
  padding-top: 5%;
  font-size: 5.3rem;
  letter-spacing: 0.09em;
  color: #6eb4dc;
}

.qualityControl_box_dot{
  position: relative;
}
.qualityControl_box_dot::before{
  content: "";
  width: 100%;
  height: 1em;
  background-image: radial-gradient(#C66161 10%, transparent 10%);
  background-size: 1.08em 1.08em;
  position: absolute;
  top: -0.7em;
}

.qualityControl_box_certificate{
  margin-left: -20%;
  margin-bottom: 7%;
  width: 113.5%;
}
.qualityControl_box_text{
  font-size: 2.7rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 5rem;
  margin-bottom: 5%;
}

/* lowPrice（ブランドTOP） ---------------------------- */
.lowPrice_title{
  margin-bottom: 7.4%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.15em;
  line-height: 8rem;
}
.lowPrice_box{
  display: flex;
  margin-bottom: 4.8%;
}

.lowPrice_box_detail{
  width: 56%;
  padding: 4% 0 0 7%;
}
.lowPrice_box_subTitle{
  margin-bottom: 6.5%;
  padding-top: 5%;
  font-size: 5.3rem;
  letter-spacing: 0.09em;
  color: #6eb4dc;
}

.lowPrice_box_dot{
  position: relative;
}
.lowPrice_box_dot::before{
  content: "";
  width: 100%;
  height: 1em;
  background-image: radial-gradient(#C66161 10%, transparent 10%);
  background-size: 1.05em 1.05em;
  position: absolute;
  top: -0.65em;
}

.lowPrice_box_text{
  margin-bottom: 5%;
  font-size: 2.7rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 5rem;
}
.lowPrice_box_line{
background-image: linear-gradient(0deg, #FAEB91, #FAEB91 34%, transparent 35%, transparent);
}

.lowPrice_box_image{
  width: 44%;
}

.lowPrice_comparison{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.lowPrice_comparison_other{
  background-color: #eee;
  padding: 5.5%;
}
.lowPrice_comparison_subTitle{
  margin-bottom: 4%;
  font-size: 3.5rem;
  color: #666;
  letter-spacing: 0.12em;
}

.lowPrice_comparison_text{
  display: inline-block;
  background-color: #fff;
  border-radius: 1em;
  margin-bottom: 3.1%;
  padding: 0 1em;
  font-size: 2.8rem;
  font-weight: 600;
  color: #6C9BD2;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 2.1;
}
.lowPrice_comparison_text_gray{
  color: #888;
}

.lowPrice_comparison_red{
  color: #D75555
}

.lowPrice_comparison_block{
  background-color: #6eb4dc;
  padding: 5.5%;
}
.lowPrice_comparison_subTitle_ll{
  margin-bottom: 4%;
  font-size: 3rem;
  color: #fff;
  letter-spacing: 0.12em;
  text-align: center;
}
.lowPrice_comparison_subTitle_ll img{
  display: inline-block;
  width: 46.8%;
  margin-right: 2%;
  vertical-align: bottom;
}
.lowPrice_comparison_subTitle_ll span{
  display: inline-block;
  margin-right: -1.5%;
}

.lowPrice_comparison_box{
  background-color: #fff;
  border-radius: .5em;
  position: relative;
  filter: drop-shadow(0 0 10px rgb(0 0 0 / 0.25));
  margin-top: 4.5%;
  padding: 5% 0 3%;
}
.lowPrice_comparison_box::before{
  content: "";
  width: 0;
  height: 0;
  border: 1.25em solid transparent;
  border-bottom: 1.8em solid #fff;
  position: absolute;
  top: -2.92em;
  left: 0;
  right: 0;
  margin: auto;
}
.lowPrice_comparison_list{
  display: flex;
  width: 90%;
  margin: 0 auto 2.5%;
  column-gap: 4%;
}
.lowPrice_comparison_child{
  background-color: #6eb4dc;
}
.lowPrice_comparison_name{
  padding: 5% 0;
  font-size: 2.3rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  letter-spacing: 0.16em;
}
.lowPrice_comparison_image{
  padding: 0 0.3em 0.3em;
}

.lowPrice_comparison_bottom{
  text-align: center;
  font-size: 2.2em;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 6.2rem;
}
.lowPrice_comparison_mark{
  background-image: linear-gradient(0deg, #FAEB91, #FAEB91 34%, transparent 35%, transparent);
}
.lowPrice_comparison_emphasis{
  font-size: 4.2rem;
  letter-spacing: 0.05em;
  color: #D75555
}

/* 定期便TOP
====================================================*/
.teikiFv{
  position: relative;
  margin-bottom: 15%;
}
.teikiFv_box{
  writing-mode: vertical-rl;
  line-height: 7.5rem;
  position: absolute;
  top: 37%;
  right: 3%;
}
.teikiFv_text{
  display: inline-block;
  background-color: #fff;
  padding: 1.5%;
  font-size: 4.4rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #888;
  white-space: nowrap;
}
.teikiFv_text:first-of-type{
  margin-top: -2em;
}
.teikiFv_kerning{
  letter-spacing: -0.4em;
}

/* lineupAll(定期便TOP) ---------------------------- */
/* lineupAll silicone */
.lineupAll_list_teikiSilicon{
  gap: 0 3%;
}
.lineupAll_list_item_teikiSilicon{
  flex-direction: column;
  width: 43%;
}

.lineupAll_list_teikiPkg01{
  width: 65%;
  margin: 0 9% 0 auto;
}
.lineupAll_list_teikiPkg02{
  width: 69%;
  margin: 0 auto;
}
.lineupAll_list_teikiPkg02_new{
  margin: 2% 17% 0 auto;
}

.lineupAll_list_teikiNew01{
  width: 28%;
  position: absolute;
  top: 0%;
  right: 18%;
}

/* lineupAll BLB */
.lineupAll_list_item_teikiBlb01{
  flex-direction: column;
  width: 32%;
}

.lineupAll_list_teikiPkg03{
  width: 81%;
  margin: 0 auto 0 17%;
}
.lineupAll_list_teikiPkg04{
  width: 74%;
  margin: 0 7% 0 auto;
  padding-top: 11%;
}
.lineupAll_list_teikiPkg05{
  width: 79%;
  margin: 0 auto 0 13%;
}

/* worry(定期便TOP) ---------------------------- */
.worry{
  background-image: var(--bgImg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-color: #FAEB91;
  padding-top: 12.5%;
}
.worry_title{
  margin-bottom: 7%;
  margin-left: 4%;
  text-shadow: rgb(255 255 255 / 0.65) 0.12em 0.12em 0.24em,
    rgb(255 255 255 / 0.65) -0.12em 0.12em 0.24em,
    rgb(255 255 255 / 0.65) 0.12em -0.12em 0.24em,
    rgb(255 255 255 / 0.65) -0.12em -0.12em 0.24em;
  font-size: 6rem;
  color: #666;
  text-align: center;
  letter-spacing: 0.22em;
  font-feature-settings: "palt";
}

.worry_box{
  width: 81.5%;
  margin: 0 auto;
}
.worry_box_child{
  display: flex;
  align-items: center;
  margin-bottom: 3.5%;
}
.worry_box_num{
  width: 14%;
  position: relative;
  z-index: 1;
}

.worry_box_text{
  background-color: #6C9BD2;
  width: 88%;
  margin-left: -2%;
  padding: 2% 0 2% 3%;
  font-size: 3.6rem;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.105em;
  color: #fff;
}
.worry_box_text_spacing{
  letter-spacing: 0.04em;
}

.worry_text01{
  font-size: 4.2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.13em;
}
.worry_text02{
  padding: 16.5% 0 12%;
  width: 83.7%;
  margin: 0 auto;
}

/* merit(定期便TOP) ---------------------------- */
.merit{
  background: repeat url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/merit_bg.webp) 0 1.3em / 2% auto;
  padding: 17% 0;
}
.merit_title{
  width: 73.5%;
  margin: 0 auto 6.5%;
}
.merit_inner{
  display: flex;
  flex-wrap: wrap;
  gap: 30px 4%;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 5%;
}

.merit_box{
  filter: drop-shadow(0.58em 0.5em 0 #F7E88E);
  width: 48%;
}
.merit_box_full{
  width: 100%;
}

.merit_box_inner{
  clip-path: polygon(2.2em 0, 100% 0, 100% 100%, 0 100%, 0 2.2em);
  background-color: #fff;
  padding: 9.5% 3% 4.5%;
  position: relative;
  width: 100%;
}

.merit_box_inner_flex2rows{
  display: flex;
  justify-content: space-between;
  padding-top: 3.5%;
  padding-bottom: 2.6%;
}
.merit_box_flexIcon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21%;
  margin-left: 5%;
}
.merit_box_flexText{
  width: 67.5%;
}

.merit_box_num{
  width: 6%;
  position: absolute;
  top: 0;
  left: 5%;
}
.merit_box_num_position01{
  top: 3%;
}
.merit_box_num_position02{
  width: 7%;
  top: 9%;
}
.merit_box_num_position03{
  width: 15%;
  top: 6%;
  left: 7%;
}

.merit_box_text{
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0.165em;
  line-height: 5rem;
  font-feature-settings: "palt";
}
.merit_box_text_center{
  text-align: center;
}

.merit_box_title{
  margin-bottom: 1.2%;
  font-size: 4.4rem;
  line-height: 6rem;
  letter-spacing: 0.04em;
  color: #6C9BD2;
  font-feature-settings: "palt";
}
.merit_box_title_center{
  text-align: center;
}
.merit_box_title_spacing{
  letter-spacing: 0.2em;
}
.merit_box_titleRed{
  color: #D16161;
}

.merit_box_flex{
  display: flex;
  justify-content: space-between;
  margin-bottom: 5.2%;
}
.merit_box_flexItem{
  width: 48.2%;
}

/* merit point01 */
.merit_box_title_pt01{
  display: flex;
  align-items: flex-end;
  margin: -2% 0 5.8% 9%;
}

.merit_box_title_pt01Text01{
  display: block;
  width: 54%;
  font-size: 5rem;
  letter-spacing: 0.03em;
  line-height: 5.4rem;
}
.merit_box_title_pt01Text01_small{
  font-size: 3.7rem;
  letter-spacing: 0.15em;
}

.merit_box_title_pt01Text02{
  width: 36%;
  font-size: 11.7rem;
  letter-spacing: 0.05em;
  color:#D75555;
}

.merit_box_title_pt01Text03{
  width: 10%;
  font-size: 5rem;
  line-height: 5.7rem;
  color:#D75555;
}

.merit_box_itemTitle{
  clip-path: polygon(3% 0, 100% 0, 100% 84%, 97% 100%, 0 100%, 0 14%);
  margin-bottom: 6.8%;
  padding: 1.5%;
  font-size: 2.1rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.merit_box_itemTitle_silicone{
  background-image: linear-gradient(90deg, #E7E8E9, #FFFAEC 23%, #DCE5EA 53%, #fff 82%, #E8E7DD);
  background-color: transparent;
  color: #87AAD9;
  text-shadow: rgb(255 255 255) 1px 1px 0;
}
.merit_box_itemTitle_blb{
  background-color: #6EB4DC;
  margin-bottom: 6.8%;
  color: #fff;
  letter-spacing: 0.1em;
  font-feature-settings: "palt";
}
.merit_box_itemImg_blb{
  width: 102%;
}

/* merit point02 */
.merit_box_text_kerning01{
  letter-spacing: 0.12em;
}

/* merit point(2列置き) */
.merit_box_inner_cycle{
  padding: 8% 0 7.1%;
}
.merit_box_inner_skip{
  padding: 6% 0 4.5%;
}
.merit_box_inner_freeShipping{
  padding: 9% 0 7%;
}
.merit_box_inner_other{
  padding-top: 10%;
  padding-bottom: 7%;
}

.merit_box_icon{
  width: 50%;
  margin: 0 auto 7%;
}
.merit_box_icon_other{
  width: 52%;
  margin: 0 auto 7%;
}

.merit_box_notes{
  font-size: 1.7rem;
  text-align: center;
}

.merit_text{
  width: 90%;
  margin: 0 auto 5%;
  padding-left: 2em;
  text-indent: -2em;
}
.merit_textBg{
  background-color: #fff;
  padding: 0.2% 0.5%;
  font-size: 2.4rem;
  line-height: 4rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
}

.merit_btn{
  width: 90%;
  margin: 0 auto;
}
.merit_btn a{
  background-color: #6C9BD2;
  display: block;
  border-radius: 0.2em;
  padding: 3.5%;
  font-size: 3.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.23em;
  color: #fff;
  font-feature-settings: "palt";
  text-decoration: none;
  position: relative;
}
.merit_btn a::before{
  content: "";
  width: 0.8em;
  height: 0.8em;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.4%;
  margin: auto;
}
.merit_btn a::after{
  content: "";
  border: 0.21em solid transparent;
  border-left: 0.33em solid #888;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.4%;
  margin: auto;
  height: 0.05em;
}
.merit_btnYellow{
  color: #faeb91;
}

.merit_campaign {
  width: 91.1%;
  margin-left: 5%;
}

/* refund(定期便TOP) ---------------------------- */
.refund{
  background: repeat url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/merit_bg.webp) 0 0 / 2% auto;
  margin-bottom: 15%;
  padding-bottom: 13%;
}
.refund_inner{
  width: 90%;
  margin: 0 auto;
}
.refund_image{
  margin-right: -1%;
}

.refund_details{
  background-color: transparent;
  transition: 0.9s;
}
.refund_details[open]{
  background-color: #e3e3e3;
}

.refund_summary{
  background-color: #e3e3e3;
  padding: 1.8% 0 1.8% 21%;
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #666666;
  cursor: pointer;
  list-style: none;
}
.refund_summary::-webkit-details-marker{
  display: none; /* safari対応 */
}

.refund_summary_arrow{
  display: inline-block;
  position: relative;
  padding-right: 3em;
}
.refund_summary_arrow::before{
  content: "";
  width: 0.8em;
  height: 0.8em;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 3.4%;
  bottom: 0;
  margin: auto;
}
.refund_summary_arrow::after{
  content: "";
  border-left: 0.2em solid transparent;
  border-right: 0.2em solid transparent;
  border-top: 0.3em solid #035cb9;
  position: absolute;
  top: 0;
  right: 4.6%;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  transition: 0.3s;
}
.refund_details[open] .refund_summary_arrow::after {
  transform: rotate(-180deg);
}

.refund_bg{
  background-color: transparent;
  padding-bottom: 3%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.refund_details[open] .refund_bg{
  background-color: #e3e3e3;
  opacity: 1;
  visibility: visible;
}

.refund_block{
  background-color: #e1e6e6;
  margin: 0 auto;
  padding: 3%;
  width: 93%;
  color: #666;
}

.refund_text{
  margin-bottom: 3%;
  font-size: 3.8rem;
  line-height: 5.2rem;
  text-align: center;
}
.refundNotice_lead{
  background-color: #cedff2;
  padding: 1.6%;
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
}
.refundNotice_block{
  background-color: #fff;
  padding: 3%;
  text-align: center;
}

.refundNotice_item:not(:last-of-type){
  margin-bottom: 3%;
}

.refundNotice_title{
  margin-bottom: 1%;
  font-size: 2.5rem;
  font-weight: 600;
}
.refundNotice_text{
  font-size: 2.3rem;
  line-height: 3.5rem;
}

.refundNotice_notes{
  margin-left: 1.5em;
  padding-top: 3%;
}
.refundNotice_notes_item{
  margin-bottom: 2%;
  font-size: 2.4rem;
  line-height: 3.9rem;
}
.refundNotice_subNotes{
  margin-top: 10px;
  margin-left: 14px;
}
.refundNotice_subNotes_item{
  font-size: 1.4rem;
  line-height: 2.2rem;
}

.refundNotice_emphasis{
  font-weight: bold;
}

/* teikiPlan(定期便TOP) ---------------------------- */
.teikiPlan{
  width: 90%;
  margin: 0 auto 15%;
}
.teikiPlan_title{
  margin-bottom: 4.7%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}
.teikiPlan_list_child{
  margin-bottom: 5%;
  list-style: none;
}

/* reviewSec(定期便TOP) ---------------------------- */
.reviewSec_block_teikiTop{
  background-position: right bottom 52%;
}

/* teikiFaq(定期便TOP) ---------------------------- */
.teikiFaq{
  background: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/teikiFaq_bg.webp) repeat 0 0 / 3% auto #fff;
  margin-top: 15%;
  padding: 17% 6% 1%;;
}
.teikiFaq_title{
  margin-bottom: 10%;
  font-size: 6.2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.13em;
}
.teikiFaq_block{
  margin-bottom: 15%;
}
.teikiFaq_subTitle{
  margin-bottom: 6%;
  font-size: 4.5rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-align: center;
  color: #6c9bd2;
}

.teikiFaq_details{
  background-color: transparent;
  border-radius: 50px;
  margin-bottom: 4%;
  transition: 0.5s;
}
.teikiFaq_details[open]{
  background-color: #fff;
}

.teikiFaq_summary{
  background-color: #6c9bd2;
  border-radius: 50px;
  padding: 3% 8% 3% 11%;
  cursor: pointer;
  list-style: none;
  position: relative;
}
.teikiFaq_summary::-webkit-details-marker{
  display: none; /* safari対応 */
}
.teikiFaq_summary::before{
  content: "";
  background: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/teikiFaq_q.svg) no-repeat 0 0 / contain;
  width: 4.8%;
  aspect-ratio: 133 / 105;
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
}

.teikiFaq_questionTitle{
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #fff;
}

.teikiFaq_iconPlus{
  width: 25px;
  height: 25px;
  position: absolute;
  top: 47%;
  right: 5.5%;
  transform: translateY(-50%);
}

.teikiFaq_iconPlus::before{
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 6px;
  transition: 0.3s;
}
.teikiFaq_details[open] .teikiFaq_iconPlus::before{
  transform: rotate(-45deg);
}

.teikiFaq_iconPlus::after{
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 6px;
  transform: rotate(-90deg);
  transition: 0.3s;
}
.teikiFaq_details[open] .teikiFaq_iconPlus::after{
  transform: rotate(45deg);
}

.teikiFaq_answer{
  margin-top: 3%;
  padding: 0.3% 5% 3% 11.5%;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.teikiFaq_details[open] .teikiFaq_answer{
  opacity: 1;
  visibility: visible;
}

.teikiFaq_answer::before{
  content: "";
  background: url(https://la48yrki3t.user-space.cdn.idcfcloud.net/images/pc/type/se_lenslist/teikiFaq_a.svg) no-repeat 0 0 / contain;
  width: 4.8%;
  aspect-ratio: 128 / 102;
  position: absolute;
  top: 0.2em;
  left: 4%;
}
.teikiFaq_answerText{
  font-size: 2.6rem;
  letter-spacing: 0.05em;
  line-height: 4rem;
}


/* ------------------------------------------------------------
商品ページ
------------------------------------------------------------ */

/* ブランド 単品（シリコーン／BLB）
====================================================*/
.lenslistLp{
  text-align: left;
}

/* 見出し */
.lenslistLp .intro_title,
.lenslistLp .lowPrice_title,
.lenslistLp .lineupAll_title,
.lenslistLp .colorChart_title,
.lenslistLp .planBox_mainTitle,
.lenslistLp .planBox_fixedTerm_mainTitle,
.lenslistLp .reviewSec_title,
.lenslistLp .qualityControl_title{
  font-size: 3.5rem;
  line-height: 5rem;
}

.movieBox{
  background-image: var(--bgImg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  padding-top: 108.3%;
  position: relative;
}
.movieBox video{
  max-width: 54.5%;
  margin: 0 auto;
  position: absolute;
  top: 44.5%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* intro(商品ページ) ---------------------------- */
.lenslistLp .intro_box_text{
  font-size: 2rem;
  line-height: 4.5rem;
  text-align: left;
}
.lenslistLp .intro_box_textBg_left{
  padding-left: 0;
}

/* lineupAll(商品ページ) ---------------------------- */
.lenslistLp .lineupAll_subTitle{
  padding-top: 2%;
  padding-bottom: 2%;
  font-size: 2.3rem;
}

.lenslistLp .lineupAll_list_currentPage{
  font-size: 1.8rem;
  line-height: 2.2rem;
}
.lenslistLp .lineupAll_list_typeName{
  font-size: 1.8rem;
}
.lenslistLp .lineupAll_list_colorName{
  font-size: 1.2rem;
}

/* lineupAll silicone */
.lenslistLp .lineupAll_subTitle_silicone span::after{
  width: 1px;
}

/* planBox(商品ページ) ---------------------------- */
.lenslistLp .planBox_fixedTerm_text{
  margin-bottom: 3%;
}
.lenslistLp .planBox_fixedTerm_badge01{
  width: 48%;
}
.lenslistLp .planBox_fixedTerm_badge02{
  width: 41%;
}

.lenslistLp .planBox_fixedTerm_cateTitle_fontBg{
  font-size: 2.2rem;
}

.lenslistLp .planBox_fixedTerm_icon{
  width: 26.2%;
}
.lenslistLp .planBox_fixedTerm_subTitle{
  font-size: 3.5rem;
}
.lenslistLp .planBox_fixedTerm_mainTitle_fontLarge{
  font-size: 5.3rem;
}

.lenslistLp .planBox_fixedTerm_cateTitle{
  font-size: 2.5rem;
}

/* colorChart(商品ページ) ---------------------------- */
.lenslistLp .colorChart_mt{
  margin-top: 15%;
}

/* reviewSec(定期 商品ページ) ---------------------------- */
.lenslistLp .reviewSec{
  margin-bottom: 0;
}
.lenslistLp .reviewSec_itemPage{
  background-image: var(--bgImg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding-bottom: 8%;
}
.lenslistLp .reviewSec_block{
  background: none;
}

.lenslistLp .reviewSec_box_text{
  font-size: 1.6rem;
  line-height: 2.8rem;
}

.lenslistLp .reviewSec_box_user_name{
  font-size: 1.5rem;
}
.lenslistLp .reviewSec_box_user_name span{
  font-size: 1.3rem;
}

.lenslistLp .reviewSec_notes{
  width: auto;
  text-align: center;
}
.lenslistLp .reviewSec_notes_child{
  font-size: 1.2rem;
  line-height: 2rem;
}

.lenslistLp .reviewNotes{
  font-size: 1.2rem;
  text-align: center;
}

/* reviewSec(Wお試し 商品ページ) ---------------------------- */
.lenslistLp .reviewSec_box_star_wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  border-radius: 4px;
  margin: 0 auto 10px;
  padding: 5px 10px;
}
.lenslistLp .reviewSec_box_star_wrap_si{
  background-color: #87AAD9;
}
.lenslistLp .reviewSec_box_star_wrap_blb{
  background-color: #6EB4DC;
}
.lenslistLp .reviewSec_box_star_wrap .reviewSec_box_star{
  width: 34%;
  margin-bottom: 0;
}
.lenslistLp .reviewSec_box_star_type{
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
}
.lenslistLp .reviewSec_bottom_wtrial .reviewSec_notes{
  text-align: left;
  width: 87%;
  margin: 0 auto;
}

/* product(商品ページ) ---------------------------- */
.lenslistLp .product_lpTitle{
  padding-top: 9.5%;
  font-size: 3.5rem;
  line-height: 5rem;
  text-align: center;
}
.lenslistLp .product_siliconeBg{
  background-image: var(--bgImg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding: 0 5%;
}
.lenslistLp .product_singleItem_title{
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 2.5rem;
}
.lenslistLp .product_singleItem_name{
  font-size: 1.7rem;
}
.lenslistLp .product_singleItem_btn{
  font-size: 1.7rem;
  line-height: 2rem;
}
.lenslistLp .product_singleItem_current{
  margin-top: 5%;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  line-height: 2.3rem;
  letter-spacing: 0.05em;
  color: #87aad9;
}
.lenslistLp .product_lpBnr{
  margin-top: 10%;
  padding-bottom: 15%;
}

/* 品質訴求(商品ページ) ---------------------------- */
.lenslistLp .qualityControl{
  margin-top: 15%;
}
.lenslistLp .qualityControl_box_subTitle,
.lenslistLp .lowPrice_box_subTitle{
  font-size: 2.8rem;
}
.lenslistLp .qualityControl_box_text,
.lenslistLp .lowPrice_box_text{
  font-size: 1.8rem;
  line-height: 3rem;
}

.lenslistLp .lowPrice{
  margin-bottom: 11%;
  text-align: left;
}
.lenslistLp .lowPrice_comparison_subTitle{
  font-size: 2rem;
}
.lenslistLp .lowPrice_comparison_text{
  font-size: 1.6rem;
}

.lenslistLp .lowPrice_comparison_name{
  font-size: 1.3rem;
}
.lenslistLp .lowPrice_comparison_bottom{
  font-size: 2rem;
  line-height: 4.2rem;
}
.lenslistLp .lowPrice_comparison_emphasis{
  font-size: 3rem;
}

.lenslistLp .lowPrice_comparison_box::before{
  border: 1em solid transparent;
  border-bottom: 1.5em solid #fff;
  top: -12%;
}

/* まとめ買い（BLB） */
.lenslistLp .halfPrice{
  margin-top: 12%;
}

.lenslistLp .planBox_bulkBlb{
  margin-bottom: 4.5%;
}

/* まとめ買い（Wお試し） */
.lenslistLp .planBox_bulkWtrail_inner{
  width: 90%;
  margin: 0 auto 60px;
  background-color: #6EB4DC;
  border-radius: 0.5em;
  padding-bottom: 2%;
}

.lenslistLp .planBox_bulkWtrail_list{
  width: 93.4%;
  margin: 0 auto;
}
.lenslistLp .planBox_bulkWtrail_list_item{
  position: relative;
  margin-bottom: 4%;
  list-style: none;
}


/* 定期便 単品（シリコーン／BLB）
====================================================*/
/* 見出し */
.lenslistLp .teikiFaq_title,
.lenslistLp .teikiPlan_title{
  font-size: 3.5rem;
  line-height: 5rem;
}


/* merit(定期 商品ページ) ---------------------------- */
.lenslistLp .merit{
  background-position: 0 1.5em;
}
.lenslistLp .merit_inner{
  gap: 20px 4%;
}
.lenslistLp .merit_box_title_pt01{
  margin-left: 11%;
}
.lenslistLp .merit_box_title_pt01Text01{
  font-size: 2.9rem;
  line-height: 3.1rem;
}
.lenslistLp .merit_box_title_pt01Text01_small{
  font-size: 2.2rem;
}
.lenslistLp .merit_box_title_pt01Text02{
  font-size: 6.6rem;
}
.lenslistLp .merit_box_title_pt01Text03{
  font-size: 3rem;
  line-height: 3.2rem;
}

.lenslistLp .merit_box_itemTitle{
  font-size: 1.3rem;
  line-height: 2rem;
}
.lenslistLp .merit_box_text{
  font-size: 2rem;
  line-height: 3rem;
}

.lenslistLp .merit_box_title{
  font-size: 2.6rem;
  line-height: 4rem;
}
.lenslistLp .merit_box_notes{
  font-size: 1rem;
}
.lenslistLp .merit_box_inner{
  clip-path: polygon(1.2em 0, 100% 0, 100% 100%, 0 100%, 0 1.2em);
}
.lenslistLp .merit_text{
  padding-left: 1em;
  text-indent: -1em;
}
.lenslistLp .merit_textBg{
  font-size: 1.4rem;
  line-height: 2.5rem;
}
.lenslistLp .merit_btn a{
  font-size: 2rem;
}

/* refund(定期 商品ページ) ---------------------------- */
.lenslistLp .refund{
  margin-bottom: 0;
}
.lenslistLp .refund_summary{
  font-size: 2rem;
}
.lenslistLp .refund_text{
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.lenslistLp .refundNotice_lead{
  font-size: 2.3rem;
}
.lenslistLp .refundNotice_title{
  font-size: 2rem;
}
.lenslistLp .refundNotice_text{
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.lenslistLp .refundNotice_notes_item {
  font-size: 1.7rem;
  line-height: 2.8rem;
  list-style-type: disc;
}

/* lineupColor(定期 商品ページ) ---------------------------- */
.lenslistLp .lineupColor{
  margin: 15% 0 4%;
}
.lenslistLp .lineupColor_mt{
  margin-top: 4%;
}

.lenslistLp .lineupColor_title{
  margin-bottom: 9.5%;
  font-size: 3.5rem;
  line-height: 5rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.18em;
}

.lenslistLp .lineupColor_inner{
  width: 90%;
  margin: 0 auto;
}
.lenslistLp .lineupColor_inner + .lineupColor_inner{
  margin-top: 8%;
}

.lenslistLp .lineupColor_subTitle{
  margin-bottom: 2.5%;
  padding: 1% 0;
  font-size: 2.5rem;
}
.lenslistLp .lineupColor_subTitle_circle{
  border: 2px solid #87aad9;
  background-color: rgb(255 255 255 / 0.8);
  padding-left: 9%;
  color: #87aad9;
  position: relative;
}
.lenslistLp .lineupColor_subTitle_circle::before{
  content: "";
  display: block;
  width: 49%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: -2px;
  left: 8%;
}
.lenslistLp .lineupColor_subTitle_catchCircle{
  display: inline-block;
  width: 52%;
  margin-top: -4%;
  margin-right: 2%;
  vertical-align: bottom;
  position: relative;
  z-index: 2;
}
.lenslistLp .lineupColor_list{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.lenslistLp .lineupColor_list_item{
  width: 48%;
  list-style: none;
  position: relative;
}

.lenslistLp .lineupColor_name{
  font-size: 1.9rem;
  font-weight: 600;
  color: #87aad9;
  letter-spacing: 0.1em;
  position: absolute;
  bottom: 16%;
  left: 0;
}
.lenslistLp .lineupColor_name_noKerning{
  letter-spacing: 0;
}

.lenslistLp .lineupColor_subTitle_color{
  margin-top: 5%;
  background-color: #87aad9;
  padding-left: 12%;
  color: #fff;
}
.lenslistLp .lineupColor_subTitle_catchColor{
  display: inline-block;
  width: 52%;
  margin-top: -6%;
  margin-right: 2%;
  position: relative;
  z-index: 2;
}

/* teikiFaq(定期 商品ページ) ---------------------------- */
.lenslistLp .teikiFaq_subTitle{
  font-size: 2.8rem;
}
.lenslistLp .teikiFaq_questionTitle{
  font-size: 1.8rem;
}
.lenslistLp .teikiFaq_answerText{
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.lenslistLp .teikiFaq_iconPlus{
  width: 18px;
  height: 18px;
}

/* teikiPlan(定期 商品ページ) ---------------------------- */
.lenslistLp .teikiPlan{
  margin-top: 15%;
}