@charset "utf-8";

/*** タイトル ***/
.spTtlWrap {
	padding: 0 10px;
	margin: 10px auto 0;
}
.spTtlWrap img{
	width: 100%;
}
/*** メニュ ***/
.upperNavWrap {
	width: 100%;
	margin: 10px 0 20px;
}

.upperSalonNav {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.upperSalonNav li{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.upperSalonNav li a{
	display: block;
	padding: 15px 0;
	border-top: 1px #d4d4d4 solid;
	border-bottom: 1px #d4d4d4 solid;
}
.upperSalonNav li a img{
	width: 100%;
}
.upperSalonNav li.ac a{
	background: #ec6d76;
	position: relative;
	z-index: 0;
}
.upperSalonNav li.ac a:after{
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -3px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #ec6d76 transparent transparent transparent;
}
.upperContentWrap {
	margin: 0 auto;
	padding: 0 10px 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.upperContentInner {
	max-width: 480px;
	margin: 0 auto;
}

/*** バックナンバー ***/
.backNumberWrap{
	margin-top: 30px;
}

.backNumber{
	padding: 10px;
	background :#ec6d76;
	color: #fff;
	font-size: 12px;
}

.backNumberList li a {
	position: relative;
	display: block;
	padding: 15px;
	border-bottom: 1px solid #faf7e5;
	color: #5f5f5f;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.backNumberList li a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto 0;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 1px solid #5f5f5f;
	border-right: 1px solid #5f5f5f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/***

Page:Index

**/
.upperContentStyleList li {
	float: left;
	margin-right: 2%;
	width: 32%;
	min-height: 155px;
	margin-bottom: 10px;
}
.upperContentStyleList li:nth-child(3n) {
	margin-right: 0;
}
.upperContentStyleList li a{
	display: block;
	text-decoration: none;
}

.upperContentStyleList img {
	width: 100%;
	margin-bottom: 5px;
	box-sizing: border-box;
	border: 1px #e9e9e9 solid;
}

.upperContentStyleList .shopName {
	line-height: 1.3;
	font-weight: bold;
	color: #ec6d76;
}

/***

Page:Detail

**/
.switch_ph img {
	width: 100%;
	height: auto;
}
.switch_ph_btn{
	display:-webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	padding: 7px 0;
	background: #eb6d75;
}
.switch_ph_btn li {
	width: 33%;
	text-align: center;
}
.switch_ph_btn a{
	font-family: 'Asap', sans-serif;
	text-decoration: none;
	color: #fff;
}
.switch_ph_btn a.ac{
	text-decoration: underline;
}
.trend_point{
	padding: 10px;
}
.trend_point h1{
	font-size: 18px;
	color: #eb6d75;
	line-height: 170%;
}
.detail_stylist_info{
	display:-webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0;
}
.detail_stylist_info .stylist_info{
	padding-left: 10px;
}
.detail_stylist_info .stylist_info a{
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	padding: 2px 20px 2px 5px;
	max-width: 160px;
	border: 1px #eb6d75 solid;
	color: #eb6d75;
	text-decoration: none;
}
.detail_stylist_info .stylist_info a:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 7px;
	margin: auto 0;
	content: "";
	width: 4px;
	height: 4px;
	border-top: 1px solid #eb6d75;
	border-right: 1px solid #eb6d75;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.comment{
	font-size: 14px;
}
a.link_other_cate{
	display: block;
	background: #eb6d75;
	margin: 20px 0;
	padding: 10px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#btm_nav{
	padding-bottom: 15px;
}
#btm_nav h1 img{
	width: 100%;
}
#btm_nav_box{
	padding: 10px 0;
	background: #f5f4f3;
}
#btm_nav_box .ac img{
	box-sizing: border-box;
	border: 6px #ec6d76 solid;
}
/***

Page:スタイリストインタビュー

**/

.intv_list li{
	margin: 10px 0 15px;
	padding: 15px;
}
.intv_stylist_info{
	display: -webkit-flex;
	display: flex;
}
.stylist_img {
	width: 80px;
	float: left;
	margin-right: 10px;
}
.stylist_img img{
	width: 100%;
}
.stylist_info dl {
	float: left;
	font-size: 18px;
}
.stylist_info dt{
	margin-bottom: 10px;
	font-family: Arial;
	font-style: italic;
	color: #000;
}
.stylist_info dd{
	font-size: 18px;
	color: #000;

}
.stylist_intv{
	margin-top: 5px;
}
.qus{
	line-height: 190%;
}	
.ans{
	margin-bottom: 20px;
	color: #000;
}
.salon_red{ background: #ec6d76;}
.salon_yellow{ background: #fffdec;}
.salon_blue{ background: #9cb8d0;}

.salon_red dd,.salon_red .qus{ color: #fff;}
.salon_yellow dd,.salon_yellow .qus{ color: #ec6d76;}
.salon_blue dd,.salon_blue .qus{ color: #fff;}

.talk_pages{
	padding: 25px 0;
	background: url('../images/bg_pages.gif') center center no-repeat;
	background-size: 100%;
	text-align: center;
}
.talk_pages p{
	margin-bottom: 25px;
	font-size: 12px;
}
.talk_pages a{
	position: relative;
	display: block;
	margin: 0 30px;
	padding: 0 10px 0;
	height: 50px;
	background: #ec6d76;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.next_page a:after{
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	margin-top: -25px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 25px 0 25px 15px;
	border-color: transparent transparent transparent #ec6d76;
}
.prev_page a:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -25px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 25px 15px 25px 0;
	border-color: transparent #ec6d76 transparent transparent;	
	
	
}