@charset "UTF-8";
/*
Theme Name:d5
Theme URI:http://www.gamecity.ne.jp/100nobu/
Description:100万人の信長の野望 CMS
Author:KT Design
Version:0.12
*/

.top_news_list{ width: 900px; margin: 0 auto; border: solid 1px #3a2f2a; background: #5a443b; margin-top: -1px; }
.top_news_list img{margin: 0; padding: 0; vertical-align: bottom; }
.top_news_list a{ text-decoration: none; color: #5a443b;}
.top_news_list a:hover{opacity:0.805; filter:alpha(opacity=805); -moz-opacity:0.805; -khtml-opacity:0.805;}
.top_news_day{float: left; width: 105px; color: #fff; text-align: center; padding-top: 10px;}
.top_news_img_text_bg{ float: left; width: 795px; background: rgb(229,229,229); background: -moz-linear-gradient(top,  rgba(229,229,229,1) 1%, rgba(244,244,244,1) 100%); background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 1%,rgba(244,244,244,1) 100%); background: linear-gradient(to bottom,  rgba(229,229,229,1) 1%,rgba(244,244,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 ); }
.top_news_img{width: calc(30% - 10px); float: left; padding: 5px;}
.top_news_img img{width: 100%;}
.top_news_text{width: 70%; float: left;}
.top_news_title{color: #990000; font-weight: bold; padding: 10px 10px 5px 10px;}
.top_news_lead { padding: 0 10px 10px 10px;}
#news p{color: #99002f; font-weight: bold;}
.news_in_thu img{vertical-align: center !important;}
.inn_ct{margin-top: 24px;}



/* whatsnew
--------------------------------- */
/* 

.top_whatsnew_list img{margin: 0; padding: 0; vertical-align: bottom; }
*/

.top_whatsnew_list{ width: 100%; margin: 0 auto;}
.top_whatsnew_list a{ text-decoration: none; color: #5a443b;}
.top_whatsnew_list a:hover{opacity:0.805; filter:alpha(opacity=805); -moz-opacity:0.805; -khtml-opacity:0.805;}

.top_whatsnew_img_text_bg{ float: left;}
.top_whatsnew_img{width: calc(30% - 10px); float: left; padding: 5px;}
.top_whatsnew_img img{width: 100%;}
.top_whatsnew_text{width: 70%; float: left;}
.top_whatsnew_title{ color: #990000; font-weight: bold; font-size:20px; padding: 10px 10px 5px 10px;}
.top_whatsnew_lead { width: 580px; padding: 0 10px 0 10px; min-height: 55px;}

.link{width: 600px; text-align:right;}




/* single-info
--------------------------------- */

.news_in_box{width:800px; border: solid 1px #000; margin: 0 auto; padding: 0;
background: rgb(229,229,229);
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 1%, rgba(244,244,244,1) 100%);
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 1%,rgba(244,244,244,1) 100%);
background: linear-gradient(to bottom,  rgba(229,229,229,1) 1%,rgba(244,244,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 );

}
.news_in_day{ background: #5a443b; margin: 0;}
.news_in_day dt{color: #fff; font-size: 20px; width:150px; float: left; text-align: center; display:block; padding: 5px 0 0 0;}
.news_in_day dd{background: url("/100nobu/images/news/body-title-arr.png") #d5b4a7 center left no-repeat;  width: calc(650px - 30px); float: right; margin: 0; padding: 5px 5px 5px 25px; color: #990000; font-weight: bold; font-size: 20px;}

.news_in_box hr {
    background-image: url("/100nobu/images/news/body-splitter.png");
    background-repeat: repeat-x;
    border-width: 0;
    height: 18px;
    width: 100%;
}

.news_in_thu{width:auto; max-width:640px; margin: 0 auto; text-align: center; padding: 16px;}
.news_in_main_cont{padding: 10px;}

.page_back{padding-top: 16px; width:800px; margin: 0 auto;}
.page_back a{ text-decoration: none;}
.page_back a:hover{text-decoration: underline;}


/* Pager page navi
--------------------------------- */
.pagination{list-style-type: none; padding-left: 0; margin: 30px 0;}
.pagination, .pagination li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pagination a { font-weight: 300; padding-top: 1px; text-decoration:none;  border: 1px solid #ddd; border-left-width: 0; min-width:36px; min-height:36px; color: #000080;  background:#fff;}
.pagination li:not([class*="current"]) a:hover { background-color: #eee;}
.pagination li:first-of-type a { border-left-width: 1px;}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span { position: absolute; top: -9999px; left: -9999px;}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after { display: inline-block; font-family: Fontawesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);}
.pagination li.first a::before { content: "<<"; }
.pagination li.last a::after { content: ">>"; }
 
.pagination li.previous a::before { content: "<"; }
.pagination li.next a::after { content: ">"; }
 
.pagination li.current a { background-color: #ddd; cursor: default; pointer-events: none;}
.pagination > li:first-child > a { border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.pagination > li:last-child > a { border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{  position: initial; top: initial; left: initial;}
  .pagination li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
  .pagination li.current { order: 2; width: 100%; border-left-width: 1px;}
}


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}