@charset "UTF-8";

/*---------------------------------------------------------------------
【common】
-----------------------------------------------------------------------*/
/*
html { width: 100%; }
body { background: #f3f3f3 url(../images/common/gn_bg.png); color: #00192e !important; font-family: "メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif" !important; position: relative; }
fieldset, img { border: 0; }
a img { border-style: none; }
ul, ol, li { list-style: none; padding: 0; margin: 0; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
p { font-size: 12px; line-height: 1.5; margin: 0 0 15px 0; padding: 0; }
*/
/*hr*/
/*
hr { display: none; }
.gn_detail_line { border-bottom: 1px solid #e4e4e4; margin: 0 0 15px 0; width: 100%; }
.gn_detail_dotline { border-bottom: 1px dotted #e4e4e4; margin: 0; width: 100%; }
.gn_info_dotline { border-bottom: 1px dotted #e4e4e4; margin: 0; width: 100%; }
*/
/*クロームの画像ぼかし回避*/
/*
img[src$=".jpg"],img[src$=".gif"], img[src$=".png"] {
image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
/*image-rendering: crisp-edges;*/
/*}*/


/*---------------------------------------------------------------------
★リンク色まとめここから
-----------------------------------------------------------------------*/

/*----------------------------------------------------
【基本のテキストリンク（色と下線）】
------------------------------------------------------*/
/*
a, a:visited { color: #faa500 !important; text-decoration: underline !important; }
a:hover, a:active { color: #faa500 !important; text-decoration: none !important; }
*/
/*----------------------------------------------------
【テキストリンク：パンくず用（色と下線）】
※「_bc」はBreadCrumbの略
------------------------------------------------------*/
/*
a.gn_link_bc, a:visited.gn_link_bc { color: #00192e !important; text-decoration: underline !important; }
a:hover.gn_link_bc, a:active.gn_link_bc { color: #00192e !important; text-decoration: none !important; }
*/
/*----------------------------------------------------
【基本の画像リンク】
オンマウス…画像がふわっと薄くなる
マウスアウト…画像がふわっと元に戻る
------------------------------------------------------*/
a.gn_link_btn img { filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; transition: all ease-in-out .25s; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; width: auto !important; zoom: 1;/* -moz-transform-style: preserve-3d; !important;*/ }
a.gn_link_btn:hover img, a.gn_link_btn:active img { filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; width: auto !important; }

/*----------------------------------------------------
【背景画像をボタン風に見せている時のリンク】
オンマウス…背景がふわっと薄くなる
マウスアウト…背景がふわっと元に戻る

※「_**px」はヘッダー内のグローバルメニューのみで使用
------------------------------------------------------*/
.gn_link_bg_95px { filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; transition: all ease-in-out .25s; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; zoom: 1; -moz-transform-style: preserve-3d !important; width: 95px !important; }
.gn_link_bg_95px:hover, .gn_link_bg_95px:active { filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; width: 95px !important; }
.gn_link_bg_90px { filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; transition: all ease-in-out .25s; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; zoom: 1; -moz-transform-style: preserve-3d !important; width: 90px !important; }
.gn_link_bg_90px:hover, .gn_link_bg_90px:active { filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; width: 90px !important; }
.gn_link_bg_79px { filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; transition: all ease-in-out .25s; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; zoom: 1; -moz-transform-style: preserve-3d !important; width: 79px !important; }
.gn_link_bg_79px:hover, .gn_link_bg_79px:active { filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; opacity: 0.75; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; width: 79px !important; }

/*----------------------------------------------------
【基本のリスト用リンク】
オンマウス…背景色が付く
マウスアウト…背景色が消える

※背景が付いた時用のpaddingを上下左右に含んでいるので使用時はレイアウトに注意
------------------------------------------------------*/
a.gn_link_list, a:visited.gn_link_list { color: #00192e !important; text-decoration: none !important; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a:hover.gn_link_list, a:active.gn_link_list { color: #00192e !important; text-decoration: none !important; background: #feffcc !important; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*クリック範囲を全体に広げる*/
a.gn_link_list { display: block; height: 100%; position: relative; top: 0; left: 0; width: 100%; }

/*----------------------------------------------------
【グローバルナビゲーションのリスト用リンク】
※現在は不使用。使う際はグローバルメニュー側の「#gn_header #nav ul li」のpaddingを取るor調整すると、これを付けた際にバランスが取れます。
※背景が付いた時用のpaddingを上下左右に含んでいるので使用時はレイアウトに注意
------------------------------------------------------*/
a.gn_link_navlist, a:visited.gn_link_navlist { color: #00192e; text-decoration: none; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a:hover.gn_link_navlist, a:active.gn_link_navlist { background: #feffcc !important; color: #00192e; text-decoration: none; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
a.gn_link_navlist { display: block; height: 100%; position: relative; top: 0; left: 0; width: 100%; }

/*---------------------------------------------------------------------
【コンテンツ】
-----------------------------------------------------------------------*/
/*
1.トップ
2.汎用テンプレ1カラム
3.404ページ
*/
#gn_top #gn_content, #gn_generic_1col #gn_content, #gn_404 #gn_content { margin: 20px auto 50px auto; min-width: 980px; width: 100%; color: #00192e; font-family: "メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif"; }

/*
1.お知らせ
2.次回更新＆履歴
3.新人賞
4.作品一覧
5.作品詳細
6.FAQ
7.汎用テンプレ2カラム
*/
#gn_info #gn_content, #gn_archive #gn_content, #gn_award #gn_content, #gn_cList #gn_content, #gn_detail #gn_content, #gn_faq #gn_content, #gn_generic #gn_content { margin: 20px auto 50px auto; width: 100%; max-width: 1024px; color: #00192e; font-family: "メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif";}

/*---------------------------------------------------------------------
【メインカラム】
-----------------------------------------------------------------------*/
/*
1.トップ
2.汎用テンプレ1カラム
*/
#gn_top #gn_content #gn_main, #gn_generic_1col #gn_content #gn_main, #gn_404 #gn_content #gn_main { float: none; margin: 0 auto 0 auto; padding: 0; vertical-align: top; 100%; max-width: 1024px; color: #00192e; font-family: "メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif"; }

/*
1.お知らせ
2.次回更新＆履歴
3.新人賞
4.作品一覧
5.作品詳細
6.FAQ
7.汎用テンプレ2カラム
*/
#gn_info #gn_content #gn_main, #gn_archive #gn_content #gn_main, #gn_award #gn_content #gn_main, #gn_cList #gn_content #gn_main, #gn_detail #gn_content #gn_main, #gn_faq #gn_content #gn_main, #gn_generic #gn_content #gn_main { margin: 0 auto; padding: 0; vertical-align: top; width: 100%; max-width: 1024px; }

/*---------------------------------------------------------------------
【新人賞：共通項目】#gn_award 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】
--------------------------------------------*/
#gn_award #gn_content h2#gn_content_h2 { background: #00192e; border-radius: 6px; color: #fff; display: inline-block; font-size: 0px; height: 43px; line-height: 0; margin: 0 auto 10px; padding: 4px 13px; position: relative; vertical-align: middle !important; width: 100%; -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_award h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: middle !important; width: 92%; -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_award #gn_content h2#gn_content_h2 span.gn_award_mainttl { color: #fff; display: inline-block; font-size: 20px !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 0 3px 0 5px; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }
#gn_award #gn_content h2#gn_content_h2 span.gn_award_subttl { color: #fff; display: inline-block; font-size: 12px !important; font-weight: bold; line-height: 1.5; margin: 0; padding: 0; vertical-align: bottom !important; width: auto !important; }
#gn_award #gn_content h2#gn_content_h2:before { background: url(../images/award/gn_award_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_award_list { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*★各コーナー内で両サイドにpaddingを取る時用
--------------------------------------------*/
#gn_award #gn_content #gn_main .gn_award_cwrap { padding: 0 20px; }

/*タイトル*/
/*タイトルの背景色に合わせて背景色は変える*/
#gn_award_list .gn_award_ttl { border-radius: 6px; margin: 0 0 25px 0; padding: 0; width: 688px; }
#gn_award_list .gn_award_ttl img { border-radius: 6px 6px 0 0; width: 100% !important; }
#gn_award_list ul { border-bottom: 1px dotted #ebebeb; display: inline-table; line-height: 0; margin: 0 0 20px 0; padding: 0 0 20px 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_award_list ul:last-child { border-bottom: none !important; display: inline-table; line-height: 0; margin: 0 0 20px 0; padding: 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_award_list ul li.gn_award_icon { display: table-cell; line-height: 0; margin: 0; padding: 0 15px 0 0; vertical-align: top; width: 160px; }
#gn_award_list ul li.gn_award_icon img { border: 1px solid #000; height: 158px !important; width: 158px !important; }
#gn_award_list ul li.gn_award_value { display: table-cell; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: auto; }

/*タイトル*/
#gn_award_list ul li.gn_award_value p { display: block !important; vertical-align: top; }
#gn_award_list ul li.gn_award_value p span.gn_award_text_ttl { display: block; font-size: 18px; font-weight: bold; line-height: 1.3; word-break: break-all; }
#gn_award_list ul li.gn_award_value p span.gn_award_text_com { color: #222; display: block; font-size: 14px; line-height: 1.5; word-break: break-all; }

/*読むボタン*/
#gn_award_list ul li.gn_award_value ul.gn_award_btn { font-size: 0; line-height: 0; margin: 0; padding: 0; }
#gn_award_list ul li.gn_award_value ul.gn_award_btn li { display: inline-block; margin: 0 10px 0 0; padding: 0 0 0 0; vertical-align: top; width: 199px; }
#gn_award_list ul li.gn_award_value ul.gn_award_btn li img { height: 45px !important; width: 199px !important; }

/*---------------------------------------------------------------------
【FAQ：共通項目】#gn_faq 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】
--------------------------------------------*/
#gn_faq #gn_content h2#gn_content_h2 { background: #00192e; border-radius: 6px; color: #fff; display: inline-block; font-size: 0px; height: 43px; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px; position: relative; vertical-align: middle !important; width: 980px; -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_faq h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: middle !important; width: 92%; -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_faq #gn_content h2#gn_content_h2 span.gn_faq_mainttl { color: #fff; display: inline-block; font-size: 20px !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 0 3px 0 5px; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }
#gn_faq #gn_content h2#gn_content_h2 span.gn_faq_subttl { color: #fff; display: inline-block; font-size: 12px !important; font-weight: bold; line-height: 1.5; margin: 0; padding: 0; vertical-align: bottom !important; width: auto !important; }
#gn_faq #gn_content h2#gn_content_h2:before { background: url(../images/faq/gn_faq_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_faq #gn_content #gn_main .gn_faq_contents { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*★各コーナー内で両サイドにpaddingを取る時用
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_cwrap { padding: 0 20px; }

/*★h3タイトルを冒頭に使わない時用のスペース
外側の「.gn_faq_contents」に付与して使う
<div class="gn_faq_contents gn_faq_nottl">
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_nottl { padding-top: 20px; }

/*白角丸内で、Pタグが一番最後に来た時は、下方marginを無しにする*/
.gn_faq_contents p:last-child { margin: 0 0 0 0 !important; }

/*★コンテンツ内タイトル
--------------------------------------------*/
#gn_faq #gn_content #gn_main h3 { background: none !important; border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 15px 0; padding: 8px 23px; vertical-align: bottom; width: 100%; -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_faq #gn_content #gn_main h3 span { font-size: 20px !important; font-weight: normal !important; line-height: 1.2; letter-spacing: -0.8; margin: 0; padding: 0; text-align: left; vertical-align: middle !important; width: auto !important; }
#gn_faq #gn_content #gn_main h3:before { background: url(../images/faq/gn_faq_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_faq #gn_content #gn_main h4 { background: #ebebeb; color: #00192e; font-size: 14px; font-weight: bold; line-height: 1.0; margin: 0 0 20px 0; padding: 10px; width: 100%; -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_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu { margin: 0 0 20px 0; padding: 0 7px 0 7px; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul { margin: 0 0 15px 0; padding: 0; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul li { margin: 0 0 5px 0; padding: 0; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul li span { display: block; font-size: 12px; line-height: 1.5; margin-left: 1em; text-indent: -1em; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul li span:before { content: "\25A0"; }

/*その他基本の中身
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq { margin: 0 0 20px 0; padding: 0 7px 0 7px; }

/*アプリのダウンロード
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq ul.gn_faq_app { margin: 0 0 15px 0; padding: 0; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq ul.gn_faq_app li.gn_faq_app_txt { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 510px; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq ul.gn_faq_app li.gn_faq_app_txt li span { display: block; font-size: 12px; line-height: 1.5; }

/*アプリボタン*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq ul.gn_faq_app li.gn_faq_app_txt a img { margin: 5px 0 0 0; }

/*QRコード*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq ul.gn_faq_app li.gn_faq_app_qr { display: inline-block; vertical-align: top; width: 106px; }

/*回答*/
p.gn_faq_answer { display: inline-block; font-size: 12px; line-height: 1.5; padding: 0 0 0 20px; position: relative; width: 600px; }
p.gn_faq_answer:before { content: "A."; color: #f00; position: absolute; left: 7px; top: 0; }

/*プレゼント発送状況テーブル
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_contents table.shipping_prize { background: #999; border-collapse: separate; border-spacing: 1px; margin: 0 0 15px 0; padding: 0; text-align: left; width: 100%; }

/*項目*/
#gn_faq #gn_content #gn_main .gn_faq_contents table.shipping_prize thead th { background: #faa500; font-weight: bold !important; padding: 8px; text-align: left; }

/*プレゼント名*/
#gn_faq #gn_content #gn_main .gn_faq_contents table.shipping_prize tbody th { background: #fff; font-weight: bold !important; padding: 8px; text-align: left; vertical-align: top; width: 450px; -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_faq #gn_content #gn_main .gn_faq_contents table.shipping_prize tbody th span { font-size: 11px; font-weight: normal; line-height: 1.5; }

/*状況*/
#gn_faq #gn_content #gn_main .gn_faq_contents table.shipping_prize td { background: #fff; padding: 8px; vertical-align: middle; width: 195px; -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_faq #gn_content #gn_main .gn_faq_contents table.shipping_prize td span { display: block; font-size: 11px; line-height: 1.5; }

/*---------------------------------------------------------------------
【次回更新＆更新履歴：共通項目】#gn_archive 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】
--------------------------------------------*/
#gn_archive #gn_content h2#gn_content_h2 { background: #00192e; border-radius: 6px; color: #fff; display: inline-block; font-size: 0px; height: 43px; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px; position: relative; vertical-align: middle !important; width: 980px; -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_archive h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: middle !important; width: 92%; -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_archive #gn_content h2#gn_content_h2 span.gn_archive_mainttl { color: #fff; display: inline-block; font-size: 20px !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 0 3px 0 5px; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }
#gn_archive #gn_content h2#gn_content_h2 span.gn_archive_subttl { color: #fff; display: inline-block; font-size: 12px !important; font-weight: bold; line-height: 1.5; margin: 0; padding: 0; vertical-align: bottom !important; width: auto !important; }
#gn_archive #gn_content h2#gn_content_h2:before { background: url(../images/archive/gn_archive_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_archive #gn_content #gn_main h3 { background: none !important; border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 15px 0; padding: 8px 23px; vertical-align: bottom; width: 100%; -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_archive #gn_content #gn_main h3 span { font-size: 20px !important; font-weight: normal !important; line-height: 1.2; letter-spacing: -0.8; margin: 0; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }

/*小見出し
--------------------------------------------*/
#gn_archive #gn_content #gn_main h4 { background: url(../images/top/gn_top_h4_bg.jpg); border-radius: 4px; display: inline-block; line-height: 0; margin: 0 0 15px 0; padding: 0; vertical-align: middle; width: 688px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*曜日 ※106pxで決め打ち*/
#gn_archive #gn_content #gn_main h4 span.gn_top_whats_dow { background: #13368e; color: #fff; border-radius: 4px 0 0 4px; display: inline-block; font-size: 16px; line-height: 1.5; padding: 5px 6px 5px 6px; position: relative; text-align: center; vertical-align: bottom; width: 106px !important; -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_archive #gn_content #gn_main h4 span.gn_top_whats_dow:after { border-right: 8px solid #13368e; border-top: 8px solid #13368e; content: " "; display: inline-block; height: 6px; position: absolute; top: 35%; left: 96px; transform: rotate(45deg); -webkit-transform: rotate(45deg) !important; vertical-align: bottom; width: 6px !important; z-index: 0; }

/*更新日*/
#gn_archive #gn_content #gn_main h4 span.gn_top_whats_day { background: none; color: #fff; display: inline-block; font-size: 16px; line-height: 1.5; padding: 6px 6px 4px 6px; position: relative; text-align: center; vertical-align: bottom; width: auto !important; z-index: 1; -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_archive_newestList { margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }
#gn_archive_newestList .gn_top_whatslist, #gn_archive_newestList .gn_top_whatslist_new, #gn_archive_newestList .gn_top_whatslist_old { margin: 0 auto; padding: 0; }

/*margin用の外枠*/
#gn_archive_newestList .gn_archive_margin { display: inline-block; font-size: 0; line-height: 0; margin: 0; padding: 0; vertical-align: top; }
#gn_archive_newestList .gn_archive_margin:nth-child(even) { display: inline-block; font-size: 0; line-height: 0; margin: 0 0 0 3px; padding: 0; vertical-align: top; }

/*※外枠となるID以外は、TOPのclass名を継承します*/
#gn_archive_newestList dl { background: #fff; border: 1px solid #e4e4e4; border-radius: 6px; display: block; font-size: 0; line-height: 0; margin: 0 0 10px 0; padding: 6px; position: relative; vertical-align: top; width: 340px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*マーキーで動く情報
<li>～</li>を追加していくとそれを上から繰り返します
※秒数についてはgn_top.js内で調整
--------------------------------------------*/
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; left: 110px; bottom: 10px; margin: 0; }
#gn_archive_newestList .gn_top_whatslist_alertBox ul.gn_top_whatslist_alert { background: #f65a73; border-radius: 4px; font-size: 0; height: 26px; line-height: 0 !important; overflow: hidden; padding: 5px 5px 0 5px; position: relative; width: 176px; word-break: break-all; -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_archive_newestList .gn_top_whatslist_alertBox ul.gn_top_whatslist_alert li { color: #fff; font-size: 12px; line-height: 1.5 !important; position: absolute; }
#gn_archive_newestList .gn_top_whatslist_alertBox ul.gn_top_whatslist_alert li:before { background: url(../images/top/gn_whatnew_alert_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; font-size: 0; height: 15px; line-height: 1.5 !important; margin: -2px 2px 0 0; padding: 0; vertical-align: middle; width: 15px; -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_archive_newestList dl dt { display: inline-block; font-size: 0; line-height: 0; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 100px; }
#gn_archive_newestList dl dt img { height: 100px !important; width: 100px !important; }

/*詳細
--------------------------------------------*/
#gn_archive_newestList dl dd { display: inline-block; font-size: 0; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 212px; }

/*カテゴリリスト*/
#gn_archive_newestList dl dd ul.gn_top_whatslist_cat { font-size: 0; min-height: 18px; line-height: 0; margin: 0; padding: 0; width: 137px; }
#gn_archive_newestList dl dd ul.gn_top_whatslist_cat li { display: inline-block; margin: 0 2px 3px 0; padding: 0; vertical-align: top; }

/*タイトル*/
#gn_archive_newestList dl dd p { display: block !important; vertical-align: top; }
#gn_archive_newestList dl dd p span.gn_top_whatslist_ttl { color: #00192e !important; display: block; font-size: 14px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
#gn_archive_newestList dl dd p span.gn_top_whatslist_com { color: #888 !important; display: block; font-size: 12px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }

/*読むボタン*/
#gn_archive_newestList dl dd ul.gn_top_whatslist_btn { line-height: 0; margin: 0; padding: 0; }
#gn_archive_newestList dl dd ul.gn_top_whatslist_btn li { display: inline-block; vertical-align: top; width: 152px; }
#gn_archive_newestList dl dd ul.gn_top_whatslist_btn li img { height: auto !important; width: 152px !important; }

/*---------------------------------------------------------------------
【お知らせ一覧：共通項目】#gn_info 以下でのみ有効
-----------------------------------------------------------------------*/
/*★各コーナー内で両サイドにpaddingを取る時用
--------------------------------------------*/
#gn_info #gn_content #gn_main .gn_info_cwrap { padding: 0 20px; }

/*【メインタイトル】
--------------------------------------------*/
#gn_info #gn_content h2#gn_content_h2 { background: #00192e; border-radius: 6px; color: #fff; display: inline-block; font-size: 0px; height: 43px; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px; position: relative; vertical-align: middle !important; width: 980px; -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_info h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: middle !important; width: 92%; -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_info #gn_content h2#gn_content_h2 span.gn_info_mainttl { color: #fff; display: inline-block; font-size: 20px !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 0 3px 0 5px; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }
#gn_info #gn_content h2#gn_content_h2 span.gn_info_subttl { color: #fff; display: inline-block; font-size: 12px !important; font-weight: bold; line-height: 1.5; margin: 0; padding: 0; vertical-align: bottom !important; width: auto !important; }
#gn_info #gn_content h2#gn_content_h2:before { background: url(../images/info/gn_info_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_info #gn_content #gn_main h3 { background: none !important; border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 15px 0; padding: 8px 23px; vertical-align: bottom; width: 100%; -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_info #gn_content #gn_main h3 span { font-size: 20px !important; font-weight: normal !important; line-height: 1.2; letter-spacing: -0.8; margin: 0; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }

/*【お知らせ一覧】
--------------------------------------------*/
#gn_info_newsList { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*ピックアップ*/
#gn_info_newsList p.gn_info_pickup { font-size: 14px; font-weight: bold; line-height: 1.5; margin: 20px 0 20px 0; padding: 0; text-align: center; }

/*お知らせリスト（※トップのinfoの構造を継承）*/
/*更新性の都合上、コメントアウト処理をしない代わりに、大元のfontとline-heightを0にします。
<li>内に項目を増やす際は必ずclassを振って、fontとline-heightにサイズを入れてください*/
#gn_info #gn_top_info_list ul { font-size: 0; line-height: 0; margin: 0; padding: 0; }
#gn_info #gn_top_info_list ul li { border-bottom: 1px dotted #ebebeb; margin: 0; padding: 20px 0 20px 0; }
#gn_info #gn_top_info_list ul li:last-child { border-bottom: none; margin: 0; padding: 20px 0 20px 0; }

/*日付*/
#gn_info #gn_top_info_list ul li span.gn_top_info_date { color: #faa500; display: inline-block; font-size: 12px; font-weight: bold; line-height: 1.5; vertical-align: top; width: 85px; }

/*中身*/
#gn_info #gn_top_info_list ul li span.gn_top_info_value { display: inline-block; font-size: 12px; font-weight: normal; line-height: 1.5; vertical-align: top; width: 550px !important; }

/*共用のCSSで「Aには下線なし」の影響が強いので下線の調整*/
#gn_info #gn_top_info_list ul li a span.gn_top_info_date { text-decoration: none !important; }
#gn_info #gn_top_info_list ul li a span.gn_top_info_value { text-decoration: underline !important; }
#gn_info #gn_top_info_list ul li a:hover span.gn_top_info_value { text-decoration: none !important; }

/*【お知らせ詳細】
--------------------------------------------*/
#gn_info_newsDetail { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*日付*/
#gn_info #gn_info_newsDetail span.gn_top_info_date { display: block; font-size: 12px; font-weight: normal; line-height: 1.5; text-align: right; }

/*中身*/
#gn_info #gn_info_newsDetail p { font-size: 12px; font-weight: normal; line-height: 2.0; margin: 0 0 15px 0; padding: 0; }
.gn_info_newsBtn { height: 35px; margin: 0 auto; padding: 0; width: 198px; }
.gn_info_newsBtn img { height: 35px; width: 198px; }

/*▲【お知らせ一覧】ここまで▲
-----------------------------------------------------------------------*/
/*---------------------------------------------------------------------
【作品詳細：共通項目】#gn_detail 以下でのみ有効
-----------------------------------------------------------------------*/
/*★紺背景の小見出し
--------------------------------------------*/
#gn_detail #gn_content #gn_main h3 { background: #00192e; color: #fff; font-size: 12px; font-weight: bold; line-height: 1.2; margin: 0 0 10px 0; padding: 10px; width: 100%; -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 #gn_content #gn_main h4 { background: #ebebeb; color: #00192e; font-size: 14px; font-weight: bold; line-height: 1.0; margin: 0 0 10px 0; padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*★各コーナー内で両サイドにpaddingを取る時用
--------------------------------------------*/
#gn_detail #gn_content #gn_main .gn_detail_cwrap { padding: 0 20px; }

/*【メインタイトル】
--------------------------------------------*/
#gn_detail h2#gn_content_h2 { background: #00192e; border-radius: 6px; color: #fff; display: inline-block; font-size: 20px; line-height: 1.5; margin: 0 auto 10px auto; padding: 8px 13px; vertical-align: bottom; width: 980px; -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 h2#gn_content_h2 span { color: #fff; display: inline-block; font-size: 12px; line-height: 1.5; margin: 0 0 0 10px; padding: 0; vertical-align: middle; }

/*★コンテンツ内タイトル（共通／アイコンのみ各コーナー内で指定）
--------------------------------------------*/
#gn_detail #gn_content #gn_main h2 { border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 15px 0; padding: 4px 13px; vertical-align: bottom; width: 100%; -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 #gn_content #gn_main h2 span { display: inline-block; line-height: 0; margin: 0 0 0 0; padding: 0; vertical-align: middle; width: 92%; -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 #gn_content #gn_main h2 span span.gn_detail_mainttl { display: inline-block; font-size: 20px !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8; margin: 0 3px 0 5px; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }

/*英字タイトル*/
#gn_detail #gn_content #gn_main h2 span span.gn_detail_subttl { display: inline-block; font-size: 12px !important; font-weight: bold; line-height: 1.5; margin: 0; padding: 0; vertical-align: bottom !important; width: auto !important; }

/*作品詳細：インフォメーションのタイトルアイコン
--------------------------------------------*/
#gn_detail_info h2:before { background: url(../images/detail/gn_detail_info_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_story 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; vertical-align: middle; width: 40px; -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_storySubのタイトルアイコン
--------------------------------------------*/
.gn_detail_storySub 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; vertical-align: middle; width: 40px; -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_topics h2:before { background: url(../images/detail/gn_detail_topics_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_media h2:before { background: url(../images/detail/gn_detail_media_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_download h2:before { background: url(../images/detail/gn_detail_download_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*作品詳細：TVCMのタイトルアイコン
--------------------------------------------*/
#gn_detail_tvcm h2:before { background: url(../images/detail/gn_detail_tvcm_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_flag h2:before, .gn_detail_flag h2:before { background: url(../images/detail/gn_detail_flag_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_chara h2:before { background: url(../images/detail/gn_detail_chara_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_comics h2:before { background: url(../images/detail/gn_detail_comics_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_original h2:before { background: url(../images/detail/gn_detail_original_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_related h2:before { background: url(../images/detail/gn_detail_related_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 40px; -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_header { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*メインビジュアル*/
#gn_detail_header .gn_detail_header_mv { margin: 0 0 15px 0; padding: 0; width: 688px; }
#gn_detail_header .gn_detail_header_mv img { border-radius: 6px 6px 0 0; width: 100% !important; }

/*作品紹介文*/
#gn_detail_header p.gn_detail_header_txt { font-size: 14px; line-height: 1.5; margin: 0 15px 15px 15px; }

/*作品詳細SNS*/
#gn_detail_header .gn_detail_header_sns { margin: 0; }
#gn_detail_header .gn_detail_header_sns ul { margin: 0 15px 0 0; padding: 0; text-align: right; }
#gn_detail_header .gn_detail_header_sns ul li { display: inline-block; vertical-align: top; }
#gn_detail_header .gn_detail_header_sns ul li:nth-last-child(1) { display: none; }

/*---------------------------------------------------------------------
【作品詳細：インフォメーション】
-----------------------------------------------------------------------*/
#gn_detail_info { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*インフォメーション
--------------------------------------------*/
#gn_detail_info .gn_detail_info_news { margin: 0 auto; }

/*インフォメーション内のピックアップ事項*/
#gn_detail_info .gn_detail_info_news p.gn_detail_news_pickup { font-size: 14px; font-weight: bold; line-height: 1.5; margin: 0 0 15px 0; padding: 0; text-align: center; }

/*インフォメーションリスト*/
#gn_detail_info .gn_detail_info_news ul { margin: 0; padding: 0; }
#gn_detail_info .gn_detail_info_news ul li { border-bottom: 1px dotted #e4e4e4; padding: 15px 0; }
#gn_detail_info .gn_detail_info_news ul li span.gn_detail_news_date { color: #FAA500; font-size: 12px; font-weight: bold; line-height: 1.5; display: inline-block; vertical-align: top; width: 110px; }
#gn_detail_info .gn_detail_info_news ul li span.gn_detail_news_value { display: inline-block; font-size: 12px; line-height: 1.5; vertical-align: top; width: 525px; }
#gn_detail_info .gn_detail_info_news ul li:nth-last-child(1) { border: none; padding: 15px 0 0 0; }

/*---------------------------------------------------------------------
【最新話はこちら】
-----------------------------------------------------------------------*/
#gn_detail_story { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0; width: 688px; }

/*最新話一式
--------------------------------------------*/
#gn_detail_story .gn_detail_story_list { margin: 0 auto 15px auto; }
#gn_detail_story .gn_detail_story_list dl { display: block; margin: 0; padding: 0; }

/*最新話サムネイル*/
#gn_detail_story .gn_detail_story_list dl dt { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 248px; }
#gn_detail_story .gn_detail_story_list dl dt img { width: 248px; border: 1px solid #e4e4e4; }

/*最新話詳細*/
#gn_detail_story .gn_detail_story_list dl dd { display: inline-block; margin: 0 0 0 16px; padding: 0; vertical-align: top; width: 370px; }
#gn_detail_story .gn_detail_story_list dl dd ul li { font-size: 16px; font-weight: bold; margin: 0 0 8px 0; }

/*最新話の更新日*/
#gn_detail_story .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_story .gn_detail_story_list dl dd ul li.gn_detail_story_list_ttl { font-size: 20px; font-weight: normal; line-height: 1.3; margin: 0 0 10px 0; }

/*掲載期間＆次回更新*/
#gn_detail_story .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_story .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_story .gn_detail_story_list dl dd ul li.gn_detail_story_btn { margin: 13px 0 8px 0; }
#gn_detail_story .gn_detail_story_list dl dd ul li.gn_detail_story_btn:nth-child(2n) { margin: 0 0 8px 0 !important; }

/*あらすじ*/
#gn_detail_story .arasuji { background-color: #eee; padding: 5px; margin: 0 0 15px 0; }

/*最新話複数*/
.gn_detail_story_list + .gn_detail_story_list {margin-top: 0; padding-top: 20px; border-top: 1px dotted #e4e4e4;}

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

/*1列リスト*/
#gn_detail_story .gn_detail_story_past ul.past_1c li { border-bottom: 1px dotted #e4e4e4; margin: 0 0 5px 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_story .gn_detail_story_past ul.past_1c li:nth-last-child(1) { border-bottom: none; }
#gn_detail_story .gn_detail_story_past ul.past_1c li img { border: 1px solid #e4e4e4; display: inline-block; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 83px; }
#gn_detail_story .gn_detail_story_past ul.past_1c li span { display: inline-block; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; width: 520px; }
#gn_detail_story .gn_detail_story_past ul.past_1c li span strong { display: block; font-size: 20px; font-weight: bold; line-height: 1.3; }

/*2列リスト*/
#gn_detail_story .gn_detail_story_past ul.past_2c { border-top: 1px dotted #e4e4e4; padding: 5px 0 0 0; }
#gn_detail_story .gn_detail_story_past ul.past_2c li { height: auto; }
#gn_detail_story .gn_detail_story_past ul.past_2c 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_story .gn_detail_story_past ul.past_2c 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_story .gn_detail_story_past ul.past_2c 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_story .gn_detail_story_past ul.past_2c 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_story .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c span strong { display: block; font-size: 16px; font-weight: bold; line-height: 1.2; }
#gn_detail_story .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c:nth-last-child(1), #gn_detail_story .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c:nth-last-child(2) { margin: 0; }
#gn_detail_story .wsp { position: relative; z-index: 99; height: 5px; margin: -5px 0 0 0; background-color: #fff; }

/*---------------------------------------------------------------------
【関連作品 最新話】
-----------------------------------------------------------------------*/
.gn_detail_storySub { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0; width: 688px; }

/*関連作品 最新話一式
--------------------------------------------*/
.gn_detail_storySub .gn_detail_story_list { margin: 0 auto 15px auto; }
.gn_detail_storySub .gn_detail_story_list dl { display: block; margin: 0; padding: 0; }

/*関連作品 最新話サムネイル*/
.gn_detail_storySub .gn_detail_story_list dl dt { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 248px; }
.gn_detail_storySub .gn_detail_story_list dl dt img { width: 248px; border: 1px solid #e4e4e4; }

/*関連作品 最新話詳細*/
.gn_detail_storySub .gn_detail_story_list dl dd { display: inline-block; margin: 0 0 0 16px; padding: 0; vertical-align: top; width: 370px; }
.gn_detail_storySub .gn_detail_story_list dl dd ul li { font-size: 16px; font-weight: bold; margin: 0 0 8px 0; }

/*関連作品 最新話の更新日*/
.gn_detail_storySub .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_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_list_ttl { font-size: 20px; font-weight: normal; line-height: 1.3; margin: 0 0 10px 0; }

/*関連作品 最新話の掲載期間＆次回更新*/
.gn_detail_storySub .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_storySub .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_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_btn { margin: 13px 0 8px 0; }
.gn_detail_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_btn:nth-child(2n) { margin: 0 0 8px 0 !important; }

/*あらすじ*/
.gn_detail_storySub .arasuji { background-color: #eee; padding: 5px; margin: 0 0 15px 0; }

/*関連作品 最新話のバックナンバー一式
--------------------------------------------*/
.gn_detail_storySub .gn_detail_story_past { margin: 0 auto 5px auto; }
.gn_detail_storySub .gn_detail_story_past ul { margin: 0; padding: 0; }

/*関連作品 最新話の1列リスト*/
.gn_detail_storySub .gn_detail_story_past ul li { border-bottom: 1px dotted #e4e4e4; margin: 0 0 5px 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_storySub .gn_detail_story_past ul.past_1c li:nth-last-child(1) { border-bottom: none; }
.gn_detail_storySub .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_storySub .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; width: 520px; }
.gn_detail_storySub .gn_detail_story_past ul li span strong { display: block; font-size: 20px; font-weight: bold; line-height: 1.3; }

/*2列リスト*/
.gn_detail_storySub .gn_detail_story_past ul.past_2c { border-top: 1px dotted #e4e4e4; padding: 5px 0 0 0; }
.gn_detail_storySub .gn_detail_story_past ul.past_2c li { height: auto; }
.gn_detail_storySub .gn_detail_story_past ul.past_2c 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_storySub .gn_detail_story_past ul.past_2c 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_storySub .gn_detail_story_past ul.past_2c 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_storySub .gn_detail_story_past ul.past_2c 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_storySub .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c span strong { display: block; font-size: 16px; font-weight: bold; line-height: 1.2; }
.gn_detail_storySub .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c:nth-last-child(1), .gn_detail_storySub .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c:nth-last-child(2) { margin: 0; }
.gn_detail_storySub .wsp { position: relative; z-index: 99; height: 5px; margin: -5px 0 0 0; background-color: #fff; }

/*---------------------------------------------------------------------
【トピックス】
-----------------------------------------------------------------------*/
#gn_detail_topics { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*---------------------------------------------------------------------
【メディア情報】
-----------------------------------------------------------------------*/
#gn_detail_media { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*---------------------------------------------------------------------
【壁紙・アイコン】
-----------------------------------------------------------------------*/
#gn_detail_download { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*ダウンロード
--------------------------------------------*/
#gn_detail_download dl { line-height: 0; margin: 0 auto; padding: 0; }

/*壁紙*/
#gn_detail_download dl dt { display: inline-block; line-height: 0; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 223px; }
#gn_detail_download dl dt img { height: 140px !important; width: 223px !important; }

/*サイズ*/
#gn_detail_download dl dd { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 408px; }
#gn_detail_download dl dd ul { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; }
#gn_detail_download dl dd ul li { display: inline-block; height: 44px; margin: 0 5px 5px 0; padding: 0; vertical-align: top; width: 198px; }

/*リンクの挙動
--------------------------------------------*/
#gn_detail_download dl dd ul li span { overflow: hidden; text-indent: 100%; white-space: nowrap; }

/*1024x728（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_pc1024 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1024x728.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1024 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1024x728.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1024 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_1024x728.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }

/*1280x800（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280_800 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1280x800.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280_800 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1280x800.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280_800 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_1280x800.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }

/*1280x1024（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1280x1024.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1280x1024.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_1280x1024.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }

/*1920x1080（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920_1080 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1920x1080.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920_1080 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1920x1080.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920_1080 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_1920x1080.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }

/*1920x1200（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1920x1200.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1920x1200.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_1920x1200.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }

/*1440x1280（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_sp1440 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1440x1280.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_sp1440 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_1440x1280.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_sp1440 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_1440x1280.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }

/*640x1136（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_sp640 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_640x1136.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_sp640 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_640x1136.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_sp640 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_640x1136.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }

/*2048x2048（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_sp2048 .on_btn { background-image: url(../images/detail/gn_detail_download_btn_2048x2048.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_sp2048 a .on_btn { background-image: url(../images/detail/gn_detail_download_btn_2048x2048.png); background-position: 0 -44px; display: block; height: 44px; margin: 0 auto; width: 198px; }
#gn_detail_download dl dd ul li.gn_dl_nav_sp2048 a .off_btn { background-image: url(../images/detail/gn_detail_download_btn_2048x2048.png); background-repeat: no-repeat; display: block; height: 44px; margin: 0 auto; text-decoration: none; transition: opacity 0.25s ease-in 0s; -webkit-transition: opacity 0.25s ease-in 0s; -moz-transition: opacity 0.25s ease-in 0s; width: 198px; }
#gn_detail_download dl dd ul li a:hover .off_btn { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; }

/*---------------------------------------------------------------------
【TVCM】
-----------------------------------------------------------------------*/
#gn_detail_tvcm { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*PV*/
#gn_detail_tvcm .gn_detail_pv { text-align: center; }

/*---------------------------------------------------------------------
【FLAG】
-----------------------------------------------------------------------*/
#gn_detail_flag, .gn_detail_flag { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }


/*---------------------------------------------------------------------
【サイン会】
-----------------------------------------------------------------------*/
.autograph .autograph_detail {width: 100%; border-collapse: collapse;}
.autograph .autograph_detail th {background: #eee;border: 1px solid #222;padding: 5px 10px; white-space: nowrap;}
.autograph .autograph_detail td {border: 1px solid #222;padding: 5px 10px;}
.autograph .attention li {margin: 0 0 0 1em; text-indent: -1em;}

/*---------------------------------------------------------------------
【グッズ販売】
-----------------------------------------------------------------------*/

#gn_detail_topics #goods_common {margin: 0; padding: 0 10px;}

#gn_detail_topics #goods_common #goods_flex{
display: -webkit-box; /*Android4.3*/
display: -moz-box;    /*Firefox21*/
display: -ms-flexbox; /*IE10*/
display: -webkit-flex; /*PC-Safari,iOS8.4*/
display: flex;
flex-wrap: wrap;
width: 100%;
}

#gn_detail_topics #goods_common li.goodsdetail {width: 50%; padding: 0.8%; box-sizing: border-box;}
#gn_detail_topics #goods_common li.goodsdetail:nth-child(odd) {border: dotted #d7d7d7; border-width: 0 1px 1px 0;}
#gn_detail_topics #goods_common li.goodsdetail:nth-child(even) {border: dotted #d7d7d7; border-width: 0 0 1px 0;}
#gn_detail_topics #goods_common li.goodsdetail:nth-last-child(1),#gn_detail_topics #goods_common li.goodsdetail:nth-last-child(2){border-bottom: none;}

#gn_detail_topics #goods_common dl {margin: 0; padding: 0;}
#gn_detail_topics #goods_common dt {margin: 0; padding: 0 auto; color: #5a5a5a; font-weight: bold; font-size: 1.1rem; background-size: 1.2em;text-align: center;}
#gn_detail_topics #goods_common dd {margin: 0;}
#gn_detail_topics #goods_common dd p.ph {position: relative; margin: 0.5em 0; text-align: center;}
#gn_detail_topics #goods_common dd p.txt {position: relative; margin: 0; text-align: left;}
#gn_detail_topics #goods_common dd p.btn {position: relative; margin: 0; text-align: center;}

#gn_detail_topics #goods_common .fin {clear: both; margin: 1em 0 0 0; text-align: center; font-size: 1.5rem;}

/*---------------------------------------------------------------------
【キャラクター紹介】
-----------------------------------------------------------------------*/
#gn_detail_chara { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*キャラクターリスト
--------------------------------------------*/
#gn_detail_chara ul { margin: 0; padding: 0; }
#gn_detail_chara ul li { display: inline-block; margin: 0 10px 15px 0; vertical-align: top; width: 310px; -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_chara ul li:nth-child(even) { display: inline-block; margin: 0 0 15px 0; vertical-align: top; width: 310px; -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_chara ul li.chara_full { display: inline-block; margin: 0 10px 15px 0; vertical-align: top; width: 646px; -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_chara ul li.chara_full span { width: 545px; }
#gn_detail_chara ul li img { border: 1px solid #e4e4e4; display: inline-block; height: 88px !important; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 88px !important; }

/*キャラ名*/
#gn_detail_chara ul li span strong { display: block; font-size: 14px; font-weight: bold; line-height: 1.3; }

/*キャラ紹介文*/
#gn_detail_chara ul li span { display: inline-block; font-size: 12px !important; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; width: 195px; }

/*その他の紹介画像*/
/*---------------------------------------------------------------------
【単行本】
-----------------------------------------------------------------------*/
#gn_detail_comics { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*---------------------------------------------------------------------
【原作本】
-----------------------------------------------------------------------*/
#gn_detail_original { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*コミックスリスト一式（単行本・関連書籍・原作本で共通）
--------------------------------------------*/
.gn_detail_books dl { border-top: #e5e5e5 solid 1px; display: block; margin: 0 0 10px 0; padding: 20px 0 0 0; }
.gn_detail_books dl:first-child { border-top: none; display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; }

/*書影*/
.gn_detail_books dl dt { display: block; float: left; margin: 0 10px 0 0; padding: 0; vertical-align: top; width: 185px; }
.gn_detail_books dl dt img { border: 1px solid #e4e4e4; width: 183px !important; }

/*関連書籍と原作本の場合（書影が少しだけ小さくなる）*/
.gn_detail_books dl dt.gn_detail_comics_related { display: inline-block; margin: 0 10px 0 0; padding: 0; vertical-align: top; width: 185px; }
.gn_detail_books dl dt.gn_detail_comics_related img { border: 1px solid #e4e4e4; width: 183px !important; }

/*書影右*/
.gn_detail_books dl dd { display: block; float: right; margin: 0 0 0 0; padding: 0; vertical-align: top; width: 440px; }

/*タイトル*/
.gn_detail_books dl dd strong { font-size: 18px; font-weight: bold; line-height: 1.5; }

/*サブタイトル*/
.gn_detail_books dl dd span.gn_detail_comics_sub { display: block; font-size: 16px; font-weight: normal; line-height: 1.5; margin: 0 0 15px 0; padding: 0; }

/*紹介文*/
.gn_detail_books dl dd span.gn_detail_comics_intro { display: block; font-size: 12px; font-weight: normal; line-height: 1.5; margin: 0 0 15px 0; padding: 0; }

/*発売日など*/
.gn_detail_books dl dd span.gn_detail_comics_date { display: block; font-size: 14px; font-weight: normal; line-height: 1.5; margin: 0 0 15px 0; padding: 0; }

/*発売先リスト一式
--------------------------------------------*/
.gn_detail_books dl dd.gn_detail_comics_nav { display: block; float: right; margin: 0; padding: 0; vertical-align: top; width: 440px; }
.gn_detail_books dl dd.gn_detail_comics_nav ul { margin: 0; padding: 1% 0 0 0; }
.gn_detail_books dl dd.gn_detail_comics_nav ul li { display: inline-block; margin: 0 3px 7px 0; vertical-align: top; width: 102px !important; height: 39px; }
.gn_detail_books dl dd.gn_detail_comics_nav ul li img { height: 39px !important; width: 102px !important; }
.gn_detail_books dl dd.gn_detail_comics_nav ul li.gn_detail_comics_gansma { display: block; margin: 0; vertical-align: top; width: 430px !important; height: 52px; }
.gn_detail_books dl dd.gn_detail_comics_nav ul li.gn_detail_comics_gansma img { height: 52px !important; width: 430px !important; }

/*濃紺背景の小見出し（関連書籍でのみ使用）
--------------------------------------------*/
#gn_detail_comics h4 { background: #00192e !important; color: #fff !important; font-size: 14px; font-weight: bold; line-height: 1.0; margin: 0 0 10px 0; padding: 10px; width: 100%; -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_related { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 688px; }

/*関連作品リスト
--------------------------------------------*/
#gn_detail_related ul { margin: 0; padding: 0; }
#gn_detail_related ul li { display: inline-block; margin: 0 10px 15px 0; vertical-align: top; width: 310px; -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_related ul li:nth-child(even) { display: inline-block; margin: 0 0 15px 0; vertical-align: top; width: 310px; -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_related ul li img { border: 1px solid #e4e4e4; display: inline-block; height: 110px !important; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 110px !important; }

/*作品名*/
#gn_detail_related ul li span strong { display: block; font-size: 16px; font-weight: bold; line-height: 1.3; }

/*作者名*/
#gn_detail_related ul li span { display: inline-block; font-size: 12px !important; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; width: 165px; }

/*▲【作品詳細】ここまで▲
-----------------------------------------------------------------------*/

/*---------------------------------------------------------------------
【404ページ：共通項目】#gn_404 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】
--------------------------------------------*/
#gn_404 #gn_content h2#gn_content_h2 { background: #00192e; border-radius: 6px; color: #fff; display: block; font-size: 0px; height: 43px; line-height: 0; margin: 0 auto 10px auto; padding: 4px 13px; position: relative; vertical-align: middle !important; width: 980px; -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_404 h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: middle !important; width: 92%; -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_404 #gn_content h2#gn_content_h2 span.gn_404_mainttl { color: #fff; display: inline-block; font-size: 20px !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 0 3px 0 5px; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }
#gn_404 #gn_content h2#gn_content_h2 span.gn_404_subttl { color: #fff; display: inline-block; font-size: 12px !important; font-weight: bold; line-height: 1.5; margin: 0; padding: 0; vertical-align: bottom !important; width: auto !important; }
#gn_404 #gn_content h2#gn_content_h2:before { background: none; background-size: contain; content: " "; display: inline-block; height: 36px; line-height: 0; margin: 0; padding: 0; vertical-align: middle; width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*【基本の中身（角丸＆白背景）】
<div class="gn_404_contents">
--------------------------------------------*/
#gn_404 #gn_content #gn_main .gn_404_contents { background: #fff; border-radius: 6px; border: 1px solid #e4e4e4; margin: 0 0 12px 0; padding: 0 0 15px 0; width: 980px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*★各コーナー内で両サイドにpaddingを取る時用
--------------------------------------------*/
#gn_404 #gn_content #gn_main .gn_404_cwrap { padding: 0 20px; }

/*★h3タイトルを冒頭に使わない時用のスペース
外側の「.gn_404_contents」に付与して使う
<div class="gn_404_contents gn_404_nottl">
--------------------------------------------*/
#gn_404 #gn_content #gn_main .gn_404_nottl { padding-top: 20px; }

/*白角丸内で、Pタグが一番最後に来た時は、下方marginを無しにする*/
#gn_404 #gn_content #gn_main .gn_404_contents p:last-child { margin: 0 0 0 0 !important; }

/*★コンテンツ内タイトル
--------------------------------------------*/
#gn_404 #gn_content #gn_main h3 { background: none !important; border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 15px 0; padding: 8px 20px; vertical-align: bottom; width: 100%; -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_404 #gn_content #gn_main h3 span { font-size: 20px !important; font-weight: normal !important; line-height: 1.2; letter-spacing: -0.8; margin: 0; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }

/*★コンテンツ内の小見出し（帯タイトル）
--------------------------------------------*/
#gn_404 #gn_content #gn_main h4 { background: #ebebeb; color: #00192e; font-size: 14px; font-weight: bold; line-height: 1.0; margin: 0 0 10px 0; padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
ul.disc { margin-left: 1em; }
ul.disc li { list-style-type: disc; }