@charset "UTF-8";
/*
Theme Name: koei dol
Author URI: http://www.gamecity.ne.jp/dol/topics_cms/
Description: 大航海時代 Online のテンプレートです。
Version: 1.0
*/
body{ font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important; line-height:1.61 !important; margin:0; padding:0;}
img {vertical-align: bottom;}

#common-header-logo{width: 95%; max-width: 1000px; text-align: center; margin: 20px auto;}
#common-header-logo img{width: 95%; max-width: 330px; margin: 0 auto;}

#common-main-box{width: 95%; max-width: 1000px; margin: 0 auto; border: solid 3px #3d3514; background: url(../../../../image/cms/article-main-title-df2.jpg) center center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding-top: 2%;
box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
}
.text-box{ width: 74.5%; margin: 0 auto 10px auto; padding: 50px 10%; background:#fff; box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;}

.article-main-title-bottm + .main-lead,
.article-main-title-bottm + .text-box{margin-top: 20px;}

.text-box a:link { color: #ff0000; text-decoration: none;}
.text-box a:visited { color: #ff0000; }
.text-box a:hover { color: #ff0000; text-decoration: underline;}
.text-box a:active { color: #ff0000; }


#gc-wrapper .text-box-in-gc{padding: 10px 0; display: block;}
#gc-wrapper .text-box-in-ya{padding: 0; display: none;}

#yahoo-wrapper .text-box-in-gc{padding: 0; display: none;}
#yahoo-wrapper .text-box-in-ya{padding: 10px 0; display: block;}


/* free-btn
------------------------------------- */

.free-btn{width: 95%; margin: 0 auto; padding: 2% 0;}
.free-btn a{
	width: 96%;
	display: block;
     padding:10px 2%;
	background: rgb(169,3,41);
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
	box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.free-btn a:hover{
	background:#800000;
	text-decoration: none;
}


/* 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: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
 
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
 
.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;}
}

/* old page btn
--------------------------------- */
ul.old_page_btn{width: 94%; max-width: 1000px; margin: 10px auto 0 auto; text-align: right; height: auto; padding: 5px 0;}
.old_page_btn li{display:inline-block; margin-right: 5px; height: 40px;}
ul.old_page_btn a{color: #000; padding: 5px 20px; border-radius: 5px; background: rgb(250,254,255); background: -moz-linear-gradient(top,  rgb(250,254,255) 0%, rgb(212,218,215) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(250,254,255)), color-stop(100%,rgb(212,218,215))); background: -webkit-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: -o-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: -ms-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafeff', endColorstr='#d4dad7',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none;}
ul.old_page_btn a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.old_page_btn li.next span { position: absolute; top: -9999px; left: -9999px;}
.old_page_btn li.next a::before { 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);}
.old_page_btn li.next a::before { content: "\f105"; }


/* list
--------------------------------- */
dl.topics-list{font-size: 14px; border-bottom: dotted 1px #000;}
dl.topics-list dt{display:block; padding: 3px; font-weight: bold; color: #0033cc; float: left; width: 20%; max-width: 110px;}
dl.topics-list dd{display:block; padding: 3px; float: left; width: 75%;}
dl.topics-list a{color: #555555!important;  text-decoration: none;}
dl.topics-list a:hover{text-decoration: underline; color #000;}

.info-new{display:inline-table; background:#f00; color: #fff; font-weight: bold; font-size: 10px; padding: 1px 2px; margin-right: 4px;}
.important-data-list{ background:#fcf0ef; font-weight: bold;}
.important-data-list dd a{color: #800000;}

@media screen and (max-width: 1000px) {
dl.topics-list{font-size: 14px; border-bottom: dotted 1px #000;}
dl.topics-list dt{display:inline-block; padding: 3px; font-weight: bold; color: #0033cc; width: 95%; max-width: 400px;}
dl.topics-list dd{display:inline-block; padding: 3px; width: 100%;}
}



/* 調整
--------------------------------- */


@media screen and (max-width: 640px) {
	.article-main-title{font-size: 20px; line-height:1.4;}
	.main-lead{width: 85%; letter-spacing: 0em; font-size: 16px; line-height: 1.4;}
	.text-box{ width: 88%; padding: 3%;}
	.df-toptitle{font-size: 20px; width: 85%;}
	.df-subtitle{width: 85%;}
	.df-heading{width: 90%; margin-left: 0;}
	.text-box .notice{width: 95%;}
	.main-period{font-size: 16px;}
	.ss-box{width: 95%; max-width: 700px;}
	dl.topics-list dt{padding: 3px 3px 0 3px; width: 95%; max-width: 400px;}
	dl.topics-list dd{padding: 0 3px 3px 3px;}
}


@media screen and (max-width: 400px) {
	 .df-toptitle{font-size: 20px; width: 80%;}
	 .df-subtitle{width: 80%;}
	 .df-heading{width: 86%; margin-left: 0;}
	 main-period{font-size: 14px;}
}




/* Y限定
--------------------------------- */

#yahoo-wrapper #dol_wrapper{background: none;}
#yahoo-wrapper #footer{background: none; color: #fff;}
#yahoo-wrapper .footer-layout{ background: none!important; color: #fff;}
#yahoo-wrapper ul.common-footer-text{background: none!important;}
#yahoo-wrapper #footer a{color: #fff;}

#yahoo-wrapper #common-main-box{background: url(/cms/img/article-main-title-df2.jpg) center center;}
#yahoo-wrapper .article-main-title{background:url(/cms/img/article-main-title-df.jpg) top center no-repeat;}
#yahoo-wrapper .article-main-title-bottm{background:url(/cms/img/article-main-title-df-bottom.jpg) top center no-repeat;}
#yahoo-wrapper .df-toptitle{background:url/cms/img/h1-df-bg.jpg)left center;}
#yahoo-wrapper .df-subtitle{background:url/cms/img/h2-df-bg.jpg)left center;}
/* #yahoo-wrapper .text-box{ background:url(/cms/img/cont-bg.jpg);} */