﻿.entry {
	display: inline-block;	/* ブロック化 */
	color: #ffffff;		/* 文字色 */
	background: #f04444;	/* 背景色 */
	padding: 4px 4px;	/* 背景色内の余白 */
}

/* ランキングは表示しない */

.rarank-txt {
	display: none;
}

div.comment {
	display: none;
}

/* favorite 揃える */

ul {
	margin: 0 0 0 0;
	padding: 0;
}

li {
 	margin: 0 0 0 1.5em;
 	color: #505050;
}

/* レスポンシブ対策 ここから */

@media screen and (max-width: 820px) {
table.block, table.block td {
	display: block;
}

td.box-c {
	min-width: 100%;
}
}
/* レスポンシブ対策 ここまで */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px 0px 0px 0px;
	line-height:150%;
}

img {
	max-width: 100%;
	height: auto;
	text-align: center;
}

a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff80ff; }
a:active { color: #ff0000; }

h1 {
	font-size: 150%;
	color:#3f3f3f;
	margin: 15px 0 15px 0;
	line-height:120%;
	text-align: center;
}

/*
h2 {
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	color: #3f3f3f;
}
*/

hr.header {
	border-style: none;
	border-top: 1px solid #333333;
}

hr.footer {
	border-style: none;
	border-top: 1px solid #333333;
	width: 90%;
}

.mail {
	text-align: center;
	margin-top: 5em;
}

.redtext {
	color: #ff0000;
}

.recent {
	text-align: left;
	line-height: 150%;
}

.mokuji_table {
	border: 0px #000 solid;
	border-collapse: collapse;
	margin: 0 auto;
	width: 98%;
}

.mokuji_td {
	border-bottom: 1px #ccc solid;
	padding: 20px 10px 0 10px;
}

.mokuji_td a {
	text-decoration: none;
}

.mokuji_title {
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}

.comment {
	display: none;
}

.hidden_c {
	color:transparent;
}

/* ##### footer-links ここから ##### */

*, *:before, *:after {
	box-sizing: border-box;
}

.footer-links {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}

.footer-links > div {
	width: 50%;
	padding: 0 0.5em;
}

@media screen and (max-width: 820px) {
	.footer-links > div {
	width: 100%;
	padding: 0;
	margin-bottom: 0.5em;
	}
}

/* ##### footer-links ここまで ##### */

.clear {
	clear: both;
}

/* ##### インフォメーション ##### */

@media screen and (max-width: 820px) {
div.box-recent {
	min-width: 98%;
	left: 1%;
	right: 1%;
}
}

div.box-recent {
	position: relative;
	margin: 2em 0;
	padding: 1.5em 0 0.5em 0;
	border: solid 1px #555;
	border-radius: 0px;
	width: 98%;
	top: 0;
	bottom: 0;
	left: 1%;
	right: 1%;
}

div.box-recent .box-title-recent {
	position: absolute;
	display: inline-block;
	top: -10px;
	left: 10px;
	padding: 0 10px;
	line-height: 1;
	background: #fff;
	color: #000;
	font-size: large;
	font-weight: bold;
}

div.links-recent {
	text-align: center;
	padding: 5px 20px 10px 20px;
}

div.links-recent img {
	margin-bottom: 10px;
}

/* テキストリンク（テキストの場合のみ有効　画像バナーには影響なし */

div.links-recent-text {
	text-align: left;
	line-height: 180%;
	margin-bottom: 0.3em;
}

div.links-recent-text a {
	font-size: 1em;
	line-height: 180%;
}
