/*
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 {
	background: #1f1f1f;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	border-top: 10px #872a22 solid;
	font-size: 16px;
	color: #151515;
}



#container {
	margin: 0 auto;
	max-width: 100%;
	padding: 0;
}

#header {
	max-width: 100%;
	margin: 0 auto;
	background: #000;
}

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

.eyecatch {
	max-width: 960px;
	margin: 16px auto;
	text-align: center;
	background: #000;
}

#wrapper {
	max-width: 1100px;
	margin: 16px auto;
	background: #1f1f1f;
	border: none;
	padding: 0;
}

#widgets {
}

#text-2 h3 {
	display: none;
}

.widget-wrapper {
	border: none;
	padding: 0;
	background-color: transparent;
}



.widget-title h3, .widget_search {
	background-image: url(images/side_bg01.jpg);
	background-position: center center;
	background-repeat: repeat;
	color: #fff;
	border-bottom: 5px solid #872a22;
	padding: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.16em;
}

#widgets ul {
	list-style-type: none;
	padding: 0;
}

#widgets ul li {
	margin: 0.25em 0;
}

#widgets ul li li {
	padding-left: 1em;
	border: none;
}

#widgets ul li a {
	 color: #fff;
	display: block;
	width: 100%;
	padding: 0.5em;
	border: 1px solid #4c4c4c;
	background-image: url(images/side_bg02.jpg);
	background-position: center center;
	background-repeat: repeat;
 }


#widgets ul li a:hover {
	border-color: #872a22;
	color: #872a22;
}

#footer {
	color: #fff;
}
/*ヘッダー*/

#header {

}

#logo {
	margin-top: 3em;
}

.h_right {
	margin-top: 16px;
	max-width: 551px;
	float: right;
	overflow: hidden;
}

.h_adress {
	text-align: right;
}

.tel_contact {
	overflow: hidden;
	list-style-type: none;
	margin: 16px 0;
	padding: 0;
	font-size: 18px;
}

.li_tel {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
	margin-right: 2%;
}

.li_contact {
	float: left;
	width: 48%;
	margin: 0;
}

.tel_contact a {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

.li_tel a {
	background-color: #878422;
	border-bottom: 5px solid #545215;
}

.li_tel a:before {
	font-family: 'FontAwesome';
	content: '\f098';
	padding-right: 8px;
}

.li_tel a:hover {
	background: #545215;
	color: #fff;
}

.li_contact a {
	background-color: #872a22;
	border-bottom: 5px solid #641f19;
}

.li_contact a:before {
	font-family: 'FontAwesome';
	content: '\f0e0';
	padding-right: 8px;
}

.li_contact a:hover {
	background: #641f19;
	color: #fff;
}

/*一般*/

strong {
	color: #872A22;
	font-weight: bold;
}

textarea {
	max-width: 80% !important;
}

.i_frame {
	padding: 5px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
}

/* =Links
-------------------------------------------------------------- */
a {
	color: #872a22;
	font-weight: 400;
	text-decoration: none;
}

a:hover,
a:focus,
a:active,
h1 a,
h2 a,
h3 a,
#footer a {
	color: #641f19;
	outline: 0;
	text-decoration: none;
}

::selection {
	background: #641f19;
	color: #232323;
	text-shadow: none;
}

h1 a,
h2 a,
h3 a,
#footer a {
	color: #fff;
}

h1, .h1 {
	color: #fff;
	font-size: 1.616em;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0.5em;
	background: none;
}

.post-title {
	color: #1f1f1f;
}



h2, .h2,
.box .post-title {
	background: url(images/side_bg01.jpg);
	background-position: center center;
	border-radius: 4px;
	padding: 0.5em;
	font-size: 1.414em;
	color: #fff;
	border-bottom: 5px solid #872A22;
}

h3, .h3 {
	background: url(images/side_bg02.jpg);
	background-position: center center;
	border-radius: 4px;
	color: #641F19;
	padding: 0.5em;
	font-size: 1.25em;
	color: #fff;
}

/*ボックス*/

.box, .wrap, .col33, .col30, .col40, .col50, .col60, .col70 {
		-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;

}

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

.col33, .col30, .col40, .col50, .col60, .col70 {
	float: left;
	padding: 8px;
}

.col33 {
	width: 33%;
} 

.col30 {
	width: 30%;
} 

.col40 {
	width: 40%;
} 

.col50 {
	width: 50%;
} 

.col60 {
	width: 60%;
	
} 

.col70 {
	width: 70%;
}

.box {
	background: #f9f9f9;
	border-top: 5px solid #641f19;
	padding: 1em;
	
}

.box p {
	margin: 0.5em;
}


/*特定商取引法 お問い合わせ*/

.t_info,
.t_contact {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}

.t_info th,
.t_contact th {
	width: 30%;
	background: #f1f1f1;
	font-weight: bold;
}

/*商品詳細*/

.item_table {
	
}

.item_table td,
.item_table th {
	vertical-align: middle;
	text-align: center;
	width: 50%;

}

.item_table th {
	background: #f1f1f1;
	font-weight: bold;
}

.link-btn,
.link-btn:visited {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #872a22;
	border-bottom: 5px solid #641f19;
}

.link-btn:hover {
	color: #fff;
	background: #641f19;

}

.navigation {
	margin-bottom: 2em;
}

.navigation a {
	background-image: url(images/side_bg02.jpg);
	border: 5px solid #fff;
	color: #fff;
	text-align: center;
	display: block;
	padding: 0.5em 1em;
}

.navigation a:hover {
	border: 5px solid #872A22;
	color: #fff;
}

.post-data {
	margin-top: 3em;
}

.post-data a {
	display: 100%;
	padding: 1em;
	background: #878422;
	border-radius: 4px;
	text-align: center;
	color: #fff;
}

.post-data a:hover {
	background: #545215;
}

/*レスポンシブ*/

@media screen and (max-width: 740px) {
	#logo {
		float: none;
		text-align: center;
	}
	
	.h_right {
		float: none;
		margin: 16px auto;
		width: 100%;
	}
	
	.h_adress {
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.item_table {
		border: none;
	}
	
	.item_table td,
	.item_table th {
		
	}

	.t_info th,
	.t_info td,
	.t_contact th,
	.t_contact td,
	.item_table th,
	.item_table td {
		width: auto;
		display: block;
		border-top: none;
		width: 100%;
		margin: 0;
		padding: 0.25em 0;
	}
	
	.t_info tr:first-child th,
	.t_contact tr:first-child th,
	.item_table tr:first-child th {
		border-top: 1px solid #ddd;
	}

}