@charset "utf-8";
/*
Theme Name: honryu
Theme URI: http://wordpress.org/
*/

/*===============================================
画面の横幅が640px以下
===============================================*/

@media screen and (max-width:640px){

#contentsBox{
	padding:0 15px;
}

#sideBox{
}

/*  記事と記事のスペース　*/
#contentsBox .post{
	margin-bottom:100px;
}

/*  ブログの文章　*/
/*--------------------------------------------------------*/

p{
	font-size:15px;
	line-height:1.7em;
	color:#333;
}

/*  ブログの文章中の写真　*/
/*--------------------------------------------------------*/

.entry-content img{
	padding-bottom:10px;
}

/* Containt */

/*  記事のタイトル　*/
/*--------------------------------------------------------*/
#contentsBox h2,
#contentsBox h2.entry-title a {
	font-size:18px;
	font-weight:bold;
	color:#333;
	line-height:1.4em;
}
#contentsBox h2.entry-title a {text-decoration: none;}
#contentsBox h2.entry-title a:link {color:#333;}
#contentsBox h2.entry-title a:visited {color:#333;}
#contentsBox h2.entry-title a:active {color:#333;}
#contentsBox h2.entry-title a:hover {color:#333; text-decoration: underline;}

/*  更新日付　*/
#contentsBox .entry-meta {
	margin-top:5px;
	font-size:13px;
	line-height:1.5em;
	color:#666;
	font-weight:nomal;
	margin-bottom:30px;
}

#contentsBox .entry-content{
	
}

#contentsBox .entry-content{
	font-size:15px;
	line-height:1.6em;
	color:#333;
}

/* side */
/*--------------------------------------------------------*/

#sidebar{
	clear:both;
	padding-top:50px;
}

/*  サイドバーのカテゴリタイトル　*/
#sidebar h3.widget-title {
	background-color:#333;
	padding:4px 15px;
	color:#FFF;
	font-size:13px;
	font-weight:nomal;
	margin-bottom:15px;
}

#sidebar p{
}

#sidebar .sidemenu{
	margin-bottom:15px;
}

#sidebar li.widget-container {
	margin-bottom:25px;
}

/*  サイドバーのメニューテキスト　*/

#sidebar ul li.widget-container {
	padding:0 15px;
}
#sidebar ul li.widget-container ul li{
	color:#333;
	line-height:1.4em;
	font-size:14px;
	margin-bottom:7px;
}
#sidebar ul li.widget-container ul li a {text-decoration: underline;}
#sidebar ul li.widget-container ul li a:link {color:#333;}
#sidebar ul li.widget-container ul li a:visited {color:#333;}
#sidebar ul li.widget-container ul li a:active {color:#333;}
#sidebar ul li.widget-container ul li a:hover {color:#333; text-decoration: none;}


/* 検索するの言葉を非表示に*/
.screen-reader-text{
	display:none;
}

/*  カテゴリ・コメント・編集欄　*/
#contentsBox .entry-utility{
	border-top:1px #CCC dotted;
	padding-top:9px;
	margin-top:20px;
	font-size:12px;
}

#contentsBox .entry-utility span.entry-utility-prep-cat-links{
	background-color:#FFF;
	color:#333;
	font-size:12px;
	line-height:1.5em;
	margin-right:5px;
}

#contentsBox #nav-above{
	margin-bottom:20px;
}

/*  カテゴリー別一覧ページのカテゴリ名（タイトル）　*/

.cat_nameBox{
	border:1px solid #FF9933;
	text-align:center;
	padding:8px 10px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-bottom:40px;
}

#contentsBox h1.catit {
	border:1px solid #FF9933;
	text-align:center;
	padding:8px 10px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-bottom:40px;
}

/*  コメントを残すのタイトル　*/
#contentsBox h3#reply-title {
	border:#66CC66 1px solid;
	padding:5px 10px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	margin-top:20px;
	margin-bottom:20px;
}

/*  コメント表示　*/
#contentsBox ol.commentlist li {
	margin-bottom:35px;
}

#contentsBox h3#comments-title {
	margin-top:50px;
	border:1px solid #999;
	padding:5px 5px;
	font-size:13px;
	margin-bottom:20px;
}

/*  コメントした人の名前とか　*/
#contentsBox .comment-author{
	font-size:14px;
	line-height:1.5em;
	color:#333;
}

/*  コメントした人の名前　*/
#contentsBox .comment-author .fn{
	font-weight:bold;
}

/*  コメント文章　*/
#contentsBox .comment-body{
}
#contentsBox .comment-body p {
	font-size:14px;
	color:#333;
	line-height:1.6em;
	margin-top:10px;
}

#contentsBox .avtimg{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:40px;
}

#contentsBox #cmtfont {
	font-size:13px;
}

p.comment-notes,
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-comment {
	font-size:12px;
}

p.form-allowed-tags {
	display:none;
}

/* ソーシャルメディア */

.social {
margin-top: 5px;
}

.hatebu_bt {
float: left;
padding-right:10px;
}

.tweet_bt {
float: left;
}

.facebook_bt {
float: left;
}

.socialclr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 10px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}


/* この記事が好きな人におすすめの記事 */

.yarpp-related{
	font-size:14px;
	color:#333;
}

.yarpp-related ol{
	margin-top:7px;
}

/* 単一記事の　次へ・前へのナビゲーション */

#nav-below{
	margin-top:20px;
	border-top:1px #CCC dotted;
	padding-top:20px;
}

#nav-below .nav-previous{
	font-size:14px;
	color:#333;
	line-height:1.5em;
}

#nav-below .nav-next{
 margin-top:20px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
}

/* 関連記事のリスト */

#container_inner ol li{
	font-size:15px;
	margin-left:27px;
}

/* ログインしています */

.logged-in-as{
	font-size:14px;
	color:#333;
	line-height:1.5em;
	padding-bottom:15px;
}

/* コメントメールフォーム */
input[type="submit"] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

}









/*===============================================
画面の横幅が641px以上
===============================================*/

@media screen and (min-width: 641px){

#contentsBox{
	float:left;
	width:720px;
	padding-bottom:50px;
}

#sideBox{
	float:right;
	width:200px;
	margin-left:40px;
}

/*  記事と記事のスペース　*/
#contentsBox .post{
	margin-bottom:110px;
}

/*  ブログの文章　*/
/*--------------------------------------------------------*/

p{
	font-size:16px;
	line-height:1.7em;
	color:#333;
}

/*  ブログの文章中の写真　*/
/*--------------------------------------------------------*/

.entry-content img{
	padding-bottom:10px;
}

/* Containt */

/*  記事のタイトル　*/
/*--------------------------------------------------------*/
#contentsBox h2,
#contentsBox h2.entry-title a {
	font-size:22px;
	font-weight:bold;
	color:#333;
	line-height:1.4em;
}
#contentsBox h2.entry-title a {text-decoration: none;}
#contentsBox h2.entry-title a:link {color:#333;}
#contentsBox h2.entry-title a:visited {color:#333;}
#contentsBox h2.entry-title a:active {color:#333;}
#contentsBox h2.entry-title a:hover {color:#333; text-decoration: underline;}

/*  更新日付　*/
#contentsBox .entry-meta {
	margin-top:5px;
	font-size:15px;
	line-height:1.5em;
	color:#666;
	font-weight:nomal;
	margin-bottom:30px;
}

#contentsBox .entry-content{
	
}

#contentsBox .entry-content{
	font-size:15px;
	line-height:1.6em;
	color:#333;
}

/* side */
/*--------------------------------------------------------*/

/* 検索するの言葉を非表示に*/
.screen-reader-text{
	display:none;
}

#sidebar #google_banner{
	padding-bottom:15px;
}

#sidebar #google_plus{
	padding-bottom:15px;
}

#sidebar #twitter_space{
	padding-bottom:20px;
}

/*  サイドバーのカテゴリタイトル　*/
#sidebar h3.widget-title {
	width:200px;
	background-color:#333;
	padding:4px 10px;
	color:#FFF;
	font-size:13px;
	font-weight:nomal;
	margin-bottom:15px;
}

#sidebar p{
}

#sidebar .sidemenu{
	margin-bottom:15px;
}

#sidebar li.widget-container {
	margin-bottom:25px;
}

/*  サイドバーのメニューテキスト　*/

#sidebar ul li.widget-container {
}
#sidebar ul li.widget-container ul li{
	color:#333;
	line-height:1.4em;
	font-size:14px;
	margin-bottom:7px;
	padding-left:5px;
}
#sidebar ul li.widget-container ul li a {text-decoration: underline;}
#sidebar ul li.widget-container ul li a:link {color:#333;}
#sidebar ul li.widget-container ul li a:visited {color:#333;}
#sidebar ul li.widget-container ul li a:active {color:#333;}
#sidebar ul li.widget-container ul li a:hover {color:#333; text-decoration: none;}



/*  カテゴリ・コメント・編集欄　*/
#contentsBox .entry-utility{
	border-top:1px #CCC dotted;
	padding-top:9px;
	margin-top:20px;
	font-size:12px;
}

#contentsBox .entry-utility span.entry-utility-prep-cat-links{
	background-color:#FFF;
	color:#333;
	font-size:12px;
	line-height:1.5em;
	margin-right:5px;
}

#contentsBox #nav-above{
	margin-bottom:20px;
}

/*  カテゴリー別一覧ページのカテゴリ名（タイトル）　*/

.cat_nameBox{
	border:1px solid #FF9933;
	text-align:center;
	padding:8px 10px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-bottom:40px;
}

#contentsBox h1.catit {
	border:1px solid #FF9933;
	text-align:center;
	padding:8px 10px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-bottom:40px;
}

/*  コメントを残すのタイトル　*/
#contentsBox h3#reply-title {
	border:#66CC66 1px solid;
	padding:5px 10px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	margin-top:20px;
	margin-bottom:20px;
}

/*  コメント表示　*/
#contentsBox ol.commentlist li {
	margin-bottom:35px;
}

#contentsBox h3#comments-title {
	margin-top:50px;
	border:1px solid #999;
	padding:5px 5px;
	font-size:13px;
	margin-bottom:20px;
}

/*  コメントした人の名前とか　*/
#contentsBox .comment-author{
	font-size:14px;
	line-height:1.5em;
	color:#333;
}

/*  コメントした人の名前　*/
#contentsBox .comment-author .fn{
	font-weight:bold;
}

/*  コメント文章　*/
#contentsBox .comment-body{
}
#contentsBox .comment-body p {
	font-size:14px;
	color:#333;
	line-height:1.6em;
	margin-top:10px;
}

#contentsBox .avtimg{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:40px;
}

#contentsBox #cmtfont {
	font-size:13px;
}

p.comment-notes,
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-comment {
	font-size:12px;
}

p.form-allowed-tags {
	display:none;
}

/* ソーシャルメディア */

.social {
margin-top: 5px;
}

.hatebu_bt {
float: left;
padding-right:10px;
}

.tweet_bt {
float: left;
}

.facebook_bt {
float: left;
}

.socialclr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 10px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}


/* この記事が好きな人におすすめの記事 */

.yarpp-related{
	font-size:14px;
	color:#333;
}

.yarpp-related ol{
	margin-top:7px;
}

/* 単一記事の　次へ・前へのナビゲーション */

#nav-below{
	margin-top:20px;
	border-top:1px #CCC dotted;
	padding-top:20px;
}

#nav-below .nav-previous{
	width:310px;
	float:left;
	text-align:left;
	padding-right:20px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
}

#nav-below .nav-next{
	width:310px;
	float:right;
	text-align:right;
	padding-left:20px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
}

/* 関連記事のリスト */

#container_inner ol li{
	font-size:15px;
	margin-left:27px;
}

/* ログインしています */

.logged-in-as{
	font-size:14px;
	color:#333;
	line-height:1.5em;
	padding-bottom:15px;
}

/* コメントメールフォーム */
input[type="submit"] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

}