@charset "UTF-8";
img{width: 100%; height: auto;}
html{scroll-behavior: smooth;}

.btn img {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}
.btn:hover{opacity: 0.8;}
.pc{display: none;}

body{background: #fff; max-width: 800px; margin: 0 auto; font-family: 'Noto Serif JP', serif;}
/*header .fixedbox{position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 10000; height: 75px; max-width: 800px; left: 50%;
transform: translate(-50%, 0);}*/




@media only screen and (min-width:800px) {
.pc{display: inherit;}
.smp{display: none;}
}



section, .counceling, .order{max-width: 900px; margin: 0 auto;}
.m20{margin-bottom: 20px;}
.m30{margin-bottom: 30px;}

.counceling{ padding: 15px 5px;}
.counceling .sec30{width: 70%; margin: 0 auto;}

.order{padding: 40px 0 30px 0;}
.order ul{margin: 0 auto; width: 90%; left: 5%;}
.order ul li{margin-bottom: 10px;}
.order ul li img{width: 100%;}

#sec01{padding: 5% 0;}
#sec01 h3{padding: 10px 0; background: #f28f8f; margin: 0 auto; }
#sec01{background: url("../lib/sec01_bg02.jpg"); background-size: 100%;}
#sec01 ul li{padding: 5%;}

.toggle {display: none;}
.Label {display: block;}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px 0;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

#sec02{background: #f8e8e8; padding:10% 5%;}
#sec02 ul li{padding: 5% 0;}

#sec03{background: #f1eedd; padding: 10% 5%;}
#sec03 ul{margin-top: 7%;}
#sec03 ul li{padding: 0 0 6% 0;}

#sec04{padding: 12% 0;}


#sec05{ padding:5% 0 0 0; }
#sec05 ul li{padding: 0 0 6% 0;}
#sec05 ul li.m10{padding: 0 5% 6% 5%;}

#sec07{padding: 5%;}
#sec07 h4{margin-top: 5%;}
#sec07 .icon{margin: 5%;}
#sec07 ul li{margin-bottom: 5%;}

#sec08{background: #f2efea; padding:10% 5%;}
#sec08 .txt{padding: 8% 0 0 0;}

#sec09{margin-top: 30px; padding:10% auto 3% auto;}
#sec09 h4{margin: 5% 0 0 0;}
#sec09 h5{margin: 10% 0 0 0;}
#sec09 .red{color: #ff606b;}
#sec09 .attention{margin:3% 0 0 0; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: clamp(0.625rem, 0.489rem + 0.68vw, 1rem); color: #7f7f7f;}
#sec09 .attention ul li{   text-indent: -1em;
   padding-left: 1em;
}
#sec09 .attention ul li:before{content: "・";  }
#sec09 .attention ul li.kome:before{content: "";  }
#sec09 .brownbox{margin-top: 3%; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: clamp(0.625rem, 0.489rem + 0.68vw, 1rem); background-color: #efebe8; padding: 3% 5%; color: #7f7f7f;}
#sec09 .m10{padding:0 5%; color: #3e3a39;}
#sec09 p.attention02{margin-top: 10px; color:#3e3a39;font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 9px;}

#sec09 .m10.pink{margin: 5% 0;}
#sec09 .m30{margin: 3% 0;}
#sec09 .pricebox{margin: 5%;}
#sec09 .pricebox .m10{padding: 0; margin: 5% 0;}
#sec09 .accordion-box001 .attention{padding: 2% 5%; color: #3e3a39;}

#sec09 .optionbox{border-right: 1px solid #a2935f; border-left: 1px solid #a2935f;   border-bottom: 1px solid #a2935f; 
}
#sec09 h5.title{font-size: 15px; margin: 0;}


#info-minoxidil{padding:8% 5%; font-family: 'Noto Sans JP', sans-serif; font-size:12px; font-weight: 400; color:#000;}
#info-minoxidil .minox-title{font-weight:600;}
#info-minoxidil p{margin-bottom:16px;}
@media only screen and (min-width:800px) {
#info-minoxidil{font-size:14px;}
}

.youtube{margin-top: 30px;
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
 
.youtube iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}



.accordion {width: 100%;}

a{color: #000;}
a:visited{color: #000;}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}
.accordion-hidden001 {
  display: none;
}

/* 見出しボタンピンク */
.accordion-open {
  display: block; 
  padding: 3%;
  cursor: pointer;
  margin: 0;
  position: relative;
  background: #ef6463;
}
.accordion-open.pink {
  display: block; 
  padding: 3%;
  cursor: pointer;
  margin: 0;
  position: relative;
  background: #f28f8f;
}

.accordion-open img{width: 50%; margin: 0 auto;}

/* 見出しボタン部分黄土色 */
.accordion-open001 {
  display: block; 
  padding: 3%;
  cursor: pointer;
  position: relative;
  border-top: 1px solid #a2935f; 
}




/* ＋アイコンピンク */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 1.5px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}
/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* ＋アイコン黄土色 */

.accordion-open001::before,
.accordion-open001::after {
  content: '';
  width: 20px;
  height: 1.5px;
  background: #a2935f;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

.accordion-open001::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}
/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open001:after {
  transform: translateY(-50%) rotate(0);
}


/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
}

.accordion-hidden:checked+.accordion-open001+.accordion-box001 {
  height: auto;
  opacity: 1;
}

/* 中にいろいろ入れたいとき */
.accordion-box {background: #fff;
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}
.accordion-box001 {background: #fff;
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s; 
}
.accordion-box001 img{padding: 5%;}



.pagetop {
    height: 40px;
    width: 40px;
    position: fixed;
    right: 10px;
    bottom: 30%;
    background: #ef868d;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: translateY(20%) rotate(-45deg);
}



/*footernav*/
#footernv {width: 96%; max-width: 800px; display: none;
    position: fixed;
    bottom: 1%;
	left: 50%;
	transform: translateX(-50%) translateY(0);    overflow: hidden;
    width: 100%;
    z-index: 2; animation-name: fadein;
    animation-duration: 1s;}
#footernv.is-show {display: inherit;    
}
@keyframes fadein{
    from{
    opacity: 0;
    }
    to{
    opacity: 1;
    }
}
#footernv ul{display: flex; gap: 1%; margin: 0 2% 1% 2%;}
#footernv ul li{width: 33.3%;}

/*footer*/

footer{padding:2% 2% 32% 2%; margin: 0 auto; max-width: 900px; text-align: center ; font-family: 'Noto Sans JP', sans-serif;}
footer .copyright{font-size: 10px; margin-top: 10px; }
@media only screen and (min-width:900px) {
footer .copyright{font-size: 14px;}
}

.u-txt-pink{color: #ef868d; font-size: 14px;}
.p-bg-pink-area p, .p-bg-pink-area ul{margin-bottom: 10px;}
dt.p-price__ttl{ font-weight: 600; margin-bottom: 10px;}
.p-bg-pink-area h5{border: 1px solid #3282dc; color: #3282dc; text-align: center; width: 300px; margin:  0 auto; padding: 2px;}
p.right{text-align: right; font-size: 10px; margin: 10px 0; font-family: 'Noto Sans JP', sans-serif;}

@media only screen and (min-width:800px) {
#sec09 p.right{font-size: 11px;}
#sec09 p.attention02{font-size: 11px;}
}
#fv video{max-width: 800px; width: 100%; margin: 0 auto;}
.foryou{margin: 4% 5% 30px 5%;}