@charset "UTF-8";

/*----------------------------
  common
----------------------------*/
@media screen and (min-width: 768px) {
  .sp-visible { display: none !important; }
}
@media screen and (max-width: 767px) {
  .pc-visible { display: none !important; }
}

/*----------------------------
  series
----------------------------*/
.cocorostore_series {
  color: #000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.6;
}
.cocorostore_series img {
  /* display: block;
  width: 100%; */
  height: auto;
}

/* mainimg */
.cocorostore_series .mainimg {
  width: 100vw;
  padding: 0;
  margin: 0;
  margin-left: calc(((100vw - 1036px) / 2) * -1);
}

/* step */
.cocorostore_series .step {
  width: 100vw;
  padding: 120px 0;
  margin: 0;
  margin-left: calc(((100vw - 1036px) / 2) * -1);
  background: linear-gradient(180deg, #fff 0%, #ebeff2 100%);
}
.cocorostore_series .step .cs_top_inner { max-width: 1120px; margin: 0 auto; }
.cocorostore_series .step .step_ttl { max-width: 388px; margin: 0 auto; }
.cocorostore_series .step .step_txt { margin-top: 3rem; font-size: 2rem; font-weight: 300; text-align: center; line-height: 1.8; }
.cocorostore_series .step .step_list { margin-top: 5rem; display: flex; justify-content: space-between; list-style: none; }
.cocorostore_series .step .step_list li { width: 21%; position: relative; }
.cocorostore_series .step .step_list li:not(:last-child)::before { content: ''; width: 8%; height: auto; aspect-ratio: 20 / 38; background: url(../img/cocorostore_set/step_icon.png) no-repeat center / 100%; position: absolute; bottom: 50%; right: -15%; }
.cocorostore_series .step .step_list .ttl_area { padding: 2rem 0 .5rem; border-top: 3px solid #000; border-bottom: 1px solid #000; }
.cocorostore_series .step .step_list .ttl_area .ttl { font-size: 3rem; font-weight: 600; text-align: center; margin-top: .8rem; }
.cocorostore_series .step .step_list .ttl_img img { width: auto; height: 19px; margin: 0 auto; }
.cocorostore_series .step .step_list .item_ttl { font-size: 1.8rem; font-weight: bold; text-align: center; line-height: 1.4; margin: 2rem 0 0; }
.cocorostore_series .step .step_list .item_ttl span { font-size: 80%; font-weight: normal; }
.cocorostore_series .step .step_list .item_txt { font-size: 1.6rem; text-align: center; margin: 1rem 0 0; }
.cocorostore_series .step .step_list .price { font-size: 1.6rem; text-align: center; margin: 1rem 0 0; }
.cocorostore_series .step .step_list .price span { font-size: 80%; }
.cocorostore_series .step .step_list .img { width: 100%; height: auto; aspect-ratio: 1 / 1.6; display: flex; justify-content: center; align-items: flex-end; }
.cocorostore_series .step .step_list .img img { width: 70%; }
.cocorostore_series .step .step_list li:nth-child(1) .img img { width: 80%; }
.cocorostore_series .step .step_list .btn { margin: 3rem 0 0; text-align: center; }
.cocorostore_series .step .step_list .btn a {
  display: inline-block;
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: .2em;
  padding: .5rem 5rem;
  border: 1px solid #000;
  position: relative;
  transition-duration: .5s;
}
.cocorostore_series .step .step_list .btn a:hover {
  color: #fff;
  background-color: #000;
  text-decoration: none;
}
.cocorostore_series .step .step_list .btn a::before {
  content: '';
  width: 30%;
  height: auto;
  aspect-ratio: 69 / 5;
  background: url(../img/step_btn.png) no-repeat center / contain;
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translate(100%, -100%);
}

/* feature */
.cocorostore_series .feature { padding: 120px 0; }
.cocorostore_series .feature .feature_ttl { color: #2b4f75; font-size: 3rem; font-weight: bold; text-align: center; margin: 0; padding: 2rem 0; border: 1px solid #738cbb; border-left: none; border-right: none; }
.cocorostore_series .feature .feature_txt { font-size: 1.6rem; font-weight: 400; line-height: 2; margin-top: 2rem; }
.cocorostore_series .feature .feature_wrap { margin-top: 7rem; display: flex; justify-content: space-between; }
.cocorostore_series .feature .feature_wrap.box01 { flex-direction: row-reverse; }
.cocorostore_series .feature .txt_area { width: 50%; }
.cocorostore_series .feature .img_area { width: 45%; }
.cocorostore_series .feature .ttl_area { display: flex; align-items: center; }
.cocorostore_series .feature .ttl { font-size: 2.6rem; font-weight: bold; line-height: 1.4; margin-left: 3rem; }
.cocorostore_series .feature .notes { font-size: 1.3rem; text-indent: -2.5em; margin: 0 0 0 2.5em; }
.cocorostore_series .feature .box01 .img_area .img { margin-bottom: 1rem; }
.cocorostore_series .feature .box01 .ttl_img { max-width: 49px; }
.cocorostore_series .feature .box02 .ttl_img { max-width: 77px; }
.cocorostore_series .feature .box02 .feature_txt { margin-top: 3rem; }

@media screen and (max-width: 767px) {
  /* mainimg */
  .cocorostore_series .mainimg { margin-left: -25px; }

  /* step */
  .cocorostore_series .step { margin-left: -25px; padding: 60px 0 20px; }
  .cocorostore_series .step .cs_top_inner { padding: 0 25px; }
  .cocorostore_series .step .step_ttl { max-width: 252.5px; }
  .cocorostore_series .step .step_txt { margin-top: 2rem; font-size: 1.4rem; }
  .cocorostore_series .step .step_list { margin: 3rem 0 0; padding: 0; display: block; }
  .cocorostore_series .step .step_list li { width: 100%; margin-bottom: 6rem; display: flex; justify-content: space-between; align-items: flex-end; }
  .cocorostore_series .step .step_list li:not(:last-child)::before { aspect-ratio: 61 / 32; background: url(../img/cocorostore_set/step_icon_sp.png) no-repeat center / 100%; bottom: -11%; right: 0; left: 0; margin: 0 auto; }
  .cocorostore_series .step .step_list .img_area { width: 48%; display: flex; align-items: flex-end; }
  .cocorostore_series .step .step_list .txt_area { width: 48%; padding-bottom: 2.5rem; }
  .cocorostore_series .step .step_list .ttl_area { padding: 1.5rem 0 0; border-top-width: 2px; }
  .cocorostore_series .step .step_list .ttl_area .ttl { font-size: 1.9rem; }
  .cocorostore_series .step .step_list .ttl_img img { height: 11px; }
  .cocorostore_series .step .step_list .item_ttl { font-size: 1.5rem; text-align: left; margin: 1.5rem 0 0; }
  .cocorostore_series .step .step_list .item_txt { font-size: 1.4rem; text-align: left; margin: .5rem 0 0; }
  .cocorostore_series .step .step_list .price { font-size: 1.2rem; text-align: left; margin: .5rem 0 0; }
  .cocorostore_series .step .step_list .img { width: 100%; height: auto; aspect-ratio: 1 / 1; }
  .cocorostore_series .step .step_list li:nth-child(1) .img_area img { width: 90%; }
  .cocorostore_series .step .step_list li:nth-child(2) .img_area img { width: 80%; }
  .cocorostore_series .step .step_list li:nth-child(3) .img_area img { width: 80%; }
  .cocorostore_series .step .step_list li:nth-child(4) .img_area img { width: 82%; }
  .cocorostore_series .step .step_list .btn { margin: 2rem 0 0; text-align: left; }
  .cocorostore_series .step .step_list .btn a { font-size: 1.2rem; padding: .5rem 2rem; }
  .cocorostore_series .step .step_list .btn a::before { width: 40%; right: 1.2rem; }

  /* feature */
  .cocorostore_series .feature { padding: 60px 0; }
  .cocorostore_series .feature .feature_ttl { font-size: 1.9rem; padding: 1.5rem 0; }
  .cocorostore_series .feature .feature_txt { font-size: 1.4rem; line-height: 1.8; margin-top: 1rem; }
  .cocorostore_series .feature .feature_wrap { margin-top: 3rem; display: block; }
  .cocorostore_series .feature .txt_area { width: 100%; }
  .cocorostore_series .feature .img_area { width: 100%; }
  .cocorostore_series .feature .ttl { font-size: 1.7rem; margin-left: 2rem; }
  .cocorostore_series .feature .notes { font-size: 1.1rem; }
  .cocorostore_series .feature .box01 .txt_area .img.sp-visible { width: 80%; margin: 0 auto 2rem; }
  .cocorostore_series .feature .box01 .txt_area .img { margin-bottom: 1rem; }
  .cocorostore_series .feature .box01 .img_area .img { margin-bottom: 1rem; }
  .cocorostore_series .feature .box01 .ttl_img { max-width: 34.5px; }
  .cocorostore_series .feature .box02 .ttl_img { max-width: 56px; }
  .cocorostore_series .feature .box02 .feature_txt { margin-top: 2rem; }
}



/*----------------------------
  cocorostore_teiki
----------------------------*/
.cocorostore_teiki {
  color: #000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.6;
}
.cocorostore_teiki img {
  display: block;
  width: 100%;
  height: auto;
}
.cocorostore_teiki .teiki_wrap {
  width: 100vw;
  padding: 0;
  margin: 0;
  margin-left: calc(((100vw - 1036px) / 2) * -1);
}
.cocorostore_teiki .teiki_inner {
  max-width: 1054px;
  margin: 0 auto;
}
.cocorostore_teiki .ff_serif { font-family: 'Noto Serif JP', serif; }

.cocorostore_teiki .teiki_top { padding: 9rem 0 7rem; background: url(../img/cocorostore_set/teiki_bg.jpg) no-repeat top center / cover; }
.cocorostore_teiki .teiki_top .logo_brand { max-width: 129px; margin: 0 auto; }
.cocorostore_teiki .teiki_top .teiki_ttl { font-size: 3.8rem; font-weight: 700; text-align: center; color: #272525; margin: 1rem 0 0; }
.cocorostore_teiki .teiki_top .teiki_txt { font-size: 2rem; font-weight: 600; text-align: center; color: #272525; margin: 2rem 0 0; line-height: 1.8; }
.cocorostore_teiki .teiki_top .teiki_img { width: 45vw; margin: 4vw auto 0; padding-left: 4vw; }
.cocorostore_teiki .teiki_note { border-bottom: 1px solid #dfdfdf; }
.cocorostore_teiki .teiki_note .teiki_list { margin: 0; padding: 0; border-left: 1px solid #dfdfdf; display: flex; list-style: none; }
.cocorostore_teiki .teiki_note .teiki_list li { width: calc(100% / 3); margin: 0; padding: 5rem 1rem; border-right: 1px solid #dfdfdf; }
.cocorostore_teiki .teiki_note .teiki_list .txt { font-size: 2rem; font-weight: bold; text-align: center; margin: 1rem 0 0; }
.cocorostore_teiki .teiki_note .teiki_list .img { width: 50%; height: auto; aspect-ratio: 1 / .6; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.cocorostore_teiki .teiki_note .teiki_list .img img { width: auto; height: auto; }
.cocorostore_teiki .teiki_btm { padding: 4rem 0 5rem; background-color: #f4f6f7; }
.cocorostore_teiki .teiki_btm .teiki_list_ch { width: fit-content; margin: 0 auto; padding: 0; list-style: none; }
.cocorostore_teiki .teiki_btm .teiki_list_ch li { font-size: 2rem; font-weight: bold; margin: 0; padding: .2rem 0 .2rem 3.5rem; background: url(../img/cocorostore_set/teiki_icon_ch.png) no-repeat center left / 2.4rem; }
.cocorostore_teiki .teiki_btm .teiki_btn { margin-top: 4rem; text-align: center; }
.cocorostore_teiki .teiki_btm .teiki_btn a {
  display: inline-block;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: .2em;
  text-decoration: none;
  padding: 1.2rem 6rem 1.2rem 6rem;
  background-color: #1e1f22;
  transition-duration: .4s;
}
.cocorostore_teiki .teiki_btm .teiki_btn a:hover { background-color: #d8a001; opacity: 1; }
.cocorostore_teiki .teiki_btm .teiki_btn span { padding-right: 4rem; background: url(../img/cocorostore_set/arrow_wr01.png) no-repeat center right / 3rem; }

@media screen and (max-width: 767px) {
  .cocorostore_teiki .teiki_wrap { margin-left: -25px; }
  .cocorostore_teiki .teiki_inner { padding: 0 15px; }
  
  .cocorostore_teiki .teiki_top { padding: 4rem 0 3.5rem; background: #e0e4e8 url(../img/cocorostore_set/teiki_bg_sp.jpg) no-repeat bottom center / 100%; }
  .cocorostore_teiki .teiki_top .logo_brand { max-width: 64.5px; }
  .cocorostore_teiki .teiki_top .teiki_ttl { font-size: 2.4rem; }
  .cocorostore_teiki .teiki_top .teiki_txt { font-size: 1.4rem; margin-top: 1.5rem; }
  .cocorostore_teiki .teiki_top .teiki_img { width: 80vw; margin: 5vw auto 0; }
  .cocorostore_teiki .teiki_note .teiki_inner { padding: 0; }
  .cocorostore_teiki .teiki_note .teiki_list li { padding: 1.5rem .5rem; }
  .cocorostore_teiki .teiki_note .teiki_list .txt { font-size: 1.3rem; line-height: 1.4; margin-top: 1rem; }
  .cocorostore_teiki .teiki_note .teiki_list .img { aspect-ratio: 1 / .5; width: 80%; }
  .cocorostore_teiki .teiki_note .teiki_list li:nth-child(1) .img { width: 65%; padding: 4% 0; }
  .cocorostore_teiki .teiki_note .teiki_list .img img { width: auto; height: 80%; }
  .cocorostore_teiki .teiki_btm { padding: 2rem 0 4rem; }
  .cocorostore_teiki .teiki_btm .teiki_list_ch li { font-size: 1.4rem; padding-left: 2.5rem; background-size: 1.8rem auto; }
  .cocorostore_teiki .teiki_btm .teiki_btn { margin-top: 2rem; }
  .cocorostore_teiki .teiki_btm .teiki_btn a { font-size: 1.5rem; padding: 1.2rem 3rem 1.2rem 3rem; }
  .cocorostore_teiki .teiki_btm .teiki_btn span { padding-right: 3rem; background-size: 2rem auto; }
}



/*----------------------------
  cocorostore_detail
----------------------------*/
.cocorostore_detail {
  color: #000;
  line-height: 1.6;
  clear: both;
}
.cocorostore_detail img {
  /* display: block;
  width: 100%; */
  height: auto;
}
.cocorostore_detail .ff_serif { font-family: 'Noto Serif JP', serif; }

.cocorostore_detail .detail_teiki {
  padding: 0 0 5rem;
  background-color: #eff3f6;
}
.cocorostore_detail .detail_teiki .teiki_inner { max-width: 935px; margin: 0 auto; }
.cocorostore_detail .detail_teiki .detail_teiki_top { padding: 3rem 0; background: #eff3f6 url(../img/cocorostore_set/detail_teiki_bg.jpg) no-repeat bottom right / cover; }
.cocorostore_detail .detail_teiki .detail_teiki_wrap { display: flex; justify-content: space-between; align-items: center; }
.cocorostore_detail .detail_teiki .teiki_img { width: 45%; }
.cocorostore_detail .detail_teiki .teiki_img img { transform: translateX(10%); }
.cocorostore_detail .detail_teiki .txt_area { width: 55%; }
.cocorostore_detail .detail_teiki .logo_brand { max-width: 94px; margin: 0 auto; }
.cocorostore_detail .detail_teiki .teiki_ttl { margin: 1rem 0 0; color: #272525; font-size: 3.4rem; font-weight: 700; text-align: center; }
.cocorostore_detail .detail_teiki .teiki_list { margin: 2rem 0 0; padding: 1rem; background-color: #fff; display: flex; list-style: none; }
.cocorostore_detail .detail_teiki .teiki_list li { width: calc(100% / 3); padding: 1rem; }
.cocorostore_detail .detail_teiki .teiki_list li:not(:last-child) { border-right: 1px solid #dfdfdf; }
.cocorostore_detail .detail_teiki .teiki_list .txt { font-size: 1.4rem; font-weight: bold; text-align: center; margin: 1rem 0 0; }
.cocorostore_detail .detail_teiki .teiki_list .img { width: 40%; height: auto; aspect-ratio: 1 / 1; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.cocorostore_detail .detail_teiki .teiki_list li:nth-child(3) .img { width: 30%; }
.cocorostore_detail .detail_teiki .teiki_list .img img { width: auto; height: auto; }
.cocorostore_detail .detail_teiki .detail_teiki_txtarea { margin-top: 3rem; padding: 3rem; background-color: #fff; }
.cocorostore_detail .detail_teiki .teiki_txt_ttl { color: #d84f96; font-size: 2.2rem; font-weight: bold; margin-bottom: 2rem; }
.cocorostore_detail .detail_teiki .teiki_txt_ttl_sub { font-size: 1.8rem; font-weight: bold; padding-bottom: .3em; border-bottom: 1px solid #000; }
.cocorostore_detail .detail_teiki .att { width: fit-content; color: #fff; font-size: 1.6rem; font-weight: bold; padding: .2em .8em; background-color: #000; }
.cocorostore_detail .detail_teiki .teiki_txt_list { margin: 1rem 0 0; padding: 0; font-size: 1.6rem; list-style: none; }
.cocorostore_detail .detail_teiki .teiki_txt_list:not(:last-child) { margin-bottom: 4rem; }
.cocorostore_detail .detail_teiki .teiki_txt_list li { text-indent: -1em; margin-left: 1em; }
.cocorostore_detail .detail_teiki .teiki_txt_list li::before { content: '・'; }
.cocorostore_detail .detail_teiki .teiki_txt_list li a { color: #005aad; }
.cocorostore_detail .detail_teiki .teiki_txt_list li span { color: #d84f96; }

.cocorostore_detail .detail_point .detail_point_inner { padding: 4rem 3rem; }
.cocorostore_detail .detail_point .point_ttl_area { padding: 2.5rem 1rem; text-align: center; background-color: #f2f1f1; border: 1px solid #c9338e; }
.cocorostore_detail .detail_point .point_ttl { width: fit-content; margin: 0 auto; color: #c9338e; font-size: 2.2rem; font-weight: bold; position: relative; }
.cocorostore_detail .detail_point .point_ttl::before { content: ''; width: 119px; height: auto; aspect-ratio: 119 / 64; background: url(../../img/cocorostore_set/point_txt.png) no-repeat center / 100%; position: absolute; top: 0; left: 0; transform: translate(-110%, -75%); }
.cocorostore_detail .detail_point .point_ttl.form::before { transform: translate(-90%, -80%); }
.cocorostore_detail .detail_point .point_list { margin: 3rem 0 0; padding: 0; font-size: 1.6rem; list-style: none; }
/* .cocorostore_detail .detail_point .point_list:not(:last-child) { margin-bottom: 4rem; } */
.cocorostore_detail .detail_point .point_list li { text-indent: -1em; margin-left: 1em; }
.cocorostore_detail .detail_point .point_list li::before { content: '・'; }
.cocorostore_detail .detail_point .point_txt { padding-left: .5rem; }
.cocorostore_detail .detail_point .set_list { margin: 0; padding: 0; font-size: 1.6rem; list-style: none; }
.cocorostore_detail .detail_point .set_list li { text-indent: -1em; margin-left: 1em; margin-bottom: 0; }
.cocorostore_detail .detail_point .set_list li::before { content: '・'; }
.cocorostore_detail .detail_point .set_txt { font-size: 1.6rem; font-weight: bold; margin: 2em 0 0; }

.cocorostore_detail .detail_product .product_wrap { display: flex; justify-content: space-between; }
.cocorostore_detail .detail_product_top .product_img { width: 38%; }
.cocorostore_detail .detail_product_top .txt_area { width: 60%; }
.cocorostore_detail .detail_product_top .ttl_area { padding: 1.3rem 0 .3rem; border-top: 3px solid #000; border-bottom: 1px solid #000; }
.cocorostore_detail .detail_product_top .txt_area_inner { padding: 3rem 2rem 0; }
.cocorostore_detail .detail_product_top .logo_img { max-width: 218px; margin-left: 2rem; }
.cocorostore_detail .detail_product_top .logo_svg { max-width: 153px; margin-left: 2rem; }
.cocorostore_detail .detail_product_top .sec_ttl { margin: 1rem 0 0; padding: 1.5rem 2rem; color: #fff; font-size: 3rem; font-weight: bold; background-color: #9facc5; }
.cocorostore_detail .detail_product_top .product_ttl { margin: 0; padding: 0; font-size: 2.4rem; font-weight: bold; }
.cocorostore_detail .detail_product_top .product_txt { margin: 2rem 0 0; font-size: 1.6rem; }
.cocorostore_detail .detail_product_top .label { width: fit-content; margin: 1.5rem 0 0; padding: .2rem 1rem; font-size: 1.6rem; border: 1px solid #000; }
.cocorostore_detail .detail_product_series { margin: 6rem 0 0; }
.cocorostore_detail .detail_product_series .series_ttl { margin: 0; padding: 1.5rem; font-size: 3rem; font-weight: bold; text-align: center; border-top: 2px solid #9facc5; border-bottom: 2px solid #9facc5; }
.cocorostore_detail .detail_product_series .series_txt { margin: 3rem 0 0; font-size: 2.6rem; text-align: center; line-height: 2; color: #575f6b; }
.cocorostore_detail .detail_product_series .series_txt strong { color: #c9338e; }
.cocorostore_detail .detail_product_step { margin: 5rem 0 0; padding: 10rem 0 8rem; background: url(../img/cocorostore_set/step_bg.jpg) no-repeat center / cover; }
.cocorostore_detail .detail_product_step .step_ttl { max-width: 388px; margin: 0 auto; }
.cocorostore_detail .detail_product_step .step_txt { margin-top: 3rem; font-size: 2rem; font-weight: 300; text-align: center; line-height: 1.8; }
.cocorostore_detail .detail_product_step .step_list { margin: 5rem 0 0; padding: 0 4rem; display: flex; justify-content: space-between; list-style: none; }
.cocorostore_detail .detail_product_step .step_list li { width: 22%; position: relative; }
.cocorostore_detail .detail_product_step .step_list li:not(:last-child)::before { content: ''; width: 8%; height: auto; aspect-ratio: 20 / 38; background: url(../img/cocorostore_set/step_icon.png) no-repeat center / 100%; position: absolute; bottom: 50%; right: -15%; }
.cocorostore_detail .detail_product_step .ttl_area { padding: 2rem 0 .5rem; border-top: 2px solid #000; border-bottom: 1px solid #000; }
.cocorostore_detail .detail_product_step .ttl_area .ttl { font-size: 2.6rem; text-align: center; margin-top: .8rem; }
.cocorostore_detail .detail_product_step .ttl_img img { width: auto; height: 19px; margin: 0 auto; }
.cocorostore_detail .detail_product_step .item_ttl { font-size: 1.6rem; font-weight: bold; text-align: center; line-height: 1.4; margin: 2rem 0 0; }
.cocorostore_detail .detail_product_step .item_ttl span { font-size: 80%; font-weight: normal; }
.cocorostore_detail .detail_product_step .item_ttl span.bold { font-weight: bold; line-height: 1.3; display: block; }
.cocorostore_detail .detail_product_step .item_txt { font-size: 1.5rem; text-align: center; margin: 1rem 0 0; }
.cocorostore_detail .detail_product_step .price { font-size: 1.4rem; text-align: center; margin: 1rem 0 0; }
.cocorostore_detail .detail_product_step .price span { font-size: 80%; }
.cocorostore_detail .detail_product_step .img { width: 100%; height: auto; aspect-ratio: 1 / 1.6; display: flex; justify-content: center; align-items: flex-end; }
.cocorostore_detail .detail_product_step .img img { width: 70%; }
.cocorostore_detail .detail_product_step li:nth-child(1) .img img { width: 90%; }
.cocorostore_detail .detail_product_step li:nth-child(3) .img img { width: 80%; }
.cocorostore_detail .detail_product_step.step02 li:nth-child(1) .img img { width: 85%; }
.cocorostore_detail .detail_product_step.step02 li:nth-child(2) .img img { width: 73%; }
.cocorostore_detail .detail_product_step.step02 li:nth-child(3) .img img { width: 75%; }
.cocorostore_detail .detail_product_step .btn { margin: 3rem 0 0; text-align: center; }
.cocorostore_detail .detail_product_step .btn a { display: inline-block; color: #fff; font-size: 1.3rem; font-weight: bold; padding: .5rem 5rem; background-color: #c9338e; border-radius: 3px; transition-duration: .5s; }
.cocorostore_detail .detail_product_step .btn a:hover { background-color: #005aad; text-decoration: none; }
.cocorostore_detail .detail_product_feature { margin: 6rem 0 0; }
.cocorostore_detail .detail_product_feature .feature_ttl { margin: 0; padding: 1.5rem; font-size: 3rem; font-weight: bold; text-align: center; border-top: 2px solid #9facc5; border-bottom: 2px solid #9facc5; }
.cocorostore_detail .detail_product_feature .feature_ttl_sub { margin: 0; font-size: 2rem; font-weight: bold; line-height: 1.6; color: #2a518e; }
.cocorostore_detail .detail_product_feature .feature_txt { margin: 1rem 0 0; font-size: 1.6rem; line-height: 1.8; }
.cocorostore_detail .detail_product_feature .feature_notes { margin: 1rem 0 0; font-size: 1.4rem; line-height: 1.4; }
.cocorostore_detail .detail_product_feature .feature_wrap { margin-top: 5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
.cocorostore_detail .detail_product_feature.cream .feature_wrap .txt_area { width: 45%; }
.cocorostore_detail .detail_product_feature.cream .feature_wrap .feature_img { width: 50%; }
.cocorostore_detail .detail_product_feature.cream .feature_wrap .set_mt { margin-top: 2rem; }
.cocorostore_detail .detail_product_feature.cream .feature_wrap .set_pd { padding: 0 10%; box-sizing: border-box; }
.cocorostore_detail .detail_product_feature.cream .feature_wrap .set_fas { align-self: flex-end; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .feature_box { width: 50%; padding: 0 0 3rem; box-sizing: border-box; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .feature_box .set_ht { height: 3em; display: flex; align-items: flex-end; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .feature_box .feature_img { margin-top: 3rem; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .box01 { padding-right: 3rem; border-right: 1px solid #cfd2d4; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .box02 { padding-left: 3rem; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .box03 { width: 100%; padding-top: 3rem; border-top: 1px solid #cfd2d4; display: flex; justify-content: space-between; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .box03 .txt_area { width: 50%; padding-right: 3rem; }
.cocorostore_detail .detail_product_feature.uv .feature_wrap .box03 .feature_img { width: 40%; padding: 0 3rem; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .feature_box { width: 50%; box-sizing: border-box; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .box01 { padding-right: 3rem; border-right: 1px solid #cfd2d4; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .box01 .feature_img { margin-top: 2rem; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .box02 { padding-left: 3rem; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .box02 .feature_img { margin-top: 7rem; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .box03 { width: 100%; margin-top: 5rem; display: flex; justify-content: space-between; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .box03 .txt_area { width: 50%; padding-right: 3rem; }
.cocorostore_detail .detail_product_feature.wash .feature_wrap .box03 .feature_img { width: 50%; padding-left: 3rem; }
.cocorostore_detail .detail_product_feature.form .feature_wrap { margin-bottom: 6rem; }
.cocorostore_detail .detail_product_feature.form .feature_wrap .feature_box { width: 50%; box-sizing: border-box; }
.cocorostore_detail .detail_product_feature.form .feature_wrap .feature_img { margin-top: 2.5rem; }
.cocorostore_detail .detail_product_feature.form .feature_wrap .box01 { padding: 0 3rem 3rem 0; border-right: 1px solid #cfd2d4; border-bottom: 1px solid #cfd2d4; }
.cocorostore_detail .detail_product_feature.form .feature_wrap .box01 .feature_img { margin: 6rem auto 0; width: 85%; }
.cocorostore_detail .detail_product_feature.form .feature_wrap .box02 { padding: 0 0 3rem 3rem; border-bottom: 1px solid #cfd2d4; }
.cocorostore_detail .detail_product_feature.form .feature_wrap .box03 { padding: 3rem 3rem 0 0; border-right: 1px solid #cfd2d4; }
.cocorostore_detail .detail_product_feature.form .feature_wrap .box04 { padding: 3rem 0 0 3rem; }
.cocorostore_detail .detail_product_feature.form.colm4 .feature_wrap .box01 .feature_img { margin: 2rem auto 0; width: 100%; }
.cocorostore_detail .detail_product_feature.form.colm4 .feature_wrap .box02 .feature_img { margin-top: 7rem; }

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

  .cocorostore_detail .detail_teiki { padding: 0 0 3rem; }
  .cocorostore_detail .detail_teiki .detail_teiki_top { padding: 3rem 0; background-size: 240%; }
  .cocorostore_detail .detail_teiki .detail_teiki_wrap { display: block; }
  .cocorostore_detail .detail_teiki .teiki_img { width: 100%; margin-top: 2rem; }
  .cocorostore_detail .detail_teiki .teiki_img img { transform: translateX(5%); }
  .cocorostore_detail .detail_teiki .txt_area { width: 100%; }
  .cocorostore_detail .detail_teiki .logo_brand { max-width: 64.5px; }
  .cocorostore_detail .detail_teiki .teiki_ttl { font-size: 2.4rem; }
  .cocorostore_detail .detail_teiki .teiki_list .txt { font-size: 1.2rem; }
  .cocorostore_detail .detail_teiki .detail_teiki_txtarea { margin: 0 1rem; padding: 1rem; }
  .cocorostore_detail .detail_teiki .teiki_txt_ttl { font-size: 2rem; text-align: center; margin-bottom: 2rem; }
  .cocorostore_detail .detail_teiki .teiki_txt_ttl_sub { font-size: 1.7rem; }
  .cocorostore_detail .detail_teiki .att { font-size: 1.5rem; }
  .cocorostore_detail .detail_teiki .teiki_txt_list { font-size: 1.4rem; }

  .cocorostore_detail .detail_point .detail_point_inner { padding: 4rem 0; }
  .cocorostore_detail .detail_point .point_ttl_area { padding: 2rem; }
  .cocorostore_detail .detail_point .point_ttl { font-size: 2rem; line-height: 1.4; }
  .cocorostore_detail .detail_point .point_ttl::before { width: 59.5px; transform: translate(-10%, -110%); }
  .cocorostore_detail .detail_point .point_ttl.form::before { transform: translate(-60%, -110%); }
  .cocorostore_detail .detail_point .point_list { margin: 2rem 0 0; font-size: 1.4rem; }
  .cocorostore_detail .detail_point .point_txt { padding-left: .4rem; }
  .cocorostore_detail .detail_point .set_list { font-size: 1.4rem; }
  .cocorostore_detail .detail_point .set_txt { font-size: 1.4rem; }

  .cocorostore_detail .detail_product .product_wrap { display: block; }
  .cocorostore_detail .detail_product_top .product_img { width: 100%; margin-top: 2rem; }
  .cocorostore_detail .detail_product_top .txt_area { width: 100%; }
  .cocorostore_detail .detail_product_top .logo_img { max-width: 109px; }
  .cocorostore_detail .detail_product_top .logo_svg { max-width: 76.5px; }
  .cocorostore_detail .detail_product_top .sec_ttl { font-size: 2rem; }
  .cocorostore_detail .detail_product_top .product_ttl { font-size: 1.8rem; }
  .cocorostore_detail .detail_product_top .product_txt { margin: 2rem 0 0; font-size: 1.5rem; }
  .cocorostore_detail .detail_product_top .label { font-size: 1.4rem; }
  .cocorostore_detail .detail_product_series { margin: 3rem 0 0; }
  .cocorostore_detail .detail_product_series .series_ttl { font-size: 2rem; line-height: 1.3; }
  .cocorostore_detail .detail_product_series .series_txt { margin: 2rem 0 0; font-size: 1.6rem; }
  .cocorostore_detail .detail_product_step { margin: 5rem 0 0; padding: 4rem 1.5rem 1rem; }
  .cocorostore_detail .detail_product_step .step_ttl { max-width: 252.5px; }
  .cocorostore_detail .detail_product_step .step_txt { margin-top: 2rem; font-size: 1.4rem; }
  .cocorostore_detail .detail_product_step .step_list { margin: 3rem 0 0; padding: 0; display: block; }
  .cocorostore_detail .detail_product_step .step_list li { width: 100%; margin-bottom: 6rem; display: flex; justify-content: space-between; align-items: flex-end; }
  .cocorostore_detail .detail_product_step .step_list li:not(:last-child)::before { aspect-ratio: 61 / 32; background: url(../img/cocorostore_set/step_icon_sp.png) no-repeat center / 100%; bottom: -11%; right: 0; left: 0; margin: 0 auto; }
  .cocorostore_detail .detail_product_step .step_list .img_area { width: 48%; display: flex; align-items: flex-end; }
  .cocorostore_detail .detail_product_step .step_list .txt_area { width: 48%; padding-bottom: 2.5rem; }
  .cocorostore_detail .detail_product_step .step_list .ttl_area { padding: 1.5rem 0 0; border-top-width: 2px; }
  .cocorostore_detail .detail_product_step .step_list .ttl_area .ttl { font-size: 1.9rem; }
  .cocorostore_detail .detail_product_step .step_list .ttl_img img { height: 11px; }
  .cocorostore_detail .detail_product_step .step_list .item_ttl { font-size: 1.5rem; text-align: left; margin: 1.5rem 0 0; }
  .cocorostore_detail .detail_product_step .step_list .item_txt { font-size: 1.4rem; text-align: left; margin: .5rem 0 0; }
  .cocorostore_detail .detail_product_step .step_list .price { font-size: 1.2rem; text-align: left; margin: .5rem 0 0; }
  .cocorostore_detail .detail_product_step .step_list .img { width: 100%; height: auto; aspect-ratio: 1 / 1; }
  .cocorostore_detail .detail_product_step .step_list li:nth-child(1) .img_area img { width: 95%; }
  .cocorostore_detail .detail_product_step .step_list li:nth-child(2) .img_area img { width: 80%; }
  .cocorostore_detail .detail_product_step .step_list li:nth-child(3) .img_area img { width: 80%; }
  .cocorostore_detail .detail_product_step .step_list li:nth-child(4) .img_area img { width: 82%; }
  .cocorostore_detail .detail_product_step .btn { margin: 2rem 0 0; }
  .cocorostore_detail .detail_product_step .btn a { font-size: 1.1rem; padding: .8rem 3rem; }
  .cocorostore_detail .detail_product_feature { margin: 3rem 0 0; }
  .cocorostore_detail .detail_product_feature .feature_ttl { font-size: 2rem; line-height: 1.3; }
  .cocorostore_detail .detail_product_feature .feature_ttl_sub { font-size: 1.8rem; line-height: 1.6; }
  .cocorostore_detail .detail_product_feature .feature_txt { margin: 1rem 0 0; font-size: 1.5rem; line-height: 1.6; }
  .cocorostore_detail .detail_product_feature .feature_wrap { margin-top: 3rem; display: block; }
  .cocorostore_detail .detail_product_feature.cream .feature_wrap .txt_area { width: 100%; }
  .cocorostore_detail .detail_product_feature.cream .feature_wrap .feature_img { width: 100%; margin-top: 1.5rem; }
  .cocorostore_detail .detail_product_feature.cream .feature_wrap .set_mt { margin-top: 1.5rem; }
  .cocorostore_detail .detail_product_feature.cream .feature_wrap .txt_area.set_mt { margin-top: 4rem; }
  .cocorostore_detail .detail_product_feature.cream .feature_wrap .set_pd { padding: 0 5%; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .feature_box { width: 100%; padding: 0; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .feature_box .set_ht { height: auto; display: block; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .feature_box .feature_img { margin-top: 2rem; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .box01 { padding: 0 0 1rem; border-bottom: 1px solid #cfd2d4; border-right: none; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .box02 { padding: 2rem 0; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .box03 { padding-top: 2rem; display: block; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .box03 .txt_area { width: 100%; padding-right: 0; }
  .cocorostore_detail .detail_product_feature.uv .feature_wrap .box03 .feature_img { width: 90%; margin: 2rem auto 0; padding: 0; }
  .cocorostore_detail .detail_product_feature.wash .feature_wrap .feature_box { width: 100%; }
  .cocorostore_detail .detail_product_feature.wash .feature_wrap .box01 { padding: 0 0 2rem; border-bottom: 1px solid #cfd2d4; border-right: none; }
  .cocorostore_detail .detail_product_feature.wash .feature_wrap .box02 { padding: 2rem 0; border-bottom: 1px solid #cfd2d4; }
  .cocorostore_detail .detail_product_feature.wash .feature_wrap .box02 .feature_img { margin-top: 2rem; }
  .cocorostore_detail .detail_product_feature.wash .feature_wrap .box03 { margin-top: 2rem; display: block; }
  .cocorostore_detail .detail_product_feature.wash .feature_wrap .box03 .txt_area { width: 100%; padding-right: 0; }
  .cocorostore_detail .detail_product_feature.wash .feature_wrap .box03 .feature_img { width: 100%; padding-left: 0; margin-top: 2rem; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap { margin-bottom: 4rem; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap .feature_box { width: 100%; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap .feature_img { margin-top: 2rem; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap .box01 { padding: 2rem 0 3rem; border-right: none; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap .box01 .feature_img { margin: 2rem auto 0; width: 90%; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap .box02 { padding: 2rem 0 3rem; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap .box03 { padding: 2rem 0 3rem; border-bottom: 1px solid #cfd2d4; border-right: none; }
  .cocorostore_detail .detail_product_feature.form .feature_wrap .box04 { padding: 2rem 0 3rem; }
  .cocorostore_detail .detail_product_feature.form.colm4 .feature_wrap .box02 .feature_img { margin-top: 2rem; }

}