@charset "UTF-8";

.breadcrumbs{width:1000px; margin:10px auto; font-size:10px; text-align:left;}
.breadcrumbs li{display:inline-block; vertical-align:middle; margin-right:10px;}
.breadcrumbs .home:after{content:">"; display:inline-block; margin-left:10px;}

.page-numbers{display:none;}
.prev.page-numbers ,.next.page-numbers{display:inline-block;}

/**************************************

コンセプトこだわり

**************************************/
.list-kodawari{margin:20px auto 30px;}
.list-kodawari li{ display:inline-block; text-align:center; margin:0px 15px 0px 0px;}
.list-kodawari li:nth-child(6){margin-right:0px;}
.consept-box{margin:20px auto;}
.tit-kodawari{
	margin:80px 0px 20px;
	position:relative;
}
#salon-kodawari .tit-kodawari{margin-top:160px;}
.tit-kodawari:before{
	content:" ";
	width:120px;
	height:3px;
	display:block;
	margin:30px auto 40px;
	background:#000;
}
.consept-box h4{margin:40px 0px 10px; line-height:1;}
.consept-box h4 span{display:block; color:#000;}
.consept-lead{margin:20px 100px 40px;}
#consept .style-info-news li{text-align:left;}
.consept-salon-box{text-align:left; margin:50px 0px 70px; position:relative;}
.consept-salon-box .txt{
	position:absolute;
	width:420px;
	height:400px;
	z-index:10;
	box-sizing:border-box;
	padding:30px 50px;
	color:#FFF;
}
#sales-time .txt{right:0; bottom:-10px; background:#313131;}
#sales-style .photo{text-align:right;}
#sales-style .txt{left:0; bottom:-20px; background:#5385b2;}
#sales-staff .txt{right:0; bottom:-10px; background:#313131;}

#staff-top-concept p{margin:0;}
#staff-top-concept .staff-top-name{	bottom:87px;}
#staff-top-concept .btn_link{background:#FFF; margin:0; padding:20px 0px;}
#staff-top-concept .btn_link a{padding:10px 15px;}



/**************************************

カラーへのこだわり

**************************************/
.post-header{
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	display:table;
	width:100%;
	padding:20px 0px;
	margin:0 0 30px;
}
.post-header h2{
	font-size:26px;
	line-height:40px;
	margin:15px 0px;
	text-align:left;
}
.post-header01 ,.post-header02{display:table-cell; vertical-align:middle;}
.post-header01{text-align:left;	width:60%;}
.post-header01 p{text-align:left;}
.post-header02{width:40%; text-align:right;	padding-top:10px;}
.post-header01 .page-lead{background:#5385b2; display:inline-block;	padding:2px 20px; color:#FFF;}
.co-staff img{vertical-align:middle;}
.post-content{text-align:left;}
.post-content h3{font-size:26px; line-height:40px; margin:45px 0px 20px; text-align:left;}
.post-content p{margin-bottom:30px;}

/**************************************

カタログ

**************************************/
.list-stylebook{margin:30px 0px 100px;}
.list-stylebook li{
	background:#dfdddd;
	border-radius:2px;
	box-shadow:0px 4px 0px #bdb8b8;
	display:inline-block;
	margin:0px 21px 20px 0px;
	width:230px;
	padding:10px 0px;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.list-stylebook li:hover{box-shadow:none; background:#e9e9e9;}
.list-stylebook li:nth-child(4n){margin-right:0;}
.list-stylebook li a{
	display:block;
	color:#5385b2;
	font-weight:bold;
	font-size:16px;
}

.change-style{text-align:right;}
.change-style a{
	background:#dfdddd;
	border-radius:2px;
	box-shadow:0px 4px 0px #bdb8b8;
	display:inline-block;
	margin:0px 0px 20px 0px;
	width:200px;
	padding:10px 0px;
	text-align:center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.change-style a:hover{box-shadow:none; background:#e9e9e9;}

.common-staff{line-height:28px;}

.style-more p{display:inline-block;	margin:30px 10px 0px;}
.style-more p a{width:255px;}
.style-detail-box{display:table; width:100%;}
.style-photo ,.style-content{display:table-cell; vertical-align:top;}
.bxslider{height:640px; overflow:hidden;}
.bx-pager{margin-top:5px;}
#thumb-pager{overflow:hidden;}
#thumb-pager a{width:160px; height:214px;  float:left; position:relative; margin-right:4.5px; }
#thumb-pager a.active:before{
	content:" ";
	border:5px solid #000;
	width:160px;
	height:214px;
	display:block;
	position:absolute;
	box-sizing:border-box;
}
#thumb-pager a:nth-child(3){margin-right:0px;}

#circle-pager{
	width:490px;
	display:block;
	margin-top:20px;
	min-height:270px;
}
#circle-pager a{
	border-radius:50%;
	border:2px solid #000;
	width:6px;
	height:6px;
	display:inline-block;
}

#circle-pager a.active{background:#000;}

.style-content{text-align:left;	width:440px;}
.style-content h3{
	background:#eae9e9;
	color:#5385b2;
	font-size:16px;
	border-radius:4px;
	padding:5px 10px;
	margin-bottom:10px;
}
.style-content p{margin-bottom:30px;}
.style-comment{	display:table; margin-bottom:20px;}
.style-comment p{
	display:table-cell;
	vertical-align:middle;
	padding-right:10px;
}

.style-content .btn_link{text-align:left; margin-bottom:40px;}
.style-content .btn_link a{font-size:14px;}

.style-content .style_url p{margin-bottom:10px;}
.style-content .style_url .youtube{width: 100%;}
.style_url a{
	text-decoration: underline;
    font-weight: bold;
    color: #0073aa;
}
.style_url a:hover{
	text-decoration: none;
}

.blog-thumb {width:250px; height:330px; overflow:hidden;}

/**************************************

コラム

**************************************/
.page-column .post-header01{width:780px;}
.page-column .post-header02{width:220px;}
.post-tags span{margin-right:10px;}
.post-stylist{
	display:table;
	width:100%;
}
.post-stylist p{
	display:table-cell;
	vertical-align:middle;
	line-height:20px;
}
.post-stylist .co-staff-photo{width:120px;}
.post-stylist .co-staff{text-align:left;}

#post-content-column .co-staff{	text-align:left;}
#post-content-column .co-staff-photo{text-align:right;}
#colmun-cat{text-align:left;}
#colmun-cat a{color:#5385b2;}

#post-content-column h3{background:#313131; border-radius:4px; padding:15px 25px; color:#FFF; margin-bottom:50px;}
#post-content-column h4{border-top:2px solid #000; border-bottom:2px solid #000; padding:20px 0px; font-size:24px; margin:50px 0px;}

.writer-info{margin:80px auto 40px; text-align:center;}
.writer-info h3{margin-bottom:50px;}
.writer-copy a{font-size:13px; text-decoration:underline;}
.writer-copy a:hover{text-decoration:none;}

.sns-share{border-top:1px solid #d8cbc3; border-bottom:1px solid #d8cbc3; padding:30px 0px; text-align:center;}
.sns-lead{margin-right:20px;}
.sns-lead ,.sns-share .wp_social_bookmarking_light{display:inline-block; vertical-align:middle;}

/**************************************

スタッフ

**************************************/
.staff-list{
	margin:80px auto 60px;
}
.staff-list li{display:inline-block; width:490px; margin-bottom:40px;}
.staff-list li:nth-child(2n){margin-left:15px;}
.staff-data{display:table; width:100%; margin-top:10px;}
.staff-exp ,.staff-prof{display:table-cell; vertical-align:middle;}
.staff-prof{width:390px; padding-left:20px;}
.staff-exp span{
	background:#5385b2;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding:20px 5px;
	width:86px;
	height:86px;
	box-sizing:border-box;
	display:block;
}
.staff-box{
	text-align:center;
	margin:30px auto 60px;
}
#select-salon01 h4{line-height:40px; letter-spacing:-4px; margin-bottom:20px;}
#select-salon02 h4{line-height:40px; letter-spacing:-1px; margin-bottom:20px;}
#select-salon02 .txt{right:0; bottom:10px; background:#313131;}
#select-salon01 .photo{text-align:right;}
#select-salon01 .txt{left:0; bottom:-20px; background:#5385b2;}

.staff-header{width:1300px; height:510px; margin:0px auto 140px;}
.staff-header .inner{width:1000px; margin:0px auto 0px; padding-top:230px; height:510px; box-sizing:border-box; position:relative;}
.staff-header h3{text-align:center; }
.header-copy{position:absolute; left:0; bottom:-24px;}
.header-copy span{display:inline-block; background:#3a3736; color:#FFF; margin-top:10px; padding:1px 15px;}
.header-prof{
	width:250px;
	height:250px;
	background:#5385b2;
	position:absolute;
	right:0;
	bottom:-50px;
	text-align:center;
	color:#FFF;
	box-sizing:border-box;
	padding-top:70px;
}

#header-mitsumori{background:url(../img/staff/img_header-mitsumori.png) no-repeat center center;}
#header-goto{background:url(../img/staff/img_header-goto.png) no-repeat center center;}
#header-omura{background:url(../img/staff/img_header-omura.png) no-repeat center center;}
#header-ogata{background:url(../img/staff/img_header-ogata.jpg) no-repeat center center;}
#header-tsujioka{background:url(../img/staff/img_header-tsujioka.jpg) no-repeat center center;}
#header-kudo{background:url(../img/staff/img_header-kudo.jpg) no-repeat center center;}
#header-amano{background:url(../img/staff/img_header-amano.webp) no-repeat center center;}


.box-staff-prof{display:table; width:100%; margin-bottom:60px;}
.photo-staff-prof ,.txt-staff-prof{display:table-cell; vertical-align:top;}
.photo-staff-prof{width:400px;}
.txt-staff-prof dl{display:table; margin-bottom:20px;}
.txt-staff-prof dl dt ,#salondata-top dl dd{display:table-cell; vertical-align:top;}
.txt-staff-prof dl dt{width:180px; color:#5385b2; font-weight:bold;}

.aside-coupon{margin-top:60px;}
.aside-coupon h3{text-align:center; margin-bottom:50px;}
.aside-coupon h4{line-height:40px; margin:10px 0px;}
.aside-coupon .coupon-menu ,.aside-coupon .coupon-info{
	background:#f5f5f5;
	padding:15px 25px;
	box-sizing:border-box;
}
.aside-coupon .coupon-menu{
	float:left;
	display:table;
	width:690px;
}
.coupon-photo ,.coupon-txt{
	display:table-cell;
	vertical-align:middle;
	padding:8px 0px;
}
.coupon-txt{text-align: left;}
.coupon-photo{
	padding-right:20px;
}
.coupon-txt li{
	display:inline-block;
	background:#5385b2;
	padding:2px 30px;
	font-size:12px;
	color:#FFF;
	margin-right:5px;
}
.aside-coupon .coupon-info{
	float:right;
	position:relative;
	text-align:center;
	max-width:304px;
}
.aside-coupon .coupon-info p{
	line-height:1.5;
	margin-bottom:15px;
}
 .coupon-info .btn_reserve{
 	position:relative;
 	width:auto;
 	margin-bottom:10px;
 }
  .coupon-info .btn_reserve a{
 	padding:15px;
 	font-size:16px;
 	color:#FFF;
 	text-decoration:none;
 	font-weight:normal;
}

.aside-reserve{
	background:#313131;
	display:table;
	width:1000px;
	margin:70px auto;
}

.aside-reserve .reserve-photo ,.aside-reserve .reserve-txt{
	display:table-cell;
	vertical-align:middle;
	position:relative;
	text-align:center;
}
.aside-reserve .reserve-photo{
	width:500px;
}
.aside-reserve .reserve-txt h3{
	color:#FFF;
	line-height:40px;
	text-align:center;
	margin:0;
}

.aside-reserve .btn_reserve{
	position:relative;
	margin:10px auto;
}
.aside-reserve .btn_reserve a{font-size:16px; padding:15px;}

/**************************************

ビフォアアフター

**************************************/
.list-ba{
	background:url(../img/page/ico_change.png) no-repeat center center;
	padding:40px 0px 120px;
}
.list-before ,.list-after{position:relative;}
.list-before:after ,.list-after:after{
	position:absolute;
	width:168px;
	height:80px;
	display:block;
	color:#FFF;
	font-size:14px;
	text-align:center;
	line-height:80px;
	right:-40px;
	bottom:-40px;
}
.list-before{float:left;}
.list-before:after{
	content:"BEFORE";
	background:#313131;
}
.list-after{float:right;}
.list-after:after{
	content:"AFTER";
	background:#5385b2;
}

/**************************************

メニュー料金

**************************************/
.menu-list{width:860px; margin:20px auto 60px;}
.menu-list li{
	background:#eeeeee;
	border-radius:4px;
	padding:5px 30px;
	display:inline-block;
	font-weight:bold;
	width:190px;
	box-sizing:border-box;
	margin:0px 10px 20px 10px;
	position:relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.menu-list li:hover{background:#ccc;}
.menu-list li:after{
	content:" ";
	width:6px;
	height:6px;
	border-top:2px solid #000;
	border-right:2px solid #000;
	display:block;
	position:absolute;
	top:14px;
	right:16px;
	transform: rotate(45deg);
}

.menu-list li a{
    display:block;
}

.tit-menu{
	background:#313131;
	border-radius:4px;
	padding:5px 0px;
	margin-bottom:30px;
	color:#FFF;
	text-align:center;
}

.menu-box{
	float:left;
	width:480px;
	margin-bottom:80px;
}
.menu-box:nth-child(2){
	float:right;
}
.menu-box dt{font-size:18px; color:#5385b2; margin-bottom:10px;  font-weight:bold;}
.menu-box .menu-price{text-align:right; }
.menu-box .menu-price span{font-size:24px; background:#eeeeee; border-radius:4px; display:inline-block; padding:4px 15px;}
.menu-box dl{border-bottom:#d9d9d9 1px solid; padding-bottom:15px; margin-bottom:15px;}

/**************************************

アクセス

**************************************/
.box-access{display:table; width:100%; margin-bottom:40px;}
.photo-access ,.txt-access{display:table-cell; vertical-align:top;}
.photo-access{width:525px; margin-bottom:20px;}
.txt-access dl{display:table; margin-bottom:10px;}
.txt-access dl dt ,#salondata-top dl dd{display:table-cell; vertical-align:top;}
.txt-access dl dt{width:120px; color:#5385b2; font-weight:bold;}

.google-map{margin:60px auto; text-align:center;}
.box-btn01{text-align:center;}
.box-btn01 p{display:inline-block; margin:10px;}
.box-btn01 p a{min-width:220px;}

.youtube{width:560px; margin:20px auto 60px;}

/**************************************

採用情報

**************************************/
.box-recruit{
	text-align:center;
	margin:30px auto 60px;
}
.box-recruit .tit-kodawari{margin-bottom:40px;}
.box-recruit table{
	text-align:left;
	border:1px solid #dbdbdb;
	border-collapse: collapse;
}
.box-recruit table th{
	background:#e6e6e6;
	border:1px solid #dbdbdb;
	padding:10px 20px;
}
.box-recruit table td{
	border:1px solid #dbdbdb;
	padding:10px 20px 10px 40px;
}

/**************************************

採用情報

**************************************/
.voice-box{border:10px solid #f5f5f5; padding:50px 80px; margin-bottom:40px;}
.voice-data{display:table; width:100%; margin-bottom:50px;}
.voice-info ,.voice-menu{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.voice-menu{width:700px; box-sizing:border-box; padding-left:50px;}
.voice-menu .tit-voice-menu{
	background:#f5f5f5;
	border-radius:4px;
	padding:4px 0px;
	color:#000;
	display:block;
	font-weight:bold;
}

.voice-menu .txt-voice-menu li{
	display:inline-block;
	background:#5385b2;
	color:#FFF;
	border-radius:4px;
	padding:5px 0px;
	font-weight:bold;
	width:200px;
	margin-top:15px;
}

.voice-menu .txt-voice-menu li:nth-child(2){
	margin:0 19px;
}

.voice-updata{text-align:right;}

.voice-staff-comment{margin:30px 0px;}
.voice-staff-comment h3{text-align:center; margin-bottom:20px;}
.voice-staff-comment .inner{background:#f5f5f5; padding:30px 50px;}
.voice-staff-comment .inner p{float:left;}
.staff-comment-photo{width:140px; text-align:center;}
.staff-comment-txt{width:510px; margin-left:40px;}





@media screen and (max-width:768px){

.breadcrumbs{width:92%; margin:10px auto; font-size:10px; text-align:left;}
#post-layout h2{width:100% !important; margin-bottom:20px; font-size:20px; line-height:26px;}
.breadcrumbs .home img{width:14px; vertical-align:middle;}

/**************************************

コンセプトこだわり

**************************************/


.list-kodawari{margin:20px auto 0px; text-align:center;}
.list-kodawari li{ width:28%; margin:0px 15px 10px 0px; font-size:12px;}
.list-kodawari li:nth-child(3n){margin-right:0px;}
.consept-box{margin:20px auto;}
.tit-kodawari{margin:40px 0px 20px;}
#salon-kodawari .tit-kodawari{margin-top:160px;}
#salon-kodawari .mb20{margin-bottom:0px;}
.tit-kodawari:before{width:60px; margin:30px auto 10px;}
.consept-box h4{margin:0px 0px 10px; line-height:1;}
.consept-lead{margin:20px 3% 40px; text-align:left;}
.consept-salon-box{margin:0px; display:flex; flex-flow: column nowrap;}
.consept-salon-box .txt{
	position:relative;
	width:100%;
	height:auto;
	padding:30px;
	order:2;
}
.consept-salon-box .photo{order:1;}
#sales-time .txt{right:0; bottom:0px; background:#313131;}
#sales-style .photo{text-align:right;}
#sales-style .txt{left:0; bottom:0px; background:#e65f7d;}
#sales-staff .txt{right:0; bottom:0px; background:#313131;}

.post-header02 .co-staff{display:flex; flex-flow: column nowrap; text-align:center;}
.post-header02 .co-staff .col-staff-name{order:2;}
.post-header02 .co-staff .col-staff-photo{order:1; margin-bottom:5px;}

#consept .style-info-news{width:92%; margin:0px auto 10px;}

.single-kodawari{width:100% !important; margin-bottom:30px !important;}

#staff-top-concept .btn_link a{width:80%; margin:0 auto;}

/**************************************

カラーへのこだわり

**************************************/
.post-header{
	display:block;
	width:100%;
	padding:20px 0px 0px;
	margin:0px 0px 20px;
}

.post-tags{width:100%;}
.post-tags span{margin-left:0; font-size:10px;}
.post-header h2{
	font-size:26px;
	line-height:40px;
	margin:10px 0px !important;
	text-align:left;
}
.post-header01 ,.post-header02{	display:block; width:100%;}
.post-header01{width:100% !important;}
.post-header01 p{
	text-align:left;
}

.page-column .post-header02{width:100%;
	text-align:center;
	padding-top:10px;
}

.post-header02 .wp_social_bookmarking_light{text-align:center;}
.post-header01 .page-lead{
	background:#5385b2;
	display:inline-block;
	padding:2px 20px;
	color:#FFF;
}
.co-staff img{
	vertical-align:middle;
}

.post-content{
	text-align:left;
}

.post-content h3{font-size:20px; line-height:26px;}
.post-stylist .co-staff-photo{width:100%;}
.post-content p{
	margin-bottom:30px;
}

/**************************************

アクセス

**************************************/
.box-access{display:block; width:100%; margin-bottom:30px;}
.photo-access ,.txt-access{display:block; vertical-align:top;}
.photo-access{width:100%; margin-bottom:20px; text-align:center !important;}
.txt-access dl{display:block; margin-bottom:10px;}
.txt-access dl dt ,#salondata-top dl dd{display:block; vertical-align:top;}
.txt-access dl dt{width:120px; color:#5385b2; font-weight:bold;}

.google-map{margin:60px auto; text-align:center;}
.google-map iframe{width:100%; height:300px;}
.box-btn01{text-align:center;}
.box-btn01 p{display:block; margin:10px 0px;}
.box-btn01 p a{min-width:220px; font-size:14px; border-radius:2px;}

.youtube{width:100%; margin:10px auto 30px; position: relative; padding-top:56.25%;}
.youtube iframe{
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}


/**************************************

カタログ

**************************************/
.list-stylebook{margin:30px 0px 100px;}
.list-stylebook li{
	box-shadow:0px 2px 0px #bdb8b8;
	display:inline-block;
	margin:0px 1% 10px 0px;
	width:31%;
	padding:5px 0px;
	box-sizing:border-box;
}
.list-stylebook li:nth-child(4n){margin-right:1%;}
.list-stylebook li a{font-size:12px;}

.change-style{text-align:right !important;}
.change-style a{
	box-shadow:0px 2px 0px #bdb8b8;
	display:inline-block;
	margin:0px 0px 0px 0px;
	width:auto;
	padding:2px 15px;
}
#change-style{text-align:center; font-size:20px; margin-bottom:0;}

.common-staff{text-align:center !important; margin-bottom:0px !important; line-height:24px;}
.common-staff img{margin-bottom:10px;}

.style-more{margin-bottom:20px;}
.style-more p{display:block; width:90%; margin:10px auto 0px;}
.style-more p a{width:auto; display:block;}

.style-detail-box{display:block;}
.style-photo ,.style-content{display:block; }
.style-photo{width:80%; margin:0 auto;}
#thumb-pager{margin-bottom:20px;}
#thumb-pager a{width:32%; height:auto; max-height:100px; margin-right:2%; }
#thumb-pager a.active:before{width:100%; height:100%;}
#thumb-pager a:nth-child(3){margin-right:0%;}
#circle-pager{display:none;}

.style-content{	width:100%;}


.style-comment{
	display:block;
	margin-bottom:20px;
}
.style-comment p{text-align:center; display:block; padding-right:0px; margin-bottom:5px;}

.style-content .btn_link{text-align:left; margin-bottom:40px;}
.style-content .btn_link a{font-size:14px;}

.bx-wrapper{margin:0 auto;}
.bxslider{height:310px; overflow:hidden;}
.blog-thumb {max-width:100%; max-height:190px; overflow:hidden;}


/**************************************

コラム

**************************************/
.post-stylist{
	display:flex;
	flex-flow: column nowrap; 
	width:100%;
	text-align:center;
}
.post-stylist p{
	display:block;
	vertical-align:middle;
	line-height:20px;
}
.post-stylist .co-staff{text-align:center; order:2;}
.post-stylist .co-staff-photo{text-align:center; order:1;}

#post-content-column .co-staff{	text-align:left; order:2;}
#post-content-column .co-staff-photo{text-align:right; order:1;}
#colmun-cat{text-align:left;}
#colmun-cat a{color:#f4305f;}

#post-content-column h3{border-radius:2px; padding:10px 15px; color:#FFF; margin-bottom:30px;}
#post-content-column p ,#post-content-column img{margin-bottom:30px;}
#post-content-column h4{padding:5px 0px; font-size:18px; margin:20px 0px;}

.writer-info{margin:80px auto 40px;}
.writer-info h3{margin-bottom:30px; text-align:center;}
.writer-info p{text-align:center;}
.writer-copy{font-size:13px; text-decoration:underline;}

.sns-share{padding:10px 0px;}
.sns-lead{margin-right:0px;}

#single-column-new h2{width:100%; margin-bottom:30px;}

/**************************************

スタッフ

**************************************/
.staff-list{margin:20px auto 60px;}
.staff-list li{display:block; width:100%; margin-bottom:40px;}
.staff-list li:nth-child(2n){margin-left:0;}
.staff-data{display:table; width:100%; margin-top:10px;}
.staff-exp ,.staff-prof{vertical-align:top;}
.staff-prof p{line-height:22px;}
.staff-prof{width:auto; padding-left:10px;}
.staff-box{text-align:center; margin:30px auto 60px;}
.staff-box .tit-kodawari img{margin-bottom:20px;}

#select-salon01 h4{line-height:26px; letter-spacing:1px; margin-bottom:20px;}
#select-salon02 h4{line-height:26px; letter-spacing:1px; margin-bottom:20px;}
#select-salon02 .txt{right:0; bottom:10px; background:#313131;}
#select-salon01 .photo{text-align:center;}
#select-salon01 .txt{left:0; bottom:0px; background:#e65f7d;}

.staff-w-max{width:100%;}
.staff-w-max .tit-kodawari{text-align:center; width:70%; margin:40px auto 20px;}
.staff-w-max .tit-kodawari img{margin-bottom:20px;}
.staff-w-max .btn_link{margin:20px auto; width:90%;}
.staff-w-max .btn_link a{border-radius:2px; display:block;}

.staff-header{width:100%; height:auto; margin:0px auto 40px;}
.staff-header .inner{width:100%; margin:0px auto 0px; padding-top:80px; height:300px; box-sizing:border-box;}
.staff-header h3{text-align:center; }
.header-copy{position:absolute; left:10px; bottom:30px; font-size:12px !important;}
.header-copy span{color:#FFF; margin-top:5px; padding:1px 5px;}
.header-prof{
	width:120px;
	height:120px;
	right:10px;
	bottom:10px;
	padding-top:20px;
}
.header-prof .txt12{font-size:10px;}
.header-prof .txt14{font-size:12px;}
.header-prof .txt24{font-size:16px;}
#header-mitsumori{background:url(../img/staff/img_header-mitsumori.png) no-repeat left top; background-size:150%;}
#header-goto{background:url(../img/staff/img_header-goto.png) no-repeat left top; background-size:150%;}
#header-omura{background:url(../img/staff/img_header-omura.png) no-repeat right top; background-size:150%;}
#header-ogata{background:url(../img/staff/img_header-ogata.jpg) no-repeat left top; background-size:150%;}
#header-tsujioka{background:url(../img/staff/img_header-tsujioka.jpg) no-repeat center top; background-size:150%;}
#header-kudo{background:url(../img/staff/img_header-kudo.jpg) no-repeat center top; background-size:150%;}

.box-staff-prof{display:block; width:100%; margin-bottom:60px;}
.photo-staff-prof ,.txt-staff-prof{display:block;}
.photo-staff-prof{width:60%; margin:0px auto 40px;}
.txt-staff-prof dl{display:block; margin-bottom:10px;}
.txt-staff-prof dl dt ,#salondata-top dl dd{display:block;}
.txt-staff-prof dl dt{width:100%;}

.aside-coupon {margin-top:30px;}
.aside-coupon h3{text-align:center; margin-bottom:10px;}
.aside-coupon h4{line-height:18px; margin:5px 0px; font-size:14px;}
.aside-coupon .coupon-menu ,.aside-coupon .coupon-info{
	background:#f5f5f5;
	padding:15px 20px;
	box-sizing:border-box;
}

.aside-coupon .coupon-menu{
	float:none;
	display:table;
}
.coupon-photo ,.coupon-txt{	padding:0px;}
.coupon-photo{
	padding-right:20px;
}
.coupon-txt li{
	display:inline-block;
	background:#5385b2;
	padding:1px 10px;
	font-size:8px;
	color:#FFF;
	margin-right:5px;
}
.coupon-txt p{font-size:10px;}
.aside-coupon .coupon-info{width:100%; margin:10px auto; float:none;}
.aside-coupon .coupon-info p{text-align:center;}
.aside-coupon .coupon-info br{display:none;}
.coupon-info .txt14{font-size:12px;}
.coupon-info .txt24{font-size:16px;}
.coupon-info .btn_reserve{	margin:10px auto;}
.coupon-info .btn_reserve a{
 	padding:10px 5px;
 	border-radius:2px;
}
.staff-haircat{text-align:center !important;}
.aside-reserve{display:block; width:100%; margin:30px auto; padding-bottom:1px;}
.aside-reserve .reserve-photo ,.aside-reserve .reserve-txt{display:block;}
.aside-reserve .reserve-photo{width:100%;}
.aside-reserve .reserve-txt h3{line-height:26px; margin:15px 0px;}

.aside-reserve .btn_reserve{margin:10px auto 20px;}
.aside-reserve .btn_reserve a{font-size:16px; padding:5px;}

.aside-coupon .coupon-menu{width:100%; margin:0 auto;}
.aside-reserve{max-width:500px;}

/**************************************

メニュー料金

**************************************/
.menu-list{width:100%; margin:20px auto;}
.menu-list li{padding:3px 5px; width:31%; margin:0px 1% 10px 0px; border-radius:2px; font-size:11px;}
.menu-list li:nth-child(3n){width:32%; margin-right:0;}
.menu-list li:after {top: 35%; right: 8px;}


.tit-menu{
	background:#313131;
	border-radius:4px;
	padding:5px 0px;
	margin-bottom:30px;
	color:#FFF;
	text-align:center;
}

.menu-box{
	float:none;
	width:100%;
	margin-bottom:20px;
}
.menu-box:nth-child(2){
	float:right;
}
.menu-box .menu-price{text-align:right; }
.menu-box .menu-price span{font-size:24px; background:#eeeeee; border-radius:4px; display:inline-block; padding:4px 25px;}
.menu-box dl{border-bottom:#d9d9d9 1px solid; padding-bottom:15px; margin-bottom:15px;}



/**************************************

ビフォアアフター

**************************************/
.list-ba{
	background:url(../img/page/ico_change.png) no-repeat center center;
	background-size:50px;
	padding:0px 0px 40px;
	width:100%;
}
.list-before ,.list-after{width:40%;}
.list-before:after ,.list-after:after{
	position:absolute;
	width:auto;
	height:auto;
	display:inline-block;
	font-size:12px;
	line-height:20px;
	right:0px;
	bottom:-10px;
	padding:5px 15px;
}

/**************************************

お客様の声

**************************************/
.voice-box{border:5px solid #f5f5f5; padding:20px 10px; margin-bottom:40px;}
.voice-box .mb40 {width:90%; margin:0px auto 20px; text-align:center !important;}
.voice-data{display:block; width:100%; margin-bottom:20px;}
.voice-info ,.voice-menu{display:block; }
.voice-info p{ text-align:center;}

.voice-menu{width:100%; box-sizing:border-box; margin-top:5px; padding-left:0px;}
.voice-menu .tit-voice-menu{text-align:center; border-radius:2px;}

.voice-menu .txt-voice-menu li{
	border-radius:2px;
	padding:1px 0px;
	width:30%;
	margin-top:10px;
}
.voice-menu .txt-voice-menu li:nth-child(2){margin:0 2%; width:32%;}

.voice-updata{text-align:right !important;}

.voice-staff-comment{margin:30px 0px;}
.voice-staff-comment h3{margin-bottom:10px; font-size:18px;}
.voice-staff-comment .inner{display:flex; padding:10px 20px; flex-flow: column nowrap; }
.voice-staff-comment .inner p{float:none;}
.staff-comment-photo{width:100%; text-align:center !important; order:2; margin-top:15px;}
.staff-comment-txt{width:100%; margin-left:0px; order:1;}

}

@media screen and (min-width:767px) and (max-width:1023px){
.staff-header .inner{padding-top:120px;}
.header-copy{bottom:-10px;}
.header-prof{bottom:-50px;}
.photo-staff-prof{text-align:center !important;}
.coupon-photo{width:120px;}
.staff-list li{width:48%; display:inline-block;}
.staff-list li:nth-child(2n){margin-left:3%;}
.consept-salon-box .photo{text-align:center !important;}
.style-photo{width:100%; height:580px; overflow:hidden; margin-bottom:30px;}
.bxslider{height:560px; float:left; vertical-align:top;}
.bx-pager{float:right;width:30%; vertical-align:top;}
#thumb-pager a{max-height:140px; width:120px; float:none; overflow:hidden; display:block;}
}

/**************************************

ボディケア

**************************************/

.photo-area {
	padding: 0 0 30px 0;
}
.body-txt {
	padding: 0 0 60px 0;
}
.body_reserve {
   text-align: center;
   padding: 0 0 30px 0;
   width: 100%;
}
.body_reserve a {
    background:#5385b2;
    box-shadow:0px 5px 0px #305f8a;
    display:block;
    padding:10px 20px;
    border-radius:4px;
    color:#FFF;
    font-size:14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    width: 60%;
    margin: 0 auto;
    font-size: 23px;
}
.body_reserve a:hover{
    box-shadow:none;
    background:#305f8a;
    text-decoration: none;
}
.body-headline {
	padding: 0 0 0 0;
}
.body-headline h3 {
	color: #5385b2;
	font-size: 30px;
}
.body-headline p {
	font-size: 18px;
}
@media screen and (max-width:768px){
.body-headline h3 {
	color: #5385b2;
	font-size: 26px;
	line-height: 1.5em;
}
.body_reserve a {
    font-size: 18px;
	line-height: 1.4em;
}


}

/* iframe css 2018/04/13 */
.reserve-area .youtube {
 	width: 1000px;
	padding-top:650px;
	overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.reserve-area .youtube iframe.frame{
	height:100% !important;
  width:100% !important;
	border: none;
	display: block;
}

@media screen and (max-width:768px){
.reserve-area .youtube {
	width: 100%;
	margin: 0px;
	padding-top:650px;
}
}

/**************************************

会員ページ

**************************************/
@media screen and (max-width:768px){
#member #wrap{
	padding: 5px 0 80px;
	background: #F5F5F5;
}
#member header{
	background: #FFF;
}
#member .roll{
	background: #FFF;
	margin: 0;
}
#member .roll h2{
	margin: 0;
	padding: 5px;
}
#member .roll h2 span{
	font-size: 12px;
}
#member #smp_shop-lead,
#member .smp_gl-menu,
#member #footer-area,
#member .breadcrumbs,
#member .btn-gl-menu{
	display: none !important;
}
#member .member-half{
	overflow: hidden;
	margin-bottom: 10px;
}
#member .member-half .roll{
	width: 49%;
}
#member .member-half .roll h2{
	border-bottom: 6px solid #F5F5F5;
}
#member .member-half #news-style-top{
	float: left;
}
#member .member-half .info-column-top{
	float: right;
	padding-top: 0;
}
#member .info-column-top{
	width: 100%;
	padding-top: 0;
}
#member .info-column-top .list-side01{
	margin: 0;
}
#member .info-column-top .list-side01 li{
	margin-bottom: 0;
	padding: 0;
}
#member .page-link-top{
	background: #FFF;
	padding: 10px;
}
#member .page-link-top a{
	background: #333;
	display: block;
	border-radius: 4px;
	text-align: center;
	width: 240px;
	color: #FFF;
	padding: 10px 0;
	margin: 10px auto;
	font-weight: bold;
}
#member .list-side01 {
    margin: 0;
}
#member .list-side01 li {
    width: 100%;
    display: block;
    margin-bottom: 0;
}
#member .blog-thumb a{
	position: relative;
	display: block;
}
#member .list-side01 .blog-thumb{
	height: 160px;
	position: relative;
}
#member .list-side01 .blog-thumb img{
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  width: 100%;
  height: auto;
}
#member .txt-member{
	margin: 10px;
}
#member .txt-member p{
	line-height: 1.5;
}
#member .style-info-news li:last-child{
	margin-bottom: 0;
}
#member .style-info-news li{
	margin: 0 10px;
	box-sizing: border-box;
	display: block;
	width: auto;
}
#member .list-side02{
	margin-bottom: 0;
}
#member .ico_new{
	background: #5385b2;
	color: #FFF;
	display: block;
	padding: 2px 20px;
	position: absolute;
	top: 0;
	left: 0;	
	z-index: 5;
}
#member .member-tit{
	background: #FFF;
	color: #5385b2;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 20px;
}
}
@media screen and (min-width: 767px){
#member .list-side01 .blog-thumb{
	width: 100%;
	max-height: 330px;
}
}