/*========================================
　indexページ

　●　ようこそエリア
　●　お知らせ／更新情報エリア
　●　当店の特徴
　●　感染症対策

========================================*/


/*========================================
　●　ようこそエリア
========================================*/
.welcome h2{
 width: 100%;
 margin-bottom: 10px;
}

.welcome h2 img{ width: 100%;}

.welcome figure{
 display: flex;
 justify-content: space-around;
 margin: 0 4px 8px 4px;
}

.welcome figure img{ width: 100%; max-width: 180px;}

.welcome--more a{
 display: block;
 width: 49.2%;
 margin: 0 auto 16px auto;
 padding: 10px 4px 12px 4px;
 color: #ffffff;
 text-align: center;
 text-decoration: none;
 background: #c16a35;
 border-radius: 10px;
 transition: all 0.3s ease-out;
}
.welcome--more a:hover{ opacity: 0.6;}

/*============================== ■ max-width 960 */
@media screen and (max-width: 960px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){}/*----- media -----*/

/*========================================
　●　お知らせ／更新情報エリア
========================================*/
/*---------------------------- メニュー情報 */
.menuinfoArea{
 display: flex;
  justify-content: space-between;
 margin-bottom: 16px;
}

.menuinfoArea a{
 display: flex;
  align-items: center;
  justify-content: center;
 width: 48.9%;
 height: 56px;
 padding: 0px 4px;
 color: var(--main-brown);
 text-align: center;
 text-decoration: none;
 border-radius: 10px;
 transition: all 0.3s ease-out;
}

.menuinfoArea a:hover{ opacity: 0.6;}

.menuinfoArea a:nth-of-type(1){ background: #ADE465;}
.menuinfoArea a:nth-of-type(2){ background: #F7A6B5;}

/*---------------------------- 更新情報内注意事項・ミニ更新情報 */
.infoList{
 padding-bottom: 8px;
}

.infoList ul{}
.infoList ul li{
 padding-left: 1em;
 text-indent: -1em;
 line-height: 1.5;
 list-style: none;
 padding-bottom: 4px;
}

.infoArea--lastup{
 padding-bottom: 0px;
 font-size: 14px;
 line-height: 1.5;
 text-align: right;
}

.infoArea--lastup__naiyo{
 display: inline-block;
 padding-left: 1.5em;
 width: 150px;
}

.infoList a:link   { color: #31669b;}
.infoList a:visited{ color: #31669b;}
.infoList a:hover  { color: var(--main-green);}

/*---------------------------- 支払い・LINE予約 */
.pay{ text-align: center;}
.pay img{ width: 100%; margin-bottom: 6px;}

.line{
 display: flex;
  align-items: center;
  justify-content: center;
 padding: 10px 0;
 border-top: 1px solid #00b900;
 border-bottom: 1px solid #00b900;
}

.lineText{
 padding-left: 1.25em;
 text-indent: -1.25em;
 padding-right: 12px;
}

.lineText .c-inlineB{ text-indent: 0em;}

/*============================== ■ max-width 960 */
@media screen and (max-width: 960px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
/*---------------------------- 支払い・LINE予約 */
.line > div:nth-of-type(1){ width: 207px;}

}/*----- media -----*/

/*========================================
　●　おすすめエリア
========================================*/
.osusumeArea{}

.osusumeArea h3{ margin-bottom: 4px;}

.pricekaitei{
 padding: 8px 8px 0px 8px;
 font-size: 16px;
 font-weight: normal;
 line-height: 1.8;
 text-align: right;
}

.osusume--to_corse01{ margin-bottom: 16px;}

/*---------------------------- 脱毛 */
.osusume--datsumo{
 margin-bottom: 12px;
 border: 1px solid var(--main-textcolor1);
}

.osusume--datsumo figcaption{ margin-bottom: 8px;}
.osusume--datsumo figcaption img{ width: 100%;}

.osusume--datsumo p{
 width: 96%;
 margin: 0px auto 12px auto;
 color: #3e3911;
 line-height: 1.8;
}

.osusume--datsumo dl{
 width: 96%;
 margin: 0 auto 8px auto;
}
.osusume--datsumo dt{
 margin-bottom: 12px;
 font-size: 22px;
 line-height: 1.5;
 border-bottom: 3px double #c16a35;
}
.osusume--datsumo dd{
 padding-bottom: 20px;
 line-height: 1.8;
}

.osusume--datsumo .buttonlink{
 width: 95%;
 margin-bottom: 16px;
 margin-left: auto;
 margin-right: auto;
}

/*---------------------------- 肌再生コース */
.osusume--hadasaisei{
 margin-bottom: 12px;
 padding-bottom: 8px;
 border: 1px solid var(--main-textcolor1);
}

.osusume--hadasaisei figcaption{ padding-bottom: 8px;}
.osusume--hadasaisei figcaption img{ width: 100%;}

.osusume--hadasaisei .price{
 margin-bottom: 16px;
 font-size: 19px;
 line-height: 1.8;
 text-align: center;
}

.osusume--hadasaisei .priceWrap .u-bef{ padding-right: 0.5em;}
.osusume--hadasaisei .priceWrap .u-aft{}
.osusume--hadasaisei .priceWrap .u-aft span.c-orange{ padding-left: 0.5em;}

/*---------------------------- ハーバルシー */
.osusume--herbal{
 margin-bottom: 12px;
 border: 1px solid var(--main-textcolor1);
}

.osusume--herbal figcaption{ padding-bottom: 0px;}
.osusume--herbal figcaption img{ width: 100%;}

.osusume--herbal .price{
 margin-bottom: 16px;
 color: #090;
 font-size: 19px;
 line-height: 1.8;
 text-align: center;
}

.osusume--herbal .buttonlink{
 width: 95%;
 margin-bottom: 16px;
 margin-left: auto;
 margin-right: auto;
}

/*---------------------------- アロマ,フェイシャル */
.osusume--aroma{
 margin-bottom: 12px;
}

.osusume--facial{ margin-bottom: 20px;}

.osusume--aroma img,
.osusume--facial img{
 width: 100%;
}

/*============================== ■ max-width 960 */
@media screen and (max-width: 960px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
/*---------------------------- 肌再生コース */
.osusume--hadasaisei .priceWrap{ font-size: 16px;}

/*---------------------------- ハーバルシー */
.osusume--herbal figcaption + p{ font-size: 16px;}

.osusume--herbal .priceWrap{
 margin-bottom: 8px;
 font-size: 16px;
}

.osusume--herbal .priceWrap:nth-of-type(2){ margin-bottom: 16px;}

}/*----- media -----*/


/*========================================
　●　当店の特徴
========================================*/
.tokuchouArea{}

.tokucho--image{
 margin-bottom: 4px;
 text-align: center;
}
.tokucho--image img{ width: 100%; max-width: 225px;}

.tokuchoMotto{
 padding-bottom: 16px;
 text-align: center;
}

.tokuchoMotto span{
 display: block;
 padding-bottom: 12px;
 color: #090;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.5;
}

.tokuchoMotto span::before{
 width: 1.0em;
 content: "“";
}

.tokuchoMotto span::after{
 width: 1.0em;
 content: "”";
}

.tokucho--text{
 width: 80%;
 max-width: 432px;
 margin: 0 auto 0 auto;
}

.tokucho--text p{ line-height: 1.8;}

.tokucho--text ul{ margin-left: 0;}
.tokucho--text li{
 padding: 4px 0;
 line-height: 1.5;
 list-style: none;
}
.tokucho--text li::before{
 padding-right: 0.5em;
 content: "●";
}

/*============================== ■ max-width 960 */
@media screen and (max-width: 960px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){
.tokucho--text{ width: 100%; max-width: 328px;}

}/*----- media -----*/

/*========================================
　●　感染症対策
========================================*/
.corona2020Area{
 margin-top: 0px;
 margin-bottom: 0px;
 background: #fff;
 border: 1px #66cc33 solid;
}

.corona2020Area h4{}
.corona2020Area h4 img{width: 100%;}

.corona2020Area dl{
 margin-top: 10px;
 padding: 10px;
}

.corona2020Area dt{
 margin-bottom: 10px;
 padding: 5px 0;
 color: #e75163;
 font-size: 18px;
 text-align: center;
 border-bottom: 1px #e75163 solid;
}

.corona2020Area dd{
 padding-bottom: 20px;
 line-height: 1.5;
}

.corona2020Area dd:last-child{padding-bottom: 10px;}

.corona2020Area p{
 padding: 10px; color: #666;
 line-height: 1.5;
}

/*============================== ■ max-width 960 */
@media screen and (max-width: 960px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){}/*----- media -----*/