@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
*,.selectbox select,:after,:before{box-sizing:border-box;}
.selectbox select,a{-webkit-tap-highlight-color:transparent}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,optgroup,option,p,table,td,textarea,th,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ol,ul{list-style:none}
fieldset,img{border:none}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
button,fieldset,form,input,label,legend,select,textarea{font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
@font-face{font-family:iconfont;src:url(../fonts/sp/iconfont.eot);src:url(../fonts/sp/iconfont.eot?#iefix) format("eot"),url(../fonts/sp/iconfont.woff) format("woff"),url(../fonts/sp/iconfont.ttf) format("truetype"),url(../fonts/sp/iconfont.svg#iconfont) format("svg")}
#contents .page-nav>a.arrow-prev:before,#menu #menu-header #menu-header-close:before,#menu #menu-nav-block ul li a:before,#menu-btn.js-menu-open:before,#menu-btn:before,#page-reserve_login #contents .main .box div.form-block-btn p a.link-arrow-right:before,#appointment .foot ul li a.arrow-next:before,#appointment .foot ul li a.arrow-prev:before,#appointment .head ul li a.arrow-next:before,#appointment .head ul li a.arrow-prev:before,#page-reserve_top_login #contents .main ul.status>li.attention .icon-attention:before,#page-top #contents .main #cut-menu .list-menu p.more-technique:after,#page-top #contents .main #stylist .list-stylist p.more-staff:after,a.btn-arrow-next:before,input[type=radio]+label:before,input[type=checkbox]+label:before{font-family:iconfont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none}
button,input,select,textarea{font-family:Helvetica,'ヒラギノ角ゴ ProN W3',HiraKakuProN-W3,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;margin:0;padding:0;background:0 0;border:none;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=text],input[type=password],input[type=tel],input[type=email],textarea{display:block;padding:0 12px;width:100%;height:40px;line-height:1.6;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
input[type=text]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=email]:disabled,textarea:disabled{opacity:.5!important}
textarea{overflow:auto;padding-top:8px;padding-bottom:8px;width:100%;height:7em;max-height:21em;resize:vertical}
input[type=text]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,textarea:focus{outline:0;border-color:#23b8c5}
body.color-type-01 input[type=text]:focus,body.color-type-01 input[type=password]:focus,body.color-type-01 input[type=tel]:focus,body.color-type-01 input[type=email]:focus,body.color-type-01 textarea:focus{border-color:#cc2495}
body.color-type-02 input[type=text]:focus,body.color-type-02 input[type=password]:focus,body.color-type-02 input[type=tel]:focus,body.color-type-02 input[type=email]:focus,body.color-type-02 textarea:focus{border-color:#a0c81f}
body.color-type-03 input[type=text]:focus,body.color-type-03 input[type=password]:focus,body.color-type-03 input[type=tel]:focus,body.color-type-03 input[type=email]:focus,body.color-type-03 textarea:focus{border-color:#bd9a22}
body.color-type-04 input[type=text]:focus,body.color-type-04 input[type=password]:focus,body.color-type-04 input[type=tel]:focus,body.color-type-04 input[type=email]:focus,body.color-type-04 textarea:focus{border-color:#cc2495}
body.color-type-05 input[type=text]:focus,body.color-type-05 input[type=password]:focus,body.color-type-05 input[type=tel]:focus,body.color-type-05 input[type=email]:focus,body.color-type-05 textarea:focus{border-color:#ec6d2a}
body.color-type-06 input[type=text]:focus,body.color-type-06 input[type=password]:focus,body.color-type-06 input[type=tel]:focus,body.color-type-06 input[type=email]:focus,body.color-type-06 textarea:focus,body.color-type-07 input[type=text]:focus,body.color-type-07 input[type=password]:focus,body.color-type-07 input[type=tel]:focus,body.color-type-07 input[type=email]:focus,body.color-type-07 textarea:focus{border-color:#36c}
body.color-type-08 input[type=text]:focus,body.color-type-08 input[type=password]:focus,body.color-type-08 input[type=tel]:focus,body.color-type-08 input[type=email]:focus,body.color-type-08 textarea:focus{border-color:#a36e00}
body.color-type-09 input[type=text]:focus,body.color-type-09 input[type=password]:focus,body.color-type-09 input[type=tel]:focus,body.color-type-09 input[type=email]:focus,body.color-type-09 textarea:focus{border-color:#8d62db}
.selectbox{display:inline-block;position:relative}
.selectbox:after{content:" ";display:block;position:absolute;top:50%;right:12px;margin-top:-2px;width:0;height:0;border-top:4px solid #333;border-right:4px solid transparent;border-left:4px solid transparent}
.selectbox.disabled:after{border-top:4px solid #ddd}
.selectbox select{padding:0 32px 0 16px;width:100%;height:40px;line-height:40px;background-color:#fff;border:1px solid #ddd;cursor:pointer}
.selectbox select:disabled{cursor:default;opacity:.5!important}
a.touch,a:active,a:hover,input[type=reset].btn-accent:focus,input[type=reset].btn-accent:hover,input[type=reset]:focus:not(:disabled),input[type=reset]:hover:not(:disabled),input[type=submit].btn-accent:focus,input[type=submit].btn-accent:hover,input[type=submit]:focus:not(:disabled),input[type=submit]:hover:not(:disabled),input[type=button].btn-accent:focus,input[type=button].btn-accent:hover,input[type=button]:focus:not(:disabled),input[type=button]:hover:not(:disabled){opacity:.75}
.selectbox select::-ms-expand{display:none}
.selectbox select:focus{outline:0;border-color:#23b8c5}
body.color-type-01 .selectbox select:focus{border-color:#cc2495}
body.color-type-02 .selectbox select:focus{border-color:#a0c81f}
body.color-type-03 .selectbox select:focus{border-color:#bd9a22}
body.color-type-04 .selectbox select:focus{border-color:#cc2495}
body.color-type-05 .selectbox select:focus{border-color:#ec6d2a}
body.color-type-06 .selectbox select:focus,body.color-type-07 .selectbox select:focus{border-color:#36c}
body.color-type-08 .selectbox select:focus{border-color:#a36e00}
body.color-type-09 .selectbox select:focus{border-color:#8d62db}
input[type=radio]{display:none}
input[type=radio]+label{position:relative;display:inline-block;padding:4px 8px 4px 32px;cursor:pointer}
input[type=radio]+label:before{content:"\00E009";position:absolute;left:0;top:50%;width:auto;height:auto;color:#a5a5a5;font-size:32px;line-height:20px;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
input[type=radio]+label:hover:before{color:#a5a5a5}
input[type=radio]+label.disabled{color:#ccc!important;cursor:default}
input[type=radio]+label.disabled:before{color:#ccc!important}
input[type=radio]:checked+label:before{content:"\00E008";color:#23b8c5}
body.color-type-01 input[type=radio]:checked+label:before{color:#cc2495}
body.color-type-02 input[type=radio]:checked+label:before{color:#a0c81f}
body.color-type-03 input[type=radio]:checked+label:before{color:#bd9a22}
body.color-type-04 input[type=radio]:checked+label:before{color:#cc2495}
body.color-type-05 input[type=radio]:checked+label:before{color:#ec6d2a}
body.color-type-06 input[type=radio]:checked+label:before,body.color-type-07 input[type=radio]:checked+label:before{color:#36c}
body.color-type-08 input[type=radio]:checked+label:before{color:#a36e00}
body.color-type-09 input[type=radio]:checked+label:before{color:#8d62db}
input[type=checkbox]{display:none}
input[type=checkbox]+label{position:relative;display:inline-block;padding:4px 8px 4px 32px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}
input[type=checkbox]+label:before{content:"\00E007";position:absolute;left:0;top:50%;width:auto;height:auto;color:#a5a5a5;font-size:32px;line-height:20px;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
input[type=checkbox]+label:hover:before{color:#a5a5a5}
input[type=checkbox]+label.disabled{color:#ccc!important;cursor:default}
input[type=checkbox]+label.disabled:before{color:#ccc!important}
input[type=checkbox]:checked+label:before{content:"\00E006";color:#23b8c5}
body.color-type-01 input[type=checkbox]:checked+label:before{color:#cc2495}
body.color-type-02 input[type=checkbox]:checked+label:before{color:#a0c81f}
body.color-type-03 input[type=checkbox]:checked+label:before{color:#bd9a22}
body.color-type-04 input[type=checkbox]:checked+label:before{color:#cc2495}
body.color-type-05 input[type=checkbox]:checked+label:before{color:#ec6d2a}
body.color-type-06 input[type=checkbox]:checked+label:before,body.color-type-07 input[type=checkbox]:checked+label:before{color:#36c}
body.color-type-08 input[type=checkbox]:checked+label:before{color:#a36e00}
body.color-type-09 input[type=checkbox]:checked+label:before{color:#8d62db}
input[type=reset],input[type=submit],input[type=button]{display:inline-block;margin-right:4px;padding:0 24px;width:100%;height:40px;color:#23b8c5;line-height:40px;border:1px solid #ddd;vertical-align:middle;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a,a:after,a:before{-webkit-transition:all .2s ease-in-out}
[class*=btn-] {border-bottom: 2px solid #b1b1b1!important}
input[type=reset]:disabled,input[type=submit]:disabled,input[type=button]:disabled{color:#ccc!important;background-color:#fff!important;border:1px solid #fff!important;cursor:default}
input[type=reset].btn-accent,input[type=submit].btn-accent,input[type=button].btn-accent{color:#fff!important;font-weight:700;background-color:#23b8c5;border-color:transparent}
body.color-type-01 input[type=reset],body.color-type-01 input[type=submit],body.color-type-01 input[type=button]{color:#cc2495}
body.color-type-01 input[type=reset].btn-accent,body.color-type-01 input[type=submit].btn-accent,body.color-type-01 input[type=button].btn-accent{background-color:#cc2495}
body.color-type-02 input[type=reset],body.color-type-02 input[type=submit],body.color-type-02 input[type=button]{color:#a0c81f}
body.color-type-02 input[type=reset].btn-accent,body.color-type-02 input[type=submit].btn-accent,body.color-type-02 input[type=button].btn-accent{background-color:#a0c81f}
body.color-type-03 input[type=reset],body.color-type-03 input[type=submit],body.color-type-03 input[type=button]{color:#bd9a22}
body.color-type-03 input[type=reset].btn-accent,body.color-type-03 input[type=submit].btn-accent,body.color-type-03 input[type=button].btn-accent{background-color:#ecc02a}
body.color-type-04 input[type=reset],body.color-type-04 input[type=submit],body.color-type-04 input[type=button]{color:#cc2495}
body.color-type-04 input[type=reset].btn-accent,body.color-type-04 input[type=submit].btn-accent,body.color-type-04 input[type=button].btn-accent{background-color:#ffaff8}
body.color-type-05 input[type=reset],body.color-type-05 input[type=submit],body.color-type-05 input[type=button]{color:#ec6d2a}
body.color-type-06 input[type=reset],body.color-type-06 input[type=submit],body.color-type-06 input[type=button],body.color-type-07 input[type=reset],body.color-type-07 input[type=submit],body.color-type-07 input[type=button]{color:#000}
body.color-type-05 input[type=reset].btn-accent,body.color-type-05 input[type=submit].btn-accent,body.color-type-05 input[type=button].btn-accent{background-color:#ec6d2a}
body.color-type-06 input[type=reset].btn-accent,body.color-type-06 input[type=submit].btn-accent,body.color-type-06 input[type=button].btn-accent,body.color-type-07 input[type=reset].btn-accent,body.color-type-07 input[type=submit].btn-accent,body.color-type-07 input[type=button].btn-accent{background-color:#000}
body.color-type-08 input[type=reset],body.color-type-08 input[type=submit],body.color-type-08 input[type=button]{color:#a36e00}
body.color-type-08 input[type=reset].btn-accent,body.color-type-08 input[type=submit].btn-accent,body.color-type-08 input[type=button].btn-accent{background-color:#a36e00}
body.color-type-09 input[type=reset],body.color-type-09 input[type=submit],body.color-type-09 input[type=button]{color:#8d62db}
body.color-type-09 input[type=reset].btn-accent,body.color-type-09 input[type=submit].btn-accent,body.color-type-09 input[type=button].btn-accent{background-color:#8d62db}
a.btn-normal,body{background-color:#fff}
html{font-size:62.5%;line-height:1;-webkit-text-size-adjust:100%}
body{color:#333;font-family:Roboto,'ヒラギノ角ゴ ProN W3',HiraKakuProN-W3,Hiragino Maru Gothic ProN,HiraKakuProN-W3,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:14px;line-height:1.8}
#contents .inner:after,#footer .inner>.nav:after,#page-reserve_edit #contents .inner:after,#page-reserve_entry #contents .inner:after,#page-reserve_entry #contents .main .box dl.form-block dd>ul:after,#appointment .foot ul:after,#appointment .foot:after,#appointment .head ul:after,#appointment .head:after,#page-reserve_top_login #footer .inner>.user-menu:after,#page-top #contents .main .nav ul:after,.clearfix:after{content:'';display:block;height:0;clear:both;overflow:hidden;visibility:hidden}
img{max-width:100%;height:auto}
a{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;transition:all .2s ease-in-out}
a:link,a:visited{color:#23b8c5;text-decoration:none}
/*a:after,a:before{transition:all .2s ease-in-out}*/
.staff-detail,.more-staff-new {text-decoration: underline!important;}
body.color-type-01 a:link,body.color-type-01 a:visited,body.color-type-01 a.staff-detail,body.color-type-01 a.technique-detail{color:#cc2495}
body.color-type-02 a:link,body.color-type-02 a:visited,body.color-type-02 a.staff-detail,body.color-type-02 a.technique-detail{color:#a0c81f}
body.color-type-03 a:link,body.color-type-03 a:visited,body.color-type-03 a.staff-detail,body.color-type-03 a.technique-detail{color:#bd9a22}
body.color-type-04 a:link,body.color-type-04 a:visited,body.color-type-04 a.staff-detail,body.color-type-04 a.technique-detail{color:#cc2495}
body.color-type-05 a:link,body.color-type-05 a:visited,body.color-type-05 a.staff-detail,body.color-type-05 a.technique-detail{color:#ec6d2a}
body.color-type-06 a:link,body.color-type-06 a:visited,body.color-type-07 a:link,body.color-type-07 a:visited,
body.color-type-06 a.staff-detail,body.color-type-06 a.technique-detail,body.color-type-07 a.staff-detail,body.color-type-07 a.technique-detail{color:#36c}
body.color-type-08 a:link,body.color-type-08 a:visited,body.color-type-08 a.staff-detail,body.color-type-08 a.technique-detail{color:#a36e00}
body.color-type-09 a:link,body.color-type-09 a:visited,body.color-type-09 a.staff-detail,body.color-type-09 a.technique-detail{color:#8d62db}
a[class*=btn-]{display:inline-block;padding:0 3px;width:100%;height:40px;line-height:40px;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.btn-normal{font-weight:400;border:1px solid #ddd;}
body.color-type-01 a.btn-normal{color:#cc2495}
body.color-type-02 a.btn-normal{color:#a0c81f}
body.color-type-03 a.btn-normal{color:#bd9a22}
body.color-type-04 a.btn-normal{color:#cc2495}
body.color-type-05 a.btn-normal{color:#ec6d2a}
body.color-type-06 a.btn-normal,body.color-type-07 a.btn-normal{color:#36c}
body.color-type-08 a.btn-normal{color:#a36e00}
body.color-type-09 a.btn-normal{color:#8d62db}
#menu #menu-footer,#menu #menu-nav-block ul li,#menu #menu-status{border-top:1px solid #666}
a.btn-accent{color:#fff!important;font-weight:700;background-color:#23b8c5;}
a.btn-point{color:#fff!important;font-weight:700;background-color:#23b8c5;}
body.color-type-06 a.btn-normal,body.color-type-07 a.btn-normal{color:#000}
.mini{height: 30px !important;min-width: 100px;line-height: 30px !important;float:right;font-size:10px;}
a.btn-arrow-next{position:relative}
a.btn-arrow-next:before{content:"";display:inline-block;position:absolute;right:0;top:50%;width:40px;font-size:18px;text-align:center;line-height:40px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#header,#menu-btn{top:0;}
body.color-type-01 a.btn-accent{background-color:#cc2495}
body.color-type-02 a.btn-accent{background-color:#a0c81f}
body.color-type-03 a.btn-accent{background-color:#ecc02a}
body.color-type-04 a.btn-accent{background-color:#ffaff8}
body.color-type-05 a.btn-accent{background-color:#ec6d2a}
body.color-type-06 a.btn-accent,body.color-type-07 a.btn-accent{background-color:#000}
body.color-type-08 a.btn-accent{background-color:#a36e00}
body.color-type-09 a.btn-accent{background-color:#8d62db}
body.color-type-01 a.btn-point{background-color:#cc2495}
body.color-type-02 a.btn-point{background-color:#a0c81f}
body.color-type-03 a.btn-point{background-color:#ecc02a}
body.color-type-04 a.btn-point{background-color:#ffaff8}
body.color-type-05 a.btn-point{background-color:#ec6d2a}
body.color-type-06 a.btn-point,body.color-type-07 a.btn-point{background-color:#000}
body.color-type-08 a.btn-point{background-color:#a36e00}
body.color-type-09 a.btn-point{background-color:#8d62db}
#contents>.inner,#footer>.inner,#header>.inner{position:relative;margin:0 auto;width:100%}
#wrap{overflow:hidden}
#header{left:0;width:100%;background-color:#23b8c5;z-index:99;position:fixed;height:100px;}
#header.fix{left:0;width:100%;background-color:#23b8c5;z-index:99;position:fixed;height:70px;}
#header>.inner{position:relative;width:100%;height:100%}
#header>.inner .title{display: flex;align-items: center;padding:10px 10px 10px 10px;text-align:left}
#header>.inner .title span{margin-left: auto;}
#header>.inner .title .salon_name {margin-right: auto;}
#contents .article>.title,.contents-title{text-align:center;margin-bottom:16px}
#header>.inner .head_image {margin:10px;width: 150px;text-align: center;display: flex;justify-content: center;align-items: center;}
#header>.inner img{max-height:80px;vertical-align:middle;height: auto;}
#header>.inner img.fix{max-height:24px;}
#header>.inner .title .alt{color:#fff;font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;white-space:pre-wrap;}
#header>.inner span a.btn-normal {font-size:14px;font-weight: 700;width: 100px;}
/* #header>.inner .title .alt{overflow:hidden;display:block;color:#fff;font-size:16px;font-weight:700;white-space:nowrap;text-overflow:ellipsis} */
body.color-type-01 #header{background-color:#cc2495}
body.color-type-02 #header{background-color:#a0c81f}
body.color-type-03 #header{background-color:#ecc02a}
body.color-type-04 #header{background-color:#ffaff8}
body.color-type-05 #header{background-color:#ec6d2a}
body.color-type-06 #header{background-color:#000}
body.color-type-07 #header{background-color:#fff;border-bottom:1px solid #ddd}
body.color-type-07 #header>.inner .title .alt{color:#000}
body.color-type-08 #header{background-color:#a38852}
body.color-type-09 #header{background-color:#fff}
body.color-type-09 #header>.inner .title .alt{color:#8d62db}
#contents,#footer{background-color:#fff;z-index:2}
body.title-type-text #header .title img{display:none}
#menu-btn{position:absolute;right:0;width:44px}
#contents,#contents .page-nav>a,#footer{position:relative}
#footer{padding:24px 0 24px;width:100%;}
#footer .inner>.nav{display:block;padding:0 16px;width:100%}
/* #footer .inner>.nav li{float:left;width:49%} */
/* #footer .inner>.nav li:last-child{float:right;margin-left:2%} */
/* #footer .inner>.nav li a[class*=btn-],#footer .inner>.nav li input[type=button],#footer .inner>.nav li input[type=reset],#footer .inner>.nav li input[type=submit]{min-width:100%} */
#contents{width:100%;min-height:60vh;overflow:hidden}
#contents .page-nav{padding:10px 16px 10px 8px;background-color:#f5f5f5}
#contents .article>.title>strong,.contents-title>strong{display:inline-block;padding-bottom:2px;border-bottom:3px solid #23b8c5;font-weight:700}
#contents .page-nav>a.arrow-prev{padding-left:24px}
#contents .page-nav>a.arrow-prev:before{content:"";display:inline-block;position:absolute;left:0;top:50%;width:24px;font-size:18px;text-align:center;line-height:24px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#menu,#menu-overlay{position:fixed;top:0;height:100%}
#contents .article{margin: 50px 0 24px 0;}
.contents-title{margin-top:24px}
body.color-type-01 #contents .article .title>strong,body.color-type-01 #contents .contents-title>strong,body.color-type-01 #contents .subtitle>strong{border-bottom:3px solid #cc2495}
body.color-type-02 #contents .article .title>strong,body.color-type-02 #contents .contents-title>strong,body.color-type-02 #contents .subtitle>strong{border-bottom:3px solid #a0c81f}
body.color-type-03 #contents .article .title>strong,body.color-type-03 #contents .contents-title>strong,body.color-type-03 #contents .subtitle>strong{border-bottom:3px solid #bd9a22}
body.color-type-04 #contents .article .title>strong,body.color-type-04 #contents .contents-title>strong,body.color-type-04 #contents .subtitle>strong{border-bottom:3px solid #cc2495}
body.color-type-05 #contents .article .title>strong,body.color-type-05 #contents .contents-title>strong,body.color-type-05 #contents .subtitle>strong{border-bottom:3px solid #ec6d2a}
body.color-type-06 #contents .article .title>strong,body.color-type-06 #contents .contents-title>strong,body.color-type-06 #contents .subtitle>strong,
body.color-type-07 #contents .article .title>strong,body.color-type-07 #contents .contents-title>strong,body.color-type-07 #contents .subtitle>strong{border-bottom:3px solid #000}
body.color-type-08 #contents .article .title>strong,body.color-type-08 #contents .contents-title>strong,body.color-type-08 #contents .subtitle>strong{border-bottom:3px solid #a36e00}
body.color-type-09 #contents .article .title>strong,body.color-type-09 #contents .contents-title>strong,body.color-type-09 #contents .subtitle>strong{border-bottom:3px solid #8d62db}
#menu #menu-header,#menu #menu-nav-block{border-bottom:1px solid #666}
.js-menu-open{-webkit-animation:menuopen .3s ease-in-out 0s both;animation:menuopen .3s ease-in-out 0s both}
.js-menu-close{-webkit-animation:menuclose .3s ease-in-out 0s none;animation:menuclose .3s ease-in-out 0s none}
#wrap{position:static}
#menu{z-index:1;display:none;overflow-y:scroll;right:0;width:270px;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0)}
#menu #menu-inner{height:-webkit-calc(100% + 1px);height:calc(100% + 1px)}
#menu.js-menu-close,#menu.js-menu-open{display:block;-webkit-animation:none;animation:none}
#menu.js-menu-hidden{display:none}
#menu-btn,#menu-btn-close{z-index:10;cursor:pointer}
#menu-btn.js-menu-close,#menu-btn.js-menu-open{-webkit-animation:none;animation:none}
#menu-overlay{z-index:98;visibility:hidden;left:0;width:100%;opacity:0}
#menu-btn.js-menu-open:before,#menu-btn:before{display:inline-block;position:absolute;top:50%;width:44px;color:#fff;text-align:center;line-height:44px;left:50%}
#menu-overlay.js-menu-open{visibility:visible;background-color:#333;opacity:.2}
#menu-btn:before{content:"";font-size:22px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#menu-btn.js-menu-open:before{content:"";font-size:16px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
body.color-type-07 #menu-btn.js-menu-open:before,body.color-type-07 #menu-btn:before{color:#000}
#menu{line-height:1;background:#333}
#menu .show{display:block!important}
#menu .hide{display:none!important}
#menu #menu-header #menu-header-close:before,#menu #menu-nav-block ul li a:before{display:inline-block;position:absolute;top:50%;width:44px;color:#fff;line-height:44px;text-align:center;right:0}
#menu #menu-header{position:relative;padding-right:44px;height:44px}
#menu #menu-header #menu-header-close{display:block;position:absolute;right:0;width:44px;height:44px;color:#fff}
#menu #menu-header #menu-header-close:before{content:"";font-size:16px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#menu #menu-header #menu-header-user{overflow:hidden;padding:16px 0 0 16px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
#menu #menu-footer{padding:16px}
#menu #menu-footer #menu-btn-close{display:block;padding:14px 0;color:#fff;font-size:13px;text-align:center;border:1px solid #666}
#menu #menu-btn-login,#menu #menu-btn-reserve{margin-top:-1px;padding:16px;border-top:1px solid #666}
#menu #menu-btn-login p,#menu #menu-btn-reserve dd{margin-top:8px}
#menu #menu-btn-login p:first-child,#menu #menu-btn-reserve dd:first-child{margin-top:0}
#menu #menu-btn-reserve dt{margin-bottom:16px;color:#999;font-size:12px}
#menu #menu-nav-block ul li a{position:relative;display:block;padding:16px 44px 16px 16px;color:#fff!important}
#menu #menu-nav-block ul li a:before{content:"";font-size:16px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#menu #menu-nav-block ul li a.touch,#menu #menu-nav-block ul li a:hover{opacity:1!important;background-color:rgba(0,0,0,.2)}
#menu #menu-status{margin-top:-1px;padding:24px 16px 12px 24px}
#menu #menu-status dl.status dt{margin-bottom:2px;color:#999;font-size:12px;line-height:1.4}
#menu #menu-status dl.status dd{margin-bottom:12px;color:#ccc;line-height:1.6;font-weight:700;word-wrap:break-word}
#menu a[class*=btn-],#page-top #contents .inner>.aside,#page-top #contents .inner>.main{width:100%}
#page-top #contents .main .nav ul li{float:left;width:50%}
#page-top #contents .main .nav ul li a{position:relative;display:block;padding:12px 0;color:#999;font-size:14px;line-height:1.4;text-align:center;letter-spacing:-.04em;border-bottom:1px solid #ccc;}
/* #page-top #contents .main .nav ul li a:after{content:'';position:absolute;bottom:-4px;left:50%;width:8px;height:8px;background-color:#ccc;border-radius:100%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)} */
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label:before,#page-top #contents .main #stylist .list-stylist li>input[type=radio]+label:before{left:4px}
#page-top #contents .main .nav ul li a.selected{color:#23b8c5;border-color:#23b8c5;}
#page-top #contents .main .nav ul li a.selected:after{background-color:#fff;border:2px solid #23b8c5}
#page-top #contents .main .nav ul li a span{font-size:12px}
body#page-top.color-type-01 #contents .main .nav ul li a.selected{color:#cc2495;border-color:#cc2495}
body#page-top.color-type-01 #contents .main .nav ul li a.selected:after{border:2px solid #cc2495}
body#page-top.color-type-02 #contents .main .nav ul li a.selected{color:#a0c81f;border-color:#a0c81f}
body#page-top.color-type-02 #contents .main .nav ul li a.selected:after{border:2px solid #a0c81f}
body#page-top.color-type-03 #contents .main .nav ul li a.selected{color:#bd9a22;border-color:#bd9a22}
body#page-top.color-type-03 #contents .main .nav ul li a.selected:after{border:2px solid #bd9a22}
body#page-top.color-type-04 #contents .main .nav ul li a.selected{color:#cc2495;border-color:#cc2495}
body#page-top.color-type-04 #contents .main .nav ul li a.selected:after{border:2px solid #cc2495}
body#page-top.color-type-05 #contents .main .nav ul li a.selected{color:#ec6d2a;border-color:#ec6d2a}
body#page-top.color-type-05 #contents .main .nav ul li a.selected:after{border:2px solid #ec6d2a}
body#page-top.color-type-06 #contents .main .nav ul li a.selected{color:#000;border-color:#000}
body#page-top.color-type-06 #contents .main .nav ul li a.selected:after{border:2px solid #000}
body#page-top.color-type-07 #contents .main .nav ul li a.selected{color:#000;border-color:#000}
body#page-top.color-type-07 #contents .main .nav ul li a.selected:after{border:2px solid #000}
body#page-top.color-type-08 #contents .main .nav ul li a.selected{color:#a36e00;border-color:#a36e00}
body#page-top.color-type-08 #contents .main .nav ul li a.selected:after{border:2px solid #a36e00}
body#page-top.color-type-09 #contents .main .nav ul li a.selected{color:#8d62db;border-color:#8d62db}
body#page-top.color-type-09 #contents .main .nav ul li a.selected:after{border:2px solid #8d62db}
#page-top #contents .main #stylist .list-stylist{border:1px solid #ddd}
#page-top #contents .main #stylist .list-stylist li{position:relative;display:table;width:100%;border-top:1px solid #ddd;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#page-top #contents .main #stylist .list-stylist li:first-child{border-top:none}
#page-top #contents .main #stylist .list-stylist li.touch,#page-top #contents .main #stylist .list-stylist li:hover{background-color:#f5f5f5}
#page-top #contents .main #stylist .list-stylist li>input[type=radio]+label{position:relative;display:table-cell;padding:8px 0 8px 40px;cursor:pointer}
#page-top #contents .main #stylist .list-stylist .free-stylist .name{height:38px;line-height:38px}
#page-top #contents .main #stylist .list-stylist li>input[type=radio]+label p{display:table-cell;font-size:12px;vertical-align:middle}
#page-top #contents .main #stylist .list-stylist li>input[type=radio]+label p.name{display:table;width:100%;font-size:14px;font-weight:700;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#page-top #contents .main #stylist .list-stylist li>input[type=radio]+label p.nomination-fee,#page-top #contents .main #stylist .list-stylist li>input[type=radio]+label p.position{position:relative;color:#666;font-size:11px;line-height:1.2;white-space:nowrap}
#page-top #contents .main #stylist .list-stylist li>input[type=radio]+label p.nomination-fee:before{content:'-';padding:0 4px}
#page-top #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#23b8c5}
#page-top #contents .main #stylist .list-stylist li.disabled{color:#ccc;background-color:#f5f5f5}
#page-top #contents .main #stylist .list-stylist li.disabled>input[type=radio]+label,#page-top #contents .main #stylist .list-stylist li.disabled>input[type=radio]:checked+label{cursor:default}
#page-top #contents .main #stylist .list-stylist li.disabled>input[type=radio]:checked+label .name{color:inherit}
#page-top #contents .main #stylist .list-stylist p.more-staff{display:table-cell;padding-top:3px;width:5.5em;font-size:11px;line-height:1.2;text-align:right;vertical-align:middle}
#page-top #contents .main #stylist .list-stylist p.more-staff:after{content:"";display:inline-block;margin-top:-2px;padding:0 8px 0 4px;color:#23b8c5;font-size:16px;vertical-align:middle}
body#page-top.color-type-01 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#cc2495}
body#page-top.color-type-02 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#a0c81f}
body#page-top.color-type-03 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#bd9a22}
body#page-top.color-type-04 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#cc2495}
body#page-top.color-type-05 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#ec6d2a}
body#page-top.color-type-06 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name,body#page-top.color-type-07 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#36c}
body#page-top.color-type-08 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#a36e00}
body#page-top.color-type-09 #contents .main #stylist .list-stylist li>input[type=radio]:checked+label .name{color:#8d62db}
#page-top #contents .main #cut-menu .box-accordion{margin-bottom:1px}
#page-top #contents .main #cut-menu .box-accordion>.title{position:relative;display:block;padding:0 44px 0 16px;color:#fff;font-weight:700;line-height:44px;background-color:#999;cursor:pointer;outline:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#page-top #contents .main #cut-menu .box-accordion>.title.active,#page-top #contents .main #cut-menu .box-accordion>.title.touch,#page-top #contents .main #cut-menu .box-accordion>.title:hover{background-color:#666}
#page-top #contents .main #cut-menu .box-accordion>.title:after{content:'+';position:absolute;top:0;right:0;width:44px;height:44px;font-weight:400;font-size:16px;text-align:center;background-color:#666;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#page-top #contents .main #cut-menu .box-accordion>.title.active:after{content:'-';background-color:#333}
#page-top #contents .main #cut-menu .box-accordion>.title span{margin-left:.5em;font-weight:400}
#page-top #contents .main #cut-menu .box-accordion>.box-accordion-inner{display:none}
#page-top #contents .main #cut-menu .box-accordion>.title.active+.box-accordion-inner{display:block}
#page-top #contents .main #cut-menu .list-menu{margin-bottom:7px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#page-top #contents .main #cut-menu .list-menu li{position:relative;display:table;width:100%;border-top:1px solid #ddd;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#page-top #contents .main #cut-menu .list-menu li:first-child{border-top:none}
#page-top #contents .main #cut-menu .list-menu li.touch,#page-top #contents .main #cut-menu .list-menu li:hover{background-color:#f5f5f5}
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label{display:table-cell;padding:8px 0 8px 40px;cursor:pointer}
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label p{display:table-cell;font-size:12px;vertical-align:middle}
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label p.course{display:table;width:100%;font-size:14px;font-weight:700;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label p.comment{display:table;width:100%;font-size:12px;font-weight:600;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label p.price,#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label p.time{position:relative;color:#666;font-size:11px;line-height:1.2;white-space:nowrap}
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]+label p.price:before{content:'-';padding:0 4px}
#page-top #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course{color:#23b8c5}
#page-top #contents .main #cut-menu .list-menu li.disabled{color:#ccc;background-color:#f5f5f5}
#page-top #contents .main #cut-menu .list-menu li.disabled>input[type=checkbox]+label,#page-top #contents .main #cut-menu .list-menu li.disabled>input[type=checkbox]:checked+label{cursor:default}
#page-top #contents .main #cut-menu .list-menu li.disabled>input[type=checkbox]:checked+label .course{color:inherit}
#page-top #contents .main #cut-menu .list-menu li.disabled>input[type=checkbox]+label .price,#page-top #contents .main #cut-menu .list-menu li.disabled>input[type=checkbox]+label .time,#page-top #contents .main #cut-menu .list-menu li.disabled>input[type=checkbox]:checked+label .price,#page-top #contents .main #cut-menu .list-menu li.disabled>input[type=checkbox]:checked+label .time{color:#ccc}
#page-top #contents .main #cut-menu .list-menu p.more-technique{display:table-cell;padding-top:3px;width:5.5em;font-size:11px;line-height:1.2;text-align:right;vertical-align:middle}
#contents .inner>.aside,#contents .inner>.main,#page-top #contents .main #appointment .box-btn a{width:100%}
#page-top #contents .main #cut-menu .list-menu p.more-technique:after{content:"";display:inline-block;margin-top:-2px;padding:0 8px 0 4px;color:#23b8c5;font-size:16px;vertical-align:middle}
body#page-top.color-type-01 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-01 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-01 #contents .main #stylist .list-stylist p.more-staff:after{color:#cc2495}
body#page-top.color-type-02 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-02 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-02 #contents .main #stylist .list-stylist p.more-staff:after{color:#a0c81f}
body#page-top.color-type-03 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-03 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-03 #contents .main #stylist .list-stylist p.more-staff:after{color:#bd9a22}
body#page-top.color-type-04 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-04 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-04 #contents .main #stylist .list-stylist p.more-staff:after{color:#cc2495}
body#page-top.color-type-05 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-05 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-05 #contents .main #stylist .list-stylist p.more-staff:after{color:#ec6d2a}
body#page-top.color-type-06 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-06 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-06 #contents .main #stylist .list-stylist p.more-staff:after,body#page-top.color-type-07 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-07 #contents .main #cut-menu .list-menu p.more:after,body#page-top.color-type-07 #contents .main #stylist .list-stylist p.more:after{color:#36c}
body#page-top.color-type-08 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-08 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-08 #contents .main #stylist .list-stylist p.more-staff:after{color:#a36e00}
body#page-top.color-type-09 #contents .main #cut-menu .list-menu li>input[type=checkbox]:checked+label .course,body#page-top.color-type-09 #contents .main #cut-menu .list-menu p.more-technique:after,body#page-top.color-type-09 #contents .main #stylist .list-stylist p.more-staff:after{color:#8d62db}
/*#page-top #contents .main #appointment>.title{display:none}*/
#page-top #contents .main #appointment .box-btn{padding:0 16px}
#page-top #contents .aside .box-gray{margin-top:-1px;padding:22px 24px;background-color:#f5f5f5;border-top:1px solid #ddd}
#page-top #contents .aside .box-gray dl.status dt{margin-bottom:2px;color:#666;font-size:12px;line-height:1.4}
#page-top #contents .aside .box-gray dl.status dd{margin-bottom:12px;line-height:1.6;font-weight:700;word-wrap:break-word}
#page-top #contents .aside .box-gray dl.status dd:last-child{margin-bottom:0}
#page-reserve_top_detail #contents .main .article .desc dl{margin-top:32px;margin-bottom:24px;text-align:center}
#page-reserve_top_detail #contents .main .article .desc dl dt{font-size:16px;font-weight:700}
#page-reserve_top_detail #contents .main .article .desc dl dd{color:#666;font-size:12px}
#page-reserve_top_detail #contents .main .article .desc .photo{margin:24px 32px 16px}
#page-reserve_top_detail #contents .main .article .desc .photo img{vertical-align:bottom}
#page-reserve_top_detail #contents .main .article .desc>p{margin:24px 32px}
#page-reserve_top_login #footer .inner>.user-menu{padding:0 16px 10px;width:100%}
#page-reserve_top_login #footer .inner>.user-menu>.title{float:left;color:#666;font-size:12px}
#page-reserve_top_login #footer .inner>.user-menu>.user{float:right;font-weight:700;text-align:right;word-break:break-all}
#page-reserve_top_login #contents .inner>.main>.article{margin-bottom:0}
#page-reserve_top_login #contents .main ul.status>li{margin-top:-1px;padding:16px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#page-reserve_top_login #contents .main ul.status>li:first-child{margin-top:0}
#page-reserve_top_login #contents .main ul.status>li.attention{background-color:#fbf1f1}
#page-reserve_top_login #contents .main ul.status>li.attention03{background-color:#f0f8ff;}
#page-reserve_top_login #contents .main ul.status>li.attention .icon-attention{position:relative;padding-left:32px;color:#c54344;line-height:1.6}
#page-reserve_top_login #contents .main ul.status>li.attention .icon-attention:before{content:"";display:inline-block;position:absolute;left:0;top:50%;width:38px;margin:-1px 0 0 -8px;font-size:38px;line-height:38px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#page-reserve_top_login #contents .main ul.status>li>dl{display:table;width:100%}
#page-reserve_top_login #contents .main ul.status>li>dl>dt{color:#666;font-size:12px}
#page-reserve_top_login #contents .main ul.status>li>dl>dd{margin-bottom:16px;font-weight:700}
#page-reserve_top_login #contents .main ul.status>li>dl>dd:last-child{margin-bottom:0}
#page-reserve_top_login #contents .main ul.status>li>dl>dd>dl{position:relative;padding-left:24px;font-weight:400;margin-bottom:8px}
#page-reserve_top_login #contents .main ul.status>li>dl>dd>dl:last-child{margin-bottom:0}
#page-reserve_top_login #contents .main ul.status>li>dl>dd>dl:before{content:'-';position:absolute;top:0;left:8px;line-height:1.6}
#page-reserve_top_login #contents .main ul.status>li>dl>dd>dl>dt{line-height:1.6}
#page-reserve_top_login #contents .main ul.status>li>dl>dd>dl>dd{display:table-cell;color:#666;font-size:12px;line-height:1.6}
#page-reserve_login #contents .main .box div.form-block-btn p a:not([class*=btn-]),#page-reserve_login #contents .main .box dl.title dd{font-size:13px}
#page-reserve_top_login #contents .main ul.status>li>dl>dd>dl>dd:last-child:before{content:' ';padding:0 4px}
#page-reserve_top_login #contents .aside .box-white{padding:24px 16px;background-color:#fff}
#page-reserve_top_login #contents .aside .box-white div.nav p{margin-bottom:8px;font-weight:700}
#page-reserve_top_login #contents .aside .box-white div.nav p:last-child{margin-bottom:0}
#page-reserve_login #contents .inner>.aside,#page-reserve_login #contents .inner>.main,#page-reserve_top_login #contents .aside .box-white a[class*=btn-]{width:100%}
#page-reserve_login #contents .main .box{padding:24px 16px;background-color:#fff;border-top:1px solid #ddd}
#page-reserve_login #contents .main .box dl.title{margin-bottom:24px}
#page-reserve_login #contents .main .box dl.title dt{margin-bottom:12px;font-weight:700}
#page-reserve_login #contents .main .box dl.form-block{display:table;margin-bottom:8px}
#page-reserve_login #contents .main .box dl.form-block dt{display:table-cell;width:7.5em;vertical-align:middle;white-space:nowrap}
#page-reserve_login #contents .main .box dl.form-block dd{width:344px;display:table-cell}
#page-reserve_login #contents .main .box div.form-block-btn{margin:24px auto 0;text-align:center}
#page-reserve_login #contents .main .box div.form-block-btn p{margin-top:24px}
#page-reserve_login #contents .main .box div.form-block-btn p [class*=btn-]{width:212px}
#page-reserve_login #contents .main .box div.form-block-btn p a.link-arrow-right{position:relative;display:inline-block;padding:0 32px 0 0}
#page-reserve_edit #contents .main .box>.inner,#page-reserve_entry #contents .main .box{padding:24px 16px}
#page-reserve_login #contents .main .box div.form-block-btn p a.link-arrow-right:before{content:"\00E001";display:inline-block;position:absolute;right:0;top:50%;margin:-1px 4px 0 0;width:24px;font-size:16px;text-align:center;line-height:16px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
#page-reserve_login #contents .aside .box-gray{padding:24px 16px;background-color:#f5f5f5;border-top:1px solid #ddd}
#page-reserve_edit #contents .main .box,#page-reserve_entry #contents .main .box{background-color:#fff;}
#page-reserve_login #contents .aside .box-gray dl.nav dt{margin-bottom:12px;font-weight:700}
#page-reserve_login #contents .aside .box-gray dl.nav dd{margin-bottom:24px;text-align:center}
#page-reserve_login #contents .aside .box-gray dl.nav dd:last-child{margin-bottom:0}
#page-reserve_login #contents .aside .box-gray dl.nav dd p{margin-bottom:16px;font-size:13px;text-align:left}
#page-reserve_login #contents .aside .box-gray a[class*=btn-]{width:212px}
#page-reserve_entry #contents .inner>.main{width:100%}
#page-reserve_entry #contents .main .box dl.title{margin-bottom:24px}
#page-reserve_entry #contents .main .box dl.title dt{margin-bottom:12px;font-weight:700}
#page-reserve_entry #contents .main .box dl.title dd{font-size:13px}
#page-reserve_entry #contents .main .box dl.title dd.caution{color:#FF0000;word-break: keep-all;}
#page-reserve_entry #contents .main .box dl.title dd.note{color:#c54344}
#page-reserve_entry #contents .main .box dl.form-block{margin-bottom:12px}
#page-reserve_entry #contents .main .box dl.form-block.name>dt{margin-bottom:8px;vertical-align:top}
#page-reserve_entry #contents .main .box dl.form-block.mail dd input[type=text],#page-reserve_entry #contents .main .box dl.form-block.tel dd input[type=text]{display:inline-block;vertical-align:middle}
#page-reserve_entry #contents .main .box dl.form-block.mail dd .selectbox,#page-reserve_entry #contents .main .box dl.form-block.tel dd .selectbox{margin-top:12px;width:100%;vertical-align:middle}
#page-reserve_entry #contents .main .box dl.form-block dt{margin-bottom:2px;vertical-align:middle}
#page-reserve_entry #contents .main .box dl.form-block dd>ul li{float:left;width:49%}
#page-reserve_edit #contents .inner>.main,#page-reserve_edit #contents .main .box dl.form-block.login-id dd .selectbox select,#page-reserve_edit #contents .main .box dl.form-block.mail dd .selectbox select,#page-reserve_edit #contents .main .box dl.form-block.password dd .selectbox select{width:100%}
#page-reserve_entry #contents .main .box dl.form-block dd>ul li:nth-child(even){float:right}
#page-reserve_entry #contents .main .box dl.form-block dd>ul li dl dt{font-size:12px;margin-bottom:2px}
#page-reserve_edit #contents .main .box .box-title{padding:16px;background-color:#f5f5f5}
#page-reserve_edit #contents .main .box .box-title .title{font-weight:700}
#page-reserve_edit #contents .main .box dl.form-block{margin-bottom:12px}
#page-reserve_edit #contents .main .box dl.form-block.login-id dd input[type=text],#page-reserve_edit #contents .main .box dl.form-block.login-id dd input[type=password],#page-reserve_edit #contents .main .box dl.form-block.mail dd input[type=text],#page-reserve_edit #contents .main .box dl.form-block.mail dd input[type=password],#page-reserve_edit #contents .main .box dl.form-block.password dd input[type=text],#page-reserve_edit #contents .main .box dl.form-block.password dd input[type=password]{display:inline-block;vertical-align:middle}
#page-reserve_edit #contents .main .box dl.form-block.login-id dd .selectbox,#page-reserve_edit #contents .main .box dl.form-block.mail dd .selectbox,#page-reserve_edit #contents .main .box dl.form-block.password dd .selectbox{margin-top:12px;width:100%;vertical-align:middle}
#page-reserve_edit #contents .main .box dl.form-block dt{margin-bottom:2px;vertical-align:middle}
.b_1{text-align: left; margin-left:20px;}
.red{color: red;}
.info{color: #666;}
.mt-30{margin-top: 30px;}
.ml-15{margin-left: 15px;}
.center{margin-left:120px;}
.bold{font-weight: bold;}
.indent{text-indent: 3em;}
#checkbox input:checked + label:after{top:3px;height:7px;margin-bottom: 15px;border-left: 3px solid #23b8c5;border-bottom: 2px solid #23b8c5;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#contents .main ul.status>li.attention02 {background-color:rgba(35,184,197,0.3);}
body.color-type-01 #contents .main ul.status>li.attention02 {background-color:rgba(204,36,149,0.3);}
body.color-type-02 #contents .main ul.status>li.attention02 {background-color:rgba(160,200,31,0.3);}
body.color-type-03 #contents .main ul.status>li.attention02 {background-color:rgba(189,154,34,0.3);}
body.color-type-04 #contents .main ul.status>li.attention02 {background-color:rgba(255,175,248,0.3);}
body.color-type-05 #contents .main ul.status>li.attention02 {background-color:rgba(236,109,42,0.3);}
body.color-type-06 #contents .main ul.status>li.attention02 {background-color:rgba(51,51,51,0.3);}
body.color-type-07 #contents .main ul.status>li.attention02 {background-color:rgba(51,51,51,0.3);}
body.color-type-08 #contents .main ul.status>li.attention02 {background-color:rgba(163,136,82,0.3);}
body.color-type-09 #contents .main ul.status>li.attention02 {background-color:rgba(125, 53, 173, 0.3);}
.btn-next{width:100%;}
label.error{display: block;color: red;content: "\A";white-space: pre;}
.copyright{margin-bottom: 40px;}
.copyright{padding:20px 0 20px;width:100%;border-top:1px solid #ddd;text-align: center; background-color:rgba(255,255,255);margin-bottom: 6vh;}
.copyright div{display: block; margin:0 auto;font-size: 14px;}
span.bnavi_title{color:#000; font-weight:bold; font-size:13px; position:relative; top:4px;}
.attention02 div{display: table-cell;position: relative;}
.attention02 img{
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
}
.ex-staff-blank{height:20px;}
.salon_name {display: inline !important;vertical-align: middle;}
.loadingMsg{
  height: 120px;
  width:120px;
  text-align:center;
  background-image:url('../../images/loading_blue.gif');
  background-size:contain;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 2000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body#page-top.color-type-01 #contents .loadingMsg{
  background-image:url('../../images/loading_red.gif');
}
body#page-top.color-type-02 #contents .loadingMsg{
  background-image:url('../../images/loading_green.gif');
}
body#page-top.color-type-03 #contents .loadingMsg{
  background-image:url('../../images/loading_yellow.gif');
}
body#page-top.color-type-04 #contents .loadingMsg{
  background-image:url('../../images/loading_pink.gif');
}
body#page-top.color-type-05 #contents .loadingMsg{
  background-image:url('../../images/loading_orange.gif');
}
body#page-top.color-type-06 #contents .loadingMsg,
body#page-top.color-type-07 #contents .loadingMsg{
  background-image:url('../../images/loading_black.gif');
}
body#page-top.color-type-08 #contents .loadingMsg{
  background-image:url('../../images/loading_brown.gif');
}
body#page-top.color-type-09 #contents .loadingMsg{
  background-image:url('../../images/loading_purple.gif');
}

.wavy{text-decoration: underline wavy #23b8c5}
body.color-type-01 .wavy{text-decoration: underline wavy #cc2495}
body.color-type-02 .wavy{text-decoration: underline wavy #a0c81f}
body.color-type-03 .wavy{text-decoration: underline wavy #bd9a22}
body.color-type-04 .wavy{text-decoration: underline wavy #cc2495}
body.color-type-05 .wavy{text-decoration: underline wavy #ec6d2a}
body.color-type-06 .wavy,body.color-type-07 .wavy{text-decoration: underline wavy #36c}
body.color-type-08 .wavy{text-decoration: underline wavy #a36e00}
body.color-type-09 .wavy{text-decoration: underline wavy #8d62db}

/*全体的に左右の余白を*/
@media screen and (min-width:1100px) {
  body {
    width: 1100px;
    margin:  0 auto;
  }
}

/*ログインボタン一定に保つ*/
@media screen and (min-width:800px) {
  .mini {
    width: 150px !important;
  }
}

/*予約ボタンをキレイに*/
@media screen and (min-width:600px) {
  a.btn-arrow-next {
    width: 451px !important;
    margin:  0 auto !important;
    display: block;
    height: 60px;
    font-size: 19px;
    padding: 10px 0;
  }
  table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;}
  #header>.inner .head_image.fix, #header>.inner .head_image.fix img {
    max-height: 50px;
  }
}

/* サロン名のフォントサイズをレスポンシブで変更 */
@media screen and (max-width:720px) {
  #header>.inner .title .alt {
    font-size: 14px;
    padding-top: 10px;
  }
}

/* サロンの画像をレスポンシブで変更 */
@media screen and (max-width:600px) {
  #header>.inner .head_image.fix {
    display: none;
  }
  .alt.salon_name {
    line-height: 15px;
    display: block !important;
  }
}

#header .inner {
  display: flex;
}