@charset "utf-8";

:root{
--base:"Zen Kaku Gothic New",sans-serif;
--maru:"Zen Maru Gothic",sans-serif;
--gothic:"Zen Kaku Gothic New",sans-serif;
--gothic2:Lato,"Zen Kaku Gothic New",sans-serif;/*数字幅調整ver・未使用*/
--mincho:"Zen Old Mincho",serif;
--noto:"Noto Sans JP",sans-serif;
--eng1:Lato,sans-serif;/*deco1ノーマル*/
--eng2:Montserrat,sans-serif;/*deco2横長・未使用*/
--eng3:"Roboto Condensed",sans-serif;/*price・未使用*/

--corp:#f87b9b;/*header pink*/
--theme1:#ff8e9c;/*pink(btn,arw,link)trialBold*/
--theme2:#f9f9f9;/*paleGray(bg)*/
--theme3:#ffede9;/*palePink(bg)*/
--theme4:#ffa1ae;/*lightpink(mv,topvoiceBg)trialTtl・infopageBG*/
--theme5:#b6a077;/*beige*/
--theme6:#004da0;/*corpColor*/

--theme1_dark:#ff6c80;/*brightPink(theme1-bold)*/
--theme1_50:rgba(255,142,156,0.5);/*palePink(bg)50%*/
--theme3_50:rgba(255,237,233,0.5);/*palePink(bg)50%*/
}



/*------------------------reset---------------------------*/
*,*::before,*::after{
box-sizing:border-box;
}
/*
html:focus-within{
scroll-behavior:smooth;
}
*/
@media (prefers-reduced-motion:reduce){
  /*
  html:focus-within{
  scroll-behavior:auto;
  }
  */
  *,*::before,*::after{
  animation-duration:.01ms !important;
  animation-iteration-count:1 !important;
  transition-duration:.01ms !important;
  scroll-behavior:auto !important;
  }
}
html,body,header,footer,main,menu,nav,article,section,aside,address,picture,
div,h1,h2,h3,h4,h5,h6,p,span,strong,em,b,i,a,hr,ul,ol,li,dl,dt,dd,figure,figcaption,img,iframe,sup,sub,
form,fieldset,input,textarea,checkbox,label,select,button{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
ul,ol,li{
list-style:none;
}
body{
/*
min-height:100vh;
text-rendering:optimizeSpeed;
line-height:1.5;
*/
}
img,picture,figure{
width:100%;
/*max-width:100%;*/
display:block;
}
iframe{
display:block;
}
input,button,textarea,select{
font-family:inherit;
}
table{
border-collapse:collapse;
}
address{
font-style:normal;
}
em,i{
font-style:italic;
}
strong{
font-weight:700;
}
a{
color:inherit;
text-decoration:none;
}



/*------------------------common---------------------------*/
html{
/*overflow-x:hidden;*/
/*scroll-behavior:smooth;//jsにて*/
}
body{
width:100%;
background:#fff;
text-align:center;
font:400 1.6rem / 1.7 var(--base);/**/
letter-spacing:0.05em;
color:#333;
}
h1,h2,h3,h4,h5,h6{
font-weight:700;
}
/*
h1,h2,h3{
line-height:1.3;
}
*/
sup{
align-self:flex-start;
margin-right:0.5em;
vertical-align:super;
font-size:0.75em;
line-height:1;
}
a,a::before,a::after{
transition:all .5s ease;
}
a:hover{
opacity:0.7;
}
a[href^="tel:"]{
pointer-events:auto;
}
@media screen and (min-width:768px){
  a[href^="tel:"]{
  pointer-events:none;
  }
}
/*
hr{
margin:1em 0;
border-bottom:1px #999 solid;
}
.wow {
  animation-fill-mode: forwards;
}
*/
.price{white-space:nowrap;}
.att{color:#f00;}
.bold{font-weight:700;}/**/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.block{display:block;}
.m0{margin:0;}
.mt0{margin-top:0;}
.mb0{margin-bottom:0;}
.ml0{margin-left:0;}
.mr0{margin-right:0;}
.mt_05{margin-top:0.5rem;}
.mt_10{margin-top:1rem;}
.mt_20{margin-top:2rem;}
.mt_30{margin-top:3rem;}
.mt_40{margin-top:4rem;}
.mt_50{margin-top:5rem;}
.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mt3{margin-top:3em;}
.mt4{margin-top:4em;}
.mt5{margin-top:5em;}
.p0{padding:0;}
.pt0{padding-top:0;}
.pb0{padding-bottom:0;}
.pl0{padding-left:0;}
.pr0{padding-right:0;}
.pt_05{padding-top:0.5rem;}
.pt_10{padding-top:1rem;}
.pt_20{padding-top:2rem;}
.pt_30{padding-top:3rem;}
.pt_40{padding-top:4rem;}
.pt_50{padding-top:5rem;}
.pt1{padding-top:1em;}
.pt2{padding-top:2em;}
.pt3{padding-top:3em;}
.pt4{padding-top:4em;}
.pt5{padding-top:5em;}
.large1{font-size:1.15em;}
.large2{font-size:1.3em;}
.large3{font-size:1.5em;}/**/
.large4{font-size:1.75em;}
.large5{font-size:2.0em;}
.small1{font-size:0.9em;}
.small2{font-size:0.8em;}
.small3{font-size:0.7em;}
.small4{font-size:0.6em;}
.small5{font-size:0.5em;}



/*------------------------switch---------------------------*/
@media screen and (max-width:767px){
  .pc{
  display:none !important;
  }
  .sp{
  display:inline-block !important;
  }
}
@media screen and (min-width:768px){
  .pc{
  display:inline-block !important;
  }
  .sp{
  display:none !important;
  }
}



/*------------------------fontSize---------------------------*/
@media screen and (max-width:767px){
  html{
  font-size:2.6vw;
  }
}
@media screen and (min-width:768px){
  html{
  font-size:1.1vw;
  }
}
@media screen and (min-width:910px){
  html{
  font-size:62.5%;
  }
}
@media screen and (min-width:1429px){/*@media screen and (min-width:1250px){*/
  html{
  font-size:0.7vw;/*font-size:0.8vw;*/
  }
}
/*h1,h2,h3,h4,h5,h6,*/
input,select,button,textarea{
font-size:1.6rem;
}




/*------------------------JS---------------------------*/
/*
body.is-fixed {
  overflow: hidden;
}
*/
/* bodyスクロール禁止 */
body.is-menu-open{
overflow:hidden;
position:fixed;
width:100%;
}
/*
.accordion-content{
display:none;
}
*/



/*------------------------layout---------------------------*/
#container{
display:flex;
flex-flow:column;
width:100%;
height:100%;
min-height:100vh;
}
header{
top:0;
z-index:100;
}
@media screen and (max-width:767px){
  header{
  position:sticky;
  }
}
@media screen and (min-width:768px){
  header{
  position:relative;
  }
}
header,
.gnav .nav,
footer,
main,
aside{
width:100%;
text-align:left;
}
@media screen and (min-width:768px){
  .aside{
  padding:8rem 0;
  }
}
.header,
.breadcrumb,
.inner{
width:92%;
margin:0 auto;
}
@media screen and (min-width:768px){
  .headh1 h1,
  .header,
  .gnav .nav,
  .breadcrumb,
  .inner{
  width:min(94%,1000px);
  margin:0 auto;
  }
}
@media screen and (min-width:1429px){/*@media screen and (min-width:1250px){*/
  .headh1 h1,
  .header,
  .gnav .nav,
  .breadcrumb,
  .inner{
  width:70%/*80%*/;
  }
}
main{
flex:1;
word-break:break-all;
}
.aside{
background:var(--theme2);
}


/*------------------------headerH1---------------------------*/
@media screen and (max-width:767px){
  .headh1{
  display:none;
  }
}
@media screen and (min-width:768px){
  .headh1{
  background:#efefef;
  }
  .headh1 h1{
  height:2rem;
  line-height:2rem;
  text-align:right;
  font-weight:500;
  font-size:1.1rem;
  font-family:var(--gothic);
  color:#666;
  }
  .headh1 h1 br{
  display:none;
  }
}



/*------------------------header---------------------------*/
header{
background:#fff;
}
.header{
display:flex;
align-items:center;
justify-content:space-between;
height:5rem;
}
.header .sitename{
width:15rem;
}
.header .sitename img{
width:100%;
}
@media screen and (min-width:768px){
  .header{
  height:8rem;
  }
}



/*------------------------hnav---------------------------*/
.hnav{
}
.hnav .nav{
display:flex;
}
.hnav .nav li{
margin-left:0.5rem;
}
.hnav .nav a{
position:relative;
display:flex;
align-items:center;
justify-content:center;
line-height:1.25;
height:5rem;
padding-left:4.1rem;
}
.hnav .nav a::before{
content:'';
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
display:block;
width:4rem;
height:4rem;
border-radius:50%;
}
.hnav .nav .phone a::before{background:#ff929d;}
.hnav .nav .login a::before{background:#fbb29a;}
.hnav .nav .cart a::before{background:#a1d3b0;}
.hnav .nav .contact a::before{background:#8cb9ca;}
.hnav .nav img{
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:2.2rem;
margin:0 0.9rem;
}
@media screen and (max-width:767px){
  .hnav .nav{
  margin-right:4.5rem;
  }
  .hnav .nav .txtbox{
  display:none;
  }
}
@media screen and (min-width:768px){
  .hnav .nav a{
  padding-left:3.2rem;
  }
  .hnav .nav a::before{
  width:3rem;
  height:3rem;
  }
  .hnav .nav img{
  width:2rem;
  margin:0 0.5rem;
  }
  .hnav .nav .txtbox{
  text-align:center;
  white-space:nowrap;
  font-size:1.5rem;
  }
  .hnav .nav .txtbox span{
  display:block;
  line-height:1;
  }
  .hnav .nav .txtbox .num{
  font-size:1.2em;
  }
  .hnav .nav .txtbox .note{
  font-size:0.7em;
  letter-spacing:0;
  }
}



/*------------------------headerButton---------------------------*/
@media screen and (max-width:767px){
  .menu_btn{
  display:none;
  }
  .menu_ico{
  position:absolute;
  top:0;
  right:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  width:5rem;
  height:5rem;
  padding:0.5rem 0;
  transition:all 0.3s;
  z-index:1000;
  cursor:pointer;
  font-size:0.9rem;
  font-style:normal;
  line-height:1;
  background:#eee;
  }
  header input[type="checkbox"]:checked~.menu_ico{
  background:#eee;
  }
  .menu_ico::after{
  content: 'MENU';
  display:block;
  font-weight:700;
  }
  header input[type="checkbox"]:checked~.menu_ico::after{
  content: 'CLOSE';
  }
  .menu_ico i{
  position:relative;
  margin-top:1rem;
  }
  .menu_ico i::before,
  .menu_ico i::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  }
  .menu_ico i,
  .menu_ico i::before,
  .menu_ico i::after{
  display:block;
  width:2.5rem;
  height:0.2rem;
  background:#333;
  cursor:pointer;
  transition:all 0.3s;
  }
  .menu_ico i::before{
  margin-top:-0.75rem;
  }
  .menu_ico i::after{
  margin-top:0.75rem;
  }
  header input[type="checkbox"]:checked~.menu_ico i{
  background:transparent;
  }
  header input[type="checkbox"]:checked~.menu_ico i::before,
  header input[type="checkbox"]:checked~.menu_ico i::after{
  margin-top:0;
  }
  header input[type="checkbox"]:checked~.menu_ico i::before{
  transform:rotate(30deg);
  }
  header input[type="checkbox"]:checked~.menu_ico i::after{
  transform:rotate(-30deg);
  }
  header input[type="checkbox"]:checked~.gnav{
  transform:translateY(0);
  }
}
@media screen and (min-width:768px){
  .menu_btn,
  .menu_ico{
  display:none;
  }
}



/*------------------------gnav/menu---------------------------*/
@media screen and (max-width:767px){
  .gnav{
  position:fixed;
  left:0;
  top:5rem;
  width:100%;
  height:calc(100vh - 5rem);
  padding:1em 0;
  background:#ffe7e3;
  transform:translateX(100%);
  transition:transform 0.5s ease-in-out;
  z-index:1;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  }
  .gnav .nav li{
  width:100%;
  }
  .gnav .nav .menu_2nd{/*2階層のみ*/
  background:rgba(255,255,255,0.3);
  }
  .gnav .nav a{
  position:relative;
  display:flex;
  align-items:center;
  width:94%;
  margin:0 auto;
  padding:0.75em;
  line-height:1.2;
  color:#333;
  }
  .gnav .nav > li:nth-of-type(n+2) > a{/*1階層*/
  border-top:2px #fff solid;
  }
  .gnav .nav ul li a{/*2階層以降*/
  padding-left:1.75em;
  border-top:1px #fff solid;
  }
  .gnav .nav > li ul:first-child > li:first-child > a{
  border-top:none;
  }
  .gnav .menu_1st > a + *{
  display:none;
  }
  .gnav .nav a::before,
  .gnav .nav a::after{
  content:'';
  position:absolute;
  display:block;
  }
  .gnav .nav > li > a[href*="//"]::after,
  .gnav .menu_2nd a::after{
  right:1em;
  top:50%;
  transform:translateY(-50%) translateX(20%) rotate(45deg);
  width:0.6em;
  height:0.6em;
  border-right:2px var(--corp) solid;
  border-top:2px var(--corp) solid;
  }
  .gnav .nav > li > a[href*="void(0)"]::before,
  .gnav .nav > li > a[href*="void(0)"]::after{
  right:0.5em;
  top:50%;
  border:none;
  width:1em;
  height:2px;
  background:var(--corp);
  }
  .gnav .nav > li > a[href*="void(0)"]::before{
  transform:translateY(-50%);
  }
  .gnav .nav > li > a[href*="void(0)"]::after{
  transform:translateY(-50%) rotate(90deg);
  }
  .gnav .nav > li > a[href*="void(0)"].open::after{
  transform:translateY(-50%) rotate(0deg);
  }
  .gnav .menu_2nd a::before{
  content:'・';
  left:0.75em;
  top:0.75em;
  width:1em;
  height:1em;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li > a,
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-of-type(1) > ul > li > a,
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li > a{
  font-weight:700;
  }
  .gnav .nav #gnav03 .menu_2nd a{
  padding-left:2.5em;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li > a{
  padding-left:0.75em;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-of-type(1) > ul > li > a,
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li > a{
  padding-left:1.75em;
  }
  .gnav .nav #gnav03 .menu_2nd a::before{
  left:1.5em;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-of-type(1) > ul > li > a::before{
  content:'◎';
  left:0.75em;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li > a::before,
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li > a::before{
  content:none;
  }
  .gnav .nav .menu_2nd .tel > a[href*="void(0)"]{
  cursor:default;
  }
  .gnav .nav .menu_2nd .tel > a::after{
  content:none;
  }
  .gnav .nav .menu_2nd .tel .box{
  text-align:center;
  margin:-0.5em 0 0.75em;
  }
  .gnav .nav .menu_2nd .tel .box dt{
  display:none;
  }
  .gnav .nav .menu_2nd .tel .box .hour,
  .gnav .nav .menu_2nd .tel .box .note{
  display:inline-block;
  font-size:0.9em;
  }
  .gnav .nav .menu_2nd .tel .box .num a::before,
  .gnav .nav .menu_2nd .tel .box .num a::after{
  content:none;
  }
  .gnav .nav .menu_2nd .tel .box .num a{
  display:block;
  margin:0;
  padding:0;
  border-top:none;
  font-size:1.5em;
  font-weight:700;
  }
}
@media screen and (min-width:768px){
  .gnav{
  position:relative;
  width:100%;
  background:var(--corp);
  color:#fff;
  }
  .gnav .nav{
  display:flex;
  justify-content:space-around;
  }
  .gnav .nav > li{/*第一階層のみ*/
  flex-grow:1;
  height:3rem;
  }
  .gnav .nav > li > a{/*第一階層のみ*/
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:3rem;
  font-weight:500;
  text-align:center;
  white-space:nowrap;
  font-family:var(--maru);
  }
  .gnav .nav > li + li > a::before{/*第一階層のみ*/
  content:'';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:1px;
  height:100%;
  background:#fff;
  }
  .gnav .nav ul a:hover{/*2階層以降*/
  opacity:1;
  color:var(--corp);
  
  }
  .gnav .nav .menu_2nd{
  visibility:hidden;
  opacity:0;
  z-index:1;
  position:absolute;
  top:3rem;
  left:0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  width:100%;
  padding:3rem 0 4rem;
  background:#f2f2f2;
  text-align:left;
  line-height:1.5;
  transition:all 0.5s ease;
  color:#333;
  min-height:12rem;
  }
  .gnav .nav .menu_1st:hover .menu_2nd{
  visibility:visible;
  opacity:1;
  }
  .gnav .nav #gnav02 .menu_2nd ul + ul,
  .gnav .nav #gnav06 .menu_2nd ul + ul{
  margin-left:8rem;
  }
  .gnav .nav #gnav03 .menu_2nd > ul{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li > ul,
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-child(1) > ul > li:nth-child(2) > ul > li + li{
  margin-top:1rem;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-child(1) > ul{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li + li{
  margin-left:3rem;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-child(1) > ul > li + li{
  margin-left:2rem;
  }
  .gnav .nav .menu_2nd{
  font-size:1.4rem;
  }
  .gnav .nav .menu_2nd li a{
  position:relative;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li > a{
  font-weight:700;
  font-size:1.8rem;
  font-family:var(--maru);
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-child(1) > ul > li > a{
  font-weight:700;
  font-size:1.6rem;
  font-family:var(--maru);
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-child(1) > ul > li:nth-child(2) > ul > li > a{
  font-weight:700;
  font-family:var(--maru);
  }
  .gnav .nav .menu_2nd li a:hover::before{
  border-right:1px var(--corp) solid;
  border-top:1px var(--corp) solid;
  }
  .gnav .nav .menu_2nd li a::before{
  content:'';
  display:inline-block;
  width:0.6rem;
  height:0.6rem;
  margin:-0.3rem 0.5rem 0 0.5rem;
  transform:rotate(45deg);
  border-right:1px #333 solid;
  border-top:1px #333 solid;
  vertical-align:middle;
  }
  .gnav .nav #gnav03 .menu_2nd > ul > li > a::before,
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-child(1) > ul > li > a::before,
  .gnav .nav #gnav03 .menu_2nd > ul > li:nth-child(1) > ul > li:nth-child(2) > ul > li > a::before{
  display:none;
  }
  .gnav .nav .menu_2nd .tel{
  position:relative;
  }
  .gnav .nav .menu_2nd .tel .box{
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  padding:1rem;
  border:2px #ccc solid;
  border-radius:0.5rem;
  background:#fff;
  text-align:center;
  line-height:1.3;
  }
  .gnav .nav .menu_2nd .tel .box dt{
  /*font-size:1.4rem;*/
  }
  .gnav .nav .menu_2nd .tel .box dd span{
  display:block;
  }
  .gnav .nav .menu_2nd .tel .box dd .num{
  font-size:1.8em;
  font-weight:700;
  }
  .gnav .nav .menu_2nd .tel .box dd .num a::before{
   content:none;
  }
  /*
  .gnav .nav .menu_1st > a.currentPage:after,
  .gnav .nav .menu_1st:hover > a:after{content: '';position: absolute; left:0; bottom:0;display: block; width:100%;height:4px;border-radius: 2px;background: #333; }
  */
  .gnav .nav .menu_2nd .tel .box{
  visibility:hidden;
  opacity:0;
  transition:all 0.5s ease;
  }
  .gnav .nav .menu_2nd .tel a:hover + .box,
  .gnav .nav .menu_2nd .tel a+.box:hover{
  visibility:visible;
  opacity:1;
  }
  .gnav .sns{
  display:none;
  }
}



/*------------------------SNS---------------------------*/
.sns{
display:flex;
align-items:center;
justify-content:center;
margin:1rem;
}
.sns li a{
display:flex;
align-items:center;
justify-content:center;
margin:1rem;
}
.sns li a img{
width:4rem;
}
.sns li img + span{
margin-left:1rem;
}
@media screen and (max-width:767px){
  .sns li span{
  display:none;
  }
}



/*------------------------pagetop---------------------------*/
footer{
position:relative;
}
.pagetop{
display:none;
transform:translateY(0);
/*position:absolute;　途中まで★*/
position:fixed;
/*top:auto;*/
right:2rem;
bottom:2rem;
width:6rem;
height:6rem;
z-index:1;
}
.pagetop.fixed{
transform:translateY(0);
position:fixed;
/*top:auto;*/
right:2rem;
bottom:2rem;
}
.pagetop a{
position:relative;
display:block;
width:6rem;
height:6rem;
border-radius:50%;
border:1px rgba(255,255,255,1) solid;
background:var(--corp);
overflow:hidden;
text-indent:-999rem;
}
.pagetop a::after{
content:'';
position:absolute;
right:0;
top:50%;
display:inline-block;
width:2rem;
height:2rem;
margin:0.85rem;
transform:translate(-50%,-70%) rotate(-45deg);
border-right:2px #fff solid;
border-top:2px #fff solid;
}
@media screen and (max-width:767px){}
@media screen and (min-width:768px){/*-----------------　（←チャットとかぶる）ブラウザ枠2rem★　-------------*/
.pagetop{
right:50%;
margin-right:calc(-47% + 3rem);
transform: translateX(50%);
}
.pagetop.fixed{
right:50%;
margin-right:calc(-47% + 3rem);
transform: translateX(50%);
}
}
@media screen and (min-width:1100px){/*エリア内2rem*/
.pagetop{
margin-right:calc(-500px + 3rem);
}
.pagetop.fixed{
margin-right:calc(-500px + 3rem);
}
}
@media screen and (min-width:1429px){/*エリア外2rem*/
.pagetop{
margin-right:calc(-35% - 3rem);
}
.pagetop.fixed{
margin-right:calc(-35% - 3rem);
}
}


/*------------------------footer---------------------------*/
.footer{
width:100%;
background:#f1f1f1;
}
.footer .copyright{
margin-top:2rem;
height:5rem;
line-height:5rem;
background:#e6e6e6;
text-align:center;
font-weight:500;
font-size:1.4rem;
font-family:var(--maru);
color:var(--corp);
}
@media screen and (max-width:767px){
  .fsns .sns li span{
  display:none;
  }
}
@media screen and (min-width:768px){}



/*------------------------fnav---------------------------*/
@media screen and (max-width:767px){
  .fnav li{
  display:none;
  }
  .fnav li.endnav{
  display:block;
  }
  .fnav #gnav06{
  display:block;
  }
  .fnav #gnav06 > a,
  .fnav #gnav06 li{
  display:none;
  }
  .fnav #gnav06 li.endnav{
  display:block;
  }
  .fnav #gnav06 li.tel .box dt{
  display:none;
  }
  .fnav{
  border-bottom:1px #ccc solid;
  }
  .fnav li + li{
  border-top:1px #ccc solid;
  }
  .fnav #gnav06{
  border-top:none;
  }
  .fnav a{
  position:relative;
  display:block;
  padding:0.5em 1em;
  }
  .fnav a::after{
  content:'';
  position:absolute;
  right:1em;
  top:50%;
  transform:translateY(-50%) translateX(20%) rotate(45deg);
  display:block;
  width:0.6em;
  height:0.6em;
  border-right:2px var(--corp) solid;
  border-top:2px var(--corp) solid;
  }
  .fnav .tel a::after{
  content:none;
  }
  .fnav .tel .box{
  padding:0 0 0.5em;
  text-align:center;
  }
  .fnav .tel .box .num{
  display:block;
  font-size:1.5em;
  font-weight:700;
  }
  .fnav .tel .box a{
  margin:-0.5em 0 -0.25em;
  padding:0;
  }
}
@media screen and (min-width:768px){
  .fnav{
  display:flex;
  justify-content:center;
  margin-bottom:-2rem;
  }
  .fnav .nav{
  margin:3rem 0 3rem;
  padding:0 3rem;
  position:relative;
  }
  .fnav .nav:nth-child(n+2)::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  display:inline-block;
  height:100%;
  width:1px;
  border-left:1px #ccc dotted;
  }
  .fnav a{
  display:inline-block;
  }
  .fnav a:hover{
  opacity:1;
  color:var(--corp);
  }
  .fnav a[href*="void(0)"]{
  cursor:default;
  }
  .fnav a[href*="void(0)"]:hover{
  color:inherit;
  }
  .fnav ul{
  margin-bottom:1em;
  }
  .fnav li{
  font-size:1.5rem;
  line-height:1.3;
  }
  .fnav li a{
  padding:0.3em 0;
  }
  .fnav li li{
  font-size:1.25rem;
  }
  .fnav li li a{
  margin-left:1em;
  padding:0.2em 0;
  text-indent:-1.1em;
  }
  .fnav li li a:hover::before{
  border-right:1px var(--corp) solid;
  border-top:1px var(--corp) solid;
  }
  .fnav li li a::before{
  content:'';
  display:inline-block;
  transform:rotate(45deg);
  width:0.6rem;
  height:0.6rem;
  margin:-0.3rem 0.5rem 0 0.5rem;
  border-right:1px #333 solid;
  border-top:1px #333 solid;
  vertical-align:middle;
  }
  .fnav #fnav03{
  margin-bottom:-1rem;
  }
  .fnav #fnav03 > div > ul > li{
  }
  .fnav #fnav03 > div > ul > li > a{
  margin:1rem 0 0.5rem;
  text-indent:0;
  font-weight:700;/**/
  display:block;
  text-align:center;
  border-radius:0.5rem;
  padding:0.25em 0;
  background:#fff;
  }
  .fnav #fnav03 > div > ul > li > a::before{
  content:none;
  }
  .fnav #fnav03 > div > ul > li > ul > li{
  /*margin-left:1em;*/
  }
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul > li + li{
  margin-left:1em;/**/
  }
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul > li > a{
  font-weight:700;/**/
  }
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul > li > a::before{
  content:none;
  }
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li > a::before,
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li > a::after{
  border:none;
  transform:rotate(0deg);
  display:inline-block;
  width:1.05em;
  height:1em;
  margin:0;
  padding:0;
  vertical-align:baseline;
  line-height:1.3;
  text-indent:0;
  }
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li > a::before{content:'［';}
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li > a::after{content:'］';}
  .fnav #fnav03 > div > ul > li:nth-of-type(1) > ul{
  display:flex;
  justify-content:center;
  font-size:1.4rem;
  }
  .fnav .tel .box{
  margin:-0.5em 0 0.25em;
  }
  .fnav .tel .box dt{
  display:none;
  }
  .fnav .tel .box span{
  display:block;
  text-align:center;
  line-height:1.1;
  }
  .fnav .tel .box span.num{
  font-size:1.5em;
  font-weight:700;
  }
  .fnav .tel .box span.note{
  font-size:0.8em;
  }
  .fnav .tel .box a::before{
  content:none;
  }
}



/*------------------------aside---------------------------*/
.aside:empty{
display:none;
}
@media screen and (max-width:767px){
  .aside .inner{
  width:100%;
  }
}
@media screen and (min-width:768px){
  .aside div + div{
  margin-top:2rem;
  }
}



/*------------------------aside,banner---------------------------*/
.bnr_trial{
position:relative;
}
.bnr_trial a.body:hover,
.bnr_trial a.scalp:hover{
background:rgba(255,255,255,0.3);}
.bnr_trial a.body,
.bnr_trial a.scalp{
position:absolute;
bottom:0;
display:block;
width:50%;
height:100%;
}
.bnr_trial a.body{left:0;}
.bnr_trial a.scalp{right:0;}
.guidenav{
padding:4rem 0;
text-align:center;
}
.guidenav .txt{
margin-bottom:2rem;
}


/*------------------------mainArea common---------------------------*/
/*-----------a-----------*/
a.underline{
text-decoration:underline;
text-decoration-skip-ink:auto;
text-underline-offset:0.15em;
}
section a.underline:hover{
text-decoration:none;
}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  a.underline_sp{
  text-decoration:underline;
  text-decoration-skip-ink:auto;
  text-underline-offset:0.15em;
  }
  section a.underline_sp:hover{
  text-decoration:none;
  }
}

/*-----------decoration-----------*/
.deco1{
font-family:var(--eng1);
font-weight:900;
letter-spacing:0.1em;
}
.deco2{
font-family:var(--eng2);
font-weight:800;
letter-spacing:0.1em;
}
/*.price,*/
.deco3{
font-family:var(--eng3);
font-weight:800;
letter-spacing:0;
}
.strong{
font-weight:700;
}
em.em{
font-style:normal;
}
strong.strong{
font-weight:400;
}
.dots{
background-image:radial-gradient(circle at center, #333 20%, transparent 20%);
background-repeat:repeat-x;
background-position:left top;
background-size:1.05em 0.35em;
padding-top:0.15em;
}
.outline1{
font-weight:700;
text-shadow:
0.5px 0.5px 0 #333,-0.5px -0.5px 0 #333,/* 右下方向に影 */
-0.5px 0.5px 0 #333,0.5px -0.5px 0 #333,/* 左下方向に影 */
0.5px 0 0 #333,-0.5px  0 0 #333,/* 左上方向に影 */
0 0.5px 0 #333,0 -0.5px 0 #333;/* 右上方向に影 */
}
.outline2{
font-weight:700;
text-shadow:
1px 1px 0 #333,-1px -1px 0 #333,/* 右下方向に影 */
-1px 1px 0 #333,1px -1px 0 #333,/* 左下方向に影 */
1px 0 0 #333,-1px 0 0 #333,/* 左上方向に影 */
0 1px 0 #333,0 -1px 0 #333;/* 右上方向に影 */;
}

/*-----------下線・マーカー-----------*/
.marker1{background:linear-gradient(transparent 30%,rgba(255,255,0,0.5) 45%);}
.underline1{background:linear-gradient(transparent 65%,rgba(255,255,0,0.5) 75%);}
.marker2{background:linear-gradient(transparent 30%,rgba(255,142,156,0.5) 45%);}
.underline2{background:linear-gradient(transparent 65%,rgba(255,142,156,0.5) 75%);}


/*-----------リスト・P用-----------*/
p.kome{
padding-left:1.25em;
text-indent:-1.25em;
}
p.kome::before{
content:'※';
display:inline-block;
width:1.25em;
padding-left:initial;
text-indent:initial;
}
.disc li,
.circle li,
.circle2 li,
.kome li,
.check li,
.num li{
padding-left:1.25em;
text-indent:-1.25em;
}
.disc li::before,
.circle li::before,
.circle2 li::before,
.kome li::before,
.check li::before,
.num li::before{
display:inline-block;
width:1.25em;
text-indent:-1.25em;
padding-left:1.25em;
text-align:center;
}
.disc li::before{content:'・';}
.circle li::before{content:'○';}
.circle2 li::before{content:'●';}
.kome li::before{content:'※';}
.check li::before{content:'✓';}

.num{
counter-reset:num;
}
.num li::before{
text-align:right;
white-space:nowrap;
counter-increment:num;
content: counter(num) '.';
}
/*
.num li{
margin-left:1.25em;
list-style:decimal;
}
*/
.arw1,
.arw1 li,
.arw2,
.arw2 li{
position:relative;
display:block;
padding-left:1.25em;
}
ol.arw1,
ul.arw1,
ol.arw2,
ul.arw2{
position:inherit;
display:inherit;
padding-left:inherit;
}
.arw1::after,
.arw1 li::after,
.arw2::before,
.arw2::after,
.arw2 li::before,
.arw2 li::after{
content:'';
position:absolute;
display:inline-block;
}
.arw2::before,
.arw2 li::before{
left:0;
top:0.85em;
transform:translateY(-50%);
width:1em;
height:1em;
border-radius:50%;
background:var(--theme5);
color:#fff;
}
.arw1::after,
.arw1 li::after,
.arw2::after,
.arw2 li::after{
left:0.25em;
top:0.85em;
transform:translateY(-50%) rotate(45deg);
width:0.4em;
height:0.4em;
}
.arw1::after,
.arw1 li::after{
border-right:1px #333 solid;
border-top:1px #333 solid;
}
.arw2::after,
.arw2 li::after{
border-right:2px #fff solid;
border-top:2px #fff solid;
}
/*span.arw3{
display:inline-block;
}*/
.arw3::after{
content:'';
display:inline-block;
width:0.4em;
height:0.4em;
transform:translateY(-35%) rotate(45deg);
margin-left:0.25em;
border-right:1px #333 solid;
border-top:1px #333 solid;
/*background: #f00;*/
}

ol.arw1::after,
ul.arw1::after,
ol.arw2::before,ol.arw2::after,
ul.arw2::before,ul.arw2::after{
all:unset;
}
.flex{
display:flex;
}
.flex_wrap{
display:flex;
flex-wrap:wrap;
}
@media screen and (min-width:768px){
.flex_pc{
display:flex;
}
}
@media screen and (max-width:767px){
}


/*-----------検証用-----------*/
#test li{
background:rgba(0,0,0,0.03);
}
#test .flex li,
#test .flex_wrap li{
border:1px #ccc solid;
}
#test .grid li{
border:1px #ccc solid;
}
#test .grid{
display:grid;
grid-template-columns: 3fr 2fr 1fr;/*横3:2:1*/
grid-template-columns: repeat(2, 3fr 2fr 1fr);/*横に3fr 2fr 1frを2回繰り返す*/
/*grid-template-columns: repeat(3, 2fr 1fr);横に 2fr 1frを3回繰り返す*/
/*grid-template-rows: 3fr 2fr 1fr;縦3:2:1*/
/*grid-template-rows: repeat(2, 3fr 2fr 1fr);縦3:2:1を2回繰り返す*/
/*grid-template:repeat(3, 2fr 1fr 1fr) / repeat(2, 1fr 2fr 3fr);repat(縦方向{繰り返す数},{繰り返す数値})/repat(横方向{繰り返す数},{繰り返す数値})*/
/*grid-template-columns: 3fr 2fr 1fr;grid-template-rows: 2fr 1fr;横3:2:1、縦2:1:以降1*/
/*grid-template-columns: auto auto auto;横*/
/*gap:1rem;/*縦横とも1rem*/
/*gap:1rem 2rem;/*上下1rem左右2rem*/
/*grid-gap:1px 10px;/*上下・左右*/
/*grid-row-gap:1px; /*上下の余白*/
/*grid-columns-gap: 50px; *//*縦列同士の余白*/
}



/*------------------------mainArea commonParts---------------------------*/
/*-----------pinkbutton-----------*/
.btn_box{
display:flex;
align-items:center;
justify-content:center;
gap:2rem 4rem;
margin:0 auto;
}
.btn{
display:flex;
align-items:center;
justify-content:center;
height:4.5rem;
padding:0.25rem;
border:none;
border-radius:1.5rem;
background-color:var(--theme1);
background-image:url(../img/ico_arw01.svg);
background-repeat:no-repeat;
background-size:0.7em;
text-align:center;
font-weight:500;
font-size:1.8rem;
line-height:1.3;
font-family:var(--maru);
color:#fff;
}
.btn.down{
background-image:url(../img/ico_arw01_dn.svg);
}
@media screen and (max-width:767px){
  .btn_box{
  flex-direction:column;
  }
  .btn{
  width:90%;
  background-position:right 10% center;
  letter-spacing:0.05em;
  margin-left:auto;
  margin-right:auto;
  }
}
@media screen and (min-width:768px){
  .btn{
  width:36rem;
  background-position:right 15% center;
  letter-spacing:0.2em;
  }
}


/*-----------breadcrumb-----------*/
.breadcrumb ol{
display:block;
margin:1rem 0;
}
.breadcrumb ol li{
display:inline;
}
.breadcrumb ol li:nth-child(n+2)::before{
content:'＞';
margin:0 0.25em;
}
@media screen and (max-width:767px){
  .breadcrumb ol{
  font-size:1.2rem;
  }
}
@media screen and (min-width:768px){
  .breadcrumb ol{
  font-size:1.4rem;
  }
}


/*-----------arwLink-----------*/
article a.link_arw{
padding-right:1.25em;
background-image:url(../img/ico_arw05.svg);
background-repeat:no-repeat;
background-position:right center;
background-size:0.7em;
color:var(--theme1);
text-decoration:none;
}

/*-----------moreButtom-----------*/
.more_box{
display:none;
}
.more_btn{
display:block;
color:var(--theme1);
cursor:pointer;
}


/*-----------price_box-----------*/
dl.price_box{
text-align:center;
font-weight:700;
}
dl.price_box dt{
font-family:var(--maru);
height:3rem;
line-height:3rem;
border-radius:1.5rem;
background:#efefef;
}
dl.price_box dd{
margin-top:0.5rem;
font-size:2rem;
line-height:1;
letter-spacing:0;
font-family:var(--maru);
white-space:nowrap;
}
dl.price_box .price{
font-weight:700;
font-size:4.5rem;
}
dl.price_box .tax{
font-size:0.6em;
white-space:nowrap;
}
dl.price_box.teiki,
[class*=teiki] dl.price_box{color:#f26578;}
dl.price_box.teiki dt,
[class*=teiki] dl.price_box dt{background:#fff4f4;}
@media screen and (min-width:768px){}
@media screen and (max-width:767px){
  dl.price_box dd{
  }
  dl.price_box .tax{
  display:inline-block;
  position:relative;
  top:-2em;
  margin-left:-1.5em;
  }
}


/*------------------------pg_item cv共通---------------------------*/
.cv{
width:100%;
}
.cv [class^="cv_"]{
position:relative;
display:flex;
align-items:center;
gap:1rem;
}
.cv *+.cv_teiki{
margin-top:2rem;
}
.cv .price_box{
flex-shrink:0;
width:50%;
}
.cv .btn_cart{
display:flex;
align-items:center;
justify-content:center;
width:50%;
height:8rem;
border-radius:0.5rem;
text-align:center;
font-weight:700;
color:#ffffff;
font-family:var(--maru);
}
.cv .cv_basic .btn_cart{background:linear-gradient(var(--theme5), #947e55);}
.cv .cv_teiki .btn_cart{background:linear-gradient(var(--theme1), #f26578);}
@media screen and (max-width:767px){}
@media screen and (min-width:768px){}


/*------------------------cv_box レイアウト---------------------------*/
.cv_box{
display:flex;
align-items:center;
gap:2rem;
width:100%;
margin:0 auto;
padding:4rem 2rem 3rem;
border-radius:2rem;
background:#fff;
}
@media screen and (max-width:767px){
  .cv_box{
  flex-direction:column;
  }
}
@media screen and (min-width:768px){}



/*------------------------review_box レイアウト---------------------------*/
.review_box .instagram_gallery,
.review_box .review_slider{
width:100%;
margin:2rem auto;
border-radius:1.5rem;
background:#fff;
}
.review_box .review-container{
/*default
width:100%;
display:block;
max-width:100%;
margin-bottom:15px;
*/
margin-bottom:0;
}
.review_box .reviewWidget .reviewWidget_inner.swiper,
.review_box .reviewWidget_inner,
.review_box .u_komi_qa_widget_inner{
/*default
padding:20px 10px;
*/
padding:0;
}
.review_box .reviewWebsiteRedirect a{
/*default
margin-bottom:10px;
*/
margin-bottom:0;
}
.review_box .ukomi-back-modal,
.review_box .ukomi-load-more-button{
/*default
padding: 15px 40px;
border: 1px solid #000;
cursor: pointer;
*/
padding:1rem;
border:none;
border-radius:1.5rem;
background:var(--theme1) url(../img/ico_arw01.svg) no-repeat right 15% center / 1rem;
text-align:center;
font-weight:500;
font-size:1.8rem;
line-height:1.3;
font-family:var(--maru);
letter-spacing:0.2em;
color:#fff;
}
.review_box .reviewSliderWidget .reviewWebsiteRedirect_morebtn a,
.review_box .reviewSliderWidget .reviewWebsiteRedirect_morebtn a:hover{
/*default
padding: 15px 40px;
border: 1px solid #000;
cursor: pointer;
background: #fff;
color: #555;
border-radius: 0;
font-weight: 400;
display: inline-block;
*/
padding:1rem;
border:none;
border-radius:1.5rem;
background:var(--theme1) url(../img/ico_arw01.svg) no-repeat right 15% center / 1rem;
text-align:center;
font-weight:500;
font-size:1.8rem;
line-height:1.3;
font-family:var(--maru);
letter-spacing:0.2em;
color:#fff;
}
@media screen and (max-width:767px){
  .review_box .instagram_gallery,
  .review_box .review_slider{
  padding:1em;
  }
  .review_box .singleReview{
  padding:2rem 1rem;
  }
  .review_box .ukomi-back-modal,
  .review_box .ukomi-load-more-button,
  .review_box .reviewSliderWidget .reviewWebsiteRedirect_morebtn a,
  .review_box .reviewSliderWidget .reviewWebsiteRedirect_morebtn a:hover{
  width:90%;
  }
}
@media screen and (min-width:768px){
  .review_box .instagram_gallery,
  .review_box .review_slider{
  padding:2em;
  }
  .review_box .ukomi-back-modal,
  .review_box .ukomi-load-more-button,
  .review_box .reviewSliderWidget .reviewWebsiteRedirect_morebtn a,
  .review_box .reviewSliderWidget .reviewWebsiteRedirect_morebtn a:hover{
  width:40%;
  }
}






/*------------------------入荷待ちコメント---------------------------*/
.pg_item_treatment .intro_box .img,
.pg_item_treatment .purchase .img,
.pg_lineup #treatment .img,
.pg_teiki #treatment .img,

.pg_step #set_scalpcare3,
.pg_step #treatment,
.pg_stepscalp #set_scalpcare3,
.pg_stepscalp #set_scalpcare3plus,
.pg_stepscalp #treatment,
.pg_teiki .stepteiki_item #treatment,

.pg_item_treatment .recommend .iteminfo,
.pg_lineupset #set_scalpcare3 .cv,
.pg_lineupset #set_scalpcare3plus .cv,
.pg_lineupset #set_scalp .cv,
.pg_teiki #set_scalpcare3 .cv{
position:relative;
}
/*----- 単品画像にオン -----*/
.pg_item_treatment .intro_box .img::after,
.pg_item_treatment .purchase .img::after,
.pg_lineup #treatment .img::after,
.pg_teiki #treatment .img::after{
content:'入荷待ち';
overflow:hidden;
text-indent:-999em;
position:absolute;
left:50%;
top:60%;
transform:translate(-50%,-50%);
border:3px #f00 solid;
background:rgba(255,255,255,0.8) url(../img/txt_nostock_item.webp) no-repeat center center / 90%;
}
/*----- コンテンツ上下に -----*/
.pg_step #set_scalpcare3::after,
.pg_step #treatment::after,
.pg_stepscalp #set_scalpcare3::after,
.pg_stepscalp #set_scalpcare3plus::after,
.pg_stepscalp #treatment::after,
.pg_teiki .stepteiki_item #treatment::after,
.pg_item_treatment .recommend .iteminfo::after,
.pg_lineupset #set_scalpcare3 .cv::after,
.pg_lineupset #set_scalpcare3plus .cv::after,
.pg_lineupset #set_scalp .cv::after,
.pg_teiki #set_scalpcare3 .cv::after{
content:'入荷待ち';
overflow:hidden;
text-indent:-999em;
position:absolute;
left:50%;
transform:translate(-50%,0);
border:3px #f00 solid;
background-color:rgba(255,255,255,0.8);
background-image:url(../img/txt_nostock_set_treatment2.webp);
background-repeat:no-repeat;
background-position:center center;
background-size:90%;
}
@media screen and (max-width:767px){
  .pg_item_treatment .intro_box .img::after{width:24rem;height:7rem;}
  .pg_item_treatment .purchase .img::after{width:16rem;height:5rem;}
  .pg_lineup #treatment .img::after{width:24rem;height:7rem;}
  .pg_teiki #treatment .img::after{width:24rem;height:7rem;}
  
  .pg_step #set_scalpcare3::after{width:25rem;height:6rem;bottom:1rem;background-size:80%;}
  .pg_step #set_scalpcare3{padding-bottom:6rem;background:#faf5ef;}
  .pg_step #treatment::after{width:20rem;height:4rem;bottom:1rem;background-size:80%;background-image:url(../img/txt_nostock_item.webp);}
  .pg_step .step_add5 #treatment::after{bottom:2rem;}
  .pg_step #treatment{padding-bottom:4rem;background:#faf5ef;}
  .pg_step .step_add5 div#treatment .btn01{bottom:12.5rem;}
  .pg_step .step_add5 div#treatment .btn02{bottom:5rem;}

  .pg_stepscalp #set_scalpcare3::after{width:25rem;height:6rem;bottom:3.5rem;background-size:80%;}
  .pg_stepscalp #set_scalpcare3plus::after{width:25rem;height:6rem;bottom:1.5rem;background-size:80%;}
  .pg_stepscalp #set_scalpcare3,
  .pg_stepscalp #set_scalpcare3plus{padding-bottom:6rem;background:#fcf8f3;}
  .pg_stepscalp #treatment::after{width:20rem;height:4rem;bottom:2rem;background-size:80%;background-image:url(../img/txt_nostock_item.webp);}
  .pg_stepscalp #treatment{padding-bottom:4rem;background:#faf5ef;}
  .pg_stepscalp .step_add5 div#treatment .btn01{bottom:12.5rem;}
  .pg_stepscalp .step_add5 div#treatment .btn02{bottom:5rem;}

  .pg_teiki .stepteiki_item #treatment::after{width:25rem;height:6rem;bottom:1rem;background-size:80%;background-image:url(../img/txt_nostock_item.webp);}
  .pg_teiki .stepteiki_item #treatment{padding-bottom:5.5rem;background:#faf5ef;}
  .pg_teiki .stepteiki_item #treatment .btn{bottom:7.5rem;}

  .pg_item_treatment .recommend .iteminfo::after{width:25rem;height:7rem;bottom:0;}
  .pg_item_treatment .recommend .iteminfo{padding-bottom:9rem;}

  .pg_lineupset #set_scalpcare3 .cv::after,
  .pg_lineupset #set_scalpcare3plus .cv::after,
  .pg_lineupset #set_scalp .cv::after,
  .pg_teiki #set_scalpcare3 .cv::after{width:25rem;height:8rem;top:0;}
  .pg_lineupset #set_scalpcare3 .cv,
  .pg_lineupset #set_scalpcare3plus .cv,
  .pg_lineupset #set_scalp .cv,
  .pg_teiki #set_scalpcare3 .cv{padding-top:9rem;}
}
@media screen and (min-width:768px){
  .pg_item_treatment .intro_box .img::after{width:28rem;height:8rem;}
  .pg_item_treatment .purchase .img::after{width:24rem;height:7rem;}
  .pg_lineup #treatment .img::after{width:24rem;height:7rem;}
  .pg_teiki #treatment .img::after{width:24rem;height:7rem;}

  .pg_step #set_scalpcare3::after{width:50rem;height:6rem;bottom:1.5rem;background-image:url(../img/txt_nostock_set_treatment.webp);}
  .pg_step #set_scalpcare3{padding-bottom:5rem;background:#faf5ef;}
  .pg_step #treatment::after{width:40rem;height:6rem;bottom:1.5rem;background-size:60%;background-image:url(../img/txt_nostock_item.webp);}
  .pg_step #treatment{padding-bottom:5rem;background:#faf5ef;}
  .pg_step .step_add5 div#treatment .btn01,
  .pg_step .step_add5 div#treatment .btn02{bottom:6rem;}

  .pg_stepscalp #set_scalpcare3::after{width:50rem;height:6rem;bottom:4.5rem;background-image:url(../img/txt_nostock_set_treatment.webp);}
  .pg_stepscalp #set_scalpcare3plus::after{width:50rem;height:6rem;bottom:1.5rem;background-image:url(../img/txt_nostock_set_treatment.webp);}
  .pg_stepscalp #set_scalpcare3,
  .pg_stepscalp #set_scalpcare3plus{padding-bottom:5rem;background:#fcf8f3;}
  .pg_stepscalp #treatment::after{width:40rem;height:6rem;bottom:1.5rem;background-size:60%;background-image:url(../img/txt_nostock_item.webp);}
  .pg_stepscalp #treatment{padding-bottom:5rem;background:#faf5ef;}
  .pg_stepscalp .step_add5 div#treatment .btn01,
  .pg_stepscalp .step_add5 div#treatment .btn02{bottom:6rem;}

  .pg_teiki .stepteiki_item #treatment::after{width:40rem;height:6rem;bottom:1rem;background-size:60%;background-image:url(../img/txt_nostock_item.webp);}
  .pg_teiki .stepteiki_item #treatment{padding-bottom:5rem;background:#faf5ef;}
  .pg_teiki .stepteiki_item #treatment .btn{bottom:7.5rem;}

  .pg_item_treatment .recommend .iteminfo::after{width:45rem;height:5rem;bottom:-5rem;background-image:url(../img/txt_nostock_set_treatment.webp);}
  
  .pg_lineupset #set_scalpcare3 .cv::after,
  .pg_lineupset #set_scalpcare3plus .cv::after,
  .pg_lineupset #set_scalp .cv::after,
  .pg_teiki #set_scalpcare3 .cv::after{width:40rem;height:5rem;top:-1rem;background-image:url(../img/txt_nostock_set_treatment.webp);}
/*  .pg_step #set_scalpcare3,*/
  .pg_lineupset #set_scalpcare3 .cv,
  .pg_lineupset #set_scalpcare3plus .cv,
  .pg_lineupset #set_scalp .cv,
  .pg_teiki #set_scalpcare3 .cv{padding-top:5rem;}
}