/*Reset PC sf-util*/
.mbss{ margin-bottom:0px; }
.mtss{ margin-top:0px; }
.mvss{ margin-bottom:0px; margin-top:0px; }
.mlss{ margin-left:0px; }
.mrss{ margin-right:0px; }
.mwss{ margin-left:0px;margin-right:0px; }
.mbs{ margin-bottom:0px; }
.mts{ margin-top:0px; }
.mvs{ margin-bottom:0px; margin-top:0px; }
.mls{ margin-left:0px; }
.mrs{ margin-right:0px; }
.mws{ margin-left:0px;margin-right:0px; }
.mbm{ margin-bottom:0px; }
.mtm{ margin-top:0px; }
.mvm{ margin-bottom:0px; margin-top:0px; }
.mlm{ margin-left:0px; }
.mrm{ margin-right:0px; }
.mwm{ margin-left:0px;margin-right:0px; }
.mbl{ margin-bottom:0px; }
.mtl{ margin-top:0px; }
.mvl{ margin-bottom:0px; margin-top:0px; }
.mll{ margin-left:0px; }
.mrl{ margin-right:0px; }
.mwl{ margin-left:0px;margin-right:0px; }
.pbss{ padding-bottom:0px; }
.ptss{ padding-top:0px; }
.pvss{ padding-bottom:0px; padding-top:0px; }
.plss{ padding-left:0px; }
.prss{ padding-right:0px; }
.pwss{ padding-left:0px;padding-right:0px; }
.pbs{ padding-bottom:0px; }
.pts{ padding-top:0px; }
.pvs{ padding-bottom:0px; padding-top:0px; }
.pls{ padding-left:0px; }
.prs{ padding-right:0px; }
.pws{ padding-left:0px;padding-right:0px; }
.pbm{ padding-bottom:0px; }
.ptm{ padding-top:0px; }
.pvm{ padding-bottom:0px; padding-top:0px; }
.plm{ padding-left:0px; }
.prm{ padding-right:0px; }
.pwm{ padding-left:0px;padding-right:0px; }
.pbl{ padding-bottom:0px; }
.ptl{ padding-top:0px; }
.pvl{ padding-bottom:0px; padding-top:0px; }
.pll{ padding-left:0px; }
.prl{ padding-right:0px; }
.pwl{ padding-left:0px;padding-right:0px; }

/*Overwrite PC sf-util to Mobile's*/

html,body{
    -webkit-text-size-adjust: 100%;
}

.wrap{
    width:98%;
}
*{
}
* img{
    max-width:100%;
}


/*
    基本的なレイアウト変更 
 */
.main{
    width:100%;
    clear:both;

}



ul.sp-ul li{
    padding:3px 2px;
    text-indent:-1em;
    padding-left:1em;
}
ul.sp-ul li:before{
    content:"●";
}


iframe{
    max-width:98%;
    max-height:250px;
}



/* iconの共通CSS */
.icon-menu-container{
    width:40px;
    height:40px;
    margin-top:5px;
    margin-right:10px;
}
.icon{
    display:inline-block; 
    position:relative;
    width:40px;
    height:40px;
}
.icon:hover{
    opacity: 0.8;
}
.icon-menu:before{
    content:''; 
    display:block; 
    position:absolute; 
    top:0px; 
    height:6px; 
    right:0px;
    width:40px;
    background:#999; 
    border-radius:4px;
    box-shadow:0 12px #999, 0 24px #999;
    -webkit-box-shadow:0 12px #999, 0 24px #999;
}


/*header*/

#sp-header{
    width:100%;
    display:inline-block;
    min-height:65px;
    padding-top:5px;
    border-bottom:solid 1px #333;
    background:url("../img/header/mid-back.png") center center repeat;
}

#sp-header h1{
    min-height:20px; 
    font-size:10px;
    margin-left:10px;
    overflow-x:auto;
    white-space:nowrap;
}

#sp-header .logo
{
    height:40px; 
    width:35%;
    margin-left:10px;
}

#sp-header .buttons{
    font-size:25px;
    margin-right:10px;
    margin-top:10px;
}

#sp-header .buttons i{
    margin:0px 5px;
}

#sp-header a{
    color:inherit;
    text-decoration:none;
}

/*
footer 
*/
#sp-footer{ 
    border-top:solid 1px #333;
    padding:5px;
}
#sp-footer .footer-description .logo
{
    height:40px; 
    width:50px;
    margin-left:10px;
}

#sp-footer .footer-description copyright{
    line-height:40px; 
    display:inline-block;
    font-size:xx-small;
    padding-left:10px;
    padding-right:10px;
}
#sp-footer .footer-description .fa-info-circle{
    cursor:pointer;
}
#sp-footer ul li{
    padding-left:1em;  
    font-size:14px;
    height:35px;
    line-height:35px;
    border-bottom:solid 1px #ddd;
}
#sp-footer ul li a{
    color:#333;
    text-decoration:none;
    display:block;
}



#sp-drawer{
    position:fixed;
    height:100%;
    width:60%;
    background:rgba(255,255,255,0.9);
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.9); 
    right:0;
    top:0;
    z-index:999;
    color:#333;
    padding:5px;
}

/*タッチエリア*/
#vacantTouchArea{    
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:998;
    background:rgba(0,0,0,0.2);
    
}

#sp-drawer .hideButtonAboveMenu{
    padding-left:5px;
}

#sp-drawer .sp-hideMenu{
    font-size:25px;
}

#sp-drawer h3{
    margin-top:5px;
    font-size:20px;
}

#sp-drawer ul li{
    padding-left:1em;  
    font-size:12px;
    font-weight:bold;
    height:30px;
    line-height:28px;
    border-bottom:solid 1px #ddd;
}
#sp-drawer ul li:first-child{
    border-top:solid 1px #ddd;
}
#sp-drawer a{
    color:#333;
    text-decoration:none;
    display:block;
}


/*Manipulators*/

#sp-button-scroll-to-top{
    color:#333;
    position:fixed;
    width:60px;
    height:60px;
    right:10px;
    bottom:10px;
    z-index:997;
    font-size:60px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
}





/*Singular SP Settings*/
.sp-dn{
    display:none;
}

.sp-adjustWidth{
    max-width:100%!important;
}




.sp-2column > div,
.sp-2column > .dib,
.sp-2column tr td,
.sp-2column >img
{
    width:49%;
    box-sizing:border-box;
    padding:5px;
}



.page ul {
    margin:5px;
    margin-bottom:15px;
}
.page ul li{
    padding:5px;
}

.sp-container{
    padding:5px;
}


.sp-fsxxl{ font-size:xx-large;}
.sp-fsxl{ font-size:x-large;}
.sp-fsl{ font-size:large;}
.sp-fsn{ font-size:normal;}
.sp-fss{ font-size:small;}
.sp-fsxs{ font-size:x-small;}
.sp-fsxxs{ font-size:xx-small;}


.sp-lhn{ line-height:1.2rem!important;}



/*
 tableデフォルト設定 
*/
.sp-table{
    font-size:xx-small;
    width:100%;
}

.sp-table > tbody > tr > td{
    padding:2px 5px;
    border-bottom:solid 1px #f0f0f0;
}
.sp-table > tbody > tr > td:first-child{
    min-width:50px;
    max-width:50%;
    font-weight:bold;
    border-right:solid 2px #f0f0f0;
}
.sp-table > tbody > tr:last-child > td{
    border-bottom:solid 2px #f0f0f0;
}
.sp-table > tbody > tr:first-child > td{
    border-top:solid 2px #f0f0f0;
}


.sp-stripBorder,
.sp-stripBorder *{
    border:none!important;
}

.sp-adjustWidth,
#main{
    max-width:100%!important;
}

.sp-adjustWidthForce{

    width:100%!important;
}



*{
    max-width:100%!important;
}

div{
    max-width:100%!important;
}

.sp-pv{
    padding-top:10px;
    padding-bottom:10px;
}
.sp-mv{
    margin-top:10px;
    margin-bottom:10px;
}
.sp-tac{
    text-align:center;
}

/*Custom*/
.page-home .message {
    height: auto;
    width: 100%;
     background: none;
}

.hl1{
    font-size:18px;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    background:url("../img/common/sp-hl1.png") center bottom 0 no-repeat;
    padding-bottom:15px;
    padding-left:20px;
    color:#653718;
    background-size:contain;
}


.snsContainer .ameblo ,
.snsContainer .facebook{
    border:solid 1px #653718;
    background:white;
    width:100%;
    float:none!important;
    margin-bottom:10px;
}


.snsContainer .facebook{
    text-align:center!important;
}

.snsContainer .ameblo .title,
.snsContainer .facebook .title{
    width:100%;
}

.snsContainer .ameblo .title img,
.snsContainer .facebook .title img{
    width:100%;
}

.footerShopinfo{
    height:262px;
    background:none;
    
    height: auto;
    overflow: hidden;
}
.footerShopinfo *{
    float:none;
    text-align:center;
}


.page-menu-list .menuDescriptionContainerSP tr td:first-child{
}
.page-menu-list .menuDescriptionContainerSP tr td:nth-child(3){
}
.menuDescriptionContainerSP tr:first-child td img{
    width:100%;
}
.page-menu-list .menuDescriptionContainerSP tr:nth-child(2) td:first-child{
    width:30%;
}
.menuDescriptionContainerSP{
    width:100%;

}
.page-menu-list .menuHeadline{
    padding-right:5px;    
}


.page-salon .shopInfoContainer{
    text-align:center;

}
.page-salon .shopInfoContainer *{
    float:none;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}


.gift_sp{
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: auto auto 20px auto;
    text-align: center;
    display: block;
}