@charset "utf-8";
/* CSS Document */

/*
＜管理している部分＞

⓪期間イベント告知スペース
①ニュースティッカー
②機種情報サイトバナー
③ピックアップバナー
④注意喚起
⑤パチスロ・ぱちんこファン向けバナー
⑥ぱちんこ・パチスロは適度に楽しむ遊びですテキスト
⑦上下グラデーション
⑧パチンコ・パチスロ産業21世紀会決議内容の遵守について
==========================================================================
*/

/*
==========================================================================
⓪期間イベント告知スペース
==========================================================================
*/
#event, #event1, #event2{
	width:100%;
	height:auto;
	position:relative;
	padding:0;
	margin:0;
	cursor:pointer
}
.top_event{
	width:100%;
	height:auto;
	position:relative;
	padding:0;
	margin:0 auto 0px auto;
}
@media only screen and (min-width: 801px) {.top_event{max-width:980px; max-height:80px;}}
@media only screen and (max-width: 800px) {.top_event{min-width:320px;}}
.top_event img{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	vertical-align: bottom;
}
/*
==========================================================================
①ニュースティッカー
==========================================================================
*/
.top_news {
	width:100%;
	padding:0 0 10px 0;
	margin:0 auto;
	background-color:#000;
	display:block;
}
#news_ticker{
	width:96%;
	position:relative;
	padding:2%;
	margin:0 auto 0px auto;
	top:0px;
}
/*ニュースティッカー*/
#ticker{
	width:100%;
	margin: 0 auto;
	font-size:12px;
	line-height:16px;
	position: relative;
	overflow: hidden;
	color:#FFF;
	text-align:left;
	vertical-align:middle;
}
#ticker:after{content: "";display:block;clear:both;}
#ticker ul{ width:100%;  margin:0 auto;}
#ticker li{display: none; height:auto; left:0px;}
#ticker div{width:100%; text-align:center;}
#ticker li a{ color:#FFF;}
#ticker li .ticker_date{ font-weight:bold; color:#ffe400; padding:10px 0; height:20px; margin-left:-4px; }
#ticker li .models_name{ font-weight:bold; color:#FFA9FE;}
#news_ticker{background:rgba(0,0,0,0.4);}
#brake{display:block;}


@media only screen and (min-width: 481px) {
#news_ticker{
	width:96%;
	position:relative;
	padding:2%;
	margin:0 auto 0px auto;
	top:0px;
}
/*ニュースティッカー*/
#ticker{
	width:100%;
	margin: 0 auto;
	font-size:12px;
	position: relative;
	overflow: hidden;
	color:#FFF;
	text-align:left;
	vertical-align:middle;
}
#ticker ul{ width:100%;  margin:0 auto;}
#ticker li{display: none; height:auto;}
#ticker li .ticker_date{ font-weight:bold; color:#ffe400; padding:10px 0; margin-left:-4px; }
#brake{display:block;}
}


@media only screen and (min-width: 801px) {
#news_ticker{
	width:100%;
	position:relative;
	padding:10px 0;
	margin:0 auto 0px auto;
	top:0px;
}
/*ニュースティッカー*/
#ticker{
	width:100%;
	margin:0px auto;
	font-size:12px;
	position: relative;
	overflow: hidden;
	color:#FFF;
	text-align:left;
	vertical-align:middle;
}
#ticker ul{ width:100%; max-width:980px; margin:0 auto; position: relative;}
#ticker li{display: none; height:auto;}
#ticker li .ticker_date{ font-weight:bold; color:#ffe400; padding:10px 0px 10px 10px;}
#brake{display:none;}
}



/*
==========================================================================
②機種情報サイトバナー
==========================================================================
*/
.title_box {
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	margin:0px;
	float:left;
}
.title_box div{
	width:220px;
	height:77px;
	padding:25px 5px 5px 5px;
	background:#FFFFFF;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	vertical-align:bottom;
	color:#333333;
	z-index:100;
	display:inline;
}
.title_box span{
	color:#CC0000;
}
/*マウスオン・テキスト表示時のリンクエリア*/
.title_box .popup_link{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:9999;
	/*background-color:#00CC99;*/
	background-image:url(../../img/index/pickup/space.gif);
}

@media only screen and (max-width: 979px) {
.title_box div{
	display:none;
}
}

@media only screen and (max-width: 800px) {
.title_box div{ display: none;}
}



/*
==========================================================================
③ピックアップバナー
==========================================================================
*/
.pic_box {
	width:100%;
	height:50%;
	position:relative;
	overflow:hidden;
	margin:0px;
	float:left;
}
.pic_box span{
	width:100%;
	height:100%;
	background:rgba(239,0,151,0.7);
	position:absolute;
	top:-100%;
	left:0;
	text-align:left;
	font-size:14px;
	line-height:16px;
	vertical-align:bottom;
	color:#fff;
	z-index:100;
	display:inline;
	border-radius:4px;
}

/*マウスオン・テキスト表示用div*/
.pic_box span.size_x2x1{
	padding:10px;
	width:210px;
	height:90px;
}
.pic_box span.size_x2x2{
	padding:10px;
/*	width:450px;
	height:210px;*/
	width:210px;
	height:210px;
}
.pic_box span.size_x4x1{
	padding:10px;
	width:450px;
	height:90px;
}
.pic_box span.size_x4x2{
	padding:10px;
	width:450px;
	height:210px;
}

/*マウスオン・テキスト表示時のリンクエリア*/
.pic_box .popup_link{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:9999;
	/*background-color:#00CC99;*/
	background-image:url(../../img/index/pickup/space.gif);
}

.fixed-bottom{
	z-index:99999;
	width:100%;
	position:fixed;
	bottom:0px;
}


.gridContainer {
	width: 100%;
	max-width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	text-align:center;
	background-color:#3c454c;
}

/*ピックアップバナーテキスト*/
.pic_box span { display: block;}

@media only screen and (max-width: 979px) {
.pic_box span{
	display:none;
}
}
@media only screen and (max-width: 800px) {
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
	text-align:center;
}
/*ピックアップバナーテキスト*/
.pic_box span { display: none;}
}
@media only screen and (max-width: 480px) {
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	text-align:center;
}  
}

/*
==========================================================================
④注意喚起
==========================================================================
*/

#user_caution{
	position:relative;
	width:100%;
	max-width:978px;
	margin:30px auto;
	text-align:center;
	border:solid 1px #CC0000;
	padding:10px 0px;
	background-color:#FFEEEE;
}
#user_caution span{
	font-weight:bold;
	color:#CC0000;
	font-size:18px;
	text-align:center;
	line-height:22px;
	padding:10px;
}
#user_caution span br{display:none;}

@media only screen and (max-width: 800px) {
#user_caution{
	width:95%;
	margin:30px auto;
}
#user_caution span{
	font-weight:bold;
	color:#CC0000;
	font-size:18px;
	text-align:center;
	line-height:22px;
	padding:10px;}}

@media only screen and (max-width: 640px) {
#user_caution span{font-size:15px;}}

@media only screen and (max-width: 540px) {
#user_caution{
	width:95%;
	margin:20px auto;
}
#user_caution span{
	font-size:12px;
	padding:0;
}}

@media only screen and (max-width: 480px) {
#user_caution span br{display:block;}}

/*
==========================================================================
④e-SLOT
==========================================================================
*/

#eslot{
	position:relative;
	width:100%;
	max-width:978px;
	margin:30px auto;
	text-align:center;
	border:solid 1px #00003b;
	padding:10px 0px;
	background-color:#020181;
	border-radius:5px;
}
#eslot span{
	font-weight:bold;
	color:#fff;
	font-size:18px;
	text-align:center;
	margin:10px auto 5px auto;
	line-height:22px;
}

@media only screen and (max-width: 800px) {
#eslot{
	width:95%;
	margin:30px auto;
}
#eslot span{
	font-weight:bold;
	color:#fff;
	font-size:18px;
	text-align:center;
	margin:10px auto 5px auto;
	line-height:22px;
}}

@media only screen and (max-width: 540px) {
#eslot{
	width:95%;
	margin:20px auto;
}
#eslot span{
	font-size:12px;
	padding:0;
}}

/*
==========================================================================
⑤パチスロ・ぱちんこファン向けバナー
==========================================================================
*/
.fun_banner_all{
	position:relative;
	width:100%;
	max-width:980px;
	background-color:#FFF;
	margin:0 auto 20px auto;
	border:solid 2px #990014;
}
.fun_banner_title{
	width:97%;
	text-align:center;
	color:#353535;
	font-size:18px;
	font-weight:bold;
	padding:6px 0 3px 0;
	border-bottom:solid 2px #990014;
	margin:0 auto;
}
.fun_banner_inner{
	width:100%;
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:20px 0;
}
  
.fun_banner_inner{text-align:center; margin-bottom:0px;}

.fun_banner_inner img{margin:5px 10px;}
  
.fun_banner_inner ul{
	margin-right:10px;
}
.fun_banner_inner li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

@media only screen and (max-width: 800px) {
.fun_banner_title{
	width:96%;
	text-align:center;
	color:#353535;
	font-size:18px;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:solid 2px #990014;
	margin:0 auto 10px auto;
}
.fun_banner_all{
	position:relative;
	padding:10px 0 0 0;
	width:96%;
}
.fun_banner_inner{
	width:90%;
	margin:0 auto;
}
.fun_banner_inner img{margin:3px 6px;}
.fun_banner_inner li{
	margin-right:0px;
	text-align:center;
	width:30%;
}
}

@media only screen and (max-width: 540px) {
.fun_banner_title{
	font-size:14px;
}
.fun_banner_inner{
	padding:2px;
}

.fun_banner_inner li{
	margin-right:0px;
	text-align:center;
	width:40%;
}
}



/*
==========================================================================
⑥ぱちんこ・パチスロは適度に楽しむ遊びですテキスト
==========================================================================
*/
.coution{
	width:97%;
	height:20px;
	background-color:#990014;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	margin:0 auto 10px auto;
	text-align:center;
	font-size:16px;
	border-radius:6px;
}
@media only screen and (max-width: 800px) {
.coution{
	height:100%;
	width:92%;
	margin:0px auto 10px auto;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	background-color:#990014;
	line-height:16px;
	padding:10px 2% 5px 2%;
}
}

/*
==========================================================================
⑦上下グラデーション
==========================================================================
*/
.bg_grd{
	margin-top:100px;
	width:100%;
	height:200px;
	position:absolute;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c1d9e4 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c1d9e4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c1d9e4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d9e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

@media only screen and (max-width: 800px) {
.bg_grd{
	height:120px;
}
}

@media only screen and (max-width: 720px) {
.bg_grd{
	height:200px;
}
}

@media only screen and (max-width: 640px) {
.bg_grd{
	height:200px;
}
}

@media only screen and (max-width: 540px) {
.bg_grd{
	height:200px;
}
}
/*
==========================================================================
⑧パチンコ・パチスロ産業21世紀会決議内容の遵守について　（期間限定情報）
==========================================================================
*/

#attention{
	position:relative;
	width:100%;
	max-width:978px;
	margin:30px auto;
	text-align:center;
	border:solid 1px #237518;
	padding:10px 0px;
	background-color:#fffd31;
}
#attention span{
	font-weight:bold;
	color:#237518;
	font-size:18px;
	text-align:center;
	line-height:22px;
	padding:10px;
}
#attention span br{display:none;}

@media only screen and (max-width: 800px) {
#attention{
	width:95%;
	margin:30px auto;
}
#attention span{
	font-weight:bold;
	color:#237518;
	font-size:18px;
	text-align:center;
	line-height:22px;
	padding:10px;}}

@media only screen and (max-width: 640px) {
#attention span{font-size:15px;}}

@media only screen and (max-width: 540px) {
#attention{
	width:95%;
	margin:20px auto;
}
#attention span{
	font-size:12px;
	padding:0;
}}

@media only screen and (max-width: 480px) {
#attention span br{display:block;}}