/* local
--------------------------------------------------------------------------------------------------- */
.searchMap{
padding:0;
height:1074px;
position:relative;
margin-top:-47px;
  /*background: url(/images/salon/searchMap.gif) no-repeat center top;*/
background:#9bd5c6;
}
.searchMap .searchMapInner{
width:980px;
position:absolute;
overflow:visible;
top:0;
left:0;
right:0;
margin:auto;
z-index:2;
}
.searchMap .searchMapInner .m_headType01{
margin-top:160px;
}
.searchMap .mapImg{
position:absolute;
z-index:1;
width:980px;
height:1074px;
top:0;
left:0;
right:0;
margin:auto;
}
.searchMap .mapImg img{
margin-left:-510px;
position:relative;
z-index:2;
}
.searchMap .mapImg .beforeImg{
position:absolute;
z-index:1;
}
.searchMap .spMapList{
position:absolute;
z-index:4;
}
.searchMap .spMapList.s_floatBox03.col4 .col:nth-child(n+5)[class*="m_btnType"]{
margin-top:0;
}
.searchMap .spMapList .col{
display:none;
}
.searchMap .spMapList .col.tooltip{
position:absolute;
pointer-events:none;
margin:0;
-webkit-animation:fadeIn 0.5s ease;
-moz-animation:fadeIn 0.5s ease;
-ms-animation:fadeIn 0.5s ease;
animation:fadeIn 0.5s ease;
}
.searchMap .spMapList .col.tooltip:nth-child(n+5){
margin:0;
}
.searchMap .spMapList .col.tooltip:before, .searchMap .spMapList .col.tooltip:after{
content:'';
display:block;
width:0;
height:0;
position:absolute;
left:45px;
border-left:5px solid transparent;
border-right:5px solid transparent;
}
.searchMap .spMapList .col.tooltip:before{
bottom:-9px;
border-top:9px solid #23c6e4;
}
.searchMap .spMapList .col.tooltip:after{
bottom:-7px;
border-top:9px solid #fff;
}
.searchMap .spMapList .col.tooltip a{
pointer-events:none;
width:100px;
height:100px;
min-width:0;
margin:0;
display:-webkit-flex;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
border:1px solid #23c6e4;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
line-height:1.5;
font-size:1.4rem;
background:#fff;
}
.searchMap .spMapList .col.tooltip a:before, .searchMap .spMapList .col.tooltip a:after{
display:none;
}
.searchMap .spMapList .col.tooltip a > span{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.searchMap .spMapList .col.tooltip a .em{
font-size:1.6rem;
margin:0;
display:block;
width:100%;
}
.searchMap .spMapList .col.tooltip a .em.sp_lts-01{
letter-spacing:-0.1em;
}

.searchBox01{
background:url(/images/salon/searchBox01Bg.jpg) no-repeat center top, #fdeff7;
}

.searchBox02{
background:url(/images/salon/searchBox02Bg.png) no-repeat center top;
padding-bottom:0;
}
.searchBox02 + .s_blue{
margin-top:115px;
}

.searchBox03{
background:url(/images/naildesign/searchBox03Bg.png) no-repeat center top;
}

[class*="searchBox"] .boxInner .m_subTxt{
min-height:96px;
margin-bottom:135px;
}
[class*="searchBox"] .m_searchArea{
margin-bottom:50px;
}
[class*="searchBox"] .linkIcon01{
text-align:right;
font-weight:bold;
margin-bottom:55px;
}

.m_catBox{
width:980px;
margin:0 auto;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.m_catBox .col{
width:470px;
padding-bottom:30px;
background:#fff;
position:relative;
}
.m_catBox .col:nth-child(n+3){
margin-top:40px;
}
.m_catBox .col .head{
margin:0 0 25px;
}
.m_catBox .col .head:after{
content:'';
clear:both;
display:block;
}
.m_catBox .col .head .em{
width:130px;
height:130px;
background:#75c1ae;
color:#fff;
font-size:1.8rem;
font-weight:bold;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
float:left;
margin-right:28px;
}
.m_catBox .col .head .sub{
display:block;
font-family:'Spectral', serif;
font-weight:300;
padding-top:20px;
font-size:2.4rem;
color:#75c1ae;
border-bottom:1px solid #75c1ae;
}
.m_catBox .col .subTxt{
position:absolute;
top:70px;
left:158px;
width:300px;
line-height:1.5;
}
.m_catBox .col .imgList{
text-align:center;
}
.m_catBox .col .imgList li{
display:inline-block;
vertical-align:top;
width:100px;
}
.m_catBox .col .imgList li:not(:first-child){
margin-left:10px;
}
.m_catBox .col .imgList li figcaption{
margin-top:5px;
font-size:1.2rem;
}
.m_catBox .col .m_btnType01 a{
font-size:1.6rem;
line-height:40px;
}
.m_catBox .col .m_searchBox{
margin-left:158px;
}
.m_catBox .col .m_searchBox .txtArea{
width:230px;
}

.m_itemDtlArea{
text-align:center;
}
.m_itemDtlArea .itemDtlBox{
width:980px;
margin:70px auto;
text-align:left;
}
.m_itemDtlArea .itemDtlBox .body{
line-height:2;
font-size:1.6rem;
}
.m_itemDtlArea .itemDtlBox .body .squareHead{
font-size:1.6rem;
}
.m_itemDtlArea .itemDtlBox .body .colHead{
font-size:2.4rem;
font-weight:bold;
margin:0 0 25px;
}
.m_itemDtlArea .itemDtlBox .body .m_txtFloat dd{
margin-left:14em;
}
.m_itemDtlArea .m_btnType01{
margin-bottom:80px;
}
.m_itemDtlArea .m_btnType01 a{
padding:0;
}
.m_itemDtlArea .m_btnType01 + .m_notesList{
width:980px;
margin:-20px auto 60px;
text-align:left;
}
.m_itemDtlArea .itemDataArea{
padding:65px 0 80px;
background:#f2f9f8;
text-align:left;
}
.m_itemDtlArea .itemDataArea .itemInfo{
width:640px;
float:left;
}
.m_itemDtlArea .itemDataArea .itemInfo .m_table{
margin-bottom:0;
}
.m_itemDtlArea .itemDataArea .itemInfo .m_table td a{
text-decoration:underline;
}
.m_itemDtlArea .itemDataArea .itemInfo .m_table td a:hover{
color:#CE617F;
}
.m_itemDtlArea .itemDataArea .itemInfo .m_table .ttl{
width:240px;
}
.m_itemDtlArea .itemDataArea .subCol{
width:280px;
float:right;
}
.m_itemDtlArea .itemDataArea .subCol .m_snsBox{
margin-bottom:35px;
}

.m_txtBox + .m_floatBox02.s_floatBox02{
margin-top:20px;
}

.m_boxType01 .m_btnBox:last-child{
padding-bottom:0;
margin-bottom:-40px;
}

@media screen and (max-width: 768px) {
.searchMap{
background:url(/images/salon/searchMapSp.gif) no-repeat center bottom, #90d0c0;
-webkit-background-size:100%;
background-size:100%;
height:auto;
padding-bottom:60px;
margin-top:0;
}
.searchMap .searchMapInner{
width:87.5%;
position:static;
}
.searchMap .searchMapInner .m_headType01{
margin-top:60px;
}
.searchMap .mapImg{
display:none;
}
.searchMap .spMapList{
position:static;
}
.searchMap .spMapList.s_floatBox03.col4 .col:nth-child(n+5)[class*="m_btnType"]{
margin-top:2%;
}
.searchMap .spMapList .col{
display:block;
}

[class*="searchBox"] .m_searchArea{
margin-bottom:40px;
}
[class*="searchBox"] .boxInner .m_subTxt{
margin-bottom:90px;
}
[class*="searchBox"] .linkIcon01{
margin-right:6.25%;
margin-bottom:25px;
}
[class*="searchBox"]:not(.searchBox01) .m_floatBox01.s_floatBox03.col4 .col{
margin-left:0;
}
[class*="searchBox"]:not(.searchBox01) .m_floatBox01.s_floatBox03.col4 .col:nth-child(n+5){
margin-top:20px;
}
[class*="searchBox"]:not(.searchBox01) .m_floatBox01.s_floatBox03.col4 .col:not(:first-child){
margin-top:20px;
}
[class*="searchBox"]:not(.searchBox01) .m_floatBox01.s_floatBox03.col4 .col:last-child{
margin-bottom:35px;
}

.searchBox02{
background:url(/images/salon/searchBox02BgSp.png) no-repeat center top;
-webkit-background-size:100%;
background-size:100%;
}

.searchBox03{
background:url(/images/naildesign/searchBox03BgSp.png) no-repeat center top;
-webkit-background-size:100%;
background-size:100%;
}

.s_modalBtn{
margin-top:40px;
}

.linkList{
width:87.5%;
margin:0 auto;
}

.m_catBox{
width:auto;
}
.m_catBox .col{
width:100%;
padding-bottom:40px;
}
.m_catBox .col:not(:first-child){
margin-top:0;
}
.m_catBox .col:not(:first-child):before{
display:block;
width:100%;
height:40px;
background:#f2f9f8;
}
.m_catBox .col .head{
margin-bottom:18px;
}
.m_catBox .col .head .em{
display:block;
width:auto;
height:auto;
float:none;
margin:0 0 5px;
font-size:1.6rem;
padding:14px 0;
}
.m_catBox .col .head .sub{
padding-top:0;
margin-left:6.25%;
font-size:2.0rem;
}
.m_catBox .col .subTxt{
position:static;
width:87.5%;
margin:0 auto 20px;
}
.m_catBox .col .imgList{
width:87.5%;
margin:0 auto 25px;
text-align:left;
}
.m_catBox .col .imgList li{
width:46%;
text-align:center;
}
.m_catBox .col .imgList li:not(:first-child){
margin-left:0;
}
.m_catBox .col .imgList li:nth-child(even){
margin-left:8%;
}
.m_catBox .col .imgList li:nth-child(n+3){
margin-top:8%;
}
.m_catBox .col .imgList li figure img{
width:100%;
}
.m_catBox .col .m_searchBox{
width:87.5%;
margin:0 auto;
white-space:nowrap;
}
.m_catBox .col .m_searchBox .txtArea{
width:calc(100% - 45px);
margin:0;
}

.m_itemDtlArea .itemDtlBox{
width:87.5%;
margin:50px auto 35px;
}
.m_itemDtlArea .itemDtlBox .body{
font-size:1.4rem;
}
.m_itemDtlArea .itemDtlBox .body .colHead{
font-size:2.2rem;
line-height:1.5;
margin-bottom:20px;
}
.m_itemDtlArea .itemDtlBox .body .squareHead{
font-size:1.4rem;
margin-bottom:0;
float:none;
display:block;
}
.m_itemDtlArea .itemDtlBox .body .m_txtFloat dd{
margin-left:0;
}
.m_itemDtlArea .m_btnType01{
margin-bottom:50px;
}
.m_itemDtlArea .m_btnType01 a{
min-width:240px;
font-size:1.6rem;
}
.m_itemDtlArea .m_btnType01 + .m_notesList{
width:87.5vw;
margin:-20px auto 60px;
text-align:left;
}
.m_itemDtlArea .itemDataArea{
padding:55px 0;
}
.m_itemDtlArea .itemDataArea .boxInner{
width:87.5%;
}
.m_itemDtlArea .itemDataArea .itemInfo{
width:auto;
float:none;
}
.m_itemDtlArea .itemDataArea .itemInfo .m_table{
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin-bottom:40px;
}
.m_itemDtlArea .itemDataArea .itemInfo .m_table .ttl{
width:auto;
border-top:none;
padding:11px 15px;
}
.m_itemDtlArea .itemDataArea .itemInfo .m_table td{
padding:15px;
}
.m_itemDtlArea .itemDataArea .subCol{
width:auto;
float:none;
}
.m_itemDtlArea .itemDataArea .subCol .m_snsBox{
margin-bottom:15px;
}
.m_itemDtlArea .itemDataArea .subCol > .linkIcon01{
text-align:right;
}

.noticeTxt{
padding-left:6.25vw;
padding-right:6.25vw;
}

.m_floatBox02.s_floatBox02 + .noticeTxt{
margin-top:-20px;
margin-bottom:0;
}

.boxInner + .m_btnType02{
margin-top:30px;
}

.m_floatBox01.s_floatBox03.col4 .m_btnType02.s_pink a{
height:60px;
display:-webkit-flex;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
.m_floatBox01.s_floatBox03.col4 .m_btnType02.s_pink a > span.em{
font-size:1.4rem;
}

.m_partBox + .m_btnBox{
margin-top:-35px;
}

.m_boxType01 .m_btnBox:last-child{
padding-bottom:0;
margin-bottom:-10px;
}
}
@media (max-width: 414px) {
[class*="searchBox"].searchBox02{
background:url(/images/salon/searchBox02BgSp.png) no-repeat center top;
-webkit-background-size:100%;
background-size:100%;
padding-top:18vw;
padding-bottom:0;
}
[class*="searchBox"].searchBox02 .m_noticeTxt{
margin-bottom:10vw;
}
[class*="searchBox"].searchBox02 .m_subTxt{
min-height:30vw;
}
[class*="searchBox"].searchBox02 .linkIcon01{
margin-bottom:8.5vw;
}
[class*="searchBox"].searchBox02 .linkIcon01:last-child{
margin-bottom:0;
}
[class*="searchBox"].searchBox02 .m_infoBox:last-of-type{
margin-bottom:40px;
}
[class*="searchBox"].searchBox02 + .s_blue{
margin-top:60px;
}
}
