@import url('normalize.css');
@import url('common.css');
@import url('slider.css');

a {
-webkit-tap-highlight-color: rgba(0,0,0,0.20);
}

img{vertical-align:top;}

a span.menu_btn { display:none;}
.btn a span,.btn_panel a span { display:block;}

.color_pink{color: #ff3366;}
.color_orange{color: #f09365;}
.color_green{color: #1ca745;}
.color_blue{color: #69c1ed;}
.text_link{ text-decoration:underline; font-weight:bold;}

html, body{ height:100%;}

.radius {
	border-radius: 5px;
}

label {
	margin-bottom: 5px;
	display: block;
}

body,h1,h2,h3,h4,p{
	font-size: 11px;
	line-height: 1.8;
}

.shadow {
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,.3);
}

.corner-all {
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
}

.icon_text {
	padding-left: 20px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
.icon_question {
	-webkit-background-size:15px auto !important;
	background-size:15px auto !important;
	display:block;
}

/*hole icon*/

.icon_hole {
	height: 33px;
	width: 33px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border: 2px solid #fff;
}

.icon_hole .inner {
	height: 33px;
	width: 33px;
	overflow: hidden;
}

.icon_hole img {
	z-index: -1;
	width: 33px;
}

.eng {
	font-family: Arial, Helvetica, sans-serif;
}


header{
	height: 40px;
	padding-top: 5px;
	position: fixed;
	top: 0px;
	left:0px;
	width: 100%;
	z-index: 9999;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,.5);
	-webkit-background-size:12px 45px !important;
	background-size:12px 45px !important;
}

header ul {
	height: 36px;
	width: 281px;
	-webkit-background-size: 282px 36px !important;
	background-size: 282px 36px !important;
	margin-right: auto;
	margin-left: auto;
	padding-left: 1px;
}

header ul a {
	display:block;
	float:left;
	width:70px;
	height:33px;
	-webkit-background-size: 70px 66px !important;
	background-size: 70px 66px !important;
}


#page_home #gl_home a {
	background-position:0 -33px;
}

#page_games #gl_games a {
	background-position:0 -33px;
}

#page_hole #gl_hole a {
	background-position:0 -33px;
}

#page_news #gl_news a {
	background-position:0 -33px;
}


#contents {
	padding-top: 45px;
	margin-bottom: 10px;
}
#contents.contents--topdata {
	margin-bottom: 0;
}

footer ul {
	width: 306px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 90px;
}
footer ul li {
	display: block;
	width: 147px;
	margin-right: 3px;
	margin-left: 3px;
	float: left;
	font-size: 10px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

footer .inner {
	position: relative;
	padding-top: 10px;
	padding-bottom: 30px;
}

footer .pagetop a {
	display:block;
	float:left;
	width:16px;
	height:11px;
	-webkit-background-size: 16px 11px !important;
	background-size: 16px 11px !important;
}

footer .pagetop {
	position: absolute;
	right: 10px;
	bottom: 55px;
}

small {
	font: 9px/1.3 Arial, Helvetica, sans-serif;
}

footer small {
	position: absolute;
	left: 10px;
	bottom: 54px;
}

#contents  small {
	font: 10px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.divider {
	height: 30px;
	-webkit-background-size: 5px 30px;
	background-size: 5px 30px;
	position: relative;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 30px;
}
.divider.divider--topdata {
	height: 37px;
	line-height: 37px;
}

.divider h3,.divider h2 {
	font-size: 12px;
	line-height: 30px;
}
.divider.divider--topdata h3, .divider.divider--topdata h2 {
	line-height: 37px;
}

.title_bar {
	height: 35px;
	-webkit-background-size: 5px 35px;
	background-size: 5px 35px;
	position: relative;
	font-weight: bold;
	padding-right: 30px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 35px;

}
.title_bar h2,.title_bar h1 {
	font-size: 12px;
	line-height: 36px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	
}

.fixed {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 1;
}

.fixedTab {
	position: fixed;
	top: 43px;
	width: 100%;
	z-index: 1;
}

.fixpt {
	padding-top: 36px;
}

.fixedNav {
	position: fixed;
	top: 45px;
	width: 100%;
	z-index: 2;
	box-sizing: border-box;
}

.fixedTabnav {
	position: fixed;
	top: 43px;
	width: calc(100% - 250px);
	background-color: #fff;
	z-index: 2;
	box-sizing: border-box;
}

.icon_bar .cat {
	/*height: 10px !important;*/
	font-size: 9px;
	line-height: 1 !important;
	padding: 6px 4px;
	margin-right: 5px;
	float: left;
	margin-top: 7px;
}

#holename{
	padding: 0 10px 10px;
}

#holename .inner {
	width: 100%;
    display: -webkit-box;
}

#holename .icon_hole {
	margin-right:10px;
	-webkit-box-ordinal-group: 1;
}

#holename .info {
	-webkit-box-flex: 1;
	-webkit-box-ordinal-group: 2;
}

#holename .info h1 {
	font-size: 11px;
	font-weight: bold;
}
.divider .count {
	text-shadow:none;
	position: absolute;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	top: 50%;
	right: 10px;
	clip: rect(-7px,auto,auto,auto);
	margin-top: -10px;
	padding-right: 5px;
	padding-left: 5px;
}

.divider .count span {
	font-size: 10px;
	margin-right: 1px;
	margin-left: 1px;
}

/*error*/
.error {
	padding: 6px 10px;
}

.error--m {
	padding: 8px 10px;
}

.error__inner {
	padding: 10px;
	background: #DB3454;
	border-radius: 3px;
}

.error__text {
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 1.5;
}

.error__text--m {
	font-size: 12px;
}

/*sort*/
.sort {
	padding: 8px 10px;
	background: url(../img/smt/color1/bg_divider.png);
	background-size: auto 56px;
}

.sortList {
	height: 37px;
	border-radius: 5px;
	font-size: 0;
}

.sortList__item {
	display: inline-block;
	position: relative;
	width: 33.3%;
	font-size: 14px;
	font-weight: bold;
	line-height: 37px;
	box-sizing: border-box;
}

.sortList__item:last-child {
	border-right: none;
}

.sortList__item__link {
	display: block;
	padding-left: 12px;
}

.sortList__item__link span {
	display: inline-block;
}

.sortList__item__link .arrow_b {
	height: 7px;
	width: 10px;
	display: block;
	margin-top: -3.5px;
	position: absolute;
	top: 50%;
	right: 12px;
}

/*loader*/
.loader_container {
	padding: 5px; 
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

.loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*btn*/

.btn,
.btn_panel {
	position: relative;
}

.btn--topdata {
	margin-top: 10px;
}

.btn a span,
.btn_panel a span {
	padding: 0 10px 0 10px;
}

.btn a{
-webkit-border-radius:.3em;
border-radius:.3em;
display:block;
height:40px;
line-height:40px;
text-align:center;
font-size:14px;
font-weight:bold;
}

.btn_cancel a{
background: rgb(253,253,253) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,220,220,1)), color-stop(50%,rgba(180,180,180,1)), color-stop(51%,rgba(170,170,170,1)), color-stop(100%,rgba(160,160,160,1))) !important;
}

.btn_panel a{
	-webkit-border-radius: .3em;
	border-radius: .3em;
	display: block;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px 10px 0;
}

.btn_toggle1 a{
	-webkit-border-radius: .3em;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-radius: .3em;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom:0px;
}

.btn_mini a{
height:25px;
line-height:25px;
}


.btn .count {
	-webkit-border-radius: 16px;
	border-radius: 16px;
	text-shadow: none;
	position: absolute;
	height: 16px;
	font-size: 10px;
	line-height: 16px;
	top: 50%;
	right: 22px;
	margin-top: -8px;
	padding-right: 5px;
	padding-left: 5px;
}

.btn_sets .btn{
	margin:0 0 10px 0;
}

.btn_sets .btn:last-child{
	margin:0;
}

.btn_group_h .btn{
	margin:0;
	width:50%;
	float:left;
}

#console_footer .btn_group_h{
	width: 140px;
}

.btn_group_h .btn a{
	margin:0;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	font-size:11px !important;
	height:35px;
	line-height:35px;	
}

.btn_group_h .btn:first-child a{
	margin:0;
	-webkit-border-top-left-radius: .3em;
	-webkit-border-bottom-left-radius: .3em;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-right:0;
}

.btn_group_h .btn:first-child a span{
	padding-left:22px;
}

.btn_group_h .btn:last-child a span{
	padding-right:22px;
}

.btn_group .btn a{
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-align:left;
}

.btn_group .btn a span,
#grid .btn a span {
	display: block;
	padding: 0 50px 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.btn_group .btn:first-child a{
-webkit-border-top-left-radius: .3em;
-webkit-border-top-right-radius: .3em;
}

.btn_group .btn:last-child a{
-webkit-border-bottom-left-radius: .3em;
-webkit-border-bottom-right-radius: .3em;
}

.btn_group .tag {
	position: relative;
}

.btn_group .tag::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 40px solid transparent;
}

.btn_group .tag--new::before {
	border-left: 40px solid #ff0000;
}

.btn_group .tag--increase::before {
	border-left: 40px solid #FAB600;
}

.btn_group .tag::after {
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	color: #fff;
	font-weight: normal;
	line-height: 1;
	text-shadow: 0 1px 0 #000; 
}

.btn_group .tag--new::after {
	content: '新'
}

.btn_group .tag--increase::after {
	content: '増'
}

.btn_group .tag + span {
	margin-left: 25px;
}

.btn_group .divider {
	height: 26px;
	background: url(none);
	-webkit-background-size: 5px 26px !important;
	background-size: 5px 26px !important;
	position: relative;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 26px;
}

.news .arrow {
	-webkit-background-size: 7px 10px !important;
	background-size: 7px 10px !important;
	height: 10px;
	width: 7px;
	display: block;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	right: 0px;
}

.btn .arrow_r,
.btn_panel .arrow_r {
	-webkit-background-size: 7px 10px !important;
	background-size: 7px 10px !important;
	height: 10px;
	width: 7px;
	display: block;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	right: 8px;
}

.btn .arrow_l,
.btn_panel .arrow_l {
	-webkit-background-size: 7px 10px !important;
	background-size: 7px 10px !important;
	height: 10px;
	width: 7px;
	display: block;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	left: 8px;
}

.btn .arrow_t,
.btn_panel .arrow_t {
	-webkit-background-size: 10px 7px !important;
	background-size: 10px 7px !important;
	height: 7px;
	width: 10px;
	display: block;
	margin-top: -3.5px;
	position: absolute;
	top: 50%;
	right: 8px;
}

.btn .arrow_b,
.btn_panel .arrow_b {
	-webkit-background-size: 10px 7px !important;
	background-size: 10px 7px !important;
	height: 7px;
	width: 10px;
	display: block;
	margin-top: -3.5px;
	position: absolute;
	top: 50%;
	right: 8px;
}

/*search*/

.text_input {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.text_input .input{
	padding: 0px 8px;
	border-radius: 5px;
	width: 100%;
	box-shadow: 2px 2px 2px 0 rgba(180, 180, 180, 0.5) inset;
	outline: none;
	font-size: 14px;
	border: 1px solid #999;
	background-repeat: no-repeat;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	background-position: 10px 50%;
	-webkit-box-sizing: border-box;
	height: 40px;
}

#grid .text_input input{
	padding: 0px 5px;
	font-size: 13px;
}

.text_input_clear {
	position: absolute;
	right: 8px;
	top: 50%;
	width: 20px;
	height: 20px;
	background-image: url(../img/smt/btn_search_close.png);
	background-repeat: no-repeat;
	-webkit-background-size: 19px 19px;
	background-size: 19px 19px;
	cursor: pointer;
	margin-top: -9px;
}

.text_input_enter {
	position: absolute;
	right: 8px;
	top: 50%;
	width: 20px !important;
	height: 20px !important;
	background: #fff url(../img/smt/icon_search.png) no-repeat center center;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	cursor: pointer;
	margin-top: -10px;
	border-width: 0px;
	z-index: 500;
}

.placeholder{
	color:#999;
}

hr {
	display: block;
	height: 0px;
	width: 100%;
	border-right-width: 0px;
	border-left-width: 0px;
}

.table table {
	width:100%;
	font-size:11px;
}

.table {
	border-radius: 5px;
	overflow: hidden;
}

.table table tr:last-child {
	border-bottom: 0px !important;
}

.table table td,
.table table th {
	padding:5px 0px 5px 0px;
}

.table_text table td,
.table_text table th {
	padding:5px 10px 5px 10px !important;
}

.table_text table th {
	padding: 5px 10px 5px 10px;
}


.table_data table tr td,
.table_data table tr th {
	text-align:center;
}

.table_data table tr td:first-child,
.table_data table tr th:first-child {
	border-left: 0px;
}

.table_data table .btn {
	margin:0 5px 0 5px;
}


.table_col2 th,
.table_col2 td {
	width: 50%;
}

.table_col4 th,
.table_col4 td {
	width: 25%;
}

.table_col5 th,
.table_col5 td {
	width: 20%;
}


.grid_col2 {
	width: 100%;
    display: -webkit-box;
}

.grid_col2 .grid1 {
	width:50%;
	-webkit-box-ordinal-group: 1;
}

.grid_col2 .grid2 {
	width:50%;
	-webkit-box-ordinal-group: 2;
}

.grid_col2 .grid1 .inner {
	margin-right: 5px;
}

.grid_col2 .grid2 .inner {
	margin-left:5px;
}
.select select {
	width: 100%;
	height: 35px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
}

.panel_collapsible .hidden {
	display: block;
	padding: 10px;
	border-top:0 !important;
	-webkit-border-radius: .3em;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-radius: .3em;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.container {
	height: 100%;
	position: relative;
}
#game_results .text_input {
	margin-right: 60px;
}
#game_results .results_header {
	position: relative;
}
#game_results .results_header .count {
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 40px;
	height: 40px;
}
#game_results .count .eng {
	font-size: 20px;
	margin-right: 3px;
}

.title_bar .icon {
	height: 28px;
	width: 28px;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	right: 2px;
}

.title_bar .icon.fixIcon {
	right: 41px;
}

.title_bar .icon_info {
	-webkit-background-size: 19px auto !important;
	background-size: 19px auto !important;
}
.title_bar .icon_settings {
	-webkit-background-size:20px auto !important;
	background-size:20px auto !important;
}


/*セグ関係*/

.seg {
	background: #000;
}

.seg .no_data {
	padding: 50px 0 50px 0;
	text-align: center;
}

.seg .group1,
.seg .group2,
.seg .group3 {
	width:284px;
	position:relative;
	padding:8px;
	margin:auto;
}

.seg .group1 {
	height:55px;
}

.seg .group2 {
	height:18px;
}

.seg .group3 {
	height: 32px;
}

.seg .no_l span{
	margin-right:3px;
	width:23px;
	float:left;
	display:block;
}

.seg .no_m span{
	margin-right:2px;
	width:11px;
	float:left;
	display:block;
}

.seg .no_s span{
	margin-right: 1.5px;
	width: 9px;
	height:15px;
	float: left;
	display: block;
	overflow:hidden;
}

.seg .block span:last-child{
	margin:0px;
}

.seg .block{
	position:absolute;
}

.seg #time{
	position: absolute;
	right: 8px;
	line-height: 1;
	top: 8px;
	font-size: 9px;
	color: #FFF;
}

.seg #time span,
#games_console_index #time span,
#games_console_data #time span{
	color: #999;
	margin-left: 5px;
}

#games_console_index #time,
#games_console_data #time{
	position: absolute;
	right: 10px;
	top: 10px;
}

.seg #pachi_bb,
.seg #slot_bb{
	left:8px;
	bottom:8px;
}

.seg #pachi_kakuhen{
	left:99px;
	bottom:8px;
}
.seg #slot_rb{
	left:112px;
	bottom:8px;
}
.seg #pachi_start{
	left:151px;
	bottom:8px;
}
.seg #slot_art{
	left:177px;
	bottom:8px;
}
.seg #pachi_kakuritsu{
	left:216px;
	bottom:8px;
}	
.seg #slot_start{
	left:242px;
	bottom:8px;
}	

.seg #pachi_zendama{
	width:141px;
	height:18px;
	left:8px;
	bottom:8px;
}

.seg #pachi_totalstart{
	width:141px;
	height:18px;
	left:164px;
	bottom:8px;
}

.seg #pachi_zendama .inner,
.seg #pachi_totalstart .inner{
	position:absolute;
	top:0px;
	left:65px;
}

.seg #pachi_zendama .label,
.seg #pachi_totalstart .label {
	position:absolute;
	top:50%;
	margin-top:-5px;
}

.seg #slot_bb_kakuritsu{
	left:8px;
	bottom:8px;

}

.seg #slot_rb_kakuritsu{
	left:82px;
	bottom:8px;
}

.seg #slot_art_kakuritsu{
	left:156px;
	bottom:8px;
}

.seg #slot_compo_kakuritsu{
	left: 230px;
	bottom: 8px;
}

.seg .label {
	font-size: 10px;
	line-height: 10px;
	display: block;
	height: 10px;
	margin-bottom: 6px;
	color:#FFF;
}

.seg img {
	margin:0px;
	padding:0px;
}

#games_console_detail .graph {
	text-align: center;
}

#games_console_detail .graph .inner {
	max-width:600px;
	margin:auto;
	position:relative;
	color:#666;
}

#games_console_detail .graph .img {
	border: 1px solid #ccc;
	overflow: hidden;
	width:300px;
	margin:0 auto;
}


#games_console_detail .graph span  {
	position: absolute;
}

#games_console_detail .graph .old  {
	bottom:10px;
	left:10px;
}

#games_console_detail .graph .new  {
	bottom:10px;
	right:10px;
}

#page_games .btn_next {
	margin-top: -10px;
	margin-bottom: -10px;
}
#games_console_detail #slider .table {
	margin-bottom: 10px;
}

#games_console_detail #slider .table:last-child {
	margin-bottom: 0px !important;
}

#games_product_detail .btn_img {
	width: 93px;
	position: absolute;
	right: 0px;
	z-index: 1000;
	top: 220px;
}

#page_games h4 {
	margin-bottom: 5px;
}

.console_copyright {
	padding-top: 10px;
	display: block;
}

#games_product_img .imgs {
	text-align: center;
	background: #FFF;
	margin-bottom: -20px;
	padding-bottom: 20px;
	padding-top: 10px;
}

#games_new_console .block {
	margin: 4px;
	float: left;
}
#games_new_console .consoles {
	width: 310px;
	margin: -4px auto;
}
#news_index .news_list {
	padding: 0px;
}
#news_detail .news_heder {
	margin-bottom: 0px;
}
#news_detail .news_body .img {
	text-align: center;
}
#news_detail .news_body .img {
	padding-top: 5px;
	padding-bottom: 5px;
}

#news_detail .news_body p img {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#console_footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 1000;
	-webkit-background-size:12px 45px;
	background-size:12px 45px;
}
#console_footer .console_nav {
	height: 45px;
}
#console_footer .btn_group_h {
	position: absolute;
	top: 4.5px;
	right: 10px;
}

#console_footer .btn_console_index a{
	-webkit-background-size:114px auto !important;
	background-size:114px auto !important;
	width: 114px;
	height:20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	left: 10px;
}

#console_footer.console_footer {
	position: fixed;
}

#page_hole  h3 {
	margin-bottom: 5px;
	font-size: 13px;
}

#page_hole .comment {
	padding-top: 10px;
}

#page_hole table th {
	width:50px;
}

#page_free .freepage_heder {
	margin-bottom: 5px;
}
.games_console_pachinko #slider .item {
	height: 175px;
}

.games_console_slot #slider .item {
	height: 245px;
}

#games_console_data .menu {
	display: none;
}
.tablet #console_data_tabel {
	width:100%;
	margin: 0px;
}
#page_news .news .inner,
#basic .news .inner {
	position: relative;
	padding-right: 20px;
}

#games_console_index .msg,
#games_console_data .msg  {
	position: relative;
	padding: 10px 10px 0px;
	line-height:1;
}

#games_console_data .msg  {
	position: relative;
	padding: 10px;
}

#page_news .news_body p,
.free_body p{
	font-size:12px;
}

#page_news .news_body p .medium-font,
.free_body p .medium-font{
	font-size:16px;
}

#page_news .news_body p .large-font,
.free_body p .large-font{
	font-size:22px;
}

#news_detail .title
#news_detail .title {
	font-size: 13px;
}
#page_news #news_detail .news_body {
	margin-top: -10px;
}
#games_console_detail .graph .inner .caption {
	display: none;
}
.social_btns {
	background: #000;
	padding: 6px;
	margin-top: -10px;
}
.social_btns .sbtn {
	height: 20px;
	float: left;
	margin-right: 6px;
}

/* ranking */
#contents.contents--tab {
	margin-bottom: 0;
}
.tab {
	padding: 10px 10px 0;
}
.tab__list {
	font-size: 0;
}
.tab__list__item {
	display: inline-block;
	font-size: 11px;
	width: 49%;
	box-sizing: border-box;
	margin-right: 2%;
}
.tab__list__item:last-child {
	margin-right: 0;
}
.tab__list__item .tab__link {
	display: block;
	padding: 10px;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.tab__list__item--active .tab__link {
	text-shadow: none;
}
.tri{
	display: none;
	position: relative;
	float: left;
	width: 50%;
}
.tri--slot {
	float: right;
}
.tri:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-width: 7px 7px 0 7px;
}
.tri.active {
	display: block;
}
.tri.active:after {
	border-color: #fff transparent transparent transparent;
}
.fixedBg {
	padding-top: 41px;
}
.selectTerm {
	padding: 21px 10px 10px;
}
.selectList {
	border-radius: 5px;
	font-size: 0;
	text-align: center;
}
.selectList__item {
	display: inline-block;
	position: relative;
	background-image: url(../img/smt/bg_ranking.png);
	font-size: 11px;
	font-weight: bold;
	line-height: 37px;
	box-sizing: border-box;
}
.selectList__item a span {
	display: inline-block;
}
.selectList--day .selectList__item {
	width: 20%;
}
.selectList--day .selectList__item:nth-child(5n) {
	border-right: none;
}
.selectRate {
	padding: 10px;
}
.selectList.selectList--day {
	overflow: hidden;
}
.selectList.selectList--rate {
	border: none;
}
.selectList--rate::-webkit-scrollbar {
  display: none;
}
.selectList--rate .selectList__item {
	width: auto!important;
}
.selectList--rate .selectList__item a {
	padding: 0 10px;
}
.selectList--rate .selectList__item:first-child {
	border-radius: 5px 0 0 5px;
}
.selectList--rate .selectList__item:first-child a {
	border-radius: 4px 0 0 4px;
}
.selectList--rate .selectList__item:last-child {
	border-radius: 0 5px 5px 0;
}
.selectList--rate .selectList__item:last-child a {
	border-radius: 0 4px 4px 0;
}
.selectList--rate.selectList__list--sp .selectList__item:nth-last-child(2) {
  border-radius: 0 5px 5px 0;
  border-right-width: 1px ;
  border-right-style: solid;
}

.selectList--rate.selectList__list--sp .selectList__item:nth-last-child(2) a {
  border-radius: 0 4px 4px 0;
}

.selectRate.selectList--sp {
  height: 39px;
  overflow-y: hidden;
  padding: 10px 0;
}

.selectList__wrapper--sp {
  height: 100px;
  overflow-x: scroll;
}

.selectList__list--sp {
  white-space: nowrap;
  padding: 0 10px;
  text-align: left;
}

.selectList__item--dummy {
  display: inline-block;
  width: 10px;
}

.contents--topdata .search {
	display: none;
}
.search .grid_col3 {
	width: 100%;
  display: -webkit-box;
}
.search .grid_col3 .grid1 {
	width: 45%;
	-webkit-box-ordinal-group: 1;
}
.search .grid_col3 .grid2 {
	width: 10%;
	-webkit-box-ordinal-group: 2;
}
.search .grid_col3 .grid2 .inner {
	text-align: center;
	line-height: 35px;
	font-weight: bold;
}
.search .grid_col3 .grid3 {
	width: 45%;
	-webkit-box-ordinal-group: 3;
}
.search .grid_col3.grid_tab .grid1,
.search .grid_col3.grid_tab .grid3 {
	width: 47%;
}
.search .grid_col3.grid_tab .grid2 {
	width: 6%;
}
.search input {
	width: 100%;
	height: 35px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	border: 1px solid #666666;
	border-radius: 5px;
	background: #f5f5f5;
	box-sizing: border-box;
}
.search .calendar {
	position: relative;
	border-radius: 5px;
}
.search .calendar--tab {
	overflow: visible;
}
.search .calendar input {
	padding-left: 5px;
	border: none;
	outline: 0;
}
.search .calendar .bg {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #D3CFCF;
	width: 35px;
	height: 35px;
	border-radius: 0 4px 4px 0;
}
.search .calendar .bg:before {
	font-family: "Font Awesome 5 Free";
	content: '\f073';
	position: absolute;
	width: 35px;
	color: #4B4B4B;
	font-size: 20px;
	text-align: center;
	text-shadow: none;
	font-display: swap;
}
.search .caution {
	margin-top: 5px;
}

.btn--narrow {
	width: 50%;
	float: right;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 85px;
}
.tabSticky {
	position: -webkit-sticky;
	position: sticky;
	top: 41px;
}
.table.table_search {
	border: none;
	border-radius: 0;
}
.table_search table {
	border-collapse: separate;
}
.table_search table th {
	padding: 0;
}
.table_search table tr th, .table_search table tr td {
	text-align: left;
}
.table_search table tr th {
	padding: 10px;
	line-height: 1;
}
.sortRate__link {
	cursor: pointer;
}
.table_search table tr th:first-child,
.table_search table tr td:first-child {
	width: 10%;
}
.table_search table tr th:nth-child(2),
.table_search table tr td:nth-child(2) {
	width: 23%;
}
.table_search table tr th:last-child,
.table_search table tr td:last-child {
	width: 25%;
}
.table_data.table_search table tr th {
	position: relative;
}
.table_search table tr th span {
	display: block;
}
.table_data.table_search table tr th.active .arrow_b {
	-webkit-background-size: 10px 7px !important;
	background-size: 10px 7px !important;	
	height: 7px;
	width: 10px;
	display: block;
	margin-top: -3.5px;
	position: absolute;
	top: 50%;
	right: 12px;
}
.table_data.table_search table tr td {
	padding-left: 10px;
}
.table_data.table_search table tr td:first-child {
	padding-left: 0;
	font-weight: bold;
	text-align: center;
}
.table_data.table_search table tr td:last-child {
	font-weight: bold;
}
.table_data.table_search table tr td .modelName {
	font-weight: bold;
}
.table_data.table_search table tr td .count {
	color: #fc3768;
	font-weight: bold;
}
.table_data.table_search table tr td .red {
	color: #fc3768;
}
.table_data.table_search table tr td .yellow {
	color: #ed926a;
}
.table_data.table_search table tr td .blue {
	color: #6dc2eb;
}

@media screen and (max-width: 400px) {
	.table_data.table_search table tr td {
		font-size: 10px;
	}

	.table_search table tr th {
		padding-left: 5px;
	}

	.table_data.table_search table tr td {
		padding-left: 5px;
	}
}

@media screen and (max-width: 350px) {
	.search input {
		font-size: 12px;
	}

	.divider.divider--topdata h2{
		font-size: 11px;
	}

	.table_search table tr th:first-child,
	.table_search table tr td:first-child {
		width: 8%;
	}
}

/* tablet */
.tablet .picker--opened .picker__frame {
	top: 300px;
}