@charset "utf-8";


/*==================================================================

COMMON
 
================================================================== */
img {
	height: auto;
	max-width: 100%;
}
nav.navigation .pagination span,
nav.navigation .pagination a {
	display: inline-block;
	padding: 5px;
}

nav.navigation .pagination a {
	border: 1px solid #eee;
}
nav.navigation .pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
/*===============================================

 TABLET

===============================================*/
 @media screen and (max-width: 768px) {
	#homepage ul.article_thumb { background-image: url(none); left top; height: auto; }
	

}


#staff  { width: 715px; padding-bottom: 40px; }
#staff .image { float: left; width: 400px; }
#staff .detail { float: left; width: 315px; }
#staff .detail .name { padding-bottom: 30px; }
#staff .detail .name .leftbox { width: 80px; padding-right: 15px; float:left; padding-left: 15px; }
#staff .detail .name .rightbox { width: 205px; float:left; }
#staff .detail .name .rightbox h3 { font-size: 28px; font-weight: bold;}
#staff .detail .name .rightbox h4 { font-size: 13px; font-weight: bold;  padding-bottom: 8px; padding-top: 10px;}
#staff .detail .txt { padding-left: 15px; }
#staff .detail .txt h4 { }
#staff .detail .txt p { font-size: 15px; line-height: 1.5em; }
.nextprev { padding-top: 16px; background: url(../images/line_dot.jpg) repeat-x top; padding-bottom: 30px; }
.nextprev .next { width:70px; height:70px; float:left;}
.nextprev .prev { width:70px; height:70px; float:left;}
.nextprev .back { width:575px; height:70px; float:left; line-height: 70px; text-align: center; }

#main .article .ttl .ttlbox.ttl35 h2 { font-size: 16px;line-height: 1.2em; padding-top: 15px; }
#main .article .ttl .ttlbox.ttl35 h2 .subttl { font-size: 12px;}
#main .article .ttl .ttlbox.ttl35 .category {margin-top: 8px; }


/*==================================================================

ヘッダー

================================================================== */

#header {
	border-bottom: 1px solid #eee;
}

/*==================================================================

トップページ

================================================================== */

h2 {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	margin: 0 0 19px 10px;
}
h3 {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	margin: 0 0 19px 10px;
}
.main-nav {
	margin: 0 20px;
	padding: 0;
}
.main-nav li {
	float: left;
	font-size: 12px;
	text-align: center;
}
.main-nav li a img {
	background-color: #fff;
	 transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;

}
.main-nav li.main-nav-person a:hover img {
	background-color: #F9344C;
}
.main-nav li.main-nav-life a:hover img {
	background-color: #FF9914;
}
.main-nav li.main-nav-event a:hover img {
	background-color: #FFF231;
}
.main-nav li.main-nav-cosme a:hover img {
	background-color: #99D02B;
}
.main-nav li.main-nav-useful a:hover img {
	background-color: #33A65E;
}
.main-nav li.main-nav-journey a:hover img {
	background-color: #1D86AE;
}
.main-nav li.main-nav-photo a:hover img {
	background-color: #386CB0;
}
.main-nav li.main-nav-shop a:hover img {
	background-color: #A45AAA;
}
.main-nav li.main-nav-goods a:hover img {
	background-color: #DF4C94;
}
.newsBox h3 {
	margin: 0 0 19px 0;
}
#articleSection {
	padding-top: 30px;
}
.hentry p {
	margin-bottom: 30px;
}
#breadcrumb_list li {
	float: left;
}
#breadcrumb_list li:after {
	content: "   >";
	margin-right: 5px;
}
#breadcrumb_list li:last-child:after {
	content: "";
}
.page-header {
	background-color: #f4f4f4;
	margin-bottom: 30px;
	padding: 15px 25px;	
}
h1.page-title {
	font-size: 18px;
	font-weight: bold;
}
.spentrys-header {
	background-color: #f4f4f4;
	margin-bottom: 30px;
	padding: 15px 25px;
}
h1.entry-title {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}
.hentry p.spentrys-category {
	font-size: 11px;
	margin-bottom: 0;
	padding-left: 2px;
}
.spentrys-salon-lead {
	margin-bottom: 30px;
}
.hentry p.spentrys-salon-name {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.category-all header.page-header,
.category-all .spentrys-header {
	border-left: 30px solid #f9f9f9;
}.category-person header.page-header,
.category-person .spentrys-header {
	border-left: 30px solid #F9344C;
}
.category-life header.page-header,
.category-life .spentrys-header {
	border-left: 30px solid #FF9914;
}
.category-event header.page-header,
.category-event .spentrys-header {
	border-left: 30px solid #FFF231;
}
.category-cosme header.page-header,
.category-cosme .spentrys-header {
	border-left: 30px solid #99D02B;
}
.category-useful header.page-header,
.category-useful .spentrys-header {
	border-left: 30px solid #33A65E;
}
.category-journey header.page-header,
.category-journey .spentrys-header {
	border-left: 30px solid #1D86AE;
}
.category-photo header.page-header,
.category-photo .spentrys-header,
.tax-snap-category header.page-header,
.tax-snap-category .spentrys-header {
	border-left: 30px solid #386CB0;
}
.category-shop header.page-header,
.category-shop .spentrys-header {
	border-left: 30px solid #A45AAA;
}
.category-goods header.page-header,
.category-goods .spentrys-header {
	border-left: 30px solid #DF4C94;
}
.spentrys-header-color-page {
	border-left: 30px solid #c69;
}
.spentrys-header-color-ownervoice,
.page-header-color-ownervoice {
	border-left: 30px solid #003459;
}
.spentrys-header-color-staffvoice,
.page-header-color-staffvoice {
	border-left: 30px solid #B2B2B2;
}
.spentrys-header-color-nailtv,
.page-header-color-nailtv,
.page-header-color-favorite,
.page-header-color-snap,
.page-header-color-relay {
	border-left: 30px solid #386CB0;
}
.spentrys-header-color-sp,
.page-header-color-sp {
	border-left: 30px solid #fc0;
}
.page-header-color-trend,
.page-header-color-timely {
	border-left: 30px solid #d1659a;
}
.page-header-color-haircatalog,
.page-header-color-pickup {
	border-left: 30px solid #009bce;
}
.page-header-color-products,
.page-header-color-school {
	border-left: 30px solid #c2c331;
}
.page-header-color-tool {
	border-left: 30px solid #ff6524;
}
.page-header-color-company {
	border-left: 30px solid #b2b2b2;
}
.nav-links a {

	display: block;
	margin: 30px 0;
	padding: 10px 30px;
}
.nav-links a:last-child {
	float: right;
	text-align: right;
}
.nav-links a:first-child {
	border-right: 1px dotted #ccc;
	float: left;
}
.nav-links a:nth-child(2) {
	border-right: 1px dotted #ccc;
	float: left;
	text-align: center;
}
.nav-links a:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
}
.bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
left: 0px;
background: #fff;

}
#main-area {
	width: 735px;
	float: left;
	margin-right: auto;
	margin-left: auto;
}
#pickup_slides img {
	height: auto;
	max-width: 480px;
}
#sidebar-snap-01 li img {
	height: auto;
	overflow: hidden;
	margin-left: -67px;
	max-height: 240px;
	max-width: 360px;
}
#sidebar h3 {
	margin: 0 0 19px 8px;
}
#sidebar-snap-01 {
	margin-bottom: 50px;
}
.sidebar-instagram {
	margin: 10px 0 0 8px;
	width: 225px;
}

/*==================================================================

ヘアカタログ

================================================================== */

.hair-catalog-photo-01 {
	height: 735px;
	margin-bottom: 50px;
	width: 735px;
}
.hair-catalog-photo-01 img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto;
}
.hair-catalog-thumb {
	margin-bottom: 50px;
}
.hair-catalog-thumb li {
	background-color: #f5f5f5;
	display: table;
	float: left;
	line-height: 1;
	margin: 0 10px 0 0;
}
.hair-catalog-thumb li span {
	display: table-cell;
	height: 135px;
	text-align: center;
	vertical-align: middle;
	width: 135px;
}
.hair-catalog-thumb li:last-child {
	margin-right: 0;
}
.hair-catalog-thumb li img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto;
}
.hair-catalog-comment {
	margin-bottom: 50px;
}
.hair-catalog-comment h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;

}

/*==================================================================

検索結果

================================================================== */

.search-results-list li {
	line-height: 2;
	list-style-type: decimal;
	margin-left: 20px;
}

/*==================================================================

会社情報

================================================================== */

.company-data-01 {
	border-top: 1px solid #eee;
	margin-bottom: 50px;
	width: 100%;
}
.company-data-01 th,
.company-data-01 td {
	border-bottom: 1px solid #eee;
	padding: 20px;
}
.company-data-01 th {
	width: 25%;
}
.entry-meta {
	margin-bottom: 20px;
	text-align: right;
}
.entry-content h1 {
	font-size: 22px;
}
#articleSection .entry-content h2 {
	font-size: 20px;
	margin-left: 0;
}
.entry-content h3 {
	font-size: 18px;
}
.entry-content h4 {
	font-size: 16px;
}
.entry-content h5 {
	font-size: 15px;
}
.entry-content h6 {
	font-size: 14px;
}
.shop-information h3 {
	margin-left: 0;
}
.shop-information table {
	border-top: 1px solid #eee;
	margin-bottom: 50px;
	width: 100%;
}
.shop-information table th {
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 10px;
	width: 100px;
}
.shop-information table td {
	border-bottom: 1px solid #eee;
	padding: 10px;
}
.sns-01-facebook {
	float: left;
	width: 50%;
}
.sns-01-twitter {
	float: right;
	width: 50%;
}
.nav-links a {
	width: 25%;
}
.sc-001 p {
	display: none;
	float: left;
	text-align: center;
	width: 25%;
}
.sc-001 p img {
	height: auto;
	width: 90%;
}