body{
	background-color:#4e0202;
    color:#fff;
	/*max-width: 1280px;*/
}

body.index{
	background:url(/exe_data/img/exe/bg1.png) no-repeat;
	background-color: #000;
	background-size: 100%;
    background-position-y: 72px;
    background-attachment: fixed;
    margin: 0px auto
}

body.hall{
	background:url(/exe_data/img/exe/bg1.png) no-repeat;
	background-color: #000;
	background-size: 100%;
    background-position-y: 72px;
    background-attachment: fixed;
    margin: 0px auto
}

body.payment{
	background:url(/exe_data/img/exe/bg1.png) no-repeat;
	background-color: #000;
	background-size: 100%;
    /*background-position-y: 72px;*/
    background-attachment: fixed;
    margin: 0px auto
}

body.itemshop{
	background:url(/exe_data/img/exe/bg1.png) no-repeat;
	background-color: #000;
	background-size: 100%;
    /*background-position-y: 72px;*/
    background-attachment: fixed;
    margin: 0px auto
}

body.mypage{
	background:url(/exe_data/img/exe/bg1.png) no-repeat;
	background-color: #000;
	background-size: 100%;
    /*background-position-y: 72px;*/
    background-attachment: fixed;
    margin: 0px auto
}

.modal{
	color:#000;
}

.title{
}

.header-bar{
	background:url(/exe_data/img/exe/bg_header.png) center repeat-x;
	background-size: auto 100%;
	max-height:80px;
	padding:6px;
}

.header-bar img.logo.pc{
	height:64px;
}
.header-bar img.logo.sp{
    height: 52px;
    margin-top: 8px;
    margin-left: -8px;
}

.header-bar .btn-group.pc{

}
.header-bar .btn-group.sp{
	height:50%;
	margin-left: 18px;
}

.header-bar .ui_button{
	display:block;
	height:64px;
}
.header-bar .btn-group.pc .ui_button img{
	height:100%;
}
.header-bar .btn-group.sp .ui_button img{
	height:75%;
}

.header-bar .button{
	height:36px;
}

.header-bar .bgPoint.pc{
	/*
	background:url(/img/ppp/bg_point.png) top no-repeat;
	background-size: 100% 100%;
	*/
    border: 2px solid #795c1c;
	border-image-source: url(/img/ppp/point_border_pc.png);
	border-image-slice: 33%;
    border-image-outset: 1.3;
    border-image-width: 48px;
    border-image-repeat: stretch;

    background-color:rgba(0,0,0,0.7);

    height: 100%;
	max-width: 240px;
    padding: 2px;
    border-radius: 0.5em;

}
.header-bar .bgPoint.sp{
	/*
	background:url(/img/ppp/bg_point.png) top no-repeat;
	background-size: 100% 100%;
	*/
	border: 1px solid #795c1c;
    border-image-source: url(/img/ppp/point_border_sp.png);
    border-image-slice: 33%;
    border-image-outset: 1.8;
    border-image-width: 18px;
    border-image-repeat: stretch;
    margin-top: 2px;



}

.header-bar .bgPoint.pc .bgPointWrapper{

}
.header-bar .bgPoint.sp .bgPointWrapper{
	width:100%;
	margin-bottom: 2px;
}

.header-bar .bgPoint.pc .point{
	padding: 0px 0px;
    font-size: 12px;
	margin:0px;
	border-bottom: 1px solid #8c6330;
}
.header-bar .bgPoint.sp .point{
	padding: 0px 0px;
    font-size: 12px;
	margin:0px;
	border-right: 1px solid #8c6330;
}

.header-bar .point .pointName{
	margin-left:8px;
}

.header-bar .point .pointVal{
	margin-right:8px;
	margin-left:auto;
}


.header-bar2{
	background:url(/exe_data/img/exe/bg_header.png) center repeat-x;
	background-size: auto 100%;
	max-height:160px;
	padding:6px;
}

.header-bar2 img.logo.pc{
	height:64px;
}
.header-bar2 img.logo.sp{
    height: 52px;
    margin-top: 8px;
    margin-left: -8px;
}

.header-bar2 .btn-group.pc{

}
.header-bar2 .btn-group.sp{
	height:50%;
	margin-left: 18px;
}

.header-bar2 .ui_button{
	display:block;
	height:64px;
}
.header-bar2 .btn-group.pc .ui_button img{
	height:100%;
}
.header-bar2 .btn-group.sp .ui_button img{
	height:75%;
}

.header-bar2 .button{
	height:36px;
}

.header-bar2 .bgPoint.pc{
	/*
	background:url(/img/ppp/bg_point.png) top no-repeat;
	background-size: 100% 100%;
	*/
    border: 2px solid #795c1c;
	border-image-source: url(/img/ppp/point_border_pc.png);
	border-image-slice: 33%;
    border-image-outset: 1.3;
    border-image-width: 48px;
    border-image-repeat: stretch;

    background-color:rgba(0,0,0,0.7);

    height: 100%;
	max-width: 240px;
    padding: 2px;
    border-radius: 0.5em;

}
.header-bar2 .bgPoint.sp{
	/*
	background:url(/img/ppp/bg_point.png) top no-repeat;
	background-size: 100% 100%;
	*/
	border: 1px solid #795c1c;
    border-image-source: url(/img/ppp/point_border_sp.png);
    border-image-slice: 33%;
    border-image-outset: 1.8;
    border-image-width: 18px;
    border-image-repeat: stretch;
    margin-top: 2px;



}

.header-bar2 .bgPoint.pc .bgPointWrapper{

}
.header-bar2 .bgPoint.sp .bgPointWrapper{
	width:100%;
	margin-bottom: 2px;
}

.header-bar2 .bgPoint.pc .point{
	padding: 0px 0px;
    font-size: 12px;
	margin:0px;
	border-bottom: 1px solid #8c6330;
}
.header-bar2 .bgPoint.sp .point{
	padding: 0px 0px;
    font-size: 12px;
	margin:0px;
	border-right: 1px solid #8c6330;
}

.header-bar2 .point .pointName{
	margin-left:8px;
}

.header-bar2 .point .pointVal{
	margin-right:8px;
	margin-left:auto;
}


.jumbotron {
	padding:0 0;
	border-radius:0;
	margin-bottom: 0;
}
.jumbotron.title {
	background:url(/exe_data/img/exe/title.png) top no-repeat;
	background-size: cover;

	background-color: rgba(255,255,255,0.2);
	border-radius:0.5em;
}

.jumbotron.title .regist{
}

.jumbotron.title .regist img{
	width:100%;
}

.jumbotron.shop {
	background-color: rgba(0,0,0,0);
}

.jumbotronS {
	padding:0 0;
	border-radius:0;
	margin-bottom: 0;
}
.jumbotronS.title {
	background:url(/img/title_old.jpg) center no-repeat;
	/*background-size: contain;*/
	background-size: cover;

	background-color: rgba(255,255,255,0.2);
	border-radius:0.5em;
}
.jumbotronS.shop {
	background-color: rgba(0,0,0,0);
}

.mainContainer{
	padding-bottom:30px;
	max-width: 1280px;
    margin: 0 auto;
    margin-top: 76px;
}

.mainContainer2{
	padding-bottom:30px;
	max-width: 1280px;
    margin: 0 auto;
    margin-top: 140px;
}

.shopContainer{
	margin: 0 auto;
    max-width: 1024px
}

/* 各種汎用画面用 */
.baseContainer{
    /* box-sizing: border-box; */
    background: url(/exe_data/img/exe/bg2.png) center repeat-y;
    background-size: auto;
    background-attachment: fixed;

    max-width:800px;
    margin: 0 auto;
    padding-bottom: 32px;
}

.baseContainer .title{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    min-height: 54px;

    border: 8px solid #795c1c;
	border-image-source: url(/img/ppp/titlebar_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 18px;
    border-image-repeat: stretch;

    background: url(/img/ppp/titlebar_bg.png) center repeat-x;
    background-size: auto;
	text-align:center;
}

.baseContainer .title p{
	line-height: 12px;
    margin-top: 12px;
}
.baseContainer .baseBody{
	background-color:rgba(0,0,0,0.5);
	font-size:14px;
	margin:12px 12px;
	color: #fff;

    border: 2px solid #ebbd40;
	border-image-source: url(/img/ppp/itemshop/box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 40px;
    border-image-repeat: stretch;

    padding:1em;
    text-align: left;


}
.titlebar{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding-top: 10px;
    min-height: 54px;
    border: 2px solid #fff;
    border-image-source: url(/exe_data/img/exe/infotext_border.png);
    border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 18px;
    border-image-repeat: stretch;
    background: url(/exe_data/img/exe/koumoku.png) center repeat-x;
    background-size: cover;
}

/* 入金画面 */
.paymentContainer{
    /* box-sizing: border-box; */
    background: url(/exe_data/img/exe/bg2.png) center repeat-y;
    background-size: auto;
    background-attachment: fixed;

    max-width:1024px;
    margin: 0 auto;
}

.paymentContainer .title{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    min-height: 54px;

    border: 8px solid #795c1c;
	border-image-source: url(/img/ppp/titlebar_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 18px;
    border-image-repeat: stretch;

    background: url(/img/ppp/titlebar_bg.png) center repeat-x;
    background-size: auto;
	text-align:center;
}

.paymentContainer .title p{
	line-height: 12px;
    margin-top: 12px;
}

.paymentContainer .menu{
	margin-top:32px;
	margin-bottom:32px;
}
.paymentContainer .menu .btn-group{
	margin : 12px 0px;
}

.paymentContainer .menu .button{
	width:90%;
}

#dlgPaymentCredit .pay_info{
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}

#dlgPaymentCredit .pay_info p{
	font-size:12px;
}
#dlgPaymentCredit .pay_info .campaign{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#f00;
}
#dlgPaymentCredit .pay_menu{
	padding:10px;
	margin-top: 10px!important;
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}
#dlgPaymentCredit .pay_menu .price{
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
#dlgPaymentCredit .pay_menu .arrow{
	text-align:center;
	font-size:18px;
	color:#f00;
	font-weight:bold;
}
#dlgPaymentCredit .pay_menu .ap{
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

#dlgPaymentBank .pay_info{
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}

#dlgPaymentBank .pay_info p{
	font-size:12px;
}
#dlgPaymentBank .pay_info .campaign{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#f00;
}
#dlgPaymentBank .pay_menu{
	padding:10px;
	margin-top: 10px!important;
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}
#dlgPaymentBank .pay_menu .price{
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
#dlgPaymentBank .pay_menu .arrow{
	text-align:center;
	font-size:18px;
	color:#f00;
	font-weight:bold;
}
#dlgPaymentBank .pay_menu .ap{
	text-align:left;
	font-size:16px;
	font-weight:bold;
}

#dlgPaymentAlBank .pay_info{
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}

#dlgPaymentAlBank .pay_info p{
	font-size:12px;
}
#dlgPaymentAlBank .pay_info .campaign{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#f00;
}
#dlgPaymentAlBank .pay_menu{
	padding:10px;
	margin-top: 10px!important;
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}
#dlgPaymentAlBank .pay_menu .price{
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
#dlgPaymentAlBank .pay_menu .arrow{
	text-align:center;
	font-size:18px;
	color:#f00;
	font-weight:bold;
}
#dlgPaymentAlBank .pay_menu .ap{
	text-align:left;
	font-size:16px;
	font-weight:bold;
}
#bankinDialog .pay_info p{
	font-size:12px;
}
#mailDialog p{
	font-size:12px;
}

#dlgPaymentBpmCregit .pay_info{
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}

#dlgPaymentBpmCregit .pay_info p{
	font-size:12px;
}
#dlgPaymentBpmCregit .pay_info .campaign{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#f00;
}
#dlgPaymentBpmCregit .pay_menu{
	padding:10px;
	margin-top: 10px!important;
	border-radius: 0.25rem!important;
	border: 2px solid #AAA!important;
}
#dlgPaymentBpmCregit .pay_menu .price{
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
#dlgPaymentBpmCregit .pay_menu .arrow{
	text-align:center;
	font-size:18px;
	color:#f00;
	font-weight:bold;
}
#dlgPaymentBpmCregit .pay_menu .ap{
	text-align:left;
	font-size:16px;
	font-weight:bold;
}
/* アイテムショップ */
/* アイテムショップ */
.itemshop .search{
    margin: 0.3em 1.0em;
    padding: 0px;
    background: rgba(66, 66, 66, 0.7);
    border: 8px solid rgba(0, 0, 0, 0.7);
    border-image-source: url(/img/ppp/apgame_info_border.png);
    border-image-slice: 33%;
    border-image-outset: 1.5;
    border-image-width: 28px;
    border-image-repeat: stretch;
}
.itemshop .search table{
	color:#fff;
	margin-bottom: 0px;
	font-size:12px;
}
.itemshop .search table tr{
}
.itemshop .search table td{
	border-top:0px;
	border-bottom: 1px solid #914b75;
	text-align:left;
}
.itemshop .search table td .form-check-input{
	margin-top: .1rem;
}
.itemshop .search table td select{
	max-width:320px;
}
.itemContainer{
    /* box-sizing: border-box; */
    background: url(/exe_data/img/exe/bg2.png) center repeat-y;
    background-size: auto;
    background-attachment: fixed;

    max-width:800px;
    margin: 0 auto;
    padding-bottom: 32px;
}

.itemContainer .title{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    min-height: 54px;

    border: 8px solid #795c1c;
	border-image-source: url(/img/ppp/titlebar_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 18px;
    border-image-repeat: stretch;

    background: url(/img/ppp/titlebar_bg.png) center repeat-x;
    background-size: auto;
	text-align:center;
}

.itemContainer .title p{
	line-height: 12px;
    margin-top: 12px;
}

.itemContainer .cartNavi{
	text-align: center;
    margin-top: 16px;
}


.itemContainer #itemList{
    padding: 0px;
    margin: 0px;
    margin-top: 12px;
}

.itemContainer #itemList .item{
    border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/itemshop/shop_box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;

    background: url(/img/ppp/itemshop/shop_box_bg.png) center repeat;
    background-size: contain;
	text-align:center;

    padding: 0px 0px 4px 0px;
    margin: 3px 0px;
    min-width: 120px;
    max-width: 140px;
}
.itemContainer #itemList .item .header{
	color: #fff;
    font-weight: bold;
    font-size: 11px;
    border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/itemshop/shop_text_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 12px;
    border-image-repeat: stretch;

    background: url(/img/ppp/itemshop/shop_text_bg.png) center repeat;
    background-size: cover;
	text-align:center;
	padding: 2px;

}
.itemContainer #itemList .item .title{
}
.itemContainer #itemList .item .price{
}
.itemContainer #itemList .item .stock{
}
.itemContainer #itemList .item .image img{
	max-width: 120px;
}

.itemContainer #itemList .item .buy{
	margin-top: auto;
}
.itemContainer #itemList .item .buy .btn_buy{
	width: 80%;
}
.itemContainer #itemList .item .buy .btn_soldout{
	width: 80%;
}

.itemContainer .formContainer {
    padding: 24px;
    max-width: 480px;
    margin: 0 auto;
}

.itemContainer .formContainer .addressInfo{
	color: #ff0;
	background-color:rgba(0,0,0,0.5);
    font-size:12px;

    border: 2px solid #ebbd40;
	border-image-source: url(/img/ppp/itemshop/box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 40px;
    border-image-repeat: stretch;

    padding:8px;
    text-align: left;
    max-width: 330px;
    margin: 0px auto;
}

.itemContainer .formContainer input.form-control:read-only,
.itemContainer .formContainer select.readonly
{
	background-color: #ddd;
}


.itemContainer .formContainer .form-group{

}

.itemContainer .formContainer .form-group > div{
	margin-top:6px;
}
.itemContainer .formContainer .form-group  label{
	margin-top:8px;
	margin-bottom:2px;
}

.itemContainer .formContainer .btnBox{

}

.itemContainer .confirmContainer{
	min-width:380px;

}
.itemContainer .confirmContainer .itemsBox{
	color: #fff;
	background-color:rgba(0,0,0,0.5);

    border: 2px solid #ebbd40;
	border-image-source: url(/img/ppp/itemshop/box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 40px;
    border-image-repeat: stretch;
    margin:16px;
    padding:16px;
    text-align: left;
}
.itemContainer .confirmContainer .itemsBox .label{
	font-weight: bold;
	margin-right:12px;
}
.itemContainer .confirmContainer .itemsBox .item{
	font-size:12px;
	text-align:right;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	margin: 8px;
    padding:8px;
}
.itemContainer .confirmContainer .itemsBox .item .name{
	text-align:left;
	font-weight:bold;
}
.itemContainer .confirmContainer .itemsBox .item .price{

}
.itemContainer .confirmContainer .itemsBox .item .amount{

}
.itemContainer .confirmContainer .itemsBox .item .sum{

}
.itemContainer .confirmContainer .itemsBox .post_price{
	text-align:right;
	margin-right: 12px;
	font-weight:normal;
}
.itemContainer .confirmContainer .itemsBox .sum_price{
	text-align:right;
	margin-right: 12px;
	text-decoration: overline;
	font-weight:bold;
}
.itemContainer .confirmContainer .addressBox{
	color: #fff;
	background-color:rgba(0,0,0,0.5);

    border: 2px solid #ebbd40;
	border-image-source: url(/img/ppp/itemshop/box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 40px;
    border-image-repeat: stretch;
    margin:16px;
    padding:16px;
    text-align: left;

}
.itemContainer .confirmContainer .addressBox .label{
	font-weight: bold;
	margin-right:12px;
}
.itemContainer .confirmContainer .addressBox .value{
	margin-left:12px;
	font-size: 14px;
}

.itemContainer .confirmContainer .addressBox .zipcode{
}
.itemContainer .confirmContainer .addressBox .address{
}
.itemContainer .confirmContainer .addressBox .postname{
	margin-top: 8px;
}
.itemContainer .confirmContainer .addressBox .mail{
	margin-top: 8px;
}
.itemContainer .confirmContainer .addressBox .tel{
	margin-top: 8px;
}

.itemContainer .confirmContainer .btnBox{
	text-align:center;
}

.itemContainer .itemshop_caution{
	background-color:rgba(0,0,0,0.5);
	font-size:12px;
	margin:12px 12px;
	color: #f00;

    border: 2px solid #ebbd40;
	border-image-source: url(/img/ppp/itemshop/box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 40px;
    border-image-repeat: stretch;

    padding:1em;
    text-align: left;


}

.dialog .item {
}
.dialog .item .image{
	text-align:center;
}
.dialog .item .image img{
	max-width: 160px;
	margin: 0px auto;
}
.dialog .item .header{
	text-align: right;
}
.dialog .item .price{
}
.dialog .item .stock{
}
.dialog .item .description{
}


#dlgCart .item .name,
#dlgConfirm .item .name,
#dlgOrder .item .name
{
	font-weight:bold;
}
#dlgCart .item .info,
#dlgConfirm .item .info,
#dlgOrder .item .info
{
}
#dlgCart .item .info > div,
#dlgConfirm .item .info > div,
#dlgOrder .item .info > div
{
	margin-right: 12px;
}
#dlgCart .item .btn_item_del {
	margin-left: auto;
	margin-right: 0;
}
#dlgCart .post_price,
#dlgOrder .post_price
{
	text-align:right;
}
#dlgCart .sum_price,
#dlgConfirm .sum_price,
#dlgOrder .sum_price
{
	text-align:right;
	text-decoration: overline;
	font-weight:bold;
}

/* マイページ */
.mypageContainer{
    /* box-sizing: border-box; */
    background: url(/exe_data/img/exe/bg2.png) center repeat-y;
    background-size: auto;
    background-attachment: fixed;

    max-width:800px;
    margin: 0 auto;
    padding-bottom: 32px;
}

.mypageContainer .title{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    min-height: 54px;

    border: 8px solid #795c1c;
	border-image-source: url(/img/ppp/titlebar_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 18px;
    border-image-repeat: stretch;

    background: url(/img/ppp/titlebar_bg.png) center repeat-x;
    background-size: auto;
	text-align:center;
}

.mypageContainer .title p{
	line-height: 12px;
    margin-top: 12px;
}

.mypageContainer .infoHeader{
	background: url(/img/ppp/mypage/bg_header.png) center no-repeat;
    background-size: 100% 100%;

    margin: 0px 0px;
    margin-top:12px;
    color: #ae40c1;
    font-size:18px;
    font-weight:bold;
}
.mypageContainer .infomation{
	padding: 6px 6px;
	margin:0px;
}

.mypageContainer .infomation .base{
	padding: 0px 0px;
	margin:0px;
}

.mypageContainer .infomation .table{
    margin: 4px auto;
    width: 100%;
}
.mypageContainer .infomation.base_info .table{
    margin: 6px auto;
    width: 100%;
}
.mypageContainer .infomation.base_info .rank{
	margin: 0px 0px;
	padding:0px;
}
.mypageContainer .infomation.base_info .rank > div{
	margin: 0px 0px;
	padding:0px;
}
.mypageContainer .infomation.base_info .rank > div.col-3{
	padding:4px!important;
}

.mypageContainer .infomation.base_info .rank img{
	margin: 4px 8px 0px 0px;
}


.mypageContainer .infomation button{
	font-size:12px;
}

.mypageContainer .table{
	font-size:12px;
	color: #fff;
	background-color:rgba(0,0,0,0.5);

	border: 2px solid #d9902d;
	border-radius: 0.5em;
	border-spacing: 0;
	border-collapse: separate;
}
.mypageContainer .table thead{
	color: #d9902d;
}

.mypageContainer .table tr td,
.mypageContainer .table tr th
{
	border: none;
	border-bottom: 1px solid #d9902d;
	border-right: 1px solid #d9902d;
}
.mypageContainer .table tr td:first-child,
.mypageContainer .table tr th:first-child
{
	border-left: none;
}
.mypageContainer .table tr td:last-child,
.mypageContainer .table tr th:last-child
{
	border-right: none;
}
.mypageContainer .table tr:first-child td,
.mypageContainer .table tr:first-child th
{
	border-top: none;
}
.mypageContainer .table tr:last-child td
{
	border-bottom: none;
}
.mypageContainer .table tr:last-child th
{
	border-bottom: 2px solid #d9902d;
}

.mypageContainer .infomation .item{
    border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/mypage/item_box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;

    background: url(/img/ppp/mypage/item_box_bg.png) center repeat;
    background-size: contain;
	text-align:center;

    padding: 0px 0px 4px 0px;
    margin:0px 8px 8px 12px;
    min-width: 100px;
    max-width: 110px;
}
.mypageContainer .infomation .item .header{
	color: #fff;
    font-weight: bold;
    font-size: 11px;
    border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/mypage/item_text_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 12px;
    border-image-repeat: stretch;

    background: url(/img/ppp/mypage/item_text_bg.png) center repeat;
    background-size: cover;
	text-align:center;
	padding: 2px;

}
.mypageContainer .infomation .item .title{
}
.mypageContainer .infomation .item .price{
}
.mypageContainer .infomation .item .image img{
	max-width: 100px;
}
.mypageContainer .infomation .item .image img.button{
	max-width: 90px;
}

#dlgAvatarChange .carousel-inner .carousel-item img.avatar.disabled{
	filter: blur(4px) opacity(0.8) brightness(0.8);
}

#dlgAvatarChange .carousel-indicators li {
	height: 6px;
	background-color: #0ff;
	opacity: .3;
}
#dlgAvatarChange .carousel-indicators li.disabled {
	background-color: #CCC;
}
#dlgAvatarChange .carousel-indicators li.active {
	opacity: 1.0;
}

/* 新規登録 */
#registForm img.avatar.sel{
	border: 4px solid #007bff;
}

/* ホール */
.shopTitle{
	display:none;
	/*display:block;*/
}

.listBg {
    background-size: cover;
    background-color: gray;
    margin: 4px 0px;
}

.no-gutters {
  margin:0;
  padding:0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  margin:0;
  padding:0;
}


.lineup-bg {
  background-image: url(/exe_data/img/exe/bg3.png);
  background-size:cover;
}

.marquee {
color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding-top: 10px;
    min-height: 54px;
    border: 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    margin: 1px 0;
    border-image-source: url(/exe_data/img/exe/infotext_border.png);
    border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 16px;
    border-image-repeat: stretch;
    background: url(/exe_data/img/exe/infotext.png) center repeat-x;
    background-size: cover;
}

.marquee p {
  font-size:24px;
  max-width:4800px;
  color: #000;
  margin:0;
  padding:0;
  padding-left:100%;
  display:inline-block;
  white-space:nowrap;
  animation-name:marquee;
  animation-duration:20s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
}

@keyframes marquee {
  from { transform:translate(0);     }
  to   { transform:translate(-100%); }
}

#catchArea{
	background:url(/img/page3.png) center no-repeat;
	background-size: cover;
	background-color:#c1b6ff;
}

.ranking{
	background:rgba(0,0,0,0.0);
    width: 95%;
    margin: 32px auto;
}

.ranking li{
	list-style: none;
	border: 8px solid #795c1c;
	border-image-source: url(/exe_data/img/exe/infotext_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 20px;
    border-image-repeat: stretch;
}

.ranking li .list{
	margin: 1em;
    font-size: 10px;
    min-height: 20em;
}

.rankingbg{
	background: url(/exe_data/img/exe/bg3.png) center repeat-x;
    background-size: cover;
}

.machineinfo{
	background:rgba(0,0,0,0.0);
    width: 100%;
    padding-bottom: 32px;
}
.machineinfo li{
	list-style: none;
	border: 8px solid #795c1c;
	border-image-source: url(/exe_data/img/exe/infotext_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 20px;
    border-image-repeat: stretch;
}

.machineinfo .list{
	margin: 1em;
    font-size: 10px;
    min-height: 20em;
}


.hallInfo{
    background:rgba(0,0,0,0.0);
}
.hallInfo li{
	list-style: none;
}

.hallInfo li .title{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding-top: 10px;
    min-height: 54px;
    border: 2px solid #fff;
    border-image-source: url(/exe_data/img/exe/infotext_border.png);
    border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 18px;
    border-image-repeat: stretch;
    background: url(/exe_data/img/exe/koumoku.png) center repeat-x;
    background-size: cover;

}

.hallInfo li .info{
	background:rgba(0,0,0,0.2);
	color:#eee;
	font-size:14px;
	padding:0.3em;
	min-height:10em;

}
.hallInfo li .shopInfo{
	padding:0.5em;
	min-height:10em;
}
.hallInfo .halldescription{
	overflow-wrap: break-word;
    color: white;
    line-height: 1.1;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.hallInfo .exehallframe{
	list-style: none;
    border: 8px solid rgba(0, 0, 0, 0.7);
    border-image-source: url(/img/ppp/hall_info_border.png);
    border-image-slice: 33%;
    border-image-outset: 3px;
    border-image-width: 60px;
    border-image-repeat: stretch;
}

.hallInfo .exehallbgimg{
	background: url(/exe_data/img/exe/bg_seamless_1.png) center repeat-x;
    background-size: cover;
}

.shopInfo p{
	line-height:1.1;
	margin:0.4em;
	padding:0;
	font-size: 16px;
    font-weight: bold;
}


/* user info */
.playerInfo{
	background:rgba(0,0,0,0.5);
	border:solid 0.3rem rgba(202,202,202,1);
	margin: 8px auto;
	font-size:10px;
	max-width: 480px
}
.playerInfo table th,
.playerInfo table td
{
	color:#eee;
	border-color:rgba(255,255,255,0.5);
	padding:0.3em;
}



/* Ranking */
.ranking{
	background:rgba(0,0,0,0.1);
	border: solid 0.1em rgba(255,255,255,0.8);
	color:#fff;
}

/* Neon */
.neon-wrapper {
  box-shadow:
  /* ピンク */
  0 0 0.05rem  0.2rem #fbcfff,
  0 0 0.2rem  0.3rem #ee2dff,
  0 0 0.6rem  0.1rem #f696ff,
  inset 0 0 0.25rem  0.2rem #ee2dff,
  inset 0 0 0.2rem  0.1rem #e97272,
  inset 0 0 0.25rem  0.1rem #fff7f7;

/*  0 0 0.1vw  0.4vw #fff7f7,
  0 0 0.4vw  0.6vw #ee2dff,
  0 0   4vw  0.4vw #e50b0b,
  inset 0 0 0.5vw  0.4vw #ee2dff,
  inset 0 0 0.4vw  0.2vw #e97272,
  inset 0 0 0.5vw  0.2vw #fff7f7;
*/

  border-radius: 0.2rem;
}

.neon-text.purple {
	font-weight:bold;
	color: #ffe0ff;
	/*text-shadow: 0 0 1rem #80148a, 0 0 6ch #fac0ff, 0 0 1ch #f696ff, 0 0 1rem #f47bff;*/
	text-shadow: 0 0 0.1em #fac0ff, 0 0 0.3em #fac0ff, 0 0 0.4em #ff00de, 0 0 0.7em #ff00de, 0 0 0.8em #ff00de, 0 0 1em #ff00de, 0 0 0em #ff00de;

}
.neon-text.light-blue {
	font-weight:bold;
	color: #c0f5fe;
	text-shadow: 0 0 0.1em #138093, 0 0 0.3em #138093, 0 0 0.4em #a5eaf6, 0 0 0.7em #a5eaf6, 0 0 0.8em #77dff1, 0 0 1em #5bdaf0;

}

.shopBg {
    background: url(/exe_data/img/exe/bg2.png) center repeat-y;
    background-size: auto;

    background-attachment: fixed;

    width: 100%;
}



.shopFloorNameOld{
    background: url(/img/ppp/hall/floor_name.png) top no-repeat;
    background-size: cover;
    min-height: 52px;
    padding:12px 0px;
}
.shopFloorName{
	color: #fff;
    font-weight: bold;
    font-size: 18px;
    min-height: 54px;
    padding-top: 5px;

    border: 2px solid #fff;
    border-image-source: url(/exe_data/img/exe/infotext_border.png);
    border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 18px;
    border-image-repeat: stretch;
    background: url(/exe_data/img/exe/koumoku.png) center repeat-x;
    background-size: cover;

}

.shopFloorName p{
	line-height: 12px;
    margin-top: 12px;
}


.shopFloorInfo{
	width: 100%;
    margin:12px;
    padding:6px;

	color: #fff;
	background-color:rgba(0,0,0,0.5);
    font-size: 12px;

    border: 2px solid #ebbd40;
	border-image-source: url(/img/ppp/hall/box_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 40px;
    border-image-repeat: stretch;

}

.floorList{
	max-width:640px;
	margin:0 auto;
	padding:12px 12px;
}
.btnFloor{
/*
	background:url(/img/ppp/hall/btn_floor.png) top no-repeat;
	background-size:contain;
*/
    width: 80%;
    margin: 0 auto;
    padding:8px 12px;
    border: 8px solid #ebbd40;
    border-image-source: url(/img/ppp/hall/box_border.png);
    border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 40px;
    border-image-repeat: stretch;
}

.btnholl{
	background:url(/img/ppp/hall/btn_floor.png) top no-repeat;
	background-size:contain;
    width: 80%;
    margin: 0 auto;
    padding:24px 12px;
}
.btnholl_sp{
	background:url(/img/ppp/hall/btn_floor.png) top no-repeat;
	background-size:contain;
    width: 80%;
    margin: 0 auto;
    padding:16px 12px;
}
.btnFloor .floor_number{
	background-color: black;
}
.btnFloor .floor_number img{
	width:40%;
}
.btnFloor .floor_info{
	color:#222;
	font-size:12px;
	font-weight:bold;
	background-color: #fff;
}
.btnFloor .floor_top_sp{
	color:#222;
	font-size:12px;
	font-weight:bold;
	background-color: #fff;
	padding-top: 24px;
    padding-bottom: 29px;
}
.btnFloor .floor_top{
	color:#222;
	font-size:12px;
	font-weight:bold;
	background-color: #fff;
	padding-top: 36px;
    padding-bottom: 36px;
}
.btnFloor .floor_info_now{
	text-shadow:1px 1px 0 #f00,-1px 1px 0 #f00,1px -1px 0 #f00,-1px -1px 0 #f00;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background-color: #fff;
}
.btnFloor .floor_info_sp{
	color:#222;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	padding:0px;
}
.btnFloor .floor_info_now_sp{
	text-shadow:1px 1px 0 #f00,-1px 1px 0 #f00,1px -1px 0 #f00,-1px -1px 0 #f00;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	padding:0px;
}

.btnholl .floor_number img{
	width:40%;
}
.btnholl_sp .floor_number img{
	width:40%;
}
.btnholl .floor_info{
	color:#222;
	font-size:16px;
	font-weight:bold;
	margin-top:4px;
}
.btnholl .floor_info_now{
	text-shadow:1px 1px 0 #f00,-1px 1px 0 #f00,1px -1px 0 #f00,-1px -1px 0 #f00;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin-top:4px;
}
.btnholl_sp .floor_info_sp{
	color:#222;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	padding:0px;
}
.btnholl_sp .floor_info_now_sp{
	text-shadow:1px 1px 0 #f00,-1px 1px 0 #f00,1px -1px 0 #f00,-1px -1px 0 #f00;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	padding:0px;
}

.unitContainer{
	margin: 0;
	padding:0;
}

.shopContainer .floor-top{
    /*margin: 0 auto;*/
}


#unitList{
}

#unitList .shima{
	background: url(/img/ppp/hall/floor_bg.png) repeat-y;
    background-size: 100% auto;
    margin: 0 auto;
}

#unitList .shima-shop001{
	background: url(/img/ppp/hall/shop001/floor_bg.png) repeat-y;
    background-size: 100% auto;
    padding-bottom: 45px;
    margin: 0 auto;
}

#unitList .shima-shop002{
	background: url(/img/ppp/hall/shop002/floor_bg.png) repeat-y;
    background-size: 100% auto;
    padding-bottom: 45px;
    margin: 0 auto;
}

#unitList .shima-shop003{
	background: url(/img/ppp/hall/shop003/floor_bg.png) repeat-y;
    background-size: 100% auto;
    padding-bottom: 45px;
    margin: 0 auto;
}

#unitList .shima-top{
    background: url(/img/ppp/hall/shima_top.png) bottom no-repeat;
    background-size: 100%;
    width: 95%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: -2px;
    height: 18px;
}
#unitList .game-name{
	text-align:center;
}
#unitList .game-name span{
	font-size:16px;
	color:#fff;
	background:rgba(35,31,32,0.7);
    margin: 0 0;
    padding: 2px 12px;

}

#unitList .shima-unit{
    width: 95%;
    margin: 0 auto;
}

.w-40{
	width: 40%!important;
}

.card.unit{
	border:0;
	background-color: rgba(0,0,0,0);
	margin-bottom: 40%;
}
.card.player{
	border:0;
	background-color: rgba(0,0,0,0);
}
.card.player .player-name{
	line-height:1;top: calc(50% - 1.5rem);
	text-align: center;
	font-weight:bold;
	font-size:1.5vh;
}
/* Aポイントゲーム専用フロア */
#apGameList{

}
#apGameList .apGameContainer{
	margin: 24px 48px;
}
#apGameList .apGameContainer .header{
    display: flex;
    justify-content: center;
}
#apGameList .apGameContainer .header .logo{
    width: 50%;
    text-align: center;
}
#apGameList .apGameContainer .header .logo img{
    width: 100%;
    margin: 0 auto;
}
#apGameList .apGameContainer .header .btn-group{
	display: block;
    width: 50%;
    text-align:right;
}
#apGameList .apGameContainer .header .btn-group a{
	display:block;
    margin-top:auto;
    margin-bottom:0px;
	margin-left: auto;
    margin-right: 0.5em;
}
#apGameList .apGameContainer .header .btn-group a img{
	padding:3px;
	width: 80%;
}
#apGameList .apGameContainer .description{
    margin: 0.5em;
    padding: 0.05em;
    background:rgba(66,66,66,0.7);
    border: 8px solid rgba(0,0,0,0.7);
    border-image-source: url(/img/ppp/apgame_info_border.png);
    border-image-slice: 33%;
    border-image-outset: 1.5;
    border-image-width: 28px;
    border-image-repeat: stretch;
}

/* Data Lamp */
.data-lamp{
	font-size:0.8vh;
	line-height:0.3;
}
.data-lamp > span{
	float:right;
	margin-right:1.0vh;
}
.cols-md-5>* .data-lamp{
	font-size:0.6vh;
}

.data-lamp.top{
	font-size:1.0vh;
	margin-left:0.7vh;
	margin-top:0.9vh;
}
.data-lamp.bottom{
	margin-left:0.7vh;
	margin-top:-0.7vh;
}

.human{
	margin-left:12%;
	margin-top:30%;
	width:80%
}


/* ゲームダイアログ */
#gameDialog .modal-content{
    background: #000;
    border: 1px solid #795c1c;
    border-image-source: url(/img/ppp/hall/dialog/graph_border.png);
    border-image-slice: 16%;
    border-image-outset: 0;
    border-image-width: 30px;
    border-image-repeat: stretch;
}
#gameDialog .modal-header{
	padding: 3px 1px;
	border:0px;
	background: url(/img/ppp/hall/dialog/title_bg.png) repeat-y;
    background-size: 100% auto;
}
#gameDialog .modal-header .modal-title{
	font-size:16px;
	font-weight:bold;
	color:#5b0079;
	line-height: 2.0;
	flex: 2;
    text-align: center;
}
#gameDialog .modal-header #btnPrev{
	text-align:left;
	width:15%;
}
#gameDialog .modal-header #btnNext{
	text-align:right;
	width:15%;
}
#gameDialog .modal-header img{
	width:100%;
}

#gameDialog .modal-body{
	padding:0px;
}


#gameDialog .modal-body .switch_date{
	display: flex;
	justify-content: center;

}
#gameDialog .modal-body .switch_date a{
	display:block;
	background:#666;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:6px 12px;
	text-align:center;
	border-radius: 0.3em;
    margin: 2px;
    min-width: 60px;
    text-decoration: none;
}
#gameDialog .modal-body .switch_date a.active{
	background:#ffA060;
	color:#333;
	font-weight:bold;
}

#gameDialog .DataLamp{
	display:flex;
	justify-content:space-between;
	margin:0px 8px;
}

#gameDialog .DataLamp .play_score{
	display: flex;
	flex-flow: column;
	width: 40%;

	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/base_boder.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;

    background: url(/img/ppp/hall/dialog/bg1.png) repeat;
    background-size: cover;
    padding: 4px 8px;
}

#gameDialog .DataLamp .play_score img{
	height:24px;
}

#gameDialog .DataLamp .play_score .start_count{
}
#gameDialog .DataLamp .play_score .total_count{
}
#gameDialog .DataLamp .play_score .hit_rate{
}

#gameDialog .DataLamp .play_score .count,
#gameDialog .DataLamp .play_score .rate{
	color:#fff;
	font-size:24px;
	font-weight:bold;
	text-align:right;
	padding-right: 8px;

	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/number_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;
}

#gameDialog .DataLamp .bonus_score{
	display: flex;
	flex-flow: column;
	width: 60%;
	margin-left: 4px;
}

#gameDialog .DataLamp .bonus_score .today .label{
	text-align:left;
	padding-top:4px;
	padding-left:4px;
}

#gameDialog .DataLamp .bonus_score .bb_score{
	display: flex;
	flex-flow: column;

	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/base_boder.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;

    background: url(/img/ppp/hall/dialog/bg2.png) repeat;
    background-size: cover;
    padding: 4px 8px;
    flex: 1 1 auto!important;
}

#gameDialog .DataLamp .bonus_score .rb_score{
	display: flex;
	flex-flow: column;

	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/base_boder.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;

    background: url(/img/ppp/hall/dialog/bg3.png) repeat;
    background-size: cover;
    padding: 4px 8px;
    flex: 1 1 auto!important;
}

#gameDialog .DataLamp .bonus_score .today{
	display: flex;
	justify-content: space-evenly;
}
#gameDialog .DataLamp .bonus_score .today > div{
	flex: 1 1 auto!important;
}
#gameDialog .DataLamp .bonus_score .before{
	display: flex;
	justify-content: space-evenly;
	margin-top: 8px;
}
#gameDialog .DataLamp .bonus_score .before.hide,
#gameDialog .DataLamp .rb_score.hide{
	opacity:0.1;
}

#gameDialog .DataLamp .bonus_score .before > div{
	flex: 1 1 auto!important;
}

#gameDialog .DataLamp .bonus_score .before .day{
	display: flex;
}
#gameDialog .DataLamp .bonus_score .before .day .label{
	width:20%;
	text-align: right;
    padding-right: 3px;
}
#gameDialog .DataLamp .bonus_score .before .day .label img{
	height: 36px;
}

#gameDialog .DataLamp .bonus_score .today .bb,
#gameDialog .DataLamp .bonus_score .today .rb{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:right;

	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/number_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;
    padding: 4px 8px;

}


#gameDialog .DataLamp .bonus_score .before .bb,
#gameDialog .DataLamp .bonus_score .before .rb{
	background:#333;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:right;

	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/number_border.png);
	border-image-slice: 33%;
    border-image-outset: 0;
    border-image-width: 48px;
    border-image-repeat: stretch;
    flex: 1 1 auto!important;
    padding: 3px 8px;
}

#gameDialog .DataLamp .bonus_score .bb{
	color: #ffe0ff;
	text-shadow: 0 0 0.1em #fac0ff, 0 0 0.3em #fac0ff, 0 0 0.4em #ff00de, 0 0 0.7em #ff00de, 0 0 0.8em #ff00de, 0 0 1em #ff00de, 0 0 0em #ff00de;

}
#gameDialog .DataLamp .bonus_score .rb{
	color: #c0f5fe;
	text-shadow: 0 0 0.1em #138093, 0 0 0.3em #138093, 0 0 0.4em #a5eaf6, 0 0 0.7em #a5eaf6, 0 0 0.8em #77dff1, 0 0 1em #5bdaf0;
}

#gameDialog .modal-body .inout_history{
	margin:0px 8px;
	padding:0px;
	background:#000;
	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/graph_border.png);
	border-image-slice: 16%;
    border-image-outset: 0;
    border-image-width: 24px;
    border-image-repeat: stretch;
    height:180px;
}
#gameDialog .modal-body .bonus_history{
	margin:0px 8px;
	margin-top:3px;
	padding:6px 6px;
	display: flex;
	justify-content: space-between;

	border: 4px solid #795c1c;
	border-image-source: url(/img/ppp/hall/dialog/graph_border.png);
	border-image-slice: 16%;
    border-image-outset: 0;
    border-image-width: 24px;
    border-image-repeat: stretch;
}

#gameDialog .modal-body .bonus_history .bonus{
	display: flex;
	flex-direction: column;
	align-items: bottom;
}

#gameDialog .modal-body .bonus_history .bonus .bonus_led{
	background: url(/img/ppp/hall/dialog/bonus_led_on.png) no-repeat;
    background-size: 30px 58px;

	width:30px;
	height:58px;
    position: relative;
	overflow: hidden;
	margin:0 auto;
	padding:0px;
}
#gameDialog .modal-body .bonus_history .bonus .bonus_led img{
	width:30px;
	height:58px;
	position: absolute;
	transform: translate(0%,-6px);
}

#gameDialog .modal-body .bonus_history .bonus .bonus_start{
	color:#eee;
	font-size:10px;
	text-align:center;
}
#gameDialog .modal-body .bonus_history .bonus .bonus_type{
	width:24px;
	height:14px;
	margin:auto;
}
#gameDialog .modal-body .bonus_history .bonus .bonus_type.bonus_bb{
	background: url(/img/ppp/hall/dialog/bb.png) no-repeat;
    background-size:contain;
    background-color:#f00;
}
#gameDialog .modal-body .bonus_history .bonus .bonus_type.bonus_rb{
	background: url(/img/ppp/hall/dialog/rb.png) no-repeat;
    background-size:contain;
    background-color:#08f;
}
#gameDialog .modal-body .bonus_history .bonus .bonus_type.bonus_fever{
	background: url(/img/ppp/hall/dialog/fever.png) no-repeat;
    background-size:cover;
    background-position-x: -1px;
    background-color:#f00;
}
/*
#gameDialog .table{
	margin-bottom:0px;
}
#gameDialog .DataLamp,
#gameDialog .DataLamp td,
#gameDialog .DataLamp th
{
	background:rgba(30,30,30,1.0);
	border-color: #454d55;
}
#gameDialog .DataLamp.play{
}
#gameDialog .DataLamp.bb{
}
#gameDialog .DataLamp.rb{
}
#gameDialog .DataHistory .indexView span{
	color:#dddddd;
}
#gameDialog .DataHistory .indexView span.active{
	color:#ff8080;
}
*/

#gameDialog .modal-footer{
	justify-content: center;
	border:0px;
	padding:0px;
	padding-bottom:4px;
}
#gameDialog .modal-footer .btn_start{
	background: url(/img/ppp/hall/dialog/btn_sitdown.png) no-repeat;
    background-size: 100% auto;
    border: 0px;
    font-size: 0;
    width: 140px;
    height: 40px;
}
#gameDialog .modal-footer .btn_close{
	background: url(/img/ppp/hall/dialog/btn_back.png) no-repeat;
    background-size: 90% auto;
    border: 0px;
    font-size: 0;
    width: 80px;
    height: 36px;
}

/* アプリ内 ゲームダイアログ */
@media screen and (min-resolution: 2dppx){
	.dialogContainer.app{
		zoom:190%;
	}
}
@media screen and (orientation:landscape){
	.dialogContainer.app{
		zoom:80%;
	}
}
/*
@media screen and (min-width:768px){
	.dialogContainer.app{
		zoom:100%;
	}
}*/


.dialogContainer.app .modal-dialog-centered{
	align-items: start;
	top: 15%;
}

/* Dialog message */
.modal.dialog .message,
.modal.dialog .error
{
	font-size: 14px;
	color:#f00;
	padding: 3px 10px;
}

/* アプリダイアログ */
#appDialog .modal-dialog{
	margin:  0 auto;
	padding: 0;
	max-height:100%;
}
#appDialog .modal-content{
	background:rgba(35,31,32,0.7);
	border:0;
	max-height:100%;
}

#appDialog .modal-header{
	color:#fff;
	padding:0.3rem 0.3rem;
}
#appDialog .modal-body{
	padding:0;
}

/* WebGame */
.gameBody{
	margin:0;
	padding:0;
}
/* WebGame BG */
.gameBody .gameBg{
	background:#231F20;
}

.error{
	font-weight:bold;
	color:#f00;
}



/* PC */
/*@media screen and (min-width: 768px){*/
@media screen and (min-width: 0px){
	/* 1Iland-8unit */
	.shop-cols-md-8>* {
	    -ms-flex: 0 0 12.5%;
	    flex: 0 0 12.5%;
	    max-width: 12.5%;
	}
	/* 1Iland-10unit */
	.shop-cols-md-10>* {
	    -ms-flex: 0 0 10.0%;
	    flex: 0 0 10.0%;
	    max-width: 10.0%;
	}
	/* Data lamp */
	.data-lamp {
		font-size:0.8vw;
		line-height:0.5em;
	}
	.shop-cols-md-10>* .data-lamp{
		font-size:0.6vw;
	}
	.data-lamp > span{
		float:right;
		margin-right:1.0vw;
	}
	.data-lamp.top {
		font-size: 1.0vw;
		margin-left:0.8vw;
		margin-top:0.9vw;
	}
	.data-lamp.bottom {
		margin-left:0.7vw;
		margin-top:0.0vw;
	}

	/* Web app width limit */
	#appDialog .modal-dialog{
		max-width:50vw;
	}

	card.player .player-name{
		line-height:1;top: calc(50% - 1.5rem);
		text-align: center;
		font-weight:bold;
		font-size:1.5vw;
	}

}

.coution {
	text-align:right;
	color:red;
}

.dangerMsg {
	color: yellow;
	border: solid 0.3rem red;
	padding: 0.5em;
}

.langSelecter {
	position: absolute;
    right: 0.5em;
    top: 0.2em;;
    z-index:1000;
}

.langSelecter .dropdown-menu{
	margin-left:-2em;
}

/* JACKPOT CSS */
.jackpotCount{
}
.jackpotCount{
	display:inline-block;
	width: 36px;
    height: 50px;
    background: url(/img/jackpot/gold_number.png);
}
.jackpotCount.comma{
	display:inline-block;
	width: 14px;
    height: 50px;
    background: url(/img/jackpot/gold_kanma.png);
	background-position:center;
}

.jackpotCount.rp{
	display:inline-block;
	margin-left:4px;
	width: 40px;
    height: 50px;
    background: url(/img/jackpot/gold_rp.png)  bottom no-repeat;
    background-size: contain;
}

.jackpotContainer{
   	background:url(/img/jackpot/jackpot_waku.jpg) bottom no-repeat;
	/*background-size: contain;*/
	background-size: cover;
	text-align:center;
	width:100%;
}
.jackpotInner{
	margin: 8px auto 0px auto;
    text-align: center;
}

.jackpotCount.countUpTest{
	animation: anim1 5s linear;
}

.jackpotCount.num0{
    background-position: 0px 0px;
}
.jackpotCount.num1{
    background-position: 0px -50px;
}
.jackpotCount.num2{
    background-position: 0px -100px;
}
.jackpotCount.num3{
    background-position: 0px -150px;
}
.jackpotCount.num4{
    background-position: 0px -200px;
}
.jackpotCount.num5{
    background-position: 0px -250px;
}
.jackpotCount.num6{
    background-position: 0px -300px;
}
.jackpotCount.num7{
    background-position: 0px -350px;
}
.jackpotCount.num8{
    background-position: 0px -400px;
}
.jackpotCount.num9{
    background-position: 0px -450px;
}

.jackpotHistory table tr td{
	font-size:0.8rem;

}

.machine-info{
	width: 100%;
}
.machine-info img{
	width: 100%;
}
.btnInfo{
	width: 65%;
}
.btnInfo img{
    margin-right: 20%;
}
#slideMachine .btnInfo img{
    /*margin-right: 25%;
    margin-left: 25%;*/
}
.casino-machine{
	background: url(/img/ppp/hall/unit/casino001_off.png) bottom no-repeat;
    background-size: 80%;
    text-align: left;
    height: 80px;
}
.card-img-overlay-table {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.casino-chair-mt{
	margin-top:30%;
}

.rankinglist{
	padding: 6px 6px;
    margin: 0px;
    text-align: center!important;
}

.rankinglist .table{
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    /* background-color: rgb(0 0 0 / 0%); */
    border: 2px solid #000;
    border-radius: 0.5em;
    border-spacing: 0;
    border-collapse: separate;
}

.rankinglist .table thead{
	color: #000;
}

.rankinglist .table tr:last-child th {
    border-bottom: 2px solid #000;
}

.rankinglist .table tr:first-child td, .rankinglist .table tr:first-child th {
    border-top: none;
}

.rankinglist .table tr td:first-child, .rankinglist .table tr th:first-child {
    border-left: none;
}

.rankinglist .table tr td, .rankinglist .table tr th {
    border: none;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}
.rankingHeader{
	background: url(/img/ppp/mypage/bg_header.png) center no-repeat;
    background-size: 100% 100%;
    text-align: center!important;
    margin: 0px 0px;
    margin-top:6px;
    color: #ae40c1;
    font-size:18px;
    font-weight:bold;
}
.campaignbanner{
	margin-top: 32px;
	width:80%;
}