@charset "utf-8";
/* ##########[ Reset ]########## */
html{
    scroll-behavior: smooth;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}
a {
	color:#666;
}
ol, ul {
	margin:0;
	padding:0;
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
}
a:hover img {
	opacity: 0.6;
}
/* ##########[ bs4 ]########## */
.form-control {
	margin:3px;
}
.text-white a {
	color:#fff;
}
@media only screen and (max-width: 992px) {
 .sr-none {
 display:none;
}
}
/* ##########[ google ]########## */
.cse .gsc-control-cse, .gsc-control-cse {
	padding:0!important;
}
.gsc-control-cse {
	border:none!important;
}
/* ##########[ header ]########## */
.navbar {
	padding:0 15px!important;
}
.bg-black {
	background:#202020;
}
#footer {
}
#content {
	background:#fff;
}
/* ##########[ frame ]########## */
.col-menu {
	height:50px;
	float:left;
}
.col-search {
	height:50px;
	padding-top:6px;
}
#side2 {
	background:#d9dcdf;
}
.box-side {
	padding:15px 0;
	margin-bottom:15px;
}
.box-side h2 {
	background:#d9dcdf;
	padding:5px;
	text-align:center;
	font-size:1.0rem;
	border-radius:5px;
}
img.item {
	border-radius:5px;
	margin:5px 0;
}
.summary {
	line-height:1.4;
	margin-bottom:1rem;
}
.meta {
	font-size:0.9rem;
	color:#999;
}
/* ##########[ list-entry ]########## */
.ich {
	width:120px;
	height:120px;
	margin:5px;
}
.icm {
	display:inline;
	width:30px;
	height:30px;
	margin:0 5px;
}
.ics {
	width:24px;
	height:24px;
	margin:0 5px;
}
/* ##########[ header ]########## */
.pageend {
	clear: both;
	padding:30px;
	text-align:center;
}
.pageend img {
	width:24px;
	margin-right:5px;
}
.tn-footlink {
	padding:5px;
	text-align:center;
}
/* ##########[ pagenv ]########## */
#pagenv {
	position: fixed;
	bottom: 100px;
	right: 20px;
}
#pagenv a {
	display: block;
	width:40px;
	height:40px;
	background-image:url(imgs/alpha.png);
	color: #fff;
}
#pagenv a:hover {
	background:#000;
}
#pagenv img {
	width:24px;
	height:24px;
	margin:8px;
}
/* ##########[ row ]########## */
.row-title {
	text-align:center;
	font-size:1.8rem;
	margin:15px 0;
}
/* ##########[ card ]########## */
ul.tn-list-card {
	margin-bottom:30px;
}
ul.tn-list-card li {
	border-bottom:1px dotted #999;
	padding-bottom:10px;
	margin-bottom:10px;
}
ul.tn-list-card img {
	width:180px;
	height:120px;
	margin-right:10px;
}
ul.tn-list-card span {
	display:block;
	font-size:0.9rem;
	color:#999;
}
ul.tn-list-card h3 {
	font-size:1.1rem;
	margin:0 0 5px;
}
ul.tn-list-card p {
	font-size:1.0rem;
	margin:0 0 5px;
}
/* ##########[ item ]########## */
ul.tn-list-item {
	font-size:0;
	text-align:center;
}
ul.tn-list-item li {
	display: inline-block;
	margin-right:5px;
	width:180px;
	height:210px;
	overflow:hidden;
}
ul.tn-list-item li img {
	width:180px;
	height:120px;
	margin-bottom:4px;
	border-radius:5px;
}
ul.tn-list-item li h3 {
	overflow:hidden;
	font-size:1rem;
	max-height:38px;
	line-height:18px;
	margin:0 0 3px;
}
ul.tn-list-item li span {
	font-size:0.8rem;
	color:#999;
}
.tn-last {
	background:#ccc;
	display:block;
	border-radius: 5px;
	text-align:center;
	padding:60px 0;
	color:#999;
}
/* ##########[ navi ]########## */
dl.dl-list {
	margin-bottom:1rem;
}
dl.dl-list dt {
	float:left;
	font-size:0.8rem;
}
dl.dl-list dd {
	margin-left:80px;
	font-size:0.9rem;
}
dl.dl-list dd:after {
	content: '';
	display: block;
	clear: both;
}
/* ##########[ row ]########## */
.bg-screen {
	position: relative;
	background-position: top center;
	background-size: cover;
}
h1.blogname {
	font-size: 1.8rem;
	color: #fff;
	text-shadow: 1px 1px 10px #000;
	font-weight: bold;
	margin-bottom:15px;
	text-align:center;
}
h2.headline {
	text-align:center;
	font-size: 2rem;
	line-height: 3rem;
	color: #ccc;
	text-shadow: 1px 1px 10px #000;
	font-weight: bold;
	letter-spacing:-2px;
}
/* ##########[ side ]########## */
.menu-list li {
	margin:2px 0 2px 30px;
	list-style-type:square;
}
.menu-list li a {
	overflow:hidden;
}
.menu-inline li {
	display:inline;
}
.menu-inline li a {
	font-size:12px;
	letter-spacing:-1px;
}
/* ##########[ pack ]########## */
.pack {
	margin-bottom:2rem;
}
.pack:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
/* ##########[ heading ]########## */
h2.header {
	clear:both;
	margin:3rem 0 2rem;
	text-align:center;
}
h2.header span {
	display:block;
	font-size:1rem;
	color:#999;
}
h3.header {
	clear:both;
	margin:3rem 0 1rem;
}
h3.header span {
	display:block;
	font-size:1rem;
	color:#999;
}
/* ##########[ tn-list ]########## */
ul.tn-tags {
	padding:0;
	margin-bottom:30px;
}
ul.tn-tags li {
	display: inline;
	line-height:1.0;
	letter-spacing:-2px;
	margin-right:2px;
}
ul.tn-tags .rank-1 a {
	font-size: 2.0rem;
	color:#f0c;
}
ul.tn-tags .rank-2 a {
	font-size: 1.9rem;
	color:#f00;
}
ul.tn-tags .rank-3 a {
	font-size: 1.2rem;
	color:#393;
}
ul.tn-tags .rank-4 a {
	font-size: 1.1rem;
	color:#33c;
}
ul.tn-tags .rank-5 a {
	font-size: 1.0rem;
	color:#33c;
}
ul.tn-tags .rank-6 a {
	font-size: 0.9rem;
	color:#339;
}
ul.tn-tags .rank-7 a {
	font-size: 0.8rem;
	color:#333;
}
ul.tn-tags .rank-8 a {
	font-size: 0.7rem;
	color:#666;
}
ul.tn-tags .rank-9 a {
	font-size: 0.6rem;
	color:#999;
}
ul.tn-tags .rank-10 a {
	font-size: 0.5rem;
	color:#ccc;
}
/* ##########[ tn-pager-result ]########## */
.tn-pager-result {
	text-align:center;
	margin:15px;
	font-size:24px;
}
.tn-pager-result a {
	margin:0 5px;
}
.tn-pager-result b a {
	color:#c00;
}
/* ##########[ tn-pager ]########## */
div.tn-pager {
	clear:both;
	text-align:center;
	margin:20px 0;
}
div.tn-pager:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
div.tn-pager span, div.tn-pager b, div.tn-pager a {
	font-size:14px;
	text-decoration:none;
	padding:4px 4px;
	border-radius:         7px;
	-moz-border-radius:    7px;
	-khtml-border-radius:  7px;
	-webkit-border-radius: 7px;
}
div.tn-pager span, div.pages span.atfirst, div.pages span.atend {
	background:#eee;
	color: #999;
}
div.tn-pager b {
	background:#58c;
	color:#fff;
	font-weight:bold;
}
div.tn-pager a {
	background:#eee;
	color:#000;
}
div.tn-pager a:hover {
	color:#fff!important;
	background:#c00;
}
/* ####################[ entry ]#################### */
a.tn-edit {
	float:right;
	color:#fff;
}
h1.title {
	letter-spacing:-1px;
	margin-bottom:15px;
	line-height:1.2;
}
h1.title span,
.description {
	display:block;
	font-size:1.4rem;
	color:#396;
	font-weight: normal;
}
/* ##########[ entryphoto ]########## */
.entryphoto {
	text-align:center;
}
.entryphoto img {
	max-height:600px;
	margin-bottom:10px;
}
.entryphoto p {
	text-align:center;
	font-size:1.0rem;
	line-height:1.5;
	margin:0;
}
/* ##########[ entrybody ]########## */
.entrybody {
}
.entrybody p {
	font-size: 1.2rem;
    line-height: 1.7;
}
.entrybody a {
	color:#007bff;
	text-decoration:underline;
}
.entrybody h2, .hreview strong {
	display:block;
	text-align:center;
	font-size:2.4rem;
	font-weight:bold;
	color:#c36;
	margin: 2rem 0 2rem;
}
.entrybody h3 {
	text-align: center;
	clear: both;
	margin: 3rem 0 1rem;
	font-size: 2.4rem;
	color: #679;
}
.entrybody h4 {
	margin:3rem 0 1rem;
	padding-left:10px;
	color:#c66;
	font-size: 1.6rem;
	border-left:8px solid #c66;
}
.entrybody h5 {
	font-size:1.1rem;
}
.entrybody h6 {
	font-size:1.0rem;
}
.entrybody img {
	max-width: 100%;
	height: auto;
	border:1px solid #999;
	background-color: #fff;
	padding:9px;
	box-shadow: 0px 1px 9px #666;
}
.entrybody a img {
	border-color:#29c;
}
.entrybody a:hover img {
	border-color:#f0c;
}
.img-none,
img.none {
	border:none!important;
	padding:0!important;
	box-shadow:none!important;
	background-color:transparent!important;
}
.updated {
	background:#eee;
	padding:5px;
	font-size:0.8rem;
}
/* ##########[ text ]########## */
small, .small {
	font-size:80%!important;
}
.large {
	font-size:200%;
}
.res {
	color:#090;
}
p.res {
	color:#090;
	font-size:1em;
	margin-bottom:0.5em;
}
.hot, .hot a {
	font-weight:bold;
	color:#c00!important;
}
.stanza {
	color:#c0c6cf;
	font-weight:bold;
	text-align:center;
	font-size:24px!important;
}
hr {
	clear:both;
	border:0;
	height:2px;
	margin:1rem 0;
	background-color:#d0d6df;
	color:#d0d6df;
}
.quote {
	margin:0 2px;
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
}
h5.box-head {
	background:#eee;
	margin-top:1px;
	margin-bottom:0px;
	padding:5px 15px 5px 20px;
}
h5.box-head a {
	display:block;
}
.box-info {
	background:#eee;
	margin-bottom:30px;
	padding:15px;
}
blockquote {
	margin:1rem 1rem 1rem 1rem;
	clear: both;
	padding: 15px 15px 15px 50px;
	background:#f3f3f3 url(http://trynext.com/bootstrap/imgs/bq-quote.png) no-repeat 10px 10px;
	border-radius:8px;
	border:2px solid #ccc;
	font-size: 1rem;
}
blockquote h5 {
	margin-bottom:0.2rem;
}
blockquote cite {
	display:block;
	margin-top:0.5rem;
	text-align:right;
	color:#999;
	font-style:normal;
}
blockquote.plot {
	background:#ffffee url(http://trynext.com/bootstrap/imgs/bq-plot.png) no-repeat 10px 10px;
	color: #093;
	border-color:#9ba;
}
blockquote.spoiler {
	background:#ffffee url(http://trynext.com/bootstrap/imgs/bq-plot.png) no-repeat 10px 10px;
	color: #ffffee;
	border-color:#9ba;
}
blockquote.edit {
	background:#f5f8fa url(http://trynext.com/bootstrap/imgs/bq-edit.png) no-repeat 10px 10px;
	border-color:#7ac;
}
/* ##########[ ul ol dl ]########## */
.entrybody ul, ul.list {
	margin-bottom:2rem;
	overflow: hidden;
}
.entrybody li {
	margin-left:2rem;
	list-style-type: disc;
	margin-bottom:5px;
	font-size: 1.2rem;
	line-height:1.5;
}
.entrybody ol {
	margin-bottom:2rem;
}
.entrybody ol li {
	margin-left:2rem;
	list-style-type:decimal;
	line-height:1.5;
	margin-bottom:5px;
}
.entrybody ul ul,
.entrybody ol ul, 
.entrybody ul ol, 
.entrybody ol ol {
	margin-bottom:0!important;
}
table p ,
dl dd p,
blockquote p {
	font-size:1.0rem!important;
	line-height:1.4!important;
	margin-bottom:0.5rem!important;
}
.ul.list img {
	border:none!important;
	padding:0!important;
	box-shadow:         none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow:    none!important;
	width:20px;
	margin-right:5px;
}
dl {
	margin:1rem 0;
}
dl dt {
	color:#c36;
	margin:0;
}
dl dd {
	margin:0 1rem 0rem 2rem;
}
/* ##########[ table ]########## */
caption {
	padding:0;
	color: #666;
	text-align: center;
	caption-side: top;
}
table thead th {
	background-color: #343a40!important;
	color:#fff;
	text-align:center;
}
table.sheet {
	margin: 1rem 0;
	border:1px solid #c0c6cf;
}
table.sheet th {
	background-color:#e0e6ef;
}
table.sheet td, table.sheet th {
 padding: .25rem .5rem;
	border:1px solid #c0c6cf;
	vertical-align: top;
	font-size:1.0rem;
	line-height:1.5;
}
table.sheet p {
	font-size:1.0rem;
	line-height:1.5;
}
.bg-1st {
	background:#30363f!important;
	color:#fff;
	text-align:center;
	font-size:1.1rem;
}
.bg-2nd {
	background:#c0c6cf!important;
	text-align:center;
}
.table-chat th {
	width:60px;
}
.table-chat td {
	font-size:1rem;
}
/* ##########[ inline ]########## */
ul.tn-inline {
	margin:0;
	padding:0;
}
ul.tn-inline li {
	margin:0;
	padding:0;
	display:inline;
}
ul.tn-inline li:after {
	content:" / ";
	color:#999;
}
ul.tn-inline li:last-child:after {
	content:"";
}
ul.inline li {
	display:inline;
	background-image:none!important;
	padding:0!important;
}
ul.inline li:after {
	content:" - ";
	color:#999;
}
ul.inline li:last-child:after {
	content:"";
}
/* ##########[ review ]########## */
.ic-star {
	position:relative;
	display:inline-block;
	background:url(/lib/imgs/ic-star-big.png);
	width:160px;
	height:30px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-top: 10px;
}
.stars-1 {
	background-position:0 -120px;
}
.stars-2 {
	background-position:0 -90px;
}
.stars-3 {
	background-position:0 -60px;
}
.stars-4 {
	background-position:0 -30px;
}
.stars-5 {
	background-position:0 0px;
}


/* ##########[ EOF ]########## */