/* theme name: pc */
@font-face {
	font-family: number;
	src: local('Arial');
	unicode-range: U+0030-0039, U+FF10-FF19;
}
* {
	word-break: break-all;
	font-family: number;
}
body {
	font-size: 12px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #333;
	background: #efebdc;
	font-family: number;
}
a {
	color: #333;
	text-decoration: none;
	transition: 0.2s;
}
a:hover {
	color: #ff7555;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}

.del_img {
	font-weight: normal;
	color: #ccc;
}


/* 全体幅 */
#header, .menu_bar, #footer, #entry_header, #archive_header, #breadcrumb {
	min-width: 1048px;
}
.header_in, .menu_list, #container, .footer_in, .entry_header_in, .archive_header_in, #breadcrumb ul {
	width: 1048px;
	margin: 0 auto;
}


/* レイアウト */
#main, #sidebar {
	float: left;
}
#container {
	//display: flex;
	//-webkit-display: flex;
	//justify-content: space-between;
}
#container:after {
	content: "";
	display: block;
	clear: both;
}
#main {
	width: 692px;
}
#sidebar {
	width: 336px;
	margin-left: 20px;
}



/* 広告 */
#sidebar .ad {
	margin-top: 20px;
}
.ad.pager_under {
	margin-bottom: 20px;
}
.ad_twin {
	margin: 30px 36px 0;
}
.ad_twin .ad {
	float: left;
	width: 300px;
}
.ad_twin .ad:last-of-type {
	margin-left: 20px;
}
.ad_twin:after {
	content: "";
	display: block;
	clear: both;
}
.entry_contents .ad {
	width: 336px;
	margin-top: 20px;
}
.entry_contents .ad span {
	font-size: 10px;
	font-weight: normal;
	color: #999;
	margin: 0 !important;
	padding: 0 !important;
}
#comments .ad {
	width: 692px;
	margin: 20px auto 0;
}



/* カテゴリカラー */
.cat_11, .cat_11 a { color: #699ebc; border-color: #699ebc; } /* ニュース */
.cat_327, .cat_327 a { color: #036eff; border-color: #036eff; } /* 漫画まとめ */
.cat_402, .cat_402 a { color: #ffb515; border-color: #ffb515; } /* 雑談 */
.cat_328, .cat_328 a { color: #ff30a5; border-color: #ff30a5; } /* ネタ・笑い */
.cat_183, .cat_183 a { color: #ff1212; border-color: #ff1212; } /* 漫画家 */
.cat_325, .cat_325 a { color: #00dd39; border-color: #00dd39; } /* 登場キャラ */
.cat_91, .cat_91 a { color: #0cc9ff; border-color: #0cc9ff; } /* セリフ・シーン */
.cat_112, .cat_112 a { color: #ff7800; border-color: #ff7800; } /* あるある */
.cat_315, .cat_315 a { color: #ae3900; border-color: #ae3900; } /* ○○な漫画教えて */
.cat_324, .cat_324 a { color: #9600ff; border-color: #9600ff; } /* 議論・考察 */



/* ヘッダー */
#header {
	background: #fff;
	padding: 20px 0;
}
.header_in {
	position: relative;
}
.site_name {
	display: inline-block;
}
.site_name img {
	height: 32px;
}
.site_desc {
	margin-top: 20px;
	font-weight: bold;
	font-size: 11px;
}
.searchform_area {
	position: absolute;
	right: 0;
	bottom: 0;
}
.searchform {
	position: relative;
}
.search_text {
	border: 1px solid #999;
	width: 240px;
	line-height: 26px;
	padding: 0 32px 0 5px;
}
.search_text:focus {
	outline: 1px solid #74bada;
	border-color: #74bada;
}
.search_submit {
	position: absolute;
	right: 1px;
	bottom: 1px;
	font-family: 'FontAwesome';
	border: none;
	background: none;
	line-height: 26px;
	font-size: 12px;
	padding: 0 10px;
	color: #999;
}
.search_submit:hover {
	cursor: pointer;
	color: #333;
}



/* メニューバー */
.menu_bar {
	background: #333;
}
.menu_bar:after {
	content: "";
	display: block;
	clear: both;
}
.menu_list li {
	display: inline-block;
	line-height: 50px;
}
.menu_list span {
	border-left: 1px solid #666;
	line-height: 24px;
	display: inline-block;
	padding: 0 15px;
}
.menu_list li:first-child span {
	border-left: none;
}
.menu_list a {
	font-weight: bold;
	color: #ccc;
	display: inline-block;
}
.menu_list a:hover {
	color: #fff;
}
.menu_list .current a {
	color: #fff;
}



/* パンくず */
#breadcrumb {
	background: #333;
	border-top: 1px solid #444;
	/*
	background-image: linear-gradient(
	-45deg,
	#444 25%,
	#333 25%, #333 50%,
	#444 50%, #444 75%,
	#333 75%, #333
	);
	background-size: 10px 10px;
	*/
}
#breadcrumb ul {
}
#breadcrumb li {
	display: inline-block;
	color: #ccc;
}
#breadcrumb li a {
	color: #ccc;
	line-height: 40px;
	padding: 0 15px;
	display: inline-block;
}
#breadcrumb li a:hover {
	color: #fff;
}
#breadcrumb li:not(:last-child):after {
	//content: ">";
	//font-family: 'ＭＳ ゴシック';
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	transform: rotate(45deg);
	vertical-align: middle;
	margin-right: 5px;
}
#breadcrumb li:last-child {
	margin-left: 15px;
}
#breadcrumb .icon-home22 {
	vertical-align: middle;
}



/* 記事ループ */
.post:after {
	content: "";
	display: block;
	clear: both;
}
.post_list li {
	float: left;
	width: 336px;
	background: #fff;
	margin-top: 20px;
}
.post_list li:nth-child(odd) {
	clear: both;
}
.post_list li:nth-child(even) {
	margin-left: 20px;
}
.post_list li a {
	display: block;
}
.post_list li a:hover .post_header {
	opacity: 0.8;
	transition: 0.2s;
}
.post_header {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.post_header:before {
	content: "";
	background: inherit;
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
.post_header:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.5;
	z-index: -1;
}
.post_thumb {
	min-width: 100%;
	height: 200px;
	position: relative;
	oveflow: hidden;
	text-align: center;
	color: #fff;
}
.post_thumb img {
	max-width: 150%;
	max-height: 150%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.post_cat {
	display: inline-block;
	line-height: 24px;
	padding: 0 10px;
	border: 1px solid;
	font-size: 11px;
	font-weight: bold;
}
.post_detail {
	padding: 20px;
}
.post_detail:after {
	content: "";
	display: block;
	clear: both;
}
.post_title {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8em;
	word-break: break-all;
}
.post_date {
	margin-top: 10px;
	color: #999;
	display: inline-block;
}
.post_detail .comments_num {
	float: right;
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	color: #fff;
	margin-top: 7px;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial';
}
.post_detail .comments_num:after {
	border-right: 6px solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	content: '';
	margin-top: -3px;
	position: absolute;
	left: -6px;
	top: 50%;
}
.post_detail .comments_false {
	background: #ccc;
}
.post_detail .comments_false:after {
	border-right-color: #ccc;
}
.post_detail .comments_true {
	background: #ffb642;
}
.post_detail .comments_true:after {
	border-right-color: #ffb642;
}



/* 記事部分 */
#entry_header {
	background-color: #000;
}
.entry_header_image {
	max-width: 1920px;
	margin: 0 auto;
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 1));
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.entry_header_image:before {
	content: "";
	background: inherit;
	filter: blur(0px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
.entry_header_image:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.7;
	z-index: -1;
}
.entry_header_in {
	padding: 20px 0;
}
.entry_thumb_in {
	width: 150px;
	height: 150px;
	position: relative;
	overflow: hidden;
	background: #fff;
	border-radius: 50%;
}
.entry_thumb img {
	max-width: 120%;
	max-height: 120%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.entry_thumb, .entry_detail {
	display: table-cell;
	vertical-align: middle;
}
.entry_detail {
	padding-left: 20px;
	width: 100%;
}
.entry_cat {
	display: inline-block;
	margin-bottom: 20px;
}
.entry_cat a {
	display: block;
	font-weight: bold;
	border: 1px solid;
	padding: 0 10px;
	line-height: 26px;
}
.entry_cat a:hover {
	border-color: #999;
	color: #999;
}
.entry_detail .comments_num {
	float: right;
	display: inline-block;
}
.entry_detail .comments_num a {
	display: block;
	position: relative;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	margin-top: 3px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	font-family: 'Arial';
}
.entry_detail .comments_num a:hover {
	text-decoration: underline;
}
.entry_detail .comments_num a:after {
	border-right: 6px solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	content: '';
	margin-top: -3px;
	position: absolute;
	left: -6px;
	top: 50%;
}
.entry_detail .comments_false a {
	background: #ccc;
}
.entry_detail .comments_false a:after {
	border-right-color: #ccc;
}
.entry_detail .comments_true a {
	background: #ffb642;
}
.entry_detail .comments_true a:after {
	border-right-color: #ffb642;
}
.entry_title {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.7em;
	word-break: break-all;
}
.entry_date {
	margin-top: 20px;
	color: #999;
	display: inline-block;
}
#entry {
	margin-top: 20px;
	padding: 20px 0;
	background: #fff;
}
.entry_sub_title {
	padding: 0 36px;
	font-size: 11px;
	line-height: 1.6em;
}
.entry_contents {
	padding: 0 36px;
	box-sizing: border-box;
}
.entry_contents:after {
	content: "";
	display: block;
	clear: both;
}
.entry_contents .quote {
	float: right;
	margin-top: 50px;
	display: inline-block;
	font-size: 11px;
}
.entry_contents .quote:before {
	content: "(´･∀･`)つ（元ｽﾚ ";
}
.entry_contents .quote:after {
	content: "）";
}
.entry_contents .quote a:not(:hover) {
}
.entry_contents img {
	margin-top: 10px;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	padding: 5px;
	background: #fff;
}
.entry_contents img:hover {
	opacity: 0.8;
}
/*
.content_img {
	margin-top: 10px;
	//text-align: center;
}
.content_img img {
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #eee;
	padding: 5px;
	background: #fff;
}
.content_img a:hover {
	opacity: 0.8;
}
*/
.t_h {
	color: #999;
	padding-top: 15px;
}
.t_h:not(:first-of-type) {
	margin-top: 40px;
}
.t_h .num {
	color: #333;
}
.t_h.one {
}
.t_h.one .id {
	background: #f3bb78;
	color: #fff;
	padding: 2px 5px;
}
.t_b {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6em;
	padding: 15px 0;
}

.t_b .anchor {
	color: #0048ff;
}
.t_i {
	background: #eee;
	padding-left: 15px;
	padding-right: 15px;
}
.t_h.t_i {
	position: relative;
	border-radius: 5px 5px 0 0;
}
.t_h.t_i:before {
	content: '';
	position: absolute;
	left: 20px;
	top: -12px;
	display: block;
	width: 0;
	height: 0;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #eee;
	border-left: 7px solid transparent;
}
.t_b.t_i {
	border-radius: 0 0 5px 5px;
}
.t_b.quotation {
	padding: 55px 15px 15px;
	background: #dfe9f5;
	margin-top: 10px;
	position: relative;
	border-left: 5px solid #bfccda;
	color: #555;
	line-height: 1.8em;
}
.t_b.quotation:before{
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 10px;
	vertical-align: middle;
	content: "“";
	font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
	color: #fff;
	font-size: 80px;
	line-height: 1;
}
.t_b.quotation p {
	margin-top: 20px;
}
.t_b blockquote:not(.twitter-tweet) {
	padding: 55px 15px 15px;
	background: #dfe9f5;
	margin-top: 10px;
	position: relative;
	border-left: 5px solid #bfccda;
	color: #555;
	line-height: 1.8em;
}
.t_b blockquote:not(.twitter-tweet):before{
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 10px;
	vertical-align: middle;
	content: "“";
	font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
	color: #fff;
	font-size: 80px;
	line-height: 1;
}
.t_b blockquote p {
	margin-top: 20px;
}
.t_b blockquote p:first-of-type {
	margin-top: 0;
}
.t_b p {
	margin-top: 10px;
}
.t_b .aa {
	margin-top: 10px;
}
.t_a {
	margin-top: -10px;
}
.t_b a {
	text-decoration: underline;
}
.t_b a:hover {
	text-decoration: none;
}
.hitokoto {
	position: relative;
	border-radius: 5px;
	margin-top: 40px;
	padding: 10px;
	background: #abffa0;
	font-size: 16px;
	font-weight: bold;
}
.hitokoto:before {
	content: '';
	position: absolute;
	left: 20px;
	top: -12px;
	display: block;
	width: 0;
	height: 0;
	border-right: 7px solid transparent;
	border-bottom: 12px solid #abffa0;
	border-left: 7px solid transparent;
}
/* 本文　文字サイズ */
.t_b.size16 {
	font-size: 16px;
}
.t_b.size18 {
	font-size: 18px;
}
.t_b.size20 {
	font-size: 20px;
}
.t_b.size24 {
	font-size: 24px;
}
.t_b.size32 {
	font-size: 32px;
}
.t_b.size48 {
	font-size: 40px;
}
/* 本文　文字色 */
.t_b.c0000cc, .t_b.c0000ff, .t_b.c1048b0, .t_b.c0044ab, .t_b.c1c3eff, .t_b.c144fe3, .t_b.c1b5fe3, .t_b.c00318c , .t_b.c0000cd { /* 青 */
	color: #0a64c0;
}
.t_b.c00cc00, .t_b.c008000, .t_b.c3d8f13, .t_b.c329942, .t_b.c2b9e64 { /* 緑 */
	color: #00be00;
}
.t_b.ccc0000, .t_b.cff0000, .t_b.ce61227, .t_b.cdb004d, .t_b.cff1f57, .t_b.cde1446, .t_b.ced0e43, .t_b.cff1241, .t_b.cdc143c { /* 赤 */
	color: #da1515;
}
.t_b.cff8800, .t_b.cebbc00, .t_b.ce39f00, .t_b.ce3a736, .t_b.ce0a331, .t_b.cdbb20b, .t_b.ce38c22, .t_b.cffa500 { /* 黄 */
	color: #efa900;
}
.t_b.cff00ff, .t_b.cdb7093, .t_b.cf52aae, .t_b.cee68fc, .t_b.cff8cc0, .t_b.cff73dc { /* 桃 */
	color: #ff84bb;
}
.t_b.ca757a7, .t_b.c800080, .t_b.cc924f2, .t_b.c881be0, .t_b.ca247ed, .t_b.c713b8f, .t_b.c6c4a87 { /* 紫 */
	color: #8437c0;
}
.t_b.c6699ff, .t_b.c4b6b73, .t_b.c2baccc, .t_b.c009bb3, .t_b.c0fa7d9, .t_b.c0c8fc7 { /* 水 */
	color: #22beff;
}
.t_b.cff7700, .t_b.cff6600, .t_b.cf5691d, .t_b.ce3891b, .t_b.cfc4f30, .t_b.ce66720, .t_b.cfc6742 { /* 橙 */
	color: #ff7800;
}
.t_b.ca52a2a, .t_b.c996666, .t_b.c85582a, .t_b.c7d5f41 { /* 茶 */
	color: #955327;
}



/* SNSボタン */
.sns1 {
	margin: 20px 0 0 20px;
	display: inline-block;
}
.sns_list li {
	display: inline-block;
	margin-left: 10px;
	line-height: 0;
	vertical-align: middle;
}
.sns_list li:first-child {
	margin-left: 0;
}
.sns_list span {
}
.sns_list span:before {
	color: #fff;
	margin-right: 3px;
	vertical-align: middle;
	font-size: 10px;
}
.sns_list a {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 2px;
	font-size: 11px;
}
.sns_list .tw a {
	background: #55acee;
}
.sns_list .tw a:hover {
	background: #2a87ce;
}
.sns_list .fb a {
	background: #315096;
}
.sns_list .fb a:hover {
	background: #223f7f;
}
.sns_list .ha a {
	background: #008fde;
}
.sns_list .ha a:hover {
	background: #0070b1;
}
.sns_list .pk a {
	background: #ef3f56;
}
.sns_list .pk a:hover {
	background: #be364a;
}
.sns_list .ln a {
	background: #00c300;
}
.sns_list .ln a:hover {
	background: #00a000;
}
.sns_list .sns_cnt {
	font-family: "Arial";
	margin-left: 5px;
}
.sns_list .icon-pocket:before {
	content: "\f265";
	font-family: "FontAwesome";
}
.sns_list .pocket {
	vertical-align: -9px;
	padding: 0;
}

.share {
	padding: 20px 0 0;
	background: #fff;
}
.share_in {
	margin: 0 36px;
}
.share .sns_list {
	display: inline-block;
}
.share .cm {
	display: inline-block;
	margin-left: 7px;
	vertical-align: middle;
}
.share .cm a {
	display: block;
	color: #fff;
	text-align: center;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 2px;
	font-size: 11px;
	background: #ffb642;
}
.share .cm a:hover {
	background: #df9d34;
}
.share .cm i {
	margin-right: 5px;
}
.share .cm i span {
	padding-left: 3px;
}
.follow {
	padding: 20px 0;
	background: #fff;
}
.follow_in {
	margin: 0 36px;
	padding: 40px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.follow_in:before {
	content: "";
	background: inherit;
	filter: blur(8px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
.follow_in:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.5;
	z-index: -1;
}
.follow_in {
	text-align: center;
}
.follow_in p:not(.follow_text) {
	margin-top: 15px;
}
.fb-like 
	display: inline-block;{

}
.follow_text {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 2em;
}
.follow a {
	color: #fff;
}
.follow .icon-feedly_a:before, .follow .icon-twitter:before {
	color: #fff;
	font-weight: normal;
	margin-right: 5px;
	vertical-align: middle;
}
.follow_fl a {
	display: inline-block;
	line-height: 27px;
	background: #6cc655;
	border-radius: 3px;
	padding: 0 8px;
}
.follow_tw a {
	display: inline-block;
	line-height: 27px;
	background: #55acee;
	border-radius: 3px;
	padding: 0 8px;
}
.follow_fl span:not(.follow_cnt), .follow_tw span {
	font-size: 13px;
	font-weight: bold;
}
.follow .follow_cnt {
	margin-left: 8px;
}
.follow_fl a:hover {
	background: #489334;
}
.follow_tw a:hover {
	background: #2a87ce;
}




/* 関連記事 */
.related {
	padding: 20px 0;
	background: #fff;
}
.sub_headline {
	margin: 0 36px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px dotted #eee;
	padding-bottom: 5px;
}
.sub_headline span:not(.comments_num) {
	font-size: 18px;
	color: #f8c733;
}
.sub_headline a:hover {
	color: #333;
	border-bottom: 1px solid;
}
.related_list {
	padding: 0 36px;
}
.related_list:after {
	content: "";
	display: block;
	clear: both;
}
.related_list li {
	width: 194px;
	float: left;
	margin-top: 20px;
}
.related_list li:nth-child(3n+2) {
	margin-left: 19px;
	margin-right: 19px;
}
.related_list li:nth-child(3n+4) {
	clear: both;
}
.related_list li a {
	display: block;
}
.related_list li a:hover .related_thumb_in {
	opacity: 0.8;
	transition: 0.2s;
}
.related_thumb_in {
	width: 194px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
	text-align: center;
}
.related_thumb_in:before {
	content: "";
	background: inherit;
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
.related_thumb_in:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.5;
	z-index: -1;
}
.related_thumb_in img {
	max-width: 200%;
	max-height: 200%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.related_title {
	margin-top: 5px;
	font-weight: bold;
	line-height: 1.6em;
	word-break: break-all;
}



/* 関連タグ */
.entry_tag {
	padding: 20px 0;
	background: #fff;
}
.entry_tag .tag_list {
	padding: 12px 36px 0;
}
.entry_tag .tag_list a {
	display: inline-block;
	line-height: 28px;
	padding: 0 5px;
	border: 1px solid #ccc;
	margin: 3px 0 0 3px;
	border-radius: 2px;
	font-weight: bold;
}



/* 同カテゴリ記事 */
.catpost {
	padding: 20px 0;
	background: #fff;
}
.catpost_list {
	padding: 0 36px;
	margin-top: 20px;
}
.catpost_list li {
	margin-top: 10px;
	font-size: 13px;
	position: relative;
	padding-left: 17px;
	line-height: 1.6em;
}
.catpost_list li:before {
	content: "●";
	position: absolute;
	top: 0;
	left: 0;
}



/* コメント */
#comments {
	padding: 20px 0;
	background: #fff;
}
.cmt_headline {
	margin: 20px 36px 0;
}
.sub_headline .comments_num {
	font-size: 15px;
	margin: 0 2px;
}
.cmt_list {
	margin: 0 36px;
	border-bottom: 1px dotted #eee;
}
.cmt_list li {
	padding: 20px;
}
.cmt_list li:nth-child(even) {
	background: #f0f8fb;
}
.cmt_h .cmt_num:after, .cmt_h .cmt_author:after {
	content: ":";
	color: #333;
	font-weight: normal;
}
.cmt_h .cmt_author {
	margin-left: 5px;
	color: #049d00;
	font-weight: bold;
}
.cmt_h .cmt_date {
	margin-left: 5px;
}
.cmt_b {
	margin-top: 5px;
	line-height: 1.8em;
	font-size: 13px;
}
#respond {
	padding: 20px;
	margin: 20px 36px 0;
	background: #eee;
}
#reply-title {
	font-size: 14px;
	font-weight: bold;
}
#commentform input#author, #commentform textarea#cmt_text {
	padding: 5px;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#commentform input#author:focus, #commentform textarea#cmt_text:focus {
	outline: 1px solid #74bada;
	border-color: #74bada;
}
#commentform input#author, #commentform textarea#cmt_text, #commentform #submit {
	margin-top: 10px;
}
#commentform input#author {
	width: 240px;
}
#commentform textarea#cmt_text {
	width: 100%;
	height: 180px;
}
#commentform .form-submit {
	text-align: center;
}
#commentform #submit {
	background: #ffb642;
	color: #fff;
	padding: 10px 40px;
	font-weight: bold;
	border: none;
}
#commentform #submit:hover {
	cursor: pointer;
}
.cmt_after {
	margin-top: 10px;
	color: #999;
}



/* ページャー */
.pager {
	margin: 20px 0;
	text-align: center;
}
.pager a, .pager .current {
	background: #fff;
	width: 38px;
	line-height: 34px;
	padding-top: 2px;
	border-bottom: 2px solid #fff;
	display: inline-block;
	margin: 0 4px;
	color: #999;
	font-weight: bold;
}
.pager .dots {
	color: #999;
}
.pager .current {
	background: #333;
	color: #fff;
	border-color: #333;
}
.pager a:hover {
	color: #ff7555;
	border-color: #ff7555;
}

.prev_next {
	margin: 20px 0;
}
.prev_next:after {
	content: "";
	display: block;
	clear: both;
}
.prev_next .prev, .prev_next .next {
	width: 50%;
	box-sizing: border-box;
}
.prev_next .prev {
	float: left;
	padding-right: 10px;
}
.prev_next .next {
	float: right;
	padding-left: 10px;
}
.prev_next .prev a, .prev_next .next a {
	padding: 20px 20px 18px;
	display: block;
	background: #fff;
	line-height: 1.8em;
	border-bottom: 2px solid #fff;
	font-weight: bold;
	position: relative;
}
.prev_next .prev a:hover, .prev_next .next a:hover {
	border-color: #ff7555;
}
.prev_next .prev a:hover:before, .prev_next .next a:hover:before {
	border-color: #ff7555;
	transition: 0.2s;
}
.prev_next .prev a {
	padding-left: 40px;
}
.prev_next .next a {
	padding-right: 40px;
}
.prev_next .prev a:before {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #333;
	border-left: solid 2px #333;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -4px;
}
.prev_next .next a:before {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
}



/* カテゴリーページ */
#archive_header {
	background: #fff;
}
.archive_header_in {
	padding: 20px 0;
}
h2.archive_title {
	font-size: 26px;
	font-weight: bold;
	word-break: break-all;
}
.archive_desc {
	margin-top: 10px;
	color: #999;
}



/* 検索ページ */
.post_none {
	margin-top: 20px;
}




/* 404ページ */
#main_404 {
	width: 1048px;
	margin: 20px 0;
	padding: 40px;
	background: #fff;
	box-sizing: border-box;
}
#main_404 h2 {
	font-size: 80px;
	font-weight: bold;
	text-align: center;
	font-family: 'Arial';
}
.desc_404 {
	margin-top: 20px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.8em;
}
.desc_404 span {
	font-size: 40px;
	display: block;
	margin-bottom: 40px;
}
.image_404 {
	margin-top: 40px;
	text-align: center;
}
.image_404 img {
	max-width: 100%;
	height: auto;
}



/* 個別ページ */
#page {
	font-size: 13px;
	padding: 20px 0;
}
.page_sub_headline {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px dotted #eee;
	padding-bottom: 5px;
	margin-top: 40px;
}
.page_sub_headline span {
	font-size: 18px;
	color: #f8c733;
}
.page_sub_headline:first-of-type {
	margin-top: 0;
}
.page_sub_headline:before {
}
#page p {
	margin-top: 10px;
	line-height: 1.8em;
}
.page_table {
	margin-top: 10px;
}
.page_table table {
	width: 100%;
	display: inline-block;
	border: 1px solid #eee;
}
.page_table table tr td:first-child {
	white-space: nowrap;
	padding-right: 40px;
	background: #557bb0;
	color: #fff;
}
.page_table table tr td:last-child {
	width: 100%;
	background: #eee;
}
.page_table table td {
	padding: 10px;
	border: 1px solid #fff;
}

.wpcf7 {
	margin-top: 40px !important;
}

.wpcf7 form p:last-of-type {
	text-align: center;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	border: 1px solid #ddd;
	padding: 8px;
	box-sizing: border-box;
}
.wpcf7 input[type="submit"] {
	background: #ffb642;
	color: #fff;
	padding: 10px 40px;
	font-weight: bold;
	border: none;
}
.wpcf7 input[type="submit"]:hover {
	cursor: pointer;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus {
	outline: 1px solid #74bada;
	border-color: #74bada;
}




/* サイドバー */
#sidebar {
	position: relative;
}
#side_fix {
	padding-top: 20px;
	margin-bottom: 20px;
}



/* ランキング */
.ranking {
	width: 336px;
	background: #fff;
	margin-top: 20px;
}
.side_headline {
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background: #333;
}
.ranking .side_headline:before {
	content: "\E03a";
	font-family: 'LigatureSymbols';
	font-size: 16px;
	font-weight: normal;
	margin-right: 5px;
}
.ranking .tab {
	display: table;
	table-layout: fixed;
	width: 100%;
	background-image: linear-gradient(
	-45deg,
	#eee 25%,
	#ddd 25%, #ddd 50%,
	#eee 50%, #eee 75%,
	#ddd 75%, #ddd
	);
	background-size: 10px 10px;
}
.ranking .tab li {
	display: table-cell;
	text-align: center;
	white-space: nowrap;
	padding: 10px 0;
	color: #999;
	cursor: pointer;
}
.ranking .tab .select {
	background: #fff;
	color: #333;
	font-weight: bold;
}
.ranking .tab:not(.select) {
	box-shadow: 0 -5px 5px -5px inset #ccc;
}
.ranking .content .hide {
	display: none;
}
.ranking_list li {
	position: relative;
	border-bottom: 1px dotted #eee;
}
.ranking_list li:last-child {
	border-bottom: none;
}
.ranking_list li a {
	display: block;
	padding: 20px;
}
.ranking_list li a:hover .ranking_thumb_in {
	opacity: 0.8;
	transition: 0.2s;
}
.ranking_list .ranking_detail, .ranking_list .ranking_thumb {
	display: table-cell;
	vertical-align: middle;
}
.ranking_thumb_in {
	width: 150px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
	text-align: center;
}
.ranking_thumb_in:before {
	content: "";
	background: inherit;
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
.ranking_thumb_in:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.5;
	z-index: -1;
}
.ranking_thumb_in img {
	max-width: 200%;
	max-height: 200%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.ranking_detail {
	padding-right: 10px;
}
.ranking_title {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.6em;
	word-break: break-all;
}
.ranking_num {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 16px;
	font-weight: bold;
	//font-family: 'Comic Sans MS','Tahoma';
	color: #333;
}
.ranking_num.no_1 {
	color: #ff4f4f;
}
.ranking_num.no_2 {
	color: #1a80bb;
}
.ranking_num.no_3 {
	color: #f2771d;
}



/* 最近のコメント */
.recent_comments {
	margin-top: 20px;
	background: #accfff;
	width: 336px;
}
.recent_comments .side_headline:before {
	content: "\E035";
	font-family: 'LigatureSymbols';
	font-size: 16px;
	font-weight: normal;
	margin-right: 5px;
}
.recent_comments_list {
	height: 800px;
	overflow-y: scroll;
	background: #fff;
}
.recent_comments_list li {
	border-bottom: 1px dotted #eee;
	background: #fff;
}
.recent_comments_list li:first-child {
}
.recent_comments_list li:last-child {
	border-bottom: none;
}
.recent_comments_list li a {
	display: block;
	padding: 20px 20px;
}
.recent_comments_thumb, .recent_comments_detail {
	display: table-cell;
	vertical-align: top;
}
.recent_comments_thumb {
}
.recent_comments_thumb_in {
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	background: #eee;
	z-index: 0;
}
.recent_comments_thumb_in img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.recent_comments_detail {
	padding-left: 10px;
}
.recent_comments_date {
	color: #999;
	font-size: 11px;
	margin-left: 10px;
}
.recent_comments_author {
	color: #999;
	font-size: 11px;
}
.recent_comments_title {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.6em;
	color: #333;
	margin-bottom: 5px;
	word-break: break-all;
}
.recent_comments_text {
	color: #333;
	line-height: 1.6em;
	font-size: 13px;
	margin-top: 5px;
}



/* コメントランキング */
.cmt_ranking {
	//margin-top: 20px;
	background: #fff;
	width: 336px;
}
.cmt_ranking .side_headline:before {
	content: "\E035";
	font-family: 'LigatureSymbols';
	font-size: 16px;
	font-weight: normal;
	margin-right: 5px;
}
.cmt_rank_list li {
	position: relative;
	border-bottom: 1px dotted #eee;
}
.cmt_rank_list li:last-child {
	border-bottom: none;
}
.cmt_rank_list li a {
	display: block;
	padding: 20px;
}
.cmt_rank_list li a:hover .cmt_rank_thumb_in {
	opacity: 0.8;
	transition: 0.2s;
}
.cmt_rank_list .cmt_rank_detail, .cmt_rank_list .cmt_rank_thumb {
	display: table-cell;
	vertical-align: middle;
}
.cmt_rank_thumb_in {
	width: 150px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;
	text-align: center;
}
.cmt_rank_thumb_in:before {
	content: "";
	background: inherit;
	filter: blur(5px);
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;
}
.cmt_rank_thumb_in:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.5;
	z-index: -1;
}
.cmt_rank_thumb_in img {
	max-width: 130%;
	max-height: 130%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.cmt_rank_detail {
	padding-right: 10px;
}
.cmt_rank_title {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.6em;
	word-break: break-all;
}
.cmt_rank_cnt {
	position: absolute;
	top: 0;
	right: 0;
}
.cmt_rank_cnt span {
	position: relative;
	top: 20px;
	right: 20px;
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0 0 0 4px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	font-family: 'Arial';
	//background: #ffb642;
	background-color: rgba(255,182,66,0.9);
}

.cmt_rank_cnt span:before{
	border-right: 6px solid;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	//color: #ffb642;
	color: rgba(255,182,66,0.9);
	content: '';
	margin-top: -3px;
	position: absolute;
	left: -6px;
	top: 50%;
}



/* タグクラウド */
.tag_cloud {
	margin-top: 20px;
	background: #fff;
	width: 336px;
}
.tag_cloud .side_headline:before {
	content: "\E128";
	font-family: 'LigatureSymbols';
	font-size: 16px;
	font-weight: normal;
	margin-right: 5px;
	vertical-align: middle;
}
.tag_cloud .tag_list {
	padding: 0 3px 3px 0;
}
.tag_list li {
	display: inline-block;
}
.tag_list li a {
	display: block;
	line-height: 28px;
	padding: 0 5px;
	border: 1px solid #ccc;
	margin: 3px 0 0 3px;
	border-radius: 2px;
	font-weight: bold;
}
.tag_list li a:hover {
}
/*
.tag_list li a:before {
	content: "#";
	font-weight: bold;
	color: #999;
	font-size: 11px;
}
*/
.tag_list li span {
	font-size: 11px;
	font-weight: normal;
}




/* フッター */
#footer {
	background: #fff;
	color: #999;
}
#footer a {
	color: #999;
}
#footer a:hover {
	color: #333;
}
.footer_in {
	padding: 20px 0;
}
.copyright {
	text-align: center;
	font-size: 11px;
	margin-top: 30px;
}
.footer_headline {
	font-weight: bold;
	font-size: 15px;
}
.footer_headline span {
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
}
.footer_menu {
	text-align: center;
}
.footer_menu_list {
	margin-top: 10px;
}
.footer_menu_list li {
	display: inline-block;
	margin: 0 5px;
}
.footer_sns_list li {
	display: inline-block;
	font-size: 19px;
	margin: 0 5px;
}
.footer_sns_list a {
	display: block;
	width: 30px;
	line-height: 30px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #999;
}
.footer_sns_list a:hover {
	color: #fff !important;
}
.footer_sns_list i {
	vertical-align: middle;
}
.footer_sns_list .tw a:hover {
	background: #55acee;
	border-color: #55acee;
}
.footer_sns_list .fb a:hover {
	background: #315096;
	border-color: #315096;
}
.footer_sns_list .rss a:hover {
	background: #ff8c00;
	border-color: #ff8c00;
}
.footer_cat, .antenna_link, .matome_link, .other_link, .footer_sns {
	margin-top: 20px;
	text-align: center;
}
.footer_cat_list, .antenna_list, .matome_list, .other_list, .footer_sns_list {
	margin-top: 10px;
}
.footer_cat_list li, .antenna_list li, .matome_list li, .other_list li {
	display: inline-block;
	margin: 0 5px
}



/* スクロール */
.scroll_page {
	position: fixed;
	bottom: 20px;
	left: auto;
	margin-left: 1068px;
	background: #fff;
}
.scroll_page span {
	font-size: 14px;
}
.scroll_page span a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.scroll_cmt a {
	border-top: 1px dotted #eee;
}





/* YouTube動画埋め込み */
.video-container{
	max-width: 640px;
	margin-top: 10px;
}
.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wp-video {
	margin-top: 10px;
}



/* アイコン関連 */
@font-face {
	font-family: 'LigatureSymbols';
	src: url('./fonts/LigatureSymbols-2.11.eot');
	src: url('./fonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
	 url('./fonts/LigatureSymbols-2.11.woff') format('woff'),
	 url('./fonts/LigatureSymbols-2.11.ttf') format('truetype'),
	 url('./fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	src: url('./fonts/LigatureSymbols-2.11.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.lsf, .lsf-icon:before {
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.lsf-icon:before {
	content:attr(title);
	margin-right:0.3em;
	font-size:130%;
}
.lsf-icon.amazon:before {
	content: '\E007';
}



@font-face {
	font-family: 'FontAwesome';
	src: url('./fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('./fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('./fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('./fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
  font-family: 'icomoon';
  src:  url('./fonts/icomoon.eot?8craq9');
  src:  url('./fonts/icomoon.eot?8craq9#iefix') format('embedded-opentype'),
    url('./fonts/icomoon.ttf?8craq9') format('truetype'),
    url('./fonts/icomoon.woff?8craq9') format('woff'),
    url('./fonts/icomoon.svg?8craq9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}