/*
Theme Name: genius4
Author URI: http://www.imamura.biz/blog
Description: Check <a href="http://www.imamura.biz">imamura.biz</a>.
*/

body {
	font-size:14px;
	line-height:135%;
	letter-spacing:1px;
}


h1 {
	font-size:19px;
	padding:0px 0px 5px;
	line-height:120%;
	margin:0px 0px 5px;
}

h1 a {
	color:#333; 
	text-decoration:none;
}

h2 {
	font-size:19px;
	margin:0px;
	padding:5px 0px;
} 

h3{
	font-size:17px;
	margin:1em 0px;
	padding:0px;
}

h4{
	margin:1em 0px;
}

table{
	text-align:left;
	border-collapse: collapse;
	border:1px dotted #aaa;
}

th,td{
	border:1px dotted #aaa;
	padding:5px;
}

textarea{
	resize:vertical;
}

/*ヘッダー*/


#head{
	width:100%;
	position:relative;
	margin:39px auto 0px;
	padding:0px;
/*	background:#FDFDFA;*/
}

#header{
	position:relative;
	width:100%;
	clear:both;
	padding-bottom:30px;
/*	border-bottom:1px solid #F0EFE4;*/
}

.header_category{
	letter-spacing:-5px;
	margin:0px auto;
	width:1060px;
}

.header_category dl{
	width:169px;
	position:relative;
	display:inline-block;
	letter-spacing:1px;
	margin:0px 3px 5px;
	vertical-align:top;
	box-shadow:0px 1px 1px #ddd;
}

.header_category dl dt{
	height:105px;
	overflow:hidden;
	text-align:center;
	background:#fff;
}

.header_category dt img{
	overflow:hidden;
	width:100%;
}

.header_category dl .category{
	position:absolute;
	top:0px;
	left:0px;
	background:#D53A5F;
	padding:3px 6px;
	color:#F5EFDA;
}

.header_category dl .category a:link,
.header_category dl .category a:hover,
.header_category dl .category a:visited{
	color:#F5EFDA;
}

.header_category dl .title{
	font-size:11px;
	line-height:1.33;
	background:#fff;
	padding:6px 5px;
}

.header_category dl .title a:link,
.header_category dl .title a:hover,
.header_category dl .title a:visited{
}

/*カラム*/

#wrapper {
	max-width:1060px;
	margin:0 auto;
}

#content {
	clear:both;
	padding:0px;
	height: auto;
	max-width:1060px;
	margin:1px auto 0px;
	position: relative;
	min-height:800px;
	padding-right: 310px;
}

#colLeft{
	width:100%;
/*	margin-right:310px;*/
/*	overflow:hidden;*/
	background:#FDFDFA;
	float:left;
	box-shadow: 0px 0px 1px #D8D7C9;
}

#colRight{
	font-size:11px;
/*	position:absolute;
	right:0px;
	top:0px;*/
	width:300px;
	overflow:hidden;
	float:right;
	margin-right: -310px;
}

#footer{
	clear:both;
	padding:0px;
	font-size:12px;
	background:#F1F0E8;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#footer h2{
	font-size:14px;
	color:#171A07;
	border-bottom:1px solid rgba(207, 207, 197,1);
	margin-bottom:0px;
}

#footerInner {
	width:100%;
	margin:10px auto 10px;
	padding:0px;
}

#copyright {
	text-align:center;
}

#copyright a{
	color:#0A88CC;
	margin-bottom:5px;
}

#copyrightInner {
	margin:0 auto;
	padding:7px 12px 7px;
	position:relative;
	background:#F8F7F0;
	border-top:1px solid #F0EFE4;
}

#copyrightInner .info{
	font-size:15px;
}

/*ロゴ*/

#logo{
	width:97px;
	height:89px;
/*	background:#FDFDFA;
	border-right:1px solid #F7F6EF;*/
	float:left;
}

#logo a{
	display:block;
	height:89px;
}

#logo img {
	margin:15px 0px 0px 23px;
	border:none;
	width:55px;
}

#title{
	font-size:16px;
	padding:10px 0px 5px 2px;
	margin:0px;
}

/*フッター*/

#footerInner {
	max-width:1060px;
	overflow:hidden;
	border-bottom:1px solid #eee;
}

#footerInner .boxFooter {
	width:45%;
	vertical-align:top;
	margin:10px 0px 10px;
	padding:0px 15px 0px 0px;
	float:right;
	display: inline-block;
}

#footerInner a{
	color:#0A88CC;
}

#footerInner .last {
	padding-right:0;
}

#footerInner .boxFooter ul li br {
	line-height:5px;
}

#footer_center{
	width:100%;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	margin:15px 0px;
}

#footer_center li{
	display:inline-block;
	margin:0px 5px;
}

.plugin_list{
	margin-top:10px;
	padding: 10px;
	background: #FCFBF5;
	border: 1px solid #FFF;
	box-shadow: 0px 0px 1px #DDD7D7;
}

.plugin_list li{
	padding:3px 0px;
}

.plugin_list li a:before{
	font-family: "dashicons";
	content: "\f345";
	vertical-align: top;
}

/*左カラム*/

.postBox {
	float:left;
	font-size:15px;
	padding-bottom:15px;
	width:100%;
	border-bottom: 1px solid #F3F1E4;
	letter-spacing:2px;
}

.postBox h1{
	line-height:132%;
}

.postBox iframe{
	max-width:100%;
}

.postBoxMid{
	clear:both;
	padding:0px 35px;
}

.postBoxMid ol li {
	padding:10px 0 10px 0px;
	margin:0px 0px 0px 20px;
}

.postBox ul,
.postBox ol {
	margin:10px 0px 10px 15px;
}

.postBox ul li{
	margin:10px 0 10px 20px;
	list-style-type:disc;
	line-height: 170%;
}

/*カテゴリ別新着*/

#content #colLeft #categoribetsu{
	clear:both;
	margin:0px;
	padding:15px 30px;
}

#content #colLeft #categoribetsu p{
	margin:0px 0px 0px 0px;
	padding:8px 10px 5px;
	font-weight:bold;
	font-size:18px;
}


#categoribetsu ul{
	padding:0px;
	font-size:12px;
	padding:10px 0px;
	font-size:14px;
}

#categoribetsu li{
	background-image:none;
	border-bottom:1px dotted #ccc;
}

#categoribetsu a{
	font-weight:normal;
	display:block;
	padding:10px 0px 10px;
	text-decoration:none;
}

#categoribetsu .end{
	border:none;
}

/*
同じカテゴリボタン
*/

#more_category{
	clear:both;
}

#more_category a{
	margin:0px;
	padding: 10px 0px 8px;
	text-align: center;
	border: 1px solid #ECE9D9;
	border-radius: 3px;
	display:block;
	text-decoration:none;
	background: #F5F4E8;
}

.postBox .postCredentials {
	padding:0px 0px 15px;
	overflow:hidden;
	clear:both;
}

.postBox .postCredentials p {
	font-size:12px;
	margin:0.6em 0;
}

.postBox .postCredentials img{
	float:left;
	margin-left:10px;
}

.postBox .postCredentials  h2{
	border-bottom:none;
}

/*Google+アプリボタン*/

#gplus_button{
	display:block;
	width:100%;
	padding:15px 0px;
	background:#fff;
	border:none;
}

#authorDetails {
	width:100%;
	overflow:hidden;
	margin:0px;
	font-size:13px;
	border-top: 1px solid #F3F1E4;
	border-bottom: 1px solid #F3F1E4;
}

#authorDetails h4 {
	padding:10px 0px 5px 5px;
	border:none;
	margin:0px 0px 15px 0px;
	letter-spacing:1px;
	border-bottom:1px solid #bbb;
	font-size:16px;
}

#authorDetails ul{
	margin:0px;
	padding:0px;
}

#authorDetails ul li{
	display:inline-block;	
}

#authorDetails ul li img{
	width:20px;
}

/* ページネーション */

.emm-paginate {padding:5px; overflow:hidden; margin:10px 0px 10px; text-align:center;}
.emm-paginate a {margin-right:5px; padding:3px 9px; text-align:center; text-decoration:none; color:#555; border: 1px solid #ECE9D9; border-radius: 3px; background:#F5F4E8;}
.emm-paginate .emm-title {color:#555; margin-right:4px;}
.emm-paginate .emm-gap {color:#999; margin-right:4px;}
.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#B2B1A0; border: 1px solid #ECE9D9; border-radius: 3px; margin-right:5px; padding:3px 9px;}
.emm-paginate .emm-page {}
.emm-paginate .emm-prev, .emm-paginate .emm-next {}

/*右カラム*/

.rightBox {
	clear:both;
	padding-bottom:20px;
}

#colRight h2 {
	font-size:1rem;
	letter-spacing:0;
	display:block;
	width:100%;
	margin:0px;
	padding: 0px 0px 6px;
	border-bottom: 1px solid #E9E6D3;
	line-height:18px;
}

.rightBox ul li{
	padding:10px 0px;
	border-bottom:1px dotted #bbb;
}

.rightBox .textwidget{
	border-top: 1px solid #FFF;
}

/*コメント*/

h2.h2comments {
	display:block;
	background:url(images/ico_comments.png) 0 50% no-repeat;
	padding:10px 0 15px 40px;
	font-weight:bold;
}

h2.h2comments a.addComment {
	display:block;
	width:151px;
	height:30px;
	background:url(images/but_addcomment.png) 0 0 no-repeat;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	float:right;
	font-size:12px;
	margin-top:-7px;
	padding-top:8px;
	font-weight:bold;
}

h2.h2comments a.addComment:hover {
	text-decoration:none;
}

h2#commentsForm {
	margin:0;
	padding-top:0px;
	padding-left:0px;
	border:none;
}

h2#trackback{
	border:none;
	padding-left:0px;
	border:none;
}

#content #colLeft ul.commentlist {
	list-style:none;
	list-style-position:outside;
	display:block;
	margin:10px 0;
	padding:0;
	clear:both;
}

#content #colLeft ul.commentlist a{
	font-weight:normal;
}

#content #colLeft ul.commentlist ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
}

#content #colLeft ul.commentlist li {
	padding:0px 0px 20px 40px;
	margin:0px;
	position:relative;
	border-bottom:1px solid #E5E8EA;
	margin-top:15px;
	background:none;
}

#content #colLeft ul.commentlist li p{
	font-size:13px;
	margin:10px 0;
}

#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {
	margin-left:20px;	
}

#content #colLeft ul.commentlist li .comment-meta span {
	font-size:11px;
	color:#999;
}

#content #colLeft ul.commentlist li .comment-meta {
	font-size:16px;
}


#content #colLeft ul.commentlist li .avatar {
	background:#fff;
	padding:1px;
	position:absolute;
	left:0;
	top:0;
}

#content #colLeft ul.commentlist li .children li {
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #E5E8EA;
	border-bottom:none;
	overflow:hidden;
	padding-bottom:0;
}

#content #colLeft ul.commentlist li .children li .avatar {
	top:15px;
}

#content #colLeft ul.commentlist li .children li .reply {
}

.recentcomments{
	font-size:13px;
}

/*検索フォーム*/

#searchbox{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 180px;
	float: right;
	top: 0px;
	right: 0px;
	display:block;
}

#searchform input{
	width:100%;
	font-size:16px;
	padding:9px 9px 9px;
	border:none;
	background:#fff;
	color:#B4AF95;
}

#searchbox #input_area input{
	border-radius:2px;
}

#searchbox #input_area{
	position:absolute;
	top:6px;
	left:6px;
	right:160px;
}

#searchbox #submit_area{
	position:absolute;
	right:6px;
	top:6px;
}

#searchbox input:hover{
}

#searchbox input:focus{
	color:#555;
	background:#fff;
	outline:none;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

#searchform input.submit {
	border:none;
	cursor:pointer;
	width:130px;
	background: #fff;
}

#searchform input.submit:active {
	bottom:9px;
	background:#FAF9F4;
	box-shadow: inset 0px 0px 1px #F5EDD4, 0px 2px 0px 0px #DBD8BE, 0px 2px 3px #EBEAE6;
}

/*コメントフォーム*/

#commentform p {
	margin:0;
}

#commentform label {
	display:block;
	padding:5px 0;
}

#commentform input, #commentform textarea {
	border:1px solid #ddd;
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#commentform input:focus, #commentform textarea:focus {
	border:1px solid #0099FF;
}

#commentform textarea {
	width:560px;
	font-size:13px;
}

#commentform input#submit{
	border:none;
	width:151px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/but_addcomment.png) 0 0 no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:0;
}

/*コンタクトフォーム*/

#contact label {
	display:block;
	padding:5px 0;
}

#contact input, #contact textarea {
	border:1px solid #ddd;
	padding:8px;
	width:300px;
	margin-bottom:10px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
}

#contact textarea {
	width:560px;
	font-size:13px;
}

#contact input.submit{
	border:none;
	width:151px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
	background:url(images/but_addcomment.png) 0 0 no-repeat;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:0;
}

.errormsg, .successmsg{
	background:#FEF4F1;
	border:1px solid #F7A68A;
	color:#DA4310;
	padding:10px;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

.successmsg {
	background:#F5FAF1;
	border:1px solid #C2E1AA;
	color:#8FA943;
	-moz-border-radius:4px;
   -webkit-border-radius:4px;
}

/*clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	float: none;
}

.clearfix { 
	display: block;  
}

/*人気記事*/

.popular_posts{
	margin:0px;
	padding: 5px 10px;
	line-height:140%;
}

.pop_posts{
	clear:both;
	overflow:hidden;
}

.pop_posts .wpp-thumbnail{
	float:left;
	box-shadow:0px 0px 7px #bbb;
	width:80px;
	height:auto;
}

.popular_posts .title{
	width:73%;
	padding:0px;
	float:right;
}

.popular_posts .thumb{
	float: left;
	border-right: 1px solid #E9E6D3;
	box-shadow: 1px 1px 1px #FFF;
	border-bottom: 1px solid #E9E6D3;
	background: #EBEAE3;
	border-radius:3px;
}

.popular_posts .views{
	display: table-cell;
	text-align: center;
	line-height: 115%;
	width:65px;
	vertical-align: middle;
	float: left;
	padding: 13px 0px;
	border-right: 1px solid #e9e6d3;
	box-shadow: 1px 1px 1px #fff;
	border-bottom: 1px solid #e9e6d3;
	border-radius: 3px;
	background: #ebeae3;
}

.popular_posts img{
	vertical-align:bottom;
}

.popular_posts #count{
	margin:4px 0px 0px;
}

.popular_posts #count span{
	padding:1px 0px 0px 18px;
}

.popular_posts .tw_count{
	background:url(./images/profile/tw_count.png) left center no-repeat;
}

.popular_posts .fb_count{
	background:url(./images/profile/fb_count.png) left center no-repeat;
	margin-left:4px;
}

.popular_posts .hb_count{
	background:url(./images/profile/hb_count.png) left center no-repeat;
	margin-left:4px;
}

.pop_posts:hover .wpp-thumbnail{
	color: transparent;
}

.pop_posts:hover .wpp-post-title{
}

.popular_posts_category{
	padding:10px;
	border-top: 1px solid #fff;
	line-height: 140%;
}

.popular_posts_category li{
	position:relative;
	display:block;
	float:left;
	margin-bottom:10px;
}

.popular_posts_category a,
.popular_posts_category .title{
	display:block;
}

.popular_posts_category img{
	float:left;
	border:1px solid #fff;
	box-shadow:0px 1px 2px #bbb;
}

.popular_posts_category .title{
	padding-left:110px;
}

.popular_posts_category .views{
	position:absolute;
	top:1px;
	left:1px;
	padding:2px 4px;
	background:#000;
	color:#fff;
}

/*コンタクトフォーム*/

.contact{
	float:left;
	width:510px;
	position:relative;
	margin:0px 20px 15px 0px;
}

.wpcf7-form,
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form textarea p,
.wpcf7-form textarea img,
.wpcf7-form wpcf7-captchar{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	background:none;
}

.wpcf7{
	float:left;
	width:100%;
}

.wpcf7 p{
	margin:0px;
	padding:0px;
}

.wpcf7 .info{
	float:left;
	width:100%;
}

.wpcf7 .name{
	overflow:hidden;
	float:left;
	width:45%;
}

.wpcf7 .mail{
	overflow:hidden;
	float:right;
	width:45%;
	margin-right:6px;
}

.wpcf7 .name input,
.wpcf7 .mail input{
	padding:6px 5px;
	background:#FCFBF5;
}

.wpcf7-form-control-wrap{
	position:static !important;
}

.wpcf7 .cap{
	width:165px;
	height:24px;
	position:relative;
	float:left;
	margin:20px 0px 0px;
}
.wpcf7 .wpcf7-captchac{
	margin:0px;
	position:absolute;
}

.wpcf7 .wpcf7-captchar{
	width:70px;
	margin:0px;
	padding:6px;
	position:absolute;
	right:0px;
	background:#FCFBF5;
}

.wpcf7 .ajax-loader{
	position:absolute;
	right:0px;
}

.wpcf7 .send{
	margin:10px 0px;
	position:relative;
	float:left;
	width:100%;
}

.wpcf7 .messages{
	width:100%;
	float:left;
	margin:0px;
}

.wpcf7 .messages textarea{
	width:97%;
	height:55px;
	padding:2% 1.5%;
	background:#FCFBF5;
}

.wpcf7 input.wpcf7-submit{
	float:right;
	width:150px;
	height:25px;
	padding:0px;
	margin:18px 0px 0px 0px;
	color:#fff;
	cursor:pointer;
	position:relative;
	box-shadow:inset 0px 1px 0px #C53B72, 0px 2px 0px 0px #7A1A1A, 0px 3px 2px #999;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P明朝", "MS PMincho", "Oxygen", "sans-serif";
	background:-moz-linear-gradient(#E02836, #92030D);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E02836), to(#92030D));
	background:-webkit-linear-gradient(#E02836, #92030D);
	background:linear-gradient(#E02836, #92030D); /* IE10, Firefox 16.0+, Opera 12.50+ */
}

.wpcf7 input.wpcf7-submit:active{
	top:3px;
	box-shadow: inset 0px 1px 0px #C53B72, 0px 2px 0px 0px #7A1A1A, 0px 3px 2px #999;
}

.wpcf7 .wpcf7-response-output{
	float:left;
}

.wpcf7 span.wpcf7-not-valid-tip{
	top:0px;
	left:0px;
}

/*注意事項*/

.notice{
	font-size:10px;
	margin:0px auto 0px;
	padding:0px;
	clear:both;
	max-width:1060px;
	text-align:left;
}

.notice p{
	margin:0px;
	padding:0px;
}

.notice li{
	padding:0px;
	display:inline;
}


/*前の記事次の記事*/

.cat_paging{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	background:url(./images/line.gif) center top repeat-y;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:11px;
}

.cat_paging .alignleft,
.cat_paging .alignright{
	width:50%;
	vertical-align:top;
	height:100px;
	display:inline-block;
	overflow:hidden;
}

.cat_paging dd{
	padding:15px;
}

.cat_paging .alignleft .thumb,
.cat_paging .alignright .thumb{
	display:block;
	float:left;
	height:65px;
	overflow:hidden;
}

.cat_paging img{
	border:1px solid #fff;
	box-shadow:0px 1px 1px #ddd;
	width:100px;
}

.cat_paging .alignleft .title,
.cat_paging .alignright .title{
	display:block;
	width:65%;
	float:left;
	margin-left:10px;
	line-height:140%;
}

.cat_paging .nopost a{
	display:block;
	width:100%;
	line-height:100px;
	margin:0px auto;
	text-align:center;
}

/*ページ左カラム*/

.page_postBox{
	padding:15px;
}

.page_postBox h1{
	font-size:12px;
}

.page_postBox ul {
	padding:0px;
	margin:0px 13px;
	letter-spacing:12px;
}

.page_postBox li {
	display:inline-block;
	width:31.15%;
	height:180px;
	overflow:hidden;
	margin:10px 0px 10px 0px;
	padding:0px;
	vertical-align:top;
	position:relative;
	text-align:center;
	box-shadow:0px 0px 7px #bbb;
	letter-spacing:1px;
}

.page_postBox li a{.page_postBox li
	display:block;
}

.page_postBox li h1{
	position:absolute;
	bottom:0px;
	left:0px;
	background:#fff;
	padding:7px;
	text-align:left;
	margin:0px;
}

.page_postBox li h1,
.page_postBox li h1:hover,
.page_postBox li h1:visited{
}

.page_postBox  li img{
	width:100%;
	height:auto;
	text-align:center;
}

/*トップページ*/


/*トピックス*/

#featured-topics{
	float:left;
	width:300px;
}

#featured-topics p img{
	text-align:center;
}

#featured-topics p{
	margin:0px;
	padding:0px 0px 10px 0px;
}

#featured-topics a{
	margin:
	padding:0px;
}

#featured_cat_content{
	padding:0px 15px;
	margin:0px;
}

#featured_cat_content .title{
	font-size:13px;
	margin:0px 0px 15px 0px;
	padding:15px 0px;
	display:block;
	border-bottom: 5px solid #eee;
}

#featured_cat_content .title span{
	font-size:16px;
}

#featured_cat_box{
	float:left;
	width:50%;
	height:auto;
	margin:0px;
	padding:0px 0px 10px;
	position:relative;
}

#featured_cat_box h3{
	margin-bottom:1px;
	font-size:14px;
	color:#555;
}

#featured_cat_box .category{
	margin:0px 10px 10px;
	font-size:16px;
}

#featured_cat_box .category a{
	padding:0px;
	display:block;
}

#featured_cat_box #button{
	clear: both;
}

#featured_cat_box #button a{
	display:block;
	margin: 10px 2%;
	padding:10px 0px 8px;
	text-align: center;
	background: #F5F4E8;
	border: 1px solid #ECE9D9;
	border-radius: 3px;
}

#featured_cat_box #button a:hover{
}

#featured_cat_box dl{
	width:100%;
	height:100px;
	overflow:hidden;
	margin:0px 2%;
	display:inline-block;
	margin-bottom:10px;
}

#featured_cat_box dt{
	float:left;
	width:37%;
	overflow:hidden;
	max-height:150px;
	margin-right:2%;
}

#featured_cat_box dt a{
	margin:0px;
	padding:0px;
}

#featured_cat_box dt img{
	width:100%;
	max-width:100%;
	border:1px solid #fff;
	box-shadow:0px 1px 1px #ddd;
	margin:0px;
}

#featured_cat_box dd{
	float:left;
	width:56%;
	font-size:12px;
}

#featured_cat_box ul{
}

#featured_cat_box ul li{
	margin:0px 2%;
	padding:0px 0px 40px 0px;
	position:relative;
}

#featured_cat_box ul a{
	position: absolute;
	left: 2.2em;
}

#featured_cat_box .count{
	position: absolute;
	text-align: center;
	min-width: 2em;
	display: inline-block;
	border-radius: 12px;
	background: #F1F0E8;
	line-height: 1.8em;
	font-size: 11px;
	box-shadow: 1px 1px 1px #eee;
	letter-spacing: 0px;
}

#featured_cat_box .red{
/*	background:rgb(102, 74, 25);*/
}

#featured_cat_box .blue{
/*	background:rgb(111, 107, 90);*/
}

#featured_cat_box .azure{
/*	background:#9A9B7D;*/
}

/*トップ人気記事*/

#featured-popular-posts{
	padding:15px;
	margin:0px;
}

#featured-popular-posts #title{
	font-size:13px;
	text-align:left;
	margin:0px 0px 15px;
	padding:15px 0px;
	position:relative;
	border-bottom:5px solid #eee;
}

#featured-popular-posts #title span{
	font-size:16px;
}

#featured-popular-posts ul{
	letter-spacing:-4px;
	padding:0px;
}

#featured-popular-posts li{
	width:51%;
	height:59px;
	display:inline-block;
	margin:0px 0px 3px 16px;
	position:relative;
	letter-spacing:normal;
	vertical-align:top;
	border-bottom: 1px dotted #aaa;
}

#featured-popular-posts li a{
}

#featured-popular-posts .image{
	margin:0px;
	vertical-align:top;
	height:60px;
	overflow:hidden;
}

#featured-popular-posts img{
	width:100px;
}

#featured-popular-posts li .title{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	line-height:17px;
	margin:0px 0px 10px;
	padding:3px 5px 0px 50px;
	color:#333;
}

#featured-popular-posts li .count{
	position: absolute;
	text-align: center;
	line-height: 14px;
	font-size: 13px;
	top:8px;
	left:3px;
	margin:0px;
}

#pickupad{
	width:336px;
	height:280px;
	float:left;
	padding:15px 0px 0px;
	margin-bottom:15px;
	text-align:center;
}

/*個別記事トップ関連記事*/

#single_relatedPosts{
	position:relative;
	margin:0px;
	padding:15px 30px;
	float:left;
}

#single_relatedPosts h4,
#categoribetsu h4,
#shopdata h4{
	margin:15px 0px 10px;
	padding: 0px 0px 5px;
	letter-spacing:1px;
	border-bottom: 1px solid #333;
	font-size:16px;
	clear:both;
}

#single_relatedPosts ul{
	margin:0px;
	padding:10px 0px;
	font-size:17px;
	font-weight:normal;
	border-top:1px solid #fff;
}

#single_relatedPosts #related li{
	position:relative;
	margin:10px 9px 0px;
	min-height:140px;
	vertical-align:top;
	display:inline-block;
	width:46%;
}

#single_relatedPosts #related .no-3,
#single_relatedPosts #related .no-4{
	min-height:inherit;
}

#single_relatedPosts #related a{
	display:block;
}

#single_relatedPosts #related img{
	margin:0px 10px 0px 0px;
	border:1px solid #fff;
	box-shadow:0px 1px 2px #bbb;
	width:100px;
	float:left;
}

#single_relatedPosts #related span.title{
	font-size:13px;
	vertical-align:top;
	letter-spacing:1px;
	line-height:140%;
	font-weight:normal;
	padding:0px;
	display:block;
	float:left;
	width:60%;
}

#single_relatedPosts #related a{
	text-decoration:none;
}

#single_relatedPosts{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

#single_relatedPosts a:link,
#single_relatedPosts a:hover,
#single_relatedPosts a:visited{
}

#single_relatedPosts #related .count{
	position:absolute;
	top:0px;
	left:0px;
	letter-spacing:1px;
	font-size:12px;
	font-weight:normal;
	background:#777;
	padding:3px 5px;
	color:#fff;
	z-index:1;
	width:2em;
	text-align:center;
}


#single_relatedPosts #related .count:after{
	position: absolute;
	bottom:-3px;
	left:1.25em;
	content: "";
	width:0px;
	height:0px;
	border-top:4px solid #777;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}


/*レコメンドヒストリー*/

.history{
	width:100%;
	margin:0px 0px 5px;
	clear:both;
	letter-spacing:-5px;
}

.history h2{
	border:none;
	padding:6px 0px 4px;
	margin-top:15px;
	margin-bottom:5px;
	background:rgb(162, 53, 92);
	color:#fff;
	text-align:center;
	letter-spacing:1px;
}

.history img{
	width:132px;
	margin:0px 0px 4px;
	border:4px solid #fff;
	box-shadow:0px 3px 4px #bbb;
	height:auto;
}

.history dl{
	display:inline-block;
	width:142px;
	margin:10px 20px 5px;
	vertical-align:top;
	letter-spacing:normal;
}

.history dt a,
.history dd a{
	font-weight:normal;
}

.history dd{
	padding:3px 0px 0px;
	font-size:12px;
}


/*関連記事*/

#content #colLeft #relatedPosts {
	width:100%;
	margin:0px;
}

#content #colLeft #relatedPosts ul {
	margin:0px;
	background:none;
	font-size:10px;
}	

#content #colLeft #relatedPosts li{
	width:17.5%;
	height:auto;
	vertical-align:top;
	display:inline-block;
	margin:0px 7px; 
	padding:0px;
}

/*firefox3.xx*/
#content #colLeft #relatedPosts li , x:-moz-any-link{
	margin:0px 0.5%; 
}

#content#colLeft #relatedPosts li .hover{
	margin:0px;
	padding:3px 0px;
	line-height:1.3;
	height:auto;
}

/*補足*/

#content #colLeft #hosoku{
	margin:0px;
	padding:0px;
}

#content #colLeft #hosoku li{
	margin:0px;
	padding:10px 20px 10px 0px;
	width:120px;
	background:none;
	list-style-type:none;
	font-size:12px;
	display: inline-block;
	vertical-align: top;
}

#content #colLeft #hosoku li img{
	width:120px;
}

/*スポンサー*/

.sponsor{
	width:100%;
	margin:0px;
	padding:15px 0px 10px;
	float:left;
	letter-spacing:normal;
	position:relative;
}

.sponsor .no1{
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:336px;
	height:280px;
}

.sponsor .no2{
	float:right;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:336px;
	height:280px;
}

.sponsor .no2 a{
	color:#555;
}

.single_top{
	float:left;
	width:100%;
	margin:0px;
	padding:15px 0px 0px;
	position:relative;
}

.single_top .detail{
	float: left;
	width: 370px;
	height:280px;
	overflow: hidden;
	position:relative;
	margin-right:0px;
	padding:0px 15px 0px 15px;
}

.single_top .detail p{
	line-height:normal;
}

.single_top .detail h1 a{
	text-decoration:none;
	color:#333;
}

.single_top #image{
	padding:0px 15px 0px 0px;
	margin:0px;
	position:absolute;
	right:0px;
}

.single_top .detail #cat_tag{
	position:absolute;
	bottom:0px;
	left:15px;
	padding:0px;
	font-size:12px;
}

.single_top .detail #cat_tag p{
	line-height:150%;
}

.single_top .detail .date {
	font-size:14px;
	margin:5px 0px;
}

.single_top .detail a{
	width:380px;
	display:inline;
/*	font-weight:bold;*/
}


/* -------------------------------
ソーシャルボックス
----------------------------------*/

#social{
	position:relative;
	clear:both;
	display:block;
	padding:17px 0px 14px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #F3F2EA;
}

#content #colLeft #single_social{
	clear:both;
	padding:5px 5px 5px 0px;
	margin:5px 0px;
	position:relative;
	height:30px;
}

#content #colLeft #single_social li{
	display:inline-block;
	background-image:none;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align: center;
}

#content #colLeft #single_social #tw{
	position:absolute;
	top:0px;
	left:0px;
}

#content #colLeft #single_social #fb{
/*	position:absolute;
	top:0px;
	left:95px;*/
	position: absolute;
	top: -5px;
	left: 206px;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
	display: none !important;
}


#content #colLeft #single_social #gplus{
	position:absolute;
	top:0px;
	left:165px;
}

#content #colLeft #single_social #hb{
	position:absolute;
	top:0px;
	left:75px;
}

#content #colLeft #single_social_under{
	clear:both;
	margin:0px;
	position:relative;
	text-align:center;
	width:55%;
	float:left;
}

#content #colLeft #single_social_under li{
	display:inline-block;
}

#content #colLeft #single_social_under #tw{
}

#content #colLeft #single_social_under #fb{
	vertical-align: bottom;
}

#content #colLeft #single_social_under #gplus{
}

#content #colLeft #single_social_under #hb{
}

#single_fw{
	text-align: center;
	width: 45%;
	display: inline-block;
	vertical-align: top;
}



/*サブタイトル*/

#sub{
	clear:both;
	margin:0px 10px;
}

#sub img{
	width:100%;
	border:none;
	position:absolute;
	left:0px;
	top:0px;
}

#sub .subtitle_head{
	padding:10px 0px 0px;
	font-size:13px;
	width:100%;
	line-height:25px;
	font-weight:normal;
	text-align:center;
}

/*トラックバック*/

.trackback{
	margin: 5px 0px 3px;
	padding:10px;
	background:#eee;
}

.trackback input{
	width:600px;
	background:none;
	border:none;
	padding:0px;
	margin:0px;
}

/*ピンバック表示*/

#track_ping{
	padding:10px 0px;
	list-style-type:none;
}

#track_ping li{
	background:none;
	padding-left:0px;
}


/*スクロール*/
#back-top{
	width:100%;
	text-align:center;
	background:#F8F7F0;
	border-top:1px solid #fff;
	border-bottom:1px solid #F0EFE4;
}

#back-top a{
	display: block;
	padding:5px 0px 2px;
	color:#ddd;
	width:100%;
	margin:0px auto;
}

#back-top a:hover{
}

/*トップページスライド*/

.featured_slider {
	margin-top:0px;
	padding:0px;
	position: relative;
	width:730px;
	background:rgb(185, 18, 51);
}
.full-sized.featured_slider {
	padding-top: 0px;
	background: none;
}

.featured_slider #slider_root {
	overflow: hidden;
	position: relative;
	height: 280px;
	width: 690px;
}

.featured_slider .slider_items {
	position: absolute;
	width: 20000em;
	height: 100%;
}

/*全体*/

.slider_post {
	float: left;
	position: relative;
	height: auto;
}

.slider-entry-wrap {
	margin: 0px;
	width:730px;
	height:300px;
}

.block-button,
.block-button:visited {
	background:#eee;
	opacity:0.9;
	cursor: pointer;
	display: block;
	width:150px;
	font: bold 12px arial;
	padding: 5px 15px 6px;
	position: absolute;
	bottom:10px;
	right:10px;
	color:#555;
	text-decoration: none;
}

.block-button:hover,
.button:hover,
#commentform #submit:hover {
	cursor: pointer;
	text-decoration: none;
}

.slider_nav {
	clear: both;
	position: absolute;
	right: 12px;
	top: 10px;
	text-align: right;
}

.slider_nav li{
	margin:0px 0px 10px 0px;
}

.full-sized .slider_nav {
	right: 0;
	}
.slider_nav a span {
	display: none;
}
.slider_nav a,
.slider_nav a:visited {
	display: inline-block;
	margin-left: 0px;
	-webkit-transition: all 30ms linear;
	-moz-transition: all 30ms linear;
	-o-transition: all 30ms linear;
	-ms-transition: all 30ms linear;
	transition: all 30ms linear;
	width:15px;
	height:15px;
	position:relative;
	border-radius:15px;
	background:rgb(85, 0, 17);
}

.slider_nav a.active,
.slider_nav a.active:visited{
	background:rgb(248, 123, 123);
}

#new_entry{
	clear:both;
	padding:0px 15px;
}


#new_entry .title span{
	font-size:16px;
}

.slider-arrows a{
	margin-top:12%;
	padding: 8px 10px;
	text-align: center;
	background: #F5F4E8;
	border: 1px solid #ECE9D9;
	border-radius: 30px;
}

.slider-arrow--right{
	position:absolute;
	top:0px;
	right:0px;
}

.slider-arrow--left{
	position:absolute;
	top:0px;
	left:0px;
}

.slide{
	width:530px;
	margin:0px;
}

.slide .box{
}

.slider {
	position: relative;
	overflow: hidden;
	width:100%;
	margin-bottom:15px;
}
	
	.slides {
		height: 100%;
		/* Simple clear fix */
		overflow: hidden;
		list-style: none;
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}

#new_entry .slide h2{
	text-align:left;
	font-size:130%;
	font-weight:normal;
	line-height:20px;
	margin:0px 0px 0px 36%;
	border:none;
}

#new_entry .slide h2 a{
	color:#333;
}

.slide .discription{
}

#new_entry .slide .category{
	color:#555;
	text-align:left;
	font-size:13px;
	margin:3px 0px 7px 36%;
	z-index:1;
}

#new_entry .slide .category a{
	background:#B8B4A2;
	color:#fff;
	padding:2px 5px 4px;
	border-radius: 3px;
}

#new_entry .slide .image{
	overflow:hidden;
	margin:20px 9% 0px;
	position:relative;
}

#new_entry .slide img{
	float:left;
	margin-bottom:20px;
	margin-right:2%;
	max-width:40%;
	z-index:1;
	border:1px solid #fff;
	box-shadow:0px 1px 1px #bbb;
}

#new_entry .slide .date{
	color:#555;
	margin:0px auto 0px;
	text-align:center;
	font-size:24px;
	line-height:24px;
	padding:10px 0px 5px 5px;
}

#new_entry .slide .subtitle_head{
	margin:0px auto;
	width:80%;
	text-align:center;
	font-size:11px;
}

#new_entry .slide .readmore{
	margin:0px;
	clear:both;
	text-align:center;
}

#new_entry .slide .readmore a{
	padding:9px 22px 8px;
	background:#F5F4E8;
	border: 1px solid #ECE9D9;
	border-radius: 6px;
	display:block;
}

#new_entry .slide .readmore a:link,
#new_entry .slide .readmore a:hover,
#new_entry .slide .readmore a:visited{
}


/*張り付き*/

#sticky {
	width: 300px;
	position: absolute;
	margin:0px 0px;
	padding-top:0px;
}
#sticky.fixed {
	position: fixed;
	top: 0px;
}

/*購読ボタン*/

#subscribe-blog input[type="submit"]{
	font-size:11px;
	color:#fff;
	-webkit-transition: all 30ms linear;
	-moz-transition: all 30ms linear;
	-o-transition: all 30ms linear;
	-ms-transition: all 30ms linear;
	transition: all 30ms linear;
	width:35px;
	height:35px;
	position:relative;
	border-radius: 18px;
	border:none;
	background:#e05943;
	box-shadow: inset 0px 1px 0px #c83542, 0px 3px 0px 0px #a42c02, 0px 4px 3px #999;
}

#subscribe-blog input[type="submit"]:active{
	top:3px;
	box-shadow: inset 0px 0px 1px #F0E9C9, 0px 2px 0px 0px #a42c02, 0px 2px 3px #999;
}

.success{
	font-size:11px;
	background:#7FED79;
	color:#555;
}

.success p{
	padding:10px;
}

.error{
	font-size:11px;
	font-weight:bold;
	color:#ff0000;
}

/*ショップデータ*/

#shopdata{
	padding:0px 30px;
	margin:0px;
}

#shopdata ul{
	padding:15px 0px;
}

#shopdata li{
	display:inline-block;
	width:29%;
	margin:10px 10px 5px;
	padding:0px;
	vertical-align:top;
	background:none;
	position:relative;
}

#shopdata li a{
	text-decoration:none;
}

#shopdata img{
	width:80px;
	margin:0px 5px;
	border:1px solid #fff;
	box-shadow:0px 1px 1px #ddd;
	float:left;
}

#shopdata span{
	padding:4px 0px 0px;
	font-size:12px;
	font-weight:normal;
	overflow:hidden;
}

#contact_form{
	width:45%;
	display:inline-block;
	margin:10px 0px 0px;
	padding:0px 0px 0px 15px;
}

#contact_form .text,
.boxFooter .textwidget{
	padding-top:10px;
	border-top:1px solid #fff;
}


.hatena-modulebody{
	padding: 0px 10px;
}

.hatena-bookmark-widget-title,
.hatena-bookmark-widget-footer{
	display:none;
}

.hatena-bookmark-widget-body ul{
	padding:0px 10px;
}

.hatena-bookmark-widget-body li{
	position:relative;
}

.hatena-bookmark-entrytitle{
}

.hatena-bookmark-count a{
	background: #ffdddd;
	color: #ff4444;
	padding: 0px 2px;
	position:absolute;
	bottom:5px;
	right:0px;
	text-decoration: underline;
}

#colLeft .fb-like-box,#colLeft .fb-like-box span,#colLeft .fb-like-box iframe{
	width:100% !important;
}


/*feedlyボタン*/

.rss img,
.feedly img{
	border-radius:0px;
}


/*コメントフォーム*/

#comment{
	clear:both;
	padding:15px;
	border-top:3px solid #eee;
	box-shadow:0px 1px 2px #ddd;
}

#comment h3{
	padding:10px 0px 5px 5px;
	margin:0px 0px 15px;
	border-bottom:1px solid #bbb;
	font-size:16px;
	color:#555;
}


/*目次*/

.toc_widget_list{
	font-size:11px;
}

.toc_widget_list li{
	position:relative;
	border-bottom:1px dotted #ccc;
	padding:0px !important;
}

.toc_widget_list li a{
	display:block;
	padding:5px 0px 5px;
}

.toc_widget_list li span{
	position:absolute;
	left:2px;
	margin-right:5px;
	padding:5px 4px 4px;
	width:18px;
	display:block;
	float:left;
	border-radius:2px;
	background:#E7BBBD;
	color:#fff;
	text-shadow:0px 1px 1px #bbb;
	text-align:center;
	line-height:7px;
	box-shadow:0px 2px 0px #C79797;
}

#toc-widget-2{
	width: 300px;
}

.toc_widget_list{
	padding: 0px 10px;
	border-top: 1px solid #fff;
}

#toc-widget-2.fixed {
	position: fixed;
	top:0px;
	opacity:0.7;
}

#toc-widget-2.fixed:hover{
	opacity:1;
}

.commentlist div{
	position:relative;
}


#comment_social{
	text-align:right;
	margin-right:10px;
}

#comment_social p{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
	width:20px;
	line-height:21px;
	margin-bottom:0px;
}

#content #colLeft ul.commentlist .reply{
	width:46px;
	height:21px;
	font-size:10px;
}

#content #colLeft ul.commentlist .reply a {
	color:#FFF;
	display:block;
	width:46px;
	height:21px;
	background:url(images/bk_link_reply.png) 0 0 no-repeat;
}

#tw_button a{
	display:block;
	border-radius:2px;
	background:url(./images/profile/ico_tw.png) center center no-repeat;
	background-size:21px;
}

#fb_button a{
	display:block;
	border-radius:2px;
	background:url(./images/profile/ico_fb.png) center center no-repeat;
	background-size:21px;
}

#g_button{
	background:url(./images/profile/ico_gplus.png) center center no-repeat;
	background-size: 21px;
	cursor:pointer;
}




#ncpfb{
	
}

#ncpfb #bg{
	background: #EEECE3;
	margin: 0px;
	border: 1px solid #FFF;
	box-shadow: 0px 0px 1px #DDD7D7;
}



#book_image{
	float:left;
	margin:0px 10px 5px 0px;
}

#book_text{
}

#book_intro{
	clear:both;
}

#book_intro a:link{
	text-decoration:underline;
}


#subscribe{
	float:left;
	width:100%;
	position:relative;
}


.jetpack_subscription_widget{
	width:48%;
	float:left;
	text-align:left;
	clear:both;
	position:relative;
	height:120px;
	margin:10px 0px 15px;
}

#subscribe-email{
	width:49%;
	position:absolute;
	left:0px;
}

#subscribe-email input{
	width:98%;
	padding:7px !important;
	border:none;
	background:#FCFBF5;
}

#subscribe-submit{
	width:47%;
	position:absolute;
	right:0px;
}

#subscribe-submit input{
	width:100%;
	height:25px;
	padding:0px;
	margin:0px;
	color:#fff;
	cursor:pointer;
	position:relative;
	box-shadow:inset 0px 1px 0px #C53B72, 0px 2px 0px 0px #7A1A1A, 0px 3px 2px #999;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P明朝", "MS PMincho", "Oxygen", "sans-serif";
	background:-moz-linear-gradient(#E02836, #92030D);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E02836), to(#92030D));
	background:-webkit-linear-gradient(#E02836, #92030D);
	background:linear-gradient(#E02836, #92030D); /* IE10, Firefox 16.0+, Opera 12.50+ */
	border:none;
}


/*新着記事*/
#npcatch{
	padding:0px 10px;
	border-top: 1px solid #fff;
}

#npcatch li{
	margin:0px;
}

#npcatch img{
	width:100px;
}

#text-28 .textwidget,
#text-22 .textwidget,
#text-10 .textwidget{
	padding-top:0px;
	border-top:none;
}

#text-28,
#text-10{
	text-align:center;
}

/*Newpost Catch専用ページ*/
#npc_page{
	margin: 25px 0px;
}

#npc_page #account{
	text-align:center;
}

#npc_page #tw,
#npc_page #fb,
#npc_page #gplus{
	display:inline-block;
	height:64px;
	width:210px !important;
	margin-bottom:5px;
	background:#EEECE3;
	border:1px solid #fff;
	box-shadow:0px 0px 1px #ccc;
	position:relative;
	vertical-align:top;
	overflow:hidden;
}

#npc_page #tw iframe{
	margin-top:24px;
	width:190px !important;
	text-align:center;
}

#npc_page #fb{
}

#npc_page #gplus p{
	margin-top:24px;
}

#npc_page{
}


#pop_cat{
	margin:1px;
	padding:10px;
	background:#fdfdfa;
	box-shadow: 0px 0px 1px #d8d7c9;
}

#pop_cat li{
	position:relative;
	clear:both;
	padding: 10px 0px;
	min-height:83px;
}

#pop_cat .count{
	position:absolute;
	top:11px;
	left:1px;
	padding:0px 7px;
	background:#000;
	color:#fff;
	z-index:1;
}

#pop_cat img{
	position:absolute;
	box-shadow: 0px 1px 1px #bbb;
	border: 1px solid #fff;
}

#pop_cat .title{
	display: block;
	font-size: 1.1em;
	padding-left: 115px;
}

#pop_cat h2:before{
	font-family: "dashicons";
	content: "\f147";
	vertical-align: top;
	margin-right:5px;
	background: #76BCE0;
	color: #fff;
	border-radius: 2px;
}

/*----------------------------------------------------------------------*/
/*- MEDIA QUERY  layouts smaller than 320px and mobiles 
----------------------------------------------------------------------*/

@media only screen  and (min-width: 0px) and (max-width: 320px) {
/*-------------------------
スマホサイズ
-------------------------*/

	#wrapper{
		width:320px;
	}

	#content {
		margin:0px;
		padding:0px;
	}

	#colLeft{
		clear:both;
		width:100%;
		margin:0px;
	}

	#colRight{
		clear:both;
		width:100%;
		margin:0px;
		position:static;
	}

	.postBox{
		padding:0px;
	}

	#logo{
		margin:0 auto;
		padding-bottom:0px;
	}

	#social_profile{
		position:relative;
		top:0px;
		left:0px;
		text-align:center;
		padding-bottom:20px;
	}

	#footerInner,
	.boxFooter,
	.contact,
	.plofile{
		width:100%;
	}

}

@media only screen and (min-width: 321px) and (max-width:865px) {

	#wrapper,
	#colLeft{
		max-width:750px;
	}

	#content{
		padding-right:0px;
	}

	.postBox{
	}

	#colLeft{
		margin:0px auto;
	}

	#colRight{
		clear:both;
		position:relative;
		width:100%;
		margin:15px auto;
	}

	#logo{
	}

	.ddsmoothmenu{
		margin-top:15px;
	}

	.ddsmoothmenu ul li a{
		padding:0px 8px;
	}

	#searchform input{
	}

	#searchform input.submit {
	}

	.cat_paging .alignleft .thumb,
	.cat_paging .alignright .thumb{
		width: 28%;
	}

	.cat_paging img{
		width:100%;
	}

	#head{
	}

	.single_top .detail{
		float:none;
		width:auto;
		height:auto;
	}

	.single_top #image,
	.single_top .detail #cat_tag{
		position:static;
		text-align:center;
		margin:10px 0px;
	}

	.single_top #image{
		padding:0px;
	}

	.rightBox{
		margin-bottom:15px;
		padding:0px 15px;
	}

	#pop_cat{
		margin:0px 25px;
	}

	#colRight h2{
		font-size:18px;
	}

	#text-4 dt{
		float:left;
		margin-right:10px;
		width:40%;
	}

	#ncpfb{
		text-align:center;
	}
	
	.popular_posts .title,
	#npcatch .title,
	.popular_posts_category .title,
	.hatena-bookmark-entrytitle{
		width: 80%;
		font-size: 140%;
		line-height: 140%;
	}

	#pop_cat .title{
		font-size: 140%;
		line-height: 140%;
	}

	.popular_posts .title{
		display:block;
		padding-left:75px;
		float:none;
		width:auto;
	}

	.hatena-bookmark-entrytitle{
		display:block;
	}

	.popular_posts .views{
/*		width:50%;*/
	}

	#npcatch img{
		width:17%;
	}

	.hatena-bookmark-widget-body li{
		width: 100%;
	}

	#shopdata li{
		width:auto;
	}

	#shopdata span {
		font-size: 130%;
		line-height: 140%;
		width: 80%;
	}

	#toc-widget-2{
		display:none;
	}

	#footerInner{
		max-width:750px;
	}

	#footer_center{
		width: 100%;
		margin: 40px 0px 30px;
	}

	.sponsor {
		width: 100%;
		margin: 0px;
		padding: 15px 0px 10px;
		float: none;
	}

	.sponsor .no1,
	.sponsor .no2{
		float:none;
		margin:0px auto 10px;
	}

	.home .sponsor,
	.search .sponsor,
	.search-results .sponsor,
	.archive .sponsor{
		float: left;
	}

	.wpcf7 .name input, .wpcf7 .mail input{
		width:92%;
	}

	.wpcf7 .messages textarea{
		width:95%;
	}

	#header_top{
	}

	.header_category{
		width:750px;
	}

	.header_category dl{
		width:231px;
		position:relative;
		display:inline-block;
		letter-spacing:1px;
		margin:0px 6px 11px;
		vertical-align:top;
		box-shadow:0px 0px 5px #bbb;
	}

	.header_category dl dt{
		height:105px;
		overflow:hidden;
		text-align:center;
		background:#fff;
	}

	#footerInner .boxFooter,
	#footerInner #contact_form{
		width:auto;
		margin: 10px 25px;
		padding: 0px;
		font-size: 110%;
	}

	#copyrightInner{
		padding:7px 12px;
	}

	#featured_cat_box dt img{
	}

	#new_entry .slide h2,
	#new_entry .slide .category{
		margin-left:36%;
	}
}

@media only screen and (min-width: 866px) and (max-width:1080px) {

	.single_top .detail{
		float:none;
		width:auto;
		height:auto;
	}

	.single_top #image,
	.single_top .detail #cat_tag{
		position:static;
		text-align:center;
		margin:10px 0px;
	}

	.cat_paging .alignleft .thumb,
	.cat_paging .alignright .thumb{
		width: 28%;
	}

	.cat_paging img{
		width:100%;
	}

	.sponsor {
		width: 100%;
		margin: 0px;
		padding: 15px 0px 10px;
		float: none;
	}

	.sponsor .no1,
	.sponsor .no2{
		float:none;
		margin:0px auto 10px;
	}

	.home .sponsor,
	.search .sponsor,
	.search-results .sponsor,
	.archive .sponsor{
		float: left;
	}


	#shopdata li{
		width:auto;
	}

	#shopdata span{
		font-size: 130%;
		line-height: 140%;
		width:80%;
	}

	#single_relatedPosts h4,
	#categoribetsu h4,
	#shopdata h4{
		font-size:22px;
	}

	#single_relatedPosts #related span.title{
		font-size:15px;
	}
}

@media only screen and (min-width: 321px) and (max-width:1080px) {

	#pickupad{
		float:none;
		width:auto;
	}

	#featured-popular-posts li{
		width:auto;
		margin:0px 0px 10px;
		display: inherit;
	}

	#single_relatedPosts #related li{
		min-height:70px;
		width:100%;
	}

	#single_relatedPosts #related span.title{
		float:none;
		width:auto;
	}

}

@media only screen and (min-width: 0px) and (max-width:520px) {
	#new_entry .slide img{
		float:none;
		max-width:100%;
		margin-bottom:10px;
	}

	#new_entry .slide .image{
		text-align:center;
	}

	#new_entry .slide h2,
	#new_entry .slide .category{
		margin-left:0px;
	}

	#new_entry .slide .category{
		position: absolute;
		top: 0px;
		left: 0px;
		margin-top:2px;
	}

	#featured_cat_box{
		width:100%;
	}

	#featured_cat_box dt img{
		width:100%;
		max-width:100%;
	}
}

@media only screen and (min-width: 521px) and (max-width:1080px) {
	#featured_cat_box{
		width:100%;
	}

	#featured_cat_box dl{
		float:left;
		width:31%;
		height:auto;
	}

	#featured_cat_box dd,
	#featured_cat_box dt{
		width:100%;
		float:none;
	}

	#featured_cat_box dd{
		margin-top:10px;
	}

	#featured_cat_box ul{
		width:64%;
		float:left;
	}
}

#hnav{
	width:100%;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 10;
	background: #F7F6EF;
	border-bottom: 1px solid #F1EFE4;
	-webkit-transform: translateZ(0);
}

/*ナビゲーション*/

#nav{
	float:left;
}

#home{
	float:left;
	line-height: 37px;
	border-right: 1px solid #F1EFE4;
}

#home a,
#toggle a{
	width: auto;
	height: 38px;
	padding: 0px 10px 0px;
	display:block;
	font-size:12px;
}

#home .icon:before{
	font-family: "dashicons";
	content: "\f102";
	font-size:20px;
	vertical-align:top;
	padding-right:2px;
}

/*全カテゴリパネル*/

#allpanel{
	display:none;
	width: 100%;
	background:#DBD8C5;
}

#allpanel .category,
#allpanel .page{
	width: 50%;
	float:left;
	vertical-align: top;
}

#allpanel .category strong,
#allpanel .page strong{
	margin: 10px;
	display:block;
}

#allpanel .category ul,
#allpanel .page ul{
	margin: 10px 15px;
	padding: 15px 0px 0px;
	border-top: 1px dotted #555;
	font-size:11px;
}

#allpanel .category strong:before{
	font-family: "dashicons";
	content: "\f203";
	font-size:20px;
	vertical-align:top;
	padding-right:2px;
}

#allpanel .page strong:before{
	font-family: "dashicons";
	content: "\f498";
	font-size:20px;
	vertical-align:top;
	padding-right:2px;
}

#allpanel ul li{
	margin-right: 20px;
	margin-left: 15px;
	margin-bottom: 4px;
	float: left;
	list-style-type: square;
}

#allpanel ul li span{
	background: #E9E7D3;
	padding: 0px 0.3em;
	border-radius: 5px;
	border: 1px solid #F1F1E7;
}

#toggle{
	float:left;
	line-height: 37px;
	border-right: 1px solid #F1EFE4;
}

#toggle .active{
	background:#DBD8C5;
}

#toggle .icon:before{
	font-family: "dashicons";
	content: "\f333";
	font-size:20px;
	vertical-align:top;
	padding-right:2px;
}

@media screen and (max-width:820px){
	#allpanel .category,
	#allpanel .page{
		width: 100%;
	}

	#allpanel .page{
		margin-bottom:20px;
	}
}

/*ナビゲーション*/

#nav li{
	text-align:center;
	position:relative;
	float:left;
}

#nav li a{
	display:block;
	height:38px;
	line-height:38px;
	font-size:12px;
	padding:0px 10px;
}

#nav .children-0 a,
#nav .children-1 a{
	height: 30px;
	line-height: 30px;
	width: 100%;
	background: #E6E4D7;
	border-top: 1px solid #D8D7CA;
}

#nav .children-1 a{
	width:100%;
}

#nav li .children-0 li,
#nav li .children-1 li{
	width:110px;
}

#nav li .children-0{
	display:none;
	position:absolute;
	top:38px;
	left:0px;
	width:100%;
}

#nav li .children-0 li .children-1{
	display:none;
	position:absolute;
	top:0px;
	left:130px;
	width:100%;
}

#nav li:hover .children-0{
	display:block;
	background:#E6E4D7;
}

#nav .children-0 li:hover .children-1{
	display:block;
	background:#E6E4D7;
}


#nav li:hover > a{
	background:#E6E4D7;
}

#nav li:hover a:hover{
	background:#DBD8C5;
}

#nav li.cat-item-8 a:after,
#nav li.cat-item-33 a:after {
	font-family: "dashicons";
	font-size:20px;
	content: "\f140";
	vertical-align:top;
}

#nav .children-0 li a:after {
	content: "";
}

#like{
	border:none;
	padding: 33px 20px 0px 20px;
	overflow:hidden;
	width:102px;
	height:56px;
	float:left;
/*	border-right: 1px solid #F7F6EF;*/
}

@media screen and (max-width:820px){
	#nav > ul li:nth-child(n){
		display:none;
	}
}
@media screen and (max-width:880px){
	#nav > ul li:nth-child(3){
		display:none;
	}
}
@media screen and (max-width:940px){
	#nav > ul li:nth-child(4){
		display:none;
	}
}
@media screen and (max-width:1000px){
	#nav > ul li:nth-child(5){
		display:none;
	}
}
@media screen and (max-width:1060px){
	#nav > ul li:nth-child(6){
		display:none;
	}
}
@media screen and (max-width:1120px){
	#nav > ul li:nth-child(7){
		display:none;
	}
}
@media screen and (max-width:1200px){
	#nav > ul li:nth-child(8){
		display:none;
	}
}
@media screen and (max-width:1260px){
	#nav > ul li:nth-child(9){
		display:none;
	}
}

#hfeed{
	float:right;
	padding:0px 5px;
}

#hfeed .rss,
#hfeed .feedly{
/*	text-indent:-9999px;*/
}

#hfeed span{
	display:inline-block;
}

#hfeed a{
	padding:0px 5px;
	line-height: 37px;
	display:block;
}

#hfeed .rss a:before{
	font-family: "dashicons";
	font-size:18px;
	content: "\f303";
	vertical-align:top;
}

#hfeed .feedly a{
	background: url(./images/feedly.svg) center left no-repeat;
	background-size:17px 17px;
	padding-left:20px;
}

/*検索*/
#search_toggle{
	border-right: 1px solid #F1EFE4;
}

#search_toggle a{
	display:block;
	line-height:38px;
	padding:0px 10px 0px 0px;
}

#search_toggle .icon:before{
	font-family: "dashicons";
	font-size:18px;
	content: "\f179";
	vertical-align:top;
}

#searchbox{
	display:none;
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
	clear: both;
	width:100%;
	background:#F0EEE5;
	height: 45px;
}

/*シェアグラフ・ボタン*/
#sharebox{
	text-align:center;
}

#social p{
	padding:5px 0px 5px;
	text-align:center;
}

#social .under{
	width:45%;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
}

#social .under a{
	width:36%;
}

#chart_wrap{
	width:40%;
	height:40%;
	display:inline-block;
}

.dashicons-chart-pie{
	width: 40%;
	height: 40%;
	font-size: 100%;
	vertical-align: middle;
	color: #D6D6BC;
	text-shadow: 1px 1px 1px #FFF;
}

#donutchart{
	width:40%;
	display: inline-block;
	vertical-align: middle;
}

#sharebox .share:before{
	font-family: "dashicons";
	font-size: 26px;
	content: "\f242";
	vertical-align: top;
	color: #D6D6BC;
	text-shadow: 1px 1px 1px #FFF;
}

#sharebox .share span,
#single_fw .subscribe span{
	font-family: 'Tangerine';
	font-size: 36px;
	font-weight: bold;
	margin-right: 5px;
	color: #D6D6BC;
	text-shadow: 1px 1px 1px #FFF;
}

#single_fw .subscribe:before{
	font-family: "dashicons";
	font-size:26px;
	content: "\f502";
	vertical-align:top;
	color: #D6D6BC;
	text-shadow: 1px 1px 1px #FFF;
}

/*シェアボタン*/

#share{
	margin:0px;
}

#share li,
#single_fw li{
	display:inline;
	font-size:13px;
	margin:0px;
	text-align:center;
}

#share li a,
#single_fw a{
	color:#fff;
	width:38%;
	padding:10px 3px;
	display:inline-block;
	border-radius:2px;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:5px;
}

#share #tw a{
	background:#3D98BE;
	border-bottom: 1px solid #2F7F96;
}

#share #tw a:before{
	font-family: "dashicons";
	font-size: 23px;
	content: "\f301";
	padding-right: 3px;
	vertical-align: top;
}

#share #fb a{
	background:#3D659D;
	border-bottom: 1px solid #2E4D86;
}

#share #fb a:before{
	font-family: "dashicons";
	font-size: 25px;
	content: "\f305";
	padding-right: 3px;
	vertical-align: top;
}

#share #gplus a{
	background:#CE3D2B;
	border-bottom: 1px solid #8D2D1D;
}

#share #gplus a:before{
	font-family: "dashicons";
	font-size: 24px;
	content: "\f462";
	padding-right: 3px;
	vertical-align: top;
}

#share #hb a{
	background:#3083DD;
	border-bottom: 1px solid #3E6EB8;
}

#share #hb a:before{
	font-size: 21px;
	font-weight:bold;
	content: "B!";
	padding-right: 3px;
	vertical-align: top;
}

#single_fw a{
	vertical-align:top;
}

#single_fw .rss a{
	background: #F2772E;
	border-bottom: 1px solid #A05420;
}

#single_fw .rss .dashicons-rss{
	font-size: 30px;
	display: block;
	width: 100%;
	padding: 0px 0px 10px;
}

#single_fw .feedly a{
	background: #7CAD4C;
	border-bottom: 1px solid #537634;
	text-align: center;
}

#single_fw .feedly a svg{
	height: 30px;
	width: 100%;
	display: block;
}

@media screen and (max-width: 820px){
	#share #tw span,
	#share #fb span,
	#share #gplus span,
	#share #hb span,
	#single_fw .rss span,
	#single_fw .feedly span{
		display:none;
	}
}