@charset "UTF-8";
@font-face { font-family: Noto; src: url(/static/img/beauty/font/NotoSansCJKjp-Bold.woff); }

body { color: #222; font: 75%/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; word-break: normal; word-wrap: break-word; }

body#gbg { background: #F6F8F7; }

body#edit-form { background: #F4F6F7; }

a { color: #000; text-decoration: none; }

a:hover { text-decoration: underline; }

.w1000 { position: relative; width: 1000px; margin: 0 auto; }

.w1100 { position: relative; width: 1100px; margin: 0 auto; }

.mt12 { margin: 12px 0 0; }

.mb12 { margin: 0 0 12px; }

.mb24 { margin: 0 0 24px; }

.mb48 { margin: 0 0 48px; }

.mb55 { margin: 0 0 55px; }

.pink { color: #F27272; }

.errors { padding: 15px; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; background-color: #F2DEDE; border-color: #EBCCD1; color: #A94442; }

.errors ul { margin: 0 15px; list-style-type: disc; }

.hidden { display: none; }

.table-block { display: table; margin: 0 0 24px; }

.table-block > div { display: table-cell; padding-right: 24px; vertical-align: middle; }

.table-block > div:last-child { padding: 0; }

a.more { display: inline-block; line-height: 1; padding: 9px 12px; background: #000; color: #FFF; font-size: 91%; text-decoration: none; }

a.more:hover { background: #666; }

.link-lists li { float: left; width: 160px; margin: 0 12px 12px 0; }

.link-lists a { display: block; }

.link-lists.list4 li { margin-bottom: 0; }

.link-lists li:nth-child(4n) { margin-right: 0; }

.link-lists .area, .link-lists .yomi { font-size: 84%; }

.link-lists .yomi.none { height: 15px; }

.link-lists .name { margin: 0 0 6px; font-weight: bold; }

.link-lists img { width: 100%; }

.text-link-lists li { padding-left: 18px; background: url(/static/img/beauty/beauty-h3.png) no-repeat left; background-size: 12px 2px; }

pre { font-size: 100%; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

input[type=text], input[type=password], select, textarea { padding: 6px; border: solid 1px #CCC; font-size: 100%; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; outline: none; }

input[type=button].btn_submit, input[type=submit] { width: 100%; padding: 7px 6px; border: none; background: #2D4360; color: #FFF; font-size: 100%; font-weight: bold; cursor: pointer; outline: none; border-radius: 4px; }

input[type=text].mlr10 { margin-right: 6px; margin-left: 6px; }

input[type=text].mr30 { margin-right: 30px; }

.ads336 { margin: 24px auto; }

.ads336 table { margin: 0 auto; padding: 0px; border: 0px; border-spacing: 0px; border-collapse: collapse; }

.ads728 { width: 728px; margin: 0 auto; text-align: center; }

.corner-round { border-radius: 5px; }

#wrapper { position: relative; }

header { padding-top: 191px; }

#h-link { position: absolute; right: 50%; top: 10px; z-index: 1000; margin-right: -550px; font-size: 84%; }

hgroup { position: absolute; left: 0; top: 0; z-index: 999; width: 100%; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); color: #FFF; }

hgroup.fixed { position: fixed; }

#logo { padding: 50px 0 34px; text-align: center; }

hgroup.fixed #logo { display: none; }

#logo a { display: inline-block; }

#logo a { display: inline-block; }

#logo img { height: 40px; }

#main-menu { float: left; font-family: 'Open Sans'; }

#main-menu li { position: relative; z-index: 1; float: left; margin-right: -1px; background-size: 1px 14px; }

#main-menu li + li { margin-left: 30px; }

#main-menu a { display: block; line-height: 1; padding: 16px 0; font-size: 133%; font-weight: bold; text-decoration: none; background-size: 1px 14px; }

#main-menu hr { position: absolute; left: 0; bottom: 4px; width: 100%; margin: 0; border: none; height: 2px; background: #000; opacity: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#main-menu li:hover hr, #main-menu li a.selected + hr { bottom: 11px; opacity: 1; }

#icon-nav { position: relative; float: right; }

#icon-nav > li { position: relative; float: left; }

#icon-nav > li > a { position: relative; display: block; line-height: 1.2; padding: 17px 10px; text-decoration: none; color: #222; }

#icon-nav > li:hover > a, #icon-nav > li > a.hovered { background: #F2F7F5; }

#icon-nav > li > a.user { padding: 14px 10px; line-height: 1.7; }

#icon-nav .sub li.profile-img img, #icon-nav > li > a.user img { width: 20px; height: 20px; margin-right: 6px; border-radius: 10px; }

#icon-nav > li.change-btn > a { padding: 17px 10px; }

#icon-nav > li > a.add-photo { padding: 13px 4px 17px 10px; }

#icon-nav > li > a .sum { position: absolute; left: 50%; top: 3px; min-width: 10px; z-index: 20; display: block; line-height: 1; border-radius: 15px; padding: 4px 4px; background: #415261; color: #FFF; font-size: 84%; text-align: center; }

#icon-nav .sub { display: none; position: absolute; top: 48px; right: 0; min-width: 100%; background: #F2F7F5; white-space: nowrap; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1); }

#icon-nav li:hover .sub { display: block; }

#icon-nav .sub > li { border-top: solid 1px #E5EEEB; }

#icon-nav .sub > li > a, #icon-nav .sub > li > span { display: block; line-height: 1; padding: 10px 12px; background: #F2F7F5; text-decoration: none; }

#icon-nav .sub > li.profile-img > a { line-height: 1.7; }

#icon-nav .sub > li a:hover { background: #E5EEEB; }

#icon-nav .sub > li > span { color: #999; font-size: 91%; }

#icon-nav .sub > li:last-child a, #icon-nav .sub > li:last-child, #icon-nav .sub { border-radius: 0 0 4px 4px; }

#icon-nav .sub > li a.salon { display: table; width: 100%; padding: 0; font-size: 100%; font-weight: bold; }

#icon-nav .sub > li a.salon > div { display: table-cell; padding: 12px 12px 12px 6px; vertical-align: middle; }

#icon-nav .sub > li a.salon > div.pict { padding: 12px 0 12px 12px; }

#icon-nav .sub > li a.salon .name span { line-height: 1.5; font-size: 84%; font-weight: normal; }

#icon-nav .sub > li img { width: 30px; border-radius: 4px; }

#icon-nav .sub .change-user a { line-height: 1; display: table; width: 100%; padding: 0; background: #F2F7F5; cursor: pointer; }

#icon-nav .sub .change-user:hover a { background: #E5EEEB; }

#icon-nav .sub .change-user:last-child a { border-radius: 0 0 4px 4px; }

#icon-nav .sub .change-user a > div { display: table-cell; vertical-align: middle; padding: 12px 12px 12px 0; }

#icon-nav .sub .change-user a > div.icons { padding: 12px; width: 14px; }

#icon-nav .sub .change-user a > div.pict { width: 30px; padding-right: 6px; }

#icon-nav .sub .change-user img { width: 30px; height: 30px; border-radius: 15px; }

#icon-nav .sub .change-user .name span { font-size: 84%; }

#notify-beauty { position: absolute; right: -76px; top: 38px; display: none; width: 360px; color: #000; }

li:hover #notify-beauty { display: block; }

#notify-beauty .notify-body { position: relative; border-radius: 4px; background: #FFF; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

#notify-beauty h3 { line-height: 30px; padding: 8px; border-radius: 4px 4px 0 0; background: #415261; color: #FFF; font-size: 14px; }

#notify-beauty h3 .icon14 { margin: 9px 4px 0 0; }

#notify-close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(/static/img/travel/delete.gif) no-repeat center; background-size: 8px 8px; }

#notify-beauty .nav { display: table; width: 100%; }

#notify-beauty .nav li { display: table-cell; width: 33.3333333333%; }

#notify-beauty .nav a { display: block; padding: 10px 0 10px; border-bottom: solid 3px #FFF; color: #000; font-size: 12px; text-align: center; text-decoration: none; }

#notify-beauty .nav a .sum { margin-left: 6px; margin-top: -1px; display: inline-block; border-radius: 15px; padding: 3px 8px; background: #415261; color: #FFF; font-size: 84%; width: 5px; }

#notify-beauty .nav a.selected { border-color: #415261; }

a.osirase-holder { display: none; }

#notify_tab { display: none; }

ul.osirase.box li div.img img { width: 48px; height: 48px; border-radius: 5px; }

ul.osirase.box li div.user img { border-radius: 24px; }

ul.osirase.box li { padding: 8px 0; }

ul.osirase.box li div.text { padding-left: 4px; }

ul.osirase.box li div.text div.date { color: #999999; }

#notification .info, .osirase_pop ul.osirase.box { height: 400px; overflow-y: scroll; }

#notification { max-height: 480px !important; border-radius: 0 0 4px 4px; }

#notification .osirase li, #notification .info li { display: table; width: 100%; padding: 0; border-bottom: solid 1px #EEE; background: #F7F7F7; }

#notification .osirase li:last-child { display: none; }

#notification .osirase li > div, #notification .info li > div { display: table-cell; line-height: 1.5; vertical-align: middle; font-size: 11px; word-break: break-all; padding: 12px; }

#notification .osirase li > div:first-child { display: none; }

#notification .osirase li > div.img { width: 48px; padding-right: 0; vertical-align: top; }

#notification .info li > div.pict { width: 36px; padding-right: 0; vertical-align: top; }

#notification .osirase li > div a { display: inline; }

#notification .info li > div.pict { width: 36px; }

#notification .pict img { width: 48px; height: 48px; border-radius: 4px; }

#notification .info .pict img { width: 36px; height: 36px; border-radius: 18px; }

#notification a { color: #89948E; }

#notification .info h4 { line-height: 1.4; margin: 2px 0 0; font-size: 13px; }

#notification .info .day { margin: 0 0 4px; color: #999; font-size: 10px; }

#notification .info p { font-size: 12px; }

#notification pre { width: 272px; }

#main-h1 { float: right; display: inline-block; font-size: 84%; font-weight: normal; color: #666; }

#path { display: inline-block; float: left; margin-bottom: 24px; }

#wide-column #path { margin: 0 auto 24px; }

#path li { float: left; margin-right: 6px; padding-left: 9px; line-height: 1; background: url(/static/img/beauty/beauty-path.png) no-repeat left 2px; background-size: 3px 5px; font-size: 84%; }

#path li:first-child { padding-left: 0; background: none; }

#path li a { display: inline-block; line-height: 1; color: #666; }

section.cut-model.footer-list { width: 676px; }

section.cut-model.footer-list h5 { margin: 0px; padding: 0px; border: none; }

.footer-list, #footer-city, #footer-area { width: 1000px; margin: 0 auto 24px; }

.footer-list h5, #footer-city h5, #footer-area h5 { line-height: 1; margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #CCC; font-weight: bold; font-size: 100%; }

.footer-list ul, #footer-city ul { float: left; display: table; }

#footer-city ul { width: 500px; }

.footer-list ul { width: auto; }

.footer-list li, #footer-city li { display: table-row; }

.footer-list h6, #footer-city h6 { display: table-cell; width: 1%; padding: 0 12px 0 0; font-size: 100%; font-weight: normal; white-space: nowrap; }

.footer-list li > div, #footer-city li > div { display: table-cell; color: #CCC; }

#footer-area li { margin: 0 0 12px; }

#footer-area li a { display: inline-block; }

#footer-area h6 { padding: 0 12px 0 0; font-size: 100%; font-weight: normal; }

#footer-area li > div { font-size: 84%; color: #CCC; }

#description { background: #FFF; color: #000; }

#description strong { display: block; line-height: 1.8; padding-top: 24px; font-weight: normal; }

#description p { line-height: 1.8; padding: 24px 0; font-size: 84%; border-bottom: solid 1px #DDD; }

#description strong + p { padding-top: 0; }

#luxeys { float: left; padding: 24px 0; font-size: 84%; line-height: 1.5; }

#luxeys img { margin-right: 12px; }

#outline-links { float: right; padding: 24px 0; line-height: 1.4; font-size: 84%; }

#outline-links li { float: left; margin-left: 12px; }

#footer-contents { padding: 24px 0; background: #555; color: #FFF; }

#footer-contents a { color: #FFF; }

#footer-contents table { line-height: 1.5; width: 100%; }

#footer-contents .title th { text-align: left; font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 133%; font-weight: normal; }

#footer-contents .directory th { width: 11.1111111%; padding: 4px 0; text-align: left; vertical-align: middle; }

#footer-contents .directory th.sns a { display: inline-block; }

#footer-contents .directory th.sns a + a { margin-left: 9px; }

#footer-contents td { color: #666; text-align: left; }

#footer-contents td li { list-style: disc; margin-left: 18px; color: #999; }

#footer-contents td.app > a.banner > img { width: 160px; margin-top: 27px; }

#latte-directory { padding: 24px; border-bottom: solid 1px #DDD; }

#latte-directory ul { line-height: 1; display: table; margin: 0 auto; font-size: 133%; }

#latte-directory ul li { display: table-cell; padding: 0 24px; }

#latte-directory ul li + li { border-left: solid 1px #DFD9C0; }

#content { float: left; width: 676px; }

#follow-stylist, #follow-general, #follow-tag { width: 1000px; }

#login-body { background: #F4F6F7; }

#wide-column div.w1000 #content.with-right, #wide-column #content { width: 764px; }

#wide-column div.w1000 #content, #login-body div.w1000 #content { width: 1100px; }

#content-footer-banner { margin: 0 0 24px; }

#content-footer-banner .banner-dummy { width: 336px; height: 280px; background: #EEE; }

#loading { text-align: center; }

#loading img { width: 60px; height: 60px; }

#pager { text-align: center; }

#pager table { margin: 0 auto 12px !important; border-collapse: separate; border-spacing: 0; font-size: Noto; width: auto !important; }

#pager td { padding-left: 6px; vertical-align: middle; }

#pager td > span { display: block; line-height: 1; min-width: 12px; padding: 10px; border: solid 2px #FFF; background: #FFF; font-weight: bold; text-decoration: none; vertical-align: top; }

#pager td.on > span { border-color: #DDD; background: #DDD; }

#pager td.off { display: none; }

#pager a { display: inline-block; line-height: 1; min-width: 12px; margin: 0; padding: 10px; border: solid 2px #DDD; background: #FFF; font-weight: bold; text-decoration: none; vertical-align: top; }

#side a.pink-link { background: #2D4360; display: inline-block; line-height: 1.2; width: 280px; margin: 0 0 10px; padding: 15px 10px; border: none; color: #FFF; font-size: 100%; text-decoration: none; text-align: center; vertical-align: middle; }

#side a.gray-link { background: #CCCCCC; display: inline-block; line-height: 1.2; width: 280px; margin: 0 0 10px; padding: 15px 10px; border: none; color: #FFF; font-size: 100%; text-decoration: none; text-align: center; vertical-align: middle; }

#pager td:last-chid a { margin: 0; }

#pager .page { margin: 0 0 12px; }

#salon-content a.stylist-invitation, #side div.invit-over a { background: #2D4360; display: inline-block; line-height: 1.2; width: 280px; margin: 0 0 10px; padding: 15px 10px; border: none; color: #FFF; font-size: 100%; text-decoration: none; text-align: center; vertical-align: middle; }

#salon-content a.stylist-invitation { line-height: 1; padding: 17px; font-size: 117%; }

#side a.pink-link:hover, #salon-content a.stylist-invitation:hover, #side div.invit-over a:hover { opacity: .8; }

#side section p.sub { margin-top: 10px; text-align: center; color: #7A899D; font-size: 80%; }

#pager.green2 .pager td > span.on { min-width: 16px; padding: 9px 6px; border: none; background: #B8C8BE; color: #FFF; font-weight: normal; }

#pager.green2 a { background: #353432; font-weight: normal; }

#pager.green2 .pager + div { color: #999; }

#h2-big { margin: 0 0 24px; padding: 4px 0 2px; border-top: solid 6px #000; border-bottom: solid 6px #000; background: url(/static/img/beauty/tit-big-top.png) repeat-x left 2px; background-size: 8px 2px; text-align: center; }

#h2-big > div { padding: 18px 0 20px; background: url(/static/img/beauty/tit-big-bottom.png) repeat-x left bottom; background-size: 8px 2px; }

#h2-big span { display: block; margin: 0 0 5px; font-size: 91%; }

#h2-big h2 { line-height: 1; font-family: "Times New Roman", Times, serif; font-size: 200%; }

.perent { margin: 0 0 48px; }

.perent section form > .h3, .perent section > .h3 { position: relative; margin: 0 0 12px; padding: 0 0 9px; border-bottom: solid 2px #000; }

.perent section > .h3.close { margin: 0 0 28px; }

.perent section > .h3 h3 { display: inline-block; line-height: 1; margin-right: 6px; font-family: "Times New Roman", Times, serif; font-size: 150%; }

.perent section > .h3 span { line-height: 1.9; font-size: 84%; color: #999; }

.perent section > .h3 a { position: absolute; bottom: -24px; right: 12px; width: 36px; height: 24px; background: #000 url(/static/img/beauty/toggle.png) no-repeat center; background-size: 8px 5px; }

.perent section > .h3.close a { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

.perent section > .h3 a.jump { top: 0; right: 0; bottom: inherit; line-height: 1; width: auto; height: auto; padding: 9px; background: #000; color: #FFF; font-size: 91%; text-decoration: none; }

.perent section > .h3 a.jump:hover { background: #333; }

.perent article > h3 { line-height: 1; margin: 0 0 12px; padding: 0 0 9px; border-bottom: solid 2px #000; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 117%; }

.h3-center { line-height: 1; margin: 0 0 12px; background: url(/static/img/beauty/beauty-h3.png) repeat-x left; background-size: 12px 2px; text-align: center; font-size: 133%; font-weight: bold; }

.h3-center span { display: inline-block; padding: 0 12px; background: #FFF; }

.perent input[type=submit], .perent input[type=button].btn_submit { width: 120px; }

.perent hr { margin: 12px 0; border: none; border-top: solid 1px #CCC; }

.footer-list ul.sort { margin-top: 15px; }

.sort { margin: 0 0 24px; }

.sort li { float: left; }

.sort li a { display: block; line-height: 1; padding: 6px 9px; }

.sort li a.selected { background: #000; color: #FFF; text-decoration: none; }

#jump-hairsalon { display: table; margin: 12px 0 0; }

#jump-hairsalon > div { display: table-cell; }

#jump-hairsalon > div.title { line-height: 1; font-weight: bold; padding-right: 12px; vertical-align: middle; }

#perent-search { display: table; width: 100%; }

#perent-search h4, #perent-search div { display: table-cell; padding-bottom: 12px; vertical-align: middle; }

#perent-search h4 { line-height: 1; width: 1%; padding-right: 12px; font-size: 100%; white-space: nowrap; }

#perent-search div.input100 { padding-right: 13px; }

#perent-search div.submit { width: 120px; }

#perent-search li:last-child h4, #perent-search li:last-child div { padding-bottom: 0; }

#perent-search input[type=text] { width: 98%; }

#state-list { display: table; }

#state-list li { display: table-row; }

#state-list h4, #state-list div { display: table-cell; padding-bottom: 6px; }

#state-list h4 { padding: 0 12px 0 18px; background: url(/static/img/beauty/beauty-h3.png) no-repeat left 8px; background-size: 12px 2px; font-size: 100%; }

#state-list div { color: #EEE; }

#state-list span.disable { color: #CCC; }

#area-list { margin-top: 10px; }

.foldable-container { cursor: 　pointer; }

#area-title { position: relative; line-height: 1; margin: 15px 0; padding: 12px; background: #000; color: #FFF; font-weight: bold; }

#area-list dt a { position: relative; display: block; line-height: 1; margin: 0 0 18px; padding: 12px; background: #000; color: #FFF; font-weight: bold; text-decoration: none; }

#area-list dt a .toggle-arrow { position: absolute; right: 6px; top: 6px; width: 24px; height: 24px; border-radius: 3px; background: #333 url(/static/img/beauty/toggle.png) no-repeat center; background-size: 8px 5px; vertical-align: top; }

#area-list.close dt a .toggle-arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

#area-list dd { float: left; padding: 0 12px 9px; width: 314px; }

#area-list input { vertical-align: top; margin: 2px 4px 0 0; }

#area-list label { margin: 0 10px 0 0; }

#area-block span.disable, #area-list span.disable { color: #CCC; }

#none-block { line-height: 1; padding: 24px; background: #EEE; font-size: 91%; color: #666; }

#submit_area { margin: 6px 0 0; padding: 18px 0 0; border-top: solid 1px #000; }

#salon-pickup img { height: 180px; }

#salon-pickup a { display: block; }

#salon-pickup h2 { font-size: 133%; line-height: 1.3; margin: 0 0 6px; }

#salon-pickup .text { font-size: 117%; line-height: 1.3; margin: 0 0 6px; }

#salon-pickup .status { font-size: 84%; line-height: 1.4; }

.pickup-salon-list:after { clear: both; content: ""; display: block; }

.pickup-salon-list { margin: 0 0 12px; }

.pickup-salon-list li:first-child { float: left; }

.pickup-salon-list li:last-child { float: right; }

.pickup-salon-list li { width: 332px; }

.pickup-salon-list li > div { display: table; }

.pickup-salon-list div.pict { width: 84px; }

.pickup-salon-list li > div > a > div { display: table-cell; }

.pickup-salon-list img { height: 84px; width: 84px; }

.pickup-salon-list div.body { line-height: 1.3; padding-left: 12px; vertical-align: middle; }

.pickup-salon-list div.body span { display: block; }

.pickup-salon-list span.title { font-weight: bold; margin: 0 0 3px; }

#column-pickup a { display: block; }

#column-pickup img { width: 180px; height: 180px; }

#column-pickup .pickup { line-height: 1; margin: 0 0 6px; font-family: "Times New Roman", Times, serif; font-size: 200%; font-weight: bold; }

#column-pickup h2 { line-height: 1.3; margin: 0 0 6px; font-size: 133%; }

#column-pickup .text { line-height: 1.3; margin: 0 0 6px; font-size: 117%; }

#column-pickup .status { line-height: 1.4; font-size: 84%; }

#column-pickup .status img { width: 14px; height: 14px; margin: 0 4px 0 0; }

#column-pickup .status a { line-height: 1.4; }

#column-pickup a:hover h2, #column-pickup a:hover .text, #column-pickup a:hover .status { text-decoration: underline; }

.column-list { margin: 0 0 12px; }

.column-list:after { content: ""; display: block; clear: both; }

.column-list li { width: 332px; }

.column-list li > div { display: table; }

.column-list li:first-child { float: left; }

.column-list li:last-child { float: right; }

.column-list li > div > div { display: table-cell; }

.column-list div.pict { width: 84px; }

.column-list div.body { line-height: 1.3; padding-left: 12px; vertical-align: middle; }

.column-list div.body span { display: block; }

.column-list span.title { margin: 0 0 3px; font-weight: bold; }

.column-list span.author { font-size: 84%; }

.column-list img { width: 84px; height: 84px; }

.pager2 { width: auto !important; margin: 0 auto 12px; }

.pager2 td + td { padding-left: 6px; }

.pager2 a { display: inline-block; line-height: 1; min-width: 12px; padding: 10px; border-radius: 16px; background: #B8C8BE; color: #FFF !important; text-align: center; text-decoration: none; }

.pager2 a:hover { padding: 8px; border: solid 2px #B8C8BE; border-radius: 16px; background: #FFF; color: #5E573C !important; }

.pager2 .next a, .pager2 .prev a { padding: 10px 12px; }

.pager2 .next a:hover, .pager2 .prev a:hover { padding: 8px 10px; }

.pager2 .selected { display: inline-block; line-height: 1; min-width: 12px; padding: 8px; border: solid 2px #B8C8BE; border-radius: 16px; background: #FFF; color: #5E573C !important; text-align: center; }

#stylist-list { padding: 10px 0 0 34px; }

#my-content #stylist-list { padding: 0 0 0 11px; }

#my-content #stylist-list div.pict { margin-top: 15px; }

#my-content #stylist-list input[type="submit"] { line-height: 1; padding: 6px 9px; border-radius: 4px; border-bottom: solid 2px #CCC; background: -webkit-linear-gradient(top, #F6F6F6, #EEEEEE); background: -moz-linear-gradient(top, #F6F6F6, #EEEEEE); background: -o-linear-gradient(top, #F6F6F6, #EEEEEE); background: -ms-linear-gradient(top, #F6F6F6, #EEEEEE); background: linear-gradient(to bottom, #F6F6F6, #EEEEEE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#F6F6F6, endcolorstr=#EEEEEE); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F6F6F6, endcolorstr=#EEEEEE)"; color: #333; text-shadow: 0 1px 0 #CCC; text-decoration: none; }

#my-content .my-harf-block #stylist-list { padding: 0; }

#stylist-list li { float: left; width: 180px; margin: 0 34px 34px 0; text-align: center; }

#my-content #stylist-list li { margin: 0 30px 30px 0; }

#my-content .my-harf-block #stylist-list li { width: 108px; margin: 0 16px 12px 0; }

#my-content .my-harf-block #stylist-list li:nth-child(1), #my-content .my-harf-block #stylist-list li:nth-child(2) { width: 170px; }

#stylist-list li:nth-child(3n-2), #my-content #stylist-list li:nth-child(4n-3) { clear: both; }

#my-content #stylist-list li:nth-child(3n-2) { clear: none; }

#my-content .my-harf-block #stylist-list li:nth-child(3n-2), #my-content .my-harf-block #stylist-list li:nth-child(4n-3) { clear: none; }

#my-content #stylist-list li:nth-child(4n) { margin-right: 0; }

#my-content .my-harf-block #stylist-list li:nth-child(2), #my-content .my-harf-block #stylist-list li:nth-child(5), #my-content .my-harf-block #stylist-list li:nth-child(8) { margin: 0 0 12px; }

#my-content .my-harf-block #stylist-list li:last-child { margin: 0 0 36px; }

#stylist-list .pict { margin: 0 0 12px; }

#my-content .my-harf-block #stylist-list .pict { margin: 0 0 6px; }

#stylist-list .pict img { width: 180px; height: 180px; border-radius: 90px; }

#my-content .my-harf-block #stylist-list .pict img { width: 108px; height: 108px; border-radius: 54px; }

#my-content .my-harf-block #stylist-list li:nth-child(1) .pict img, #my-content .my-harf-block #stylist-list li:nth-child(2) .pict img { width: 170px; height: 170px; border-radius: 85px; }

#my-content .my-harf-block span.center-square { display: none; }

#stylist-list .name { font-size: 117%; }

#stylist-list .data, #stylist-list .salon { font-size: 84%; }

#stylist-list .recruit { display: inline-block; line-height: 1; margin: 6px 0 0; padding: 6px 9px; background: #7CDE82; font-size: 84%; color: #FFF; text-shadow: 0 1px 0 #4DD253; }

#my-content .my-harf-block #stylist-list .data, #my-content .my-harf-block #stylist-list .recruit { display: none; }

#my-content .my-harf-block #stylist-list li:nth-child(1) .data, #my-content .my-harf-block #stylist-list li:nth-child(2) .data { display: block; }

#salon-content div.invit-over { text-align: center; margin-bottom: 15px; }

#invitation-board { border: 4px solid #F37B83; border-radius: 4px; }

#invitation-board h3 { line-height: 1; padding: 8px 12px 12px 8px; background: #F37B83; color: #FFF; font-size: 117%; }

#invitation-board div.info { margin: 12px 12px 24px; padding: 12px; border-radius: 4px; background: #F2F2F2; color: #EC3642; font-size: 84%; }

#invitation-board input[type=text].big { display: block; width: 50%; margin: 0 auto; padding: 12px 18px; border-radius: 5px; }

#invitation-board input[type=submit] { margin-top: 15px; border-radius: 3px; }

#invit-link { text-align: center; margin: 30px 0 40px; }

#invit-link a { background: none repeat scroll 0 0 #383838; padding: 10px 25px; border-radius: 5px; color: #FFF; text-decoration: none; }

#invit-link.back a { background: none repeat scroll 0 0 #f37b83; }

#stylist-list li.add a { position: relative; display: block; border-radius: 90px; width: 180px; height: 180px; background: #EEE url(/static/img/beauty/plus-b.png) no-repeat center 36px; background-size: 64px 76px; color: #333; font-weight: bold; text-decoration: none; text-shadow: 0 1px 1px #FFF; }

#stylist-list li.add a > div { position: absolute; left: 0; bottom: 42px; line-height: 1.6; width: 100%; font-size: 91%; text-align: center; }

#stylist-list li.add a:hover { background-color: #F6F6F6; }

#stylist-list li.add a img { width: 60px; height: 60px; margin: 0 0 12px; }

#file-photo-stylist img { width: 180px; height: 180px; border-radius: 90px; }

#content div.private { text-align: center; line-height: 1; background: #ED948C; padding: 12px 0; color: #FFF; }

#new-search h2 { line-height: 1; height: 80px; margin: 0 0 24px; background: no-repeat center; background-size: cover; font-size: 570%; font-family: Noto; text-align: center; }

#new-search h2 a { color: #2F4E6A; }

#new-state-list > li { position: relative; float: left; width: 144px; margin: 8px 8px 0 0; }

#new-state-list h4 { line-height: 1; padding: 11px 0; background: #2F4E6A; color: #FFF; font-size: 117%; font-weight: normal; text-align: center; cursor: pointer; }

#new-state-list h4.open { padding: 9px 0 11px; border: solid 2px #2F4E6A; border-bottom: none; background: #FFF; color: #2F4E6A; }

#new-state-list > li:nth-child(1), #new-state-list > li:nth-child(2), #new-state-list > li:nth-child(3), #new-state-list > li:nth-child(4), #new-state-list > li:nth-child(5) { margin-top: 0; }

#new-state-list > li:nth-child(5n) { margin-right: 0; }

#new-state-list .list { position: absolute; left: 0; top: 36px; z-index: 20; display: none; width: 116px; padding: 0 12px 12px; border: solid 2px #2F4E6A; border-top: none; background: #FFF; text-align: center; font-size: 117%; }

#new-state-list .list > div:first-child { border-top: solid 2px #2F4E6A; padding: 12px 0 0; }

#new-state-list .list a, #new-state-list .list .disable { display: block; line-height: 1; padding: 6px; text-decoration: none; }

#new-state-list .list a:hover { background: #EDF0F2; }

#new-state-list .list .disable { color: #999; }

#salon-keyword, #search-list { position: relative; }

#salon-keyword h3 { line-height: 1.4166666666; margin: 0 0 12px; font-size: 250%; font-family: 'Roboto Condensed', sans-serif; }

#search-list h3 { line-height: 1.7; margin: 0 0 12px; font-size: 166.6666666%; }

#search-list h3 .jp { font-size: 90%; font-weight: normal; vertical-align: baseline; }

#search-list h3 .mini { margin-left: 6px; font-size: 80%; vertical-align: baseline; }

#new-search form, #salon-keyword form, #search-list form { position: absolute; right: 24px; top: 0; }

#new-search form { right: 0; }

#new-search form input[type=text], #salon-keyword form input[type=text], #search-list form input[type=text] { background: #F6F6F6; line-height: 1.5; padding: 8px 11px; width: 180px; border: none; border-radius: 4px 0 0 4px; font-size: 100%; }

#new-search form input[type=submit], #salon-keyword form input[type=submit], #search-list form input[type=submit] { width: 34px; height: 34px; border: none; border-radius: 0 4px 4px 0; background: #F6F6F6 url(/static/img/beauty/search-g.png) no-repeat center; background-size: 14px 14px; color: transparent; font-size: 0; }

#salon-keyword .pick li { position: relative; float: left; width: 242px; height: 160px; margin: 0 13px 13px 0; }

#salon-keyword .pick li:nth-child(3n) { margin-right: 0; }

#salon-keyword .pick li:last-child { margin-bottom: 18px; }

#salon-keyword .pick li .bg { width: 242px; height: 160px; background: no-repeat center; background-size: cover; color: transparent; font-size: 0; }

#salon-keyword .pick li a { position: absolute; left: 0; top: 0; display: block; width: 242px; height: 160px; background: rgba(47, 78, 106, 0.3); color: #FFF; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); text-decoration: none; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; }

#salon-keyword .pick li a:hover { background: rgba(47, 78, 106, 0.6); }

#salon-keyword .pick .text { position: absolute; left: 0; bottom: 0; line-height: 1; width: 100%; }

#salon-keyword .pick h4 { padding: 12px 12px 6px; font-size: 170%; font-weight: bold; }

#salon-keyword .pick p { padding: 0 12px 12px; font-family: 'Open Sans'; font-size: 117%; font-weight: bold; }

#search-list .list { margin: 0 0 0 -24px; }

#search-list .list > li { float: left; width: 364px; margin: 24px 0 0 24px; }

#search-list .list > li:nth-child(1), #search-list .list > li:nth-child(2) { margin-top: 0; }

#search-list .list > li a:last-child { display: block; min-height: 103px; border: solid 4px #2F4E6A; padding: 24px; background: #EEE; text-decoration: none; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; }

#search-list .list > li a:hover { background: #2F4E6A; color: #FFF; }

#search-list h4 { line-height: 1; margin: 0 0 12px; font-family: Noto; font-size: 200%; }

#search-list .area { line-height: 1; margin: 0 0 5px; font-size: 133%; }

#search-list .route { line-height: 1; margin: 0 0 12px; font-size: 91%; min-height: 12px; }

#search-list .route.none { opacity: .4; }

#search-list ol { height: 204px; }

#search-list ol li { list-style: none; float: left; width: 100px; }

#search-list ol li:first-child { width: 204px; margin-right: 4px; }

#search-list img { width: 100px; height: 100px; }

#search-list ol li:last-child img { margin-top: 4px; }

#search-list ol li:first-child img.large { width: 310px; }

#search-list ol li:first-child img { width: 204px; height: 204px; }

#search-list #simple-pager { margin: 48px 0; }

#stylist-reg #search-list .list > li { width: 348px; }

#stylist-reg #search-list ol li:first-child { width: 193px; height: 192px; }

#stylist-reg #search-list img { width: 95px; height: 95px; }

#stylist-reg #search-list ol li:first-child img { width: 193px; height: 194px; }

#new-area-list { margin: 0 0 24px; padding: 24px; border: solid 4px #2F4E6A; }

#new-area-list h3 { line-height: 1; margin: 0 0 24px; font-size: 200%; font-weight: normal; }

#new-area-list .list { overflow: hidden; }

#new-area-list li { float: left; line-height: 1; width: 131px; margin: 0 9px 12px 0; font-size: 117%; }

#new-area-list li:nth-child(5n) { margin-right: 0; }

#new-area-list li input[type=checkbox] { margin: 0 6px 0 0; vertical-align: top; }

#new-area-list .disable { opacity: .5; }

#new-area-list .more-btns { display: none; line-height: 1; margin: 0 0 12px; padding: 12px; background: #EEE; cursor: pointer; text-align: center; }

#new-area-list input[type=submit] { width: 33%; padding: 12px; border-radius: 0; font-family: 'Open Sans'; font-size: 117%; font-weight: bold; }

#new-area-list input[type=submit]:hover { opacity: .8; }

#hot-salon h3 { line-height: 1; margin: 0 0 24px; font-size: 250%; font-family: 'Roboto Condensed', sans-serif; }

#hot-salon ul > li { position: relative; float: left; width: 179px; height: 179px; margin: 12px 12px 0 0; }

#hot-salon ul > li:nth-child(1) { width: 370px; height: 370px; }

#hot-salon ul > li:nth-child(1), #hot-salon ul > li:nth-child(2), #hot-salon ul > li:nth-child(3) { margin-top: 0; }

#hot-salon ul > li:nth-child(3), #hot-salon ul > li:nth-child(5) { margin-right: 0; }

#hot-salon .bg { width: 179px; height: 179px; background: no-repeat center; background-size: cover; color: transparent; font-size: 0; }

#hot-salon .salon { position: absolute; left: 0; top: 0; width: 179px; height: 179px; background: rgba(47, 78, 106, 0.3); color: #FFF; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#hot-salon .salon:hover { background: rgba(47, 78, 106, 0.6); }

#hot-salon .text { position: absolute; left: 0; bottom: 0; width: 100%; }

#hot-salon h4 { line-height: 1; padding: 12px 12px 6px; font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 160%; }

#hot-salon p { line-height: 1; padding: 0 12px 12px; font-family: 'Open Sans'; font-size: 91%; font-weight: bold; }

#hot-salon .label { position: absolute; left: 0; top: 0; line-height: 1; padding: 10px 14px; background: #302D2D; color: #FFF; font-family: 'Open Sans'; font-weight: bold; text-shadow: none; }

#hot-salon ul > li:first-child .bg, #hot-salon ul > li:first-child .salon { width: 370px; height: 247px; }

#hot-salon ul > li:first-child h4 { font-size: 250%; }

#hot-salon ul > li:first-child p { font-size: 140%; }

#hot-salon ol { display: table; width: 100%; }

#hot-salon ol > li { display: table-cell; }

#hot-salon ol > li img { width: 123px; height: 123px; }

#hot-salon ol > li:last-child img { width: 124px; }

#salon-column { padding: 24px; background: #2F4E6A; color: #FFF; }

#salon-column h4 { line-height: 1; margin: 0 0 24px; font-size: 200%; text-align: center; }

#salon-column a { display: table; width: 100%; min-height: 72px; }

#salon-column li + li { margin-top: 24px; }

#salon-column a > div { display: table-cell; vertical-align: middle; }

#salon-column a > .pict { width: 72px; padding-right: 12px; }

#salon-column a img { width: 72px; height: 72px; }

#salon-column a { color: #FFF; }

#salon-column h5 { line-height: 1.5; font-size: 100%; font-weight: normal; }

#near-salon h4 { margin: 0 0 12px; color: #333; text-align: center; font-size: 100%; font-weight: bold; }

#near-salon li { display: table; width: 100%; }

#near-salon li + li { margin-top: 12px; }

#near-salon li > div { display: table-cell; vertical-align: middle; }

#near-salon li > .pict { width: 60px; }

#near-salon li > .title { padding: 0 12px; background: #F6F6F6; }

#near-salon img { width: 60px; height: 60px; }

#near-salon h5 { line-height: 1; margin: 0 0 6px; font-size: 117%; }

#near-salon .sub { line-height: 1; font-size: 91%; }

#new-search .select { position: relative; margin: 0 0 24px; }

#new-search .select select { width: auto; height: 36px; margin: 0; padding: 0 34px 0 12px; border: none; border-radius: 0 !important; border: solid 2px #2F4E6A; background: url(/static/img/beauty/select-pc.png) no-repeat right; background-size: 22px 8px; color: #2F4E6A; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#new-search .select select + select { margin-left: 12px; }

#new-search .go-to-bottom { padding: 7px 1px 7px 16px; border: 2px solid #2F4E6A; color: #2F4E6A; text-decoration: none; margin-left: 10px; display: inline-block; }

#new-search .go-to-bottom img { width: 23px; margin-top: 5px; margin-left: 10px; }

#new-search a.official-tag-pic { position: relative; top: 30px; left: 10px; height: 14px; width: 14px; display: block; cursor: pointer; }

#panel_search_bar { margin: 0 0 28px; }

#search-lists { position: relative; margin: 0 0 48px; padding-top: 20px; }

#list-switch { position: absolute; display: table; right: 0; top: 0; }

#list-switch li { display: table-cell; padding-left: 6px; }

#list-switch a { display: block; line-height: 1; padding: 4px; background: #CCCCCC; }

#list-switch a.selected, #list-switch a:hover { background: #000; }

#list-switch .icon16 { margin: 0; }

#search-cutmodel > h3, #search-lists h3, h3#search-title { margin: 0 0 12px; padding: 5px 0; line-height: 1.17; font-size: 100%; font-weight: normal; }

#search-lists .title { position: relative; padding: 9px 72px 9px 12px; background: #5e5e5e; color: #FFF; margin-bottom: 17px; }

#search-lists .title h4 { color: #fff; display: inline-block; font-size: 117%; font-weight: bold; line-height: 1.43; }

#search-lists section.salon-block div.title { background-color: #000; }

#search-lists section.salon-block div.back { background-color: #5e5e5e; }

#search-lists section.salon-block div.back > span.admin-tools { position: absolute; right: 6px; top: 6px; display: block; line-height: 1; }

#search-lists ul.info h4.title { display: inline-block; color: #FFF; background-color: #AAA; font-size: 100%; font-weight: bold; line-height: 0; width: 80%; margin-bottom: 2px; }

#search-lists .title a { color: #FFF; }

#search-lists .title span.yomi { line-height: 1.9; margin: 0 0 0 6px; color: #999; font-size: 91%; }

#search-lists .title span.coupon { position: absolute; right: 11px; top: 11px; display: inline-block; line-height: 1; padding: 3px; background: #CC0000; color: #FFF; font-size: 84%; }

#search-lists .sub { display: table; width: 100%; margin: -16px 0 12px; background: #EEE; }

#search-lists .sub li { display: table-cell; line-height: 1; padding: 12px; }

#search-lists .sub li:last-child { width: 1%; padding: 12px 12px 12px 0; text-align: right; white-space: nowrap; }

#search-lists .sub span { color: #CCC; }

#search-lists .info { display: table; width: 100%; margin: 0 0 24px; }

#search-lists .info li { display: table-cell; }

#search-lists section.salon-block .info .pict { width: 245px; }

#search-lists .info .pict { width: 240px; padding-right: 12px; }

#search-lists li.stylist .pict1 { border-radius: 150px; width: 80%; }

#search-lists li.stylist > div { text-align: center; }

#search-lists .pict1 { width: 100%; margin: 0 0 12px; height: 184px; }

#search-lists .pict2 { width: 114px; margin: 0 12px 0 0; }

#search-lists .pict3 { width: 114px; }

#search-lists .body { padding-top: 1px; background: url(/static/img/beauty/beauty-dashed-000.png) repeat-x left top; background-size: 8px 1px; }

#search-lists .point { margin: 0 0 9px; padding: 9px 0 10px; background: url(/static/img/beauty/beauty-dashed-000.png) repeat-x left bottom; background-size: 8px 1px; }

#search-lists p { margin: 0 0 12px; }

#search-lists .pict-none p { padding: 0 12px; }

#search-lists p.big { font-size: 117%; }

#search-lists p.subject { padding-bottom: 10px; background: url(/static/img/beauty/beauty-dashed-000.png) repeat-x left bottom; background-size: 8px 1px; }

#search-lists section table { margin: 0 0 6px; width: 100%; }

#search-lists section th { width: 34%; padding: 2px 12px; white-space: nowrap; background: #EEE; font-weight: bold; border-bottom: solid 2px #FFF; }

#search-lists section td { padding: 2px 12px; border-bottom: solid 2px #FFF; }

#search-lists section tr:last-child th, #search-lists section tr:last-child td { border: none; }

#search-lists section .list-more { padding: 0 12px; background: url(/static/img/beauty/beauty-dashed-000.png) repeat-x left; background-size: 8px 1px; text-align: right; }

#search-lists section .list-more a { display: inline-block; padding: 4px 6px; border: solid 2px #000; background: #FFF; font-size: 84%; font-weight: bold; text-decoration: none; }

#search-lists section .list-more a:hover { background: #CCC; }

#search-lists section .list-more span { display: inline-block; width: 9px; height: 6px; background-size: 200px 200px; }

#search-lists #pager { border-top: solid 1px #000; padding-top: 24px; }

#search-lists h5 { line-height: 1; margin: 0 0 12px; padding: 0 6px; background: url(/static/img/beauty/beauty-dotted2-000.png) repeat-x left; background-size: 6px 1px; font-size: 84%; }

#search-lists h5 span { display: inline-block; line-height: 1; padding: 0 6px; background: #FFF; font-size: 84%; }

#search-cutmodel div.btn-cut-model { text-align: center; }

#search-cutmodel div.btn-cut-model > div { margin: auto; width: 75%; }

#search-cutmodel div.btn-cut-model > div #cutmode-rec a { margin: auto; width: 50%; }

#side div.well { margin-top: 140px; }

#side div.well.close { margin-top: 20px; }

#form_information table.edit-table tr.explain div.contain { float: right; width: 100px; }

#form_information table.edit-table tr.explain div.contain div.text { float: left; }

#form_information table.edit-table tr.explain div.small { font-size: 75%; margin-top: 2px; }

#form_information table.edit-table span.salon_id_value { display: inline-block; width: 50%; background: #C0C0C0; padding: 3px; text-align: center; margin-bottom: 5px; }

#form_information table.edit-table span.salon_id_read_value { background: #FFF !important; padding: 0px !important; text-align: left !important; }

#form_information table.edit-table label[for="one_change_1"], label[htmlfor="one_change_1"] { color: #FF0000; }

#grid { position: relative; width: 764px; }

#grid.hot { width: 1112px; height: 480px; overflow: hidden; }

#grid .ads table { width: auto; margin: 0 auto; }

#grid .ads table td:nth-child(2) { width: 12px !important; }

#sort { margin: 0 0 12px 12px; }

#sort > * { float: left; margin: 0 12px 0 0; }

#sort > .none { float: none; clear: both; }

#sort > .right { float: right; margin: 0 0 0 12px; }

#sort .tab { float: left; display: table; }

#sort .tab li { display: table-cell; }

#sort .tab li a { display: block; line-height: 1; padding: 11px 24px; background: #F2F7F5; text-decoration: none; text-align: center; cursor: pointer; }

#sort .tab li a.selected, #sort .tab li a:hover { background: #B8C8BE; color: #FFF; }

.tabs { display: table; width: 100%; font-family: Noto; font-size: 117%; }

.tabs li { display: table-cell; }

.tabs li { width: 50%; }

.tabs li a { display: block; line-height: 1; margin: 0 2px 0 0; padding: 9px 12px; border: solid 2px #415261; background: #FFF; color: #333; text-decoration: none; text-align: center; cursor: pointer; }

.tabs li + li a { margin: 0 0 0 2px; }

.tabs li a.selected, .tabs li a:hover { background: #415261; color: #FFF; }

#style-form { margin: 12px 0 6px; position: relative; display: block; }

#style-form input[type=text] { width: 246px; border: none; border-radius: 4px; padding: 8px 42px 8px 12px; background: #EEE; }

#style-form input[type=submit] { position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(/static/img/beauty/search-g.png) no-repeat center; background-size: 14px 14px; font-size: 0; }

#sort h2 { line-height: 1; margin: 0 0 12px; padding: 8px 0; font-weight: normal; font-size: 150%; }

#grid-tab { margin: 0 0 12px; padding: 0 12px; border-bottom: solid 1px #E5EEEB; font-family: 'Open Sans'; font-weight: bold; font-size: 117%; }

#grid-tab li { float: left; }

#grid-tab li + li { margin-left: 6px; }

#grid-tab li a { display: block; line-height: 1; margin-bottom: -1px; padding: 12px 24px; border: solid 1px #E5EEEB; text-decoration: none; }

#grid-tab li a:hover { background: #F2F6F5; }

#grid-tab li a.selected, #grid-tab li a.selected:hover { background: #FFF; border-bottom: solid 1px #FFF; }

#grid-list { margin: 0 0 0 -12px; }

#grid-list.stylist { margin: 0 0 0 -13px; }

#grid-list.hot { margin: 0 0 24px -12px; }

#grid-catalog { position: relative; width: 100% !important; margin: 0; }

#grid-catalog.stylist { margin: 0 0 11px; }

#grid-catalog .item { display: block; width: 242px; float: left; margin: 0 0 13px 13px; }

#grid-catalog.stylist .item { display: block; width: 246px; float: left; margin: 0 0 13px 13px; }

.hot #grid-catalog .item { width: 266px; margin: 0 0 12px 12px; }

#grid-catalog .grid-block { position: relative; background: #FFF; }

#grid-catalog .grid-block > a { display: block; background: #F2F7F5 url(/static/img/beauty/loading-grn.gif) no-repeat center; background-size: 24px 24px; }

#grid-catalog .grid-block > a .black { position: absolute; left: 0; top: 0; width: 242px; background: #000; opacity: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#grid-catalog.pickup-hot .grid-block > a .black { width: 266px; }

#grid-catalog.stylist .grid-block > a .black { width: 246px; }

#grid-catalog .grid-block:hover > a .black { opacity: .3; }

#grid-catalog .sub { width: 100%; height: 100%; opacity: 0; }

#grid-catalog .sub a { color: #FFF; }

#grid-catalog .status { position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -28px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#grid-catalog .status li { list-style: none; }

#grid-catalog .status a { text-decoration: none; }

#grid-catalog .status .icon36 { margin: 0; }

#grid-catalog .status .iine-sum { display: none; }

#grid-catalog .grid-block:hover .sub { opacity: 1; }

#grid-catalog .stylist { position: absolute; left: 12px; bottom: 12px; line-height: 1; max-width: 95%; color: #FFF; }

#grid-list #pager { padding: 12px 0 24px; }

#grid-list .pager td > span.on { min-width: 11px; padding: 9px; border: none; background: #B8C8BE; color: #FFF; font-weight: normal; }

#grid-list #pager a { background: #575757; font-weight: normal; }

#grid-list .pager + div { color: #999; }

#grid-catalog a.official-tag-pic span.status { position: absolute; display: block; line-height: 1; top: 6px; right: 6px; padding: 6px; border-radius: 13px; background-color: #415261; cursor: pointer; }

#grid-catalog a.official-tag-pic span.status span.icon14 { margin: 0px; vertical-align: top; }

#top-official-pic { width: 40px; height: 40px; background: no-repeat center; background-size: cover; position: absolute; top: -5px; left: 430px; }

#grid-cover { position: absolute; line-height: 1; width: 1100px; height: 64px; padding: 352px 0 64px; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); color: #FFF; font-family: 'Open Sans'; font-weight: bold; font-size: 500%; text-align: center; cursor: pointer; }

#grid-cover span { display: inline-block; border-bottom: solid 4px #FFF; text-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }

#grid-more { margin: 0 0 24px; padding: 1px 0; border-top: solid 2px #353432; border-bottom: solid 2px #353432; background: url(/static/img/beauty/grid-more.png) no-repeat center; background-size: 26px 14px; cursor: pointer; }

#grid-more.close { background: none; }

#grid-more.close a { height: 40px; padding-top: 9px; font-size: 20px; text-align: center; font-family: 'Open Sans'; font-weight: bold; }

#grid-more a { display: block; height: 52px; border-top: solid 1px #353432; border-bottom: solid 1px #353432; font-size: 0; }

h2.noto { line-height: 1; margin: 0 0 24px; font-family: 'Open Sans'; font-weight: bold; font-size: 200%; }

h4.noto { line-height: 1; margin: 0 0 24px; font-family: 'Open Sans'; font-weight: bold; font-size: 166%; text-align: center; }

#content.wide > section { margin: 0 0 24px; padding: 0 24px 24px 0; }

#style-category + #content.wide > section { padding-top: 24px; }

#content.wide > section:last-child { margin: 0; padding-bottom: 0; border: none; }

#content.wide > section .ads { margin-top: 24px; }

#content.wide > section section + .ads { margin-top: 0; }

#style-categorise li { float: left; display: table; width: 242px; height: 242px; margin: 13px 13px 0 0; }

#style-categorise.side li { width: 96px; height: 96px; margin: 6px 6px 0 0; }

#style-categorise li:nth-child(3n) { margin-right: 0; }

#style-categorise li:nth-child(1), #style-categorise li:nth-child(2), #style-categorise li:nth-child(3) { margin-top: 0; }

#style-categorise li a { position: relative; border: solid 8px #666666; display: table-cell; background: no-repeat center; background-size: cover; color: #FFF; text-align: center; font-size: 300%; font-family: 'Open Sans'; font-weight: bold; vertical-align: middle; text-decoration: none; }

#style-categorise.side li a { border-width: 3px; font-size: 117%; }

#style-categorise li a .bg { width: 226px; height: 226px; background: no-repeat center; background-size: cover; color: transparent; font-size: 0; }

#style-categorise.side li a .bg { width: 96px; height: 96px; }

#style-categorise li a img { position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .3; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#style-categorise li a:hover img { opacity: 0; }

#style-categorise li a p { position: absolute; left: 0; top: 50%; line-height: 1; width: 100%; margin-top: -18px; z-index: 10; text-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }

#style-categorise.side li a p { margin-top: -7px; }

#style-new li { float: left; width: 144px; margin: 8px 8px 0 0; }

#style-new li:nth-child(5n) { margin-right: 0; }

#style-new li:nth-child(1), #style-new li:nth-child(2), #style-new li:nth-child(3), #style-new li:nth-child(4), #style-new li:nth-child(5) { margin-top: 0; }

#style-new li a, #style-new li img { display: block; width: 144px; height: 144px; }

#style-hotword li + li { margin-top: 12px; }

#style-hotword a { position: relative; display: block; height: 140px; background: no-repeat center; background-size: cover; color: #FFF; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

#style-hotword a img { position: absolute; width: 100%; height: 100%; background: #000; opacity: .3; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#style-hotword a:hover img { opacity: 0; }

#style-hotword a > div { position: absolute; left: 0; bottom: 0; width: 100%; }

#style-hotword a > div h5 { line-height: 1; margin: 0 12px 6px; font-size: 150%; font-weight: normal; }

#style-hotword a .sub { margin: 0 12px 12px; line-height: 1; font-family: 'Open Sans'; font-weight: bold; }

.keybox .note-more { margin-top: 5px; margin-right: 23px; }

.note-more { margin-top: 12px; }

.note-more a { vertical-align: baseline; font-size: 100%; }

.note-more a span { font-size: 117%; font-family: 'Open Sans'; font-weight: bold; vertical-align: baseline; }

#style-tag li { display: inline-block; float: left; margin: 6px 6px 0 0; }

#style-tag li a { display: block; line-height: 1; padding: 8px; background: #BBB; color: #FFF; font-size: 91%; border-radius: 4px; text-decoration: none; }

#style-tag li a.static:hover, #style-tag.normal li a { padding: 8px 12px; background: #939695; color: #FFF; font-size: 100%; }

#style-tag.normal li.plus + li.normal { clear: both; }

#style-tag li a:hover, #style-tag li.plus a { background: #415261; color: #FFF; }

#style-tag li.plus a span { margin-left: 12px; }

#style-category { padding: 0 0 24px; border-bottom: solid 1px #E5EEEB; }

#style-category .category { float: left; display: table; width: 752px; height: 390px; background: no-repeat center; background-size: cover; }

#style-category .category > div { position: relative; display: table-cell; vertical-align: middle; color: #FFF; text-align: center; }

#style-category .category img { position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: #000; opacity: .3; }

#style-category .category > div > div { position: relative; z-index: 10; }

#style-category .category p { display: inline-block; line-height: 1; font-family: 'Open Sans'; font-weight: bold; font-size: 600%; }

#style-category .category p.plus-tag { padding-bottom: 6px; }

#style-category .category p.plus-tag.under { border-bottom: solid 4px #FFF; }

#style-category .category .tags { display: inline-block; line-height: 1; margin-top: -4px; padding: 10px 0 0; font-size: 150%; }

#style-category .keybox { float: right; width: 322px; height: 388px; border: solid 1px #E5EEEB; }

#style-category .keybox h2 { line-height: 1; padding: 21px 0; border-bottom: solid 1px #E5EEEB; text-align: center; font-size: 200%; }

#style-category .keybox h2 span { display: inline-block; margin-top: -1px; color: #999999; vertical-align: top; }

#style-category .keybox ul { width: 280px; max-height: 249px; overflow-y: auto; padding: 18px 18px 24px 24px; }

#style-category .keybox ul + ul { margin-top: -24px; padding-top: 0; }

#keywords h2 { line-height: 1; margin: 0 0 25px; font-size: 250%; font-weight: normal; }

#keywords li { float: left; width: 22.6063829787234%; margin-right: 3.19148936170213%; margin-bottom: 12px; font-size: 117%; }

#keywords li span { display: inline-block; margin: 2px 6px 0 0; color: #415261; font-size: 71%; vertical-align: top; }

#keywords li:last-child { margin-bottom: 24px; }

#keywords li:nth-child(4n) { margin-right: 0; }

ul.side-hairstyle li { float: left; width: 32%; margin: 0 2% 2% 0; }

ul.side-hairstyle li:nth-child(3n-2) { clear: both; }

ul.side-hairstyle li:nth-child(3n) { margin-right: 0; }

ul.side-hairstyle li:last-child { margin-bottom: 12px; }

ul.side-hairstyle li a { display: block; }

ul.side-hairstyle li img { width: 100%; height: 100%; }

#search-list th, #area-list th { white-space: nowrap; border-bottom: solid 9px #FFF; text-align: left; vertical-align: middle; }

#search-list th span, #area-list th span { display: inline-block; padding: 0 12px 0 18px; background: url(/static/img/beauty/beauty-h3.png) no-repeat left 8px; background-size: 12px 2px; font-size: 100%; }

#search-list td, #area-list td { border-bottom: solid 9px #FFF; vertical-align: middle; }

#search-list td > span { display: inline-block; margin-right: 12px; }

#area-list td > span { display: inline-block; margin: 0 9px; color: #CCC; }

#search-list td > span.select { display: inline-block; margin-right: 6px; line-height: 2.5; }

#search-list input[type=checkbox] { margin: 0 4px 0 0; vertical-align: middle; }

#search-list input[type=text] { width: 360px; }

#search-list select { margin-right: 6px; }

#search-list select:last-child { margin-right: 0; }

#search-list .color-list input[type=checkbox] { display: none; }

#search-list .color-list label.color { display: inline-block; width: 10px; height: 10px; margin: 0 6px 0 0; padding: 7px 6px 5px; border-radius: 3px; background: #000; }

#search-list .color-list label.color.gold { background-color: #F1E89D; }

#search-list .color-list label.color.brown1 { background-color: #B89B5F; }

#search-list .color-list label.color.brown2 { background-color: #996C35; }

#search-list .color-list label.color.brown3 { background-color: #715C41; }

#search-list .color-list label.color.brown4 { background-color: #463F35; }

#search-list .color-list label.color.orange { background-color: #F0A740; }

#search-list .color-list label.color.red { background-color: #8D2639; }

#search-list .color-list label.color.purple { background-color: #702D70; }

#search-list .color-list label.color.pink { background-color: #B161A6; }

#search-list .color-list label.color.blue { background-color: #334A8D; }

#search-list .color-list label.color.green { background-color: #35828A; }

#search-list .color-list label.color img { display: none; width: 10px; height: 10px; }

#search-list .color-list input:checked + label > img { display: block; }

#cutmodel-list > li { float: left; width: 337px; margin: 0 24px 24px 0; padding: 13px; background: #FFF; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); }

#cutmodel-list li:nth-child(2n) { margin-right: 0; }

#cutmodel-list .type { margin: 0 0 6px; }

#cutmodel-list h4 { margin: 0 0 6px; font-size: 117%; }

#cutmodel-list .data { display: table; width: 100%; min-height: 120px; }

#cutmodel-list .data > div { display: table-cell; vertical-align: top; }

#cutmodel-list .data > div.pict { width: 120px; padding: 0 12px 0 0; text-align: center; vertical-align: middle; }

#cutmodel-list .data > div.pict img { width: 120px; vertical-align: top; }

#stylist-cutmodel-list #cutmodel-list .data > div.body { padding-left: 0px; padding-right: 0px; }

#cutmodel-list .koumoku { margin: 0 0 12px; padding: 0 0 12px; border-bottom: dotted 1px #000; line-height: 1.4; }

#cutmodel-list .koumoku li { margin: 0 0 5px; }

#cutmodel-list .koumoku li:last-child { margin: 0; }

#cutmodel-list .table-block { margin: 0; }

#cutmodel-list .table-block .pict { width: 36px; padding: 0 6px 0 0; }

#cutmodel-list .table-block .pict img { width: 36px; height: 36px; border-radius: 18px; }

#cutmodel-list .table-block .body { padding: 0; }

#cutmodel-list .table-block .salon { font-size: 84%; }

#salon-content { position: relative; }

#salon-content h3 { line-height: 1; margin: 0 0 24px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 250%; font-family: 'Roboto Condensed', sans-serif; }

#salon-content h3 + a { position: absolute; right: 24px; top: 24px; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; }

#salon-content > #salon-cut-model { padding: 24px 0px 24px 0; }

#salon-content > section { position: relative; padding: 24px 24px 24px 0; border-bottom: solid 1px #EEE; }

#salon-content.salons > section:first-child { padding-top: 0; }

#content #salon-header { width: 97%; }

#content #salon-header h2 { font-size: 280%; }

#content #salon-nav { width: 97%; }

#content #salon-intro .pict, #content #salon-intro .pict .img { width: 226px; height: 142px; }

#content #salon-intro.table-block { width: 97%; }

#content #salon-intro.table-block { border-bottom: solid 0px #EEE; }

#salon-header { display: table; width: 100%; margin: 0 0 24px; }

#salon-header > div { display: table-cell; vertical-align: bottom; }

#salon-header .pict { width: 115px; height: 115px; border: solid 2px #000; font-family: 'Roboto Condensed', sans-serif; font-size: 117%; text-align: center; word-break: break-all; font-weight: bold; }

#salon-header > div.data { padding: 0 24px 0 0; }

#salon-header > div.right { width: 250px; padding: 0; vertical-align: middle; white-space: nowrap; }

#salon-header > div.right .top { margin: 0 0 12px; }

#salon-header .yomi { color: #353432; font-size: 84%; }

#salon-header h2 { line-height: 1; margin: 0 0 8px; font-family: 'Roboto Condensed', sans-serif; font-size: 400%; }

#salon-header .area { margin: 0 0 6px; }

#salon-header .area, #salon-header .access { line-height: 1.4; }

#salon-header .favo-btn { display: inline-block; text-decoration: none; }

#salon-header .reserve .number { display: inline-block; padding: 3px 6px 3px 0; color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 166.666666%; vertical-align: top; }

#salon-header .reserve .icon20 { line-height: 1; margin: 4px 6px 0 0; vertical-align: top; }

#salon-header .reserve .num { line-height: 1; margin: 0 0 0 6px; color: #000; font-size: 130%; }

#salon-header .reserve-btn { display: block; line-height: 1; padding: 12px; border: solid 2px #2F4E6A; color: #233648; font-size: 117%; text-align: center; text-decoration: none; }

#salon-header .reserve-btn:hover { background: #2F4E6A; color: #FFF; }

#salon-header .reserve .sub { margin: 0 0 -18px; font-size: 91%; color: #AAA; }

#salon-header .normal .number { margin: 0 0 6px; line-height: 2.4; color: #415261; margin-top: 10px; }

#salon-header .normal .number .icon20 { line-height: 1; margin: 4px 6px 0 0; vertical-align: top; }

#salon-header .normal .num { line-height: 1; margin: 0 0 0 6px; color: #000; font-family: 'Roboto Condensed', sans-serif; font-size: 233%; }

#salon-header .normal .sub { margin: 0 0 -18px; font-size: 91%; color: #AAA; }

#salon-nav { display: table; width: 100%; margin: 0 0 24px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#salon-nav li { display: table-cell; width: 11%; border-right: solid 1px #FFF; text-align: center; }

#salon-nav li:last-child { border-right: none; }

#salon-nav li a { position: relative; display: block; line-height: 1; padding: 12px 0; background: #2D4360; color: #FFF; text-decoration: none; font-weight: bold; font-size: 15px; }

#salon-nav li a:hover, #salon-nav li a.selected { padding: 10px 0 12px; border-top: solid 2px #2D4360; background: #fff; color: #2D4360; }

#salon-nav li a.blocked, #salon-nav li a.blocked:hover { background: #2D4360; cursor: default; color: #5B6881; }

#salon-intro { margin: 0; border-bottom: solid 1px #EEE; }

#salon-intro .pict { width: 452px; padding: 0 24px 24px 0; }

#salon-intro .pict .img { width: 452px; height: 284px; background: no-repeat center; background-size: cover; }

#salon-intro .pict img { width: 452px; height: 284px; }

#salon-intro .body { padding: 0 0 24px; vertical-align: top; }

#salon-intro ul { display: table; margin: 0 0 24px; }

#salon-intro ul > li { display: table-cell; width: 120px; padding-right: 6px; }

#salon-intro ul img { width: 120px; height: 120px; }

#salon-intro ul > li:last-child { padding: 0; }

#salon-intro strong { display: block; margin: 0 0 6px; font-size: 117%; }

#salon-intro p { line-height: 1.8; }

#salon-info { width: 100%; }

#salon-info th { width: 1%; padding: 9px 12px; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; background: #CCCCCC; white-space: nowrap; text-align: left; vertical-align: middle; }

#salon-info td { padding: 9px 12px; border-bottom: solid 1px #FFF; background: #F6F6F6; text-align: left; vertical-align: top; }

#salon-info tr:last-child th, #salon-info tr:last-child td { border-bottom: none; }

#salon-info td.types { padding: 12px 8px 8px 12px; }

#salon-info td.types span { display: inline-block; line-height: 1; margin: 0 4px 4px 0; padding: 8px; border: solid 1px #FFF; background: #FFF; color: #464D37; font-size: 91%; }

#salon-info td span.text-phone { margin-left: 38px; }

#salon-content .salon-point { width: 316px; padding: 24px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }

#salon-content .salon-point.fl { float: left; }

#salon-content .salon-point.fr { float: right; }

#salon-content .salon-point .img { width: 316px; height: 316px; margin: 0 0 12px; background: no-repeat center; background-size: cover; }

#salon-content .salon-point p { line-height: 1.5; }

#salon-style li { position: relative; float: left; width: 185px; margin: 4px 4px 0 0; }

#salon-style li:nth-child(4n) { margin-right: 0; }

#salon-style li:nth-child(1), #salon-style li:nth-child(2), #salon-style li:nth-child(3), #salon-style li:nth-child(4) { margin-top: 0; }

#salon-style li > a:first-child, #salon-style li img { display: block; width: 185px; height: 185px; }

#salon-style-masonry li { position: relative; float: left; width: 254px; margin-top: 12px; }

#salon-style-masonry li:nth-child(1), #salon-style-masonry li:nth-child(2), #salon-style-masonry li:nth-child(3), #salon-style-masonry li:nth-child(3) { margin-top: 0; }

#salon-style-masonry li > a:first-child, #salon-style-masonry li img { display: block; width: 242px; }

#salon-style-masonry .center-square { position: absolute; }

#salon-style-masonry .btn-action { position: absolute; right: 48px; top: 6px; width: 14px; height: 14px; padding: 6px; border-radius: 4px; background: #000; opacity: .3; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#salon-style-masonry .btn-action:hover { opacity: .6; }

#salon-style-masonry .btn-action + .btn-action { right: 18px; }

#salon-style-masonry + #pager { margin-top: 24px; }

.text-tab { margin: 0 0 12px; font-size: 117%; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; }

.text-tab .selected { color: #415261; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; }

#salon-stylist li { float: left; width: 234px; border: solid 4px #555555; margin: 0 12px 0 0; }

#salon-stylist li:last-child { margin-right: 0; }

#salon-stylist li a { position: relative; display: block; width: 234px; background: no-repeat center; background-size: cover; color: #FFF; }

#salon-stylist li a img { width: 234px; height: 234px; background: #000; opacity: .2; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#salon-stylist li a:hover img { opacity: .4; }

#salon-stylist span { position: absolute; left: 12px; bottom: 12px; display: inline-block; line-height: 1; font-size: 133%; text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }

#salon-stylist-tip > li { float: left; width: 234px; border: solid 4px #555555; margin: 0 12px 0 0; }

#salon-stylist-tip > :last-child { margin-right: 0; }

#salon-stylist-tip a.list, #salon-stylist-tip span.list { position: relative; display: block; width: 234px; background: no-repeat center; background-size: cover; color: #FFF; font-weight: normal; }

#salon-stylist-tip .list .pict { background: no-repeat center; background-size: cover; }

#salon-stylist-tip .list img { width: 234px; height: 234px; background: #000; opacity: .2; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#salon-stylist-tip li:hover a.list img { opacity: .4; }

#salon-stylist-tip .list h3 { position: absolute; left: 12px; bottom: 12px; display: inline-block; line-height: 1; margin: 0; font-size: 133%; font-weight: normal; text-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }

#salon-stylist-tip .tips { position: fixed; z-index: 999; left: 50%; top: 50%; display: none; width: 686px; margin: -121px 0 0 -319px; background: #FFF; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

#salon-stylist-tip > li:hover .tips { display: table-cell; }

#salon-stylist-tip .tips > div { display: table-cell; padding: 24px; }

#salon-stylist-tip .tips > div.pict { width: 242px; padding-right: 0; }

#salon-stylist-tip .tips > div.pict img { width: 234px; height: 234px; border: solid 4px #555555; }

#salon-stylist-tip .sub { margin: 0 0 6px; padding-right: 84px; height: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#salon-stylist-tip h4 { line-height: 1; margin: 0 0 18px; padding-right: 84px; font-size: 200%; font-weight: normal; }

#salon-stylist-tip h4 + a { position: absolute; right: 24px; top: 24px; text-decoration: none; }

#salon-stylist-tip p { margin: 0 0 20px; height: 36px; overflow: hidden; }

#salon-stylist-tip ol { display: table; }

#salon-stylist-tip ol li { display: table-cell; width: 120px; padding-right: 6px; list-style: none; }

#salon-stylist-tip ol li:last-child { padding: 0; }

#salon-stylist-tip ol img { width: 120px; height: 120px; }

#salon-coupon-sub { display: table; margin: 0 0 12px; }

#salon-coupon-sub li { display: table-cell; line-height: 1.84; }

#salon-coupon-sub li span { display: inline-block; line-height: 1; margin: 0 4px 0 0; padding: 6px; background: #000; font-size: 84%; color: #FFF; }

#salon-coupon li { position: relative; margin: 0 0 12px; padding: 24px 24px 24px 42px; border: solid 6px #EEEEEE; }

#side #salon-coupon li { padding: 12px; }

#salon-content #salon-coupon li:last-child { margin: 0px; }

#salon-coupon .type { margin: 0 0 6px; }

#side #salon-coupon .type { margin-left: 30px; }

.type > div > span.type, .type > span { display: inline-block; line-height: 1; padding: 6px 8px; background: #999; color: #FFF; font-size: 84%; }

#salon-coupon .delta { position: absolute; left: -6px; top: -6px; width: 0; height: 0; border-top: 24px solid #415261; border-right: 30px solid transparent; border-bottom: 24px solid transparent; border-left: 30px solid #415261; }

#salon-coupon .delta span { position: absolute; left: -24px; top: -17px; line-height: 1; color: #FFF; font-weight: bold; white-space: nowrap; }

#salon-coupon h3 { line-height: 1.5; margin: 0 0 6px; padding-right: 108px; font-size: 133%; font-weight: normal; }

#side #salon-coupon h3 { padding: 10px; font-size: 100%; color: #353432; }

#salon-coupon .price { position: absolute; right: 24px; bottom: 24px; line-height: 1; margin: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 160%; font-weight: bold; }

#side #salon-coupon .price { position: inherit; right: inherit; bottom: inherit; font-size: 117%; font-weight: normal; }

#salon-coupon .sub { padding-right: 108px; line-height: 1.5; font-size: 91%; color: #999; }

#side #salon-coupon .sub { display: none; }

#viewed-salon li { margin: 0 0 12px; }

#viewed-salon li:last-child { margin: 0; }

#viewed-salon a { display: table; width: 100%; }

#viewed-salon a > div { display: table-cell; vertical-align: middle; }

#viewed-salon a > div.pict { width: 62px; background: no-repeat center; background-size: cover; }

#viewed-salon a > div.pict img { width: 62px; height: 62px; }

#viewed-salon a > div.body { padding: 12px; background: #F6F6F6; }

#viewed-salon .salon { font-size: 117%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; }

#viewed-salon .area { color: #666; font-size: 91%; }

#salon-group li { float: left; width: 242px; margin: 13px 13px 0 0; }

#salon-group li:nth-child(3n) { margin-right: 0; }

#salon-group li:nth-child(1), #salon-group li:nth-child(2), #salon-group li:nth-child(3) { margin-top: 0; }

#salon-group .area span { display: inline-block; line-height: 1; margin: 0 0 12px; padding: 8px; background: #353432; color: #FFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 117%; }

#salon-group img { width: 242px; height: 242px; }

#salon-group h4 { margin-top: 9px; font-weight: normal; }

#salon-map { width: 752px; height: 480px; margin: 0; background: #F7F8F5; }

#salon-access h3 { line-height: 1.4; margin: 0 0 12px; font-size: 133%; font-weight: normal; }

#salon-access p { padding: 24px; border: solid 1px #DDD; }

#report-map { line-height: 1; padding: 9px 12px; margin: 0 0 24px; background: #F6F6F6; text-align: right; }

#report-map a { color: #999; outline: none; }

body .ui-widget-overlay { position: fixed; min-height: 100%; }

body .ui-dialog.ui-widget.ui-widget-content.ui-corner-all { border: none; padding: 24px; border-radius: 8px; outline: none; }

body .ui-dialog-titlebar .ui-dialog-title { line-height: 1.2; padding: 0 0 0 18px; background: url(/static/img/beauty/report.png) no-repeat left; background-size: 14px 14px; }

body .ui-dialog .ui-dialog-titlebar-close { display: none; font-size: 0; top: 10px; width: 24px; height: 24px; border-radius: 4px; background: #EEE url(/static/img/travel/close.png) no-repeat center; background-size: 10px 10px; outline: none; }

body .ui-dialog button.ui-dialog-titlebar-close:hover { background: #666 url(/static/img/travel/close-white.png) no-repeat center; background-size: 10px 10px; }

body .ui-dialog .ui-dialog-titlebar-close > span { opacity: 0; }

body .ui-widget { font-size: 100%; }

body .ui-dialog .ui-dialog-titlebar { display: none; margin: 0 0 12px; padding: 0 0 12px; border: none; border-radius: 0; border-bottom: solid 1px #DDD; background: none; font-size: 117%; }

body .ui-dialog-titlebar .ui-dialog-title { line-height: 1; margin: 0; padding: 5px 0; background: none; font-size: 100%; }

body .ui-dialog .ui-dialog-content { line-height: 1.5; min-height: auto !important; padding: 0; font-size: 117%; }

body .ui-dialog .ui-dialog-content span.red { color: #F2838A; }

body .ui-dialog .ui-dialog-buttonpane { margin: 0; padding: 1em 0 0; border: none; }

body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; padding: 0; text-align: center; }

body .ui-dialog .ui-dialog-buttonpane button { margin: 0; line-height: 1; width: 120px; height: auto; padding: 12px; border: solid 1px #CCC; background: #FFF; font-size: 117%; outline: none; }

body .ui-dialog .ui-dialog-buttonpane button span { padding: 0; }

body .ui-dialog .ui-dialog-buttonpane button + button { margin-left: 12px; }

body .ui-dialog .ui-dialog-buttonpane button:hover { border-color: #AAA; background: #EEE; }

body #report-dialog textarea, body #report-dialog-comment textarea { margin: 0 0 12px; border: solid 1px #DDD; background: #F6F6F6; }

body #report-dialog input[type=submit].submit_btn { width: auto; margin-top: 12px; }

body #report-dialog .submit_btn, body #report-dialog-comment .submit_btn { line-height: 1; margin: 0 auto; padding: 12px 24px; border-radius: 4px; border: none; background: #000; color: #FFF; font-weight: bold; cursor: pointer; text-shadow: none; white-space: nowrap; }

body #report-dialog .submit_btn:hover, body #report-dialog-comment .submit_btn:hover { background: #666; }

#side-map h2 { font-family: 'Roboto Condensed', sans-serif; }

#salon-content .salon-menu > section { margin: 0 0 24px; padding: 24px; border: solid 1px #DDDDDD; }

#salon-content .salon-menu > section:last-child { margin: 0; }

#salon-content .salon-menu h3 { font-size: 140%; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; }

#salon-content .salon-menu h3 span { display: inline-block; line-height: 1; padding: 6px 24px; background: #000; color: #FFF; }

#salon-content .salon-menu li { display: table; width: 100%; margin: 0 0 24px; }

#salon-content .salon-menu li:last-child { margin: 0; }

#salon-content .salon-menu li > div { display: table-cell; }

#salon-content .salon-menu .name { width: 584px; padding: 0 24px 0 0; }

#salon-content .salon-menu .name h4 { font-size: 117%; font-weight: bold; }

#salon-content .salon-menu .name p { line-height: 1.8; color: #999; }

#salon-content .salon-menu .price { font-size: 160%; font-family: 'Roboto Condensed', sans-serif; }

#salon-cutmodel { margin: 0; }

#salon-cutmodel + #pager { margin-top: 24px; }

#salon-cutmodel > li + li { margin-top: 12px; padding: 12px 0 0; border-top: solid 1px #E5EEEB; }

#salon-cutmodel > li > a { display: table; width: 100%; text-decoration: none; }

#salon-cutmodel > li > a > div { display: table-cell; vertical-align: middle; }

#salon-cutmodel .thumb { width: 140px; padding-right: 12px; }

#salon-cutmodel .thumb img { width: 140px; height: 140px; }

#salon-cutmodel h4 { margin: 0 0 10px; font-size: 117%; }

#salon-cutmodel .body { padding-right: 48px; background: url(/static/img/beauty/cutmodel-arrow-b2.png) no-repeat right; background-size: 36px 36px; }

#salon-cutmodel a:hover h4 { text-decoration: underline; }

#salon-cutmodel .koumoku { line-height: 1.4; }

#salon-cutmodel .koumoku li { margin: 0 0 6px; }

#salon-cutmodel .koumoku li:last-child { margin: 0 0 11px; }

#salon-cutmodel .apply-btn { line-height: 1; margin: 12px 0 0; padding: 12px; border-radius: 4px; background: #F6F6F6; text-align: center; }

#salon-info-header { position: relative; margin: 0 0 24px; }

#salon-info-header .yomi { line-height: 1; margin: 0 0 10px; font-size: 84%; color: #666; min-height: 10px; }

#salon-info-header .name { padding-right: 231px; }

#salon-info-header .name h4 { display: inline-block; margin: 0 0 8px; font-size: 200%; line-height: 1; font-weight: bold; }

#salon-info-header .name strong { line-height: 2; }

#salon-info-header .url { margin: 0 0 24px; line-height: 1; }

#salon-info-header .phone { margin: 0 0 24px; line-height: 1.2; font-weight: bold; }

#salon-info-header .sub { position: absolute; display: table; top: 20px; right: 0; }

#salon-info-header .sub li { display: table-cell; vertical-align: middle; }

#salon-info-header .sub li:last-child { padding-left: 12px; }

#salon-info-header .sub .tel { font-weight: bold; }

#salon-info-header .sub .reserve { display: block; line-height: 1; padding: 12px; background: #000; color: #FFF; text-decoration: none; }

#salon-info-header .sub .reserve:hover { background: #666; }

#report-salon { line-height: 1; text-align: right; border-top: solid 1px #FFF; padding: 12px; background: #F6F6F6; }

#salon-hairstyle li { position: relative; float: left; width: 151px; margin: 0 24px 24px 0; white-space: nowrap; height: 227px; }

#my-content #salon-hairstyle li { position: relative; float: left; overflow: hidden; width: 152px; height: 203px; margin: 0 18px 18px 0; text-align: center; white-space: nowrap; }

#my-content #salon-hairstyle.mini li { width: 133px; height: 177px; margin: 0 12px 24px 0; white-space: nowrap; }

#salon-hairstyle li:nth-child(4n-3) { clear: both; }

#my-content #salon-hairstyle li:nth-child(4n-3) { clear: none; }

#my-content #salon-hairstyle li:nth-child(5n-4) { clear: both; }

#salon-hairstyle li:nth-child(4n) { margin-right: 0; }

#my-content #salon-hairstyle li:nth-child(4n) { margin-right: 18px; }

#my-content #salon-hairstyle li:nth-child(5n) { margin-right: 0px; }

#my-content #salon-hairstyle.mini li:nth-child(4n) { margin-right: 0; }

#salon-hairstyle a:hover { text-decoration: none; }

span.center-square { vertical-align: middle; display: inline-block; height: 100%; }

#salon-hairstyle img { width: 100%; vertical-align: middle; }

#salon-hairstyle .date { position: absolute; left: 0; bottom: 0; width: 127px; padding: 12px; background: rgba(0, 0, 0, 0.5); color: #FFF; transition: opacity 0.2s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; text-shadow: 0 1px 0 #000; text-align: left; }

#my-content #salon-hairstyle .date { width: 128px; }

#my-content #salon-hairstyle.mini .date { width: 109px; }

#salon-hairstyle a:hover .date { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }

#my-content #salon-hairstyle a.close { position: absolute; right: 6px; top: 6px; line-height: 1; padding: 6px; background: rgba(0, 0, 0, 0.5); transition: opacity 0.2s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }

#my-content #salon-hairstyle li:hover a.close { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }

#salon-hairstyle a.close .icon12 { margin: 0; }

#salon-hairstyle h3 { margin: 0 0 9px; font-weight: normal; font-size: 100%; }

#salon-hairstyle h3 { margin: 0 0 9px; font-weight: normal; font-size: 84%; }

#my-content #salon-hairstyle.stylist h3 { margin: 0; }

#salon-hairstyle .table-block { line-height: 1.2; margin: 0; }

#salon-hairstyle .pict { width: 30px; padding: 0 6px 0 0; }

#salon-hairstyle .pict img { width: 30px; border-radius: 15px; }

#salon-hairstyle .text { padding: 0; }

#salon-hairstyle .salon { font-size: 84%; }

#salon-hairstyle .name { font-size: 91%; }

#salon-hairstyle li.add a { display: block; width: 152px; height: 143px; padding-top: 60px; background: #999999; text-decoration: none; color: #FFF; }

#salon-hairstyle.mini li.add a { width: 133px; height: 127px; padding-top: 50px; font-size: 84%; }

#salon-hairstyle li.add a:hover { background: #BBB; }

#salon-hairstyle li.add .camera { display: block; width: 60px; height: 50px; margin: 0 auto 12px; background: url(/static/img/beauty/camera.png) no-repeat left top; background-size: 60px 50px; }

#hairstyle-body { background: #F6F8F7; }

#hairstyle-body #path { margin: 0 auto 12px; }

#hair-style-main { margin: 0 0 24px; padding: 24px 54px; border: solid 2px #F6F6F6; background: #FFF; }

#hair-style-main .pict-list { position: relative; }

#hair-style-main .pict-list > a { position: absolute; top: 50%; display: block; width: 8px; height: 15px; margin-top: -22px; background: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); opacity: .9; }

#hair-style-main .pict-list > a.prev { left: -24px; padding: 14px 19px 14px 17px; }

#hair-style-main .pict-list > a.next { right: -24px; padding: 14px 17px 14px 19px; }

#hair-style-main .pict-list > a img { width: 8px; height: 15px; }

#hair-style-main .pict-list > a.prev img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

#hair-style-main .main { display: table; width: 100%; height: 640px; margin-bottom: 10px; }

#hair-style-main .main a { display: table-cell; text-align: center; vertical-align: middle; }

#hair-style-main .main a img { max-width: 640px; max-height: 640px; }

#pictures_other { display: table; margin: 2px auto 0; }

#pictures_other li { display: table-cell; }

#pictures_other li img { width: 120px; border-right: solid 2px #FFF; padding-right: 5px; }

#hair-style-main .status { float: left; display: table; margin: 24px 0 0; }

#hair-style-main .status li { display: table-cell; padding-right: 18px; }

#hair-style-main .status a { display: block; line-height: 2.5; }

#hair-style-main .status a:hover { text-decoration: none; }

#hair-style-main .admin { float: right; display: table; margin: 24px 0 0; }

#hair-style-main .admin li { display: table-cell; padding-left: 6px; outline: none; }

#hair-style-main .admin li a { outline: none; }

#hair-style-main .reseve-btn { padding: 0 6px 0 12px; }

#hair-style-main .reseve-btn > a { line-height: 1; display: block; padding: 9px 12px; border-radius: 4px; background: #B8C8BE; color: #FFF; text-decoration: none; }

#hair-style-main .reseve-btn > a:hover { background: #C7D3CC; }

#new-hair-style-list { margin: 0 0 24px; padding: 24px; border: solid 2px #F6F6F6; background: #FFF; }

#new-hair-style-list h3 { line-height: 1; margin: 0 0 24px; padding: 0; border: none; color: #222; font-weight: normal; }

#new-hair-style-list .article-hairstyle { margin: 0; }

#new-hair-style-list .article-hairstyle li { width: 24.51923076923077%; margin: 0 .64102564102564% .64102564102564% 0; }

#new-hair-style-list .article-hairstyle li:nth-child(4n) { margin-right: 0; }

#new-hair-style-list .article-hairstyle li:nth-child(4n-3) { clear: both; }

#new-hair-style-list .article-hairstyle li:nth-child(5), #new-hair-style-list .article-hairstyle li:nth-child(6), #new-hair-style-list .article-hairstyle li:nth-child(7), #new-hair-style-list .article-hairstyle li:nth-child(8) { margin-bottom: 0; }

#new-hair-style-list .article-hairstyle img { width: 100%; }

#new-hair-style-list .article-hairstyle .center-square { display: none; }

#close-hair-style, #new-hair-style-salon { margin: 0 0 24px; padding: 24px; border: solid 2px #F6F6F6; background: #FFF; }

#close-hair-style h3, #new-hair-style-salon h3 { line-height: 1; margin: 0 0 24px; padding: 0; border: none; color: #222; font-size: 117%; font-weight: normal; }

#close-hair-style h3 { margin: 0px; }

#new-hair-style-salon .salon { display: table; width: 100%; }

#new-hair-style-salon .salon > div { display: table-cell; vertical-align: middle; }

#new-hair-style-salon .salon > div.pict { width: 120px; padding-right: 12px; }

#new-hair-style-salon .pict img { width: 120px; height: 120px; }

#new-hair-style-salon .yomi { line-height: 1; margin: 0 0 6px; color: #999; font-size: 91%; }

#new-hair-style-salon h4 { line-height: 1; margin: 0 0 5px; font-size: 150%; font-weight: normal; }

#new-hair-style-salon .localisation { line-height: 1.3; margin: 0 0 6px; }

#new-hair-style-salon .localisation .icon14 { margin: 0 4px 0 0; }

#new-hair-style-salon div.tel { line-height: 1.2; margin: 0 0 6px; font-size: 133%; font-weight: bold; }

#new-hair-style-salon span.tel { margin-right: 2px; }

#new-hair-style-salon .map a { display: inline-block; padding: 8px 12px; border-radius: 4px; background: #B8C8BE; color: #FFF; text-decoration: none; }

#new-style-stylist-side { padding: 24px 24px 18px; border-radius: 4px; background: #FFF; }

#new-style-stylist-side table { margin: 0 0 24px; width: 100%; }

#new-style-stylist-side th { width: 84px; padding-right: 12px; }

#new-style-stylist-side th img { width: 84px; height: 84px; border-radius: 42px; }

#new-style-stylist-side td { vertical-align: middle; }

#new-style-stylist-side td.stylist-info { font-size: 133%; }

#new-style-stylist-side td.stylist-info span { font-size: 10px; color: #999; }

#new-style-stylist-side td.icons { width: 24px; }

#new-style-stylist-side h4 { line-height: 1; margin-bottom: 10px; padding: 0; color: #415261; }

#new-style-stylist-side p { margin-top: 6px; }

.taglist { margin: 24px 0 -6px; }

.taglist.side { margin-top: 0; }

.taglist li { float: left; margin: 0 6px 6px 0; }

.taglist a { display: block; line-height: 1; padding: 6px; border: solid 1px #CCC; border-radius: 3px; background: #F8f8f8; color: #777; font-size: 91%; text-decoration: none; }

.taglist a:hover { border: solid 1px #999; background: #fafafa; color: #777; }

#new-style-stylist-side pre { width: 255px; }

#new-hair-salon-columns { border-radius: 4px; background: #FFF; }

#new-hair-salon-columns h4 { line-height: 1; padding: 12px; color: #475851; font-weight: normal; }

#new-hair-salon-columns li { display: table; width: 100%; }

#new-hair-salon-columns li > div { display: table-cell; padding: 12px; border-top: solid 1px #DBE3DE; vertical-align: middle; }

#new-hair-salon-columns li > div.pict { width: 72px; padding-right: 0; }

#new-hair-salon-columns li > div.pict img { width: 72px; border-radius: 4px; }

#new-hair-salon-columns .body a { display: inline-block; padding-right: 24px; background: url(/static/img/beauty/arrow-gr.png) no-repeat right; background-size: 12px 20px; }

#content .white h4 { line-height: 1; margin: 0 0 12px; font-size: 117%; font-weight: normal; }

.comment pre { width: 675px; white-space: pre-line; }

.comment pre.w600 { width: 568px; margin-bottom: 10px; }

.comment pre.w350 { width: 350px; }

.comment pre.hair-style { width: 280px; background: #F4ECEC; border-radius: 5px; padding: 5px; margin-bottom: 15px; }

.article-hairstyle li { position: relative; float: left; width: 151px; margin: 0 24px 0 0; }

.article-hairstyle li:nth-child(4n) { margin-right: 0; }

.article-hairstyle li:nth-child(4n-3) { clear: both; }

.article-hairstyle img { width: 100%; }

.article-hairstyle .date { position: absolute; left: 0; bottom: 0; width: 127px; padding: 12px; background: rgba(0, 0, 0, 0.5); color: #FFF; transition: opacity 0.2s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; text-shadow: 0 1px 0 #000; }

.article-hairstyle a:hover .date { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }

.article-hairstyle h3 { margin: 0 0 9px; font-weight: normal; font-size: 100%; }

.article-hairstyle .table-block { margin: 0; }

.article-hairstyle .pict { width: 36px; padding: 0 6px 0 0; }

.article-hairstyle .pict img { width: 36px; border-radius: 18px; }

.article-hairstyle .text { padding: 0; }

.article-hairstyle .salon { font-size: 84%; }

.stylist-side .pict img { width: 130px; border-radius: 65px; }

.salon-side .pict img { width: 88%; margin-bottom: 12px; }

.salon-hair-style-side img { width: 43%; margin: 4px; }

#style-stylist-side { padding-top: 12px; text-align: center; margin-bottom: 40px; }

.salon-side h4, #style-stylist-side h4 { line-height: 1.2; border-bottom: solid #000 2px; margin: 0 0 12px; padding: 0 0 6px; font-size: 117%; color: #000; text-align: left; font-family: Arial, Helvetica, sans-serif; }

#style-stylist-side table.stylist-side { width: 100%; }

#style-stylist-side .stylist-info div.sub { font-size: 18px; margin-top: 12px; }

#style-stylist-side .stylist-info div.name { font-size: 110%; }

#style-stylist-side .stylist-info a { text-decoration: none; }

#style-stylist-side .stylist-info span.nb_iine, #style-stylist-side .stylist-info span.nb_follower { line-height: 1.2; }

section.salon-side { padding-top: 12px !important; }

.salon-side { text-align: center; }

.salon-side .yomi { color: #999; font-size: 10px; }

.salon-side h5 { line-height: 1; margin: 0 0 12px; font-size: 117%; }

.salon-side h5 > a { text-decoration: none; }

.salon-side h6 { line-height: 1; margin: 12px 0; padding: 12px 0 0; font-size: 100%; font-weight: normal; border-top: dotted 1px #CCC; }

.salon-side div.tel { line-height: 1.2; margin: 0 18px 6px; text-align: left; font-size: 133%; font-weight: bold; width: 88%; }

.salon-side .localisation { text-align: left; line-height: 1.3; width: 88%; margin: 0 18px 6px; }

#hair-style-list { margin-bottom: 40px; }

#hair-style-list h3 { margin: 0; border-bottom: 2px solid #000; font-weight: normal; }

#hair-style-list div.date h3 { border: none; }

#hair-style-list .article-hairstyle li { width: 24.2%; margin-right: 5px; margin-bottom: -15px; }

#hair-style-list .article-hairstyle .date { width: 85%; }

#cutmodel-show .title { display: table; width: 100%; margin: 0 0 12px; border-bottom: solid 2px #000; }

#cutmodel-show .title h1 { display: table-cell; line-height: 1.4; padding: 0 0 12px; font-size: 150%; vertical-align: middle; }

#cutmodel-show .title > div { display: table-cell; width: 1%; padding: 0 0 12px 12px; }

#cutmodel-show .table-block { width: 100%; margin: 0 0 12px; }

#cutmodel-show .table-block > div { vertical-align: top; }

#cutmodel-show .table-block .pict { width: 200px; padding: 0 12px 0 0; }

#cutmodel-show .table-block .pict img { width: 230px; height: 230px; }

#cutmodel-show .table-block ul { line-height: 1.1; margin: 0 0 10px; font-size: 117%; }

#cutmodel-show .table-block ul li { margin: 0 0 2px; }

#cutmodel-show .table-block ul li:last-child { margin: 0; }

#cutmodel-show .type { margin: 0 0 12px; }

#cutmodel-show .btn-block { padding: 35px; border-radius: 4px; background: #F6F6F6; text-align: center; height: 80px; }

#cutmodel-show .pink { color: #FF7D83; }

#cutmodel-show .btn-block > div { margin: 0 0 9px; }

#cutmodel-show .data { border-radius: 4px; background: #F6F6F6; padding: 12px; }

#cutmodel-show .data > ul > li { margin: 0 0 12px; padding: 24px; border-radius: 4px; background: #FFF; }

#cutmodel-show .data h2 { line-height: 1.4; margin: 0 0 12px; font-size: 117%; }

#cutmodel-show .data h2 .icon18 { margin: 0 6px 0 0; }

#cutmodel-show .data .text > div + p { padding: 12px 0 0; }

#cutmodel-show .data div.stylist { display: table; }

#cutmodel-show .data div.stylist > div { display: table-cell; vertical-align: middle; padding: 0 12px 0 0; }

#cutmodel-show .data div.stylist img { width: 84px; height: 84px; border-radius: 42px; }

#cutmodel-show .data div.stylist h4 { font-size: 133%; font-weight: normal; }

#cutmodel-show div.salon { display: table; }

#cutmodel-show div.salon > div { display: table-cell; vertical-align: middle; }

#cutmodel-show div.salon > div.pict { width: 168px; padding-right: 12px; vertical-align: top; }

#cutmodel-show div.salon > div.pict img { width: 168px; }

#cutmodel-show div.salon .kana { color: #999; font-size: 84%; }

#cutmodel-show div.salon .name { margin: 0 0 6px; font-size: 166%; font-weight: bold; }

#cutmodel-show div.salon .sub li { float: left; line-height: 1.3; margin-right: 12px; }

#cutmodel-show div.salon .phone { margin: 5px 0 6px; font-size: 117%; font-weight: bold; }

#cutmodel-show div.salon .maps { display: inline-block; line-height: 1; padding: 8px 18px; border-radius: 4px; background: #ED948C; color: #FFF; text-decoration: none; }

#cutmodel-show div.salon .maps:hover { background: #F0A9A4; }

#cutmodel-show .btn { display: inline-block; padding: 16px 95px; border-radius: 4px; background: #000; color: #FFF; font-size: 117%; text-decoration: none; }

#cutmodel-show .btn:hover { background: #333; }

#cutmodel-show .btn.pink { background: #ED948C; color: #FFF; }

#cutmodel-show .btn.pink:hover { background: #F0A9A4; }

#cutmodel-show div.body ul { height: 40px; }

#cutmodel-show div.body li { height: 20px; }

#no-apply { padding: 7px; margin-top: 12px !important; font-size: 14px; font-weight: bold; }

#report-cut-model { text-align: right; }

#salon-content #salon-concomitant h3 { line-height: 1; padding: 12px; background: #333; text-align: left; color: #FFF; font-size: 100%; font-weight: normal; }

#salon-content #salon-concomitant h3 span { line-height: 1.2; padding: 0 0 0 6px; background: none; color: #666; font-size: 84%; }

#salon-concomitant .table-block { width: 100%; }

#salon-concomitant .table-block .pict { width: 300px; }

#salon-concomitant .table-block > div { vertical-align: top; }

#salon-concomitant .table-block h4 { line-height: 1; margin: 0 0 12px; background: url(/static/img/beauty/beauty-dotted2-000.png) repeat-x left; background-size: 6px 1px; font-size: 100%; }

#salon-concomitant .table-block p { margin: 0 0 24px; }

#salon-concomitant .table-block p:last-child { margin: 0; }

#salon-concomitant .table-block h4 span { display: inline-block; padding-right: 12px; background: #FFF; }

#my-content #cutmodel-list-mini { padding-bottom: 4px; }

#cutmodel-list-mini > li { float: left; width: 216px; margin-right: 14px; background: #FFF; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); }

#my-content #cutmodel-list-mini > li { width: 264px; margin: 0 20px 20px 0; }

#cutmodel-list-mini li:last-child { margin: 0; }

#my-content #cutmodel-list-mini > li:nth-child(3n) { margin: 0; }

#cutmodel-list-mini li h4 { display: inline; padding-left: 10px; line-height: 1.9; }

#cutmodel-list-mini li > div { padding: 12px; }

#cutmodel-list-mini li > .pict { height: 162px; padding: 0; background: #EEE; text-align: center; }

#my-content #cutmodel-list-mini li > .pict { height: 198px; }

#cutmodel-list-mini li > .pict img { max-width: 216px; max-height: 162px; }

#my-content #cutmodel-list-mini li > .pict img { max-width: 266px; max-height: 198px; }

#cutmodel-list-mini li > ul { padding: 12px; border-top: dotted 1px #CCC; line-height: 1.2; }

#cutmodel-list-mini li > ul li { margin: 0 0 6px; }

#cutmodel-list-mini li > ul li:last-child { margin: 0; }

#cutmodel-list-mini .cutmodel-btn { position: relative; padding: 12px; border-top: dotted 1px #CCC; text-align: center; }

#cutmodel-list-mini .cutmodel-btn .apply { display: inline-block; line-height: 1; padding: 8px 24px; border-radius: 3px; background: #222; color: #FFF; font-size: 84%; text-decoration: none; }

#cutmodel-list-mini .cutmodel-btn .apply:hover { background: #444; }

#cutmodel-list-mini .cutmodel-btn .close { position: absolute; right: 12px; top: 12px; line-height: 1; padding: 7px; border-radius: 3px; background: #EEE; }

#cutmodel-list-mini .cutmodel-btn .close:hover { background: #DDD; }

#cutmodel-list-mini .cutmodel-btn .close .icon12 { margin: 0; }

#cutmodel-show .apply-btn { display: inline-block; line-height: 1; padding: 9px 12px; border-radius: 4px; background: #FF7C82; color: #FFF; text-decoration: none; }

#cutmodel-show .apply-btn:hover { background: #FFA6AA; }

#cutmodel-show .apply-btn.big { padding: 12px 84px; font-size: 117%; font-weight: bold; }

.favo-block a.favo-btn { display: inline-block; margin: 0 6px 0 0; border-radius: 3px; background: #7AAB98; color: #FFF; }

.favo-block a.favo-btn.selected { background: #999; }

.favo-block a.favo-btn > span { display: inline-block; line-height: 1.4; padding: 6px 12px 6px 6px; background: url(/static/img/beauty/bg-arrow.png) no-repeat right; background-size: 14px 26px; font-size: 84%; }

.favo-block .sum { display: inline-block; padding: 8px 6px; border-radius: 3px; background: #EEE; line-height: 1; font-weight: bold; font-size: 84%; }

.stylist-block { display: table; }

.stylist-block div.pict, .stylist-block div.text, .stylist-block a > div { display: table-cell; vertical-align: middle; }

.stylist-block .pict { width: 64px; padding-right: 12px; }

.stylist-block.w36 .pict { width: 36px; padding-right: 6px; }

.stylist-block .pict img { width: 64px; height: 64px; border-radius: 32px; }

.stylist-block.w36 .pict img { width: 36px; height: 36px; border-radius: 18px; }

.stylist-block .salon { font-size: 84%; }

.stylist-block .position { font-size: 84%; color: #666; }

#stylist-header { position: relative; margin: 0 0 50px; }

#stylist-cover { height: 400px; border: solid 2px #2F4E6A; border-bottom: none; }

#stylist-cover.small { height: 200px !important; }

#stylist-cover .bg { width: 100%; height: 400px; background: no-repeat center; background-size: cover; }

#stylist-cover .delete { position: absolute; line-height: 1; top: 14px; right: 14px; padding: 8px; background-color: #364C6B; opacity: 0.5; border-radius: 4px; }

#stylist-cover .delete:hover { opacity: 7.5; }

#stylist-cover .delete span.trash { margin: 0px; }

#pickfiles_btn.share { right: 50px; }

#stylist-photo { position: absolute; left: 26px; top: 288px; }

#stylist-photo.small { top: 5px; }

#stylist-photo img { width: 160px; height: 160px; border: solid 12px #FFF; background: #FFF; }

#user-photo { position: absolute; left: 26px; top: 288px; }

#user-photo.small { top: 17px; }

#user-photo img { width: 160px; height: 160px; border: solid 5px #FFF; background: #FFF; border-radius: 160px; }

#stylist-photo div.upload-picture, #user-photo div.upload-picture { position: absolute; text-align: center; width: 100%; height: 100%; opacity: 0; }

#user-photo div.upload-picture { border-radius: 160px; }

#action-btns { display: block; width: 70px; height: 32px; margin-top: 70px; margin-left: 51px; }

#stylist-photo div.upload-picture a, #user-photo div.upload-picture a { display: inline-block; background-color: #999; cursor: pointer; padding: 9px; width: 14px; height: 14px; }

#action-btns.share a:first-child { border-radius: 5px 0px 0px 5px; }

#action-btns.share a:last-child { border-radius: 0px 5px 5px 0px; }

#action-btns.alone a { text-align: left; border-radius: 5px; }

#pickfiles_profile_btn span.camera { height: 12px; margin: 0; }

#stylist-photo div.upload-picture div, #user-photo div.upload-picture div { background-color: #FFF; }

#stylist-photo div.upload-picture:hover, #user-photo div.upload-picture:hover { background-color: #FFF; opacity: 0.7; filter: alpha(opacity=40); }

#stylist-data { border-left: solid 2px #2F4E6A; border-right: solid 2px #2F4E6A; text-align: center; }

#stylist-cover h2, #stylist-data h2 { line-height: 1; padding: 23px 232px; font-family: 'Open Sans'; font-size: 400%; font-weight: bold; text-align: center; vertical-align: baseline; }

#stylist-cover h2 { padding: 76px 232px; }

#stylist-cover h2 span, #stylist-data h2 span { display: inline-block; line-height: 1; margin-left: 12px; color: #999; font-size: 41.6666%; vertical-align: baseline; font-weight: normal; }

#stylist-data h2 span a { margin-left: 12px; color: #999; }

#stylist-data .status { display: inline-block; line-height: 2; padding: 0 6px; font-size: 91%; }

#stylist-data .cutmodel { display: inline-block; line-height: 1; margin: -1px 0 0; padding: 6px; border-radius: 3px; background: rgba(124, 222, 130, 0.5); color: #FFF; font-size: 84%; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); vertical-align: top; }

#stylist-data .salon { line-height: 1.2; font-size: 91%; }

#stylist-data .salon a { color: #FFF; }

#stylist-data .follow-btn { position: absolute; right: 12px; bottom: 12px; }

#stylist-data .follow-btn a { display: inline-block; line-height: 1.4; margin: 0 0 0 6px; padding: 6px 6px 5px; border-radius: 3px; background: -webkit-linear-gradient(top, #FFFFFF, #DDDDDD); background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD); background: -o-linear-gradient(top, #FFFFFF, #DDDDDD); background: -ms-linear-gradient(top, #FFFFFF, #DDDDDD); background: linear-gradient(to bottom, #FFFFFF, #DDDDDD); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#FFFFFF, endcolorstr=#DDDDDD); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFFF, endcolorstr=#DDDDDD)"; color: #333; font-size: 91%; text-shadow: 0 1px 0 #FFF; text-decoration: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

#stylist-data .follow-btn a:hover { background: #DDD; }

#stylist-menu { position: relative; background: #2D4360; }

#stylist-menu .menus { position: absolute; left: 0; top: 0; }

#stylist-menu .menus > a { display: inline-block; padding: 13px 12px; }

#stylist-menu .menus ul { display: none; position: absolute; left: 0; top: 50px; z-index: 1; background: #2D4360; white-space: nowrap; }

#stylist-menu .menus:hover ul { display: block; }

#stylist-menu .menus li { border-top: solid 1px #4E6880; }

#stylist-menu .menus li a { display: block; line-height: 1; padding: 12px; color: #FFF; text-decoration: none; }

#stylist-menu .menus li.opacity a { opacity: .5; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#stylist-menu .menus li.opacity a:hover { opacity: 1; }

#stylist-menu .global ul { display: table; margin: 0 auto; }

#stylist-menu .global li { display: table-cell; padding: 0 12px; }

#stylist-menu .global a { display: block; color: #FFF; padding: 8px 0 4px; border-bottom: solid 4px #2D4360; text-decoration: none; }

#stylist-menu .global a.selected { border-color: #D1D7DE; }

#stylist-menu .global a > span { display: block; line-height: 1; text-align: center; }

#stylist-menu .global .sum { margin: 0 0 6px; font-family: 'Open Sans'; font-size: 150%; }

#stylist-menu .global .text { font-size: 84%; }

#stylist-menu .global h3 { color: #FFF; text-align: center; padding: 15px; }

#ctx-stylist { position: absolute; right: 0; top: 0; display: table; }

#ctx-stylist li { display: table-cell; padding: 10px; }

#ctx-stylist li + li { padding-left: 0; }

#ctx-stylist li > a { display: block; padding: 6px 12px; background: #FFF; color: #2D4360; border-radius: 4px; text-decoration: none; }

#ctx-stylist .btn-message { padding: 6px; border-radius: 15px; }

#ctx-stylist .aff-link-hp { padding: 6px 36px; border-radius: 4px; }

#ctx-stylist .selected .followed { display: block; }

#ctx-stylist .followed { display: none; }

#ctx-stylist .selected .follow { display: none; }

#ctx-stylist .follow { display: block; }

#stylist-detail { position: relative; }

#stylist-detail .edit-btns, #grid .edit-btns { position: absolute; right: 0; top: 0; line-height: 1; padding: 10px; border: solid 1px #CCC; border-radius: 18px; }

#stylist-detail > section { margin: 0 0 24px; }

#stylist-detail > h2 { line-height: 1; padding: 0 0 12px; border-bottom: solid 4px #2D4360; color: #2D4360; font-size: 150%; font-family: 'Open Sans'; }

#stylist-detail > section:last-child { margin: 0 0 48px; }

#stylist-detail div.gender-hair-style { font-weight: bold; }

#stylist-detail div.gender-hair-style a.selected { color: #B8C8BE; }

#stylist-detail .join-salon div { text-align: center; margin: auto; }

.blue-block { position: relative; padding: 18px; background: #F6F6F6; }

.blue-block > h3 { line-height: 1; margin: 0 0 6px; font-size: 200%; }

.blue-block > h3.user { margin-bottom: 16px; }

.join-salon h6, .blue-block h4 { line-height: 1; margin: 0 0 6px; color: #2D4360; font-family: 'Open Sans'; font-size: 117%; }

.blue-block > .name { line-height: 1; margin: 0 0 6px; font-size: 133%; }

.blue-block > .status { line-height: 1; margin: 0 0 18px; font-size: 84%; }

.blue-block .btns { position: absolute; right: 18px; top: 18px; line-height: 1; padding: 7px; border: solid 1px #DDD; border-radius: 4px; background: #FFF; font-size: 14px; }

.blue-block > section { margin: 0 0 18px; padding: 18px; border-radius: 4px; background: #FFF; }

.blue-block .salon { display: table; }

.blue-block .salon > div { display: table-cell; vertical-align: middle; }

.blue-block .salon .pict { width: 100px; padding-right: 18px; }

.blue-block .salon .pict img { width: 100px; height: 100px; }

.blue-block .salon .name { line-height: 1; margin: 0 0 8px; font-family: 'Open Sans'; font-weight: bold; font-size: 150%; }

.blue-block .salon .area { line-height: 1; margin: 0 0 2px; font-size: 117%; }

.blue-block .more { text-align: right; }

.blue-block .more a { line-height: 1; color: #333; font-size: 117%; font-family: 'Open Sans'; font-weight: bold; }

ul.gender-hair-style { display: table; margin: 0 0 24px; }

ul.gender-hair-style > li { display: table-cell; }

ul.gender-hair-style a { display: block; line-height: 1; padding: 12px; background: #DFE1E3; color: #2D4360; text-decoration: none; }

ul.gender-hair-style a.selected, ul.gender-hair-style a:hover { background: #2D4360; color: #FFF; }

#new-cutmodel-stylist > li { float: left; width: 340px; margin: 12px 12px 0 0; padding: 18px; background: #F6F6F6; }

#new-cutmodel-stylist > li:nth-child(2n) { margin-right: 0; }

#new-cutmodel-stylist > li:last-child { margin-bottom: 24px; }

#new-cutmodel-stylist .pict { display: block; width: 100%; height: 200px; margin: 0 0 12px; background: no-repeat center; background-size: cover; }

#new-cutmodel-stylist h3 { margin: 0 0 12px; font-size: 117%; font-weight: normal; }

#new-cutmodel-stylist ol { display: table; width: 100%; line-height: 1; }

#new-cutmodel-stylist ol > li { display: table-cell; vertical-align: middle; }

#new-cutmodel-stylist ol > li.icons { text-align: right; }

#new-cutmodel-stylist .btns li:first-child span { display: inline-block; margin-right: 8px; padding: 9px; background: #2D4360; color: #FFF; vertical-align: middle; }

#new-cutmodel-stylist ol > li:last-child a { display: inline-block; line-height: 1; padding: 7px; border: solid 1px #DDD; border-radius: 4px; background: #FFF; }

#new-cutmodel-stylist ol > li:last-child a + a { margin-left: 6px; }

#new-cutmodel-stylist ol > li:last-child a .icon14 { vertical-align: top; }

#new-cutmodel-stylist + .more { text-align: right; }

#new-cutmodel-stylist + .more a { display: inline-block; line-height: 1; margin-top: -12px; padding: 9px 12px; border-radius: 4px; background: #DFE1E3; color: #2D4360; text-decoration: none; }

#new-cutmodel-stylist + .more a:hover { background: #2D4360; color: #FFF; }

#new-cutmodel-stylist span.old { color: #000 !important; background: #DFE1E3 !important; }

#side.blue h4 { line-height: 1; padding: 0 0 12px; border-bottom: solid 4px #2D4360; color: #2D4360; font-size: 150%; font-family: 'Open Sans'; }

.side-blue { padding: 18px; background: #F6F6F6; }

.side-more { text-align: right; line-height: 1; font-size: 91%; font-family: 'Open Sans'; }

.side-more { color: #333; }

#side-profile .user-pict { width: 72px; height: 72px; margin: 0 0 18px; }

#side-profile h5 { line-height: 1; margin: 0 0 6px; font-size: 200%; }

#side-profile h6 { line-height: 1; margin: 0 0 6px; color: #2D4360; font-family: 'Open Sans'; font-size: 117%; }

#side-profile .name { line-height: 1; margin: 0 0 6px; font-size: 133%; }

#side-profile .status { line-height: 1; margin: 0 0 18px; font-size: 84%; }

#side-profile section { margin: 0 0 18px; padding: 18px; border-radius: 4px; background: #FFF; }

#side-profile .salon { display: table; }

#side-profile .salon > div { display: table-cell; vertical-align: middle; }

#side-profile .salon .pict { width: 60px; padding-right: 18px; }

#side-profile .salon .pict img { width: 60px; height: 60px; }

#side-profile .salon .name { line-height: 1; margin: 0 0 6px; font-family: 'Open Sans'; font-weight: bold; font-size: 133%; }

#side-profile .salon .area { line-height: 1; margin: 0 0 4px; }

#side-profile .salon .station { line-height: 1; font-size: 84%; }

#side-profile .comment pre { width: 230px; }

#stylist-detail .btn, #side-profile .btn { background-color: #8C97A9; color: #FFFFFF; padding: 8px; width: 181px; margin: 8px; border-radius: 5px; display: block; text-align: center; }

#stylist-detail .btn:hover, #side-profile .btn:hover { text-decoration: none; }

#side-profile .btns { position: relative; top: 7px; left: 158px; padding: 7px; border: 1px solid #DDD; border-radius: 4px; background-color: #FFF; line-height: 1; }

#side-stylist-cut li { margin: 0 0 18px; }

#side-stylist-cut h5 { font-size: 117%; font-weight: normal; }

#side-stylist-cut .pict { display: block; height: 176px; margin: 0 0 12px; background: no-repeat center; background-size: cover; }

#side-stylist-cut .pict img { width: 100%; height: 176px; }

#side-stylist-style { margin: 0 0 12px; }

#side-stylist-style li { float: left; width: 84px; margin: 6px 6px 0 0; }

#side-stylist-style li:nth-child(3n) { margin-right: 0; }

#side-stylist-style li:nt-child(1), #side-stylist-style li:nt-child(2), #side-stylist-style li:nt-child(3) { margin-top: 0; }

#side-stylist-style img { width: 84px; height: 84px; }

.new-stylist, .new-tag { max-height: 490px; margin-right: -18px; overflow: hidden; }

.mCSB_inside > .mCSB_container { margin-right: 14px !important; }

#side-new-stylist { font-family: 'Open Sans'; }

#side-new-stylist > li { padding-bottom: 18px; border-bottom: solid 1px #D3D6D8; }

#side-new-stylist > li:last-child { padding-bottom: 0; border-bottom: none; }

#side-new-stylist > li + li { padding-top: 18px; border-top: solid 1px #FFF; }

#side-new-stylist .stylist { display: table; margin: 0 0 12px; }

#side-new-stylist .stylist h5 { line-height: 1; font-size: 150%; }

#side-new-stylist.tag .stylist h5 { margin: 0 0 2px; font-size: 117%; font-weight: normal; }

#side-new-stylist .stylist .salon { font-size: 91%; color: #999; }

#side-new-stylist .stylist > div { display: table-cell; vertical-align: middle; }

#side-new-stylist .stylist .pict { width: 40px; padding-right: 12px; }

#side-new-stylist .stylist .pict img { width: 40px; height: 40px; }

#side-new-stylist ol li { list-style: none; float: left; width: 86px; }

#side-new-stylist ol li + li { margin-left: 3px; }

#side-new-stylist ol li img { width: 86px; height: 86px; }

#follow-stylist .list li { float: left; position: relative; margin: 0 12px 12px 0; width: 364px; padding: 6px 6px 12px; background: #FFF; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); min-height: 230px; }

#follow-stylist .list li:nth-child(2n) { margin-right: 0; }

#follow-stylist .list li:last-child { margin-bottom: 24px; }

#follow-stylist .list .cover { background: no-repeat center; background-size: cover; }

#follow-stylist .list .cover.none { background: #364C6B; }

#follow-stylist .list .cover img { width: 100%; height: 180px; }

#follow-stylist .list .cover p { line-height: 3.75; color: #FFF; font-size: 400%; font-family: 'Open Sans'; font-weight: bold; text-align: center; }

#follow-stylist .list .pict { position: absolute; left: 18px; top: 138px; text-align: center; }

#follow-stylist .list .pict img { width: 80px; height: 80px; border: solid 8px #FFF; box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); }

#follow-stylist .list .user { padding: 10px 6px 0 120px; }

#follow-stylist .list h3 { line-height: 1.2; margin: 0 0 4px; font-size: 150%; font-family: 'Open Sans'; font-weight: bold; }

#follow-stylist .list h3 .mark { margin: 1px 0 0 6px; }

#follow-stylist .list .salon { line-height: 1; padding: 0 0 2px; color: #666; font-size: 91%; font-weight: bold; }

#follow-stylist .list div.cover-blue { background-color: #364C6B; height: 180px; }

#follow-stylist .list div.cover-blue h3 { color: #FFF; text-align: center; font-size: 35px; margin-top: 45px; }

#follow-general .list li { float: left; width: 376px; margin: 0 12px 12px 0; background: #FFF; border-radius: 4px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

#follow-general .list li:nth-child(2n) { margin-right: 0; }

#follow-general .list li:last-child { margin-bottom: 24px; }

#follow-general .list a { display: block; line-height: 2.857142857; padding: 12px; font-size: 14px; font-weight: normal; text-decoration: none; }

#follow-general .list img { width: 40px; height: 40px; margin: 0 12px 0 0; border-radius: 20px; }

#follow-tag .list { margin: 0 0 0 -8px; }

#follow-tag .list > li { float: left; width: 222px; margin: 0 12px 12px 0; padding: 12px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

#follow-tag .list > li:last-child { margin-bottom: 24px; }

#follow-tag .list > li:nth-child(3n) { margin-right: 0; }

#follow-tag .list h2 { line-height: 1.3; margin: 0 0 8px; font-size: 117%; font-weight: normal; }

#follow-tag .list h2 .icon14 { vertical-align: top; }

#follow-tag .list ol li { float: left; width: 70px; list-style: none; }

#follow-tag .list ol li:first-child { width: 146px; margin-right: 6px; }

#follow-tag .list ol li:last-child { padding-top: 6px; }

#follow-tag .list ol li img { width: 100%; }

#follow-select li a.gray { color: #999 !important; }

#stylist-sort { position: relative; margin: 0 0 16px; }

#stylist-sort .tab { display: table; margin: 0; }

#stylist-sort .tab.fixed { width: 200px; }

#stylist-sort.current .tab { margin: 0; }

#stylist-sort.current .btns { position: absolute; right: 0; top: 0; display: block; line-height: 1; padding: 7px; border: solid 1px #DDD; border-radius: 15px; font-size: 14px; }

#stylist-sort .tab > li { position: relative; display: table-cell; }

#stylist-sort .tab.fixed > li { width: 50%; }

#stylist-sort .tab a { display: block; line-height: 1; padding: 9px 12px; background: #D8DBDD; color: #364C6B; font-size: 12px; font-family: 'Open Sans'; font-weight: bold; text-decoration: none; text-align: center; }

#stylist-sort .tab a.selected { background: #364C6B; color: #FFF; }

#stylist-sort .tab.fixed .sum { display: block; font-size: 14px; }

#stylist-sort .tab.fixed .text { display: block; margin: 4px 0 0; font-size: 8px; }

#stylist-sort .tab.fixed ol { position: absolute; left: 0; top: 44px; display: none; width: 200px; z-index: 1; list-style: none; }

#stylist-sort .tab.fixed ol a { background: #364C6B; color: #FFF; text-align: left; }

#stylist-sort .tab.fixed ol a.checked { background: #364C6B url(/static/img/beauty/tab-check.png) no-repeat 178px; background-size: 14px 11px; }

#stylist-sort .tab.fixed ol li { border-top: solid 1px #4C5E7A; }

#message-pop { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; z-index: 999; background: rgba(0, 0, 0, 0.2); text-shadow: none; }

#message-pop.popup-display-table { display: table; }

#message-pop > div { display: table-cell; vertical-align: middle; }

#message-pop > div > section { position: relative; width: 360px; margin: 0 auto; border-radius: 4px; background: #FFF; }

#message-pop h4 { line-height: 14px; margin: 0; padding: 8px; border-radius: 4px 4px 0 0; background: #2D4360; color: #FFF; font-size: 100%; }

#message-pop h4 .icon14 { margin: 0 4px 0 0; }

#message-pop dl { padding: 16px; border-radius: 0 0 4px 4px; background: #F6F6F6; }

#message-pop dt { line-height: 1; margin: 0 0 8px; color: #89948E; font-size: 117%; font-weight: bold; }

#message-pop dd { margin: 0 0 16px; padding-right: 12px; }

#message-pop dd:last-child { margin: 0; padding: 0; text-align: center; }

#message-pop textarea { width: 100%; line-height: 1.5; margin: 0; padding: 6px; border: none; border-radius: 4px; background: #FFF; font-size: 100%; vertical-align: top; }

#message-pop dd input[type=submit] { display: block; width: 50%; margin: 0 auto; padding: 8px 0; border-radius: 4px; background: #2D4360; }

.btn-message { cursor: pointer; }

#btn-message-close { position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(/static/img/travel/delete.gif) no-repeat center; background-size: 8px 8px; padding: 0px; text-decoration: none; cursor: pointer; }

#stylist-detail .h3-title { margin: 0 0 12px; background: url(/static/img/beauty/beauty-dotted2-000.png) repeat-x left 18px; background-size: 12px 2px; }

#stylist-detail .h3-title .sub { line-height: 1; margin: 0 0 1px; font-size: 91%; font-family: "Times New Roman", Times, serif; font-weight: bold; }

#stylist-detail .h3-title h3 { display: inline-block; line-height: 1; margin: 0; padding: 0 12px 0 0; background: #FFF; font-size: 133%; font-family: "Times New Roman", Times, serif; }

#stylist-cutmodel-list > li { float: left; display: table; width: 326px; height: 164px; margin: 0 24px 24px 0; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); }

#my-content #stylist-cutmodel-list > li { display: block; width: 375px; height: auto; margin: 0 16px 24px 0; min-height: 230px; padding: 15px; }

#my-content .left-content #stylist-cutmodel-list > li { width: 278px; margin: 0 12px 12px 0; }

#stylist-cutmodel-list > li:nth-child(2n), #salon-content #stylist-cutmodel-list > li:nth-child(2n), #my-content #stylist-cutmodel-list > li:nth-child(2n) { margin-right: 0; }

#stylist-cutmodel-list > li > div { display: table-cell; vertical-align: middle; }

#my-content #stylist-cutmodel-list > li > div { display: block; }

#salon-content #stylist-cutmodel-list > li > div.table, #my-content #stylist-cutmodel-list > li > div.table { display: table; min-height: 138px; }

#salon-content #stylist-cutmodel-list > li > div.table > div, #my-content #stylist-cutmodel-list > li > div.table > div { display: table-cell; vertical-align: top; }

#stylist-cutmodel-list .data > .pict { width: 123px; height: 164px; text-align: center; }

#salon-content #stylist-cutmodel-list .pict, #my-content #stylist-cutmodel-list .pict { padding: 6px 12px 12px; background: #FFF; vertical-align: top; }

#salon-content #stylist-cutmodel-list .koumoku { margin: 0 0 12px; padding: 0 0 12px; border-bottom: dotted 1px #000; line-height: 1.4; }

#salon-content #stylist-cutmodel-list .koumoku li { margin: 0 0 5px; }

#salon-content #stylist-cutmodel-list .koumoku li:last-child { margin: 0; }

#stylist-cutmodel-list .pict a { display: block; overflow: hidden; width: 123px; max-height: 164px; }

#stylist-cutmodel-list .stylist-block .pict a { width: 40px; }

#salon-content #stylist-cutmodel-list div.stylist-block.w36, #my-content #stylist-cutmodel-list div.stylist-block.w36 { margin-top: 10px; }

#salon-content #stylist-cutmodel-list div.stylist-block > div.pict, #my-content #stylist-cutmodel-list div.stylist-block > div.pict { padding: 0px; }

#stylist-cutmodel-list .pict img { max-width: 100%; max-height: 100%; }

#stylist-cutmodel-list .body { padding: 6px 12px 12px; }

#stylist-cutmodel-list .body .type { margin: 0 0 9px; }

#stylist-cutmodel-list .body .title { line-height: 1.5; margin: 0 0 9px; font-size: 100%; }

#stylist-cutmodel-list .body .data { margin: 0 0 3px; font-size: 91%; }

#stylist-cutmodel-list .body .data:last-child { margin: 0; }

#my-content #stylist-cutmodel-list .apply-user { border-top: solid 1px #ddd; }

#my-content #stylist-cutmodel-list .apply-user .tit { line-height: 1; font-size: 91%; padding: 12px; }

#my-content #stylist-cutmodel-list .apply-user .tit .red { color: #F35F49; font-weight: bold; }

#my-content #stylist-cutmodel-list .apply-user-list { padding: 0 0 0 12px; margin: 0 0 8px; }

#my-content .left-content #stylist-cutmodel-list .apply-user-list { margin: 0 0 6px; }

#my-content #stylist-cutmodel-list .apply-user-list li { float: left; width: 44px; height: 44px; margin: 0 4px 4px 0; }

#my-content .left-content #stylist-cutmodel-list .apply-user-list li { width: 46px; height: 46px; margin: 0 6px 6px 0; }

#my-content #stylist-cutmodel-list .apply-user-list img { width: 44px; height: 44px; border-radius: 22px; }

#my-content .left-content #stylist-cutmodel-list .apply-user-list img { width: 46px; height: 46px; border-radius: 23px; }

#my-content #stylist-cutmodel-list .apply-btn { padding: 12px; text-align: center; border-top: solid 1px #DDD; }

#my-content #stylist-cutmodel-list .apply-btn .btn { display: inline-block; line-height: 1; margin: 0 12px 0 0; padding: 8px; background: #222; color: #FFF; font-size: 91%; text-decoration: none; height: 12px; }

#salon-content #stylist-cutmodel-list .apply-btn .btn:hover, #my-content #stylist-cutmodel-list .apply-btn .btn:hover { background: #444; }

#salon-content #stylist-cutmodel-list .apply-btn .btn.gray, #my-content #stylist-cutmodel-list .apply-btn .btn.gray { background: #999; }

#salon-content #stylist-cutmodel-list .apply-btn .btn.gray:hover, #my-content #stylist-cutmodel-list .apply-btn .btn.gray:hover { background: #BBB; }

#salon-content #stylist-cutmodel-list .apply-btn .btn:last-child, #my-content #stylist-cutmodel-list .apply-btn .btn:last-child { margin: 0; }

table.simple th { width: 1%; padding-right: 12px; white-space: nowrap; text-align: left; font-weight: normal; }

table.simple td div.ladies, table.simple td div.mens { margin-bottom: 4px; }

table.simple td div.ladies > span { padding: 1px 7px 1px; background: #FB8285; border-radius: 5px; color: #FFF; margin-right: 5px; }

table.simple td div.mens > span { padding: 1px 8px 1px; background: #7EA486; border-radius: 5px; color: #FFF; margin-right: 5px; }

.favo-block1 .my-harf-block .none, .favo-block2 .my-harf-block .none, #my-content .left-content .none { line-height: 1; margin: 0 0 12px; padding: 12px; border-radius: 4px; background: #F6F6F6; color: #999; text-align: center; }

.none-btn.disable { background: #777; text-shadow: none; }

.none-btn.disable:hover { background: #777; }

.none-btn { display: inline-block; line-height: 1; width: 240px; padding: 14px 0; border-radius: 8px; background: #E29DA2; color: #FFF; font-size: 117%; text-align: center; text-shadow: 0 -1px 0 #D37075; }

.none-btn:hover { background: #E9B8BA; text-decoration: none; }

#side { float: right; width: 300px; }

#line-column #side { margin: 0 0 48px; width: 323px; border-left: solid 1px #E5EEEB; }

#line-column2 #side { margin: 0 0 48px; width: 323px; border-left: solid 1px #EEE; }

#side > section, #side > aside, #side > article { margin: 0 0 12px; }

#line-column #side > section, #line-column #side > aside, #line-column #side > article, #line-column #side > .mb24 { margin: 0; padding: 24px 0 24px 23px; border-bottom: solid 1px #E5EEEB; }

#line-column #side > .mb24 > div { margin: 0 !important; }

#line-column #side > *:last-child { margin: 0; }

#line-column #side > section.side-ads:first-child { padding-top: 0; }

#style-category + #content.wide + #side > section.side-ads:first-child { padding-top: 24px; }

#line-column #side > section.side-ads > div { margin: 0 !important; }

#line-column2 #side > section, #line-column2 #side > aside, #line-column2 #side > article, #line-column2 #side > .mb24 { margin: 0; padding: 24px 0 24px 23px; border-bottom: solid 1px #EEE; }

#line-column2 #side.salons > section:first-child, #line-column2 #side.salons > aside:first-child, #line-column2 #side.salons > article:first-child, #line-column2 #side.salons > .mb24:first-child { padding-top: 0; }

#line-column2 #side > .mb24 > div { margin: 0 !important; }

#line-column2 #side > *:last-child { margin: 0; }

#line-column2 #side > section.side-ads:first-child { padding-top: 0; }

#line-column2 #side > section.side-ads > div { margin: 0 !important; }

#side-banner .banner-dummy { width: 300px; height: 250px; margin: 0 0 24px; background: #DDD; }

#side > article > h5 { line-height: 2; margin: 0 0 12px; font-size: 100%; font-weight: bold; text-align: center; }

#line-column2 #side h4 { line-height: 1; margin: 0 0 12px; font-family: 'Roboto Condensed', sans-serif; font-size: 200%; font-weight: bold; text-align: center; }

#line-column2 #side h5 { line-height: 1; margin: 0 0 12px; padding: 0; border: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; }

#side-search { margin: 0 0 24px; }

#side-search ul { display: table; width: 100%; }

#side-search li { display: table-cell; }

#side-search li.text { padding-right: 13px; }

#side-search input[type=text] { width: 96%; border: solid 1px #DDD; padding: 6px; }

#side-hair-style h6 { font-weight: bold; font-size: 100%; }

#side-hair-style div.pict { float: left; margin: 7px; text-align: center; }

#side-hair-style div.pict img { width: 66px; display: block; }

#side-hair-style div.pict span.yomi { font-size: 80%; }

#side-new-salon { margin: 0 0 24px; border-bottom: solid 1px #CCC; }

#side-new-salon .title { margin: 0 0 12px; padding: 0 0 9px; border-bottom: solid 2px #000; }

#side-new-salon h5 { display: inline-block; line-height: 1; margin-right: 6px; font-family: "Times New Roman", Times, serif; font-size: 150%; }

#side-new-salon a { display: block; }

#side-new-salon .title span { line-height: 1.9; font-size: 84%; color: #999; }

#side-new-salon img { width: 100%; }

#side-new-salon a { display: block; }

#side-new-salon .pict { margin: 0 0 12px; }

#side-new-salon .area { font-weight: bold; }

#side-new-salon .name { font-size: 117%; font-weight: bold; }

#side-new-salon .text { margin: 0 0 12px; font-size: 84%; }

#side-salon-info { border-top: solid 6px #000; padding: 12px; background: #EEE; }

#side-salon-info h4 { line-height: 1; margin: 0 0 12px; font-weight: bold; text-align: center; }

#side-salon-info h5 { line-height: 1; margin: 0 0 12px; background: url(/static/img/beauty/beauty-dotted-999.png) repeat-x left; background-size: 6px 1px; font-size: 84%; font-weight: bold; }

#side-salon-info h5 span { display: inline-block; padding-right: 6px; background: #EEE; }

#side-salon-info p { margin: 0 0 12px; font-size: 91%; }

#side-salon-info p:last-child { margin: 0; }

#side .side-link-lists { margin: 0 0 12px; border-top: solid 1px #CCC; }

#side .side-link-lists li { border-bottom: solid 1px #CCC; }

#side .side-link-lists .table { display: table; width: 100%; }

#side .side-link-lists .table > div { display: table-cell; vertical-align: middle; }

#side .side-link-lists .pict { padding: 12px 0; width: 60px; }

#side .side-link-lists .pict img { width: 100%; }

#side .side-link-lists a:hover .title { text-decoration: underline; }

#side .side-link-lists .title { padding: 12px 12px 12px 0; }

#side .side-link-lists .num { line-height: 1; margin: 0 0 3px; font-family: "Times New Roman", Times, serif; font-size: 167%; font-weight: bold; }

#side .side-link-lists .sub { font-size: 84%; color: #666; }

#side .side-link-lists .name { margin: 0 0 3px; font-size: 117%; font-weight: bold; }

#side .side-link-lists .body { clear: both; padding: 0 0 12px; font-size: 84%; }

#side .pickup-title { display: table; margin: 0 0 12px; }

#side .pickup-title > div { display: table-cell; vertical-align: middle; line-height: 1; }

#side .pickup-title .pickup { padding: 0 6px 0 0; }

#side .pickup-title .sub { line-height: 1; margin: 0 0 1px; font-size: 91%; font-family: "Times New Roman", Times, serif; font-weight: bold; }

#side .pickup-title h4 { display: inline-block; line-height: 1; margin: 0 6px 0 0; font-size: 133%; font-family: "Times New Roman", Times, serif; }

#side .pickup-title span { line-height: 1.6; font-size: 84%; color: #999; }

#side-hair-style div.pict { float: left; margin: 7px; text-align: center; }

#side-hair-style div.pict img { display: block; width: 66px; }

#pickup-style { display: table; width: 100%; border-bottom: solid 1px #CCC; }

#pickup-style h5 { margin: 0 0 12px; font-size: 100%; }

#pickup-style p { margin: 0 0 12px; font-size: 91%; }

#pickup-style > div { display: table-cell; padding-bottom: 12px; }

#pickup-style div.text-center { display: table-cell; height: 128px; vertical-align: middle; }

#pickup-style > div.pict { width: 120px; padding-right: 12px; }

#pickup-style > div.pict img { width: 120px; }

#pickup-style .stylist { display: table; }

#pickup-style .stylist > div { display: table-cell; vertical-align: middle; }

#pickup-style .stylist .pict { width: 36px; padding-right: 6px; }

#pickup-style .stylist .pict img { width: 36px; border-radius: 17px; }

#pickup-style .stylist .salon { font-size: 84%; }

#side > .white { margin: 0 0 24px; }

.white h4.lucida { line-height: 1; margin: 0 0 12px; font-size: 133%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; text-align: center; }

.white h4.noto { line-height: 1; margin: 0 0 24px; font-size: 166.666666%; font-family: Noto, sans-serif; font-weight: bold; text-align: center; }

.white h4.lucida.left { text-align: left; }

.white .keyword-more { clear: both; padding: 12px 0 0; }

.white .keyword-more a { line-height: 1; padding-left: 12px; background: url(/static/img/beauty/selected-g.png) no-repeat left; background-size: 6px 8px; }

.hairstyle-list-mini li { float: left; width: 96px; height: 96px; margin: 6px 6px 0 0; }

.hairstyle-list-mini + .hairstyle-list-mini { margin-top: 6px; }

.hairstyle-list-mini li:nth-child(1), .hairstyle-list-mini li:nth-child(2), .hairstyle-list-mini li:nth-child(3) { margin-top: 0; }

.hairstyle-list-mini li:nth-child(3n) { margin-right: 0; }

.hairstyle-list-mini li a { position: relative; display: block; width: 96px; height: 96px; }

.hairstyle-list-mini li img { width: 96px; height: 96px; }

.hairstyle-list-mini .text { position: absolute; left: 0; bottom: 0; line-height: 1; width: 100%; background: rgba(123, 172, 153, 0.5); color: #FFF; text-align: center; }

.hairstyle-list-mini .text p { padding: 8px; }

.category-list li { float: left; width: 144px; margin: 0 0 6px; padding: 0 0 6px; border-bottom: solid 1px #E5EEEB; }

.category-list li:nth-child(2n) { margin-left: 12px; }

.category-list li a { display: table; width: 100%; }

.category-list li a > div { display: table-cell; vertical-align: middle; }

.category-list .pict { width: 36px; padding-right: 12px; }

.category-list img { width: 36px; height: 36px; }

#column-side-list li { position: relative; margin: 0 0 12px; }

#column-side-list li:last-child { margin: 0 0 24px; }

#line-column #column-side-list li:last-child, #line-column2 #column-side-list li:last-child { margin: 0; }

#column-side-list a { display: table; width: 100%; }

#column-side-list a > div { display: table-cell; vertical-align: middle; }

#column-side-list .pict { width: 72px; padding-right: 12px; }

#column-side-list .pict img { width: 72px; height: 72px; }

#column-side-list .pict span { position: absolute; left: -6px; top: -6px; display: block; line-height: 1; width: 23px; padding: 6px 0; border-radius: 12px; background: #B8C8BE; color: #FFF; font-size: 91%; text-align: center; }

#column-side-list.not-ranking .pict span { display: none; }

#cutmode-rec { padding: 12px; border-radius: 3px; background: #F5E2E5; }

#cutmode-rec a { display: block; line-height: 1.9; padding: 12px; border-bottom: solid 2px #C04358; border-radius: 6px; background: -webkit-linear-gradient(top, #DB939F, #CC6777); background: -moz-linear-gradient(top, #DB939F, #CC6777); background: -o-linear-gradient(top, #DB939F, #CC6777); background: -ms-linear-gradient(top, #DB939F, #CC6777); background: linear-gradient(to bottom, #DB939F, #CC6777); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#DB939F, endcolorstr=#CC6777); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DB939F, endcolorstr=#CC6777)"; color: #FFF; font-size: 117%; font-weight: bold; text-shadow: 0 -1px 0 #C04358; text-align: center; }

#cutmode-rec a:hover { background: #CC6777; text-decoration: none; }

#cutmode-rec p { margin: 12px 0 0; line-height: 1.5; color: #C04358; font-size: 91%; text-align: center; }

#en-tab { display: table; margin: 0 0 12px; }

#en-tab li { display: table-cell; }

#en-tab li + li { border-left: solid 1px #FFF; }

#en-tab li a { display: block; line-height: 1; padding: 10px 6px 10px 12px; background: #EEE; color: #000; text-decoration: none; }

#en-tab li:first-child a { padding-left: 18px; border-radius: 16px 0 0 16px; }

#en-tab li:last-child a { padding-right: 8px; border-radius: 0 16px 16px 0; }

#en-tab li a.selected { background: #000; color: #FFF; }

#salon-content #stylist-cutmodel-list > li, #stylist-detail #stylist-cutmodel-list > li { display: block; height: auto; }

#salon-content #stylist-cutmodel-list .type, #stylist-detail #stylist-cutmodel-list .type { padding: 12px 12px 6px; display: block; }

#salon-content #stylist-cutmodel-list h4, #stylist-detail #stylist-cutmodel-list h4 { padding: 0 12px; font-size: 117%; }

#stylist-detail #stylist-cutmodel-list .table { display: table; width: 100%; min-height: 138px; }

#stylist-detail #stylist-cutmodel-list .table > div { display: table-cell; min-height: 120px; vertical-align: top; padding: 6px 12px 12px; }

#salon-content #stylist-cutmodel-list .table > div.pict, #stylist-detail #stylist-cutmodel-list .table > div.pict { width: 120px; padding-right: 0; vertical-align: middle; text-align: center; }

#salon-content #stylist-cutmodel-list .table > div.pict a, #stylist-detail #stylist-cutmodel-list .table > div.pict a { width: 120px; }

#salon-content #stylist-cutmodel-list .table > .pict img, #stylist-detail #stylist-cutmodel-list .table > .pict img { width: 120px; }

#stylist-detail #stylist-cutmodel-list .koumoku { margin: 0 0 12px; border-bottom: dotted 1px #CCC; }

#stylist-detail #stylist-cutmodel-list .koumoku li { line-height: 1.2; margin: 0 0 6px; }

#stylist-detail #stylist-cutmodel-list .koumoku li:last-child { margin: 0 0 12px; }

#salon-content #stylist-cutmodel-list .apply-btn, #stylist-detail #stylist-cutmodel-list .apply-btn { display: block; padding: 12px; border-top: solid 1px #DDD; }

#salon-content #stylist-cutmodel-list .apply-btn a, #stylist-detail #stylist-cutmodel-list .apply-btn a { float: left; display: block; line-height: 1; width: 48.01324503311258%; padding: 9px 0; border-radius: 4px; background: #000; color: #FFF; text-decoration: none; text-align: center; }

#salon-content #stylist-cutmodel-list .apply-btn a:hover, #stylist-detail #stylist-cutmodel-list .apply-btn a:hover { background: #333; }

#salon-content #stylist-cutmodel-list .apply-btn a + a, #stylist-detail #stylist-cutmodel-list .apply-btn a + a { float: right; background: #666; }

#salon-content #stylist-cutmodel-list .apply-btn a + a:hover, #stylist-detail #stylist-cutmodel-list .apply-btn a + a:hover { background: #999; }

#salon-content #stylist-cutmodel-list .apply-btn:after, #stylist-detail #stylist-cutmodel-list .apply-btn:after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

#grid .more a, #stylist-detail .more a { position: absolute; top: 0px; right: 0px; background-color: #DFE1E3; padding: 9px 12px; border-radius: 4px; color: #2D4360; text-decoration: none; }

#stylist-detail .more a { top: -15px; }

#grid .more a:hover, #stylist-detail .more a:hover { background-color: #2D4360; color: #FFF; }

#side-search h4 { line-height: 1; padding: 12px; background: #000; color: #FFF; text-align: center; }

#side-search dt { line-height: 1; padding: 12px; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #DDDDDD; background: #F9F9F9; font-weight: bold; }

#side-search dd { padding: 12px; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #DDDDDD; background: #EEEEEE; }

#side-search dt:first-child { border-top: none; }

#side-search dd > span { display: inline-block; margin-right: 12px; }

#side-search dd > span.select { display: inline-block; margin-right: 6px; line-height: 2.5; }

#side-search dd.more { padding: 0; }

#side-search dd > a { position: relative; display: block; line-height: 1.4; padding: 12px; text-decoration: none; }

#side-search dd > a:hover { background: #E6E6E6; }

#side-search dd > a span.plus { position: absolute; right: 10px; top: 11px; width: 18px; height: 18px; border-radius: 3px; background: url(/static/img/beauty/search-more.png) no-repeat; background-size: 18px 18px; }

#side-search input[type=checkbox], #side-search input[type=radio] { margin: 0 4px 0 0; vertical-align: middle; }

#side-search input[type=text] { width: 200px; }

#side-search input[type=text].input-l { width: 262px; }

#side-search select { margin-right: 6px; }

#side-search select:last-child { margin-right: 0; }

#side-search .color-list input[type=checkbox] { display: none; }

#side-search .box { line-height: 1; padding: 12px; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #DDDDDD; background: #F9F9F9; }

#side-search .box:last-child { line-height: 1.4; border-bottom: none; font-size: 91%; }

#side-search .box a { color: #555; }

#stylist-salon-name { padding: 12px; background: #EEE; }

#stylist-salon-name.short { text-align: center; }

#stylist-salon-name .yomi { line-height: 1.2; font-size: 84%; }

#stylist-salon-name .name { line-height: 1.2; font-size: 133%; font-weight: bold; }

#stylist-salon-name .name span { font-size: 75%; vertical-align: baseline; }

#stylist-salon-name .tel { line-height: 1.2; font-weight: bold; }

#stylist-salon-data { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); }

#stylist-salon-data h4 { line-height: 1; padding: 12px; background: #222; color: #FFF; font-weight: normal; }

#stylist-salon-data dl { padding: 12px; background: #EEE; }

#stylist-salon-data dt { line-height: 1; margin: 0 0 6px; padding: 0; background: url(/static/img/beauty/beauty-dotted2-000.png) repeat-x left bottom; background-size: 6px 1px; vertical-align: top; font-size: 84%; }

#stylist-salon-data dt span { display: inline-block; line-height: 1; padding-right: 6px; background: #EEE; font-weight: bold; }

#stylist-salon-data dd { margin: 0 0 12px; }

#stylist-salon-data dd:last-child { margin: 0; }

#stylist-salon-data div.photo > img { width: 300px; }

#stylist-salon-data .sub-data { padding: 12px; background: #EEE; }

#stylist-salon-data .sub-data .icon14, #stylist-salon-data .sub-data .icon12 { margin-right: 4px; }

#stylist-salon-data .sub-data li { float: left; line-height: 1.1; }

#stylist-salon-data .sub-data li + li { margin-right: 6px; }

#stylist-salon-data .sub-data li.tel { float: none; margin: 0 0 6px; line-height: 1.1; font-size: 125%; font-weight: bold; }

#stylist-salon-data #register-salon { text-align: center; padding: 60px 0px; background-color: #EEEEEE; }

#stylist-salon-data #register-salon h5 { font-size: 12px; color: #9FA0A0; font-weight: normal; }

#stylist-salon-data #register-salon a.pink-link { width: 200px; }

#pagetop { position: fixed; right: 50%; bottom: 151px; display: none; line-height: 4; width: 48px; margin-right: -500px; padding: 0; border-radius: 24px; background: #353432; color: #FFF; text-align: center; text-decoration: none; cursor: pointer; }

#wide-column #pagetop { margin-right: -550px; }

#pagetop:hover { background: #444341; }

#stylist-hairstyle li { position: relative; float: left; width: 168px; margin: 0 1px 1px 0; }

#stylist-hairstyle li a { display: block; }

#stylist-hairstyle li:nth-child(4n) { margin-right: 0; }

#stylist-hairstyle li:last-child { margin-bottom: 12px; }

#stylist-hairstyle li img { width: 168px; height: 168px; }

#stylist-hairstyle li:nth-child(4n) img { width: 169px; }

#stylist-hairstyle li .btn-action { display: none; position: absolute; right: 38px; top: 6px; line-height: 1; padding: 6px; border-radius: 4px; background: rgba(0, 0, 0, 0.5); }

#stylist-hairstyle li .btn-action:hover { background: rgba(0, 0, 0, 0.8); }

#stylist-hairstyle li:hover .btn-action { display: block; }

#stylist-hairstyle li .only-trash, #stylist-hairstyle li .btn-action + .btn-action { right: 6px; }

#stylist-hairstyle li .btn-action .icon14 { margin: 0; }

#stylist-hairstyle li .center-square { display: none; }

#stylist-hairstyle-zero > p { margin: 60px 0 24px; color: #999; font-size: 133%; text-align: center; }

#stylist-hairstyle-zero .en-btn { display: block; line-height: 1.5; width: 180px; margin: 0 auto; padding: 50px 0; border-radius: 90px; background: #717C94; color: #FFF; font-size: 12px; text-decoration: none; text-align: center; }

#stylist-hairstyle-zero .en-btn .text { display: block; margin: 0 0 8px; }

#stylist-hairstyle-zero .en-btn .icon36.camera.w { margin: 0px 65px; }

#stylist-hairstyle-zero .block { background: #FFF; padding: 40px; text-align: center; border-radius: 5px; }

#big-circle { text-align: center; }

#big-circle a:hover { text-decoration: none; }

#big-circle h3 { margin-top: 108px; margin-bottom: 20px; font-size: 18px; font-weight: normal; }

#big-circle .ring { background-color: #8C97A9; width: 130px; height: 130px; border-radius: 130px; margin: auto; padding: 45px; }

#big-circle .message { margin: auto; font-size: 133%; width: 113px; color: #FFF; font-weight: bold; }

#big-circle img { margin-top: 8px; width: 60px; }

#ads-stylist { margin-top: 50px; }

#mypage { margin: 0 0 24px; background: #FFF url(/static/img/beauty/mypage-nav-bg.png) repeat-y left top; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#mypage #my-content div.acount-del { text-align: right; float: right; width: 130px; margin-top: -15px; }

#mypage #my-content .acount-del a { color: #999; }

#mypage-menu { float: left; width: 120px; background: #222; }

#mypage-menu div { color: #777; }

#mypage-menu a { z-index: 10; color: #FFF; }

#mypage-menu a, #mypage-menu div { position: relative; display: block; line-height: 1; padding: 24px 0; font-size: 91%; text-align: center; }

#mypage-menu a .sum { position: absolute; left: 50%; top: 16px; display: block; line-height: 1; margin-left: 3px; border-radius: 8px; padding: 3px 5px; background: red; color: #FFF; font-size: 91%; }

#mypage-menu li.border-top { border-top: solid 2px #444; }

#mypage-menu li:first-child a { padding: 28px 0; font-size: 133%; }

#mypage-menu li:first-child a.selected img { display: none; }

#mypage-menu a:hover { background: #333; text-decoration: none; }

#mypage-menu li:first-child a.selected:hover { background: url(/static/img/beauty/mypage-menu-over.png) no-repeat right top; }

#mypage-menu div .icon24, #mypage-menu a .icon24 { display: block; margin: 0 auto 9px; }

#mypage-menu a img { display: none; position: absolute; right: 0; top: 50%; width: 9px; height: 18px; margin-top: -9px; }

#mypage-menu a.selected img { display: block; }

#my-content { position: relative; float: left; width: 832px; padding: 24px; }

#my-content > h2 { position: relative; line-height: 1; padding: 12px; background: #222; color: #FFF; font-size: 100%; font-weight: normal; }

#my-content > h2.normal { margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 2px #000; background: #FFF; color: #000; font-size: 117%; font-weight: bold; }

#my-content > h3.normal { line-height: 1.8; margin: 0 0 12px; background: #FFF; color: #000; font-size: 117%; font-weight: bold; }

#my-content h2 a.more-link { position: absolute; right: 12px; top: 12px; color: #666; font-size: 91%; }

#my-content div.input100.box textarea { width: 100%; height: 300px; }

#my-content table.form { width: 100%; margin: 0 0 24px; border: none; border-collapse: separate; border-spacing: 0; background: #F6F6F6; }

#my-content table.form th, #my-content table.form td { padding: 12px 0 12px 12px; border-top: solid 1px #FFF; border-bottom: solid 1px #DDDDDD; text-align: left; vertical-align: middle; }

#my-content table.form td .sub { display: inline-block; line-height: 1; margin: 0 0 12px; padding: 8px; border-radius: 4px; background: #FFF; color: #F7998E; }

#white-block table.form tr.area label { margin-right: 7px; }

#white-block table.form td div.more-time { text-align: right; }

#white-block table.form td a.more-time { display: inline-block; line-height: 1.4; margin: 6px 0 12px; padding: 6px; border: solid 1px #DDD; border-radius: 4px; background: #FFF; font-size: 91%; text-decoration: none; }

#white-block table.form td .time-add { display: table; padding-left: 7px; text-align: right; }

#white-block table.form td .time-add > div { display: table-row; vertical-align: middle; }

#white-block table.form td .time-add > div.time-line { margin-bottom: 7px; display: block; }

#white-block table.form td #input_treatment_date_free { width: 525px; }

#white-block table.form td a.more-time:hover { background-color: #EEE; }

#white-block table.form tr:first-child th, #white-block table.form tr:first-child td { border-top: none; }

#white-block table.form tr:last-child th, #white-block table.form tr:last-child td { border-bottom: none; }

#white-block table.form th { width: 1%; white-space: nowrap; font-weight: normal; }

#white-block table.form td.textarea { padding-right: 24px; }

#white-block table.form input[type=text] { width: 240px; }

#white-block table.form input[type=text].xlong { width: 450px; }

#white-block table.form input[type=text].long { width: 360px; }

#white-block table.form input[type=text].xm { width: 200px; }

#white-block table.form input[type=text].m { width: 120px; }

#white-block table.form input[type=text].s { width: 90px; }

#white-block table.form td.input100 { padding-right: 26px; }

#white-block table.form td.input100 input[type=text] { width: 100%; }

#white-block table.form select { margin: 0 6px; vertical-align: middle; }

#mypage #my-content table.form textarea { width: 96%; }

#my-content table.form .select-list select, #my-content table.form .select-list input { margin: 0 6px; vertical-align: middle; }

#my-content table.form .select-list > div { margin: 0 0 6px; vertical-align: middle; }

#my-content table.form .select-list > div:last-child { margin: 0; }

#my-content table.form textarea { width: 100%; height: 96px; font-size: 100%; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#my-content table.form select:first-child { margin: 0 6px 0 0; }

#my-content table.form td:nth-child(3) { width: 1%; padding: 12px; }

#my-content table.form td:nth-child(3) select { margin: 0; }

#my-content table.form td span.settings-more { font-weight: 11px; color: #999; padding-left: 15px; }

#my-content span.reply, #my-content input[type=submit], #my-content .archive .btn { display: inline-block; line-height: 1; width: auto; padding: 12px 24px; background: #222; color: #FFF; border-radius: 5px; }

#my-content input[type=submit]:hover { background: #555; }

#my-content input[type=submit].red { background: #CD6878; }

#my-content input[type=submit].red:hover { background: #D5808C; }

#my-content input[type=submit].pink { background: #FF7D83; }

#my-content input[type=submit].pink:hover { background: #FFAAAC; }

#my-content a span.pink.cancel, #my-content input[type=reset].pink.cancel, #my-content input[type=submit].pink.cancel { padding: 10px 22px; background: #FFF; border: solid 2px #FF7D83; color: #FF7D83; }

#my-content a span.pink.cancel { display: inline-block; }

#my-content a span.pink.cancel:hover, #my-content input[type=submit].pink.cancel:hover { border-color: #FFAAAC; background: #FFF0F0; }

#my-content a.cancel { text-decoration: none; margin-right: 12px; }

#my-content input[type=reset] { line-height: 1; margin: 0 12px 0 0; padding: 11px 23px; border: solid 1px #DDD; background: #FFF; color: #999; font-size: 100%; cursor: pointer; outline: none; }

#my-content input[type=reset]:hover { background: #EEE; color: #666; }

#my-content table.form td.check { padding-bottom: 6px; }

#stylist-hope select { width: 245px; }

#form_information span.check, #hairstyle_admin_form span.check, #stylist_form span.check, #my-content span.check { display: inline-block; margin: 0 12px 6px 0; vertical-align: middle; }

#my-content .not-check span.check { margin: 0 12px 0 0; }

#my-content td strong { display: inline-block; margin: 0 0 4px; }

#my-content table.form .red { color: red; font-size: 84%; vertical-align: baseline; }

#my-content span.check + input[type=text] { vertical-align: middle; margin: 0 12px 5px -6px; }

#my-content table.form th.title { line-height: 1; padding: 12px; border: none; background: #444; color: #FFF; font-size: 100%; font-weight: normal; }

#my-content input[type=checkbox], #my-content input[type=radio] { margin: 0 4px 1px 0; vertical-align: middle; }

#my-content table.form span.actual-hope { width: 135px !important; background: none; text-align: left !important; color: #000; margin-left: 10px; }

#my-content table.form .type span { width: 120px; padding: 10px 0; font-size: 91%; text-align: center; vertical-align: middle; }

#my-content .my-hair-salon li { float: left; margin: 0 12px 0 0; width: 212px; background: #FFF; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

#my-content .my-hair-salon li:nth-child(3n) { margin: 0; }

#my-content .my-hair-salon li > a { position: relative; display: block; width: 212px; height: 159px; background-color: #DDDDDD; background-position: center; background-repeat: no-repeat; background-size: contain; text-align: center; }

#my-content .my-hair-salon li.add > a { background-size: 60px 60px; }

#my-content .my-hair-salon li > a > div { position: absolute; left: 0; bottom: 0; width: 100%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#FF000000, endcolorstr=#CC000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF000000, endcolorstr=#CC000000)"; color: #FFF; text-shadow: 0 1px 0 #000; text-align: left; }

#my-content .my-hair-salon li > a > div h4 { padding: 12px 12px 0; font-weight: normal; }

#my-content .my-hair-salon li > a > div p { padding: 0 12px 12px; font-size: 84%; font-weight: normal; }

#my-content .my-hair-salon li > div.btn-block { padding: 12px; text-align: center; }

#my-content .my-hair-salon li > div.btn-block a { display: inline-block; line-height: 1; padding: 8px 12px; border-radius: 14px; background: #666666; font-size: 91%; color: #FFF; text-decoration: none; }

#my-content .my-hair-salon li > div.btn-block a.change-btn { padding: 7px 11px; border: solid 1px #CCCCCC; background: #F6F6F6; color: #222; }

#my-content .my-hair-salon li > div.btn-block a:hover { background: #888; }

#my-content .my-hair-salon li > div.btn-block a.change-btn:hover { background: #FFF; }

#my-content .left-content { float: left; width: 568px; margin-right: 10px; }

#my-content .right-content { float: right; width: 240px; }

#my-content .left-content > h3, #my-content .right-content > h3, #my-content .left-content > section > h3, #my-content .right-content > section > h3, #my-content .left-content > article > h3, #my-content .right-content > article > h3 { line-height: 1; margin: 0 0 12px; padding: 12px; background: #222; color: #FFF; font-size: 100%; font-weight: normal; text-align: center; }

#my-content .left-content h3.margin-none, #my-content .right-content h3.margin-none { margin: 0; }

#my-content .right-content h3.column { padding: 2px 0; border-top: solid 2px #222; border-bottom: solid 2px #222; background: #FFF; color: #000; font-size: 133%; font-family: "Times New Roman", Times, serif; font-weight: bold; }

#my-content .right-content h3.column > span { display: block; padding-top: 11px; background: url(/static/img/beauty/tit-big-top.png) repeat-x top; background-size: 8px 2px; }

#my-content .right-content h3.column > span > span { display: block; padding-bottom: 11px; background: url(/static/img/beauty/tit-big-bottom.png) repeat-x bottom; background-size: 8px 2px; }

#mypage-tab { margin: 0 0 24px; }

#mypage-tab dl { float: left; margin-right: 24px; }

#mypage-tab dt { float: left; margin: 0 12px 0 0; line-height: 1.2; font-weight: bold; padding: 7px 0; }

#mypage-tab dd, #mypage-tab li { float: left; margin-right: 2px; }

#mypage-tab dd a, #mypage-tab li a { display: block; line-height: 1; padding: 8px 12px; background: #EEEEEE; font-size: 91%; }

#mypage-tab dd:nth-child(2) a, #mypage-tab li:first-child a { border-radius: 14px 0 0 14px; }

#mypage-tab dd:last-child a, #mypage-tab li:last-child a { border-radius: 0 14px 14px 0; }

#mypage-tab dd a.selected, #mypage-tab dd a:hover, #mypage-tab li a.selected, #mypage-tab li a:hover { background: #222; color: #FFF; text-decoration: none; }

#my-content .my-harf-block { position: relative; float: left; width: 356px; margin-bottom: 24px; padding: 24px 24px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }

#my-content .more-link { position: absolute; right: 24px; bottom: 24px; line-height: 1; }

#my-content .my-harf-block:first-child { margin-right: 24px; }

#my-content .my-harf-block .title-sub { line-height: 1; margin: 0 0 6px; color: #999; font-size: 91%; text-align: center; }

#my-content .my-harf-block > h2 { margin: 0 0 24px; line-height: 1; font-size: 200%; font-family: "Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: bold; text-align: center; }

#my-content .hair-style-list { margin: 0 0 36px; }

#my-content .hair-style-list li { float: left; width: 116px; height: 116px; margin-right: 4px; }

#my-content .hair-style-list li:nth-child(1) { margin: 0 4px 4px 0; }

#my-content .hair-style-list li:nth-child(2) { margin: 0 0 4px 0; }

#my-content .hair-style-list li:nth-child(5) { margin: 0; }

#my-content .hair-style-list li:nth-child(1), #my-content .hair-style-list li:nth-child(2), #my-content .hair-style-list li:nth-child(1) a img, #my-content .hair-style-list li:nth-child(2) a img { width: 176px; height: 176px; }

#my-content .hair-style-list li:nth-child(3) a img.corner-round, #my-content .hair-style-list li:nth-child(4) a img.corner-round, #my-content .hair-style-list li:nth-child(5) a img.corner-round { display: block; width: 116px; height: 153px; background-position: center; background-size: cover; }

#my-content .hair-style-list li:nth-child(1) div.date, #my-content .hair-style-list li:nth-child(2) div.date { width: 152px; }

#my-content .hair-style-list li:nth-child(3) div.date, #my-content .hair-style-list li:nth-child(4) div.date, #my-content .hair-style-list li:nth-child(5) div.date { width: 92px; }

#my-content .hair-style-list li a div.pict > img { width: 42px; height: 42px; }

#my-content #cutmodel-list > li { width: 308px; margin: 0 0 12px; }

#my-content .left-content #cutmodel-list > li { width: 250px; margin: 0 12px 12px 0; }

#my-content #cutmodel-list > li:last-child { margin: 0 0 36px; }

#my-content .left-content #cutmodel-list .data > div.pict, #my-content .left-content #cutmodel-list .data > div.pict img { width: 68px; }

#mypage-sort { margin: 0 0 18px; }

#mypage-sort th { padding: 0 0 6px; font-weight: normal; text-align: left; vertical-align: middle; }

#mypage-sort table.simple td { vertical-align: top; }

#mypage-sort td { padding: 0 0 6px; vertical-align: middle; }

#mypage-sort td select { vertical-align: middle; }

#mypage-sort td span > a { color: #FFF; }

#mypage-sort td > a, #mypage-sort td > div > a { display: inline-block; line-height: 1; margin-right: 2px; padding: 7px 9px; text-decoration: none; font-size: 91%; }

#mypage-sort td > a:hover, #mypage-sort td > div > a:hover { background: #EEE; }

#mypage-sort td a.selected, #mypage-sort td a.selected:hover { background: #222; color: #FFF; }

#mypage-sort div.photo-container img, #mypage-sort div.pic-container img { max-height: 320px; max-width: 260px; }

#my-content div.btn-action div.archive a.btn.gray, #mypage-sort a.btn.gray > span { margin-right: 10px; background: #999; }

#my-content div.btn-action div.archive a.btn.gray:hover, #mypage-sort a.btn.gray:hover { text-decoration: none; }

#hairstyle-form div.link-photo, #hairstyle_admin_form div.link-photo, #mypage-sort div.link-photo { font-size: 12px; color: #FF7885; margin-bottom: 15px; }

#hairstyle-form div.link-photo a, #hairstyle_admin_form div.link-photo a, #mypage-sort div.link-photo a { text-decoration: underline; color: #FF7885; margin-bottom: 15px; }

#hairstyle-submit { width: 150px; }

#my-content .page-sum { position: absolute; right: 0; top: -36px; line-height: 1; }

#my-name { display: table; width: 880px; background: #F6F6F6; height: 72px; }

#my-name > div { display: table-cell; vertical-align: middle; }

#my-name > div.pict { width: 48px; padding: 12px 12px 12px 24px; }

#my-name > div.pict img { width: 48px; height: 48px; border-radius: 24px; }

#my-name > div.name h2 { font-size: 117%; font-weight: bold; }

#review-list { margin: 0 0 24px; }

#review-list h4 { float: left; margin: 0 0 12px; font-size: 133%; }

#review-list .sub { float: right; margin: 0 0 12px; padding-top: 5px; font-size: 91%; }

#review-list .body { clear: both; padding: 12px 0; border-top: dotted 1px #CCC; }

#review-list .salon-voice { padding: 12px; border: solid 4px #CCCCCC; }

#review-list .salon-name { line-height: 4; margin: 0 0 12px; font-weight: bold; }

#review-list .salon-name img { width: 48px; height: 48px; margin: 0 12px 0 0; border-radius: 24px; vertical-align: middle; }

#review-list .right { line-height: 1; padding-top: 12px; }

#prof_picture { padding: 5px; }

#prof_picture div.box5 { padding: 5px; }

#prof_picture input[type="submit"] { display: block; line-height: 1; padding: 6px 9px; border-radius: 4px; border-bottom: solid 2px #CCC; background: -webkit-linear-gradient(top, #F6F6F6, #EEEEEE); background: -moz-linear-gradient(top, #F6F6F6, #EEEEEE); background: -o-linear-gradient(top, #F6F6F6, #EEEEEE); background: -ms-linear-gradient(top, #F6F6F6, #EEEEEE); background: linear-gradient(to bottom, #F6F6F6, #EEEEEE); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#F6F6F6, endcolorstr=#EEEEEE); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F6F6F6, endcolorstr=#EEEEEE)"; color: #333; text-shadow: 0 1px 0 #CCC; text-decoration: none; }

#prof_picture input[type="submit"]:hover { background: #EEE; }

.new-submit.delete > span { background: linear-gradient(to bottom, #999999, #666666) repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 91%; padding: 6px 7px 5px; text-shadow: 0 1px 0 #333; }

.new-submit > span { background: linear-gradient(to bottom, #ff9148, #e65c01) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 5px; color: #fff !important; display: inline-block; font-size: 100%; line-height: 100% !important; padding: 10px 20px 8px; text-decoration: none !important; text-shadow: 0 1px 0 #b14700; }

#mypage-hairstyle-list li { float: left; margin: 0 6px 24px 0; width: 106px; }

#mypage-hairstyle-list li.style { width: 98px; height: 127px; }

#mypage-hairstyle-list li.style a { display: block; width: 98px; height: 135px; background-repeat: no-repeat; background-position: center; background-size: cover; }

#mypage-hairstyle-list li:first-child { margin: 0 12px 24px 0; }

#mypage-hairstyle-list li:nth-child(6n) { margin: 0 12px 0 0; }

#mypage-hairstyle-list li:last-child { margin: 0 0 24px 0; }

#mypage-hairstyle-list li a img.corner-round { display: block; height: 158px; max-width: 106px; }

#mypage-hairstyle-list li.page-btn a { display: block; height: 35px; padding: 50px 0; text-decoration: none; }

#mypage-hairstyle-list li.page-btn span { display: block; width: 15px; height: 35px; background: url(/static/img/beauty/page-arrow.png) no-repeat center; background-size: 15px 35px; }

#mypage-hairstyle-list li span.center-square { position: absolute; }

#mypage-hairstyle-list li.page-btn.next span { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

#mypage-hairstyle-list div.date { width: 81px; }

#mypage-salon-list li { float: left; margin: 0 6px 24px 0; text-align: center; }

#mypage-salon-list li.style { width: 135px; }

#mypage-salon-list li.style a, #mypage-salon-list li.style img { display: block; width: 124px; height: 93px; margin: 0 0 6px; background-repeat: no-repeat; background-position: center; background-size: cover; }

#mypage-salon-list li:first-child { margin: 0 12px 24px 0; }

#mypage-salon-list li:nth-child(5n) { margin: 0 12px 0 0; }

#mypage-salon-list li:last-child { margin: 0 0 24px 0; }

#mypage-salon-list li.page-btn a { display: block; height: 35px; padding: 29px 0; text-decoration: none; }

#mypage-salon-list li.page-btn span { display: block; width: 15px; height: 35px; background: url(/static/img/beauty/page-arrow.png) no-repeat center; background-size: 15px 35px; }

#mypage-salon-list li.page-btn.next span { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

#mypage-salon-list li .area { font-size: 84%; }

#side-timeline { margin: 0 0 24px; }

#side-timeline li { display: table; width: 100%; background: url(/static/img/beauty/beauty-dotted2-000.png) repeat-x bottom; background-size: 12px 1px; }

#side-timeline li > div { display: table-cell; padding: 12px 0 13px; }

#side-timeline li > .pict { width: 48px; padding-right: 12px; }

#side-timeline li > .pict img { width: 48px; height: 48px; border-radius: 24px; }

#side-timeline li > .text { font-size: 91%; vertical-align: middle; }

#side-timeline li > .text .red { color: #F35F49; }

#side-timeline li > .text .day { font-size: 90%; }

#side-timeline li > .sub { width: 48px; padding-left: 12px; }

#side-timeline li > .sub span { display: block; width: 48px; height: 48px; background-position: top; background-size: cover; }

#side-column { margin: 0 0 24px; }

#side-column li { display: table; width: 100%; background: url(/static/img/beauty/beauty-dotted2-000.png) repeat-x bottom; background-size: 12px 1px; }

#side-column li > div { display: table-cell; padding: 12px 0 13px; }

#side-column li > .pict { width: 60px; padding-right: 12px; }

#side-column li.first-child > .pict { width: 84px; }

#side-column li > .pict img { width: 60px; height: 60px; }

#side-column li:first-child > .pict img { width: 84px; height: 84px; }

#side-column li > .text { font-size: 91%; vertical-align: middle; }

#side-column li:first-child > .text { font-size: 100%; }

#side-column li:first-child > .text strong { font-family: "Times New Roman", Times, serif; }

#side-column li > .text span { font-size: 90%; color: #999; }

#my-name-stylist { float: right; position: relative; width: 889px; height: 120px; margin: 0 0 54px -9px; background-repeat: no-repeat; background-size: cover; background: #444; }

#my-name-stylist .board { position: absolute; left: 9px; bottom: 0; width: 880px; height: 48px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#FF000000, endcolorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF000000, endcolorstr=#99000000)"; }

#my-name-stylist .board a:hover { text-decoration: none; }

#my-name-stylist .pict { position: absolute; left: 18px; top: -13px; width: 108px; height: 108px; padding: 6px; border-radius: 60px; background: #FFF; }

#my-name-stylist .pict img { width: 108px; height: 108px; border-radius: 54px; }

#my-name-stylist .name { position: absolute; left: 150px; bottom: 12px; text-shadow: 0 1px 0 #000; }

#my-name-stylist .name h2 { font-size: 133%; font-weight: normal; }

#my-name-stylist .name a { color: #FFF; }

#my-name-stylist .name span { font-size: 75%; vertical-align: baseline; }

#my-name-stylist .data { position: absolute; line-height: 1.4; right: 12px; bottom: 12px; color: #FFF; text-shadow: 0 1px 0 #000; }

#my-name-stylist .data a { display: inline-block; margin-left: 12px; color: #FFF; }

#pickfiles_btn, #my-name-stylist .change { position: absolute; right: 14px; top: 14px; display: block; line-height: 1; padding: 9px; border-radius: 4px; background: #364C6B; color: #FFF; font-size: 100%; text-decoration: none; opacity: .5; }

#pickfiles_btn:hover, #my-name-stylist .change:hover { opacity: .75; }

#my-name-stylist .name a:hover { text-decoration: underline; }

#mypage-side-salon { margin: 0 0 24px; padding: 24px; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); }

#mypage-side-salon .sub-text { line-height: 1; margin: 0 0 6px; font-size: 84%; color: #999; text-align: center; }

#my-content .right-content > #mypage-side-salon h3 { line-height: 1; margin: 0 0 24px; padding: 0; background: none; color: #000; font-size: 150%; font-weight: bold; font-family: "Times New Roman", Times, serif; }

#mypage-side-salon-list { margin: 0 0 24px; }

#mypage-side-cut-model #cutmodel-list > li { margin: 0 24px 24px 0; width: 308px; }

#my-content #mypage-side-salon-list { margin: 0; }

#my-content #mypage-side-salon-list li { position: relative; float: left; margin: 0 24px 24px 0; }

#my-content .my-harf-block #mypage-side-salon-list li { float: left; margin: 0 6px 12px; }

#my-content #mypage-side-salon-list li:nth-child(4n) { margin-right: 0; }

#my-content .my-harf-block #mypage-side-salon-list li:last-child { margin-bottom: 36px; }

#mypage-side-salon-list a { position: relative; display: block; width: 192px; height: 144px; }

#my-content #mypage-side-salon-list a { width: 190px; height: 143px; }

#my-content .my-harf-block #mypage-side-salon-list a { width: 166px; height: 125px; }

#my-content #mypage-side-salon-list a.close { position: absolute; right: 6px; top: 6px; display: block; width: 12px; height: 12px; line-height: 1; padding: 6px; background: rgba(0, 0, 0, 0.5); transition: opacity 0.2s ease; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }

#my-content #mypage-side-salon-list li:hover a.close { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }

#my-content #mypage-side-salon-list a.close .icon12 { margin: 0; }

#mypage-side-salon-list a > img { width: 192px; height: 144px; }

#my-content .my-harf-block #mypage-side-salon-list a > img { width: 166px; height: 125px; }

#my-content div.btn-action { margin: 0 auto; text-align: center; width: 100%; }

#my-content div.btn-action > div { display: inline-block; }

#my-content div.btn-action > div.archive { margin-top: 10px; }

#mypage-side-salon-list a > div { position: absolute; left: 0; bottom: 0; width: 100%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#FF000000, endcolorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FF000000, endcolorstr=#99000000)"; color: #FFF; text-shadow: 0 1px 0 #000; }

#mypage-side-salon-list a:hover > div { background: rgba(0, 0, 0, 0.6); }

#mypage-side-salon-list a > div .salon { padding: 12px 12px 0; }

#mypage-side-salon-list a > div .area { padding: 0 12px 12px; font-size: 84%; }

#mypage-side-salon .center { text-align: center; }

#mypage-side-salon .btn { display: inline-block; line-height: 1; padding: 8px 12px; border-radius: 14px; background: #999; color: #FFF; font-size: 91%; text-decoration: none; }

#mypage-side-salon .btn:hover { background: #BBB; }

#my-content .creat-btn { position: absolute; right: 24px; top: 24px; display: block; line-height: 1; padding: 8px 12px; border-radius: 3px; border-bottom: solid 2px #C04358; background: -webkit-linear-gradient(top, #DB939F, #CC6777); background: -moz-linear-gradient(top, #DB939F, #CC6777); background: -o-linear-gradient(top, #DB939F, #CC6777); background: -ms-linear-gradient(top, #DB939F, #CC6777); background: linear-gradient(to bottom, #DB939F, #CC6777); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#DB939F, endcolorstr=#CC6777); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DB939F, endcolorstr=#CC6777)"; color: #FFF; text-shadow: 0 1px 0 #C04358; text-decoration: none; }

#my-content .creat-btn:hover { background: #CC6777; }

#message-box .tab-menu { margin: 0 0 12px; border-bottom: solid 1px #DDD; }

#message-box .tab-menu li { float: left; margin: 0 6px 0 0; }

#message-box .tab-menu a { display: block; line-height: 1; margin: 0 0 -1px; padding: 12px; border: solid 1px #EEE; border-bottom-color: #DDD; background: #EEEEEE; text-shadow: 0 1px 0 #FFF; text-decoration: none; }

#message-box .tab-menu a:hover { background: #FFF; border-color: #DDD; }

#message-box .tab-menu a.selected, #message-box .tab-menu a.selected:hover { background: #FFF; border-color: #DDD; border-bottom-color: #FFF; }

#message-box .new_message { font-weight: bold; }

#message-box #sort-block { margin: 0 0 14px; }

#message-box #sort-block .switch li { width: 200px; }

#message-box #sort-block .switch li:first-child a { border-radius: 14px 0 0 14px; }

#message-box #sort-block .switch li:last-child a { border-radius: 0 14px 14px 0; }

#message-list { width: 100%; margin: 0 0 24px; border: none; border-collapse: separate; border-spacing: 0; }

#message-list th { line-height: 1; padding: 12px; background: #EEE; font-size: 91%; text-align: left; }

#message-list th:first-child, #message-list th:last-child { width: 1%; white-space: nowrap; }

#message-list td { vertical-align: middle; padding: 12px; border-bottom: solid 1px #DDD; text-align: left; }

#message-list td:first-child, #message-list td:last-child { width: 1%; white-space: nowrap; }

#message-list td:first-child { line-height: 2; }

#message-list img { width: 24px; height: 24px; margin: 0 6px 0 0; border-radius: 12px; vertical-align: middle; }

div.ui-dialog-titlebar { margin-bottom: 22px; }

#report-dialog input[type=submit].submit_btn { width: 100px; margin-top: 8px; }

a.quiet { color: #999; }

a.quiet:hover { color: #000; }

.ui-dialog button.ui-dialog-titlebar-close:hover { background: none; }

#stylist-reg { margin: 24px 0 12px; padding: 24px; background: #FFF; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#stylist-reg > section > section { width: 720px; margin: 0 auto; }

#stylist-reg h2 { line-height: 1.7; margin: 0 0 24px; padding: 0 0 24px; border-bottom: dashed 1px #999; font-size: 117%; font-weight: bold; }

#stylist-reg .center { text-align: center; }

#stylist-reg span.pink, #stylist-reg div.pink { color: #CB4E61; }

#stylist-reg div.more-info { font-size: 75%; }

#stylist-reg .f14 { font-size: 117%; }

#stylist-reg .btn-big.disable { background: #C0C0C0; text-shadow: none; border-bottom: none; color: #777; }

#stylist-reg .btn-big.disable:hover { background: #C0C0C0; }

#stylist-reg .btn-big { display: inline-block; margin: 0; padding: 18px 24px; border: none; border-bottom: solid 2px #BE384D; border-radius: 8px; background: -webkit-linear-gradient(top, #E98B99, #D86778); background: -moz-linear-gradient(top, #E98B99, #D86778); background: -o-linear-gradient(top, #E98B99, #D86778); background: -ms-linear-gradient(top, #E98B99, #D86778); background: linear-gradient(to bottom, #E98B99, #D86778); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#E98B99, endcolorstr=#D86778); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E98B99, endcolorstr=#D86778)"; color: #FFF; font-size: 133%; text-decoration: none; text-shadow: 0 -1px 0 #BE384D; line-height: 1; }

#stylist-reg .btn-big:hover { background: #D86778; }

#stylist-reg h3 { line-height: 1.7; margin: 0 0 12px; font-size: 117%; font-weight: bold; }

#stylist-reg h3 span { margin-left: 6px; font-size: 85%; font-weight: normal; }

#stylist-reg .pink-block { margin: 0 0 24px; padding: 24px; border: solid 4px #CB4E61; }

#stylist-reg .pink-block.top { background: url(/static/img/beauty/stylist-reg-bg.png) no-repeat right bottom; }

#stylist-reg .pink-block h3 { line-height: 1; color: #CB4E61; font-size: 133%; font-weight: normal; text-align: center; }

#stylist-reg .pink-block h3.bold { font-weight: bold; }

#stylist-reg .pink-block p span { font-size: 84%; color: #999; }

#stylist-reg .point-list { margin: 0 0 24px; }

#stylist-reg .point-list li { float: left; width: 232px; margin-right: 12px; }

#stylist-reg .point-list li:last-child { margin: 0; }

#stylist-reg .point-list h4 { line-height: 1; padding: 12px; background: #CB4E61; color: #FFF; font-weight: normal; text-align: center; }

#stylist-reg .point-list.thin h4 { background-color: #E98B99; }

#stylist-reg .point-list div { padding: 12px; border: solid 4px #CB4E61; border-top: none; text-align: center; }

#stylist-reg .point-list.thin div { border-color: #E98B99; }

#stylist-reg .point-list p { height: 86px; margin: 0 0 12px; text-align: left; }

#stylist-reg .point-list.thin p { height: 72px; }

#stylist-reg .point-list p span { display: inline-block; padding-top: 2px; font-size: 84%; color: #999; }

#stylist-reg .process { line-height: 1; margin: 0 0 24px; background: url(/static/img/beauty/process.png) no-repeat left top; }

#stylist-reg .process.p2 { background-position: left -36px; }

#stylist-reg .process.p3 { background-position: left -72px; }

#stylist-reg .process.p4 { background-position: left -108px; }

#stylist-reg .process li { float: left; width: 25%; padding: 12px 0; color: #FFF; text-align: center; }

#stylist-reg table.normal { width: 100%; border-right: solid 1px #DDD; border-top: solid 1px #DDD; }

#stylist-reg table.normal th { width: 1%; line-height: 1; padding: 12px; border-left: solid 1px #DDD; border-bottom: solid 1px #DDD; background: #F6F6F6; text-align: left; vertical-align: middle; white-space: nowrap; }

#stylist-reg table.normal td { padding: 12px; border-left: solid 1px #DDD; border-bottom: solid 1px #DDD; vertical-align: middle; }

#stylist-reg table.normal td.input100 { padding-right: 30px; }

#stylist-reg table.normal td input[type=text] { width: 100%; padding: 8px; }

#stylist-reg table.normal td select { margin: 0 12px 0 6px; vertical-align: middle; }

#stylist-reg table td.intro { font-size: 85%; color: #cb4e61; }

#stylist-reg .btn { display: inline-block; line-height: 1; width: 300px; padding: 12px; border: none; background: #000; color: #FFF; text-decoration: none; outline: none; border-radius: 5px; }

#stylist-reg span.btn.pink.l108 { width: 108px; }

#stylist-reg input.btn.pink.l108 { width: 140px; }

#stylist-reg .btn:hover { background: #333; }

#stylist-reg .btn.pink { background: #FF7C83; width: auto; }

#stylist-reg .btn.pink:hover { background: #DA6C7D; }

#stylist-reg .btn.pink:disabled { background: #AB8B96; }

#stylist-reg span.btn.pink.back { margin-right: 12px; padding: 11px 10px 10px; border: solid 2px #FF7C83; background: #FFF; color: #FF7C83; cursor: pointer; height: 13px; }

#stylist-reg input[type=button].btn.pink.back:hover { background: #F8E7EA; }

#stylist-reg .bottom-btn { border-top: dashed 1px #999; padding: 48px 0 24px; }

#stylist-reg #search-lists { margin: 0; padding: 0; }

#stylist-reg #search-lists .salon-block { position: relative; margin: 0 0 24px; }

#stylist-reg #search-lists .pict1 { margin: 0; }

#stylist-reg #search-lists .info { margin: 0; }

#side .select-btn { position: absolute; right: 0; bottom: 0; display: block; line-height: 1.3; padding: 15px 12px; background: #FFFFFF; font-size: 120%; color: #7A899D; text-decoration: none; }

#stylist-reg #search-lists .select-btn { position: absolute; right: 0; bottom: 0; display: block; line-height: 1.3; padding: 15px 12px; background: #7A899D; font-size: 91%; color: #FFFFFF; text-decoration: none; }

#side .select-btn { position: relative; margin: 24px 0; width: auto; text-align: center; border: solid 4px #7A899D; }

#side .select-btn:hover, #stylist-reg #search-lists .select-btn:hover { background: #7A899D; color: #FFFFFF; }

#stylist-reg table.form { width: 100%; margin: 0 0 12px; border: none; border-collapse: separate; border-spacing: 0; background: #F6F6F6; }

#stylist-reg table.form th, #stylist-reg table.form td { padding: 12px 0 12px 12px; border-top: solid 1px #FFF; border-bottom: solid 1px #DDDDDD; text-align: left; vertical-align: middle; }

#stylist-reg table.form tr:first-child th, #stylist-reg table.form tr:first-child td { border-top: none; }

#stylist-reg table.form tr:last-child th, #stylist-reg table.form tr:last-child td { border-bottom: none; }

#stylist-reg table.form th { width: 1%; line-height: 1; white-space: nowrap; font-weight: normal; vertical-align: middle; }

#stylist-reg table.form th .must { margin-left: 6px; color: #CB4E61; vertical-align: middle; }

#stylist-reg table.form td.check { padding-bottom: 6px; }

#stylist-reg table.form td.check .sonota-position, #white-block table.form td.check .sonota-position { width: 620px; }

#white-block input[type=text] { width: 250px; }

#white-block input[type=text].long { width: 350px; }

#stylist-reg table.form td.check .sonota-language, #my-content table.form td.check .sonota-language { width: 345px; }

#my-content table.form td.more-info input[type=text] { font-size: 11px; }

#my-content table.form td.more-info { font-size: 75%; }

#stylist-reg span.check { display: inline-block; margin: 0 12px 6px 0; vertical-align: middle; }

#stylist-reg table.form td.textarea { padding-right: 24px; }

#stylist-reg table.form input[type=text].short { width: 120px; }

#stylist-reg table.form input[type=text].medium { width: 360px; }

#stylist-reg table.form input[type=text].long { width: 480px; }

#stylist-reg table.form input[type=text] { width: 240px; }

#stylist-reg input[type=checkbox], #stylist-reg input[type=radio] { margin: 0 4px 1px 0; vertical-align: middle; }

#stylist-reg span.check + input[type=text] { vertical-align: middle; margin: 0 12px 5px -6px; }

#stylist-reg table.form td.input100 { padding-right: 26px; }

#stylist-reg table.form td.input100 input[type=text] { width: 100%; }

#stylist-reg table.form select { vertical-align: middle; }

#stylist-reg table.form textarea { width: 100%; height: 96px; font-size: 100%; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#stylist-reg table.form select:first-child { margin: 0 6px 0 0; }

#stylist-reg table.form td:nth-child(3) { width: 1%; padding: 12px; }

#stylist-reg table.form td:nth-child(3) select { margin: 0; }

#stylist-reg form .sub-btn a:hover { background: #D86778; }

#stylist-reg table.form td.tit { line-height: 1.8; background: #FFF; border-top: none; padding: 12px 0; font-size: 117%; font-weight: bold; vertical-align: top; }

#stylist-reg table.form tr:first-child td.tit { padding: 0 0 12px; }

#stylist-reg table.form td.tit span.pink { margin: 0 0 0 6px; font-size: 85%; font-weight: normal; vertical-align: baseline; }

#stylist-reg table.form td.tit p.info-form { font-weight: normal; font-size: 12px; }

#stylist-reg table.form td.sub-btn { line-height: 2.6; border: none; padding: 12px 0 0; background: #FFF; text-align: right; }

#stylist-reg table.form td.sub-btn a { display: inline-block; margin: 0 0 0 6px; padding: 9px; border: none; border-bottom: solid 2px #BE384D; border-radius: 4px; background: -webkit-linear-gradient(top, #E98B99, #D86778); background: -moz-linear-gradient(top, #E98B99, #D86778); background: -o-linear-gradient(top, #E98B99, #D86778); background: -ms-linear-gradient(top, #E98B99, #D86778); background: linear-gradient(to bottom, #E98B99, #D86778); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#E98B99, endcolorstr=#D86778); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E98B99, endcolorstr=#D86778)"; color: #FFF; font-size: 91%; text-decoration: none; text-shadow: 0 -1px 0 #BE384D; line-height: 1; vertical-align: middle; }

#stylist-reg table.form .place-holder { margin-top: 3px; }

#stylist-reg table.form .info-area { margin-bottom: 5px; font-size: 11px; }

#stylist-reg .kiyaku { line-height: 1; margin: 0 0 24px; padding: 24px 0; background: #F6F6F6; }

#stylist-reg .kiyaku a { color: #4992c7; }

#stylist-reg .kiyaku .one-line { margin: 0 auto; text-align: center; }

#stylist-reg .kiyaku .one-line > div { display: inline-block; }

#stylist-reg .bottm-btn2 { margin: 0 0 24px; }

#stylist-reg .bottm-btn2 li { float: left; width: 348px; margin-right: 24px; }

#stylist-reg .bottm-btn2 li:last-child { margin-right: 0; }

#stylist-reg .bottm-btn2 li a { display: block; text-align: center; }

#stylist-reg .bottm-btn2 li p { margin: 0 0 12px; color: #CB4E61; text-align: center; }

#stylist-reg div.guide-stylist { color: #777; font-size: 90%; text-align: left; margin-bottom: 12px; }

#stylist-reg-btn { display: block; line-height: 1.2; margin: 0; padding: 11px 24px; border: none; border-bottom: solid 2px #BE384D; border-radius: 8px; background: -webkit-linear-gradient(top, #E98B99, #D86778); background: -moz-linear-gradient(top, #E98B99, #D86778); background: -o-linear-gradient(top, #E98B99, #D86778); background: -ms-linear-gradient(top, #E98B99, #D86778); background: linear-gradient(to bottom, #E98B99, #D86778); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#E98B99, endcolorstr=#D86778); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E98B99, endcolorstr=#D86778)"; color: #FFF; text-decoration: none; text-shadow: 0 -1px 0 #BE384D; }

#stylist-reg-btn:hover { background: #D86778; }

#stylist-reg-btn .icon14 { margin-top: -1px; }

#side-stylist-hair h3 { line-height: 1; margin: 0; padding: 12px; border: none; background: #222; color: #FFF; font-size: 100%; font-weight: normal; }

#side-stylist-hair ul { margin: 0 0 6px; }

#side-stylist-hair li { float: left; width: 150px; margin: 1px 0 0; }

#side-stylist-hair li:nth-child(2n) { width: 149px; margin-left: 1px; }

#side-stylist-hair li a { display: block; }

#side-stylist-hair li .center-square { display: none; }

#side-stylist-hair li img { width: 150px; height: 150px; }

#side-stylist-hair li:nth-child(2n) img { width: 149px; }

#login { margin: -12px 0 0; padding: 48px 0; background: #F4F6F7; }

#login-box { width: 500px; margin: 0 auto; padding: 60px 180px; background: #FFF; border-radius: 5px; }

#login-box h1 { line-height: 1; padding: 0 0 15px; margin: 0 0 30px; border-bottom: solid 1px #2D4360; color: #2D4360; font-size: 150%; text-align: center; }

#login-box p { line-height: 1.5; font-size: 100%; margin: 0 0 24px; text-align: center; }

#login-box form li { margin: 0 0 12px; padding-right: 36px; }

#login-box form li input { width: 100%; height: 20px; padding: 14px 18px; border: none; border-radius: 4px; background: #F4F6F7; font-size: 117%; }

#login-box .right { text-align: right; margin: 0 0 24px; }

#login-box .right a { color: #2D4360; }

#login-box .kiyaku { margin: 24px 0; text-align: center; }

#login-box .kiyaku a { color: #FE595F; }

#login-box .submit { margin: 0 0 24px; text-align: center; }

#login-box .submit input { width: 240px; height: 48px; border-radius: 4px; background: #2D4360; color: #FFF; font-size: 117%; font-weight: bold; }

#login-box .submit input:hover { opacity: .8; }

#other-login { display: table; width: 100%; }

#other-login li { display: table-cell; width: 50%; padding: 0 6px 0 0; }

#other-login li + li { padding: 0 0 0 6px; }

#other-login li a { display: table; line-height: 1; width: 100%; border-radius: 4px; background: #666; color: #FFF; text-decoration: none; }

#other-login li a:hover { opacity: 0.8; }

#other-login li a > span { display: table-cell; padding: 11px; border-right: solid 1px rgba(0, 0, 0, 0.15); text-align: center; vertical-align: middle; }

#other-login li a > span.icons { width: 1%; }

#other-login a.facebook { background: #4267b2; }

#other-login a.twitter { background: #4FA6DC; }

#other-login .icons { background: no-repeat center; background-size: 24px 24px; }

#other-login .icon18 { opacity: 0; }

#other-login .icon-btn.facebook .icons { background-image: url(/static/img/flogo-HexRBG-Wht-58.svg); }

#other-login .icon-btn.twitter .icons { background-image: url(/static/img/iconfinder_twitter_246540.svg); }

#login .center { padding: 24px 0 0; }

#login .center a { display: block; line-height: 1; width: 356px; margin: 0 auto; padding: 20px 0; border: solid 2px #2D4360; background: #FFF; color: #2D4360; text-decoration: none; font-size: 130%; font-weight: bold; }

#login .center a:hover { background: #2D4360; color: #FFF; }

#login .errors { margin: 0 0 12px; padding: 15px 18px; border: none; background: #FBDDD8; color: #CC524F; }

#login .errors ul { margin: 0 0 0 18px; }

#login .errors li { margin: 0; }

#login .errors li + li { margin-top: 4px; }

#login.reset-password body { background: #F4F6F7; }

#login.reset-password h2 { text-align: center; }

#login.reset-password form { padding: 40px; text-align: center; }

#login.reset-password form span { padding-left: 205px; display: block; width: 500px; text-align: left; }

#login.reset-password form input[type=text] { width: 400px; margin-top: 20px; padding: 13px; border-radius: 4px; }

#regist-point { padding: 60px 0; text-align: center; background: #415261; }

#regist-point h2 { line-height: 1; margin: 0 0 60px; color: #FFF; font-size: 170%; }

#regist-point ul { width: 960px; margin: 0 auto 60px; }

#regist-point li { float: left; width: 280px; }

#regist-point li + li { margin-left: 60px; }

#regist-point li .title { line-height: 1; margin: 0 0 24px; padding: 18px 0; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; color: #FFF; }

#regist-point li .title h3 { margin: 0 0 12px; font-size: 150%; font-weight: bold; }

#regist-point li .pict { position: relative; padding: 6px; background: #FFF; }

#regist-point li .pict img { width: 100%; }

#regist-point li .text { position: absolute; left: 6px; bottom: 6px; padding: 12px; width: 244px; background: rgba(255, 255, 255, 0.6); }

#regist-point li .text a { display: inline-block; line-height: 1; padding: 12px 24px; border-radius: 4px; background: #2F4E6A; color: #FFF; text-decoration: none; }

#regist-point li .text a:hover { opacity: .8; }

#regist-point .center a { display: block; line-height: 1; width: 360px; margin: 0 auto; padding: 18px 0; background: #FFF; color: #2F4E6A; font-size: 117%; font-weight: bold; text-decoration: none; }

#regist-point .center a:hover { opacity: .8; }

#regist-overlay-2, #regist-overlay { position: fixed; left: 0; top: 0; z-index: 9999; display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); }

#regist-overlay-2 > .cell, #regist-overlay > .cell { display: table-cell; text-align: center; vertical-align: middle; }

#regist-overlay-2 .board, #regist-overlay .board { position: relative; width: 400px; margin: 0 auto; padding: 60px 100px; background: #2F4E6A; color: #FFF; }

#regist-overlay-2 .board img, #regist-overlay .board img { width: 100%; }

#regist-overlay-2 h3, #regist-overlay h3 { line-height: 1.5; width: 280px; margin: 0 auto 24px; padding: 20px 0; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; font-size: 117%; font-weight: bold; }

#regist-overlay-2 .close, #regist-overlay .close { position: absolute; right: 6px; top: 6px; display: block; width: 36px; height: 36px; background: #FFF url(/static/img/beauty/delete2.png) no-repeat center; background-size: 12px 12px; color: transparent; text-decoration: none; font-size: 0; }

#regist-overlay-2 .close:hover, #regist-overlay .close:hover { opacity: .8; }

#regist-overlay-2 .pict, #regist-overlay .pict { margin: 0 0 24px; padding: 4px 4px 6px; background: #FFF; }

#regist-overlay-2 ul, #regist-overlay ul { width: 200px; margin: 0 auto; }

#regist-overlay-2 li + li, #regist-overlay li + li { margin-top: 12px; }

#regist-overlay-2 li a, #regist-overlay li a { display: block; line-height: 1; padding: 12px; border: solid 1px #FFF; background: #FFF; color: #2F4E6A; text-decoration: none; font-weight: bold; }

#regist-overlay-2 li a:hover, #regist-overlay li a:hover { opacity: .8; }

#regist-overlay-2 li:last-child a, #regist-overlay li:last-child a { background: #2F4E6A; color: #FFF; }

#grid .popup-overlay { z-index: 99 !important; }

.popup-overlay { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(102, 102, 102, 0.8); }

.popup-overlay .popup-block { position: absolute; left: 50%; top: 50%; max-width: 600px; border-radius: 8px; padding: 18px 24px; background: #FFF; font-size: 117%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

.popup-overlay .popup-block .popup-close { position: absolute; right: -8px; top: -8px; width: 10px; height: 10px; padding: 6px; border: solid 3px #FFF; border-radius: 14px; background: #999; text-decoration: none; }

.popup-overlay .popup-block .popup-close:hover { background-color: #B8C8BE; }

.popup-overlay .popup-block .popup-close span { display: inline-block; width: 10px; height: 10px; background: url(/static/img/beauty/beauty-icon.png) no-repeat -150px -37px; background-size: 300px 400px; }

.overlay-table { display: none; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; min-height: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.overlay-table .cell { display: table-cell; padding: 24px; vertical-align: middle; }

.overlay-table .body { border-radius: 8px; width: 480px; margin: 0 auto; padding: 48px; background: #FFF; }

.overlay-table .close { margin: -24px -24px 0; text-align: right; }

.overlay-table .close-btn { display: inline-block; width: 18px; height: 18px; background: url(/static/img/fashion/comp-close.png) no-repeat center; background-size: cover; font-size: 0; color: transparent; vertical-align: top; }

.overlay-table h2 { line-height: 1.4; margin: 0 0 36px; color: #333; text-align: center; font-size: 150%; font-weight: normal; }

#reserve-btns { display: table; width: 100%; list-style: none; }

#reserve-btns li { display: table-cell; width: 50%; padding-right: 12px; }

#reserve-btns li + li { padding: 0 0 0 12px; }

#reserve-btns a { display: block; line-height: 1; padding: 16px; border-radius: 4px; background: #DB1984; color: #FFF; font-size: 100%; text-align: center; text-decoration: none; }

#reserve-btns a:hover { opacity: .8; }

#reserve-btns a.ozmall { background: #C04774; }

#reserve-btns a span { display: block; margin-top: 4px; font-size: 150%; }

#regist-salon-block { position: fixed; left: 0; bottom: 0; width: 100%; padding: 24px 0; background: rgba(255, 255, 255, 0.8); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); text-align: center; }

#regist-salon-block .btn-big { display: inline-block; margin: 0; padding: 18px 24px; border: none; border-bottom: solid 2px #BE384D; border-radius: 8px; background: -webkit-linear-gradient(top, #E98B99, #D86778); background: -moz-linear-gradient(top, #E98B99, #D86778); background: -o-linear-gradient(top, #E98B99, #D86778); background: -ms-linear-gradient(top, #E98B99, #D86778); background: linear-gradient(to bottom, #E98B99, #D86778); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#E98B99, endcolorstr=#D86778); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#E98B99, endcolorstr=#D86778)"; color: #FFF; font-size: 133%; text-decoration: none; text-shadow: 0 -1px 0 #BE384D; line-height: 1; }

#regist-salon-block .btn-big:hover { background: #D86778; }

#stylist-comp h3 { line-height: 1; margin: 0 0 24px; padding: 24px; border-radius: 4px; background: #FCE5E6; color: #F27B83; font-weight: bold; text-align: center; }

#stylist-comp ul { display: table; margin: 0 auto; }

#stylist-comp li { display: table-cell; width: 354px; padding-right: 12px; }

#stylist-comp li:last-child { padding: 0; }

#stylist-comp li a { display: block; line-height: 1; padding: 24px; border-radius: 4px; background: #F27B83; color: #FFF; font-size: 133%; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

#stylist-comp li a:hover { background: #F49198; }

#stylist-comp li:nth-child(2) a { background: #666; }

#stylist-comp li:nth-child(2) a:hover { background: #777; }

#cutmodel-apply { width: 480px; margin: 48px auto; padding: 40px 180px; background: #FFF; }

#cutmodel-apply h1 { line-height: 1; margin: 0 0 24px; font-size: 150%; color: #2F4E6A; text-align: center; }

#cutmodel-apply-list { display: table; width: 100%; min-height: 228px; margin: 0 0 24px; background: #8797A5; color: #FFF; }

#cutmodel-apply-list > div { display: table-cell; padding: 24px; vertical-align: middle; }

#cutmodel-apply-list > div.pict { width: 180px; padding-right: 0; vertical-align: top; }

#cutmodel-apply-list > div.pict img { width: 180px; height: 180px; }

#cutmodel-apply-list .selected { display: inline-block; line-height: 1; margin: 0 0 12px; padding: 7px 12px; background: #FFF; color: #8797A5; font-size: 91%; }

#cutmodel-apply-list h4 { line-height: 1.5; margin: 0 0 8px; font-size: 117%; }

#cutmodel-apply-list h4 a { color: #FFF; }

#cutmodel-apply-list .spot { line-height: 1.4; }

#cutmodel-apply p { line-height: 1; margin: 0 0 24px; color: #8797A5; font-size: 100%; text-align: center; }

#cutmodel-apply .form { width: 400px; margin: 0 auto 40px; font-size: 117%; }

#cutmodel-apply .form th { width: 1%; padding-right: 12px; color: #666; font-weight: normal; white-space: nowrap; text-align: left; vertical-align: middle; }

#cutmodel-apply .form th span { color: #8797A5; }

#cutmodel-apply .form td { padding-right: 40px; color: #666; }

#cutmodel-apply .form td input[type=text], #cutmodel-apply .form td textarea { width: 100%; padding: 12px; border-radius: 4px; border: none; background: #F3F4F6; font-size: 100%; }

#cutmodel-apply .form td select { padding: 12px 36px 12px 12px; border-radius: 4px; border: none; background: #F3F4F6 url(/static/img/beauty/select-bg.png) no-repeat right; background-size: 24px 10px; color: #666; font-size: 100%; -webkit-appearance: none; }

#cutmodel-apply .form td select + span { display: inline-block; line-height: 3.25; margin-left: 6px; }

#cutmodel-apply .form td input[type=radio] { position: relative; z-index: 1; margin: 0; width: 24px; height: 24px; vertical-align: top; cursor: pointer; opacity: 0; }

#cutmodel-apply .form td input[type=radio] + label { position: relative; z-index: 0; display: inline-block; line-height: 1.75; margin: 0 12px 0 -24px; padding-left: 30px; background: url(/static/img/beauty/unchecked.png) no-repeat left; background-size: 24px 24px; cursor: pointer; }

#cutmodel-apply .form td input[type=radio]:checked + label { background-image: url(/static/img/beauty/checked.png); }

#cutmodel-apply .form tr:not(:first-child) th, #cutmodel-apply .form tr:not(:first-child) td { padding-top: 12px; }

#cutmodel-apply-btn { position: relative; text-align: center; }

#cutmodel-apply-btn input { line-height: 1; width: 200px; padding: 17px 0; background: #8797A5; font-weight: bold; font-size: 117%; }

#cutmodel-apply-btn input:hover { opacity: .8; }

#cutmodel-apply-btn a { position: absolute; left: -128px; top: 12px; line-height: 2; color: #BEC9CF; font-size: 100%; font-weight: bold; }

#cutmodel-apply dl { width: 352px; margin: 0 auto 40px; padding: 24px; border-radius: 4px; background: #F3F4F6; }

#cutmodel-apply dt { line-height: 1.5; color: #8797A5; }

#cutmodel-apply dd { line-height: 1.5; color: #666; font-size: 117%; }

#cutmodel-apply dd + dt { margin: 12px 0 0; padding: 24px 0 0; border-top: solid 1px #DBDFE4; }

#cutmodel-apply .errors { width: 352px; margin: 0 auto 12px; padding: 18px 24px; border: none; background: #F9F0F0; color: #CC524F; }

#cutmodel-apply .errors li { line-height: 1; }

#cutmodel-apply .errors li + li { margin-top: 8px; }

#cutmodel-comp { position: fixed; left: 0; top: 0; z-index: 9999; display: table; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }

#cutmodel-comp .cell { display: table-cell; vertical-align: middle; }

#cutmodel-comp .body { width: 500px; margin: 0 auto; padding: 24px 50px 50px; border-radius: 4px; background: #FFF; text-align: center; }

#cutmodel-comp .close { text-align: right; margin: 0 -26px 24px; }

#cutmodel-comp .close a { display: inline-block; width: 20px; height: 20px; background: url(/static/img/beauty/cutmodel-close.png) no-repeat center; background-size: 20px 20px; color: transparent; font-size: 0; }

#cutmodel-comp h4 { line-height: 1; margin: 0 0 24px; color: #4E6880; font-size: 150%; }

#cutmodel-comp p { line-height: 1.5; font-size: 117%; }

#cutmodel-comp p .icon14 { vertical-align: middle; }

#my-content .pink-block { display: table; margin: 0 auto 24px; padding: 24px 48px; border: solid 4px #FF8185; color: #FF8185; font-size: 117%; }

#my-content .pink-box { display: table; margin: 0 auto 24px; padding: 24px 36px; border-radius: 8px; background: #FFECED; }

#my-content .pink-box p:first-child { margin: 0 0 6px; }

#my-content .pink-box span { color: #FF7D83; }

#my-content .pink-box span.icon18 { margin: 0 0 0 6px; }

#my-content .complete { margin: 0 0 24px; font-size: 133%; color: #FF7D83; }

#sort-block { margin: -12px 0 12px; }

#sort-block > * { float: left; }

#sort-block > .right { float: right; }

#sort-block .switch li { float: left; margin-right: 2px; width: 80px; text-align: center; }

#sort-block .switch li:last-child { margin-right: 6px; }

#sort-block .switch a { position: relative; display: block; line-height: 1; padding: 9px 12px; background: #EEE; font-size: 91%; text-decoration: none; }

#sort-block .switch a:hover, #sort-block .switch a.selected { background: #000; color: #FFF; }

#sort-block .switch a img { display: none; }

#sort-block .switch a.selected img { position: absolute; left: 50%; bottom: -6px; display: block; width: 8px; height: 6px; margin-left: -4px; }

#area-block h3 { position: relative; line-height: 1; padding: 12px; font-size: 100%; background: #000; color: #FFF; }

#area-block h2 a { position: absolute; right: 6px; top: 6px; display: inline-block; line-height: 1; padding: 7px 9px 6px; border-radius: 4px; background: #FFF; color: #000; font-size: 91%; font-weight: normal; text-decoration: none; }

#area-block h2 a:hover { background: #EEE; }

#area-block .area-name { padding: 12px 12px 6px; }

#area-block .area-name .name { float: left; width: 16.66666666666667%; margin: 0 0 3px; }

#area-block .area-name .name input[type=checkbox] { margin: 0 4px 0 0; vertical-align: middle; }

#area-block .more-block { display: none; clear: both; }

#area-block .list-more { padding: 0 12px 12px; }

#area-block .list-more a { display: block; line-height: 1; padding: 8px; border: solid 1px #DDD; border-radius: 4px; font-size: 91%; text-align: center; text-decoration: none; }

#area-block .list-more a:hover { background: #EEE; }

#area-block .list-more.close { display: none; }

#area-block .search-line { display: table-row; }

#area-block .search-line > h4, #area-block .search-line > div { display: table-cell; margin-bottom: 10px; padding-bottom: 5px; vertical-align: middle; }

#area-block .search-line > h4 { padding: 3px 10px 7px 13px; }

#area-block .search-line > div > span { display: inline-block; margin: 0 12px 6px 0; vertical-align: middle; }

#area-block .search-line input[type="text"] { width: 240px; }

#area-block .search-btn { border-top: dotted 1px #CCC; padding-top: 12px; }

.back-link { margin: 0 0 12px; }

.back-link a { display: inline-block; line-height: 1; padding: 9px; border: solid 1px #DDD; border-radius: 4px; font-size: 91%; text-decoration: none; }

.back-link a:hover { background: #EEE; }

#cut-model-search-area-selector select { width: 45%; }

table.display_links { width: 100%; margin-bottom: 20px; }

table.display_links td:first-child { width: 33%; }

table.display_links tr > td { padding-bottom: 1em; }

div.site_link { text-align: right; }

#white-block { margin: 0 0 48px; padding: 24px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#white-block h2 { line-height: 1.2; margin: 0 0 12px; padding: 0 0 12px; border-bottom: dotted 1px #000; font-size: 117%; }

#white-block h2.big { line-height: 1.8; }

#white-block h2.b-none { padding: 0; border: none; }

#white-block p { line-height: 1.8; margin: 0 0 24px; padding: 9px 12px 6px; border-radius: 4px; background: #FDEFEE; }

#white-block p span { color: #666; font-size: 84%; }

#white-block h3 { line-height: 1.2; margin: 0 0 12px; font-size: 100%; }

#white-block textarea { width: 926px; margin: 0 0 12px; padding: 9px 12px; border-radius: 4px; border: solid 1px #CCC; }

#white-block input[type=submit] { display: inline-block; line-height: 1; width: auto; padding: 12px 48px; border-radius: 4px; background: #F37981; }

#white-block input[type=submit]:hover { background: #F5989F; }

#feedback { position: fixed; right: 0; bottom: 0; background: #000; opacity: .5; transition: opacity 0.2s ease; }

#feedback:hover { opacity: .8; }

#feedback a { display: block; line-height: 1; padding: 6px 9px; font-size: 84%; color: #FFF; text-decoration: none; }

a.btn-action { line-height: 1.2; white-space: nowrap; }

#white-block h3 { margin: 0; padding: 12px; border-radius: 4px 4px 0 0; background: #C6A6A3; color: #FFF; }

#edit-stylist .select-photo { display: table; width: 100%; background: #F5F6F6; }

#edit-stylist .select-photo > div { padding: 12px 12px 12px 0; display: table-cell; vertical-align: middle; text-align: left; }

#edit-stylist div.photo { width: 140px; padding: 12px; }

#edit-stylist img { width: 140px; height: 140px; margin: 0; border-radius: 70px; }

#edit-stylist .select-photo > div * { vertical-align: middle; }

#white-block.edit-stylist .submit { line-height: 1; padding: 12px; border-radius: 4px; background: #666; color: #FFF; text-decoration: none; cursor: pointer; }

#white-block.edit-stylist .submit.big { padding: 18px 120px; font-size: 133%; font-weight: bold; }

#white-block.edit-stylist .submit.big.pink { background: #C6A6A3; color: #FFF; }

#white-block.edit-stylist a.submit.big { display: inline-block; }

#white-block.edit-stylist .submit + .submit { margin-left: 12px; }

#white-block.edit-stylist .submit:hover { background: #333; color: #FFF; }

#white-block.edit-stylist #delete_pic_1 { padding: 10px; border: solid 2px #666; background: #FFF; color: #333; }

#white-block.edit-stylist #delete_pic_1:hover { border-color: #CCC; background: #FFF; }

#white-block.edit-stylist table { width: 100%; border-radius: 4px; background: #F5F6F6; border-spacing: 0; border-collapse: separate; }

#white-block.edit-stylist th { line-height: 1; width: 1%; padding: 12px 0 12px 12px; border-bottom: solid 1px #C6A6A3; white-space: nowrap; text-align: left; vertical-align: middle; }

#white-block.edit-stylist th.title { line-height: 1; padding: 12px; border: none; background: #8C97A9; color: #FFF; font-weight: bold; text-align: left; }

#white-block.edit-stylist th.title.first { border-radius: 4px 4px 0 0; }

#white-block.edit-stylist td { padding: 12px; border-bottom: solid 1px #C6A6A3; }

#white-block.edit-stylist tr:last-child th, #white-block.edit-stylist tr:last-child td { border: none; }

#white-block.edit-stylist select, #white-block.edit-stylist input, #white-block.edit-stylist label { vertical-align: middle; }

#white-block.edit-stylist select { margin-right: 6px; }

#white-block.edit-stylist .check input { margin-right: 4px; }

#white-block.edit-stylist .check { vertical-align: middle; margin-right: 12px; }

#white-block.edit-stylist textarea { width: 97%; margin: 0; }

#white-block.edit-stylist .submit-box { position: relative; padding: 24px 0 0; text-align: center; }

#white-block.edit-stylist .submit-box .btn-action { position: absolute; right: 0; top: 43px; }

#stylist_form table.edit-table .privacy-text { width: 440px !important; }

#stylist-reg .privacy-text, #stylist_form table.edit-table .privacy-text, #white-block.edit-stylist .privacy-text { line-height: 1.5; padding: 12px; border-radius: 4px; background: #F8EEED; color: #ED838A; width: 525px; }

#white-block.edit-stylist #btn-pic-upload { float: left; display: block; line-height: 1; border-radius: 4px; width: 223px; margin: 0; padding: 75px 0 74px; background: #67696B; color: #FFF; text-decoration: none; font-size: 100%; cursor: pointer; }

#white-block.edit-stylist #btn-pic-upload img { width: 60px; margin: 0 0 12px; }

#white-block.edit-stylist td .pic-container { display: block; }

#white-block.edit-stylist td.picture-panel .pic-container > div { width: 223px; height: 223px; }

#white-block.edit-stylist td.picture-panel .pic-container > div:nth-child(4) { border: none; }

#white-block.edit-stylist .pic-container img { margin: 0 0 12px; width: 200px; }

#white-block.edit-stylist .pink { color: #FF7C83; }

#column { float: left; width: 776px; }

#pickup-column { margin: 0 0 24px; }

#pickup-column li { float: left; width: 360px; margin-right: 10px; }

#pickup-column li:last-child { margin: 0; }

#pickup-column li a { position: relative; display: block; line-height: 1.5; width: 360px; height: 240px; color: #FFF; font-size: 117%; text-decoration: none; }

#pickup-column .pict { width: 360px; height: 240px; background: no-repeat center; background-size: cover; color: transparent; font-size: 0; }

#pickup-column .text { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: background ease .3s; -moz-transition: background ease .3s; transition: background ease .3s; }

#pickup-column a:hover .text { background: rgba(0, 0, 0, 0.8); }

#pickup-column .text p { padding: 12px; }

#side-category { float: left; width: 160px; margin: 0 12px 24px 0; }

#side-category.fixed ul { position: fixed; top: 60px; left: 50%; margin-left: -550px; }

#side-category.fixed2 ul { position: absolute; left: 0; bottom: 0; }

#side-category ul { width: 159px; border-right: solid 1px #E5EEEB; }

#side-category li { border-bottom: solid 1px #E5EEEB; }

#side-category li a { display: block; line-height: 1; padding: 12px; text-decoration: none; background: #FFF; -webkit-transition: background ease .3s; -moz-transition: background ease .3s; transition: background ease .3s; }

#side-category li a:hover { background: #F2F7F5; }

#side-category li a.selected:hover, #side-category li a.selected { background: #F2F7F5; color: #89948E; font-weight: bold; }

#column-main { float: left; width: 602px; }

#column-main.wide { float: none; width: auto; }

#column-main .h2 { border-bottom: solid 1px #E5EEEB; }

#column-main .h2 h2 { float: left; width: 30%; line-height: 1; padding: 12px 0; font-size: 100%; font-weight: normal; }

#column-main .h2 .right { float: right; margin-left: 7px; display: inline-block; }

#column-main .h2 input[type=text] { width: auto; padding: 5px; border: none; background: #EEEEEE; border-radius: 4px 0 0 4px; }

#column-main .h2 input[type=submit] { width: 28px; height: 28px; border-radius: 0 4px 4px 0; background: #B8C8BE url(/static/img/beauty/search-w.png) no-repeat center; background-size: 12px 12px; }

#column-main .h2 .rss { display: block; width: 18px; height: 18px; border-radius: 4px; background: #E19126 url(/static/img/beauty/rss.png) no-repeat center; background-size: 11px 11px; margin-top: 6px; }

#column-main .h2 .rss img { display: none; }

#column-main .h-search form { margin: 0 0 24px; }

#column-main .h-search input[type=text] { padding: 9px 12px; width: 712px; border: none; border-radius: 4px 0 0 4px; background: #EEEEEE; }

#column-main .h-search input[type=submit] { width: 36px; height: 36px; border-radius: 0 4px 4px 0; background: #B8C8BE url(/static/img/beauty/search-w.png) no-repeat center; background-size: 14px 14px; }

#column-main .h-search h2 { line-height: 1; padding: 0 0 12px; border-bottom: solid 1px #E5EEEB; font-size: 100%; font-weight: normal; vertical-align: baseline; }

#column-main .h-search h2 span { font-size: 133%; font-weight: bold; vertical-align: baseline; }

#column-list li { display: table; width: 100%; border-bottom: solid 1px #E5EEEB; }

#column-list li.none { display: block; line-height: 1; padding: 12px 0; color: #CCC; }

#column-list li > div { display: table-cell; padding: 12px 0; vertical-align: middle; }

#column-list li > div.pict { width: 120px; padding-right: 12px; position: relative; }

#column-list li > div.pict img { width: 120px; height: 120px; }

#column-list li > div.pict span.pr_label {
  position: absolute;
  right: 12px;
  top: 12px;
  background-color: #aaaaaa;
  color: white;
  padding: 3px 5px;
  line-height: 1;
  font-size: 10px;
}

#column-list h3 { font-size: 133%; font-weight: normal; }

#column-list .user { color: #999; }

#column #simple-pager { margin-left: 160px; }

#column-show { margin: 0 0 24px; padding: 0; border: none; border-bottom: solid 1px #E5EEEB; }

#column-show .title { display: table; width: 100%; margin: 0 0 18px; }

#column-show .title > div { display: table-cell; vertical-align: middle; }

#column-show .title > div.pict { width: 72px; padding-right: 12px; }

#column-show .title > div.pict img { width: 72px; height: 72px; }

#column-show .title h1 { margin: 0; font-size: 166%; font-weight: bolder; }

#column-show .title .user { color: #999; }

#column-show .writer { line-height: 1.4; padding: 12px; border-top: solid 1px #E5EEEB; font-size: 91%; text-align: right; }

#column-show .writer > div { margin: 0 0 6px; }

#column-show .writer > div:last-child { margin: 0 0 12px; }

#column-show .writer > div img { width: 14px; height: 14px; border-radius: 7px; margin-right: 4px; }

#column-show #contents_list { padding: 21px 24px 21px 46px; background: #F9EEEA; }

#column-show .wysiwyg { margin: 0 0 24px; }

#column-show .wysiwyg .content_header { line-height: 1; margin: 0 0 24px !important; padding: 0 0 12px; border: none; border-bottom: solid 3px #B8C8BE; background: #FFF; font-size: 150%; font-weight: 800; }

#column-show .wysiwyg p + .content_header { margin-top: 24px !important; }

#column-show .wysiwyg .mce_small_header { font-weight: 800; line-height: 1; padding: 4px 0 2px 12px; border-left: solid 12px #BDD5CC; font-size: 133%; }

#column-show .wysiwyg ul { font-size: 117%; }

#column-show #pager table a { color: #FFF !important; font-weight: normal !important; }

#column-show #pager table a:hover { padding: 9px 11px !important; border: none !important; }

#column-show .statusbar { margin: 0; line-height: 1.2; border-top: solid 1px #E5EEEB; padding: 12px 0; background: #FFF; }

#column-show .statusbar li { float: left; padding: 0 12px; border-right: solid 1px #E5EEEB; }

#column-show .statusbar li.vote a, #column-show .statusbar li.clip a { line-height: 2.14; font-size: 117%; }

#column-show .statusbar li.facebook { padding: 5px 12px; }

#column-show .statusbar .right { float: right; line-height: 1; padding: 5px 0; border: none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; vertical-align: baseline; color: #B4D0C5; font-size: 133%; }

#column-show .statusbar .right span { font-size: 125%; vertical-align: baseline; }

#column-sub-list { margin: 0 0 24px; }

#column-sub-list h3 { line-height: 1; padding: 0 0 12px; border-bottom: solid 3px #B8C8BE; font-size: 117%; font-weight: normal; }

#column-sub-list li { display: table; line-height: 1.5; width: 100%; border-bottom: solid 1px #E5EEEB; }

#column-sub-list li > div { display: table-cell; vertical-align: middle; }

#column-sub-list .pict { width: 72px; padding: 12px 12px 12px 0; }

#column-sub-list .pict img { width: 72px; height: 72px; }

#column-sub-list .title { font-size: 117%; }

#column-sub-list .user { color: #999; }

#column-link { margin: 0 0 24px !important; border-radius: 4px; background: #F9EEEA; }

#column-link h4 { padding: 12px; border-bottom: solid 1px #FFF; }

#column-link ul { padding: 9px 12px; }

#column-status { line-height: 1.2; margin: 0 0 12px; padding: 12px; border-radius: 4px; background: #F9EEEA; text-align: center; font-weight: bold; }

#column-status .icon14 { margin: 0 4px; }

#column-tags h3 { line-height: 1; margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 3px #B8C8BE; font-size: 117%; font-weight: normal; }

#column-tags .tag-list li { float: left; margin: 0 6px 6px 0; }

#column-tags .tag-list li:last-child { margin-bottom: 24px; }

#column-tags .tag-list li a { display: block; line-height: 1; padding: 8px; border-radius: 4px; border: solid 1px #CAD4D0; background: #F6F8F7; color: #475851; text-decoration: none; }

#column-tags .tag-list li a:hover { border-color: #B8C8BE; background: #B8C8BE; color: #FFF; }

#column-author { margin: 0 0 24px; }

#column-author h3 { line-height: 1; padding: 0 0 12px; border-bottom: solid 3px #B8C8BE; font-size: 117%; font-weight: normal; }

#column-author .author { display: table; width: 100%; }

#column-author .author > div { display: table-cell; vertical-align: middle; padding: 12px 0; }

#column-author .author > div.pict { width: 96px; padding-right: 12px; }

#column-author .author > div.pict img { width: 96px; height: 96px; border-radius: 48px; }

#column-author .author .user { font-size: 117%; font-weight: bold; }

#column-author ul { border-top: solid 1px #E5EEEB; }

#column-author li { display: table; width: 100%; border-bottom: solid 1px #E5EEEB; }

#column-author li:last-child { margin: 0; }

#column-author li > div { display: table-cell; line-height: 1.5; padding: 12px 0; font-size: 117%; vertical-align: middle; }

#column-author li .pict { width: 72px; padding-right: 12px; }

#column-author li img { width: 72px; height: 72px; }

section.block { margin: 0 0 24px !important; padding: 12px; border-radius: 4px; }

section.block.pink { background: #F7E5E1; }

section.block.pink > div > a { display: block; line-height: 1; padding: 12px; border-radius: 4px; background: #FFF; text-decoration: none; text-align: center; }

section.block.pink > div > a:hover { background: #FBF5F3; }

.welcome-contents h2 { line-height: 1; margin: 0 auto 12px; font-size: 150%; font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.welcome-contents h2 span { display: none; margin-left: 6px; color: #999; font-size: 66%; font-weight: normal; vertical-align: baseline; }

.welcome-contents h2 + .more-btn { position: absolute; right: 0; top: 0; }

.welcome-contents h3 { line-height: 1; margin: 45px auto 12px; font-size: 150%; font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; vertical-align: baseline; }

.welcome-contents h3 span { font-size: 77%; vertical-align: baseline; }

.welcome-contents h3 span.red { color: #CC0F0F; }

#welcome-hair { position: relative; margin: -12px 0 12px; height: 480px; overflow: hidden; }

#welcome-hair .curtain { position: absolute; top: 0; height: 480px; background: #FFF; opacity: .75; }

#welcome-hair .curtain.left { left: 0; }

#welcome-hair .curtain.right { right: 0; }

#welcome-hair-list { width: 1172px; margin: 0 auto; }

#welcome-hair-list .slide { float: left; height: 480px; margin-left: 24px; }

#welcome-hair-list .slide.slick-slide { margin-left: 0; }

#welcome-hair-list .slide > a { display: block; width: 1100px; height: 480px; margin-left: 12px; background: no-repeat center; background-size: cover; }

#welcome-hair-list .slick-prev, #welcome-hair-list .slick-next { position: absolute; bottom: 240px; width: 50px; height: 50px; margin-bottom: -25px; border: none; background: rgba(255, 255, 255, 0.8) url(/static/img/beauty/arrow-m-link2.png) no-repeat center; background-size: 6px 11px; font-size: 0; cursor: pointer; outline: none; }

#welcome-hair-list .slick-prev { left: 50%; margin-left: -550px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

#welcome-hair-list .slick-next { right: 50%; margin-right: -550px; }

#welcome-hair-text .slide { position: absolute; left: 50%; bottom: 24px; display: none; width: 526px; margin: 0 auto; padding: 24px 24px 48px; margin-left: -287px; border-radius: 4px; background: #FFF; text-align: center; opacity: .9; }

#welcome-hair-text .slide h2 { line-height: 1; margin: 0; font-size: 133%; font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: normal; }

#welcome-hair-text .slide p { line-height: 1.5; margin: 12px 0 0; padding: 0 0 12px; font-size: 117%; }

#welcome-hair-list .slick-dots { position: absolute; left: 50%; bottom: 48px; width: 200px; margin-left: -100px; z-index: 100; display: table; line-height: 1; font-size: 10px; text-align: center; }

#welcome-hair-list .slick-dots li { display: inline-block; line-height: 1; vertical-align: top; }

#welcome-hair-list .slick-dots li + li { padding-left: 6px; }

#welcome-hair-list .slick-dots li button { line-height: 1; display: block; width: 10px; height: 10px; padding: 0; margin: 0; border: none; border-radius: 6px; background: #999; font-size: 0; cursor: pointer; outline: none; vertical-align: top; }

#welcome-hair-list .slick-dots li.slick-active button { background: #353432; }

#welcome-haristyle { position: relative; }

#welcome-haristyle ul { height: 152px; }

#welcome-haristyle li { float: left; width: 13.81818181818182%; margin-right: .54545454545455%; }

#welcome-haristyle li:last-child { margin-right: 0; }

#welcome-haristyle li a { position: relative; display: block; background: no-repeat center; background-size: cover; }

#welcome-haristyle img { width: 100%; background: rgba(0, 0, 0, 0); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; }

#welcome-haristyle li a:hover img { background: rgba(0, 0, 0, 0.4); }

#welcome-stylist { position: relative; margin: 24px 0; padding: 24px 0; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }

#welcome-stylist h2 + .more-btn { top: 24px; }

#welcome-stylist ul > li { position: relative; float: left; width: 210px; background: #FFF; margin-right: 12px; margin-bottom: 12px; }

#welcome-stylist ul > li:first-child { width: 432px; margin-bottom: 0; }

#welcome-stylist ul > li:nth-child(4), #welcome-stylist ul > li:nth-child(7) { margin-right: 0; }

#welcome-stylist ul > li:nth-child(5), #welcome-stylist ul > li:nth-child(6) #welcome-stylist ul > li:nth-child(7) { margin-bottom: 0; }

#welcome-stylist ul > li > a { display: block; border: solid 4px #555; text-decoration: none; }

#welcome-stylist .bg { display: block; width: 202px; height: 202px; background: no-repeat center; background-size: cover; }

#welcome-stylist li:first-child .bg { width: 424px; height: 424px; }

#welcome-stylist .space { position: absolute; left: 4px; top: 4px; width: 202px; height: 202px; opacity: .6; background: rgba(0, 0, 0, 0.4); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; }

#welcome-stylist li:first-child .space { width: 424px; height: 424px; }

#welcome-stylist li:hover .space { background: rgba(0, 0, 0, 0.2); }

#welcome-stylist .pict { position: absolute; left: 18px; bottom: 15px; color: #FFF; font-size: 20px; font-weight: bold; width: 185px; }

#welcome-stylist .body { position: absolute; left: 0; bottom: 0; }

#welcome-stylist ol { margin: 0 18px 18px; width: 390px; height: 124px; padding: 6px 0 6px 6px; border-radius: 6px; background: rgba(0, 0, 0, 0.2); }

#welcome-stylist ol li { float: left; width: 130px; list-style: none; }

#welcome-stylist ol li a { display: block; padding-right: 6px; }

#welcome-stylist ol li a img { width: 124px; height: 124px; border-radius: 4px; }

#welcome-stylist .salon { line-height: 1; margin: 0 0 4px; padding: 0 18px; font-size: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#welcome-stylist h3 { line-height: 1; margin: 0 0 12px; padding: 0 18px; font-size: 200%; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }

#welcome-stylist .salon a, #welcome-stylist h3 a { color: #FFF; font-size: 23px; font-weight: bold; }

#welcome-stylist h3 a:hover { text-decoration: none; }

#welcome-column { margin: 45 0 45px; padding: 0 0 45px; border-bottom: solid 1px #DDD; }

#welcome-column-list { position: relative; height: 234px; }

#welcome-column-list .slick-list { position: relative; width: 1028px; margin: 0 auto; overflow: hidden; }

#welcome-column-list .slick-prev, #welcome-column-list .slick-next { position: absolute; top: 0; width: 24px; height: 234px; border: none; background: #415261 url(/static/img/beauty/arrow-slider.png) no-repeat center; background-size: 8px 15px; font-size: 0; outline: none; cursor: pointer; }

#welcome-column-list .slick-prev.slick-disabled, #welcome-column-list .slick-next.slick-disabled { opacity: .2; cursor: default; }

#welcome-column-list .slick-prev { left: 0; }

#welcome-column-list .slick-next { right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

#welcome-column-list .slick-list { outline: none; }

#welcome-column-list .directory { float: left; width: 233px; padding: 0 12px; outline: none !important; border: none !important; }

#welcome-column-list .title { position: relative; line-height: 1; margin: 0 0 12px; background: no-repeat center; background-size: cover; }

#welcome-column-list .title .bg { width: 100%; height: 90px; background: no-repeat center; background-size: cover; color: transparent; font-size: 0; }

#welcome-column-list .title a { position: absolute; left: 0; top: 0; display: block; width: 100%; padding: 36px 0; background: rgba(0, 0, 0, 0.4); color: #FFF; font-size: 150%; font-family: "Lucida Sans Unicode", "Lucida Grande", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; text-decoration: none; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; }

#welcome-column-list .title a:hover { background: rgba(0, 0, 0, 0.1); }

#welcome-column-list li { display: table; width: 100%; margin: 0 0 12px; }

#welcome-column-list li:last-child { margin: 0; }

#welcome-column-list li > div { display: table-cell; line-height: 1.45; font-size: 91%; vertical-align: middle; }

#welcome-column-list li > div.pict { position: relative; width: 48px; padding-right: 12px; }

#welcome-column-list li > div.pict .new { position: absolute; left: -8px; top: -8px; display: block; line-height: 1; width: 30px; height: 10px; padding: 11px 0 9px; border-radius: 15px; background: #415261; font-size: 84%; color: #FFF; text-align: center; }

#welcome-column-list li > div.pict img { width: 60px; height: 60px; }

#welcome-column-list li > div.text a { display: block; max-height: 60px; overflow: hidden; }

#welcome-more { margin: 0 0 45px; }

#welcome-more li { float: left; width: 31.87878787878788%; margin-right: 2.18181818181818%; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; }

#welcome-more li:nth-child(3n) { margin: 0; }

#welcome-more li a { display: block; line-height: 1; padding: 12px 0; background: url(/static/img/beauty/arrow-beauty-b-mini.png) no-repeat right; background-size: 5px 9px; }

#edit-h2 { line-height: 1; padding: 12px; background: #000; color: #FFF; font-size: 100%; font-weight: bold; }

td .pic-container { float: left; margin: 0; display: table; }

td.picture-panel .pic-container > div { display: table-cell; width: 193px; height: 193px; margin: 0; padding: 0; border-right: 12px solid #F6F6F6; background: no-repeat center; background-size: cover; border-radius: 4px; }

td.picture-panel { text-align: center !important; }

td.picture-panel .btn { margin: 10px 0 0 0; }

#mypage-sort #btn-pic-upload { display: block; float: left; width: 193px; margin: 0; padding: 59px 0 60px; border-radius: 4px; background: #666666; color: #FFF; font-size: 100%; cursor: pointer; }

#mypage-sort #btn-pic-upload:hover { background: #888; }

#mypage-sort #btn-pic-upload img { margin: 0 0 12px; width: 60px; height: 50px; }

a.btn-pink { display: block; line-height: 1.9; padding: 5px 10px; border-bottom: solid 2px #C04358; border-radius: 6px; background: -webkit-linear-gradient(top, #DB939F, #CC6777); background: -moz-linear-gradient(top, #DB939F, #CC6777); background: -o-linear-gradient(top, #DB939F, #CC6777); background: -ms-linear-gradient(top, #DB939F, #CC6777); background: linear-gradient(to bottom, #DB939F, #CC6777); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#DB939F, endcolorstr=#CC6777); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DB939F, endcolorstr=#CC6777)"; color: #FFF; text-shadow: 0 -1px 0 #C04358; text-align: center; }

a.btn-pink:hover { background: #CC6777; text-decoration: none; }

#salon-add { margin: 0 0 48px; padding: 24px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#salon-add h2 { line-height: 2; padding: 0 0 12px; margin: 0 0 12px; border-bottom: dotted 1px #000; font-size: 117%; }

#salon-add .add-btn, #salon-add .remove-btn { display: inline-block; line-height: 1; padding: 18px 60px; border-radius: 8px; background: #F27A83; color: #FFF; font-size: 117%; text-decoration: none; }

#salon-add .remove-btn { background: #3E3E3F; }

#salon-add .remove-btn:hover { background: #4B4B4E; }

#salon-abandon { padding: 24px; border-radius: 4px; background: #FDF2F2; text-align: center; }

#salon-abandon .white-bg { margin: 0 0 24px; padding: 24px; border-radius: 4px; background: #FFF; }

#salon-abandon .white-bg h3 { line-height: 1; margin: 0 0 12px; color: #F2838A; }

#salon-abandon .salon-block { display: inline-block; }

#salon-abandon .salon-block .data { background: #271F19; padding: 12px; color: #FFF; text-align: left; }

#salon-abandon .salon-block h4 { line-height: 1; margin: 0 0 6px; font-size: 100%; }

#salon-abandon .salon-block .spot { line-height: 1.2; font-size: 91%; }

#salon-abandon .sub { margin: 0 0 12px; }

#salon-abandon .pict img { width: 300px; }

#regist-select { padding: 24px; position: relative; text-align: center; }

#regist-select a.close { position: absolute; right: -12px; top: -12px; width: 30px; height: 30px; border-radius: 18px; background: #999 url(/static/img/travel/close-white.png) no-repeat center; background-size: 12px 12px; border: solid 3px #FFF; cursor: pointer; text-decoration: none; }

#regist-select a.close:hover { background-color: #666; }

#regist-select .title { line-height: 1; margin: 0 0 24px; font-size: 117%; font-weight: bold; }

#regist-select ul { display: table; width: 100%; }

#regist-select ul li { display: table-cell; width: 50%; }

#regist-select li a { display: block; line-height: 1; margin-right: 6px; padding: 24px; border-radius: 8px; background: #E18C89; color: #FFF; font-size: 117%; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-align: center; }

#regist-select li a:hover { background: #E7A09E; }

#regist-select li a.user { background: #83A9A5; }

#regist-select li a.user:hover { background: #94B5B1; }

#regist-select li:last-child a { margin: 0 0 0 6px; }

#message-block { margin: 0 0 48px; padding: 24px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }

#message-block h2 { line-height: 1.2; margin: 0 0 12px; padding: 0 0 12px; border-bottom: dotted 1px #000; font-size: 117%; }

#message-block h2.big { line-height: 1.8; }

#message-block hr { margin: 12px 0; border: none; border-top: solid 1px #DDD; }

#message-block .text_bt { display: inline-block; line-height: 1; width: auto; padding: 12px 24px; background: #222; color: #FFF; border-radius: 5px; text-decoration: none; }

#message-block .text_bt:hover { background: #555; }

#message-block .input100 { padding-right: 26px; }

#message-block textarea { width: 100%; height: 300px; margin: 12px 0 0; padding: 12px; border: solid 1px #DDD; }

#cutmodel_form label.gray { color: #C0C0C0; }

#column-body #head-sub h1, #column-body .w1000, #column-top .w1000, #line-column .w1000, #line-column2 .w1000, #wide-column .w1000, #login-body .w1000 { width: 1100px; }

#column-body #content { width: 776px; }

#line-column #content { width: 752px; }

#line-column #content.wide { width: 776px; }

#line-column2 #content { width: 776px; }

.column-ads { margin: 0 0 24px; padding: 12px 0; border-top: solid 1px #E5EEEB; border-bottom: solid 1px #E5EEEB; }

.column-ads > div { width: 728px; margin: 0 auto; }

.column-ads .dummy { line-height: 1; height: 24px; padding: 33px 0; background: #CCCCCC; color: #FFF; font-size: 200%; text-align: center; }

.column-rectangle > .ads336 { margin: 48px 0; }

#column-show .pager2 { margin-bottom: 24px; }

#fixed_ad.stop { position: absolute; right: 0; bottom: 96px !important; }

#fixed_ad.stop { position: absolute; right: 0; bottom: 70px !important; }

#new-edit { width: 720px; margin: 0 auto; }

#new-edit h2 { line-height: 1; margin: 0 0 12px; padding: 12px; border-radius: 4px; background: #FFF; color: #E28F87; font-size: 117%; }

#new-edit .edit-block { margin: 0 0 12px; padding: 24px; border-radius: 4px; background: #FFF; }

#new-edit .edit-block:last-child { margin: 0 0 24px; }

#new-edit .edit-list > li { margin: 0 0 12px; padding-right: 16px; }

#new-edit .edit-list > li:last-child { margin: 0; }

#new-edit .edit-list textarea, #new-edit .edit-list select, #new-edit .edit-list input[type=text] { line-height: 1.5; padding: 8px; border: none; border-radius: 4px; background: #F6F8F7; }

#new-edit .edit-list textarea, #new-edit .edit-list input[type=text] { width: 100%; }

#new-edit .edit-list select { min-width: 33%; vertical-align: middle; }

#new-edit .edit-list select + span { margin-left: 6px; color: #E28F87; vertical-align: middle; }

#new-edit h3 { margin: 0 0 6px; color: #E28F87; font-size: 117%; font-weight: normal; }

#new-edit h3 span { margin-left: 6px; color: #999; font-size: 85%; vertical-align: baseline; }

#new-edit .edit-sub > li { font-size: 117%; }

#new-edit .edit-sub input[type=checkbox] { margin: 4px 6px 0 0; vertical-align: top; }

#new-edit .edit-sub span { color: #999; font-size: 85%; vertical-align: baseline; }

#new-edit .outlinks, #new-edit .outlinks a { line-height: 1; color: #E28F87; font-size: 117%; }

#new-edit .outlinks { margin: 0 0 12px; }

#new-edit .outlinks a:hover { text-decoration: underline; }

#new-edit .submit { width: auto; padding: 18px 120px; border-radius: 4px; background: #E09089; font-size: 117%; font-weight: bold; }

#new-edit .submit:hover { background: #E6A6A1; }

#new-edit .pic-container { float: left; margin: 0 0 12px; }

#new-edit .pic-container > li { position: relative; float: left; display: block; width: 159px; height: 159px; margin-right: 12px; border-radius: 4px; background: no-repeat center; background-size: cover; }

#new-edit .pic-container > li:nth-child(4) { margin: 0; }

#new-edit .ctn-error div.error { position: absolute; left: 0; top: 0; display: table; width: 100%; height: 100%; border-radius: 4px; background: rgba(0, 0, 0, 0.5); color: #FFF; font-size: 91%; }

#new-edit .ctn-error div.error br { display: none; }

#new-edit .ctn-error div.error span { display: table-cell; padding: 12px; border-radius: 4px; vertical-align: middle; }

#new-edit div.main { display: none; position: absolute; left: 0; bottom: 0; width: 100%; line-height: 1; padding: 9px 0; border-radius: 0 0 4px 4px; background: rgba(122, 137, 157, 0.76); color: #FFF; text-align: center; }

#new-edit .ctn-main div.main { display: block; }

#new-edit .pic-main { position: absolute; left: 6px; top: 6px; }

#new-edit li.ctn-pending > li.pic-action > a.pic-main { display: none; }

#new-edit .pic-container li:first-child > li.pic-action div.main { display: block; }

#new-edit .pic-delete { position: absolute; display: block; right: 6px; top: 6px; line-height: 1; width: 12px; height: 12px; padding: 9px; border-radius: 4px; background: rgba(0, 0, 0, 0.5); }

#new-edit .ctn-error .pic-main, #new-edit .ctn-error .pict-delete { display: none; }

#new-edit canvas { display: none; }

#new-edit .pic-delete:hover { background: rgba(0, 0, 0, 0.7); }

#new-edit .pic-delete .icon12 { margin: 0; }

#btn-pic-upload { float: left; display: block; line-height: 1; width: 159px; margin: 0 0 12px; padding: 40px 0 39px; border-radius: 4px; background: #999; color: #FFF; text-align: center; text-decoration: none; cursor: pointer; }

#btn-pic-upload:hover { background: #BBB; }

#btn-pic-upload img { width: 64px; height: 56px; margin: 0 0 12px; }

#new-edit .tags li { float: left; display: table; line-height: 1; margin: 8px 8px 0 0; font-size: 10px; }

#new-edit .tags li > span { display: table-cell; padding: 10px 12px; border-radius: 4px 0 0 4px; background: #F9EAE7; }

#new-edit .tags li > a { display: table-cell; width: 30px; border-radius: 0 4px 4px 0; background: #E09089 url(/static/img/beauty/delete.gif) no-repeat center; background-size: 8px 8px; text-decoration: none; }

.bottom_adsense_holder2 table.box { width: auto; margin: 0 auto 24px; border-collapse: separate; border-spacing: 0; }

.bottom_adsense_holder2 table.box td { width: 12px !important; }

#search-cutmodel .title-search, #search-stylist .title-search { display: table; width: 100%; margin: 0 0 24px; }

#search-cutmodel .title-search > *, #search-stylist .title-search > * { display: table-cell; vertical-align: middle; }

#search-cutmodel .title-search h2, #search-stylist .title-search h2 { line-height: 1.4; font-size: 200%; font-family: "Open Sans"; vertical-align: baseline; }

#search-cutmodel .title-search h2 .word, #search-stylist .title-search h2 .word { font-weight: normal; color: #000; }

#search-cutmodel .title-search h2 .unit, #search-stylist .title-search h2 .unit { margin-left: 4px; font-size: 66%; vertical-align: baseline; font-family: "Open Sans"; font-weight: bold; }

#search-cutmodel .title-search, #search-stylist .title-search { position: relative; }

#search-cutmodel .title-search input[type=text], #search-stylist .title-search input[type=text] { width: 240px; border: none; border-radius: 4px; padding: 8px 42px 8px 12px; background: #EEE; }

#search-cutmodel .title-search input[type=submit], #search-stylist .title-search input[type=submit] { position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(/static/img/beauty/search-g.png) no-repeat center; background-size: 14px 14px; font-size: 0; }

#footer-search-area { padding: 24px; border: solid 4px #415261; }

#footer-search-area h3 { line-height: 1; margin: 0 0 24px; font-size: 230%; font-family: Noto, sans-serif; }

#footer-search-area #state-list { line-height: 1; }

#footer-search-area #state-list h4 { padding: 0 18px 6px 0; background: none; font-size: 100%; font-weight: normal; text-align: center; }

#footer-search-area #state-list h4 span { display: block; padding: 8px; background: #415261; color: #FFF; }

#footer-search-area #state-list div { padding: 8px 0 0; }

#footer-search-area #state-list li:last-child h4, #footer-search-area #state-list li:last-child div { padding-bottom: 0; }

#cut-model-title, #stylist-title { line-height: 1; height: 80px; margin: 0 0 24px; background: no-repeat center; background-size: cover; font-size: 570%; font-family: Noto; text-align: center; }

#cut-model-title a, #stylist-title a { color: #415261; }

#stylist-list2 > li { position: relative; float: left; width: 242px; margin: 0 13px 13px 0; }

#stylist-list2 > li:nth-child(3n) { margin-right: 0; }

#stylist-list2 > li:last-child { margin-bottom: 24px; }

#stylist-list2 > li > .pict { display: block; width: 234px; height: 234px; border: solid 4px #555555; background: no-repeat center; background-size: cover; color: #FFF; }

#stylist-list2 > li > .pict .bg { width: 234px; height: 234px; background: no-repeat center; background-size: cover; color: transparent; font-size: 0; }

#stylist-list2 > li > .pict img { position: absolute; left: 4px; top: 4px; width: 234px; height: 234px; background: rgba(0, 0, 0, 0.2); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#stylist-list2 > li:hover .pict img { background: rgba(0, 0, 0, 0.4); }

#stylist-list2 .stylist { position: absolute; left: 18px; right: 18px; bottom: 18px; }

#stylist-list2 h3 { line-height: 1.2; font-size: 200%; font-family: Noto; margin: 0px; }

#stylist-list2 .stylist-pop { position: fixed; display: none; left: 50%; top: 50%; z-index: 999; width: 592px; margin: -144px 0 0 -320px; padding: 24px; background: #415261; font-family: Noto; list-style: none; color: #FFF; }

#stylist-list2 .stylist-pop a { color: #333; }

#stylist-list2 .stylist-pop > li { float: left; width: 328px; vertical-align: middle; }

#stylist-list2 .stylist-pop > li.pict { width: 240px; margin-right: 24px; }

#stylist-list2 .stylist-pop > li.pict a { display: block; border: solid 4px #FFF; }

#stylist-list2 .stylist-pop > li.pict a img { width: 232px; height: 232px; }

#stylist-list2 .stylist-pop h4 { line-height: 1.5; font-size: 240%; }

#stylist-list2 .stylist-pop h4 a { color: #FFF; }

#stylist-list2 .stylist-pop .salon { margin: 0 0 24px; font-size: 117%; }

#stylist-list2 .stylist-pop .style { margin: 0 0 12px; }

#stylist-list2 .stylist-pop .style a { float: left; display: block; width: 104px; }

#stylist-list2 .stylist-pop .style a + a { margin-left: 8px; }

#stylist-list2 .stylist-pop .style a img { width: 104px; height: 104px; }

#stylist-list2 .stylist-pop .more { display: block; line-height: 1; background: none; border: solid 2px #FFF; font-size: 117%; text-align: center; color: #FFF; }

#stylist-list2 .stylist-pop .more:hover { background: #FFF; color: #415261; }

#setting-side { float: left; width: 240px; border-right: solid 1px #E5EEEB; }

#setting-side li { border-bottom: solid 1px #E5EEEB; }

#setting-side li a { display: block; line-height: 1; padding: 12px; text-decoration: none; background: #FFF; -webkit-transition: background ease .3s; -moz-transition: background ease .3s; transition: background ease .3s; }

#setting-side li a:hover { background: #F7F9F8; }

#setting-side li a.selected, #setting-side li a.selected:hover { background: #F7F9F8; color: #89948E; font-weight: bold; }

#setting-main { float: right; width: 836px; margin: 0 0 24px; }

#setting-main .white-block { margin: 0 0 12px; padding: 24px; border: solid 3px #E5EEEB; }

#setting-main h3 { line-height: 1; padding: 0 0 12px; border-bottom: solid 1px #E5EEEB; font-size: 117%; font-weight: bold; }

#setting-main h3 a.more-link { position: absolute; right: 28px; top: 33px; text-decoration: none; font-size: 80%; }

#setting-main h3 span { display: none; }

#setting-main .edit { border-collapse: separate; border-spacing: 0; }

#setting-main .edit th { width: 1%; padding: 12px 0; text-align: left; border-bottom: solid 1px #E5EEEB; color: #89948E; vertical-align: middle; white-space: nowrap; }

#setting-main .edit th.tit { line-height: 1; height: auto; margin: 0; padding: 12px 0; border-bottom: solid 1px #E5EEEB; background: none; color: #000; font-size: 117%; font-weight: bold; }

#setting-main .edit th.img-tit { line-height: 1.5; }

#setting-main .edit th.img-tit img { margin: 0 4px 0 0; vertical-align: top; }

#setting-main .edit td { padding: 12px 0 12px 12px; color: #000; border-bottom: solid 1px #E5EEEB; word-break: break-all; }

#setting-main .edit td.right span { vertical-align: middle; }

#setting-main .edit td p { margin: 0 0 12px; }

#setting-main .edit .input100 { padding-right: 14px; }

#setting-main .edit input[type=text], #setting-main .edit input[type=password], #setting-main .edit textarea, #setting-main .edit select { padding: 6px; border: solid 1px #CCC; border-radius: 4px; vertical-align: middle; }

#setting-main .edit textarea { width: 100%; }

#setting-main .edit input[type=checkbox] { margin: 2px 4px 0 0; vertical-align: top; }

#setting-main .edit input[type=checkbox] + label { margin-right: 12px; }

#setting-main .edit label + span { color: #999; }

#setting-main .edit .right select { width: 86px; white-space: nowrap; }

#setting-main .font10 { display: inline-block; margin: 6px 0 0; color: #999; }

#setting-main .btn-block { padding: 24px 0 0; text-align: center; }

#setting-main td .new-icon14 { vertical-align: middle; }

#setting-main .popup { position: absolute; bottom: 16px; display: block; line-height: 1.5; padding: 12px; border-radius: 4px; background: rgba(0, 0, 0, 0.6); color: #FFF; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease; }

#setting-main .new-icon14:hover + .popup { opacity: 1; }

#setting-main h4 { font-weight: bold; }

#setting-main .sub { margin: 0 0 24px; padding: 0 12px; }

#setting-main li { font-size: 91%; }

#setting-main .connect_button { display: inline-block; line-height: 1; margin: 0 6px 0 0; padding: 10px 12px; border: solid 1px #DDD; border-radius: 4px; background: #F6F6F6; font-size: 91%; }

#setting-main .sns-btn { display: inline-block; line-height: 1; padding: 10px 12px; border: solid 1px #2DCC70; border-radius: 4px; background: #2DCC70; font-size: 91%; color: #FFF; text-decoration: none; }

#setting-main .sns-btn:hover { background: #43D682; }

#setting-main .sns-btn.gray { border-color: #222; background: #222; }

#setting-main .sns-btn.gray:hover { background: #444; }

#setting-main #edit-tit { line-height: 1.4; height: auto; margin: 0 0 12px; padding: 12px; border-radius: 4px; background: #FFF; font-size: 100%; font-weight: bold; }

#setting-main .normal-block > h2 { display: none; }

#setting-main .normal-block > div > img { display: none; }

#setting-main .normal-block > div > p { line-height: 1; margin: 0 !important; padding: 12px; border-radius: 4px; background: #FFF; color: #999; }

#setting-main #user-list > li { box-shadow: none; }

#setting-main input[type=button].btn_submit, #setting-main input[type=submit] { line-height: 1; width: auto; padding: 12px 60px; border-radius: 4px; background: #B8C8BE; }

#setting-main #edit-tit span { display: none; }

#setting-main #edit-tit { line-height: 1; margin: 0 0 12px; padding: 0 0 12px; border-bottom: solid 1px #E5EEEB; font-size: 117%; }

#user-list > li { display: table; width: 100%; border-bottom: solid 1px #E5EEEB; }

#user-list > li > div { display: table-cell; padding-bottom: 12px; vertical-align: middle; }

#user-list > li > div.pict, #user-list > li > div.pict a { width: 84px; }

#user-list > li > div.pict img { width: 84px; height: 84px; border-radius: 4px; }

#user-list li > div.text { padding-left: 12px; }

#user-list .text p { line-height: 1.4; font-size: 91%; word-break: break-all; }

#user-list .users { display: table; line-height: 1; margin: 0 0 6px; }

#user-list .users li { display: table-cell; padding-right: 6px; vertical-align: middle; }

#user-list .users .name { font-size: 133%; font-weight: bold; }

#user-list .new-icon14 { margin: 0; }

.mini-btn { display: inline-block; line-height: 1; padding: 6px 8px; border-bottom: solid 1px #C0EBEB; border-radius: 4px; background: -webkit-linear-gradient(top, #F2FBFB, #E6F7F7); background: -moz-linear-gradient(top, #F2FBFB, #E6F7F7); background: -o-linear-gradient(top, #F2FBFB, #E6F7F7); background: -ms-linear-gradient(top, #F2FBFB, #E6F7F7); background: linear-gradient(to bottom, #F2FBFB, #E6F7F7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#F2FBFB, endcolorstr=#E6F7F7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F2FBFB, endcolorstr=#E6F7F7)"; color: #2D697B !important; font-size: 91%; text-shadow: 0 1px 0 #FFF; text-decoration: none; }

.mini-btn:hover { background: #E6F7F7; text-decoration: none; }

.mini-btn .new-icon10 { display: inline-block; width: 10px; height: 10px; margin: 0 0 0 4px; }

#simple-pager .simple-pager { display: table; line-height: 1; margin: 0 auto; font-family: 'Open Sans'; font-size: 150%; font-weight: bold; }

#simple-pager .simple-pager li { display: table-cell; }

#simple-pager .simple-pager li + li { padding-left: 3px; }

#simple-pager .simple-pager li.next { padding-left: 36px; }

#simple-pager .simple-pager li.prev + li { padding-left: 36px; }

#simple-pager .simple-pager span { color: #DDD; }

#simple-pager .simple-pager span.selected { color: #999; }

#simple-pager .simple-pager a, #simple-pager .simple-pager span { display: block; padding: 3px; }

#simple-pager .simple-pager a:hover { text-decoration: underline; }

div .tags.follow-tag { margin-top: 20px !important; }

.kanrisha-ft, .follow-action:hover { text-decoration: none; }

.kanrisha-ft, .follow-action { cursor: pointer; padding: 9px 35px; border-radius: 4px; border: solid 1px #FFF; font-size: 14px; color: #FFF; }

#clip { margin: 0 0 24px; padding: 36px; border: solid 4px #364C6B; background: #F4F6F7; }

#clip h2 { line-height: 1; margin: 0 0 24px; color: #364C6B; font-family: 'Open Sans'; font-size: 400%; font-weight: bold; text-align: center; }

#clip .menu { display: table; margin: 0 auto 36px; }

#clip .menu > li { position: relative; display: table-cell; padding-right: 6px; }

#clip .menu > li:last-child { padding: 0; }

#clip .menu > li > a { display: block; line-height: 1; width: 100px; padding: 10px; background: #D8DBDD; color: #364C6B; font-family: 'Open Sans'; font-weight: bold; text-align: center; text-decoration: none; }

#clip .menu > li:hover > a, #clip .menu > li > a.selected { background: #364C6B; color: #FFF; }

#clip .menu > li > a span { display: block; }

#clip .menu > li > a .sum { margin: 0 0 6px; font-size: 133%; }

#clip .sub-menu { display: none; position: absolute; left: 0; top: 54px; width: 222px; padding: 12px; border-top: solid 6px #F4F6F7; background: #364C6B; color: #FFF; font-family: "Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; z-index: 9; }

#clip li:hover .sub-menu { display: block; }

#clip .sub-menu a { color: #FFF; }

#clip .sub-menu .all { font-size: 133%; font-weight: bold; }

#clip .sub-menu .all a { position: relative; display: block; margin: 0 0 12px; }

#clip .sub-menu dl span, #clip .sub-menu .all span { position: absolute; right: 0; font-size: 75%; }

#clip .sub-menu dl span { right: 15px !important; }

#clip .sub-menu dt { line-height: 1; margin: 0 0 6px; padding: 0 0 6px; border-bottom: solid 1px #FFF; font-size: 117%; font-weight: bold; }

#clip .sub-menu dd + dt { margin-top: 12px; }

#clip-hairstyle-box { margin-left: -12px; margin-bottom: 28px; }

#clip-hairstyle > li { position: relative; float: left; width: 246px; margin: 0 0 12px 12px; font-family: "Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

#clip-hairstyle > li img { width: 246px; }

#clip-hairstyle > li > a { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); color: #FFF; text-decoration: none; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#clip-hairstyle > li > * { opacity: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#clip-hairstyle > li > img { opacity: 1; }

#clip-hairstyle > li:hover > * { opacity: 1; background: rgba(0, 0, 0, 0.5); }

#clip-hairstyle ol { position: absolute; left: 0; top: 50%; line-height: 1.2; width: 100%; margin-top: -12px; font-size: 166.66666%; list-style: none; text-align: center; background: none !important; }

#clip-hairstyle ol a { color: #FFF; text-decoration: none; }

#clip-hairstyle ol li { display: inline-block; }

#clip-hairstyle ol li + li { margin-left: 12px; }

#clip-hairstyle .stylist { position: absolute; left: 12px; bottom: 12px; line-height: 1; }

#clip-hairstyle .icon24.heart { width: 26px; }

#clip-salon { padding: 0px 24px; }

#clip-salon .item { position: relative; float: left; width: 225px; height: 225px; margin: 0 24px 24px 0; }

#clip-salon .item:nth-child(4n) { margin-right: 0; }

#clip-salon .item:last-child { margin-bottom: 40px; }

#clip-salon .item img { width: 225px; height: 225px; }

#clip-salon .item a { position: absolute; left: 0; top: 0; display: block; line-height: 1; width: 225px; height: 225px; background: rgba(0, 0, 0, 0.2); color: #FFF; font-size: 166.66666%; text-decoration: none; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#clip-salon .item a:hover { background: rgba(0, 0, 0, 0.5); }

#clip-salon .item .salon { position: absolute; left: 12px; right: 12px; bottom: 12px; font-family: 'Open Sans'; font-size: 120%; font-weight: bold; line-height: 1.2; }

#clip-list .item { float: left; width: 300px; margin: 0 24px 24px 0; padding: 12px; background: #FFF; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#clip-list .item:hover { background: #D8DBDD; }

#clip-list .item a { text-decoration: none; }

#clip-list .item:nth-child(3n) { margin-right: 0; }

#clip-list .item:last-child { margin-bottom: 40px; }

#clip-list .item .pict { height: 180px; background: no-repeat center; background-size: cover; margin: 0 0 9px; display: block; }

#clip-list .item .pict img { width: 300px; height: 180px; }

#clip-list .item h3 { line-height: 1.5; margin: 0 0 9px; font-size: 117%; }

#clip-list .item .author { line-height: 1; color: #999; font-size: 91%; }

#clip-list .item .date { line-height: 2.5454545; font-size: 91%; color: #364C6B; }

#clip-list .item .date.close { color: #999; }

#clip-list .item .date span { display: inline-block; line-height: 1; width: 60px; margin-right: 12px; padding: 8px 0; background: #364C6B; color: #FFF; text-align: center; }

#clip-list .item .date.close span { background: #999; }

#clip-ads .ads { margin-top: 48px; margin-bottom: 48px; }

#clip-ads .box td:first-child { text-align: right; }

#clip-ads .box td:first-child + td { width: 3% !important; }

#clip-ads .box td:last-child { text-align: left; }

#get-favorite p { line-height: 1; margin: 0 0 24px; color: #364C6B; font-size: 130%; text-align: center; font-weight: bold; }

#get-favorite .body { width: 552px; margin: 0 auto; padding: 24px; border-radius: 6px; background: #FFF; text-align: center; }

#get-favorite .body img { height: 340px; margin: 0 auto 24px; }

#get-favorite .body .btns { display: block; line-height: 1; width: 290px; margin: 0 auto; padding: 20px 0; border: solid 2px #364C6B; border-radius: 4px; color: #364C6B; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; }

#get-favorite .body .btns:hover { background: #364C6B; color: #FFF; }

#stylist-feed > div { height: 482px; overflow: hidden; padding: 24px 12px 24px 24px; background: #EEE; }

#stylist-feed .mCSB_container_wrapper > .mCSB_container { width: 246px !important; padding-right: 12px; }

#stylist-feed ul { font-family: Noto; }

#stylist-feed ul > li + li { margin: 24px 0 0; padding: 24px 0 0; border-top: solid 1px #CCC; }

#stylist-feed .table { display: table; width: 100%; margin: 0 0 12px; }

#stylist-feed .table > a > div { display: table-cell; vertical-align: middle; }

#stylist-feed .table .pict { width: 36px; padding-right: 12px; }

#stylist-feed .table h5 { line-height: 1; font-size: 150%; }

#stylist-feed .table .sub { color: #999; font-size: 84%; }

#stylist-feed .table img { width: 36px; height: 36px; }

#stylist-feed ol { list-style: none; }

#stylist-feed ol li { float: left; width: 74px; }

#stylist-feed ol li + li { margin-left: 6px; }

#stylist-feed ol li img { width: 74px; height: 74px; }

#karte { margin-top: -26px; }

#karte h2 { line-height: 1; margin: 0 0 12px; color: #2F4E6A; font-size: 150%; }

#karte h2 .icon16 { margin: -1px 0 0 6px; vertical-align: top; }

#karte-zero { padding: 60px; background: #F4F6F7; }

#karte-zero > p { margin: 0 0 24px; color: #999; font-size: 133%; text-align: center; }

#karte-zero .en-btn { display: block; line-height: 1.5; width: 180px; margin: 0 auto; padding: 50px 0; border-radius: 90px; background: #717C94; color: #FFF; font-size: 12px; text-decoration: none; text-align: center; }

#karte-zero .en-btn .text { display: block; margin: 0 0 8px; }

#karte-zero .en-btn .icon36.camera.w { margin: 0px 65px; }

#karte-zero .block { background: #FFF; padding: 40px; text-align: center; border-radius: 5px; }

#karte-zero h3 { line-height: 1; margin: 0 0 24px; color: #2F4E6A; font-size: 500%; font-weight: bold; font-family: 'Open Sans'; }

#karte-zero img { width: 600px; margin: 0 0 24px; }

#karte-zero h4 { line-height: 1; margin: 0 0 12px; color: #2F4E6A; font-size: 150%; font-weight: bold; }

#karte-zero p.blue { margin: 0 0 24px; color: #2F4E6A; font-size: 117%; }

#karte-zero p.red { color: #FD3F7C; }

#karte .blue-btn { display: inline-block; line-height: 1; width: 240px; margin: 0 0 12px; padding: 16px 0; border-radius: 4px; background: #7A899D; color: #FFF; font-size: 133.3333%; text-decoration: none; text-align: center; }

#karte .blue-btn.block { display: block; width: auto; padding: 24px; font-size: 117%; }

#karte .blue-btn.block .text { display: block; margin: 0 0 12px; }

#karte .blue-btn.block .icon36 { margin: 0 auto; }

#karte .blue-btn:hover { opacity: .8; }

#karte-side { float: left; width: 300px; margin: 0 0 24px; }

#karte-side ul li a { display: block; line-height: 1; padding: 10px 12px; background: #DCE1E6; color: #FFF; font-family: 'Open Sans'; font-size: 166.666666666%; font-weight: bold; text-decoration: none; }

#karte-side ul li a:hover { background: #2F4E6A; }

#karte-side ul li a.selected { background: #2F4E6A url(/static/img/beauty/arrow2.png) no-repeat right; background-size: 21px 10px; }

#karte-side ul li + li { margin-top: 2px; }

#karte-side h4 { line-height: 1; margin: 0; padding: 10px 12px; background: #2F4E6A; color: #FFF; font-family: 'Open Sans'; font-size: 166.666666666%; font-weight: bold; text-decoration: none; }

#karte-side ol li { float: left; width: 96px; height: 96px; margin: 6px 6px 0 0; list-style: none; }

#karte-side ol li:nth-child(3n) { margin-right: 0; }

#karte-side ol img { width: 96px; height: 96px; }

#karte-side ol > li a.load-more { display: block; background-color: #2F4E6A; height: 96px; text-decoration: none; }

#karte-side ol > li span { position: relative; top: -96px; line-height: 96px; width: 96px; height: 96px; display: block; font-size: 200%; text-align: center; color: #FFF; font-family: "Open Sans"; }

#karte-side li > a.load-more img { opacity: 0.5; }

#karte-content { float: left; width: 764px; margin: 0 0 24px 36px; }

#karte-list { padding: 24px; background: #F4F6F7; }

#karte-list dt { line-height: 1; margin: 0 0 3px; color: #2F4E6A; font-family: 'Open Sans'; font-size: 166.666666666%; font-weight: bold; }

#karte-list dd + dt { margin: 24px 0 3px; padding: 24px 0 0; border-top: solid 1px #C5CCD5; }

#karte-list li { float: left; width: 136px; height: 136px; margin: 9px 9px 0 0; }

#karte-list li:nth-child(5n) { margin-right: 0; }

#karte-list a { position: absolute; display: block; background: #2F4E6A; }

#karte-list img { width: 136px; height: 136px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; }

#karte-list a:hover img { opacity: .5; }

#karte-list li > a.load-more img { opacity: .5; }

#karte-list span { position: absolute; left: 0; top: 0; display: block; line-height: 136px; width: 136px; color: #FFF; font-family: 'Open Sans'; font-size: 200%; text-align: center; }

#karte-show { padding: 60px 60px 40px; background: #F4F6F7; }

#karte-show > div { position: relative; padding: 24px; background: #FFF; }

#karte-show .main { margin: 0 0 24px; }

#karte-show .pict { margin: 0 0 24px; text-align: center; }

#karte-show .pict li { display: inline-block; margin-right: 12px; }

#karte-thumbs.pict img { width: 120px; height: 120px; }

#karte-show #karte-pics > li > a > img { width: 596px; }

#karte-show .pict li:last-child { margin: 0; }

#karte-show .main h3 { line-height: 1; margin: 0 0 6px; font-size: 200%; font-family: 'Open Sans'; }

#karte-show .main p { line-height: 1.5; padding-right: 96px; color: #666; font-size: 117%; }

#karte-show .edit { position: absolute; right: 24px; bottom: 24px; display: table; }

#karte-show .edit > li { display: table-cell; }

#karte-show .edit > li + li { padding-left: 6px; }

#karte-show .edit a { display: block; line-height: 1; padding: 10px; border: solid 1px #FFF; border-radius: 20px; background: #FFF; text-decoration: none; }

#karte-show .edit a:hover { background: #EEE; }

#karte-show .edit .icon14 { opacity: .5; }

#karte-show .stylist th { text-align: left; padding-right: 12px; color: #999; font-weight: normal; vertical-align: middle; }

#karte-show .stylist { margin: 0 0 40px; }

#karte-show .stylist td { font-size: 117%; vertical-align: middle; }

#karte-show .nav { line-height: 1; font-family: 'Open Sans'; font-size: 150%; font-weight: bold; }

#karte-show .nav .prev { float: left; }

#karte-show .nav .next { float: right; }

#karte-show .comment { font-size: 13px; width: 85%; white-space: pre-line; word-wrap: break-word; }

#karte-add { width: 792px; margin: 0 auto 48px; padding: 40px; background: #FFF; }

#karte-add h2 { line-height: 1; margin: 0 0 40px; color: #2F4E6A; font-size: 150%; }

#karte-add h2 .icon16 { margin: -1px 0 0 6px; vertical-align: top; }

#karte-add .pict li { position: relative; float: left; width: 180px; height: 180px; margin: 0 24px 24px 0; background: #DCE1E6; }

#karte-add .pict li:nth-child(4n) { margin-right: 0; }

#karte-add .pict img { width: 180px; height: 180px; }

#karte-add .pict .main { position: absolute; display: block; left: 0; bottom: 0; width: 100%; line-height: 3; background: rgba(122, 137, 157, 0.8); color: #FFF; text-align: center; }

#karte-add .pict .add { display: block; line-height: 1; padding: 65px 0 45px; text-align: center; color: #7A899D; font-size: 117%; }

#karte-add .pict .add .icon60 { margin: 0 auto 12px; }

#karte-add .pict .add .text { display: block; }

#karte-add table th { width: 1%; padding-right: 12px; color: #666; font-size: 117%; font-weight: normal; text-align: left; white-space: nowrap; vertical-align: middle; }

#karte-add textarea { width: 768px; margin: 0 0 12px; padding: 9px 12px; border: none; border-radius: 4px; background: #F4F6F7; }

#karte-add tr .text { padding-right: 24px; }

#karte-add table { margin: 0 0 40px; }

#karte-add input[type=text] { line-height: 1.5; width: 100%; margin: 0; padding: 12px; border: none; border-radius: 4px; background: #F4F6F7; }

#karte-add input[type=date] { line-height: 1.5; margin: 0; padding: 12px; border: none; border-radius: 4px; background: #F4F6F7; }

#karte-add tr + tr th, #karte-add tr + tr td { padding-top: 12px; }

#karte-add input[type=submit] { display: iblock; line-height: 1; width: 240px; margin: 0; padding: 16px 0; border-radius: 4px; background: #7A899D; color: #FFF; font-size: 133.3333%; text-decoration: none; text-align: center; }

#karte-add input[type=submit]:hover { opacity: .8; }

#karte-add .locks { display: inline-block; line-height: 1.5; padding: 9px 15px; border-radius: 4px; background: #F4F6F7; color: #2F4E6A; }

#karte-add .locks .icon18 { margin: -1px 0 0 6px; vertical-align: top; }

#apps { margin-top: -12px; }

#app-main { position: relative; height: 600px; background: #AAA2A6 url(/static/img/beauty/app/app-bg.png) no-repeat center; background-size: 1300px 600px; }

#app-main .app { position: absolute; right: 50%; bottom: 48px; width: 256px; height: 402px; margin-right: -550px; }

#app-main a { position: absolute; right: 50%; bottom: 48px; display: block; width: 200px; height: 60px; margin-right: -325px; }

#app-main a img { width: 200px; height: 60px; }

#app-main p { position: absolute; right: 50%; bottom: 136px; line-height: 1.5; margin-right: -325px; color: #FFF; font-family: 'Open Sans'; font-size: 220%; font-weight: 600; text-align: right; text-shadow: 0 0 12px rgba(0, 0, 0, 0.2); letter-spacing: 0.1em; }

#apps .hr { height: 177px; margin: 60px 0; text-align: center; }

#apps .hr img { width: 294px; height: 177px; }

#apps .detail { width: 1100px; margin: 0 auto; }

#apps .detail .left { float: left; width: 350px; padding: 4px 0; border-top: solid 2px #302D2D; border-bottom: solid 2px #302D2D; }

#apps .detail .left .body { padding: 62px 0; border-top: solid 4px #302D2D; border-bottom: solid 4px #302D2D; }

#apps .detail .left table { margin: 0 auto 24px; width: auto; }

#apps .detail .left th { line-height: 1; padding-right: 12px; color: #795E7E; font-size: 250%; vertical-align: middle; }

#apps .detail .left td { line-height: 1.5; color: #302D2D; font-size: 135%; }

#apps .detail .left td span { line-height: 1.5; font-size: 77.777777777%; color: #888; }

#apps .detail .left tr + tr th, #apps .detail .left tr + tr td { padding-top: 38px; }

#apps .detail .left .btn { text-align: center; }

#apps .detail .left img { width: 240px; height: 73px; }

#apps .detail .right { float: right; width: 700px; padding-bottom: 27px; overflow-x: scroll; }

#apps .detail .right ul { display: table; }

#apps .detail .right ul li { display: table-cell; }

#apps .detail .right ul li img { width: 350px; height: 620px; }

#apps + .ads336 { margin: 60px 0; }

.status-icon20, .status-icon36 { display: inline-block; background: url(/static/img/column/status-icon.png) no-repeat left; background-size: 70px 216px; color: transparent; font-size: 0; vertical-align: top; }

.status-icon20 { width: 20px; height: 20px; margin-right: 6px; }

.status-icon20.like { background-position: left top; }

.status-icon20.facebook { width: 9px; background-position: left -20px; }

.status-icon20.twitter { background-position: left -40px; }

.status-icon20.heart { background-position: left -60px; }

.selected .status-icon20.heart { background-position: left -140px; }

.status-icon36 { width: 36px; height: 36px; }

.status-icon36.heart { background-position: -20px top; }

.selected .status-icon36.heart { background-position: -20px -144px; }

#header_status { margin: -6px 0 12px; }

#header_status ul { display: table; width: 100%; white-space: nowrap; }

#header_status li { display: table-cell; width: 1%; vertical-align: middle; }

#header_status li + li { padding-left: 12px; }

#header_status li:last-child { width: auto; text-align: right; }

#column_status { margin: 48px 0 24px -12px; }

#column_status ul { display: table; width: 100%; }

#column_status ul li { display: table-cell; width: 25%; padding-left: 12px; }

#column_status li > a, #column_status li > span { display: block; line-height: 1.666666666; padding: 16px 0; border-radius: 4px; background: #EEE; color: #999; font-size: 100%; text-align: center; text-decoration: none; vertical-align: middle; }

#column_status li > a.selected { background: #E7E8EC; color: #60667C; }

#column_status li.vote .sum { line-height: 1.25; margin-right: 4px; font-size: 133%; vertical-align: middle; }

#column_status li.facebook a { background: #304B85; color: #FFF; }

#column_status li.twitter a { background: #5A98C9; color: #FFF; }

#facebook-iine { border-radius: 4px; background: url(/static/img/top/beauty.jpg) no-repeat center; background-size: cover; text-align: center; }

#facebook-iine .bg { padding: 9px 0 7px; border-radius: 4px; background: rgba(48, 75, 133, 0.4); }

#facebook-iine p { line-height: 1; margin-top: 6px; color: #FFF; font-size: 84%; font-weight: bold; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

#category-text { margin-top: -24px !important; margin-bottom: 48px !important; padding-top: 0 !important; clear: both; color: #415261; }

#category-text a { color: #415261 !important; }

#category-text .left { float: left; width: 50%; }

#category-text .right { float: right; width: 50%; text-align: left; }

#category-text .item { margin: 0 0 12px; }

#category-text .left .item { padding-right: 6px; }

#category-text .right .item { padding-left: 6px; }

#category-text .item:last-child { margin: 0 0 48px; }

#category-text .item h3 { font-size: 100%; }

#category-text .item span { color: #CCC; }

#category-text .item li { float: left; line-height: 1; display: inline-block; margin: 8px 6px 0 0; padding-right: 6px; border-right: solid 1px #DDD; }

#category-text .item li:last-child { margin-right: 0; padding-right: 0; border: none; }

#footer { position: relative; }

.deal { margin: 0 auto; padding: 0; text-align: center; }

.deal > * { margin: 0 auto; }

.ads_leader { position: relative; background: #FFF; }

.ads_leader .block { background: #FFF; }

.ads_leader.fixed .block { position: fixed; left: 0; top: 45px; z-index: 99; width: 100%; transition: all .5s ease; }

.ads_leader.fixed.off .block { top: -274px; }

.ads_leader.stop .block { position: relative !important; left: auto !important; top: auto !important; }

.ads_leader .ads { margin: 0 auto; text-align: center; }

.ads_leader .ads > * { margin: 0 auto; }

.ads_leader .ads > * > * { margin: 0 auto 18px; }