@charset 'Shift_JIS';



/** =============================================================
 *
 *
 *      共通レイアウト用CSS（https://static.hange.jp/hangame/common/css/mod_layout.css）をDX用にOverwrite
 *
 *
 * =========================================================== **/
html{overflow-y:scroll;background:#000;}
body{position:relative; overflow: hidden; min-width:860px; background:transparent url(https://images.hange.jp/hangame/common/globalheader/bg_simplenavi.gif) 0 0 repeat-x;}

/**
 *枠調整
 **/
#container{width:auto; background:#000 url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_body.jpg) top center no-repeat; zoom:1;}
#bodyArea{margin-top:0; margin-bottom:0; padding-bottom:10px; background-color:#fff;}
/*body#easyTop #bodyArea.easyGame */#contents {clear: both; width: 614px; margin: 0 0 10px 16px; padding: 0 0 30px;}
#extraArea{background-color:transparent;}

/**
 *ヘッダー部
 **/
#easyMainMenu{position:relative; width:860px; margin:0 auto;}
#easyMainMenu #topGuideArea{height:320px;}
#easyMainMenu #topGuideArea h1{position:absolute;bottom:0;left: 318px;z-index: 13; width: 225px; height: 80px;overflow: hidden;}
#easyMainMenu #topGuideArea #gameStart {position:absolute;bottom:-14px; right: -50px;z-index: 15; width: 140px; height: 143px;overflow: hidden;}
#easyMainMenu #topGuideArea #pachiHeader{position:relative; height:320px; width:860px; margin: 0 auto;}
.picCon {position:relative; z-index: 12;}
.numberSum {position:absolute;bottom:11px; right: 60px;z-index: 14; width: 178px; height: 81px;overflow: hidden;background:url("https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_pachinko_start.png") no-repeat 0 0;}
.numberSum dt {width: 30px; height: 29px; margin: 12px 0 0 37px; font-size: 21px; color: #f8e780; font-weight: bold; line-height: 25px;overflow: hidden;text-align: center;}
.numberSum dd {margin: 5px 0 0 10px;}
.jsInvalid {position:absolute;bottom:-16px; right: -56px;z-index: 15; width: 157px; height: 153px;overflow: hidden;}
.btnArraw li{position:absolute; top:126px; width: 44px; height: 60px; overflow: hidden;z-index: 19;}
.btnArraw li.btnLeft {left: -9px;}
.btnArraw li.btnRight {right: -9px;}
.bgLeft {position:absolute;top:75px; left: -48px;z-index: 7; }
.bgRight {position:absolute;top:75px; right: -32px;z-index: 7; }


#easyMainMenu #topGuideArea #startBtn{position:absolute; top:180px; right:-68px; z-index:100;}
#easyMainMenu #topGuideArea #startBtn p{position:relative; top:4px; left:-18px; width:146px; height:152px; overflow: hidden; text-indent: -1000em; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/noscript_game_start.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://images.hange.jp/hangame/easy/pachinkodx/v2/common/noscript_game_start.png", sizingMethod="crop"); zoom:1;}
#easyMainMenu #topGuideArea #doubleGameBtn{position:absolute; top:196px; left:616px; width:144; height:31;}
#easyMainMenu #topGuideArea #doubleGameBtn img{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://images.hange.jp/hangame/easy/pachinkodx/v2/home/btn_doublegame.png", sizingMethod="crop"); _width:0px; _padding-left:144px; _height:31px;}
#easyMainMenu #easyGameNavi{position:relative; height:60px; padding-bottom:11px; background:#fff url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/gnb_bg.gif) 0 0 no-repeat; zoom:1;}
#easyMainMenu #easyGameNavi:after{content:"."; visibility:hidden; height:0; display:block; clear:both;}
#easyMainMenu #easyGameNavi ul{padding:4px 7px 0;}
#easyMainMenu #easyGameNavi ul li{float:left; margin-right:7px;}
#easyMainMenu #easyGameNavi p{position:absolute; top:11px; right:11px; z-index:105;}
#easyMainMenu #easyGameNavi #playNavi{clear:both; background-color:#fff;}
#easyMainMenu #easyGameNavi #playNavi ul{padding-top:5px; zoom:1;}
#easyMainMenu #easyGameNavi #playNavi ul:after{content:"."; visibility:hidden; height:0; display:block; clear:both;}
#easyMainMenu #easyGameNavi #playNavi ul.playguide{margin-left: 152px;}
#easyMainMenu #easyGameNavi  #playNavi ul.ranking {margin-left: 215px;}
#easyMainMenu #easyGameNavi #playNavi ul.help {margin-left: 564px;}
#easyGameNavi #playNavi ul li {display: inline; border-left: 1px solid #b8b5b5;}
#easyGameNavi #playNavi ul li.first {border-left: none;}
#easyGameNavi #playNavi ul li a {padding: 0 7px 0 12px; color: #858585; zoom: 1;}
#easyGameNavi #playNavi ul li a.now {color: #fb5c26; font-weight: bold;}






/** =============================================================
 *
 *
 *      全ページ共通パーツ
 *
 *
 * =========================================================== **/


/**
 *
 **/
#contentsArea .to_pagetop{text-align:right; padding-top:10px; padding-bottom:30px;}
#bodyArea.easyGame .none {background: none; border: none;}
#bodyArea.easyGame p.back {width: 614px; text-align: right; margin-top: 8px;}


/**
 *
 **/
#contents #contentsLead {width: 614px; margin: 0 auto; padding: 0 0 10px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox1px_top.gif) left bottom no-repeat;}
#contents #contentsLead h2 {width: 614px; /*height: 55px;*/
margin: 0 auto 10px; text-align: center;}
/* 角丸枠線（graybox1px）用（主に掲示板・お知らせページで利用） */
#contents #contentsMain {clear: both; width: 614px; margin: 0 auto 8px; padding: 0 0 8px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox1px_btm.gif) left bottom no-repeat;}
#contents .contentsTable {clear: both; width: 612px; margin: 0 auto; padding: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_title_gray.gif) center 0 no-repeat;}
/* 角丸枠線（graybox1px背景色ホワイト）用 */
#contents .guideBoxW {width: 614px; margin: 0 0 15px; padding-bottom: 5px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox1px_btm.gif) left bottom no-repeat;}
#contents .guideBoxW_top {width: 614px; padding-top: 5px; background: url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_graybox1px_top.gif) left top no-repeat;}
#contents .guideBoxWContents {width: 612px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}
/* 角丸枠線（graybox1px背景色グレー）用 */
#contents .guideBox {width: 614px; margin: 0 0 15px; padding-bottom: 5px; background: #f6f6f6 url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_guidebox_f6_btm.gif) left bottom no-repeat;}
#contents .guideBox_top {padding-top: 5px; background: #f6f6f6 url(https://images.hange.jp/hangame/easy/pachinkodx/common/bg_guidebox_f6_top.gif) left top no-repeat;}
#contents .guideBoxContents {width: 612px; margin: 0; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0;}


/**
 *リストtable用
 **/
#bodyArea.easyGame #contents table {border-collapse: collapse; empty-cells: show;}
#contents table.listTable {margin: 0 auto; padding: 0;}
#contents table.listTable tr {background: url(https://images.hange.jp/hangame/common/pic_2dot_gray.gif) left bottom repeat-x; color: #999; text-align: center;}
#contents table.listTable th {height: 12px; padding: 9px 0; color: #575757; font-weight: normal; text-align: center;}
#contents table.listTable td {height: 32px; line-height: 32px;}


/**
 *
 **/
ul.pageNavi {clear: both; margin: 15px auto 0; padding-bottom: 15px; text-align: center;}
ul.pageNavi li {display: inline; border-left: 1px solid #d2d2d2; margin-right: -4px; font-weight: bold;}
ul.pageNavi li.first {border-left: none;}
ul.pageNavi li.first,
ul.pageNavi li.last {width: 69px; *margin-right: 0; zoom: 1;}
ul.pageNavi li.prev {width: 53px; *margin-right: 1px; zoom: 1;}
ul.pageNavi li.next {width: 52px; *margin-right: 1px; zoom: 1;}
ul.pageNavi li a {padding: 0 10px; zoom: 1;/* for IE */}
ul.pageNavi li a:hover {border-left: 1px solid #fff; border-right: 1px solid #f3f3f3; background-color: #f3f3f3; text-decoration: none; padding: 0 9px;}
ul.pageNavi li.now a {color: #f90; font-weight: bold;}
ul.pageNavi li img {padding: 2px 0; vertical-align: top;}
ul.pageNavi li.first img,
ul.pageNavi li.last img {width: 49px; margin: 0 9px;}
ul.pageNavi li.prev img {width: 33px; margin: 0 9px;}
ul.pageNavi li.next img {width: 32px; margin: 0 9px;}
ul.pageNavi li.first a img,
ul.pageNavi li.prev a img,
ul.pageNavi li.next a img,
ul.pageNavi li.last a img {margin: 0;}


/**
 *
 **/
#bodyArea.easyGame #contents select {height: 20px; color: #666;}
/* 共通カテゴリ検索or選択用searchBox */
#bodyArea.easyGame #contents select.category {width: 110px;}
/* 共通input */
#bodyArea.easyGame #contents input {height: 16px; line-height: 16px; border: 1px #cfcfcf solid;}
#bodyArea.easyGame textarea {font-size: 12px; color: #666; overflow: auto; border: 1px #cfcfcf solid; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #b9b9b9; scrollbar-3dlight-color: #e6e6e6; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-darkshadow-color: #e6e6e6;}



/**
 *
 **/
#contents .UICategoryIndex{zoom:1;}
#contents .UICategoryIndex:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .UICategoryIndex li{float: left;}
#contents .UICategoryIndex li a{position:relative; display: block; height:23px; padding:8px 3px 0; text-align: center; font-weight:bold;}
#contents .UICategoryIndex li a:hover,
#contents .UICategoryIndex li a.now{z-index:100;}
#contents .UICategoryIndex.inc-2-nav li a{width:305px; margin-right:-1px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_tab2.gif) 0 0 no-repeat;}
#contents .UICategoryIndex.inc-2-nav li a:hover,
#contents .UICategoryIndex.inc-2-nav li a.now{background-image:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_tab2_on.gif);}
#contents .UICategoryIndex.inc-3-nav li a{width:201px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_tab3.gif) 0 0 no-repeat;}
#contents .UICategoryIndex.inc-3-nav li a:hover,
#contents .UICategoryIndex.inc-3-nav li a.now{background-image:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_tab3_on.gif);}


/**
 *playguideWrapper,playguideWrapperInner - 角丸
 */
#contents .UIPageWrapper{background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_roundbox_middle.gif) 0 0 repeat-y;}
#contents .UIPageWrapperInner{padding:20px 1px; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_roundbox_bottom.gif) bottom left no-repeat;}


/**
 *localNavi - ナビゲーション（小項目）
 */
#contents .UIPageWrapper .localNavi{margin:0 16px 20px; padding-bottom:4px; border-bottom:1px solid #e5e5e5; zoom:1;}
#contents .UIPageWrapper .localNavi:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#contents .UIPageWrapper .localNavi li{float: left; width:31%; padding:0 1%; text-align: center; font-weight: bold; border-left:1px solid #e5e5e5;}
#contents .UIPageWrapper .localNavi li.first{border-left:0 none;}
#contents .UIPageWrapper .localNavi li a{color:#999999; text-decoration: none; padding-left:8px;}
#contents .UIPageWrapper .localNavi li a:hover,
#contents .UIPageWrapper .localNavi li a.now{color:#333333; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bul_localnavi.gif) 0 0.25em no-repeat;}




/** =============================================================
 *
 *
 *      右カラム
 *
 *
 * =========================================================== **/
/**
 *
 **/
#extraArea #pachi_stocks{width:200px; height:58px; margin-top:6px; margin-left:6px; color:#676767; font-size:11px; font-family:'Tahoma'; text-align:center; background:url(https://images.hange.jp/hangame/easy/pachinkodx/v2/common/bg_stocks.gif) 0 0 no-repeat;}
#extraArea #pachi_stocks h2{padding:3px; margin-bottom:5px;}

/**
 *
 **/
#extraArea #pachi_bnr{margin:10px 6px;}

/**  2017/7/17  **/
#cardList {
  position: absolute;
  top: 0;
  left: -210px;
  width: 1280px;
  height: 320px;
}
#cardList li {
  position: absolute;
  top: 92px;
  cursor: pointer;
  -webkit-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  z-index: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
#cardList.moving li {
  -webkit-transition-property: left, transform;
  -o-transition-property: left, transform;
  transition-property: left, transform;
  -webkit-transition: 0.1s ease-out;
  -o-transition:  0.1s ease-out;
  transition: 0.1s ease-out;

}
#cardList li:hover {
  -webkit-transition: transform 0.1s ease-in;
  -o-transition: transform 0.1s ease-in;
  transition: transform 0.1s ease-in;
}
#cardList li:first-child {
  left: 3px;
  z-index: 1;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
#cardList li:first-child:hover{
  -webkit-transform: scale(0.68);
  -ms-transform: scale(0.68);
  transform: scale(0.68);
}

#cardList li:nth-child(2) {
  left: 26px;
  z-index: 2;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
#cardList li:nth-child(2):hover {
  -webkit-transform: scale(0.78);
  -ms-transform: scale(0.78);
  transform: scale(0.78);
}
#cardList li:nth-child(3) {
  left: 56px;
  z-index: 3;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
#cardList li:nth-child(3):hover {
  -webkit-transform: scale(0.88);
  -ms-transform: scale(0.88);
  transform: scale(0.88);
}
#cardList li:nth-child(4) {
  left: 94px;
  z-index: 4;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
#cardList li:nth-child(4):hover {
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}
#cardList li:nth-child(5) {
  left: 132px;
  z-index: 5;
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}
#cardList li:nth-child(5):hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#cardList li:nth-child(6) {
  left: 575px;
  z-index: 7;
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
  display: none;
}
#cardList li:nth-child(6):hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#cardList li:nth-child(7) {
  left: 1019px;
  z-index: 6;
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}
#cardList li:nth-child(7):hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#cardList li:nth-child(8) {
  left: 1057px;
  z-index: 5;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
#cardList li:nth-child(8):hover {
  -webkit-transform: scale(0.98);
  -ms-transform: scale(0.98);
  transform: scale(0.98);
}
#cardList li:nth-child(9) {
  left: 1089px;
  z-index: 4;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
#cardList li:nth-child(9):hover {
  -webkit-transform: scale(0.88);
  -ms-transform: scale(0.88);
  transform: scale(0.88);
}
#cardList li:nth-child(10) {
  left: 1119px;
  z-index: 3;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
#cardList li:nth-child(10):hover {
  -webkit-transform: scale(0.78);
  -ms-transform: scale(0.78);
  transform: scale(0.78);
}
#cardList li:nth-child(11) {
  left: 1142px;
  z-index: 1;
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
#cardList li:nth-child(11):hover {
  -webkit-transform: scale(0.68);
  -ms-transform: scale(0.68);
  transform: scale(0.68);
}
#pachiHeader .picCon .gameImg {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.noScript{
  display: none;
  position: absolute;
  left: 228px;
  top: 117px;
  color: white;
}
#notice_bar p{
  position: absolute;
  left: 69px;
  top: 4px;
  color: white;
  display: none;
}