@charset "utf-8"; 

/*------------------------------------------------------------ 
   実機連動とは　CSS
 ------------------------------------------------------------*/
ul li {list-style: none;}


/*ページタイトルアンダーライン********************************************/

#eslot_plus_bnr{width: 98%;max-width: 640px;margin: 5px auto 20px;}
#eslot_plus_bnr img{width: 100%;height: auto;}
#page_cat_name{border-bottom: solid 4px #990014;}

.main_cat {
    position: relative;
    width: calc(100% - 20px);
    max-width: 1200px;
    padding: 5px 0px;
    margin: 0 auto 20px;
    margin-top: 35px;
    background-color: #43a898;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}

.main_cat.sub {background-color:#016bf2;}

.main_cat div {pointer-events: none;
    margin-left: 15px;
    text-align: left;
}

/*テキスト本文********************************************/
.text{
	width: 98%;
	max-width: 940px;
	margin: 0 auto 20px;
}

ul.top_text li{text-indent: -1em;margin-left: 1em;margin-bottom: 5px;}
ul.top_text li:before{content: "‣";display: inline-block;width: 1em;text-indent: 0;}
ul.top_text li a{text-decoration: underline;color:#016bf2;}


/*連動イメージ********************************************/

ul#rendo_image {
width:98%;
max-width: 940px;
margin: 0 auto 20px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;	}

ul#rendo_image li{
 position: relative;
text-align: center;
}

ul#rendo_image li.machine,
ul#rendo_image li.device{
	width:40%;
}

ul#rendo_image li.machine img,
ul#rendo_image li.device img{width: 100%;height: auto;vertical-align: bottom;}

ul#rendo_image li.middle div{
	font-weight: bold;
	color: #ff7900;
	background-color: #fdf5d1;
	border: 2px solid #ff7900;
}
ul#rendo_image li.middle img{width: 80%;height: auto;}


/*実機連動でできる事　アイコン機能表********************************************/
table#function{
	width: 98%;
	max-width: 940px;
	margin: 0 auto 20px;
	border-collapse:collapse;
	font-size: 16px;
}

table#function td{
    border: 1px solid #999;	
}
table#function td.icon{
	width:100px;
	outline: 1px solid #2329c9;
  	outline-offset: -1px;
	background: rgb(210,228,252);
background: linear-gradient(180deg, rgba(210,228,252,1) 0%, rgba(210,228,252,1) 3%, rgba(144,194,255,1) 6%, rgba(25,124,254,1) 97%, rgba(0,0,0,1) 100%);
}
table#function td img{width: 100%;height: auto;vertical-align: bottom;}

table#function td:nth-child(even){
	padding-left: 10px;
}

/*ページ分岐リンク********************************************/
table.link{
	border-collapse: separate;
    border-spacing: 20px 20px;
    width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

table.link td {
	background-color: #eee;
    text-align: center;
    width: 50%;
    cursor: pointer;
    padding: 10px;
    font-size: 26px;
    font-weight: bold;
    border: 1px solid #999;
}

table.link td:hover {
	color:rgb(182,0,20);
	background-color:#f8def2;
	border:#cc0000 1px solid;
}
/*商標注意書き********************************************/
ul.guide {margin-left: 30px;}

ul.guide li {
 padding-left: 1em;
 position: relative;
 font-size: 14px;
}
ul.guide li:before {
 display: block;
 content: "・";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;
}


/*------------------------------------------------------------ 
  遊び方
 ------------------------------------------------------------*/

/*遊び方イメージ********************************************/
ul.manual_image1,
ul.manual_image2{
position: relative;
width:98%;
max-width: 940px;
margin: 0 auto 20px;
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;	}

ul.manual_image1 li img,
ul.manual_image2 li img{width: 100%;height: auto;vertical-align: bottom;}

ul.manual_image1 li.left,
ul.manual_image1 li.right{width:40%;}
ul.manual_image1 li.middle{width: 18%;}

ul.manual_image2 li.left{width:62%;margin-right: 2%;}
ul.manual_image2 li.right{width:36%;}
ul.manual_image2 li.middle{position: absolute;width:10%;left:58%;}

span.link a{display: inline-block;margin-top: 10px; font-weight: bold;padding:5px;color: #FFF;
background-color: #f1ad00;border-radius: 10px;
cursor: pointer;}


/*------------------------------------------------------------ 
  対応機種
 ------------------------------------------------------------*/

/*年号分岐タブ*******************************************/
.tab-group{
  display: flex;
  width: 100%;
  max-width: 960px;
  border-bottom:1px solid #bfcbd7;
  margin: 0 auto;
}
.tab-group li{
	width:calc(20% - 1px);
	height: 44px;

}
.tab{
	border-right:1px solid #FFF;	
  text-align: center;
  cursor: pointer;
  white-space:nowrap;
	color:#000;
	font-weight: bold;
	line-height: 44px;
    background-color: #bfcbd7;	
}
.tab:hover,	
.tab.is-active{
  background-color:#f8def2;
}
.panel{
  width: 100%;
  display: none;
}
.panel.is-show{
  display: block;
}	

/*タイトル表示エリアを包むflex********************************************/
#set{display: flex;flex-wrap: wrap; justify-content: flex-start; width:calc(100% - 10px); max-width: 1200px; padding:10px 5px; margin: 0 auto;}

/*各タイトル表示*******************************************/
.thumb{display: flex;flex-wrap:wrap; position: relative;width:calc(33% - 24px); min-width: 320px; max-width:420px;border:#ccc 1px solid; margin:10px;padding-bottom: 15px;}
@media screen and (max-width: 1080px){
#set{display: flex;flex-wrap: wrap; justify-content: center; width:calc(100% - 10px); max-width: 1200px; padding:10px 5px; margin: 0 auto;}
.thumb{display: flex;flex-wrap:wrap; position: relative;width:calc(50% - 24px); min-width: 320px; max-width:420px;border:#ccc 1px solid; margin:10px;padding-bottom: 15px;}
}
.thumb a{display:block; color:#000;width:100%; height:100%;}
.thumb:hover{background-color:#f8def2; border:#cc0000 1px solid ;}
.thumb a:hover{text-decoration:none;}	
/*枠下「詳細ページへのリンク」表示*/
.thumb::after{
	bottom:0;
	content: '公式サイト »';
    font-weight: bold;
	display: block;
    width:100%;
	margin-top: -15px;
	height: 30px;
	line-height: 30px;
    text-align: center;
    background-color: #999;
    color: #FFF;	
	cursor : pointer;
	}
.thumb .img_area,
.thumb .info_area{display: flex;width: 100%;}


	
	
/*画像エリア（筐体・メインビジュアル）*******************************************/
.thumb .img_area{align-items: end;}
.thumb .machine,
.thumb .main{max-height: 275px;margin: 10px 0 0 10px;}
.thumb .machine img,
.thumb .main img {width: 100%;height: auto;}
.thumb .main{display:block;}	

/*画像エリア（タイトルロゴ）*******************************************/
.thumb .title{width: auto; max-height: 200px;margin: 10px auto 0 auto;}
.thumb .title img {width: 100%;height: auto;}
.thumb .title{display:block;}

/*コピーライト***************************************************/
.thumb .title_copy{width:fit-content;height: 40px; font-size: 0.6rem;line-height:normal;margin: 0 auto; padding:5px;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-end;}

/*機種タイトル***************************************************/
.thumb .title_name{font-weight: bold;text-align: center;font-size: 1.0rem;line-height: 1.0rem;margin-left: 10px;padding: 10px 5px;}


/*情報エリア（スマスロマーク、コンプリート機能、発売時期）*/	
.thumb .info_area{justify-content:center;margin-bottom: 0px;}
.thumb .info_area .text {
    width:inherit;
    max-width:200px;
    margin:inherit;
}
.thumb .info_area .comp,
.thumb .info_area .open{min-width: 180px; margin:5px;font-size: 0.8rem; font-weight: bold;text-align: center;background-color: #D2E0E6;border-radius: 10px;padding: 3px 5px;}

/*スマスロマーク***************************************************/
.thumb .info_area .smsl{height:50px;}
.thumb .info_area .smsl img{width:auto; height:100%;vertical-align:bottom;}
	
/*発売時期***************************************************/
.thumb .info_area .open{}
.thumb .info_area .open span{width:fit-content;color: #FF0000;}	

@media screen and (min-width: 980px){
.inner {max-width: 980px; margin: 0 auto 30px;}
}

@media screen and (max-width: 979px){

.inner{width:100%; margin-bottom:20px;}
.inner:after{content: ""; display:block; clear:both;}
	
/*------------------------------------------------------------ 
  対応機種
 ------------------------------------------------------------*/	
	
/*各タイトル表示*******************************************/
.thumb{ min-height:inherit;}		
	
/*画像エリア（筐体・メインビジュアル）*******************************************/
.thumb .img_area{justify-content:center;padding-top:10px;}
.thumb .machine{width:140px;}
.thumb .main{width:220px;margin-left: 1%;margin-right: 2%;}
.thumb .machine img,.thumb2 .main img{width:100% ;height:auto;}

/*コピーライト***************************************************/
.title_copy{clear:both; text-align:left; font-size:8px; font-size: 0.6rem; line-height:1em; padding-top:5px;}
/*コピーライト(省略形がある場合のみ　表示切替目印)***************************************************/
.viewchange{display:none;}
/*コピーライト(省略形)***************************************************/
.title_copy_mini{display:block; clear:both; text-align:left; font-size:8px; font-size: 0.6rem; line-height:1em; padding-top:5px;}

/*機種タイトル***************************************************/
.thumb .title_name{font-size: 1.0rem;}

/*width639以下でのみ機能する改行***************************************************/
br.select{display:none;}
}

@media screen and (max-width: 800px){
	
/*タイトル表示エリアを包むflex********************************************/
#set{justify-content:center;}
	
/*各タイトル表示*******************************************/	
.thumb{width:600px;}
	
/*画像エリア（筐体・メインビジュアル）*******************************************/	
.thumb .img_area{align-items:center;}
.thumb .machine{width:140px;}
}

@media screen and (max-width: 639px){

/*width639以下でのみ機能する改行***************************************************/
br.select{display:block;}


/*------------------------------------------------------------ 
  TOP
 ------------------------------------------------------------*/
	
/*連動イメージ********************************************/
ul#rendo_image li.middle div{font-size: 12px;}
ul#rendo_image li.middle img{width: 60%;height: auto;}

/*実機連動でできる事　アイコン機能表********************************************/
table#function{font-size: 14px;}
table#function td.icon{	width:80px;}

/*ページ分岐リンク********************************************/
table.link td.return{font-size: 18px;}

	
/*商標注意書き********************************************/
ul.guide {margin-left: 10px;}
ul.guide li {font-size: 12px;}	
	
/*------------------------------------------------------------ 
  対応機種
 ------------------------------------------------------------*/	
/*各タイトル表示*******************************************/	
.thumb{clear:both;width:94%;}

/*画像エリア（筐体・メインビジュアル）*******************************************/
.thumb .machine{width:100px;}
.thumb .main{width:160px;}
	
/*機種タイトル***************************************************/	
.thumb .title_name{font-size: 1rem;}	

}

@media screen and (max-width: 479px){

	
/*------------------------------------------------------------ 
  対応機種
 ------------------------------------------------------------*/	
/*フォントサイズの細かい調整***************************************************/
.brand{font-size:8px; font-size: 0.8rem; line-height:1em;}
.title_name{font-size:11px; font-size: 1.0rem; margin-bottom:0;}
/*機種タイトル(SPサイズで小さくする)***************************************************/
.title_mini{font-weight:bold; font-size:8px; font-size:0.8rem;}
.status{font-size:8px; font-size: 0.8rem;}
.linktext{font-size:8px; font-size: 0.8rem; margin-top:5px;}
}

/*ぱちんこ・パチスロは適度に楽しむ遊びですテキスト***************************************************/
.coution{
width:97%;
max-width:1200px;
height:20px;
background-color:#990014;
color:#FFFFFF;
font-weight:bold;
padding:5px;
margin:30px 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%;}
}

/*********************************************************/
/*eslot＋
/********************************************************/
#eslot_plus_title{width:98%;max-width:700px;margin:20px auto 30px;}
#eslot_plus_title img{width:100%;height:auto;}

.app_text{line-height:160%;}
.app_text a,
.app_text a:visited{
    text-decoration: underline;
    color: #016bf2;
	font-weight:bold;
}

ul.eslot_plus_dll{display: flex;  justify-content: center;align-items: center;margin:20px auto 30px;}
ul.eslot_plus_dll li{width:270px;height:80px;margin:0 5px;}
ul.eslot_plus_dll li img{width:100%;height:auto;}

/*アカウント登録*******************************************************/

/*セクションメニューマーク*/
.mark{
  position: absolute;
  top:4px;
  right:7px;
  height:28px;
  width: 28px;
  margin:0;
	border:2px solid #FFF;
}

.mark::after{
	position: absolute;
	top:-4px;
	left: 50%;
    transform: translateX(-50%);
	content:"＋";
	font-size:24px;
	font-weight:bold;}
.mark.open::after{content:"－";}

ul#account_image{
width:98%;
max-width: 940px;
margin: 20px auto;
display:flex;
flex-direction:row;
justify-content: space-between;
align-items: start;	}

ul#account_image li{
 position: relative;
text-align: center;
}
ul#account_image li.app{width:calc(40% - 20px);margin-right:20px;}
ul#account_image li.manual{width:60%;}
ul#account_image li img{width: 100%;height: auto;vertical-align: bottom;}
ul#manual_text{padding: 20px 0;}
ul#manual_text li{text-align: left;margin-bottom:15px;}
ul#manual_text li span{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background:#FF0000;text-align:center;color:#FFFFFF;line-height: 30px;font-weight:bold;margin-right:5px;}
ul#manual_text li .safe{background-color: #ffc9ff;padding:3px 5px;margin-bottom:5px;border-radius: 25px;font-weight:bold;}
ul#manual_text li .device{font-weight:bold;}

ul#setting{width:100%;display:flex;justify-content: space-between;}
ul#setting li{width:calc((100% / 3) - 10px);display:flex;flex-direction: column;}
ul#setting li .text{padding-top:10px;}
ul#setting li img{width: 100%;height: auto;}

@media screen and (max-width: 639px){
	ul.eslot_plus_dll{width:270px;align-items: flex-start; flex-direction: column;align-items:stretch;}
	ul.eslot_plus_dll li{width: 100%;margin-bottom: 10px;}
	ul#app_list{font-size:16px;}
	
	ul#account_image{max-width: 600px; flex-flow: column;}
	ul#account_image li.app,ul#account_image li.manual{width: 100%;}
	ul#account_image li.manual{padding:0 10px;}
	
	ul#setting{width: 100%;flex-flow: column;}
	ul#setting li{width: 100%;text-align:center;}
	ul#setting li img{width: 90%;max-width: 500px;height: auto;margin:0 auto;}
	
}


/*<!--
==============================================
「e-slot+」OS最低バージョン引き上げのお知らせ
==============================================
-->*/
#user_caution {
    display: block;
    position: relative;
    width: 96%;
    max-width: 978px;
    margin: 30px auto;
}
#user_caution a {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    border: solid 2px #CC0000;
    padding: 10px 0px;
    background-color: #FFEEEE;
    border-radius: 8px;
}
#user_caution a span {
    font-weight: bold;
    color: #CC0000;
    font-size: 24px;
    text-align: center;
    line-height: 28px;
    padding: 10px;
}
#user_caution a span br {
    display: none;
}
@media only screen and (max-width: 800px) {
    #user_caution a span {
        font-size: 3.2vw;
        line-height: 3.6vw;
        padding: 10px;
    }
}
@media only screen and (max-width: 480px) {
	    #user_caution a span {
        font-size: 4vw;
        line-height: 4.2vw;
        padding: 0;
    }
    #user_caution a span br {
        display: block;
    }
}