/*
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('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('eot'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesome')    format('svg');
}

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	background: #fff;
	
	/*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, .gn li, h2, .name, .m_twitter, 
.contact_tb tr, .contact_tb th, .contact_tb td, .pro_imgs, .pro_info,
	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;
}

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

/*見出し*/

h1, h2, h3, h4 {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}


h1 {
	padding: 0.5em;
	color: #fff;
	font-size: 1.7em;
	text-align: center;
	background: rgba(3,0,3,1);
	background: -moz-linear-gradient(top, rgba(3,0,3,1) 0%, rgba(69,2,61,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,0,3,1)), color-stop(100%, rgba(69,2,61,1)));
	background: -webkit-linear-gradient(top, rgba(3,0,3,1) 0%, rgba(69,2,61,1) 100%);
	background: -o-linear-gradient(top, rgba(3,0,3,1) 0%, rgba(69,2,61,1) 100%);
	background: -ms-linear-gradient(top, rgba(3,0,3,1) 0%, rgba(69,2,61,1) 100%);
	background: linear-gradient(to bottom, rgba(3,0,3,1) 0%, rgba(69,2,61,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030003', endColorstr='#45023d', GradientType=0 );
}

h2 {
	font-size: 1.6em;
	color: #33022d;
	text-align: center;
	padding: 0.4em 0.8em;
	background-color: #f6f6f6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}

h3, .widget-title h3, .widget-title-home h3 {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;	
	position: relative;
	padding: 0.5em 0;
	color: #33022d;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
}

h3::before,
h3::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}

h3::before {
	top: 0;
	border-top: 2px solid #33022d;
	border-bottom: 1px solid #33022d;
}

h3::after {
	bottom: 0;
	border-top: 1px solid #33022d;
	border-bottom: 2px solid #33022d;
}



/*テーブル*/

table {
	table-layout: fixed; /*ie テーブルの中でi_frameがバグるから*/
	border: 1px solid #ddd1dc;
	font-size:0.6em;
}

table th {
	font-weight: bold;
	border: 1px solid #ddd1dc;
	background: #eee;
	vertical-align: middle;
}

table td {
	text-align: center;
	border: 1px solid #ddd1dc;	
	
}

.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;
}

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

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

.pc_eyecatch {
	display: block;
}

.m_eyecatch {
	display: none;	
}

.clearfix {
	max-width: 1100px;
}

.skip-container {
	background: #000;
	color: #fff;
	padding: 0 0;
	font-size: 0.9em;
	padding-left: 4.8em;
}

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

.top_container {
	overflow: hidden;
	width: 100%;
	background: url("../images/header_bg.jpg") no-repeat center center;
	padding: 1.6em 0;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.main-navigation {
	background-image: url("../images/gn_bg.jpg");
}

.gn {
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	border-bottom: 1px solid #dcdcdc;
}

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

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

.gn li:nth-child(1) {
	background-image: url("../images/gn_img01.jpg");
	border-left: 1px solid #dcdcdc;	
}

.gn li:nth-child(2) {
	background-image: url("../images/gn_img02.jpg");
}

.gn li:nth-child(3) {
	background-image: url("../images/gn_img03.jpg");
}

.gn li:nth-child(4) {
	background-image: url("../images/gn_img04.jpg");
}

.gn li:nth-child(5) {
	background-image: url("../images/gn_img05.jpg");
}

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

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

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

.top_left {
	width: 60%;
	float: left;
}
.top_right {
	width: 40%;
	float: left;
}

.tel_btn {
	float: right;
	color: #000000;
	text-align: center;
	padding: 0.7em 0;
}

.tel_btn a {
	color: #000000;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	background-image: url("../images/telbtn_img.jpg");
	padding: 0.6em 1.3em;
	max-width: 100%;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	border: 1.5px solid #000000;
}

.tel_btn a:hover {
	background: #a60a0a;
}

.tel_btn span {
	padding-top: 1em;
}

.pc_timetxt {
	margin-bottom: 0.7em;
}

.tel_btn_time {
	margin-top: 0.5em;
}

.eyecatch img {
	width: 100%;
}

.line_btn {
	font-size: 1.25em;
    display: block;
    text-align: center;
    padding: 0.75em 0;
    color: #fff;
    background: #1DCD00;
    border-bottom: 5px solid #18b300;
    font-weight: bold;
}

#wrapper {
	border: none;
}

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

.banner_group, #widgets ul {
	margin: 0;
	padding: 0;
}

.banner_group li {
	list-style: none;
	margin-bottom: 0.5em;
}

.home_txt strong {
	font-size: 1.2em;
}

.home_txt {
	text-align: center;
	letter-spacing: .1em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 1.1em;
	line-height: 170%;	
	color: #33022d;
}

.main_title {
	font-size: 1.5em;
	color: #fff;
}

.post-meta, .m_timetxt {
	display: none;
}

ol {
	line-height: 170%;
}


/*スタッフ*/

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

.pro_imgs {
	width: 45%;
	float: left;
	margin-right: 1%;
}

.sub_proimgs_layer {
	margin-top: .5em;
}

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

.contact_tb strong {
	background: #fff;
	color: #a60a0a;
	border-radius: 3px;
	font-size: 0.8em;
	margin-left: 0.3em;
	padding: 0 .1em;
	border: 1px solid #a60a0a;
}

#footer {
	text-align: center;
}

.scroll-top {
	width: 100%;
	margin: 0 auto;
}

.mail_btn {
	font-size: 1.25em;
	display: block;
	text-align: center;
	padding: 0.75em 0;
	color: #fff;
	background: #f85491;
	border-bottom: 5px solid #d6497d;
	font-weight: bold;
}

.mail_btn:before {
	font-family: 'FontAwesome';
	content: '\f0e0';
	padding-right: 0.3em;
}

.mail_btn:hover {
	color: #fff;
	background: #d6497d;
}

.contact_tel_btn {
	font-size: 1.4em;
	display: block;
	text-align: center;
	padding: 0.75em 0;
	color: #fff;
	background: #7e3f0b;
	border-bottom: 5px solid #5c2d07;
	font-weight: bold;
}

.contact_tel_btn:hover {
	color: #fff;
	background: #a10291;
}

.contact_tel_btn:before {
	font-family: 'FontAwesome';
	content: '\f098';
	padding-right: 0.3em;	
}

.contact_tel_btn span {
	font-size: 0.9em;
}

.name a {
	font-size: 0.8em;
	padding-bottom: 1.25em;
	text-align: center;
	vertical-align: middle;
	color: #33022d;
}

.go_detail {
	display: block;
	text-align: center;
	padding: 0.75em 0;
	color: #fff;
	background: #7e3f0b;
	border-bottom: 5px solid #5c2d07;
	font-weight: bold;
	font-size: 0.8em;
}

.go_detail:before {
	font-family: 'FontAwesome';
	content: '\f138';
	padding-right: 0.3em;
}

.go_detail:hover {
	color: #fff;
	background: #d6497d;
}

.align_c {
	text-align: center;
}


/* --- ボックス --- */
div.section {
	max-width: 100%; /* ボックスの幅 */
	margin: 1em 0;
}

/* --- 本文領域 --- */
div.section div.textarea {
	height: 200px; /* 本文領域の高さ */
	overflow: auto;
}

/* --- 本文領域内の段落 --- */
	div.section div.textarea p {
	margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

.m_twitter, .title-archive {
	display: none;
}

.top_bg {
	background-image: url("../images/bg_top.jpg"), 
	url("http://www.paris-t.com/wp-content/uploads/2016/09/bg_bottm.jpg");
	background-position: center top, center bottom;
	background-repeat: no-repeat no-repeat;
	width: 100%;
	height: auto;
	background-size: 100%;
	padding: 2em 0;
}

.access_tb th {
	width: 35%;
}

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

	select[name="menu-723"], select[name="menu-724"],
	select[name="menu-725"], select[name="menu-726"],
	select[name="menu-404"] {
		width: 30% !important;
		margin-bottom: 0.3em;
	}

.pro_info table {
	margin: 0 0;
}


/*レスポンシブ*/

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

	.top_layer {
		padding: 0 2em;
	}

	.pc_eyecatch, #text-3 .textwidget, .widget-title h3, .widget-title-home h3,
	.pc_timetxt {
		display: none;
	}

	.m_eyecatch, .m_twitter, .m_timetxt {
		display: block;
	}

	.m_timetxt {
		line-height: 180%;
		padding-bottom: 0em;
		font-size: 1em;
	}

	#widgets {
		margin-top: 0;
	}

	.m_twitter {
		margin: 1em auto;
		padding: 1em;
	}

	.banner_group {
		text-align: center;
	}
	
}

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

	.tel_btn a {
		font-size: 1em;
	}

}

@media screen and (max-width: 700px) {
	.gn li {
		width: 50%;
		float: left;
		list-style: none;
		border: 1px solid #dcdcdc;
	}

	.gn li:nth-child(1), .top_left, .top_right, .tel_btn {
		width: 100%;
		float: none;
	}

	.tel_btn a {
		text-align: center;
		margin-top: 0;
		height: auto;
	}

	.top_layer {
		text-align: center;
	}

	.top_right {
		margin: 1em 0;
	}


	.pc_eyecatch {
		display: none;
	}

	.m_eyecatch {
		display: block;	
	}

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


}


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

	.home_txt {
		font-size: 1em;
	}

	.home_txt {
		font-size: 1.1em;
	}

	.top_bg {
		padding: 1em 0;
	}

	.pro_imgs{
		width: 100%;
		float: left;
		margin: 0 auto;
	}
   .pro_info {
		width: 100%;
		margin: 0 auto;
	}

}