@charset "utf-8";
html { width:100%;}

/********** common **********/
.body,.body h1,.body h2,.body h3,.body h4,.body h5,
.body p,.body a,.body li {font-family: "メイリオ","Meiryo","小塚ゴシック Pr6N","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic", sans-serif;line-height: 1.2;	margin: 0;padding:0;font-size: 12px;color: #333333;word-wrap:break-word;}
.body a,.body a:focus { text-decoration: none!important;}
.body a,.body a:hover { cursor: pointer;}
.body ul {list-style-type: none;margin: 0; padding: 0;}

.mouse_hover:hover,
.mouse_hover:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}

.padd_0 { padding:0!important;}
.marg_0 { margin:0!important;}

#sp_game_wrap {
	background: #f6f3ec;
}
#sp_game_wrap .sp_head img {
	display: block;
	width: 100%;
}
#sp_game_wrap .body {
	padding: 10px;
	text-align:left;
}
.ad_box {
	margin: 10px auto;
	width: 100%;
	max-width: 300px;
	height: auto;
	background-color: #ffffff;
}
.ad_box p {
	font-weight: bold;
	text-align: center;
	height: 300px;
	vertical-align: middle;
	display: table-cell;
	width: 300px;
	border: 1px solid #999999;
}
/* accordion */
.acMenu dt,
.accordion_box li {display:block;width:100%;background-color: #E5E5E5!important;cursor:pointer;background:url(../images/sp/body/yaji_listopen_off.png);background-repeat: no-repeat;background-position: 95% center;font-size: 16px;}
.acMenu dd {width:100%;display:none;margin: 0;font-size: 14px;}
.acMenu dt.active {background:url(../images/sp/body/yaji_listopen_on.png);background-repeat: no-repeat;background-position: 95% center;}
.accordion_box li {background-image: none;}
.accordion_box li a {display: block;padding: 15px;border: solid 1px #CCC;font-size: 16px;}
/* accordion end */

.body .red_button {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	width: 290px;
	padding: 15px 0;
	border: 2px solid #660000;
	background-color: #FF2626;
	border-radius: 10px;
	color: #ffffff;
	margin: 0 auto 10px;
}
.body .red_button .small_text {
	font-size: 80%;
}
.body .red_button .button_date {
	display: block;
	margin-top: 5px;
	font-size: 120%;
}
.body .red_button.color_gray {
	background-color: #999999;
	border: 2px solid #353535;
}
.body .blue_button {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	width: 290px;
	padding: 15px 0;
	border: 2px solid #12729F;
	background-color: #58ADC7;
	border-radius: 10px;
	color: #ffffff;
	margin: 0 auto 10px;
	height: 50px;
}
#sp_game_wrap .red_button,
#sp_game_wrap .blue_button {
	width: 100%;
	max-width: 290px;
	box-sizing: border-box;
}
.text_color_green {
	color: #336600;
	font-weight: bold;
}
.text_color_blue {
	color: #3399CC;
	font-weight: bold;
}
.text_color_orange {
	color: #FF6600;
	font-weight: bold;
}
.text_bold {
	font-weight: bold;
}


/********** top **********/
.bingo_top .bingotit {
	background: #99cc33 url(../images/sp/body/icon_house.png) 5px 2px no-repeat;
	text-align: left;
	padding: 2px 0 0;
	height: 37px;
	margin: 5px 0 0;
}
.bingo_top .bingoread {
	margin: 0 0 10px;
	text-align: left;
}
.bingo_top .bingotit h3 {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	margin-left: 60px;
	line-height: 2;
}
.bingo_top .logintxt {
	background: url(../images/sp/body/bingodog.png) no-repeat right center;
	text-align: left;
	margin: 0;
	line-height: 1.5;
}
.bingo_top .logintxt h3 {
	color: #447513;
	margin: 10px 0 0;
}
.bingo_top .gobingo {
	margin: 15px 20px;
	text-align: center;
}
.bingo_top .gobingo a:link, .gobingo a:visited {
	text-align: center;
	width:100%;
}
.bingo_top .attention_box {
	padding: 10px 0;
}
.acMenu {
	margin: 0;
}

/********** game **********/
.game .ad_box p {
	height: 60px;
}
.game .bingo_box {
	margin: 5px auto;
}
.game .bingo_box ul.bingo_number {
	width: 250px;
	margin: 0 auto;
}
.game .bingo_box ul.bingo_number li {
	font-size: 32px;
	color: #ffffff;
	width: 48px;
	height: 48px;
	line-height: 52px;
	text-align: center;
	float: left;
	border: 1px solid #f6f3ec;
}
.game .bingo_box ul.bingo_number li img {
	width: 48px;
	height: 48px;
}
/* bingocard color */
ul .color_no_get {background-color: #336600;}
ul .color_get {background-color: #3399cc;}
ul .color_lost {background-color: #cccccc;}
ul .color_reach {background-color: #ff6600;}
ul .color_white {background-color: #ffffff;}
/* bingocard color end */

.game .bingo_box .status {
	border: 1px solid #cce59c;
	margin: 10px auto 20px;
	width: 100%;
	max-width: 300px;
}
.game .bingo_box .status li {
	display: block;
	float: left;
	font-size: 12px;
	height: 56px;
	padding: 0 10px;
}
.game .bingo_box .status li.status_title {
	background: #cce59c;
	line-height: 56px;
}
.game .bingo_box .status li.status_body p {
	height: 56px;
	vertical-align: middle;
	display: table-cell;
}
.game .bingo_box .status li.status_body .right_box {
	color: #FF6600;
	font-size: 15px;
	font-weight: bold;
}
.game .bingo_box .bingo_button {
	margin: 0 0 20px;
	text-align: center;
}
.game .bingo_box .bingo_button a {
	display: block;
}
#sp_game_wrap .body .customize_button {
	padding: 0 10px;
	height: 50px;
	line-height: 46px;
}
#sp_game_wrap .body .customize_button ul {
	display: table;
	width: 100%;
	height: 50px;
	max-width: 290px;
}
#sp_game_wrap .body .customize_button ul li {
	display: inline-block;
	vertical-align: middle;
}
#sp_game_wrap .body .customize_button ul li.button_text {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
}
#sp_game_wrap .body .customize_button ul li img {
	height: 36px;
	margin-top: 5px;
	margin-left: 10px;
}
#sp_game_wrap .body .customize_button ul li.button_text_2 {
	background-image: url(../images/pc/body/button_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-weight: bold;
	height: 36px;
	padding: 0 10px 0 15px;
	line-height: 36px;
	margin-left: 10px;
}
#aboutNo {
	clear: both;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 0 0 10px;
	border: 1px solid #ccc;
	width: 100%;
	background: #fff;
}
#aboutNo dl.getno,
#aboutNo dl.getno dd {
	margin: 0;
}
#aboutNo dl.getno dt {
	display: block;
	float: left;
	width: 32%;
	background: #963;
	padding: 10px;
	color: #fff;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	line-height: 1.5em;
	font-size: 11px;
}
#aboutNo dl.getno dd {
	float: left;
	display: block;
}
#aboutNo dl.getno dd p {
	float: left;
	width: 15px;
	height: 15px;
	color: #fff;
	background: #39c;
	padding: 2px;
	font-size: 11px;
	margin: 15px 2px;
	text-align: center;
	line-height: 16px;
}
#aboutNo dl.infono {
	clear: both;
	border-top: 1px dotted #ccc;
	margin: 0;
}
#aboutNo dl.infono dt {
	display: block;
	float: left;
	width: 32%;
	background: #669900;
	padding: 10px;
	color: #fff;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	height: 98px;
	line-height: 1.5em;
	font-size: 11px;
}
#aboutNo dl.infono dd {
	float: left;
	display: block;
	margin: 0;
}
#aboutNo dl.infono dd ul li {
	clear: both;
	text-align: left;
	line-height: 28px;
}
#aboutNo dl.infono dd ul li.top {
	margin: 5px 0 0 0;
}
#aboutNo dl.infono dd ul li p {
	float: left;
	width: 15px;
	height: 15px;
	color: #fff;
	padding: 2px;
	font-size: 11px;
	margin: 2px 5px 2px 2px;
	line-height: 16px;
	text-align: center;
}

.game .accordion_box .game_menu_1 li {
	background:url(../images/sp/body/yaji_listopen_off.png);
	background-repeat: no-repeat;background-position: 95% center;
}
.game .accordion_box .game_menu_1 li .list_text {
	display: block;
	padding: 15px;
	border: solid 1px #CCC;
}
.game .accordion_box .game_menu_1 li.list_table {
	background-image: none;
	border: 0;
}
.game .accordion_box .game_menu_1 li.list_table table {
	font-size: 12px;
}

#openNoList table {
	text-align: center;
	border: solid #ccc;
	border: 0;
	border-collapse: collapse;
	width: 100%;
	background: #fff;
}
#openNoList td,
#openNoList tr {
	padding: 4px;
	border: 1px solid #ccc;
	border-collapse: collapse;
	height: 20px;
	backface-visibility: #fff;
	vertical-align: middle;
}
#openNoList th {
	background: #cce59c;
	color: #360;
	padding: 4px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.game .ad_box_2 p {
	height: 80px;
}

/********** result **********/
.result .body {
	background-color: #99cc33;
}
.result .animation_area {
	width: 100%;
	max-width: 150px;
	height: auto;
	margin: 0 auto;
}
.result .attention_box {
	padding: 0;
	margin: 5px 0 0;
}
.result .attention_box p {
	font-weight:bold;
	font-size: 10px;
	text-align: center;
}
.result .animation_area img {
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
}
.result .animation_area canvas {
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
}
.result .body .ad_box.box_2 p {
	height: 80px
}
.result .body .button_box {
	text-align: center;
}
.result .body .button_box .red_button {
	margin: 0 auto;
}

/********** bingo **********/
.end_bingo .text_box {
	width: 100%;
	margin: 15px auto 15px;
	text-align: center;
}
.end_bingo .text_box p {
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
}
.end_bingo .red_button {
	width: 200px;
	text-align: center;
}

/********** description **********/
.description .body {
	background: none;
	background-color: #ffffff!important;
}
.description_body {
	width: 100%;
}
.description_body ul li {
	line-height: 1.2;
	font-size: 13px;
	margin: 15px 0;
}
.description_body ul li .list_title {
	display: block;
	color: #CC3300;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 5px;
}
.description_body ul li ul.list_body li {
	margin: 0 0 20px;
}
.description_body ul li ul.list_body li img {
	display: block;
	margin: 10px 0;
}
.description_body ul li ul.list_body li .min_title {
	display: block;
	line-height: 1.3;
	font-weight: bold;
}
.description_body ul li ul.list_body li .min_body {
	display: block;
	line-height: 1.2;
	font-weight: normal;
}

/********** number_css **********/
.margin_r-12 {
	margin-right: -12px;
}
.margin_r-9 {
	margin-right: -9px;
}
.margin_r-8 {
	margin-right: -8px;
}
p.getNumberDes{
	color:#ff0000;
	font-weight:bold;
	font-size:16px;
}

/********** AD **********/
.ad_box_bottom{
	margin: 10px auto;
    width: 100%;
    max-width: 300px;
	vertical-align: middle;
}