/*
theme Name:Kunihiroya
Description:オリジナルテーマ
Author:KIZUNA-design
*/
@media screen and (max-width: 768px) {
	.sp-none {
		display: none !important;
	}
	.pc-none {
		display: block !important;
	}
}
@media screen and (min-width: 769px) {
	
	.sp-none {
		display: block !important;
	}
	.pc-none {
		display: none !important;
	}
	
}
body {
	background-image:url(images/kunihiroya_bg.jpg);
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
	font-size:14px;
	line-height:180%;
	-webkit-text-size-adjust: 100%;
}
img {
	border:none;
	margin:0;}


.clear{clear:both;}


.margin_10px {
	margin:10px 0;}
	
.border_1px {
	height:1px;
	display:block;
	border-bottom:1px solid #666;
	margin:10px 0;}
	

.border_2px {
	height:1px;
	display:block;
	border-bottom:2px solid #000;
	}
	
#headerbg{
	background-image:url(images/headerbg.jpg);
	background-repeat:repeat-x;
	padding:0;
	margin:0 auto;
	overflow: hidden;

}


#headerbg2 {
	background-image:url(images/headerbg1800.jpg);
	background-repeat:repeat-x;
	width:100%;
	margin:0 auto;
	padding:0;
	overflow: hidden;	
}

#headerwrapper {
	width:980px;
	height:176px;
	margin:0 auto;
	overflow: hidden;
	}


/* ********************************************************* ヘッダー共通 */

header {
	width:980px;
	padding:5px 0;
	/*text-align:left;*/
	}

header #logo{
	width:300px;
	height:100px;
	overflow: hidden;
}


header #logo a img {
	margin:0;
	border:none;
	
}

header #stamp img {
	width:128px;
	height:94px;
	position:relative;
	top:-165px;
	left:840px;
}

header #caption {
	font-family: "FOT-筑紫明朝 Pr6 D" , "TsukuMinPr6-D";
	position:relative;
	top:-90px;
	left:310px;
	font-size:13px;
	font-weight:bold;
	width:600px;
	margin-top:30px;
	clear:both;
	line-height:20px;
}

.category-news header #stamp img,
.single header #stamp img {
	width:128px;
	height:94px;
	position:relative;
	top:-175px;
	left:840px;
}

/* ********************************************************* ナビゲーション共通 */
.mainmenu  {
	clear:both;
	position:relative;
	top:-158px;
	/*background-color:#140000;*/
	width:980px;
	height:60px;
	padding:0;
	margin:0;
	overflow:hidden;
}



.category-news .mainmenu,
.single .mainmenu{
	clear:both;
	position:relative;
	top:-177px;
	/*background-color:#140000;*/
	width:980px;
	height:60px;
	padding:0;
	margin:0;
	overflow:hidden;
}



.mainmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

	
.mainmenu li a{
	display:block;
	height:60px;	
	text-indent:-9999px;
	}

.mainmenu li {
	float:left;
	display:block;
	height:60px;
	padding:0;
	margin:0;
	}

/* ********************************************************* ナビゲーション*/

/* ********************************************************* トップページ*/
.mainmenu li#menu-item-119 a {margin:0;width:164px;}
.mainmenu li#menu-item-119 a {background:transparent url(images/menu1.png) no-repeat 0 0;}
.mainmenu li#menu-item-119 a:link{background:transparent url(images/menu1.png) no-repeat 0 0;}
.mainmenu li#menu-item-119 a:visited{background:transparent url(images/menu1.png) no-repeat 0 0;}
.mainmenu li#menu-item-119 a:hover{background:transparent url(images/menu1.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-119 a:active{background:transparent url(images/menu1.png) no-repeat 0 -60px;}

/* ********************************************************* 美味しさの秘密*/
.mainmenu li#menu-item-111 a{margin:0;width:163px;}
.mainmenu li#menu-item-111 a {background:transparent url(images/menu2.png) no-repeat 0 0;}
.mainmenu li#menu-item-111 a:link{background:transparent url(images/menu2.png) no-repeat 0 0;}
.mainmenu li#menu-item-111 a:visited{background:transparent url(images/menu2.png) no-repeat 0 0;}
.mainmenu li#menu-item-111 a:hover{background:transparent url(images/menu2.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-111 a:active{background:transparent url(images/menu2.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-111.current-menu-item a{background:transparent url(images/menu2.png) no-repeat 0 -60px;}

/* ********************************************************* 商品一覧*/
.mainmenu li#menu-item-110 a{margin:0;width:163px;}
.mainmenu li#menu-item-110 a {background:transparent url(images/menu3.png) no-repeat 0 0;}
.mainmenu li#menu-item-110 a:link{background:transparent url(images/menu3.png) no-repeat 0 0;}
.mainmenu li#menu-item-110 a:visited{background:transparent url(images/menu3.png) no-repeat 0 0;}
.mainmenu li#menu-item-110 a:hover{background:transparent url(images/menu3.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-110 a:active{background:transparent url(images/menu3.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-110.current-menu-item a{background:transparent url(images/menu3.png) no-repeat 0 -60px;}

/* ********************************************************* 取扱店*/
.mainmenu li#menu-item-109 a{margin:0;width:163px;}
.mainmenu li#menu-item-109 a {background:transparent url(images/menu4.png) no-repeat 0 0;}
.mainmenu li#menu-item-109 a:link{background:transparent url(images/menu4.png) no-repeat 0 0;}
.mainmenu li#menu-item-109 a:visited{background:transparent url(images/menu4.png) no-repeat 0 0;}
.mainmenu li#menu-item-109 a:hover{background:transparent url(images/menu4.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-109 a:active{background:transparent url(images/menu4.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-109.current-menu-item a{background:transparent url(images/menu4.png) no-repeat 0 -60px;}

/* ********************************************************* お客様の声*/
.mainmenu li#menu-item-108 a{margin:0;width:163px;}
.mainmenu li#menu-item-108 a {background:transparent url(images/menu5.png) no-repeat 0 0;}
.mainmenu li#menu-item-108 a:link{background:transparent url(images/menu5.png) no-repeat 0 0;}
.mainmenu li#menu-item-108 a:visited{background:transparent url(images/menu5.png) no-repeat 0 0;}
.mainmenu li#menu-item-108 a:hover{background:transparent url(images/menu5.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-108 a:active{background:transparent url(images/menu5.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-108.current-menu-item a{background:transparent url(images/menu5.png) no-repeat 0 -60px;}

/* ********************************************************* ネットでのご購入*/
.mainmenu li#menu-item-266 a{margin:0;width:164px;}
.mainmenu li#menu-item-266 a {background:transparent url(images/menu6.png) no-repeat 0 0;}
.mainmenu li#menu-item-266 a:link{background:transparent url(images/menu6.png) no-repeat 0 0;}
.mainmenu li#menu-item-266 a:visited{background:transparent url(images/menu6.png) no-repeat 0 0;}
.mainmenu li#menu-item-266 a:hover{background:transparent url(images/menu6.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-266 a:active{background:transparent url(images/menu6.png) no-repeat 0 -60px;}
.mainmenu li#menu-item-266.current-menu-item a{background:transparent url(images/menu6.png) no-repeat 0 -60px;}


/* ********************************************************* ナビゲーション */


.maincontents {
	width:980px;
	margin:0 auto;
	padding:0px;
}


/* ********************************************************* スライドショー */
.maincontents #slideshow{
	width:980px;
	height:450px;
	margin:16px 0 0 0 ;
	/*box-shadow: 0px 0px 5px #000; 
	-moz-box-shadow: 0px 0px 5px #000; 
	-webkit-box-shadow: 0px 0px 5px #000; */
}
	
/* ********************************************************* トッピックメニュー */
.maincontents .pickup {
	margin:20px 0 ;
	padding:0;
	overflow:hidden;

}
.maincontents .pickup a{
	float:left;
	display:block;
	width:310px;
	background-color:#000000;
}	
.maincontents .pickup a img{
	width:310px;
}
.maincontents .pickup a img.p1:hover,
.maincontents .pickup a img.p2:hover,
.maincontents .pickup a img.p3:hover {
	-moz-opacity: 0.5;
	opacity:0.5;
	border:none;

}
.maincontents .pickup1 a,
.maincontents .pickup2 a{
	margin:0 24px 0 0;
	}
	
.maincontents .pickup3 a{
	margin:0;
}

/* ********************************************************* 夢ぷらざバナー */

.maincontents .shop_banner a {
	display:block;
	width:980px;
	height:100px;
	margin:20px 0 20px 0;
	background-image:url(images/ec_banner_b.jpg);
	text-indent:-9999px;
	clear:both;
}
	
	
.maincontents .shop_banner a:hover{
	-moz-opacity: 0.8;
	opacity:0.8;
}

.info {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	width:980px;
	height:auto;
	margin:1px 0;
	padding:10px 0;
	background-image:url(images/information.jpg);
	background-repeat:no-repeat;
	background-position:5% 40%;
}
	
.info_post {
	width:700px;
	margin:5px 0 0 266px;
	padding:0;
	border-bottom:1px solid #E7E7E7;
	
	}	
	
.info_date {
	font-size:12px;
	}	
	
.info_title a{
	font-size:16px;
	font-weight:bold;
	color:#BE0000;
	text-decoration:underline;
	}	

.info_text {
	font-size:14px;
	margin-bottom:5px;
	}
.info_text p{
	margin:0;}	
	
.more_post a{
	display:block;
	font-size:13px;
	font-weight:bold;
	width:150px;
	height:20px;
	margin:10px 0 10px 800px;
	text-align:left;
	padding:0 0 0 23px;
	background-image:url(images/more_info.png);
	background-repeat:no-repeat;
	text-indent:-9999px;}



.more_post a:link{background:transparent url(images/more_info.png) no-repeat wid0 0;}
.more_post a:visited{background:transparent url(images/more_info.png) no-repeat 0 0;}
.more_post a:hover{background:transparent url(images/more_info.png) no-repeat 0 -20px;}
.more_post a:active{background:transparent url(images/more_info.png) no-repeat 0 -20px;}


.banner_space {
	width:980px;
	margin:10px 0;
	overflow:hidden;}
	

.banner_space a{
	background-color:#000;
	display:block;
	float:left;
	margin:20px 24px 0 0 ;
}
	
.banner_space a:hover{
	-moz-opacity: 0.8;
	opacity:0.8;
}

.facebook_home{
	clear:both;
	margin-top:60px;
	}
/* ********************************************************* バックトップ */

#back-top {
    position: fixed;
    bottom: 40px;
    right:30px;
    margin-left: 150px;
    }
#back-top a {
	font-size:11px;
	width: 114px;
	height: 30px;
	padding-top:5px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #666;
	background:#eee;
	border-radius:3px;        /* CSS3 */
	-webkit-border-radius:3px;    /* Safari,Google Chrome用 */
	-moz-border-radius:3px;   /* Firefox用 */}
#back-top a:hover {
    color: #000;
}
/* ********************************************************* フッター */

footer {
	padding-top:30px;
	clear:both;
	background-color:#0E0708;
	text-align:center;
	margin-top:100px;
}

.footer_menu {
	width:980px;
	text-align:center;
	margin:auto;
	padding:0;}


.footer_menu ul {
	margin-top:40px;
	padding:0;}


.footer_menu ul li {
	display:inline;
	list-style-type:none;
	}

.footer_menu ul li a {
	font-size:14px;
	color:#ffffff;
	margin-right:10px;
	text-decoration:none;
}


.profile {
	color:#ffffff;
	clear:both;
	font-size:12px;
	margin-top:80px;}

.copyright {
	color:#ffffff;
	font-size:10px;
}

/* ********************************************************* 美味しさの秘密 */
#himitsu h2 {
	width:980px;
	height:205px;
	background:url(images/himitsu_topban.jpg) no-repeat;
	text-indent:-9999px;
	margin:20px 0;
}

#himitsu h3 {
	display:block;
	width:490px;
	height:125px;
	text-indent:-9999px;
}

.himitsu1 h3 {background:url(images/himitsu/himitsu1_h3bg.jpg) no-repeat;}
.himitsu2 h3 {background:url(images/himitsu/himitsu2_h3bg.png) no-repeat;}
.himitsu3 h3 {background:url(images/himitsu/himitsu3_h3bg.png) no-repeat;}

.himitsu3 h3{
	float:right;
	margin-right:25px;
}


.himitsu1 p,
.himitsu2 p,
.himitsu3 p{
	width:490px;
	padding:0 10px;
	margin-top:0;
	font-size:14px;
	}
.himitsu1 p,
.himitsu2 p{
	float:left;
}
.himitsu3 p{
	float:right;
	position:relative;
	left:-20px;}

.himitsu2,
.himitsu3{
	border-top:solid 1px #666;
	}
	
.himitsu1{
		background-image:url(images/himitsu/himitsu1_bg_mn.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		overflow:hidden;
		margin:0;
		padding:0;
		}
		
.himitsu2{
		background-image:url(images/himitsu/himitsu2_bg_mn.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		overflow:hidden;
		margin:0;
		padding:0;
		}
		
.himitsu3{
		background-image:url(images/himitsu/himitsu3_bg_mn.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		overflow:hidden;
		margin:0;
		padding:0;
		}

#himitsu .map {
	float:right;
	margin:0;}
		
#himitsu .cake {
	float:right;
	margin:20px 0 0 0;}
		
#himitsu .materials {
	float:left;
	margin:30px 0 0 0;}
		
		
/* ********************************************************* 取扱店 */


#dealers h2 {
	width:980px;
	height:205px;
	margin:20px 0;
	background:url(images/dealers_topban.jpg) no-repeat;
	text-indent:-9999px;	
}
#dealers  h3 {
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    display: block;
    width: 980px;
    color: #ffffff;
    margin: 20px 0 10px 0;
    padding: 10px;
    background-color: #140000;
    background-image: url(./images/h3_back.gif);

}
	
#dealers table {
	width:980px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;}
	
#dealers table thead th,
#dealers table th{
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	background-position:left top;
	padding:0 0 0 0.2em
}

#dealers table thead th{
	text-align:center;
	color:#ffffff;
	background-color:#965a0a;
	background-image:url(./images/table-back.gif);
}

#dealers table th{
	color:#000;
	text-align:left;}

#dealers table tbody tr:nth-child(even) th,
#dealers table tbody tr:nth-child(even){
	background-color:#F0F0F6; }

#dealers table thead th.name {
	width:450px;}

#dealers table td{
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
 	border-right:1px solid #000000;
   	border-bottom:1px solid #000000;
   	padding:0.3em;
	text-align:center;
	font-size:14px;
}

.note{
	font-size:13px;
	margin:0;
	padding:0px;
	line-height:20px;}

/* ********************************************************* 商品一覧 */
#products h2 {
	width:980px;
	height:205px;
	margin:20px 0;
	background:url(images/products_topban.jpg) no-repeat;
	text-indent:-9999px;}

#products h3 {
	width:980px;
	height:120px;
	background:url(images/h3_gift.jpg) no-repeat;
	text-indent:-9999px;}

#products .products_top{
	width:980px;
	height:388px;
	margin:0 0 40px 0;
	padding:0;
	}
	
#products .products_bottom {
	width:980px;
	height:388px;
	margin:0 0 20px 0;
	padding:0;
	}
	

#products .products_top .p15,
#products .products_bottom .p6{
	float:left;
	margin-left:10px;
	}
#products .products_top .p10,
#products .products_bottom .p5{
	float:right;
	margin-right:10px;}



#products .recommend {
	color:#0092B1;
	border-top:1px #0092B1 solid;
	border-bottom:1px #0092B1 solid;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:10px 0 40px 0;
	padding:15px 0;
	width:980px;
	}

#products h4{
	font-size:18px;
	color:#ffffff;
	background-color:#0092B1;
	padding:10px 0 10px 10px;
	}
#products .contact{
	padding:0 10px;}



#products .component caption{
	background:#000000;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	padding:5px;
}
#products .component {
	width:460px;
	border:1px solid #000000;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	margin-bottom:20px;
	}
	

#products .component  th,
#products .component  td{
	border:1px solid #000000;
	color:#000;
	text-align:left;
	padding:3px 10px;}

#products .component  th{
	background:#eee;}

#products .component ul li{
	list-style:none;
}

/* ********************************************************* お客様の声 */
#voice h2 {
	width:980px;
	height:205px;
	margin:20px 0;
	background:url(images/voice_topban.jpg) no-repeat;
	text-indent:-9999px;}

#voice h3 {
	margin:0 0 20px 0;
	font-size:20px;}

#voice .window a{
	text-decoration:underline;
}

	
#voice .no1 {
	width:980px;
	height:100px;
	background:url(images/no1_banner.png) no-repeat;
	text-indent:-9999px;}

#voice .evidence p{
	font-size:10px;
	text-align:right;
	padding:0;
	margin:0;}

#voice .window {
    height: 700px;
    overflow: auto;
    padding: 5px 5px 5px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}


#voice dl{
	border-bottom:dotted 1px #6b0016;
}


#voice dl dt{
	height:auto;
	display:block;}


#voice dl dd{
	text-align:right;
	margin:0 0 10px 0;
	color:#6b0016;
	font-size:13px;
} 
#voice .message,
#voice .message_form{
	padding:0 10px;
}


#voice .message_form{
	margin:80px 0 0 0;
}

#voice .res{
	background-color:#ffffff;
	font-size:12px;
	padding:10px;
	margin:0 0 20px 0;
	line-height:20px;
}

#voice .res .owner{
	font-size:13px;
	font-weight:bold;
	color:#6b0016;
	}




#voice .message_form ul{
	padding:0;
	}

#voice .message_form ul li{
        list-style:none;
	}

#voice .wpcf7-form{
	margin-top:20px;
}


#voice .wpcf7-text{
	background-color:#fff;
	margin-bottom:20px;
	padding:5px;

}

#voice .wpcf7-select{
	background-color:#fff;
	margin-bottom:20px;

}

#voice .wpcf7-textarea{
	background-color:#fff;
	padding:5px;
}


#voice .wpcf7-submit{
	background-color:#000;
	color:#fff;
	margin:20px 0;
	padding:5px 20px;
	border-radius:3px;
}
/* ********************************************************* 会社概要 */
#company h2 {
	width:980px;
	height:205px;
	margin:20px 0 ;
	background:url(images/company_topban.jpg) no-repeat;
	text-indent:-9999px;}
	
#company table {
	width:100%;
	border: none;
	margin: 0 0 20px 0;
	text-align: left;
}
#company tr th,
#company thead th {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 0;
	width:20%;
	border-top: 1px solid #e7e7e7;

}
#company tr td {
	color:#000000;
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
	width:100%;
}
#company tr.odd td {
	background: #f2f7fc;
}

#company h3{
	font-size:14px;
	border-bottom:1px solid #e7e7e7;
	padding:10px 0;
	margin: 20px 0;
}

#company .maps {
border:1px solid #cccccc;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#company .maps iframe,
#company .maps object,
#company .maps embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#company .appearance img{
	width:500px;
	margin-top: 10px;
	padding:3px;
	border:1px solid #ccc;
	background-color:#fff;
}


/* ********************************************************* お知らせ一覧 */
.category-news .maincontents {
	margin-top:20px;
	padding:20px 0 0 0;
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
	overflow:hidden;
}


.category-news .post_contents{
	margin:0 20px;}

.category-news h2{
	font-size:22px;
}


.category-news h3 a{
	font-size:18px;
	margin:10px 0 0 0;
	display:block;
	color:#BE0000;
}
.category-news .post_block{
	padding:20px 10px;
	border-bottom:1px solid #cccccc;
}

.category-news .post_date{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin:0;

}

.category-news img {
	margin:10px 0;}

.category-news .logo img{
	margin:0;
}

.nav-content {
	margin-top:40px;}

.nav-content .prev a {
	color:#000000;
	float: left;} 
.nav-content .next a {
	color:#000000;
	float: right;}



/* ********************************************************* お知らせページ */

.single .maincontents {
	margin-top:20px;
	padding:40px 0;
	border-radius: 3px;		/* CSS3 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */}

.single h3{
 	color:#BE0000;
	font-size:20px;
	margin:0;
	display:block;
	padding:10px 0 10px 0;
}

.single .post_date{
	color:#000000;
	font-size:14px;
	margin:0;
}

.single .post_contents{
	margin:0 40px;}

.single .logo img {
	margin:0;
}

.single img {
	margin:10px 0;
}


/*ソーシャルボタン*/
.single #socialbuttons {
	margin:20px 0 20px  0;
}

.single .facebook_button {
	margin-bottom:10px;
	}
.single .twitter_button {
	height:50px;
	margin:0;
}

/* ********************************************************* のしについて */
#noshi{
margin:20px;
}
#noshi h5{
font-size:18px;
padding:10px 0;
}

#noshi .noshi_ex{
margin:20px 0;
width:460px;
}
#noshi .noshi_ex .title{
font-size:14px;
font-weight:bold;
color:#ff0000;
margin:0 0 5px 0;
}

#noshi .noshi_ex .noshi_box{
padding:10px;
border:1px #ccc solid;
margin:5px 0;
background-color:#fff;
line-height:20px;
}

#noshi img{
width:720px;
}


/* ********************************************************* お問い合わせフォーム */
.required{
color: #ff0000;}
/* ********************************************************* 404ERROR */

.error404 .maincontents {
	min-height:300px;
	padding:20px 0 0 20px;}


/* ********************************************************* メンテナンス中*/
#maintenance .maincontents {
	min-height:300px;
	padding:20px 0 0 20px;}


.maincontents .shop_banner a{
	display: block;
}



/* ********************************************************* 料金表 */
table.fee {
    width: 50%;
    margin: 5px 0;
    border: 1px solid #404040;
    border-collapse: collapse;
    line-height: 1.8em;
}

table.fee thead th {
    color: #fff;
    background-color: #505050;
}
table.fee th {
    padding: 2px 4px;
    text-align: center;
    background-color: #EFEFEF;
    border: 1px solid #404040;
}


table.fee td {
    background-color: #FFFFFF;
    padding: 2px 4px;
    border: 1px solid #404040;
    text-align: center;
    font-weight: bold;
}

table.fee .old {
text-decoration: line-through;
color: #888;
}