@charset "Shift_JIS";

body { font-size: $b_size }
tr,td,th { font-size: 10pt }
a:hover { color: $alink }
.small { font-size: 10pt }
.b1 {background: #9ac;border-color: #ccf #669 #669 #ccf;color:#fff; border-style: solid; border-width: 1px; font-size: 10pt;}
.b2 {background: #669;border-color: #99c #336 #336 #99c;color:#fff; border-style: solid; border-width: 1px; text-align: center; font-size: 10pt;}
.b3 {border-top : 1px solid #009999; border-bottom : 1px solid #009999; border-left : 1px solid #009999; border-right : 1px solid #009999; font-size: 10pt;}
.b4 {border-top : 1px solid #cc3399; border-bottom : 1px solid #cc3399; border-left : 1px solid #cc3399; border-right : 1px solid #cc3399; font-size: 10pt;}
.b5 {background: #cc6699;border-color: #ccf #669 #669 #ccf;color:#fff; border-style: solid; border-width: 1px;}
.b6 {background: #9ac;border-color: #ccf #669 #669 #ccf;color:#fff; border-style: solid; border-width: 1px; font-size: 16pt;padding: 10px 30px;}
.b7 {border-top : 1px solid #009999; border-bottom : 1px solid #009999; border-left : 1px solid #009999; border-right : 1px solid #009999; font-size: 14pt; padding: 10px 30px;}
.b8 {border-top : 1px solid #ff0000; border-bottom : 1px solid #ff0000; border-left : 1px solid #ff0000; border-right : 1px solid #ff0000; font-size: 14pt; padding: 10px 30px;}
.bt {border-top : 1px solid #ffaa22; border-bottom : 1px solid #ffaa22; border-left : 1px solid #ffaa22; border-right : 1px solid #ffaa22; background-color :#fffee0;padding: 3px 10px; color: #000;cursor: pointer;}
.btn {border-top : 1px solid #ffaa22; border-bottom : 1px solid #ffaa22; border-left : 1px solid #ffaa22; border-right : 1px solid #ffaa22; background-color :#fffee0;padding: 3px 10px; color: #000;cursor: pointer;}
.btA {border-top : 1px solid #ffaa22; border-bottom : 1px solid #ffaa22; border-left : 1px solid #ffaa22; border-right : 1px solid #ffaa22; background-color :#fffee0;padding: 3px 10px; color: #000;cursor: pointer;}
.bts {border-top : 1px solid #cc0000; border-bottom : 1px solid #cc0000; border-left : 1px solid #cc0000; border-right : 1px solid #cc0000; background-color :#ffffff; color: #000;}
.dmg { color: #FF0000; font-size: 18pt }
.kaihuku { color: #00ff66; font-size: 18pt }
.clit { color: #0000FF; font-size: 18pt }

.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.glt-elm img{
	display: block;
}
.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}
.example table {
min-width:40%;
max-width:55%;
border: 1px #000000 solid;
border-collapse: collapse;
}

.example td {
border: 1px #000000 solid;
padding: 25px 25px;
}

.example th {
border: 1px #000000 solid;
background-color: #b5a642;
padding: 25px 25px;
text-align: center;
vertical-align: middle;
}

/*--------------------------*/
/*--------- 開閉用 ---------*/
/*--------------------------*/
.acd-check{
    display: none;
}
.acd-label{
    background: #6495ed;
    text-align: center;
    width: 50%;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
}
.acd-label:after{
    background: #6695ed;
    box-sizing: border-box;
    content: '+';
    display: block;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '-';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    border:0px;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

/*--------------------------*/
/*---- テーブルメイン用 ----*/
/*--------------------------*/
.table_UVM{
	border-spacing: 0;
	border-collapse: separate;
}
.table_UVM th,.table_UVM td{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
.table_UVM th{
	padding: 3px 8px;
	background: #6495ED;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.table_UVM td{
	padding: 3px;
	background: #FCFCFC;
	font-size: 12px;
	color: #000000;
}
.table_UVM th:last-child,.table_UVM td:last-child{
	border-right: 1px solid #000000;
}
.table_UVM tr:last-child th,.table_UVM tr:last-child td{
	border-bottom: 1px solid #000000;
}
.table_UVM tr:first-child :first-child{
	border-top-left-radius: 5px;
}
.table_UVM tr:first-child :last-child{
	border-top-right-radius: 5px;
}
.table_UVM tr:last-child :first-child{
	border-bottom-left-radius: 5px;
}
.table_UVM tr:last-child :last-child{
	border-bottom-right-radius: 5px;
}
/*--------------------------*/
/*------- テーブル用 -------*/
/*--------------------------*/
.tbl table {
	border: 1px #000000 solid;
	border-collapse: collapse;
}

.tbl td {
	border: 1px #000000 solid;
	padding: 5px 5px;
}

.tbl th {
	border: 1px #000000 solid;
	background-color: #6495ed;
	padding: 5px 5px;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
}

.tbl td label {
	display: block;
	width: 100%;
	height: 100%;
}
.tbl td input {
	margin: 0 2px 10px 0;
}

label:hover {
	background-color: #87cefa;
}

.btt {
	border-top : 1px solid #008b8b;
	border-bottom : 1px solid #008b8b;
	border-left : 1px solid #008b8b;
	border-right : 1px solid #008b8b;
	background-color :#f0f8ff;
	padding: 3px 10px;
	cursor: pointer;
}
.btt2 {
	border-top : 1px solid #008b8b;
	border-bottom : 1px solid #008b8b;
	border-left : 1px solid #008b8b;
	border-right : 1px solid #008b8b;
	background-color :#f0f8ff;
	padding: 3px 10px;
	cursor: pointer;
}

/*--------------------------*/
/*-------- 更新履歴 --------*/
/*--------------------------*/
dl.case4{
    margin:8px 2px;
    padding:0;
    line-height:1.8;
    width:100%;
}
dl.case4 dt{
    width:9em;
    float:left;
    margin:0 0 0 0px;
    padding:0 0 0 0px;
}
dl.case4 dd{
    position:relative;
    margin:0 0 8px;
    padding:0 5px 8px 12.3em;
    border-bottom:1px dotted #ccc;
    background: url(../img/header_li.gif) no-repeat 13.3em 0.7em;

}
dl.case4 dd span.cat{
    display:block;
    position:absolute;
    top:0;
    left:7.1em;
    width:4.5em;
    margin:0;
    padding:0;
    text-align:center;
    color:#000;
    background-color:#f0f8ff;
    border-radius:2px;
}

.btn-border {
  display: inline-block;
  max-width: 10px;
  text-align: left;
  border: 1px solid #008b8b;
  font-size: 10px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 7px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:link{
  font-family : 明朝体;
  font-size:12px;
  color:#000;
  text-decoration:none;
}

.btn-border:hover {
  background-color: #f0f8ff;
  border-color: #008b8b;
  color: #000;
}

.leader {
  max-width: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*--------------------------*/
/*------- 通知バッジ -------*/
/*--------------------------*/
.balloon-count {
    position: relative;
    width:0px;
    height:0px;
    vertical-align:top;
}
.balloon-count span,
.balloon-count span:after {
    border-color: #ff6600 transparent transparent;
    background-color: #ff6600;
}
.balloon-count span{
    top:-10px;
    left:10px;
    border:none;
    position: absolute;
    border-radius: 10px;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 19px;
    z-index: 1000;
    display:block;
    padding:0 1px 0 0;
}
.balloon-count span:after {
    background:none;
    border-image: none;
    border-style: solid;
    border-width: 4px 4px 0;
    bottom: -3px;
    content: "";
    display: block;
    left: 13px;
    position: absolute;
    width: 0;
}

.bell {
    position: relative;
    width:0px;
    height:0px;
    vertical-align:top;
}
.bell span,
.bell span:after {
    border-color: #E04646 transparent transparent;
    background-color: #E04646;
}
.bell span{
    top:5px;
    left:80px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 10px;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
    z-index: 1000;
    display:block;
    padding:0 1px 0 0;
}

.bell2 {
    position: relative;
    width:0px;
    height:0px;
    vertical-align:top;
}
.bell2 span,
.bell2 span:after {
    border-color: #E04646 transparent transparent;
    background-color: #E04646;
}
.bell2 span{
    top:5px;
    left:50px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 10px;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
    z-index: 1000;
    display:block;
    padding:0 1px 0 0;
}

.bell3 {
    position: relative;
    width:0px;
    height:0px;
    vertical-align:top;
}
.bell3 span,
.bell3 span:after {
    border-color: #E04646 transparent transparent;
    background-color: #E04646;
}
.bell3 span{
    top:5px;
    left:100px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 10px;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
    z-index: 1000;
    display:block;
    padding:0 1px 0 0;
}


/*---- safari ----*/
_:lang(x)+_:-webkit-full-screen-document,
.bell2 span{
    top:-10px;
    left:67px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 10px;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
    z-index: 1000;
    display:block;
    padding:0 1px 0 0;
}

/*---- IE11 ----*/
_:-ms-lang(x)::-ms-backdrop,
.bell2 span{
    top:-20px;
    left:130px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 10px;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 11px;
    line-height:20px;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    width: 20px;
    height: 20px;
    z-index: 1000;
    display:block;
    padding:0 1px 0 0;
}

/*==================
#loading
==================*/
.loader-bg {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 9999;
}

.loader img {
  height: auto;
  width: auto;
}

.wrap {
  margin: 0px;
  padding: 0px;
}
/*--------------------------*/
/*--- ログインボーナス用 ---*/
/*--------------------------*/
.bonus {
	position: relative;
}

.bonus span {
	position: absolute;
	top: -50%;/*画像の左上に配置*/
	left: 0%;
	margin: 0; /*余計な隙間を除く*/
	color: black;/*文字を白に*/
	font-size: 20px;
	line-height: 1;/*行高は1に*/
	font-family: "serif";
	padding: 5px 10px;/*文字周りの余白*/
	text-align:center;
	font-weight:bold;
	text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,1);
}

/*--------------------------*/
/*---- カジノ背景画像用 ----*/
/*--------------------------*/
.back_view {
	background-image: url('./images/casino_back.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;

}