/*######################################################################

		Reset CSS

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

/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

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;
	list-style:none;
}

ol{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	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;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

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 #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}



/*######################################################################

		General

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

html {
	font-size: 62.5%;
}

body{
	font: 16px/1.61 "Myriad Pro", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
	text-align: left;
	color: #4c4c4c;
	background-color: #f9f9f9;
	-webkit-text-size-adjust: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	content: ' ';
	display: block;
    clear: both;
}

.clearfix {
	zoom: 1;
}

p{
	margin: 0 0 1.61em;
}

hr{
}

img{
	-ms-interpolation-mode: bicubic;
}

input[type="submit"] {
	-webkit-appearance: none;
}

input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}

@font-face {
	font-family: 'fontello';
	src: url('http://sorayweb.com/wp-content/themes/soray/font/fontello.eot');
	src: url('http://sorayweb.com/wp-content/themes/soray/font/fontello.eot') format('embedded-type'),
		url('http://sorayweb.com/wp-content/themes/soray/font/fontello.woff') format('woff'),
		url('http://sorayweb.com/wp-content/themes/soray/font/fontello.ttf') format('truetype'),
		url('http://sorayweb.com/wp-content/themes/soray/font/fontello.ttf') format('truetype'),
		url('http://sorayweb.com/wp-content/themes/soray/font/fontello.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'WebIconFonts';
	src: url('http://ichitasu.com/wp-content/themes/firstup-customize/font/webiconfonts.eot');
	src: url('http://ichitasu.com/wp-content/themes/firstup-customize/font/WebIconFonts.eot?') format('eot'),
		url('http://ichitasu.com/wp-content/themes/firstup-customize/font/WebIconFonts.woff') format('woff'),
		url('http://ichitasu.com/wp-content/themes/firstup-customize/font/WebIconFonts.ttf') format('truetype');
}

/* wordpress */

.sticky{
    display:block;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.wp-caption{
	text-align: center;
	margin: 10px;
	padding: 4px 0 0 0;
}

.wp-caption img{
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text,
.gallery-caption{
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 1.4;
}


/*
 link
/////////////////////////////////////////////////////////*/

a{
	color: #4c4c4c;
	text-decoration: none;
}

a:hover {
	color: #fbd965;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

//a:hover img{
//	filter: alpha(opacity=70);
//	-moz-opacity: 0.7;
//	-khtml-opacity: 0.7;
//	opacity: .7;
//}


/*######################################################################

		Container

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

/*
 Header
/////////////////////////////////////////////////////////*/

#header{
	margin-bottom: 30px;
}

@media screen and (max-width: 1200px){
	#header{
		margin-bottom: 0;
		width: 100%;
	}
}

.top_image{
	margin: 0 auto 7rem;
	width: 1200px;
	height: auto;
}

.top_image_img{
	margin: 0 0 2rem;
	width: 100%;
	height: auto;
}

@media screen and (max-width:1200px){
	.top_image{
		margin: 0 auto 4rem;
		width: 100%;
	}
}

.top_image_img img{
	display: block;
	width: 100%!important;
	height: auto;
}

.swiper-container, .swiper-slide {
	width: 100%;
	height: auto;
}


.header_nav_area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: 2rem auto 1.7rem;
	width: 1200px;
}

@media screen and (max-width:1200px){
	.header_nav_area{
		margin: 0;
		padding: 1rem 2rem;
		width: 100%;
		background-color: #f9f9f9;
	}
}

@media screen and (max-width: 1200px){
	#header {
		position: fixed;
		z-index: 10;
	}
	.header_nav_area{
		box-shadow: 0 1px 2px rgba(0,0,0,.4);
		z-index: 0;
	}
}

.logo{
	width: 15%;
}

.logo img{
	display: block;
	width: 12rem;
	height: auto;
}

ul.header_nav{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 85%;
	text-align: right;
}

ul.header_nav li{
	display: inline-block;
	margin: 0 0 0 1em;
	text-align: center;
}

ul.header_nav li a{
	display: inline-block;
	padding: .2em 1em;
	color: #333;
	font-size: 12px;
	line-height: 1;
}

ul.header_nav li a::before{
	display: block;
	content: attr(data-text);
	margin: 0 0 .3em;
	font-size: 16px;
}

ul.header_nav li a:hover{
	opacity: .5;
}

@media screen and (max-width: 980px){
	ul.header_nav {
		display: none;
	}
}

.menu_btn {
	display: none;
}

@media screen and (max-width: 980px){
	.menu_btn{
		display: block;
		position: relative;
		text-align: center;
		font-size: 2rem;
		line-height: 1.2;
	}

	.menu_btn:after{
		display: block;
		content: 'MENU';
		color: #4c4c4c;
		font-size: 10px;
	}

	.sb-left-inner a{
		color: #4c4c4c;
		font-size: 1.2rem;
	}

	.sb_logo,
	.sb_archive,
	.sb_list{
		margin: 0 0 2rem;
	}

	.sb_logo img{
		display: block;
		margin: 2.3rem auto 0;
		width: 40%;
		height: auto;
	}

	.sb_list{
		border-top: 1px solid #dcdcdc;
		letter-spacing: -.40em;
	}

	.sb_list li{
		display: inline-block;
		width: 50%;
		border-bottom: 1px solid #dcdcdc;
		letter-spacing: normal;
	}

	.sb_list li:nth-child(4n+1),
	.sb_list li:nth-child(4n+3),
	.sb_list li:nth-child(4n+5){
		border-right: 1px solid #dcdcdc;
	}

	.sb_cat_list{
		margin: 0 0 30px;
		border-bottom: 1px solid #dcdcdc;
	}

	.sb_cat_list li{
		border-top: 1px solid #dcdcdc;
		letter-spacing: normal;
	}

	.sb_cat_list li.allpost{
		border-left: 7px solid #4c4c4c;
	}
	.sb_cat_list li.photowork{
		border-left: 7px solid rgba(211,84,0,1.0);
	}
	.sb_cat_list li.salonwork{
		border-left: 7px solid rgba(41,128,185,1.0);
	}
	.sb_cat_list li.column{
		border-left: 7px solid rgba(22,160,133,1.0);
	}
	.sb_cat_list li.information{
		border-left: 7px solid rgba(231,174,53,1.0);
	}
	.sb_cat_list li.private{
		border-left: 7px solid rgba(166,69,75,1.0);
	}

	.sb_cat_list a{
		letter-spacing: -.40em;
	}

	.sb_cat_list h2,
	.sb_cat_list span{
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
	}

	.sb_cat_list h2{
		width: 85%;
	}
	.sb_cat_list span{
		padding: .5rem 1rem .3rem;
		width: 15%;
		font-size: 1rem;
		text-align: center;
		background-color: #f9f9f9;
		border-radius: 4px;
	}

	.sb_list li a{
		display: block;
		padding: 1.4rem 0;
		width: 100%;
		text-align: center;
	}

	.sb_cat_list li a{
		display: block;
		padding: 1.4rem 1.4rem 1.4rem 3rem;
		width: 100%;
	}

	.sb_archive h2{
		margin: 0 0 2rem;
		padding: 1rem 0;
		font-size: 1.2rem;
		text-align: center;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px dotted #dcdcdc;
	}

	.sb-blog li a,
	.sb-hair li a{
		display: block;
		font-size: 1.2rem;
	}

	.sb-blog li a img,
	.sb-hair li a img{
		display: block;
		margin: 0 0 .7rem;
		width: 100%;
		height: auto;
	}

	.sb-blog li p{
		margin: 0 0 .5rem;
	}

	.sb-blog li,
	.sb-hair li{
		margin: 0 0 3rem;
	}

	.sb_archive .more a{
		margin: 0 auto;
		font-size: 1.2rem;
	}

	.sb_search{
		margin: 5rem 0 0;
		text-align: center;
	}

	.sb_contact{
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
	}

	.sb_contact a{
		display: block;
		padding: 1.4rem 0;
		width: 100%;
		text-align: center;
		background-color: #EAE7D5;
	}

}

.mobi_top_image{
	margin: 0 0 30px;
	width: 100%;
	height: 570px;
	overflow: hidden;
}

@media screen and (min-width:1500px){
	.mobi_top_image{
		height: 700px;
	}
}

@media screen and (max-width:900px){
	.mobi_top_image{
		height: 400px;
	}
}

@media screen and (max-width:550px){
	.mobi_top_image{
		height: 300px;
	}
}

.mobi_top_image img{
	display: block;
	width: 100%!important;
	height: auto;
}


/*
 Container Breadcrumbs
/////////////////////////////////////////////////////////*/

#breadcrumbs{
	margin: 0 auto 20px;
	width: 1200px;
	font-size: 13px;
}

@media screen and (max-width:1080px){
	#breadcrumbs{
		padding: 20px 0;
		width: 100%;
	}
}

#breadcrumbs span span{
	margin: 0 5px 0;
}

#breadcrumbs li{
	float: left;
}


/*
 Container main general
/////////////////////////////////////////////////////////*/

.section_area{
	margin: 0 auto;
	width: 1200px;
}

@media screen and (max-width:1200px){
	.section_area{
		width: 100%;
	}
}

.section{
	padding: 0 0 100px;
}

.txt_center{
	text-align: center;
}

.ma_top{
	padding-top: 50px!important;
}

.more{
	text-align: center;
}

.more a{
	display: inline-block;
	position: relative;
	margin: 0 auto;
	padding: 13px 50px 7px;
	max-width: 450px;
	color: #4c4c4c;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	border: 1px solid #EAE7D5;
	background-color: #fff;
}

.more a:before{
	content: '>';
	position: absolute;
	top: 12px;
	left: 20px;
	color: #EAE7D5;
	font-weight: bold;
}

.more a:hover{
	background-color: #EAE7D5;
}

.more a:hover:before{
	color: #4c4c4c;
}

@media screen and (max-width:568px){
	.more a{
		font-size: 12px;
	}
}

p.more{
	margin: 0;
}

.more_back{
	text-align: center;
}

.more_back a{
	display: inline-block;
	position: relative;
	margin: 0 auto 30px;
	padding: 7px 50px 5px;
	max-width: 450px;
	color: #4c4c4c;
	font-size: 16px;
	text-align: center;
	border: 1px solid #EAE7D5;
}

.more_back a:before{
	content: '<<';
	position: absolute;
	top: 6px;
	left: 20px;
	color: #EAE7D5;
	font-weight: bold;
}

.more_back a:hover{
	background-color: #EAE7D5;
}

.more_back a:hover:before{
	color: #4c4c4c;
}

@media screen and (max-width:568px){
	.more_back a{
		font-size: 12px;
	}
}

#s{
	padding: 10px;
	width: 300px;
	color: #4c4c4c;
	font-size: 14px;
	border: none;
	vertical-align: bottom;
	border-bottom: 1px solid #dcdcdc;
	background-color: transparent;
}

@media screen and (max-width:568px){
	#s{
		margin-right: 0;
	}
}


/*
 Container hx
/////////////////////////////////////////////////////////*/

.contents_h2{
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	letter-spacing: normal;
}

.archive_blogcat.photowork{
	background: rgba(211,84,0,0.5);
}
.archive_blogcat.salonwork{
	background: rgba(41,128,185,0.5);
}
.archive_blogcat.column{
	background: rgba(22,160,133,0.5);
}
.archive_blogcat.information{
	background: rgba(231,174,53,0.5);
}
.archive_blogcat.private{
	background: rgba(166,69,75,0.5);
}

.contents_h2 span{
	display: block;
	font-size: 13px;
	text-align: center;
}

.contents_h3{
	margin-bottom: 25px;
	font-size: 23px;
	font-weight: normal;
	text-align: center;
}

@media screen and (max-width:780px){
	.contents_h2{
		font-size: 23px;
	}

	.contents_h2 img{
		display: block;
		margin: 0 auto .6em;
		max-width: 85%;
		height: auto;
	}
}


/*
 Container contents-style
/////////////////////////////////////////////////////////*/

/* Top */

.about_contents{
	padding: 40px;
	font-size: 15px;
	background-color: #fff;
	letter-spacing: -.40em;
}

.about_img,
.about_txt{
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.about_img{
	margin-right: 5%;
	width: 35%;
}
.about_txt{
	width: 60%;
}

.about_img img{
	display: block;
	width: 100%;
	height: auto;
}

.about_txt h3{
	margin: 0 0 30px;
	color: #ccc;
	font-size: 45px;
	font-style: italic;
	line-height: 1;
}

.about_txt h3 span{
	font-size: 60px;
	font-weight: normal;
}

@media screen and (max-width:568px){
	.about_contents{
		padding: 0;
		background-color: transparent;
	}

	.about_img{
		margin: 0 0 30px;
		width: 100%;
	}
	.about_txt{
		padding: 0 20px;
		width: 100%;
	}

	.about_img img{
		margin: 0 auto;
		width: 50%;
		height: auto;
	}

	.about_txt h3{
		font-size: 32px;
		text-align: center;
	}

	.about_txt h3 span{
		font-size: 38px;
		font-weight: normal;
	}
}

.about_contents p:last-child{
	margin: 0;
}

.top_cat{
	letter-spacing: -.40em;
}

.top_cat_archive{
	display: inline-block;
	margin: 0 2% 50px 0;
	padding: 30px 20px;
	width: 32%;
	vertical-align: top;
	letter-spacing: normal;
	background-color: #fff;
}

.top_cat_archive:nth-child(3n+3){
	margin-right: 0;
}

@media screen and (max-width:568px){
	.top_cat_archive{
		display: inline-block;
		margin: 0 0 50px;
		padding: 30px 20px 0;
		width: 100%;
		background-color: transparent;
	}

	.top_cat_archive:nth-child(3n+3){
		margin-right: 0;
	}
}

.top_cat_archive.photowork{
	border-top: 3px solid rgba(211,84,0,1.0);
}
.top_cat_archive.salonwork{
	border-top: 3px solid rgba(41,128,185,1.0);
}
.top_cat_archive.column{
	border-top: 3px solid rgba(22,160,133,1.0);
}
.top_cat_archive.information{
	border-top: 3px solid rgba(231,174,53,1.0);
}
.top_cat_archive.private{
	border-top: 3px solid rgba(166,69,75,1.0);
}

.top_cat_archive h3{
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}

.top_cat_archive h3 span{
	display: block;
	font-size: 10px;
	line-height: 1;
}

.top_cat_archive ul{
	margin: 0 0 30px;
}

.top_cat_archive li{
	padding: 23px 0 20px;
	border-bottom: 1px dotted #dcdcdc;
}

.top_cat_section{
	letter-spacing: -.40em;
}

.top_cat_img,
.top_cat_meta{
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.top_cat_img{
	margin-right: 5%;
	width: 30%;
}
.top_cat_meta{
	width: 65%;
}

.top_cat_img img{
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 0 3px 3px rgba(0,0,0,.14);
}

.top_cat_meta h4{
	font-size: 14px;
	font-weight: normal;
}

.top_cat_archive li:first-child .top_cat_img,
.top_cat_archive li:first-child .top_cat_meta{
	display: block;
	width: 100%;
}

.top_cat_archive li:first-child .top_cat_img img{
	display: block;
	margin: 0 0 2em;
	width: 100%;
	height: auto;
	box-shadow: 0 5px 5px rgba(0,0,0,.14);
}

.top_cat_archive li:first-child .top_cat_meta h1{
	margin: 0 0 .1em;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
}

p.top_cat_meta_time{
	margin: 0;
	color: #999;
	font-size: 12px;
}


/* post_archive */

.post_archive{
	letter-spacing: -.40em;
}

.post_archive li{
	display: inline-block;
	margin: 0 2% 30px 0;
	width: 32%;
	vertical-align: top;
	letter-spacing: normal;
}

.post_archive li:nth-child(3n+3){
	margin: 0 0 30px;
}

@media screen and (max-width: 768px){
	.post_archive li{
		margin: 0 4% 30px 0;
		width: 48%;
	}

	.post_archive li:nth-child(2n+2){
		margin: 0 0 30px;
	}

	.post_archive li:nth-child(3n+3){
		margin: 0 4% 30px 0;
	}
}

@media screen and (max-width:568px){
	.post_archive li{
		margin: 0 0 30px;
		width: 100%;
	}
}

.post_archive_img{
	position: relative;
	margin: 0 0 20px;
	width: 100%;
	height: 280px;
	overflow: hidden;
}

.archive_blogcat{
	display: block;
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 16px 0 12px;
	width: 100%;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 0;
	text-shadow: 0 1px 3px rgba(0,0,0,.7);
}

.contents_h2.photowork{
	color: rgba(211,84,0,1.0);
}
.contents_h2.salonwork{
	color: rgba(41,128,185,1.0);
}
.contents_h2.column{
	color: rgba(22,160,133,1.0);
}
.contents_h2.information{
	color: rgba(231,174,53,1.0);
}
.contents_h2.private{
	color: rgba(166,69,75,1.0);
}

.post_archive_img img{
	display: block;
	margin: 0 0 2em;
	width: 100%;
	height: auto;
	box-shadow: 0 5px 5px rgba(0,0,0,.14);
}

@media screen and (max-width:568px){
	.post_archive_meta{
		padding: 0 20px;
	}
}

.post_archive_meta h1,
.post_archive_meta h3{
	margin: 0 0 .1em;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
}

p.post_archive_time{
	margin: 0 0 .7em;
	color: #999;
	font-size: 12px;
}

.post_archive_txt{
	color: #999;
	font-size: 14px;
}


.related_list{
	letter-spacing: -.40em;
}

.related_list li{
	display: inline-block;
	margin: 0 1% 30px 0;
	width: 24%;
	vertical-align: top;
	letter-spacing: normal;
}

.related_list li:nth-child(4n+4){
	margin: 0 0 30px;
}

@media screen and (max-width:568px){
	.related_list li{
		margin: 0 0 30px;
		width: 100%;
	}
}


.post_recented_list{
	letter-spacing: -.40em;
}

.post_recented_list li{
	display: inline-block;
	margin: 0 1% 30px 0;
	width: 24%;
	vertical-align: top;
	letter-spacing: normal;
}

.post_recented_list li:nth-child(4n+4){
	margin: 0 0 30px;
}

@media screen and (max-width:568px){
	.post_recented_list li{
		margin: 0;
		padding: 20px 0 12px;
		width: 100%;
		border-bottom: 1px dotted #dcdcdc;
	}

	.post_recented_list_img{
		display: inline-block;
		width: 28%;
		height: auto;
		overflow: none;
		letter-spacing: -.40em;

	}

	.post_recented_list_meta{
		display: inline-block;
		margin-left: 3%;
		width: 67%;
		vertical-align: top;
		letter-spacing: -.40em;
	}
}

.post_recented_list_img img{
	display: block;
	margin: 0 0 2em;
	width: 100%;
	height: auto;
	box-shadow: 0 5px 5px rgba(0,0,0,.14);
}

@media screen and (max-width:568px){
	.post_recented_list_img img{
		margin: 0;
		box-shadow: 0 3px 3px rgba(0,0,0,.14);
	}
}

.post_recented_list_meta p{
	margin: 0 0 5px !important;
	font-size: 14px;
	letter-spacing: normal;
}

.post_recented_list_meta h3{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
}

@media screen and (max-width:568px){
	.post_recented_list_meta p{
		font-size: 10px;
	}

	.post_recented_list_meta h3{
		font-size: 13px;
	}
}


.search_txt{
	margin: 0 0 50px;
	text-align: center;
}

.search_txt p{
	display: inline-block;
}

.error404{
	text-align: center;
}

.error404 h1{
	margin: 0 0 30px;
	font-size: 55px;
	line-height: 1;
}

.error404 h2{
	margin: 0 0 50px;
	font-size: 28px;
	font-weight: normal;
}

.error404 p{
	margin: 0 0 50px;
}


/* page_nav */

.page_nav{
	position: relative;
	text-align: center;
	margin: 0 0 70px;
	padding: 20px 10px;
	font-size: 15px;
}

.page_nav .page-numbers,
.page_nav .prev,
.page_nav span{
	display: inline;
}

.page-numbers{
	display: block;
}

.current{
	margin: 0 5px 0 0;
	padding: 12px 14px 9px;
	width: auto;
	height: auto;
}

a.page-numbers{
	display: block;
	margin: 0 5px 0 0;
	padding: 12px 14px 9px;
	width: auto;
	height: auto;
}

a.page-numbers{
	color: #fff;
	background-color: #4c4c4c;
}

a:hover.page-numbers{
	color: #4c4c4c;
	background-color: #F3EEE1;
}

.current{
	color: #4c4c4c;
	background-color: #F3EEE1;
}


/* blog_list */

.blog_list{
	margin: 0 0 50px;
}

.blog_list li{
	display: inline-block;
	margin: 0 2% 0 0;
	width: 48%;
	vertical-align: top;
}

.blog_list li:nth-child(2n+2){
	margin: 0;
}

@media screen and (max-width:568px){
	.blog_list{
		margin: 0 0 30px;
	}

	.blog_list li{
		display: block;
		width: 100%;
	}
}

.blog_list a{
	display: block;
	padding: 30px 0 26px;
	color: #4c4c4c;
	border-bottom: 1px dashed #dcdcdc;
}

@media screen and (max-width:568px){
	.blog_list li a{
		display: block;
		padding: 10px 0;
	}

	.blog_list li a:nth-child(2n+2){
		margin: 0 0 20px;
	}
}

.blog_list_left{
	display: inline-block;
	width: 37%;
	height: 140px;
	vertical-align: top;
	overflow: hidden;
}

.blog_list_right{
	display: inline-block;
	margin-left: 3%;
	width: 58%;
	vertical-align: top;
}

@media screen and (max-width:568px){
	.blog_list_left{
		display: inline-block;
		width: 28%;
		height: auto;
		overflow: none;
		letter-spacing: -.40em;

	}

	.blog_list_right{
		display: inline-block;
		margin-left: 3%;
		width: 67%;
		vertical-align: top;
		letter-spacing: -.40em;
	}
}

.blog_list_left img{
	display: block;
	width: 100%;
	height: auto;
}

.blog_list_right p{
	margin: 0 0 5px !important;
	font-size: 14px;
	letter-spacing: normal;
}

.blog_list_right h3{
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
}

@media screen and (max-width:568px){
	.blog_list_right p{
		font-size: 10px;
	}

	.blog_list_right h3{
		font-size: 13px;
	}
}

/* post */

.post_header{
	margin: 0 0 50px;
}

.post_header h1{
	margin: 0 0 10px;
	font-size: 32px;
	font-weight: normal;
	text-align: center;
}

.photowork .post_header h1{
	color: rgba(211,84,0,1.0);
}
.salonwork .post_header h1{
	color: rgba(41,128,185,1.0);
}
.column .post_header h1{
	color: rgba(22,160,133,1.0);
}
.information .post_header h1{
	color: rgba(231,174,53,1.0);
}
.private .post_header h1{
	color: rgba(166,69,75,1.0);
}

@media screen and (max-width:568px){
	.post_header h1{
		padding: 0 20px;
		font-size: 25px;
	}
}

ul.post_meta{
	text-align: center;
}

.post_meta li{
	display: inline-block;
}

.post_meta li time{
	display: block;
	margin-right: 20px;
	font-size: 14px;
}

.post_meta li span{
	margin-right: 20px;
	font-size: 14px;
}

.post_meta li span:before{
	content: '#';
	padding: 0 3px 0 0;
}

.post_thumbnail{
	margin: 0 0 50px;
}

.post_thumbnail img{
	display: block;
	width: 100%;
	height: auto;
}

.post_content{
	margin: 0 auto 70px;
	width: 70%;
}

@media screen and (max-width:568px){
	.post_content{
		margin: 0 auto 70px;
		width: 90%;
	}
}

.post_content h2{
	margin: 2.3em 0 1em;
	padding: 1em 1em .6em;
	font-size: 23px;
	font-weight: normal;
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
}

.post_content h3{
	position: relative;
	margin: 2.3em 0 1em;
	padding-bottom: .25em;
	font-size: 22px;
	font-weight: normal;
	border-bottom: 1px solid #888;
}
.post_content h3:after{
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 15%;
	height: 3px;
	background-color: #333;
}

.post_content h4{
	display: inline-block;
	margin: 1.5em 0;
	padding: 0 0 .25em;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px dotted #4c4c4c;
}

.post_content li{
	margin: 0 0 1em;
}

.post_content img{
	display: block;
	margin: 0 0 2em;
	max-width: 100%;
	height: auto;
}

.post_footer h2{
	font-size: 25px;
	font-weight: normal;
	text-align: center;
}

.post_auther_sns_text h2{
	margin: 0 0 .3em;
}

.post_related h2,
.blog_cat_list h2{
	margin: 0 0 1.2em;
}


.post_share{
	margin: 0 0 50px;
	padding: 25px 0 16px;
	border-top: 1px solid #EAE7D5;
	border-bottom: 1px solid #EAE7D5;
}

.post_share dt,
.post_share dd{
	display: inline-block;
	vertical-align: middle;
}

.post_share dt{
	margin-right: 2%;
	width: 38%;
	font-size: 14px;
	text-align: center;
	background: url(images/arrow02.png) no-repeat right center;
}

.post_share dd{
	width: 59%;
	font-size: 12px;
}

@media screen and (max-width:568px){
	.post_share{
		padding: 30px 0 24px;
	}

	.post_share dt{
		margin: 0 0 7px;
		width: 100%;
		background: none;
	}

	.post_share dd{
		width: 100%;
		text-align: center;
	}
}

.post_share dd li{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.post_share dd li a{
	display: block;
	//padding: 7px 10px;
	//color: #fff;
	//text-align: center;
	//line-height: 1;
}

.share_ma_top{
	margin-top: 7px;
}

.sns_fb a{
	background-color: #395996;
}
.sns_tw a{
	background-color: #309CC1;
}
.sns_ig a{
	background-color: #3F729B;
}
.sns_ln a{
	background-color: #00c300;
}


.post_auther_sns{
	margin: 0 0 50px;
	padding: 30px 3%;
	text-align: center;
	background: url(images/section_bg.png);
}

.post_auther_sns_text{
	font-size: 13px
}
.post_auther_sns_text li{
	display: inline-block;
	margin-right: 2.5%;
	width: 31%;
	font-size: 14px;
	vertical-align: middle;
}

.post_auther_sns_text li:last-child{
	margin-right: 0;
}

@media screen and (max-width:568px){
	.post_auther_sns_text li{
		margin: 0 0 10px;
		width: 100%;
	}
}

.post_auther_sns_text li a{
	display: block;
	padding: 15px 10px 10px;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}

.post_auther_sns_text li a:hover{
	opacity: .7;
}

.post_related{
	margin: 0 0 70px;
}

.blog_cat_list li{
	display: inline-block;
	margin: 0 10px 0 0;
}

.blog_cat_list ul{
	text-align: center;
}

.blog_cat_list li a{
	display: inline-block;
	margin: 0 0 10px;
	color: #4c4c4c;
	font-size: 14px;
	padding: 10px 15px 7px;
	background-color: #EAE7D5;
	border-radius: 4px;
}

.blog_cat_list li a:before{
	content: '#';
	padding: 0 5px 0 0;
	font-size: 14px;
}

.blog_cat_list li a:hover{
	color: #fff;
	background-color: #4c4c4c;
}


/* Contact */

.contact_area{
	margin: 50px auto 90px;
	width: 70%;
}

@media screen and (max-width:600px){
	.contact_area{
		width: 90%;
	}
}

.contact_catch{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.required{
	font-weight: bold;
}

.required_text{
	font-size: 10px;
}

.contact_hosoku{
	font-size: 12px;
}

.contact_dl{
	margin: 0 0 25px;
	padding: 0 0 25px;
}

.contact_dl_last{
	margin: 0 0 70px;
}

.contact_dl dt,
.contact_dl_last dt{
	display: inline-block;
	width: 22%;
	vertical-align: top;
}

.contact_dl dd,
.contact_dl_last dd{
	display: inline-block;
	width: 75%;
	vertical-align: top;
}

@media screen and (max-width:568px){
	.contact_dl dt,
	.contact_dl_last dt{
		margin: 0 0 10px;
		width: 100%;
	}

	.contact_dl dd,
	.contact_dl_last dd{
		width: 100%;
	}
}

.text_l input,
.text_m input,
.text_s input{
	padding: 10px;
	font-size: 16px;
	font-weight: normal;
	background-color: #fff;
	border: 0;
	border-radius: 4px;
}

@media screen and (max-width:568px){
	.text_l input{
		width: 100%;
	}

	.wpcf7-radio input,
	.wpcf7-checkbox input{
		max-width: 5%!important;
	}
}

.text_m input{
	margin: 0 5px 0 0;
	width: 90px;
	text-align: center;
}

.text_s input{
	margin: 0 5px 10px;
	width: 70px;
	text-align: center;
}

.wpcf7-list-item{
	display: block;
	margin-left: 0 !important;
}

.textarea_l textarea{
	padding: 10px;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	background-color: #fff;
	border: 0;
	border-radius: 4px;
}

.wpcf7-submit{
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 44px;
	color: #fff;
	font-size: 14px;
	background: #4c4c4c;
	border: 0;
	border-radius: 5px;
}

.wpcf7-submit:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: .7;
}

.dropdown {
	display: inline-block;
	position: relative;
	width: 70%;
	border: 0;
	border-radius: 3px;
	background-color: #fff;
}

@media screen and (max-width:568px){
	.dropdown {
		width: 100%;
	}
}

.dropdown:before, .dropdown:after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 22px;
	right: 10px;
	width: 0;
	height: 0;
	border: 4px dashed;
	border-color: #888 transparent;
	pointer-events: none;
}

.dropdown:before {
	border-bottom-style: solid;
	border-top: none;
}

.dropdown:after {
	margin-top: 7px;
	border-top-style: solid;
	border-bottom: none;
}

.wpcf7-select {
	position: relative;
	margin: 0;
	padding: 15px 50px 12px 20px;
	width: 100%;
	font-size: 16px;
	/* Fallback for IE 8 */
	background: #f2f2f2;
	/* "transparent" doesn't work with Opera */
	background: rgba(0, 0, 0, 0) !important;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
}

@media screen and (max-width:568px){
	.wpcf7-select {
		width: 100%;
	}
}

.wpcf7-select:focus {
	z-index: 3;
	width: 100%;
	font-weight: normal;
}

.wpcf7-select > option {
	cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
	z-index: 1;
}
.lt-ie9 .wpcf7-select {
	z-index: -1;
}
.lt-ie9 .wpcf7-select:focus {
	z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
	.wpcf7-select {
		padding-left: 6px;
	}
}


#instafeed{
	margin: 0 0 30px;
	letter-spacing: -.40em;
}

#instafeed li{
	display: inline-block;
	padding: 5px;
	width: 20%;
	height: 160px;
	vertical-align: top;
	letter-spacing: normal;
	overflow: hidden;
}

#instafeed li img{
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width:568px){
	#instafeed li{
		width: 50%;
		height: auto;
	}
}



/*
 Footer
/////////////////////////////////////////////////////////*/

#footer{
	border-top: 1px solid #dcdcdc;
}

#footer_area{
	margin: 0 auto;
	width: 1020px;
}

@media screen and (max-width:568px){
	#footer_area{
		margin: 0 auto;
		width: 100%;
	}
}
.footer_shop_info{
	margin: 70px auto 50px;
	width: 90%;
	letter-spacing: -.40em;
}

.footer_shop_info_left{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	letter-spacing: normal;
}

.footer_shop_info_right{
	display: inline-block;
	width: 50%;
	text-align: center;
	vertical-align: top;
	letter-spacing: normal;
}

@media screen and (max-width:568px){
	.footer_shop_info{
		margin: 50px auto 30px;
		width: 90%;
		letter-spacing: normal;
	}

	.footer_shop_info_left,
	.footer_shop_info_right{
		display: block;
		width: 100%;
	}

	.footer_shop_info_left{
		margin-bottom: 30px;
	}
}

.footer_shop_info_left h3{
	margin: 0 0 20px;
}

.footer_shop_info_left dl{
	margin: 0 0 10px;
	font-size: 13px;
	letter-spacing: -.40em;
}

.footer_shop_info_left dt,
.footer_shop_info_left dd{
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.footer_shop_info_left dt{
	width: 25%;
}
.footer_shop_info_left dd{
	width: 75%;
}

@media screen and (max-width:568px){
	.footer_shop_info_left h3{
		text-align: center;
	}

	.footer_shop_info_left dl{
		font-size: 12px;
	}

	.footer_shop_info_left dt{
		width: 20%;
	}
	.footer_shop_info_left dd{
		width: 80%;
	}
}

.footer_shop_info_left p{
	margin: 0 0 10px;
	font-size: 13px;
}

.footer_nav{
	margin: 30px auto;
 	width: 1200px;
	text-align: center;
}

@media screen and (max-width:568px){
	.footer_nav{
	 	width: 100%;
	}
}

.footer_nav ul{
	margin: 0 0 20px;
	text-align: center;
}

.footer_nav li{
	display: inline-block;
    margin: 0 2% 0 0;

}

.footer_nav li a{
	font-size: 13px;
}

.copyright{
	font-size: 13px;
	text-align: center;
}

/*######################################################################



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