@charset "utf-8";
/* CSS Document */
/***目次***/
/***共有部***/
/***about***/
/***point***/
/***Detail***/
/***Demonstration***/
/***Report***/
/***question_box***/
/***waytouse***/

/***共有部***/

.commont-box-free {
    order:inherit;
    font-size:14px;
    padding: 0;
    line-height: 1.6;
    margin: 0;
}
.block-goods-comment2 .commont-box-free2 {
    padding: 0;
}
.product_shorts_wrap{
    font-size:14px;
    color:#3f3f3f;
    font-family: 'Kiwi Maru', serif;
        line-height: 1.5;
}
.product_shorts_wrap img{
    width:100%;
    vertical-align: bottom;
}

.product_shorts_wrap h2 {
    font-size: 24px;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.product_shorts_wrap h3{
    text-align: center;
    background-color:inherit;
    margin: 0;
    padding:0;
    font-size:1.2rem;
}

.demo_video,.size_video_box{
    position:relative;
}

#play,#play2{
    width: 11%;
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

#stop,#stop2{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
@media screen and (min-width:768px){
    .product_shorts_wrap{
    width:1100px;
    margin:0 auto;
    font-size:18px;
    color:#3f3f3f;
    font-family: 'Kiwi Maru', serif;
}
    .product_shorts_wrap h3 {
    font-size: 1.7em;
    padding: 50px 0 0;
}
}

/***about***/

.product_about{
    background-color:#f8e6e6;
}
.about_maintit{
    width:23%;
    margin:0 auto;
    padding:40px 0 0;
}

.about_poplist{
    width:90%;
    margin:30px auto;
    display:flex;
    justify-content:space-between;
}

.about_popitem{
    width:calc(100%/3 - 10px);
    text-align: center;
    background-color:#fff;
    padding: 20px 3%;
    border-radius:50%;
}

.shorts_about {
    display: block;
    background-image: url(/img/goods/cabinet/pbte/shourts_about_bg01.png);
    object-fit: cover;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    font-size:1.2rem;
    font-weight:500;
    letter-spacing:0.01em;
}

.shorts_about span{
    font-size:1.4rem;
    color:#e29696;
}

.shorts_about_bottombox{
    text-align: center;
    padding:10px 0;
    font-size:1rem;
    background-image:url("/img/goods/cabinet/pbte/shorts_about_bottombg.png");
    object-fit: cover;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.shorts_about_bottomimg{
    width:90%;
    margin:5px auto;
}

.shorts_about_bottombbold{
    font-size:1.1rem;
    font-weight:500;
}
@media screen and (min-width:414px){
    .shorts_about{
    padding:2% 0;
    }
    .about_popitem {
    width: calc(100%/3 - 10px);
    text-align: center;
    background-color: #fff;
    padding: 25px 3%;
    border-radius: 50%;
}
}
@media screen and (min-width:768px){
.about_maintit {
    width: 10%;
}
.about_poplist {
    width: 64%;
}
.about_popitem {
    padding: 9% 3%;
    font-size:1.2em;
}
    
.shorts_about {
    font-size: 1.7em;
    padding: 37px 0;
}
.shorts_about span {
    font-size: 2em;
}
    
.shorts_about_bottombox {
    font-size: 1.4em;
    padding: 100px 0;
}
.shorts_about_bottomimg {
    width: 70%;
}
.shorts_about_bottombbold {
    font-size: 1.5em;
}

}
/***point***/
.product_point{
    background-color:#f6f6f6;
}

.point_maintit{
    width:23%;
    margin:0 auto;
    padding:40px 0 0;
}

.point_subtit{
    font-size:1.1rem;
    letter-spacing: 0.09rem;
}

.linemarker_yellow{
    background:linear-gradient(transparent 60%, #fff6cd 60%);
}
.point_visual{
    width:94%;
    margin:30px auto 0;
    display:flex;
    justify-content: space-between;
}


.point_img {
    width: 52%;
}

.check_point_box{
    width:48%;
}

.point_tit{
    background-color:#e29696;
    color:#fff;
    text-align: center;
    padding:5px 0;
    font-size: 1rem;
    border-radius:25px;
}

.point_check{
    font-size:0.96rem;
    font-weight:400;
    margin:4px 0 0 5px;
}

.point_check::before{
    content:"";
    display:inline-block;
	width:1em;
	height:1em;
    background-image: url("/img/goods/cabinet/pbte/check_icon.png");
	background-size:contain;
    margin-right:10px;
}

.point_checkicon{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-top:20px;
}

.point_icon{
    width:calc(100%/2 - 5px);
    margin-bottom:7px;
}
.point_checklist {
    margin-top: 15px;
}

.point_box{
    display:flex;
    justify-content:space-between;
}
.point_left{
    width:50%;
}
.point_right{
    width: 46%;
}


@media screen and (min-width:768px){
.point_maintit{
    width: 10%;
}
.point_subtit {
    font-size: 1.1em;
    letter-spacing: 0.09rem;
}
.point_tit {
    padding: 10px 0;
    font-size: 1.4em;
    border-radius: 30px;
    margin: 45px 0px;
}
.point_img {
    width: 45%;
}
.point_check {
    font-size: 1.4em;
    font-weight: 400;
    margin: 20px 0 0 5px;
}
.point_checkicon {
    width: 90%;
    margin-top: 50px;
}
    
.point_icon{
    width:calc(100%/2 - 20px);
    margin-bottom:20px;
}
}
    
/***Detail***/
.product_detail{
    background-image:url("/img/goods/cabinet/pbte/note_bg.jpg");
    padding-bottom:30px;
}
.detail_maintit{
    width:23%;
    margin:0 auto;
    padding:40px 0 0;
}
.detail_subtxt{
    font-size:1rem;
    font-weight:400;
    margin:10px 0;
}

.detail_sub_mini{
    font-size:0.8rem;
}

.detail_main_visual{
    width:94%;
    margin: 30px auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}


.detail_img {
    width: 40%;
    margin: 50px 0;
    height: auto;
}

.detail_img01,.detail_img02,.detail_img03,.detail_img04,.detail_img05{
    width:100%;
  height: 100px;
    position: relative;
  padding: 0;
  margin: 0 0 -80px;
  color: #fff;
  box-sizing:border-box;
}


.detail_img01 {
    z-index: 8;
    transition: 6s;
    margin-bottom: -67px;
    position: relative;
}
.detail_img02{
    z-index:6;
  transition: 5s;
}
.detail_img03 {
    z-index: 5;
    transition: 4s;
}

.detail_img04{
    z-index:4;
  transition: 3s;
}
.detail_img05 {
    z-index: 3;
    transition: 2s;
}
.detail_img06{
    z-index:2;
  transition: 1s;
    margin: -82px 0 0;
}


.detail_list {
    margin-bottom: 10px;
}



.fadeIn_up {
  opacity: 0;
  transform: translate(0, -50%);
}

.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


.detail_list_content{
    width: 56%;
}


.detail_txtbox{
    width:94%;
    margin:30px auto;
    background-color:#d7e5ec;
    padding:30px 20px;
    border-radius:10px;
    position:relative;
}
@media screen and (max-width:768px){
	.detail_txtbox{
    	width:84%;	
	}
}
.detailtxtbox01{
    background-color:#d7e5ec;
}
.detailtxtbox02{
    background-color:#d9e0ed;
}
.detailtxtbox03{
    background-color:#dcdced;
}
.detailtxtbox04{
    background-color:#e3deed;
}
.detailtxtbox05{
    background-color:#eae0ee;
}
.detailtxtbox06{
    background-color:#f0e1ee;
}
.detail_list_tit {
    position: absolute;
    top: -15px;
    left: 20px;
    font-size: 1.2rem;
}

@media screen and (min-width:768px){
.detail_maintit {
    width: 13%;
}
.detail_list_txt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.detail_txtbox{
    width:85%;
    margin:30px auto;
    background-color:#d7e5ec;
    padding:30px 20px;
    border-radius:10px;
    position:relative;
}	
	
.detail_txtbox {
    width: 49%;
    margin: 15px auto;
    }
    
.detail_img01,.detail_img02,.detail_img03,.detail_img04,.detail_img05{
      margin: 20px 0 -70px;
}
.detail_main_visual{
    width: 61%;
    margin: 25px auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}


.detail_img {
    width: 40%;
    margin: 30px 0;
    height: auto;
}

.detail_img03 {
    z-index: 5;
    transition: 4s;
    margin: 4px 0 -86px!important;
}

.detail_img05 {
    z-index: 3;
    transition: 2s;
    margin: 2px 0 -69px!important;
}

    .detail_img06{
    z-index:2;
  transition: 1s;
    margin: 0;
}

.detail_list {
    margin-bottom: 10px;
}



.detail_list_content{
    width: 50%;
}

}
/***Demonstration***/
.product_demo{
    background-image:url("/img/goods/cabinet/pbte/note_bg.jpg");
}

.demo_maintit{
    width:50%;
    margin:0 auto;
    padding:10px 0 0;
}

.demo_subtit{
    margin-bottom:20px;
}

.demo_visual{
    width:94%;
    margin:0 auto;
}
.demo_img{
    margin-bottom:20px;
}

.demo_detail_box{
    margin-bottom:20px;
}
.demo_video_content {
    padding: 50px 0 20px;
}

.demo_detail_tit{
    font-size:1.2rem;
    font-weight:700;
    padding-bottom:7px;
    margin-bottom:7px;
    border-bottom:2px solid #e29696;
}

#demo_video_box{
    width:100%;
    margin:30px auto;
}

@media screen and (min-width:768px){
.demo_visual {
    width: 84%;
}
.demo_maintit {
    width: 30%;
    margin: 0 auto;
    padding: 10px 0 0;
}
.demo_video_tit {
    width: 50%;
    margin: 50px auto 0;
}
.demo_detail_box {
    width: 30%;
    margin-bottom: 20px;
    float: left;
    margin: 50px 1.5%;
}
    
#demo_video_box{
    width:100%;
    margin:30px auto 70px;
}
}
/***Howtouse***/
.product_how{
    background-color:#f8e6e6;
}
.how_maintit{
    width:30%;
    margin:0 auto;
    padding:40px 0 0;
}

.how_visual{
    margin:20px auto;
        padding: 0 0 30px;
}

.how_content01{
    width:90%;
    margin:0 auto 30px;
    background-color:#ffffff;
    position:relative;
}

.how_visual_tit01{
        width: 90%;
    position: relative;
    left: -10px;
    top: 20px;
    background-image: url(/img/goods/cabinet/pbte/howtouse_ttl_1.png);
    color: #fff;
    font-size: 1rem;
    padding: 13px 10px;
    line-height: 1;
    object-fit: cover;
    background-size: 100%;
    background-repeat: no-repeat;
}

.how_visual_tit01::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 3px;
    border: 7px solid transparent;
    border-top: 7px solid #935877;
    z-index: 0;
    transform: rotate(-130deg);
}

.how_image_box01,.how_image_box03{
    width:88%;
    margin:35px auto;
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.how_image_box02 {
    width: 80%;
    margin: 0 auto 20px;
    padding: 30px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff7fc;
}
@media screen and (max-width:768px){
	.how_image_box02{
		width: 80%;
	}
}

.left_img {
    width: 50%;
}

.right_txt{
    width: 87%;
    margin-left: 10px;
    font-size:0.9em;
    background-repeat: no-repeat;
    
}


.how_image_box01 .right_txt{
    background-image:url("/img/goods/cabinet/pbte/howtobg.png");
    background-size:100%;
    object-fit: cover;
    padding: 15% 0;
    text-align: center;
}

.how_image_box02{
    width:80%;
    margin:0 auto 10px;
    display:flex;
    justify-content: space-between;
    align-items:center;
    background-color:#fff7fc;
}

.how_image_box02 .right_txt {
    width: 83%;
    margin-left: 10px;
    padding: 5% 0;
    font-size: 1em;
    text-align: center;
}


.how_image_box03 .right_txt {
       width: 80%;
    background-image:url("/img/goods/cabinet/pbte/howtobg.png");
    background-size:100%;
    object-fit: cover;
    margin-left: 10px;
    padding: 12% 0;
    text-align: center;
}



.how_image_poptit {
    width: 60%;
    margin: 50px auto -15px;
    position: relative;
    padding: 3px 0;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    background-color: #d992b7;
}

.right_txt .linemarker_red{
    background:linear-gradient(transparent 60%, #f0cfe0 60%);
}


.linemarker_purple{
    background:linear-gradient(transparent 60%, #e3cfe8 60%);
}


.how_visual_submit{
    width: 88%;
    margin:0 auto;
    padding:0 0 30px;
    font-size:1em;
}



.how_content02,.how_content03{
    width:90%;
    margin:0 auto 30px;
    background-color:#ffffff;
    position:relative;
    padding-bottom:30px;
}


.how_content02 .how_visual_tit01 {
    background-image: url(/img/goods/cabinet/pbte/howtouse_ttl_2.png);
    padding: 20px 10px;
}

.how_content02 .how_visual_tit01::before {
    content: "";
    position: absolute;
    top: 49px;
    left: 3px;
    border: 7px solid transparent;
    border-top: 7px solid #7b5984;
    z-index: 0;
    transform: rotate(
-130deg);
}

.how_content02 .how_image_box01 .right_txt {
    background-image: url("/img/goods/cabinet/pbte/howtobg2.png");
    background-size: 100%;
    object-fit: cover;
    padding: 14% 0;
    text-align: center;
}

.how_content02 .how_image_poptit {
    width: 60%;
    margin: 50px auto -15px;
    position: relative;
    padding: 3px 0;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    background-color: #c39ccd;
}

.how_content02 .how_image_box02 {
    width: 80%;
    margin: 0 auto 20px;
    padding: 30px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f1fa;
}

.plus_item_img{
    margin-bottom:20px;
}

.plus_itembox{
    font-size:1em;
}

.plus_itemtxt{
    text-align: center;
    margin-bottom:20px;
}

.product_lead_main{
    width:100%;
    position:relative;
}

.product_lead_img{
    width:100%;
    position:relative;
}

.product_lead_maintxt {
    width: 62%;
    position: absolute;
    top: 80px;
    left: 20px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.7;
}
.product_lead_maintxt .redtxt{
    color: #cd6666;
    margin-top: 20px;
}

.product_lead_maintxt .txtdot {
    padding-top: 0.2em;
    background-position: top left 0px;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    background-image: radial-gradient(.15em .15em at center center,#cd6666,#cd6666 100%,transparent);
    -webkit-background-image: radial-gradient(.15em .15em at center center,#cd6666,#cd6666 100%,transparent);
    -webkit-background-position: top left 0px;
    -webkit-background-repeat: repeat-x;
    -webkit-background-size: 1em 0.3em;
}

.product_lead_box{
    overflow:hidden;
}

.product_lead_txtbox1 {
    width: 80%;
    padding: 15% 6.5%;
    background-color: rgb(248,247,252,0.8);
    border-radius: 50%;
    margin: 30px auto 0 10px;
}

.product_lead_txtbox1 .product_lead_subtit{
    border-left:3px solid #e296aa;
}

.product_lead_subtit{
    padding-left:10px;
    font-size:1rem;
    font-weight:500;
    margin: 20px 10px 10px;
}

.product_lead_subtxt {
    font-size: 0.8rem;
    padding: 0px 10px 20px 26px;
}
.product_lead_txtbox2 {
    position: relative;
    width: 80%;
    padding: 14% 16.5%;
    background-color: rgb(248,241,250,0.8);
    border-radius: 50%;
    margin: -58px -58px 0 auto;
    z-index: 2;
}

.product_lead_txtbox2 .product_lead_subtit{
    border-left:3px solid #b990ba;
}


.product_lead_txtbox3 {
    position: relative;
    width: 80%;
    padding: 11% 13.5% 30%;
    background-color: rgb(255,247,247,0.8);
    border-radius: 50%;
    margin: -54px auto 0 10px;
    z-index: 1;
}
.product_lead_txtbox3 .product_lead_subtit{
    border-left:3px solid #e296aa;
}
    
@media screen and (min-width:414px){

.how_visual_tit01{
        width: 90%;
    position: relative;
    left: -10px;
    top: 20px;
    background-image: url(/img/goods/cabinet/pbte/howtouse_ttl_1.png);
    color: #fff;
    font-size: 1rem;
    padding: 16px 10px;
    line-height: 1;
    object-fit: cover;
    background-size: 100%;
    background-repeat: no-repeat;
}
    

.how_visual_tit01::before {
    content: "";
    position: absolute;
    top: 39px;
    left: 3px;
    border: 7px solid transparent;
    border-top: 7px solid #935877;
    z-index: 0;
    transform: rotate(-130deg);
}
    
    .how_content02 .how_visual_tit01 {
    padding: 25px 10px;
}
    .how_content02 .how_visual_tit01::before {
    top: 57px;
}
}

@media screen and (min-width:768px){
.how_maintit {
    width: 16%;
    margin: 0 auto;
    padding: 40px 0 0;
}
.how_visual_tit01 {
    width: 52%;
    position: relative;
    color: #fff;
    font-size: 1.4em;
    padding: 18px 10px;
}
    
.how_content01,.how_content02, .how_content03 {
    width: 80%;
    margin: 0 auto 30px;
    }
.how_image_box01, .how_image_box03 {
    width: 70%;
    margin: 35px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    
    .how_image_box02 {
    width: 80%;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff7fc;
}
    .how_content03 .how_image_box02 {
    width: 74%;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    background-color: #fff7fc;
    padding: 20px 45px;
}
    
.right_txt{
    width: 87%;
    margin-left: 10px;
    font-size: 1.2em;
    background-repeat: no-repeat;
}
.how_image_box01 .right_txt {
    object-fit: cover;
    padding: 14% 0;
    font-size: 1.2em;}
    .how_image_box02{
    justify-content: space-around;}
.how_visual_tit01::before {
    content: "";
    position: absolute;
    top: 54px;
    left: 3px;
    border: 7px solid transparent;
    border-top: 7px solid #935877;
    z-index: 0;
    transform: rotate(-130deg);
}
    
    
.how_content02 .how_visual_tit01 {
    background-image: url(/img/goods/cabinet/pbte/howtouse_ttl_2.png);
    padding: 32px 10px;
}
    
.how_content02 .how_visual_tit01::before {
    content: "";
    position: absolute;
        top: 81px;
}
.how_image_box02 .right_txt {
    width: 48%;
    padding: 8% 0;
    font-size: 1.5em;
}

    
    .how_image_box03 .right_txt {
    width: 70%;
    background-image: url(/img/goods/cabinet/pbte/howtobg.png);
    background-size: 100%;
    object-fit: cover;
    margin-left: 10px;
    padding: 12% 0;
    text-align: center;
}

    .how_image_poptit {
    width: 46%;
    margin: 50px auto -15px;
    position: relative;
    padding: 8px 0;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    background-color: #d992b7;
    font-size: 1.2em;
}
    .product_lead_maintxt {
    width: 62%;
    position: absolute;
    top: 24%;
    left: 18%;
    font-size: 1.7em;
    text-align: center;
    line-height: 2;
}
    .plus_itembox {
    margin: 0 auto;
    font-size: 1.4em;
}
    .how_content02 .how_image_box01 .right_txt {
    background-image: url(/img/goods/cabinet/pbte/howtobg2.png);
    background-size: 100%;
    object-fit: cover;
    padding: 14% 0;
    text-align: center;
    width: 69%;
}

.product_lead_txtbox1 {
    width: 58%;
    padding: 18% 0;
}
    
.product_lead_subtit {
    font-size: 1.7em;
    width:60%;
    margin:0 auto;
}
.product_lead_subtxt {
    width:70%;
    margin:0 auto;
    font-size: 1.1em;
    padding: 10px 10px 10px 48px;
}
.product_lead_txtbox2 {
    position: relative;
    width: 58%;
    padding: 15% 0;
    background-color: rgb(248,241,250,0.8);
    border-radius: 50%;
    margin: -200px -7px 0 auto;
    z-index: 2;
}
.product_lead_txtbox2 .product_lead_subtit {
    font-size: 1.7em;
        width: 44%;
    margin:0 auto;
}
.product_lead_txtbox2 .product_lead_subtxt {
        width: 44%;
    margin:0 auto;
    font-size: 1.1em;
    padding: 10px 10px 10px 15px;
}
.product_lead_txtbox3 {
    position: relative;
    width: 58%;
    padding: 12% 0 26%;
    background-color: rgb(255,247,247,0.8);
    border-radius: 50%;
    margin: -200px auto 0 10px;
    z-index: 1;
}
    
.product_lead_txtbox3 .product_lead_subtit {
    font-size: 1.7em;
        width: 50%;
    margin:0 auto;
}
.product_lead_txtbox3 .product_lead_subtxt {
        width: 50%;
    margin:0 auto;
    font-size: 1.1em;
    padding: 10px;
}
}
/***Report***/
.product_report{
    position:relative;
    z-index: 3;
    margin:-80px 0 0;
    padding-bottom:20px;
    background-image: url("/img/goods/cabinet/pbte/note_bg.jpg");
}

.report_maintit{
    width:30%;
    margin:0 auto;
    padding:40px 0 0;
}

.report_box {
    margin: 40px auto 20px;
    border-bottom: 1px solid#e29696;
    width: 94%;
}
.report_txt {
    font-size: 1.1em;
}

.visual_txt{
    font-size: 1.1em;
}

.visual_box{
    width:100%;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.visual_img{
    width:35%;
}

.visual_txtbox {
    width: 60%;
    padding: 5%;
    font-size: 0.86em;
    background-color: #f8e6e6;
    border-radius:10px;
    position:relative;
}

.visual_txtbox::before {
    content: "";
    position: absolute;
    top: 80px;
    left: -18px;
    border: 9px solid transparent;
    border-right: 9px solid #f8e6e6;
    z-index: 0;
}

.visual_name{
    text-align:right;
}

.report_table{
    width:94%;
    margin:20px auto;
    background-color:#fff;
}

.top-radius{
    border-radius:10px 10px 0 0;}
.bottom-radius{
    border-radius:0 0 10px 10px;}

.toptit-radius{
    border-radius:10px 0 0 0;}
.bottomtit-radius{
    border-radius:0 0 0 10px;
    border-bottom: 1px solid #404040;}
.table_bottom{border-bottom: 1px solid #404040;border-radius: 0 0 5px 0;}
.report_table_list{
    display:flex;
    justify-content: space-between;
    border: 1px solid #404040;
    border-bottom:none;
    font-size: 0.86em;
}

.report_table_tit{
    width: 34%;
    padding:2%;
    background-color:#f5f5f5;
    border-right: 1px solid #404040;
}


.report_table_txt{
    width:66%;
    padding:2%;
}

.report_detail_box {
    width:100%;
    margin: 20px auto 40px;
    padding: 0;
    align-items:center;
}

.detail_list_box{
}

.report_detail_box label {
    padding: 15px;
    font-weight: bold;
    color:#fff;
    cursor :pointer;
    background: #e29696;
    display:block;
    width:100%;
    text-align: center;
}
@media screen and (max-width:768px){
	.report_detail_box label{
		width: 93%;
	}
	
}
.report_detail_box label:hover {
    background: #e29696;
}

.report_detail_box input {
    display: none;
}

.report_detail_box .report_hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.report_detail_box input:checked ~ .report_hidden_show {
    padding: 30px 0 0;
    height: auto;
    opacity: 1;
}

.report_box_all{
    width:94%;
    margin:0 auto;
}


.report_all_txtbox{
    width:100%;
    margin:20px auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.report_all_txt{
    width: 78%;
    font-size: 0.86em;
    background-color: rgb(248, 230, 230);
    position: relative;
    padding: 5%;
    border-radius: 10px;
}

.report_name{
    text-align:right;
}

.report_all_img{
    width:20%;
}

.report_hidden_show .visual_txtbox::before {
    content: "";
    position: absolute;
    top: 44%;
    left: -18px;
    border: 9px solid transparent;
    border-right: 9px solid #f8e6e6;
    z-index: 0;
}

@media screen and (min-width:768px){
.product_report{
    position:relative;
    z-index: 3;
    margin: -265px 0 0;
    padding-bottom:50px;
    background-image: url("/img/goods/cabinet/pbte/note_bg.jpg");
}
.report_box_all {
    width: 80%;
    margin: 0px auto;
}
.report_maintit {
    width: 15%;
}
.report_box {
    margin: 40px auto 80px;
    padding-bottom: 60px;
    border-bottom: 1px solid#e29696;
    width: 80%;
}
    .visual_txt{
        font-size:1.2em;
        margin-bottom:20px;
    }
    
    .report_txt{
        font-size:1.2em;
        margin-bottom:20px;
    }
    .report_tit{
        font-size:1em;
    }
    .visual_box{
    width:100%;
    margin: 50px auto;
    display:flex;
    justify-content: space-around;
    align-items: center;
}

.visual_img{
    width:22%;
}

.visual_txtbox {
    width: 70%;
    padding: 5%;
    font-size: 0.86em;
    background-color: #f8e6e6;
    border-radius:10px;
    position:relative;
}
}
/***silhoette_box***/
.silhouette_maintit{
    width:50%;
    margin:0 auto;
    padding:10px 0 0;
}


.silhouette_subtxt{
    font-size: 0.9rem;
    font-weight: 400;
    margin: 10px 0 0;
}

.silhouette_mv{
    margin:30px 0;
    position:relative;
    
}

.silhouette_mvtxt {
    position: absolute;
    bottom: 10%;
    right: 4%;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
}
.silhouette_visual{
    width:90%;
    margin:0 auto;
}

.silhoette_point{
    margin-bottom:30px;
}

.silhoette_point_tit{
    font-size:1.1em;
    color:#e29696;
}
.silhoette_point_img {
    width: 57%;
    margin: 10px auto;
}

.silhoette_com_box{
    width:100%;
    border-radius:10px;
    padding:5%;
    margin:30px auto;
    background-color:#eef2f1;
}
@media screen and (max-width:768px){
	.silhoette_com_box{
	width:92%;
	}
}

.silhoette_com_name{
    font-size: 1rem;
}

.silhoette_com_size{
    display:block;
    font-size: 0.8rem;
}


.silhoette_com_img{
    margin:15px auto;
}

.silhoette_size{
    padding-bottom:30px;
}

.size_video_box{
    margin:30px auto;
}

.size_txt{
    font-size: 0.8rem;
    margin:15px auto 30px;
}
.size_table{
    margin:30px auto;
}
.size_table_list{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:1px solid #404040;
    border-bottom:none;
}

.size_table_tit{
    width:20%;
    padding:2%;
    background-color:#f5f5f5;
    border-right:1px solid #404040;
}

.size_table_txt{
    width:80%;
    padding:2%;
}

.silhoette_cleaning_step{
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin:20px auto;
}

.silhoette_cleaning_img{
    width:40%;
}

.silhoette_cleaning_txt{
    width:57%;
}

.linemarker_red{
    background:linear-gradient(transparent 60%, #f8e6e6 60%);
}

.caution_list{
    width:100%;
    padding-left:5%;
    margin:20px auto 50px;
}

.caution_txt{
    list-style:disc;
}

@media screen and (min-width:414px){
.silhouette_mvtxt {
    position: absolute;
    bottom: 10%;
    right: 4%;
    text-align: center;
    font-size: 1.1em;
    font-weight: 500;
}
    
    
}
@media screen and (min-width:768px){
.silhouette_maintit {
    width: 20%;
}
    .silhouette_subtxt {
    font-size: 0.8em;
    font-weight: 400;
    margin: 10px 0 0;
}
.size_txt {
    font-size: 1em;
    text-align: center;
    margin: 15px auto 30px;
}

.silhoette_cleaning_step{
    width: 84%;
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin:20px auto;
}
.silhoette_point_tit{
    font-size:1.4em;
}
    
    .silhoette_point_txt{
        font-size:1.2em;
    }
    .size_video_box {
    width: 55%;
    margin: 30px auto;
}
    .size_table_list {
    border: 1px solid #404040;
    border-bottom: none;
}
.silhoette_cleaning_img{
    width: 27%;
}
.point_right {
    width: 31%;
}
    .silhouette_mvtxt {
    position: absolute;
    bottom: 12%;
    right: 14%;
    line-height: 1.8;
    text-align: center;
    font-size: 1.7em;
    font-weight: 500;
}
       .silhoette_point {
    width: 80%;
    margin: 60px auto;
}
.silhoette_cleaning_txt{
    width: 66%;
}
.caution_list{
    width: 60%;
    padding-left:5%;
    margin:20px auto 70px;
}

.caution_txt{
    list-style:disc;
    margin-bottom: 15px;
}
.silhoette_com_box {
    width: 80%;
    border-radius: 10px;
    padding: 5% 10%;
    margin: 30px auto;
    background-color: #eef2f1;
}
}

/***package***/
.product_package{
    background-color:#e29696;
    padding:30px 0;
}

.package_subtit{
    color:#fff;
}

.package_mainvisual{
    width:94%;
    margin:20px auto;
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.package_img{
    width: 44%;
}

.packeage_txt_area{
    width:52%;
}

.packeage_txt_box{
    font-size: 0.9em;
    color:#fff;
    padding:0 0 0 5%;
    border-left:3px solid #f8e6e6;
    position:relative;
}


.packeage_txt_box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    border: 9px solid transparent;
    border-right: 9px solid #f8e6e6;
    z-index: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.packeage_txt_box:nth-child(2n){
    margin:30px auto;
}

@media screen and (min-width:768px){
.package_mainvisual{
    width:80%;
}


.packeage_txt_box{
    font-size: 1.4em;
}
    
}

/***question_box***/
.product_question{
    padding:30px 0;
}

.question_visual{
    margin:20px auto;
    width:94%;
}

.question_item {
    width: 70%;
    margin: 0 auto;
    position: relative;
    padding: 0;
    text-align: center;
}

.question_item:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
}

.question_item span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.question_box {
    margin: 2em 0;
    padding:0;
}



.question_box label {
    font-size:1em;
    display: block;
    font-weight: bold;
    cursor :pointer;
        padding: 15px 40px 15px 30px;
    border-radius:15px;
    background-color:#f8e6e6;
    text-indent:-1em;
    position: relative;
}

.question_box label:before {  
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #e29696;
}
.question_box label:after {        
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    top: 47.5%;
    right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #f8e6e6;
}
.question_box label:hover:after { 
	background: #f8e6e6;
}


.question_box input {
    display: none!important;
}

.question_box .question_answer {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.question_box input:checked ~ .question_answer {
    padding: 1em 2em;
    height: auto;
    text-indent: -1em;
    opacity: 1;
}

.question_box label.selected:after {        
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
    top: 53.5%;
    right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #f8e6e6;
}

/***waytouse***/
.product_waytouse {
    background-image: url(/img/goods/cabinet/pbte/waytouse_bg.png);
    background-size: 100%;
    object-fit: cover;
    padding: 19% 0;
    background-repeat: no-repeat;
}

.waytouse_visual_imgbox{
    width:100%;
    display:flex;
    justify-content: space-between;
    position: relative;
}

.waytouse_visual_img{
    position:absolute;
    top:44%;
    margin: -20px 0 0;
}


.waytouse01{
    width:20%;
    left:5%;
}

.waytouse02{
    width:17.8%;
    right:5%;
    z-index:2;
}

.waytouse_visual{
    width:70%;
    margin:0 auto;
    text-align:center;
}

.decoration{
    position:absolute;
    top: -73px;
}

.waytouse_tit{
    font-size:1.4rem;
    line-height:2;
}

.waytouse_txt{
    font-size:1rem;
    margin-top:20px;
}

.redtxt{
    color:#e29696;
}

.txtdot {
    padding-top: 0.4em;
    background-position: top left -5px;
    background-repeat: repeat-x;
    background-size: 1.2em 0.3em;
    background-image: radial-gradient(.15em .15em at center center,#e29696,#e29696 100%,transparent);
    position: relative;
    z-index: 1;
    --webkit--background-image: radial-gradient(.15em .15em at center center,#e29696,#e29696 100%,transparent);
    --webkit---background-position: top left -5px;
    --webkit--background-repeat: repeat-x;
    --webkit--background-size: 1.2em 0.3em;
}
@media screen and (min-width:414px){
.decoration {
    top: -94px;
}
.product_waytouse {
    padding: 22.4% 0;
}
}

@media screen and (min-width:768px){
.product_waytouse {
    width: 750px;
    background-image: url(/img/goods/cabinet/pbte/waytouse_bg.png);
    background-size: 100%;
    object-fit: cover;
    padding: 24% 0;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.waytouse_visual_imgbox{
    width: 750px;
    display:flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
}

.waytouse_visual_img{
    position:absolute;
    top:44%;
    margin: -121px 0 0;
}


.waytouse01{
    width:20%;
    left:5%;
}

.waytouse02{
    width:17.8%;
    right:5%;
}

.waytouse_visual{
    width:70%;
    margin:0 auto;
    text-align:center;
}

.decoration{
    position:absolute;
    top: -263px;
}

.waytouse_tit{
    font-size:1.7em;
    line-height:2;
}

.waytouse_txt{
    font-size:1.4em;
    margin-top:20px;
}

.redtxt{
    color:#e29696;
}

.txtdot {
    padding-top: 0.4em;
    background-position: top left -5px;
    background-repeat: repeat-x;
    background-size: 1.2em 0.3em;
    background-image: radial-gradient(.15em .15em at center center,#e29696,#e29696 100%,transparent);
}
}