﻿@charset "utf-8";

/* ========================================================================
  ちょう快眠
======================================================================== */




.product_common__explan.cho-kaimin{
  font-family: 'Noto Sans JP', sans-serif;
  color: #3f3a34;
  margin: 40px 0 0;
  padding-bottom: 40px;
  background-image: url(../img/product/cho-kaimin/detail_key_bg1_pc.png);
  background-repeat: repeat-y;
  background-position: top center;
}

/* ------------------------------------------------------------------------
  key（カンプ750px基準 → vw換算 x/7.5）
------------------------------------------------------------------------ */

.product_common__explan .key_cho-kaimin{
  position: relative;
  height: 146.4vw;
  background: url(../img/product/cho-kaimin/key_bg_sp.png) no-repeat top center;
  background-size: 100% auto;
}

.product_common__explan .key_cho-kaimin p{
  position: absolute;
  margin: 0;
  line-height: 0;
}

.product_common__explan .key_cho-kaimin p img{
  width: 100%;
}

.product_common__explan .key_cho-kaimin .key_cho-kaimin_ttl{
  width: 91vw;
  top: 7vw;
  left: 50%;
  transform: translateX(-50%);
}

.product_common__explan .key_cho-kaimin .key_cho-kaimin_sleep{
  width: 29vw;
  top: 44vw;
  left: 1vw;
}

.product_common__explan .key_cho-kaimin .key_cho-kaimin_baloon{
  width: 30vw;
  top: 74vw;
  left: 4vw;
  z-index: 2;
}

.product_common__explan .key_cho-kaimin .key_cho-kaimin_pkg{
  width: 43vw;
  top: 49vw;
  left: 50%;
  transform: translateX(-50%);
}

.product_common__explan .key_cho-kaimin .key_cho-kaimin_cat{
  width: 25vw;
  top: 67vw;
  left: 71vw;
}

.product_common__explan .key_cho-kaimin .key_cho-kaimin_txt{
  width: 38vw;
  top: 122vw;
  left: 8.5vw;
}

.product_common__explan .key_cho-kaimin .key_cho-kaimin_support{
  width: 40vw;
  top: 118.5vw;
  left: 54.5vw;
}

/* ------------------------------------------------------------------------
  worry（カンプ750px基準 → vw換算 x/7.5）
------------------------------------------------------------------------ */

.product_common__explan .worry_cho-kaimin{
  margin: 8vw 4vw 0;
  padding: 6.5vw 0 9vw;
  background: #fff url(../img/product/cho-kaimin/worry_bg.png) no-repeat top center;
  background-size: 100% auto;
  border: 3px solid #fff;
  border-radius: 16px;
  box-shadow: 0 0 8px rgba(63, 58, 52, 0.15);
  overflow: hidden;
}

.product_common__explan .worry_cho-kaimin p{
  margin: 0;
  line-height: 0;
}

.product_common__explan .worry_cho-kaimin p img{
  width: 100%;
}

.product_common__explan .worry_cho-kaimin .worry_ttl{
  width: 75vw;
  margin: 0 auto;
}

.product_common__explan .worry_cho-kaimin .worry_ttl img{
  filter:
    drop-shadow(0 0 4px rgba(255, 255, 255, 0.9))
    drop-shadow(0 0 8px rgba(255, 255, 255, 0.7));
}

.product_common__explan .worry_cho-kaimin .worry_illust01{
  width: 84vw;
  margin: 4vw auto 0;
}

.product_common__explan .worry_cho-kaimin .worry_arrow{
  width: 17vw;
  height: 7.5vw;
  margin: 3vw auto 0;
  background: #e87f93;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.product_common__explan .worry_cho-kaimin .worry_sttl01{
  width: 78.4vw;
  margin: 5vw auto 0;
}

.product_common__explan .worry_cho-kaimin .worry_graph_box{
  width: 88vw;
  margin: 6vw auto 0;
}

.product_common__explan .worry_cho-kaimin .worry_illust02{
  display: none;
}

.product_common__explan .worry_cho-kaimin .worry_sttl02{
  width: 78.4vw;
  margin: 8.5vw auto 0;
}

.product_common__explan .worry_cho-kaimin .worry_product_box{
  width: 92vw;
  margin: 5vw auto 0;
  display: flex;
  flex-wrap: wrap;
}

.product_common__explan .worry_cho-kaimin .worry_txt{
  width: 100%;
  padding: 0 3vw;
  box-sizing: border-box;
  font-size: 1.5rem;
  line-height: 2.1;
}

.product_common__explan .worry_cho-kaimin .worry_txt br{
  display: none;
}

.product_common__explan .worry_cho-kaimin .worry_pkg{
  width: 40.5vw;
  margin: 6vw 0 0 9vw;
}

.product_common__explan .worry_cho-kaimin .worry_product_info{
  width: 30vw;
  padding-top: 18vw;
}

.product_common__explan .worry_cho-kaimin .worry_shoulder{
  width: 28.5vw;
}

.product_common__explan .worry_cho-kaimin .worry_name{
  width: 30vw;
  margin-top: 4vw;
}

/* ------------------------------------------------------------------------
  mechanism（カンプ750px基準 → vw換算 x/7.5）
------------------------------------------------------------------------ */

.product_common__explan .mechanism_cho-kaimin{
  margin: 8vw 4vw 0;
  padding: 8vw 1.5vw;
  background: #fff url(../img/product/cho-kaimin/mechanism_bg.png) no-repeat top center;
  background-size: 100% auto;
  border: 3px solid #fff;
  border-radius: 16px;
  box-shadow: 0 0 8px rgba(63, 58, 52, 0.15);
  overflow: hidden;
}

.product_common__explan .mechanism_cho-kaimin p{
  margin: 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_ttl{
  text-align: center;
  line-height: 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_ttl img{
  width: 78.4vw;
  filter:
    drop-shadow(0 0 4px rgba(255, 255, 255, 0.9))
    drop-shadow(0 0 8px rgba(255, 255, 255, 0.7));
}

.product_common__explan .mechanism_cho-kaimin .mechanism_txt{
  font-size: 1.5rem;
  line-height: 2.15;
  margin-top: 5vw;
  padding: 0 2vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_txt br{
  display: none;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_label{
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1;
  padding: 1.6vw 4.5vw 1.8vw;
  border-radius: 999px;
  margin: 0 1vw;
  vertical-align: 2px;
}

.product_common__explan .mechanism_cho-kaimin .lab_crocetin{
  background: #ed8050;
}

.product_common__explan .mechanism_cho-kaimin .lab_gobo{
  background: #b59a4c;
}

.product_common__explan .mechanism_cho-kaimin .lab_nyusankin{
  background: #2ab5c8;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_illust{
  text-align: center;
  line-height: 0;
  margin-top: 7vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_illust img{
  width: 84.5vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_bar{
  background: #f2ce5c;
  border-radius: 4px;
  text-align: center;
  font-size: 1.7rem;
  font-weight: bold;
  color: #3b5588;
  line-height: 1;
  padding: 2.8vw 0 3vw;
  margin: 8vw 2vw 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_bar span{
  font-size: 1.3rem;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p{
  line-height: 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p img{
  width: 100%;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p:nth-child(1){
  width: 83.6vw;
  margin: 0 auto;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p:nth-child(2){
  width: 100%;
  text-align: center;
  margin: 3vw 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p:nth-child(2) img{
  width: 6.5vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p:nth-child(3),
.product_common__explan .mechanism_cho-kaimin .mechanism_support p:nth-child(4){
  width: 40.5vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p:nth-child(3){
  margin-left: 1vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_support p:nth-child(4){
  margin-right: 1vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_column{
  border: 5px solid #d4c8a0;
  background: #fff;
  padding: 6vw 5vw 7vw;
  margin: 8vw 2vw 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_column_label{
  line-height: 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_column_label img{
  width: 28vw;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_column_ttl{
  font-size: 2.4rem;
  font-weight: bold;
  margin: 6vw 0;
}

.product_common__explan .mechanism_cho-kaimin .mechanism_column_txt{
  font-size: 1.5rem;
  line-height: 2.05;
  margin-top: 2vw;
  text-align: justify;
  text-justify: inter-ideograph;
}

/* ------------------------------------------------------------------------
  component（カンプ750px基準 → vw換算 x/7.5）
------------------------------------------------------------------------ */

.product_common__explan .component_cho-kaimin{
  margin-top: 10vw;
}

.product_common__explan .component_cho-kaimin p{
  margin: 0;
}

.product_common__explan .component_cho-kaimin .component_bridge{
  text-align: center;
  line-height: 0;
}

.product_common__explan .component_cho-kaimin .component_bridge img{
  width: 62.5vw;
}

.product_common__explan .component_cho-kaimin .component_box{
  margin: 5vw 4vw 0;
  border: 3px solid #fff;
  border-radius: 16px;
  box-shadow: 0 0 8px rgba(63, 58, 52, 0.15);
  overflow: hidden;
}

.product_common__explan .component_cho-kaimin .component_crocetin{
  padding: 8vw 4.7vw 10vw;
  background: #fff url(../img/product/cho-kaimin/component_bg.png) no-repeat top center;
}

.product_common__explan .component_cho-kaimin .component_gobo{
  padding: 8vw 4.7vw 10vw;
  background: linear-gradient(180deg, #f0c6d2 0, #f8e2e8 25vw, #fff 60vw);
}

.product_common__explan .component_cho-kaimin .component_ttl{
  text-align: center;
  line-height: 0;
}

.product_common__explan .component_cho-kaimin .component_crocetin .component_ttl img{
  width: 84vw;
}

.product_common__explan .component_cho-kaimin .component_gobo .component_ttl img{
  width: 57vw;
}

.product_common__explan .component_cho-kaimin .component_lead{
  line-height: 0;
  margin-top: 4vw;
}

.product_common__explan .component_cho-kaimin .component_lead img{
  width: 73.6vw;
}

/*クロセチンとは*/

.product_common__explan .component_cho-kaimin .component_about{
  margin-top: 7vw;
}

.product_common__explan .component_cho-kaimin .component_about_ttl{
  font-size: 1.9rem;
  font-weight: bold;
}

.product_common__explan .component_cho-kaimin .component_about_txt{
  font-size: 1.5rem;
  line-height: 1.9;
  margin-top: 2vw;
  text-align: justify;
  text-justify: inter-ideograph;
}

.product_common__explan .component_cho-kaimin .component_about_img{
  text-align: center;
  line-height: 0;
  margin-top: 5vw;
}

.product_common__explan .component_cho-kaimin .component_about_img img{
  width: 54.5vw;
}

/*臨床試験見出し*/

.product_common__explan .component_cho-kaimin .component_border_ttl{
  border-top: 1px solid #221815;
  border-bottom: 1px solid #221815;
  padding: 3vw 0;
  margin-top: 8vw;
  text-align: center;
  font-size: 1.55rem;
  font-weight: bold;
  line-height: 1.4;
}

/*グラフ*/

.product_common__explan .component_cho-kaimin .component_graph_box{
  margin-top: 3vw;
}

.product_common__explan .component_cho-kaimin .component_graph_item{
  margin-top: 8vw;
}

.product_common__explan .component_cho-kaimin .component_graph{
  text-align: center;
  line-height: 0;
}

.product_common__explan .component_cho-kaimin .component_graph img{
  width: 76.5vw;
}

.product_common__explan .component_cho-kaimin .component_trial{
  margin: 4vw 0 0;
}

.product_common__explan .component_cho-kaimin .component_trial > div{
  display: flex;
  border-bottom: 1px solid #d9d5d0;
  padding: 2.5vw 0;
}

.product_common__explan .component_cho-kaimin .component_trial > div:first-child{
  border-top: 1px solid #d9d5d0;
}

.product_common__explan .component_cho-kaimin .component_trial dt{
  width: 17vw;
  flex-shrink: 0;
  font-size: 1.2rem;
  line-height: 1.7;
}

.product_common__explan .component_cho-kaimin .component_trial dd{
  flex: 1;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
}

.product_common__explan .component_cho-kaimin .component_graph_note{
  font-size: 1.1rem;
  line-height: 1.7;
  margin-top: 3vw;
}

/*ごぼう・乳酸菌*/

.product_common__explan .component_cho-kaimin .component_labels{
  text-align: center;
  margin-top: 2vw;
  transform: translateX(-8px);
}

.product_common__explan .component_cho-kaimin .component_labels .lab{
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1;
  padding: 1.4vw 3vw 1.6vw;
  border-radius: 999px;
  margin: 0 0.7vw;
}

.product_common__explan .component_cho-kaimin .lab_inulin{
  background: #b59a4c;
}

.product_common__explan .component_cho-kaimin .lab_chlorogen{
  background: #b59a4c;
}

.product_common__explan .component_cho-kaimin .lab_spore{
  background: #2ab5c8;
}

.product_common__explan .component_cho-kaimin .component_intestine{
  position: relative;
  height: 89vw;
  margin-top: 5vw;
}

.product_common__explan .component_cho-kaimin .component_intestine p{
  position: absolute;
  line-height: 0;
}

.product_common__explan .component_cho-kaimin .component_intestine_illust{
  width: 75vw;
  left: 7vw;
  top: 12vw;
}

.product_common__explan .component_cho-kaimin .component_intestine_illust img,
.product_common__explan .component_cho-kaimin .component_intestine_explain01 img,
.product_common__explan .component_cho-kaimin .component_intestine_explain02 img,
.product_common__explan .component_cho-kaimin .component_intestine_legend img{
  width: 100%;
}

.product_common__explan .component_cho-kaimin .component_intestine_explain01{
  width: 50.5vw;
  left: 0;
  top: 0;
  z-index: 2;
}

.product_common__explan .component_cho-kaimin .component_intestine_explain02{
  width: 36vw;
  right: 0;
  top: 68vw;
  z-index: 2;
}

.product_common__explan .component_cho-kaimin .component_intestine_legend{
  width: 28.3vw;
  left: 0;
  top: 70vw;
  z-index: 2;
}

.product_common__explan .component_cho-kaimin .component_gobo .component_graph_box{
  margin-top: 5vw;
}

.product_common__explan .component_cho-kaimin .component_data{
  border-top: 1px dotted #b5aca3;
  padding-top: 3vw;
  margin-top: 4vw;
  font-size: 1.2rem;
  line-height: 1.7;
}

.product_common__explan .component_cho-kaimin .component_data p{
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}

.product_common__explan .component_cho-kaimin .component_data dl{
  margin: 0;
}

.product_common__explan .component_cho-kaimin .component_data dl > div{
  display: flex;
  margin-top: 1.5vw;
}

.product_common__explan .component_cho-kaimin .component_data dl > div:first-child{
  margin-top: 0;
}

.product_common__explan .component_cho-kaimin .component_data dt{
  width: 4em;
  flex-shrink: 0;
  text-align: justify;
  text-align-last: justify;
}

.product_common__explan .component_cho-kaimin .component_data dd{
  flex: 1;
  margin: 0;
  padding-left: 1em;
  text-indent: -1em;
  text-align: justify;
  text-justify: inter-ideograph;
}

.product_common__explan .component_cho-kaimin .component_data dd::before{
  content: "：";
}

.product_common__explan .component_cho-kaimin .component_data .component_data_lead{
  margin-bottom: 1.5vw;
}

.product_common__explan .component_cho-kaimin .component_data .component_data_note{
  border-top: 1px dotted #b5aca3;
  padding-top: 2.5vw;
  margin-top: 3vw;
  padding-left: 3em;
  text-indent: -3em;
}

.product_common__explan .component_cho-kaimin .component_data .component_data_ast{
  margin-top: 3vw;
}

/* ------------------------------------------------------------------------
  特長（製造）
------------------------------------------------------------------------ */

.product_cho-kaimin__explan_block_feature{
  margin-top: 12vw;
  padding: 0 4vw;
}

.product_cho-kaimin__explan_block_feature_item p{
  margin: 0;
}

.product_cho-kaimin__explan_block_feature_item ul{
  display: flex;
  flex-direction: column;
  margin-bottom: 12vw;
}

.product_cho-kaimin__explan_block_feature_item ul:last-child{
  margin-bottom: 0;
}

/*2段目はテキスト→画像の順に入れ替え*/
.product_cho-kaimin__explan_block_feature_item .place .item1{
  order: 2;
}

.product_cho-kaimin__explan_block_feature_item .place .item2{
  order: 1;
}

.product_cho-kaimin__explan_block_feature_item .ttl{
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 4vw;
}

.product_cho-kaimin__explan_block_feature_item .ttl span{
  color: #385383;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
}

.product_cho-kaimin__explan_block_feature_item .txt{
  font-size: 1.5rem;
  line-height: 1.9;
  text-align: justify;
  text-justify: inter-ideograph;
}

.product_cho-kaimin__explan_block_feature_item .img{
  text-align: center;
  line-height: 0;
  margin-top: 5vw;
}

.product_cho-kaimin__explan_block_feature_item .img img{
  width: 100%;
}

.product_cho-kaimin__explan_block_feature_item .img02{
  text-align: center;
  line-height: 0;
  margin-top: 5vw;
}

.product_cho-kaimin__explan_block_feature_item .img02 img{
  width: 100%;
}

.product_cho-kaimin__explan_block_feature_item .btm_txt{
  font-size: 1.3rem;
  line-height: 1.5;
  margin-top: 2vw;
  text-align: left;
}

/* ------------------------------------------------------------------------
  faq（カンプ750px基準 → vw換算 x/7.5）
------------------------------------------------------------------------ */

.faq_cho-kaimin{
  margin-top: 12vw;
  padding: 0 4vw;
}

.faq_cho-kaimin p{
  margin: 0;
}

.faq_cho-kaimin .faq_ttl{
  text-align: center;
  line-height: 0;
  margin-bottom: 6vw;
}

.faq_cho-kaimin .faq_ttl img{
  width: 57vw;
}

.faq_cho-kaimin .faq_item{
  margin-top: 8vw;
}

.faq_cho-kaimin .faq_item:first-of-type{
  margin-top: 0;
}

.faq_cho-kaimin .faq_q{
  position: relative;
  background: #3b4f7e;
  border-radius: 10px 10px 0 0;
  min-height: 13vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 2.5vw 20vw 2.5vw 5vw;
}

.faq_cho-kaimin .faq_q_icon{
  width: 6vw;
  flex-shrink: 0;
  margin-right: 4vw;
  line-height: 0;
}

.faq_cho-kaimin .faq_q_icon img{
  width: 100%;
}

.faq_cho-kaimin .faq_q_txt{
  color: #fff;
  font-weight: bold;
  font-size: 1.65rem;
  line-height: 1.4;
}

.faq_cho-kaimin .faq_face{
  position: absolute;
  top: -2vw;
  right: 2.5vw;
  width: 15vw;
  line-height: 0;
}

.faq_cho-kaimin .faq_face img{
  width: 100%;
}

.faq_cho-kaimin .faq_a{
  background: #e9ebf5;
  border-radius: 0 0 10px 10px;
  display: flex;
  align-items: flex-start;
  padding: 5vw 4.5vw 6vw;
  border-right: solid 2px #385383;
  border-left: solid 2px #385383;
  border-bottom: solid 2px #385383;
}

.faq_cho-kaimin .faq_a_icon{
  width: 6vw;
  flex-shrink: 0;
  margin-right: 4vw;
  padding-top: 1vw;
  line-height: 0;
}

.faq_cho-kaimin .faq_a_icon img{
  width: 100%;
}

.faq_cho-kaimin .faq_a_txt{
  font-size: 1.4rem;
  line-height: 1.95;
  text-align: justify;
  text-justify: inter-ideograph;
}

/* ------------------------------------------------------------------------
  manager（カンプ750px基準 → vw換算 x/7.5）
------------------------------------------------------------------------ */

.manager_cho-kaimin{
  margin-top: 12vw;
  padding: 0 4vw;
}

.manager_cho-kaimin p{
  margin: 0;
}

.manager_cho-kaimin .manager_box{
  position: relative;
  border: 4px double #3f3a34;
  background: #fff;
  padding: 6vw 6vw 6.5vw;
}

.manager_cho-kaimin .manager_left{
  border-bottom: 1px solid #3f3a34;
  padding-bottom: 3vw;
}

.manager_cho-kaimin .manager_ttl{
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1.55;
}

.manager_cho-kaimin .manager_name{
  text-align: right;
  padding-right: 26vw;
  margin-top: 2.5vw;
  font-size: 1.1rem;
  font-weight: bold;
}

.manager_cho-kaimin .manager_name span{
  font-size: 1.7rem;
  margin-left: 1vw;
}

.manager_cho-kaimin .manager_img{
  position: absolute;
  top: -2.2vw;
  right: 6vw;
  width: 23vw;
  line-height: 0;
}

.manager_cho-kaimin .manager_img img{
  width: 100%;
}

.manager_cho-kaimin .manager_txt{
  width: auto;
  font-size: 1.5rem;
  line-height: 2.1;
  margin-top: 4vw;
  text-align: justify;
  text-justify: inter-ideograph;
}

/* ------------------------------------------------------------------------
  campaign（CVエリア／カンプ750px基準 → vw換算 x/7.5）
------------------------------------------------------------------------ */

.product_common__cv_list li.campaign_cho-kaimin{
  width: 100%;
  margin: 0 0 8vw;
}

.product_common__cv_list li.campaign_cho-kaimin p{
  margin: 0;
}

.campaign_cho-kaimin .campaign_head{
  position: relative;
  z-index: 1;
  width: 84vw;
  margin: 0 auto -6vw;
  background: #e83820;
  border-radius: 32px;
  text-align: center;
  padding: 3.5vw 0 3vw;
  line-height: 0;
}

/*リード文（クーポンコード記入のお願い）*/
.campaign_cho-kaimin .campaign_lead{
  text-align: center;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  color: #3f3a34;
  margin: 0 4vw 8vw;
}

.campaign_cho-kaimin .campaign_head_ttl img{
  width: 71.7vw;
}

.campaign_cho-kaimin .campaign_body{
  background: #fff;
  border-radius: 6px;
  padding: 16vw 0 10vw;
  box-shadow: 0 0 2px 2px rgba(0,0,0,.1)
}

.campaign_cho-kaimin .campaign_col{
  text-align: center;
}

.campaign_cho-kaimin .campaign_col + .campaign_col{
  margin-top: 8vw;
}

.campaign_cho-kaimin .campaign_img{
  line-height: 0;
}

.campaign_cho-kaimin .campaign_img img{
  width: 81.6vw;
}

.campaign_cho-kaimin .campaign_note{
  font-size: 1.25rem;
  margin-top: 3vw!important;
}

/*sp_style.cssのshogaリスト用絶対配置（top:53%）を打ち消し*/
.product_common__cv_list.shoga li.campaign_cho-kaimin .subsc_store{
  position: static;
  transform: none;
  width: auto;
  margin: 6vw 0 0;
}

.campaign_cho-kaimin .subsc_store button{
  font-size: 4.8vw;
}

.campaign_cho-kaimin .subsc_store button br{
  display: none;
}

/*お支払いOK! amazon pay*/
.campaign_cho-kaimin .product_common__cv_list_item_amazonpay{
  margin: 5vw 0 0;
}

.campaign_cho-kaimin .product_common__cv_list_item_amazonpay img{
  width: 27vw;
  height: auto;
}

/*5%OFF注記・定期コースリンク（campaign内のpマージンリセットを復元）*/
.product_common__cv_list li.campaign_cho-kaimin p.product_common__cv_list_item_sup{
  margin: 4vw 6vw 0;
}

.product_common__cv_list li.campaign_cho-kaimin p.product_common__cv_list_item_link{
  margin: 2vw 0 0;
}

/*白丸と三角の位置ずれ補正（共通CSSの%指定をem基準に上書き）*/
.campaign_cho-kaimin .subsc_store button::before{
  left: 1.2em;
  top: 50%;
  transform: translateY(-50%);
}

.campaign_cho-kaimin .subsc_store button::after{
  left: 1.54em;
  top: 50%;
  transform: translateY(-50%);
}

/* ------------------------------------------------------------------------
  定期コース特典（CVエリアに移動した .area）
------------------------------------------------------------------------ */

.product_common__cv .cv_area_box{
  background: none;
  padding: 0 4vw;
  margin: 14vw 0;
  font-family: 'Noto Sans JP', sans-serif;
  color: #3f3a34;
}

.product_common__cv .cv_area_box p{
  margin: 0;
}

.product_cho-kaimin__explan_block_overview .area{
  border: solid 3px #e83820;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}

.product_cho-kaimin__explan_block_overview .area .ttl{
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  letter-spacing: -1px;
  background: #ffe200;
  padding: 14px 5px;
}

.product_cho-kaimin__explan_block_overview .area .ttl span{
  color: #e83820;
}

.product_cho-kaimin__explan_block_overview .area ul{
  margin: 0;
  padding: 0;
}

.product_cho-kaimin__explan_block_overview .area ul li{
  border-bottom: dotted 2px #e83820;
  width: 80%;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
}

.product_cho-kaimin__explan_block_overview .area ul li:last-child{
  border-bottom: none;
}

.product_cho-kaimin__explan_block_overview .bg_ttl{
  background: url(../img/product/cho-kaimin/detail_feature_img18_pc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 8px;
  font-size: 1.7rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 13px;
}

.product_cho-kaimin__explan_block_overview .ttl02{
  color: #e83820;
  font-weight: bold;
  font-size: 4rem;
  text-align: center;
  line-height: 1.1;
}

.product_cho-kaimin__explan_block_overview .ttl02.one{
  margin-top: -12px;
}

.product_cho-kaimin__explan_block_overview .ttl02 .small{
  font-size: 2.5rem;
  display: inline-block;
}

.product_cho-kaimin__explan_block_overview .ttl02 .small02{
  font-size: 3.4rem;
}

.product_cho-kaimin__explan_block_overview .ttl02 .small03{
  letter-spacing: -11px;
}

.product_cho-kaimin__explan_block_overview .ttl02.sed{
  font-size: 4rem;
}

.product_cho-kaimin__explan_block_overview .ttl03{
  color: #e83820;
  font-weight: bold;
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.1;
}

.product_cho-kaimin__explan_block_overview .ttl03 .small{
  font-size: 2.5rem;
  display: inline-block;
}

.product_cho-kaimin__explan_block_overview .area .s_txt{
  font-size: 1.3rem;
  color: #e83820;
  margin-top: 8px;
  line-height: 1.3;
}

.product_cho-kaimin__explan_block_overview .area_s_txt{
  font-size: 1.3rem;
  line-height: 1.5;
  padding-top: 3vw;
  text-align: left;
}

.pc { display: none !important; }

.sp { display: block !important; }

.Noto_fo{
  font-family: 'Noto Serif JP', serif;
  }

.product_common__key_info_feature_noncaf.sup {
  background-color: #f6ab00;
  padding: 5px 4px 2px;
}



