﻿@charset "utf-8";

html, body{font-size:13px;}
*{font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;}

.pageTitle h2{height:30px; padding:10px 0 0 0;}
.pageTitle .btn_back{top:0;}

#myinfo h3{font-size:0.8em;}

.commu_con .txt .btn_reply{display:none;}
.commu_con .txt{overflow:inherit;}

footer menu a{line-height:1.5;}

.idpw_tit{padding-right:0;}
.idpw_tit #msg_span{letter-spacing:-1px;}

.jpNews_mobile{height:455px; overflow:hidden;}
.jpNews_mobile ul{float:left;}
.jpNews_mobile ul li{padding:6px 0;}

/* 메인페이지 탭 */
.tab li a{font-size:0.9em; letter-spacing:-1px;}

/* 메인 뉴스 */
.news .bbs_list li{padding:6px 0;}
.news .bbs_list li dt{line-height:1.5;}

/* 점포정보편집 버튼 */
.shopSearch.detail .shopDetail .btn_alert{display:none;}
.shopSearch .shop_btn{clear:both; float:right; display:block; padding:5px 10px;}

/* 랭킹 */
.mypage_navi .contentTitle2 .btn_base.more{font-size:0.7em;}
.game_rank .baseTbl{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.aword_rank .baseTbl{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.club_rank .baseTbl{border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}

#game_score .baseTbl th,
#game_score .baseTbl td,
#rival_list2 th{border-left:1px solid #c3c3c3 !important; border-right:1px solid #c3c3c3 !important;}
#rival_list2 td{border-left:1px solid #e9e9e9 !important; border-right:1px solid #e9e9e9 !important;}

/* 커뮤니티 뉴스 */
.search_area .right.newsSelect{width:100%;}

.jp_list{line-height:1.4;}
.jp_list dt span{float:left; padding:0 5px 1px 5px !important; margin:0 5px 0 0; line-height:1.4; border-radius:3px; font-size:0.78em; color:#fff !important; text-align:center;}
.jp_list .notice{border:1px solid #ab0c0c; background:#d94242 url(../images/community/bg_notice.gif) repeat-x; background-size:contain;}
.jp_list .event{border:1px solid #d070ad; background:#df75b9 url(../images/community/bg_event.gif) repeat-x; background-size:contain;}
.jp_list .gold{border:1px solid #d8ab22; background:#dbb43e url(../images/community/bg_gold.gif) repeat-x; background-size:contain;}
.jp_list .game{border:1px solid #41bb91; background:#5fcea8 url(../images/community/bg_game.gif) repeat-x; background-size:contain;}
.jp_list .media{border:1px solid #476fcb; background:#4f74ca url(../images/community/bg_media.gif) repeat-x; background-size:contain;}
.jp_list .mobile{border:1px solid #70b557; background:#73ba5b url(../images/community/bg_mobile.gif) repeat-x; background-size:contain;}

/* 마이페이지 */
.main_mypage .info_itemshop div.left h4,
.main_mypage .info_itemshop div.right .info01 h5,
.main_mypage .info_itemshop div.right .info02 a strong,
.main_mypage .info_versus h4 {font-size: 1.153em;}
.main_mypage .quickMenu li a {font-size: 0.846em;}

.main_mypage .myInfo .right li a{color:#c9cfd4;}
.main_mypage .myInfo .right li a strong{color:#fff;}

@media all and (min-width:768px){
*{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;}
.pageTitle h2{height:50px; padding:0 0 0 0;}
footer menu a:last-child{padding-top:0;}

.jpNews .bbs_list li{padding:6px 0;}
.jpNews .bbs_list li dt{line-height:1.5;}

/* 커뮤니티 뉴스 */
#search_frm .search_area .right.newsSelect{float:left; width:210px;}
#search_frm .search_area .right.newsSelect .selectWrap{width:210px; height:28px;}
#search_frm .search_area .input{clear:none; float:right; width:345px;}

.jp_list dt span{padding:1px 5px !important;}
.jp_list .notice{background:#d94242 url(../images/community/bg_notice_web.gif) repeat-x;}
.jp_list .event{background:#df75b9 url(../images/community/bg_event_web.gif) repeat-x;}
.jp_list .gold{background:#dbb43e url(../images/community/bg_gold_web.gif) repeat-x;}
.jp_list .game{background:#5fcea8 url(../images/community/bg_game_web.gif) repeat-x;}
.jp_list .media{background:#4f74ca url(../images/community/bg_media_web.gif) repeat-x;}
.jp_list .mobile{background:#73ba5b url(../images/community/bg_mobile_web.gif) repeat-x;}

/* 샵정보 편집 */
.shopModi .eventModi input.half[type="text"]{width:350px;}

/* 랭킹 */
.game_rank .baseTbl{width:662px;}
.aword_rank .baseTbl{width:662px;}
.club_rank .baseTbl{width:662px;}

}

/* 마이페이지 링크 화살표 추가 */
@media (max-width:768px){
.main_mypage .info_itemshop div.right .info02 a {background:url(../images/mypage/bg_link_arr02.png) no-repeat right 12px; background-size:12px auto;}
.main_mypage .myInfo .right li a span {display:block;}
.main_mypage .myInfo .right li a strong {display:inline-block; padding-right:14px; background:url(../images/mypage/bg_link_arr01.png) no-repeat right 0.5em; background-size:5px auto;}
.todayData{background:url(../images/mypage/bg_link_arr03.png) no-repeat 96% center; background-size:8px auto;}
.main_mypage .info_itemshop div.left .gold div{width:100%; overflow:hidden; background:url(../images/mypage/bg_link_arr03.png) no-repeat 96% center; background-size:8px auto;}
}

/* sp index css by hic 20140327 */
.sp_box-ajust { margin:-15px; background:#FFFFFF;}
#sp_top_menu ul {display:table; table-layout:fixed; width:100%; text-align:center;border-bottom:1px solid #CDCDCD; list-style:none;}
#sp_top_menu ul li {display:table-cell; border-right:1px solid #CDCDCD;}
#sp_top_menu ul li >a {padding:5px 15px; display:block;}
#sp_top_menu ul li span { color:#666; display:block; font-size:small;}
#sp_top_menu ul li:last-child{border-right:none;}
#sp_top_menu img { max-width:100%;}
.sp_box-ajust .box-link {direction:block;}
.sp_box-ajust .box-link h4 { font-size:14px; font-weight:bold; color:#333;margin:0 0 5px 15px;}
.sp_box-ajust .box-link > div {display:table; table-layout:fixed; width:100%;border-bottom:1px solid #CDCDCD; padding:11px 15px 12px 15px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box; }
.sp_box-ajust .cell { display:table-cell; vertical-align:top}
.sp_box-ajust .box-link p { color:#666666; font-size:12px; margin:0 15px 5px 15px; position:relative; padding:0; line-height:14px;}
.sp_box-ajust .box-link.arrow p:after { content:">"; position:absolute; right:-20px; top:0; font-size:30px; color:#09F; }
.sp_box-ajust h3 { color:#00ADE1; font-size:16px; margin:0; padding:10px 15px 0 15px;}
.sp_box-ajust  a.btn-link { background:#333; color:#FFFFFF; display:inline-block; padding:0.4em 2em 0.4em 1.5em; position:relative; font-size:11px; border-radius:0.5em;}
.sp_box-ajust  a.btn-link:after { content:">"; position:absolute; right:5px; top:2px; color:#ffffff;}
.sp_box-ajust hr { border: 0;height: 0;border-bottom:10px solid #202020; margin:0; display:block}
.sp_box-ajust .sns { text-align:center; margin-top:5px;}
.sp_box-ajust .sns img { width:42px; border:1px solid #EFEFEF; border-radius:5px;}
.sp_box-ajust .sns a { width:42px; display:inline-block; margin-right:10px;}
.sp_box-ajust .sns a:last-child { margin-right:0;}


/* guide contents css by hic 20140415 */
.gameflow p { margin-bottom:15px;}
.gameflow .tbl-box { display:table; width:100%; table-layout:fixed; margin-bottom:30px;}
.gameflow .cell { display:table-cell; vertical-align:top;}
.gameflow .cell.imgbox{ width:40%;}
.gameflow .cell img{ max-width:100%;}
.gameflow .cell.txt{ padding-right:20px;}
.gameflow h4{ font-weight:bold; color:#333;margin-bottom:15px;}
.gameflow .f-red{ color:#FF0000;}

@media (max-width: 769px){
.gameflow .cell { display:block}
.gameflow .cell.imgbox{ width:100%; text-align:center; margin-bottom:15px;}
.gameflow .cell.txt{ padding-right:0;}
.mypage_navi .shop_list li a {float:none; margin:0}
}

/* for japan news class by hic 20140510 ------------------------------------- */
.jp_news { padding-bottom:2em;}
.jp_news img.img-responsive { margin:0 auto; display:block; max-width:100%;}
.jp_news h2, .jp_news h3, .jp_news h4,.jp_news h5{ margin:1em 0; padding:0; float:none;}
.jp_news h2 { font-size:20px; font-weight:bold;}
.jp_news h3 { font-size:18px; font-weight:bold;}
.jp_news h4 { font-size:16px; font-weight:bold;}
.jp_news h5 { font-size:14px; font-weight:bold;}
.jp_news p { margin:1em 0; line-height:160%;}

.jp_news hr.line { display:block; border:none; border-top:1px solid #CCC; margin:2em 0}
.jp_news .text-center { text-align:center;}
.jp_news .text-right { text-align:right;}
.jp_news .text-left { text-align:left;}

/*font color*/
.jp_news .f-blue { color:#09F;}
.jp_news .f-green { color:#009933;}
.jp_news .f-pink { color:#F6C;}
.jp_news .f-red { color:#F03;}

/*list*/
.jp_news ul,.jp_news ol {margin:1em 0}
.jp_news li { margin-left:20px; margin-bottom:0.3em;}
.jp_news ul li{list-style:disc outside;}
.jp_news ol li{list-style:decimal outside;}

/*link*/
.jp_news a:link, .jp_news a:visited{ text-decoration:underline; color:#333333;}
.jp_news a:hover, .jp_news a:active{ text-decoration:none; color:#999999;}
.jp_news a.btn{ background:#e5f8fd; padding:0.3em 0.5em; display:inline-block; border:1px solid #98d4e4; text-decoration:none; color:#0fa8d0; border-radius:0.3em}
.jp_news a.btn:hover{ background:#98d4e4; border:1px solid #98d4e4; text-decoration:none; color:#0fa8d0;}

/* table */
.table-bordered { border: 1px solid #DDDDDD; margin:1em 0}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #DDDDDD;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #DDDDDD;
}
.table-bordered  th { font-weight:bold;}

/*layout */
.jp_news .border { border:1px solid #CCC;}
.jp_news .tbl-box { display:table; width:100%; table-layout:fixed; margin:1em 0}
.jp_news .cell { display:table-cell; vertical-align:top;}
@media (max-width: 769px){
.jp_news .cell { display:block}
}
/*color box */
.jp_news .box-info,.jp_news  .box-notice,.jp_news .box-danger { border:1px solid #CCC; padding:0 1em; margin:1em 0; background:#f5f5f5}
.jp_news  .box-notice { border:1px solid #f0e05d; background:#fffdf0; }
.jp_news  .box-danger { border:1px solid #ff8787; background:#ffeeee; }

/*2014-05-12 mypage hidden*/
.main_mypage .info_score {display:none;}
.profile .user_score {margin-bottom:-1px;}
.profile .second {display:none;}
.right_pop .cont .user_score {margin-bottom:-1px;}
.right_pop .cont .second {display:none;}

/*2014-05-13 footer*/
footer .user_menu{float:right;width:70%;}
footer .menu {margin:0 0 6px 0;}
footer .menu a {margin-bottom:10px; }
@media (min-width: 769px) {
footer .logo {margin:15px 40px 0 66px;}
footer .menu {padding:25px 0 5px 0;}
footer .menu a {margin-bottom:5px; float:none; display:inline-block;}
}

/*2014-05-13 대회/이벤트*/
.rally .pick_seach .left,
.rally .pick_seach .right {margin-bottom:0;}
.pick_seach .check_ty {display:none;}
.baseTbl .rally_txt span {display:none;}
.shopSearch .eventCon {padding:10px 10px 12px 10px; border-top:1px solid #a8a8a8;}
.jp_none {display:none;}

/*2014-09-01 캠페인문구*/
.ch_txt{margin:10px 0; color:#f24b5f; font-weight:bold; text-align:center; }

/*2014-09-24 15주년 삭제 관련*/
.userArea{padding: 12px 0 0 0 !important;}
header h1{padding-top: 8px !important;}