@charset "utf-8";


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.test a:link,
ul.test a:visited { text-decoration:underline; color:#0066CC}
pre { color:#00CC00}
/* ↑あとで消す */

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

/*header */
header .container { position:relative;}

.head-navi {}
.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;} 
h1.menu-title {
	background:#f43237;
	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 #cf2525;
	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 #bcbcbc;
	-webkit-border-radius: 5px 5px 0 0;
	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 #dedede;
	}

ul.submenu li.active a span{
	border-bottom:3px solid #f43237;
}
.submenu-wrap {
	background:#dedede;
	border-bottom:1px solid #bcbcbc;
	}



/* my page */

.mystory {
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #000000;
	}
.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;
	}
.img-prof img {
	width:60px;
	height:60px;
	border-radius:40px;
	border:2px solid #FFF;
}
.mystory .cardname { text-align:center; margin:0; 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-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;}
.stats ul.row li .data {display:block; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:24px; margin:5px 0; position:relative;}
.stats ul.row li .data .high { font-size:14px; display:block; color:#999; line-height:14px;}
.stats ul.row li .data img { max-height:40px; max-width:100%}


.stats .ico_playnavi-shop,
.stats .ico_playnavi-club,
.stats .ico_pickup{
	background-size:150px auto;
	display:block;
	position:relative;
	width:50px; height:50px;
	margin:0 auto;
	}
	
.stats .ico_playnavi-shop { background-position:0 -50px;}
.stats .ico_playnavi-club { background-position:-50px -50px;}
.stats .ico_pickup { background-position:-100px -50px;}

.stats .on .ico_playnavi-shop { background-position:0 0;}
.stats .on .ico_playnavi-club { background-position:-50px 0;}
.stats .on .ico_pickup { background-position:-100px 0;}

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

.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: "\e080";
}
.box-message-link a:before,
.box-message-link a { color:#384465;}
.box-message-link a img { vertical-align:text-top; width:18px }

.note_wrap { border-bottom:1px solid #dee1e5; font-size:12px;}
.note_wrap a:before {
	font-size:14px;
	width:14px;height:18px;
	display:block;
	position:absolute;
	right:5px;	top:0; bottom:0;
	color:#999; margin:auto;
	font-family: 'Glyphicons Halflings';
	content: "\e080";
}
.main_mypage .newscast li { position:relative;} 
.main_mypage .newscast li a:before {
	font-size:14px;
	width:14px;
	display:block;
	position:absolute;
	right:5px;	top:0; bottom:0;
	color:#999; margin:auto;
	font-family: 'Glyphicons Halflings';
	content: "\e080";} 

/*section*/

.section h4 {
   border-left: 10px solid #F43237;
    color: #4c4e54;
    font-size: 14px;
    line-height: 100%;
	font-weight: bold;
    padding-left: 5px;
	font-weight:bold; font-size:16px; font-weight:bold;
	}

.section.playdata h4 { margin-top:30px;}

.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:#999;}
footer a:hover { color:#CCC;}

.footer-link { background:#313030; padding:15px 0;}
.copyright { background:#000000; text-align:right; font-size:12px; color:#666666; padding-top:10px; clear:both;}
.footer-link .container { position:relative;}

ul.footer-sitemap li {
	font-size:12px; line-height:16px;
	display:inline-block;
	margin:0 0 5px 0;
	padding:0 10px;
	border-right:1px solid #000;
	}
ul.footer-sitemap li:last-child { border-right:0;}


/*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 input { font-size:14px; margin-bottom:5px;}
.box-login p { margin:10px 0 0 0;}


.box-login .btn_login{
	background:#ff9900;
	color:#FFFFFF;
	border-radius:5px;
	font-size:14px;
	border:1px solid #ef8f00;
	}

a.btn-newregist {
	border:1px solid #E6002D;
	border-radius:10px;
	font-size:16px;
	color:#FFFFFF;
	display:block;
	text-align:center;
	padding:10px 5px;
background: #ea504b;
background: -moz-linear-gradient(top,  #ea504b 0%, #e8323d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea504b), color-stop(100%,#e8323d));
background: -webkit-linear-gradient(top,  #ea504b 0%,#e8323d 100%);
background: -o-linear-gradient(top,  #ea504b 0%,#e8323d 100%);
background: -ms-linear-gradient(top,  #ea504b 0%,#e8323d 100%);
background: linear-gradient(to bottom,  #ea504b 0%,#e8323d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea504b', endColorstr='#e8323d',GradientType=0 );
	}
a.btn-newregist span { display:inline-block; background:#FFF; color:#F43237; font-size:12px; padding:3px 5px 0 5px; border-radius:3px; margin-right:5px; margin-left:-5px;}
a.btn-newregist:hover { opacity:0.8} 

.top-login #m_id,
.top-login #passwd {width:100%; }


/*mail*/
table.mail-list  thead tr { background:#f9f9f9}
table.mail-list  .title { font-weight:bold;}
table.mail-list  .from { color:#666}
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:#9900cc} 

.f-online { color:#F60 !important}
.f-win,.game-win { color:#eb4847; height:70px;}
.f-lose,.game-lose { color:#2c6ed5;}
.game-lose {}
.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:16px; 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-weight:bold; font-size:16px; font-weight:bold; color:#F43237;
	-moz-	box-sizing:border-box;
	box-sizing:border-box;
	margin:20px -10px 20px -10px;
	padding:5px 10px;
	border-bottom:3px solid #F43237;
	}
	

.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;
	content:'▶';
}

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;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:-3px;	
	}

.section h3.title-date { text-align:center; background:none; font-size:16px; color:#333333;margin-top:10px; border:none; background:#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 {
	text-align:center; font-size:18px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #e6e1e1;
	margin-bottom:10px;
	}
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;}

/* footer navi */
.footer-navi { padding:10px;}
.footer-navi ul {
	display:table;
	table-layout:fixed;
	width:100%;
	border:1px solid #e6e1e1;
	}
.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;}



/*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;
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 );
outline: 1px solid #dcdcdc;
outline-offset: -1px;
height:24px;
	}
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 );
outline: 1px solid #405284;
outline-offset: -1px;
position:relative;
}

.btn-dark:before {
	font-size:10px; color:#f7f7f7;
	width:1em;
	height:1em;
	display:block;
	position:absolute;
	right:5px;
	top:10px;
	content:'▶';
}

.btn-dark .ico { margin-left:0; float:left; margin-right:3px;}

.down ,.up, .no-data { display:inline-block; border-radius:3px; color:#FFF; padding:0.2em 0;font-size:11px; font-weight:normal; width:78px; text-align:center; margin-top:-5px; margin-left:5px;}
.down img ,.up img { vertical-align:middle; height:12px; margin-bottom:2px}
.down { background:#70bbe9;}
.up { background:#eb6d9a;}
.no-data { background:#6a6d74;}


.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;}
.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-online span {
	display:inline-block; width:1em; height:1em;
	/*
	border-radius:50%;
background: rgb(238,238,238);
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
*/
}
.playnavi .player-list .player-online span.on{	
/*
background: rgb(73,155,234);
background: -moz-linear-gradient(top,  rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,155,234,1)), color-stop(100%,rgba(32,124,229,1)));
background: -webkit-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom,  rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );
*/
}
.playnavi-list .groupname  { display:inline-block; width:59%;}
.playnavi .player-list .player-online span img { width:100%;}
.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:-37%;}
.mIcon {
   border-bottom-left-radius: 0.6em;
    border-top-right-radius: 0.6em;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 22px;
	background: url("http://itemshop.phoenixdart.com/css/images/k_icox2.png") no-repeat scroll -142px -344px / 320px auto #3a3839;
	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:60px}
.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}

.playnavi-list h4 a:before {
	font-size:16px; color:#999;
	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%}

.shop-setting .playcount { position:static;}

.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:100px; right:5px;}
.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:-8px; left:-5px; 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;} 

.greetings { padding:0; margin:10px 0}


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 { }
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-weight:bold; 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:#F43237;
	border-bottom:1px solid #cf2525;
	line-height:30px;
	height:38px;
	}
.section.sub { margin-top:20px !important;}
.section.homeshop h3:first-child { margin-top:0;}
.homeshop-head { width:100%;}
 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:33%; float:left; font-size:10px; color:#4c4e54; margin-top:8px; color:#ced6ed}
.shop-content li img { vertical-align:middle; margin-right:3px;}
.playnavi-link {
	border-left:1px solid #1e1f23; margin-left:-10px; padding-left:10px; text-align:center
	}
.playnavi-link a:link,.playnavi-link a:visited{
	display:block;
	text-decoration:none;
	border:1px solid #e6e1e1;
	font-size:14px;
	background:#FFFFFF;
	padding:5px;
	color:#333;
	}
.playnavi-link a span { display:block; font-size:10px; color:#6a6d74; text-align:center}
.playnavi-link a.btn-default:before {
	right:3px;
	top:15px;
}

.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; color:#333333; 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; color:#344575; font-size:14px; text-align:center; background:#6a6d74; 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 li:before {
	font-size:10px; color:#CCC;
	width:1em;
	height:1em;
	display:block;
	position:absolute;
	right:5px;
	top:40%;
	content:'▶';
}

td.rank{ text-align:left; width:30px; text-align:center; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#eb4847; font-weight:bold;}
td.rank2{ text-align:left; width:30px; text-align:center; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;}
td.player{}
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:60px;}
.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:100px;} 
.shop-img img,
.player-img img
 { width:100%}
.shop-info { padding-left:10px;} 
.player-info { padding-left:10px;} 

.tag.vss { background:#F5F5F5; margin-bottom:5px; color:#666666}
.tag.vsp { background:#F5F5F5; margin-bottom:5px; color:#666666}
.tag.px1 { background:#F5F5F5; margin-bottom:5px; color:#666666}
.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:'▶';
}
.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}
.shop-gallery {width:1300px;}
.shop-gallery-wrap { width:100%; overflow:auto; height:160px;}
.shop-gallery img { 
	width:180px; height:auto; float:left; margin-right:15px;
	-webkit-box-shadow: 0 0 2px 2px rgba(106,109,116,0.5);
	box-shadow: 0 0 2px 2px rgba(106,109,116,0.5);
	border:3px solid #FFF;
}

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:last-child {border-bottom:none;}
ul.player-list li a:link { display:block; padding:10px 20px 10px 10px; text-decoration:none; color:#333333}
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;}
.player-list > li:before {
	font-size:16px;
	width:1em;
	height:1em;
	display:block;
	position:absolute;
	right:6px;
	top:0; bottom:0; margin:auto;
	content: "\e080";
	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}


.homeShop {
    padding: 0 65px 0 0;
    position: relative;
}

.sns {text-align:right; position:relative; height:30px;}
.sns .twitter-share-button { position:absolute; top:10px; right:0}
.sns .fb-like { position:absolute; top:9px; right:75px;}

.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;}


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;}
.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: #06acde;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.fame ol li.first-child .rank {
    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 {
    height: 40px;
    left: -5px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: -5px;
    width: 30px;
}
.fame ol li.second .rank {
    height: 32px;
    left: -3px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: -4px;
    width: 23px;
}
.fame ol li.third .rank {
    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 {
    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 {
    height: 40px;
    left: -5px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: -5px;
    width: 30px;
}
.fame_list .item.second .rank {
    height: 32px;
    left: -3px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: -4px;
    width: 23px;
}
.fame_list .item.third .rank {
    height: 32px;
    left: -3px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: -4px;
    width: 23px;
}
.fame .bx-controls {
    padding: 10px 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: none repeat scroll 0 0 #c4c4c4;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32) 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 end*/




input[type="text"], input[type="password"]{
    border: 1px solid #cccccc;
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-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 {
    border: 1px solid #cccccc;
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-radius: 0;
    box-sizing: border-box;

	}

a.btn_default,
.btn_default {
    border: 1px solid #e6e1e1;
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 );
    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;}

.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:60px;} 
.shop-setting .shop-info dt{ font-size:12px;} 
.shop-setting { margin-top:3px; margin-bottom:3px;}

.form-check { display:block; margin:0 auto; width:18px; height:auto; border-radius:5px;}

.shop-current {
	border:1px solid #e6e1e1;
	border-radius:6px;
	padding:10px;
	}


table.playnavi-setting  { border-top:1px solid #cccccc; background:#f7f7f7}
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}

/* ===========================================時的なやつ= */
.link-reallog {
padding:5px 15px 5px 5px; font-size:14px; text-decoration:none; color:#344575; margin:-4px;
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-offset: -1px;
position:relative;
	} 
.link-reallog:before {
	font-size:14px; color:#344575;
	width:1em;
	height:1em;
	display:block;
	position:absolute;
	right:3px;
	top:10px;
	content:'＞';
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}

.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;
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 );
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;}


.table-responsive { width:100%; overflow:auto}

.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;140%;}
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;}


.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;}



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;}


td.slot {
background: rgb(32,74,153);
background: -moz-linear-gradient(top,  rgba(32,74,153,1) 0%, rgba(35,96,170,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,74,153,1)), color-stop(100%,rgba(35,96,170,1)));
background: -webkit-linear-gradient(top,  rgba(32,74,153,1) 0%,rgba(35,96,170,1) 100%);
background: -o-linear-gradient(top,  rgba(32,74,153,1) 0%,rgba(35,96,170,1) 100%);
background: -ms-linear-gradient(top,  rgba(32,74,153,1) 0%,rgba(35,96,170,1) 100%);
background: linear-gradient(to bottom,  rgba(32,74,153,1) 0%,rgba(35,96,170,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204a99', endColorstr='#2360aa',GradientType=0 );
border-bottom:1px solid #3571ad !important; text-align:center; height:37px; vertical-align:middle}

td.slot img { width:30px; vertical-align:middle}

td.slot.hit {
background: rgb(248,181,0);
background: -moz-linear-gradient(top,  rgba(248,181,0,1) 0%, rgba(239,206,59,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,181,0,1)), color-stop(100%,rgba(239,206,59,1)));
background: -webkit-linear-gradient(top,  rgba(248,181,0,1) 0%,rgba(239,206,59,1) 100%);
background: -o-linear-gradient(top,  rgba(248,181,0,1) 0%,rgba(239,206,59,1) 100%);
background: -ms-linear-gradient(top,  rgba(248,181,0,1) 0%,rgba(239,206,59,1) 100%);
background: linear-gradient(to bottom,  rgba(248,181,0,1) 0%,rgba(239,206,59,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b500', endColorstr='#efce3b',GradientType=0 );
border-bottom:1px solid #FFC300 !important;
}

.slot-hit {
		text-align:center;
		margin:20px 0; padding:15px 10px;
		border-top:2px solid #F60;
		border-bottom:2px solid #F60;
		background-size:100% auto;
		}
.section.playdata .slot-hit h5{
	font-size:16px; margin-bottom:10px;
	font-weight:bold; color:#ff403e;
	margin-top:5px;
	
	}
.slot-hit .btn-block { padding:5px; background:#cc0033; border:1px solid #ad0d35; color:#ffffff; margin-bottom:1px;}
.slot-hit .btn-block:before { top:6px; color:#ffffff;}

/* my story  //////////////////////////////////////////////////////////////////////////////// */

.mystory-cover {
	height:110px;
	position:relative;
	padding:20px 10px 40px 10px;
	}
	
.mystory-head {}
.mystory-head .avater{ width:75px;}
.mystory-head .avater img{
	border-radius:5px;
	-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:55px;
	margin-left:5px;
	}
.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 {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 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 li:last-child { border-bottom:none;}
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:59%; 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 0 20px 0; box-sizing:border-box;
outline: 2px solid #D1D1D1;
outline-offset: 0;}
.navi-shopsearch .cell {
	width:25%; box-sizing:border-box;
	vertical-align:middle;
	border:3px solid #e6e1e1;
	}
	
.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:#344575;
		background:#ffffff;
		padding:3px 0;
		height:100%;
		text-decoration:none;
		}
.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-size: auto 90%;
		text-indent:200%;
		white-space:nowrap; overflow:hidden;
		}

.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;}


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:#F8A800;}

.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;}
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{ color:#090}
td.real-log table.border td.double{ color:#0066CC;}
td.real-log table.border td.bull{ color:#F00;}
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 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: none repeat scroll 0 0 #0ca5e5;
}

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 screen and (max-width: 769px){
#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;}

.stats .gold-sub { width:80px; vertical-align:middle; font-size:14px;}
.stats .gold-point { text-align:right; color: #333333;font-family: Arial,Helvetica,sans-serif;font-size: 24px;line-height: 24px;}

.banner-mypage { width:100%; margin:0 auto; float:none; background:#3d3d3d; padding:10px 10px 5px 10px;}
.banner-mypage .bx-wrapper { padding-left:10px; padding-right:10px;}
.banner-mypage .bx-viewport,
.banner-mypage .bx-wrapper img { border-radius:0;}

.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;}


a.btn-share-fb,
a.btn-share-tw{ display:inline-block; border:1px solid #8C8C8C; background:#999999; color:#ffffff; padding:5px 10px; border-radius:6px; width:140px}
a.btn-share-fb span,
a.btn-share-tw span{ display:inline-block; margin-right:8px; padding-right:5px; border-right:1px solid #c5c5c5; margin-left:-3px;}
a.btn-share-fb.on span{border-right:1px solid #4b8fbe;}
a.btn-share-tw.on span{border-right:1px solid #8bbbdd;}
a.btn-share-fb.on { background:#036eb8; border:1px solid #015d9d; color:#FFFFFF;}
a.btn-share-tw.on { background:#5ea9dd; border:1px solid #63acd8; color:#FFFFFF;}

.banner-main { background:#006633;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #eb6d9a;}

.bx-wrapper { padding:10px;}
.bx-wrapper img {border-radius:10px; border:3px solid #FFF;}
.bx-viewport {border-radius:10px;}
.bx-wrapper .bx-pager { left:0;}

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;}

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

.todayData a:before {
	font-size:10px; 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: "\e080";
}

span.vsrank { font-size:32px; display:inline-block; position:absolute; top:10px;}

#id_web { 
     border:1px solid #cccccc;
	border-radius:6px;
	display:block;
	} 
.main_news { padding:10px; }
.jpNews { height:215px;}

.jpNews .bbs_list li { position:relative;}
.jpNews .bbs_list li a:before {
	font-size:10px; color:#CCC;
	font-size:14px;
	width:14px;
	height:18px;
	display:block;
	position:absolute;
	right:0;
	top:0; bottom:0; margin:auto;
	font-family: 'Glyphicons Halflings';
	content: "\e080";
}


.tab.jpNews_tab { margin:-10px -10px 10px -10px; padding:0;}
.tab.jpNews_tab li { margin:0;}
.tab.jpNews_tab li a {
	border:none;
    background: none repeat scroll 0 0 #f7f7f7;
    color: #6a6d74;
    display: block;
    padding: 8px 5px;
    text-align: center;
    text-decoration: none;
	height:auto;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}
.tab.jpNews_tab li a.active {
	background:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ffffff;
	color:#f43237; font-weight:bold;
	}
.tab.jpNews_tab li:last-child a {border-right:none; }

.jpNews .bbs_list li a { display:table;}
.jpNews .bbs_list li a p,
.jpNews .bbs_list li a dl { display:table-cell; vertical-align:top}
.main_news .news-more{ padding:10px 10px 0 10px; text-align:right; border-top:1px solid #ebebeb}

.main_shop {border: 1px solid #cccccc;border-radius: 6px; margin-top:40px;}
.main_shop ul li { border-bottom:1px solid #ebebeb;}
.main_shop ul li:nth-child(even) { background:#F7F7F7}
.main_shop ul li:last-child { border-bottom:none;}
.main_shop ul li a { display:block; padding:8px 10px;}
.main_shop ul li a .area{ color:#4180D6; font-size:12px;}
.main_shop ul li.more {text-align:center;}
.main_shop ul li.more a{ padding:18px 10px;}
.main_shop h2 { position:relative; font-size:18px; background:#F43237; color:#FFFFFF; margin:-1px -1px 5px -1px; padding:10px ;border-radius: 6px 6px 0 0; text-align:center; border:1px solid #de2f34;}
.main_shop h2 img.overlay { position:absolute; width:50px; left:0; bottom:-1px;}

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

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;}

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.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-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;}
.player-list.card .cell.card-info  img.img-prof{ width:auto; height:28px; border-radius:3px; margin-right:5px;} 
.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:100px; 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: "\e080";
	font-family: 'Glyphicons Halflings';
	color:#cccccc;
	font-weight:normal;
}



.main-sidebanner { margin:20px 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-size:22px; 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(../images/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 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 --*/
#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-size:22px; 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;
	}
#global-menu-pc .account ul {
	display: -webkit-box;
	display: -moz-box;
	width:100%;
	margin:5px 0;
	}
#global-menu-pc .account ul li a:link{
	padding:5px 10px;
	display:block;
}
#global-menu-pc .account ul li.left{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	}
#global-menu-pc .account ul li.right {
	width:100px;
	text-align:center;
	}
#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-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}
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-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: "\e080";
	font-family: 'Glyphicons Halflings';
	color:#cccccc;
	font-weight:normal;
}

ul.list-menu-default-2col:after { clear:both;  display: table; content: " ";} 


.footer-link .container { width:300px; margin-right:auto; margin-left:auto}
footer .flag{ width:60px; margin:10px 10px 10px 0; float:left; text-align:right}
footer .flag img{ width:30px}
footer .footer-sitemap { float:left; width:200px; text-align:center;}
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;}
.card_select li a.active{color:#e93f43;}
.card_select li a img{margin:0 4px 0 0; vertical-align:text-bottom;}
.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.leftMenu a, header menu.rightMenu .card_select li a{ width:100%}

.formTbl th {  background: none repeat scroll 0 0 #F3F4F4;}

.global .sbj{display:none;}
footer .selectBox{ 
	position:absolute;
	top:auto; right:0; left:0; margin:auto; bottom:100px; z-index:1001;
	width:270px; 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 div{position:relative; width:130px; font-size:13px;}
footer .selectBox ul{ border:1px solid #196386;}
footer.selectBox .nation{float:left;}
footer .selectBox .nation strong{border:1px solid #57595e; background:#383a40;}
footer .selectBox .nation ul{border:1px solid #57595e; 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:#ff3;}

#sidemenu-pc { margin-top:0; margin-bottom:20px;}
#sidemenu-pc h3 {
    background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 2px solid #e93f43;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    margin:0 0 10px 0;
}
#sidemenu-pc ul li {padding:10px; border-bottom:1px dotted #cccccc;}
#sidemenu-pc ul li.active a:link,
#sidemenu-pc ul li.active a:visited { color:#F43237; font-weight:bold;}

.section.pickup { background:#F3F3F3; margin-top:0; padding-top:20px; padding-bottom:1px;}
.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}

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

.check.isok,
.check_btm.isok{ color:#093; font-weight:bold;}
.ng_message{ color:#ff0033; display:block}
#joinform .btn-action,
#joinform .btn-del {  margin:0 auto 10px auto; width:40%; font-size:18px; font-weight:bold;}

#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;}

.form-checkbox:checked + label + span.chk-mes { color:#FF6600; display:block;}
.form-checkbox + label + span.chk-mes { color:#ffffff; display:block;}

.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 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:70px;}
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:50px; float: left;height: 30px;margin-right: 10px;padding-top: 10px;}
td.player a { padding:0;}
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 #f03;
    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:'▼';}

.modi_list {
    background: none repeat scroll 0 0 #F43237;
    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 #b1000d;border-top: 1px solid #fd565b;}
.modi_list li a {color: #fdddde;display: block; height: 35px; line-height: 35px;padding: 0 0 0 15px;}
.modi_list li.active { background: none repeat scroll 0 0 #cc0033;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: rgb(247,247,247);
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
border-top:1px solid #e6e1e1;border-bottom:1px solid #e6e1e1;
}
.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: "\e080"; 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 20px 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: "\e080";}
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;}

.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;}

/*responsive ==============================================================================*/
@media screen and (max-width: 769px){
/*smart phone*/
.hidden-sp { display:none;}
footer .footer-logo { clear:both; text-align:center;}
header { position:relative; height:47px}
header menu { top:8px;}
menu.rightMenu{ text-align:right; margin-right:5px;}
header menu a.btn_card { float:none;}
header { border-bottom:1px solid #e6e1e1;}
h1#logo { width:100px; margin:0 auto;} 
h1#logo img { max-width:100%;} 

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;
	}

#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,
.breadcrumb,
.head-login-info,
#sidemenu-pc
{ display:none;}
/**/

.box-tbl.res .cell { display:block;}
.homeshop-head .cell.photo{ width:87px;}
.homeshop-head .cell.photo img.img-responsive{ width:100%;}

.banner-mypage { margin-bottom:-15px !important; padding:0 0 1px 0;}
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;} 
.main_shop {margin:40px 10px 20px 10px;} 
.main_shop h2 { text-align:left; padding-left:50px;} 
.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}

#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;}

.footer_banner { display:none;}
.banner-mypage .bx-wrapper { padding-bottom:0; margin-bottom:50px; background-image:none;}
.banner-main .bx-pager { margin-bottom:40px;}

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;}
ul.footer-sitemap li:nth-child(2n) { border-right:0;}
ul.submenu li.small { font-size:14px !important; letter-spacing:-0.1em;}
#global-menu-wrap-pc{ display:none;}

#entranceForm{ margin:0 -10px;}

#joinform .formTbl th { padding:10px; font-size:12px;}
#joinform .formTbl td { padding:10px ; }

.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;}


}

@media (min-width: 769px) and (max-width: 769px) {
/*tablet*/
}
@media (min-width: 769px) and (max-width: 769px) {
/* desk top */
}
@media (min-width: 769px) {
/*desk top learge */

}

@media screen and (min-width: 769px){
/*sm~lg*/
.hidden-pc { display:none;}
.container { width:970px; margin:0 auto;}
#content{
	width:700px;
	float:right;
	}
#sidebar {
	float:left;
	margin-right:30px;
	width:240px;
	}




header {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-bottom:1px solid #bababa;
}

header h1#logo{margin:0; padding:10px 0 !important; width:150px; float:left;}
header h1#logo img{ height:50px;}
.head-menu{
	background:#f7f7f7;
	border-top:2px solid #E93F43;
	}
.head-menu ul {
	text-align:right;
	}
.head-menu ul li{
	display:inline-block;
	margin-right:1px;
	}
.head-menu ul li a:link {
	display:block; padding:10px;
	font-weight:bold;
	}

.head-menu ul li a:hover, 
.head-menu ul li a.active {
	color:#f43237;
	}

header a.btn-login,
a#btn-menu,
a#btn-cardlist ,
menu.leftMenu,
menu.rightMenu
{ display:none;}

.banner-main { width:700px; margin:0 auto 15px auto; float:right} 
.top-login { width:240px; float:left; margin:10px auto 15px 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;}

ul.head-login-info  {
	float:right;
	text-align:right;
	margin-top:35px;
	margin-bottom:10px;
	background:#6a6d74;
	border-radius:5px;
	font-size:12px;
	}
ul.head-login-info li {
	display:inline-block;
	padding:8px 10px;
	color:#CCCCCC;
		}
ul.head-login-info li:last-child { padding:0 10px;}
ul.head-login-info li a:link,
ul.head-login-info li a:visited {
	color:#ffffff; 
	}
ul.head-login-info li a:hover,
ul.head-login-info li a:active{
	color:#ffffff; text-decoration:underline;
	}
ul.head-login-info li.account_name{
	background:#000;
	border-radius:5px 0 0 5px;
	padding-top:8px; padding-bottom:8px;
	}
ul.head-login-info li:last-child.account_name{
	border-radius:5px;
}

.box-tbl.res div.cell:first-child table.border { border-right:0px;}
.homeshop-head .cell.photo{ width:100px;}
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 10px 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;}

#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:inline-block; width:216px; border:1px solid #CCC; margin-right:10px; margin-bottom:10px; border-radius:6px;}
#linkarea li:nth-child(3n) { margin-right:0;}
#linkarea li a { padding:10px; display:block; color:#666;}
#linkarea li a strong{ color:#333}
#linkarea li a:hover img { opacity:0.5}

.footer_banner { clear:both;padding-top: 15px;	border-top:1px solid #CCC;}
.footer_banner a{float: left; margin-left: 10px;display:inline-block; padding:20px 0; width:132px;}
.footer_banner a img { width:100%;}
.footer_banner a:first-child { margin-left:0;}
.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%;}

footer .flag{    float: right;
    margin: 0 0 10px 0;
    text-align: right;
    width: 60px;}
footer .footer-sitemap{  text-align: center; width: 560px; text-align:right; float:right}
.footer-link .container { width:970px;}
.footer-sitemap { width:610px; float:right;}
.footer-logo { clear:none;width:300px; margin-right:30px; float:right;}

.card_select { top:62px;}
footer .selectBox{ 
	top:auto; right:0; left:auto; margin:auto; bottom:70px; z-index:1001;
	width:270px; display:none; padding:2px; border:2px solid #000; background:url(../images/common/bg_global.png) repeat;}

#content.one-col { width:auto; float:none; margin:0 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;
    font-weight: normal;
    margin: 0 0 20px;
	font-weight:bold;
}
.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;}

}

/*2015-03-23*/
.photo_size_r {padding:0 10px;}
.photo_size_r a {padding-bottom:10px; display:block;}
.photo_size_r img {width:100%; max-width:599px;}