@charset "utf-8";

/*reset header footer*/

.page-footer,
.page-footer-with-trial{margin-top: 0 !important;}
.template-enable-media-queries .page-footer .footer-bottom01{margin-top: 0 !important;}
.content-header-block01{margin-bottom: 0;}

/*contents*/

.pc{display: none !important;}
.serif{font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;}

#contents{
  overflow: hidden;
  text-align: left;
  color: #000;
  font-family: 游ゴシック, "Yu Gothic", YuGothic,"ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  font-weight: normal;
}
#contents h2{
  margin: 0;
  padding: 0;
}

#contents{
  font-size: 10px;
}

@media screen and (max-width:340px){
  #contents{
    font-size: 9px;
  }
}
@media screen and (min-width:341px) and (max-width:480px){
  #contents{
    font-size: 10px;
  }
}

@media screen and (min-width:481px){
  #contents{
    font-size: 14px;
  }
}


#contents *{outline: none;}
#contents span{display: inline;}
#contents .fwb{font-weight: bold;}
#contents .tar{text-align: right;}
#contents sup{
  position: relative;
  top: -1.2em;
  vertical-align: middle;
  font-size: 40%;
}
#contents img{
  max-width: 100%;
  height: auto;
}
#contents ol,
#contents ul,
#contents li
{
  padding: 0;
  list-style: none;
}

#contents a:hover{
  text-decoration: none;
  color: inherit;
}

/*blk*/

.blk{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.blk:after,.blk:before {display: table;content: '';}
.blk:after {clear: both;}
.blk{zoom: 1;}

.blk *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*inner*/

.inner{
  display: block;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

/*reset*/

.blk a{
  text-decoration: none;
  color: inherit;
}

/* ------------------------------------------- */
/* vsl */
/* ------------------------------------------- */

.blk_vsl{
  position: relative;
  width: 100%;
}

/*ttl*/

.mv_ttl {
  font-weight: bold;
  font-size: 5.8vw;
  letter-spacing: 0.2em;
  color: #333333;
  line-height: 1.0;
  vertical-align: middle;
  max-width: 89vw;
  margin: 5.2vw auto;
  text-align: left;
}

.mv_ttl span {
  font-size: 2.9vw;
  color: #5A5A5A;
  display: block!important;
  padding-left: 2px;
  font-weight: normal;
  letter-spacing: 0.005em;
  margin-top: 3vw;
}

/* vsl_keyword */
.vsl_keyword {
  margin: 11.2vw auto 10.2vw;
  align-items: center;
}

.vsl_keyword_rise {
  display: block;
  font-size: 4vw;
  font-weight: bold;
  padding: 2vw 0;
  color: #fff;
  background-color: #C22257;
  letter-spacing: 0.1em;
}

.vsl_keyword_list {
  flex: 1 1 100%;
  padding: 0 2vw;
  margin-top: 6vw;
}

.list_keyword {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: -3vw;
  margin-bottom: -3vw;
  margin-top: 0;
}

.list_keyword.is-center {
  justify-content: center;
}

.list_keyword_item {
  margin-right: 3vw;
  margin-bottom: 3vw;
}

.list_keyword.is-center .list_keyword_item {
  margin-right: 2.5vw;
}

.list_keyword_btn {
  display: inline-block;
  font-size: 3.8vw;
  border: 1px solid #C22257;
  border-radius: 25px;
  letter-spacing: 0.15em;
  padding: 2.2vw 2vw;
  color: #C22257!important;
  transition: 0.3s;
}

.os-win .list_keyword_btn {
  padding: 2.7vw 2vw 1.7vw;
}

.list_keyword_btn:hover {
  background-color: #FFF7FA;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 1000ms;
  -moz-transition: all 1000ms;
  -ms-transition: all 1000ms;
  -o-transition: all 1000ms;
  transition: all 1000ms;
}

/* ------------------------------------------- */
/* blk共通 */
/* ------------------------------------------- */

.blk_ttl {
  font-weight: bold;
  font-size: 6.4vw;
  letter-spacing: 0.2em;
  color: #333333;
  margin-top: 11vw;
  line-height: 1.0;
  margin-bottom: 6vw;
}

.blk01,
.blk_keyword,
.blk02,
.blk03,
.blk04 {
  background-color: #FAF4F1;
 }

.blk02_inner,
.blk03_inner {
  margin: 0 auto;
  width: 95vw;
}

.blk01_content a:hover .blk01_hint_txt .blk01_hint_ttl,
.blk01_content a:hover .blk01_hint_txt .blk01_hint_intro,
.blk01_content a:hover .blk01_living_txt .blk01_living_ttl,
.blk01_content a:hover .blk01_living_txt .blk01_living_intro,
.blk01_content a:hover .blk01_recipe_txt .blk01_recipe_ttl,
.blk01_content a:hover .blk01_recipe_txt .blk01_recipe_intro,
.blk01_content a:hover .blk01_column_txt .blk01_column_ttl,
.blk01_content a:hover .blk01_column_txt .blk01_column_intro,
.slide_spe_pc .item_spe a:hover .set_txt .txt {
  color: #C22257;
  transition: .3s;
}

.blk01_content a img:hover,
.slide_spe_pc .item_spe a img:hover,
.vsl_keyword_wordlist a img:hover {
  opacity: 1;
}

/* content_box */
.content_box {
  background-color: #fff;
  padding: 8.5vw;
}

.content_box:last-of-type {
  margin-bottom: 9vw;
}

.blk02_content02_box {
  padding: 9vw 0 0;
}

.content_ttl {
  padding-bottom: 3.5vw;
  border-bottom: 2px solid #E4E4E4;
  line-height: 1.0;
  font-size: 4.6vw;
  color: #333333;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: left;
}

.content_ttl_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blk02_content02_ttl {
  margin: 0 8.1vw;
}

.content_box+.content_box {
  margin-top: 8.4vw;
}

/* content_btn */

.content_btn {
  margin-top: 4.5vw;
}

.content_btn a,
.content_btn .content_btn_inner {
  background-color: #fff;
  border: 1px solid #C22257;
  border-radius: 6px;
  font-size: 4vw;
  color: #C22257!important;
  letter-spacing: 0.01em;
  display: inline-block;
  line-height: 3.3;
  width: 75vw;
  height: 13vw;
  position: relative;
  transition: .3s;
}

.content_btn a:hover
.content_btn .content_btn_inner {
  background-color: #FFF7FA;
  cursor: pointer;
}


.arrow {
  display: inline-block;
  padding-left: 15px;
}

.arrow::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #C22257;
  border-right: solid 1px #C22257;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 6vw;
  margin-top: -1vw;
}

.plus {
  display: inline-block;
  padding-left: 0;
}

.plus::before,
.plus::after {
  content: '';
  width: 2.8vw;
  height: 1px;
  background: #C22257;
  position: absolute;
  top: 50%;
  right: 6vw;
}

.plus::after {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ------------------------------------------- */
/* blk01 */
/* ------------------------------------------- */



.blk01 .blk01_inner {
  width: 90vw;
  margin: 0 auto;
  padding-bottom: 5vw;
}

/* blk01_content */

.blk01_content {
}

.blk01_hint {
  width: 100%;
  background-color: #fff;
  display: block;
}

.blk01_hint_img {
  padding: 2px 2px 0 2px;
}

.blk01_hint_img img,
.blk01_living_img img,
.blk01_recipe_img img,
.blk01_column_img img {
  width: 100%;
  display: block;
}

.blk01_hint_txt {
  padding: 4.5vw 6vw 3vw;
}

.blk01_hint_txt .blk01_hint_ttl {
  text-align: left;
  font-size: 5.2vw;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0.1em;
}

.blk01_hint_txt .blk01_hint_intro,
.blk01_living_txt .blk01_living_intro,
.blk01_recipe_txt .blk01_recipe_intro,
.blk01_column_txt .blk01_column_intro {
  margin-top: -0.3vw;
  text-align: left;
  color: #5A5A5A;
  line-height: 1.8;
}

.blk01_hint_txt .blk01_hint_intro {
  font-size: 4vw;
}

.blk01_living_txt .blk01_living_intro,
.blk01_recipe_txt .blk01_recipe_intro,
.blk01_column_txt .blk01_column_intro {
  font-size: 3.5vw;
  line-height: 1.6;
  flex: 0 0 100%;
}

.blk01_living,
.blk01_recipe,
.blk01_column {
  background-color: #fff;
  display: flex;
  position: relative;
  margin-top: 4vw;
}
.blk01_living_img,
.blk01_recipe_img,
.blk01_column_img {
  padding: 2px;
  flex: 0 0 43vw;
}

.blk01_living_txt,
.blk01_recipe_txt,
.blk01_column_txt {
  padding: 4.5vw 3vw 2vw 4vw;
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.blk01_living_txt .blk01_living_ttl,
.blk01_recipe_txt .blk01_recipe_ttl,
.blk01_column_txt .blk01_column_ttl {
  text-align: left;
  font-size: 4.6vw;
  font-weight: bold;
  color: #333333;
  letter-spacing: 0.1em;
  flex: 0 0 100%;
}

/* blk01_btn */

.blk01_btn {
  margin-top: 9vw;
}

.blk01_btnlist {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}

.blk01_btnlist li {
  width: 22%;
}

.blk01_btnlist li a img {
  width: 100%;
  vertical-align: bottom;
}

/* blk01_campaign */
.blk01_campaign {
  background: #fff;
}

.blk01_campaign a {
  width: 90vw;
  display: block;
  margin: 0 auto;
  padding-top: 10vw;
  padding-bottom: 10vw;
}

.blk01_campaign a img {
  width: 100%;
}

/* ------------------------------------------- */
/* blk_keyword */
/* ------------------------------------------- */

.blk_keyword_inner {
  margin: 0 auto 5vw;
  width: 95vw;
}

.blk_keyword_list {
  background-color: #fff;
  padding: 6vw 3vw;
}


/* ------------------------------------------- */
/* blk02 */
/* ------------------------------------------- */

@media screen and (max-width:373px){
  .blk02 .blk02_content01_box {
    padding: 8.5vw 2vw;
  }
  .blk02 .blk02_content01_box .content_ttl {
    margin: 0 6.5vw;
  }

  .blk02_content01_movie {
    margin: 0 6.5vw;
  }
}

.blk02_content01_lnk {
  font-size: 3.5vw;
  color: #C22257!important;
  letter-spacing: 0.01em;
  font-weight: normal;
}

.blk02_content01_lnk:hover {
  text-decoration: underline;
}

.movie_box {
  margin-top: 4.3vw;
}

.tab-box>ul:nth-of-type(1)>li:not(:nth-of-type(1)){
	display: none;
}

.point_movie_wrap{
  z-index: 10;
  width: 100%;
}

.point_movie_thb{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 1;
  cursor: pointer;
  width: 100%;
}

.point_movie_thb::before{
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.point_movie_thb:hover::before{
  opacity: 1;
}

#point_movie_bdy01,
#point_movie_bdy02,
#point_movie_bdy03,
#point_movie_bdy04,
#point_movie_bdy05,
#point_movie_bdy06,
#point_movie_bdy07,
#point_movie_bdy08 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#point_movie_bdy01 iframe,
#point_movie_bdy02 iframe,
#point_movie_bdy03 iframe,
#point_movie_bdy04 iframe,
#point_movie_bdy05 iframe,
#point_movie_bdy06 iframe,
#point_movie_bdy07 iframe,
#point_movie_bdy08 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* blk02_content02 */

.blk02_content02_productlist01,
.blk02_content02_productlist02,
.blk02_content02_productlist03,
.blk02_content02_productlist04 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  position: relative;
  padding: 3vw!important;
  padding-bottom: 10px;
  margin: 0;
}

.blk02_content02_productlist01 {
  padding-bottom: 25px;

}

.blk02_content02_productlist02 {
  padding-top: 25px;

}

.blk02_content02_productlist01::after,
.blk02_content02_productlist02::after,
.blk02_content02_productlist03::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 80vw;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #E4E4E4;
}


.blk02_content02_productlist01 img,
.blk02_content02_productlist02 img,
.blk02_content02_productlist03 img,
.blk02_content02_productlist04 img {
  width: 100%;
}

.blk02_content02_productlist01 li,
.blk02_content02_productlist02 li,
.blk02_content02_productlist03 li,
.blk02_content02_productlist04 li {
  width: 50%;
}

.blk02_content02_productlist01 span,
.blk02_content02_productlist02 span,
.blk02_content02_productlist03 span,
.blk02_content02_productlist04 span {
  border-right: 1px solid #E4E4E4;
  display: inline-block!important;
}

.blk02_content02_productlist01 span.sp_border_right_none,
.blk02_content02_productlist02 span.sp_border_right_none,
.blk02_content02_productlist03 span.sp_border_right_none,
.blk02_content02_productlist04 span.sp_border_right_none {
  border-right: none;
}

.blk02_content02_productlist03 small {
  display: inline-block!important;
  font-size: 12px;
}

.blk02_content02_productlist01 li a,
.blk02_content02_productlist02 li a,
.blk02_content02_productlist03 li a,
.blk02_content02_productlist04 li a {
  position: relative;
  display: block;
  width: 78%;
  margin: 0 auto;
}

.blk02_content02_productlist01 li a>p,
.blk02_content02_productlist02 li a>p,
.blk02_content02_productlist03 li a>p,
.blk02_content02_productlist04 li a>p {
  position: absolute;
  width: 5.6vw;
  top: 4.2vw;
  left: 3.2vw;
}

[class*="blk02_product"] p {
  font-size: 4.1vw;
  margin-top: 0vw;
  color: #C22257;
}

.blk02_product07 p {
  line-height: 2.5;
}

.blk02_product08 p {
  letter-spacing: -0.06em;
}

/* ------------------------------------------- */
/* blk03 */
/* ------------------------------------------- */

.blk03_content01_img {
  margin-top: 5vw;
}

.blk03_content01_img li {
  flex: 0 1 29%;
  position: relative;
  text-align: left;
  margin-bottom: 9vw;
}

.blk03_content01_img li img {
  width: 100%;
}

.blk03 .content_ttl {
  letter-spacing: 0.05em;
}

.rank01,
.rank02,
.rank03 {
  font-size: 4vw;
  line-height: 1.0;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 1.5vw 3vw;
  letter-spacing: 0.1em;
}

.rank01 {
  background-color: #989067;
}

.rank02 {
  background-color: #A4A5A7;
}

.rank03 {
  background-color: #886F66;
}

.rank01_txt,
.rank02_txt,
.rank03_txt {
  font-size: 5.8vw;
  font-weight: bold;
  margin-left: 8vw;
  margin-top: 0;
}

.rank01_txt {
  color: #989067;
}

.rank02_txt {
  color: #A4A5A7;
}

.rank03_txt {
  color: #886F66;
}

.rank_icon {
  position: absolute;
  width: 19vw;
  top: 5vw;
  left: 59vw;
}


.blk03_content_txt {
  font-size: 4vw;
  text-align: left;
  margin-top: 4.7vw;
  color: #5A5A5A;
  line-height: 1.5;
}



/* ------------------------------------------- */
/* blk04 */
/* ------------------------------------------- */

.blk04 .blk04_inner {
  width: 89vw;
  margin: 0 auto;
  padding-bottom: 21.5vw;
}

.blk04 .blk_ttl {
  margin-top: 7vw;
}

/* ------------------------------------------- */
/* list_recommend */
/* ------------------------------------------- */


.list_recommend {
  position: relative;
}

.list_recommend_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-height: 175vw;
  overflow: hidden;
  transition: 4s;
}

.list_recommend.is-open .list_recommend_inner {
  max-height: 1000vh;
}

.list_recommend_item {
  flex: 0 0 48%;
}

.list_recommend_item:nth-child(n + 3) {
  margin-top: 5.5vw;
}

.list_recommend_link {
  display: block;
  background: #fff;
  padding: 2px;
  height: 100%;
}

.list_recommend_thumb {
  overflow: hidden;
}

.list_recommend_thumb img {
  width: 100%;
  display: block;
  -webkit-transition: all 1000ms;
  -moz-transition: all 1000ms;
  -ms-transition: all 1000ms;
  -o-transition: all 1000ms;
  transition: all 1000ms;
}

.list_recommend_content {
  padding: 1.5vw 4.5vw;
}

.list_recommend_text {
  color: #5A5A5A;
  font-size: 3.5vw;
  line-height: 1.538;
  text-align: left;
  transition: color .5s;
}

.list_recommend_link:hover .list_recommend_text {
  color: #C22257;
}

.list_recommend_btnarea {
  background: rgb(250,244,241);
  background: linear-gradient(0deg, rgba(250,244,241,1) 15%, rgba(255,255,255,0) 100%);
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 28vw;
  padding-top: 25vw;
}

.list_recommend_btnarea .content_btn {
  margin: 0;
}


/* ------------------------------------------- */
/* blk05 */
/* ------------------------------------------- */

.blk05 .blk05_inner {
  margin: 0 auto;
  width: 90vw;
  padding-bottom: 10vw;
}

.blk05 .content_btn {
  margin-top: 9vw;
}
/* ------------------------------------------- */
/* consultation_area */
/* ------------------------------------------- */

.consultation_area {
  background-color: #E09A9A;
}

.consultation_area_inner {
  margin: 0 auto;
  width: 90vw;
}

.consultation_area_inner .blk_ttl {
  color: #fff;
  letter-spacing: -0.01em;
}

.consultation_area_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 6vw;
  height: 90vw;
}

.consultation_area_content .content_box {
  flex: 0 0 47.5%;
  padding: 0;
  border-radius: 6px;
  height: 40vw;
}

.consultation_area_content .content_box+.content_box {
  margin-top: 0;
}

.consultation_area_content .content_box:last-of-type {
  margin-bottom: 0;
}

.consultation_area_icon {
  height: 19.8vw;
  position: relative;
}

.consultation_area_icon span {
  width: 11.7vw;
  position: absolute;
  top: 61%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.consultation_area_icon img {
  width: 100%;
  vertical-align: bottom;
}

.consultation_area_method {
  font-size: 4.5vw;
  color: #C22257;
  line-height: 1.0;
  margin-top: 2vw;
  margin-bottom: 2vw;
}

.consultation_area_hours {
  font-size: 2.9vw;
  color: #5A5A5A;
  line-height: 1.3;
  margin-top: -1vw;
  letter-spacing: 0.1em;
}

.consultation_area_content a:hover .consultation_area_hours {
  color: #C22257;
  transition: .5s;
}


/* ------------------------------------------- */
/* footer */
/* ------------------------------------------- */
.page-footer .footer-top01 .trialset-block {
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}


/* ------------------------------------------- */
/* slick */
/* ------------------------------------------- */
.swiper-container-wrapper02 .swiper-container,
.swiper-container-wrapper04 .swiper-container {
  opacity: 0;
}

.swiper-container-wrapper02.is-show .swiper-container,
.swiper-container-wrapper04.is-show .swiper-container {
  opacity: 1;
}

.swiper-button-prev,
.swiper-button-next,
.slick-arrow{
  position: absolute;
  z-index: 100;
  top: 0;
  top: 50%;
  left: 0;
  left: auto;
  width: 28px;
  height: 28px;
  margin-top: -27px;
  border: 1px solid #C22257;
  border-radius: 35px;
  outline: none;
  background: transparent;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  font-size: 0;
}

.swiper-slide-next,
.swiper-slide-prev {
  -webkit-filter: opacity(20%);
  -moz-filter: opacity(20%);
  -o-filter: opacity(20%);
  -ms-filter: opacity(20%);
  filter: opacity(20%);
  transition: 0.2s linear;
}

.swiper-container-wrapper04 .swiper-slide-next,
.swiper-container-wrapper04 .swiper-slide-prev {
  -webkit-filter: opacity(100%);
  -moz-filter: opacity(100%);
  -o-filter: opacity(100%);
  -ms-filter: opacity(100%);
  filter: opacity(100%);
}

.swiper-button-area {
  margin: 0 auto;
  position: relative;
}

.swiper-button-area.swiper-button-area-manual {
  display: none;
}

.swiper-button-prev{
  top: -24vw;
  left: 2px;
}

.swiper-button-next{
  top: -24vw;
  right: 2px;
}

.swiper-button-prev::after{
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #C22257;
  border-right: solid 1px #C22257;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
}

.swiper-button-next::after,
.slick-next::after{
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #C22257;
  border-right: solid 1px #C22257;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -3px;
}



.box_spe .swiper-button-prev,
.box_spe .slick-prev{
  top: -135px;
  left: -100px;
}
.box_spe .swiper-button-next,
.box_spe .slick-next{
  top: -135px;
  right: 100px;
}

.swiper-pagination-bullets {
  margin-top: 13px;
}

.swiper-pagination-bullets {
  display: flex;
  justify-content: center;
  margin: 10px auto 0;
  padding-left: 0;
  width: 100%;
}

.swiper-pagination-bullet:before {
  content: '';
  display: inline-block;
  /* border-bottom: 4px solid #E4E4E4; */
  width: 45px;
  height: 4px;
  background: #E4E4E4;
  border-radius: 10px;
  cursor: pointer;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before
{
  content: '';
  display: inline-block;
  /* border-bottom: 4px solid #CD517C; */
  height: 4px;
  background: #CD517C;
  width: 45px;
}
.swiper-pagination-manual .swiper-pagination-bullet:before {
  content: '';
  display: inline-block;
  border-bottom: 4px solid #E4E4E4;
  width: 30px;
  border-radius: 10px;
  cursor: pointer;
}
.swiper-pagination-manual .swiper-pagination-bullet-active:before {
  content: '';
  display: inline-block;
  border-bottom: 4px solid #CD517C;
  width: 30px;
}

.swiper-pagination-bullet {
  background-color: transparent;
  opacity: 1;
  width: 55px;
}

.swiper-pagination-manual .swiper-pagination-bullet {
  width: 40px;
}

.list_spe{
  margin: 0 auto;
}

.slide_spe_auto .thm{
  /* width: 89vw; */
  position: relative;
}

.slide_spe_auto .thm .slide_txt{
  font-size: 4vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: left;
  position: absolute;
  padding: 0 5.1vw;
  bottom: 3vw;
}

.slide_spe_auto .thm .slide_txt.palt{
  font-feature-settings: "palt";
}

.slde_txt__02{
  bottom: 1vw!important;
}

.slide_spe .thm{
  margin: 2px 2px 0 2px;
}

.slide_spe .item_spe {
  background-color: #FFF;
  width: 171px;
}

.slide_spe .item_spe+.item_spe {
  margin-left: 12px;
  margin-right: 12px;
}

.list_spe .thm img{
  width: 100%;
  height: auto;
}

.list_spe .set_txt{
  padding: 16px 20px 15px;
  text-align: left;
  font-size: 13px;
  letter-spacing: -0.03em;
}


.list_spe .set_txt .txt{
  color: #5A5A5A;
}

.item_spe:hover .set_txt .txt {
  color: #C22257;
}

/* ------------------------------------------- */
/* tab */
/* ------------------------------------------- */
.question-box-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.movie_box01 .question-box-list,
.movie_box02 .question-box-list {
  margin: 3vw auto 7vw;
}

.movie_box01 .question-box-list {
  width: 72vw;
}

.movie_box02 .question-box-list {
  width: 74vw;
}

@media screen and (max-width:369px){
  .movie_box02 .question-box-list {
    width: 86vw;
  }
}

.movie_box03 .question-box-list {
  width: 75vw;
  margin: 3vw auto 0;
}


.movie_box01 .question-box-list li,
.movie_box02 .question-box-list li,
.movie_box03 .question-box-list li {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.question-box-list .question-box-btn {
  font-size: 2.7vw;
  text-align: center;
  line-height: 1.0;
  color: #5A5A5A;
  display: table-cell;
  vertical-align: middle;
  width: 75vw;
}

.movie_box01 .question-box-list .question-box-btn {
  line-height: 1.3;
  padding-left: 3.6vw;
  padding-top: 0.7vw;
}

.movie_box02 .question-box-list .question-box-btn {
  line-height: 1;
  padding-left: 2.6vw;
}

.movie_box03 .question-box-list .question-box-btn {
  line-height: 1;
  padding-left: 2.5vw;
}

.question-box-btn span {
  display: block!important;
  position: relative;
  height: 18px;
  border-left: 1px solid rgba(112, 112, 112, .2);
  border-right: 1px solid rgba(112, 112, 112, .2);
}

.question-box-btn-dl span {
  border-left: none;
}

.question-box-btn .product_icon {
  position: absolute;
  width: 8.7vw;
  top: 1.6vw;
  left: 0.7vw;
 }

 @media screen and (max-width:360px){
  .question-box-btn .product_icon {
    left: -0.1vw;
  }
}

.question-box-btn .product_icon_dl {
  left: -0.7vw;
}

.question-box-btn .product_icon_de {
  left: -1.9vw;
 }

.question-box-btn .product_icon_dw20 {
  left: -2.2vw;
 }

.question-box-btn .product_icon_dml {
  left: -1.6vw;
}



.question-box-btn .product_icon_dc {
  left: 13vw;
}

@media screen and (max-width:360px){
  .question-box-btn .product_icon_dc {
    left: 11vw;
  }
}



.question-box-btn .product_icon img {
  width: 100%;
}

.movie_box01 .question-box-btn span {
  width: 119%;
  left: -3.7vw;
  padding: 0.5vw 0.5vw 0.5vw 4.5vw;
}

.movie_box02 .question-box-btn span {
  width: 117.2%;
  left: -2.7vw;
  padding: 1.2vw 0.5vw 0 2.4vw;
}

@media screen and (max-width:360px){
  .movie_box02 .question-box-btn span {
    width: 116.7%;
    left: -2.8vw;
  }
}


.question-box-btn small {
  display: block!important;
  margin-top: 2px;
  transform: scale(.8);
}

.question-box-btn {
  height: 11.5vw;
  position: relative;
  border-radius: 2px;
}
.question-box-btn:hover {
  color: #C22257;
  transition: 0.3s;
}
.question-box-btn:after {
  content: '';
  display: inline-block;
  width: 0px;
  height: 0;
  border-style: solid;
  border-width: 0px 5px 5px 5px;
  border-color: #C22257 transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: .1s .1s;
  -o-transition: .1s .1s;
  transition: .1s .1s;
}
.question-box-btn.is-on {
  color: #fff!important;
  background-color: #C22257;
}



.question-box-btn.is-on:after {
  opacity: 1;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}

/*-----------------------------------------*/
/* ac */
/*-----------------------------------------*/
.faqList {
	list-style-type: none;
	padding-left: 0;
  text-align: left;
  border-bottom: 1px solid #E4E4E4;
}
.faqList dl {
	margin: 0;
}
.faqList dt {
  display: block;
  padding: 6vw 12vw 5vw 12vw;
  font-size: 3.8vw;
  letter-spacing: 0.06em;
  font-weight: bold;
  line-height: 1.5;
  border-top: 1px solid #E4E4E4;
  position: relative;
  cursor: pointer;
  color: #333333;
}
.faqList dt:before {
  content: '';
  background: url("../../images/202006/sp/icon_q.svg") no-repeat 100% 100%;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  left: 5.5vw;
  top: 40%;
  width: 4.2vw;
  height: 5.4vw;
}
.faqList dt:after {
	content:'';
	background: url("../../images/202006/sp/icon-plus.png") no-repeat 100% 100%;
  -webkit-background-size: 100% auto;
  -o-background-size: 100% auto;
	background-size: 100% auto;
	position: absolute;
	right: 20px;
  top: 43%;
  width: 16px;
  height: 16px;
}
.faqList dt.is-open:after {
  top: 52%;
  width: 16px;
  height: 2px;
  background: url("../../images/202006/sp/icon-minus.png") no-repeat 100% 100%;

}
.faqList dd {
  margin-left: 0;
  margin-bottom: 7.5vw;
  padding: 3.5vw 7vw 3vw 12.5vw;
  position: relative;
  overflow: hidden;
  background-color: #FAF4F1;
  border-radius: 4px;
}
.faqList dl:nth-child(n + 2) dd {
	display: none;
}

.faqList dl:last-child dd {
	border-top: 0;
}
.faqList .iconA {
  position: absolute;
  left: 5.5vw;
  top: 5vw;
  width: 4.1vw;
}
.faqList .iconA img {
	width: 100%;
}

.faqList .text {
  font-size: 3.5vw;
  color: #5A5A5A;
  line-height: 1.8;
}

.faqList .text p + p {
  margin: 25px 0 0;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .content_btn a {
    padding-top: 0.4vw;
    height: 12.6vw;
  }

  .vsl_keyword_word .vsl_keyword_wordlist {
    width: 94.6vw;
  }

  .vsl_keyword_rise {
    padding: 2.2vw 0 1.8vw;
  }

  .keyword {
    padding: 2.5vw 2.2vw 1.9vw;
  }

  .movie_box01 .question-box-list .question-box-btn {
    padding-top: 1.5vw;
  }

  .movie_box02 .question-box-list .question-box-btn {
    padding-top: 1vw;
  }

  .movie_box03 .question-box-list .question-box-btn {
    padding-top: 1vw;
  }

  .blk02_product08 p {
    letter-spacing: -0.07em;
  }

  .rank01,
  .rank02,
  .rank03 {
    padding: 2.2vw 3vw 0.8vw;
  }

  .faqList dt:before {
    top: 31%;
  }

  .swiper-container-wrapper02 .swiper-container,
.swiper-container-wrapper04 .swiper-container {
  transition-delay: 0.7s;
}

}

@supports (-ms-ime-align:auto) {
  .swiper-container-wrapper02 .swiper-container,
.swiper-container-wrapper04 .swiper-container {
  transition-delay: 0.7s;
}
}

/* ------------------------------------------- */
/* swiper btn */
/* ------------------------------------------- */
.swiper-button-prev,
.swiper-button-next {
  width:40px;
  height:40px;
  margin-top:-40px;
  background: rgba(255,255,255,0.8);
  top:-23vw;
}
.swiper-button-prev {
  left:5px;
}
.swiper-button-next {
  right:6px;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: '';
  width: 10px;
  height: 10px;
  top: 45%;
}
.swiper-button-prev::after {
  right: 11px;
}
.swiper-button-next::after {
  right: 16px;
}