/*
Theme Name:animan
Description:PC用テーマ
Theme URI:
Version:1.0.0
*/

html {
	overflow: auto;
	font-size: 62.5%;
	background-color: #fff;
	background-image: linear-gradient(transparent 49%,#f8f8f8 50%,transparent 51%, transparent 99%,#f8f8f8 100%, #f8f8f8), linear-gradient(90deg,transparent 49%,#f8f8f8 50%,transparent 51%, transparent 99%,#f8f8f8 100%, #f8f8f8);
	background-size: 39px 39px;
	background-attachment: fixed;
}
html, body {
	height: 100%;
	width : 100%;
}
body, input, select, textarea {
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}
div, ul, ol, li, a, input, select, textarea, article, aside, main, section, .textwidget img, .blogroll-list a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
}
a {
	text-decoration: none;
	outline: none;
}
a:link {
	color: #0000b2;
}
a:visited {
	color: #4b0082;
}
a:hover {
	color: #104cd0;
}
#taxsonomy a:hover, .rsswrap .blogroll-list a:hover, a.copy:hover, article .categories a:hover, .tag a:hover, .entrytitle a:hover, #socialbtns li a:hover, .related a:hover h3, .pagenavi a:hover {
	text-decoration: underline;
}
img, ul, ol {
	margin: 0;
	padding: 0;
	border: 0;
}
ul {
	list-style-type: none;
}
h3, h4, h5 {
	font-weight: normal;
}
header, footerinner, #wrap, .navilist, #headerinner, #footerinner, #headline {
	width: 1120px;
}
footer {
	min-width: 1120px;
}
.rsswrap a, input, textarea, #socialbtns a {
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
}
#articletop:before, nav form:before, ul li[class$="count"] a:before, article[class] .categories:before, #taxsonomy > *:before, .entry > .tag:before, article time:before, #recentComment p:before, .navibtn a:before {
	font-family: FontAwesome;
	vertical-align: middle;
}
.naviarea, div.sidetitle, .blocktitle, #commentarea > p, #contents .archives, #headline .rssheader {
	background-color: #7fc8ff;
}

/* [wrapper]
-------------------------------------------------------------- */

#wrap {
	margin: 15px auto 0;
	padding: 0;
}
#wrap:after, div.comment:after, div.activecomment:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* [header]
-------------------------------------------------------------- */

header {
	width: 100%;
	margin: 0 auto;
}
#headerinner {
	position: relative;
	height: 145px;
	margin: 0 auto;
}
#headerinner > * {
	display: inline-block;
	vertical-align: top;
}
#logobanner {
	display: inline-block;
	margin: 5px auto 0;
}
#logobanner img {
	display: block;
	height: 133px;
}
.naviarea {
	position: relative;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	font-size: 1.3rem;
}
.naviarea a {
	font-weight: bold;
}
.naviarea a:not(.btn) {
	display: block;
	font-size: 1.5rem;
	line-height: 40px;
	min-width: 80px;
	height: 40px;
	padding: 0 10px;
	color: #fff;
	border-right: 1px solid #fff;
}
.naviarea a.btn {
	display: inline-block;
	width: 50px;
	height: 40px;
	padding: 7px 10px;
	border-left: none;
	background-image: url(./commons/snsicon.png);
	background-repeat: no-repeat;
	background-size: 50%;
}
.naviarea a.btn.twitter {
	background-position: center 5px;
}
.naviarea a.btn.rss {
	background-position: center -155px;
}
.naviarea a:hover {
	background-color: #104cd0;
}
ul.navilist {
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
ul.navilist li {
	float: left;
	height: 40px;
	padding: 0;
	text-align: center;
}
li#search {
	float: right;
	position: relative;
	width: 200px;
	text-align: right;
	padding: 3px 0;
}
li#search input {
	margin: 0;
	padding: 0;
	height: 34px;
	font-size: 1.4rem;
	border: 0;
	vertical-align: top;
}
li#search input#searchbox:focus {
	width: 250px;
}
li#search input#submit {
	color: #fff;
	width: 50px;
	padding: 0;
	background: #aaa;
}
li#search input#submit:hover {
	background: #999;
}
li#search input#searchbox {
	width: 150px;
	position: absolute;
	right: 50px;
	line-height: 20px;
	padding-left: 10px;
	outline: 0;
}

/* [main]
-------------------------------------------------------------- */

img#midashi {
	margin: -20px 0px 5px 10px;
}
#contents, #side, #main {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.entry, #main {
	background: #fff;
	box-shadow: 0 0 2px #ccc;
}
main {
	width: 790px;
}
#contents {
	margin-left: 20px;
}
#main {
	margin-left: 20px;
}
#side {
	width: 310px;
	margin: 0;
	padding: 0;
}
.sidewrapper {
	font-size: 1.3rem;
	line-height: 1.5;
}
.sidebody {
	padding: 5px 4px;
	border: 1px solid #eee;
	background: #fff;
}
.sidewrapper ul {
	padding: 0;
}
.sidebody > ul {
	padding: 0.5em;
}
.sidewrapper ul li {
	margin: 0 0 0.5em;
}
.sidewrapper select {
    max-width: 100%;
    margin-bottom: 15px;
}
.sidewrapper ul .children {
	display: none;
	padding-top: 0.5em;
}
.sidewrapper ul .children .cat-item:before {
	content: "-";
	margin-right: 0.5em;
}
.sidewrapper .cat-item .open {
	display: inline-block;
	width: 25px;
	text-align: center;
	margin-left: 0.5em;
	cursor: pointer;
}
.profile {
	display: block;
}
.profile img {
	margin: 0 0.5em;
	padding: 3px;
	border: 1px solid #ccc;
}
.profile p {
	display: inline-block;
	vertical-align: top;
	width: 200px;
}
.fixed{
	position: fixed!important;
	top: 0;
}
.btmfix {
	position: absolute!important;
	bottom: 10px;
}
.sidewrapper {
	margin: 0 0 10px;
}
div.sidetitle {
	padding: 0.3em 0;
	border-radius: 10px 10px 0 0;
}
h2.rsstitle {
	font-size: 18px;
}
div.sidetitle, .blocktitle, #commentarea > p, #contents .archives, #headline .rssheader {
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
}
#contents .archives {
	margin: 0 0 1em;
	font-size: 1.8rem;
	font-weight: normal;
	padding: 10px;
	color: #fff;
	border-radius: 20px 20px 0 0;
}
.blocktitle {
	margin-bottom: 5px;
}
.related {
	margin-bottom: 15px;
}
.related li {
	position: relative;
}
.related li a {
	display: block;
	min-height: 100px;
	border-bottom: 1px solid #ccc;
}
.related figure {
	position: absolute;
	left: 0;
	top: 4px;
	display: inline-block;
	margin: 0;
	width: 90px;
}
.related figure img {
	width: 100%;
	display: block;
}
.related h3 {
	font-size: 1.4rem;
	display: inline-block;
	margin: 0;
	padding-left: 100px;
	vertical-align: top;
}

div.side {
	width: auto;
	height: auto;
	margin: 10px 0 15px;
	font-size: 12px;
}
div.plugin-categorize.sidewrapper a, div.plugin-monthly.sidewrapper a {
	display: block;
	padding: 10px 5px 10px 5px;
}
div.plugin-recent_articles.sidewrapper a, .related-articles a {
	display: block;
	border-bottom: 1px dashed #ccc;
	padding: 8px 5px;
}
.sidewrapper label.screen-reader-text {
	display: none;
}
#recent {
	margin: 0 0 20px;
	padding: 0;
}
#recent li > a:first-of-type {
	display: none;
}
#recent li a {
	display: block;
	border-bottom: 1px dashed #ccc;
	padding: 8px 5px;
}
div.side a:hover {
	background: #fec;
}


/* [entry]
-------------------------------------------------------------- */

article {
	position: relative; 
	display: inline-block;
	margin-bottom: 20px;
}
article .entrytitle {
	margin: 0 0 20px;
	line-height: 1.4;
	word-break: break-all;
}
article .entrytitle a {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	word-break: break-all;
}
article h1, article h2 {
	font-size: 2.4rem;
}
article.entry {
	position: relative;
	width: 100%;
	min-height: 180px;
	border-radius: 0 0 0 0;
}
article.entry:hover {
	box-shadow: 0 0 3px #000;
	border-radius: 15px 15px 15px 0;
}
article.entry:hover:before, article.entry:hover:after {
	content: "";
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	z-index: 1;
}
article.entry:hover:before {
	left: -35px;
	border-right: 20px solid rgba(0,0,0,0.33);
}
article.entry:hover:after {
	left: -33px;
	border-right: 20px solid #fff;
}
article.entry:hover a.eyecatch {
	border-radius: 15px 0 0 0;
}
article .eyecatch {
	position: absolute;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #f8f8f8;
	overflow: hidden;
}
article .eyecatch:after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	height: 30px;
	width: 100%;
	background: rgba(255,255,255,0.9);
}
article .eyecatch.noimage:before {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "NoImage";
	color: #aaa;
	font-size: 3rem;
	transform: translate(-50%, -50%);
}
ul.headsns {
	text-align: center;
}
ul.headsns li {
	font-size: 13px;
	font-size: 1.3rem;
}
ul.headsns li {
	display: inline-block;
	width: 50%;
	min-height: 2em;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2em;
	text-align: center;
	vertical-align: top;
	background: #fff;
}
ul.headsns li a {
	display: block;
	white-space: nowrap;
	border-radius: 15px;
	overflow: hidden;
	color: #fff;
}
ul.headsns li a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}
article.entry ul li {
	width: 45%;
}
ul.headsns li.comcount {
	margin-right: 10px;
}
ul li.comcount a {
	background: #e34c26;
}
ul li.snscount a {
	background: #1ab2e8;
}
ul li[class$="count"] a:before, article .categories:before {
	font-size: 1.5rem;
	margin-right: 3px;
	vertical-align: top;
}
ul li.comcount a:before {
	content: "\f075";
}
ul li.snscount a:before {
	content: "\f099";
}
article.entry .categories {
	position: absolute;
	bottom: 5px;
	left: 5px;
	padding-left: 5px;
	overflow: hidden;
	max-width: 210px;
	white-space: nowrap;
}
article .categories:before {
	content: "\f07c";
}
article .categories strong {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
}
article .categories a {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: normal;
	margin-right: 5px;
	padding: 2px 3px;
	border-radius: 3px;
	color: #444;
}
article.entry time, article.entry .tag {
    position: absolute;
	font-size: 1.4rem;
    right: 10px;
	margin: 0;
	text-align: right;
}
article time, article.entry .tag a {
	color: #666;
}
article.entry .tag {
	max-width: 360px;
	bottom: 20px;
}
article.entry .tag a {
	display: inline-block;
	margin-right: 3px;
}
article time:before {
	content: "\f017";
}
article.entry time {
	bottom: 3px;
}
article.entry {
	padding: 10px 2% 20px 32%;
}
article.entry .eyecatch {
	width: 30%;
	height: 100%;
}
article.entry ul.headsns {
	width: 20%;
	position: absolute;
	bottom: 10px;
}

/*	entry_single	*/
article#entryarea, section#entrybottom {
	display: block;
	margin: 0;
}
article#entryarea {
	padding: 10px 20px;
	font-size: 16px;
	font-size: 1.6rem;
	border-bottom: none;
}
article#entryarea #introtext {
	margin: 20px 0;
}
article#entryarea #maintext {
	margin: 0 0 20px;
}
article#entryarea #introtext a, article#entryarea #maintext a {
	display: inline-block;
}
article#entryarea iframe {
	margin-bottom: 2em;
}
section#entrybottom {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px;
	border-top: none;
}
section#entrybottom h3 {
    float: none;
    clear: both;
	margin-top: 30px;
	padding-left:  5px;
	line-height: 2em;
	text-align: left;
}
h1#singletitle.entrytitle {
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0 0 10px;
	padding: 20px 0px;
	color: #444;
}
article#entryarea ul.headsns {
	margin: 0 0 20px;
	text-align: right;
}
article#entryarea ul.headsns li {
	width: auto;
	min-width: 10%;
}
article#entryarea ul li a {
	padding: 0 5px;
}
article#entryarea time {
	top: 5px;
}
#entryarea blockquote {
	margin: 0 0 20px;
	padding: 12px;
	background: rgba(0,0,0,0.1);
}
#entryarea blockquote p {
	margin: 0;
}
.recommend > a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2em;
}
article#entryarea img {
	max-width: 100%;
	background: transparent;
	transition: 0.2s all ease;
}
article h2.danraku {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
}
article h2.danraku:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}
article h3.danraku {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #ccc;
}
article h4.danraku {
}

/*	ソーシャルボタン	*/
#socialbtns {
	margin: 20px auto;
}
#socialbtns li {
	float: left;
	margin: 0;
	width: 25%;
	text-align: center;
	border-radius: 20px;
}
#socialbtns li a {
	color: #333;
	font-size: 1.6rem;
	display: block;
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	background-image: url(./commons/snsicon.png);
	background-repeat: no-repeat;
	background-size: 37px auto;
	border-radius: 25px;
	border: 1px solid #fff;
}
#socialbtns li a:hover {
	border-color: #ccc;
}
#socialbtns .tw {
	background-position: 10px top;
}
#socialbtns .fb {
	background-position: 10px -60px;
}
#socialbtns .htb {
	background-position: 10px -118px;
}
#socialbtns .line {
	background-position: 10px -176px;
}
#socialbtns:after {content: ".";clear: both;height: 0;display: block;visibility: hidden;}

/*	entry_bottom	*/
#entrybottom {
	margin: 0 0 15px;
	padding: 2em 0.3em 0;
	border-top: none;
}
#closed {
	padding: 0 1em;
	font-size: 12pt;
	font-weight: bold;
	line-height: 2em;
	color: #fff;
	background: #0068bf;
}
#entrybottom > p {
	margin: 20px 0 10px;
}
/*	breadcrumb/tag/category List	*/
#breadcrumb {
	padding: 0;
	line-height: 2em;
}
#breadcrumb div {
	display: inline-block;
	font-size: 1.3rem;
	margin-bottom: 5px;
}
#breadcrumb div a, #taxsonomy a {
	display: inline-block;
	padding: 3px 5px;
	transition: none;
}
#breadcrumb div {
	padding-left: 12px;
	position: relative;
}
#breadcrumb div:before {
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	line-height: 1.3em;
	color: #666;
	content: "\00bb";
}
#breadcrumb div a {
	line-height: 1em;
}
#taxsonomy {
	text-align: right;
}
#taxsonomy > span {
	display: inline-block;
}
#taxsonomy a {
	font-size: 16px;
	font-size: 1.6rem;
	color: #444;
}
#taxsonomy .catgories {
	margin-right: 20px;
}
#taxsonomy .catgories:before {
	content: "\f07c";
}
#taxsonomy .tags:before, .tag:before {
	content: "\f02c";
}
#breadcrumb div:first-of-type {
	padding-left: 0;
}
#breadcrumb div:first-of-type:before {
	content: "";
}


/* [ad]
-------------------------------------------------------------- */

div.abanner {
	margin: 0 auto 20px;
	padding: 0;
	width: 728px;
	height: auto;
	text-align: center;
}
#contents .abox, #entryarea .abox {
	margin-bottom: 20px;
}
aside .abox {
	height: auto;
	text-align: center;
	margin: 0 auto;
}
.headabox, #side .abox {
	width: 300px;
	min-height: 250px;
}
table.abox {
	margin: 0 auto 20px;
	padding: 0;
	width: 700px;
	height: 280px;
	text-align: center;
}
table.abox td:first-child {
	padding-right: 30px;
}

/* [comment]
-------------------------------------------------------------- */
#commentarea {
	color: #333;
}
#comtop {
	display: inline-block;
	margin: 15px 0 20px 0;
	padding: 0 5px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #ccc;
}
.commentwrap {
	position: relative;
	margin-bottom: 1em;
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
}
#popup {
	max-width: 650px;
	font-size: 16px;
}
#popup .commentbody {
	padding : 5px;
	margin-bottom: 0px;
}
#popup > div {
	margin: 0;
}
.commentwrap .commentheader, #popup .commentheader {
	font-size: 1.3rem;
}
.commentheader .commentname {
	font-weight: bold;
	color: #080;
}
.commentwrap .commentbody {
	margin: 0;
	padding: 7px 10px 50px 0px;
	font-size: 16px;
	word-wrap: break-word;
}
.commentwrap .reslist {
	text-align: left;
	font-size: 12px;
	color: #aaa;
	width: 640px;
	word-wrap: break-word;
}
.commentwrap .reslist > * {
	display: inline-block;
	margin-right: 8px;
}

/* comment_vote */
.commentvote {
	line-height: 2.5rem;
}
.commentvote button, .commentvote a[class^="comres"] {
	font-size: 2.5rem;
	margin: 0 5px 0 15px;
	padding: 0;
	vertical-align: bottom;
}
.votecount {
	font-size: 13px;
}
.commentvote {
	font-size: 1.6rem;
	display: inline-block;
	position: absolute;
	right: 15px;
	bottom: 10px;
}

/*	comment_form	*/
p#comnote {
	display: inline-block;
	font-size: 12px;
	margin: 12px 10px 0px 10px;
	text-align: left;
	color: #222;
	background: transparent;
}
#commentform {
	padding: 10px 5px 10px 10px;
	margin: 20px 0 0 0;
}
#comment_form {
	display: inline-block;
	width: 450px;
	margin-right: 10px;
}
#commentform .abox {
	display: inline-block;
}
#commentform form input, #commentform form textarea {
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #ddd;
	outline: none;
}
#commentform input#name {
	width: 180px;
	line-height: 20px;
}
textarea#comment {
	width: 100%;
	height: 200px;
}
#commentform input[type="submit"] {
	width: 100%;
	height: 40px;
	background: #fff;
	cursor: pointer;
}

/* etc */
div.side form input.sfbtn {
	background: #EEE;
	border: 1px solid #CCC;
	padding: 1px;
}

p.tooltip {
	position: absolute;
	display: none;
	width: 700px;
	padding: 10px 10px;
	background: #fdd;
	border: 1px solid #888;
	border-radius: 5px;
	box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.2);
	z-index: 9999;
	filter: alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
	z-index: 9999;
}


/* [footer]
-------------------------------------------------------------- */

footer {
	position: static;
	width: 100%;
	background: #104cd0;
	z-index: 9999;
}
div#footerinner {
	height: 500px;
	margin: 0 auto;
	padding: 10px 0 0;
}
div#hatena1, div#hatena2, div#accessrank {
	float: left;
	width: 285px;
	height: 500px;
	margin: 0 20px 0 0;
	background: #fff;
	border-radius: 8px;
}
div#i2i-00208891-viewwrap {
	margin: 10px auto;
}
div#footerrss {
	float: left;
	width: 285px;
	height: 500px;
	margin: 0;
	text-align: center;
	background: #fff;
	border-radius: 8px;
}
div#footerinner h2 {
	font-size: 22px;
	margin: 5px 0 0 8px;
	text-shadow: 1px 1px 3px #aaa;
}
footer ul {
	margin: 0;
	padding: 0 5px;
}
footer ul li {
}
footer ul a {
	position: relative;
	display: block;
	line-height: 1.2;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
footer ul a:hover {
	background: #ffd;
}
footer ul p {
	position: absolute;
	right: 0;
	bottom: 10px;
	display: inline-block;
	margin: 0;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #f00;
	background: #fbb;
	border-bottom: 1px solid #f00;
}
a.copy {
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	text-align: center;
	color: #fff;
}


/* [カテゴリ最新記事のスタイル]
-------------------------------------------------------------- */
 
.related-articles h3 {
	margin: 0;
	padding: 10px 0 0 65px;
	color: #888;
	font-size: 20px;
	line-height: 45px;
	border-bottom: 1px solid #ccc;
	background: url(./commons/midashi_faceoff.png) no-repeat;
}

.related-articles {
	width: 650px;
	margin: 0 auto;
	padding: 0 10px;
	border: 2px dotted #aaa;
	border-radius: 10px;
	background: url(./commons/midashi_faceoff.png) 10px top no-repeat;
}

.related-articles:hover {
	background-color: #fdd;
}

.related-articles:hover > h3 {
	background: url(./commons/midashi_face.png) no-repeat;
}

.related-articles ul {
	margin: 0;
	padding: 0;
	font-size: 18px;
	list-style: none;
}


/* [ページナビ]
-------------------------------------------------------------- */

#pager {
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
	font-size: 1.4rem;
}

#pager li {
	display: inline;
}
#pager li.current {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	margin: 0 auto;
	padding: 0 10px;
	line-height: 28px;
	border: 1px solid #ccc;
	background-color: #104cd0;
	border-radius: 5px;
}
#pager li.off {
	display: none;
}
#pager a {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	line-height: 28px;
	margin: 0 5px;
	padding: 0 6px;
	text-decoration: none;
}
#pager a:hover {
	color: #fff;
	background: #666;
}
#pager {
	margin: 10px auto;
}
ul#navibox {
	height: 60px;
	margin: 20px 0 0;
	padding: 5px 0 0;
	border-top: 1px solid #ccc;
}

ol.paging-number,
ol.paging-number li {
	display: inline;
}


/* [右サイドナビ]
-------------------------------------------------------------- */

#fixbtns {
	position: fixed;
	margin-left: 1120px;
	bottom: 50px;
	z-index: 1;	
}
.navibtn {
	margin: 0;
}
.navibtn a {
	display: block;
	font-size: 1.2rem;
	line-height: 15px;
	width: 50px;
	height: 50px;
	margin: 1px 0 0;
	padding: 10px 0;
	overflow: hidden;
	text-align: center;
	color: #fff;
	background: #333;
	background: rgba(0,0,0,0.5);
}
.navibtn a:hover {
	background: #000;
}
.navibtn a:before {
	font-size: 3rem;
	line-height: 30px;
}
.navibtn.prevpage a:before {
	content: "\f104";
}
.navibtn.nextpage a:before {
	content: "\f105";
}
.navibtn.totop a:before {
	content: "\f106";
}
.navibtn.comview a:before {
	content: "\f044";
}
.navibtn.comwrite a:before {
	content: "\f086";
}


/* [追尾コメント]
-------------------------------------------------------------- */

#fixform {
	position: fixed;
	margin: 0 0 0 680px;
	z-index: 9999;
	bottom: 50px;
	padding: 20px 10px 10px;
	height: 195px;
	width: 530px;
	background: #eee;
	background: rgba(240,240,240,0.75);
	border-radius: 8px;
	z-index: 999;
	display: none;
}
#fixform textarea {
	width: 500px;
	height: 150px;
	font-size: 17px;
	padding: 5px;
	margin: 0 0 5px;
}

span.fixhead {
	position: absolute;
	display: inline-block;
	background: #aaa;
	border-radius: 5px;
	padding: 10px;
	right: -75px;
	top: 0;
	color: #fff;
	width: 60px;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 1px #666;
}

input.submit {
	position: absolute;
	bottom: 10px;
	right: 15px;
	display: block;
	margin: 0;
	width: 100px;
	background: #fff;
	text-shadow: 1px 1px 0 #fff;
	text-align: center;
	padding: 5px 0;
	color: #444;
	border: 1px solid #888;
	border-radius: 8px;
	cursor: pointer;
}

input.submit[disabled] {
	opacity: 0.5;
}

input.submit:hover {
	background: #ddd;
}

/* [bottomarea]
-------------------------------------------------------------- */

div#bottombtn {
	margin: 0 auto 20px;
	text-align: center;
}

div#bottombtn a {
	margin:0 20px;
	display: inline-block;
	width: 300px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff!important;
	font-size: 22px;
	border-radius: 5px;
	box-shadow: 0px 1px 2px #aaa;
}

div#bottombtn a:hover {
	width: 330px;
	color: #fc0!important;
}

.share_twitter {
	background: #05C8FA;
}

.share_hatebu {
	background: #324BD2;
}

div#bottombox {
	width: 728px;
	height: 600px;
	margin: 0 auto;
}

div#rtrank {
	margin-left: 0;
}

div#rtrank div.popularArticlesWithImage.A, div#comrank div.popularArticlesWithImage.A {
	float: left;
	width: 356px;
	height: 450px;
	margin: 0;
	padding: 0;
}

div#comrank div.popularArticlesWithImage.A ul li {
	margin: 0 0 5px 7px !important;
}

div#comrank div.popularArticlesWithImage.A div.title {
	background: #c93!important;
}


/* [人気記事ランキングパーツ]
-------------------------------------------------------------- */

ul#rank_pc li {
	position: relative;
}
ul#rank_pc li a {
	display: inline-block;
	width: 100%;
	padding-left: 20px;
	vertical-align: top;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul#rank_pc .rank {
	position: absolute;
	top: 0;
	left: 0;
}

/* [blogroll]
-------------------------------------------------------------- */
.blogroll-channel {
	font-size: 1.4rem;
	height: 100%;
	margin: 0;
	padding: 0;
}
#headline {
	margin: 10px auto 0;
}
#headline .AMvertical {
	height: 215px;
}
#headline .blogroll-list-wrap {
	height: 270px;
	overflow-y: auto;
	border-bottom: 1px solid #ccc;
}
#headline .blogroll-channel {
	float: left;
	width: 50%;
	padding: 0;
	border-left: 1px solid #ddd;
	background: #fff;
}
#headline > .blogroll-channel:first-of-type {
	margin-right: 10px;
}
.blogroll-channel .blogroll-list-wrap {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.blogroll-channel .blogroll-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.rsswrap .blogroll-list a {
	color: #444;
}
.rsswrap .blogroll-list a:hover {
	border-color: #f60;
}
#headline .blogroll-channel .blogroll-list a, #main .rsswrap .blogroll-list a {
	display: block;
	height: 27px;
	line-height: 27px;
	padding: 0 5px;
}
#main .rsswrap {
	margin: 0 0 20px;
	padding: 5px;
	max-height: 250px;
	overflow-y: auto;
}
#middlerss a {
	width: 100%;
}
.blogroll-channel .blogroll-list a {
	display: inline-block;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #ccc;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.blogroll-channel .blogroll-list:last-child a {
	border-bottom: none;
}
.blogroll-channel .blogroll-list a:hover {
}
.blogroll-ad-default *, .blogroll-ad-img, .blogroll-icon, .blogroll-favicon, .blogroll-hatebu, .blogroll-list > span, .blogroll-ad-text, .blogroll-channel .blogroll-link-time {
	display: none!important;
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
}
.pagenavi {
	font-size: 1.4rem;
	line-height: 2em;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.pagenavi a {
	display: inline-block;
	padding: 0;
}
.pagenavi .next {
}
.pagenavi .prev {
	margin: 0.5em 0 1em;
	text-align: left;
}
.pagenavi .next:before, .pagenavi .prev:before {
	display: inline-block;
	padding: 0 0.5em;
	color: #104cd0;
}
.pagenavi .next:before {
	content: "次の記事»"
}
.pagenavi .prev:before {
	content: "«前の記事"
}

/*	pickup	*/
#pickup {
	text-align: center;
	margin-bottom: 10px;
}
#entryrank {
	margin: 0 0 20px 20px;
}
#pickup > a, #entryrank li {
	position: relative;
	display: inline-block;
	width: 19%;
	width: calc(20% - 5px);
	margin-right: 5px;
	background-size: cover;
	background-position: 50% 50%;
}
#pickup > a {
	height: 150px;
}
#entryrank a {
	display: block;
	height: 120px;
}
#pickup > a:last-child, #entryrank li:nth-child(5n) {
	margin-right: 0;
}
#pickup a span, #entryrank a span {
	position: absolute;
	background: rgba(0,0,0,0.8);
	padding: 2px 3px;
	color: #fff;
}
#pickup .title, #entryrank .title {
	left: 0;
	bottom: 0;
	height: 30px;
	line-height: 16px;
	font-size: 1.2rem;
	text-align: left;
	overflow: hidden;
}
#entryrank .rank {
	display: none;
}
#pickup .count {
	top: 0;
	right: 0;
	font-size: 1rem;
}

#scad {
	position: relative;
	width: 300px;
	height: auto;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
}
#slidewrap {
	overflow: hidden;
	padding: 20px 0 15px;
	margin: 0;
}
#slide_t, #slide_b {
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	left: 0;
	z-index: 9999;
	background: #ffc0bd;
	color: #fff;
	filter: alpha(opacity=70);
	cursor: pointer;
}
#slide_t {
	top: 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
}
#slide_b {
	bottom: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;	
}
#slide_t:hover, #slide_b:hover {
	color: #ffc0bd;
	background: #fae5e4;
}
#populararticles-5338665 td.populararticles-title {
	display: inline-block;
	width: 136px;
}
.awrap {
    margin-bottom: 10px;
}
iframe.ranking {
    width: 728px;
    height: 285px;
}
#spad, #sprss {
	display: none;
}

/*	entry	*/
article#entryarea {
	padding: 0 10px;
}
h1#singletitle.entrytitle {
	margin: 0 0 15px;
	padding: 10px 0;
	border-bottom: 2px solid #104cd0;
}
#main {
	padding: 10px 5px 20px;
}

/*	ranking	*/
.ranking li a {
	display: block;
	position: relative;
	font-size: 1.4rem;
	min-height: 50px;
	border: 1px solid #aaa;
	background-size: cover;
	overflow: hidden;
}
.ranking li img, .ranking li span, .ranking li p {
	position: absolute;
}
.ranking li img, .ranking li span {
	left: 0;
	top: 0;
}
.ranking li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
}
.ranking li span {
	z-index: 1;
	background: rgba(255,255,255,0.9);
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #444;
	display: none;
}
.ranking li p {
	font-size: 1.3rem;
	line-height: 1.2;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 3px;
	height: 40px;
	color: #333;
	background: rgba(255,255,255,0.9);
	z-index: 1;
}
header .ranking {
	position: absolute;
	width: 780px;
	top: 8px;
	right: 10px;
	overflow: hidden;
}
header .ranking li {
	display: inline-block;
	width: 250px;
	margin-left: 10px;
	vertical-align: top;
}
header .ranking li a {
	height: 130px;
}
.sidewrapper .ranking li a {
	height: 150px;
}

/*	matome_style	*/
.res {
	font-size:18px;
	line-height:27px;
	margin:0 0 48px 0;
}
.res .t_h {
	font-size:14px;
	margin-bottom:8px;
	color: #000;
}
.res .t_h .resnum {
}
.res .t_h .resname {
	font-weight: bold;
	color: green;
}
.res .t_h .resdate {
	color: gray;
}
.res .t_b {
	font-weight:bold;
	padding-left:16px;
}
.res .t_b .anchor {
	color:mediumblue;
}
article#entryarea .res .resimg img {
	margin: 0;
}
.compComment, .compImage, .compComment, .compFree {
	margin-bottom: 2em;
}