@charset "UTF-8";
/*----------------------------------------
	変数
----------------------------------------*/
/*----------------------------------------
	mixin
----------------------------------------*/
/*----------------------------------------
	common
----------------------------------------*/
body { color: #5a5a5a; }

a { color: #2b8306; }

a:hover, a:active { color: #4eb622 !important; }

a:visited { color: #2b8306; }

/*----------------------------------------
	フォント設定
----------------------------------------*/
font { font-size: 12px; font-weight: 300; font-style: normal; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

.data_win { font-size: 12px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

/*----------------------------------------
	目次
----------------------------------------*/
.guide_cate ol { margin-bottom: 25px; }
.guide_cate ol li { font-size: 12px; font-weight: 300; line-height: 1em; font-style: normal; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; padding: 14px 0 0 !important; }
.guide_cate ol li a, .guide_cate ol li a:visited { background: url(../../images/game_guides/archeage/arrow.gif) no-repeat left center !important; }
.guide_cate ol > li > ul { margin-top: 11px; }

.latest li { background: url(../../images/game_guides/archeage/arrow.gif) no-repeat left center !important; }

/*----------------------------------------
	ナビゲーション
----------------------------------------*/
#side_area .nav { background-color: #f3f3f3; }
#side_area .nav h2 { display: none; }
#side_area .nav ol > li { padding-bottom: 5px; }
#side_area .nav ol > li > a { background: url(../../images/game_guides/archeage/bg_ttl1.gif) no-repeat 0 center; padding: 7px 20px 6px; border-top: solid 1px #dedede; }
#side_area .nav ol > li > a.open { background: url(../../images/game_guides/archeage/bg_ttl1.gif) no-repeat 0 center !important; pointer-events: none; }
#side_area .nav ol li ul.game_guide_child_menu-1 { border: none; border-top: #dedede solid 1px; }
#side_area .nav ol li ul.game_guide_child_menu-1 > li > a { background: url(../../images/game_guides/archeage/arrow.gif) no-repeat left center; }
#side_area .nav ol li ul.game_guide_child_menu-1 > li > a::after { display: none; }
#side_area .nav ol li ul li a { position: relative; font-size: 11px; border-bottom: dotted 1px #dedede; padding: 10px 0 9px 12px; background: none; }
#side_area .nav ol li ul li a::after { content: "・"; position: absolute; top: 11px; left: 2px; color: #40981b; }
#side_area .nav ol li ul ul li { background: none; }

/*----------------------------------------
	各見出し //AA告知と同様のclass名
----------------------------------------*/
h2.ttl_1 { background: #f7f7f7 url(../../images/game_guides/archeage/bg_ttl0.gif) repeat-x 0 0; margin-top: 0; padding: 9px 20px 6px; border-bottom: #c9c9c9 dotted 1px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight: bold !important; font-style: normal !important; text-align: left; font-size: 18px; line-height: 1.7; overflow: hidden; }

.ttl_1 { background: url(../../images/game_guides/archeage/bg_ttl1.gif) no-repeat 0 center; margin-top: 30px; padding: 7px 20px 6px; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight: bold !important; font-style: normal !important; text-align: left; font-size: 16px; line-height: 1.4; }

.ttl_2 { position: relative; border-top: dotted 1px #f7f7f7; border-bottom: dotted 1px #dedede; margin-top: 30px; padding: 9px 20px 6px 18px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight: bold !important; font-style: normal !important; text-align: left; font-size: 14px; line-height: 1.3; background: none; }
.ttl_2::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; height: 26px; margin: auto; background-color: #c9c9c9; }

.ttl_3 { background: none; border-left: double 3px #c9c9c9; padding: 3px 20px 2px 17px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight: bold !important; font-style: normal !important; text-align: left; font-size: 14px; line-height: 1.3; margin-top: 30px; }

/*----------------------------------------
	ページ内リンクボタン
----------------------------------------*/
.page_contents li { background: url(../../images/game_guides/archeage/arrow.gif) no-repeat left center; }

/*----------------------------------------
	メンバーサイトへボタン
----------------------------------------*/
.btn_w_160 { color: #fff !important; display: inline-block; text-align: center; font-weight: normal; font-size: 12px; background: url(../../images/game_guides/archeage/btn.png) no-repeat 0 -548px; overflow: hidden; width: 200px; height: 30px; line-height: 2.5; }
.btn_w_160:hover { background-position: -200px -548px; }

.btn_black_s { height: auto; padding: 4px 15px 6px 15px; border-radius: 30px; background: #222; transition: all 0.3s; }
.btn_black_s:hover { background: #444; }

/*----------------------------------------
	トップへ戻るボタン
----------------------------------------*/
.btn_top { position: fixed; left: calc(50% + 510px); bottom: 20px; width: 75px; height: 75px; background: url(../../images/game_guides/archeage/btn_top.png) no-repeat 0 0/contain; z-index: 999; }
.btn_top a { display: block; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; }

/* .ranking h5,.latest h5,
.ranking li a,.latest li a,.ranking li a:visited,.latest li a:visited, */
.footer_cate .cate_win .ttl { background: url(../../images/game_guides/archeage/arrow.gif) no-repeat right 10px center; height: inherit; }
.footer_cate .cate_win .ttl a { height: inherit; margin-right: 15px; padding: 10px 0 10px 10px; line-height: inherit; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.footer_cate .cate_win .open a { margin: 0; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.footer_cate .cate_win li a { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
.footer_cate .cate_win ul { line-height: 1.8; }

label { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

/*----------------------------------------
	テーブル
----------------------------------------*/
table.tbl, .win_def_1 table { width: 100%; margin-left: auto; margin-right: auto; border-collapse: collapse; border-spacing: none; border-top: #dedede solid 1px; border-left: #dedede solid 1px; }
table.tbl th, table.tbl td, .win_def_1 table th, .win_def_1 table td { border-right: #dedede solid 1px; border-bottom: #dedede solid 1px; padding: 5px; }
table.tbl th, .win_def_1 table th { background: #f7f7f7; font-weight: bold; }
table.tbl td, .win_def_1 table td { background: #fff; }

/*----------------------------------------
	テキスト関連
----------------------------------------*/
.col { margin: 16px 18px 0; line-height: 1.7; }
.col_center { margin: 16px 0 0; text-align: center; }
.col_left { margin: 16px 0 0; text-align: left; }
.col_right { margin: 16px 0 0; text-align: right; }

.center, .ctr { text-align: center; }

.left { text-align: left; }

.right { text-align: right; }

.top { vertical-align: top; }

.middle { vertical-align: middle; }

.bottom { vertical-align: bottom; }

.txt_16 { font-size: 16px; line-height: 1.7; }

.txt_14 { font-size: 14px; line-height: 1.7; }

.txt_12 { font-size: 12px; line-height: 1.7; }

.txt_note { font-size: 11px; margin-left: 11px; text-indent: -11px; }

.red { color: #c20000; }

.green { color: #2f6f00; }

.blue { color: #0072e4; }

.orange { color: #ff4e00; }

.pink { color: #c51574; }

.purple { color: #7222ab; }

/*----------------------------------------
	ウィンドウ
----------------------------------------*/
.win1 { background: #fff; border: #dedede solid 1px; padding: 8px 18px; margin: 10px auto; }

.win2, .win_note { background: #f7f7f7; border: #dedede solid 1px; padding: 8px 18px; margin: 10px auto; }

.win3 { border: #dedede double 3px; padding: 8px 18px; margin: 10px auto; }

.win_note { /* 注釈用 */ font-size: 11px; }

.win_deco { background: #f7f7f7; border: #dedede solid 2px; padding: 12px 18px; margin: 10px auto; }

.win_focus { background: #fffac0; border: #ffedab solid 2px; padding: 12px 18px; margin: 10px auto; }

/*----------------------------------------
	ボタン
----------------------------------------*/
.btn_box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.btn_box .btn_txt_s:not(:nth-of-type(3n)) { margin-right: 20px; }
.btn_box .btn_txt_s:last-of-type { margin-right: 0; }
.btn_box .btn_txt:not(:nth-of-type(2n)) { margin-right: 20px; }

.btn_txt_s { display: inline-block; text-align: center; font-weight: normal; font-size: 12px; background: url(../../images/game_guides/archeage/btn.png) no-repeat 0 0; overflow: hidden; width: 200px; height: 30px; line-height: 2.5; margin: 0 0 10px 0; }

.btn_txt { display: inline-block; text-align: center; font-weight: normal; font-size: 12px; background: url(../../images/game_guides/archeage/btn.png) no-repeat 0 0; overflow: hidden; width: 330px; height: 40px; margin: 0 0 10px 0; line-height: 3.4; }

table .btn_txt_s, table .btn_txt { margin: 5px 0; }

.btn_txt_s:link, .btn_txt_s:visited, .btn_txt_s:hover, .btn_txt_s:active, .btn_txt:link, .btn_txt:visited, .btn_txt:hover, .btn_txt:active { color: #fff !important; text-decoration: none; }

.btn_txt_s.btn_gray { background-position: 0 -548px; }
.btn_txt_s.btn_gray:hover { background-position: -200px -548px; }

.btn_txt_s.btn_green { background-position: 0 -578px; }
.btn_txt_s.btn_green:hover { background-position: -200px -578px; }

.btn_txt_s.btn_orange { background-position: 0 -608px; }
.btn_txt_s.btn_orange:hover { background-position: -200px -608px; }

.btn_txt.btn_green { background-position: 0 -638px; }
.btn_txt.btn_green:hover { background-position: 0 -678px; }

.btn_txt.btn_orange { background-position: 0 -718px; }
.btn_txt.btn_orange:hover { background-position: 0 -758px; }

/*----------------------------------------
	区切り線
----------------------------------------*/
.hr1 { background: url(../../images/game_guides/archeage/hr1.gif) repeat-x left top; width: 100%; padding: 7px 0 0; margin: 0; }

.hr2 { background: url(../../images/game_guides/archeage/hr2.gif) repeat-x left top; width: 100%; padding: 5px 0 0; margin: 0; }

.hr1, .hr2, .hr { margin: 16px 0; }

/*----------------------------------------
	注意事項
----------------------------------------*/
.attention { background: #f7f7f7; border: #dedede solid 1px; padding: 4px 36px 15px; margin: 30px auto 0; }
.attention .imgsp { background: url(../../images/game_guides/archeage/attention.png) no-repeat center 0; padding: 14px 0 0; }
.attention ul, .attention ol, .attention p { margin: 14px 0 0; font-size: 11px; }
.attention ol { margin-left: 30px; }
.attention ol li { list-style-type: decimal; margin-left: -10px; text-indent: 0; padding-left: 0; }
.attention li { text-indent: -0.8em; padding-left: 0.8em; }