@charset "UTF-8";
/* リセット
---------------------------------------------------------------------------- */
html ,body ,div ,span ,applet ,object ,iframe ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,blockquote ,pre ,a ,abbr ,acronym ,address ,big ,cite ,code ,del ,dfn ,em ,img ,ins ,kbd ,q ,s ,samp ,small ,strike ,strong ,sub ,sup ,tt ,var ,b ,u ,i ,center ,dl ,dt ,dd ,ol ,ul ,li ,fieldset ,form ,label ,legend ,table ,caption ,tbody ,tfoot ,thead ,tr ,th ,td ,article ,aside ,canvas ,details ,embed ,figure ,figcaption ,footer ,header ,hgroup ,menu ,nav ,output ,ruby ,section ,summary ,time ,mark ,audio ,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article ,aside ,details ,figcaption ,figure ,footer ,header ,hgroup ,menu ,nav ,section {
	display:block;
}
ol ,ul {
	list-style:none;
}
blockquote ,q {
	quotes:none;
}
blockquote:before ,blockquote:after ,q:before ,q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	max-width:100%;
	height:auto;
	line-height:0;
}
/* マージン設定*/
.mB5 {
	margin-bottom: 5px!important;
}
.mB10 {
	margin-bottom: 10px!important;
}
.mB15 {
	margin-bottom: 15px!important;
}
.mB20 {
	margin-bottom: 20px!important;
}
.mB30 {
	margin-bottom: 30px!important;
}
.mB40{
	margin-bottom:40px!important;
}
.mB50 {
	margin-bottom:50px!important;
}
.mB80 {
	margin-bottom:80px!important;
}
.txt-r{
	text-align:right;
}
.txt-c{
	text-align:center;
}
.txt-red{
	color:#b4272d;
}
.l{
	float:left;
}
.r{
	float:right;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.noOpa:hover img {
	opacity:1;
	filter: alpha(opacity=100);
}
.v-bot{
	vertical-align:bottom;
}
.v-top{
	vertical-align:top;
}

/* 基本スタイル
---------------------------------------------------------------------------- */
html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	line-height:1.5;
	background:;
	color:#fff;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:15px;
	background:#000;
}
body a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
/* ハック
---------------------------------------------- */
/* letter-spacing hack */
@media screen {
  body {
		letter-spacing:0;
  }
  br {
		letter-spacing:0;
  }
}
/* height100% hack */
body > #container {
	height:auto;
}
/* リンク
---------------------------------------------- */
a {
	color:#fff;
	overflow:hidden;
	outline:none;
	text-decoration:underline;
}
a:hover {
	color:#eb5a24;
	text-decoration:none;
}
/* logo
---------------------------------------------- */
.logo-wrap {
	width:980px;
	margin:0 auto;
}
.logo {
	width:250px;
	height:250px;
	background:url("http://kitagawaichimon.com/img/bg_logo.gif");
}
.logo h1{
	width:183px;
	margin:0 auto;
}
.logo img{
	padding-top:34px;
}
/* header
---------------------------------------------- */
header {
	width:100%;
	position: relative; top: 0; z-index: 2;
}
.head-box{
	width:715px;
}
.head-box .disc{
	width:420px;
	font-size:12px;
	line-height:1.4em;
	padding-top:10px;
}
.head-box .tel-box{
	width:254px;
	font-size:11px;
	line-height:1.3em;
	padding-top:10px;
}
/* container
---------------------------------------------- */
#container {
	width:100%;
	position: relative; top: 0; z-index: 0;
	background:url("http://kitagawaichimon.com/img/bg_head_in.gif") no-repeat top center;
	padding-top:118px;
}
/* con-wrap
---------------------------------------------- */
.con-wrap {
	width:980px;
	min-height:620px;
	margin:0 auto;
	background:url("http://kitagawaichimon.com/img/bg_con_wrap.gif") no-repeat;
	padding-top:50px;
}
/* nav
---------------------------------------------- */
nav{
	width:710px;
	height:48px;
	background:url("http://kitagawaichimon.com/img/nav.jpg") no-repeat;
}
nav ul{
	width:710px;
}
nav ul li{
	float:left;
}
nav ul li a{
	display:block;
	width:100%;
	height:48px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
nav ul li#nav-01{
	width:163px;
}
nav ul li#nav-02{
	width:155px;
}
nav ul li#nav-03{
	width:98px;
}
nav ul li#nav-04{
	width:126px;
}
nav ul li#nav-05{
	width:158px;
}
/* contents
---------------------------------------------- */
.contents {
	float:right;
	width:670px;
	min-height:500px;
	color:#000;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.contents .con-box{
	width:630px;
	min-height:350px;
	margin:0 auto;
	background:url("http://kitagawaichimon.com/img/bg_base_001.gif");
}
.contents .con-box .con-box-wrap{
	width:623px;
	margin:0 auto;
}
.contents .con-box .con-box-wrap .con-box-in{
	width:623px;
	min-height:350px;
	margin:0 auto;
	background:url("http://kitagawaichimon.com/img/bg_base_003.png") repeat-y;
}
.contents .con-box .con-box-wrap .con-box-in a {
	color:#000;
	overflow:hidden;
	outline:none;
	text-decoration:underline;
	font-size:14px;
	line-height:1.2em;
}
.contents .con-box .con-box-wrap .con-box-in a:hover {
	color:#eb5a24;
	text-decoration:none;

}
.contents .con-box .con-box-wrap .con-box-in .con-box-in-wrap{
	width:570px;
	margin:0 auto;
	padding:10px 0 13px;
}
.contents .con-box .con-box-wrap .con-box-in .con-box-in-wrap ul.item-list{
	width:570px;
	margin:0 auto;
}
.contents .con-box .con-box-wrap .con-box-in .con-box-in-wrap ul.item-list li{
	float:left;
	width:180px;
	min-height:200px;
	margin:0 5px 10px;
}
.contents .con-box .con-box-wrap .con-box-in .con-box-in-wrap ul.item-list2 li{
	float:left;
	width:180px;
	margin:0 5px 20px;
}
.contents .con-box .con-box-wrap .con-box-in .con-box-in-wrap ul.item-list-top li{
	float:left;
	width:180px;
	min-height:180px;
	margin:0 5px 10px;
}
.contents .con-box .con-box-wrap .con-box-in .con-box-in-wrap ul.item-list li .link{
	font-size:14px;
	line-height:1.4;
}
/* side
---------------------------------------------- */
.side {
	float:left;
	width:250px;
}
.side .side-box{
	width:250px;
	min-height:100px;
	background:url("http://kitagawaichimon.com/img/bg_base_001.gif");
}
.side .side-box img{
	max-width:100%;
	height:auto;
	line-height:0;
	display: block;
	margin:0 auto;
}
.side .fb-box{
	background:#fff;
}
.side .side-box .side-box-in{
	width:250px;
	min-height:100px;
	background:url("http://kitagawaichimon.com/img/bg_base_002.png") repeat-y center;
	padding:0;
	margin-bottom:0;
}
.side .side-box .side-box-in a {
	color:#000;
	overflow:hidden;
	outline:none;
	text-decoration:underline;
}
.side .side-box .side-box-in a:hover {
	color:#eb5a24;
	text-decoration:none;
}
.side .side-box .side-box-in ul {
	width:210px;
	margin:0 auto;
}
.side .side-box .side-box-in ul li{
	width:210px;
	background:url("http://kitagawaichimon.com/img/line_001.gif") repeat-x bottom;
	padding:10px 0;
}
.side .side-box .side-box-in ul li a{
	width:185px;
	background:url("http://kitagawaichimon.com/img/arrow_001.gif") no-repeat 0 0;
	padding-left:25px;
}
.link{
	width:160px;
	background:url("http://kitagawaichimon.com/img/arrow_001.gif") no-repeat 0 3px;
	padding-left:20px;
}
/* footer
---------------------------------------------- */
footer {
	width:100%;
	height:45px;
	background:url("http://kitagawaichimon.com/img/bg_footer.gif") repeat-x;
}
footer p{
	font-size:13px;
	color:#000;
	padding-top:10px;
}
/* other
---------------------------------------------- */
.bgsw {
	background:top center no-repeat;
	width:100%;
	height:500px;
}
.bgsw .bgsw-in{
	width:980px;
	margin:0 auto;
}
.bgsw .bgsw-in img{
	padding-top:150px;
	margin-left:-270px;
}








/* 中ページ：北川鬼瓦について
---------------------------------------------- */

.page-main-wrap{
	width:100%;
	height:200px;
}
.page-main-wrap .about{
	width:100%;
	height:200px;
	background:url("http://kitagawaichimon.com/img/bg_about_title.jpg") no-repeat center;
}
.page-main-wrap .about img{
	padding:80px 0 0 60px;
}
.onishi .info-box{
	width:330px;
}
.onishi .photo-box{
	width:207px;
}
.koubou .info-box{
	width:300px;
}
.koubou .photo-box{
	width:250px;
}



/* 中ページ：こだわりの和置物
---------------------------------------------- */
.page-main-wrap .product{
	width:100%;
	height:200px;
	background:url("http://kitagawaichimon.com/img/bg_product_title.jpg") no-repeat center;
}
.page-main-wrap .product img{
	padding:80px 0 0 60px;
}



/* 中ページ：記事一覧
---------------------------------------------- */
.page-main-wrap .kijilist{
	width:100%;
	height:200px;
	background:url("http://kitagawaichimon.com/img/bg_kijilist_title.jpg") no-repeat center;
}
.page-main-wrap .kijilist img{
	padding:80px 0 0 60px;
}
ul.kijilist li{
	width:560px;
	background:url("http://kitagawaichimon.com/img/line_001.gif") repeat-x bottom;
	padding:10px 0;
}
ul.kijilist li dl{
	width:545px;
	background:url("http://kitagawaichimon.com/img/arrow_001.gif") no-repeat 0 3px;
	padding-left:35px;
}
ul.kijilist li dl dt{
	float:left;
	width:65px;
}
ul.kijilist li dl dd{
	float:right;
	width:460px;
}
h3.title{
	width:570px;
	padding-bottom:5px;
	border-bottom:1px solid #000;
	font-size:24px;
	font-weight:bold;
}



/* 中ページ：記事詳細
---------------------------------------------- */
.page-main-wrap .kiji{
	width:100%;
	height:200px;
	background:url("http://kitagawaichimon.com/img/bg_kijilist_title.jpg") no-repeat center;
}
.page-main-wrap .kiji img{
	padding:80px 0 0 60px;
}


/* 中ページ：アイテム一覧
---------------------------------------------- */
.page-main-wrap .itemlist{
	width:100%;
	height:200px;
	background:url("http://kitagawaichimon.com/img/bg_itemlist_title.jpg") no-repeat center;
}
.page-main-wrap .itemlist img{
	padding:80px 0 0 60px;
}



/* 中ページ：アイテム詳細
---------------------------------------------- */
.page-main-wrap .item{
	width:100%;
	height:200px;
	background:url("http://kitagawaichimon.com/img/bg_itemlist_title.jpg") no-repeat center;
}
.page-main-wrap .item img{
	padding:80px 0 0 60px;
}
.setumei{
	color:#fff;
}
.setumei h2.title-setumei{
	color:#fac12e;
	font-size:24px;
	font-weight:bold;
	width:670px;
	padding:0 0 5px;
	border-bottom:1px solid #fac12e;
	margin-bottom:20px;
}



/* 中ページ：お問い合わせ
---------------------------------------------- */
.page-main-wrap .contact{
	width:100%;
	height:200px;
	background:url("http://kitagawaichimon.com/img/bg_contact_title.jpg") no-repeat center;
}
.page-main-wrap .contact img{
	padding:80px 0 0 60px;
}
ul.contact-list li{
	width:570px;
	background:url("http://kitagawaichimon.com/img/line_001.gif") repeat-x bottom;
	padding:10px 0;
}
ul.contact-list li dl{
	width:570px;
}
ul.contact-list li dl dt{
	float:left;
	width:190px;
}
ul.contact-list li dl dd{
	float:right;
	width:365px;
}
.btn-contact{
	width:460px;
	margin:0 auto;
}


/* 記事一覧
--------------------------------------------------- */
ul.cate-list li{
	width:570px;
	background:url("http://kitagawaichimon.com/img/line_001.gif") repeat-x bottom;
	padding:10px 0;
}
ul.cate-list li dl dd a{
	width:445px;
	background:url("http://kitagawaichimon.com/img/arrow_001.gif") no-repeat 0 0;
	padding-left:25px;
}
ul.cate-list li dl dt{
	float:left;
	width:120px;
}
ul.cate-list li dl dd{
	float:right;
	width:445px;
}
ul.cate-list li dl dd a{
	font-size:16px !important;
}
/* post
---------------------------------------------------- */
#post {

}
#post h3 {
	font-size:22px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post h4 {
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post h5 {
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post h6 {
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	margin:0px 0px 20px;
}
#post strong {
	font-weight:bold;
}
#post em {
	font-weight:bold;
	font-style:italic;
}
#post del {
	text-decoration:line-through;
}
#post p {
	margin:0px 0px 20px;
}
#post ul {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 30px;
	list-style: disc outside;
}
#post ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 50px;
	list-style: decimal outside;
}
#post blockquote {
	margin: 0px 0px 20px 40px;
	padding: 0px;
}
#post img.alignright {
	float:right;
	margin:0px 0px 5px 20px;
}
#post img.alignleft {
	float:left;
	margin:0px 20px 5px 0px;
}
#post img.aligncenter {
	margin:0px auto 20px;
	display:block;
}



body span.wpcf7-not-valid-tip {
	position: relative; top: 0; left: 0; z-index: 0;
	display:block;
	background: #e00;
	border: 2px solid #fff;
	font-size: 14px;
	width: 320px;
	padding: 0px;
	text-align:center;
	line-height:1.8;
	color:#fff;
	font-weight:bold;
}
input[type="text"] {
	width:350px;
	height:25px;
	padding:3px;
}
textarea {
	width: 350px;
	padding:3px;
}
ul.post-categories li{
	float:right !important;
	margin-right:10px !important;
}
.cyuumoku{
	display:block;
	background:#fff;
	border:1px solid #ff0000;
	color:#333;
	width:630px;
	padding:20px;
}
.cyuumoku span{
	color:#ff0000;
}
.youtube{
width:570px;
height:321px;
background:url("http://kitagawaichimon.com/img/bg_youtube.jpg") no-repeat center;
}
.price{
	display:block;
	width:180px;
	padding:5px 0;
	margin:8px 0 20px;
	text-align:center;
	font-size:15px;
	color:#ffb211;
	font-weight:bold;
	background:#000;
}
.hanbai{
	display:block;
	width:180px;
	padding:5px 0;
	margin:8px 0 20px;
	text-align:center;
	color:#b4272d;
	font-weight:bold;
	background:#fff;
	border:1px solid #b4272d;
}

.w-570{
	width:570px;
}
.kakaku{
	width:300px;
	background:#000;
	color:#fff;
	padding:10px 0 15px;
	font-size:18px;
}
.kakaku .kakaku-in{
	width:280px;
	margin:0 auto;
}
.kakaku .kakaku-in .kakaku-con{
	margin-bottom:10px;
	border-bottom:1px dotted #fff;
}
.kakaku .kakaku-in .kakaku-con span{
	color:#ffb211;
}
.kakaku .jyoutai{
	width:280px;
	margin:0 auto;
	background:#fff;
	border:1px solid #b4272d;
}
.kakaku .jyoutai p{
	font-size:15px;
	color:#b4272d;
	padding:10px;
}

.size{
	width:100%;
}
.size h4{
	width:100%;
	border-bottom:1px solid #000;
}
.size p{
	font-size:15px;
}

.cyuui{
	display:block;
	background:#fff;
	border:1px solid #ff0000;
	color:#ff0000;
	width:570px;
}
.cyuui p{
	padding:14px;
}

.photo-size{
	display:block;
	width:180px;
	height:120px;
	background:#000;
	text-align:center;
}
.photo-size img{
	display:table-cell;
	vertical-align:middle !important;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	padding:8px;
}
.alignright {
	float: right;
	padding-left:12px;
	padding-bottom:8px;
}
.alignleft {
	float: left;
	padding-right:12px;
	padding-bottom:8px;
}
table.tokusho{
	width:570px;
	margin:0 auto;
}
table.tokusho tr{
	border-bottom:1px dotted #666;
}
table.tokusho td.item{
	width:220px;
	padding:15px 0;
}
table.tokusho td{
	width:390px;
	padding:15px 0;
}
.wp-editor-expand #wp-content-editor-container {
    border-bottom: 0 none;
    box-shadow: none;
    margin-top: -1px;
}

#fb-root {
    display: none;
}
#facebookLikeBox{
	background:#fff;
}
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}


/* tag.php
---------------------------------------------- */
.tag-title-area{
	width:100%;
	color:#fff;
	background:#000;
	padding:20px;
	box-sizing:border-box;
	margin-bottom:40px;
}
.tag-title-area h2{
	width:100%;
	font-size:28px;
	border-bottom:1px solid #fff;
	margin-bottom:15px;
	padding-bottom:4px;
}


.setumei h3{
	font-size:18px;
	padding:5px 10px;
	box-sizing:border-box;
	background:#b8272d;
	margin-bottom:20px;
}

.btn-area{
	width:560px;
	margin:0 auto;
	text-align:center;
}
.btn-area .button{
	width:220px;
	text-align:center;
	font-size:15px;
}
.btn-area .kakunin{
	padding:0px !important;
	line-height:1 !important;
}
.btn-area .repage{
	float:left;
	margin-right:38px;
	padding:0px !important;
	line-height:1 !important;
}
.btn-area .repage{
	float:left;
}
.button {
	display: inline-block;
	width: 100%;
	height: 46px;
	text-align: center;
	text-decoration: none;
	line-height: 46px !important;
	outline: none;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
	color:#fff;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	color:#fff;
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	color:#fff;
}
.button {
	background-color: #000;
	color: #fff;
}
.button:hover {
	letter-spacing: 2px;
	color: #fff;
}

.item-btn-area{
	width:380px;
	margin:0 auto 40px;

}
.item-btn-area a{
	width:380px;
	color: #fff !important;

}