@import url("pp_style_v2.css");

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

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

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

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

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

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

.modal {
	color: #000;
}

.title {}

.header-bar {
	background: url(/img/ppp/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;
}

.topbg {
	background: url(/img/ppp/bg3.png) no-repeat;
	background-size: cover;
}

.jumbotron {
	padding: 0 0;
	border-radius: 0;
	margin-bottom: 0;
}

.jumbotron.title {
	/*background:url(/img/pc/title_old.jpg) center no-repeat;*/
	background: url(/img/ppp/title3.png) top no-repeat;

	background-size: contain;
	/*background-size: auto;*/

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

.jumbotron.title .regist {
	margin-top: 152px;
}

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

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

/* 各種汎用画面用 */
.baseContainer {
	/* box-sizing: border-box; */
	background: url(/img/ppp/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;


}

/* 入金画面 */
.paymentContainer {
	background-image: url(/img/ppp/v2/agame_floor_bg.png) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	background-attachment: fixed !important;
}

.paymentContainer .title {
	font-weight: bold;
	color: #fff !important;
	font-family: 'Outfit', 'Inter', 'Hiragino Maru Gothic ProN', 'Maru Gothic', sans-serif !important;
	font-size: 20px !important;
	border: 7px solid #ff80ab !important;
	border-image-source: url(/img/ppp/v2/pagetitle_border.png) !important;
	border-image-slice: 33% !important;
	border-image-outset: 0 !important;
	border-image-width: 18px !important;
	border-image-repeat: stretch !important;
	background: url(/img/ppp/v2/pagetitle_bg.png) center repeat-x !important;
	background-size: cover !important;
	min-height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 12px !important;
	margin-bottom: 0 !important;
	box-shadow: 0 4px 8px rgba(255, 64, 129, 0.15) !important;
	background-clip: padding-box !important;
}

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

.paymentContainer .menu {
	/*margin-top:32px;
	margin-bottom:32px;*/
}

.paymentContainer .menu .btn-group {
	margin: 6px 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 {
	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 {
	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;
}

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

#dlgPaymentBpmCregit .pay_info p,
#dlgPaymentUnivaCregit .pay_info p,
#dlgPaymentSwapayCredit .pay_info p {
	font-size: 12px;
}

#dlgPaymentBpmCregit .pay_info .campaign,
#dlgPaymentUnivaCregit .pay_info .campaign,
#dlgPaymentSwapayCredit .pay_info .campaign {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #f00;
}

#dlgPaymentBpmCregit .pay_menu,
#dlgPaymentUnivaCregit .pay_menu,
#dlgPaymentSwapayCredit .pay_menu {
	border-radius: 0.25rem !important;
	border: 2px solid #AAA !important;
}

#dlgPaymentBpmCregit .pay_menu .price,
#dlgPaymentUnivaCregit .pay_menu .price,
#dlgPaymentSwapayCredit .pay_menu .price {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
}

#dlgPaymentBpmCregit .pay_menu .arrow,
#dlgPaymentUnivaCregit .pay_menu .arrow,
#dlgPaymentSwapayCredit .pay_menu .arrow {
	text-align: center;
	font-size: 18px;
	color: #f00;
	font-weight: bold;
}

#dlgPaymentBpmCregit .pay_menu .ap,
#dlgPaymentUnivaCregit .pay_menu .ap,
#dlgPaymentSwapayCredit .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(/img/ppp/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(/img/ppp/bg2.png) center repeat-y; */
	/* background-color: #7014b3;*/
	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/bg_font.png) center no-repeat;
	background-size: 100% 100%;
	text-align: center !important;
	margin: 0px 0px;
	margin-top: 6px;
	color: #ebbd40;
	font-size: 24px;
	font-weight: bold;
	text-shadow: -2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000, -2px 0 0 #000, 2px 0 0 #000, -2px 2px 0 #000, 0 2px 0 #000, 2px 2px 0 #000;
}
}

.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 #fff;
	border-radius: 0.5em;
	border-spacing: 0;
	border-collapse: separate;
}

.mypageContainer .table thead {
	color: #fff;
}

.mypageContainer .table tr td,
.mypageContainer .table tr th {
	border: none;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

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

.mypageContainer .infomation .item {
	overflow: visible !important;
	border: 1px solid #a39678 !important;
	background: url(/img/ppp/v2/itemshop/itemshop_panel_bg.png) center repeat !important;
	background-size: auto !important;
	box-shadow: 0 4px 8px rgba(255, 64, 129, 0.1) !important;
	padding: 0.0rem 0.0rem 0.5rem 0.0rem !important;
	text-align: center;
	margin: 0px 8px 8px 12px;
	min-width: 100px;
	max-width: 110px;
}

.mypageContainer .infomation .item .header {
	overflow: visible !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 11px !important;
	text-align: center !important;
	padding: 8px 6px !important;
	margin: 0.1rem 0.1rem !important;
	box-sizing: border-box !important;
	width: calc(100% - 0.2rem) !important;
	border: 0.4rem solid transparent !important;
	border-image-source: url(/img/ppp/v2/itemshop/item_panel_info_border.png) !important;
	border-image-slice: 56 fill !important;
	border-image-width: 22px !important;
	border-image-repeat: stretch !important;
	background: rgba(0, 0, 0, 0.4) !important;
	background-clip: padding-box !important;

}

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

.changeAvatar {
	width: 40% !important;
}

#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-size: cover;
	background-color: #0310a8;
}

.marquee {
	/*background-image: url(../img/bgTelop.png);
  background-size:cover;*/
	width: 100%;
	background: #222;
	border: 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	margin: 1px 0;
}

.marquee p {
	font-size: 24px;
	max-width: 4800px;
	color: #ffA000;
	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;
}

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

.line_bunner li {
	list-style: none;
	border-image-source: url(/img/ppp/base_border.png);
	border-image-slice: 33%;
	border-image-outset: 0;
	border-image-width: 20px;
	border-image-repeat: stretch;
}

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

.ranking {
	background: rgba(0, 0, 0, 0.0);
	width: 95%;
	margin: 16px auto;
	margin-bottom: 48px;
}

.ranking li {
	list-style: none;
	border: 8px solid #7014b3;
	border-image-source: url(/img/ppp/base_border.png);
	border-image-slice: 33%;
	border-image-outset: 1;
	border-image-width: 20px;
	border-image-repeat: stretch;
}

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

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

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

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

/* カルーセル画像 */
.zoom-item {
	width: 100%;
	cursor: pointer;
}

/* 3枚表示の余白調整 */
.carousel-item .col-4 {
	padding: 0 4px;
}

/* モーダル */
.img-modal {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.img-modal img {
	max-width: 95%;
	max-height: 95%;
	object-fit: contain;
}

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

.hallInfo li {
	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;
	margin-bottom: 60px;
}

.hallInfo li .title {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding-top: 4px;
	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;

}



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

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

/* line_bunner */
.line_bunner {

	/*border: solid 0.1em rgba(255,255,255,0.8);
	color:#fff;*/
}

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

/* 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(/img/ppp/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;

	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;

}

.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: 90%;
	margin: 0 auto;
	padding: 8px 12px;
}

.btnholl {
	background: url(/img/ppp/hall/btn_floor.png) top no-repeat;
	background-size: contain;
	width: 90%;
	margin: 0 auto;
	padding: 24px 12px;
}

.btnholl_sp {
	background: url(/img/ppp/hall/btn_floor.png) top no-repeat;
	background-size: contain;
	width: 90%;
	margin: 0 auto;
	padding: 0.3rem 1.0rem;
}

.btnFloor .floor_number img {
	width: 60%;
}

.btnFloor .floor_info {
	color: #222;
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
}

.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: 16px;
	font-weight: bold;
	margin-top: 4px;
}

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

.btnFloor .floor_item {
	margin-left: -1.0rem;
}

.btnFloor .floor_item .floor_name {
	width: 100%;
	font-size: 1.0rem;
	text-align: center;
	margin-left: -1.0rem;
}

.btnFloor .floor_item.floor_info_sp .floor_name,
.btnFloor .floor_item.floor_info_now_sp .floor_name {
	font-size: 0.7rem;
}

.btnFloor .floor_item .floor_guide {
	width: 95%;
	padding: 0.2rem 0.5rem;
	color: #fff;
	margin-top: -0.1rem;
	font-size: 0.6rem;
	line-height: 1.2;
	font-weight: normal;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 0.3rem;
}

.btnFloor .floor_item.floor_info_sp .floor_guide,
.btnFloor .floor_item.floor_info_now_sp .floor_guide {
	padding: 0.1rem 0.3rem;
	font-size: 0.5rem;
	line-height: 1.2;
}

.btnholl .floor_number img {
	width: 60%;
}

.btnholl_sp .floor_number img {
	width: 60%;
}

.btnholl .floor_info {
	color: #222;
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
}

.btnholl_sp .floor_info {
	color: #222;
	font-size: 14px;
	font-weight: bold;
}

.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: 14px;
	font-weight: bold;
	margin-top: 0px;
	padding: 0.4rem 0.8rem;
}

.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-shop004 {
	background: url(/img/ppp/hall/shop004/floor_bg.png) repeat-y;
	background-size: 100% auto;
	padding-bottom: 45px;
	margin: 0 auto;
}

#unitList .shima-shop005 {
	background: url(/img/ppp/hall/shop005/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%;
}

.btn_flash {
	width: 100%;
	animation: fadeBlink 1s linear infinite;
}

@keyframes fadeBlink {
	0% {
		filter: hue-rotate(0deg);
	}

	100% {
		filter: hue-rotate(360deg);
	}
}

#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: rgba(0, 0, 0, 0.5);
	border: 2px solid #fff;
	border-radius: 0.5em;
	border-spacing: 0;
	border-collapse: separate;
}

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

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

.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 #fff;
	border-right: 1px solid #fff;
}

.rankingHeader {
	background: url(/img/ppp/bg_font.png) center no-repeat;
	background-size: 100% 100%;
	text-align: center !important;
	margin: 0px 0px;
	margin-top: 6px;
	color: #ebbd40;
	font-size: 24px;
	font-weight: bold;
	text-shadow: -2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000, -2px 0 0 #000, 2px 0 0 #000, -2px 2px 0 #000, 0 2px 0 #000, 2px 2px 0 #000;
}

.campaignbanner {
	/*margin-top: 32px;*/
	width: 80%;
}

.bgcolor_y {
	background-color: #ffe500;
}

.w-stretch {
	width: stretch;
}

.carousel-indicators li {
	width: 12px !important;
	height: 12px !important;
	border-radius: 50%;
}

.rounded-5 {
	border-radius: 1.0rem;
}