@charset "utf-8";

#wrapper{
	background-color: ;
}
#contents{
	background-color: transparent;
	width: 1048px;
	text-align: left;
}
/*#contents h1{
	margin: 50px 0;
}*/
#contents .blogLogo{
	margin: 50px 0;
}
#contents .base{
	background: url("../images/blog/bg_base.png");
	padding: 45px;
	position: relative;
	margin-bottom: 20px;
}
#bg img{
/* 縦横の最小値を設定する。 */
	/*min-height: 100%;*/
	/*min-width: 1687px;*/
	/* ウィンドウ幅を基準にして引き延ばす。 */
	/*width: 100%;*/
	/*height: auto;*/
	/* 表示位置を設定する */
	position: fixed; /* またはabsolute; */
	top: 0;
	
	min-width: 100%;
	min-height: 100%;
}

*::selection{
background: #ffcef9;
}
*::-moz-selection{
background: #ffcef9;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		#mainContents
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.mainContents{
	width: 650px;
	float: left;
}
.mainContents .page_title{
	font-size:20px;
	line-height: 1.4;
	color: #DD4724;
}
.mainContents .page_title a{
	color: #DD4723;
}

.mainContents h2{
	font-size:20px;
	line-height: 1.4;
	color: #DD4724;
}
.mainContents h2 a{
	color: #DD4723;
}
.mainContents .more{
	padding: 8px 30px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	background-color: #D9362D;
	position: absolute;
	bottom: 20px;
	right: 45px;
}

* {

   -webkit-appearance: none;

}

.btn,
.btn:link,
.btn:visited {
  border-radius: .3em;
  color: #FFF;
  margin-bottom: .5em;
  padding:15px 60px;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color .4s,background-color .4s,border .4s;
  transition: color .4s,background-color .4s,border .4s;
  font-size:16px;
  background-color:#CC0000;
  display:inline-block;
  text-align: center;
}




/*			article_meta
--------------------------------------*/
.article_meta{
  font-size: 11px;
}
.article_meta a{
	color: inherit;
}
.article_meta:after{
	display: block;
	clear: both;
	content:"";
}
.article_meta .date{
  color:#dd4723;
  margin-right: 30px;
  letter-spacing: 1px;
}
.article_meta .cat{
	text-align: right;
	width: 250px;
	float: right;
}
.article_meta .name{
}

/*			article_title
--------------------------------------*/
.article_title{
	padding: 10px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px solid #555;
	margin-bottom: 20px;
}
.article_title .auth_img{
	float: left;
	display:block;
	margin-right: 20px;
}

/*			article_content
--------------------------------------*/
.article_content .thumb{
	margin-right: 13px;
	text-align: center;
}
.article_content .excerpt{
	margin-top: 20px;
	margin-bottom: 60px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		.side
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.side{
	width: 365px;
	float: right;
}
.side>ul>li{
	background: url("../images/blog/bg_base.png");
	padding: 20px;
	margin-bottom: 20px;
}
#text-2,
.side .widget.widget_search {
	background: none;
	padding: 0;
}
#text-3{
	height: 280px;
}

/*		各セクション見出し設定
-------------------------------------*/
.side h2{
	margin:0 0 20px;
	text-indent: -9999px;
	height: 27px;
}
.widget_search h2{
	font-size: 18px;
	margin-top: 0;
	text-indent: 0;
	height: auto;
	border-bottom: 2px solid;
}
.popular-posts h2{	background: url("../images/blog/img_side_popular.png") no-repeat; margin-top: 0 !important;}
#text-3 h2{	background: url("../images/blog/img_side_likebox.png") no-repeat;}
.widget_archive h2{	background: url("../images/blog/img_side_backnum.png") no-repeat;}
.widget_categories h2{	background: url("../images/blog/img_side_category.png") no-repeat;}
#text-4 h2{	background: url("../images/blog/img_side_writer.png") no-repeat;}

.recommend h2{	background: url("../images/blog/img_side_recommend.png") no-repeat;}

/*		記事検索フォーム
-------------------------------------*/
.screen-reader-text{
	display: none;
}

.side .widget_search label{
	margin: 0;
}
.side .widget_search input{
	background: url("../images/blog/bg_side_search.png");
	height: 35px;
	border-style:none;
	line-height: 1;
}
.side .widget_search #s{
	background-position:left top;
	width:319px;
	padding-right: 20px;
	float: left;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.side .widget_search #searchsubmit{
	background-position: right top;
	cursor:pointer;
	width: 45px;
	text-indent: -9999px;
	/*margin-left: -5px;*/
}

/*		バナーエリア
-------------------------------------*/
.side .bannerArea a{
	width: 100%;
	display: block;
}

/*		人気記事
-------------------------------------*/
.side ul .wpp-list li,
.recommend li{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom:1px dotted #999
}
.side ul .wpp-list li:hover,
.side .recommend li:hover{
	opacity: 0.7;
}
.side ul.wpp-list li:after{
	clear: both;
	display: block;
	content:"";
}
.side ul.wpp-list a,
.side .recommend a{
	color: #333;
	height: 95px;
	display: block;
}
.side ul.wpp-list a:hover,
.side .recommend a:hover{
	opacity: 1;
}
.side ul.wpp-list a:first-child{
	width: 95px;
	height: 95px;
	margin-right: 10px;
	display: block;
	float: left;
}

/*		人気記事
-------------------------------------*/
.side ul .recommend span a{
	color: inherit;
}
.side ul .recommend span:after{
	clear: both;
	display: block;
	content:"";
}
.side ul .recommend span{
	color: #333;
}
.side ul .recommend .thumb{
	width: 95px;
	height: 95px;
	margin-right: 10px;
	display: block;
	float: left;
}

/*		ライター紹介リスト
-------------------------------------*/
.side .writer ul li{
	width:75px;
	float: left;
	margin: 3px;
}
.side .writer .thumb{
	width: 75px;
	height: 75px;
	display: block;
	float: none;
}
.side .writer .name{
	display: block;
	float: none;
	text-align: center;
	line-height: 1.2 !important;
	font-size: 10px;
	padding-top: 5px;
}

/*		カテゴリーとバックナンバー
-------------------------------------*/
.side .widget_categories ul li,
.side .widget_archive ul li{
	background: url("../images/blog/side_list_arrow.png") no-repeat 5px center transparent;
	padding-left: 25px;
	border-bottom:1px solid #a3987d;
	margin-bottom: 0;
}
.side .widget_categories ul li a,
.side .widget_archive ul li a{
	padding: 12px 0;
	display: block;
	color: #333;
	text-decoration: none;
	font-size: 14px;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		詳細ページのスタイル設定  single page style
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.single .mainContents .editable p{
	line-height: 2;
	margin-bottom: 1.7em;
}
.single .mainContents .editable ol{
	list-style: decimal inside;
}
.single .mainContents .article_title{
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
}
.single .mainContents .editable h2{
	border-left: 1px solid #DD4724;
	margin-bottom: 15px;
	padding-left: 10px;
	margin-top: 40px;
}
.single .mainContents .editable h3{
	font-size:16px;
	font-weight:bold;
}
.single .mainContents .eyecatch{
	text-align: center;
}
.single .mainContents .eyecatch,
.single .mainContents .editable img{
	margin-bottom: 20px;
	display: block;
	max-width: 560px;
	height: auto;
}
.editable ul{
	margin-bottom: 20px;
}
.editable ul li{
	list-style-type:disc;
	list-style-position:inside;
}
.imgRight img{
	float: right;
	margin-left: 15px;
	margin-bottom: 10px !important;
}
.imgLeft img{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px !important;
}
.imgRight:after{
	content:"";
	display: block;
	clear: both;
}
.imgLeft:after{
	content:"";
	display: block;
	clear: both;
}
.frame{
	padding: 20px;
	background: #eaeaea;
}
.wp_social_bookmarking_light:after{
	content:"";
	clear: both;
	display: block;
}
.wp_social_bookmarking_light{
	margin-top: 40px;
}

/*		著者プロフィール
-------------------------------------*/
.single .auth_profile{
	border: 2px solid #333333;
	padding: 15px;
	margin-bottom: 30px;
}
.single .auth_profile:after{
	clear: both;
	content: "";
	display: block;
}
.single .auth_imgL{
	display: inline-block;
	float: left;
	width: 80px;
	margin-right: 15px;
}
.single .auth_information{
	display: inline-block;
	float: left;
	width: 430px;
}
.single .auth_information .auth_name{
	font-size: 18px;
	line-height: 1.2;
}
.single .auth_information .auth_name span{
	font-size: 10px;
	display: block;
	color: #DD4724;
}
.single .auth_information .belongs{
	font-size: 10px;
	border-bottom: 1px solid;
	color: #666;
	margin-bottom: 10px;
}

/*		ソーシャルボタン
-------------------------------------*/
.social{
	margin-top: 30px;
	margin-bottom: 20px;
	position:relative;
	z-index:50;
}
#facebook_button{
	width:70px;
	position:relative;
	top:4px;
}
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {
		width: 75px;
}
/*		コメント
-------------------------------------*/

.comment h2{
	background: url("../images/blog/bgimg_main_comment.png") no-repeat;
	height: 24px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.

/*		関連する記事
-------------------------------------*/
.related h2{
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
}
.related ul{
	width: 560px;
}
.related ul li{
	width: 260px;
	float: left;
	display: block;
	margin-right: 10px;
	border-bottom: 1px dotted #666;
	position: relative;
}
.related ul li:hover{
	opacity: 0.7;
}
.related ul li a{
	color: #333;
	display: block;
	padding:20px 0;
}
.related ul:after,
.related ul li:after{
	display: block;
	clear: both;
	content: "";
}

.related ul li .wp_rp_thumbnail{
	float: left;
	margin-right: 15px;
}
.related ul li .wp_rp_thumbnail:hover{
	opacity:1;
}
.related ul li .wp_rp_thumbnail img{
	height: 91px;
}
.related ul li .wp_rp_title{
	float: left;
	line-height: 1.5;
	width: 58% !important;
	min-height:91px;
}
.related ul li .wp_rp_title:before{
width: 0px;
content:"";
position: absolute;
bottom: 5px;
right: 0;
height: 0px;
border-style: solid;
border-width: 0 0 5px 5px;
border-color: transparent transparent #000000 transparent;

}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		カテゴリー設定  category
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.single_archive_ttl {
	margin:0 0 20px 0;
	border-bottom: 3px solid;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		新着情報 category news
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.news .mainContents{
	width: 670px;
}
#contents.news .mainContents .base{
	width: 280px;
	margin:0 10px 10px 0 !important;
	float: left;
	padding: 20px;
	height: 518px;
}
.news .mainContents .excerpt{
	width: 100%;
}
.news .mainContents .thumb{
	margin:0;
	float: none;
	width: 100%;
	height: auto;
}
.news .mainContents .article_title{
	border-top: none;
	margin-bottom: 10px;
}
.news .mainContents .article_title h2{
	font-size: 14px;
	line-height: 1.5;
}

/*		日付・カテゴリ設定
-------------------------------------*/
.news .mainContents .article_meta{
	position: absolute;
	bottom:20px;
}
.news .mainContents .article_meta span{
	display: block;
	text-align: right;
	width: 130px;
	border-bottom: 1px dotted #999;
	font-size: 10px;
	line-height:1.6;
}
.news .mainContents .article_meta .date{
	background: url('../images/blog/Date.png') no-repeat;
	margin-bottom: 5px;
}
.news .mainContents .article_meta .cat{
	background: url('../images/blog/Category.png') no-repeat;
	float: none;
	width: 130px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		一覧系ページ（検索結果ページも）
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.pageHeader {
	border: none;
	background: url("../images/blog/bg_base.png");
	padding: 20px;
}
.pageHeader h1 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #DD4724;
	line-height: 1.4;
}
.pageHeader .name {
	margin-left: 65px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #555;
	font-size: 18px;
	line-height: 1;
}
.pageHeader .name + div {
	margin-left: 65px;
}

/*		ページナビゲーション
 ----------------------------------------*/
ul.page_navi {
	margin-top: 50px;
	padding-top: 30px;
	text-align: center;
	clear: both;
}
ul.page_navi li {
	display: inline;
	padding: 5px;
	background-image: none;
}
ul.page_navi li span {
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 5px 10px;
	background-color: transparent;
	background-image: url("../images/blog/bg_pager_highlight.png");
	vertical-align: top;
}
ul.page_navi li a {
	color: #666;
	padding: 5px 10px;
	background-color: transparent;
	background-image: url("../images/blog/bg_base.png");
	display: inline-block;
	text-decoration: none;
	vertical-align: top;
}
ul.page_navi li a:hover {
	color: #fff;
	padding: 5px 10px;
	background-color: transparent;
	background-image: url("../images/blog/bg_pager_highlight.png");
}


/*		インタビュー用スタイル
 ----------------------------------------*/
h3.interview {
	font-size:14px;
	font-weight:bold;
	border-bottom: 1px dotted #AAA;
	margin:50px 0 20px 0 !important;
}
.interview {
}
.interview p {
	margin-bottom:15px !important;
	padding:0;
	line-height:1.6 !important;
}
.interview strong {
	color:#DD4724;
	margin-right:15px;
}
.download {
	text-align: right;
	margin:20px 0 30px;
	padding: 10px;
	background: #EEE;
	border: 1px solid #AAA;
	text-align: left;
}
.download .book {
	float: left;
	margin-right: 15px;
}
.download h7 {
	font-size: 16px;
	color:#DD4724;
	margin-bottom:10px;
}
.download p {
	line-height:1.6 !important;
	margin-bottom:0.5em !important;
}

.download p a {
	background: url(https://www.riedel.co.jp/wp-content/themes/riedel/img/common/icon_pdf.png) no-repeat right;
	padding-right:30px;
}


/*		レシピ用スタイル
 ----------------------------------------*/
.group {
	font-weight:bold;
	color:#DD4724;
}
table.recipe {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:0 0 15px;
	line-height:1.4;
	font-size:13px;
}
table.recipe td {
	width:380px;
	border-bottom:1px solid #CCC;
	padding:5px 7px;
	
}
table.recipe td.material {
	width:150px;
	border-bottom:1px solid #CCC;
	background:#CCC;
}
.item {
	font-size:12px;
	line-height:1.5;
}