@charset "utf-8";
/*------------------------------------------------------------
   font color
------------------------------------------------------------*/
.color_premiumcare {color :#dba80c;}

/*------------------------------------------------------------
   main visual
------------------------------------------------------------*/
#trial.d_dry_premiumcare .main .main-img{
    background: url(https://www.plaiaden.com/campaign/sp/img/d_dry_premiumcare/trial_img_d_dry_premiumcare_01.jpg) -40px 0 no-repeat;
    background-size: 140%;
    width: 100%;
    height: 86vw;
}

/*------------------------------------------------------------
   section_06 trial_item　20241011更新
------------------------------------------------------------*/
#trial .section_06.trial_item .bg06{
    background-image:url(https://www.plaiaden.com/campaign/sp/img/d_common/trial_img_d_common_bg01.jpg);
}

#trial .section_06.trial_item .sub{
    text-align: center;
    font-weight: bold;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}

#trial .section_06.trial_item ul.are {
	display: flex;
	justify-content: space-around;
}
#trial .section_06.trial_item ul.are li:nth-child(1){width:25%;}
#trial .section_06.trial_item ul.are li:nth-child(1) img{vertical-align:middle;}
#trial .section_06.trial_item ul.are li:nth-child(2){width:70%; font-size:12px; line-height:1.2;}

#trial .section_06.trial_item ul.item,
#trial .section_06.trial_item dl.present{
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
    padding: 10px;
	border-bottom:none;
}

#trial .section_06.trial_item ul.item li{
	width:100%;
	margin-bottom:10vw;
	text-align: center;
}

#trial .section_06.trial_item ul.item li .Flex{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 3.5vw;
}

#trial .section_06.trial_item ul.item li img.package{
	width:18vw;
}

#trial .section_06.trial_item .bg06 ul.item li:nth-child(1),
#trial .section_06.trial_item .bg06 ul.item li:nth-child(2){
	border-top:none;}

#trial .section_06.trial_item ul.item li h3{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:2.6vw;
	line-height:1.4;
    font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
#trial .section_06.trial_item ul.item li p.price{
	text-align:center;
	margin-bottom:2vw;
    font-weight: bold;
}

#trial .section_06.trial_item ul.item li p.description{
	text-align: start;
	line-height:1.4;
}

#trial .section_06.trial_item ul.item li img.pA {
	width: 22vw;
	margin-bottom: 4vw;
	margin-right: auto;
	margin-left: auto;
}

.content07-box01_d-dry {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 10%;
}

.content07-box01_d-dry .content07-box01__descarea{
    margin-top: 0 !important;
}

.content07-box01_d-dry .content07-box01__descarea .content07-box01__descarea-main{
    font-size: 10px !important;
}

.content07-box01__descarea .list-payment{
    background: none;
}

.content07-box01__descarea-sub {
    font-size: 10px !important;
}

/*------------------------------------------------------------
   trial_hdg-content　20241011
------------------------------------------------------------*/
.fs-system-product .productComment #trial section .bg01{
    background-image: url(https://www.plaiaden.com/campaign/sp/img/d_common/trial_img_d_common_bg01.jpg);
	background-repeat: repeat-y;
	background-size: initial;
}

#trial section .trial_hdg-content h2 {
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	padding-top: 15vw;
	background-position: 0 5px;
}

#trial section .trial_hdg-content .content {
	font-size: 4vw;
}


/*------------------------------------------------------------
  改修による追加　20241120更新
------------------------------------------------------------*/
#trial .main .main-img.d_dry{
	background: url(https://www.plaiaden.com/campaign/sp/img/d_dry/trial_img_d_dry_01_bg.jpg) -11px 0 no-repeat;
    background-size: 118%;
    width: 100%;
    height: 86vw;
}
#trial .section_06 .animate_fadeIn .Initial-price .price-box_wrapper p{
	right: 74vw;
}
#trial .section_06 .animate_fadeIn .Initial-price .price.fMch.fsL{
	right: 31vw;
}
#trial .section_06 .animate_fadeIn .Initial-price .price-box_wrapper .yen{
	right: 5vw;
}

#trial section.to_cart {
	margin: 40px 20px 0;
	padding-bottom: 20px;
}
#trial section.trial_item dl.present{
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
    padding: 10px;
}
#trial section.trial_item dl.present{
	width:90%;
	margin:3vw auto;
	background-color:#fff;
	-moz-box-shadow: 1px 1px 6px #000 inset;
	-webkit-box-shadow: 1px 1px 6px #000 inset;
	-o-box-shadow: 1px 1px 6px #000 inset;
	-ms-box-shadow: 1px 1px 6px #000 inset;
}
#trial section.trial_item dl.present dt:nth-child(1){
	width:20%;
}
#trial section.trial_item dl.present dt:nth-child(2){
	width:70%; line-height:1.8; font-size:3vw; font-weight:bold; padding-top:1vw;
}

#trial section .reviews_content .review_pickup {
	position: relative;
	display: inline-block;
	margin: 1.5em 1.5em 0 9em;
	padding: 12px 17px;
	min-width: 120px;
	max-width: 100%;
	border-radius: 12px;
	transform: rotate(5deg);
	color: #733473;
	background-color: #f0daf0;
	box-shadow: 2px 3px 4px -1px grey;
}
#trial section .reviews_content .review_pickup:before {
	content: "";
	position: absolute;
	bottom: -11px;
	right: 125px;
	border: 15px solid transparent;
	border-left: 33px solid #f0daf0;
	-webkit-transform: rotate(0deg);
	transform: rotate(-10deg);
	filter: drop-shadow(0px 2px 2px grey);
	clip-path: polygon(0% 45%, 0% 100%, 100% 80%);
}
#trial section .reviews_content .review_pickup p {
	position: relative;
	z-index: 2;
}
#trial section .reviews_content .review_pickup p span{
	font-size: 4.5vw;
	text-shadow: 0 0 black;
}
#trial section .reviews_content .review01 {
	background: url(https://www.plaiaden.com/campaign/sp/img/d_dry/trial_img_d_dry_review1.jpg) no-repeat;
	background-size: 100%;
	height: 85vw;
}
#trial section .reviews_content .review01 .review_pickup {
	top: 15px;
}
#trial section .reviews_content .review02 {
background: url(https://www.plaiaden.com/campaign/sp/img/d_dry/trial_img_d_dry_review2.jpg) no-repeat;
background-size: 100%;
height: 96vw;
}
#trial section .reviews_content .review02 .review_pickup {
	top: 17px;
}
#trial section .reviews_content .review03 {
background: url(https://www.plaiaden.com/campaign/sp/img/d_dry/trial_img_d_dry_review3.jpg) no-repeat;
background-size: 100%;
height: 99vw;
}
#trial section .reviews_content .review03 .review_pickup {
	top: 12px;
}
#trial section .reviews_content .review04 {
background: url(https://www.plaiaden.com/campaign/sp/img/d_dry/trial_img_d_dry_review4.jpg) no-repeat;
background-size: 100%;
height: 85vw;
}
#trial section .reviews_content .review04 .review_pickup {
top: -8px;
}

/*------------------------------------------------------------
  premiumcare セット作成時追加 20260129
------------------------------------------------------------*/
#trial .section_01 .copy p strong {
	color: #dba80c;
}

#trial .section_02.reason h2 {
	background: url(https://www.plaiaden.com/campaign/sp/img/d_dry_premiumcare/trial_img_d_dry_premiumcare_bghdg.png) no-repeat center center;
	background-size: 100%;
	height: 40vw;
	line-height: 1.2;
}
#trial .section_02 .reason_01 h3 {
    background-image: url(https://www.plaiaden.com/campaign/sp/img/d_dry_premiumcare/trial_img_d_dry_premiumcare_bghdg_reason01.png);
}

#trial .section_02 .reason_02 h3 {
    background-image: url(https://www.plaiaden.com/campaign/sp/img/d_dry_premiumcare/trial_img_d_dry_premiumcare_bghdg_reason02.png);
}

#trial .section_02 .reason_03 h3 {
    background-image: url(https://www.plaiaden.com/campaign/sp/img/d_dry_premiumcare/trial_img_d_dry_premiumcare_bghdg_reason03.png);
}

#trial .section_06.trial_item ul.item .are li {
	margin-bottom: 24px;
}
#trial .section_06.trial_item ul.item .are li.image {
	width: 25%;
	padding: 0;
}
#trial .section_06.trial_item ul.item .are li.text {
	padding: 0;
	text-align: left;
}