@charset "utf-8";
/*
reset CSS
html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; vertical-align:baseline; background:transparent;}
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}
/*--- base ---*/
* { margin:0px; padding:0px;}
body { font-family: "メイリオ","Meiryo",verdana,"MS Pゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif; line-height: 1.75; font-size: 75%; text-align: center; color:#313131; background: #FFF;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;}
a:link,a:visited { color: #313131; text-decoration: none;}
a:active,a:hover { color: #92897a; text-decoration: none;}
/*--- foundation layout ---*/
#wrapper {}
/*--- header ---*/
body { padding-top: 46px;}
header { position: fixed; top: 0; left: 0; width: 100%; height: 46px; background: #f5f5f5; z-index: 80;}
header h1 img { margin-top: 15px; max-width: 65%; max-height: 38px;}
.headerName { display: none;}
/*--- gl nav ---*/
.navOpen { position: absolute; top: 8px; right: 2%; width: 30px; height: 30px; background: url(images/sp_nav_open.gif) no-repeat; text-indent: -999em; z-index: 90; cursor: pointer;}
nav {}
nav dl { position: absolute; width: 90%; box-sizing: border-box; padding: 8px; margin-top: -38px; text-align: left; background:#000; margin-left: 100%; z-index: 100;}
nav dt { display: block; width: 100%; height: 100%; background: url(images/sp_nav_open-menu.gif) no-repeat; border-bottom: #a3a3a3 solid 1px; color: #FFF; text-align: center; font-size: 150%; font-weight: bold; padding-bottom: 8px; margin-bottom: 8px;}
nav dd ul { padding-bottom: 160px; overflow: auto; -webkit-overflow-scrolling: touch; background: #000;}
nav dd ul ul { height: auto; padding-bottom: 0; overflow: auto;}
nav dd li { color: #b5b5b5; font-size: 150%; padding: 0 0 16px; font-weight: bold; background: #000;}
nav dd li li { font-size: 77%; padding: 0;}
nav dd li a { background: #000;}
nav dd li li a { display: block; padding: 16px 8px; border-bottom: #a3a3a3 solid 1px; background: #FFF url(images/sp_icon_arrow01.png) 98% 50% no-repeat;}
nav dd li li li a { padding: 16px 8px 16px 24px;}
nav dd li.viewChange { margin-top: 30px; padding-top: 24px; border-top: #a3a3a3 solid 1px; font-size: 100%; cursor: pointer;}
nav dd li a:link,nav dd li a:visited { color: #b5b5b5; text-decoration: none;}
nav dd li a:active,nav dd li li a:hover { color: #92897a; text-decoration: none;}
nav dd li li a:link,nav dd li li a:visited { color: #595959;}
nav dd li li a:active,nav dd li li a:hover { color: #92897a;}
/*--- mainImg ---*/
#mainImgs { text-align: center;}
.mainImg { width: 100%; margin-bottom: 10px;}
.mainTxt { width: 84%;}
/*--- footer ---*/
footer { overflow: hidden; background: #000;}
.fNav,.fbnr1755,.fDesign,.fCopy { display: none;}
.fToTopSp { padding: 6% 2%; text-align: right; border-bottom: #2a2a2a solid 1px; line-height: 1;}
.fNavSp { float: left; width: 48%; padding: 6% 0 6% 2%; line-height: 1;}
.fNavSp li { float: left; margin-right: 8%;}
#wrapper footer h2 img { margin: 6% 2% 6% 0; width: 48%;}
/*--- layout ---*/
section { overflow: hidden; text-align: left;}
aside { overflow: hidden;}
.sectionBg01 { background: #f9f9f9;}
.sectionBg02 { background: #000000;}
.sectionBg03 { background: #deeaf6;}
.sectionBg04 { background: #fef5f0;}
.indexSecBL { padding-bottom: 32px;}
.indexSecSB { padding-bottom: 32px;}
.indexSecRecruit { padding-bottom: 16px;}
.indexSecSL { padding-bottom: 16px;}
.indexSecInfo {}
/*--- side ---*/
aside h4 { text-align: center;}
aside h4 img { width: 78%; margin-bottom: 6%}
.sidePickUp { width: 100%; padding: 6% 4% 6% 4%; background: #eeeeee; box-sizing: content-box;}
.sidePickUp li { float: left; width: 50%; margin-bottom: 4%; text-align: center;}
.sidePickUp span { display: block;}
.sideShopList { display: none;}
/*--- general settings ---*/
h2.txtPt01 { padding-bottom: 24px; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 142%; line-height: 1.2; text-align: left !important;}
h2.txtPt01 span { font-size: 70%;}
h2.txtPt02 { padding-bottom: 24px; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-size: 142%; line-height: 1.2; text-align: center !important;}
h2.txtPt02 span { font-size: 70%;}
.spClb { clear: both;}
.clB { clear: both;}
.aC { text-align: center;}
.aR { text-align: right;}
.ofH { overflow: hidden; zoom: 1;}
.red { color: #FF0000;}
.spMt2 { padding-top: 2px;}
.pT20 { padding-top: 20px;}
.pT40 { padding-top: 40px;}
.pB7 { padding-bottom: 7px;}
.pB16 { padding-bottom: 16px;}
.pB24 { padding-bottom: 24px;}
.pB32 { padding-bottom: 32px;}
.pB40 { padding-bottom: 40px !important;}
.pB50 { padding-bottom: 50px;}
.pB130 { padding-bottom: 130px;}
.iconLink { display: block; background: url(images/icon_link.gif) 0em .2em no-repeat; padding-left: 24px;}
.indent li { margin-left: 1em; text-indent: -1em;}
p.indent { margin-left: 1em; text-indent: -1em;}
.imgSwith01 { width: 100%; margin-bottom: 16px; text-align: center;}
.imgSwith01Txt { width: 100%; margin-bottom: 16px; text-align: center;}
.imgSwith01Txt img { width: 100%;}
.imgGL { text-align: center;}
.imgGL img { width: 90%;}
.imgGR { text-align: center;}
.imgGR img { width: 90%;}
.table01 { width: 100%;}
.table01 th,.table01 td { width: 100%; padding: 8px 5px; font-weight: normal; border: #FFF solid 2px;}
.sectionBg01 .table01 th,.sectionBg01 .table01 td { border: #f9f9f9 solid 2px;}
.sectionBg02 .table01 th,.sectionBg02 .table01 td { border: #f9f9f9 solid 2px;}
.sectionBg03 .table01 th,.sectionBg03 .table01 td { border: #deeaf6 solid 2px;}
.table01 th { width: 1%; white-space: nowrap; background: #d7d7d7; text-align: center;}
.table01 td { width: 100%; padding: 8px 16px;}
.table02 { width: 100%;}
.table02 th,.table02 td { width: 100%; padding: 8px 5px; font-weight: normal; border: #FFF solid 2px;}
.sectionBg01 .table02 th,.sectionBg01 .table02 td { border: #f9f9f9 solid 2px;}
.sectionBg02 .table02 th,.sectionBg02 .table02 td { border: #f9f9f9 solid 2px;}
.sectionBg03 .table02 th,.sectionBg03 .table02 td { border: #deeaf6 solid 2px;}
.table02 th { width: 1%; white-space: nowrap; background: #000; text-align: center; color:#FFF;}
.table02 td { width: 100%; padding: 8px 16px;}
.table03 { width: 100%;}
.table03 th,.table03 td { width: 100%; padding: 8px 5px; font-weight: normal; border: #FFF solid 2px;}
.sectionBg01 .table03 th,.sectionBg01 .table03 td { border: #f9f9f9 solid 2px;}
.sectionBg02 .table03 th,.sectionBg02 .table03 td { border: #f9f9f9 solid 2px;}
.sectionBg03 .table03 th,.sectionBg03 .table03 td { border: #deeaf6 solid 2px;}
.sectionBg04 .table03 th,.sectionBg04 .table03 td { border: #fef5f0 solid 2px;}
.table03 th { width: 1%; white-space: nowrap; background: #da7c7c; text-align: center; color:#FFF;}
.table03 td { width: 100%; padding: 8px 16px;}
.imageListTwo { margin-left: -1%;}
.imageListTwo li { float: left; width: 49%; margin-left: 1%;}
.imageListTwo li img { width: 100%;}
.imageListTwoCen { margin-left: -1%;}
.imageListTwoCen li { float: left; width: 49%; margin-left: 1%;}
.imageListTwoCen li img { width: 100%;}
.boxList {}
.boxList li { padding: 4px 10px; float: left; margin-right: 1%; border: #00a5ce solid 1px; background: #FFF;}
.boxList02 {}
.boxList02 li { padding: 4px 10px; margin-bottom: 10px; float: left; margin-right: 1%; border: #737373 solid 1px; background: #FFF;}
/*--- page parts ---*/
/*--- index ---*/
#index h2 { text-align: center;}
#index h2 img { margin: 14px 0 16px; width: 36%;}
#index h2.title img { margin: 14px 0 16px; width: 70%;}
#index h3 { text-align: center;}
#index h3 img { margin-bottom: 6px; width: 87%;}
.indexBL { overflow: hidden; float: left; width: 96%; margin: 0 2%;}
.indexBL li { float: left; width: 45%;}
.indexBL li:nth-child(even) { float: right;}
.indexBL li img { width: 100%;}
.indexSB { overflow: hidden; float: left; margin-bottom: 16px; width: 100%;}
.indexSB li { float: left; width: 33%;}
.indexSB li img { width: 100%;}
.indexSB li.youtube { float: left; width: 90%;}
.indexSB li.youtube iframe { width: 100%;}
#indexYt { overflow: hidden; position: relative; padding: 0 10px; line-height: 1; }
.indexSBYt li iframe,
.indexSBYt li object,
.indexSBYt li embed { max-width: 100%; max-height: 100%;}
.moreLink { clear: both; overflow: hidden; text-align: center;}
.moreLink a { padding: 2px 16px; background: #606060; color: #FFF;}
.moreLink02 { clear: both; overflow: hidden; text-align: center;}
.moreLink02 a { display: inline-block; padding: 16px 32px; margin: 32px 0 0; background: #606060; color: #FFF;}
.indexRecruit { float: left; overflow: hidden; width: 98%; margin: 0 1% 6%; line-height: 1.16;}
.indexRecruit li { box-sizing: border-box; float: left; overflow: hidden; margin-bottom: 4px; padding: 2px 8px 2px 2px; width: 100%; background: #FFF; border: #d0d0d0 solid 1px;}
.indexRecruit li img { float: left; margin-right: 5%; width: 20%;}
.indexRecruit h4 { padding: 12px 0 24px; font-weight: bold;}
.indexRComment { display: none;}
.indexRName { float: left;}
.indexRShop { float: right;}
.indexFeature {float: left; overflow: hidden; width: 98%; margin: 0 1%; line-height: 1;}
.indexFeature li a { display: block; box-sizing: border-box; float: left; overflow: hidden; padding: 10px; width: 100%; background: #FFF; border: #d0d0d0 solid 1px; border-bottom: none; background: #FFF url(images/index_img_ft_icon.png) 98% 50% no-repeat; font-weight: bold;}
.indexFeature li a span { display: block; box-sizing: border-box; float: left; overflow: hidden; padding: 2px 0 2px 24px; width: 100%; background: url(images/index_icon01.gif) 0em 0em no-repeat;}
.indexFeature li:last-child a { border-bottom: #d0d0d0 solid 1px;}
.indexConcept {float: left; overflow: hidden; width: 98%; margin: 0 1%; line-height: 1;}
.indexConcept li a { display: block; box-sizing: border-box; float: left; overflow: hidden; padding: 10px; width: 100%; background: #FFF; border: #d0d0d0 solid 1px; border-bottom: none; background: #FFF url(images/index_img_ft_icon.png) 98% 50% no-repeat; font-weight: bold;}
.indexConcept li a span { display: block; box-sizing: border-box; float: left; overflow: hidden; padding: 2px 0 2px 24px; width: 100%; background: url(images/index_icon01.gif) 0em 0em no-repeat;}
.indexConcept li:last-child a { border-bottom: #d0d0d0 solid 1px;}
.indexCareer {float: left; overflow: hidden; width: 98%; margin: 0 1%; line-height: 1; padding-bottom:24px;}
.indexCareer li a { display: block; box-sizing: border-box; float: left; overflow: hidden; padding: 10px; width: 100%; background: #FFF; border: #d0d0d0 solid 1px; border-bottom: none; background: #FFF url(images/index_img_ft_icon.png) 98% 50% no-repeat; font-weight: bold;}
.indexCareer li a span { display: block; box-sizing: border-box; float: left; overflow: hidden; padding: 2px 0 2px 24px; width: 100%; background: url(images/index_icon01.gif) 0em 0em no-repeat;}
.indexCareer li:last-child a { border-bottom: #d0d0d0 solid 1px;}
.indexSL { border-top: #d1d1d1 solid 1px;}
.indexSL li p.toggle { cursor: pointer; display: block; box-sizing: border-box; padding: 16px 25px; width: 100%; background: #f6f6f6 url(images/sp_icon_open01.png) 98% 50% no-repeat; border-bottom: #d1d1d1 solid 1px; font-weight: bold;}
.indexSL li.open p.toggle { background: #000000 url(images/sp_icon_close01.png) 98% 50% no-repeat; border-bottom: none; color: #FFF;}
.indexSLBox { display: none; padding: 4% 4% 13%; text-align: center;}
.indexSLImg { float: left; width: 80%; margin-left: 10%; margin-bottom: 2%;}
.indexSLImg img { width: 100%;}
.indexSLImg a:active img,.indexSLImg a:hover img { filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.indexSLBrand { width: 80%; margin-left: 10%;}
.indexSLBrand img { width: 100%;}
.indexSLBox h4 { clear: both; padding-top: 10px; font-weight: bold;}
.indexSLBox em { display: inline !important; font-style: normal; font-size: 83%;}
.indexSecInfo {}
.indexInfo { padding: 3% 1% 6%; background: url(images/index_info_bg_sp.jpg) no-repeat; background-size: cover; color: #FFF; font-size: 83%;}
.indexInfo dt { display: none;}
.indexInfo dd li { padding: 3% 2% 1%; border-bottom: #FFF solid 1px;}
/*--- bxslider ---*/
.bx-wrapper .bx-prev { left: 0; background: rgba(0, 0, 0, 0.5) url(images/bxslide-prev.gif) no-repeat 100% 50%;}
.bx-wrapper .bx-next { right: 0; background: rgba(0, 0, 0, 0.5) url(images/bxslide-next.gif) no-repeat 0 50%;}
.bx-wrapper .bx-prev:hover { background-position: 100% 50%;}
.bx-wrapper .bx-next:hover { background-position: 0 50%;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 0; margin-top: 0; outline: 0; width: 34%; height: 100%; text-indent: -9999px; z-index: 70;}
#indexYt .bx-wrapper .bx-prev { display: none;}
#indexYt .bx-wrapper .bx-next { display: none;}
/* add for contents */
#contentsWrapper .contentsWidth { width: 100%; overflow: hidden;}
#contentsWrapper section { padding-left: 2%; padding-right: 2%;}
#wrapper #contentsWrapper h2 { text-align: center;width: 100%; overflow: hidden;}
#wrapper #contentsWrapper h2 img { margin: 14px 0 16px; width: 72%;}
#wrapper #contentsWrapper h2.wide img { width: 93%;}
#wrapper #contentsWrapper h3 { width: 100%; overflow: hidden;}
#wrapper #contentsWrapper h3 img { margin: 14px 0 16px; }
#wrapper #contentsWrapper h3.w442 img { width: 100%;}
#wrapper #contentsWrapper h3.w589 img,
#wrapper #contentsWrapper h3.w592 img,
#wrapper #contentsWrapper h3.w590 img,
#wrapper #contentsWrapper h4.w590 img,
#wrapper #contentsWrapper h5.w590 img,
#wrapper #contentsWrapper h3.w1000 img { width: 100%;}
#wrapper #contentsWrapper h3.w518 img { width: 96%;}
#wrapper #contentsWrapper h3.txtH3 { font-size: 157%; line-height: 1.2; margin: 0 0 16px; font-weight: bold;}
#wrapper #contentsWrapper h4 { font-size: 120%; font-weight: bold; margin-bottom: 20px;}
#wrapper #contentsWrapper h4 span { display: block; padding-bottom: 8px; border-bottom: #bababa solid 1px;}
.conMainImg { height: 150px;}
#salonSpiceAveda { background: url(images/salon/spice-aveda/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceRelaxation { background: url(images/salon/spice-relaxation/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceNails { background: url(images/salon/spice-nails/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceAvedaKichijoji { background: url(images/salon/spice-aveda-kichijoji/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceEYELASH { background: url(images/salon/spice-eyelash/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceAoyama { background: url(images/salon/spice-aoyama/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceYanagikouji { background: url(images/salon/spice-yanagikouji/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceYokohama { background: url(images/salon/spice-yokohama/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceSpicecourt { background: url(images/salon/spice-spicecourt/main.jpg) top center no-repeat; background-size: cover;}
#salonSpiceKidsYanagikouji { background: url(images/salon/spice-kids-yanagikouji/main.jpg) top center no-repeat; background-size: cover;}
#salonZussoKidsAtelier { background: url(images/salon/zusso-kids-atelier/main.jpg) top center no-repeat; background-size: cover;}
#salonZussoKidsShinjuku { background: url(images/salon/zusso-kids-shinjuku/main.jpg) top center no-repeat; background-size: cover;}
#salonZussoKidsTamagawa { background: url(images/salon/zusso-kids-tamagawa/main.jpg) top center no-repeat; background-size: cover;}
#salonZussoKidsIkebukuro { background: url(images/salon/zusso-kids-ikebukuro/main.jpg) top center no-repeat; background-size: cover;}
#salonZussoKidsKichijoji { background: url(images/salon/zusso-kids-kichijoji/main.jpg) top center no-repeat; background-size: cover;}
#recruitMain { background: url(images/recruit_main_sp.jpg) top center no-repeat; background-size: cover;}
#recruitMain p { height: 150px; /*background: url(images/concept_main_sp_logo.png) center center no-repeat;*/ background-size: 100% auto;}
#conceptMain { background: url(images/concept_main_sp.jpg) top center no-repeat; background-size: cover;}
#conceptMain p { height: 150px; /*background: url(images/concept_main_sp_logo.png) center center no-repeat;*/ background-size: 100% auto;}
#stylistInterview01 { position: relative; background: #f9f9f9 url(images/stylist-interview/01/stylist-interview_head.jpg) top center no-repeat; background-size: auto 100%;}
#stylistInterview01 p { position: absolute; top: 4%; /*width: 52%;*/ height: 92%;}
#stylistInterview01 p img { /*width: 100%;*/ height: 100%;}
#stylistInterview02 { position: relative; background: #f9f9f9 url(images/stylist-interview/02/stylist-interview_head.jpg) top center no-repeat; background-size: auto 100%;}
#stylistInterview02 p { position: absolute; top: 4%; right: 2%; /*width: 52%;*/ height: 92%;}
#stylistInterview02 p img { /*width: 100%;*/ height: 100%;}
#stylistInterview03 { position: relative; background: #f9f9f9 url(images/stylist-interview/03/stylist-interview_head.jpg) top center no-repeat; background-size: auto 100%;}
#stylistInterview03 p { position: absolute; top: 4%; /*width: 52%;*/ height: 92%;}
#stylistInterview03 p img { /*width: 100%;*/ height: 100%;}
#stylistInterview04 { position: relative; background: #f9f9f9 url(images/stylist-interview/04/stylist-interview_head.jpg) top center no-repeat; background-size: auto 100%;}
#stylistInterview04 p { position: absolute; top: 4%; right: 2%; /*width: 52%;*/ height: 92%;}
#stylistInterview04 p img { /*width: 100%;*/ height: 100%;}
.socialBtn { text-align: center; padding-bottom: 4%;}
.socialBtn li { display: inline; padding: 0 1%;}
/*--- contentsNav ---*/
.contentsNav { text-align: center; padding-left: 5%; padding-right: 5%; overflow: hidden;}
.contentsNav li { display: inline; white-space: nowrap; padding-right: 2.5%;}
.contentsNav li span { padding-left: 2.5%; color: #444444;}
.contentsNav li a:link,.contentsNav li a:visited { color: #444444;}
.contentsNav li a:active,.contentsNav li a:hover,.contentsNav li.selected a { color: #ff6e28;}
.contentsNav.colPt02 li a:active,.contentsNav.colPt02 li a:hover,.contentsNav.colPt02 li.selected a { color: #009aea;}
/*--- style book ---*/
.styleBookImages { width: 100%; margin-left: -2%; padding: 8% 0 20%; overflow: hidden;}
.styleBookImages li { float: left; width: 21%; margin-left: 4%; margin-bottom: 4%;}
.styleBookImages li img { width: 100%;}
.styleBookImg { width: 100%; margin-left: -2%; padding: 8% 0 20%; overflow: hidden;}
.styleBookImg li { float: left; width: 21%; margin-left: 4%; margin-bottom: 4%;}
.styleBookImg li img { width: 100%;}
.styleBookImg01 { width: 100%; margin-left: -2%; padding: 8% 0 20%; overflow: hidden;}
.styleBookImg01 li { float: left; width: 21%; margin-left: 4%; margin-bottom: 4%;}
.styleBookImg01 li img { width: 100%;}
.styleBookImg02 { width: 100%; margin-left: -2%; padding: 8% 0 20%; overflow: hidden;}
.styleBookImg02 li { float: left; width: 21%; margin-left: 4%; margin-bottom: 4%;}
.styleBookImg02 li img { width: 100%;}
.styleBookImg03 { width: 100%; margin-left: -2%; padding: 8% 0 20%; overflow: hidden;}
.styleBookImg03 li { float: left; width: 21%; margin-left: 4%; margin-bottom: 4%;}
.styleBookImg03 li img { width: 100%;}
.styleBookImg04 { width: 100%; margin-left: -2%; padding: 8% 0 20%; overflow: hidden;}
.styleBookImg04 li { float: left; width: 21%; margin-left: 4%; margin-bottom: 4%;}
.styleBookImg04 li img { width: 100%;}
.styleBookImg05 { width: 100%; margin-left: -2%; padding: 8% 0 20%; overflow: hidden;}
.styleBookImg05 li { float: left; width: 21%; margin-left: 4%; margin-bottom: 4%;}
.styleBookImg05 li img { width: 100%;}
.styleBookComment { padding: 6% 4%; line-height: 1.4;}
.stylistBox { padding: 0 8% 10%;}
.stylistImg { width: 40%; float: left; margin-right: 6%;}
.stylistImg img { width: 100%;}
.stylistPosition { padding-bottom: 4%;}
.stylistBox h3.stylistName { font-size: 133%; padding-bottom: 16%; line-height: 1;}
.stylistBox h3.stylistName span { display: block; font-size: 62%;}
.stylistShop { padding: 0 0 8%;}
/*--- gallery ---*/
#galleryList { width: 100%; margin-left: -1%; padding-bottom: 40px;}
#galleryList .item { float: left; width: 24%; margin: 0 0 1% 1%;}
#galleryList .item img { width: 100%;}
.photographer { text-align: center;}
.photographer li { display: inline;}
/*--- salon ---*/
.salonImgs dl { width: 100%;}
.salonImgs dl dt img { width: 100%; text-align:center; margin-bottom: 1%;}
.salonImgs dl dd ul { width: 102%; margin-left: -1%; overflow: hidden;}
.salonImgs dl dd li { float: left; width: 49%; margin-left: 1%; margin-bottom: 1%;}
.salonImgs dl dd li img { width: 100%;}
.salonBrandLogo { text-align: center; padding-bottom: 50px;}
.salonTel { font-size: 142%; font-weight: bold;}
.salonMap { width: 100%;}
.salonMap img { width: 100%;}
#mapCanvasSP { width: 100%; height: 150px;}
#mapCanvasPC { display: none;}
.salonMenu { padding: 0 0 32px;}
.salonMenu.first { padding: 32px 0;}
.salonMenuTxt01 { padding-bottom: 24px;}
ul.salonPrice {}
ul.salonPrice li { clear: both; overflow: hidden; padding-bottom: 16px;}
ul.salonPrice li dl { overflow: hidden; background: url(images/salon_price_dot.gif) left center repeat-x;}
ul.salonPrice li dt { float: left; padding-right: 16px; background: #FFF;}
ul.salonPrice li dd { overflow: hidden; float: right; padding-left: 16px; background: #FFF;}
.salonStaff {}
.salonStaff li { overflow: hidden; padding-bottom: 24px;}
.salonStaff li p { float: left; width: 45%; margin-right: 5%;}
.salonStaff li p img { width: 100%;}
.salonStaff li dl { overflow: hidden; width: 50%; padding-top: 10%;}
.salonStaff li dl dt { width: 100%; padding-bottom: 24px;}
.salonStaff li dl dt img { width: 100%;}
.nivo-lightbox-wrap {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
background: #fff;
padding: 16px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.staffOverlay { display: none;}
.staffOverlay img { width: 70%; padding-bottom: 16px;}
.staffOverlay dl { text-align: left;}
.staffOverlay dt { font-weight: bold;}
.staffOverlay dd { padding-bottom: 16px;}
/*
.staffOverlay p { float: left;}
.staffOverlay h3 { text-align: left !important;}
*/
/*--- spice aveda ---*/
.sA01,.sA0201,.sA02,.salonImgs { padding-bottom: 32px;}
.sA03 { padding-bottom: 16px;}
/*--- recruit ---*/
.recruitTable { margin-bottom: 16px;}
.recruitSection01 { overflow: hidden; padding-bottom: 24px;}
.recruitSection02,.recruitSection0201 { overflow: hidden; padding-bottom: 24px;}
.recruitStaffInterview li { float: left; width: 50%;}
.recruitStaffInterview li img { width: 100%;}
.recruitFlow li { width: 100%; min-height: 101px; padding-bottom: 16px; background:url(images/recruit_figure02.png) left repeat-y; background-size: 34% auto;}
.recruitFlow li.last { width: 100%; min-height: 101px; padding-bottom: 16px; background: none;}
.recruitFlow li li { width: 49%; padding-bottom: 0; background: none;}
.recruitFlow li dt { float: left; width: 34%; box-sizing: border-box; min-height: 104px; padding-top: 2em; margin-right:2%; background:url(images/recruit_figure01.png) top left no-repeat; background-size: 100% auto; text-align: center;}
.recruitFlow.pT02 li dt { padding-top: 3.4em;}
.recruitFlow li dl span { font-size: 85%;}
.recruitFlow li.last dt { min-height: 106px; background:url(images/recruit_figure03.png) top left no-repeat; background-size: 100% auto;}
.recruitFlow li dt.pT01 {}
.recruitFlow li dd { overflow: hidden; padding-top: 8px;}
.recruitFlow li dd p img { width: 100%;}
.recruitAssistantVoice {}
.recruitAssistantVoice li { position: relative; overflow: hidden; box-sizing: border-box; width: 100%; margin-bottom: 16px; padding: 3px 3px 3px 13px; border: #d0d0d0 solid 1px; background: #FFF; line-height: 1.2;}
.recruitAssistantVoice li .assistantImg { float: right; width: 30%; margin-left: 2%;}
.recruitAssistantVoice li .assistantImg img { width: 100%;}
.recruitAssistantVoice li .assistantComment { position: absolute; top: 13px; width: 64%; height: 7em; overflow: auto;}
.recruitAssistantVoice li .assistantComment.recruitKids { height: 9.5em;}
.recruitAssistantVoice li .assistantSalon { position: absolute; bottom: 13px;}
.recImg24 { text-align: center; padding: 16px 0;}
.recTxt01 { padding-bottom: 24px;}
.recruitSection03 { padding-bottom: 24px; overflow: hidden;}
.recruitSection04 { background: #bababa; color: #FFF; padding: 9%;}
.recruitSection04 dt { font-size: 135%; font-weight: bold; padding-bottom: 9%;}
.recruitSection04 a { color: #FFF;}
.recruitSection05 { padding-bottom: 24px; overflow: hidden;}
.recruitSection06 { padding-bottom: 24px; overflow: hidden;}
.recruitSection07 { padding-bottom: 2px; overflow: hidden;}
.recruitTxt01 { width: 100%; padding-bottom: 24px;}
.recruitTxt01 img { width: 100%;}
.recruitKidsImg01,.recruitKidsImg02,.recruitKidsImg01 img,.recruitKidsImg02 img { width: 100%;}
.recruitKidsImg01,.recruitKidsImg02 { padding-bottom: 16px;}
.imageListTwo li.recruitTxt02 { float: left; width: 98%; margin-left: 1%; margin-bottom: 0; border: #CCC solid 1px; background: #FFF; padding: 16px; box-sizing: border-box;}
.imageListTwo li.recruitTxt02Img { float: left; width: 98%; margin-left: 1%; margin-bottom: 0; border: #CCC solid 1px; box-sizing: border-box; border-bottom: none;}
.imageListTwo li.recruitLiImgC { margin-top: -29px !important; padding-left: 25%;}
/*--- recruit 2017 ---*/
.recruitArticle img { max-width: 100%; height: auto;}
.min { font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; font-weight: 500;}
.goth { font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.enCri { font-family: 'Crimson Text', serif; }
.pcDisp { display: none; }
.recSec01 { padding-top: 40px !important; }
.recSec02 { padding-bottom: 40px !important; }
.recSecLR01 { padding-left: 2%; padding-right: 2%; }
#recruit00 { padding: 20px 2% 40px !important; }
#recruitNum { overflow: hidden; padding: 0 0 20px; margin: -20px 0 0;}
#recruitNum li { overflow: hidden; clear: both; margin: 20px 0 0; line-height: 1.2; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; font-weight: 500;}
#recruitNum li a { }
.recruitNum { display: block; float: left; margin: 0 8px 0 0; width: 32px; height: 32px;border-radius: 32px; color: #FFF; font-family: 'Crimson Text', serif; font-size: 200.0%; line-height: 32px !important; text-align: center; font-style: italic; letter-spacing: -0.05em; text-indent: -0.15em;}
.recruitTxtS { display: block; }
.recruitTxtL { font-size: 133.3%; }
#recruitNum li a:link,#recruitNum li a:visited { }
#recruitNum li a:active,#recruitNum li a:hover { color: #FF8D37; }
#recruitNum li a:link .recruitNum,#recruitNum li a:visited .recruitNum { background: #282828; }
#recruitNum li a:active .recruitNum,#recruitNum li a:hover .recruitNum { background: #FF8D37; }
.recruitH01 { overflow: hidden; margin: 0 0 24px; text-align: left !important; line-height: 1.2; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; font-weight: 500;}
.recruitHNum { display: block; float: left; margin: 0 8px 0 0; width: 32px; height: 32px;border-radius: 32px; color: #FFF; font-family: 'Crimson Text', serif; font-size: 200.0%; line-height: 32px !important; text-align: center; font-style: italic; letter-spacing: -0.05em; text-indent: -0.15em; background: #808080;}
.recruitHTxtS { display: block; }
.recruitHTxtL { font-size: 133.3%; }
#recruit01 {}
.recruitPointBox { overflow: hidden; padding: 16px !important; margin: 0 0 16px; background: #FFF; border: #333 solid 4px; box-sizing: border-box;}
.recruitPointBox h3 { position: relative; overflow: visible !important; z-index: 10; line-height: 1.2; padding: 10px 0; margin: 0 0 16px;}
.recruitPointBox h3 img { position: absolute; top: 0; left: -4px; width: 40px; height: 40px; margin: 0 !important;}
.recruitPointBox h3 span { display: inline-block; padding: 0 0 0 48px; font-size: 141.7%; font-weight: bold;}
.recruitPointBoxSec01Txt01 { padding: 0 0 14px; }
.recruitPointBoxSec01Ul01 {}
.recruitPointBoxSec01Ul01 li { float: left; width: 48.5%; }
.recruitPointBoxSec01Ul01 li:nth-child(2n) { float: right;}
.recruitTable01 { width: 100%; }
.recruitTable01 th,.recruitTable01 td { }
.recruitTable01 th { white-space: nowrap; padding-right: 8px;}
.recruitTable01 td { }
#recruit02 { padding-left: 0 !important; padding-right: 0 !important;}
#recruit02Bg { padding: 16px; background: url(images/recruit_02_img01.jpg) 50% 50% no-repeat; background-size: cover;}
#recruit03 { padding-left: 0 !important; padding-right: 0 !important;}
#recruit03Img01 { padding: 0 0 20px; }
#recruit03Img02 { padding: 8px; background: url(images/recruit_03_img02.jpg) 50% 50% no-repeat; background-size: cover;}
#recruit03Img02 dl { overflow: hidden; position: relative; padding: 40px 16px 16px; background: rgba(0,0,0,0.8); color: #FFF; line-height: 1.4;}
#recruit03Img02 dt { padding: 0 0 16px; text-indent: -0.5em;}
#recruit03Img02 dd { font-size: 83.3%;}
#recruit03Img02 dd #recruit03Img02Txt01 { position: absolute; top: 16px; left: 16px;}
#recruit04 { padding-bottom: 24px; }
#recruit04Ul01 { overflow: hidden; margin: -24px 0 0; }
#recruit04Ul01 li { margin: 24px 0 0; position: relative;}
.recruit04Ul01Txt01 { position: absolute; left: 0; bottom: 16px; width: 100%; padding: 10px 16px; box-sizing: border-box; background: rgba(0,0,0,0.8); color: #FFF; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; font-weight: 500; line-height: 1.2;}
.recruit04Ul01Txt0101 { display: block; font-size: 83.3%; padding: 0 0 4px;}
.recruit04Ul01Txt0102 { font-size: 133.3%; }
#recruit0401 { background: #d3cfc3; }
.recruit040101 { overflow: hidden; padding: 0 0 24px;}
.recruit0401Ul01 { overflow: hidden; margin: -16px 0 0; }
.recruit0401Ul01 li { margin: 16px 0 0; }
#recruit05 { background: #fbecec; }
.recruit05Htxt01 { margin: 0 0 12px; font-size: 141.7%; font-weight: bold; border-bottom: #000 5px solid;}
#recruit05Ul01 li { margin: 16px 0 0;}
#recruit05Ul01 li:nth-child(1) { margin: 0;}
.recruit06Htxt01 { overflow: hidden; margin: 0 0 24px; text-align: left !important; line-height: 1.2; font-family: Lucida Fax , "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif !important; font-weight: 500;}
.recruit06Htxt0101 { display: block; font-size: 200%;}
.recruit06Htxt0102 { }
.recruitImageListTwo { }
.recruitImageListTwo li { float: left; width: 48.5%;}
.recruitImageListTwo li:nth-child(2n) { float: right;}
.recruitImageListTwo li img { width: 100%;}
#recruit07 { background: #DEEAF6; padding-bottom: 50px;}
#recruit07Img01 { padding: 0 0 16px; }
.recruit07Txt01 { padding: 0 0 16px; }
.recruit07HTxt01 { overflow: hidden; padding: 4px; margin: 0 0 16px; box-sizing: border-box; background: #000; color: #FFF; text-align: left !important; line-height: 1.2; font-family: 'Crimson Text', serif; font-weight: 500;}
#recruit07Img02 { text-align: center; padding: 0 0 16px;}
#recruit07Img02 img { width: 56%; }
.recruit07HTxt02 { text-align: center; border-bottom: #000 dashed 2px; font-weight: normal !important;}
.recruit07HTxt02 span { display: inline !important; font-size: 200%; border-bottom: none !important;}
.recruit07Ul01 {}
.recruit07Ul01 li { overflow: hidden; clear: both; }
.recruit07Ul01 dt { float: left; width: 3em; }
.recruit07Ul01 dd { overflow: hidden; }
/*--- concept ---*/
.conceptSL { border-top: #d1d1d1 solid 1px;}
.conceptSL li p.toggle { cursor: pointer; display: block; box-sizing: border-box; padding: 16px 25px; width: 100%; background: #FFF url(images/sp_icon_open01.png) 98% 50% no-repeat; border-bottom: #d1d1d1 solid 1px; font-weight: bold;}
.conceptSL li.open p.toggle { background: #000000 url(images/sp_icon_close01.png) 98% 50% no-repeat; border-bottom: none; color: #FFF;}
.conceptSLBox { display: none; padding: 4% 4% 13%; text-align: center;}
.conceptSLImg { float: left; width: 80%; margin-left: 10%; margin-bottom: 2%;}
.conceptSLImg img { width: 100%;}
.conceptSLBrand { width: 80%; margin-left: 10%;}
.conceptSLBrand img { width: 100%;}
.conceptSLBox h4 { clear: both; padding-top: 10px; font-weight: bold;}
.conceptSLBox em { display: inline !important; font-style: normal; font-size: 83%;}
/*--- company ---*/
.compabyIdeaTxt { font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
.signature { text-align: right;}
.signature span { font-size: 142%;}
/*--- privacy ---*/
.sectionPrivacy { text-align: left; padding: 0 2% 50px;}
.privacyDl {}
.privacyDl dt { font-weight: bold; padding-bottom: 4px; font-size: 114%;}
.privacyDl dd { padding: 0 0 2em 1em;}
/*--- contact ---*/
.contactSection { width: 100%; padding: 0 2%;}
.formTable {}
.formTable tr { display: block; padding-bottom: 16px;}
.formTable th,.formTable td { display: list-item;}
.formTable th { background: #d7d7d7; margin-bottom: 8px; padding: 4px;}
.formTable p { clear: both; padding: 8px 0 0;}
.formTable p.des { padding: 8px 0; font-weight: bold;}
.tableOl span { display: block;}
.formUl li { float: left; margin-right: 16px;}
.formTable input { width: 70%;}
.formTable textarea { width: 70%; height: 150px;}
.formTable input[type="radio"] { width: auto;}
/*--- brand W ---*/
.pBBrandW01 { padding-bottom: 16px;}
.brandWPoint img { width: 25%;}
.brandWpointTxt { padding-bottom: 16px;}
.brandWpointImg { text-align: center;}
.brandWpointImg img { width: 80%;}
.brandWSemiH4_01 img { width: 50%;}
.brandWSemiTxt01 { padding-bottom: 16px;}
.brandWSemiTxt02 { font-weight: bold; padding-bottom: 16px;}
.brandWSemiImg01 { text-align: center;}
.brandWSemiImg01 img { width: 80%;}
.brandWSemiUl li { padding-bottom: 40px;}
.brandWSemiUlImg { text-align: center;}
.brandWSemiUlImg img { width: 80%;}
.brandWSemiH4_02 { padding: 0 10%; margin: 16px 0;}
.brandWSemiH4_02 img { float: left !important; width: 50%;}
.brandWSemiH4_02 span { display: block; float: right; border-bottom: none !important; line-height: 1.2;}
.brandWSemiTxt03 { clear: both; padding-bottom: 16px;}
.brandWTxtBox01 { padding: 4px 8px; background: #444444; color: #FFF;}
.brandWSemiH4_03 { padding: 0 10% !important; margin: 16px 0;}
.brandWSemiH4_03 img { width: 100%;}
.brandWSemiTxt04 { padding-bottom: 16px; font-weight: bold;}
.brandWOrderH4_01 img { width: 100%;}
.brandWOrderTxt01 { padding-bottom: 24px;}
.brandWimg16 img { width: 100%;}
.brandWAS01 { padding-bottom: 16px;}
.brandWAS01 li { padding-bottom: 8px;}
.brandWAS01 img { width: 100%;}
.brandWAS02 { padding-bottom: 16px;}
.brandWAS02 li { padding-bottom: 8px;}
.brandWAS02 li dt { padding-bottom: 4px;}
.brandWAS02 img { width: 50%;}
ul.brandWPrice {}
ul.brandWPrice li { clear: both; overflow: hidden; padding-bottom: 16px;}
ul.brandWPrice li dl { overflow: hidden; background: url(images/salon_price_dot.gif) 0em .8em repeat-x;}
ul.brandWPrice li dt { float: left; padding-right: 16px; background: #f9f9f9;}
ul.brandWPrice li dd { overflow: hidden; float: right; padding-left: 16px; background: #f9f9f9; text-align: right;}
.brandNailGallery { overflow: hidden; margin-left: -2%;}
.brandNailGallery li { float: left; margin-left: 2%; width: 48%; padding-bottom: 8px; text-align: center;}
.brandNailGallery li img { width: 100%;}
/*--- interview ---*/
.interviewSec { padding-bottom: 40px;}
.interviewDl01 { padding-bottom: 24px;}
.interviewDl01 dt { padding-bottom: 16px; font-weight: bold; margin-left: 3em; text-indent: -3em;}
.interviewDl01 dd { padding-left: 3em;}
.interviewDl01 dd p { padding-bottom: 1em;}
.intervieweeName { color: #3398cc;}
.interviewImgR,.interviewImgL { width: 100%;}
.interviewImgR img,.interviewImgL img { width: 100%;}
/*--- product ---*/
.productUl li { padding-bottom: 40px;}
.productUlImg { text-align: center;}
.productUlImg img { width: 100%;}
.productH4_01 { overflow: hidden; padding: 0 0%; margin: 16px 0;}
.productH4_01.mBNarrow { margin: 16px 0 8px !important;}
.productH4_01 img { width: 100%;}
.productTxt01 { clear: both; padding: 0 0 16px;}
.productTxt02 { clear: both; padding: 0 0 16px;}
.productTxt03 { clear: both; padding: 0 0 8px;}
.productUl li .pRating { overflow: hidden; padding: 16px; background: #fafafa; border: #ededed solid 1px;}
.productUl li .pRating li { padding-bottom: 0; font-weight: bold;}
.productUl li .pRating li dt { float: left; width: 7em; text-align: right;}
.productUl li .pRating li dd { overflow: hidden;}
/*--- products ---*/
.productsUl li { padding-bottom: 40px;}
.productsUlImg { text-align: center;}
.productsUlImg img { width: 100%;}
.productsH4_01 { overflow: hidden; padding: 0 0%; margin: 16px 0;}
.productsH4_01.mBNarrow { margin: 16px 0 8px !important;}
.productsH4_01 img { width: 100%;}
.productsTxt01 { clear: both; padding: 0 0 16px;}
.productsTxt02 { clear: both; padding: 0 0 16px;}
.productsTxt03 { clear: both; padding: 0 0 8px;}
.productsUl li .pRating { overflow: hidden; padding: 16px; background: #fafafa; border: #ededed solid 1px;}
.productsUl li .pRating li { padding-bottom: 0; font-weight: bold;}
.productsUl li .pRating li dt { float: left; width: 7em; text-align: right;}
.productsUl li .pRating li dd { overflow: hidden;}
.productsDetailUl {}
.productsDetailUl h4 { width: 100%; margin-bottom: 16px !important;}
.productsDetailUl h4 img { width: 100%;}
.productsDetailUlL { padding-bottom: 16px;}
.productsDetailUlR { width: 90%; padding: 0 5% 40px;}
.productsDetailUlR img { width: 100%;}
/*--- aujua ---*/
.pATxt01 { padding-bottom: 16px; text-align: center;}
.pAImg01 { width: 100%;}
.pAImg01 img { width: 100%;}
.pATxt02 {}
.pAImg02 { width: 100%; text-align: center; padding-bottom: 16px;}
.pAImg02 img { width: 60%;}
/*--- bdb ---*/
.pATxt001 { padding-bottom: 16px; text-align: center;}
.pAImg001 { width: 100%;}
.pAImg001 img { width: 100%;}
.pATxt002 { padding-bottom: 16px;}
.pAImg002 { width: 100%; text-align: center; padding-bottom: 16px;}
.pAImg002 img { width: 60%;}
.pATxt003 { padding-bottom: 16px;}
/*--- children ---*/
.pAIOEImg01 { width: 100%;}
.pAIOEImg01 img { width: 100%;}
.pAIOEImg02 { width: 100%; padding-bottom: 16px;}
.pAIOEImg02 img { width: 100%;}
.pZKTxt01 { text-align: center; padding: 24px 0;}
.pZKImgCommon { width: 100%; padding-bottom: 24px;}
.pZKImgCommon img { width: 100%;}
.pBBImgCommon { width: 100%; padding-bottom: 24px;}
.pBBImgCommon img { width: 100%;}
/*--- nesno ---*/
.nesnoArticle { line-height: 2;}
.nesnoArticle img { max-width: 100%; height: auto;}
#nesnoImg01 { text-align: center; padding: 0 24px;}
#nesnoImg01 img {}
.nesnoBg { background: #8DCFCF; color: #FFF;}
.nesnoSec01 { overflow: hidden; padding: 0 0 32px;}
#nesnoSub01 { float: right; width: 92px !important;}
.nesnoSec01Txt01 { padding: 20px 0 0; }
.nesnoSec02 { clear: both; overflow: hidden; padding: 0 0 32px;}
.nesnoSec03 { clear: both; overflow: hidden; padding: 0 0 32px;}
.nesnoSec04 { clear: both; overflow: hidden; padding: 0 0 32px;}
.nesnoSec05 { clear: both; overflow: hidden; padding: 0 0 40px; margin: 0 0 32px; background: url(images/nesno_bg01.jpg) 0 100% no-repeat; background-size: 100% auto;}
.nesnoSec06 { clear: both; overflow: hidden; padding: 0 0 64px;}
.nesnoSec06Txt01 { padding: 0 0 24px; }
#nesnoImg02 { padding: 0 0 32px; }
#nesnoImg03 {}
.nesnoSec07 { clear: both; overflow: hidden; padding: 0 0 32px;}
#nesnoImg04 { float: right; float: right; width: 120px; margin-left: 24px;}
#nesnoImg05 { float: right; float: right; width: 120px; margin-left: 24px;}
.nesnoSec08 { clear: both; overflow: hidden; padding: 0 0 32px;}
/*--- relaveil ---*/
.relaveilSec01 { overflow: hidden; padding: 40px 0; text-align: center;}
.relaveilSec02 { overflow: hidden; padding: 0 0 40px; }
.relaveilSec02 img { max-width: 100%; height: auto; }
#relaveilImg01 { padding: 0 0 16px; }
/*--- season trend ---*/
.seasonTrendArticle { }
.seasonTrendArticle img { max-width: 100%; height: auto;}
#seasonTrendThumb { display: none; }
#seasonTrendThumb { }
#seasonTrendSlide {}
#seasonTrendSlide img { max-height: 64vw; width: auto;}
#staplePare { padding: 0 0 80px 0 !important; box-sizing: border-box;}
#tp-grid { background: #FFF; position: relative; z-index: 0;}
#tp-grid li { width: calc( 100% - 90px); }
#tp-grid li img { }
.topbar { overflow: hidden; padding: 24px 0; text-align: center;}
.bottombar { overflow: hidden; padding: 80px 0 10px; text-align: center; position: relative; z-index: 100;}
.back { display: inline; border: solid 1px #ccc; padding: 4px 35px; cursor: pointer; margin: 0 auto; box-sizing: border-box; text-align: center; display: none;}
/*--- reservationBlk ---*/
.reservationBlkPare { padding: 16px 0 0; }
.reservationBlkPare > dt { position: relative; text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 8px;}
.reservationBlkPare > dt > span { position: relative; z-index: 1; display: inline-block; background: #f9f9f9; padding: 0 1em;}
.reservationBlkPare > dt:after { content: ""; display: block; width: 100%; height: 1px; background: #CCC; position: absolute; top: 50%; left: 0;}
.reservationBlk { margin-top: -30px; margin-bottom: 24px; }
.reservationBlk--mT0 { margin-top: 0;}
.reservationBlk > ul { display: flex; flex-wrap: wrap; }
.reservationBlk > ul > li { width: calc( 100% / 3 );}
.reservationBlk > ul > li > a { display: block; width: 100%; height: 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; transition: all .25s ease-in-out;}
.reservationBlk > ul > li > a:hover { opacity: 0.5; }
.reservationBlk > ul > li > a > span { display: inline-block; position: relative; color: #FFF; font-weight: bold; line-height: 1;}
.reservationBlkTel { background: #363636; }
.reservationBlk > ul > li.reservationBlkTel > a > span { padding-left: 20px;}
.reservationBlk > ul > li.reservationBlkTel > a > span:before { content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; transform: translateY(-50%) translateX(0); background: url(images/icon_tel.svg) no-repeat 50% 50% / 100% 100%;}
.reservationBlkWeb { background: #385070; }
.reservationBlk > ul > li.reservationBlkWeb > a > span { padding-left: 20px;}
.reservationBlk > ul > li.reservationBlkWeb > a > span:before { content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; transform: translateY(-50%) translateX(0); background: url(images/icon_web.svg) no-repeat 50% 50% / 100% 100%;}
.reservationBlkHpb { background: #9F1547; }
.reservationBlkHpb img { width: auto; max-width: 100%; max-height: 20px; }
/* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 601px) {
/*--- foundation layout ---*/
#wrapper { font-size: 116%;}
/*--- header ---*/
body { padding-top: 100px;}
header { width: 100%; height: 100px; min-width: 1200px; background: #ffffff;}
header h1 img { margin-top: 31px; width: 276px; max-width: 276px; max-height: 23px;}
.headerName { display: block; font-size: 83%; padding-top: 6px;}
.small { font-size: 85%;}
/*--- gl nav ---*/
.navOpen { display: none;}
nav { width: 1200px; margin: 0 auto;}
nav dl { position: relative; width: 1200px; box-sizing: border-box; padding: 0; margin-top: -17px; background: none; margin-left: 0;}
nav dt { display: none;}
nav dd ul { width: auto; height: auto; padding-bottom: 0; overflow: visible; background: rgba(255, 255, 255, 0);}
nav dd li { position: absolute; top: 0; color: #313131; padding: 0 0 10px; font-weight: normal; background: rgba(255, 255, 255, 0); overflow: visible; font-size: 100%;}
nav dd li li { display: none; position: relative;}
nav dd li a { background: #FFF;}
nav dd li li a { display:block; float: left; padding: 0; border-bottom: none; background: none;}
nav dd li.viewChange { display: none;}
nav dd li.viewChange a { background: none; color: #FFF !important;}
/*
nav dd li.viewChange { position: absolute; right: 0; top: 2px; display: block; border: none; background: #000; padding: .6em 1.2em; line-height: 1;}
*/
nav dd li a:link,nav dd li a:visited { color: #313131;}
nav dd li a:active,nav dd li a:hover { color: #CCC;}
.glNav01 { left: 10px; width: 116px;}
.glNav02 { left: 127px; width: 164px;}
.glNav03 { left: 292px; width: 110px;}
.glNav04 { left: 848px; width: 140px;}
.glNav05 { left: 996px; width: 56px;}
.glNav06 { right: 10px; width: 59px;}
/*プルダウン*/
nav dd li.open ul { position: absolute; top: 31px; left: 0; height: auto; border: #666 solid 1px; border-bottom: none;}
nav dd li.open ul li { position: relative; display: block; background: rgba(255, 255, 255, 1); border-bottom: #666 solid 1px; overflow: hidden;}
nav dd li.open ul li a { display: block; padding: 1em 2em; white-space: nowrap;}
nav dd li.open ul ul { position: relative; display: block; top: 0; height: auto; margin-bottom: 16px; border: none; background: rgba(255, 255, 255, 0);}
nav dd li.open ul ul li { position: relative; display: block; background: rgba(255, 255, 255, 0); border-bottom: none; overflow: hidden; font-size: 100%;}
nav dd li.open ul ul li a { display: block; padding: 1em 0em; white-space: nowrap;}
nav dd li.glNav05 ul { left: -40px;}
nav dd li.glNav06 ul { left: -110px; width: 180px;}
nav dd li.glNav06 ul ul { left: 3em; width: 140px;}
/*--- mainImg ---*/
#mainImgs { padding-bottom: 30px;}
.mainImg { display: none;}
.mainTxt { width: 363px; margin-top: 630px;}
.slideMain { height: 715px; overflow: hidden;}
.slideMain01 { background: url(images/main_img0101.jpg) top center no-repeat;}
.slideMain02 { background: url(images/main_img0201.jpg) top center no-repeat;}
.slideMain03 { background: url(images/main_img0301.jpg) top center no-repeat;}
/*--- footer ---*/
footer { color: #9c9a93; text-align: center; font-size: 85%; clear: both;}
#footerWrapper { position: relative; overflow: hidden; width: 1200px; height: 380px; margin: 0 auto; text-align: left;}
.fNav,.fbnr1755,.fDesign,.fCopy { display: block;}
.fbnr1755 { position: absolute; bottom: 50px; left: 0;}
footer small { font-size:83%; line-height: 1;}
.fDesign { position: absolute; bottom: 20px; left: 0;}
.fCopy { position: absolute; bottom: 20px; right: 0;}
.fToTopSp,.fNavSp { display: none;}
.fNav { position: absolute; top: 50px; height: 180px; padding: 8px 0 0 30px; border-left: #242424 solid 1px;}
.fNav li img { padding-bottom: 10px; line-height: 1;}
.fNav li.constantImg img { padding-bottom: 20px;}
.fNav li li img { padding-bottom: 0;}
.fNav li li { padding-left: 20px;}
.fNav01 { left: 0px; border-left: none; padding-left: 0px;}
.fNav02 { left: 300px;}
.fNav03 { left: 600px;}
.fNav04 { left: 900px;}
#wrapper footer h2 img { position: absolute; bottom: 50px; right: 0; margin: 0; width: 322px;}
footer a:link,footer a:visited { color: #9c9a93;}
footer a:active,footer a:hover { color: #EEE;}
/*--- layout ---*/
.sectionBg01 {}
.sectionBg02 {}
.indexSecBL { padding-bottom: 60px;}
.indexSecSB { padding-bottom: 80px;}
.indexSecRecruit { padding-bottom: 68px;}
.indexSecSL { padding-bottom: 16px;}
.indexSecInfo {}
/*--- side ---*/
#contentsWrapper aside section { min-width: 250px;}
aside h4 { text-align: center;}
aside h4 img { width: auto; margin-bottom: 18px;}
.sidePickUp { width: 250px; padding: 10px 10px 0 10px; margin-bottom: 30px;}
.sidePickUp ul { overflow: hidden; padding: 0 10px 0 3px;}
.sidePickUp li { float: left; width: 72px; margin-bottom: 12px; margin-left: 7px; text-align: center;}
.sidePickUp span { display: block;}
.sideShopList { display: block; font-size: 85%; line-height: 1.4; }
.sideShopList ul { background: url(images/side_border01.jpg) left top repeat-x;}
.sideShopList li { width: 250px; overflow: hidden; padding: 6px 0; clear: both; background: url(images/side_border01.jpg) left bottom repeat-x;}
.sideShopList li .ofH { padding-top: 10px;}
/*--- general settings ---*/
.spClb { clear: none;}
.imgSwith01 { float: left; width: auto; margin-right: 40px; margin-bottom: 0;}
.imgSwith01Txt { width: auto; margin-bottom: 0; text-align: left;}
.imgSwith01Txt img { width: auto;}
.imgL { float: left; margin-right: 14px;}
.imgGL { text-align: center; float: left;}
.imgGL img { width: auto;}
.imgGR { text-align: center; float: right;}
.imgGR img { width: auto;}
.imageListTwo { margin-left: -8px;}
.imageListTwo li { float: left; width: auto; margin-left: 8px;}
.imageListTwo li img { width: 100%;}
/*
.imageListTwoCen { margin-left: -1%;}
.imageListTwoCen li { float: left; width: 49%; margin-left: 1%;}
.imageListTwoCen li img { width: 100%;}
*/
.imageListTwoCen { margin-left: 0; text-align: center; overflow: hidden;}
.imageListTwoCen li { display: inline; float: none; padding: 0 20px; width: auto; margin-left: 0;}
.imageListTwoCen li img { width: auto;}
.pcML24 { margin-left: 24px !important;}
.spMt2 { padding-top: 0;}
/*--- page parts ---*/
/*--- index ---*/
#index h2 { }
#index h2 img { margin: 44px 0 32px; width: 154px;}
#index h2.title img { margin: 44px 0 32px; width: 255px;}
#index h3 { text-align: left;}
#index h3 img { margin-bottom: 18px; width: 350px;}
.indexBL { float: none; width: 1200px; margin: -3px auto 0;}
.indexBL li { width: 203px;}
.indexBL li:nth-child(even) { float: left;}
.indexBL li.indexBL01 { margin-left: -47px;}
.indexBL li.indexBL02 { margin-left: 5px;}
.indexBL li.indexBL03 { margin-left: 27px;}
.indexBL li.indexBL04 { margin-left: 28px;}
.indexBL li.indexBL05 { margin-left: 42px;}
.indexBL li.indexBL06 { float: right; margin-right: 0px; width: 82px; text-indent: -57px;}
.indexBL li img { width: auto;}
.indexSB { margin-bottom: 0;}
.indexSB li { width: 20%;}
.moreLink { margin-top: 24px;}
.indexSB li.youtube { width: 20%;}
#indexYt { padding: 0;}
.indexSecRecruitCh { width: 1008px; margin: 0 auto;}
.indexRecruit { width: 1048px; margin: -22px 0 60px -40px; background: url(images/indexrecruit_bg01.gif) 52% 53% no-repeat;}
.indexRecruit li { box-sizing: content-box; margin: 22px 0 0 40px; padding: 2px 8px 2px 2px; width: 472px; border: #d0d0d0 solid 1px;}
.indexRecruit li img { margin-right: 16px; width: 102px;}
.indexRecruit h4 { padding: 12px 0 16px;}
.indexRComment { display: block; padding-bottom: 24px}
.indexRName { font-size: 85%;}
.indexRShop { font-size: 85%;}
.indexFeature { width: 1101px; margin: 0 0 60px -92px;}
.indexFeature li a { box-sizing: content-box; width: 253px; margin-left: 92px; border-bottom: #d0d0d0 solid 1px;}
.indexConcept { width: 1101px; margin: 0 0 60px 92px;}
.indexConcept li a { box-sizing: content-box; width: 253px; margin-left: 92px; border-bottom: #d0d0d0 solid 1px;}
.indexCareer { width: 1101px; margin: 0 0 60px 276px;}
.indexCareer li a { box-sizing: content-box; width: 253px; margin-left: 92px; border-bottom: #d0d0d0 solid 1px;}
.indexSecSLCh { width: 1200px; margin: 0 auto; overflow: hidden;}
.indexSL { border-top: none; width: 1210px; margin-left: -10px}
.indexSL li p.toggle { display: none;}
.indexSL li { float: left; width: 232px; margin-left: 10px;}
.indexSLBox { display: block; padding: 0 0 40px; font-size: 85%;}
.indexSLImg { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 0;}
.indexSLImg img { width: 100%; margin-bottom: 6px;}
.indexSLBrand { width: 100%; text-align: center; margin-left: 0;}
.indexSLBrand img { width: 150px;}
.indexSLBox h4 { width: 100%; padding-top: 8px; margin: 0;}
.indexSLBox em { display: block !important; line-height: 1.2;}
.brandTel { padding-bottom: 6px;}
.indexInfoSub { display: none;}
.indexSecInfo { padding: 120px 0; background: url(images/index_info_bg01.jpg) top center no-repeat; -moz-background-size: cover; background-size: cover; font-size: 100%;}
.indexInfo { width: 650px; margin: 0 auto; padding: 30px; background: rgba(0, 0, 0, 0.5); font-size: 100%;}
.indexInfo dt { display: block; padding-bottom: 50px; line-height: 1;}
.indexInfo dd { margin-top: -32px;}
.indexInfo dd li { padding: 0; border-bottom: none; margin-top: 32px;}
/*--- bxslider ---*/
.bx-wrapper .bx-controls-direction a { width: 40%;}
#indexYt .bx-wrapper .bx-prev { display: block;}
#indexYt .bx-wrapper .bx-next { display: block;}
/* add for contents */
#contentsWrapper section { min-width: 1200px; padding-left: 0; padding-right: 0;}
#contentsWrapper { width: auto; margin: 0 auto; padding: 0;}
#contentsWrapper .contentsWidth { width: 1200px; margin: 0 auto; padding: 0;}
#contentsWrapper .contentsWidth01 { width: 1200px; margin: 0 auto; padding: 0;}
#contentsWrapper .contentsWidth02 { width: 1000px; margin: 0 auto; padding: 0;}
#contentsWrapper .contentsWidth03 { width: 800px; margin: 0 auto; padding: 0;}
#contentsWrapper.colTwo { width: auto; margin: 0 auto; padding: 0;}
#contentsTwoCol { width: 1000px; margin: 0 auto; padding: 38px 0 0; overflow: hidden;}
#contentsTwoColCon { width: 716px; float: left; overflow: hidden;}
#contentsWrapper.colTwo #contentsTwoColCon section { width: 716px; min-width: 716px; padding-left: 0; padding-right: 0;}
#contentsWrapper.colTwo #contentsTwoColCon .contentsWidth { width: 716px; margin: 0;}
#contentsWrapper.colTwo aside { width: 250px; float: right; overflow: hidden;}
#wrapper #contentsWrapper h2 { text-align: center;}
#wrapper #contentsWrapper h2 img { margin: 72px 0 36px; width: 308px;}
#wrapper #contentsWrapper h2.wide img { width: 402px;}
#wrapper #contentsWrapper h2.narrowSpace img { margin: 16px 0 6px;}
#wrapper #contentsWrapper h2.narrowSpace02 img { margin: 36px 0 46px;}
#wrapper #contentsWrapper h3 { width: 100%; overflow: hidden;}
#wrapper #contentsWrapper h3 img { margin: 0 0 24px; }
#wrapper #contentsWrapper h3.w442 img { width: 442px; padding: 40px 0 20px;}
#wrapper #contentsWrapper h3.w518 img { width: 518px;}
#wrapper #contentsWrapper h3.w589 img { width: 589px;}
#wrapper #contentsWrapper h3.w590 img { width: 590px;}
#wrapper #contentsWrapper h3.w592 img { width: 592px; padding: 40px 0 20px;}
#wrapper #contentsWrapper h3.w1000 img { width: 1000px; padding: 40px 0 20px;}
#wrapper #contentsWrapper h3.txtH3 { font-size: 157%; line-height: 1.2; margin: 0 0 16px; font-weight: bold;}
#wrapper #contentsWrapper h4 { font-size: 164%; font-weight: bold; margin-bottom: 20px; overflow: hidden;}
#wrapper #contentsWrapper h4 span { display: block; float: left; padding-right: 270px; padding-bottom: 8px; border-bottom: #bababa solid 1px;}
#wrapper #contentsWrapper h4.w590 img { width: 590px;}
#wrapper #contentsWrapper h5.w590 img { width: 590px;}
.conMainImg { height: 300px;}
#recruitMain { background: url(images/recruit_main.jpg) top center no-repeat; background-size: cover;}
#recruitMain p { display: none;}
#conceptMain { background: url(images/concept_main.jpg) top center no-repeat; background-size: cover;}
#conceptMain p { display: none;}
#stylistInterview01 {}
#stylistInterview01 p { top: 12px; left: 50%; margin-left: -488px;}
#stylistInterview01 p img { height: auto;}
#stylistInterview02 p { top: 12px; left: 50%; margin-left: 156px;}
#stylistInterview02 p img { height: auto;}
#stylistInterview03 p { top: 12px; left: 50%; margin-left: -488px;}
#stylistInterview03 p img { height: auto;}
#stylistInterview04 p { top: 12px; left: 50%; margin-left: 156px;}
#stylistInterview04 p img { height: auto;}
.socialBtn { padding-bottom: 15px;}
.socialBtn li { padding: 0 3px;}
/*--- contentsNav ---*/
.contentsNav { padding-top: 24px; padding-left: 0; padding-right: 0; font-size: 114%;}
.contentsNav li { padding-right: 8px;}
.contentsNav li span { padding-left: 8px;}
/*--- style book ---*/
.styleBookImages { width: 1104px; margin: 0 auto; padding: 70px 0 240px;}
.styleBookImages li { float: left; width: 160px; margin: 0 0 0 24px; margin-bottom: 24px;}
.styleBookImages li img { width: 160px;}
.styleBookSliderPare .bx-wrapper .bx-controls-direction a { width: 33.3%;}
.styleBookImg { width: 1104px; margin: 0 auto; padding: 10px 0 100px;}
.styleBookImg li { float: left; width: 160px; margin: 0 0 0 24px; margin-bottom: 24px;}
.styleBookImg li img { width: 160px;}
.styleBookImg01 { width: 160px; margin: 0 auto; padding: 10px 0 100px;}
.styleBookImg01 li { float: left; width: 160px; margin: 0 0 0 0; margin-bottom: 24px;}
.styleBookImg01 li img { width: 160px;}
.styleBookImg02 { width: 390px; margin: 0 auto; padding: 10px 0 100px;}
.styleBookImg02 li { float: left; width: 160px; margin: 0 0 0 24px; margin-bottom: 24px;}
.styleBookImg02 li img { width: 160px;}
.styleBookImg03 { width: 580px; margin: 0 auto; padding: 10px 0 100px;}
.styleBookImg03 li { float: left; width: 160px; margin: 0 0 0 24px; margin-bottom: 24px;}
.styleBookImg03 li img { width: 160px;}
.styleBookImg04 { width: 770px; margin: 0 auto; padding: 70px 0 240px;}
.styleBookImg04 li { float: left; width: 160px; margin: 0 0 0 24px; margin-bottom: 24px;}
.styleBookImg04 li img { width: 160px;}
.styleBookImg05 { width: 950px; margin: 0 auto; padding: 10px 0 100px;}
.styleBookImg05 li { float: left; width: 160px; margin: 0 0 0 24px; margin-bottom: 24px;}
.styleBookImg05 li img { width: 160px;}
.styleBookComment { padding: 36px 0 30px; text-align: center;}
.stylistBox { padding: 0 0 100px 460px;}
.stylistImg { width: auto; margin-right: 24px;}
.stylistImg img { width: 130px;}
.stylistPosition { padding-bottom: 10px;}
.stylistBox h3.stylistName { padding-bottom: 30px;}
.stylistShop { padding: 0 0 8px;}
.styleBookCaseSliderPare .bx-wrapper .bx-controls-direction a { width: 33.3%;}
/*--- gallery ---*/
#galleryList { width: 1205px; margin: 0 auto; padding: 0 0 40px 15px;}
#galleryList li { background-color: #000;}
#galleryList .item { float: left; width: 24%; margin-bottom: 5px; margin-left: 5px;}
#galleryList .item img { width: 100%;}
.photographer { text-align: center;}
.photographer li { display: inline;}
/*--- spice aveda ---*/
.salonImgs dl { width: 716px;}
.salonImgs dl dt { float: left;}
.salonImgs dl dt img { width: auto; text-align:center; margin-bottom: 0;}
.salonImgs dl dd { overflow: hidden;}
.salonImgs dl dd ul { width: auto; margin-left: 0; overflow: hidden;}
.salonImgs dl dd li { float: left; width: 178px; margin-left: 3px; margin-bottom: 3px;}
.salonImgs dl dd li img { width: auto;}
#mapCanvasSP { display: none;}
.sA01 { padding-bottom: 64px; /*padding-top: 38px;*/}
.salonImgs { padding-bottom: 70px;}
.sA02 { padding-bottom: 70px;}
.sA03 { padding-bottom: 70px;}
.pcw518L { width: 518px; float: right;}
.pcw518R { width: 518px; float: left;}
.pcw210L { width: 210px; float: right;}
.salonMap img { width: auto;}
#mapCanvas { display: none;}
#mapCanvasPC { display: block; width: 100%; height: 370px;}
.salonMenu { padding: 0 0 64px;}
.salonMenu.first { padding: 0 0 64px;}
.salonMenuTxt01 { padding-bottom: 40px;}
.salonStaff { width: 732px; margin-left: -16px;}
.salonStaff li { float: left; margin-left: 16px; overflow: hidden; padding-bottom: 40px;}
.salonStaff li p { float: left; width: 160px; margin-right: 16px;}
.salonStaff li p img { width: 160px;}
.salonStaff li dl { overflow: hidden; width: 174px; padding-top: 8px;}
.salonStaff li dl dt { width: 100%; padding-bottom: 24px;}
.salonStaff li dl dt img { width: 100%;}
.nivo-lightbox-wrap {
position: absolute;
top: 10%;
bottom: 10%;
left: 30%;
right: 30%;
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
padding: 24px;
}
.staffOverlay { display: none;}
.staffOverlay img { width: auto; padding-bottom: 16px;}
.staffOverlay dl { text-align: left;}
.staffOverlay dt { font-weight: bold;}
.staffOverlay dd { padding-bottom: 16px;}
.staffOverlay p { float: left; width: 250px; margin-right: 16px;}
.staffOverlay p img { width: 100%;}
.staffOverlay h3 { text-align: left !important;}
/*--- recruit ---*/
.recruitSection0101 { width: 600px; float: left;}
.recruitSection02 { clear: both;}
.recruitSection0201 { float: left; width: 380px;}
.recruitStaffInterview li { float: left; width: 25%; padding-bottom: 50px;}
.recruitStaffInterview li img { width: 100%;}
.recruitFlow li { min-height: 120px; padding-bottom: 38px; background-size: 120px auto;}
.recruitFlow li.last { min-height: 120px; padding-bottom: 80px;}
.recruitFlow li li { width: auto;}
.recruitFlow li dt { width: 120px; min-height: 120px; margin-right: 85px;}
.recruitFlow li dl span { font-size: 71%;}
.recruitFlow li.last dt { min-height: 122px;}
.recruitFlow li dd p img { width: auto;}
.recruitAssistantVoice { overflow: hidden; margin-left: -34px;}
.recruitAssistantVoice li { float: left; margin-left: 34px; width: 483px;}
.recruitAssistantVoice li .assistantImg { width: auto; margin-left: 16px;}
.recruitAssistantVoice li .assistantImg img { width: auto;}
.recruitAssistantVoice li .assistantComment { position: absolute; top: 13px; width: 346px; height: 7em; overflow: auto;}
.recruitAssistantVoice li .assistantSalon { }
.recruitAssistantVoice li .assistantTxt { float: left; width: 346px; margin-top: 8px; margin-bottom: 0;}
.recImg24 { float: right; text-align: left; padding: 0 0;/* margin-top: -70px;*/ margin-left: 48px;}
.recTxt01 { padding-bottom: 90px; padding-left: 40px;}
.recruitSection03 { float: left; width: 312px; margin-right: 32px; padding-bottom: 0;}
.recruitSection03 h4 { white-space: nowrap !important;}
.recruitSection04 { float: left; width: 256px; overflow: hidden; background: #bababa; color: #FFF; padding: 28px;}
.recruitSection04 dt { font-size: 135%; font-weight: bold; padding-bottom: 9%;}
.recruitSection04 a { color: #FFF;}
.recruitSection06 { width: 580px; float: left;}
.recruitSection07 { padding-bottom: 0px;}
.recruitTxt01 { margin-top: -32px; padding-bottom: 40px;}
.recruitKidsImg01,.recruitKidsImg02,.recruitKidsImg01 img,.recruitKidsImg02 img { width: auto;}
.recruitKidsImg01,.recruitKidsImg02 { padding-bottom: 16px;}
.recruitKidsImg02 { clear: both; text-align: center;}
.imageListTwo li.recruitTxt02 { float: left; width: 298px; margin-left: 8px; margin-bottom: 0; border: #CCC solid 1px; background: #FFF; padding: 16px; box-sizing: border-box;}
.imageListTwo li.recruitTxt02Img { float: right; width: 298px; margin-right: 178px; margin-bottom: 0; border: none;}
.imageListTwo li.recruitLiImgC { margin-top: 24px !important; padding-left: 20%;}
/*--- recruit 2017 ---*/
.recruitArticle img { }
.pcDisp { display: inline; }
.recSec01 { padding-top: 80px !important; overflow: hidden;}
.recSec02 { padding-bottom: 80px !important; overflow: hidden;}
.recSecLR01 { padding-left: 2%; padding-right: 2%; }
#recruit00 { padding: 80px 0 !important; }
#recruitNum { float: right; width: 660px; padding: 0;}
#recruitNum li { float: left; width: 330px; clear: none;}
#recruitNum li a { }
.recruitNum { }
.recruitTxtS { }
.recruitTxtL { }
#recruit00Img01 { width: 300px; overflow: hidden; }
#recruitNum li a:link,#recruitNum li a:visited { }
#recruitNum li a:active,#recruitNum li a:hover { }
#recruitNum li a:link .recruitNum,#recruitNum li a:visited .recruitNum { }
#recruitNum li a:active .recruitNum,#recruitNum li a:hover .recruitNum { }
.recruitH01 { margin: 0 0 40px; }
.recruitHNum { margin: 0 8px 0 0; width: 64px; height: 64px; border-radius: 64px; font-size: 383.3%; line-height: 60px !important; }
.recruitHTxtS { font-size: 166.7%; line-height: 1;}
.recruitHTxtL { font-size: 250.0%; }
#recruit01 {}
.recruitPointBox { float: left; overflow: visible !important; width: 470px; min-width: 0 !important; margin: 0 15px 40px;}
.recruitPointBox:nth-child(2n+1) { float: right;}
.recruitPointBox h3 { padding: 10px 0; margin: 0 0 16px;}
.recruitPointBox h3 img { top: -40px; left: -40px; width: 80px; height: 80px; margin: 0 !important;}
.recruitPointBox h3 span { padding: 0 0 0 48px; font-size: 166.7%;}
.recruitPointBoxSec01Txt01 { padding: 0 0 14px; }
.recruitPointBoxSec01Ul01 {}
.recruitPointBoxSec01Ul01 li { float: left; width: 48.5%; }
.recruitPointBoxSec01Ul01 li:nth-child(2n) { float: right;}
.recruitTable01 { width: 100%; }
.recruitTable01 th,.recruitTable01 td { }
.recruitTable01 th { white-space: nowrap; padding-right: 8px;}
.recruitTable01 td { }
#recruit02 { }
#recruit02Bg { padding: 80px 0;}
#recruit03 { }
#recruit03Img01 { padding: 0 0 20px; }
#recruit03Img02 { padding: 0; width: 100%; min-height: 507px; box-sizing: border-box; position: relative;}
#recruit03Img02 dl { overflow: visible; position: absolute; width: 500px; bottom: 24px; left: 50%; padding: 16px;}
#recruit03Img02 dt { }
#recruit03Img02 dd { }
#recruit03Img02 dd #recruit03Img02Txt01 { top: -8px; left: auto; right: 0; text-align: center; transform: rotate(15deg);}
#recruit04 { padding-bottom: 80px; }
#recruit04Ul01 { }
#recruit04Ul01 li { float: left; width: 490px;}
#recruit04Ul01 li:nth-child(2n) { float: right;}
.recruit04Ul01Txt01 { }
.recruit04Ul01Txt0101 { }
.recruit04Ul01Txt0102 { }
#recruit0401 { padding: 80px 0; background: #d3cfc3; }
.recruit040101 { padding: 0 0 80px; min-width: 0 !important;}
.recruit0401Ul01 { margin: -40px 0 0; }
.recruit0401Ul01 li { margin: 40px 0 0; }
#recruit05 { padding: 0 0 80px;}
.recruit05Htxt01 { }
#recruit05Ul01 li { margin: 40px 0 0;}
#recruit05Ul01 li:nth-child(1) { margin: 0;}
.recruit06Htxt01 { overflow: hidden; margin: 0 0 24px; text-align: center !important; }
.recruit06Htxt0101 { display: block; }
.recruit06Htxt0102 { }
.recruitImageListTwo { float: right;}
.recruitImageListTwo li { float: left; width: 48.5%;}
.recruitImageListTwo li:nth-child(2n) { float: right;}
#recruit07 { padding-bottom: 80px;}
#recruit07Img01 { float: left; margin-right: 24px; padding: 0 0 40px; }
.recruit07Txt01 { overflow: hidden; padding: 0 0 40px; }
.recruit07Sec01 { overflow: hidden; clear: both; }
.recruit07HTxt01 { overflow: hidden; float: left; width: auto !important; padding: 4px 120px 4px 16px; margin: 0 0 16px;}
#recruit07Img02 { float: left; width: 180px; padding: 0; margin-right: 24px;}
#recruit07Img02 img { width: 100%; }
#recruit07Sec01 { overflow: hidden; clear: both;}
#recruit07Sec0101 { overflow: hidden; clear: both;}
.recruit07Sec010101 { overflow: hidden; }
.recruit07HTxt02 { font-size: 100% !important; text-align: left;}
.recruit07HTxt02 span { float: none !important; }
.recruit07Ul01 { float: left; width: 320px; }
.recruit07Ul01 li { }
.recruit07Ul01 dt { }
.recruit07Ul01 dd { }
/*--- concept ---*/
.conceptSecSLCh { width: 960px; padding: 0 20px; margin: 60px auto 0; overflow: hidden;}
.conceptSL { border-top: none; width: 1210px; margin-left: -10px}
.conceptSL li p.toggle { display: none;}
.conceptSL li { float: left; width: 232px; margin-left: 10px;}
.conceptSLBox { display: block; padding: 0 0 40px; font-size: 85%;}
.conceptSLImg { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 0;}
.conceptSLImg img { width: 100%; margin-bottom: 6px;}
.conceptSLBrand { width: 100%; text-align: center; margin-left: 0;}
.conceptSLBrand img { width: 150px;}
.conceptSLBox h4 { width: 100%; padding-top: 8px; margin: 0 !important; font-size: 100% !important;}
.conceptSLBox em { display: block !important; line-height: 1.2;}
.brandTel { padding-bottom: 6px;}
.conceptSL li.one { margin-left: 373px;}
.conceptSL li.two { margin-left: 252px;}
.conceptSL li.three { margin-left: 131px;}
/*--- company ---*/
.compabyIdeaTxt { padding: 0 120px;}
.companySection { padding: 0 240px;}
/*--- privacy ---*/
.sectionPrivacy { text-align: left; padding: 32px 100px 50px;}
.privacyDl { padding-top: 32px;}
/*--- contact ---*/
.contactSection { width: auto; padding: 0 120px 120px;}
.formTable { margin-bottom: 40px;}
.formTable tr { display: table-row; padding-bottom: 0;}
.formTable th,.formTable td { display: table-cell; padding: 8px 8px;}
.formTable th { white-space: nowrap;}
.formTable p { clear: both; padding: 8px 0 0;}
.formTable p.des { padding: 8px 0; font-weight: bold;}
.tableOl span { display: block;}
.formUl li { float: left; margin-right: 16px;}
.formTable input { width: 70%;}
.formTable textarea { width: 70%; height: 150px;}
.formTable input[type="radio"] { width: auto;}
.formTable th,.formTable td { width: 100%; padding: 8px 5px; font-weight: normal; border: #FFF solid 2px;}
.sectionBg01 .formTable th,.sectionBg01 .formTable td { border: #f9f9f9 solid 2px;}
.sectionBg02 .formTable th,.sectionBg02 .formTable td { border: #f9f9f9 solid 2px;}
.formTable th { width: 1%; white-space: nowrap; background: #d7d7d7; text-align: center; padding: 0 16px;}
.formTable td { width: 100%; padding: 8px 16px;}
/*--- brand W ---*/
.pBBrandW01 { padding-bottom: 50px;}
.brandWPoint { padding-bottom: 14px;}
.brandWPoint img { width: auto;}
.brandWpointTxt { float: left; width: 740px; padding-bottom: 0;}
.brandWpointImg { float: right; text-align: center;}
.brandWpointImg img { width: auto;}
.brandWSemiH4_01 img { width: auto;}
.brandWSemiTxt0102Pare { float: left; width: 710px;}
.brandWSemiTxt01 { padding-top: 40px;}
.brandWSemiTxt02 {}
.brandWSemiImg01 { float: right;}
.brandWSemiImg01 img { width: auto;}
.brandWSemiUl { width: 1024px; margin-left: -24px; margin-top: 24px;}
.brandWSemiUlImg { text-align: center;}
.brandWSemiUlImg img { width: auto;}
.brandWSemiUl li { float: left; width: 317px; margin-left: 24px; padding-bottom: 40px;}
.brandWSemiH4_02 { padding: 0; margin: 16px 0 !important; clear: both; overflow: hidden;}
.brandWSemiH4_02 img { float: left !important; width: auto;}
.brandWSemiH4_02 span { display: block; float: right !important; padding: 0 !important; border-bottom: none !important; line-height: 1.2; font-size: 60%;}
.brandWSemiTxt03 { clear: both; padding-bottom: 16px; height: 5.1em;}
.brandWTxtBox01 { padding: 4px 8px; background: #444444; color: #FFF;}
.brandWSemiH4_03 { padding: 0 !important; clear: both;}
.brandWSemiH4_03 img { width: auto;}
.brandWSemiTxt04 { padding-bottom: 16px; font-weight: bold;}
.brandWOrderH4_01 img { width: auto;}
.brandWOrderTxt01 { padding-bottom: 24px;}
.brandWimg16 { text-align: center;}
.brandWimg16 img { width: auto;}
.brandWAS01 { padding-bottom: 40px;}
.brandWAS01 li { padding-bottom: 8px;}
.brandWAS01 img { width: auto;}
.brandWAS02 { padding-bottom: 16px;}
.brandWAS02 li { clear: both; line-height: 1;}
.brandWAS02 li dt { float: left; padding-right: 24px;}
.brandWAS02 li dd { overflow: hidden; padding-top: 8px;}
.brandWAS02 li dd.pTNone { padding-top: 0;}
.brandWAS02 img { width: auto;}
ul.brandWPrice { padding-bottom: 40px;}
ul.brandWPrice li { clear: both; overflow: hidden; padding-bottom: 16px;}
ul.brandWPrice li dl { overflow: hidden; background: url(images/salon_price_dot.gif) 0em .8em repeat-x;}
ul.brandWPrice li dt { float: left; padding-right: 16px; background: #f9f9f9;}
ul.brandWPrice li dd { overflow: hidden; float: right; padding-left: 16px; background: #f9f9f9;}
.brandNailGallery { overflow: hidden; width: 1015px; margin-left: -15px;}
.brandNailGallery li { float: left; margin-left: 15px; width: 188px; padding-bottom: 15px; text-align: center;}
.brandNailGallery li img { width: 100%;}
/*--- product ---*/
.productUl { width: 1024px; margin-left: -24px; margin-top: 24px; clear: both;}
.productUlImg { text-align: center;}
.productUlImg img { width: 232px;}
.productUl li { float: left; width: 232px; margin-left: 24px; padding-bottom: 40px;}
.productUlCL { clear: left; }
.productH4_01 { padding: 0; margin: 16px 0 !important; clear: both; overflow: hidden;}
.productH4_01.mBNarrow { margin: 16px 0 8px !important;}
.productH4_01 img { float: left !important; width: auto;}
.productTxt01 { clear: both; padding-bottom: 16px; /* height: 5.1em;*/}
.productTxt02 { clear: both; padding: 0 0 16px; min-height: 5.5em;}
/*--- products ---*/
.productsUl { width: 1024px; margin-left: -24px; margin-top: 24px; clear: both;}
.productsUlImg { text-align: center;}
.productsUlImg img { width: 317px;}
.productsUl li { float: left; width: 317px; margin-left: 24px; padding-bottom: 40px;}
.productsH4_01 { padding: 0; margin: 16px 0 !important; clear: both; overflow: hidden;}
.productsH4_01.mBNarrow { margin: 16px 0 8px !important;}
.productsH4_01 img { float: left !important; width: auto;}
.productsTxt01 { clear: both; padding-bottom: 16px; /* height: 5.1em;*/}
.productsTxt02 { clear: both; padding: 0 0 16px; min-height: 5.5em;}
.productsDetailUl {}
.productsDetailUl li { padding-bottom: 56px;}
.productsDetailUl h4 { width: atuo; margin-bottom: 32px !important;}
.productsDetailUl h4 img { width: auto;}
.productsDetailUlL { float: left; width: 658px; padding: 0 24px 16px 0;}
.productsDetailUlR { overflow: hidden; width: auto; padding: 0 0 0;}
.productsDetailUlR img { width: auto;}
/*--- aujua ---*/
.pATxt01 { padding-bottom: 32px;}
.pAImg01 { width: auto; text-align: center;}
.pAImg01 img { width: auto;}
.pATxt02 { padding: 60px 0 0 120px;}
.pAImg02 { float: right; width: auto; padding-bottom: 16px;}
.pAImg02 img { width: auto;}
/*--- bdb ---*/
.pATxt001 { padding-bottom: 32px;}
.pAImg001 { width: auto; text-align: center;}
.pAImg001 img { width: auto;}
.pATxt002 { padding: 20px 0 0 0;}
.pAImg002 { float: right; width: auto; padding: 0 0 16px 24px;}
.pAImg002 img { width: auto;}
.pATxt003 { padding: 5px 0 15px 0;}
/*--- children ---*/
.pAIOEImg01 { width: auto; text-align: center;}
.pAIOEImg01 img { width: auto;}
.pAIOEImg02 { width: auto; float: right; padding-bottom: 16px;}
.pAIOEImg02 img { width: 100%;}
.pZKTxt01 {}
.pZKImgCommon { width: auto; float: right; padding: 0 0 0 24px;}
.pZKImgCommon img { width: auto;}
.pBBImgCommon { width: auto; float: right; padding: 0 0 0 24px;}
.pBBImgCommon img { width: auto;}
/*--- interview ---*/
.interviewSec { padding-bottom: 60px;}
.interviewDl01 { width: 560px; padding-bottom: 0; font-size: 114%; line-height: 1.4;}
.interviewDlL { float: left; padding-right: 40px;}
.interviewDlR { float: right; padding-left: 40px;}
.interviewDl01 dt { padding-bottom: 24px; font-weight: normal; margin-left: 0; text-indent: 0;}
.interviewDl01 dd { padding-left: 0;}
.interviewDl01 dd p { /*padding-bottom: 1em;*/}
.intervieweeName { float: left; width: 3em; color: #3398cc;}
.interviewImgR { float: right;}
.interviewImgL { float: left;}
.interviewImgR,.interviewImgL,.interviewImgR img,.interviewImgL img { width: auto;}
/*--- nesno ---*/
.nesnoArticle { }
.nesnoArticle img { }
#nesnoImg01 { text-align: center; padding: 0;}
#nesnoImg01 img { width: 500px; }
.nesnoBg { }
.nesnoSec01 { width: 800px; margin: 0 auto; position: relative; padding: 0 200px 80px 0; box-sizing: border-box;}
#nesnoSub01 { position: absolute; top: 0; right: 0; width: 184px !important;}
.nesnoSec01Txt01 { padding: 80px 0; }
.nesnoSec02 { padding: 0 0 40px;}
.nesnoSec03 { width: 800px; margin: 0 auto; padding: 0 0 80px;}
.nesnoSec04 { width: 800px; margin: 0 auto; padding: 0 0 80px;}
.nesnoSec05 { width: 800px; margin: 0 auto 80px; padding: 0 0 80px; background: url(images/nesno_bg01.jpg) 0 100% no-repeat; background-size: 100% auto;}
.nesnoSec06 { width: 800px; margin: 0 auto; padding: 0 0 64px; text-align: center;}
.nesnoSec06Txt01 { padding: 0 0 24px; font-size: 133.3%;}
#nesnoImg02 { padding: 0 0 32px; }
#nesnoImg03 {}
.nesnoSec07 { width: 600px; margin: 0 auto; padding: 0 0 32px;}
#nesnoImg04 { float: right; float: right; width: 120px; margin-left: 24px;}
#nesnoImg05 { float: right; float: right; width: 120px; margin-left: 24px;}
.nesnoSec08 { width: 600px; margin: 0 auto; padding: 0 0 32px;}
/*--- relaveil ---*/
.relaveilSec01 {}
.relaveilSec02 { padding: 0 0 80px; width: 700px; margin: 0 auto; }
.relaveilSec02 img { max-width: 318px; float: right;}
#relaveilImg01 { padding: 0; }
/*--- season trend ---*/
.seasonTrendArticle { }
.seasonTrendArticle img { }
#seasonTrendSlidePare { position: relative; width: 1000px; margin: 0 auto;}
#seasonTrendSlide img { max-width: 100%; max-height: none;}
#seasonTrendThumb { display: block; position: absolute; bottom: 12px; left: 12px; z-index: 60;}
#seasonTrendThumb li { float: left; width: 70px; margin-right: 12px;}
#staplePare { width: 1000px; margin: 0 auto; }
#tp-grid { }
#tp-grid li { width: calc( 33% - 90px); }
#tp-grid li img { }
.topbar { }
.bottombar { }
.back { }
/*--- reservationBlk ---*/
.reservationBlkPare { width: 716px; margin-right: auto; margin-left: auto;}
.reservationBlkPare > dt { }
.reservationBlkPare > dt > span { }
.reservationBlkPare > dt:after { }
.reservationBlk { margin-top: -71px; margin-bottom: 40px; }
.reservationBlk--mT0 { margin-top: 0;}
.reservationBlk > ul { }
.reservationBlk > ul > li { }
.reservationBlk > ul > li > a { }
.reservationBlk > ul > li > a > span { }
.reservationBlkTel { }
.reservationBlk > ul > li.reservationBlkTel > a > span {}
.reservationBlk > ul > li.reservationBlkTel > a > span:before { margin-top: -2px;}
.reservationBlkWeb { }
.reservationBlk > ul > li.reservationBlkWeb > a > span { }
.reservationBlk > ul > li.reservationBlkWeb > a > span:before { margin-top: -2px;}
.reservationBlkHpb { }
.reservationBlkHpb img { }
}