/*
Theme Name:  takadabatake
Theme URI: 
Description: 
Author: greendp
Version: 1.0
License: 
*/

/*google web font*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*860pxベース*/



@charset "utf-8";

/*--------------------------------------------------------------------------
　リセットCSS
--------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html {
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}
body {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	color: #000;
	font-size: 12px;
	font-family: "メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Meiryo",Verdana,"ＭＳ ゴシック",Osaka-mono,sans-serif;
	background:#F7F5F0;
}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,table,tr,td,label,input,textarea,odject,address {
	margin: 0;
	padding: 0;
}
ul li,ol li {
	margin: 0;
	padding: 0;
	list-style: none;
}
hr {
	display: none;
}
img {
	border: 0;
}
em{
	font-style:normal;
	font-weight:bold;
}
strong{
	font-weight:bold;
	font-weight:bold;
}
p{
	line-height: 1.8;
	font-size: 14px;
}
.new-line{
	clear:both;
}
.ph_a{
	float:left;
}
.ph_b{
	float: right;
}

h3{
	margin:40px 0 20px 0;
}

a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
 

/*--------------------------------------------------------------------------
　ベースリンクカラー
--------------------------------------------------------------------------*/
a:link { 
	color: #503C2D;
	text-decoration: underline;
}
a:visited { 
	color: #503C2D;
	text-decoration: underline;
}
a:active { 
	color: #503C2D;
	text-decoration: none; 
}
a:hover { 
	color: #503C2D;
	text-decoration: none; 
}

/*--------------------------------------------------------------------------
　レイアウト
--------------------------------------------------------------------------*/
/*外枠------------------------------*/
#wrapper:before {
    content: "";
    display: block;
    /*padding-top: 100%;  1:1 */
    height:100%;
}
/*コンテンツ------------------------------*/
#contents{
	/*width:1100px;*/
	width:100%;
	margin:0 auto 0;
	overflow:hidden;
}
/*ヘッダー------------------------------*/
#header_wrapper{
	width:1000px;
	margin:0 auto 0;
}
header{
	/*width:1000px;*/
	padding:0;
	margin:0 auto;


}
/*メインカラム------------------------------*/
#main{
	width:100%;
	margin:100px auto 50px;
	overflow:hidden;
}
/*サイドナビ------------------------------*/
#side{
	width:280px;
	float:left;
	margin:0 0 30px 0;
	overflow:hidden;
}
#main_column #side h3{
	text-align:left;
}
/*フッター------------------------------*/
#footer_wrapper{
	width:100%;
	margin:0 0 0 0 ;
	padding:70px 0;
	overflow:hidden;
}
footer{
	width:1000px;
	font-size:11px;
	margin:0 auto ;
	padding:0 0 0 0;
	overflow:hidden;
}


/*--------------------------------------------------------------------------
　ヘッダ
--------------------------------------------------------------------------*/
header h1{
	padding:30px 0 0 0;
	margin:0;
	width:280px;
	float:left;
}
nav{
	padding:80px 0 0 0;
	float:right;
	width:720px;
	text-align:right;
}
nav ul,
#s_nav ul{
	text-align:right;
}
nav li,
#s_nav li{
	float:left;
	font-size:15px;
	padding:0 0 0 28px;
}
nav li a{
/*	line-height:1;
	display:block;
	color:#000000;
	text-decoration:none;
	height:30px;
	padding:0px 0px 0px 0px;*/
}
nav li a:hover{
}
nav li.navi_top a{
	border-left:none;
}
nav li img {
	display:block;
}





/*--------------------------------------------------------------------------
　フッター
--------------------------------------------------------------------------*/
footer address{
	width:750px;
	float:left;
	font-style:normal;
	font-size:14px;
	line-height:1.9;
	letter-spacing:0.1em;
}
footer address em{
	font-weight:normal;
	display:block;
	padding-bottom:5px;
}
#footer_info{
	width:250px;
	float:right;
}
#footer_info img{
	display:block;
}
#footer_copy{
	width:100%;
	float:none;
	clear:both;
	padding:30px 0 0 0;
	text-align:center;
}
/*--------------------------------------------------------------------------
　パン屑リスト
--------------------------------------------------------------------------*/
ul.p_list{
	font-size:10px;
	text-align:right;
	margin:15px 0 10px 0;
	padding:0px;
	overflow:hidden;
}
.p_list li{
	display:inline;
	background:url(img/lm.png) no-repeat right center;
	padding:0 20px 0 5px ;
	color:#fff;
}
.p_list li.current{
	background:none;
	color:#fff;
}
.p_list li a,
.p_list a{
	color:#fff;
}






/*--------------------------------------------------------------------------
　ページナビ
--------------------------------------------------------------------------*/
.wp-pagenavi{
	margin:0 0 80px 0 ;
	padding:0;
	overflow:hidden;
	text-align:center;
	font-size:14px;
}
.wp-pagenavi span.pages,
.wp-pagenavi span.current,
.wp-pagenavi a.page.larger,
.wp-pagenavi span.extend,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.last,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.page.smaller{
	border:none;
	line-height:0;
	display:inline-block;
}
.wp-pagenavi a{
	text-decoration:underline;
}
.wp-pagenavi a.page.larger,
.wp-pagenavi a.page.smaller{
	padding:17px 12px;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{
	padding:17px 13.5px;
}
.wp-pagenavi a.page.larger:hover,
.wp-pagenavi a.page.smaller:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover{
	background:#ccc;
	border-radius: 50%;
}
.wp-pagenavi span.current{
	background:#000;
	color:#fff;
	border-radius: 50%;
	padding:17px 12px;
}


/*--------------------------------------------------------------------------
　コメント
--------------------------------------------------------------------------*/
#comments{
	overflow:hidden;
}
p.comment-form-comment{
	vertical-align:middle;
}
p.comment-form-comment label{
	font-weight:bold;
	font-size:14px;
	display:block;
	margin:20px 0 10px 0;
}
p.comment-form-comment textarea{
	vertical-align:middle;
	width:730px;
}
p.form-allowed-tags{
	margin:20px 0 30px 0;
	background:#efeeef;
	padding:10px;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
/*****コメントスタイル変更分*****/
h3#comments{
	border-bottom:1px solid #ccc;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}
ol.commentlist li div{
	padding:15px;
	background:#fff;
	line-height:2;
}
#respond h3{
	border-bottom:1px solid #ccc;
	padding:0 0 5px 0;
	margin:40px 0 20px 0;
}
#respond textarea{
	margin:20px 0 20px 0;
	width:800px;
}
input#author,
input#email,
input#url{
	width:300px;
	margin:0 0 10px 0;
}
input#submit{
	margin:0 0 0 0;
}
/*--------------------------------------------------------------------------
　投稿記事ページ
--------------------------------------------------------------------------*/
#p_title {
	width:1100px;
	margin:50px auto 0;
	overflow:hidden;
}
#p_title .p_title_img{
	width:250px;
	display:inline-block;
}
#p_title p.info{
	text-align:right;
	font-size:10px;
	width:840px;
	display:inline-block;
	/*margin:0 auto;*/
}
#main_ph img{
	width: 100%;
	height: 600px;
	object-fit: cover;
}
#main.single_page h2{
	font-size:24px;
	text-align:center;
	margin:50px auto 30px auto;
	letter-spacing:0.1em;
	overflow:hidden;
	width:1100px;
}

#main.single_page article{
	margin:30px 0;
	overflow:hidden;
}
#main.single_page article h3{
	font-size:20px;
}
#main.single_page article p.info{
	text-align:right;
	font-size:10px;
	padding:50px 0 0 0;
}
p.sns_share{
	text-align:right;
}
.addtoany_shortcode{ 
	text-align:right;
	float:right;
	padding-top:15px;
}
.shop_information_box,
.person_information_box{
	border:1px solid #F0F0F0;
	background:#F9F9F9;
	padding:20px;
	overflow:hidden;
}
.shop_information_box{
	margin:40px 0 0 0;
}
.person_information_box{
	margin:20px 0 0 0;
}
.shop_information_box img,
.person_information_box img{
	margin-right:25px;
	width:120px;
	float:left;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}


/*--------------------------------------------------------------------------
　ページテンプレート
--------------------------------------------------------------------------*/
#header_img{
	padding:145px 0 0 0;
	margin:0 50px;
	background: url(img/header_img_bg.png) repeat-x 200px 145px;
}


/*--------------------------------------------------------------------------
　共通部分
--------------------------------------------------------------------------*/
#main_column{
	overflow:hidden;
	padding:10px 0 10px 0;
	width:1000px;
	margin:0 auto;
}
#main #main_column.home{
	padding:0;
	width:100%;
	margin:0;
}
#main_column h3{
	text-align:center;
}
#main_column p{
	font-size:14px;
	line-height:2;
	margin:20px 0;
}

#main_column.archive{
	overflow:hidden;
	padding:10px 0 10px 0;
	width:1170px;
	margin:0 auto;
}
#archive_list ul{
	width:1170px;
	margin:30px auto 0;
}
#archive_list li{
	width:250px;
	display:inline-block;
	background:#F9F9F9;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	margin:0 0 35px 35px;
}
#archive_list li img{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;

}
#archive_list li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#archive_list li article{
	padding:10px 10px;
	height:145px;
	overflow:hidden;
}
#archive_list li h4{
	margin:5px 0 5px 0;
	padding:0;
	font-size:14px;
	line-height:1.8;
	font-weight:normal;
}
#archive_list li h4 a:link,
#archive_list li h4 a:visited{
	text-decoration:none;
}
#archive_list li h4 a:hover,
#archive_list li h4 a:active{
	text-decoration:underline;
}
#archive_list p.top_day,
#archive_list p.top_tag{
	font-size:12px;
	font-weight:normal;
}
#archive_list p.more{
	text-align:center;
	width:371px;
	margin:0 auto;
	
}


ul#tag_list{
	width:1100px;
	margin:20px auto 20px;
}
ul#tag_list li{
	display:inline-block;
	margin:0 15px 15px 0;
}
ul#tag_list li a:link,
ul#tag_list li a:visited{
	display:inline-block;
	padding:2px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#F2F2F2;
	color:#333;
	text-decoration:none;
}
ul#tag_list li a:hover,
ul#tag_list li a:active{
	display:inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#FFFF00;
	color:#333;
	text-decoration:none;
}


/*--------------------------------------------------------------------------
　トップページ
--------------------------------------------------------------------------*/
#home h3{
	margin:40px 0 20px 0;
	overflow:hidden;
}
#top_slider{
	width:1000px;
	margin:20px auto 20px;
}
#top_column01{
	background:#E5E7D8;
	margin:30px 0 0 0;
	padding:30px 0 60px;
	overflow:hidden;
}
#top_column01 section{
	width:1000px;
	margin:0 auto;
}
#top_column02{
	padding:30px 0;
	overflow:hidden;
}
#top_column02 section{
	width:1000px;
	margin:0 auto;
}
#home #top_column02 h3#kodawari{
	margin-top:60px;
}
/*商品紹介*/
.products_01,
.products_02,
.products_03,
.kodawari_01{
	overflow:hidden;
}
.products_01 h4,
.products_02 h4,
.products_03 h4,
.kodawari_01 h4{
	font-size:20px;
	line-height:2;
}
#main_column .products_01 p,
#main_column .products_02 p,
#main_column .products_03 p,
#main_column .kodawari_01 p{
	font-size:16px;
	line-height:2;
}
.products_01 img{
	float:left;
	margin-right:20px;
}
.products_02 img{
	float:right;
	margin-left:20px;
}
.products_02 h4{
	padding-top:30px;
}
.products_03 img{
	float:left;
	margin-right:20px;
}
.kodawari_01 img{
	float:left;
	margin-right:20px;
}
.kodawari_01 strong{
	font-size:20px;
	text-align:center;
	display:block;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight:normal;
	margin:20px 0;
}







#top_column03{

}
#top_column03 img{
	width:32%;
}
#top_column03 img + img{
	margin-left:2%;
}
#top_column04{
	background:#F8F9F5;
	overflow:hidden;
	margin:100px 0 0 0;
	padding:100px 0 70px;
}
#top_column04 h3{
	text-align:center;
	margin:0 0 30px 0;
}
#top_column04 ul{
	width:1000px;
	margin:0 auto 0;
}
#top_column04 ul li{
	width:450px;
	display:inline-block;
	text-align:center;
}
#top_column04 ul li + li{
	margin-left:90px;
}
#top_column04 li img{
	margin-bottom:35px;
}
#top_column05 h3{
	text-align:center;
	margin:80px 0 40px 0;
}
#top_column05 ul{
	width:1000px;
	margin:0 auto 0;
}
ul.insta_box li{
	width:280px;
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 0;
}
ul.insta_box li img{
	width:280px;
	margin-bottom:10px;
}
ul.insta_box li + li{
	margin-left:75px;
}

/*--------------------------------------------------------------------------
　ブログ
--------------------------------------------------------------------------*/
h2.blog_title{
	text-align:center;
	margin:45px 0 20px;
}
#main_column.blog{

}
#main_column.blog #blog_box{
	float:right;
	width:700px;
	margin-top:30px;
}
.title_box h2{
	border-bottom:2px dotted #503C2D;
	padding-bottom:10px;
}
#main_column.blog #blog_box p.info{
	margin-bottom:100px;
	/*padding-bottom:100px;
	border-bottom:1px dotted #503C2D;*/
}
textarea#comment{
	width:698px;
}
#comments_box input{
	padding:5px 7px;
}
.side_navi_blog li{
	padding:5px 0;
}
p.info2{
	text-align:right;
	font-size:0.8em;
}


dl.mycomment {
	width:100%;
	margin: 0 auto;
	}
dl.mycomment dt{
	text-align: left;
	clear: left;
	float: left;
	width:40px;
	white-space: nowrap;
 	padding-top: 16px;
	}
dl.mycomment dd{
	margin-left: 0;
	padding: 1px 0 5px 0;
	border-bottom: #C3CDCE 2px dotted;
 	padding-top: 16px;
	}
dl.mycomment dd:last-child{
	border-bottom: #fff 0px dotted;
	}
dl.mycomment dd span.my_author{
	font-weight: 600;
	}
dl.mycomment dd span.my_comments_content{
	font-size:14px;
	}

/*--------------------------------------------------------------------------
　お問い合わせ
--------------------------------------------------------------------------*/
#main_column.contact p{
	text-align:center;
}
#main_column.contact table{
	font-size:14px;
	margin:40px auto 0 auto;
	width:800px;
}
#main_column.contact table th,
#main_column.contact table td{
	padding:20px 5px;
	border-bottom:1px solid #eee;
}
#main_column.contact table th{
	text-align:left;
	vertical-align:top;
	width:180px;
	padding-left:10px;
}
#main_column.contact table em{
	font-weight:bold;
}
#main_column.contact table td input{
	padding:3px;
	margin:2px;
}
#main_column.contact .contact-bt{
	text-align:center;
	margin:30px 0 0 0;
}
#main_column.contact .contact-bt input{
	color:#333;
	border:1px solid #333;
	padding:10px 60px ;
	font-size:13px;
	letter-spacing:0.05em;
}
#main_column.contact .contact-bt input+input{
	margin-left:20px;
}
#main_column.contact .contact-bt input:hover{
	background:#eee;
}
#main_column.contact span.required{
	color:red;
}

/*--------------------------------------------------------------------------
　追加ページ用
--------------------------------------------------------------------------*/

h2.page_title{
	text-align:center;
	margin:45px 0 10px;
	color: #C03B0C;
	font-size:24px;
	letter-spacing:0.1em;
}
p.page_txt{
	text-align:center;
}
table.rice_tb{
	font-size:14px;
	margin:40px auto 0 auto;
	width:800px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse: collapse;
}
table.send_tb{
	font-size:14px;
	margin:40px auto 0 auto;
	width:1000px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse: collapse;
}
table.send_tb2,
table.send_tb3{
	font-size:14px;
	margin:40px auto 0 auto;
	width:700px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse: collapse;
}
table.rice_tb th,
table.rice_tb td,
table.send_tb th,
table.send_tb td,
table.send_tb2 th,
table.send_tb2 td,
table.send_tb3 th,
table.send_tb3 td{
	padding:10px 5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:center;
}
table.rice_tb th{
	vertical-align:top;
	width:180px;
	padding-left:10px;
	background:#E5E7D8;
}
table.send_tb th{
	width:220px;
	padding-left:10px;
	background:#E5E7D8;
}
table.send_tb2 th,
table.send_tb3 th{
	vertical-align:top;
	padding-left:10px;
	background:#E5E7D8;
}
.table_container{
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
a.btn:link,
a.btn:visited{
	background:#C03B0C;
	color:#fff;
	padding:5px 20px;
	display:inline-block;
	margin:10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration:none;
}
a.btn:hover,
a.btn:active{
	background:#E56D4C;
	color:#fff;
	padding:5px 20px;
	display:inline-block;
	margin:10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration:none;
}