@charset "UTF-8";

/*---------------------------------------------------------------------
【common】
-----------------------------------------------------------------------*/

html { font-size: 62.5%; /*height: 100%; width: 100%;*/ }
/*
body { background: #f3f3f3 url(../images/common/gn_bg.png); font-family: "メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif"; font-size: 1.4rem; line-height: 1.5; position: relative; -webkit-text-size-adjust: none; }
*/
/*iPhone6Plusが【縦】置きの時*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) { body { overflow-x: hidden; } }

/*iPhone6Plusが【横】置きの時*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) { body { overflow-x: hidden; } }
fieldset, img { border: 0; }
a { -webkit-tap-highlight-color: transparent; }
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: 1.4rem; line-height: 1.5; margin: 0 0 3% 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 0 15px 0; width: 100%; }
.gn_info_dotline { border-bottom: 1px dotted #e4e4e4; margin: 0 0 2% 0; width: 100%; }
*/
/*--------------------------------------------------------------------- ★リンク色まとめここから
-----------------------------------------------------------------------*/
/*----------------------------------------------------
【基本のテキストリンク（色と下線）】
------------------------------------------------------*/
/*
a, a:visited { color: #faa500 !important; text-decoration: underline !important; }
a:hover, a:active { color: #faa500 !important; text-decoration: none !important; }
*/
/*----------------------------------------------------
【基本の画像リンク】
※スマホにアニメーションは無いので、長押し時の挙動のみ制御
------------------------------------------------------*/
/*
a.gn_link_btn img { touch-callout: none; -webkit-touch-callout: none; -moz-touch-callout: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
*/
/*----------------------------------------------------
【基本のリスト用リンク】
※スマホで背景色は付けないので、PC側のCSSに引っ張られないように背景を無しする
------------------------------------------------------*/
/*
a.gn_link_list, a:visited.gn_link_list { color: #00192e !important; text-decoration: none !important; padding: 1% 1% 2% 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; }
a:hover.gn_link_list, a:active.gn_link_list { color: #00192e !important; text-decoration: none !important; background: none; padding: 1% 1% 2% 1% !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; }
*/
/*クリック範囲を全体に広げる*/
/*
a.gn_link_list { display: block; height: 100%; position: relative; top: 0; left: 0; width: 100%; }
*/

/*---------------------------------------------------------------------
【コンテンツ】
-----------------------------------------------------------------------*/
/*
1.トップ
2.お知らせ
3.次回更新＆履歴
4.新人賞
5.作品一覧
6.作品詳細
7.FAQ
8.汎用テンプレ1カラム
9.汎用テンプレ2カラム
10.404ページ
*/
#gn_top #gn_content, #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_1col #gn_content, #gn_generic #gn_content, #gn_404 #gn_content { margin: 0 auto; width: 100%; }

/*---------------------------------------------------------------------
【ぱんくず】（※PC用、SPでは非表示）
-----------------------------------------------------------------------*/
#gn_breadcrumb { display: none; }

/*---------------------------------------------------------------------
【メインカラム】
-----------------------------------------------------------------------*/
/*
1.トップ
2.お知らせ
3.次回更新＆履歴
4.新人賞
5.作品一覧
6.作品詳細
7.FAQ
8.汎用テンプレ1カラム
9.汎用テンプレ2カラム
10.404ページ
*/
#gn_top #gn_content #gn_main, #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_1col #gn_content #gn_main, #gn_generic #gn_content #gn_main, #gn_404 #gn_content #gn_main { margin: 0 auto; padding: 0; vertical-align: top; width: 100%; }

/*---------------------------------------------------------------------
【右カラム】（※PC用、SPでは非表示）
-----------------------------------------------------------------------*/
#gn_content #gn_sub { display: none !important; }

/*---------------------------------------------------------------------
【フッター】
-----------------------------------------------------------------------*/
#gn_footer { background: #4c4c4c url(../images/common/gn_footer_bg.png); border-bottom: 1px solid #666; margin: 3% auto 0 auto; padding: 0; vertical-align: top; width: 100%; }
#gn_footer .gn_footer_wrap { margin: 0 auto; padding: 0; width: 100%; }

/*フッター関連リンク
--------------------------------------------*/
#gn_footer .gn_footer_nav { margin: 0; padding: 0; }
#gn_footer .gn_footer_nav ul { line-height: 0; margin: 0; padding: 0; }
#gn_footer .gn_footer_nav ul li { border-bottom: 1px solid #5e5e5e; display: inline-block; margin: 0; padding: 2%; vertical-align: middle; 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_footer .gn_footer_nav ul li:nth-child(even) { border-bottom: 1px solid #5e5e5e; border-left: 1px solid #5e5e5e; display: inline-block; margin: 0; padding: 2%; vertical-align: middle; 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_footer .gn_footer_nav ul li:before { background: url(../images/common/gn_footer_icon_arrow.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 13px; line-height: 0; margin: 1px 0 0 0; padding: 0; vertical-align: top; width: 13px; -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_footer .gn_footer_nav ul li.blankcell:before { background: none !important; }
#gn_footer .gn_footer_nav ul li span { display: inline-block; font-size: 1.0rem; font-weight: bold; line-height: 1.5; margin: 0; padding: 0 0 0 5px; text-align: left; vertical-align: top; width: 70%; 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_footer .gn_footer_nav ul li a { color: #fff !important; display: inline-block !important; width: 90%; }
#gn_footer .gn_footer_notes { display: block; margin: 3% auto 3% auto; padding: 0; vertical-align: top; width: 96%; }
#gn_footer .gn_footer_notes img { display: inline-block; height: auto !important; vertical-align: middle; width: 46px; }
#gn_footer .gn_footer_notes span.jasrac_notes { color: #fff; display: inline-block; font-size: 1.0rem; font-weight: normal; line-height: 1.3; margin: 0; vertical-align: middle; }
#gn_footer .gn_footer_notes span.jasrac_notes strong { display: block; font-weight: bold; }
#gn_footer .gn_footer_notes span.smp_notes { color: #fff; display: block; font-size: 1.0rem; font-weight: normal; line-height: 1.3; margin: 2% 0 0 0; vertical-align: middle; }

/*トップへもどる*/
#gn_topnav { display: none; position: fixed; bottom: 1%; left: 1%; }

/*共用フッターのリンク色を保つ*/
div#sqex-footer-contents a { color: #fff !important; }

/*---------------------------------------------------------------------
【作品一覧：共通項目】#gn_cList 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】アイコン以外の共用
--------------------------------------------*/
#gn_cList #gn_content h2#gn_content_h2 { background: #00192e; color: #fff; display: inline-block; font-size: 2.0rem; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px !important; 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_cList #gn_content h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0 0 0 1%; padding: 0; vertical-align: middle !important; width: 83% !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_cList #gn_content h2#gn_content_h2 span.gn_clist_mainttl { color: #fff; display: inline-block; font-size: 2.0rem !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 2px 0 0 0; padding: 0; text-align: left; vertical-align: bottom !important; width: auto !important; }
#gn_cList #gn_content h2#gn_content_h2 span.gn_clist_subttl { color: #fff; display: inline-block; font-size: 1.2rem !important; font-weight: bold; line-height: 1.5; margin: 2px 0 0 0; padding: 0; vertical-align: bottom !important; width: auto !important; }
#gn_cList #gn_content h2#gn_content_h2:before { background: url(../images/clist/gn_clist_h2_icon.png) no-repeat top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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_cList #gn_cList_comic #comicList_link { font-size: 0; margin: 0 2%; }

#gn_cList #gn_cList_comic #comicList_link div { display: inline-block; width: 18.4%; text-align: center; margin: 0 2% 3% 0; }

#gn_cList #gn_cList_comic #comicList_link div:nth-child(1),
#gn_cList #gn_cList_comic #comicList_link div:nth-child(2),
#gn_cList #gn_cList_comic #comicList_link div:nth-child(3),
#gn_cList #gn_cList_comic #comicList_link div:nth-child(4),
#gn_cList #gn_cList_comic #comicList_link div:nth-child(5) {
	margin-bottom: 2%;
}

#gn_cList #gn_cList_comic #comicList_link div:nth-child(5),
#gn_cList #gn_cList_comic #comicList_link div:last-child { margin-right: 0; }

#gn_cList #gn_cList_comic #comicList_link div a { display: block; color: #002347 !important; font-size: 14px; font-weight: bold; text-decoration: none !important; line-height: 1.0; background-color: #ffffff; border: 2px solid #cccccc; border-radius: 6px; box-sizing: border-box !important; padding: 10px 0; }

#gn_cList #gn_cList_comic #comicList_link div.comicList_none { color: #ffffff; font-size: 14px; line-height: 1.0; background-color: #cccccc; border: 2px solid #cccccc; border-radius: 6px; box-sizing: border-box; padding: 10px 0; }

#gn_cList #gn_cList_comic #comicList .texthead { display: block; font-size: 12px; color: #ffffff; background-color: #00192e; padding: 3px 6px; border-radius: 6px; padding: 6px; margin: 0 2% 1%; }

/*---------------------------------------------------------------------
【コミックス一覧】
-----------------------------------------------------------------------*/
#gn_cList #gn_cList_comic { margin: 0 0 5% 0; padding: 0; }

/*小見出し
--------------------------------------------*/
#gn_cList #gn_cList_comic h3 { background: url(../images/clist/gn_clist_ttl_comic_bg.jpg); border-radius: 4px; display: block; line-height: 0; margin: 0 auto 3% auto !important; padding: 0; vertical-align: middle; width: 96%; -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_cList #gn_cList_comic h3 span { background: none; color: #fff; display: inline-block; font-size: 16px; line-height: 1.5; padding: 8px 8px 6px 8px; 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_cList #gn_cList_novel { margin: 0 0 5% 0; padding: 0; }

/*小見出し
--------------------------------------------*/
#gn_cList #gn_cList_novel h3 { background: url(../images/clist/gn_clist_ttl_novel_bg.jpg); border-radius: 4px; display: block; line-height: 0; margin: 0 auto 3% auto !important; padding: 0; vertical-align: middle; width: 96%; -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_cList #gn_cList_novel h3 span { background: none; color: #fff; display: inline-block; font-size: 16px; line-height: 1.5; padding: 8px 8px 6px 8px; 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_cList #gn_cList_special { margin: 0 0 5% 0; padding: 0; }

/*小見出し
--------------------------------------------*/
#gn_cList #gn_cList_special h3 { background: url(../images/clist/gn_clist_ttl_special_bg.jpg); border-radius: 4px; display: block; line-height: 0; margin: 0 auto 3% auto !important; padding: 0; vertical-align: middle; width: 96%; -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_cList #gn_cList_special h3 span { background: none; color: #fff; display: inline-block; font-size: 16px; line-height: 1.5; padding: 8px 8px 6px 8px; 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_cList #gn_cList_event { margin: 0 0 5% 0; padding: 0; }

/*小見出し
--------------------------------------------*/
#gn_cList #gn_cList_event h3 { background: url(../images/clist/gn_clist_ttl_event_bg.jpg); border-radius: 4px; display: block; line-height: 0; margin: 0 auto 3% auto !important; padding: 0; vertical-align: middle; width: 96%; -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_cList #gn_cList_event h3 span { background: none; color: #fff; display: inline-block; font-size: 16px; line-height: 1.5; padding: 8px 8px 6px 8px; 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_cList ul.gn_cList_menu { margin:0 auto 2% auto !important; padding:0 !important; text-align:right; width:96% !important;}
#gn_cList ul.gn_cList_menu li { height:auto; display:inline-block; vertical-align:top; width:25%;}
#gn_cList ul.gn_cList_menu li img { height:auto !important; margin:0 !important; padding:0 !important; width:100%;}

/*---------------------------------------------------------------------
【ソートボタン】
-----------------------------------------------------------------------*/
#gn_cList .gn_cList_nav { margin: 0 auto 3% auto !important; padding: 0 !important; width: 100%; }
#gn_cList .gn_cList_nav ol { font-size: 0; line-height: 0; margin: 0 auto; padding: 0; width: 96%; }

/*作品名でソート*/
#gn_cList #gn_cList_comic .gn_cList_nav ol li.gn_sort_btn_title, #gn_cList #gn_cList_novel .gn_cList_nav ol li.gn_sort_btn_title, #gn_cList #gn_cList_special .gn_cList_nav ol li.gn_sort_btn_title, #gn_cList #gn_cList_event .gn_cList_nav ol li.gn_sort_btn_title, #gn_cList #gn_cList_comic .gn_cList_nav ol li.gn_sort_btn_author, #gn_cList #gn_cList_novel .gn_cList_nav ol li.gn_sort_btn_author, #gn_cList #gn_cList_special .gn_cList_nav ol li.gn_sort_btn_author, #gn_cList #gn_cList_event .gn_cList_nav ol li.gn_sort_btn_author { background: none !important; border: none !important; border-radius: 0 !important; display: inline-block; margin: 0 2% 0 0 !important; padding: 0 !important; vertical-align: top; width: 32% !important; }

/*更新日でソート*/
#gn_cList #gn_cList_comic .gn_cList_nav ol li.gn_sort_btn_date, #gn_cList #gn_cList_novel .gn_cList_nav ol li.gn_sort_btn_date, #gn_cList #gn_cList_special .gn_cList_nav ol li.gn_sort_btn_date, #gn_cList #gn_cList_event .gn_cList_nav ol li.gn_sort_btn_date { background: none !important; border: none !important; border-radius: 0 !important; display: inline-block; margin: 0 !important; padding: 0 !important; vertical-align: top; width: 32% !important; }
#gn_cList .gn_cList_nav ol li img { height: auto !important; width: 100% !important; }

/*リスト
※コミックもノベルもそれ以外も共通の中身ですが、
高さ揃えのカウントのためにIDを振り分けます
--------------------------------------------*/
#gn_cList #gn_cList_comic ul, #gn_cList #gn_cList_novel ul, #gn_cList #gn_cList_special ul, #gn_cList #gn_cList_event ul { font-size: 0; line-height: 0; margin: 0; padding: 0 2%; }
#gn_cList #gn_cList_comic ul li, #gn_cList #gn_cList_novel ul li, #gn_cList #gn_cList_special ul li, #gn_cList #gn_cList_event ul li { background: #fff; border: 1px solid #e4e4e4; border-radius: 6px; display: inline-block; font-size: 0; line-height: 0; margin: 0 0 2% 0; padding: 6px; position: relative; vertical-align: top; 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_cList #gn_cList_comic ul li span.gn_cList_day, #gn_cList #gn_cList_novel ul li span.gn_cList_day, #gn_cList #gn_cList_special ul li span.gn_cList_day, #gn_cList #gn_cList_event ul li span.gn_cList_day { border-bottom: 1px solid #e4e4e4; color: #faa500; display: block; font-size: 1.2rem; font-weight: bold; line-height: 1.5; margin: 0 0 2% 0; padding: 0; }

/*作品アイコン*/
#gn_cList #gn_cList_comic ul li img, #gn_cList #gn_cList_novel ul li img, #gn_cList #gn_cList_special ul li img, #gn_cList #gn_cList_event ul li img { display: inline-block; height: auto !important; margin: 0 2% 0 0; padding: 0; vertical-align: top; width: 25%; }

/*テキスト全体枠*/
#gn_cList #gn_cList_comic ul li span.gn_cList_txt, #gn_cList #gn_cList_novel ul li span.gn_cList_txt, #gn_cList #gn_cList_special ul li span.gn_cList_txt, #gn_cList #gn_cList_event ul li span.gn_cList_txt { color: #888; display: inline-block; font-size: 1.2rem; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; vertical-align: top; width: 71%; -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_cList #gn_cList_comic ul li span.gn_cList_txt span.gn_cList_title, #gn_cList #gn_cList_novel ul li span.gn_cList_txt span.gn_cList_title, #gn_cList #gn_cList_special ul li span.gn_cList_txt span.gn_cList_title, #gn_cList #gn_cList_event ul li span.gn_cList_txt span.gn_cList_title { color: #222; display: block; font-size: 1.2rem; font-weight: bold; line-height: 1.5; }

/*リード*/
#gn_cList #gn_cList_comic ul li span.gn_cList_txt span.gn_cList_lead, #gn_cList #gn_cList_novel ul li span.gn_cList_txt span.gn_cList_lead, #gn_cList #gn_cList_special ul li span.gn_cList_txt span.gn_cList_lead, #gn_cList #gn_cList_event ul li span.gn_cList_txt span.gn_cList_lead { color: #888; display: block; font-size: 1.2rem; font-weight: normal; line-height: 1.5; }

/*著者名*/
#gn_cList #gn_cList_comic ul li span.gn_cList_txt span.gn_cList_author, #gn_cList #gn_cList_novel ul li span.gn_cList_txt span.gn_cList_author, #gn_cList #gn_cList_special ul li span.gn_cList_txt span.gn_cList_author, #gn_cList #gn_cList_event ul li span.gn_cList_txt span.gn_cList_author { color: #888; display: block; font-size: 1.0rem; font-weight: normal; line-height: 1.5; }

/*終了作品はこちら
--------------------------------------------*/
#gn_cList .gn_cList_btn_end { text-align: right; padding: 0 10px 0 0; 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_cList .gn_cList_btn_end img { height: auto !important; width: 30% !important; }

/*---------------------------------------------------------------------
【新人賞：共通項目】#gn_award 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】アイコン以外の共用
--------------------------------------------*/
#gn_award #gn_content h2#gn_content_h2 { background: #00192e; color: #fff; display: inline-block; font-size: 2.0rem; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px !important; 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 #gn_content h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0 0 0 1%; padding: 0; vertical-align: middle !important; width: 83% !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_award #gn_content h2#gn_content_h2 span.gn_award_mainttl { color: #fff; display: inline-block; font-size: 2.0rem !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 2px 0 0 0; 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: 1.2rem !important; font-weight: bold; line-height: 1.5; margin: 2px 0 0 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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

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

/*タイトル*/
#gn_award_list .gn_award_ttl { margin: 0 0 3% 0; padding: 0; width: 100%; }
#gn_award_list .gn_award_ttl img { border-radius: 0 !important; height: auto !important; width: 100% !important; }

/*通常のリスト
--------------------------------------------*/
#gn_award_list ul { border-bottom: 1px dotted #ebebeb; display: block; line-height: 0; margin: 0 0 3% 0; padding: 0 0 3% 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: block; line-height: 0; margin: 0 0 3% 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: inline-block; line-height: 0; margin: 0; padding: 0 10px 0 0; vertical-align: top; width: 28%; }
#gn_award_list ul li.gn_award_icon img { border: 1px solid #000; height: auto !important; width: 100% !important; }

/*テキストボタン
--------------------------------------------*/
#gn_award_list ul li.gn_award_value { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 67%; }

/*件名*/
#gn_award_list ul li.gn_award_value p { display: block !important; vertical-align: top; width: 100%; }
#gn_award_list ul li.gn_award_value p span.gn_award_text_ttl { display: block; font-size: 1.8rem; 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: 1.2rem; 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; width: 100%; }
#gn_award_list ul li.gn_award_value ul.gn_award_btn li { display: inline-block; margin: 0 1px 0 0; padding: 0; vertical-align: top; width: 49%; }
#gn_award_list ul li.gn_award_value ul.gn_award_btn li:nth-child(even) { display: inline-block; margin: 0 0 0 1px; padding: 0; vertical-align: top; width: 49%; }
#gn_award_list ul li.gn_award_value ul.gn_award_btn li img { height: auto !important; width: 100% !important; }

/*アイコンが無い時*/
#gn_award_list ul.no_gn_award_icon { border-bottom: 1px dotted #ebebeb; display: block; line-height: 0; margin: 0 0 3% 0; padding: 0 0 3% 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.no_gn_award_icon:last-child { border-bottom: none !important; display: block; line-height: 0; margin: 0 0 3% 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.no_gn_award_icon li.gn_award_value { display: inline-block; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 100%; }

/*件名*/
#gn_award_list ul.no_gn_award_icon li.gn_award_value p { display: block !important; vertical-align: top; width: 100%; }
#gn_award_list ul.no_gn_award_icon li.gn_award_value p span.gn_award_text_ttl { display: block; font-size: 1.8rem; font-weight: bold; line-height: 1.3; word-break: break-all; }
#gn_award_list ul.no_gn_award_icon li.gn_award_value p span.gn_award_text_com { color: #222; display: block; font-size: 1.2rem; line-height: 1.5; word-break: break-all; }

/*読むボタン*/
#gn_award_list ul.no_gn_award_icon li.gn_award_value ul.gn_award_btn { font-size: 0; line-height: 0; margin: 0; padding: 0; width: 68%; }
#gn_award_list ul.no_gn_award_icon li.gn_award_value ul.gn_award_btn li { display: inline-block; margin: 0 1px 0 0; padding: 0; vertical-align: top; width: 49%; }
#gn_award_list ul.no_gn_award_icon li.gn_award_value ul.gn_award_btn li:nth-child(even) { display: inline-block; margin: 0 0 0 1px; padding: 0; vertical-align: top; width: 49%; }
#gn_award_list ul.no_gn_award_icon li.gn_award_value ul.gn_award_btn li img { height: auto !important; width: 100% !important; }

/*---------------------------------------------------------------------
【FAQ：共通項目】#gn_faq 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】
--------------------------------------------*/
#gn_faq #gn_content h2#gn_content_h2 { background: #00192e; color: #fff; display: inline-block; font-size: 2.0rem; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px !important; 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_faq h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0 0 0 1%; padding: 0; vertical-align: middle !important; width: 83% !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_faq #gn_content h2#gn_content_h2 span.gn_faq_mainttl { color: #fff; display: inline-block; font-size: 2.0rem !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 2px 0 0 0; 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: 1.2rem !important; font-weight: bold; line-height: 1.5; margin: 2px 0 0 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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

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

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

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

/*★コンテンツ内タイトル
--------------------------------------------*/
#gn_faq #gn_content #gn_main h3 { border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 3% 0; padding: 2% 3% 2% 3%; 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 { display: inline-block; font-size: 2.0rem !important; font-weight: normal; line-height: 1.5; margin: 0 0 0 1%; padding: 0; vertical-align: bottom; -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:before { background: url(../images/faq/gn_faq_h2_icon.png) no-repeat bottom left; background-size: contain; content: " "; display: inline-block; height: 29px; line-height: 0; margin: 0 0 0 0; padding: 0; vertical-align: top; width: 33px; -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: 1.4rem; font-weight: bold; line-height: 1.5; margin: 0 0 3% 0; padding: 1%; 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 p { font-size: 1.2rem; line-height: 1.5; }

/*各種お問い合わせや概要へのリンク
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu { margin: 0 0 3% 0; padding: 0 2%; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul { margin: 0 0 3% 0; padding: 0; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul li { margin: 0 0 2% 0; padding: 0; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul li span { display: block; font-size: 1.2rem; line-height: 1.5; margin-left: 12px; text-indent: -12px; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq_menu ul li span:before { content: "\25A0"; display: inline-block; font-size: 1.2rem; line-height: 1.5; margin-left: 0; text-indent: 0; min-width: 10px; }

/*その他基本の中身
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq { margin: 0 0 3% 0; padding: 0 2%; }

/*大きすぎる画像を90％に縮小*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq img.gn_faq_resize { height: auto !important; width: 90% !important; }

/*アプリのダウンロード
--------------------------------------------*/
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq ul.gn_faq_app { margin: 0 0 3% 0; padding: 0; }
#gn_faq #gn_content #gn_main .gn_faq_contents .gn_faq ul.gn_faq_app li.gn_faq_app_txt { display: block; margin: 0; padding: 0; vertical-align: top; width: 100%; }
#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: 1.2rem; 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: none; }

/*回答*/
p.gn_faq_answer { display: inline-block; font-size: 1.2rem; line-height: 1.5; padding: 0 2% 0 7%; position: relative; 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; }
p.gn_faq_answer:before { content: "A."; color: #f00; position: absolute; left: 2%; 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 2% 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: 2%; text-align: left; }

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

/*状況*/
#gn_faq #gn_content #gn_main .gn_faq_contents table.shipping_prize td { background: #fff; padding: 2%; vertical-align: middle; width: 30%; -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: 1.1rem; line-height: 1.5; }

/*---------------------------------------------------------------------
【次回更新＆更新履歴：共通項目】#gn_archive 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】アイコン以外の共用
--------------------------------------------*/
#gn_archive #gn_content h2#gn_content_h2 { background: #00192e; color: #fff; display: inline-block; font-size: 2.0rem; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px !important; 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_archive #gn_content h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0 0 0 1%; padding: 0; vertical-align: middle !important; width: 83% !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 h2#gn_content_h2 span.gn_archive_mainttl { color: #fff; display: inline-block; font-size: 2.0rem !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 2px 0 0 0; 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: 1.2rem !important; font-weight: bold; line-height: 1.5; margin: 2px 0 0 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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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 { background: url(../images/top/gn_top_h4_bg.jpg); border-radius: 4px; display: block; line-height: 0; margin: 0 auto 3% auto !important; padding: 0; vertical-align: middle; width: 96%; -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: 8px 8px 6px 8px; 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: 8px 8px 6px 8px; 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 5% 0; padding: 0; }
#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用の外枠（PCで使用）*/
#gn_archive_newestList .gn_archive_margin, #gn_archive_newestList .gn_archive_margin:nth-child(even) { display: block; font-size: 0; line-height: 0; margin: 0; padding: 0; }
#gn_archive_newestList dl { background: #fff; border: 1px solid #e4e4e4; border-radius: 6px; display: block; line-height: 0; margin: 0 auto 2% auto; padding: 2%; position: relative; vertical-align: top; width: 96%; -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内で調整
--------------------------------------------*/
/*全体の幅（iPhone6規準）*/
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; bottom: 6%; left: 28%; margin: 6px 0 0 0; width: 42%; }
#gn_archive_newestList .gn_top_whatslist_alertBox ul.gn_top_whatslist_alert { background: #f65a73; border-radius: 4px; height: 22px; line-height:0; overflow: hidden; margin: 0; padding: 0 5px 0 5px; position: relative; width: 100%; word-break: break-all; z-index: 10; -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: 1.0rem; line-height: 2.4; height:22px; position: absolute;  }
/*アイコン（iPhone6規準）*/
#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 top left; background-size: contain; content: " "; display: inline-block; height: 14px; font-size:0; line-height:0 !important; margin: -1px 2px 0 0; padding: 0; vertical-align: middle; width: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/*全体の幅とアイコン：iPhone5【タテ】*/
@media only screen and (min-width: 0px) and (max-width: 320px) and (orientation: portrait) {
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; bottom: 6%; left: 28%; margin: 6px 0 0 0; width: 48%; }
#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 top left; background-size: contain; content: " "; display: inline-block; height: 14px; font-size:0; line-height:0 !important; margin: -2px 2px 0 0; padding: 0; vertical-align: middle; width: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
}

/*全体の幅とアイコン：iPhone5【ヨコ】*/
@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; bottom: 6%; left: 28%; margin: 6px 0 0 0; width:32% !important; }
#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 top left; background-size: contain; content: " "; display: inline-block; height: 14px; font-size:0; line-height:0 !important; margin: -2px 2px 0 0; padding: 0; vertical-align: middle; width: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
}

/*全体の幅とアイコン：Android系【タテ】*/
@media only screen and (min-width: 360px) and (max-width: 720px) and (orientation: portrait) {
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; bottom: 6%; left: 28%; margin: 6px 0 0 0; width:43% !important; }
#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 top left; background-size: contain; content: " "; display: inline-block; height: 14px; font-size:0; line-height:0 !important; margin: -3px 2px 0 0; padding: 0; vertical-align: middle; width: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
}

/*全体の幅とアイコン：iPhone6【ヨコ】、Android系【ヨコ】*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; bottom: 6%; left: 28%; margin: 6px 0 0 0; width: 26% !important; }
#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 top left; background-size: contain; content: " "; display: inline-block; height: 14px; font-size:0; line-height:0 !important; margin: -1px 2px 0 0; padding: 0; vertical-align: middle; width: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
}

/*全体の幅とアイコン：iPhone6Plus【タテ】*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; bottom: 6%; left: 28%; margin: 6px 0 0 0; width: 38% !important; }
#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 top left; background-size: contain; content: " "; display: inline-block; height: 14px; font-size:0; line-height:0 !important; margin: -3px 2px 0 0; padding: 0; vertical-align: middle; width: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
}

/*全体の幅とアイコン：iPhone6Plus【ヨコ】*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) { 
#gn_archive_newestList .gn_top_whatslist_alertBox { position: absolute; bottom: 6%; left: 28%; margin: 6px 0 0 0; width: 21%; }
#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 top left; background-size: contain; content: " "; display: inline-block; height: 14px; font-size:0; line-height:0 !important; margin: -3px 2px 0 0; padding: 0; vertical-align: middle; width: 14px; -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; line-height: 0; margin: 0 2% 0 0; padding: 0; vertical-align: top; width: 25%; }
#gn_archive_newestList dl dt img { height: auto !important; width: 100% !important; }

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

/*カテゴリリスト*/
#gn_archive_newestList dl dd ul.gn_top_whatslist_cat { font-size: 0; line-height: 0; margin: 0; padding: 0; width: 50%; }
#gn_archive_newestList dl dd ul.gn_top_whatslist_cat li { display: inline-block; height: auto; margin: 0 2px 2px 0; padding: 0; vertical-align: top; }
#gn_archive_newestList dl dd ul.gn_top_whatslist_cat li img { height: auto !important; width: 100% !important; }

/*タイトル*/
#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: 1.5rem; 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; display: block; font-size: 1.1rem; 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; width: 100%; }
#gn_archive_newestList dl dd ul.gn_top_whatslist_btn li { display: inline-block; margin: 0 1px 0 0; padding: 0; 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_archive_newestList dl dd ul.gn_top_whatslist_btn li:nth-child(even) { display: inline-block; margin: 0 0 0 1px; padding: 0; 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_archive_newestList dl dd ul.gn_top_whatslist_btn li img { height: auto !important; width: 100% !important; }

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

/*★メインタイトル
--------------------------------------------*/
#gn_info #gn_content h2#gn_content_h2 { background: #00192e; color: #fff; display: inline-block; font-size: 2.0rem; line-height: 0; margin: 0 auto 10px auto !important; padding: 4px 13px !important; 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_info #gn_content h2#gn_content_h2 span { display: inline-block; line-height: 0; margin: 0 0 0 1%; padding: 0; vertical-align: middle !important; width: 83% !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_info #gn_content h2#gn_content_h2 span.gn_info_mainttl { color: #fff; display: inline-block; font-size: 2.0rem !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8px; margin: 2px 0 0 0; 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: 1.2rem !important; font-weight: bold; line-height: 1.5; margin: 2px 0 0 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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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 { border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 3% 0; padding: 2% 3% 2% 3%; vertical-align: middle; 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 { display: inline-block; font-size: 2.0rem !important; font-weight: normal; line-height: 1.5; margin: 0 0 0 1%; padding: 0; vertical-align: bottom; -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_newsList { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*ピックアップ*/
#gn_info_newsList p.gn_info_pickup { font-size: 1.6rem; font-weight: bold; line-height: 1.5; margin: 2% 0; padding: 3% 0 0 0; text-align: center; }

/*お知らせリスト*/
#gn_info #gn_top_info_list { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*更新性の都合上、コメントアウト処理をしない代わりに、大元の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: 2% 0 2% 0; position: relative; }

/*＞を付ける基準をAタグの有る無しに反応させる*/
/*#gn_info #gn_top_info_list ul li a:after {border-right:3px solid #222; border-top:3px solid #222; content:" "; display:block; height:6px; position:absolute; top:45%; right:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg) !important; vertical-align:middle; width:6px;}*/
/*日付*/
#gn_info #gn_top_info_list ul li span.gn_top_info_date { color: #ffba00; display: inline-block; font-size: 1.2rem; font-weight: bold; line-height: 1.5; vertical-align: top; width: 25%; }

/*中身*/
#gn_info #gn_top_info_list ul li span.gn_top_info_value { display: inline-block; font-size: 1.2rem; font-weight: normal; line-height: 1.5; vertical-align: top; width: 74% !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: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

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

/*中身*/
#gn_info #gn_info_newsDetail p { font-size: 1.2rem; font-weight: normal; line-height: 2.0; margin: 0 0 15px 0; padding: 0; }
.gn_info_newsBtn { margin: 3% auto; padding: 0; width: 70%; }
.gn_info_newsBtn img { height: auto !important; width: 100% !important; }

/*---------------------------------------------------------------------
【作品詳細：共通項目】#gn_detail 以下でのみ有効
-----------------------------------------------------------------------*/
/*★紺背景の小見出し
--------------------------------------------*/
#gn_detail #gn_content #gn_main h3 { background: #00192e; color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 1.5; margin: 0 0 10px 0; padding: 1%; 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: 1.4rem; font-weight: bold; line-height: 1.5; margin: 0 0 10px 0; padding: 1%; 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 2%; }

/*★メインタイトル
--------------------------------------------*/
#gn_detail h2#gn_content_h2 { background: #00192e; border-radius: 0 !important; color: #fff; display: inline-block; font-size: 1.8rem !important; line-height: 1.5 !important; margin: 0 0 2% 0; padding: 2% 3%; 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 h2#gn_content_h2 span { color: #fff; display: inline-block; font-size: 0.8rem; line-height: 1.5; margin: 0 0 0 1%; 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 3% 0; padding: 2% 3% 2% 3%; 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: bottom !important; width: 82%; -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: 2.0rem !important; font-weight: bold; line-height: 1.2; letter-spacing: -0.8; margin: 0; 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: 0.9rem !important; font-weight: bold; line-height: 2.2; letter-spacing: -0.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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 h2:before { background: url(../images/detail/gn_detail_story_h2_icon.png) no-repeat top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0 2px 0 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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 top left; background-size: contain; content: " "; display: inline-block; height: 26px; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 30px; -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: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

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

/*作品紹介文*/
#gn_detail_header p.gn_detail_header_txt { font-size: 1.4rem !important; line-height: 1.5; margin: 0 auto; width: 96%; }

/*作品詳細SNS*/
#gn_detail_header .gn_detail_header_sns { margin: 0; padding: 0; width: 100%; }
#gn_detail_header .gn_detail_header_sns ul { margin: 2% 2% 0 0; padding: 0; text-align: right; }
#gn_detail_header .gn_detail_header_sns ul li { display: inline-block; vertical-align: top; }

/*---------------------------------------------------------------------
【作品詳細：インフォメーション】
-----------------------------------------------------------------------*/
#gn_detail_info { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

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

/*インフォメーション内のピックアップ事項*/
#gn_detail_info .gn_detail_info_news p.gn_detail_news_pickup { font-size: 1.6rem; font-weight: bold; line-height: 1.5; margin: 2% 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: 2% 0; }
#gn_detail_info .gn_detail_info_news ul li span.gn_detail_news_date { color: #ffba00; font-size: 1.3rem; font-weight: bold; line-height: 1.5; display: inline-block; vertical-align: top; min-width: 19%; width: auto; }
#gn_detail_info .gn_detail_info_news ul li span.gn_detail_news_value { display: inline-block; font-size: 1.3rem; line-height: 1.5; vertical-align: top; width: 72%; }
#gn_detail_info .gn_detail_info_news ul li:nth-last-child(1) { border: none; padding: 2% 0 0 0; }

/*---------------------------------------------------------------------
【最新話はこちら】
-----------------------------------------------------------------------*/
#gn_detail_story { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0; width: 100%; }

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

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

/*最新話詳細*/
#gn_detail_story .gn_detail_story_list dl dd { display: inline-block; margin: 0 0 0 2%; padding: 0; vertical-align: top; width: 60% !important; }
#gn_detail_story .gn_detail_story_list dl dd ul li { font-size: 1.2rem; font-weight: bold; line-height: 1.5; letter-spacing: -0.5px; margin: 0 0 5px 0; }

/*最新話の更新日*/
#gn_detail_story .gn_detail_story_list dl dd ul li.gn_detail_story_list_date { color: #faa500; font-size: 1.3rem; font-weight: bold; line-height: 1.3; letter-spacing: -0.5px; word-break: break-all; }

/*最新話のタイトル*/
#gn_detail_story .gn_detail_story_list dl dd ul li.gn_detail_story_list_ttl { font-size: 1.6rem; font-weight: normal; line-height: 1.4; letter-spacing: -0.5px; 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: 1.0rem; font-weight: bold; line-height: 1.5; margin: 0; padding: 3px; text-align: center; vertical-align: middle; word-break: break-all; width: 50px; }

/*ボタン*/
#gn_detail_story .gn_detail_story_list dl dd ul li.gn_detail_story_btn { margin: 2% 0 1% 0; }
#gn_detail_story .gn_detail_story_list dl dd ul li.gn_detail_story_btn:nth-child(2n) { margin: 0 0 1% 0 !important; }
#gn_detail_story .gn_detail_story_list dl dd ul li.gn_detail_story_btn img { height: auto !important; width: 100% !important; }

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

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

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

/*1列リスト*/
#gn_detail_story .gn_detail_story_past ul.past_1c li { border-bottom: 1px dotted #e4e4e4; margin: 0 0 2% 0; position: relative; -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; height: auto !important; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 28% !important; }
#gn_detail_story .gn_detail_story_past ul.past_1c li span { display: inline-block; font-size: 1.3rem; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; vertical-align: top; width: 68%; }
#gn_detail_story .gn_detail_story_past ul.past_1c li span strong { display: block; font-size: 1.6rem; font-weight: bold; line-height: 1.5; }

/*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 1% 0; position: relative; width: 49%; -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 4px 0; padding: 0 0 0 1%; position: relative; width: 49%; -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; height: auto !important; margin: 0 4% 0 0; padding: 0; vertical-align: top; width: 35% !important; }
#gn_detail_story .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c span { display: inline-block; font-size: 0.9rem; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; width: 58%; }
#gn_detail_story .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c span strong { display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.3; }
#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: 0 !important; margin: 0 0 2% 0; padding: 0; width: 100%; }

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

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

/*関連作品 最新話詳細*/
.gn_detail_storySub .gn_detail_story_list dl dd { display: inline-block; margin: 0 0 0 2%; padding: 0; vertical-align: top; width: 60% !important; }
.gn_detail_storySub .gn_detail_story_list dl dd ul li { font-size: 1.2rem; font-weight: bold; line-height: 1.5; letter-spacing: -0.5px; margin: 0 0 5px 0; }

/*関連作品 最新話の更新日*/
.gn_detail_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_list_date { color: #faa500; font-size: 1.3rem; font-weight: bold; line-height: 1.3; letter-spacing: -0.5px; word-break: break-all; }

/*関連作品 最新話のタイトル*/
.gn_detail_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_list_ttl { font-size: 1.6rem; font-weight: normal; line-height: 1.4; letter-spacing: -0.5px; 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: 1.0rem; font-weight: bold; line-height: 1.5; margin: 0; padding: 3px; text-align: center; vertical-align: middle; word-break: break-all; width: 50px; }

/*関連作品 最新話ボタン*/
.gn_detail_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_btn { margin: 2% 0 1% 0; }
.gn_detail_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_btn:nth-child(2n) { margin: 0 0 1% 0 !important; }
.gn_detail_storySub .gn_detail_story_list dl dd ul li.gn_detail_story_btn img { height: auto !important; width: 100% !important; }

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

/*関連作品 バックナンバー一式
--------------------------------------------*/
.gn_detail_storySub .gn_detail_story_past { margin: 0 auto; }
.gn_detail_storySub .gn_detail_story_past ul { font-size: 0; line-height: 0; margin: 0; padding: 0; }

/*1列リスト*/
.gn_detail_storySub .gn_detail_story_past ul li { border-bottom: 1px dotted #e4e4e4; margin: 0 0 2% 0; position: relative; -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 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; height: auto !important; margin: 0 5px 0 0; padding: 0; vertical-align: top; width: 28% !important; }
.gn_detail_storySub .gn_detail_story_past ul li span { display: inline-block; font-size: 1.3rem; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; vertical-align: top; width: 68%; }
.gn_detail_storySub .gn_detail_story_past ul li span strong { display: block; font-size: 1.6rem; font-weight: bold; line-height: 1.5; }

/*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 1% 0; position: relative; width: 49%; -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 4px 0; padding: 0 0 0 1%; position: relative; width: 49%; -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; height: auto !important; margin: 0 4% 0 0; padding: 0; vertical-align: top; width: 35% !important; }
.gn_detail_storySub .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c span { display: inline-block; font-size: 0.9rem; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; width: 58%; }
.gn_detail_storySub .gn_detail_story_past ul.past_2c li.gn_detail_story_past_2c span strong { display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.3; }
.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: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*---------------------------------------------------------------------
【メディア情報】
-----------------------------------------------------------------------*/
#gn_detail_media { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*---------------------------------------------------------------------
【壁紙・アイコン】
-----------------------------------------------------------------------*/
#gn_detail_download { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

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

/*壁紙*/
#gn_detail_download dl dt { display: block; line-height: 0; margin: 0 0 2% 0; padding: 0; vertical-align: top; width: 100%; }
#gn_detail_download dl dt img { height: auto !important; width: 100% !important; }

/*サイズ*/
#gn_detail_download dl dd { display: block; line-height: 0; margin: 0; padding: 0; vertical-align: top; width: 100%; }
#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; line-height: 0; margin: 0 1% 0 0; vertical-align: top; width: 49%; }
#gn_detail_download dl dd ul li:nth-child(even) { display: inline-block; line-height: 0; margin: 0 0 0 1%; vertical-align: top; width: 49%; }

/*PCサイズのみ非表示にする*/
#gn_detail_download dl dd ul li.gn_dl_nav_pc1024 { display: none; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280_800 { display: none; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1280 { display: none; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920 { display: none; }
#gn_detail_download dl dd ul li.gn_dl_nav_pc1920_1080 { display: none; }

/*テキスト（壁紙扱いのボタンの高さを確保する）
--------------------------------------------*/
#gn_detail_download dl dd ul li span { font-size: 1.2rem; line-height: 4; overflow: hidden; text-indent: 100%; white-space: nowrap; }

/*iPhone5用サイズ*/
@media only screen and (min-width: 0px) and (max-width: 320px) { #gn_detail_download dl dd ul li span { font-size: 1.2rem; line-height: 4; overflow: hidden; text-indent: 100%; white-space: nowrap; } }
/*スマホ横サイズ*/
@media (min-width: 414px) { #gn_detail_download dl dd ul li span { font-size: 1.2rem; line-height: 6; overflow: hidden; text-indent: 100%; white-space: nowrap; } }
/*リンクの挙動
--------------------------------------------*/
/*1440x1280（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_sp1440 .on_btn, #gn_detail_download dl dd ul li.gn_dl_nav_sp1440 a .on_btn, #gn_detail_download dl dd ul li.gn_dl_nav_sp1440 a .off_btn { background: url(../images/detail/gn_sp_detail_download_btn_1440x1280.png) no-repeat; background-size: 100% auto; height: auto !important; display: block; margin: 0 auto; width: 100%; }

/*640x1136（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_sp640 .on_btn, #gn_detail_download dl dd ul li.gn_dl_nav_sp640 a .on_btn, #gn_detail_download dl dd ul li.gn_dl_nav_sp640 a .off_btn { background: url(../images/detail/gn_sp_detail_download_btn_640x1136.png) no-repeat; background-size: 100% auto; height: auto !important; display: block; margin: 0 auto; width: 100%; }

/*2048x2048（上から順に、該当ページ／オンマウス／マウスアウト）*/
#gn_detail_download dl dd ul li.gn_dl_nav_sp2048 .on_btn, #gn_detail_download dl dd ul li.gn_dl_nav_sp2048 a .on_btn, #gn_detail_download dl dd ul li.gn_dl_nav_sp2048 a .off_btn { background: url(../images/detail/gn_sp_detail_download_btn_2048x2048.png) no-repeat; background-size: 100% auto; height: auto !important; display: block; margin: 0 auto; width: 100%; }

/*リンクのクリック範囲を広げる*/
#gn_detail_download dl dd ul li a { display: block; height: 100%; position: relative; top: 0; left: 0; width: 100%; }

/*---------------------------------------------------------------------
【TVCM】
-----------------------------------------------------------------------*/
#gn_detail_tvcm { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*PV*/
#gn_detail_tvcm .gn_detail_pv { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 2% auto; position: relative; padding: 0 0 56.50% 0; height: 0; overflow: hidden; width: 90% !important; }
#gn_detail_tvcm .gn_detail_pv iframe, #gn_detail_tvcm .gn_detail_pv object, #gn_detail_tvcm .gn_detail_pv embed, #gn_detail_tvcm .gn_detail_pv video { height: 100%; position: absolute; top: 0; left: 0; width: 100%; }

/*---------------------------------------------------------------------
【FLAG】
-----------------------------------------------------------------------*/
#gn_detail_flag, .gn_detail_flag { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*---------------------------------------------------------------------
【サイン会】
-----------------------------------------------------------------------*/
.autograph .autograph_detail {width: 100%; border-collapse: collapse;}
.autograph .autograph_detail th {background: #eee;border: 1px solid #222;padding: 0.2em 0.4em; white-space: nowrap;}
.autograph .autograph_detail td {border: 1px solid #222;padding: 0.2em 0.4em;}
.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.3rem; 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;font-size: 1.0rem;}
#gn_detail_topics #goods_common dd p.btn {position: relative; margin: 0; text-align: center;font-size: 1.0rem;}
#gn_detail_topics #goods_common dd img.goodph {width: 100% !important; }

#gn_detail_topics #goods_common dd p.btn a/*, a:visited*/ { color: #faa500 !important; text-decoration: underline !important; font-size: 12px; line-height: 1.5;}
#gn_detail_topics #goods_common dd p.btn a:hover/*, a:active*/ { color: #faa500 !important; text-decoration: none !important; }


/*---------------------------------------------------------------------
【キャラクター紹介】
-----------------------------------------------------------------------*/
#gn_detail_chara { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*キャラクターリスト
--------------------------------------------*/
#gn_detail_chara ul { margin: 0; padding: 0; }
#gn_detail_chara ul li { border-bottom: 1px dotted #e4e4e4; display: block; margin: 0 0 2% 0; padding: 0 0 2% 0; vertical-align: top; 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_chara ul li img { border: 1px solid #e4e4e4; display: inline-block; height: auto !important; margin: 0 1% 0 0; padding: 0; vertical-align: top; width: 25% !important; }

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

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

/*その他の紹介画像*/
#gn_detail_chara .gn_detail_chara_etc { margin: 0; padding: 0; }
#gn_detail_chara .gn_detail_chara_etc img { height: auto !important; width: 100% !important; }

/* 画像なしキャラ */
#gn_detail_chara p { border-bottom: 1px dotted #e4e4e4; }

/*---------------------------------------------------------------------
【単行本】
-----------------------------------------------------------------------*/
#gn_detail_comics { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*---------------------------------------------------------------------
【原作本】
-----------------------------------------------------------------------*/
#gn_detail_original { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*コミックスリスト一式（単行本・関連書籍・原作本で共通）
--------------------------------------------*/
.gn_detail_books dl
{
    border-top: #e5e5e5 solid 1px;
    /*display: block;*/
    margin: 0 0 3% 0;
    padding: 3% 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
    */
    /*
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    */

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
}
.gn_detail_books dl:first-child { border-top: none; display: block; margin: 0 0 3% 0; padding: 0; }

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

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

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

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

/*サブタイトル*/
.gn_detail_books dl dd span.gn_detail_comics_sub { display: block; font-size: 1.6rem; 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: 1.2rem; 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: 1.2rem; font-weight: normal; line-height: 1.5; margin: 0 0 15px 0; padding: 0; }

/*発売先リスト一式
--------------------------------------------*/
.gn_detail_books dl dd div.gn_detail_comics_nav { /*clear: both; */display: block; float: none !important; margin: 0 auto; padding: 0 0 0 0; vertical-align: top; width: 98%; }
.gn_detail_books dl dd div.gn_detail_comics_nav ul { font-size:0 !important; line-height: 0 !important; margin:0; padding:0; /*width:100% !important;*/}

.gn_detail_books dl dd div.gn_detail_comics_nav ul li { display: inline-block; margin: 0 0 1% 0; padding: 0; vertical-align: top; width:46%;}
.gn_detail_books dl dd div.gn_detail_comics_nav ul li:nth-child(2n) { margin: 0 0 1% 1%;}
.gn_detail_books dl dd div.gn_detail_comics_nav ul li img { height: auto !important; width: 100% !important; }

/*.gn_detail_books dl dd div.gn_detail_comics_nav ul li:first-child { display: inline-block; margin: 0 0 0 1%; padding: 0; vertical-align: top; width:50%;}
.gn_detail_books dl dd div.gn_detail_comics_nav ul li:first-child img { height: auto !important; width: 100% !important; }*/


.gn_detail_books dl dd div.gn_detail_comics_nav ul li.gn_detail_comics_gansma { display: block !important; margin: 1% 0 0 0; padding: 0 !important; position: relative; vertical-align: top; width: 99%; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.gn_detail_books dl dd div.gn_detail_comics_nav ul li.gn_detail_comics_gansma img { height: auto !important; width: 100% !important; }


/*濃紺背景の小見出し（関連書籍でのみ使用）
--------------------------------------------*/
#gn_detail_comics h4 { background: #00192e !important; color: #fff !important; font-size: 1.4rem; 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: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

/*関連作品リスト
--------------------------------------------*/
#gn_detail_related ul { margin: 0; padding: 0; }
#gn_detail_related ul li { border-bottom: 1px dotted #e4e4e4; display: block; margin: 0 0 2% 0; padding: 0 0 2% 0; vertical-align: top; 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 ul li img { border: 1px solid #e4e4e4; display: inline-block; height: auto !important; margin: 0 1% 0 0; padding: 0; vertical-align: top; width: 25% !important; }

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

/*作者名*/
#gn_detail_related ul li span { display: inline-block; font-size: 1.4rem !important; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; vertical-align: top; width: 70%; }
ul.disc { margin-left: 1em; }
ul.disc li { list-style-type: disc; }
img.over360 { height: auto !important; width: 100% !important; }
img.over360_90 { height: auto !important; width: 90% !important; }
img.over360_80 { height: auto !important; width: 80% !important; }
img.over360_70 { height: auto !important; width: 70% !important; }
img.over360_60 { height: auto !important; width: 60% !important; }
img.over360_50 { height: auto !important; width: 50% !important; }
img.over360_40 { height: auto !important; width: 40% !important; }
img.over360_30 { height: auto !important; width: 30% !important; }
img.over360_20 { height: auto !important; width: 20% !important; }
img.over360_10 { height: auto !important; width: 10% !important; }

/*---------------------------------------------------------------------
【404ページ：共通項目】#gn_404 以下でのみ有効
-----------------------------------------------------------------------*/
/*【メインタイトル】
--------------------------------------------*/
#gn_404 #gn_content h2 { background: #00192e; color: #fff; display: inline-block; line-height: 0; margin: 0 0 3% 0; padding: 2% 3% 2% 3%; 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 h2 span { display: inline-block; line-height: 0; margin: 0 0 0 0; padding: 0; vertical-align: bottom !important; width: 82%; -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 span span.gn_404_mainttl { display: inline-block; font-size: 2.0rem !important; font-weight: bold; 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 h2 span span.gn_404_subttl { display: inline-block; font-size: 0.9rem !important; font-weight: bold; line-height: 2.2; letter-spacing: -0.5; margin: 0; padding: 0; vertical-align: bottom !important; width: auto !important; }

/*【基本の中身（角丸＆白背景）】
<div class="gn_404_contents">
--------------------------------------------*/
#gn_404 #gn_content #gn_main .gn_404_contents { background: #fff; border-radius: 0 !important; margin: 0 0 2% 0; padding: 0 0 2% 0; width: 100%; }

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

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

/*白背景内で、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 { border-bottom: 1px solid #e4e4e4; display: inline-block; line-height: 0; margin: 0 0 3% 0; padding: 2% 3% 2% 3%; vertical-align: middle; 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 { display: inline-block; font-size: 2.0rem !important; font-weight: normal; line-height: 1.5; margin: 0 0 0 1%; padding: 0; vertical-align: bottom; -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 h4 { background: #ebebeb; color: #00192e; font-size: 1.4rem; font-weight: bold; line-height: 1.5; margin: 0 0 2% 0; padding: 1%; 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; }