@charset "utf-8";
/* 2024/06/04  update */

/*@import url(hic_extra.css);*/
.btm0 {margin-bottom: 0px !important;}
.btm10 {margin-bottom: 10px !important;}
.btm20 {margin-bottom: 20px !important;}
.btm30 {margin-bottom: 30px !important;}
.center {text-align: center;}
.right {text-align: right;}
.boldnone {font-weight: normal !important;}
.break-all {word-break: break-all;}
p.infosub.btm {font-weight: normal; margin: 0px; padding: 10px 0px 0px;}
p.infosub.top {font-weight: normal;margin: 0px;padding: 0px 0px 10px;}

dl.dlstyle1 {margin-bottom: 10px; font-size: 14px;}
dl.dlstyle1 dt { font-weight: bold; background: none repeat scroll 0% 0% #9499A7; padding: 5px;  margin: 0px 0px 0px 0px; border-radius: 5px 5px 0px 0px; color: #F7F7F7;}
dl.dlstyle1 dd {font-size: 14px;padding: 10px;margin: 0 0 0 0;	border-bottom: 1px solid #e6e1e1;border-left: 1px solid #e6e1e1;border-right: 1px solid #e6e1e1;font-weight: bold;}
dl.dlstyle1 dd:last-child {border-radius: 0px 0px 5px 5px;}
dl.dlstyle1 .cpn_ttl {font-weight:bold; color:#F8FF00;}
dl.dlstyle1 .info_sp { font-size:12px;color:#FF0000;font-weight:normal;text-indent:-14px;margin:0 0 7px 14px;}
ul.liststyle1 li { font-weight: normal;list-style: disc; margin: 0px 0px 5px 20px; line-height: 130%; font-size: 12px; color: #6A6D74;}
input[type="email"] {
    border: 1px solid #CCC;
    background: linear-gradient(to bottom, #F9F9F9 0%, #FFF 100%) repeat scroll 0% 0% transparent;
    border-radius: 0px;box-sizing: border-box; height: 30px !important; line-height: 28px; padding: 0px 5px !important; width: 100%; margin:0 5px 10px 0!important;}

/*アラート*/
.alert { padding: 10px;border: 1px solid #EBCCD1;color: #A94442;line-height: 1.3em;margin: 0px;background-color: #F2DEDE;font-weight: normal;border-radius: 5px;}
.alert p {text-align: center;	font-weight: bold;margin:0 0 5px 0;}

/* アカウント管理*/
#account .cardinfo-top .name {margin: 0px;	color: #2C6ED5;}
#account .cardinfo-top .cardid {font-size: larger;letter-spacing: 0.1em;margin: 0px;}
#account dd.cardinfo-top a{display:block; margin:-10px; padding:10px; position:relative;}
#account dd.cardinfo-top a:hover { color:inherit}
#account dd.cardinfo-top a:hover > * { opacity:0.6;}
#account dd.cardinfo-top a:after {font-size:14px; color:#CCCCD9;width:14px;height:18px;display:block;position:absolute;right:5px;top:0; bottom:2px;margin:auto;font-family: 'Glyphicons Halflings';content: "\e080";}

#account .card-info dt { font-size:12px; font-weight:bold; line-height: 1.4em;}
#account .card-info dt p.listname { color:#2c6ed5; margin:0;}
#account .card-info dt p.liststats { font-weight: normal; margin:0; font-size:11px; color:#919191}
#account .card-info dt p.listcardid {font-size: 15px; margin: 0; letter-spacing: 0.1em;}
#account .card-info-itemshop-l { width:75%; line-height: 1.2em;float: left;}
#account .card-info-itemshop-r { float: right;width: 25%;text-align: right;}
#account .card-info-sns-l {width:80%;line-height: 1.2em;float: left;}
#account .card-info-sns-r {float: right;width: 20%;text-align: right;}
#account .btn.duplicate {width: 100%;}

#account .btnArea { padding: 3px 0; text-align: center;}
#setting .prof-account-l {width:80%;line-height: 1.2em;float: left;}
#setting .prof-account-r {float: right;	width: 20%;text-align: right;}
#setting .prof-blood-l {	width:80%;	line-height: 1.2em;	float: left;}
#setting .prof-blood-r {	float: right;	width: 20%;	text-align: right;}
#setting .prof-mail-l {width:78%;	line-height: 1.2em;	float: left;}
#setting .prof-mail-r {float: right;width: 22%;text-align: right;}
#setting dd.clearfix{ position:relative}
#setting .prof-mail-r.posi-up {top:-25px; right:5px;color:#FFFFFF;position:absolute;float:none; line-height:22px;}
#setting .prof-mail-l.full{width:100%;float: none;}

#setting .prof-award-l {width:80%;line-height: 1.2em;float: left;}
#setting .prof-award-r {float: right; width: 20%; text-align: right;}
#setting .prof-card-l {	width:65%;	line-height: 1.2em;	float: left;}
#setting .prof-card-r {	float: right;	width: 35%;	text-align: right;}
#setting .prof-mystory-l {	width:80%;	line-height: 1.2em;	float: left;}
#setting .prof-mystory-r {	float: right;	width: 20%;	text-align: right;}
#setting .prof-itemshop-l {	width:75%;	line-height: 1.2em;	float: left;}
#setting .prof-itemshop-r {	float: right;	width: 25%;	text-align: right;}
#setting #twitter {
	line-height: 40px;	padding: 0px 0px 0px 40px;	background-image: url(/img/main/sp_top_i_tw.png);	background-repeat: no-repeat;
	background-position: left center; -moz-background-size: 30px 30px;	background-size: 30px 30px;	float: left;}
#setting #facebook {
	line-height: 40px;	padding: 0px 0px 0px 40px;	background-image: url(/img/main/sp_top_i_fb.png);background-repeat: no-repeat;
	background-position: left center;	-moz-background-size: 30px 30px;	background-size: 30px 30px;	float: left;}
#setting .btn_sns {float: right;}
#setting .btn_sns a {line-height: 26px;}
#setting .allbtn {text-align: right;	margin: 0px 6px 10px 0px;}
hr.hr2 {margin: 10px 0;}
#rivalrank .rank_rival {display: block;}
#shoprank tr .player a { display: block;}
div.event.report ul.event-list div.cell.img {width: 202px !important;}
div.event.report ul.event-list div.img span.trim {height: 98px !important;}
div.news .box-tbl .cell.img {	width: 120px;}
div.news .box-tbl .cell.img .trim {	height: 90px;}
div.news .cat_item,div.news .cat_event,div.news .cat_news,div.news .cat_media,div.news .cat_mobile {display: inline-block; color: #d61518; font-size: 12px; padding: 0px 5px;}

#rank-club .icon-club {width: 23px;float: none; height: 22px; margin: 0;}
.player a {display: block;padding: 5px 5px;}
#layer.faq h1 {padding: 10px 20px 10px 10px;}
#layer.faq #faq-content { padding: 10px 0;line-height: 1.3em;height: 100%;min-height:100%;}
#layer.faq .inner.buddy { margin: 0px 10px 0px -45%; width: 90%;}
#layer.faq ul.list-text {margin-left: 20px;}
#layer.faq ul.list-text li {margin-bottom: 10px;}
.support .dlfaq {display: none;}
.support ul.list-menu-default li a:link {padding: 15px 25px 15px 10px;line-height: 1.3em;}
.support .contact {text-align: center;}
.support #pw_find_frm .pw_search .pw_type li {display: inline-block;}
.faq .faq_answer {padding: 15px;}
.faq .faq_clear { text-decoration: underline; display: inline; padding: 0;}
.faq a.faq_clear:after { display:inline; content: ""; clear: none;}
ul.list-toggle > li ul a.faq_clear:before {content: "";}

/*responsive*/
@media (max-width: 767px) { /* forsmart phone*/
div.event.report ul.event-list div.cell.img {width: 160px !important;}
div.event.report ul.event-list div.img span.trim {height: 78px !important;}
}
@media (min-width: 768px) {/*for pc*/
#layer.faq .inner.buddy {   margin: 0px 10px 0px -250px;  width: 500px;}
}
/*@import url(hic_extra.css); end*/

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

/*link */
a:link, a:visited {  color: #333333;}
/*a:hover { color: #999; text-decoration: none;}*/

ul.row {display:table;	table-layout:fixed;box-sizing:border-box;border-collapse: separate;width:100%;}
ul.row li {	display:table-cell;}

/*header */
header.logined { background-color:#D61518; border-bottom:1px solid rgba(0,0,0,0.1)}
header .container { position:relative;}
.head-navi .cell { height:42px; vertical-align:middle; }
.head-navi .center{ text-align:center; width:50%}
.head-navi .center img { height:34px;}
.head-navi .left { text-align:left; padding-left:10px; width:25%}
.head-navi .right { text-align:right; padding-right:10px; width:25%}
.head-navi .cell img { vertical-align:top;}

/* header menu */
#head-menu { background:#FFFFFF;}
#head-menu .banner { background:#333333; text-align:center;}
#head-menu .banner img { max-width:100%; display:block; margin:0 auto;}
h1.menu-title {
	background:#D61518;	color:#ffffff;	font-size:18px;	font-weight:bold; padding:10px 0 5px 0; text-align:center;
	text-shadow: 1px 1px 0 #c51f1f;border-bottom:1px solid #bd1316; margin:0;}
ul.submenu {
	padding:10px 10px 0 10px; margin-bottom:-1px; text-align:center; display:table; table-layout:fixed; width:100%; box-sizing:border-box;}
ul.submenu li {
	display:table-cell; width:33%; padding-right:5px;box-sizing:border-box;  font-size:15px; vertical-align:bottom; }
ul.submenu li:last-child {padding-right:0;}
ul.submenu li a {
	display:block; white-space:nowrap; overflow:hidden; padding:6px 8px 1px 8px; width:100%;box-sizing:border-box;border:1px solid #dbd9d9;
	border-radius: 5px 5px 0 0; text-decoration:none; line-height:20px;}
ul.submenu li.active a,ul.submenu li a:hover { background:#ffffff; border-bottom:1px solid #FFFFFF;}
ul.submenu li a span{ display:block; margin-top:3px; border-bottom:3px solid #F7F7F7;}
ul.submenu li.active a span{ border-bottom:3px solid #d61518;}
.submenu-wrap { background:#F7F7F7;border-bottom:1px solid #dbd9d9;}
.select_contents + .submenu-wrap ul { padding-top:15px;}
.submenu-wrap h5{ padding:10px 10px 0 10px; margin:0; color:#565454; font-weight:bold}
.submenu-wrap ul.list-inline { padding:10px;}
.submenu-wrap ul.list-inline li:after { content:">"; margin-left:10px;}
.submenu-wrap ul.list-inline li:last-child:after { content:"";}

.list-inline { list-style: outside none none; margin-left: -5px; padding-left: 0;}
.list-inline > li {display: inline-block; padding-left: 5px; padding-right: 5px;}
.list-inline > li.active { font-weight:bold}

tr.rank_me td:first-child,
tr.rank td:first-child,
tr.rank2 td:first-child { text-align:center}

tr.rank_me { background:#D6FEDD}
tr.rank_me td:first-child{ background:#42BC56; color:#FFFFFF}
#rating_title { font-size:16px;}
#rating_title span.time { color:#344575; font-weight:normal; display:block; margin-top:5px; font-size:12px;}
#top_content { background-color:#efefef}

/* my page */
.mystory {
	color:#FFFFFF; text-shadow: 1px 1px 1px #000000; background-size:100% auto; background-repeat:no-repeat; background-position:top center;}
.mystory-wrap {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.50) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.50)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
	padding:20px 10px;
}
.img-prof {width:60px;height:60px;margin:0 auto;overflow:hidden;border-radius:40px;border:2px solid #FFF;}
.img-prof img { height:60px; position:absolute; margin:auto;top: -100%;left: -100%;right: -100%;bottom: -100%;width:auto;}
.img-prof a { display:block;position:relative; height:100%}

.img-prof-square{ width:60px;height:60px;margin:0 auto; border-radius:30px; position:relative}
.img-prof-square .frame { position:absolute; width:60px; height:60px;}
.img-prof-square .crop { width:60px; height:60px; border-radius:50%; overflow:hidden;}
.img-prof-square img { height:60px; margin-left:-10px;}
.cell.player-img .img-prof-square .crop img { width:auto;}

.mystory .cardname { text-align:center; font-size:24px; margin:5px 0;}
.mystory  ul.row li:first-child { padding-right:5px;}
.mystory  ul.row li:last-child { padding-right:5px;}
.mystory  ul.row li span { font-size:12px;}
.mystory ul.row li a:link,
.mystory ul.row li a:visited {
	border:1px solid #FFF; border-radius:10px;display:block;color:#FFFFFF;padding:5px 10px;white-space: nowrap;width: 100%;
	overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;
	background:url(/img/link-arrow.png) right no-repeat;background-size:16px;}
.mystory ul.row li a:hover,.mystory ul.row li a:active { text-decoration:none;background-color:#000;}

.stats { padding:10px 5px; background:#efefef}
hr.separate-stats { margin:-5px 0 0;}
.stats ul.row { border-spacing: 5px;margin-top:-5px;box-sizing:border-box;}
.stats ul.row li {background:#FFFFFF; border-radius:5px;padding:10px;border:1px solid #DEE1E5;text-align:center;color:#666666;font-size:10px;}
.stats ul.row li a:link,.stats ul.row li a:visited{ display:block; height:100%; text-decoration:none;}
.stats ul.row li a:hover, .stats ul.row li a:active{ text-decoration:none;}

.badge-red {
	display:inline-block; font-size:12px;font-family:Arial, Helvetica, sans-serif; background:#fcc51e; border-radius:50%;
	color:#FFF; min-width:1.5em; min-height:1.5em; padding:0 3px; position:absolute;
	right:-5px; top:5px; line-height:1.7em}

.tag {display:inline-block;color:#FFFFFF;font-size:12px;line-height:20px;font-family:Arial, Helvetica, sans-serif;border-radius:3px;background:#999;padding:0 5px}
.tag-up { background:#EB6D9A;}
.tag-down { background:#70BBE9;}
.tag .icon {background-size:200px auto;display: inline-block;height: 16px;width: 16px;margin-right:0;}
.tag .icon-arrow-up {background-position: -64px -1px;}
.tag .icon-arrow-down {background-position: -64px -21px;}
.tag .icon-arrow-right2 {background-position: -64px -41px;}

/* alert */
.box-alert { width:100%;color:#a46d1e;background-color: rgba(255, 204, 0,1);border-bottom:1px solid #f8bb2b;position:relative;}
.box-message-link {	color:#384465;background-color: #F7F7F7;border:1px solid #e9e9e9;position:relative;border-radius:6px;margin-bottom:20px;}

.box-alert a,
.box-message-link a{display:block;padding:8px 10px;color:#a46d1e;}
.box-message-link a { color:#384465;}

.box-alert a:before ,
.box-message-link a:before {
	font-size:14px; width:14px;height:18px; display:block; position:absolute; right:5px; top:0; bottom:0; margin:auto; font-family: 'Glyphicons Halflings';	content: "\e258";}
.box-message-link a:before,
.box-message-link a { color:#384465;}
.box-message-link a img { vertical-align:text-top; width:18px }

/*section*/
.section h4 {color: #4c4e54; line-height: 100%; padding-left:0; font-weight:bold; font-size:16px; }
.section .guide_detail h4,
.section .jp_news h4{border-left: none;}
.section.playdata h4 { margin-top:30px;}
.section.playdata h4:first-child { margin-top:0;}

.footer-navi {padding: 10px;}
.footer-navi ul {border: 1px solid #e6e1e1; display: table; table-layout: fixed; width: 100%;}
.footer-navi li {border-right: 1px solid #e6e1e1; display: table-cell; position: relative; text-align: center;}
.footer-navi li a:link {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(249, 249, 249, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333; display: block; font-size: 12px; padding: 10px 5px; text-decoration: none;}
.footer-navi li a:visited { color: #333333;}
.footer-navi li:last-child { border-right: medium none;}

/* footer */
footer { clear:both; color:#CCCCCC;}
footer a:link, footer a:visited { color:#c1c1c1;}
footer a:hover { color:#CCC;}
.footer-link { background:#000000; padding:15px 0;}
.copyright { background:#000000; text-align:center; font-size:12px; color:#666666; padding-top:10px; clear:both;}
.footer-link .container { position:relative;}

ul.footer-sitemap li,
ul.footer-sitemap li:nth-child(2n) {font-size:11px; line-height:15px;display:inline-block; margin:0 0 5px 0;padding:0 8px;border-right:1px solid #878787;}
ul.footer-sitemap li:nth-child(3n) ,ul.footer-sitemap li:last-child { border-right:0;}
ul.footer-sitemap li:last-child { display:block}

/*box-login*/
.box-login {background:#efefef; broder:1px solid #d6d6d6;border-radius:10px; margin:15px 0 ;}
.box-login  h4 {
	text-align:center; padding:10px; background:#dcdcdc; border-radius:10px 10px 0 0;color:#6a6d74;}
.box-login form { padding:10px;}
.box-login a.text-link{ color:#333333;}
.box-login p.text-right a:nth-of-type(2).text-link{ color:#e6002d;}

.box-login input { font-size:14px; margin-bottom:5px;}
.box-login p { margin:10px 0 0 0;}

.box-login .btn_login{background:#D61518; color:#FFFFFF; border-radius:5px; font-size:14px; border:1px solid #bd1316;}
.box-login .loginbtn_list a.btn-default{width:90%; margin:0 0 10px; max-width:320px;}

a.btn-newregist {
	border:1px solid #bd1316; font-size:16px; color:#FFFFFF; display:block; text-align:center; padding:10px 5px;
	background-color:#d61518; box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
	}
a.btn-newregist span { display:inline-block; background:#FFF; color:#F43237; font-size:12px; padding:3px 5px 0 5px;margin-right:5px; margin-left:-5px;}
a.btn-newregist:hover { opacity:0.8}
.top-login #m_id, .top-login #passwd {width:100%; }

/*mail*/
form table.mail-list dl {margin-bottom:0;border: none; font-size:14px; border-radius:0;}
form table.mail-list dt.title{font-weight:bold; background:none ; padding:0; margin-bottom:0; -webkit-border-radius:0;border-radius:0; color:inherit}
form table.mail-list dd.from { border-bottom:none;font-size: 14px; padding:0;color:#666666;}
table.mail-list  thead tr { background:#f9f9f9}
table.mail-list  .date { display:inline-block; float:right; color:#7c8a8f}
tr.opened a:link ,tr.opened a:visited{ color:#666666;}
table.mail-list tr td:first-child { vertical-align:middle;}

/* playdata */
hr { border: 0;height: 0;  border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.clearfix:before, .clearfix:after{ display: table;content: " ";}
.clearfix:after{clear: both;}
.text-center { text-align:center;}
.text-right { text-align:right}
.small { font-size:12px;}
.infosub { color:#6a6d74;}
.class-c { color:#33cc33}
.class-b { color:#3366cc}
.class-a { color:#cc0033}
.class-master { color:#ea171d}
.text-narrow { letter-spacing:-0.12em;}

.f-online { color:#F60 !important}
.f-win,.game-win { color:#eb4847;}
.f-lose,.game-lose { color:#2c6ed5;}
.f-draw,.game-draw { color:#444447;}
.img-responsive { display: block;max-width: 100%;height: auto;margin:0 auto;}

.page-help { text-align:right; margin:15px 10px;}
.section { padding:0 10px; margin-top:20px;}
.section h5 { font-weight:bold; font-size:14px; padding-left:5px; line-height:100%; color:#4c4e54; margin-top:30px; margin-bottom:10px;}
.section h3,.section h4 { margin-bottom:10px;}
.section h5.sub, .section.playdata h5.sub { margin:20px 0 10px 0; font-weight:bold; }
#content .section:first-child { margin-top:0;}
#content .section:first-child h3 { margin-top:0;}

.ellipsis {white-space: nowrap;width: 100%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.roated90 {display:inline-block;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}

/*playdata */
.section.playdata h3 {
	font-size:16px; font-weight:bold; color:#000000;
	-moz-box-sizing:border-box; box-sizing:border-box; margin:20px -10px 20px -10px; padding:5px 10px; border-bottom:3px solid #d61518;}

.section.top h3 { margin-top:10px;}

p{ margin:0 0 10px 0}
p.infosub { font-size:12px; line-height:130%}

ul.infosub {font-size:12px; line-height:130%;margin-bottom:20px;}
ul.infosub li{list-style-type:disc;margin-left:15px;margin-bottom:5px;}
.section.playdata h5 {color:#344575; font-weight:normal; padding-left:3px; margin:10px 0 5px 0;}
.class-head {color:#344575; margin-bottom:-36px; margin-left:3px; font-size:14px;}
.class-cont { text-align:right;	font-family:Arial, Helvetica, sans-serif;font-weight:bold; padding-bottom:5px; font-size:20px;}
.fluctuate { text-align:center; font-weight:normal; color:#666666; font-size:12px; margin-top:5px;}
.game-count { text-align:right; font-size:14px; margin:-30px 0 5px 0; font-weight:bold}

/*game-list*/
ul.game-list { border:1px solid #e6e1e1; margin-bottom:10px;}
ul.game-list li{ border-bottom:1px solid #e6e1e1; position:relative}
ul.game-list li:nth-child(2n-1){ background:#F3F4F4}
ul.game-list li:last-child {border-bottom:none;}
ul.game-list li a{ padding:10px; display:block; text-decoration:none; font-size:14px; color:#344575}
ul.game-list li a .game-count  { padding-right:20px; display:inline-block; margin:0; position:absolute; top:10px; right:0}
ul.game-list li a:before {
	font-size:10px; color:#CCC;width:1em;height:1em;display:block;position:absolute;right:5px;top:14px;
	font-family: 'Glyphicons Halflings';	content:'\e080';
}
ul.recent-award-list { margin:-4px;}
ul.recent-award-list li{ border-bottom:1px dotted #CCCCCC; padding:5px 5px 5px 15px; color:#666666}
ul.recent-award-list li.head{ background:#F3F4F4; color:#344575; padding-left:5px;}
ul.recent-award-list li span{ float:right}
ul.recent-award-list li:last-child{ border-bottom:none;}
ul.game-player li.my { color:#F60;}


/*recent */
.navi-week-wrap{ margin:0 -5px 0 -5px;}
ul.navi-week { display:table; table-layout:fixed;width:100%}
ul.navi-week li { display:table-cell; text-align:center; font-family:Arial, Helvetica, sans-serif; border-right:1px solid #f7f7f7;}
ul.navi-week li:last-child {border-right:none;}
ul.navi-week li a { display:block; text-decoration:none; color:#333; border-radius:0; padding:5px 0; margin:0 5px;}
ul.navi-week li a.active { background:#ffe5e6; color:#f43237; font-weight:bold;}
ul.navi-week li a.disable { color:#CCC; font-weight:normal; cursor:default}
ul.navi-week  span.day {
	display: block; font-size:12px;	margin-top:-3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.section h3.title-date { text-align:center; background:none; font-size:16px; color:#333333;margin-top:10px; border:none; background-color:#f7f7f7; border-top:1px solid #eae6e6}
.section h3.title-date  span.tag { display:inline-block; background:#cc0033; color:#FFF; font-size:10px; padding:0.3em 0.5em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:14px; vertical-align:middle; margin-bottom:1px; }

.section.playdata table.border th.game-date { border-bottom:none; font-weight:bold; background:#505666; color:#f7f7f7; padding-left:8px; line-height:28px;}
.game-win,.game-lose, .game-draw {
	text-align:center; font-size:18px; font-weight:bold; margin-bottom:10px;padding-top:5px;
	font-family:Arial, Helvetica, sans-serif; border-bottom:1px dotted #e6e1e1;border-top:1px dotted #e6e1e1;}
td .game-win:first-child ,
td .game-lose:first-child { border-top:none;	}
ul.game-player li{ font-size:13px; color:#666666}
.graf { width:100%; overflow:auto; height:180px;}

.recent-total { margin:0 -10px; padding:10px; background:#e3e3e3; color:#666; margin-top:-20px; border-top:1px solid #d6d6d6}
.recent-total .title { vertical-align:middle; text-align:center; width:30%; background:#9499A7; color:#ffffff; font-size:14px; border-top:1px solid #898d98}
.recent-total  .count { font-size:24px; text-align:center; font-weight:bold}
.recent-total  .count .f-lose{ color:#269bff}
.recent-total  .count .f-win{ color:#ff505b}
.recent-total  .count .small{ font-size:18px;}
.recent-total .winper { font-size:14px; color:#666; font-weight:normal}
.recent .selectWrap{ margin:0 0 10px 0;}
.recent .selectWrap span.select { font-size:16px;}
.game-sum { margin:10px auto; padding:10px; text-align:center; border-bottom:1px solid #e6e1e1; font-size:18px; font-weight:bold;}
#cont-versus img.icon { width: auto;}

.section.playdata table.border{table-layout:fixed}
td.teamtd { background:#CCC}
.flowscroll { width:100%; overflow-x: auto !important; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.flowscroll > .clearfix{ width:670px;}
.flowscroll .team {width:163px; float:left; border:1px solid #b2b6c1; background:#FFFFFF; margin-right:5px; padding:10px; border-radius:5px;}
.flowscroll .team:last-child {margin-right:0}
.flowscroll ul.game-player { margin-bottom:8px;}
.flowscroll ul.game-player li:first-child { font-weight:bold; width:100%; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.flowscroll .team ul.game-player:last-child { margin-bottom:0;}

/* footer navi */
.footer-navi { padding:10px;}
.footer-navi ul {display:table; table-layout:fixed;width:100%;border:1px solid #e6e1e1;position: relative;}
.footer-navi li{display:table-cell;text-align:center;border-right:1px solid #e6e1e1;position:relative;}
.footer-navi li a:link {
	display:block; padding:10px 5px; font-size:12px; text-decoration:none; color:#333333; background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );}
.footer-navi li a:visited {color:#333333; }
.footer-navi li:last-child{ border-right:none;}

.search-global{margin:0 0 5px 0; position:relative}
.search-global li{display:block !important;}
.search-global .global_shop_select{
	display:none; position:absolute; bottom:10px; right:10px; z-index:10;
	min-width:300px; margin:15px 0 0 0; padding:2px 0 10px 0; width:300px;
	box-shadow:0 3px 3px #919191; border:2px solid #2c2e31;border-radius:5px; background:#fff;}
.search-global .global_shop_select span{
	background:none; position:absolute; top:-15px; right:0; display:block; width: 0; height: 0;border-style: solid;
	border-width: 0 15px 15px 15px; border-color: transparent transparent #2c2e31 transparent;}
.search-global .global_shop_select li{padding:5px; letter-spacing:0 !important; border-bottom:1px solid #d1d1d1; display:block !important;}
.search-global .global_shop_select li a{
	float:none; display:block; width:100%; overflow:hidden; padding:2px 0; text-overflow:ellipsis; white-space:nowrap; text-align:left; letter-spacing:0 !important;
	position:relative; padding-left:65px;}
.search-global .global_shop_select li a.active{color:#e93f43;}
.search-global .global_shop_select li a img{margin:0 4px 0 0; vertical-align:text-bottom; position:absolute; left:0}
.search-global .global_shop_select p{margin:8px; font-size:0.92em; letter-spacing:0 !important; text-align:center;}
.search-global .global_shop_select .btnArea{padding:0; text-align:center;}
.search-global .global_shop_select .btn_default{float:none; width:inherit; padding:8px; font-size:0.9em; letter-spacing:0 !important;}


/*btn*/
.btn-noarrow {
	display:inline-block; padding:5px 10px; font-size:14px; text-decoration:none; color:#333333;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	outline: 1px solid #dcdcdc; outline-offset: -1px; position:relative;}

.btn-disable{ display:inline-block; color:#9498a3; background: #e8ecf0; position:relative; border:1px solid #b5bac7;}
a.btn-setting{
	display:inline-block; outline: 1px solid #dcdcdc; outline-offset: -1px; height:24px;
	padding:3px 5px 0 5px; font-size:12px; text-decoration:none; color:#333333;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );}
a.btn-setting img { vertical-align:middle;}

a.btn-dark {
	display:inline-block; padding:8px 15px 5px 10px; font-size:14px; text-decoration:none; color:#f7f7f7;
	background: rgb(87,102,135);
	background: -moz-linear-gradient(top,  rgba(87,102,135,1) 0%, rgba(52,69,117,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,102,135,1)), color-stop(100%,rgba(52,69,117,1)));
	background: -webkit-linear-gradient(top,  rgba(87,102,135,1) 0%,rgba(52,69,117,1) 100%);
	background: -o-linear-gradient(top,  rgba(87,102,135,1) 0%,rgba(52,69,117,1) 100%);
	background: -ms-linear-gradient(top,  rgba(87,102,135,1) 0%,rgba(52,69,117,1) 100%);
	background: linear-gradient(to bottom,  rgba(87,102,135,1) 0%,rgba(52,69,117,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#576687', endColorstr='#344575',GradientType=0 );
	border: 1px solid #405284;outline-offset: -1px;position:relative;margin-bottom:10px;border-radius:3px;}

.btn-dark:before {
	font-size:10px; color:#f7f7f7;width:1em; height:1em; display:block; position:absolute; right:5px; top:10px;
	content:'\e080';font-family: 'Glyphicons Halflings';}
.btn-dark .ico { margin-left:0; float:left; margin-right:3px;}
.down ,.up, .no-data {color:#dcdcdc; padding:0.2em 0;font-size:12px; font-weight:normal; display:block;}
.down img ,.up img ,.no-data img { vertical-align:middle; height:12px; margin-bottom:2px}
.down {color:#7A7A7A;}
.up { color:#ED9600;}
.no-data { color:#7A7A7A}

.section.playnavi h3{ margin-bottom:0 !important;margin-top:0 !important;}
.playnavi .player-list { margin:10px; background:#FFFFFF}
.playnavi .player-list .player-img { width:40px;}
.playnavi .player-list .player-info { vertical-align:middle;word-wrap: break-word;}
.playnavi .player-list .player-online { width:30px; vertical-align:middle; text-align:right; padding-right:10px}
.playnavi .player-list .player-time { width:60px; vertical-align:middle; text-align:right; font-size:12px; font-weight:normal; color:#344575;}
.playnavi .player-list .player-time a:link,
.playnavi .player-list .player-time a:visited{display:block; color:#344575; padding:16px 10px}
.playnavi .player-list .player-online span {display:inline-block; width:1em; height:1em;}
.playnavi-list .groupname  { display:inline-block; width:59%;}
.playnavi .player-list .player-online span img { width:100%;}
.playnavi .player-list a .player-online { padding:0;}

.playnavi-list p.group-link {margin:10px 15px; font-size:14px; text-align:right;}
.playnavi-list .group-link a:link,
.playnavi-list .group-link a:visited {color:#344575}
.playnavi-list.nodata p { margin:0; padding:20px 0;}
.playnavi-list h4 { position:relative;}
.playnavi-list h4 .checkbox { position:absolute; left:10px; top:8px; width:30px; height:30px; border-right:1px solid #e6e1e1;}
.playnavi-list h4 .checkbox + a { padding-left:48px;}

.noline + hr { margin-top:0; border:none;}
.mItem1 { width:60px; height:60px; overflow:hidden; position:relative; display:block; border-radius:10px; border:2px solid #e6e1e1; }
.mItem1 img { height:60px; width:auto; max-width:none !important;  position:absolute; left:-41%;}
.mIcon {
   border-bottom-left-radius: 0.6em; border-top-right-radius: 0.6em;display: block; height: 22px; text-indent: -9999px; width: 22px;
   background:#3a3839 url("/img/common/ico_b-temstyle.png") no-repeat scroll -5px -3px / 200px auto;
   position:absolute;bottom:-1px; left:-1px;}
.mItem1 .shadow {
	-webkit-box-shadow:inset 0 0 3px .0px rgba(0,0,0,0.3);
	box-shadow:inset 0 0 3px .0px rgba(0,0,0,0.5); width:60px; height:60px; position:absolute; top:0; left:0; border-radius:10px;}
.style-img { width:75px}
.playnavi .player-list  li.more {font-weight:normal;text-align:center;}
.playnavi ul.player-list li a:link { padding:10px; color:#4c4e54;}
.playnavi .player-list li:before { content:""}
.playnavi-list { margin:0 -10px; border-bottom:1px solid #e6e1e1; background:#f3f4f4;}
.playnavi-list h4 { position:relative; border-left:0; margin:0; padding:0}
.playnavi-list .open h4 { border-bottom:1px solid #e6e1e1}
.playnavi-list h4 a { padding:15px 5px 15px 10px; text-decoration:none; display:block; background:#ffffff; color:#344575}
.player-info dt { text-overflow: ellipsis; width:100%; overflow:hidden}

.playnavi-list h4 a:before {
	font-size:16px; width:1em; height:1em; display:block; position:absolute; right:10px; top:16px;
	content: "\e114"; font-family: 'Glyphicons Halflings'; color:#4c4e54;font-weight:normal;}
h4.open a:before { -moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.playnavi-list h4.noarrow a:before {font-size:16px; color:#999;width:1em; height:1em; display:block; position:absolute; right:10px;top:16px;content:'';}
.playcount { display:inline-block; position:absolute; right:35px; top:10px; background:#fffae5; border:1px solid #f8f0cc; padding:0.3em 0.5em; font-size:12px; font-weight:normal; color:#ff9900}
.playcount.nouser {background:#f7f7f7; border:1px solid #e8e9e9;color:#666666}
.league_use{display:inline-block;position:absolute;right:112px;top:10px;color:#ffffff;padding:0;width:25px; height:25px; }
.league_use img { width:100%}

.club-list .playcount { position:static; margin-top: 5px;}
table.border.club-list { table-layout: fixed;}
table.border.club-list th {vertical-align: middle; line-height: normal; padding: 3px;}

.noarrow .playcount { right:10px;}
.noarrow .league_use { right:85px;}

.section h3 { position:relative;}
.link-setting { position:absolute; right:10px; top:5px; height:20px; width:20px; display:inline-block;}
.link-setting.playnavi { font-size:12px; font-weight:normal; width:120px; right:5px; margin-top:3px; text-align:right}
.link-setting.playnavi a:link, .link-setting.playnavi a:visited{ color:#FFFFFF;}

.off { color:#333333}
.leagu-message { text-align:center; padding:5px; margin:10px 15px; color:#2c6ed5; border-bottom:1px solid #aabad2;border-top:1px solid #aabad2; font-size:14px; background:#e5efff}
.club-info {color:#6a6d74; font-size:14px; line-height:120%;}
.myclub { position:relative;}
.myclub .mark { position:absolute; height:40px; width:40px; top:-7px; left:-4px; display:block}
.myclub .mark img { width:100%;}
.myclub_rw td { background:#f7f7f7;}
form dl { margin-bottom:10px;border: 1px solid #e6e1e1;font-size:14px; border-radius:5px;}
form dt { font-weight:bold; background:#9499a7; padding:5px; margin-bottom:5px; -webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; color:#f7f7f7}
form dd { font-size:14px; padding:10px; border-bottom:1px solid #e6e1e1;}
form dl dd:last-child { border-bottom:0;}
form dl.dlstyle1 { border-left:none; border-right:none;}
.greetings { padding:0; margin:10px 0}

.dlstyle1 table.formTbl tr:last-child td, .dlstyle1 table.formTbl tr:last-child th { border-bottom:none;}

ul.flow-navi { border-bottom:1px solid #cccccc; background:#F5F5F5; height:50px; overflow:hidden; margin:-20px 0 20px 0; text-align:center}
ul.flow-navi li{ position: relative; background: #f5f5f5; display:inline-block; height:50px; margin-left:-5px; padding:5px 5px 5px 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:64px;}
ul.flow-navi li div  { position:absolute; z-index:2; top:3px; left:24px; color:#5f636e;}
ul.flow-navi li span { display:block; text-align:center; font-size:20px;}
ul.flow-navi li:first-child{ margin-left:0; padding-left:5px;}
ul.flow-navi li:after, ul.flow-navi li:before { left:64px; top: -6px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index:1}
ul.flow-navi li:after {width: 0;height: 0;border-style: solid;border-width: 30px 0 30px 15px;border-color: transparent transparent transparent #f5f5f5;}
ul.flow-navi li:before{width: 0;height: 0;border-style: solid;border-width: 30px 0 30px 15px;border-color: transparent transparent transparent #a3a3a3;left:65px;}
ul.flow-navi li:last-child:after, ul.flow-navi li:last-child:before{ content:none;}
ul.flow-navi li.active{ background:#c6151a;}
ul.flow-navi li.active div {color:#ffffff;}
ul.flow-navi li.active:after {border-color: transparent transparent transparent #c6151a;}

/* ===========================================hoem shop = */
.section.homeshop,
.section.playnavi { margin-top:0;}
.section.homeshop h3,
.section.playnavi h3,
.section.club h3,
.section.event h3,
.section.shopsearch h3,
.section h3.bar{
	font-size:16px; font-weight:bold; color:#ffffff;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:20px -10px 20px -10px;
	padding:5px 10px;
	background-color:#d61518;
	border-bottom:1px solid #cf2525;
	line-height:30px;
	height:38px;
	}

.section h3.dark {background:#6A6D74; color:#FFFFFF; border-bottom:1px solid rgba(0,0,0,0.1); font-size:15px; line-height:18px;height:auto; padding:8px 10px;}
.section.sub { margin-top:20px !important;}
.section.homeshop h3:first-child { margin-top:0;}
.homeshop-head {width:100%; margin:20px 0 0; position:relative;}
 h3 { font-size:16px; margin:0; background:none; padding:0; border:none; color:#344575;}
.address { color:#6a6d74; font-size:11px; line-height:120%;}

.homeshop-head a.btn-default { font-size:12px;}
.shop-content {background:#282c38; padding:10px; margin:0; border-bottom:1px solid #1e1f23; border-top:1px solid #1e1f23;}
.shop-content ul { margin-top:-8px;}
.shop-content li { width:25%; float:left; font-size:10px; margin-top:8px; color:#ced6ed}
.shop-content li img { vertical-align:middle; margin-right:3px;}

.play_navi{position:relative; right:170px; left:0; top: 0; width: auto;}
.playnavi-link {text-align:center}
.playnavi-link a { background:url(/img/shopsearch/bg_imakoko.png) top left no-repeat #FF9900; background-size:auto 100%; border-radius:3px; font-weight:bold;}
.playnavi-link a:link,.playnavi-link a:visited{
	display:block; text-decoration:none;border:1px solid rgba(0,0,0,0.1);font-size:14px; padding:5px 3px 5px 38px;color:#333;
	}
.playnavi-link a span {font-size:10px; color:#ffffff; text-align:center; font-weight:normal}
.section.shop-notice { margin-top:30px; position:relative; padding:10px; background:#4c4e54; color:#CCCCCC;}
.section.shop-notice h3 { display:inline-block; color:#fff669; background:#4c4e54; padding:10px 10px; font-size:12px; position:absolute; top:-20px; width:90px; text-align:center; margin-top:0}
.section.shop-notice p { margin-bottom:0; font-size:12px;}
ul.news-list {border-top:1px solid #e6e1e1;margin:-20px -10px 0 -10px;}
ul.news-list li{ border-bottom:1px solid #e6e1e1; position:relative; padding:0;}
ul.news-list li.end{ background:#f7f7f7;}
ul.news-list a {display:table; text-decoration:none; padding:10px; width:100%; 	-moz-box-sizing:border-box; box-sizing:border-box;}
ul.news-list a span.date,
ul.news-list a span.title{ display:table-cell; font-size:14px; line-height:120%; vertical-align:top;}
ul.news-list li.end a span.date,
ul.news-list li.end a span.title{ color:#666666}
ul.news-list li a span.title{ padding-left:10px;}
ul.news-list a span.date{
	width:50px; font-size:14px; text-align:center; background:#9A9CA0; color:#FFF; padding-top:5px; padding-bottom:5px; border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	}

ul.news-list li.end a span.date{ background:#cccccc; color:#FFF;}
ul.news-list a span.tag{ display:inline-block; color:#535f80; font-size:10px; background:none; padding:0}
ul.news-list a span.tag.hot{ background:#F60; color:#ffffff; padding:0 5px; margin-bottom:3px}
ul.news-list li:before {font-size:10px; color:#CCC; width:1em;height:1em;display:block;position:absolute;right:5px;top:40%;content:'\e080';	font-family: 'Glyphicons Halflings';}

td.rank{ width:40px; text-align:center; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#eb4847; font-weight:bold;}
td.rank2{ width:40px; text-align:center; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;}
td.flag{ width:40px; text-align:center;}
td.player span.icon{ float:left; height:30px; margin-right:10px; padding-top:10px; width: auto;}
td.player span.name{display:block;}
td.player span.shop{display:block; color:#344575; font-size:12px;}
td.player span.shop a{color:#344575;}

td.point{ font-family:Arial, Helvetica, sans-serif; text-align:right; width:50px;}
.paging-navi { text-align:center; font-size:10px; color:#6a6d74; padding:10px;}
.paging-navi span { display:inline-block; padding:0 5px;}
.paging-navi span.current { color:#f8b62b;}
.shop-list  { margin-left:-10px; margin-right:-10px;}
.shop-list  a:link,.shop-list  a:visited { text-decoration:none; color:#666; padding-right:10px; display:block; padding:10px;}

.player-img { width:80px;}
.shop-img{ width:30%;}
.shop-img img, .player-img img { width:100%}
.shop-info { padding-left:10px; width: 85%;}
.player-info { padding-left:10px; }
.shop-detail{margin-bottom:10px !important; background:#FFFFFF}
.shop-detail td{word-wrap:break-word;}
table.border.shop-detail th, table.border.shop-detail td { padding:10px;}
table.border.shop-detail td a.link-text{ color:#0066CC; text-decoration:none}
table.border.shop-detail td a.link-text:hover{ color:#2b91f6;}

.shop-detail-list h4 {position:relative; border-left:0; margin:0 0 10px; padding:0;}
.shop-detail-list .open h4 { border-bottom:1px solid #e6e1e1}
.shop-detail-list h4 a {padding:15px 5px 15px 10px; text-decoration:none; display:block; border:1px solid #e6e1e1; background:#f7f7f7;}
.shop-detail-list h4 a:before {
	font-size:16px; width:1em; height:1em;display:block;position:absolute;right:10px;
	top:16px;content: "\e114";font-family: 'Glyphicons Halflings';color:#4c4e54;font-weight:normal;}
.shop-detail-list h4.noarrow a:before {font-size:16px; color:#999;width:1em; height:1em; display:block; position:absolute; right:10px; top:16px;content:'';}
ul.add-info > li {border-bottom:1px solid #e6e1e1; position:relative; font-size:14px; line-height:16px;}
ul.add-info li:last-child {border-bottom:none;}
ul.add-info li a:link { display:block; padding:10px 20px 10px 10px; text-decoration:none; color:#333333}
ul.add-info li .style-img a:link{ padding-right:0}
ul.add-info li .player-info a:link{ padding-left:0}

.tag.vss, .tag.vsp, .tag.px1, .tag.d1x { background:#F5F5F5; margin-bottom:5px; color:#666666}
.shop-list li { position:relative;border-bottom:1px solid #e6e1e1;}
.shop-list li:last-child { position:relative;border-bottom:none;}
.shop-list li:before { font-size:10px; color:#CCC; width:1em; height:1em; display:block; position:absolute; right:10px; top:40%; content:'\e080'; font-family: 'Glyphicons Halflings';}
.shop-info dt { font-size:14px; font-weight:bold;}
.shop-info dt span { color:#2c6ed5}

.shop-message { font-size:14px; line-height:140%; color:#333333; margin-bottom:25px; word-break: break-all;}
.group-common { background:#FFE; margin:-20px -10px 20px -10px; padding:10px; border-bottom:1px solid #F4F9CA}
.group-common h4 { border:none; font-size:16px}
.shop-message img, .group-common img { max-width:100%; margin:10px auto;}
.group-common a { text-decoration:underline}
.shop-gallery {width:1300px;}
.shop-gallery-wrap { width:100%;height:160px;}
.shop-gallery-wrap .bx-wrapper .bx-controls-direction a { opacity:0; top:55%}
.shop-gallery-wrap:hover .bx-wrapper .bx-controls-direction a { opacity:1;}
.shop-gallery-wrap .bx-viewport,
.shop-gallery-wrap .bx-wrapper img { border-radius:0}
ul.player-list { border:1px solid #e6e1e1; border-radius:6px; margin-bottom:20px;}
ul.player-list > li {border-bottom:1px solid #e6e1e1; position:relative; font-size:14px; line-height:16px; font-weight:bold}
ul.player-list > li .box-tbl { table-layout:fixed;}
ul.player-list li:last-child {border-bottom:none;}
ul.player-list li a:link { display:block; padding:10px 20px 10px 10px; text-decoration:none; color:#333333;}
.playnavi ul.player-list li a.playshop { font-weight:normal; display:block; text-align:right; padding:0 10px 5px; font-size:10px; color:#344575; margin-top:-5px;}
ul.player-list li .style-img a:link{ padding-right:0}
ul.player-list li .player-info a:link{ padding-left:0}
.player-info dd { font-size:12px;color:#577995; padding-top:5px; font-weight:normal}
ul.player-list li .ico { margin-right:5px; margin-bottom:5px; height:16px;}
.player-list > li:before {
	font-size:16px;width:1em;height:1em;display:block;position:absolute;right:6px;top:0; bottom:0; margin:auto;  content: "\e258";
	font-family: 'Glyphicons Halflings'; color:#cccccc; font-weight:normal;}

.member-manage .player-list .player-img{ width:60px;}
.member-manage .player-list li{ padding:6px 10px;}
.member-manage .player-list li:before { content:"";}
.member-manage .check { vertical-align:middle; width:30px;}
.member-manage .action { vertical-align:middle; text-align:right; font-weight:normal; width:80px}
.member-manage .player-info a:link { padding:0}

.homeShop { padding: 0 65px 0 0;position: relative;}
.sns {height: 30px; position: relative; text-align: right; top: -3px;}
.sns .twitter-share-button { position:absolute; top:10px; right:0}
.sns .fb-like { position:absolute; top:9px; right:65px;}
.sns-table {text-align:left; position:relative; height:30px;}
.sns-table .twitter-share-button  { position:absolute; top:5px; left:0}
.sns-table .fb-like { position:absolute; top:5px; left:75px;}
.homeshop-head .sns .twitter-share-button { margin-top:10px}

a.link-photogallery { margin-top:10px;}
a.link-photogallery img { vertical-align:middle; margin-right:3px; margin-bottom:2px}

.search .selectWrap select { width: 100%;}
.search select {margin: 0; width: 43%;}
.search input[type="text"] {width: 34%;height:30px !important;margin-left:10px;}
.search .btn { width:80px;position:absolute; right:0;height:30px !important;}

.homeshop-head .cell.info h3,
.homeshop-head .cell.info p{ padding-left:10px;}
.homeshop-head .cell.info h3 {font-weight:bold;word-wrap: break-word; word-break: break-all; padding:0 10px;}
.homeshop-head p.member-count { text-align:right; color:#666;}

/* fame */
.fame {border-bottom: 1px solid #d6d6d6; margin: 10px 0 0 0; padding: 10px 0; position: relative;}
.fame:last-child {border-bottom:none;}
.fame:after {clear: both; content: ""; display: block;}
.fame h3 span {color: #616161;font-size: 0.7em;padding: 0 0 0 15px;}
.fame .help { color: #616161; line-height: 1.3; padding: 12px 10px;}
.fame ol li { float: left; padding: 4px 0 0;text-align: center; width: 33.3%;}
.fame ol li .rank {
    background: url("/img/main/bg_tag.png") no-repeat scroll 0 0 / 30px 31px rgba(0, 0, 0, 0);
    color: #fff; font-size: 1.3em; height: 32px; left: -3px; padding: 2px 4px 0 0; position: absolute; top: -4px; width: 30px;}
.fame ol li .pic { border: 1px solid #c6cacc; margin: 0 auto; padding: 5px; position: relative; width: 79px;}
.fame ol li .id {color: #2c2c2c; font-size: 1.05em;line-height: 1.4; margin: 0 auto; width: 79px;}
.fame ol li .id span { color:inherit; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.fame ol li.first-child .rank {
    background: url("/img/main/bg_tag_1st.png") no-repeat scroll 0 0 / 30px 31px rgba(0, 0, 0, 0);
    color: #fff; font-size: 1.3em; height: 25px; left: 6px; padding: 6px 4px 0 0; position: absolute; top: -4px; width: 26px;
}
.fame ol li.first-child .rank {
    background: url("/img/main/medal1.png") no-repeat scroll 0 0 / 30px 40px rgba(0, 0, 0, 0);
    height: 40px; left: -5px; overflow: hidden; padding: 0; position: absolute;text-indent: -9999px; top: -5px;width: 30px;
	}
.fame ol li.second .rank {
    background: url("/img/main/ranking2.png") no-repeat scroll 0 0 / 23px 32px rgba(0, 0, 0, 0);
    height: 32px; left: -3px; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: -4px; width: 23px;
	}
.fame ol li.third .rank {
    background: url("/img/main/ranking3.png") no-repeat scroll 0 0 / 23px 32px rgba(0, 0, 0, 0);
    height: 32px; left: -3px; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: -4px; width: 23px;}
.fame_list .item { padding: 4px 0 0;  text-align: center;}
.fame_list .item .rank {
    background: url("/img/main/bg_tag.png") no-repeat scroll 0 0 / 30px 31px rgba(0, 0, 0, 0);
    color: #fff; font-size: 1.3em;  height: 25px; left: 6px; padding: 6px 4px 0 0;position: absolute; top: -4px; width: 26px;}
.fame_list .item .pic { border: 1px solid #c6cacc; margin: 0 auto;padding: 5px; position: relative; width: 79px;}
.fame_list .item .id { color: #2c2c2c; font-size: 1.05em;line-height: 1.4;margin: 0 auto; width: 79px;}
.fame_list .item .id span {color: #06acde; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 100%;}
.fame_list .item.first-child .rank {
    background: url("/img/main/medal1.png") no-repeat scroll 0 0 / 30px 40px rgba(0, 0, 0, 0);
    height: 40px;left: -5px;overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: -5px;    width: 30px;
	}
.fame_list .item.second .rank {
    background: url("/img/main/ranking2.png") no-repeat scroll 0 0 / 23px 32px rgba(0, 0, 0, 0);
    height: 32px;left: -3px;overflow: hidden;padding: 0; position: absolute;text-indent: -9999px; top: -4px; width: 23px;}
.fame_list .item.third .rank {
    background: url("/img/main/ranking3.png") no-repeat scroll 0 0 / 23px 32px rgba(0, 0, 0, 0);
    height: 32px;left: -3px;overflow: hidden; padding: 0; position: absolute;text-indent: -9999px;top: -4px;width: 23px;}
.fame .bx-controls {
    padding: 10px 0 0 0;text-align: center; width: 100%;}
.fame .bx-wrapper { background:none;}
.fame .bx-controls .bx-pager-item { display: inline;}
.fame h4 { background:none; padding-bottom:0;}
.fame .bx-controls .bx-pager-item a {
    background-color:#ffffff; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20) inset; display: inline-block; height: 9px; margin: 0 6px; overflow: hidden; text-indent: -9999px; width: 9px;
}
.fame .bx-controls .bx-pager-item a.active {background: none repeat scroll 0 0 #06acde;}
.fame .bx-wrapper .bx-pager,
.fame .bx-wrapper .bx-controls-auto { margin-bottom:0; position:static}
.fame .bx-wrapper { margin-bottom:0; padding:0 0 0;}
.fame .bx-wrapper .bx-pager { padding-top:0}
/*fame end*/

input[type="text"], input[type="password"], input[type="tel"],input[type="email"],input[type="number"]{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1)  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(255,255,255,1)  100%);
	background: -o-linear-gradient(top, rgba(249,249,249,1)  0%,rgba(255,255,255,1)100%);
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid #cccccc; border-radius: 0; box-sizing: border-box; height: 28px !important; line-height: 28px; padding: 0 5px !important;  width: 100%;}

.monthly-01game .selectWrap { margin:20px 0;}
textarea {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1)  100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(255,255,255,1)  100%);
	background: -o-linear-gradient(top, rgba(249,249,249,1)  0%,rgba(255,255,255,1)100%);
	background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
     border: 1px solid #cccccc; border-radius: 0; box-sizing: border-box;}
a.btn_default,
.btn_default {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #e6e1e1; display: inline-block;font-size: 12px; color:#333333; text-decoration:none; min-width: 46px;text-align: center;}

legend {display: none;}
.homeShop .selectWrap {float: left;width: 52%;}
.search { padding:10px; margin:10px -10px; background:#f7f7f7; position:relative;}

/* paging */
.paging-previous,
.paging-next {width:20%;text-align:center}
.paging-previous a,
.paging-next a{border:1px solid #e6e1e1; display:block; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold;padding:5px; color:#666666;}
.paging-page { text-align:center;}
.paging-page a:link,.paging-page a:visited { display:inline-block; padding:5px; margin-right:5px; text-decoration:none; color:#333333;}
.paging-page a.active:link,.paging-page a.active:visited {background:#FFE5E6; color:#f43237; font-weight:bold;}

/* paging2 */
.paging a img { display:inline-block; margin:10px 0}
.paging .btn_next,
.paging .btn_prev { background:#FFFFFF; height:34px; display:table-cell; vertical-align:middle; text-align:center;}
#list_div .paging a img {margin:0}

.shop-event h4 { margin-top:10px; font-size:16px; line-height:140%; border-left:0; border-bottom:3px solid #F43237; padding-bottom:5px;}
.shop-event dt { font-size:14px; font-weight:bold; color:#344575; margin:5px 0; background:#f7f7f7; padding:5px;}
.shop-event dd { font-size:14px; color:#333333; padding:5px; margin-bottom:5px; border-bottom:1px dotted#CCC;}
.shop-event dd:last-child { border-bottom:none;}
.shop-setting .shop-img { width:15%;}
.shop-setting .shop-info dt{ font-size:12px;}
.shop-setting { margin-top:3px; margin-bottom:3px;table-layout: fixed;overflow: hidden;}
.form-check { display:block; margin:0 auto; width:18px; height:auto; border-radius:5px;}
.shop-current {border:1px solid #e6e1e1; border-radius:3px; padding:8px;}

table.playnavi-setting  { border-top:1px solid #cccccc; background:#f7f7f7; margin-bottom:20px;}
table.playnavi-setting tr { border-bottom:1px solid #FFF}
table.playnavi-setting tr:last-child {border-bottom:1px solid #cccccc;}
table.playnavi-setting td { padding:8px; font-size:14px; }
table.playnavi-setting td.pref { color:#4fb2ee; font-size:12px;}
table.club-list a:link { text-decoration:none; display:block}

.menu-dropdown {
	padding:5px 15px 5px 10px; font-size:16px; text-decoration:none; color:#344575; margin:10px auto;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	outline: 1px solid #dcdcdc; outline-offset: -1px; position:relative;}
.menu-dropdown:before {font-size:10px; color:#CCC; width:1em; height:1em;display:block; position:absolute; right:10px; top:10px; content:'▼'; }
.pulldown { position:relative;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	padding:5px 15px 5px 10px; font-size:16px; text-decoration:none; color:#344575; margin:10px auto; border-top:1px solid #e6e1e1;
}
.pulldown-ico { color:#344575; font-size:12px; position:absolute; right:0; top:0; display:inline-block; padding:8px 15px; border-left:1px solid #e6e1e1;}
.menu-dropdown-list {
	position:absolute; top:37px; border-left:1px solid #CCC;border-right:1px solid #CCC; width:100%; margin:0; padding:0; right:0; left:0;box-sizing:border-box;
	-webkit-box-shadow: 0 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0 3px 3px 3px rgba(0,0,0,0.3);
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );}
.menu-dropdown-list li { border-bottom:1px solid #e6e1e1}
.menu-dropdown-list li a:link,
.menu-dropdown-list li a:visited { display:block; padding:8px 10px; text-decoration:none; color:#333333; font-size:14px;}

.myrank .up { color:#EB6D9A; background:none; margin:0; padding:0; display:block; width:auto}
.myrank .down { color:#70BBE9; background:none; margin:0; padding:0; display:block; width:auto}
.head .sub { font-size:12px; color:#ffcc00; border-top:1px solid #5b606d; margin-top:5px; padding-top:5px; }
table.border.myrank th.head { text-align:center; background:#6a6d74; vertical-align:middle}
table.border.myrank td { text-align:center;}
table.border.myrank td.subject {font-size:12px; width:120px; border-right:1px solid #b5bac7;}
td.subject .data { font-size:14px; font-weight:bold; color:#344575;}

table.border.myrank th.head.active { background:#ffcc00; color:#6A6D74}
table.border.myrank th.head.active .sub {color:#F30; border-top: 1px solid rgba(0,0,0,0.1); font-weight:bold}
table.border.myrank th.head.active a:link,
table.border.myrank th.head.active a:visited { color:#6A6D74}
table.border.myrank th.head.active a:hover { color:#ff8080}
#jump_me { float:right; margin-bottom:10px; font-size:12px}
a#jump_me:link,a#jump_me:visited { background-color: #42bc56; border-color: rgba(0,0,0,0.3); color: #fff;}
a#jump_me:hover { background-color: #d6fedd; border-color: rgba(0,0,0,0.3); color: #42bc56;}

.section.event { margin-bottom:40px;}
.event-feature { margin-bottom:10px;border-bottom:1px solid #e6e1e1; padding-top:10px;}
.event-feature:last-child { border-bottom:none;}
.event-feature h4 { margin-top:0;}
.event-feature p { color:#666; font-size:14px; margin-top:10px;}
.section.event h3 { position:relative}
.section.event h3 .link-setting { right:10px; width:auto; font-size:12px; font-weight:normal; background:none; padding:2px 5px; top:5px;}

ul.event-list { margin:-10px;}
ul.event-list li { border-bottom:1px solid #e6e1e1; padding:10px;}
ul.event-list li:last-child { border-bottom:none;}
ul.event-list div.cell.img{ width:80px; padding-right:10px;}
ul.event-list div.img span.trim{ display:block; position:relative; width:100%; height:64px; overflow:hidden;}
ul.event-list div.cell.img img{ width:100%;}
ul.event-list  h5 { margin:0; margin-bottom:5px; font-size:14px; padding:0}
ul.event-list p{ font-size:14px; margin-bottom:0 !important;}
ul.event-list .place { color:#47a2d9;}
ul.event-list .date {font-size:12px; color:#666;}
ul.event-list .acceptance,
ul.event-list .shop { font-size:12px; color:#666;}
ul.event-list .tag { background:#78b6db; color:#FFFFFF; margin: 0 3px 3px 0;}

ul.event-list li.end .tag { background:#9499a7; color:#FFFFFF;}
ul.event-list li.end .date,
ul.event-list li.end .place,
ul.event-list li.end .acceptance,
ul.event-list li.end .shop {color:#9499a7;}
ul.event-list li.end { background:#f7f7f7;}
ul.event-list li.end h5 { color:#999999;}
ul.highscore-data { font-size:12px; color:#9499a7; margin-top:3px;}
.highscore-title { font-weight:bold;}
table.border td.game-log-shop { border-bottom:none; background:#6c7386; color:#ecf0fa; font-size:12px; text-align:right; padding-right:10px;}
.game-date-save { display:inline-block; padding:0 10px 0 3px; border-right:1px solid #697083; margin-right:10px; line-height:20px;}
.game-date-save img { width:20px; vertical-align:text-top; margin-bottom:3px;}
a.game-data-realog { float:right; display:inline-block; margin: 5px 5px 0 auto; padding:0 5px; background:#6c7386; color:#FFC; text-decoration:none; font-weight:normal; font-size:12px; line-height:20px;}
a.game-data-playmovie { float:right; display:inline-block; margin: 5px 5px 0 auto; padding:0 5px; background:#f03033; color:#FFF; text-decoration:none; font-weight:normal; font-size:12px; line-height:20px;}
ul.game-reallog-list { border:1px solid #e6e1e1; margin-bottom:10px;}
ul.game-reallog-list  li{ border-bottom:1px solid #e6e1e1; position:relative}
ul.game-reallog-list li:nth-child(2n-1){ background:#F3F4F4}
ul.game-reallog-list li:last-child {border-bottom:none;}
ul.game-reallog-list li a{ padding:10px; display:block; text-decoration:none; font-size:14px; color:#344575}
ul.game-reallog-list a.del{ border-left:1px solid #CCC; padding-left:10px; padding:5px 0 0 8px; margin:5px 0; text-align:center}
ul.game-reallog-list a.del img{ height:20px;}
ul.game-reallog-list .stats { display:inline-block; background:#344575; color:#FFF; padding:1px 5px; font-size:12px; margin-left:10px;}
ul.game-reallog-list .no{ border-right:1px solid #CCC; padding-left:10px; padding:5px 8px 0 8px; margin:5px 0; display:inline-block; color:#344575;}
ul.game-reallog-list .box-tbl .cell:first-child { width:30px;}

/* my story  //////////////////////////////////////////////////////////////////////////////// */
.mystory-cover {height:110px; position:relative;padding:20px 10px 40px 10px;background-size:cover;}
.mystory-head .avater{ width:75px;}
.mystory-head .avater a {
	border-radius:50%;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.4);
	box-shadow: 0 0 0 1px rgba(255,255,255,1),0 0 0 5px rgba(255,255,255,0.4);
	width:56px; height:56px; margin-left:5px; display:block; position:relative; z-index:2; overflow:hidden
	}
.mystory-head .avater .frame{
	position:absolute; border-radius:50%;
	width:56px; height:56px; left:0; top:0; right:0; bottom:0; margin:auto; z-index:1; border:2px solid #ffffff;
	}
.mystory-head .avater .crop{border-radius:50%; width:56px; height:56px; margin:auto; z-index:0; overflow:hidden;}
.mystory-head .avater img{margin:auto; height:100%; z-index:0; margin-left:-9px}
.mystory-head .name {
	background-color: rgba(0, 0, 0, 0.2);text-shadow: 0px 0px 0px #000000,1px 1px 0px rgba(0,0,0,0.5);
	padding:2px 10px; font-size:14px; font-weight:bold; margin-top:0;border-radius:5px;color:#FFFFFF;
	}
.mystory-head .name a,
.mystory-head .homeshop a {color:#FFFFFF;}
.mystory-head .homeshop {
	background-color: rgba(0, 0, 0, 0.2); color:#FFFFFF;
	text-shadow: 0px 0px 0px #000000,1px 1px 0px rgba(0,0,0,0.5);
	padding:2px 10px; font-size:10px;font-weight:bold; margin-top:5px; border-radius:5px; }
.mystory-cover a.link-setting {
	position:absolute; right:0px; bottom:0; display:block;
	background-color: rgba(0, 0, 0, 0.2); height:30px; width:30px; top:auto; padding:5px; text-align:center;}
.mystory-cover a.link-setting img{ width:20px; height:20px;}
.mystory-stats,.mystory-title, .mystory-style { padding:0; background:#f7f7f7; margin-top:0;}
.mystory-stats,.mystory-title a, .mystory-style a { display:block;}
.mystory-stats .cell { text-align:center; font-size:20px; padding:5px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif;}
.mystory-stats .cell span { display:block; font-size:11px; color:#6a6d74; font-family:Arial, Helvetica, sans-serif;}
.mystory-stats .box-tbl .cell, .mystory-title .box-tbl .cell, .mystory-style  .box-tbl .cell{ border-bottom:1px solid #e6e1e1;}
.mystory-stats .box-tbl .cell { border-right:1px solid #e6e1e1; width:33%}
.mystory-stats .box-tbl .cell:last-child { border-right:none; width:34%}
.mystory-title  .box-tbl .cell { padding:5px; vertical-align:middle;width:33%; text-align:center; font-size:16px;}
.mystory-title  .box-tbl .cell:last-child { padding:5px; width:34%}
.mystory-style .box-tbl .cell { padding:5px; vertical-align:middle;width:33%; text-align:center; font-size:16px;}
.mystory-style .box-tbl .cell:last-child { padding:5px; width:34%}
.mystory-style .mItem1 { margin-left:auto; margin-right:auto; width:50px; height:50px;}
.mystory-style .mItem1 img{ left:0; height:48px;}
.mystory-style span.sub { color:#6a6d74;}
dl.mystory-profile-list { display:table; table-layout:fixed; border-bottom:1px solid #e6e1e1; width:100%; padding:6px 0;}
dl.mystory-profile-list:last-child { border-bottom:none;}
dl.mystory-profile-list dt,
dl.mystory-profile-list dd { display:table-cell; font-size:14px;}
dl.mystory-profile-list dt { width:45%; color:#666; padding-left:10px;}
dl.mystory-profile-list dd { padding-right:10px;}
dl.mystory-profile-list img.flag { height:18px; width:auto; margin-right:5px; margin-top:-3px;}
.small { font-size:12px;}
.section.mystory-content h4 { margin-top:20px; font-size:15px;}
ul.mystory-timeline { margin:20px -10px 0 -10px; }
ul.mystory-timeline li { border-bottom:1px solid #e6e1e1; padding:5px 10px}
ul.mystory-timeline .cell.thum { width:50px;}
ul.mystory-timeline .cell.thum img { width:40px; border-radius:3px}
ul.mystory-timeline .cell p{ font-size:14px; color:#333; margin-bottom:0; line-height:135%;}
ul.mystory-timeline p.time{ text-align:right; font-size:12px; color:#9499a7;margin:0}
ul.mystory-timeline .cell p a:link,
ul.mystory-timeline .cell p a:visited{ color:#2c6ed5;}
ul.mystory-timeline .cell p .highlight { color:#F60;}
.mystory-match-list { margin:0; padding:10px 0; color:#666;border-top:1px solid #d6d6d6}
.mystory-match-list .cell { vertical-align:middle;}
.mystory-match-list .title { vertical-align:middle; text-align:left; width:30%; color:#333333; font-size:12px; line-height:130%; padding:5px;}
.mystory-match-list .count { font-size:18px; text-align:right; font-weight:bold; padding-right:10px}
.mystory-match-list .count .f-lose{ color:#269bff}
.mystory-match-list .count .f-win{ color:#ff505b}
.mystory-match-list .count .small{ font-size:14px;}
.mystory-match-list .winper { font-size:14px; color:#666; font-weight:normal; display:inline-block;}
/*rival */
.navi-rival { margin:20px 0;}
.navi-rival .cell { width:20%; box-sizing:border-box;}
.navi-rival a img { width:42px; max-width:100%; display:block; margin:0 auto;}
.navi-rival a:link,
.navi-rival a:visited {
		display:block; text-align:center; font-size:10px; color:#6a6d74;
		background:#F7F7F7; padding:5px 0;border:1px solid #e6e1e1;border-right:0;border-bottom:3px solid #6a6d74;height:100%;text-decoration:none;}
.navi-rival .cell:last-child a {	border-right:1px solid #e6e1e1;}
.navi-rival .active a:link,
.navi-rival .active a:visited { color:#f8b62b;}
.navi-rival .active a { border-bottom:3px solid #f8b62b; background:#FFFFFF}
.infosub .highlight{ color:#F63;}
h5.option { margin-top:15px; padding-left:0;}

/* shop search */
.navi-shopsearch { margin:10px -10px 20px 0;}
.navi-shopsearch .cell {
	width:25%;vertical-align:middle; float:left;box-sizing:border-box;
	padding-right:10px; border-radius:3px;overflow:hidden;}

.navi-shopsearch a img { width:60%; max-width:100%; display:block; margin:0 auto;}
.navi-shopsearch a:link,
.navi-shopsearch a:visited {
	display:block; text-align:center; font-size:12px; color:#333;padding:3px 0;height:100%;text-decoration:none; border-radius:5px;
	border:1px solid #D7D7D7;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,234,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,234,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefea',GradientType=0 );}
.navi-shopsearch .active a:link,
.navi-shopsearch .active a:visited { color:#344575;}
.navi-shopsearch .active a { border-bottom:3px solid #f8b62b; background:#FFFFFF}
.form-shopsearch { margin:10px 0; padding:10px; border:3px solid #e6e1e1; box-sizing:border-box;outline: 2px solid #D1D1D1;outline-offset: 0;}
.form-shopsearch input[type="text"] { float:left; width:80%; margin-right:10px;}
.form-shopsearch button {
	float:left; width:16%; border:1px solid #e8a310;
	height:28px; background:#F8B62B url(/img/icon_search_w.png) no-repeat center; background-size: auto 90%;text-indent:200%;
	white-space:nowrap; overflow:hidden;border-radius:3px;}

.search_bn{ margin:-1px 0 0 0; box-sizing:border-box;}
.search_bn a { display:block; position:relative;}
.search_bn a .overlay{ position:absolute; top:0; right:0; width:60px;}

.area_list ul.list-toggle{ border: 1px solid #e6e1e1; border-radius:0px;}
.area_list ul.list-toggle li {background-position: right center;background-size: 20px auto;border-bottom: 1px solid #e6e1e1;box-sizing: border-box;}
.area_list ul.list-toggle li .area-list_title{background:#f7f7f7;}
.area_list ul.list-toggle li a{color:#666;display: block;padding:12px 30px 12px 10px;position: relative;text-decoration: none;}
.area_list ul.list-toggle > li > a:after {  display: table;content: " "; clear:both}
.area_list ul.list-toggle > li > a{ font-weight:bold}
.area_list ul.list-toggle li a:active,.area_list ul.list-toggle li a:hover{color:#666;}
.area_list ul.list-toggle li:last-child{border-bottom: 0 none;}
.area_list ul.list-toggle > li > a:before{
	bottom: 0; color: #cccccc; content: "\e114"; display: block; font-family: "Glyphicons Halflings";
	font-size: 16px; font-weight: normal; height: 24px; margin: auto; position: absolute; right: 6px;top: 0;width: 1em;}
.area_list ul.list-toggle > li ul{display:none; background:#ffffff; border-top:1px solid #dee1e5;}
.area_list ul.list-toggle > li ul a span.glyphicon { margin-right:5px; color:#f43237;}
.area_list ul.list-toggle > li ul a:before{   content: "\e258";}
.area_list ul.list-toggle > li ul li a:after{ clear:both; display: table; content: " ";}
.area_list ul.list-toggle > li ul li a:before{ content: " ";}
.area_list ul.list-toggle > li.active > a:before{content: "\e113";}
.area_list ul.list-toggle > li.active ul{ display:block;}

.global_area_list ul{ border-radius:0px; border: 1px solid #e6e1e1;background-position: right center;background-size: 20px auto; box-sizing: border-box;}
.global_area_list ul li{background:#f7f7f7;border-bottom: 1px solid #e6e1e1;}
.global_area_list ul li:last-child {border-bottom: 0 none;}
.global_area_list ul li a{color:#666;display: block; padding:12px 30px 12px 10px; position: relative;  text-decoration: none;}
.global_area_list  ul > li > a:before{
    bottom: 0; color: #cccccc;content: "\e258"; display: block; font-family: "Glyphicons Halflings";
    font-size: 16px; font-weight: normal; height: 24px; margin: auto; position: absolute; right: 6px;  top: 0; width: 1em;}

.section.shopsearch h4 { margin-top:20px;}
.shopsearch span.address { display:block; margin-bottom:5px;}
.shopsearch span.distance { display:block; margin-bottom:-2px; color:#33cc33;}
.shopsearch .search {border:3px solid #e6e1e1; margin:10px 0 20px 0; box-sizing:border-box; outline: 2px solid #D1D1D1; outline-offset: 0;background:#FFFFFF;}
.hitcount { color:#ff403e; font-weight:bold; font-size:16px;}
.shopsearch span.tag { margin-right:5px;}
.shopsearch #add_term{ position:absolute; right:0}
.shopsearch h4{ position:relative}
#term_list { background:#595B60;margin:20px 0 10px 0; padding:10px; border-top:1px solid rgba(0,0,0,0.2)}
#term_list li { margin-bottom:5px; color:#FFF;}
#term_list p{ margin:10px 0 0 0; padding-top:10px; font-size:14px; border-top:1px solid rgba(0,0,0,0.2);}

form dl.form-checkbox { border: 1px solid #e6e1e1; border-bottom: 0px;border-radius: 0; font-size: 14px;margin-bottom: 0;width:100%;display:table;table-layout:fixed;}
form dl.form-checkbox:last-child {border-bottom: 1px solid #e6e1e1;}
form dl.form-checkbox dt { background: none; border-radius: 0; color: #333; font-weight:normal; margin-bottom: 0; padding: 5px 5px 5px 5px;display:table-cell;vertical-align:middle;font-size:12px;}
form dl.form-checkbox dt img{ margin-right:3px; vertical-align:top; }
form dl.form-checkbox dd { border-bottom: 0px; font-size: 12px; padding: 5px; display:table-cell;width:50px;text-align:right;vertical-align:middle;}
form dl.form-checkbox dd img { vertical-align:top; }
head-navi {background:#FFFFFF;border-bottom:1px solid #e6e1e1;}
.head-navi .cell { height:42px; vertical-align:middle; }
.head-navi .center{ text-align:center; width:50%}
.head-navi .center img { height:34px;}
.head-navi .left { text-align:left; padding-left:10px; width:25%}
.head-navi .right { text-align:right; padding-right:10px; width:25%}
.head-navi .cell img { vertical-align:top;}

.tc.select-horizon .cell { width:20%;}
.select-horizon .disable { color:#999;}
.select-horizon .selected { color:#d62b2e;}
.tag img { vertical-align:middle;}
span.tag-animation {background:#0066CC; line-height:14px; padding:1px 3px;}
.cell.tc-img { width:50px; vertical-align:middle}
.cell.tc-img img { width:100%;}
.cell.tc-info { padding-left:10px; vertical-align:middle}
.cell.tc-info dd { font-size:12px;color:#6a6d74; padding-top:3px; font-weight:normal}
.set-none { background:#f7f7f7;}
.set-none dt { color:#999;}

.tc-collection { margin:0 -10px 20px -10px}
.tc-box { float:left; width:33.3%; height:150px; border-bottom:1px solid #e6e1e1; padding:10px 0;}
.tc-empty .name{ color:#CCC}
.tc-empty { background:#FCFCFC;}
.tc-box a:link, .tc-box a:visited, .tc-empty > span { text-decoration:none; padding:10px; display:block; box-sizing:border-box; border-right:1px solid #e6e1e1; height:100%;}
.tc-box:nth-child(3n) a:link,.tc-box:nth-child(3n) a:visited, .tc-box:nth-child(3n) > span {border-right:none !important;}
.tc-box li{ text-align:center;}
.tc-box li.img img{ max-width:60px;}
.tc-box li.name { font-size:12px; line-height:130%; white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflow: ellipsis;text-overflow: ellipsis;font-weight:bold;}
.tc-box li.level {font-size:12px; color:#f8b62b;}
.tc-box li.date { font-size:10px; color:#666;}

.btn-more-load {
	display:block;border:1px solid #e6e1e1;	text-decoration:none;text-align:center;border-radius:3px; padding:5px 10px;margin-bottom:20px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	}

.tc-modal {position:absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.5);color: rgba(0, 0, 0, 0.5);}
.tc-detail {
	box-sizing:border-box;background:#FFFFFF;position:absolute;top: 50px;left: 0;right: 0;bottom: auto;margin: auto;width:86%;
	border-radius:10px;-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 0 5px rgba(0,0,0,0.2);padding-bottom:20px;}

.tc-detail li{box-sizing:border-box; padding:0 10px; margin:10px 0;}
.tc-detail li.img { text-align:center;}
.tc-detail li.img img{ max-width:90px;}
.tc-detail li.name {
	font-size:16px;line-height:130%;white-space: nowrap;width: 100%;overflow: hidden;
	-o-text-overflow: ellipsis;text-overflow: ellipsis;font-weight:bold;color:#ffffff;padding:10px;background:#F43237;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
	margin:0;text-align:center;}
.tc-detail li.desc { color:#333; font-size:14px; line-height:130%; margin-top:0}
.tc-detail li.level {font-size:14px; color:#f8b62b; margin-bottom:5px}
.tc-detail li.date { font-size:14px; color:#666; margin-top:0}
.tc-detail span.tag { background:#6a6d74; margin-right:5px}

.tc-set { padding:0 10px;}
.tc-set h3 { border-left:10px solid #F43237; font-size:14px; padding-left:5px; line-height:100%; color:#4c4e54; margin:10px 0; font-weight:bold;}
.tc-set .cell.check { vertical-align:middle; width:30px;}
.tc-set .cell.tc-img { width:30px; vertical-align:middle;}
.tc-select.player-list li:before {content:"";display: none;}
.tc-detail .tc-select li  { margin:0;  padding:5px}
.cell.tc-info dt{ color:#333; font-weight:normal;}
.shop-icons { display:block; margin-top:3px; line-height:25px;}
.shop-icons img { margin-right:4px; border-radius:3px; width:22px; vertical-align:top;}

table.border td.real-log { background:#505666;}
td.real-log table.border{ border-spacing:0;border-collapse:collapse;box-sizing:border-box;width:100%;background:#ffffff;border-color:#5f6169;}
td.real-log table.border td,
td.real-log table.border th{ border-color:#5f6169; vertical-align:middle;}
td.real-log table.border td{ text-align:right; font-family:Tahoma, Geneva, sans-serif}
td.real-log table.border td.round { width:20%; text-align:center; background:#ECF0FA}
td.real-log table.border th{background:#6C7386;color:#ECF0FA;	text-align:center;font-weight:bold;}
td.real-log table.border td.triple, .box-info .triple { color:#090}
td.real-log table.border td.double, .box-info .double { color:#0066CC;}
td.real-log table.border td.bull, .box-info .bull { color:#F00;}
td.real-log table.border .single, .box-info .single  { color:#6C7386}
td.real-log table.border.score td{ font-size:18px; font-weight:bold;}

/*shop ranking */
table.shop-ranking th{ background:#f7f7f7;}
#cont-shopranking.section.playdata h5.sub { margin-top:40px;}
.shop-ranking dl{ margin:0;}
.shop-ranking dt.data-name{ text-align:left; font-weight:bold;}
.shop-ranking dt{ text-align:right;  font-family:Arial, Helvetica, sans-serif;}
.shop-ranking dd{ color:#56648a; text-align:right; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.item-wrap { max-width:320px; margin:20px auto;}
fieldset.shopraking .select-small .selectWrap { width:80%;}
fieldset.shopraking { position:relative;}
fieldset.shopraking a.btn { top:0; width:50px;}

.ranking_search .first { margin-bottom:10px;}
.ranking { margin:0;}

/* ranking swipe */
.swiper-container { backface-visibility: hidden; margin: 0 auto; overflow: hidden; position: relative; z-index: 1;}
.swiper-wrapper {position: relative; transform: translate3d(0px, 0px, 0px); transition-duration: 0s;transition-property: transform, left, top;transition-timing-function: ease;width: 100%;}
.swiper-free-mode > .swiper-wrapper {margin: 0 auto; transition-timing-function: ease-out;}
.swiper-slide {float: left;}
.baseTbl { margin-top:20px;}

.ranking-wrap { clear: both; margin: 0;min-height: 67px;overflow: hidden;	}
.pagination {padding:10px 0;text-align: center;width: 100%;}
.pagination span {
	background: none repeat scroll 0 0 #ffffff;border-radius: 50%;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32) inset;
	display: inline-block;height: 9px;margin: 0 2px;overflow: hidden;width: 9px;}
.pagination span.swiper-active-switch {background-color:#d61518;}
h4 + .link-right { margin-top:-30px; margin-bottom:10px; text-align:right;}
.isdisplay-wrap img { height:32px}
.isdisplay-wrap .sbj { font-weight:bold; display:inline-block; border-right:1px solid #CCC; padding-right:5px;}

/*myclub setting */
.file {height: 33px;margin: 0 0 8px; position: relative;}
.file_name { float: left; margin: 0 10px 6px 0; position: relative;}
.file_name a { position: absolute;right: 5px;top: 2px;}
.file_name.club_img a {position: absolute;right: 7px; top: 2px;}
ul.player-list li .action a:link { display:inline-block; padding:5px 10px}
.shopadmin-menu { padding:10px ; text-align:right;}
.shopadmin-menu + ul.news-list { margin-top:0;}
ul.news-list .shopadmin-menu a {display:inline-block; width:100px; padding:5px;}
.shopArea .area .btn_del {position: absolute; right: 4px; top: 4px;}
.shopArea .area { position: relative;margin:10px 0;}
.scrollArea { border: 1px solid #d2d2d3; margin: 8px 0;min-height: 80px;position: relative;}
#map-canvas { width:100%; height:300px; margin-bottom:10px}

/* photogallery */
#layer-popup { display: none;height: 100%;left: 0;position:fixed; top: 0; width: 100%;  z-index: 200;}
#layer-popup .bg {background: none repeat scroll 0 0 #000; display: block; height: 100%;  opacity: 0.6; position: absolute; width: 100%;}
#layer-popup h1 {background: none repeat scroll 0 0 #2b2b2b; border-bottom: 1px solid #000; color: #fff; font-size: 1.6em; padding: 14px 9px;margin:0;}
#layer-popup h1 span {color: #ffc000;}
#layer-popup .wrap {background: none repeat scroll 0 0 #fff; margin: auto; position: absolute;top:0; right:0; bottom:0; left:0;width:760px;height:500px;}
#layer-popup .wrap .btn_close {position: absolute; right: 10px; top: 14px;color:#FFF; font-size:18px;font-family:Arial, Helvetica, sans-serif;}
#layer-popup .wrap .btn_close .glyphicon{ top:3px;}
#layer-popup .wrap .cont { margin: auto; min-width:600px; min-height:500px;}
#layer-popup .wrap .cont iframe { min-width:100%; height:500px;}
#layer-popup.tc .wrap { background:none; height:auto;}
#layer-popup.tc  { position:absolute;}
#layer-popup.tc .wrap .btn_close { position:static; background:#4C4E54; font-size:14px;}

@media (max-width: 768px) {
#layer-popup h1 {font-size: 16px;padding: 14px 9px;margin:0;}
#layer-popup .wrap {top:10px; right:0; bottom:0; left:0;margin:0 auto;width:300px;height:340px;}
#layer-popup .wrap .cont { margin: auto;width:300px;}
#layer-popup .wrap .cont iframe {height:340px; min-width:280px;}
#layer-popup .wrap .btn_close {right: 10px;top: 10px;font-size:14px;}
}

/* mypage */
.item {width:60px; display:block; margin:0 auto; border-radius:6px; position:relative;}
.item img { border-radius:6px; width:100%; height:auto;}
.item .cover {display:block; position:absolute; opacity:0.5; background-color: rgba(255, 255, 255, 0); width:60px; height:60px; border:1px solid #666; border-radius:6px;}
.item .expire {background-color: rgba(255, 255, 255, 0.8);}
.stats .item { margin:5px auto;}
.tc-wrap { width:80px; height:60px; margin:5px auto; position:relative;}
.tc-wrap .level { display:inline-block; color:#F90; position:absolute; font-size:14px; width:80px; text-align:center; bottom:-5px; left:0}
.tc-wrap img { width:60px;}

.banner-mypage { margin:0 auto; float:none; background:#d8d8d8; padding:10px 20px 5px 20px;}
.banner-mypage .bx-wrapper { padding:10px 10px 0 10px; }
.banner-mypage .bx-viewport,
.banner-mypage .bx-wrapper img { border-radius:0; border:0;}
.banner-mypage ul.bxslider li { margin-bottom:10px;}
.stats + .section, .stats + .section h3 { margin-top:0;}

ul.mypage-foot-navi{ margin:10px  auto 20px  auto; display:table; table-layout:fixed; width:100%}
ul.mypage-foot-navi li{ display:table-cell; text-align:center; border-right:1px solid #dee1e5;}
ul.mypage-foot-navi li:last-child{ border-right:0;}
ul.mypage-foot-navi li a{ display:block}
ul.mypage-foot-navi .icon { background-size:500px; width:50px; height:50px; display:block; margin:0 auto 5px auto;}
ul.mypage-foot-navi .icon.icon-ranking { background-position: -97px -98px;}
ul.mypage-foot-navi .icon.icon-league { background-position: -98px -250px;}
ul.mypage-foot-navi .icon.icon-shopsearch {background-position: -98px -145px;}
ul.mypage-foot-navi .icon.icon-event { background-position: -98px -195px;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#d61518}
.bx-wrapper { border-radius:0;}
.bx-viewport {border-radius:0;}
.bxslider li { display: none;}
.bx-viewport .bxslider li { display: block !important;}
.banner-main .bx-wrapper .bx-pager { margin:0; padding:0}
.banner-main .bx-wrapper .bx-pager.bx-default-pager a { width:4px; height:4px;}

a.btn-pickup,
a.btn-beginner,
a.btn-shopsearch{ background:#3cbb2b; border:1px solid #2eae1d; color:#ffffff; display:block; font-size:16px; padding:10px 3px;text-shadow: 0 0 1px #33A34D; border-radius:6px;}
a.btn-shopsearch {background:#4180d6; border:1px solid #3675cb;text-shadow: 0 0 1px #3157A3;}
a.btn-pickup {background:#F43237; border:1px solid #de2f34; text-shadow: 0 0 1px #de2f34;}
a.btn-beginner span{ margin-right:0;}
.box-tool{margin:0 0 10px 0;}

.navi-toggle + table { margin-top:20px;}
.todayData,
.link-mission {background:#ffffff;border: 1px solid #dee1e5;border-radius: 5px;color: #666666;font-size: 14px;margin:0 5px 10px 5px;position:relative;}
.todayData a,
.link-mission a { display:block; padding:10px; text-decoration:none;}
.todayData a .tag { margin-left:10px; font-size:10px; background:#F43237}

.todayData a:before,
.link-mission a:before {
	color:#CCC; font-size:14px;width:14px;height:18px;display:block;position:absolute; right:5px; top:0; bottom:0; margin:auto;
	font-family: 'Glyphicons Halflings';content: "\e258";}
.link-mission a { position:relative; padding-left:40px;}
.link-mission a img { position:absolute; left:5px; top:5px;}
span.vsrank { font-size:32px; display:inline-block; position:absolute; top:10px;}

#id_web { border:1px solid #cccccc;border-radius:6px;display:block;}

div.section + #apps { margin-top:20px;}
#account-wrap { background:#F7F7F7; margin:0 0 20px 0; padding:10px 10px 0 10px; border-bottom:1px solid #CCC;}
#account-wrap .player-list > li { background:#FFFFFF;}
#account-wrap .player-list > li:first-child { border-radius:10px 10px 0 0;}
#account-wrap ul.player-list > li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#account-wrap h6 { font-size:14px; margin:5px 0 0 0; font-weight:bold;}

.data-tool h3.bar { margin-top:0;}
.data-tool h4 { border:none; font-size:16px; margin:0 0 5px 0; color:#E8323D}
.data-tool h4 span { display:block; font-size:12px; font-weight:normal; color:#666666; margin:5px 0 0 0;}
.data-tool .link-wrap { display:block; margin-bottom:10px; border:1px solid #cccccc; border-radius: 6px; padding:10px;}
.data-tool table { width:100%}
div.section + .data-tool { margin-top:0;}

ul.list-border {border: 1px solid #e6e1e1; border-radius: 10px; margin-bottom: 20px; background:#FFFFFF;}
ul.list-border li { border-bottom:1px solid #e6e1e1}
ul.list-border li:last-child { border-bottom:none;}
ul.list-border li span.nolink,
ul.list-border li a { display:block; padding:10px;}
ul.list-border li span.nolink + a { padding-top:0;}
ul.inline-border-list { border-radius:3px; border:1px solid #eae4e5; display:inline-block}
ul.inline-border-list  li { display:inline-block; border-right:1px solid #eae4e5; padding:5px 5px; border-radius:0}
ul.inline-border-list  li:last-child {border-right:none}

#account-wrap  h4 { border:none; color:#4C4E54; margin-top:5px;}
#account-wrap  h4 img { margin-right:3px; vertical-align:bottom; height:18px; margin-bottom:-1px;}
#account-wrap ul.list-border h5{ margin:0 0 5px 0; padding:0; font-size:18px; color:#F43237;}
#account-wrap ul.list-border li .box-tbl .cell:first-child { border-right: 1px solid #e6e1e1; }
#account-wrap ul.list-border li .box-tbl .cell:last-child  { width:100px}
#account-wrap ul.list-border li .box-tbl .cell:last-child a { text-align:center; font-size:10px;}
#account-wrap .icon-mark { display:block; border-radius:50%; border:2px solid #595757; margin:5px auto; width:40px;}
#account-wrap ul.inline-border-list li { font-size:12px; font-weight:normal;}
#account-wrap ul.inline-border-list li img { vertical-align:middle; height:16px;}
#account-wrap ul.inline-border-list { background:#ffffff}
#account-wrap .player-img { width:40px;}
#account-wrap .status { color:#344575}
#account-wrap a:hover { opacity:0.5}
.section.main-middle-link { padding:0 10px ;}
.section.main-middle-link .box-tbl .cell { width:50%; }
.section.main-middle-link .box-tbl .cell:first-child a{ margin-right:5px;}
.section.main-middle-link .box-tbl .cell:last-child a{ margin-left:5px;}

li span.main-card {width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #e8323e transparent transparent transparent;position:absolute;left:0; top:-1px;z-index:20;}
a.btn-cardmanage { background:#4C4E54; color:#FFFFFF; display:block; max-width:240px; margin:0 auto; font-size: 16px;padding: 10px 3px;}
a.btn-cardmanage:hover,
a.btn-shopsearch:hover,
a.btn-beginner:hover,
a.btn-tool:hover,
a.btn-pickup:hover { color:#FFFFFF; opacity:0.8}
#account-wrap li.info a h6 { margin-bottom:5px; color:#F43237;}
#account-wrap li.info a { font-weight:normal; border-top:none}
.player-list.card > li:before { content:"";}
.player-list.card .box-tbl {background: #eef1f2; margin-top:1px}
.player-list.card li:first-child .box-tbl{ border-radius: 10px 10px 0 0;}
.player-list.card .cell.card-info { padding:10px 0 10px 10px;}
.player-list.card .cell.card-info  img.img-prof{ width:38px; height:auto; border-radius:3px; margin-right:5px; border:none;}
.player-list.card dd{ font-weight:normal; color:#666666; font-size:12px; padding-top:5px;}
.player-list.card .cell.card-info a:link{ padding-right:10px;}
.player-list.card .cell.card-link { width:115px; text-align:right; vertical-align:top; padding-right:10px; padding-top:10px}
.card-link li { display:inline-block; width:30px;}
ul.player-list li .card-link a:link{ padding:0; margin:0;}
.card-link li img{ width:100%; border-radius:5px;}
.player-list.card > li > a { position:relative;  }
.player-list.card > li > a:after {
	font-size:16px;width:1em; height:1em; display:block; position:absolute; right:6px;top:0; bottom:0; margin:auto;content: "\e258";font-family: 'Glyphicons Halflings';
	color:#cccccc;font-weight:normal;}
.main-sidebanner { margin:20px 0;}
#sidebar div.main-sidebanner:first-child, #sidebar div.main-sidebanner:first-child ul { margin-top:0;}
.main-sidebanner ul { margin:20px 0;}
.main-sidebanner ul li { margin-bottom:10px; text-align:center; clear:both; border:1px solid #cccccc; border-radius:6px;}
.main-sidebanner ul li a { padding:10px 5px ; display:table; width:100%; background:#FAFAFA;border-radius:6px;}
.main-sidebanner ul li span {font-size:12px; color:#666; display:table-cell; text-align:center; vertical-align:middle;}
.main-sidebanner ul li span.bn { width:150px; padding-right:10px;}
.main-sidebanner ul li span.bn img{ width:100%;}
.main-sidebanner ul li a:hover{ opacity:0.5}

/*#global menu */
#global-menu .section{clear:both;}
#global-menu a:link,
#global-menu a:visited {color:#C9CACA;font-size:16px;text-decoration:none;}
#global-menu .disable a:link,
#global-menu .disable a:visited {opacity:0.3}
ul.list-menu li.disable, ul.list-menu-2col li.disable{ background:none;}

#global-menu h2{ text-align:center; margin:0; color:#C9CACA; font-family:Arial, Helvetica, sans-serif;padding:15px 10px;font-size:16px;}
#global-menu h3 {margin:0;background:#565454;color:#FFFFFF;padding:8px 10px;	font-size:14px;font-weight:normal;}
#global-menu h2 { position:relative;}
#global-menu h2 a{ display:inline-block; position:absolute; right:0; top:15px; width:30px; height:20px;}
#global-menu .account h3 {background:#E8323D;}
#global-menu .account ul { display: -webkit-box;display: -moz-box;width:100%;margin:5px 0;}
#global-menu .account ul li a:link{padding:5px 10px;display:block;}
#global-menu .account ul li.left{-webkit-box-flex: 1;-moz-box-flex: 1;}
#gsidr-id-lobal-menu .account ul li.right {width:100px;text-align:center;}
#global-menu .account ul li.left a:link,
#global-menu .account ul li.left a:visited{font-size:15px;line-height:38px;border-right:1px solid #272625;}
#global-menu .account ul li.right a:link,
#global-menu .account ul li.right a:visited{font-size:10px;text-align:center;border-left:1px solid #645f5d;}
#global-menu .icon { opacity:0.8;}
#global-menu ul.list-menu-2col li a:link {font-size:12px;}
#global-menu .section { margin:0; padding:0}
ul.list-menu li,
ul.list-menu-2col li {border-bottom:1px solid #272625;box-sizing:border-box;background:url(/img/common/menu-arrow.png) no-repeat;background-size:20px;background-position:right;}
ul.list-menu li a:link,
ul.list-menu-2col li a:link{padding:10px 10px 10px 5px;display:block;text-decoration:none;}
ul.list-menu-2col li {width:50%;float:left;}
ul.list-menu-2col li:nth-child(odd){border-right:1px solid #272625;}

/*global menu pc --*/
#global-menu-wrap-pc { background:#f7f7f7; border-radius:6px; border:1px solid #e6e1e1}
#global-menu-pc .section{clear:both;}
#global-menu-pc a:link,
#global-menu-pc a:visited {color:#666;font-size:16px;text-decoration:none;}
#global-menu-pc .disable a:link,
#global-menu-pc .disable a:visited {opacity:0.3}
#global-menu-pc ul.list-menu li.disable,
#global-menu-pc ul.list-menu-2col li.disable{ background:none;}
#global-menu-pc ul.list-menu li.disable a,
#global-menu-pc ul.list-menu-2col li.disable a{ cursor:default;}
#global-menu-pc h2{ text-align:center; margin:0; color:#333333; font-family:Arial, Helvetica, sans-serif; padding:15px 10px; font-size:16px;}
#global-menu-pc h3 {margin:0;background:#565454;color:#FFFFFF;padding:8px 10px;font-size:14px;font-weight:normal;}
#global-menu-pc h2 { position:relative;}
#global-menu-pc h2 a{ display:inline-block; position:absolute; right:0; top:15px; width:30px; height:20px;}
#global-menu-pc .account h3 {background:#E8323D; margin:0 -1px;}
#global-menu-pc .account ul {width:100%;margin:0; display:table; height:60px;}
#global-menu-pc .account ul li { vertical-align:middle}
#global-menu-pc .account ul li a:link{padding:11px 10px;display:block; height:100%;}
#global-menu-pc .account ul li.left{ display:table-cell;}
#global-menu-pc .account ul li.right {width:100px;text-align:center; display:table-cell}
#global-menu-pc .account ul li.right a:link,
#global-menu-pc .account ul li.right a:visited{font-size:10px;	text-align:center;border-left:1px solid #e6e1e1;}

#global-menu-pc ul.list-menu-2col li a:link {	font-size:12px;}
#global-menu-pc .section { margin:0; padding:0}
#global-menu-pc ul.list-menu li,
#global-menu-pc ul.list-menu-2col li {
	border-bottom:1px solid  #e6e1e1;box-sizing:border-box;background:url(/img/common/menu-arrow-gray.png) no-repeat;background-size:20px;background-position:right;}
#global-menu-pc ul.list-menu li a:link,
#global-menu-pc ul.list-menu-2col li a:link{padding:10px 10px 10px 5px;display:block;text-decoration:none;}
#global-menu-pc ul.list-menu-2col li {width:50%;float:left;}
#global-menu-pc ul.list-menu-2col li:nth-child(odd){border-right:1px solid #e6e1e1;}
#global-menu-pc .account ul li.left a:link,
#global-menu-pc .account ul li.left a:visited{font-size:14px;line-height:38px;border-right:1px solid #ffffff;}
#global-menu-pc ul.list-menu:last-child li:last-child { border-bottom:0;}

/**/
ul.list-menu-default,ul.list-menu-default-2col{ border-radius:6px; border:1px solid #e6e1e1; background-color:#FFFFFF}
ul.list-menu-default li,
ul.list-menu-default-2col li {border-bottom:1px solid #e6e1e1;box-sizing:border-box;	background-size:20px;background-position:right;}
ul.list-menu-default li a:link,
ul.list-menu-default-2col li a:link{padding:15px 10px;display:block;text-decoration:none;position:relative;}
ul.list-menu-default li a.active,
ul.list-menu-default-2col li a.active{ color:#D61518}

ul.list-menu-default-2col li {width:50%;float:left;}
ul.list-menu-default-2col li:nth-child(odd){border-right:1px solid #e6e1e1;}
ul.list-menu-default li:last-child,
ul.list-menu-default-2col li:last-child,
ul.list-menu-default-2col li:nth-last-child(2)  { border-bottom:0;}
ul.list-menu-default > li a:before,
ul.list-menu-default-2col > li a:before {
	font-size:16px; width:1em;height:24px;display:block;position:absolute;right:6px;top:0; bottom:0; margin:auto;
	content: "\e258";font-family: 'Glyphicons Halflings';color:#cccccc;font-weight:normal;}
ul.list-menu-default-2col:after { clear:both;  display: table; content: " ";}
.footer-link .container {max-width:550px; width: 100%; margin-right:auto; margin-left:auto}
footer .flag{width:auto; margin:0; float:left; text-align:right}
footer .flag img{ width:30px; margin-right:5px;}
footer .footer-sitemap {float: none; margin:0; text-align:center; width: 100%;}
footer .footer-logo img { height:45px;}
.card_select{
	display:none; position:absolute; top:25px; right:10px; z-index:10;
	min-width:300px; margin:15px 0 0 0; padding:2px 0 10px 0; width:300px;
	box-shadow:0 3px 3px #919191; border:2px solid #2c2e31;border-radius:5px; background:#fff;}
.card_select span{
	background:none; position:absolute; top:-15px; right:0; display:block;
	width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px;border-color: transparent transparent #2c2e31 transparent;}
.card_select li{padding:5px; letter-spacing:0 !important; border-bottom:1px solid #d1d1d1;}
.card_select li a{
	float:none; display:block; width:100%; overflow:hidden; padding:2px 0; text-overflow:ellipsis; white-space:nowrap; text-align:left;
	letter-spacing:0 !important;position:relative; padding-left:80px;
	}
.card_select li a.active{color:#e93f43;}
.card_select li a img{margin:2px 6px 0 0; vertical-align:text-bottom; position:absolute; left:0; display:inline-block}
.card_select p{margin:8px; font-size:0.92em; letter-spacing:0 !important; text-align:center;}
.card_select .btnArea{padding:0; text-align:center;}
.card_select .btn_default{float:none; width:inherit; padding:8px; font-size:0.9em; letter-spacing:0 !important;}
header menu.rightMenu .card_select li a{ width:100%}

.formTbl th {background: none repeat scroll 0 0 #F3F4F4;}
.formTbl td .mg5{margin:5px 0;}
.global .sbj{border:none; display:block; float:none; font-size: 12px; font-weight: normal; padding:10px 5px; margin:0 auto; width:125px; height:35px; cursor:pointer}
.global .sbj a{color:#999;}
.global .sbj a:hover{color:#ccc;}

footer .selectBox{
	position:absolute; top:auto; right:0; left:0; margin:auto; bottom:35px; z-index:1001;
	width:280px; display:none; padding:2px; border:2px solid #000; background:url(/images/common/bg_global.png) repeat;}
footer .selectBox .bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:0; display:none;}
footer .selectBox strong{display:block; padding:10px 0; font-size:0.93em; color:#fff; text-align:center; text-shadow:0 0 3px rgba(0,0,0,.5);}
footer .selectBox >span { display:table; table-layout:fixed}
footer .selectBox div{position:relative; width:136px; font-size:12px; display:table-cell; border:1px solid #57595e; float:none !important; background:#383A40}
footer.selectBox .nation{float:left;}
footer .selectBox .nation strong{border:1px solid #57595e; background:#383a40;}
footer .selectBox .nation ul{border:0; background:#383a40;}
footer .selectBox .language{float:right;}
footer .selectBox .language strong{border:1px solid #5a5a5a; background:#4e4e4e;}
footer .selectBox .language ul{border:1px solid #5a5a5a; background:#4e4e4e;}
footer .selectBox .language select{width:130px;}
footer .selectBox ul li a{display:block; padding:5px 10px; color:#fff;}
footer .selectBox ul li.active a{font-size:1.07em; font-weight:bold; color:#f03033;}

.section.pickup { background:#F3F3F3; margin-top:0; padding-top:20px; padding-bottom:1px;}
.section.pickup + div.section.pickup {padding-top:10px; margin-top:-20px;}
.pickup-post { border-radius:6px; border:1px solid #CED1D6; margin:0 auto 20px auto; background:#FFF; max-width:600px;}
.pickup-img { margin:1px}
.pickup-img img { width:100%; border-radius:6px 6px 0 0;}
.pickup-text { padding:10px 10px 0 10px;}
.pickup-text a:link { text-decoration:underline;}
.pickup-date { padding:10px; text-align:right;}
.pickup-date a:link { color:#7C5051; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.pickup-date .tag { background:#F43237;}
.section.pickup .btn-block {max-width:600px; margin:10px auto; padding:8px}

.regist-new{margin-bottom:10px;}
.login_area {   border-top: 1px solid #EFEFEF; margin:10px 0; padding:10px 0;}

.check.isok,
.check_btm.isok{color: #093; margin: 10px 0; font-size: 1.2rem; line-height: 1.7;}
.check.isok span{margin-right: 5px;}
.ng_message{ color:#ff0033; display:block}
#joinform .btn-action,
#joinform .btn-del {margin:0 auto 10px auto; width:40%; font-size:1.7rem; font-weight:bold;}
#joinform .formTbl .text-info{margin: 10px 0; font-size: 1.2rem; line-height: 1.6;}

#entranceForm .listname { font-size:14px;  color: #2c6ed5; margin-bottom:5px; font-weight:bold;}
#entranceForm .liststats { font-size:12px; color:#666666; margin-bottom:0;}
#entranceForm .listcardid { font-size: 15px;letter-spacing: 0.1em; margin: 0;  font-weight:bold;}
.id_table .listcardid {font-size: 15px; font-weight: bold;letter-spacing: 0.1em; margin: 0;}
.id_table .listname {color: #2c6ed5;font-size: 14px;font-weight: bold; margin-bottom: 5px;}
.id_table .liststats {color: #666666;font-size: 12px; margin-bottom: 0;}
.id_table dd{ border-bottom: 1px solid #e6e1e1; border-left: 1px solid #e6e1e1; border-right: 1px solid #e6e1e1; font-size: 14px; font-weight: normal; margin: 0;padding: 10px;}
.id_table dt {margin-bottom:0;}
.id_table dd h5 {margin: 0 0 10px; padding: 0;}
.fc-r{ color: #ff0033; display: block;}
.one-col .dlstyle1 dd.w400{ border:none;}
.idcont_wrap .btn-action, .idcont_wrap .btn-del { font-size: 18px;font-weight: bold; margin: 0 auto 10px; width: 40%;}

.dlstyle1 h5 { margin:0 0 10px 0; padding:0;}
.one-col .dlstyle1 dd { font-weight:normal;}
.dlstyle1 li { margin-bottom:10px; font-weight:bold;}
.dlstyle1 table td { vertical-align:top; padding-bottom:10px;}
a.link-text { text-decoration:underline}

.section.pay .cell.img { width:120px;}
.section.pay h5.sub { color:#344575; padding:0; }
.section.pay .text-info {width:95%; max-width:400px; border:#577995 2px solid; padding:10px; margin:0 auto 15px; text-align:center;}
.section.pay .pay_notice h5{font-size:16px; text-align:center; color:#ff0033; margin:0 0 10px 0;}
.section.pay .infosub {margin-bottom:0; color:#ff0033;}
.section.pay .infosub li{list-style:none; margin-left:12px; text-indent:-12px;}

.section ul.list-text { list-style:disc; margin-left:30px;}
.section ul.list-text li { list-style-type:disc;}
.section ul.list-form { list-style:none; margin-left:0;}
.section ul.list-form li { margin-bottom:5px;}
.section .box-info ul.list-text { margin:10px 10px 10px 30px}


.box-info  dl.id { padding:10px;}
.pay_caution { padding:10px;}
.tc-sub-cate .selectWrap { margin-top:10px}
.tc-current { border: 1px solid #e6e1e1;border-radius: 6px;padding: 10px;}
.tc-current + h5{ margin-top:20px; padding-left:0}

#title_config_dl_1 { position:relative}
#title_config_dl_1 dt{margin-left:50px; font-size:10px; color:#6a6d74}
#title_config_dl_1 dt span{ font-weight:bold; display:block; font-size:14px; color:#333333}
#title_config_dl_1 dd{ margin-left:50px; color:#6a6d74}
#title_config_dl_1 dd.icon{ position:absolute; left:0; top:0; margin-left:0}
#title_config_div_1 .size { margin:10px 0;}

.tc-conf-list { height:200px; overflow:auto; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background:#ECEFF5;-webkit-overflow-scrolling: touch;}
.tc-conf-list a { display:block; border-bottom:1px solid #ced4e1; padding:5px;}
.tc-conf-list a:last-child {border-bottom:none;}
.tc-conf-list a dl{ position:relative;}
.tc-conf-list a dt{margin-left:50px; font-size:10px;}
.tc-conf-list a dt span{ font-weight:bold; display:block; font-size:14px;}
.tc-conf-list a dd{ margin-left:50px; color:#6a6d74}
.tc-conf-list a dd.icon{ position:absolute; left:0; top:0; margin-left:0}

.receive_view { border-radius:6px; border:1px solid #e9e9e9; background:#F7F7F7}
.receive_view div { border-bottom:none; background:#FFFFFF; border-radius:0 0 6px 6px; border-top:1px solid #e9e9e9}
.receive_view div.btnArea { border:none;}
.receive_view dt { font-weight:bold}

textarea#memo { padding:10px;}
.mypage_email_send p.infosub { padding-top:10px; margin-bottom:0}
.mypage_email_send .formTbl { margin-top:20px;}
.email_regi .baseTbl th { text-align:center; background:#F9F9F9}
.mypage_email_send .formTbl td span {display: block;left: 2px;position: absolute;top: 7px;width: 80px; font-size:12px; color:#333333}
.mypage_email_send .formTbl td a.btn-sm{ padding:4px 6px; line-height:18px;}
.mypage_email_send .formTbl td a.btn-sm img{ vertical-align:sub; margin-right:3px}
.email_regi .btnArea { margin-top:0}
#layer .layerCon.email_regi {height: 250px;overflow: auto;}
#layer {z-index:70}
#layer h1 { margin:0; font-size:1em;}
#layer .inner .btn_close { top:10px;}
#layer .baseTbl { margin-top:0}
#layer .layerCon.email_regi {-webkit-overflow-scrolling: touch;}
.section.mail { position:relative}
.section.mail a.write{ position:absolute; right:10px;}
.friendTbl td.left a{ display:block}
.friendTbl td.left a .name{ display:block; color:#3366CC; font-weight:bold; font-size:14px; margin-top:5px;}
.friendTbl td.action { width:96px;}
.mypage_email  .invite { display:block; margin:10px 0; padding:5px;}
.mypage_email  .invite span { color:#3366CC; }
.mypage_email ul.text-caution { font-size:12px; margin-bottom:20px;}
.mypage_email .baseTbl dl { padding-left:50px;}
.mypage_email ul.player-list li dt a:link{ padding:5px 0 0 0;}
.mypage_email .member-manage p.text-info { border-top:1px solid #f7f7f7; padding-top:20px;}
form#FriendForm dl { border:none;border-radius: 0;margin-bottom: 0;}
form#FriendForm dt { background: none; border-radius: 0;color:#333; font-weight:bold; margin-bottom: 5px;padding: 5px;}
form#FriendForm span.class { display:inline-block; width:80px;}
form#FriendForm .member-manage .player-list .player-img{ vertical-align:middle}
.sns_caution a { width:auto; display:inline-block}
.sns_caution .info_con .em { color:#06C}

td.player .class { width:70px; float: left;height: 30px;margin-right: 10px;padding-top: 10px;}
td.player .class img { height:16px;}
td.player a { padding:0;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
td.player a.shop {  color: #344575;display: block;font-size: 12px;}


.sub_titleArea {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #cccccc;
    border-bottom: 3px solid #d61518;
    box-sizing: border-box;
    box-shadow:none;
    height: 40px;
    position: relative;
    width: 100%;
	margin:10px 0 20px 0;
}
.sub_titleArea h3 {font-size: 18px;}
.sub_titleArea h3 a {color: #333333; display: block;line-height: 40px;padding: 0 0 0 10px;}
.sub_titleArea h3 a:focus { text-decoration:none;}
.sub_titleArea h3 img {float: right; margin:0;}
.sub_titleArea h3 a:before {
	font-size:8px; color:#6a6d74;
	height:36px;
	line-height:40px;
	display:block;
	position:absolute;
	right:0;
	top:0;
	padding:0;
	border-left:1px solid #e6e1e1;
	width:30px; text-align:center;
	content:'▼';}
.select_contents .sub_titleArea {margin:0; background:#ffffff; border:none; border-bottom:1px solid #dbd9d9}
.select_contents .sub_titleArea h3 { font-size: 16px; font-weight:bold;}
.select_contents .sub_titleArea h3 a {color: #333333; display: block;line-height: 40px;padding: 0 0 0 10px;}
.select_contents .sub_titleArea h3 a:focus { text-decoration:none;}
.select_contents  .sub_titleArea h3 img {float: right; margin:0;}
.select_contents  .sub_titleArea h3 a:before {content: ""; display:none;}
.select_contents h3 button{
	font-size:12px; color:#6a6d74;height:40px;
	line-height:40px;display:block; font-weight:normal;
	position:absolute; background:none;
	right:0;	top:0;	padding:0; border:none;
	border-left:1px solid #e6e1e1;
	width:60px; text-align:center;
}
/* */
.modi_list {
	background: none repeat scroll 0 0 #e6e6e6;
	border:1px #cccccc;
	border-top: 1px solid #b1000d;
	display: none; position: absolute; top: 39px; width: 100%;z-index: 20;
	-webkit-box-shadow: 0 4px 0 0 rgba(0,0,0,0.3); box-shadow: 0 4px 0 0 rgba(0,0,0,0.3);
}
.modi_list li { border-bottom: 1px solid rgba(0,0,0,0.1);border-top: 1px solid rgba(0,0,0,0.1);}
.modi_list li a {color: #000000;display: block; height: 35px; line-height: 35px;padding: 0 0 0 15px;}
.modi_list li.active { background-color:#bd1316; border-top: 0 none;}
.modi_list li.active a { color: #fff; height: 36px; line-height: 36px;}
#layer { position:absolute;}

.intro .dlstyle1 dt { background:#f7f7f7; border:1px solid #e6e1e1; border-bottom:1px solid #e93f43; color:#333333; padding:10px}
.intro .bx-wrapper {
	background:none; padding:15px 0; margin-bottom:50px;background-color: #EFEFEF;
	border-top:1px solid #e6e1e1;border-bottom:1px solid #e6e1e1;
}
.intro .bx-wrapper .bx-pager { width:95%}

.intro .bx-wrapper img { border-radius:0; border:0; margin:0 auto;}
#joinform td h5 { margin-top:10px;}
ul.list-media { }
ul.list-media li { position:relative; border:1px solid #cccccc; border-radius:6px; margin-bottom:15px;}
ul.list-media li a { display:block; padding:8px; }
ul.list-media li a:after {font-size:14px;width:14px;height:18px;display:block;position:absolute;right:5px;top:0; bottom:0;margin:auto;font-family: 'Glyphicons Halflings';content: "\e258"; color:#999;}
ul.list-media li .cell.media { width:120px; min-height:60px; vertical-align:middle;}
ul.list-media li .cell.media img{ width:100%;}
ul.list-media li a:hover { opacity:0.5}
ul.list-media li .cell dl { padding:0 15px 0 10px}
ul.list-media li .cell dt { font-weight:bold; line-height:14px; margin-bottom:5px;}
ul.list-media li .cell dd { font-size:10px; color:#666666; line-height:12px;}
#collection_list_div{ margin:10px 0;}
#collection_list_div .cell:first-child { padding-right:10px;}
fieldset.guide  strong { width:100px; display:block; float:left; line-height:30px;}
fieldset.guide .selectWrap{ width:150px; float:left; margin-right:10px;}
fieldset.guide #search_value{ width:280px; float:left; height:30px !important; margin-right:10px;}
fieldset.guide .btn{ width:100px; float:left}
.guide .form-wrap {
   border: 3px solid #e6e1e1;
    box-sizing: border-box;
    margin: 10px 0;
    outline: 2px solid #d1d1d1;
    outline-offset: 0;
    padding: 10px;
}
.guide .form-wrap { margin:0 0 20px 0;}

ul.list-toggle{border: 1px solid #e6e1e1; border-radius: 6px;}
ul.list-toggle li {
    background-position: right center;
    background-size: 20px auto;
    border-bottom: 1px solid #e6e1e1;
    box-sizing: border-box;
}
ul.list-toggle li a{
    display: block;
    padding: 15px 30px 15px 15px;
    position: relative;
    text-decoration: none;
}
ul.list-toggle > li > a:after {  display: table;content: " "; clear:both}
ul.list-toggle > li > a{ font-weight:bold}
ul.list-toggle li a:active,ul.list-toggle li a:hover{color:#F03;}
ul.list-toggle li:last-child{border-bottom: 0 none;}
ul.list-toggle > li > a:before{
    bottom: 0;
    color: #cccccc;
    content: "\e114";
    display: block;
    font-family: "Glyphicons Halflings";
    font-size: 16px;
    font-weight: normal;
    height: 24px;
    margin: auto;
    position: absolute;
    right: 6px;
    top: 0;
    width: 1em;
}
ul.list-toggle > li ul{ display:none; background:#EFEFEF; border-top:1px solid #dee1e5;}
ul.list-toggle > li ul a span.glyphicon { margin-right:5px; color:#FF3333;}
ul.list-toggle > li ul a:before{content: "\e258";}
ul.list-toggle > li ul li a:after{ clear:both; display: table; content: " ";}
ul.list-toggle > li ul li a:before{ content: " ";}
ul.list-toggle > li.active > a:before{content: "\e113";}
ul.list-toggle > li.active ul{ display:block;}
ul.list-toggle .thumb { display:inline-block; float:left; width:50px; overflow:auto; margin-right:10px;}
img.thumb + span.title {overflow:hidden; display:block;}
.modal-body ul.list-toggle{ border-radius:0; border-left:none;border-right:none; margin:0 -10px;}
.modal-body ul.list-toggle li a { padding-left:10px;}
.modal-body ul.list-toggle > li ul { padding:10px}


.guide h3.border { margin:20px 0; padding:20px 10px 10px 10px; background:#F7F7F7; border-bottom:1px solid #bababa; border-top:1px solid #bababa; color:#333; font-weight:bold; font-size:16px;}
.guide_detail .c_blue { color:#003399 !important; font-size:16px; font-weight:bold;}
.faq ul.list-toggle > li ul > a:before {  content: "";}
.faq ul.list-toggle > li ul a {display: inline !important; padding: 0;text-decoration: underline;}
.faq ul.list-toggle > li ul a:after {display:inline;}
.faq_answer a:link,.faq_answer a:visited {display: inline; padding: 0;text-decoration: underline; color:#0066FF}

.support_guide ul {display:table; table-layout:fixed; width:100%; border:1px solid #e6e1e1; position: relative; margin:0 0 5px 0;}
.support_guide li{display:table-cell; text-align:center; border-right:1px solid #e6e1e1; position:relative;}
.support_guide li a:link {
	display:block; padding:10px 5px; font-size:12px; text-decoration:none; color:#333333;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
}
.support_guide li a:visited {color:#333333; }
.support_guide li:last-child{ border-right:none;}

.shop_btn { text-align:right; margin:20px 10px;}
.section h4 { background:none; height:auto;}
.shopModi h4.last-child { border-top:none}
#layer2 h1 { margin-top:0;}
#layer2 p { padding:10px 15px; }
.shopArea .area input[type="text"] { border: 1px solid #f7f7f7; height:auto !important;line-height: 24px !important; padding: 3px !important; background: #f9f9f9; font-size:14px; color:#586385}
.shopArea .area span { padding:5px;}
.shopModi textarea { padding:5px;}
.shopModi input.term[type="text"] { margin-top:5px;}
.shopArea .area .arr_del { position: absolute;right: 10px; top: 8px;}
.shopArea label{ color:#006699; font-weight:bold; font-size:16px;}
.shopModi ul.con { text-align:left;}
.shopModi ul.con li { margin-bottom:5px;}
.shopModi ul.con li.title { font-weight:bold; font-size:14px;}
.shopModi ul.con li.nickname, .shopModi ul.con li.date { color:#9499a7}
.shopModi h5 { padding-left:0; color:#f43237}
h2.shopModi-name { font-size:16px; padding:10px; background:#6A6D74; margin:0 0 -10px 0; color:#FFF}
.shopModi .file_name {float: left; margin: 0 10px 6px 0; position: relative; height:65px;}
.shopModi .file_name a.btn_remove { position:static; border:1px solid #cccccc; display:inline-block; padding:3px;}
.shopModi .file_name img.delBtn{ position:absolute; top:-5px; right:-5px;}
.shopModi .file {float: left; width: 100%;}

.cover-select img,
.icon-select img { width:90%; max-width:80px; height:auto; display:block; margin:0 auto 10px auto;}
.icon-select img {max-width:60px; width:70%}

.baseTbl td.player { height:48px; vertical-align:middle; width:130px;}
.baseTbl td.player a { position:relative; height:100%; padding:3px;}
.baseTbl td.player a img {}
.rank_tab li.last-child a,.rank_tab li.last-child a.active { border-right:none;}

.swiper-slide .baseTbl { table-layout:fixed}

/* radio label position*/
.homeshop input[name="homeshop"] + label,
input[id^="club_chk_"] +label ,
input[id^="opentype"] +label ,
input[id^="club-invite"] +label,
.list-form input[type="radio"]+label,
input[id^="size"] +label,
input[id^="base_cover"] +label,
input[id^="icon_no"] +label,
input[id^="main1"] +label
{ text-indent:101%; width:20px; height:20px; overflow:hidden; display:inline-block; position:absolute; white-space:nowrap}

.homeshop input[id^="chk_"] +label ,
input[id^="ListChk_"] +label ,
input[id^="shop_"] +label,
.prof-mail-r input +label,
input[id^="invite_chk"] + label,
input[id^="check_all"] + label,
input[id^="member_chk_"] + label,
input[id^="isdisplay"] + label,
input[id^="del1"] + label
{ text-indent:101%; width:20px; height:20px; overflow:hidden; display:inline-block; position:absolute; white-space:nowrap}

.homeshop table.border div,
.player-list .check,
.member-manage p,
#club_frm dd,
table.club-list div,
.playnavi-list .checkbox,
ul.list-form li,
ul.select-horizon.tc li,
ul.select-horizon.cover-select li div,
ul.select-horizon.icon-select li div,
table.playnavi-setting div,
table.mail-list td,table.mail-list th,
#account table.border div,
.prof-mail-r { position:relative;}
ul.select-horizon.cover-select li div,
ul.select-horizon.icon-select li div { text-align:center; }
ul.select-horizon.icon-select label { font-size:10px; text-align:center; display:block}

input[id^="member_chk_"] + label ,
input[id^="invite_chk"] + label,
input[id^="check_all"] + label ,
.list-form input[type="radio"]+label{ left:0;}

.prof-mail-r input +label { right:5px;}

input[id^="isdisplay"] + label { left:0; top:5px;}
input[id^="size"] +label ,
input[id^="base_cover"] +label,
input[id^="icon_no"] +label {left:0; right:0; margin:auto; width:30px; height:30px;}
input[id^="ListChk_"] +label,
input[id^="check_all"] + label,
input[id^="main1"] +label,input[id^="del1"] + label,
.homeshop input[id^="chk_"] +label,
.homeshop input[id^="homeshop_"] +label,
input[id^="club_chk_"] +label {left:0; right:0; margin:auto; }

.homeshop input[id^="chk_"] +label,.homeshop input[id^="homeshop_"] +label {bottom:0; top:0}
.member-manage p input[id^="check_all"] + label { right:auto;}
input[id^="opentype"] +label ,
input[id^="club-invite"] +label { left:10px;}
table.mail-list input[id^="ListChk_"] +label ,
table.mail-list input[id^="check_all"] + label {left:-11px; right:0; margin:auto;}
.member-manage ul.player-list input[id^="ListChk_"] +label { left:-11px;}
#account dd input[id^="opentype"] +label { left:20px;}

.select-horizon.tc .radio_check { margin: auto; position:absolute; left:0; right:0;}

.right_pop #cont  { z-index:999;width:100%;}
.right_pop #cont h1 { margin-bottom:0}
.right_pop #cont .section.mystory-cover { margin-top:0}
select#a_size { width:100%;}
.jcrop-holder .frame {box-sizing: content-box;}
.baseTbl td.rank_none {height: 178px;padding: 0;vertical-align: middle;}
#id_create dl { padding:0;}
#id_create dt { margin-bottom:0}
#id_create p.text-info { margin-top:5px;}
.a.btn_sorting { color:#FFFFFF;}
#sidebar #apps:first-child {margin-top: 15px;}
.homeshop-head .cell.photo img.img-responsive{ width:100%;}
.bbs_list li dt span { margin-right:5px;}
aside {display: none;}
.container.breadcrumb { display:none;}
.commu_con { padding: 0;}

/*rivalrank*/
#rivalrank #ranking_list ul { table-layout:fixed; border-bottom:1px solid #e6e1e1; border-top:1px solid #e6e1e1;}
#rivalrank #ranking_list ul li { text-align:center; border-right:1px solid #FFF;}
#rivalrank #ranking_list ul .rank{ font-size:18px;padding: 5px;}
#rivalrank #ranking_list ul .prof { width:100%;padding: 5px;}
#rivalrank #ranking_list .point { padding:10px 5px; background:#F7F7F7;}
#rivalrank #ranking_list li.me { background:#d6fedd;}
#rivalrank #ranking_list li.me .rank { color:#42BC56;}
#rivalrank #ranking_list li.me .point { background:#42bc56; color:#FFFFFF}
#rivalrank #ranking_list .img-prof-square { border-radius:5px;}
#rivalrank #ranking_list h4 { border:none; background:#F7F7F7; color:#0f1113; margin:0; padding:10px;}
#ranking_compare { position:relative; width:100%; margin-top:20px;}
#ranking_compare .row1 { background:url(/img/ranking/rival_bg1.png) repeat-x bottom; background-size:8px auto;}
#ranking_compare .row2 { background:#4e4f55; border-bottom:5px solid #272b31; font-size:28px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding:10px 0;}
#ranking_compare .point {
	width:100px; height:100px; position:absolute; margin:auto; left:0; right:0; bottom:20px; background:url(/img/ranking/rival-up.png) no-repeat; background-size:100% auto;
	border-radius:50px; color:#FFFFFF; text-align:center;padding-top:10px;
	}
#ranking_compare .point .text-narrow { font-size:12px;}
#ranking_compare .point.todown { background:url(/img/ranking/rival-down.png) no-repeat; background-size:100% auto;}
#ranking_compare .point span{ font-size:24px; font-weight:bold;}
#ranking_compare .cell { text-align:center; width:45%;}
#ranking_compare div.box-tbl div.cell:nth-of-type(2) { vertical-align:middle; font-size:25px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#858f96; width:10%;}
#ranking_compare .data-name { color:#e5f6fc; font-size:14px;}
#ranking_compare .prof { padding:10px 0; margin-top:10px;}
#ranking_compare .name { overflow:hidden; width:100px; margin:0 auto; color:#666666; height:40px; font-size:12px}
#ranking_compare .img-prof-square { width:80px; height:80px; border-radius:10px;}
#ranking_compare .img-prof-square .crop { width:100%; height:100%;}
#ranking_compare .img-prof-square img { width:auto; height:80px; margin-left:-13px}
#ranking_compare .bubble {
	position: relative;display: inline-block;padding: 0 15px;width: auto;min-width: 115px;height: 30px;line-height: 30px;color: #ffffff;text-align: center;background: #ffa200;	z-index: 0;}
#ranking_compare .bubble:before {
	content: "";position: absolute;bottom: -8px; left: 50%;margin-left: -9px;width: 0px;height: 0px;border-style: solid;border-width: 9px 9px 0 9px;
	border-color: #ffa200 transparent transparent transparent;z-index: 0;
}
#ranking_compare .me .bubble {background: #42bc56;}
#ranking_compare .me .bubble:before {border-color: #42bc56 transparent transparent transparent;}
#rivalrank div.right.top { margin-top:-36px; margin-bottom:10px;}
.myrank th.head a:link,.myrank th.head a:visited { color:#FFFFFF; text-decoration:underline;}
.myrank th.head a:hover,.myrank th.head a:active { color:#FF8080; text-decoration:none;}
table.myrank { margin-bottom:20px;}
#my_game_score  .btn_open { display:inline-block}
#myrank_page + table { table-layout: fixed; }
.bubble { display: none;  position: relative; z-index:1;}
.bubble div {left: 50%;margin: 0 0 0 -46px; padding: 7px 0 0; position: absolute; top: 0; width: 92px;}
.bubble span { display: block; height: 8px; left: 50%; margin: 0 0 0 -7px; position: absolute; top: -4px; width: 15px;}
.bubble ul {
    background: none repeat scroll 0 0 #fff; border: 1px solid #a7a9af; border-radius: 4px;  left: 50%; margin: 0 0 0 -67px;
	position: absolute; text-align: left; top: 3px; width: 90px;}
.bubble li { border-bottom: 1px solid #c4c4c4;font-size: 0.93em;}
.bubble li:last-child { border-bottom: 0 none;}
.bubble li a {color: #26282d !important; display: block; padding: 10px; text-shadow: none;}

/*mini help 20150119 */
a.link-help { color:#FFF; display:inline-block; position:relative; padding-right:20px;}
a.link-help:before {content: "\e085";  font-family: 'Glyphicons Halflings'; position:absolute; margin:auto; right:0; top:0; bottom:0; left:auto; font-size:14px; width:1em; height:1em; text-shadow:none}
.modal-section h5 { font-weight:bold !important; padding-left:0 !important; font-size:16px;}
.modal-section h5:first-child { margin-top:0}
.modal-section h6 { font-weight:bold;}
.modal-section { border-top:1px solid #e5e5e5;}
.mini-help-contents {border-bottom:1px solid #e5e5e5; padding-bottom:10px; color:#333333}
.mini-help-contents:last-child { border-bottom:0;}
#mini-help h5 { color:#344575; font-size:14px}
#mini-help .bg{position:fixed; top:0; left:0; width:100%; height:100%; opacity:.5; background:#000;}

/*goldform 20150119 */
#goldForm .card-info { position:relative}
#goldForm .card-info p { margin-bottom:5px;}
#goldForm .card-info p:last-child { margin-bottom:0;}
#goldForm .goldpoint { font-size:18px; font-weight:bold; color:#F60;}
#goldForm .goldpoint span.tag { font-weight:normal}
#goldForm .card-info p.listname{ font-weight:bold}
#goldForm table.border { border-radius:5px 5px 0 0 !important;border-collapse:separate;}
#goldForm table tr:first-child th:first-child { border-radius:5px 0 0 0;}
#goldForm .box-danger,#form_close .box-danger ,.box-danger { background: none repeat scroll 0 0 #ffeeee; border: 1px solid #ff8787; padding:10px; margin-bottom:20px;}
#goldForm .box-danger p,#form_close .box-danger p,.box-danger p{ margin-bottom:0}
#goldForm .select-small .selectWrap { width:80%;}
#goldForm  .input-small { width:30%;}
#goldForm span.tag.need { background:#F43237; color:#FFFFFF;}
#goldForm .formTbl p.infosub,#goldForm .formTbl ul.infosub  { margin-bottom:0; margin-top:5px;}
#goldForm h5 { font-size:18px; padding-left:0; background:#F3F4F4; padding:5px 0; border:1px solid #d3d3d3}
#goldForm span.step { background:#666666; color:#FFFFFF; display:inline-block; margin-right:10px; padding:5px; font-size:14px}
#goldForm .formTbl .goldpoint { margin-bottom:5px;}
.cpn-goldform { margin-top:-10px; margin-bottom:20px;}
#goldForm .error_mes{ padding:5px; color:#F03; font-weight:bold;}
#goldForm input[type="tel"] { width:3.5em; font-size:16px}
#goldForm #pcode_1 { width:3em;}
#goldForm #pcode_2 { width:4em;}

/*Item Shop ranking  20150413 add */
.ranking_item li { border-top:1px solid #e6e1e1; padding:5px 0}
.ranking_item .area { position:relative}
.ranking_item .area > a { display:inline-block; height:58px;}
.ranking_item .area > a p { margin:0;}
.ranking_item .area .img {    display: inline-block; float: left; margin-right: 10px;}
.ranking_item .area .img .corver {  height: 65px; overflow: hidden; position: relative; width: 65px;}
.ranking_item .img span {
	background: url("http://images.phoenixdarts.com/itemshop/jp/images/common/ico_b-temstyle.png") no-repeat scroll 0 0 / 150px auto #393738;
	border-top-right-radius: 5px;
	bottom: 0; height: 22px; left: 0; position: absolute; text-indent: -999em; width: 23px; z-index: 1;}
.ranking_item .area .img img { height: 65px;left: 50%;margin-left: -90%; position: absolute; top: 0;}
.ranking_item .area .img .corver .border{
    background: url("http://images.phoenixdarts.com/itemshop/jp/images/common/bg_corver01.png") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    height: 100%; left: 0;  position: absolute; top: 0; width: 100%;  z-index: 2;}
.ranking_item .num {    float: left; font-size: 1.5em; line-height: 65px; letter-spacing: -0.07em;  margin-right: 10px; width:30px; text-align:center}
.ranking_item p.cate { color:#A3A7CD}
.ranking_item .price { display:table;}
.ranking_item .price p { display:table-cell}
.ranking_item .price .gold_pc  { display:table-cell}

.ranking_item .area .txt .tit{   color: #36c;  font-size: 1.077em; font-weight: bold;}
.ranking_item .area .txt .date{ font-size:12px; color:#999;}
.area .img span.style {  background-position: 1px -1px;}
.area .img span.markAward { background-position: -34px -1px;}
.area .img span.dartThrow {background-position: -66px -1px;}
.area .img span.frame { background-position: -97px -1px;}
.area .img span.effect { background-position: -131px -1px;}
.area .img span.dynamicFrame { background-position: 0 -29px;}
.area .img span.sound { background-position: -35px -29px;}
.area .img span.bullsound {  background-position: -35px -29px;}
.area .img span.bull {background-position: -67px -29px;}
.area .img span.award, .area .img span.phoenixEye, .area .img span.hatTrick, .area .img span.ton80, .area .img span.highTon, .area .img span.lowTon, .area .img span.threeInABed, .area .img span.whiteHorse, .area .img span.nineMark { background-position: -97px -29px;}
.area .img span.set {background-position: -127px -30px;}
.ranking_item .area  a:hover .txt .date,
.ranking_item  a:hover p.cate,
.ranking_item .area a:hover .txt .tit{ opacity:0.5}
.sub-link { margin-top:-30px; text-align:right;}
.sub-link a.btn.arrow { font-size:12px; padding-top:3px; padding-bottom:3px;}

#global-menu a span.notice { display:inline-block; }
#global-menu a span.notice img { border-radius:3px; vertical-align:middle}
#global-menu a span.notice .badge-red{ position:static; text-align:center; margin-left:5px; font-size:14px; padding:0 8px}
#global-menu-pc a span.notice { display:inline-block; }
#global-menu-pc a span.notice img { border-radius:3px; vertical-align:middle}
#global-menu-pc a span.notice .badge-red{ position:static; text-align:center; margin-left:5px; font-size:14px; padding:0 8px}


/* option pay 20170627 add */
/* pc buy */
.pc_buy_ttl{background: #d61518 !important; border-bottom: 1px solid #bd1316 !important; color: #ffffff !important; font-size: 18px !important; font-weight: bold !important; margin: 0 !important; padding: 10px 0 5px !important; text-align: center !important; text-shadow: 1px 1px 0 #c51f1f !important;}
.pc_buy_cont{}
.pc_buy_cont h2{border-bottom:3px solid #cf2525; text-align: center; padding: 0 0 15px; margin: 0; font-size: 24px;}
.pc_buy_cont .intro{width: 100%; border-bottom: 1px solid #dedede; margin: 0 0 15px; padding: 10px 0;}
.pc_buy_cont .intro .carrier_image{margin: 0; width: 28%; display: table-cell;}
.pc_buy_cont .intro .carrier_image img{ width: 100%; vertical-align: middle;}
.pc_buy_cont .intro .carrier_detail{padding: 6px 0; width: 70%; display: table-cell; vertical-align: middle;}
.pc_buy_cont .intro .carrier_detail dl{width: 100%;}
.pc_buy_cont .intro .carrier_detail dt{font-weight: bold;}
.pc_buy_cont .intro .carrier_detail dd{color: #747474; font-size: 13px;}
.pc_buy_cont .banner{width: 100%; text-align: center; margin: 0 0 20px;}
.pc_buy_cont .banner img{width: 100%; max-width: 651px;}
.pc_buy_cont .carrier_list{}
.pc_buy_cont .carrier_list ul.pc_buy{}
.pc_buy_cont .carrier_list ul li{border-bottom: 1px solid #dedede; padding: 0; display: table;}
.pc_buy_cont .carrier_list a{display: inline-block; margin: 0; padding: 15px 0; background: url(../images/common/btn_next_on.gif) no-repeat 99% 50%;}
.pc_buy_cont .carrier_list .carrier_image{display: table-cell; margin: 0; width: 25%; vertical-align: middle;}
.pc_buy_cont .carrier_list .carrier_image img{width: 100%; vertical-align: middle; padding: 0 10px 0 0;}
.pc_buy_cont .carrier_list .carrier_detail{display: table-cell; padding: 0 30px 0 0; vertical-align: middle; width: 50%;}
.pc_buy_cont .carrier_list .carrier_detail dl{width: 100%;}
.pc_buy_cont .carrier_list .carrier_detail dt{font-size: 16px; font-weight: bold;}
.pc_buy_cont .carrier_list .carrier_detail dd{color: #747474; font-size: 13px;}
.pc_buy_cont .carrier_list .carrier_detail .buy_icon{background: #755ba8; border-radius: 3px; color: #fff; font-size: 12px; padding: 2px 5px; margin: 3px 0 0; width: 80px;}
.pc_buy_cont .carrier_list .carrier_detail .buy_icon img{width: 11px; vertical-align: middle;}
.pc_buy_cont .carrier_list .paynet_notice{color: #cf2525; font-size: 11px; margin: -15px 0 0; padding: 5px 0 10px;}
.pc_buy_cont .carrier_list .paynet_notice a{background: none !important; color: #cf2525; text-decoration: underline; padding: 0;}

.pc_buy_cont .pc_list{}
.pc_buy_cont .pc_list ul.pc_buy{}
.pc_buy_cont .pc_list ul li{border-bottom: 1px solid #dedede; padding: 15px 0;}
.pc_buy_cont .pc_list .bb1 p{color: #755ba8; display: block; float: left; font-size: 22px; font-weight: bold; padding: 10px 0; width: 83%; margin: 0;}
.pc_buy_cont .pc_list .bb1 span{font-size: 14px; color: #999999;}
.pc_buy_cont .pc_list .bb1 img{margin: -2px 6px 0 0; width: 25px; vertical-align: middle;}
.pc_buy_cont .pc_list .bb1 a.btn{background: #755ba8; border-radius: 5px; color: #fff; font-size: 20px; font-weight: bold; min-width: 110px;}
.pc_buy_cont .pc_list p.notice{color: #999999; font-size: 10px; margin: 10px 0; text-align: right;}

.pc_buy_cont .pc_list .panynet_area{}
.pc_buy_cont .pc_list .panynet_area p{color: #755ba8; display: block; font-size: 22px; font-weight: bold; padding: 10px 0; margin: 0;}
.pc_buy_cont .pc_list .panynet_area p.ID_error{background: #ffeeee; border: 1px solid #ff8787; color: #d61518; display: block; font-size: 15px; font-weight: normal; margin: 0 0 10px; padding: 7px 10px;}
.pc_buy_cont .pc_list .panynet_area img{margin: -2px 6px 0 0; width: 25px; vertical-align: middle;}
.pc_buy_cont .pc_list .panynet_area .id{margin: 15px 0;}
.pc_buy_cont .pc_list .panynet_area .confirm{border-bottom: 1px solid #dedede; margin: 0 0 20px; padding: 0 0 20px; text-align: center; width: 100%;}
.pc_buy_cont .pc_list .panynet_area .confirm a.btn{background: #755ba8; border-radius: 5px; color: #fff; font-size: 20px; font-weight: bold; min-width: 110px;}

.pc_buy_cont .about{width: 100%;}
.pc_buy_cont .about h3{color: #333333; font-weight: bold; font-size: 16px;}
.pc_buy_cont .about p{ font-size: 12px;}
.pc_buy_cont .about a{ text-decoration:underline;}

.pc_buy_cont .description{width: 100%; margin: 20px 0;}
.pc_buy_cont .description h3{font-size: 14px; font-weight: bold; color: #d61518; text-align: center;}
.pc_buy_cont .description h3.buy_fin{color: #755ba8; font-size: 18px; font-weight: bold; margin: 0 0 5px; text-align: left;}
.pc_buy_cont .description h3.buy_cansell{color: #d61518; font-size: 18px; font-weight: bold; margin: 0 0 5px; text-align: left;}
.pc_buy_cont .description span.endtext{color: #333; display: block; font-size: 12px; font-weight: normal; margin: 0 0 5px; text-align: left;}
.pc_buy_cont .description span.endtext a{text-decoration: underline;}
.pc_buy_cont .purchase{border-top:#dedede 1px solid; border-bottom:#dedede 1px solid; text-align: center; padding: 20px 0;}
.pc_buy_cont .purchase h3{color: #755ba8; font-size: 20px; font-weight: bold; margin: 0 0 15px;}
.pc_buy_cont .purchase p{color: #755ba8; font-size: 26px; font-weight: bold; padding: 10px 0; margin: 0;}
.pc_buy_cont .purchase p.ID_code{font-size: 18px; margin: 0; padding: 0;}
.pc_buy_cont .purchase span{font-size: 12px; color: #755ba8; font-weight: bold; display: block; margin: 0 0 5px;}
.pc_buy_cont .purchase span.code_num{color: #555; font-size: 24px; font-weight: normal; margin: 0;}
.pc_buy_cont .purchase img{margin: -2px 6px 0 0; width: 25px; vertical-align: middle !important;}
.pc_buy_cont .purchase a.btn{background: #755ba8; border-radius: 5px; color: #fff; font-size: 20px; font-weight: bold; min-width: 110px;}
.pc_buy_cont .purchase a.prev{background: #6a6d74}
.pc_buy_cont .notice-box{ background: #f7f7f7; border: #e9e9e9 1px solid; border-radius: 3px; margin: 20px auto; padding: 3%; width: 95%;}
.pc_buy_cont .notice-box h3{color: #333; font-size: 14px; font-weight: bold;}
.pc_buy_cont .notice-box ul{ margin: 0; padding: 0;}
.pc_buy_cont .notice-box li{list-style: disc; margin: 0 0 0 15px;}


/*data-tool 20150617 add */
.tool_area {margin:0; padding:5px 0 0 0;}
.tool_outline_area {border-top:1px solid #d3d3d3; margin:10px 0 5px 0; padding:10px 0 0 0;}
.tool_outline_area ul {margin:0; padding:0;}
.tool_outline_area li {list-style:disc; margin:0 0 0 19px; font-size:12px;}
.tool_area .ttl_img{width:100%; margin:0 0 15px 0;}
.tool_area .card_number_area{width:100%; background:#ffffff; border-radius:5px; margin:0 0 15px 0; padding:15px 10px;}
.tool_area .card_number_area h5{color:#f43237; font-size:16px; margin:0 0 15px 0;}
.tool_area .card_number{text-align:center; font-size:18px;}
.tool_wrong_area .box-tbl { width:100%; margin:0 auto;}
.tool_wrong_area span{color:#FF0000;}
.tool_area dl { margin-bottom:10px;border: 1px solid #e6e1e1;font-size:14px; border-radius:5px;}
.tool_area dt { font-weight:bold; background:#9499a7; padding:5px; margin-bottom:5px; -webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; color:#f7f7f7}
.tool_area .formTbl th {width:50%;}
.tool_area .formTbl th.single {background: none repeat scroll 0 0 #F3F4F4; border-right:none;}
.tool_area .dlstyle1 table td {vertical-align:middle; padding:12px 10px 10px 10px; text-align:right;}
.tool_area .dlstyle1 table span {color:#C3C3C3;}
.tool_area dd { font-size:14px; padding:10px; border-bottom:1px solid #e6e1e1;}
.tool_area dl dd:last-child { border-bottom:0;}
.tool_area dl.dlstyle1 { border-left:none; border-right:none; margin:15px 0 0 0 !important;}
.tool_area dl.dlstyle1 dt {padding:10px 10px 9px;}
.tool_area .tool_notice{margin:15px 0 10px 0; color:#FF0000; text-align:center;}
.tool_area .data_option{margin:15px 0 0 0;}
.tool_area .data_option ul.list-toggle{border:none; border-radius:6px;}
.tool_area .data_option ul.list-toggle li {background-position: right center; background-size: 20px auto; box-sizing: border-box;}
.tool_area .data_option ul.list-toggle a{border:1px solid #e6e1e1; border-radius:6px; display: block; padding: 15px 30px 15px 15px; position: relative; text-decoration: none;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.tool_area .notice{border-top:#FF0000 1px solid; border-bottom:#FF0000 1px solid; margin:15px 0 5px 0; padding:8px 0;}
.tool_area .notice ul{margin:0; padding:0;}
.tool_area .notice li{list-style:disc; margin:0 0 0 19px; font-size:12px; color:#FF0000;}

.tool_area ul.list-toggle > li ul{ display:none; background:#EFEFEF; border-top:none;}
.tool_fin_area {margin:0 0 5px 0; padding:0;}
.tool_fin_area span{color:#FF0000;}
.tool_fin_area ul {margin:0; padding:0;}
.tool_fin_area li {list-style:disc; margin:0 0 0 19px; font-size:12px;}


/*box-tool*/
.box-tool {background:#efefef; broder:1px solid #d6d6d6; border-radius:10px; margin:15px 0;}
.box-tool h4{color:#f43237; border:#f43237 1px solid; text-align:center; padding:10px 7px 10px 7px; border-radius:5px; font-size:11px;}
.box-tool h5{border-bottom:#333333 1px dotted; font-size:16px; padding:0 0 10px 0; margin:20px 0 10px 0;}
.box-tool h6{border-bottom:#333333 1px dotted; font-size:14px; font-weight:bold; padding:0 0 5px 0; margin:10px 0 7px 0;}
.box-tool p{margin:0 0 12px 0; font-size:12px;}
.box-tool form { padding:10px;}
.box-tool a.text-link{ color:#333333;}
.box-tool p.text-right a:nth-of-type(2).text-link{ color:#e6002d;}
.box-tool input { font-size:14px; margin-bottom:5px;}
.box-tool .btn_login{background:#ff9900; color:#FFFFFF; border-radius:5px; font-size:14px; border:1px solid #ef8f00;}

.top-center-bnr { margin-top:15px;}
.top-center-bnr img { border:1px solid #CCC}

.shopicon_info { text-align:right; border-bottom:1px solid #e6e1e1;}
.shopicon_info_cont { text-align:left; background:#E6E1E1; padding:10px}
.shopicon_info a { padding:10px; display:inline-block}
.shopicon_info_cont li {color:#333; margin-bottom:5px;}
.shopicon_info_cont li div{ margin-left:39px; color:#666666; font-size:12px;}
.shopicon_info_cont li:last-child {margin-bottom:0;}
.shopicon_info_cont li img { margin-right:10px; border-radius:3px;}
.shopsearch form div.cell { width:50%}

/*global shop navi 20151124 add */
.search-global .shop_selectBox div {font-size: 14px; position: relative; width: 100%;}
.search-global .shop_selectBox{position:absolute; top:auto; right:0; left:0; margin:auto; bottom:43px; z-index:1001; width:90%; display:none; padding:2px; border:2px solid #000; background:url(/images/common/bg_global.png) repeat;}
.search-global .shop_selectBox .shop_nation {float: left;}
.search-global .shop_selectBox .shop_nation ul {background: #383a40 none repeat scroll 0 0; border: 1px solid #57595e;}
.search-global .shop_selectBox ul {display:block; width:100%; border:1px solid #e6e1e1;}
.search-global .shop_selectBox li{font-size:14px; padding:1% 0; display:block; text-align:center; border-right:none; position:relative; width:50%; float:left; background: #383a40 none repeat scroll 0 0;}
.search-global .shop_selectBox li a {color: #fff; background:none; display: block; padding: 5px 10px; font-size:12px;}
.search-global .shop_selectBox li.active a {color: #f03033; font-weight: bold;}
.search-global .shop_selectBox strong {color: #fff; display: block; font-size: 0.93em; padding: 10px 0; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.search-global .shop_selectBox .shop_nation strong {background: #383a40 none repeat scroll 0 0; border: 1px solid #57595e;}
.search-global .shop_selectBox .bg {display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0;}

/*shop-detail 20151124 add */
.vshop-ttl{height: 50px !important; line-height: 20px !important;}
.visit-shop ul {clear:both; border-top: 1px solid #e6e1e1; margin:-20px -10px 0;}
.visit-shop li {border:0 none; float:none; width:100%; position:relative; border-bottom: 1px solid #d3d3d3;}
.visit-shop .pic {left:10px; position: absolute; top:10px;}
.visit-shop dl {line-height:1.4; padding:10px 0 0 120px;}
.visit-shop dt {height:50px; margin:0;}
.visit-shop dd { padding-bottom:10px;}

/*member-regist 20151216 add */
a.link-mr-help {color:#093; display:inline-block; position:relative; padding-right:20px;}
a.link-mr-help:before {content: "\e085";  font-family: 'Glyphicons Halflings'; position:absolute; margin:auto; right:0; top:-15px; bottom:0; left:auto; font-size:14px; width:1em; height:1em; text-shadow:none}
.modal-dialog .mr_dialog_ttl{font-size:14px; font-weight:bold; color:#FF0000; margin:0 0 10px;}
.modal-dialog .card_image{margin:0 auto 15px; width:90%;}
.modal-dialog .mr_dialog_text{font-size:10px; margin:0; text-align:center;}

/*member-email_fin 20151216 add */
.mail_txt .btnArea a{margin: 10px auto 15px; width: 60%; max-width: 360px; font-size: 1.7rem; font-weight: bold;}
.success_image{margin:0 0 20px;}
.wrong_image{margin:-10px 0 10px; width:55%;}

/*member-email_complete 20151216 add */
.regist_comp_h4{ margin:0px -10px 0px !important}
.regist_comp p{margin: 0; padding: 0; line-height: 1.8;}
.regist_comp__image {margin: 30px 0;}
.regist_comp__image:last-of-type {width: 480px; margin: 15px auto;}
.regist_comp li{margin: 0 0 5px;}
.regist_comp .btnArea{padding: 20px 0;}
.regist_comp .btnArea a{margin: 10px auto 0; width: 60%; max-width: 200px; font-size: 1.7rem; font-weight: bold;}
.regist_comp .btnArea a.btn-action{width: 100% !important; max-width: 300px;}

/*option pay select 20151224 add */link-
.pay_list{margin:0 0 10px 0;}
.pay_list .pay-select_title{background: #9499a7 none repeat scroll 0 0; margin:0; color: #fff; font-weight:bold; text-align:center; padding:5px 10px;}
.pay_list .pay-select_title span{font-size:20px;}
.pay_list ul.list-toggle{ border: 1px solid #e6e1e1; border-radius:0px;}
.pay_list ul.list-toggle li { background-position: right center;background-size: 20px auto;border-bottom: 1px solid #e6e1e1; box-sizing: border-box;}
.pay_list ul.list-toggle li .pay-list_title{ background:#fff;}
.pay_list ul.list-toggle li h5{background:#eef1f2; font-size:14px; margin:10px; padding:10px 30px 10px 10px;}
.pay_list ul.list-toggle li p{margin:10px; padding:0px 15px 0px 5px;}
.pay_list ul.list-toggle li ol li{margin-left:45px; padding: 0 15px 0 0; list-style:decimal-leading-zero; border:none;}
.pay_list ul.list-toggle li .pay-list_notice {border:none; margin:0; padding:0;}
.pay_list ul.list-toggle li .pay-list_notice li{margin:0; padding:0 15px 5px 20px; border:none; font-size:12px;}
.pay_list ul.list-toggle li .paynet_notice{color:#6a6d74; font-size:12px;}
.pay_list ul.list-toggle li .pay-list_icon{font-size:24px; margin-right:5px; vertical-align:bottom;}
.pay_list ul.list-toggle li .sup_link{color:#36c; padding:0; text-decoration: none;}
.pay_list ul.list-toggle li .pay_decide{
	width:65%; max-width:240px; margin:10px auto 20px; background-color: #d61518; border-color: #bd1316; color: #fff !important;
	border-radius: 4px; text-align:center; display: block; padding:10px; text-decoration: none;}
.pay_list ul.list-toggle li a{color:#666; display: block; padding:12px 30px 12px 10px; position: relative; text-decoration: none;}
.pay_list ul.list-toggle > li > a:after {  display: table;content: " "; clear:both}
.pay_list ul.list-toggle > li > a{ font-weight:bold}
.pay_list ul.list-toggle li a:active,.pay_list ul.list-toggle li a:hover{color:#666;}
.pay_list ul.list-toggle li:last-child{border-bottom: 0 none;}
.pay_list ul.list-toggle > li > a:before{
    bottom: 0; color: #cccccc;  content: "\e114"; display: block; font-family: "Glyphicons Halflings"; font-size: 16px; font-weight: normal; height: 24px; margin: auto; position: absolute;
    right: 6px; top: 0; width: 1em;}
.pay_list ul.list-toggle > li ul{display:none; background:#ffffff; border-top:1px solid #dee1e5;}
.pay_list ul.list-toggle > li ul a span.glyphicon { margin-right:5px; color:#f43237;}
.pay_list ul.list-toggle > li ul a:before{content: "\e258";}
.pay_list ul.list-toggle > li ul li > a:after{ clear:both; display: table; content: " ";}
.pay_list ul.list-toggle > li ul li > a:before{ content: " ";}
.pay_list ul.list-toggle > li.active > a:before{content: "\e113";}
.pay_list ul.list-toggle > li.active ul{ display:block;}

.score_guide { margin-top:0 !important;}
.section.playnavi h3{ font-size:14px; height:auto; line-height:20px; padding-top:8px;}
.navi-toggle.shoptab ul a{ padding-top:10px; padding-bottom:10px}
.navi-toggle.shoptab ul { margin-top:0}

.share-wrap { background:#F7F7F7; padding:15px 10px; text-align:center}
.share-wrap .section h4 { margin:0 0 10px 0;}
.share-list li{ display:inline-block; margin-right:10px;}

.shop_notice { padding:10px; border-top:2px solid #FF9900; border-bottom:2px solid #FF9900; margin-bottom:20px; background-color:#fffdf4}
.shop_notice .hilight  {
	display:inline-block; background:#F90; border:2px solid #F90; color:#ffffff;
	font-weight:normal; padding:0.5em; border-radius:3px; font-size:10px; margin:0 10px 0 0 ; position:relative; top:-25px}

.shop_notice p { overflow:hidden; margin:-20px 0 0 0;  font-weight:bold }
.shop_sub_info .shop_icon img { border-radius:3px; border:1px solid rgba(0,0,0,0.1); box-sizing:content-box}
.shopitem { width:120px; margin:0 10px 0 0; position:relative; float:left;}
.shopitem img.overlay{ position:absolute; width:100%; top:0; left:0}
.shopitem_user{ font-size:10px; overflow:hidden; color:#8357f3; margin-bottom:0}
.shopitem_user a { font-size:12px; margin-top:5px; background:#692ed6; color:#FFFFFF; border-color:rgba(0,0,0,0.1); white-space:normal}
.shopitem_user a span { font-size:10px; color:#DED2FF}
.shopitem_user a:hover{ background-color:#7a42df; color:#FFF;border-color:rgba(0,0,0,0.1);}
a.btn-round {
	background-color:#6A6D74; color:#FFF; border-color:rgba(0,0,0,0.1);
	border-radius:50%; font-size:14px; width:35px; height:35px; padding:3px 0 0 0; text-align:center}
a.btn-round:hover { background-color:#7d8189; color:#FFFFFF;}
a.btn-round .txt { display:block; font-size:8px; margin-top:-5px;}
.link_wrap { padding-right:50px; position: relative;}
.link_wrap a.btn-round { position:absolute; right:0; top:0; bottom:0; margin:auto}

ul.team-list {border-top:1px solid #CCC}
ul.team-list li{border-bottom:1px solid #CCC}
ul.team-list li a,
ul.team-list li > span.leaguename {padding:10px 20px 10px 10px; display:block; position:relative}
ul.team-list li a:before { font-size:10px; color:#CCC; width:1em; height:1em; display:block; position:absolute; right:5px; top:40%; content:'\e080';font-family: 'Glyphicons Halflings';}
ul.team-list .league-img{ width:50px; float:left; margin-right:10px}
ul.team-list .league-img img{ width:100%;}
ul.team-list .league-info { overflow:hidden}
ul.team-list .league-info dt { font-weight:bold }
ul.team-list .league-info dd { font-size:12px; }
ul.team-list .league-info .tag  { font-size:10px; padding:0 3px; line-height:14px; margin-right:5px; background-color:#f5f5f5; color:#657BA5}

ul.team-list > li > a,
ul.team-list > li > span.leaguename { background-color:#E8EBEF}
ul.team-list ul.leagu_div { margin:0 10px 10px; clear:both}
ul.team-list ul.leagu_div > li { padding-bottom:10px; border:none}
ul.team-list ul.leagu_div > li >a { display:inline-block; font-weight:bold; color:#0066cc; padding-left:0}
ul.team-list ul.leagu_div > li >a:before {color:#0066cc; top:30%}
ul.team-list ul.leagu_team > li {border:none; margin-top:10px;}
ul.team-list ul.leagu_team > li:first-child { margin-top:0;}
ul.team-list ul.leagu_team > li >a { border:1px solid #CCC; border-radius:3px; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.leagu_team img.team-img { width:40px; margin:-5px 10px -5px -5px;}

.bg_w_gra {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 47%, rgba(247,247,247,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 47%,rgba(247,247,247,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 47%,rgba(247,247,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );}
.shopdetail_head { padding-bottom:20px;}
.shopsearch .input-group { width:100%;}
.shopsearch .input-group button { width:100%;}

#setting dd .box-tbl.res .cell { padding-right:10px;}
#setting .dartexperience .selectWrap { display:inline-block; width:100px;}
#setting .box-info p span { display:block; text-align:right}


/* new top 2016/4/8 by hasegawa*/
.datacompar { color:#888888; font-size:12px;}
.datacompar.plus { color:#ff52bc; background:none;}
.datacompar.minus { color:#37d2ee;background:none;}

#todaydata a span{ display:none;}
#todaydata a.active span{ display:inline-block; color:#ffd200; font-size:10px;height:15px; position:absolute; left:100px;  top:2px; bottom:0; margin:auto}

#notice_area a:focus { text-decoration:none;}
#notice_area {padding:15px 20px;background-color:#e2e2e2; border-bottom:1px solid rgba(0,0,0,0.1); margin-top:0}
a.notice-link {
    background-color: #ffffff; border: 1px solid #e9e9e9;
    border-radius: 3px; position: relative; display:block; padding:5px 0; overflow:hidden;
	margin-top:10px; color:#333333;
	}
#notice_area > a.notice-link:first-child { margin-top:0}
a.notice-link.red { background-color:#d61518; color:#FFF; border-color:#bd1316;}
a.notice-link.yellow { background-color:#ffcc00; color:#333333; border-color:#f6bf3c;}
a.notice-link:before {
	content: "\e258"; display: block; font-family: "Glyphicons Halflings"; font-size: 12px; width: 14px; height: 14px;
	margin: auto; position: absolute; right: 5px; top: 0; bottom: 0;color:rgba(0,0,0,0.2);}
a.notice-link.red:before {color:rgba(255,255,255,0.6);}
a.notice-link.toggle-link:before {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
a.notice-link.toggle-link.open:before {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); right:8px;}
a.notice-link .thumb{ width:40px; position:absolute; left:0;top:0; bottom: 0; margin:auto; text-align:center; height:20px;}
a.notice-link .thumb img{ width:20px; vertical-align:baseline}
a.notice-link .msg{ padding-left:40px; padding-right:10px; border:0; height:auto; font-size:12px;}

#top_menu a:focus { text-decoration:none;}
#top_menu { background:#e2e2e2;}
.square a { display:block; width:25%; float:left; text-align:center; color:#3c4455;position:relative; margin-bottom:10px; }
.square a .name { text-align:center; font-size:10px; margin-top:5px}
.square a .badge-red {
	right:0; top:-5px; font-size:14px; min-width:24px; background-color:#fcc51e;line-height:24px;}
.square .menu_blank { opacity:0.5}

.square a .newmark {
	background-image:url(/img/mypage/menu_icon_ribbon.png);
	background-size: 410px auto;
	background-position:0 0;
	background-repeat: no-repeat;
	width: 80px; height: 80px; display:block;
	position: absolute; top: 0; right:0;
}
.square a .eventmark {
	background-image:url(/img/mypage/menu_icon_ribbon.png);
	background-size: 410px auto;
	background-position:-84px 0;
	background-repeat: no-repeat;
	width: 80px; height: 80px; display:block;
	position: absolute; top: 0; right:0;
}

.square a .bottommark {
	width: 100%; height: 20px; display:block;
	position: absolute; bottom: 0; right:0;
	background-color: #000000; color: #FFFFFF;
	font-size: 12px; line-height: 20px;
}

.square a .bottommark.master {background-color: #a981b8;}
.square a .bottommark.platinum {background-color: #43bbbc;}
.square a .bottommark.gold {background-color: #f7c767;}
.square a .bottommark.silver {background-color: #b7b8b8;}
.square a .bottommark.bronze {background-color: #b69080;}
/* .square a .bottommark.iron {background-color: #006e35;} */

#top_more_menu.open .menuicon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

#top_more_menu.open .name.open_txt { display:block}
#top_more_menu.open .name.close_txt { display:none}
#top_more_menu .name.open_txt { display:none}
#top_more_menu .name.close_txt { display:block}

#more-menu.section{ background:#E2E2E2; margin-top:0;}
#more-menu.section hr { margin-top:0; margin-bottom:0;}
#more-menu h4{ color:#525d74; font-size:10px; border:0; padding:0 0 10px 0; margin:0}
div.square { padding-top:10px;}
div.square + div.square { padding-top:0 !important;}

#top_event,
#top_foot_menu { background:#E2E2E2; border-top:1px solid rgba(0,0,0,0.1);}
#top_foot_menu { text-align:right; padding:10px 0}
#top_foot_menu a{ color:#666464; font-size:12px; line-height:23px;}
#top_foot_menu .iconb { margin-right:0; vertical-align: bottom;}

#top_account { background-color:#E2E2E2; color:#3c4455; padding-top:10px;}
#top_account .clearfix { padding:10px 0; }
#top_account .account-name { float:left; width:50%; font-size:12px; font-weight:bold;}
#top_account .account-name span { background-color:#666464; display:inline-block; border-radius:3px; font-size:8px; color:#FFFFFF; padding:3px;}
#top_account a.member_type{ float:right;  display:inline-block; font-size:12px; color:#666464}
#top_account .logout { padding:10px 0; border-top:1px solid rgba(0,0,0,0.1)}
#top_account a:focus{ text-decoration:none;}
#top_account a:hover{ color:#807d7d}
#top_account .logout a{ color:#3c4455;}

.mhf_status_wrap { padding:10px;}
.mhf_status{
    background-color: #ffffff; border-radius:0; color: #666666;
	font-size: 10px; text-align: center;
	background:url(/images/mypage/mhf-g_banner_bg.jpg) 0 40% no-repeat !important;
	background-size:cover !important; border: 1px solid #c6c9d2 !important; position:relative; padding:0 !important;}

.mhf_status a { color: #fff;display: block; padding: 5% 10px; text-align: left; text-shadow: 0 0 5px #920000, 0 0 5px #920000;}
.mhf_status a:hover { color: #ecea2d; display: block; padding: 5% 10px; text-align: left; text-shadow: 0 0 5px #920000, 0 0 5px #920000;}
.mhf_status span { font-size: 18px; font-weight: bold;}

ul.event-list li { position:relative; overflow:hidden}
ul.event-list li .nmark {
	background:#f03; color:#FFFFFF; width:60px; height:60px; text-align:center;
	-webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; top:-30px; left:-30px; padding-top:36px;}
ul.event-list li .nmark span { -webkit-transform:rotate(45deg);transform:rotate(45deg);display:inline-block; font-size:13px; padding-top:3px;}

ul.news_list li .nmark {
	background-color:#fcc51e; color:#FFFFFF; width:60px; height:60px; text-align:center;
	-webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; top:-30px; left:-30px; padding-top:36px;}
ul.news_list li .nmark span { -webkit-transform:rotate(45deg);transform:rotate(45deg);display:inline-block; font-size:13px; padding-top:3px;}


.banner-mypage .bx-wrapper .bx-pager.bx-default-pager a { width:4px; height:4px; background-color:#FFFFFF}
.banner-mypage .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner-mypage .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#d61518}
.banner-mypage .bx-wrapper { margin-bottom:0; }
.banner-mypage .bx-wrapper .bx-pager,
.banner-mypage .bx-wrapper .bx-controls-auto { position:static; padding-top:7px; font-size:10px;}
.rank_wrap { margin-bottom:10px; table-layout:fixed; border:1px solid #e6e1e1; border-radius:3px; background-color:#F3F4F4;border-collapse:separate;}
.rank_wrap .cell { vertical-align:middle; padding:5px }
.rank_wrap .cell .lv { font-size:22px; font-weight:bold}
.rank_wrap .cell .rankimg { margin:0;}
.rank_wrap .cell.dataname { color:#344575; vertical-align:middle}
.rank_wrap .cell .rating { font-size:16px; font-weight:bold;}

/* imakoko */
.section#imakoko { margin-top:10px;}
.section#imakoko a:focus{ text-decoration:none;}
.imakoko-group { border-top:1px solid #9aa0ab; border-bottom:1px solid #9aa0ab;}
.imakoko-group a.groupname {background-color:#c9cdd4;color:#5c636e;font-size:12px; display:block;padding:5px 10px;font-weight:bold; position:relative;}
.imakoko-group a.shopname {
	background-color:#f5f5f5; color:#797f8c; font-size:12px; display:block; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;
	padding:5px 10px; font-weight:bold; position:relative; }
.imakoko-group a.groupname:before,
.imakoko-group a.shopname:before,
ul.imakoko-list li a.playshop:before {
	color: rgba(0,0,0,0.3); display: block; font-family: "Glyphicons Halflings"; font-weight: normal;
	position: absolute; width: 1em; height: 16px;  margin: auto;right: 6px; top: 0; bottom: 0; font-size:1em;}
.imakoko-group a.groupname:before {  content: "\e113"; top:-5px;}
.imakoko-group a.groupname.open:before { transform: rotate(180deg); top:5px;}
.imakoko-group a.shopname:before{content:'\e080';}
ul.imakoko-list li a.playshop:before{content:'\e080';}

ul.imakoko-list li { border-bottom:1px solid #e6e7ea; text-align:right; position:relative}
ul.imakoko-list li:last-child { border-bottom:0;}
ul.imakoko-list li a:first-child{ display:table; table-layout:fixed;padding:10px; position:relative; width:100%; text-align:left}
ul.imakoko-list li .player-img{ display:table-cell; width:60px; position:relative;}
ul.imakoko-list li a:hover .player-img{ opacity:0.5}
ul.imakoko-list li .player-img img.prof{ border-radius:5px; height:48px; width:auto; margin-left:-9px}
ul.imakoko-list li .player-img img.cond{ position:absolute; right:5px; bottom:0px; width:18px; height:18px;}
ul.imakoko-list li .player-img .crop{ border-radius:50%; width:46px; height:46px; overflow:hidden;}

ul.imakoko-list li .player-info{  display:table-cell; padding-left:10px; width:80%; vertical-align:top}
ul.imakoko-list li span.time { position:absolute; right:5px; top:0; bottom:0; margin:auto; height:16px; display:inline-block; font-size:10px; color:#7d8186; text-align:right}
ul.imakoko-list li .cardname { font-size:16px; font-weight:bold; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; padding-right:30px;}
ul.imakoko-list li p.msgtxt { color:#3263e0; font-size:10px; margin:5px 0 0 0;}
ul.imakoko-list li a:hover p.msgtxt { opacity:0.5}
ul.imakoko-list li a.playshop { display:inline-block; font-size:10px; color:#72757a; padding:0 20px 0 10px; position:relative; top:-10px;}
.section.my_condition { padding-left:0; padding-right:0;}
.my_condition h6 { color:#7988a2; padding-left:10px; padding-right:10px;}
.my_condition .box-tbl { width:100%;}
.my_condition .cell{ vertical-align:middle; border-right:1px solid rgba(0,0,0,0.1); padding:0 5px;}
.my_condition .cell:first-child{ width:15%;}
.my_condition .cell:nth-child(2){ width:45%;}
.my_condition .cell:last-child{ border-right:0; width:20%;}
.my_condition .msgtxt { color:#333333; font-size:12px;}

table.playnavi-setting span.pref { display:block; color:#4fb2ee; font-size:12px;}
table.playnavi-setting td { padding:5px}
table.playnavi-setting th { text-align:center; font-size:10px; padding:5px 0}
table.playnavi-setting .fav { background:#FFF4F4; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}
table.playnavi-setting td.shopname { padding-left:10px;}

table.playnavi-setting .fav span.checkbox_check,
table.playnavi-setting .fav span.checkbox_check{ background: rgba(0, 0, 0, 0) url("/img/common/bg_fav.png") no-repeat scroll 0 0 / 20px auto;}
.imakoko-cont > p { padding:20px 0; margin-bottom:0}
input[id^="FavListChk_"] +label ,
input[id^="ClubListChk_"] +label { text-indent:101%; width:20px; height:20px; overflow:hidden; display:inline-block; position:absolute; white-space:nowrap}
input[id^="FavListChk_"] +label ,
input[id^="ClubListChk_"] +label {left:0; right:0; margin:auto; }
.imakoko-cont .moreload {background:#E4E6E8; padding:15px 20px;}
.imakoko-cont .moreload a{ max-width:600px; margin-left:auto; margin-right:auto}

/* REC.COUNT-UP 2020.1 by matsui */
.section#mymovie .ListBox:first-child::before,
.section#mymovie .ListBox:after{content: ''; display: inline-block; width: 100%; height: 1px; background: #e4e4e4; margin: 15px 0;}
.section#mymovie .ListBox .data{position: relative; margin: -10px 0 9px;}
.section#mymovie .ListBox .data dl{display: flex; width: 100%; font-weight: 700; font-size: 1.4rem; color: #989898; margin-bottom: 15px;}
.section#mymovie .ListBox .data dt{min-width: 155px;}
.section#mymovie .ListBox .data dd{overflow: hidden; padding: 0 30px 0 0; width: auto;}
.section#mymovie .ListBox .data dd p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0;}
.section#mymovie .ListBox .data .config{position: absolute; top: 0; right: 0;}
.section#mymovie .ListBox .data .config span{font-size: 2.8rem; color: #434343;}
.section#mymovie .ListBox .details .movie-data{display: table; table-layout: fixed; margin: -5px 0 0;}
.section#mymovie .ListBox .details .movie-data .thumbnail{display: block; width: 180px; position: relative;}
.section#mymovie .ListBox .details .movie-data .thumbnail #thumbnail-link{}
.section#mymovie .ListBox .details .movie-data .thumbnail a:hover img{opacity: 0.7;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .thumbnail-images img{width: 100%; margin: 0; padding: 0;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays{position: absolute; top: 0; right: 0; background: rgba(0,0,0, 0.7); display: flex; height: 100%; width: 40%; align-items: center; justify-content: center;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays > div{width: 100%; text-align: center; line-height: 1;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays .overlay-side-panel{font-size: 2rem; color: #fff;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays .thumbnail-icon{width: 32%; margin: 0 auto;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays .thumbnail-icon svg{width: 26px; height: 26px;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays .thumbnail-icon > div .st0{fill:#FFFFFF;}
.section#mymovie .ListBox .details .movie-data .thumbnail .hover-overlays{position: absolute; color: #fff; font-size: 2.2rem; top: 50%; left: 50%; margin: -10px 0 0 -10px;}

.section#mymovie .ListBox .details .movie-data .result{display: table-cell; vertical-align: middle; width: 100%; padding-left: 2%;}
.section#mymovie .ListBox .details .movie-data .result .score{font-size: 1.6rem; font-weight: 700; margin: -10px 0 3px;}
.section#mymovie .ListBox .details .movie-data .result .score span{font-size: 2.4rem;}
.section#mymovie .ListBox .details .movie-data .result .icon-set{max-width: 100%;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li{float: left; position: relative; display: block; width: 40px; height: 40px; margin: 0 5px;}
/* .section#mymovie .ListBox .details .movie-data .result .icon-set li > div{background: #333; color: #fff; position: absolute; bottom: -5px; right: -5px; font-size: 0.8rem; border-radius: 50%; padding: 4px; text-align: center; line-height: 14px; width: 20px; height: 20px;} */

.section#mymovie .ListBox .details .movie-data .result .icon-set li > div{color: #333; position: absolute; bottom: -5px; right: -5px; font-size: 1.6rem; font-weight: 700; border-radius: 50%; padding: 4px; text-align: right; line-height: 14px; width: 25px; height: 20px; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}

.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(1){background-image: url("../img/mymovie/awIcon_1.png"); background-repeat: no-repeat; background-size: contain; margin: 0 5px 0 0;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(2){background-image: url("../img/mymovie/awIcon_2.png"); background-repeat: no-repeat; background-size: contain;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(3){background-image: url("../img/mymovie/awIcon_3.png"); background-repeat: no-repeat; background-size: contain;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(4){background-image: url("../img/mymovie/awIcon_4.png"); background-repeat: no-repeat; background-size: contain;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(5){background-image: url("../img/mymovie/awIcon_5.png"); background-repeat: no-repeat; background-size: contain;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(6){background-image: url("../img/mymovie/awIcon_6.png"); background-repeat: no-repeat; background-size: contain;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(7){background-image: url("../img/mymovie/awIcon_7.png?20200110"); background-repeat: no-repeat; background-size: contain;}

.section#mymovie .ListBox .details .result{display: table; table-layout: fixed; width: 100%;}
.section#mymovie .ListBox .details .result .round{display: block; margin: 0 0 25px;}
.section#mymovie .ListBox .details .result .round dt{font-size: 1.6rem; font-weight: 700; margin: -20px 0 5px;}
.section#mymovie .ListBox .details .result .round dt span{display: inline-block; margin-left: 15px;}
.section#mymovie .ListBox .details .result .round dd{font-size: 1rem; color: #8b8b8b;}
.section#mymovie .ListBox .details .result .round dd > ul li{display: inline-block;}
.section#mymovie .ListBox .details .result .round dd > ul li > div{font-weight: 700; display: inline-block; margin: 0 3px;}
.section#mymovie .ListBox .details .result .round dd > ul li:after{content: '/';}
.section#mymovie .ListBox .details .result .round dd > ul li:last-child::after{content: '';}
.section#mymovie .ListBox .details .result .cf-icon-set{display: block; text-align: right; margin: 0 -5px -10px 0;}
.section#mymovie .PRBox{position: relative;}
.section#mymovie .PRBox a.pr-link{background: rgba(214,21,24, 0.1); position: absolute; top: -11px; left: 0; width: 100%; height: 93%; z-index: 1;}
.section#mymovie .PRBox .data dt{display: inline-block; background: #d61518; color: #fff; font-size: 1.5rem; text-align: center; padding: 2px 14px 1px; border-radius: 5px; min-width: auto; margin: -4px 5px 0 0;}
.section#mymovie .PRBox .details .movie-data .thumbnail .thumbnail-data .overlays{background: rgba(214,21,24, 0.7);}
.section#mymovie .PRBox .details .banner-data{margin: -21px 0 -15px;}
.section#mymovie .PRBox .details .banner-data img{width: 100%;}
.section#mymovie .noneBox dt{margin: 0 0 10px;}
.section#mymovie .noneBox dt img{width: 100%;}
.favArea{position: absolute; height: 200px; margin: -10px 0 -200px;}
.favArea .favBtn{display: block; width: 700px; height: auto; right: 50%; bottom: 0; font-size: 1.5rem; font-weight: bold; color: #333 !important; background: #e5e5e5; margin: 0 -350px 0 0; padding: 20px 25px; z-index: 2;}
.favArea .favBtn span.glyphicon{position: absolute; top: 50%; right: 35px; font-size: 2rem; margin: -10px 0 0;}
.favArea .favBtn:before{content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjEuNyAyNTQuMSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNEQTQwNUM7fTwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNjEuNyw2Ny43YzAsMTcuOS00LjgsMzUuMS0xNC40LDUxLjVjLTEwLjgsMTguNi0zMS40LDQ0LjItNjEuNyw3Ni44Yy0xOC4yLDE5LjMtMzYuNSwzOC43LTU0LjgsNTgKCWMtMTguMi0xOS4zLTM2LjUtMzguNy01NC44LTU4LjJjLTMwLjYtMzIuNy01MS4yLTU4LjMtNjEuOS03Ni43QzQuNywxMDMsMCw4NS45LDAsNjcuOUMwLDUyLjQsMy44LDM5LDExLjQsMjcuOAoJQzE5LjksMTUuMywzMi4xLDYuOCw0OC4zLDIuM0M1My44LDAuOCw1OS40LDAsNjQuOCwwYzIzLjYsMCw0NS42LDEyLjgsNjYsMzguNEMxNTEuNywxMi44LDE3My44LDAsMTk3LjIsMGM1LjIsMCwxMC43LDAuOCwxNi40LDIuMwoJYzE2LjEsNC40LDI4LjQsMTIuOSwzNi43LDI1LjNDMjU3LjksMzguOCwyNjEuNyw1Mi4yLDI2MS43LDY3LjciLz4KPC9zdmc+' ); display: inline-block; width: 21px; margin: 0 15px 0 0; vertical-align: -4px;}

/* ConfigBox */
.mymov .wrap {width: 400px !important; height: 200px !important; border-radius: 6px;}
.mymov .wrap span{position: absolute; top: -26px; right: 0; color: #fff; font-size: 2.2rem;}
.mymov .wrap .cont {padding: 0; min-width: 100% !important; min-height: auto !important;}
.mymov .wrap .cont h3{text-align: center; color: #333; font-size: 1.8rem; font-weight: 700; margin: 0; padding: 25px 0;}
.mymov .wrap .cont .detail{position: relative; text-align: center; margin: 0;}
.mymov .wrap .cont .detail li{padding: 5px 0;}
.mymov .wrap .cont .infosub{text-align: center; color: #333; font-size: 1.4rem; line-height: 2rem; margin: 5px 0;}
.mymov .wrap .cont .dl-detail hr{margin: 10px 0 0;}
.mymov .wrap .cont .detail-btn-list{position: absolute; bottom: 0; left: 0;}
.mymov .wrap .cont .detail-btn-list:before{content: ''; display: inline-block; width: 100%; height: 1px; background: #e4e4e4; margin: 0;}
.mymov .wrap .cont .detail-btn-list ul{display: table; table-layout: fixed; width: 100%; margin: -5px 0 0;}
.mymov .wrap .cont .detail-btn-list li{display: table-cell; text-align: center;}
.mymov .wrap .cont .detail-btn-list li:first-child{border-right: 1px solid #e4e4e4;}
.mymov .wrap .cont .deleteBox li{padding: 0; line-height: 1;}
.mymov .wrap .cont .deleteBox li:after{content: ''; display: inline-block; width: 100%; height: 1px; background: #e4e4e4; margin: 0;}
.mymov .wrap .cont .deleteBox li:last-child:after{height: 0; margin: 0;}
.mymov .wrap .cont .deleteBox li a{display: block; width: 100%; color: #314274 !important; padding: 23px; font-size: 1.6rem; margin: 0 0 -10px;}
.mymov .wrap .btn-action {display: block; width: 100%; color: #314274 !important; background: none; border: none; box-shadow: 0 0 0; padding: 15px; margin: 0; font-size: 1.6rem;}
.mymov .wrap .btn_close {display: block; width: 100%; color: #314274 !important; position: static !important; box-shadow: 0 0 0; padding: 15px !important; margin: 0 !important; font-size: 1.6rem !important;}

/* MovieBox */
.section#mymovie .MovieBox:after{content: ''; display: inline-block; width: 100%; height: 2px; background: #ccc; margin: 15px 0;}
.section#mymovie .MovieBox .details video{width: 100%;}
.section#mymovie .MovieBox .result{display: table; table-layout: fixed; width: 100%; padding: 0;}
.section#mymovie .MovieBox .result .round{display: table-cell;}
.section#mymovie .MovieBox .result .round dt{font-size: 2rem; font-weight: 700; margin: 10px 0 0;}
.section#mymovie .MovieBox .result .round dt span{display: inline-block; margin-left: 15px;}
.section#mymovie .MovieBox .result .round dd{font-size: 1rem; font-weight: 700; color: #8b8b8b;}
.section#mymovie .MovieBox .result .round dd > ul li{display: inline-block;}
.section#mymovie .MovieBox .result .round dd > ul li > div{display: inline-block; margin: 0 3px;}
.section#mymovie .MovieBox .result .round dd > ul li:after{content: '/';}
.section#mymovie .MovieBox .result .round dd > ul li:last-child::after{content: '';}
.section#mymovie .MovieBox .result .icon-set{display: table-cell; vertical-align: bottom; text-align: right; line-height: 1;}
.section#mymovie .MovieBox .result .icon-set a,
.section#mymovie .ListBox .details .result .cf-icon-set a{color: #989898;}
.section#mymovie .MovieBox .result .icon-set li,
.section#mymovie .ListBox .details .result .cf-icon-set li{display: inline-block; font-size: 2.2rem; color: #989898; margin: 0 4px;}
.section#mymovie .MovieBox .result .icon-set a.del-icon:after,
.section#mymovie .ListBox .details .result .cf-icon-set a.del-icon:after{content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjEuNSAyODMuMSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM5ODk4OTg7fTwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOTAuOSwyODNjMC4zLDAsMC43LDAsMSwwYzQuMy0wLjEsOC44LTIuOSw5LjctNy4zTDI0MS45LDY1aDEwYzEyLjksMCwxMi45LTIwLDAtMjBMOS43LDQ1LjEKCWMtMTIuOSwwLTEyLjksMjAsMCwyMGgxMEw2MCwyNzUuN2MwLjgsNC40LDUuNCw3LjIsOS43LDcuM2MwLjMsMCwwLjYsMCwxLDBMMTkwLjksMjgzeiBNNzcuOSwyNjMuMUw0MCw2NS4xaDQyLjUKCWMxLjgsMjEuMywzLjUsNDIuNSw1LjMsNjMuOGwxMS4xLDEzNC4ySDc3Ljl6IE0xMTguOCwyNjMuMWwtMTYuMy0xOThMMTU5LDY1bC0xNi4zLDE5OEwxMTguOCwyNjMuMXogTTE4My42LDI2M2gtMjAuOWwxMS4xLTEzNC4yCgljMS44LTIxLjMsMy41LTQyLjUsNS4zLTYzLjhoNDIuNUwxODMuNiwyNjN6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjguNiwxM2MtMC4zLTYtMS41LTEzLTkuMy0xM2wtNTcuMiwwLjFjLTcuNywwLTksNy05LjMsMTNIMjQuMmMtMTIuOSwwLTEyLjksMjAsMCwyMEwyMzcuNCwzMwoJYzEyLjksMCwxMi45LTIwLDAtMjBIMTY4LjZ6Ii8+Cjwvc3ZnPg==' ); display: inline-block; width: 24px; margin: 0;}
.section#mymovie .MovieBox .result .icon-set .checkbox_check,
.section#mymovie .ListBox .details .result .cf-icon-set .checkbox_check{display: none;}
.section#mymovie .MovieBox .result .icon-set label.fav-icon.check_off,
.section#mymovie .ListBox .details .result .cf-icon-set label.fav-icon.check_off{content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjEuNyAyNTQuMSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiM5ODk4OTg7fTwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNjEuNyw2Ny43YzAsMTcuOS00LjgsMzUuMS0xNC40LDUxLjVjLTEwLjgsMTguNi0zMS40LDQ0LjItNjEuNyw3Ni44Yy0xOC4yLDE5LjMtMzYuNSwzOC43LTU0LjgsNTgKCWMtMTguMi0xOS4zLTM2LjUtMzguNy01NC44LTU4LjJjLTMwLjYtMzIuNy01MS4yLTU4LjMtNjEuOS03Ni43QzQuNywxMDMsMCw4NS45LDAsNjcuOUMwLDUyLjQsMy44LDM5LDExLjQsMjcuOAoJQzE5LjksMTUuMywzMi4xLDYuOCw0OC4zLDIuM0M1My44LDAuOCw1OS40LDAsNjQuOCwwYzIzLjYsMCw0NS42LDEyLjgsNjYsMzguNEMxNTEuNywxMi44LDE3My44LDAsMTk3LjIsMGM1LjIsMCwxMC43LDAuOCwxNi40LDIuMwoJYzE2LjEsNC40LDI4LjQsMTIuOSwzNi43LDI1LjNDMjU3LjksMzguOCwyNjEuNyw1Mi4yLDI2MS43LDY3LjcgTTI0My42LDcwLjdjMC0xNC4zLTQuMy0yNi41LTEyLjgtMzYuNmMtOC45LTEwLjctMjAuNC0xNi0zNC4zLTE2CgljLTEzLjEsMC0yNS42LDUtMzcuNiwxNS4xYy05LjMsOS41LTE4LjUsMTguOS0yNy44LDI4LjRDMTE4LjQsNDgsMTA4LjcsMzguNiwxMDIsMzMuNUM4OC44LDIzLjIsNzYuNiwxOC4xLDY1LjMsMTguMQoJYy0xMy45LDAtMjUuNCw1LjMtMzQuNCwxNS45Yy04LjUsMTAuMi0xMi44LDIyLjQtMTIuOCwzNi43YzAsMTIuMSw0LjQsMjYsMTMuMSw0MS41YzE3LjMsMzAuOCw1MC41LDY5LjUsOTkuNywxMTYuMgoJYzE2LjEtMTcsMzAuNi0zMi41LDQzLjItNDYuNGMzMC4zLTMzLjQsNDkuMi01Ni43LDU2LjUtNjkuN0MyMzkuMyw5Ni43LDI0My42LDgyLjksMjQzLjYsNzAuNyIvPgo8L3N2Zz4='); display: block; width: 24px; height: 24px;}
.section#mymovie .MovieBox .result .icon-set label.fav-icon.check_on,
.section#mymovie .ListBox .details .result .cf-icon-set label.fav-icon.check_on{content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjEuNyAyNTQuMSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNEQTQwNUM7fTwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNjEuNyw2Ny43YzAsMTcuOS00LjgsMzUuMS0xNC40LDUxLjVjLTEwLjgsMTguNi0zMS40LDQ0LjItNjEuNyw3Ni44Yy0xOC4yLDE5LjMtMzYuNSwzOC43LTU0LjgsNTgKCWMtMTguMi0xOS4zLTM2LjUtMzguNy01NC44LTU4LjJjLTMwLjYtMzIuNy01MS4yLTU4LjMtNjEuOS03Ni43QzQuNywxMDMsMCw4NS45LDAsNjcuOUMwLDUyLjQsMy44LDM5LDExLjQsMjcuOAoJQzE5LjksMTUuMywzMi4xLDYuOCw0OC4zLDIuM0M1My44LDAuOCw1OS40LDAsNjQuOCwwYzIzLjYsMCw0NS42LDEyLjgsNjYsMzguNEMxNTEuNywxMi44LDE3My44LDAsMTk3LjIsMGM1LjIsMCwxMC43LDAuOCwxNi40LDIuMwoJYzE2LjEsNC40LDI4LjQsMTIuOSwzNi43LDI1LjNDMjU3LjksMzguOCwyNjEuNyw1Mi4yLDI2MS43LDY3LjciLz4KPC9zdmc+' ); display: block; width: 24px; height: 24px;}
.section#mymovie .MovieBox .result .icon-set a.dl-icon:after,
.section#mymovie .ListBox .details .result .cf-icon-set a.dl-icon:after{content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkb3dubG9hZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgoJIHk9IjBweCIgdmlld0JveD0iMCAwIDI0NS4zIDI3My43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNDUuMyAyNzMuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5ODk4OTg7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg2LjEsMTQwTDEzMi4yLDE4OVY5LjNjMC0xMi40LTIwLTEyLjQtMjAsMHYxNzkuNWwtNTMtNDguOWMtOS41LTguNy0yMy42LDUuNC0xNC4xLDE0LjFsNzAuMSw2NC42CgljMi4zLDIuMSw0LjYsMy4xLDcuMSwyLjljMi4zLDAsNS0xLDcuMS0yLjlsNzAuOS02NC42QzIwOS44LDE0NS40LDE5NS42LDEzMS4zLDE4Ni4xLDE0MCIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjM1LjcsMjczLjdjMTIuOSwwLDEyLjktMjAsMC0yMEg5LjdjLTEyLjksMC0xMi45LDIwLDAsMjBIMjM1Ljd6Ii8+Cjwvc3ZnPgo=' ); display: inline-block; width: 24px; margin: 0;}

@media (max-width: 767px) {
.section#mymovie {margin: 5px 0 0;}
.section#mymovie .MovieBox {margin: -5px -10px;}
.section#mymovie .MovieBox .result{padding: 0 10px;}
.section#mymovie .ListBox .data{margin: -5px 0 5px;}
.section#mymovie .ListBox .data dl{font-size: 1rem; margin-bottom: 15px;}
.section#mymovie .ListBox .data dt{min-width: 110px;}
.section#mymovie .ListBox .data dd{padding: 0 30px 0 0;}
.section#mymovie .ListBox .data .config span{font-size: 2.4rem;}
.section#mymovie .ListBox .details .movie-data .thumbnail{width: 160px;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays .thumbnail-icon svg{width: 20px; height: 20px;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays .overlay-side-panel{font-size: 1.6rem;}
.section#mymovie .ListBox .details .movie-data .result{width: 100%;}
.section#mymovie .ListBox .details .movie-data .result .score{font-size: 1.2rem;}
.section#mymovie .ListBox .details .movie-data .result .score span{font-size: 2.0rem;}
.section#mymovie .ListBox .details .movie-data .result .icon-set{max-width: 340px;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li{float: left; width: 12%; height: 100%; padding: 6%; margin: 0 1%;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li > div{transform: scale(1.0, 1.0);}
.section#mymovie .ListBox .details .result .round{margin: 0 0 10px;}
.section#mymovie .ListBox .details .result .round dt{margin: -30px 0 0}
.section#mymovie .ListBox .details .result .cf-icon-set{margin: 0 -3px -10px 0;}
.section#mymovie .MovieBox .result .icon-set a.del-icon:after,
.section#mymovie .ListBox .details .result .cf-icon-set a.del-icon:after{width: 18px;}
.section#mymovie .MovieBox .result .icon-set label.fav-icon.check_off,
.section#mymovie .ListBox .details .result .cf-icon-set label.fav-icon.check_off{width: 18px; margin: 0 0 -2px;}
.section#mymovie .MovieBox .result .icon-set label.fav-icon.check_on,
.section#mymovie .ListBox .details .result .cf-icon-set label.fav-icon.check_on{width: 18px; margin: 0 0 -2px;}
.section#mymovie .MovieBox .result .icon-set a.dl-icon:after,
.section#mymovie .ListBox .details .result .cf-icon-set a.dl-icon:after{width: 18px;}
.section#mymovie .PRBox a.pr-link{top: -13px;}
.section#mymovie .PRBox .data dt{font-size: 1.2rem; padding: 2px 15px 1px; margin: -4px 5px 5px 0; min-width: auto;}
.mymov .wrap {width: auto!important;}
.favArea{position: absolute; height: 200px; margin: -10px 0 -200px;}
.favArea .favBtn{display: block; text-align: center; width: 100%; height: 50px; right: 0; font-size: 1.4rem; z-index: 2; margin: 0; padding: 15px;}
.favArea .favBtn span.glyphicon{right: 15px;}
.favArea .favBtn:before {width: 18px; margin: 1px 10px 0 0; vertical-align: -3px;}

/* ConfigBox */
.mymov .wrap {width: 80% !important; max-width: 400px; top: 50px !important;}
.mymov .wrap .cont {width: 100% !important;}
.mymov .wrap .cont h3{font-size: 1.4rem; padding: 20px 0;}
.mymov .wrap .cont .infosub{margin: 10px 0;}
.mymov .wrap .cont .deleteBox li a{padding: 24px 20px; font-size: 1.4rem; margin: 0 0 -10px;}
.mymov .wrap .btn-action {font-size: 1.4rem;}
.mymov .wrap .btn_close {font-size: 1.4rem !important;}
}

@media (max-width: 415px) {
.section#mymovie .ListBox .details .movie-data .thumbnail{width: 120px;}
.section#mymovie .ListBox .details .movie-data .result{width: 100%; padding: 10px 0 10px 10px;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li{width: 13%; padding: 6%; margin: 0 1px;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li > div{font-size: 1.4rem; bottom: -7px; right: -5px; transform: scale(1.0, 1.0);}
.section#mymovie .ListBox .details .movie-data .result .icon-set li:nth-child(1){margin: 0 1px;}
.section#mymovie .ListBox .details .result .round dt{margin: -10px 0 0;}
}

@media (max-width: 339px) {
/*iphone 5/SE */
.section#mymovie .ListBox .details .movie-data .thumbnail{width: 120px;}
.section#mymovie .ListBox .details .movie-data .thumbnail .thumbnail-data .overlays .thumbnail-icon svg{width: 18px; height: 18px;}
.section#mymovie .ListBox .details .movie-data .result{width: 100%; padding: 5px;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li{width: 21px; height: 21px; padding: 6%; margin: 0 1px;}
.section#mymovie .ListBox .details .movie-data .result .icon-set li > div{bottom: -9px; right: -7px;}
}

/* member-regist 202008 add */
.regist__greetings{font-size: 1.8rem; font-weight: 700; margin: 20px 0 30px; text-align: center;}
.regist__greetings span{display: block; font-size: 1.4rem; font-weight: normal; margin: 5px 0;}
.snslogin{}
.snslogin h4{font-size: 1.6rem; font-weight: 700; margin: 0 0 -15px !important; padding: 0;}
.snslogin h5{font-size: 1.6rem; font-weight: 700; margin: 5px 0; padding: 0;}
.snslogin ul{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0;}
.snslogin li{width: 49%; margin: 10px 0;}
.snslogin button{position: relative; width: 100%; font-size: 1.6rem; border-radius: 15px; padding: 10px 0;}
.snslogin button::before{content: ""; position: absolute; top: 0; left: 60px; width: 1px; height: 100%;}
.snslogin button:hover{opacity: 0.75;}
.snslogin .box-use{background: #edf5f0; border: 1px solid #093; border-radius: 5px; padding: 10px; margin: 20px 0;}
.snslogin .box-use p{margin: 0; font-size: 1.5rem;}
.login-button__submit--fb{background: #1877f2; border: 2px solid #1e67c4; color: #fff;}
.login-button__submit--tw{background: #1da1f2; border: 2px solid #1a7ab5; color: #fff;}
.login-button__submit--gg{background: #ffffff; border: 2px solid #d8d8d8; color: #4c4e54;}
.login-button__submit--ap{background: #010101; border: 2px solid #bcbcbc; color: #fff;}
.login-button__submit--fb::before{background: #1e67c4;}
.login-button__submit--tw::before{background: #1a7ab5;}
.login-button__submit--gg::before{background: #d8d8d8;}
.login-button__submit--ap::before{background: #bcbcbc;}
span.snslogo{position: absolute;}
.login-button__submit--fb span.snslogo{top: 8px; left: 17px;}
.login-button__submit--tw span.snslogo{top: 10px; left: 18px;}
.login-button__submit--gg span.snslogo{top: 8px; left: 16px;}
.login-button__submit--ap span.snslogo{top: 7px; left: 18px;}
.login-button__submit--fb span.snslogo::before,
.login-button__submit--tw span.snslogo::before,
.login-button__submit--gg span.snslogo::before,
.login-button__submit--ap span.snslogo::before {content: ""; display: inline-block; width: 27px; height: 27px; background-size: contain; background-repeat: no-repeat;}
.login-button__submit--fb span.snslogo::before{background-image: url(/images/member/sns_logo_fb.svg);}
.login-button__submit--tw span.snslogo::before{background-image: url(/images/member/sns_logo_tw.svg);}
.login-button__submit--gg span.snslogo::before{background-image: url(/images/member/sns_logo_gg.svg);}
.login-button__submit--ap span.snslogo::before{background-image: url(/images/member/sns_logo_ap.svg);}
span.snstxt{margin: 0 0 0 45px;}
p.subtxt{font-size: 1.3rem; margin: 0 0 20px;}

/*** formTbl ***/
label.icStr_label{margin: 15px 0 5px; display: block;}
.terms {margin: 30px 0;}
.terms p {font-size: 1.6rem; margin: 0; text-align: center;}
.terms span.tips {font-size: 1.2rem; margin: 0; text-align: center; display: block;}
.terms ul{display: flex; justify-content: center; width: 100%; margin: 20px 0 15px;}
.terms li{width: 35%; margin: 0 1.5%;}
.terms li .btn-action{position: relative; width: 100% !important; background: #575f67; border-color: #575f67; border-radius: 5px;}
.terms li a.btn-action:after{font-size: 12px; width: 12px; height: 17px; display: block; position: absolute; right: 10px; bottom: 12px; margin: auto; font-family: 'Glyphicons Halflings'; content: "\e080"; color: #fff;}
.terms li a.btn-action:hover{opacity: 0.8;}
.agreement{text-align: center; margin: 15px 0;}
.agreement label{font-size: 1.5rem; font-weight: 700; vertical-align: -2px;}

/* member-login 202008 add */
.login_area .accountlogin,
.login_area .snslogin {width: 540px; margin: 0 auto;}
.login_area .accountlogin p.answer {text-align: right; margin: 0 0 10px;}
.login_area .accountlogin p.answer span.glyphicon{color: #D61518;}
.login_area .accountlogin h5{font-size: 1.6rem; font-weight: 700; margin: 0 0 20px; padding: 0;}
.login_area .snslogin ul{margin: 5px 0 10px;}

/* Paid Service 202009 add */
.service section{padding: 25px 0;}
.service section h3{display: flex; align-items: center; color: #333; font-size: 1.9rem; font-weight: 700; width: 100%; padding: 15px; margin: 0 auto 25px;}
.service section h3::before {content: ""; background-image: url(/img/cpn/service/cp-crown.svg) ; display: inline-block; width: 35px; height: 28px; background-size: contain; background-repeat: no-repeat; vertical-align: -7px; margin-right: 10px;}
.service section .detail__title{background: #ccc;}
.service section .detail__image{width: 600px; margin: 0 auto 25px;}
.service section .detail__text{width: 100%; margin: 0 auto;}
.service section .detail__text p{font-size: 1.8rem; margin: 0; padding: 0;}
.service section .detail__compare{padding: 15px 0;}
.service section .detail__compare .title ul{width: 100%; display: flex; justify-content: flex-end;}
.service section .detail__compare .title li{width: 170px; color: #fff; border: 3px solid #9499a6; text-align: center; font-size: 1.8rem; padding: 12px 20px; position: relative; margin-bottom: -3px; line-height: 1.2;}
.service section .detail__compare .title li:nth-child(1){border-right: 0; width: 173px; background: #9499a6;}
.service section .detail__compare .title li:nth-child(2){border: 3px solid #c4031b; background: #c4031b; position: relative;}
.service section .detail__compare .title li:nth-child(2)::before{content: ""; position: absolute; bottom: -17px; left: -2px; width: 0; height: 0; border-style: solid; border-width: 15px 85px 0 85px; border-color: #c4031a transparent transparent transparent;}
.service section .detail__compare .figure-item ul{width: 100%; display: flex; justify-content: space-between;}
.service section .detail__compare .figure-item li{border: 3px solid #9499a6; font-size: 1.8rem; padding: 30px 20px; margin-bottom: -3px;}
.service section .detail__compare .figure-item li:nth-child(1){width: 380px;}
.service section .detail__compare .figure-item li:nth-child(2){width: 170px; border-left: none; border-right: none;}
.service section .detail__compare .figure-item li:nth-child(3){width: 170px; border-right: 3px solid #c4031b; border-left: 3px solid #c4031b;}
.service section .detail__compare .figure-item li:last-of-type:nth-child(3){border-bottom: 3px solid #c4031b;}
.service section .detail__compare .figure-item li .none,
.service section .detail__compare .figure-item li .limit,
.service section .detail__compare .figure-item li .equip{text-indent: -9999px; position: relative;}
.service section .detail__compare .figure-item li .none::before{content: ""; background-image: url(/img/cpn/service/cp-none.svg); position: absolute; top: 50%; left: 50%; display: block; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; margin: -12px 0 0 -12px;}
.service section .detail__compare .figure-item li .limit::before{content: ""; background-image: url(/img/cpn/service/cp-limit.svg); position: absolute; top: 50%; left: 50%; display: block; width: 42px; height: 42px; background-size: contain; background-repeat: no-repeat; margin: -21px 0 0 -21px;}
.service section .detail__compare .figure-item li .equip::before{content: ""; background-image: url(/img/cpn/service/cp-check.svg); position: absolute; top: 50%; left: 50%; display: block; width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; margin: -16px 0 0 -16px;}

.service .btnArea {padding: 35px 0 0; margin: 0;}
.service .btnArea .RegistBtn_fixed{display: block; width: 720px; font-size: 2.6rem; color: #fff !important; background: #c4031b; margin: 0 auto; padding: 25px 0; text-align: center; line-height: 1; position: relative;}
.service .RegistArea{position: absolute; height: 200px; margin: -10px 0 -200px;}
.service .RegistArea .RegistBtn{display: block; width: 720px; height: auto; right: 50%; bottom: 0; font-size: 2.6rem; color: #fff !important; background: #c4031b; margin: 0 -360px 0 0; padding: 25px 0; z-index: 2; text-align: center; line-height: 1; position: fixed;}
.service .btnArea .RegistBtn_fixed span.glyphicon,
.service .RegistArea .RegistBtn span.glyphicon{position: absolute; top: 50%; right: 25px; font-size: 2.8rem; margin: -12px 0 0;}
.service .btnArea .RegistBtn_fixed::before,
.service .RegistArea .RegistBtn::before{content: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDcm93biIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTk5LjIgMTU0LjUiPg0KPHBhdGggaWQ9InBhc3NfM18iIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zNy42LDE1NC41YzAsMC0yLTExLjYtNC44LTIzLjRoMTMzLjdjLTIuOCwxMS45LTQuOCwyMy40LTQuOCwyMy40SDM3LjYiLz4NCjxwYXRoIGlkPSJwYXNzIiBmaWxsPSIjZmZmZmZmIiBkPSJNMTg2LjYsMjUuMmMtNywwLTEyLjYsNS42LTEyLjYsMTIuNmMwLDMuNywxLjYsNyw0LjEsOS4zYy04LjYsOC44LTE4LjQsMTcuMi0zMC42LDIwLjQNCgljLTIuOSwwLjgtNS41LDEtOCwwLjdjLTEwLjQtMS0xNy40LTEwLTIyLjktMTguN2MtNS04LTktMTYuNS0xMi42LTI1LjFjNC43LTEuOCw4LTYuNCw4LTExLjdjMC03LTUuNi0xMi42LTEyLjYtMTIuNg0KCUM5Mi43LDAsODcsNS42LDg3LDEyLjZjMCw1LjMsMy4zLDkuOSw4LDExLjdjLTMuNiw4LjYtNy42LDE3LjItMTIuNiwyNS4xQzc3LDU4LjIsNzAsNjcuMSw1OS42LDY4LjFjLTIuNSwwLjItNS4xLDAtOC0wLjcNCgljLTEyLjItMy4yLTIxLjktMTEuNi0zMC42LTIwLjRjMi41LTIuMyw0LjEtNS42LDQuMS05LjNjMC03LTUuNi0xMi42LTEyLjYtMTIuNkM1LjYsMjUuMiwwLDMwLjgsMCwzNy44czUuNiwxMi42LDEyLjYsMTIuNg0KCWMxLDAsMS45LTAuMSwyLjktMC4zYzMuNiwxNS4xLDkuOSw1MS40LDE0LjksNzIuMWgxMzguNmM1LTIwLjgsMTEuMy01Ny4xLDE0LjktNzIuMWMwLjksMC4yLDEuOSwwLjMsMi45LDAuMw0KCWM3LDAsMTIuNi01LjYsMTIuNi0xMi42UzE5My42LDI1LjIsMTg2LjYsMjUuMiIvPg0KPC9zdmc+' ); display: inline-block; width: 32px; margin: 0 10px 0 0; vertical-align: -1px;}

@media (max-width: 767px) {
.service section {padding: 15px 0;}
.service h1.menu-title {background: none; color: #333; font-size: 1.8rem; font-weight: bold; padding: 18px 10px 0px; text-align: left; text-shadow: none; border-bottom: none;}
.service section h3{font-size: 1.5rem; padding: 10px; margin: 0 auto 20px;}
.service section h3::before {content: ""; display: block; width: 30px; min-width: 30px; height: 25px;}
.service section .detail__image{width: 100%; margin: 0 auto 20px;}
.service section .detail__text{width: 90%; margin: 0 auto;}
.service section .detail__text p{font-size: 1.4rem;}
.service section .detail__compare{width: 90%; padding: 10px 0 15px; margin: 0 auto;}
.service section .detail__compare .title li{width: 120px; min-width: 120px; font-size: 1.4rem; padding: 10px;}
.service section .detail__compare .title li:nth-child(1){width: 123px;}
.service section .detail__compare .title li:nth-child(2)::before{content: ""; bottom: -12px; left: -2px; border-width: 10px 60px 0 60px;}
.service section .detail__compare .figure-item li{font-size: 1.4rem; padding: 15px 10px; display: flex; justify-content: center; flex-direction: column;}
.service section .detail__compare .figure-item li:nth-child(1){width: 100%;}
.service section .detail__compare .figure-item li:nth-child(2),
.service section .detail__compare .figure-item li:nth-child(3){width: 120px; min-width: 120px;}
.service section .detail__compare .figure-item li .none::before{content: ""; width: 16px; height: 16px; margin: -8px 0 0 -8px;}
.service section .detail__compare .figure-item li .limit::before{content: ""; width: 32px; height: 32px; margin: -15px 0 0 -16px;}
.service section .detail__compare .figure-item li .equip::before{content: ""; width: 20px; height: 20px; margin: -10px 0 0 -10px;}
.service .btnArea {width: 90%; padding: 15px 0; margin: 0 auto;}
.service .btnArea .RegistBtn_fixed{width: 100%; max-width: 700px; font-size: 2.0rem; padding: 16px 0; line-height: 1;}
.service .RegistArea {height: 170px; margin: -10px 0 -170px;}
.service .RegistArea .RegistBtn{width: 100%; font-size: 2.0rem; margin: 0 -50% 0 0; padding: 20px 0; position: fixed;}
.service .btnArea .RegistBtn_fixed span.glyphicon,
.service .RegistArea .RegistBtn span.glyphicon{right: 15px; font-size: 2.2rem;}
.service .btnArea .RegistBtn_fixed::before,
.service .RegistArea .RegistBtn::before{width: 24px; margin: 0 6px 0 0;}
}

@media (max-width: 415px) {
.service section .detail__compare .title li{width: 80px; min-width: 80px;}
.service section .detail__compare .title li:nth-child(1){width: 83px;}
.service section .detail__compare .title li:nth-child(2)::before{content: ""; bottom: -10px; left: -2px; border-width: 8px 40px 0 40px;}
.service section .detail__compare .figure-item li:nth-child(2),
.service section .detail__compare .figure-item li:nth-child(3){width: 80px; min-width: 80px;}
}

/* member-data 202011 add */
.mailregist .mailArea{width: 100%; max-width: 600px; margin-bottom: 30px;}
.mailregist .mailArea input[type="text"]{height: 38px !important; line-height: 38px; padding: 0 10px !important;}
.mailregist .btnArea{padding: 0 0 30px;}
.mailregist .btnArea a.btn-action{width: 100% !important; max-width: 260px;}
.mailregist .ng_message a{text-decoration: underline; color: #ff0033;}
.authArea{padding: 10px 0 0;}
.authArea p.time{text-align: center; color: #2c6ed5; font-weight: 700;}
.authArea span .jst-hours{display: none;}
.authArea span .jst-minutes{display: inline-block;}
.authArea span .jst-seconds{display: inline-block;}
.authArea .check.isok{text-align: center;}
.authArea .number{width: 100%; max-width: 280px; margin: 0 auto;}
.authArea .number input[type="tel"]{height: 46px !important; line-height: 46px; font-size: 26px; text-align: center;}
.authArea a{margin: 10px auto 0; width: 60%; max-width: 200px; font-size: 1.7rem; font-weight: bold;}
.wrongArea a{margin: 0 auto 15px; width: 70%; max-width: 300px; font-size: 1.7rem; font-weight: bold;}
.wrongArea ul{margin: 0 0 25px 20px;}
.wrongArea ul > li{list-style: disc; margin-bottom: 5px;}
.wrongArea .mailArea{width: 100%; max-width: 600px; margin-bottom: 15px;}
.wrongArea .mailArea input[type="text"]{height: 38px !important; line-height: 38px; padding: 0 10px !important;}

/* guide - HouseTournament 202012 add */
.guide .guideBox::after{content: ""; display: block; width: 100%; height: 1px; background-color: #dadada; margin: 40px 0;}
.guide .guideBox:last-child::after{content: ""; display: none;}
.guide .contentArea .guideBox .guide__flow ul{display: flex; justify-content: space-between; align-items: center;}
.guide .contentArea .guideBox .guide__flow ul > li{width: 100%; border: none;}
.guide .guideBox .col-0{display:block; margin: 30px 0;}
.guide .guideBox dl.guide_chart{border: 2px solid #dbd9d9; display: flex; align-items: center; margin-bottom: 40px;}
.guide .guideBox dl.guide_chart dt{background: #cccccc; color: #fff; font-size: 3.2rem; font-weight: 600; padding: 10px 20px;}
.guide .guideBox dl.guide_chart dd{color: #4c4e54; width: 100%; padding: 10px; font-size: 1.6rem; font-weight: 600; line-height: 2.0rem;}
.guide .guideBox dl.case_A dt{background: #2465ab;}
.guide .guideBox dl.case_B dt{background: #149b95;}
.guide .guideBox .guide__step{font-size: 1.6rem; font-weight: 600; background: #d61518; border-radius: 3px; color: #fff; width: 100px; text-align: center; padding: 5px; margin-bottom: 10px;}
.guide .guideBox .blue{background: #2465ab;}
.guide .guideBox .green{background: #149b95;}
.guide .guideBox .guide__tips{border: 2px solid #dbd9d9; background: #fafafa; border-radius: 6px; padding: 20px; margin: 20px 0;}
.guide .guideBox .guide__tips h4{margin: 0 0 10px; line-height: 2.0rem;}
.guide .guideBox .guide__tips h5{margin: 0;}
.guide .guideBox .guide__tips p{margin: 5px 0;}
.guide .guideBox .guide__tips a{position: relative; padding: 0 0 0 10px;}
.guide .guideBox .guide__tips a:hover{text-decoration: underline;}
.guide .guideBox .guide__tips a::before{content: ""; position: absolute; top: 6px; left: 0; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #4c4e54;}
.guide .guideBox .guide__tips ul{margin: 0;}
.guide .guideBox .guide__tips ul > li{margin: 10px 0; padding: 0; border: none;}
.guide .guideBox .guide__tips ul > li:last-child{margin: 10px 0 0;}
.guide .guideBox .guide__tips ul.image{display: flex; justify-content: space-between; align-items: flex-start; margin: 15px 0 0;}
.guide .guideBox .guide__tips ul.image > li{width: 100%; margin: 0;}
.guide .guideBox ul.guide__list{margin: 1em 0; padding: 0;}
.guide .guideBox ul.guide__list > li{font-size: 1.25rem; list-style: disc; line-height: 2.0rem; overflow: visible; margin: 0 0 10px 25px; padding: 0; border: none;}
.guide .guideBox ul.guide__list > li ol{margin: 1em 0 0; padding: 0;}
.guide .guideBox ul.guide__list > li ol >li{font-size: 1.25rem; list-style: decimal; line-height: 2.0rem; overflow: visible; margin: 0 0 5px 25px; padding: 0; border: none;}
.guide .guideBox ul.guide__list > li ol >li a{text-decoration: underline;}
.guide .guideBox ul.guide__list > li ol >li a:hover{color: #d61518;}
.guide .guideBox ul.format a.btn{width: 55%; margin: 5px 0 10px;}
.guide .guideBox ul.guide__article{display: flex; justify-content: space-between; align-items: flex-start; margin: 0; padding: 0;}
.guide .guideBox ul.guide__article > li{width: 49%; margin: 0; padding: 0; border: none;}
.guide .guideBox ul.guide__article > li h4{margin: 0 0 10px; line-height: 2.2rem;}
.guide .guideBox ul.guide__article > li h5{margin: 0 0 5px;}
.guide .guideBox ul.guide__article ol.guide__list_num > li{list-style: decimal; font-size: 1.25rem; line-height: 2.4rem; margin: 0 0 15px 25px; padding: 0; border: none; overflow: visible; }
.guide .guideBox ul.guide__article ol.guide__list_num > li:last-child{margin: 0 0 0 25px;}
.guide .guideBox ul.guide__article .inner{margin: 20px 0;}
.guide .guideBox ul.guide__article .inner:last-of-type{margin: 20px 0 0;}
.guide .guideBox ul.guide__article .inner h5{margin: 0 0 3px; padding: 0;}
.guide .guideBox ul.guide__article .inner a{position: relative; padding: 0 0 0 10px;}
.guide .guideBox ul.guide__article .inner a:hover{text-decoration: underline;}
.guide .guideBox ul.guide__article .inner a::before{content: ""; position: absolute; top: 6px; left: 0; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #4c4e54;}
.guide .guide__management{margin: 2em 0;}
.guide .guide__management h4{font-size: 1.6rem; color: #093; margin: 0 0 10px;}
.guide .guide__management p{margin: 0;}

@media (max-width: 767px) {
.guide .mt_0{margin: 0 -10px !important;}
.guide .guideBox::after{margin: 20px 0;}
.guide .contentArea .guideBox .guide__flow:last-of-type{margin-bottom: 0;}
.guide .contentArea .guideBox .guide__flow ul{display: block;}
.guide .contentArea .guideBox .guide__flow ul > li{width: 90%; max-width: 400px; margin: 10px auto; padding: 0;}
.guide .guideBox .col-0 {margin: 20px 0;}
.guide .guideBox dl.guide_chart{margin-bottom: 20px;}
.guide .guideBox dl.guide_chart dt{font-size: 2.4rem; padding: 5px 15px;}
.guide .guideBox dl.guide_chart dd{font-size: 1.2rem; padding: 0 10px; line-height: 1.4rem;}
.guide .guideBox .guide__step{font-size: 1.4rem; width: 95px; padding: 5px;}
.guide .guideBox .guide__tips{width: 95%; padding: 15px; margin: 20px auto;}
.guide .guideBox .guide__tips p{font-size: 1.15rem; line-height: 1.8rem; margin: 5px 0;}
.guide .guideBox .guide__tips ul{margin: 0;}
.guide .guideBox .guide__tips ul > li{margin: 10px 0; padding: 0; border: none;}
.guide .guideBox .guide__tips ul > li:last-child{margin: 10px 0 0;}
.guide .guideBox ul.guide__list{margin: 0;}
.guide .guideBox ul.guide__list > li:last-of-type{margin: 0 0 0 25px;}
.guide .guideBox ul.guide__list > li ol{margin: 1em 0 0; padding: 0;}
.guide .guideBox ul.format > li a.btn {width: 90%; max-width: 400px; margin: 5px auto 15px;}
.guide .guideBox ul.format > li:last-child a.btn {margin: 5px auto 0;}
.guide .guideBox ul.guide__article{display: block;}
.guide .guideBox ul.guide__article > li{width: 100%; margin: 0 0 15px;}
.guide .guideBox ul.guide__article > li:last-of-type{margin: 0;}
.guide .guideBox ul.guide__article > li h4 {line-height: 1.8rem; margin: 0 0 5px;}
.guide .guideBox ul.guide__article > li p{margin: 0;}
.guide .guideBox ul.guide__article ol.guide__list_num{margin: 1em 0 0;}
}

/*my page event */
#top_event .event_status_wrap {padding: 10px 10px 0 10px;}
#top_event .event_status_wrap:last-child {padding: 10px;}
#top_event .event_status{color: #666666; position:relative; padding:0; border:1px solid rgba(0,0,0,0.1);overflow:hidden; border-radius:3px;}
#top_event .event_status div.reborn {
	background-color:#ffff00;color: #ff3300;
	height: 20px;left: -26px; line-height: 20px;position: absolute;text-align: center;top: 7px;
	-webkit-transform: rotate(-45deg); transform:rotate(-45deg);
	width: 80px; font-size:10px; font-weight:bold;}
#top_event .event_status .bn{ background:#000}
#top_event .event_status .txt{ padding:5px; font-size:10px; background:#FFF; text-align:center}

/* V5 Graph */
#graphmenu { background-color:#0071AB;display:table; width:100%; table-layout:fixed; border-bottom:1px solid rgba(255,255,255,0.2); padding-left:10px}
#graphmenu > div{ display:table-cell; padding:10px 10px 10px 0;}
#graphmenu a {
	display:block; font-size:12px; background-color:rgba(0,0,0,0.3); color:rgba(255,255,255,0.8); padding:7px 5px; text-align:center; overflow:hidden; height:2.5em;}
#graphmenu span.disable {
	display:block; font-size:12px; background-color:rgba(0,0,0,0.3); color:rgba(255,255,255,0.2); padding:7px 5px; text-align:center;overflow:hidden; height:2.5em;}
#graphmenu a.active { background-color:#ffffff; color:#ff6699; font-weight:bold}
#graphmenu a span{ font-size:8px}
.section.playdata h4.graphhead { margin-top:20px}
.border.stripe.graph{ height:auto;}
.border.stripe.graph th { width:180px}
.border.stripe.graph th.no { width:40px; font-size:16px; text-align:center}
.highchart_wrap{ background-color:#0071AB}
.highchart_wrap .monthly-01game { margin-left:10px; margin-right:10px; padding-top:10px;}
.highchart_wrap .monthly-01game .selectWrap{ margin:0}
.highchart_wrap .monthly-01game .selectWrap select{ background:#FFF}

/* playdata event */
.playdatamenu{ background-color:#F7F7F7; padding-top:1px; border-top:1px solid #dbd9d9; padding-bottom:20px}
.playdatamenu + hr { margin-top:0}
.playdatamenu.section h4 {border: 0 none; color: #525d74; font-size: 12px; padding: 10px 0;}
.pastevent .event-list {border-top: 1px solid #e6e1e1; margin-top:20px;}
.pastevent h5.event-name { font-size:16px;}
.pastevent .cell.info { vertical-align:middle;}
.pastevent a{ position:relative; display:block}
.pastevent a:after{
	font-size:14px; width:14px;height:14px;display:block;position:absolute;right:5px;top:0; bottom:2px;margin:auto;
	font-family: 'Glyphicons Halflings';content: "\e258";color:#999;}

/* New top */
header a.btn_topmenu {
	position:absolute; right:0; top: 0; display:block; font-size:16px; line-height:16px; background-color:#d61518; color:#FFFFFF; padding:6px 10px;}
a.btn_memberegist {
	background-color:#d61518; color:#FFFFFF; display:block; font-size:16px; font-weight:bold; padding:12px 0; line-height:20px;
	-webkit-box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2); box-shadow: 0 1px 3px 2px rgba(0,0,0,0.2);}
a.btn_memberegist span {
	display:inline-block; background-color:#FFFFFF; text-align:center; font-size:12px; color:#d61518; padding:0 8px; font-weight:normal; margin-right:5px;
	border:1px solid rgba(0,0,0,0.1);
	}
.top_login .cell-right a { color:#d61518; font-weight:bold; padding:8px 3px; line-height:14px }
.top_login .cell-right a span.iconb { vertical-align:top;}

h2.sec_title { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px; padding:20px 10px; margin:0}
h2.sec_title:first-letter { color:#d61518}
.top_news { background-color:#FFFFFF; position:relative; }
.top_news div.sns { position:absolute; right:0; padding:20px 10px; width:100%; height:50px}
.top_news div.sns a{ display:inline-block; width:30px; height:30px; border-radius:6px; overflow:hidden; margin-left:5px;}
.top_news div.sns a img{ width:100%;}

ul.news_list_top { padding:0 10px; border-bottom:1px solid #ececec; border-top:1px solid #ececec; }
ul.news_list_top li{ border-bottom:1px solid #ececec;}
ul.news_list_top li:last-child{ border-bottom:none;}
ul.news_list_top li a { display:block; padding:10px 15px 10px 0; position:relative}
ul.news_list_top li a:after {  clear: both;  display: table; content: " ";}
ul.news_list_top li a:before {
	font-size:1em; width:1em;height:1em;display:block; position:absolute; right:0;
	top:0; bottom:0;margin:auto; color:#8e8e8e; font-family: 'Glyphicons Halflings';  content: "\e258";}
ul.news_list_top div.pic{ float:left; margin-right:10px;}
ul.news_list_top div.news_meta{ font-size:10px; color:#d61518;}
ul.news_list_top div.news_meta{ font-size:10px; color:#d61518;}
ul.news_list_top div.news_title { overflow:hidden;}
ul.news_list_top + div { text-align:right}
ul.news_list_top + div a { display:inline-block; padding:10px;}
ul.news_list_top + div a span.iconb { margin-right:0; vertical-align:bottom}


.top_about { background-color:#ffffff; margin-top:20px;}
.top_about .container { position:relative; max-width:480px; margin-left:auto; margin-right:auto; padding-bottom:20px}
.top_about_cont { padding:20px 10px 10px 0; text-align:center; position:relative; z-index:1; width:72%; margin-right:0; margin-left:auto}
.top_about_cont p { font-size:13px; line-height:16px;}
.top_about_cont .s4logo { width:80%; margin-bottom:20px;}
.top_about_cont .s4point { width:90%;}
.top_about_cont + .box-tbl { table-layout:fixed; margin-top:20px;}
.top_about_cont + .box-tbl a {display:block; padding:8px 5px}
.top_about_cont + .box-tbl .cell:first-child a { margin-left:10px; margin-right:5px;}
.top_about_cont + .box-tbl .cell:last-child a { margin-left:5px; margin-right:10px;}

.top_app {padding: 0;}
.top_app::after {content: ""; display: block; width: 100%; height: auto; padding: 1px; background: #e6e6e6;}
.top_app .container { margin-right:10px; margin-left:10px; text-align:center; }
.top_app .container img.img-responsive { max-width:95%}
.top_app p {color: #FFFFFF; text-shadow: 1px 1px 3px #000000;}
.top_app.def p {color: #000; text-shadow: none;}
.top_youtube { padding: 0 0 40px;}
.top_youtube .container { margin-right:10px; margin-left:10px; text-align:center; }
.top_youtube .container img.img-responsive { max-width:80%}
.top_newshop {background-color:#FFFFFF;}
.top_newshop .container { padding-bottom:20px;}
.top_newshop p.text-center { margin-top:20px}
ul.top_newshop_list  { padding:10px}
ul.top_newshop_list  a { display:block; padding:7px 0; text-overflow: ellipsis; white-space: nowrap; width:100%; overflow:hidden}
ul.top_newshop_list  a span{ color:#d61518; display:inline-block; width:5em;}

.top_related { background-color:#e6e6e6;}
.top_related .container { padding:20px 0}
.top_related h3{ color:#d61518; font-weight:16px; font-weight:bold; text-align:center; margin:20px 0}
.contents_list_more { display:none}
.contents_list { text-align:center;}
.contents_list > a,
.contents_list_more >a { display:inline-block; width:29%; margin:10px 5px; background-color:#ffffff; padding:10px 0}
.contents_list_more > span.blank { display:inline-block; width:29%; margin:10px 5px; padding:10px 0}
.contents_list > a span,
.contents_list_more > a span { display:block; font-size:9px; color:#666666; padding-top:5px;}
.contents_list > a img,
.contents_list_more > a img { width:100%}
.contents_list p.text-center { margin: 10px 0}

.footer-sitemap-top { padding:20px 0;}
.footer-sitemap-top .clearfix { padding-left:15px; padding-right:15px; border-bottom:1px solid rgba(255,255,255,0.1)}
.footer-sitemap-top .cont { width:50%; float:left; margin-bottom:20px;}
.footer-sitemap-top .cont a{ color:#FFFFFF; padding-left:1.5em; display:inline-block; font-size:12px;}
.footer-sitemap-top .cont li{ position:relative; margin-bottom:5px;}
.footer-sitemap-top .cont li:before{content: "ー"; display:block;position: absolute; left:0; top:5px;width: 1em;height:1em;color:#999;font-size:8px;}
.footer-sitemap-top h4 img { height:26px}
.footer-sitemap-top p.text-center img{ width:160px}
#youtube { margin:30px 10px 10px }
#top_content  .btn.btn-default { color:#d61518}

/* new mypage */
.compare { font-size:13px; font-weight:normal; color:#dcdcdc; text-align:center;  font-family:arial narrow, Helvetica, sans-serif; }
.compare.plus { color:#f7c905}
#rating_sec { background-color:#d61518; 	font-family:Arial, Helvetica, sans-serif; padding-bottom:25px;}
#rating_sec  > div { float:left;position:relative; height:140px;}
.rt_class { width:25%;}
.rt_graf { width:50%; text-align:center; color:#FFFFFF}
.rt_link { width:25%; }
.rt_class a{
	background-color:#FFFFFF; border-radius:50%; width:40px; height:40px; position:absolute; top:50px; left:0; right:0; margin:auto;
	font-size:12px;  text-align:center; line-height:40px; letter-spacing:-0.05em;
	}
.rt_class a span{ font-size:8px;}

.rt_link a{
	display:block;
	background-color:#FFFFFF; border-radius:50%; width:35px; height:35px; position:absolute; top:50px; left:0; right:0; margin:auto;
	color:#D61518; font-size:12px;  text-align:center; line-height:35px;
	}
.rt_link a span{ margin-right:0}
#rt_pie_w {
	position:absolute; display:block;
	top:-7px; bottom:0; right:0; left:0; margin:auto;
	-webkit-transform:rotate(-90deg); transform:rotate(-90deg);
	width:140px; height:140px;
	}
#rt_pie {width:140px; height:140px;}

.rt_graf .inner { position:absolute; top:10px; left:0; right:0; bottom:0; margin:auto; width:160px; height:100px;}
.rt_graf .inner div:first-child { font-size:12px; color:rgba(255,255,255,0.8)}

.rt_graf h2 { margin: 5px 0; font-size: 36px; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: 1px;}
/* .rt_graf h2 { margin:-2px 0 0 0;font-size:46px; font-family:arial narrow, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px} */

.rt_graf h2.ing { color:#FFFF66;}
.rt_graf h2 span {font-size:22px; letter-spacing: 0;}
#carddata .card_prof { position:relative; top:-30px; margin-bottom:-35px; text-align:center;}
a.cardimg {
    position:relative; overflow:hidden;
	display:block; width:50px; height:50px; margin-left:auto; margin-right:auto; border-radius:50%;
	-webkit-box-shadow: 0 0 0 2px #FFFFFF; box-shadow: 0 0 0 2px #FFFFFF; /*border:2px solid #000000;*/
	}
a.cardimg .frame { position:absolute; height:50px; width:50px; border-radius:25px; border:2px solid #000000}
a.cardimg .crop{height:50px; width:50px; border-radius:50%; overflow:hidden;border:2px solid #000000; box-sizing: border-box;}
a.cardimg img{ height:50px;display:block; margin-left:-10px; margin-top:-1px; border-radius:25px}
a.cardname { display:inline-block; font-size:14px; font-weight:bold; margin-top:5px;}

.card_stats { margin:10px}
.card_stats > div { float:left;position:relative; width:33%; text-align:center;}

.card_stats a {
	display:block; width:72px; height:72px; background-color:#D61518; border-radius:50%; text-align:center; color:#FFFFFF;
	margin:0 auto; font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:700;
	padding-top:20px;
	}
/*
.card_stats a {
	display:block; width:72px; height:72px; background-color:#D61518; border-radius:50%; text-align:center; color:#FFFFFF;
	margin:0 auto; font-size:22px; font-family:arial narrow, Helvetica, sans-serif; font-weight:bold;
	padding-top:20px;
	}
*/

.card_stats .ing a {color: #ffff66;}
.card_stats h3 { color:#000000; font-size:12px; margin:5px 0; font-weight:bold;}
.card_stats .compare { margin-top: -3px;}

#carddata > .inner { margin:10px 20px;}
#carddata .freemember a img { border:1px solid rgba(0,0,0,0.1)}
a.notice-link.red.todaysdata { padding:8px; margin-left:10px; margin-right:10px;}
a.notice-link.red.todaysdata .msg { font-size:16px; padding-left:30px;}

.menuicon {
	background-image:url(/img/mypage/menu_icon8_10.png); width:60px; height:60px; border-radius:10px; display:block; border:1px solid #dbdbdb; margin:0 auto;
	background-size:300px auto;
	box-sizing:content-box;
	position: relative; overflow: hidden;}

.menuicon#playdata { background-position:0 0;}
.menuicon#imakoko { background-position:-60px 0;}
.menuicon#homeshop { background-position:-120px 0;}
.menuicon#more { background-position:-180px 0;}
.menuicon#club { background-position:-240px 0;}
.menuicon#shopsearch { background-position:0px -60px;}
.menuicon#mail { background-position:-60px -60px;}
.menuicon#itemshop { background-position:-120px -60px;}
.menuicon#tc { background-position:-180px -60px;}
.menuicon#league { background-position:-240px -60px;}
.menuicon#perfect { background-position:-0px -120px;}
.menuicon#event { background-position:-60px -120px;}
.menuicon#ranking { background-position:-120px -120px;}
.menuicon#relation { background-position:-180px -120px;}
.menuicon#xscreen { background-position:-240px -420px;}
.menuicon#revo { background-position:-60px -305px;}
.menuicon#bracketmaker { background-position:-60px -180px;}
.menuicon#itemshop-top { background-position:-120px -180px;}
.menuicon#real_fishing { background-position: -240px -180px;}
.menuicon#battle_darts { background-position: -180px -240px;}
.menuicon#bd_ranking { background-position:-120px -240px;}
.menuicon#faceresister{ background-position:-0px -240px;}
.menuicon#pxmission { background-position:-241px -239px;}
.menuicon#rankbattle { background-position:-420px -238px;}
.menuicon#house_t { background-position:-60px -239px;}
.menuicon#hju { background-position:0px 62px;}
.menuicon#relay { background-position:-60px -239px;}
.menuicon#mm_event { background-position:-180px -240px;}
.menuicon#vsb_ranking { background-position:-60px -240px;}
.menuicon#perfect_live { background-position: -120px -300px;}
.menuicon#gom_mission {background-position: -180px -240px;}

/*
.go_top a { width:40px; height:40px; border-radius:20px; background:#FFF; font-size:16px; color:#d61518; display:block; text-align:center; padding:10px; border:1px solid #CCC}
.go_top a span { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); margin:-6px 0 0 -2px;}
*/

ul.news_list { border-bottom:1px solid #ececec; border-top:1px solid #ececec; }
ul.news_list li{ border-bottom:1px solid #ececec; overflow:hidden}
ul.news_list li:last-child{ border-bottom:none;}
ul.news_list li a { display:block; padding:10px 15px 10px 0; position:relative}
ul.news_list li a:after {  clear: both;  display: table; content: " ";}
ul.news_list li a:before {
	font-size:1em; width:1em;height:1em;display:block; position:absolute; right:0;
	top:0; bottom:0;margin:auto; color:#8e8e8e; font-family: 'Glyphicons Halflings';  content: "\e258";}
ul.news_list div.pic{ float:left; margin-right:10px; margin-left:10px;}
ul.news_list div.news_meta{ font-size:10px; color:#d61518;}
ul.news_list div.news_meta span.date{ color:#999999;}
ul.news_list .news_title { overflow:hidden}

.re_entry { padding-bottom: 20px;}
.re_entry a.btn-action { font-weight: bold; width: 50%; margin: 0 auto; font-size: 16px;}

/*membercp 201711 */
#top_membercp { margin: 20px 0;}
#top_membercp a { display: block; max-width:700px; margin: auto;}

/*
.modal-open {
 overflow: visible!important;
 position: static!important;
}
*/

a.datahelp_link { color: #647FD5; float: right; font-weight: normal; font-size: 12px; }

/*responsive ==============================================================================*/
@media (max-width: 767px) {
/*smart phone*/
#wrap{position:relative; width:100%; overflow:auto; background:#ffffff;}
.hidden-sp { display:none;}
footer .footer-logo { clear:both; text-align:center;}
header { position:relative; min-height:47px}
header menu { top:8px;}
menu.rightMenu{ text-align:right; margin-right:5px;}
header menu a.btn_card { float:left; margin-left:10px;}
header menu a.btn_news{ position:relative; margin-right:6px; float:right}
header menu a.btn_setting {margin-right:5px; float:right}
header menu a.btn_news .badge-red { top:-3px; right:-5px; font-size:10px; min-width:16px; background-color:#fcc51e;}
#id_header .btn_home { width:44px;}
header h1#logo { width:130px; height:47px; margin:0 auto; position:absolute; padding:0 !important; top:0; left:0; right:0}
h1#logo a{
	display:block; width:130px; height:26px; position:absolute; margin:auto; top:0; bottom:0; line-height:12px;
	background-image:url(/img/common/logo_phoenixdarts.png);
	background-position:0 0; background-repeat:no-repeat;background-size:130px auto; text-indent:110%; overflow:hidden;}
header.logined h1#logo a{background-position:0 -20px;}

a#btn-menu{	position:absolute;left:10px; top:5px;}
a#btn-cardlist {position:absolute;right:10px; top: 5px;}
header a.btn-login {position:absolute; right:0; top: 3px; display:block; font-size:12px; color:#FFFFFF; background:#9FA0A0; padding:5px 10px; border-radius:5px;}
header.data_merge a.btn-login { background-color: #000000; }

#sidebar .submenu { display:none;}
.top-login { padding:0 10px;}
.top-login #m_id,
.top-login #passwd {width:100%;}
.top-login .cell.wrap-btn_login { width:90px;}
.box-login .btn_login { margin-left:10px; height:68px; padding:10px}

/*for PC naviagetion hide*/
.head-menu,.head-login-info,#sidemenu-pc{ display:none;}
/**/
.box-tbl.res .cell { display:block;}
.homeshop-head .cell.photo{ width:70px;}
.shop_sub_info{position:relative; margin:0 -10px -20px;	}
.shop_sub_info .shop_icon { float:left; width:40%; padding:10px; line-height:30px;}
.shop_sub_info .play_navi { float:right; width:185px; padding:10px}

.banner-mypage {padding:0 10px;}
ul.mypage-foot-navi li{ font-size:10px;}
span.vsrank { font-size:20px;}
.vsrank-icon { margin-left:-20px;}
.todayData a { font-size:12px;}
#id_web {margin:20px 10px;}

.sp_small { font-size:12px !important; vertical-align:middle;}
.club-list .sp_small { width:50px;}
.sns-btn .cell:first-child { padding-right:5px}
.sns-btn .cell:last-child { padding-left:5px}
#apps { border-bottom:1px solid #CCC; padding-bottom:10px;}
#apps h4 { margin-bottom:10px}
#apps img.thumb { width:50px; height:auto;display:block; margin-right:10px;}
#apps table img{ width:100px; max-width:200px; display:block; margin:0 auto}
.data-tool { border-bottom:1px solid #CCC; padding:15px 0;}
.data-tool h4 { margin-bottom:10px}
.data-tool img.thumb { width:62px; height:auto;display:block; margin-right:10px;}
.data-tool table img{ width:208px; max-width:210px; display:block; margin:0 auto}

.banner-mypage .bx-wrapper { padding-bottom:0; background-image:none;}
.banner-main .bx-pager { margin-bottom:40px;}
.shop-gallery-wrap .bx-wrapper{ background:none; padding:10px 0; margin-bottom:40px;}
.shop-gallery-wrap { height:auto}
a.btn-pickup span.icon,
a.btn-beginner span.icon,
a.btn-shopsearch span.icon { vertical-align:bottom;}
a.btn-beginner span.icon { margin-left:-8px}
.top-login .link.box-tbl .cell:first-child { padding-right:10px;}

.top_app {padding: 30px 0 0;}
.top_app .container ul{display: flex; flex-wrap: wrap-reverse;}
.top_app .container ul > li{ padding: 0 0 30px; margin: 0 auto;}
.top_app::after { content: ""; display: block;}
.top_youtube {padding: 30px 0;}

/*
ul.footer-sitemap li:nth-child(3n) { border-right:0;}
ul.footer-sitemap li:nth-child(4n):before{content: "\A" ;}
*/
ul.footer-sitemap li,
ul.footer-sitemap li:nth-child(2n) {font-size:11px; line-height:15px;display:inline-block; margin:0 0 5px 0;padding:0 8px;border-right:1px solid #878787;}
ul.footer-sitemap li:nth-child(3n) ,ul.footer-sitemap li:last-child { border-right:0;}
ul.footer-sitemap li:last-child { display:block}

ul.submenu li.small { font-size:13px !important; letter-spacing:-0.1em;}
#global-menu-wrap-pc{ display:none;}
#entranceForm{ margin:0 -10px;}
#joinform .formTbl th { padding:10px; font-size:12px; vertical-align: top;}
#joinform .formTbl td { padding:10px ; }
#joinform .formTbl .text-info{margin:5px 0 0; font-size:12px;}
.check.isok,
.check_btm.isok{ font-size:12px; font-weight:normal;}
ul.flow-navi { margin:-20px -10px 20px -10px; text-align:left;}
.mypage_email_send input,.mypage_email_send textarea { font-size:16px}
.tbl_spwrap{ margin-left:-10px; margin-right:-10px;}
.intro .bx-wrapper { padding:15px 10px;}
.intro .bx-wrapper .bx-controls-direction a { top:110%;}
table.mail-list .date { display:block; float:none; text-align:right}
.guide .sub_titleArea h3 { font-size:16px;}
fieldset.guide  strong { display:none;}
fieldset.guide .selectWrap{ width:100px; float:left; margin-right:10px;}
fieldset.guide #search_value{ width:100px; float:left; height:30px !important; margin-right:10px;}
fieldset.guide .btn{ width:50px; float:left}
.guide h3.border { margin:-20px -10px 0 -10px;}
.guide_detail li { padding-left:0; padding-right:0;}
.shopModi a.btn-default , .shopModi a.btn-del {margin-top:10px;}
.shopModi .section-inner a.btn-default,
.shopModi .btnArea a.btn-del { margin-top:0}
.shopModi article { margin-left:-10px; margin-right:-10px;}
.ranking-wrap .baseTbl td.player a { width:165px}
.baseTbl td.player { padding-left:0;}
.baseTbl td.player a img {height:16px;}
.baseTbl td.player a { width:100%}
#list_table td.player a { width:100%; display:inline-block; }
#list_table td.player a.name {font-weight:bold}
#list_table tr td:first-child { width:40px;}
#list_table tr td.player { width:auto;}

.mypage #list_table td.player a {display: inline-block; width: 190px;}
#cont .section.mystory-content { padding-bottom:100px;}
.table-responsive { width:100%; overflow:auto}
.table-responsive table{max-width:none !important;}

td.player .class img { height:16px;}
td.player .class { float:none}
#list_table td.player { width: 170px;}

#rivalrank #ranking_list,
#ranking_compare .row1,
#ranking_compare .row2 { margin-left:-10px; margin-right:-10px;}
#rivalrank #ranking_list .img-prof-square { width:40px; height:40px;}
#rivalrank #ranking_list .img-prof-square .crop { width:40px; height:40px;}
#rivalrank #ranking_list .img-prof-square img{ width:auto; height:100%;}
form#FriendForm span.class { display:block; padding-bottom:3px;}
#goldForm .form-sub {display:block;}
#goldForm .formTbl .goldpoint span.point {display:block; text-align:right}
#goldForm table th { padding: 6px; font-size:12px;}
.playnavi-link a:link,.playnavi-link a:visited{  font-size:13px;}

/*Item ranking 20150413 add */
.ranking_item .area .txt { width:180px; overflow:hidden;}
.ranking_item .area .txt .tit { white-space:nowrap;}
.ranking_item ul.horizon { display:table; table-layout:fixed; width:100%;}
.ranking_item ul.horizon li { display:table-cell; width:33%; border:none;}
.ranking_item ul.horizon li a { height:auto; display:block; width:100%; position:relative}
.ranking_item ul.horizon li .num { float:none; text-align:center; line-height:100%; position:absolute; z-index:3; top:-15px; left:0;}
.ranking_item ul.horizon li .num img { width:25px;}
.ranking_item ul.horizon li .txt { width:100%; overflow:hidden; text-align:center;}
.ranking_item ul.horizon li .area .img { float:none; text-align:center; margin:0 auto; display:block}
.ranking_item ul.horizon li .area .img .corver { margin:0 auto;}
.ranking_item ul.horizon li .area p.tit{ width:100%; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; font-size:12px}
.ranking_item ul.horizon li .area p.cate{ width:100%; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; font-size:12px}
.ranking_item ul.horizon li .area p.date{ display:none;}

.search_bn a .img{ width:120px; float:left; margin-left:24px; margin-right:10px}
.search_bn a span{ width:130px; display:block; float:left; font-weight:normal}
.search_bn a .overlay{ width:40px}
.br_sp { display:block}
.shopicon_info { margin-left:-10px; margin-right:-10px;}
.section.shop-notice { margin-top:70px; position:relative; padding:10px; background:#4c4e54; color:#CCCCCC;}


/*joinform */
.birth .select-small .selectWrap span.select {font-size:14px; height:30px; line-height:30px; padding:0 10px 0 5px;}
.birth .select-small .selectWrap::before {color: #6a6d74; font-size: 8px; height: 30px; line-height: 30px; padding: 0; width: 15px;}
.birth .selectWrap {float:left; margin:0 5px 5px 0; width:65px !important;}

/*member-regist 20151216 add */
.member_regist_h3{margin-bottom:0 !important;}
.member_regist_chach{margin:0 -10px 15px;}
 h3.bar+ div.member_regist_chach { margin-top:-20px; }

/*member-email_fin 20151216 add */
.success_image{margin: 0 0 20px;}
.wrong_image{margin: 0 0 20px; width: 80%;}

/*member-email_complete 20151216 add */
.regist_comp_ttl{margin:-20px -10px 20px;}
.regist_comp_item{padding:0 10px;}
.regist_comp_item li{float:none; width:100%; margin:0 0 10px 0;}
.regist_comp_item li:last-child{float:none; width:100%; margin:0;}
.regist_comp_box{width:100%; background:#ebebeb; padding:10px; margin:0 0 10px 0;}
.regist_comp_txt{color:#4c4c4c; margin:0; font-size:14px; font-weight:bold; text-align:left;}
.regist_comp_txt p{margin:0;}
.regist_comp__image {margin: 30px 0;}
.regist_comp__image:last-of-type {width: 90%; margin: 10px auto;}

.section h4 { font-size:14px;}
.section.shopdetail h3 { margin-left:-10px; margin-right:-10px;}
.section.shopdetail ul.news-list { margin-top:-10px;}
.section h3.dark.sm { font-size:12px}
.share-wrap + .section, .share-wrap + .section h3 { margin-top:0}
.sp_ajust { margin-left:-10px; margin-right:-10px;}
.sp_ajust h4.sub{ margin:10px}
table.border.shop-detail th { width:110px;}
.playnavi-link a:link, .playnavi-link a:visited{/* padding-top:3px; padding-bottom:4px;*/ padding-left:35px; }
table.border.shop-detail th, table.border.shop-detail td{ font-size:12px}
.link_wrap { min-height:30px;}
.submenu-wrap ul.list-inline { padding:5px 10px; font-size:12px}
.section#leaguteam { margin-top:0; margin-bottom:-20px;}
.shop-list.visited-shop { margin-top:-20px; margin-bottom:-20px;}
.shopitem_user a { display:block}
.box-section .shop-message.group-common { margin-bottom:10px}
.shopdetail ul.team-list li:last-child { border-bottom:0}
/* mypage mhf-g10 20160328 add */
.mhf_status span{font-weight:bold; font-size:14px;}
.mhf-g10_cpn .cpn_notice p{ width:auto !important; }

/*new top*/
#top_account .account-name { width:auto;}
.card_select { width:90%; right:auto; left:5px; margin-left:auto; margin-right:auto}
.card_select span { left:0;  right:auto;  top: -15px;  width: 0;}
.section.news .search { margin-top:0}
.rank_wrap .cell.dataname { font-size:12px;}

/*imakoko */
.section#imakoko { padding-left:0; padding-right:0;}

/*billing*/
.section.billing h3.bar { text-align:center }
.section.billing { min-height:300px;}

/* V5 Graph */
.highchart_wrap{ margin-left:-10px;margin-right:-10px; padding-bottom:5px;}

/* playdata event */
span.short { font-size:12px; letter-spacing:-0.05em;}

/* New top */
.head-menu { background:#d61518; position:relative; z-index:-1}
#id_header > .container {height:47px}
.head-menu ul { margin-left:10px; margin-right:10px;}
.head-menu ul li a { display:block; font-size:14px; padding:10px 5px; color:#FFFFFF; border-bottom:1px solid rgba(255,255,255,0.4); position:relative;}
.head-menu ul li a img { width:15px; position:absolute; right:10px; left:auto; top:0; bottom:0; margin:auto;}
.head-menu ul li:last-child a {border-bottom:none;}
.top_login { width:290px; margin:0 auto 20px auto;}
.top_login .cell-right , .top_login .cell-right .box-tbl { margin-top:10px;}
.top_login .cell-right .box-tbl .cell:first-child{ padding-right:5px;}
.top_login .cell-right .box-tbl .cell:last-child{ padding-left:5px;}
.top_login .cell-right a {display:block}
.banner-main .bx-controls-direction { display:none;}
.go_top { bottom:5px; display: none; position: fixed;  right: 10px; z-index: 1;}

ul.news_list { margin-right:-10px; margin-left:-10px;}
ul.news_list li a { margin-right:10px;}

#linkarea .icon-sns { width:46px; border-radius:6px; border:1px solid #ebebeb}
#linkarea ul { text-align:center;}
#linkarea li { display:inline-block; margin-right:10px;}
#linkarea li a .info{ display:none;}

.baseTbl td.player a img { display:block; margin-left:0; margin-right:auto; margin-bottom:3px;}
#main_banner {border-top:1px solid #EFEFEF;}


/* option pay 20170627 add */
/* pc buy */
.pc_buy_ttl{background:#9ca2ae !important; text-shadow: none !important; border-bottom: 1px solid #333 !important; text-align: left !important; padding: 10px 5px 9px !important; margin: 0 !important;}
.pc_buy_cont{}
.pc_buy_cont h2{border-bottom:3px solid #cf2525; font-size: 20px; margin: 0 -10px; padding: 0 0 15px; text-align: center;}
.pc_buy_cont .intro{width: 100%; border-bottom: 1px solid #dedede; margin: 0 0 15px; padding: 10px 0; display: table;}
.pc_buy_cont .intro .carrier_image{margin: 0; width: 40%; padding: 1% 0; text-align: center; vertical-align: middle;}
.pc_buy_cont .intro .carrier_image img{max-width: 280px; width: 100%; padding: 0 5px 0 0;}
.pc_buy_cont .intro .carrier_detail{padding: 1% 0; width: 60%;}
.pc_buy_cont .intro .carrier_detail dl{width: 100%;}
.pc_buy_cont .intro .carrier_detail dt{font-weight: bold;}
.pc_buy_cont .intro .carrier_detail dd{color: #747474; font-size: 12px;}
.pc_buy_cont .carrier_list .carrier_image{display: table-cell; margin: 0; width: 30%; vertical-align: middle;}
.pc_buy_cont .carrier_list .carrier_image img{width: 100%; vertical-align: middle; padding: 0 5px 0 0;}
.pc_buy_cont .carrier_list .carrier_detail{display: table-cell; padding: 0 30px 0 0; vertical-align: middle; width: 55%;}
.pc_buy_cont .pc_list ul li{border-bottom: 1px solid #dedede; padding: 10px 0;}
.pc_buy_cont .pc_list .bb1 p{color: #755ba8; display: block; float: left; font-size: 22px; font-weight: bold; margin: 0; padding: 10px 0; width: auto;}
.pc_buy_cont .pc_list .bb1 a.btn{background: #755ba8; border-radius: 5px; color: #fff; font-size: 20px; font-weight: bold; min-width: 110px; display: block; float: right;}
.pc_buy_cont .pc_list p.notice{color: #999999; font-size: 10px; margin: 10px 0 20px; text-align: right;}
.pc_buy_cont .about{width: 100%;}
.pc_buy_cont .about h3{color: #333333; font-weight: bold; font-size: 16px;}

.section.club .shop-setting .shop-img { width: 30%}
.section.club .shop-info {width: 70%; position: relative}
.club-list .playcount { font-size: 10px;}
.section.club .shop-info .mark_dartsuku {position: absolute; display: inline-block; right: 0;}
.section.club .shop-info .mark_dartsuku img { height: 22px; margin-top: 5px;}


/*membercp 201711 */
#top_membercp {margin: 20px;}

.square a .newmark {
	background-image:url(/img/mypage/menu_icon_ribbon.png);
	background-size: 300px auto;
	width: 60px; height: 60px;
	}
.square a .eventmark {
	background-image:url(/img/mypage/menu_icon_ribbon.png);
	background-size: 300px auto;
	background-position: -60px 0;
	width: 60px; height: 60px;
	}
.square a .bottommark {
	height: 16px; display:block;
	font-size:9px; line-height: 16px;
	}

/* member-regist 202008 add */
.regist__greetings{font-size: 1.4rem; margin: 25px 0; text-align: left;}
.regist__greetings span{font-size: 1.2rem;}

.snslogin h4{font-size: 1.4rem;}
.snslogin h5{font-size: 1.4rem;}
.snslogin li{margin: 6px 0;}
.snslogin button{font-size: 1.2rem; padding: 8px 0; border-radius: 10px;}
.snslogin button::before{content: ""; top: 0; left: 30px;}

.login-button__submit--fb span.snslogo{top: 9px; left: 8px;}
.login-button__submit--tw span.snslogo{top: 11px; left: 8px;}
.login-button__submit--gg span.snslogo{top: 9px; left: 8px;}
.login-button__submit--ap span.snslogo{top: 8px; left: 9px;}

.login-button__submit--fb{border: 1px solid #1e67c4;}
.login-button__submit--tw{border: 1px solid #1a7ab5;}
.login-button__submit--gg{border: 1px solid #d8d8d8;}
.login-button__submit--ap{border: 1px solid #bcbcbc;}

.login-button__submit--fb span.snslogo::before,
.login-button__submit--tw span.snslogo::before,
.login-button__submit--gg span.snslogo::before,
.login-button__submit--ap span.snslogo::before {content: ""; width: 16px; height: 16px;}

span.snstxt{margin: 0 0 0 30px;}
p.subtxt{font-size: 1.3rem; margin: 0 0 20px;}

/*** formTbl ***/
label.icStr_label{margin: 15px 0 5px; display: block;}

.terms {margin: 15px 0;}
.terms p {font-size: 1.3rem; text-align: left;}
.terms span.tips {font-size: 1.1rem; text-align: left;}
.terms ul{display: block; width: 70%; margin: 14px auto;}
.terms li{width: 100%; margin: 0;}
.terms li a.btn {font-size: 1.2rem !important;}
.terms li a.btn-action:after{right: 10px; bottom: 8px;}
.agreement label{font-size: 1.3rem; vertical-align: 0;}

/* member-login 202008 add */
.login_area .accountlogin,
.login_area .snslogin {width: 100%; margin: 0 auto;}
.login_area .accountlogin p.answer {margin: 5px 0;}
.login_area .accountlogin h5{font-size: 1.4rem;}


}

@media (max-width: 560px) { /**/
.mystory {background-size:auto 100%;}
}
@media (max-width: 320px) {
	#goldForm #auto_address { margin-top:10px}
.navi-toggle.small ul a{ font-size:11px; padding-top:8px; padding-bottom:8px;}

}

@media (min-width: 321px) and (max-width: 767px) { /*smartphone large*/
.menuicon { height: 70px; width: 70px; background-image: url("/img/mypage/menu_icon8_10.png"); background-size: 350px auto;}
.menuicon#playdata { background-position:0 0;}
.menuicon#mymovie { background-position:-210px -210px;}
.menuicon#imakoko { background-position:-70px 0;}
.menuicon#homeshop { background-position:-140px 0;}
.menuicon#more { background-position:-210px 0;}
.menuicon#club { background-position:-280px 0;}
.menuicon#shopsearch { background-position:0px -70px;}
.menuicon#mail { background-position:-70px -70px;}
.menuicon#itemshop { background-position:-140px -70px;}
.menuicon#tc { background-position:-210px -70px;}
.menuicon#league { background-position:-280px -70px;}
.menuicon#perfect { background-position:0px -140px;}
.menuicon#event { background-position:-70px -140px;}
.menuicon#ranking { background-position:-140px -140px;}
.menuicon#relation { background-position:-210px -140px;}
.menuicon#xscreen { background-position:-280px -140px;}
.menuicon#revo { background-position:-70px -355px;}
.menuicon#bracketmaker { background-position:-70px -210px}
.menuicon#itemshop-top { background-position:-140px -210px;}
.menuicon#real_fishing { background-position:-280px -210px;}
.menuicon#battle_darts { background-position:-210px -280px;}
.menuicon#bd_ranking { background-position:-140px -280px;}
.menuicon#faceresister{ background-position:0px -280px;}
.menuicon#pxmission { background-position:-281px -278px;}
.menuicon#rankbattle { background-position:-490px -277px;}
.menuicon#house_t { background-position:-70px -280px;}
.menuicon#hju { background-position:0px 72px;}
.menuicon#relay { background-position:-70px -280px;}
.menuicon#mm_event { background-position:-210px -280px;}
.menuicon#vsb_ranking { background-position:-70px -280px;}
.menuicon#perfect_live { background-position: -140px -350px;}
.menuicon#gom_mission {background-position: -210px -280px;}
}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/}
@media (min-width: 992px) and (max-width: 1199px) {/* desk top */}
@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) { /*sm~lg*/
#wrap{position:relative; background:#ffffff; min-width:970px; overflow:visible;}
.hidden-pc { display:none;}
.container { width:970px; margin:0 auto;}
#wrap_mypage {padding-top:20px; padding-bottom:20px;}
#wrap_contents{padding-top:20px; padding-bottom:20px;}
#content{	width:720px; margin:0 auto; background-color:#ffffff;}
#wrap_contents #content {margin:0 auto; background-color:#ffffff;min-height:600px}
#wrap_mypage #content{ min-height:600px}
#sidebar {float:left;	margin-right:30px;width:240px;}
#mobile{display:none;}
.wrapInner{left:0 !important;}

header h1#logo{margin:5px auto; padding:10px 0 !important; width:226px;}
header h1#logo a{
	display:block; width:226px; height:38px; margin:auto; top:0; bottom:0; line-height:12px;
	background-image:url(/img/common/logo_phoenixdarts.png);
	background-position:0 0; background-size:226px auto; text-indent:110%;overflow:hidden;}
header.logined h1#logo a{	background-position:0 39px; }
.head-menu { background:#d61518; display:block !important;}
.head-menu ul { text-align:center;}
.head-menu ul li{display:inline-block;margin-right:1px;}
.head-menu ul li a:link,.head-menu ul li a:visited {
		display:inline-block; padding:14px 20px; font-weight:bold; font-size:16px; color:#ffffff; text-align:center;
		border-bottom:3px solid #d61518; border-top:3px solid #d61518;
		}
.head-menu ul li a:hover,.head-menu ul li a.active { color:#d61518; background-color:#FFFFFF;}
header.logined .head-menu  > .container { background-color: rgba(0,0,0,0.1);}
header.logined .head-menu ul li a:link, header.logined .head-menu ul li a:visited { border-color:#C01316}

header a.btn-login,
a#btn-menu,
a#btn-cardlist ,
menu.leftMenu,
menu.rightMenu{ display:none;}
.top-login { width:240px; float:left; margin:0 auto;}

#top.container { margin-bottom:20px;}
.box-login h4{ margin-bottom:0 !important;}
.top-login form .cell{ display:block;}
.top-login form .text-link{ font-size:12px}
.box-login .btn_login { margin:5px auto; display:block; width:100%; padding:5px 0;}


/*** head-login-info update 2025.08 ***/
ul.head-login-info{width: 270px; background: #6a6d74; font-size: 12px; line-height: 1.2em; text-align: right; position: absolute; top: 0; right: 0;}
header.data_merge ul.head-login-info { background-color:#D61518;}
ul.head-login-info li {display:inline-block;padding:8px 5px 0 5px;color:#ccc; max-width:132px;}
ul.head-login-info li:last-child {margin: 0; padding: 0;}
ul.head-login-info li a:link, ul.head-login-info li a:visited {color:#fff;}
ul.head-login-info li a:hover, ul.head-login-info li a:active{color:#fff; text-decoration:underline;}
ul.head-login-info a.btn_card {display: block; margin: 0 2px; padding: 4.5px 10px;}
ul.head-login-info .btn_card img {margin: 0;}
ul.head-login-info li.account_name{min-width: 220px; background: rgb(0 0 0 / 1); text-align: left; padding: 0; float: left;}
ul.head-login-info li.account_name label{width: 100%; display: inline-block; padding: 12.5px 25px 12.5px 12.5px; position: relative; cursor: pointer;}
ul.head-login-info li.account_name label:hover:before{border: 2px solid rgb(214, 21, 24);}
ul.head-login-info li.account_name label:hover:after{border-top: 2px solid rgb(214, 21, 24); border-right: 2px solid rgb(214, 21, 24);}
ul.head-login-info li.account_name div{position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
ul.head-login-info li.account_name label:before,
ul.head-login-info li.account_name label:after{margin: auto; content: ""; vertical-align: middle; position: absolute; top: 0; bottom: 0; right: 7.25px; transition: all 0.5s;}
ul.head-login-info li.account_name label:before{width: 18px; height: 18px; border: 2px solid rgb(204, 204, 204); border-radius: 50%; box-sizing: border-box;}
ul.head-login-info li.account_name label:after{width: 6px; height: 6px; top: -0.5px; right: 13.5px; border-top: 2px solid rgb(204, 204, 204); border-right: 2px solid rgb(204, 204, 204); transform: rotate(135deg);}

ul.head-login-info li.account_name #account_toggle {display: none; cursor: pointer;}
ul.head-login-info li.account_name ol#account_menu{width: 100%; background: rgb(48 15 11 / 0.925); position: absolute; top: 37px; left: 0;}
ul.head-login-info li.account_name ol#account_menu > li{max-width: none; padding: 0; margin: 0; display: block;}
ul.head-login-info li.account_name ol#account_menu > li:after{content: ""; display: block; width: 100%; background: rgb(255 255 255 / 0.15); height: 1px;}
ul.head-login-info li.account_name ol#account_menu > li a{width: 100%; display: inline-block; padding: 10px 12.5px;}
ul.head-login-info li.account_name ol#account_menu > li a:hover{text-decoration: none; color: #d61518; background: rgb(255 255 255 / 1);}
#account_menu {display: none; z-index: 10;}
#account_toggle:checked + #account_menu {display: flex; justify-content: flex-start; flex-direction: column; }
/*** head-login-info update 2025.08 ***/

ul.head-login-info li:last-child.account_name{border-radius:5px;}
ul.head-login-info li .ico { margin-right:3px; vertical-align:bottom}
.box-tbl.res div.cell:first-child table.border { border-right:0px;}
.homeshop-head .cell.photo{ width:100px;}

.shop_sub_info{ position:relative; width:380px; top:0; left:310px; margin-top:-42px;}
.shop_sub_info .shop_icon { float:left; width:50%; padding:10px 0 0; text-align:right;}
.shop_sub_info .play_navi { float:left; width:50%; padding:10px 10px 0}
.shop_sub_info .play_navi.club { float:right;}

#wrap_contents h1.menu-title {
	/*background:#D61518;*/
	background:#ffffff; color:#333333;font-size:18px;padding:10px 0 5px 0;text-shadow:none;border-bottom:2px solid #D61518;line-height:140%;}
#wrap_contents h1.menu-title a.link-help { color:#333333;}
a.link-help:before { top:-12px;}

a.btn-beginner, a.btn-shopsearch { font-size:16px;}
.bbs_list li .pic { width:120px;}
.bbs_list li .pic img { width:100%;}
.jpNews { height:425px;}
.banner-main { background:none;}
.bx-wrapper { padding:10px 10px 0 10px;}
.box-tbl.link .cell { display:block}
.link.box-tbl .cell:first-child { padding:0; margin-bottom:10px}

#apps { margin-top:0; padding:0 0 5px 0;}
#apps h3 {
	margin-left:0; margin-right:0; background:#F7F7F7; color:#666; font-size:14px; font-weight:normal; border-top:1px solid #CCC;border-bottom:1px solid #CCC; margin-bottom:10px;}
#apps h4 { font-size:14px;}
#apps img.thumb { width:50px; height:auto; display:block; margin-right:10px;}
#apps table img{ width:76px;}
.logined #apps { margin-top:20px;}

.data-tool { margin-top:0; padding:0;}
.data-tool h3 { margin-left:0 !important; margin-right:0 !important; background:#F7F7F7 !important; color:#666 !important; font-size:14px !important; font-weight:normal !important; border-top:1px solid #CCC !important; border-bottom:1px solid #CCC !important; margin-bottom:10px !important;}
.data-tool h4 { font-size:14px;}
.data-tool img.thumb { width:50px; height:auto; display:block; margin-right:10px;}
.data-tool table img{ width:155px;}
.logined .data-tool { margin-top:20px;}


.bx-wrapper img {border-radius:10px; border:3px solid #f7f7f7;}
.main-middle-link { margin-bottom:30px;}
.player-list.card .cell.card-info  img.img-prof{ width:auto; height:60px; border-radius:3px; margin-right:10px; display:block; position:absolute; z-index:19;}
.player-list.card > li > a ,
.player-list.card .cell.card-info .inline-border-list { margin-left:90px;}
.player-list.card > li.info > a {  margin-left:0;}
.section.main-sidebanner { padding:0;}
.section.main-sidebanner h3 { display:none;}
.main-sidebanner { margin:20px 0;}
.main-sidebanner ul li { margin-bottom:10px; text-align:center; clear:both; border:1px solid #cccccc; border-radius:6px;}
.main-sidebanner ul li a { padding:10px 5px ; display:table; width:100%; background:#FAFAFA;border-radius:6px;}
.main-sidebanner ul li span { display:none;}
.main-sidebanner ul li span.bn { width:100%; padding-right:0; display:block;}
.main-sidebanner ul li span.bn img{ width:100%;}

.global .sbj{border-radius:0; padding:5px; display:block; font-weight:normal; font-size:12px; }
.global .sbj a{color:#999;}
.global .sbj a:hover{color:#ccc;}

footer .flag{margin:0; width:auto;}
footer .flag img{margin:0 5px 0 0;}
footer .footer-sitemap{text-align: center; margin: 5px 5px 0 0;}
.footer-link .container {width:970px; max-width:970px;}
.footer-sitemap { width:610px; float:right;}
.footer-logo { clear:none;width:280px; margin-right:0; float:right;}
.card_select { right:0}

footer .selectBox{
	top:auto; right:0; left:0; margin:auto; bottom:33px; z-index:1001;width:280px;
	display:none; padding:2px; border:2px solid #000; background:url(/images/common/bg_global.png) repeat;}
footer .copyright { text-align:center;}
#content.one-col { width:auto; float:none; margin:20px auto 30px auto; min-height:600px;}
#content.one-col .section{ width:800px; margin-left:auto; margin-right:auto;}
#content.one-col .section h3.bar {background:none; border-bottom: 2px solid #e93f43;color:#333; font-size: 22px; margin: 0 0 20px;font-weight:bold; line-height: 24px; padding-left: 0;}
.login_area .box-tbl  { width:540px; margin:0 auto;}
.login_area .box-tbl .cell:first-child { width:70%; padding-right:10px;}
.login_area .btn_login { margin:0; padding:23px 0}
.box-login p.text-info { text-align:center;}

#joinform input[type="password"] { max-width:200px;}
ul.flow-navi li{height: 50px;margin-left: -5px;width: 80px;}
ul.flow-navi li:after { left:79px;}
ul.flow-navi li:before { left:80px;}
ul.flow-navi li div { left:30px}
#title_config_div_1 .size{ margin-left:50px;}
#title_config_div_1 .select-small{ width:80%;}
#layer .inner.buddy {margin: 0 0 0 -200px;width: 400px;top:100px;}
.section.mail a.write{right:0;}
.friendTbl td.left a .name{ display:inline}
.intro .bx-wrapper { width:780px; margin-top:10px;}
.intro .bx-wrapper img { height:300px;}
.intro h4{ font-size:20px;}
.intro .btn-newregist { width:400px; margin:0 auto 20px auto;}

ul.list-media li { width:330px; float:left; margin-right:10px;}
ul.list-media li .cell dd { font-size:12px;}
#layer2 .map { margin: 0 0 0 -400px; width: 800px;}
#layer2 .map .cont { width: 780px;}
.right_pop .cont {
	max-width: 640px;
	margin: auto;
	left: -80px;
	right: 0;
	top: 51px;
	height: 600px;
	overflow: auto;
	border-radius: 6px;
	padding: 10px 0;
}
.navi-rival a img { width:20%;}
.navi-shopsearch a img { width:68px;}
ul.submenu {	padding-top:25px;}
.section.homeshop h3,
.section.club h3,
.section.event h3,
.section.shopsearch h3,
.section h3.bar{ color: #4c4e54;font-size:18px; padding:10px; background-color:#ffffff;	border-bottom:2px solid #F43237; line-height:0;}
.section.homeshop h3,
.section.club h3{ background-color:#f7f7f7;border:1px solid rgba(0,0,0,0.1);border-bottom:2px solid #F43237; line-height:18px;}

.link-setting.playnavi a:link,
.link-setting.playnavi a:visited{ color:#333333;}
.section.playnavi h3 .link-setting.playnavi a:link,
.section.playnavi h3 .link-setting.playnavi a:visited { color:#FFFFFF}
.section.homeshop h3:first-child { margin-top:20px;}

#layer_battle .cont { height:600px; width:640px; margin:50px auto 0; border-radius:6px;}
#layer_battle .cont .cont_inner { padding:0}
#layer_battle h1 { margin-top:0; padding:12px 20px;}
#layer_battle #detail_table { padding: 0 20px;}
#ranking_compare div.box-tbl { max-width:480px; margin:0 auto;}
#mini-help #cont { width:600px; margin:0 auto}

/*Item ranking 20150413 add */
.ranking_item ul.horizon { display:block;}
.ranking_item ul.horizon > li { border: 1px solid #ccc; display:inline-block; width:216px; margin-right:10px; border-radius:5px; padding:0}
.ranking_item ul.horizon li:nth-child(3n){ margin-right:0;}
.ranking_item ul.horizon a { display:block; width:100%;padding:10px 5px; height:84px; position:relative}
.ranking_item ul.horizon a .num,
.ranking_item ul.horizon a .img,
.ranking_item ul.horizon a .txt { display:table-cell; float:none; margin:0; padding:0; vertical-align:middle; }
.ranking_item ul.horizon a .img { padding-left:5px;}
.ranking_item ul.horizon a .num { position:absolute; z-index:3; width:30px; top:-33px; left:-13px; height:30px;}
.ranking_item ul.horizon a .num img{ width:100%;}
.ranking_item ul.horizon a .txt { padding-left:5px;}
.ranking_item ul.horizon p.tit{ width:130px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis;}
.ranking_item ul.horizon li .area p.date{ display:block}

/*data-tool 20150617 add */
.tool_area {margin:0; padding:15px 0 0 0;}
.tool_outline_area {border-top:1px solid #d3d3d3; margin:10px 0 5px 0; padding:10px 0 0 0;}
.tool_area .box-tbl  { width:600px; margin:0 auto;}
.tool_area .box-tbl .cell:first-child { width:70%; padding-right:10px;}
.tool_area .btn_tool { margin:0; padding:23px 0}
.tool_area .card_number_area{width:100%; background:#ffffff; border-radius:5px; margin:0 0 15px 0; padding:25px 15px 20px 15px;}
.tool_area .card_number_area h5{color:#f43237; font-size:20px; margin:0 0 10px 0;}
.tool_area .card_number{text-align:center; font-size:24px;}
.tool_wrong_area .box-tbl { width:600px; margin:0 auto;}
.tool_outline_area .box-tbl  { width:600px; margin:0 auto;}
.tool_outline_area .box-tbl .cell:first-child { width:70%; padding-right:10px;}
.tool_outline_area .btn_tool { margin:0; padding:23px 0}
.tool_outline_area ul {margin:0 0 10px 0px ; padding:0;}
.tool_outline_area li {list-style:disc; margin:0 0 0 19px; font-size:12px;}
.box-tool h4 {color:#f43237; border:#f43237 1px solid; text-align:center; padding:10px; border-radius:5px; font-size:18px;}
.box-tool h5{border-bottom:#333333 1px dotted; font-size:18px; padding:0 0 10px	 0; margin:20px 0 10px 0;}
.box-tool h6{border-bottom:#333333 1px dotted; font-size:14px; font-weight:bold; padding:0 0 5px 0; margin:10px 0 7px 0;}
.box-tool p {margin:0 0 10px 0; font-size:14px;}


.tool_area dl { margin-bottom:10px;border: 1px solid #e6e1e1;font-size:14px; border-radius:5px;}
.tool_area dt { font-weight:bold; background:#9499a7; padding:5px; margin-bottom:5px; -webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; color:#f7f7f7}
.tool_area .formTbl th {width:30%;}
.tool_area .formTbl th.single {background: none repeat scroll 0 0 #F3F4F4; border-right:none;}
.tool_area .dlstyle1 table td {vertical-align:middle; padding:12px 10px 10px 10px; text-align:right;}
.tool_area .dlstyle1 table span {color:#C3C3C3;}
.tool_area dd { font-size:14px; padding:10px; border-bottom:1px solid #e6e1e1;}
.tool_area dl dd:last-child { border-bottom:0;}
.tool_area dl.dlstyle1 { border-left:none; border-right:none; margin:15px 0 0 0 !important;}
.tool_area dl.dlstyle1 dt {padding:10px 10px 9px;}
.tool_area .tool_notice{margin:15px 0 10px 0; color:#FF0000; text-align:center;}
.tool_area .data_option{margin:15px 0 0 0;}
.tool_area .data_option ul.list-toggle{border:none; border-radius:6px;}
.tool_area .data_option ul.list-toggle li {background-position: right center; background-size: 20px auto; box-sizing: border-box;}
.tool_area .data_option ul.list-toggle a{border:1px solid #e6e1e1; border-radius:6px; display: block; padding: 15px 30px 15px 15px; position: relative; text-decoration: none;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.tool_area ul.list-toggle > li ul{ display:none; background:#EFEFEF; border-top:none;}
.tool_area .notice{border-top:#FF0000 1px solid; border-bottom:#FF0000 1px solid; margin:15px 0 5px 0; padding:8px 0;}
.tool_area .notice ul{margin:0; padding:0;}
.tool_area .notice li{list-style:disc; margin:0 0 0 19px; font-size:14px; color:#FF0000;}

.search_bn a { text-align:center;}
.search_bn a span{ font-size:18px; display:inline-block; padding-top:20px; }
.shopsearch .inner { width:600px; margin-left:auto; margin-right:auto;}

.flowscroll .team.team1 { width:332px;}
.flowscroll .team.team2 { width:332px;}
.flowscroll .team.team3 { width:220px;}

.group-common {padding:15px; margin-bottom:20px;}
.shop-content li img { width:24px; margin-right:5px;}
.shop-content li { font-size:12px}

/*global shop navi 20151124 add */
.search-global .shop_selectBox div {font-size: 13px; position: relative; width: 100%;}
.search-global.shop_selectBox{top:auto; right:0; left:0; margin:auto; bottom:45px; z-index:1001;width:100%; display:none; padding:2px; border:2px solid #000; background:url(/images/common/bg_global.png) repeat;}
.search-global .shop_selectBox .shop_nation {float: left;}
.search-global .shop_selectBox .shop_nation ul {background: #383a40 none repeat scroll 0 0; border: 1px solid #57595e;}
.search-global .shop_selectBox ul {display:block; width:100%; border:1px solid #e6e1e1;}
.search-global .shop_selectBox li{display:block; text-align:center; border-right:none; position:relative; width:25%; float:left; font-size:14px;}
.search-global .shop_selectBox li a {color: #fff; background:none; display: block; padding: 5px 10px;}
.search-global .shop_selectBox li.active a {color: #f03033; font-weight: bold;}
.search-global .shop_selectBox strong {color: #fff; display: block; font-size: 0.93em; padding: 10px 0; text-align: center; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.search-global .shop_selectBox .shop_nation strong {background: #383a40 none repeat scroll 0 0; border: 1px solid #57595e;}
.search-global .shop_selectBox .bg {display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0;}


/*shop ranking */
.shop-ranking-detail{margin-top:20px !important;}
.section h4 { margin-top:20px;}
.section .playnavi-list h4  { margin-top:0}
.navi-shopsearch .cell {height:100px;}
.shop-img{ width:100px;}
.shopsearch_mhf-g10 h4 {border-left: 10px solid #f43237; color: #4c4e54; font-size: 16px; font-weight: bold; line-height: 100%; padding-left: 5px;}

/*shop-detail 20151124 add */
.play_navi {position: static; right: 150px; top: 0; width: 150px;}
.vshop-ttl{height: 38px !important; line-height: 30px !important;}
.visit-shop ul {clear:both;}
.visit-shop li {border:0 none; float: left;width:50%; height:100px; position:relative;}
.visit-shop .pic {left:10px; position: absolute; top:10px;}
.visit-shop dl {line-height:1.4; padding:10px 0 0 120px;}
.visit-shop dt {height:50px; margin:0;}

.shop-list.visited-shop li { width:50%; float:left; height:103px; overflow:hidden}
.shop-list.visited-shop li:nth-child(odd) { border-right:1px solid #e6e1e1;}
.shop-list.visited-shop .shop-info { padding-right:10px;}
.shop-list.visited-shop .shop-img { width:60px}

.playnavi ul.player-list li a.playshop { font-size:12px}
.playnavi .player-list .player-img { width:60px;}
.playnavi-list .cell.player-img img.cond { top:26px; width:25px; height:25px;}
.shop_notice .hilight  { float:left; top:0}
.shop_notice .hilight span {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.shop_notice p {display:block; float:left; width:575px; margin:0 0 0 5px; margin-top:3px; word-break: break-all;}
.share-wrap { margin-top:30px; border:1px solid rgba(0,0,0,0.1)}
.share-wrap + .section { margin-top:30px}
.section.shopdetail { padding-top:20px;}
.navi-shopsearch a:link, .navi-shopsearch a:visited { font-size:14px}
.box-section {border:1px solid rgba(0,0,0,0.1); margin: -20px -10px 0;}
.section.shopdetail p.infosub { padding:0 15px;}
.box-section ul.news-list {margin:-10px 0 0 0; }
.box-section h3.dark { font-size:16px; padding:15px 10px; background:#F7F7F7; color:#333; font-weight:bold; border-bottom:1px solid #F43237}
.box-section h3.dark .link-setting { top:0; bottom:0; margin:auto;}

.box-section .shop-message { margin:15px;}
.box-section .shop-message.group-common { margin:-10px 0 10px 0;}
.box-section h4 {margin:15px 15px 0px 15px;}
table.border.shop-detail th { width:160px;}

.shopitem_wrap { padding:10px 15px 15px 15px;}
.shopitem { width:200px; margin:0 15px 0 0; position:relative; float:left;}
.shopitem_user{ font-size:14px; }
.shopitem_user a { font-size:14px;}

.shopdetail ul.team-list {margin:0 auto;  border:0; padding:10px; background-color:#F7F7F7}
.shopdetail ul.team-list > li {background-color:#ffffff; margin-bottom:10px; border: 1px solid #ccc;}
ul.team-list .league-img { width:80px}
ul.team-list .league-info { padding-top:10px}
ul.leagu_team img.team-img { width:60px;}

/* new top 2016/4/8 by hasegawa*/
.datacompar {font-size:14px;}
table#top_stats_tbl #todaydata a {font-size:14px; padding:10px;}
#todaydata a.active span{ font-size:12px;height:15px; left:100px;}

#notice_area a.notice-link { max-width:600px; margin-left:auto; margin-right:auto;}
#notice_area a.notice-link:hover { border-color:#CCCCCC}
#notice_area a.notice-link.red:hover { border-color:#b20008}
#notice_area a.notice-link.yellow:hover { border-color:#fe8f00}

#top_foot_menu .rectangle {  max-width:600px; margin-left:auto; margin-right:auto;}
#top_account .section {margin-left:auto; margin-right:auto;}
.square a .name { font-size:12px;}
.square a .menu-icon img { width:54px; margin-top:8px; margin-bottom:5px;}
.square a .badge-red { right:20px; top:10px; font-size:12px; min-width:20px;}
.card_select span { right:5px; left:auto}

.mhf_status div.reborn {width:100px; height:20px; line-height:20px; -webkit-transform: rotate(-38deg); transform:rotate(-38deg); left:-27px; top:11px; font-size:14px}
.mhf_status div.txt{color:#333333; padding:5px; font-size:12px; background:#FFF; text-align:center}
.mhf_status_wrap { max-width:600px; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0}

/*imakoko */
ul.imakoko-list li a.playshop:hover { color:#3c3d40; text-decoration:underline}
.imakoko-group a.shopname:hover {	color:#474a52; }
.imakoko-group a.groupname:hover {color:#272a2f;}
ul.imakoko-list li span.time { font-size:12px;}
ul.imakoko-list li p.msgtxt { font-size:12px;}
.my_condition .msgtxt { font-size:14px;}
.my_condition a#btnisdisplay img { width:44px;}
.my_condition .cell a.btn-default { display:block;}
.my_condition .box-tbl { width:680px; margin-left:auto; margin-right:auto}
.my_condition .cell { padding:0 10px }
ul.imakoko-list {border-left:1px solid #e6e7ea; border-right:1px solid #e6e7ea; }

.banner-main .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner-main .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#E93F43}

/*billing*/
.one-col .section h3.bar { height:auto;}

/*my page event */
#top_event .event_status_wrap {margin-left: auto;margin-right: auto; max-width: 600px; padding-left: 0; padding-right: 0; }
#top_event .event_status_wrap:last-child {padding:10px 0;}
#top_event .event_status div.reborn {
font-size: 14px; height: 20px; left: -27px;line-height: 20px; top: 11px; -webkit-transform: rotate(-38deg);  transform: rotate(-38deg);width: 100px; z-index:2; font-weight:bold;}
#top_event .event_status_wrap a{ background:#FFFFFF;}
#top_event .event_status_wrap a:hover .bn{ opacity:0.8;}
#top_event .event_status_wrap .bn img{ max-width:600px;}
#top_event .event_status .txt{ font-size:12px;}

/* V5 Graph */
#graphmenu a.active, #graphmenu a:hover { background-color:#ffffff; color:#ff6699;}
.border.stripe.graph th {width:50%}

/* playdata event */
.pastevent .event-list { margin:20px 15px; border: 1px solid #e6e1e1; border-radius:10px}

/* New top */
.head-menu ul li a img { display:none;}
.banner-main { background-color:#FFFFFF; padding-top:20px; padding-bottom:60px; overflow:hidden}
.banner-main .bx-wrapper { width:970px; margin:0 auto; padding:0;}
.banner-main .bx-wrapper img { border-radius:0; border:0;}
.banner-main .bx-viewport {-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); border:2px solid rgba(255,255,255,0.5)}
.banner-main .bx-wrapper a.bx-prev { left:-80px; background-image:url(/img/common/ctr_arrow.png); height:67px; width:67px; background-position:0; opacity:0.4;}
.banner-main .bx-wrapper a.bx-next {
	right:-80px; background-image:url(/img/common/ctr_arrow.png);
	height:67px; width:67px; background-position:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:0.4;}
.banner-main .bx-wrapper a.bx-prev:hover,.banner-main .bx-wrapper a.bx-next:hover{ opacity:1;}
.banner-main .bx-wrapper .bx-pager.bx-default-pager a{ height:15px; width: 15px; border-radius:7px;}
.banner-main .bx-wrapper .bx-pager { margin-bottom:-8px;}
.banner-main .bx-pager-item{ width:40px;}

.top_login { width:970px; margin:20px auto; padding:30px; background-color:#e6e6e6; display:table;}
.cell-left { display:table-cell; padding-right:20px; width:50%}
.cell-right{ display:table-cell; padding-left:10px; vertical-align:top}

.top_login .cell-right , .top_login .cell-right .box-tbl { margin-top:10px;}
.top_login .cell-right .box-tbl .cell:first-child{ padding-right:5px;}
.top_login .cell-right .box-tbl .cell:last-child{ padding-left:5px;}
.top_login .cell-right a {display:block; font-size:16px; line-height:20px;}
a.btn_memberegist { font-size:26px; line-height:26px; padding:24px 10px;}
a.btn_memberegist span { font-size:20px; padding:5px 15px; vertical-align:middle}
h2.sec_title { font-size:40px; padding:30px;}
.top_news div.sns { padding:30px;}
.top_news div.sns a{ width:40px; height:40px;}
ul.news_list_top { padding-left:20px; padding-right:20px; margin:10px 30px}
ul.news_list_top li a { padding:20px 0;}
ul.news_list_top li a:hover .news_title { text-decoration:underline;}
ul.news_list_top div.pic { margin-right:30px;}
ul.news_list_top .news_title { font-size:18px;}
ul.news_list_top div.news_meta { font-size:16px;}
ul.news_list_top + div a { display: inline-block; padding:20px 30px; font-size:16px;}
ul.news_list_top + div a:hover { text-decoration:underline}

.top_about { margin-top:40px; margin-bottom:40px;}
.top_about .container {margin-left: auto; margin-right: auto; max-width:none; position: relative; height:700px}
.top_about img.s4_layer { width:321px; max-width:none; bottom:0;}
.top_about_cont { margin-left: auto; margin-right: 0; padding: 20px 10px 10px 0; position: relative; text-align: center;  width: 641px;  z-index: 1;}
.top_about_cont .s4logo {margin:0 30px 30px; width: 370px;}
.top_about_cont p { font-size:22px; margin:30px 0; line-height:140%;}
.top_about_cont .s4point { width:617px;}
.top_about_cont + .box-tbl {margin-top: 20px; margin-right:0; margin-left:auto; width: 641px; }

.top_about_cont + .box-tbl .cell a {font-size:18px;padding:15px;display:block;}
.top_about_cont + .box-tbl .cell:first-child a { margin-right:15px; margin-left:40px;}
.top_about_cont + .box-tbl .cell:last-child a { margin-right:40px; margin-left:15px;}

.top_about .btn .iconb.sm,
.top_app .btn .iconb.sm,
.top_youtube .btn .iconb.sm,
.top_newshop .btn .iconb.sm,
.top_related  .btn .iconb.sm{ transform:scale(1.6,1.6); right:15px;}

.top_app .container { margin-left:auto; margin-right:auto;}
.top_app .container ul{ display: flex; justify-content: flex-start; align-items: center; padding: 0 0 20px;}
.top_app .container ul > li{ width: 50%;}
.top_app p {font-size:20px; color: #FFFFFF; text-shadow: 1px 1px 3px #000000; margin:30px 0; line-height:140%;}
.top_app.def p {color: #000; text-shadow: none;}
.top_app .container img.img-responsive { max-width:100%;}
.top_app a.btn {font-size: 18px;padding: 15px; width:230px;}

.top_youtube .container { margin-left:auto; margin-right:auto;}
.top_youtube .box-tbl { table-layout:fixed;}
.top_youtube .box-tbl .cell { vertical-align:middle}
.top_youtube p { font-size:20px; margin:30px 0; line-height:140%;}
.top_youtube .container img.img-responsive { max-width:100%;}
.top_youtube a.btn {font-size: 18px;padding: 15px; width:230px;}
.top_newshop a.btn {font-size: 18px;padding: 15px; width:280px;}
.top_about a.btn {font-size: 18px;padding: 15px; width:340px;}
.top_related a.btn {font-size: 18px;padding: 15px; width:230px;}

ul.top_newshop_list a {display: inline;overflow: hidden;padding: 7px 0; text-overflow: ellipsis; white-space: nowrap; width: 100%;font-size:16px;}
ul.top_newshop_list a:hover { text-decoration:underline;}
ul.top_newshop_list { padding-left:30px; padding-right:30px;}
ul.top_newshop_list li { width:50%; float:left; padding:10px;}
.top_related h3 {margin: 30px 0; font-size:40px;}
.contents_list > a,
.contents_list_more > a,
.contents_list_more > span.blank {margin:10px;}

.contents_list > a span, .contents_list_more > a span{ font-size: 16px; padding-top: 10px;}
.top_related p.text-center { margin:30px auto;}

#top_content + footer { margin-top:0;}
.footer-sitemap-top p.text-center img { width:300px;}
.footer-sitemap-top .cont {width: 225px; height:250px; background-color:#282828; margin-right:23px; padding:15px 20px 20px;}
.footer-sitemap-top .cont:last-child { margin-right:0}
.footer-sitemap-top .cont ul { margin-top:20px;}
.footer-sitemap-top .clearfix { margin:40px 0 20px 0; padding:0 0 20px 0}
.footer-sitemap-top .cont a:hover{ text-decoration:underline;}

/* mypage */
#rating_sec { padding:25px 0 40px 0;}
#rating_sec > div {height: 170px;}
#rt_pie_w { height: 200px; width: 200px; left: 0; top: -10px;  }
#rt_pie { height: 200px; width: 200px; }
.rt_class a { font-size: 16px;height:60px; width: 60px; line-height: 60px;}
.rt_class a span { font-size: 14px;}
.rt_link a { font-size: 12px; height: 60px; width: 60px; line-height: 60px;  }
#carddata a.cardimg {width:70px; height:70px; background-color:#FFFFFF;}
#carddata a.cardimg .crop{height:70px; width:70px;}
#carddata a.cardimg .frame { height:70px; width:70px; border-radius:35px; border-width:3px}
#carddata a.cardimg img{height:70px;  margin-left:-14px; margin-top:-1px;}
.rt_graf .inner div:first-child { margin-top:-10px; font-size:14px;}
.rt_graf h2 { font-size: 56px; letter-spacing: -1px; margin: 0;}
.card_stats { width:530px; margin-left:auto; margin-right:auto;}
.card_stats a { font-size: 30px; height: 100px; width: 100px; padding-top: 26px;  text-align: center;}
/* .card_stats a { font-size: 34px; height: 100px; width: 100px; padding-top: 25px;  text-align: center;} */

a.notice-link.red.todaysdata { margin:20px auto; width:456px;}
#top_menu .square { max-width:640px; margin-left:auto; margin-right:auto; padding-left:20px}
#more-menu.section hr {max-width:640px; margin-left:auto; margin-right:auto;}
.square a {width:100px; margin-left:0; margin-right:66px;}
.square a:nth-child(4n){margin-right:0;}
.menuicon { background-image: url("/img/mypage/menu_icon8_10.png"); background-size: 500px auto; height: 100px;width: 100px;}
.menuicon#playdata { background-position:0 0;}
.menuicon#mymovie { background-position:-300px 100px;}
.menuicon#imakoko { background-position:-100px 0;}
.menuicon#homeshop { background-position:-200px 0;}
.menuicon#more { background-position:-300px 0;}
.menuicon#club { background-position:-400px 0;}
.menuicon#shopsearch { background-position:0px -100px;}
.menuicon#mail { background-position:-100px -100px;}
.menuicon#itemshop { background-position:-200px -100px;}
.menuicon#tc { background-position:-300px -100px;}
.menuicon#league { background-position:-400px -100px;}
.menuicon#perfect { background-position:-0px -200px;}
.menuicon#event { background-position:-100px -200px;}
.menuicon#ranking { background-position:-200px -200px;}
.menuicon#relation { background-position:-300px -200px;}
.menuicon#xscreen { background-position:-400px -200px;}
.menuicon#revo { background-position:-100px -509px;}
.menuicon#bracketmaker { background-position:-100px -300px;}
.menuicon#itemshop-top { background-position:-200px -300px;}
.menuicon#real_fishing { background-position:-400px -300px;}
.menuicon#battle_darts { background-position:-200px -400px;}
.menuicon#bd_ranking { background-position:-200px -400px;}
.menuicon#faceresister { background-position:-0px -400px;}
.menuicon#pxmission { background-position:-402px -400px;}
.menuicon#rankbattle { background-position:-700px -400px;}
.menuicon#house_t { background-position:-100px -400px;}
.menuicon#hju { background-position:0px -495px;}
.menuicon#relay { background-position:-100px -400px;}
.menuicon#mm_event { background-position:-300px -400px;}
.menuicon#vsb_ranking { background-position:-100px -400px;}
.menuicon#perfect_live { background-position: -200px -500px;}
.menuicon#gom_mission {background-position: -300px -400px;}

.square a .badge-red { font-size: 16px; min-width: 26px; right: -8px; top: -4px;}
.banner-mypage .bx-wrapper .bx-pager.bx-default-pager a { height: 10px; width: 10px;}
#carddata .freemember a { display:block; width:600px; margin-left:auto; margin-right:auto;}
.banner-mypage .bx-wrapper img {width:600px; margin-left:auto; margin-right:auto;}
.go_top { width:1100px; bottom: 60px;  display: none; position: fixed;  right:0; left:0; margin:auto;  z-index: 0;}
.go_top a { margin:0 0 0 auto}
#wrap_mypage #content{ min-height:600px}

.section.news .nav { margin-top:30px; margin-bottom:30px;}
ul.news_list { padding-left:0; padding-right:0; margin:10px 0}
ul.news_list li a { padding:20px 0;}
ul.news_list li a:hover .news_title { text-decoration:underline;}
ul.news_list div.pic { margin-left:10px; margin-right:20px;}
ul.news_list .news_title { font-size:18px;}
ul.news_list div.news_meta { font-size:16px;}

#linkarea { margin-bottom:20px;}
#linkarea .icon-sns { width:60px; border-radius:6px; display:block; float:left; margin-right:10px; border:1px solid #ebebeb}
#linkarea li { display:block; float:left; width:330px; border:1px solid #CCC; margin-right:10px; margin-bottom:10px; border-radius:6px;}
#linkarea li:nth-child(2n) { margin-right:0;}
#linkarea li a { padding:10px; display:block; color:#666;}
#linkarea li a:hover { color:#CCC}
#linkarea li a strong{ color:#333}
#linkarea li a:hover img { opacity:0.5}
#linkarea li a:hover strong{ opacity:0.5}

#account .card-info dt p.liststats { font-size:14px;}
#list_table td.player { width: 500px;}
.baseTbl td.player { height:auto;}
}


/* new top 2018/7/18 by muramatsu*/

/* top_about */
.top_about.v2 {
	padding: 30px 0;
}
.top_about.v2 .container {
	height: auto;
}
.top_about.v2 .top_about_cont {
	position: relative;
	width: auto;
	padding: 0 10px;
}
.top_about.v2 p.text-center {
	margin: 30px auto 0;
}
@media (max-width: 767px) {
	.hide-sp {
		display: none;
	}
	.top_about.v2 {
		padding-bottom: 10px;
	}
	.top_about.v2 .top_about_flex + div { text-align:right; margin-top: 20px;}
	.top_about.v2 .top_about_flex + div a { display: inline-block; padding:10px 0;}
	.top_about.v2 .top_about_flex + div a:hover { text-decoration:underline}
	.top_about.v2 .top_about_col:not(:first-child) {
		padding-top: 40px;
	}
	.top_about.v2 .top_about_col.vsx .logo {
		position: absolute;
		width: 195px;
		top: 120px;
		left: 5px;
	}
	.top_about.v2 .top_about_col.vsx .machine {
		width: 85px;
		margin-left: auto;
		margin-right: 32px;
	}
	.top_about.v2 .top_about_col.vsx .txt {
		position: absolute;
		width: 150px;
		top: 88px;
		left: 26px;
	}
	.top_about.v2 .top_about_col.vsxMax .logo {
	    position: absolute;
	    width: 150px;
	    top: 100px;
	    right: 9px;
	}
	.top_about.v2 .top_about_col.vsxMax .machine {
		width: 135px;
		margin-right: auto;
		margin-left: 10px;
	}
	.top_about.v2 .top_about_col.vsxMax .txt {
		position: absolute;
		width: 150px;
		top: 70px;
		right: 10px;
	}
	.top_about.v2 .top_about_col.s4 .logo {
		position: absolute;
		width: 165px;
		top: 105px;
		left: 15px;
	}
	.top_about.v2 .top_about_col.s4 .machine {
		width: 125px;
		margin-left: auto;
		margin-right: 0;
	}
	.top_about.v2 .top_about_col.s4 .txt {
		position: absolute;
		width: 150px;
		top: 55px;
		left: 15px;
	}
	.top_about.v2 .top_about_col.vss .logo {
		position: absolute;
		width: 155px;
		top: 105px;
		right: 20px;
	}
	.top_about.v2 .top_about_col.vss .machine {
		width: 70px;
		margin-right: auto;
		margin-left: 35px;
	}
	.top_about.v2 .top_about_col.vss .txt {
		position: absolute;
		width: 148px;
		top: 60px;
		right: 20px;
	}
}
@media (min-width: 768px) {
	.hide-sp {
		display: block;
	}
	.hide-pc {
		display: none;
	}
	.top_about.v2 {
		padding: 50px 0;
	}
	.top_about.v2 p.text-center {
	    margin: 25px auto -25px;
	}
	.top_about.v2 .top_about_cont {
		padding: 0 25px;
	}
	.top_about.v2 .top_about_cont + .box-tbl {
		width: 100%;
	}
	.top_about.v2 .top_about_cont + .box-tbl .cell {
		display: block;
	    margin-bottom: 20px;
	}
	.top_about.v2 .top_about_cont + .box-tbl .cell a {
		margin: 0 auto;
		font-size: 15px;
		max-width: 200px;
		padding: 10px;
	}
	.top_about.v2 .top_about_flex {
		display: flex;
	}
	.top_about.v2 .top_about_flex + div { text-align:right; margin-right: 30px;}
	.top_about.v2 .top_about_flex + div a { display: inline-block; padding:20px 0; font-size:16px;}
	.top_about.v2 .top_about_flex + div a:hover { text-decoration:underline}
	.top_about.v2 .top_about_col {
	    width: 25;
	    margin: 0;
	}
	.top_about.v2 .top_about_col.vsx {
		-webkit-order: 1;
		    -ms-order: 1;
		        order: 1;
	}
	.top_about.v2 .top_about_col.vsxMax {
		-webkit-order: 2;
		    -ms-order: 2;
		        order: 2;
	}
	.top_about.v2 .top_about_col.s4 {
		-webkit-order: 3;
		    -ms-order: 3;
		        order: 3;
	}
	.top_about.v2 .top_about_col.vss {
		-webkit-order: 4;
		    -ms-order: 4;
		        order: 4;
	}
	.top_about.v2 .top_about_col .logo {
		margin-bottom: 25px;
	}

	.top_about.v2 .top_about_col.s4 .logo {
		position: relative;
		top: 1px;
	}

	.top_about.v2 .top_about_col.vsx .machine {
		width: 60%;
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	.top_about.v2 .top_about_col.vsxMax .machine {
		width: 100%;
		padding-top: 0;
		margin-left: 0;
		margin-right: auto;
	}
	.top_about.v2 .top_about_col.s4 .machine {
		padding-top: 18px;
	    width: 95%;
	    margin-left: auto;
	    margin-right: auto;
	}
	.top_about.v2 .top_about_col.vss .machine {
		width: 53%;
		margin: 32px auto 12px;
	}
	.top_about.v2 .top_about_col .txt {
		margin-bottom: 40px;
	}
	.top_about.v2 .top_about_col.vsx .txt {
	    padding: 0 10px;
	    margin-top: -15px;
	}
	.top_about.v2 .top_about_col.vsxMax .txt {
		padding: 0 5px;
		margin-top: 0;
	}
	.top_about.v2 .top_about_col.s4 .txt {
        margin-top: 6px;
	    margin-bottom: 55px;
	}
	.top_about.v2 .top_about_col.vss .txt {
	    padding: 0 34px;
	    margin-top: -20px;
	}
}
@media (min-width: 1200px) {
	.top_about.v2 .container {
		width: 1170px;
	}
	.top_about.v2 .top_about_cont + .box-tbl .cell a {
		margin: 0;
	    max-width: 260px;
	    margin-left: auto;
	    margin-right: auto;
	}
	/*
	.top_about.v2 .top_about_flex + div { text-align:right; margin-right: 60px;}
	.top_about.v2 .top_about_col.vsx .machine,
	.top_about.v2 .top_about_col.vsxMax .machine,
	.top_about.v2 .top_about_col.s4 .machine,
	.top_about.v2 .top_about_col.vss .machine {
	    width: auto;
	}
	*/
}

/* sitelink 2024/6/4 by matsui*/
#linkarea li {
	float: none;
    width: 45%;
    margin: 1.5% 2.5%;
}
#linkarea li:nth-child(2n) {
	margin-right: auto;
}
#linkarea li a {
	padding: 0;
}
#linkarea li a:hover img {
    opacity: 1;
}
#linkarea li a:hover {
    color: #d61518;
}

.sitelink .title-wrap{
    border-bottom: 3px solid #d6d7e3;
    margin-bottom: 25px;
}
.sitelink h4.link-category {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    border-bottom: 3px solid #d61518;
    margin-bottom: -3px;
    padding-bottom: 10px;
}
.sitelink ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.sitelink ul > li {
	float: none;
    width: 45%;
    min-height: 250px;
    margin: 1.5% 2.5%;
    border: 1px solid #CCC;
    border-radius: 6px;
	background: #f5f5f5;
}
.sitelink ul > li figure.info-img{
    position: relative;
    overflow: hidden;
    isolation: isolate;
    width: 100%;
}
.sitelink ul > li figure.info-img img{
	-webkit-transition: 0.3s;
    transition: 0.3s;
	border-radius: 5px 5px 0 0;
	width: 100%;
}
.sitelink li a:hover figure.info-img img {
	-webkit-transition: 0.3s;
    transition: 0.3s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
}
.sitelink ul > li .info-text{
    padding: 10px 15px;
    letter-spacing: 1px;
}
.sitelink ul > li .info-text p{
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.sitelink ul > li .info-text p span{
    display: block;
    font-size: 1.0rem;
    letter-spacing: 0;
}
.sitelink li a {
	padding: 0;
	-webkit-transition: 0.3s;
    transition: 0.3s;
}
.sitelink li a:hover {
	color: #d61518;
}

@media (min-width: 1200px) {
}

@media (max-width: 767px) {
	#linkarea li {width: 47%; margin: 1.5%; min-height: auto;}
	.sitelink .title-wrap{margin-bottom: 20px;}
	.sitelink h4.link-category {font-size: 18px; font-size: 1.45rem; padding-bottom: 7px;}
	.sitelink ul > li {min-height: auto;}
	.sitelink ul > li .info-text{padding: 10px 5px;}
	.sitelink ul > li .info-text p{font-size: 0.85rem;}
	.sitelink ul > li .info-text p span{font-size: 0.75rem;}
}

/* 20th ANNIVERSARY 2024/12/12 by matsui*/
@media (min-width: 768px) {
	header h1#logo {display: flex; align-items: center; width: 300px; position: relative; left: -30px;}
	header h1#logo a {display: inline-block;}
	header div#logo_20th{width: 60px; display: inline-block; margin: 3px 10px 0 0;}
	header div#logo_20th a {display: block; width: 60px; height: 45px; background-image: url(/img/common/logo_20th.png); background-position: 0px 0px !important; background-size: cover; background-repeat: no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap;}
}

@media (max-width: 767px) {
	header h1#logo {display: flex; align-items: center; width: 170px; left: -10px;}
	header h1#logo a {position: relative;}
	header div#logo_20th{display: block; margin: 0 0 1px;}
    header div#logo_20th a {display: block; width: 32px; height: 24px; background-image: url(/img/common/logo_20th.png); background-position: 0 0 !important; background-size: cover; background-repeat: no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap;}
}