/*
Theme Name: kid
Theme URI:  http://office-totalit.com
Description: オールイットによるレスポンシブWebデザイン
Author: オールイット
Author URI: http://office-totalit.com
Template: responsive
Version: 1.0.0 
*/

@font-face {
  font-family: "FontAwesome";
  src: url('font-awesome/fonts/fontawesome-webfont.eot');
  src: url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'), url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome')    format('svg');
}

body {
	font-family: YuGothic, "游ゴシック", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	background: #faf8f3;
	color: #333;
	
	/*font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;*/
}

/*ボックスサイズ*/

.wrap, .col30, .col33, .col34, .col40, .col50, .col60, .col70, .col80, .col90,
.t_50, .t_30, .t_50 th, .t_50 td, .t_30 th, .t_30 td,
.i_frame, .gn li, .gn li:nth-child(1), .gn li:nth-child(4), .contact_btn, .top_left, .top_right, 
.top_layer, .tb_contact, .tb_contact th, .tb_contact td, .menu_list01 th, .menu_list02 th,
.menu_list01 td, .menu_list02 td,
	select,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*ボックス*/

.col30, .col33, .col34, .col40, .col50, .col60, .col70, .col80, .col90 {
	float: left;

}

.wrap {
	width: 100%;
	overflow: hidden;
}

.col20 {
	width: 20%;
}

.col30 {
	width: 30%;
}
.col33 {
	width: 33%;
}
.col34 {
	width: 34%;
} 

.col40 {
	width: 40%;
}

.col50 {
	width: 50%;
}

.col60 {
	width: 60%;
} 

.col70 {
	width: 70%;
}

.col80 {
	width: 80%;
}

/*画像*/

.i_frame {
	padding: 5px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
}

.img_L {
	margin: 0 1em 1em 0;
	float: left;
}

.img_R {
	margin: 0 0 1em 1em;
}

/*テーブル*/

table {
	table-layout: fixed; /*ie テーブルの中でi_frameがバグるから*/
}

.t_50,
.t_30,
.t_50 th,
.t_50 td,
.t_30 th,
.t_30 td {
	border: 1px solid #e5e5e5;
}

.t_50 th,
.t_30 th {
	text-align: center;
	background: #f9f9f9;
}

.t_50 th {
	width: 50%;
}

.t_30 th {
	width: 30%;
}

/*Googleマップ*/

.google-maps {
	position: relative;
	padding-bottom: 75%; // これが縦横比
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

h1 {
	background: none;
	background-image: url("images/midashi_bg.png");
	background-position: center;
	padding: 3.2em 0;
	text-align: center;
	font-size: 1.8em;
	color: #543a23;
	border: 4px double #ebd89f;
}

h1 span {
	font-size: 14px;
}

h2 {
	background: #259fba;
	color: #fff;
	font-size: 1.5em;	
	margin: 1em 0;
	padding: .5em .75em;
	line-height: 150%;
	border-bottom: 3px solid #fff100;
}


h3 {
	background: #e7f4f7;
	font-size: 1.1em;
	line-height: 140%;
	font-weight: bold;
	margin: 1em 0;	
	padding: .5em .75em;
	border-top: 1px dashed #259fba;
	border-bottom: 1px dashed #259fba;
}

.page-id-2 h3 {
	font-size: 1em;
}





h4 {
	font-size: 1em;
	color: #543a23;	
}


.profile_list li {
	position: relative;
	margin: 2em 0;
	padding-bottom: .5em;
	list-style: none;
}

.profile_list li:before {
	font-family: 'FontAwesome';
	content: '\f0c8';
	padding-right: 0.3em;
	color: #fddae8;	
}

.profile_list li::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}

.profile_list li::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}

.page-id-8 h2 {
	margin-bottom: 0;
}

.single .category-faq h1 {
	color: #000;
	font-size: 18px;
	background-image: none;
	border: none;
	text-align: left;
	line-height: 150%;
	padding: 1em;
}

.category-blog h2 a {
	color: #fff;
}

.category-faq h2 {
	background: transparent;
	border-bottom: 1px dotted #259fba;
	padding: 0.3em 0;
	line-height: 140%;
}

.category-faq h2 a {
	color: #000;
	font-size: 17px;
}

.category-faq h2 a:hover {
	text-decoration: underline;
}

.category-faq h2 a:before, .single .category-faq h1:before {
	content: 'Q';
	color: #259fba;
	padding-right: 0.3em;	
	font-size: 20px;
}

.category-faq h2 a:after {
	font-family: 'FontAwesome';
	content: '\f138';
	padding-left: 0.3em;
	color: #259fba;
}

.category-faq h2::after {
	display: none;
}

#header {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

#container {
	max-width: 100%;
	padding: 0 0;
	overflow: hidden;
}

.eyecatch {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.clearfix {
	max-width: 960px;
}

.skip-container {
	background: #ffc000;
	padding: 0.2em 0;
}

#post-2 h1, #post-2 .post-meta, .title-archive {
	display: none;
}

.top_container {
	background: #fff;
	border-top: 5px solid #419ec1;
	overflow: hidden;
}

.main-nav {
	border-top: 1px solid #ebd89f;
	border-bottom: 1px solid #ebd89f;

}

.gn {
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

.gn li {
	width: 14.2%;
	float: left;
	list-style: none;
	border-right: 1px solid #ebd89f;
}

.gn li:nth-child(4) {
	width: 14.8%;
}

.gn li a {
	display: block;
	text-align: center;
	font-size: 1em;
	line-height: 140%;
	color: #ff0066;
	padding: 0.5em 0;
	font-weight: bold;
}

.gn li a:hover {
	background: #ebd89f;
}

.gn li:nth-child(1) {
	border-left: 1px solid #ebd89f;
}

.gn span {
	font-size: 0.8em;
	color: #543a23;
}

.top_layer {
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 2em 0;
}

.top_left {
	width: 50%;
	float: left;
}

.top_right {
	width: 50%;
	float: right;
}

.contact_btn span {
	font-size: 0.8em;
}

.contact_btn {
	background: #ffc000;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 110%;
	width: 30%;
	padding: 1em .5em;
	border-radius: 3px;
	float: right;
}

.contact_btn:hover {
	background: #e5ac00;
	color: #fff;
}

.m_eyecatch, .post-meta, .breadcrumb-current span {
	display: none;
}

.top_layer {
	padding-left: .6em;
	padding-right: .6em;
}

.widget-wrapper {
	background: none;
	border: none;
	padding: 1em 0 0 0;
	margin: 0;
}

.tb_side, .tb_side th, .tb_side td {
	border: none;
}

.tb_side th {
	width: 35%;
	background: #faf8f3;
	border: 2px solid #fff;
	font-weight: bold;
}

.tb_side {
	font-size: .9em;
}

.tb_access th, .tb_contact th {
	width: 35%;
	background: #faf8f3;
}

.tb_contact strong {
	font-size: .8em;
	color: #ff0066;
	font-weight: normal;
}

#wrapper {
	border: none;
}

.check_list {
	background: #faf8f3;
	border-radius: 6px;
	padding: 1em;
	margin: 0;
}

.salon_bg {
	padding: 1em;
	background: #e7f4f7;	
}

.plus_list {
	margin: 0;
	padding-left: 0.8em;
}

.check_list li, .plus_list li {
	list-style: none;
	margin-bottom: .5em;
}

.plus_list li:before {
	font-family: 'FontAwesome';
	content: '\f046';
	padding-right: 0.5em;
	color: #ff0066;
}

.align_c {
	text-align: center;
}

	select,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	textarea {
		width: 100% !important;
	}

input[name="tel[data][0]"], input[name="tel[data][1]"],
input[name="tel[data][2]"] {
	width: 28% !important;
}

.menu_layer {
	margin: 0;
	padding: 0;
}

.menu_layer li {
	list-style: none;
	margin-bottom: 1em;
	line-height: 160%;
	border: 4px double #b28850;
	font-size: .9em;
	padding: 1em 1em 0 1em;
}

.menu_list01 {
	font-size: .9em;
	background: url("http://red-jasper.net/wp-content/uploads/2016/11/menu_bg.jpg");
}

.menu_list01, .menu_list01 th, .menu_list01 td {
	border: none;
	border-bottom: 1px solid #ff0066;
	font-weight: bold;
}

.menu_list02 {
	font-size: .9em;
	margin: 0;
}

.menu_list02, .menu_list02 th, .menu_list02 td {
	border: none;
	font-weight: bold;
}

.menu_list01 th {
	width: 70%;
	text-align: left;
	padding: 0 1em;
}

.menu_list02 th {
	width: 80%;
	text-align: left;
}

.timelayer {
	font-style: italic;
	background: #efe4d4;
	text-align: right;
	padding: 0 1em;
}

.menu_list01 td, .menu_list02 td {
	text-align: right;
}

.read-more {
	float: right;
	margin-bottom: 1em;	
}

.read-more a {
	color: #fff;
	display: block;
	background: #259fba;
	text-align: center;
	padding: .4em 1em;
}

.read-more a:hover {
	background: #2089a1;
}

.blog_btn {
	background: #cfa972;
	padding: .2em .4em;
	margin: .6em;
	border-radius: 3px;
	color: #fff;
	border: 1px solid #b59464;
}

.blog_btn:hover {
	background: #b59464;
	color: #fff;
}

.pad_b {
	padding-bottom: 2em;
}


/*レスポンシブ*/

@media screen and (max-width: 1100px) {
	.top_layer {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.contact_btn {
		width: 50%;
	}

	.m_eyecatch {
		display: none;
	}

}

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

	.gn li, .gn li:nth-child(4) {
		width: 50%;
		border: 1px solid #ebd89f;
	}

	.gn li:nth-child(1) {
		width: 100%;
	}

	.m_eyecatch {
		display: block;
	}

	.pc_eyecatch {
		display: none;
	}

}

@media screen and (max-width: 480px) {
	.t_50 th,
	.t_30 th,
	.t_50 td,
	.t_30 td {
		width: 100%;
		display: block;
	}

	.top_left, .top_right {
		width: 100%;
		float: none;
		text-align: center;
		padding: 1em;
	}

	.contact_btn {
		width: 100%;
	}

	.m_eyecatch {
		display: block;
	}

	.pc_eyecatch {
		display: none;
	}

	.tb_contact th, .tb_contact td {
		width: 100%;
		float: none;
		display: block;
	}


	.menu_list01 th, .menu_list01 td {
		width: auto;
	}

	 .menu_list02 th, .menu_list02 td {
		width: 100%;
		display: block;
		float: none;
	}

	.profile_list {
		padding: 0;
		margin: 0;
	}


}