/******************************************************************************/
/* 共通 */
html {
	overflow-y:scroll;
}

body{
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

a{
	color:#1A39C5;
}

hr{
	margin:10px 0;
}

dl{
	margin:0;
}

.red{
	color:red !important;
}

.blue{
	color:blue !important;
}

.gray{
	color:#7b7b7b !important;
}

.white{
	color:#FFF !important;
}

.black{
	color:#333 !important;
}

.bg-black{
	background-color:#333 !important;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

.bold{
	font-weight: bold;
}

.bold-red{
	color:#e50202;
	font-weight:bold;
}

.bar{
	width:100%;
	height:7px;
	background-color:#007FFF;
}

.width100{
	width:100%;
}

.header{
	margin:5px 0;
}

.header hr{
	margin:10px 0 13px 0;
}

.break-all{
	word-break: break-all;
}

.header ul{
    color:#cfc9b7;
    font-size:13px;
    list-style:outside none none;
    margin:3px 0;
    padding:0;
}

.header ul li{
    float:left;
}

.header ul li:first-child::before {
    content:normal;
}

.header ul li::before {
    content:"｜";
}

.header .header-right ul{
	font-size:15px;
	font-weight:bold;
	float:right;
}

.header .header-right li{
	display:inline-block;
}

.header .btn-primary{
	background-color:#007FFF;
}

.header dt{
	color:#6c6450;
	font-size:11px;
}

.header dd a{
	font-size:18px;
}

.footer{
	margin-top:20px;
	padding:15px 0 5px;
    background-color:#FFF;
    border-top:solid 1px #e7e7e7;
    border-bottom:solid 1px #e7e7e7;
}

nav > .nav{
	box-shadow:2px 2px 2px #aaa;
	border:1px solid #ccc;
	border-radius:5px;
	font-weight:bold;
}

nav > .nav li{
	border-left:1px solid #fff;
	border-right:1px solid #d5d5d5;
	width:20%;
	float:left;
	text-align:center;
}

nav > .nav li:first-child{
	border-left:none;
}

nav > .nav li:last-child{
	border-right:none;
}

.main{
	margin-top:20px;
}

.main > .row > .col-xs-8, .main > .row > .col-sm-8{
	width:63.4%;
}

.main > .row > .col-xs-4, .main > .row > .col-sm-4{
	width:36.6%;
}

.main h1{
	margin-top:0;
	padding-bottom:5px;
	font-size:26px;
	color:#E82929;
	border-bottom:2px solid #007FFF;
}

.row > h1{
	margin-left:15px;
	margin-right:15px;
}

h2{
	background: #0f69f5 url('https://smashmate.net/img/sma_bg_2.png') repeat center top;
	
	/*background: url(../img/bg-04.png) repeat center top;*/
	background-size: 0.2em auto;
	
	/*background-size: 6px;*/
	color: #FFF;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
/*
h2::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 8px;
	background-color: #FFF;
}
h2::after{
	content: "";
	position: absolute;
	left: 10px;
	top: 0;
	height: 100%;
	width: 4px;
	background-color: #FFF;
}
*/
.main h3{
	margin-top:20px;
	font-size:18px;
	border-bottom: 3px solid #0F69F5;
	font-weight: bold;
	padding-bottom: 5px;
}

.ad{
	margin:15px 0;
}

.pageing{
	text-align:right;
}

.more{
	margin-top:10px;
	text-align:right;
}

.smash-icon{
	border-radius:5px;
	border:1px solid #ccc;
	width:33%;
	margin-right:2%;
}

.room .smash-icon{
	width:16%;
}

.smash-icon:hover{
	opacity:0.8;
}

.player-icon{
	border-radius:5px;
	background-color:#FFF;
}

.modal-chara img{
	float:left;
	width:9%;
	margin-left:0.9%;
	margin-bottom:2%;
	border-radius:5px;
	border:1px solid #ccc;
	cursor:pointer;
}

.modal-chara img:hover{
	opacity:0.6;
}

.modal-chara .chara-sel{
	opacity:0.6;
}

/******************************************************************************/
/* margin hack */

.margint0{
	margin-top:0px !important;
}

.margint5{
	margin-top:5px !important;
}

.margint10{
	margin-top:10px !important;
}

.margint15{
	margin-top:15px !important;
}

.margint20{
	margin-top:20px !important;
}

.margint25{
	margin-top:25px !important;
}

.margint30{
	margin-top:30px !important;
}

.marginb10{
	margin-bottom:10px !important;
}

.marginb20{
	margin-bottom:20px !important;
}

.nopadding{
	padding:0 !important;
}

.nopaddingr{
	padding-right:0 !important;
}

.nopaddingl{
	padding-left:0 !important;
}

.paddingr5{
	padding-right:5px !important;
}

.paddingall5{
	padding:5px !important;
}

.paddingalr15{
	padding:0 15px !important;
}

/******************************************************************************/
/* bootstrap hack */
.container{
	width:1000px;
}

.col-ms-12{
	padding:0 15px;
}

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th{
	vertical-align:middle;
}

table tr > td{
	vertical-align:middle;
}

.row-center{
	letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
	display:inline-block;
	letter-spacing:0;
	vertical-align:top;
	float:none !important;
}

.row-center.va-middle > [class*='col-'] {
	vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
	vertical-align:bottom;
}

.row-nomargin{
	margin:0;
}

.breadcrumb{
	margin-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	border-radius:0;
	background-color:#FFF;
}

.nav > li.active > a{
	background-color:#eee;
	color:#235A8B;
	text-decoration:none;
}

.pagination > li > a, .pagination > li > span{
	border:none;
}
/******************************************************************************/
/* free,rate,ranking */

.row-battle{
	border:1px solid #ccc;
	border-top:none;
}

/*
.row-battle.status1{
	background-color:#D3FFDD;
}

.row-battle.status2{
	background-color:#E2EDFF;
}
*/

.row-battle.status3{
	background-color:#E0E0E0;
}

/*
.row-battle:hover{
	background-color:#EDEDED;
}
*/

.row-battle [class*='col-']{
	padding:5px;
}

.row-battle hr{
	margin:5px 0;
}

.smash-row > a{
	display:block;
	height:100%;
}

.smash-row .row-battle:first-child, .smash-row > a:first-child{
	border-top:1px solid #ccc;
}

.row-battle .row-no{
	padding:0;
	text-align:center;
	font-weight:bold;
}

.row-battle .row-no p{
	margin-top:5px;
	margin-bottom:0;
}

.row-battle .row-wait p{
	margin-bottom:0;
	font-weight:bold;
}

.row-battle .row-wait table{
	margin:0 auto;
	table-layout:fixed;
}

.row-battle .row-wait table td{
	padding:0 5px;
	text-align:left;
	font-size:85%;
	color:#606060;
	font-weight:normal;
}

.row-battle .player-icon{
	width:100%;
}

.row-battle .name{
	margin:0;
	font-size:110%;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.row-battle .no_name{
	margin:0;
	font-size:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.row-battle .rate{
	font-size:12px;
	font-weight:bold;
	color:#7F7F7F;
}

.row-battle .row-vs{
	font-size:18px;
}

.row-battle .rank{
	font-size:150%;
	font-weight:bold;
}

.row-battle .rate{
	font-size:100%;
	font-weight:bold;
}

.side{
	padding:10px;
	border:1px solid #ccc;
	word-break:break-all;
}

/******************************************************************************/
/* diary */

.row-diary{
	border:1px solid #ccc;
	border-top:none;
}

/*
.row-diary:hover{
	background-color:#EDEDED;
}
*/

.smash-row .row-diary:first-child{
	border-top:1px solid #ccc;
}

.row-diary [class*='col-']{
	padding:10px;
}

.row-diary .title{
	margin-bottom:0;
	font-weight:bold;
	font-size:100%;
}

.row-diary .text{
	margin-bottom:0;
	font-size:90%;
	color:#606060;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.row-diary .player-icon{
	border-radius:5px;
	width:20px;
	height:20px;
}

.row-diary .player-icon.bigsize{
	border-radius:5px;
	width:50px;
	height:50px;
}

.row-diary .name{
	font-size:15px;
}

.btn-favo{
	border-radius: 4px;
    height: 28px;
    padding: 1px 10px 1px 9px;
	font-weight: 500;
	background-color:#FFA3F4;
	color:#FFF;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
}

.btn-favo:hover{
	background-color:#FF82F4;
	color:#FFF;
}

.btn-favo:active{
	background-color:#FF82F4;
	color:#FFF;
}

.btn-favo .badge{
	color:#FFA3F4;
	background-color:#FFF;
}

.btn-twitter{
	border-radius: 4px;
    height: 28px;
    padding: 1px 10px 1px 9px;
	font-weight: 500;
	background-color:#2CA7E0;
	color:#FFF;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
}

.btn-twitter:hover{
	background-color:#158EC6;
	color:#FFF;
	text-decoration:none;
}

.btn-twitter:active{
	background-color:#158EC6;
	color:#FFF;
}

.btn-twitter .badge{
	color:#2CA7E0;
	background-color:#FFF;
}

.btn-twitter span{
	vertical-align:middle;
}

.favo-user{
	margin-bottom:15px;
}

.favo-user img{
	float:left;
	width:35px;
	height:35px;
	margin-right:5px;
	margin-bottom:5px;
}

.diary-create .form-group{
	margin:10px 0;
}

/******************************************************************************/
/* user */
.user-data .user-name{
	font-size:130%;
	font-weight:bold;
}

.user-data .user-image{
	border:1px solid #ccc;
	border-radius:5px;
}

.user-data .user-table td{
	vertical-align:middle;
}

.user-data .user-table .user-symbol{
	padding-right:5px;
}

.user-data .twitter-link{
	font-weight:bold;
}

.user-data hr{
	margin:5px 0;
}

.reflection-img{
	width:30px;
	height:30px;
	position:relative;
	overflow:hidden;
}
 
.reflection {
	height:100%;
	width:10px;
	position:absolute;
	top:-30px;
	left:0;
	background-color:#fff;
	opacity:0;
	transform:rotate(45deg);
	animation:reflection 4s ease-in-out infinite;
	-webkit-transform:rotate(45deg);
	-webkit-animation:reflection 4s ease-in-out infinite;
	-moz-transform:rotate(45deg);
	-moz-animation:reflection 4s ease-in-out infinite;
	-ms-transform:rotate(45deg);
	-ms-animation:reflection 4s ease-in-out infinite;
	-o-transform:rotate(45deg);
	-o-animation:reflection 4s ease-in-out infinite;
}
 
@keyframes reflection{
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection{
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection{
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection{
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection{
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

/******************************************************************************/
/* comment */

.comment-area{
    background-color:#fff;
    border:1px solid #d9d9d9;
    border-radius:3px;
    margin-bottom:20px;
    margin-top:11px;
    position:relative;
}

.comment-area::after, .comment-area::before{
    border:medium solid transparent;
    bottom:100%;
    content:" ";
    height:0;
    left:17px;
    pointer-events:none;
    position:absolute;
    width:0;
}

.comment-area::after{
    border-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
    border-width:6px;
    margin-left:-6px;
}

.comment-area::before{
    border-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #d9d9d9;
    border-width:7px;
    margin-left:-7px;
}

.comment-area div{
	padding:10px 15px;
	word-break:break-all;
}

.comment-area div p{
	margin:0;
}

/******************************************************************************/
/* intro */
.chara-bg{
	position:relative;
	float:left;
	width:100px;
	height:50px;
	margin-right:5px;
	margin-bottom:5px;
	background-size:100% auto;
	background-size:auto 100%;
	border-radius:5px;
	border:1px solid #ccc;
}

.chara-bg .parcent{
	background-color:#777;
	background-color: rgba(0, 0, 0, 0.45);
	border-radius:10px;
	color:#fff;
	display:inline-block;
	font-size:12px;
	font-weight:700;
	line-height:1;
	min-width:10px;
	padding:3px 7px;
	text-align:center;
	vertical-align:baseline;
	white-space:nowrap;
	bottom: 2px;
	color: white;
	font-size: 10px;
	font-weight:bold;
	position: absolute;
	right: 2px;
}

.chara-bg:hover{
	opacity:0.8;
}

/******************************************************************************/
/* gacha */
#ajaxGachaArea{
	text-align:center;
}


/******************************************************************************/
/* update */

/*
p.name a{
	color:#292F47;
}
*/

.table-par{
	display:table;
	box-sizing:border-box;
}

.table-par.fixed-table{
	table-layout: fixed;
}

.table-cell{
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
}

.table-cell.tc-top{
	vertical-align:top;
}

.table-cell.tc-bottom{
	vertical-align:bottom;
}

.team-player-icon{
	width: 30px;
	height: 30px;
	border-radius:5px;
	border:1px solid #ccc;
	background-color:#FFF;
	margin-right: 5px;
}

.w50{
	width: 50%;
}

.dpn{
	display: none;
}

.vih{
	visibility: hidden;
}

.dpb{
	display: block;
}

a.tdn{
	text-decoration: none;
}

.m0auto{margin:0 auto;}
.mauto{margin:auto !important;}

.font-s10{font-size:100% !important;}
.font-s9{font-size:90%;}
.font-s8{font-size:80%;}
.font-s7{font-size:70%;}
.font-s6{font-size:60%;}
.font-s5{font-size:50%;}
.font-s11{font-size:110%;}
.font-s12{font-size:120%;}
.font-s13{font-size:130%;}
.font-s15{font-size:150%;}
.font-bold{font-weight:bold;}

.m-0{margin:0 !important;}
.m-5{margin:5px !important;}
.m-10{margin:10px !important;}
.m-15{margin:15px !important;}
.m-20{margin:20px !important;}

.mt-0{margin-top:0 !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-35{margin-top:35px !important;}
.mt-40{margin-top:40px !important;}
.mt-50{margin-top:50px !important;}
.mt-80{margin-top:50px !important;}
.mt-100{margin-top:100px !important;}
.mt-150{margin-top:150px !important;}
.mt-200{margin-top:200px !important;}
.mt-500{margin-top:500px !important;}

.mb-0{margin-bottom:0 !important;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-35{margin-bottom:35px !important;}
.mb-40{margin-bottom:40px !important;}

.mr-0{margin-right:0 !important;}
.mr-5{margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-25{margin-right:25px !important;}
.mr-30{margin-right:30px !important;}
.mr-35{margin-right:35px !important;}
.mr-40{margin-right:40px !important;}

.ml-0{margin-left:0 !important;}
.ml-5{margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}
.ml-35{margin-left:35px !important;}
.ml-40{margin-left:40px !important;}

.p-0{padding:0 !important;}
.p-3{padding:3px !important;}
.p-5{padding:5px !important;}
.p-10{padding:10px !important;}
.p-15{padding:15px !important;}
.p-20{padding:20px !important;}
.p-40{padding:40px !important;}

.pt-0{padding-top:0 !important;}
.pt-2{padding-top:2 !important;}

.pr-0{padding-right:0 !important;}
.pr-5{padding-right:5px !important;}
.pr-10{padding-right:10px !important;}
.pr-15{padding-right:15px !important;}
.pr-20{padding-right:20px !important;}
.pr-25{padding-right:25px !important;}
.pr-30{padding-right:30px !important;}
.pr-35{padding-right:35px !important;}
.pr-40{padding-right:40px !important;}

.pl-0{padding-left:0 !important;}
.pl-5{padding-left:5px !important;}
.pl-10{padding-left:10px !important;}
.pl-15{padding-left:15px !important;}
.pl-20{padding-left:20px !important;}
.pl-25{padding-left:25px !important;}
.pl-30{padding-left:30px !important;}
.pl-35{padding-left:35px !important;}
.pl-40{padding-left:40px !important;}

.pt-0{padding-top:0 !important;}
.pt-2{padding-top:2px !important;}
.pt-5{padding-top:5px !important;}
.pt-10{padding-top:10px !important;}
.pt-15{padding-top:15px !important;}
.pt-20{padding-top:20px !important;}
.pt-25{padding-top:25px !important;}
.pt-30{padding-top:30px !important;}
.pt-35{padding-top:35px !important;}
.pt-40{padding-top:40px !important;}
.pt-50{padding-top:50px !important;}
.pt-80{padding-top:80px !important;}

.pb-0{padding-bottom:0 !important;}
.pb-2{padding-bottom:2px !important;}
.pb-5{padding-bottom:5px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-25{padding-bottom:25px !important;}
.pb-30{padding-bottom:30px !important;}
.pb-35{padding-bottom:35px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-50{padding-bottom:50px !important;}
.pb-80{padding-bottom:80px !important;}

.pr-0{padding-right:0 !important;}
.pl-0{padding-left:0 !important;}

.w5{width:5% !important;}
.w10{width:10% !important;}
.w11{width:11.66666666% !important;}
.w12{width:12% !important;}
.w13{width:13.33333333% !important;}
.w15{width:15% !important;}
.w14{width:14% !important;}
.w16{width:16% !important;}
.w17{width:17.5% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w26{width:26.66666666% !important;}
.w30{width:30% !important;}
.w33{width:33.33333333% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}
.wauto{width:auto !important;}
.h50{height:50% !important;}
.h100{height:100% !important;}
.hp15{height:15px !important;}

.mauto{
	margin: 0 auto;
}

.cursor{
	cursor: pointer;
}

.tour_comment_fixed{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
	background-color: #595959;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 20px 10px;
	border-top: 1px solid #CCC;
	color: #FFF;
}

.free-row{
    display: block;
    text-decoration: none;
    color: #333;
}

.free-par-list{
	padding: 8px;
    display: block;
    position: relative;
    border: 1px solid #DDD;
    margin-bottom: -1px;
    cursor: pointer;
}

.bg_color_blue{
	background-color: #dbe8fc;
}

.rule-area img{
	border: 1px solid #CCC;
	margin-bottom: 10px;
	margin-top: 10px;
}

.live-div-area{
	position: relative;
}

.live-div-area a.live_text{
	position: absolute;
	z-index: 2;
	top: 3px;
	right: 3px;
	background-color: #FFF;
	color: #e62117;
	border: 1px solid #e62117;
	font-size: 80%;
	padding: 0 2px;
	font-weight: bold;
}