@charset "UTF-8";
/* fontsize */
div#infomationTopInnr table th, div#infomationTopInnr table td { font-size: 0.75em; }

/* font color */
div#infomationTopInnr table th, div#infomationTopInnr table td { color: #4c4c4c; }
div#infomationTopInnr table th, div#infomationTopInnr table td { line-height: 1.3; }
.ddsmoothmenu-v ul li, div#wnTop li p, div.eventColumnSingle li, div.eventColumnDouble li { line-height: 1; }

/* #sortBttn */
div#sortBttn { margin: 7px 0 0 0; }
div#sortBttn ul li { float: left; }
div.comicListBoxlet { width: 121px; float: left; }
div.comicListBoxlet .tac { margin: 5px 0 0 0; }
div.comicListBoxlet h3 { font-weight: normal; margin: 5px 0 0 0; }
div.comicboxFirstLineA { margin: 0 0 0 0; }
div.comicboxFirstLineB { margin: 0 0 0 9px; }
div.comicboxsecondLineA { margin: 9px 0 0 0; }
div.comicboxsecondLineB { margin: 9px 0 0 9px; }
div.comicListBox, h2#contentCenterCmclist, h2#contentCenterChara, h2#contentCenterInfrmtn, div#contentCenterBanners { margin: 10px 0 10px 0; }
#gn_detail #gn_content #gn_main .comicListBoxlet h3 { background: none; box-sizing: border-box; color: #000000; font-size: 12px; font-weight: normal; line-height: 1.2; padding: 4px 0 0; margin: 0; width: 100%; }
div.comicListBox p { margin: 0; }
p#comicTitleOutline { padding-bottom: 10px; border-bottom: 1px solid #bbbbbb; }
p#comicTitleOutlineup { padding-top: 10px; border-top: 1px solid #bbbbbb; }
div.comicTitleOutlineDetailTxt strong { font-weight: normal; }
div#comicTitleOutlineDetail { margin: 15px 0 0 0; }
div.comicTitleOutlineDetailImg { width: 200px; float: left; }
div.comicTitleOutlineDetailTxt { width: 430px; padding-left: 15px; float: left; }
h2#contentCenterBknmbr { width: 535px; height: 25px; margin: 10px 0 0 0; }
ul#contentCenterBknmbrList li { padding: 6px 0 6px 0.8em; border-bottom: 1px dotted #bbbbbb; background-image: url(../img/icon_arrw_02.gif); background-position: left 0.8em; background-repeat: no-repeat; }
div#contentCenterBknmbrList dl { padding: 10px 0 10px 20px; border-bottom: 1px dotted #bbbbbb; background-image: url(../img/icon_arrw_02.gif); background-position: 15px 1.4em; background-repeat: no-repeat; overflow: hidden; }
div#contentCenterBknmbrList dt, div#contentCenterBknmbrList dd { float: left; }
ul#contentCenterBknmbrList li.last, div#contentCenterBknmbrList dl.last { border-bottom: none; }
ul#contentCenterBknmbrList li img, div#contentCenterBknmbrList dd img { vertical-align: middle; margin: 0 5px 0; }
h2#contentCenterInfrmtn { width: 535px; height: 26px; }
div#contentCenterInfrmtnInnr { height: 100px; overflow-y: scroll; }
div#contentCenterInfrmtnInnr ul li { width: 484px; padding: 6px 0; border-bottom: 1px dotted #bbbbbb; }
div#contentCenterInfrmtnInnr ul li.last { border-bottom: none; }
div.contentCenterInfrmtnImg { width: 44px; float: left; }
div.contentCenterInfrmtnTxt { width: 430px; padding-left: 10px; float: right; }
div.contentCenterInfrmtnTxt p.infoDate { padding: 1px 0 1px 0.8em; background-image: url(../img/icon_arrw_02.gif); background-position: left 0.2em; background-repeat: no-repeat; }
div#readersImpression { border-bottom: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; padding: 10px; }
input#readersImpressionTxt { width: 435px; padding: 1px 0; }

/* chara */
div.contentCenterCharaDetailImg { width: 110px; float: left; }
div.contentCenterCharaDetailTxt { width: 389px; padding-left: 14px; float: right; }
div.contentCenterCharaDetailTxt h3 { padding: 7px; margin-bottom: 10px; font-weight: normal; background-image: url(../img/bk_charadetail_ttl_h3.gif); background-position: left top; background-repeat: repeat; }
div.contentCenterCharaDetailTxt2l { width: 125px; padding-left: 14px; float: left; }
div.contentCenterCharaDetailTxt2l h3 { padding: 7px; margin-bottom: 10px; font-weight: normal; background-image: url(../img/bk_charadetail_ttl_h3.gif); background-position: left top; background-repeat: repeat; }
div#Fairinfo h3 { text-align: center; margin-top: 7px; font-size: 120%; color: #e6006d; font-weight: bold; background: #eee; border-bottom: 5px solid #3a3a3a; padding: .5em .0em .4em; }
div#Fairinfo table { width: 500px; border: 1px; cellpadding: 0; bordercolor: #CCCCCC; margin-bottom: 5px; border: 1px solid #ddd; }
div#Fairinfo table td { align: lef; valign: top; bgcolor: #FFFFFF; border-top: 1px solid #ddd; }
div#Fairinfo th { background-color: #ECECEC; border-top: 1px solid #ddd; }
div#Fairinfo .tup th { background-color: #3a3a3a; color: white; border-top: 1px solid #ddd; }
div#Fairinfo table strong { color: #E6006D; }
div#renewal { width: 276px; padding: 10px; border: 1px  solid #2285ff; border-radius: 10px; }
div.contentCenterPnlBody a.backNumberText:link, div.contentCenterPnlBody a.backNumberText:visited { font-size: 14px; font-weight: bold; color: #ff0055; }
div.contentCenterPnlBody a.backNumberText:hover, div.contentCenterPnlBody a.backNumberText:active, div.contentCenterPnlBody a.backNumberText:focus { color: #ff5d93; text-decoration: underline; }

/*---------------------------------------------------------------------
関連作品の試し読みに使用
-----------------------------------------------------------------------*/
.gn_detail_free { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*タイトルアイコン 元サイズ49x48を小さく表示*/
.gn_detail_free h2:before { background: url(../../images/detail/gn_detail_story_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0 0 0 0; vertical-align: middle; width: 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*関連作品の試し読みに使用一式
--------------------------------------------*/
.gn_detail_free .gn_detail_story_list { margin: 0 auto 15px auto; }
.gn_detail_free .gn_detail_story_list dl { display: block; margin: 0; padding: 0; }

/*関連作品の試し読みに使用サムネイル*/
.gn_detail_free .gn_detail_story_list dl dt { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 248px; }
.gn_detail_free .gn_detail_story_list dl dt img { width: 248px; border: 1px solid #e4e4e4; }

/*関連作品の試し読みに使用詳細*/
.gn_detail_free .gn_detail_story_list dl dd { display: inline-block; margin: 0 0 0 16px; padding: 0; vertical-align: top; width: 370px; }
.gn_detail_free .gn_detail_story_list dl dd ul li { font-size: 16px; font-weight: bold; margin: 0 0 8px 0; }

/*関連作品の試し読みに使用の更新日*/
.gn_detail_free .gn_detail_story_list dl dd ul li.gn_detail_story_list_date { color: #faa500; font-size: 18px; font-weight: bold; line-height: 1.3; word-break: break-all; }

/*関連作品の試し読みに使用のタイトル*/
.gn_detail_free .gn_detail_story_list dl dd ul li.gn_detail_story_list_ttl { font-size: 18px; font-weight: normal; line-height: 1.3; margin: 0 0 10px 0; }

/*掲載期間＆次回更新*/
.gn_detail_free .gn_detail_story_list dl dd ul li p { background: #000; border-radius: 4px; display: inline-block; margin: 0 5px 0 0; padding: 0; vertical-align: middle; word-break: break-all; }
.gn_detail_free .gn_detail_story_list dl dd ul li p span { color: #fff; display: inline-block; font-size: 12px; font-weight: bold; margin: 0; padding: 3px; text-align: center; vertical-align: middle; word-break: break-all; }

/*ボタン*/
.gn_detail_free .gn_detail_story_list dl dd ul li.gn_detail_story_btn { margin: 13px 0 0 0; }
.gn_detail_free .gn_detail_story_list dl dd ul li.gn_detail_story_btn:last-child { margin: 0 0 8px 0 !important; }

/*バックナンバー一式
--------------------------------------------*/
.gn_detail_free .gn_detail_story_past { margin: 0 auto 5px auto; }
.gn_detail_free .gn_detail_story_past ul { margin: 0; padding: 0; }

/*1行リスト*/
.gn_detail_free .gn_detail_story_past ul li { border-bottom: 1px dotted #e4e4e4; margin: 0 0 10px 0; position: relative; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.gn_detail_free .gn_detail_story_past ul li img { border: 1px solid #e4e4e4; display: inline-block; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 83px; }
.gn_detail_free .gn_detail_story_past ul li span { display: inline-block; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; }
.gn_detail_free .gn_detail_story_past ul li span strong { display: block; font-size: 16px; font-weight: bold; line-height: 1.3; }

/*2行リスト*/
.gn_detail_free .gn_detail_story_past ul li { height: auto; }
.gn_detail_free .gn_detail_story_past ul li.gn_detail_story_past_2c { border-bottom: 1px dotted #e4e4e4; border-left: none; display: inline-block; margin: 0 0 5px 0; position: relative; vertical-align: top; width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.gn_detail_free .gn_detail_story_past ul li.gn_detail_story_past_2c:nth-child(even) { border-bottom: 1px dotted #e4e4e4; border-left: 1px dotted #e4e4e4; display: inline-block; margin: 0 0 6px 0; position: relative; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.gn_detail_free .gn_detail_story_past ul li.gn_detail_story_past_2c img { border: 1px solid #e4e4e4; display: inline-block; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 68px; }
.gn_detail_free .gn_detail_story_past ul li.gn_detail_story_past_2c span { display: inline-block; font-size: 12px; font-weight: normal; line-height: 1.2; margin: 0; padding: 0; vertical-align: top; width: 205px; }
.gn_detail_free .gn_detail_story_past ul li.gn_detail_story_past_2c span strong { display: block; font-size: 16px; font-weight: bold; line-height: 1.2; }

/*---------------------------------------------------------------------
武勇伝キタキタに使用
-----------------------------------------------------------------------*/
.book_info_article { margin-top: 10px; padding: 5px; border-top: 1px dotted #ddd; min-height: 208px; }
.book_info_article p.book_img { padding-top: 10px; margin: 0; }