@charset "utf-8";


/**
 * -------------------------
 * @section ページ全体のおおまかな要素設定達
 * -------------------------
 */
address {
    font-style: normal;
}

body {
    color: #505050;
    font-size: 0.8em;
    font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}

a {
    text-decoration: none;
    color: #c30d22;
}

a:hover {
    text-decoration: underline;
}

.box-sp-menu {
    display: none;
}


hr.clear {
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

/**
 * -------------------------
 * @section ホール検索結果一覧ページ
 * -------------------------
 */
.wrapper-hall-search-result {
    
}

.wrapper-hall-search-result .header-area-name {
    line-height: 60px;
    padding: 0px 9px;
    font-size: 3em;
    color: #ffffff;
}

.wrapper-hall-search-result .box-city-list {
    margin-top: 10px;
    padding: 15px 25px;
}

.list-hall-search-city li{
    width: 25%;
    line-height: 25px;
    float: left;
}

.box-pref-list {
    margin-top: 10px;
    padding: 15px 25px;
}

.list-hall-search-pref li{
    width: 20%;
    line-height: 25px;
    float: left;
}

.box-button-display-more-area {
    clear: both;
    padding-top: 20px;
}

.button-display-city-list {
    display: block;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    line-height: 38px;
    padding: 0px 10px;
    text-align: center;
    font-weight: bold;
    color: #505050;
    text-decoration: none;
    text-shadow: 0px 1px 2px #ffffff;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.wrapper-machine-search-result .box-pagination-description,
.wrapper-hall-search-result .box-pagination-description {
    border: 1px solid #c20d23;
    line-height: 38px;
    text-align: center;
    background: #ffffff;
}

.wrapper-machine-search-result .box-pagination-description strong,
.wrapper-hall-search-result .box-pagination-description strong{
    color: #c30d22;
}

.list-hall-search-result {
    list-style: none;
    padding-top: 10px;
}

.list-hall-search-result li{
    border-bottom: 1px solid #bfbfbf;
}

.list-hall-search-result li:last-child{
    border-bottom: none;
}

.list-hall-search-result li .inner-content {
    padding: 9px 0px;
}

.list-hall-search-result .time-last-updated {
    display: block;
    float: right;
    color: #BFBFBF;
}

.list-hall-search-result .box-hall-search-result-image {
    float: left;
    display: inline-block;
    width: 12%;
}

.list-hall-search-result .box-hall-search-result-image img{
    width: 100%;
}

.list-hall-search-result .box-hall-search-result-detail {
    float: left;
    padding-left: 9px;
    line-height: 170%;
    width: 85%;
}

.list-hall-search-result .box-hall-search-result-detail .hall-name {
    font-size: 1.3em;
    float: none;
}

.list-hall-search-result .box-hall-search-result-detail address {
    font-style: normal;
}

.list-hall-search-num-machine dt,
.list-hall-search-num-machine dd {
    float: left;
}

.list-hall-search-num-machine dt:after {
    content: '：';
}

.box-google-map {
    min-height: 410px;
    border: 1px solid #bfbfbf;
    margin-top: 10px;
}

.wrapper-map-search-around {
    margin-top: 5px;
}

.wrapper-map-search-around .list-map-button-search-around {
    width: 100%;
    display: table;
}

.wrapper-map-search-around .list-map-button-search-around li {
    width: 25%;
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #c30d22;
    border-right: none;
    font-size: 0.8em;
}

.wrapper-map-search-around .list-map-button-search-around li:last-child {
    border-right: 1px solid #c30d22;
}

.wrapper-map-search-around .list-map-button-search-around li.selected {
    background-color: #c30d22;
}

.wrapper-map-search-around .list-map-button-search-around li.selected a{
    color: #ffffff;
    text-decoration: none;
}

.list-hall-search-result .box-favorite-icon {
    float: right;
}

.list-hall-search-result .box-favorite-icon .button-favorite {
    width: 30px;
    height: 30px;
}

.list-hall-search-result .box-hall-notice {
    border: 1px solid #efbfef;
    background-color: #fff9ff;
    padding: 6px;
}

.box-map-infowindow {
    min-height: 30px;
    line-height: 120%;
}

.box-map-infowindow > .inner-content{
    padding: 3px !important;
}

.box-map-infowindow .hall-name {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
}

.box-map-infowindow .hall-address {
    display: block;
    font-style: normal;
    margin-top: 5px;
}

.box-map-infowindow .hall-access {
    display: block;
    margin-top: 5px;
}

.list-parlour-place {
    list-style: none;
    line-height: 170%;
    padding-top: 10px;
}

.list-parlour-place > li {
    border-bottom: 1px solid #bfbfbf;
}

.list-parlour-place > li .name{
    display: block;
    font-weight: bold;
    font-size: 1.3em;
}

.list-parlour-place > li .inner-content {
    padding: 9px;
}

.list-parlour-place > li .box-icon{
    float: left;
    width: 12%;
    display: inline-block;
    text-align: center;
}

.list-parlour-place > li .box-icon .icon{
    width: 80%;
    display: inline-block;
}

.list-parlour-place > li .box-detail {
    float: left;
    padding-left: 9px;
    width: 85%;
}

.list-parlour-place > li .box-detail .search{
    display: block;
    text-align: right;
}

.box-map-infowindow-parlour-place {
    min-width: 150px;
    max-width: 180px;
}

.box-map-infowindow-parlour-place .inner-content{
    padding: 0px !important;
    line-height: 120%;
}

.box-map-infowindow-parlour-place .name{
    font-weight: bold;
    display: block;
}

.box-map-infowindow-parlour-place .vicinity{
    font-size: 0.8em;
    display: block;
}

.box-map-infowindow-parlour-place .search{
    text-align: right;
    display: block;
    font-size: 0.8em;
}


/**
 * 駅検索結果
 */
.list-station-search-result {
    list-style: none;
}

.list-station-search-result li{
    padding: 9px 0px;
    border-bottom: 1px solid #bfbfbf;
    font-size: 1.2em;
}

.list-station-search-result li:last-child{
    border-bottom: none;
}


/**
 * -------------------------
 * @section ページ全体のおおまかなレイアウト構成達
 * -------------------------
 */

header .inner-content,
footer div.inner-content,
nav.breadcrumb .inner-content,
.wrapper-contents {
    width: 950px;
    margin: 0px auto;
}

header {
    border-top: 3px solid #c30d22;
    width: 100%;
    height: 53px;
}

.wrapper-main {
    float: right;
    width: 710px;
}

.wrapper-sidebar {
    float: left;
    width: 220px;
}

footer {
    margin-top: 90px;
    clear: both;
    background-color: #c30d23;
}


/**
 * -------------------------
 * @section コンテンツのボックスモデル定義達
 * -------------------------
 */

.box-content {
    margin-top: 20px;
    clear: both;
}

.box-content .inner-content {
    padding: 15px;
}

.box-content.main > .inner-content {
    padding: 15px 0px;
}

.box-content.main > .inner-content img {
    max-width: 100%;
    height: auto;
}

.box-content-section {
    margin-bottom: 20px;
    clear: both;
}

.content-header {
    font-size: 1.4em;
    line-height: 41px;
    padding-bottom: 7px;
    border-bottom: 3px solid #c30d22;
}

.content-header02 {
    border-bottom: 1px solid #c30d22;
    margin-bottom: 9px;
}

.content-header03 {
    font-size: 1.4em;
    line-height: 20px;
    padding-bottom: 7px;
    border-bottom: 3px solid #c30d22;
	margin-bottom: 9px;
}

.sidebar .content-header {
    border: none;
}

.content-header:before {
    display: inline-block;
    height: 41px;
    width: 41px;
    line-height: 41px;
    vertical-align: middle;
    margin-right: 5px;
}

.content-header.list:before        { content: url('../../../assets/img/top/icon_header/list.png'); }
.content-header.twitter:before     { content: url('../../../assets/img/top/icon_header/twitter.png'); }
.content-header.rss:before         { content: url('../../../assets/img/top/icon_header/rss.png'); }
.content-header.exclamation:before { content: url('../../../assets/img/top/icon_header/exclamation.png'); }
.content-header.icons:before       { content: url('../../../assets/img/top/icon_header/icons.png'); }
.content-header.news:before        { content: url('../../../assets/img/top/icon_header/news.png'); }
.content-header.nana:before        { content: url('../../../assets/img/top/icon_header/nana.png'); }
.content-header.event:before       { content: url('../../../assets/img/top/icon_header/event.png'); }
.content-header.pin:before         { content: url('../../../assets/img/top/icon_header/pin.png'); }
.content-header.search:before      { content: url('../../../assets/img/top/icon_header/search.png'); }
.content-header.crown:before       { content: url('../../../assets/img/top/icon_header/crown.png'); }
.content-header.pachinko:before    { content: url('../../../assets/img/top/icon_header/pachinko.png'); }
.content-header.check:before       { content: url('../../../assets/img/top/icon_header/check.png'); }
.content-header.parlour:before     { content: url('../../../assets/img/top/icon_header/parlour.png'); }


.box-content.sidebar .content-header {
    background: none;
}


/**
 * -------------------------
 * @section フッターメニュー
 * -------------------------
 */


/**
 * フッターにあるナビゲーションメニュー用スタイル
 */
footer nav {
    border-top: 1px solid #e4e4e4;
    background-color: #f0f0f0;
    padding: 0px;
    text-align: center;
}

footer nav ul li{
    line-height: 300%;
    display: inline-block;
    font-size: 0.9em;
}

footer nav ul li:before{
    content: '|';
    margin: 0px 5px;
}

footer nav ul li:first-child:before {
    content: '';
}


/**
 * FSのロゴとか各社コピーライト記載部分
 */
footer .box-logo {
    padding: 10px 0px;
    text-align: center;
}

footer .box-logo img{
    width: 35%;
}

footer .box-copyrights {
    color: #ffffff;
    float: left;
}

footer .box-copyrights small{
    display: block;
    font-size: 0.5em;
}

footer .box-copyright-global {
    clear: both;
    background-color: #191e32;
    line-height: 36px;
    color: #ffffff;
    text-align: right;
    font-size: 0.8em;
}


/**
 * -------------------------
 * @section パンくずリスト
 * -------------------------
 */

nav.breadcrumb {
    line-height: 30px;
    background: #c30d22; /* Old browsers */
    background: -moz-linear-gradient(top,  #c30d22 0%, #a8091c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c30d22), color-stop(100%,#a8091c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c30d22 0%,#a8091c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c30d22 0%,#a8091c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c30d22 0%,#a8091c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c30d22 0%,#a8091c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30d22', endColorstr='#a8091c',GradientType=0 ); /* IE6-9 */
}

nav.breadcrumb ol li {
    display: inline-block;
    padding-right: 21px;
    background-image: url('../../img/top/hall/breadcrumb-arrow.png');
    background-position: right center;
    background-repeat: no-repeat;
    margin-right: 5px;
    color: #ffdada;
}

nav.breadcrumb ol li:last-child {
    background: none;
}

nav.breadcrumb ol li a {
    color: #ffffff;
    text-decoration: underline;
}



/**
 * -------------------------
 * @section 検索系画面::ページャー設定
 * -------------------------
 */
.box-pagination .pagination{
    text-align: center;
    margin: 20px 0px;
}

.box-pagination .pagination > span {
    background: #ffffff;
    border: 1px solid #bfbfbf;
    display: inline-block;
    line-height: 30px;
    margin: 0 8px;
    text-align: center;
}

.box-pagination .pagination > span a {
    color: #c30d23;
    display: block;
    padding: 0 12px;
    text-decoration: none;
}

.box-pagination .pagination > span.active {
    background-color: #c30d23;
}

.box-pagination .pagination > span.active a {
    color: #ffffff;
}

.box-pagination-description {
    padding: 5px;
    background-color: #F1DDE0;
    /* border: 1px solid #bfbfbf; */
    margin: 5px 0px;
	text-align: center;
}

.box-pagination-description strong {
}




/**
 * -------------------------
 * @section 検索用日本地図
 * -------------------------
 */
.color-hokkaido-tohoku      { color: #b01d00; }
.background-hokkaido-tohoku { background: #b01d00; }
.border-hokkaido-tohoku     { border: 1px solid #b01d00; }

.color-kanto                { color: #ed4800; }
.background-kanto           { background: #ed4800; }
.border-kanto               { border: 1px solid #ed4800; }

.color-chubu                { color: #e3a600; }
.background-chubu           { background: #e3a600; }
.border-chubu               { border: 1px solid #e3a600; }

.color-kinki                { color: #09a701; }
.background-kinki           { background: #09a701; }
.border-kinki               { border: 1px solid #09a701; }

.color-chugoku              { color: #005cb2; }
.background-chugoku         { background: #005cb2; }
.border-chugoku             { border: 1px solid #005cb2; }

.color-shikoku              { color: #0005da; }
.background-shikoku         { background: #0005da; }
.border-shikoku             { border: 1px solid #0005da; }

.color-kyushu-okinawa       { color: #6c00d1; }
.background-kyushu-okinawa  { background: #6c00d1; }
.border-kyushu-okinawa      { border: 1px solid #6c00d1; }


.wrapper-hall-map {
    background-image: url('../../img/top/hall/map/map_japan.png');
    background-repeat: no-repeat;
    background-position: center top;
    height: 632px;
    position: relative;
}

.wrapper-hall-map .list-hall-area {
    position: absolute;
    top: 15px;
    left: 0px;
    list-style: none;
}

.wrapper-hall-map .list-hall-area > li{
    position: absolute;
    color: #ffffff;
    line-height: 18px;
}

.wrapper-hall-map .box-image-sp-map {
    display: none;
    width: 100%;
}

.wrapper-hall-map .box-image-sp-map img {
    width: 100%;
}

.wrapper-hall-map .list-hall-area > li b{
    display: block;
    padding: 0px 5px;
}

.wrapper-hall-map .list-pref {
    background-color: #ffffff;
    list-style: none;
    padding: 0px 10px;
}

.wrapper-hall-map .list-pref > li {
    display: inline-block;
    min-width: 52px;
    line-height: 30px;
}

.wrapper-hall-map .list-hall-area > li.hokkaido-tohoku{
    top: 65px;
    left: 580px;
    width: 130px;
}

.wrapper-hall-map .list-hall-area > li.hokkaido-tohoku:after{
    content: url('../../img/top/hall/map/map-arrow-hokkaido-tohoku.png');
    position: absolute;
    left: -131px;
    top: 100px;
}

.wrapper-hall-map .list-hall-area > li.kanto{
    top: 255px;
    left: 531px;
    width: 130px;
}

.wrapper-hall-map .list-hall-area > li.kanto:after{
    content: url('../../img/top/hall/map/map-arrow-kanto.png');
    position: absolute;
    left: -140px;
    top: 80px;
}

.wrapper-hall-map .list-hall-area > li.chubu{
    top: 425px;
    left: 380px;
    width: 190px;
}

.wrapper-hall-map .list-hall-area > li.chubu:before{
    content: url('../../img/top/hall/map/map-arrow-chubu.png');
    position: absolute;
    top: -61px;
    left: -40px;
}

.wrapper-hall-map .list-hall-area > li.kinki{
    top: 125px;
    left: 150px;
    width: 190px;
}

.wrapper-hall-map .list-hall-area > li.kinki:after{
    content: url('../../img/top/hall/map/map-arrow-kinki.png');
    position: absolute;
    left: 85px;
}

.wrapper-hall-map .list-hall-area > li.chugoku{
    top: 125px;
    left: 0px;
    width: 130px;
}

.wrapper-hall-map .list-hall-area > li.chugoku:after{
    content: url('../../img/top/hall/map/map-arrow-chugoku.png');
    position: absolute;
    left: 50px;
}

.wrapper-hall-map .list-hall-area > li.shikoku{
    top: 425px;
    left: 210px;
    width: 130px;
}

.wrapper-hall-map .list-hall-area > li.shikoku:before{
    content: url('../../img/top/hall/map/map-arrow-shikoku.png');
    position: absolute;
    top: -42px;
}

.wrapper-hall-map .list-hall-area > li.kyushu-okinawa{
    top: 495px;
    left: 0px;
    width: 190px;
}

.wrapper-hall-map .list-hall-area > li.kyushu-okinawa:before{
    content: url('../../img/top/hall/map/map-arrow-kyushu.png');
    position: absolute;
    top: -31px;
    left: 80px;
}

/**
 * 地図の上にある検索窓
 */
.box-search-keywords {
    width: 340px;
    border: 1px solid #c30d22;
}

.box-search-keywords h2{
    background-color: #c30d22;
    padding: 3px;
    color: #ffffff;
}

.box-search-keywords .inner-content {
    padding: 10px;
}

.box-search-keywords .input-text {
    border: 1px solid #828282;
    border-radius: 4px;
    width: 255px;
    padding: 5px;
}

.box-search-keywords .input-submit {
    float: right;
    border: 1px solid #828282;
    border-radius: 4px;
    width: 50px;
    height: 26px;
    padding: 5px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.box-search-keywords .input-submit.button-search-by-current > div{
    width: 100px;
    margin: 0px auto;
}

.box-search-keywords .box-form-item {
    margin-top: 10px;
}

.box-search-keywords .box-form-item:first-child {
    margin-top: 0px;
}


/**
 * -------------------------
 * @section 新着機種情報
 * -------------------------
 */
.list-new-arrival-machine-detail {
    list-style: none;
    border: 1px solid #bfbfbf;
}

.list-new-arrival-machine-detail li {
    padding: 9px;
    border-bottom: 1px solid #bfbfbf;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.list-new-arrival-machine-detail li:last-child {
    border-bottom: none;
}

.list-new-arrival-machine-detail .box-image-header {
    width: 50%;
    float: left;
}

.list-new-arrival-machine-detail .box-image-header img {
    width: 100%;
}

.list-new-arrival-machine-detail .box-description {
    width: 50%;
    float: left;
}

.list-new-arrival-machine-detail .box-description .inner-content{
    padding: 0px 0px 0px 10px;
}

.list-new-arrival-machine-detail li .box-description .label{
    line-height: 16px;
    padding: 0px 10px;
    display: inline-block;
    float: left;
    color: #ffffff;
    font-size: 11px;
    border-radius: 3px;
    text-align: center;
    margin-right: 2px;
}

.list-new-arrival-machine-detail li .box-description .label.pachi{
    background: #dc631a;
}

.list-new-arrival-machine-detail li .box-description .label.slot{
    background: #1a8cdc;
}

.list-new-arrival-machine-detail li .box-description time {
    float: right;
}

.list-new-arrival-machine-detail li .box-description .machine-maker {
    clear: both;
    display: block;
    padding-top: 15px;
    line-height: 15px;
}


/**
 * -------------------------
 * @section 機種系ランキング
 * -------------------------
 */
.list-machine-ranking {
    list-style: none;
}

.wrapper-machine-ranking .box-content-section h2{
    margin-right: 10px;
}

/**
 * -------------------------
 * @section 業界ニュース・機種情報
 * -------------------------
 */
.list-news-01 {
    list-style: none;
    border: 1px solid #bfbfbf;
}

.list-news-01 li{
    padding: 18px 9px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    
    border-bottom: 1px solid #bfbfbf;
}

.list-news-01 li:last-child {
    border-bottom: none;
}

.list-news-01 li.appli:before  { content: 'お知らせ';}
.list-news-01 li.update:before { content: 'お知らせ'; }
.list-news-01 li.bug:before    { content: 'お知らせ'; }
.list-news-01 li.kentei:before { content: 'お知らせ'; background-color: #1f920d; }
.list-news-01 li.kisyu:before  { content: 'お知らせ'; background-color: #c00125; }
.list-news-01 li.news:before   { content: 'お知らせ'; background-color: #7e0d92; }
.list-news-01 li:before {
    padding: 0px 5px;
    line-height: 23px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 0.9em;
    margin-right: 5px;
}

.wrapper-news01 {
    line-height: 150%;
}

/**
 * -------------------------
 * @section 新台導入カレンダー
 * -------------------------
 */
.list-machine-calendar {
    list-style: none;
}

.list-machine-calendar > li time{
    display: block;
    background-color: #c30d22;
    color: #ffffff;
    padding: 6px 6px;
    font-weight: bold;
}

.list-machine-calendar-pachi,
.list-machine-calendar-slot {
    margin: 9px 0px;
}

.list-machine-calendar-pachi .box-machine-image,
.list-machine-calendar-slot .box-machine-image {
    width: 85px;
    float: left;
    margin: 0;
}

.list-machine-calendar-pachi .box-machine-image img,
.list-machine-calendar-slot .box-machine-image img{
    width: 100%;
}

.list-machine-calendar-pachi .box-description,
.list-machine-calendar-slot .box-description {
    margin-left: 60px;
}

.list-machine-calendar-pachi figcaption,
.list-machine-calendar-slot figcaption {
    display: inline-block;
    color: #ffffff;
    padding: 3px;
    border-radius: 3px;
}

.list-machine-calendar-pachi figcaption {
    background-color: #dc631a;
}

.list-machine-calendar-slot figcaption {
    background-color: #1a8cdc;
}

.list-machine-calendar-pachi ul,
.list-machine-calendar-slot ul {
    list-style: none;
}

.list-machine-calendar-pachi ul li,
.list-machine-calendar-slot ul li {
    border-bottom: 1px solid #bfbfbf;
}

.list-machine-calendar-slot ul li:last-child {
}

.list-machine-calendar-pachi ul li > div.inner-content,
.list-machine-calendar-slot ul li > div.inner-content {
    padding: 15px 0px;
    line-height: 150%;
}

.list-machine-calendar-pachi ul li > div.inner-content a,
.list-machine-calendar-slot ul li > div.inner-content a{
    font-weight: bold;
    font-size: 1.1em;
    display: block;
}

.list-machine-calendar-backnumber-year,
.list-machine-calendar-backnumber-month {
    list-style: none;
}

.list-machine-calendar-backnumber-year > li,
.list-machine-calendar-backnumber-month > li {
    padding: 5px 0px;
}

.list-machine-calendar-backnumber-year > li b {
    display: block;
    background-color: #f6f6f6;
    padding: 6px 6px;
    font-weight: normal;
}

.list-machine-calendar-backnumber-month > li {
    display: inline-block;
    width: 7.5%;
}

.list-machine-calendar-backnumber-month > li .inner-content{
    padding: 5px;
}

/**
 * -------------------------
 * @section 本日のチラシ
 * -------------------------
 */
.list-dekachirashi {
    list-style: none;
}

.list-dekachirashi li{
    padding: 9px 0px;
    border-bottom: 1px solid #bfbfbf;
}

.list-dekachirashi li:last-child{
    border-bottom: none;
}

.box-dekachirashi-item {
    width: 33%;
    float: left;
    line-height: 150%;
    text-align: center;
}

.box-dekachirashi-item .box-image img{
    width: 100%;
}

.box-dekachirashi-item .box-baseinfo {
    margin-top: 10px;
}

.box-dekachirashi-item .box-baseinfo .hall-name{
    display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

.box-dekachirashi-item .box-baseinfo address {
    color: #505050;
    font-style: normal;
    text-decoration: none !important;
    text-align: center;
}

.list-hall-dekachirashi {
    list-style: none;
}

.list-hall-dekachirashi li{
    margin-bottom: 20px;
}

.box-relational-site {
    display: block;
    text-align: right;
}

/**
 * -------------------------
 * @section もっとみるボタンがあるボックス
 * -------------------------
 */
.box-more {
    margin-top: 15px;
    text-align: right;
}

.box-more .anchor-more{
    display: inline-block;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    line-height: 38px;
    padding: 0px 10px;
    min-width: 160px;
    text-align: center;
    font-weight: bold;
    color: #505050;
    text-decoration: none;
    text-shadow: 0px 3px 1px #ffffff;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.box-more .anchor-more span {
    display: block;
    background-image: url('../../img/top/hall/icon_arrow_red.png');
    background-repeat: no-repeat;
    background-position: right center;
}


/**
 * -------------------------
 * @section サイドバーのコンテンツ要素達
 * -------------------------
 */

/**
 * メインメニュー
 */

.list-main-manu {
    border: 1px solid #c30d22;
}

.list-main-manu li {
    line-height: 38px;
    padding: 0px 10px;
    border-bottom: 1px solid #c30d22;
}

.list-main-manu li {
    transition: 
        background-color 0.15s ease 0s,
        color 0.15s ease 0s;
}

.list-main-manu li a{
    display: block;
    text-decoration: none;
}

.list-main-manu li:last-child {
    border-bottom: none;
}

.list-main-manu li:hover,
.list-main-manu li.selected {
    background-color: #c30d22;
    color: #ffffff;
}

.list-main-manu li:hover a,
.list-main-manu li.selected a{
    color: inherit;
}



/**
 * 最近みたホール
 */
.list-recent-browsed-hall {
    border: 1px solid #bfbfbf;
    background-color: #f6f6f6;
    padding: 0px 9px;
}

.list-recent-browsed-hall li {
    border-bottom: 1px solid #bfbfbf;
    padding: 9px 0px;
}

.list-recent-browsed-hall li:last-child {
    border-bottom: none;
}

.list-recent-browsed-hall li a{
    display: table;
}

.list-recent-browsed-hall li .box-image{
    width: 50px;
    display: table-cell;
}

.list-recent-browsed-hall li .box-image img{
    max-width: 50px;
}

.list-recent-browsed-hall li .box-description {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    line-height: 130%;
}

.list-recent-browsed-hall li .box-description address{
    color: #505050;
    font-size: 0.8em;
}


/**
 * ホール検索
 */
.sidebar .box-search {
    border: 1px solid #bfbfbf;
    background-color: #f6f6f6;
}

.sidebar .box-search .inner-content {
    padding: 9px;
}

.sidebar .box-search .input-text {
    border: 1px solid #828282;
    border-radius: 4px;
    width: 135px;
    padding: 5px;
}

.sidebar .box-search .input-submit {
    float: right;
    border: 1px solid #828282;
    border-radius: 4px;
    width: 50px;
    height: 26px;
    padding: 5px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.sidebar .box-search .box-form-item {
    margin-top: 10px;
}

.sidebar .box-search .box-form-item:first-child {
    margin-top: 0px;
}

/**
 * 新着機種情報(サイドバー版)
 */

.list-new-arrival-machine {
    border: 1px solid #bfbfbf;
    background-color: #f6f6f6;
    padding: 0px 9px;
}

.list-new-arrival-machine li{
    list-style: none;
    padding: 9px 0px;
    border-bottom: 1px solid #bfbfbf;
}

.list-new-arrival-machine li:last-child{
    border-bottom: none;
}

.list-new-arrival-machine li .box-image-header {
    margin-bottom: 5px;
}

.list-new-arrival-machine li .box-image-header img {
    width: 100%;
}

.list-new-arrival-machine li .box-description .label{
    width: 40px;
    line-height: 12px;
    display: block;
    float: left;
    color: #ffffff;
    font-size: 9px;
    border-radius: 3px;
    text-align: center;
    margin-right: 2px;
}

.list-new-arrival-machine li .box-description .label.pachi{
    background: #dc631a;
}

.list-new-arrival-machine li .box-description .label.slot{
    background: #1a8cdc;
}

.list-new-arrival-machine li .box-description .machine-name{
    display: block;
    clear: both;
    padding-top: 5px;
}



/**
 * -------------------------
 * @section ホール詳細画面::ホール基本情報::店舗画像
 * -------------------------
 */
.wrapper-hall-detail .box-favorite-icon {
    float: right;
    clear:right;
}

.wrapper-hall-detail .box-favorite-icon .button-favorite {
    width: 30px;
    height: 30px;
}

.box-hall-image {
    width: 37%;
    max-height: 250px;
    float: left;
}

.box-hall-image img{
    max-width: 240px;
    max-height: 240px;
}

.box-hall-logo-image {
    width: 100px;
    max-height: 100px;
    float: left;
}

.box-hall-logo-image img{
    max-width: 100px;
    max-height: 100px;
    width: 100%;
}

.wrapper-hall-detail .time-last-updated {
    float: right;
}

/**
 * -------------------------
 * @section ホール詳細画面::ホール基本情報::サムネイルと店舗名・スペシャル 
 * -------------------------
 */
.wrapper-hall-detail .hall-name {
	 margin-left: 110px;
	 font-size: 2.5em;
}

.wrapper-hall-detail .box-hall-special {
    clear: both;
    margin-top: 15px;
    font-size: 1.15em;
    line-height: 150%;
}

/**
 * -------------------------
 * @section ホール詳細画面::ホール基本情報::ページ内リンク
 * -------------------------
 */
.wrapper-box-inside-link {
    height: 30px;
}

.wrapper-hall-detail .box-inside-link {
    margin-top: 15px;
}

.wrapper-hall-detail .box-inside-link ul {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.wrapper-hall-detail .box-inside-link ul li {
    display: table-cell;
    height: 30px;
    width: 20%;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #c30d22;
}

.wrapper-hall-detail .box-inside-link ul li a{
    display: block;
    width: 100%;
    line-height: 30px;
	text-decoration: none;
}

.wrapper-hall-detail .box-inside-link li a:hover {
    background-color: #c30d22;
    color: #ffffff;
}

/**
 * -------------------------
 * @section ホール詳細画面::ホール基本情報::住所とかのテーブル
 * -------------------------
 */
.box-hall-base-information {
    width: 63%;
    float: right;
}
 
.table-hall-base-information {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.table-hall-base-information th {
    white-space: nowrap;
    vertical-align: middle;
	color: #999999;
}

.table-hall-base-information td,
.table-hall-base-information th{
	text-align: left;
    padding: 5px;
    border-bottom: 1px dotted #dadada;
}

.table-hall-base-information tr:last-child > td,
.table-hall-base-information tr:last-child > th {
    border-bottom: none;
}

.box-hall-outerlink {
    margin: 15px 0px;
}

.box-hall-outerlink a.button-link {
    line-height: 40px;
    display: block;
    border-radius: 6px;
    color: #ffffff;
    text-align: center;
    font-size: 1.2em;
    text-shadow: -1px -1px 1px #888888;
    box-shadow: 0px 1px 2px 0px #666666;
    background: #c30d22; /* Old browsers */
    background: -moz-linear-gradient(top,  #c30d22 0%, #a8091c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c30d22), color-stop(100%,#a8091c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c30d22 0%,#a8091c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c30d22 0%,#a8091c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c30d22 0%,#a8091c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c30d22 0%,#a8091c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30d22', endColorstr='#a8091c',GradientType=0 ); /* IE6-9 */
}

.box-hall-outerlink a.button-link .outerlink {
    display: inline-block;
    padding-right: 25px;
    background-image: url('../../img/top/common/icon_outerlink.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

.box-hall-outerlink a.button-link:hover {
    text-decoration: none;
}

/**
 * -------------------------
 * @section ホール詳細画面::ホール基本情報::設備の有無のアイコン一覧的なやつ
 * -------------------------
 */
.box-list-hall-facility {
	margin: 10px 0;
	width: 100%;
	padding: 0;
    text-align: center;
}

.box-list-hall-facility > div {
    display: inline-block;
    text-align: left;
    width: 702px;
}

.box-list-hall-facility > div > div {
    float : left;
    width: 60px;
    height: 60px;
    margin: 3px 3px;
    border : 1px solid #c20d22;
    border-radius : 5px;
    text-align : center;
    line-height : 1.5em;
    background: #c20d22;
}

.box-list-hall-facility > div > div > div {
    display:table-cell;
    width: 60px;
    height: 60px;
    color : #FFF;
    vertical-align:middle;
}


/**
 * -------------------------
 * @section ホール詳細画面::ホールからの最新情報
 * -------------------------
 */
.list-hall-notice h3 {
    font-size: 1.4em;
    margin-bottom: 15px;
}

.list-hall-notice li{
    margin-bottom: 50px;
    list-style: none;
    line-height: 150%;
}

.list-hall-notice li:last-child{
    margin-bottom: 0;
}

.list-hall-notice li.layout-pattern-none {
    display: none;
}

/**
 * 縦向きレイアウトが選択されてる時のレイアウトパターン
 */
.list-hall-notice li.layout-pattern-01 .box-hall-notice-image{
    width: 100%;
    text-align: center;
}

.list-hall-notice li.layout-pattern-01 .box-hall-notice-image img{
    max-width: 100%;
}

/**
 * 横向きレイアウトが選択されてる時のレイアウトパターン
 */
.list-hall-notice li.layout-pattern-02 .box-hall-notice-image{
    width: 50%;
    float: left;
}

.list-hall-notice li.layout-pattern-02 .box-hall-notice-image img{
    width: 100%;
}

.list-hall-notice li.layout-pattern-02 .box-hall-notice-body{
    width: 50%;
    text-align: left;
    float: left;
}

.list-hall-notice li.layout-pattern-02 .box-hall-notice-body .inner-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

/**
 * -------------------------
 * @section ホール詳細画面::設置機種一覧タブ表示
 * -------------------------
 */
.box-swtich-machine-list {
    width: 100%;
    display: table;
    border-collapse: collapse;
}

.box-swtich-machine-list li{
    list-style: none;
    display: table-cell;
    text-align: center;
    line-height: 30px;
}

.box-swtich-machine-list li button {
    border: none;
    background: none;
    display: block;
    width: 100%;
    line-height: 30px;
    background-color: #cccccc;
    color: #ffffff;
    font-size: 1.1em;
    transition: background .25s linear;  
}

.box-swtich-machine-list li button.selected{
    background-color: #c30d22;
}

/**
 * -------------------------
 * @section ホール詳細画面::設置機種一覧
 * -------------------------
 */
.list-hall-allowance {
    width: 100%;
    list-style: none;
}

.list-hall-allowance > li{
    list-style: none;
}

.list-hall-machine {
    width: 100%;
}

.list-hall-machine > li{
    width: 50%;
    display: block;
    float: left;
}

.list-hall-machine > li:nth-child(odd) {
    clear: both;
}

.list-hall-machine > li .inner-content{
    padding: 10px;
}


.list-hall-machine > li span.unit{
    display: block;
    float: right;
}

.list-hall-machine > li span.new{
    display: inline-block;
    background-color: #c30d22;
    color: #ffffff;
    border-radius: 3px;
    font-size: 0.8em;
    padding: 2px 5px;
}

.list-hall-machine > li div.machine-dedama{
    display: block;
    float: right;
    margin-right : 3px;
    font-size: 0.9em;
    border : 1px solid #000;
    border-radius: 3px;
    padding: 2px 5px;
}

#myhall-info{
    position : fixed;
    top : 0px;
    width: 100%;
    height : 100%;
    text-align : center;
    z-index: 10;
    background : rgba(0,0,0,0.6);
}

#myhall-info-block{
    position : relative;
    width: 640px;
    height : 800px;
    margin : 0 auto;
}

#myhall-info-block img{
    width: 640px;
}

#myhall-close{
    position : absolute;
    bottom : 20px;
    left : 220px;
    width: 200px;
    height : 47px;
}

#myhall-app-store{
    position : absolute;
    bottom : 92px;
    left : 33px;
    width: 170px;
    height : 50px;
}

#myhall-google-play{
    position : absolute;
    bottom : 92px;
    left : 328px;
    width: 170px;
    height : 50px;
}
/**
 * -------------------------
 * @section 機種情報詳細画面::機種基本情報::筐体画像
 * -------------------------
 */
.wrapper-machine-detail .inner-content{
    padding: 10px;
}

.wrapper-machine-detail small {
    display: block;
}


/**
 * -------------------------
 * @section 機種情報詳細画面::機種基本情報::筐体画像
 * -------------------------
 */
.box-machine-image {
    width: 40%;
    margin-bottom: 15px;
    float: left;
}

.box-machine-image img{
    max-width: 75%;
}


/**
 * -------------------------
 * @section 機種情報詳細画面::機種基本情報テーブル
 * -------------------------
 */
.box-machine-base-information {
    width: 60%;
    float: right;
}
 
.table-machine-base-information {
    width: 100%;
    border-collapse: collapse;
}

.table-machine-base-information th {
    white-space: nowrap;
    vertical-align: middle;
    background-color: #f5f5f5;
    width: 40%;
}

.table-machine-base-information td,
.table-machine-base-information th{
    padding: 5px;
    border: 1px solid #dadada;
}

.box-machine-description {
    line-height: 180%;
}


/**
 * -------------------------
 * @section 機種情報詳細画面::機種設置店検索ボタン
 * -------------------------
 */

.box-machine-search {
    width: 60%;
    float: right;
}

.box-machine-search .anchor-more{
    width: 43%;
}

/**
 * -------------------------
 * @section 機種情報ページトップ画面::機種のなんかしらランキング
 * -------------------------
 */
.box-search-machine {
    border: 1px solid #c30d22;
}

.box-search-machine h2{
    background-color: #c30d22;
    padding: 3px;
    color: #ffffff;
}

.box-search-machine .inner-content {
    padding: 20px 10px;
}

.box-search-machine .box-form-item {
    margin-bottom: 20px;
}

.box-search-machine .box-form-item:last-child {
    margin-bottom: 0px;
}

.box-search-machine .box-form-item .label-item{
    display: block;
    font-weight: bold;
    line-height: 150%;
}

.box-search-machine .input-text {
    border: 1px solid #828282;
    border-radius: 4px;
    width: 255px;
    padding: 5px;
}

.box-search-machine .form-search-machine-machine_maker:checked + label {
    color: #c30d22;
}

.box-search-machine .form-search-machine-machine_maker.disabled + label {
    color: #dddddd !important;
}

.box-search-machine .input-submit {
    border: 1px solid #828282;
    border-radius: 4px;
    height: 36px;
    width: 60%;
    padding: 5px;
    font-size: 1.2em;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}

.box-search-machine .list-switch-machine-type {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-radius: 5px;
}

.box-search-machine .list-switch-machine-type li{
    display: table-cell;
    border: 1px solid #c30d22;
    text-align: center;
    width: 33%;
}

.box-search-machine .list-switch-machine-type li a{
    display: block;
    line-height: 30px;
    text-decoration: none;
}

.box-search-machine .list-switch-machine-type li.selected a {
    background-color: #c30d22;
    color: #ffffff;
}

.box-search-machine .list-machine-maker {
}

.box-search-machine .list-machine-maker li{
    list-style: none;
    width: 33%;
    float: left;
    padding: 4px 0px;
    line-height: 150%;
}


.wrapper-machine-ranking .header-machine-ranking {
    width: 49%;
    text-align: center;
    line-height: 200%;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.2em;
}

.wrapper-machine-ranking .header-machine-ranking.pachi{
    float: left;
    background-color: #1a8cdc;
}

.wrapper-machine-ranking .header-machine-ranking.slot{
    float: right;
    background-color: #dc631a;
}

.list-machine-ranking {
    clear: both;
}

.list-machine-ranking li {
    list-style: none;
    padding: 10px 0px;
}

.list-machine-ranking li .box-ranking-item {
    width: 49%;
}

.list-machine-ranking li .box-ranking-item.pachi {
    float: left;
}

.list-machine-ranking li .box-ranking-item.slot {
    float: right;
}

.list-machine-ranking li .box-ranking-item img{
    width: 100%;
}

.list-machine-ranking li .box-ranking-item div.blank{
    max-height: 96px;
    line-height: 96px;
    text-align: center;
    color: #ffffff;
    background-color: #f0f0f0;
}

.list-machine-ranking li .box-ranking-item .box-description div.inner-content{
    padding: 5px 0px;
    padding-left: 30px;
}

.list-machine-ranking li .box-ranking-item .box-description {
    background-repeat: no-repeat;
    background-position: left top;
}

.list-machine-ranking li .box-ranking-item .box-description.rank1 { background-image: url('../../img/top/hall/machines/icon-rank01.png'); }
.list-machine-ranking li .box-ranking-item .box-description.rank2 { background-image: url('../../img/top/hall/machines/icon-rank02.png'); }
.list-machine-ranking li .box-ranking-item .box-description.rank3 { background-image: url('../../img/top/hall/machines/icon-rank03.png'); }
.list-machine-ranking li .box-ranking-item .box-description.rank4 { background-image: url('../../img/top/hall/machines/icon-rank04.png'); }
.list-machine-ranking li .box-ranking-item .box-description.rank5 { background-image: url('../../img/top/hall/machines/icon-rank05.png'); }

.list-machine-ranking li .box-ranking-item .machine-maker {
    display: block;
    font-size: 0.8em;
}


/**
 * -------------------------
 * @section 機種詳細情報
 * -------------------------
 */
section.wrapper-content-machine-details {
}

.box-machine-details-image-header {
    margin-bottom: 20px;
}

.box-machine-details-image-header img{
    max-width: 100%;
    width: 100%;
}

section.wrapper-content-machine-details .table_set {
    width: 100%;
    margin: 0px auto;
}

section.wrapper-content-machine-details .table_set th,
section.wrapper-content-machine-details .table_set td{
    border: 1px solid #dadada;
    padding: 8px;
}

section.wrapper-content-machine-details .table_set td.blue {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: bold;
}

.box-machine-details-panel-section {
    clear: both;
}

.box-machine-details-panel-section h4 {
    border-bottom: 1px dotted #bf0119;
    margin-bottom: 15px;
}

.box-machine-details-panel-section .content {
    width: 100%;
    line-height: 150%;
    margin-bottom: 15px;
}

.box-machine-details-panel-section .width-100 {
    width: 100%;
    clear: both;
}

.box-machine-details-panel-section .width-50 {
    width: 50%;
    float: left;
}

.box-machine-details-panel-section .width-33 {
    width: 33%;
    float: left;
}

.box-machine-details-panel-section .width-25 {
    width: 25%;
    float: left;
}

.box-machine-details-panel-section .content.image {
    text-align: center;
}

.box-machine-details-panel-section .content.image > figure {
    padding: 5px;
}

.box-machine-details-panel-section .content.image img{
    max-width: 100%;
}

.box-machine-details-panel-section .content > div.inner-content {
    padding: 5px;
}

.box-machine-details-panel-section {
    margin-bottom: 20px;
}

.box-machine-details-item-section {
    clear: both;
}

/**
 * -------------------------
 * @section 機種紹介文
 * -------------------------
 */
.box-machine-description {
    margin: 20px 0px;
}

.box-machine-introduce .header-machine-introduce {
    cursor: pointer;
    padding: 15px 9px;
    border: 1px solid #bfbfbf;
    border-top: 1px solid #d9d9d9;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.box-machine-introduce .body-machine-introduce{
    padding-top: 10px;
    padding-bottom: 25px;
    line-height: 200%;
}

.box-machine-introduce .box-reel-image {
    text-align: center;
    width: 50%;
    float: left;
}

.box-machine-introduce .box-reel-image img {
    max-width: 100%;
}

.machine-copyright {
    display: block;
    font-size: 0.8em;
    margin-bottom: 15px;
}

.box-table-setting-probability {
    width: 50%;
    float: left;
}

.box-table-setting-probability .inner-content{
    padding: 10px;
}

.box-table-setting-probability .table-setting-probability {
    border-collapse: collapse;
    width: 100%;
}

.box-table-setting-probability .table-setting-probability caption{
    text-align: left;
    font-weight: bold;
}

.box-table-setting-probability .table-setting-probability th {
    background-color: #f5f5f5;
    width: 40%;
}

.box-table-setting-probability .table-setting-probability th,
.box-table-setting-probability .table-setting-probability td{
    border: 1px solid #dadada;
    padding: 5px;
}

.machine-introduce-copyright {
    text-align: right;
    margin: 10px 0px;
}

/**
 * -------------------------
 * @section 新着機種詳細情報一覧
 * -------------------------
 */
.list-recent-machine-detail li {
    margin-bottom: 15px;
    list-style: none;
}

.list-recent-machine-detail li .box-image-header {
    width: 40%;
    min-height: 78px;
    float: left;
}

.list-recent-machine-detail li .box-image-header img{
    width: 100%;
}

.list-recent-machine-detail li .box-description{
    width: 60%;
    float: left;
}

.list-recent-machine-detail li .box-description > .inner-content{
    padding: 0px 5px;
}

.list-recent-machine-detail li .box-description time,
.list-recent-machine-detail li .box-description span {
    display: block;
}

.list-recent-machine-detail li .box-description time {
    font-size: 0.8em;
    float: right;
}

.list-recent-machine-detail li .machine-name{
    font-size: 1.3em;
}

.list-recent-machine-detail li .machine-maker{
    font-size: 0.8em;
}



.list-station-search-result {
    width: 100%;
}

.list-station-search-result li {
    padding: 10px;
}

.list-recent-browsed-hall a{
    display: block;
    line-height: 150%;
    padding: 5px;
}

.list-recent-browsed-hall .box-image {
    text-align: center;
}


.list-recent-browsed-hall .box-description span{
    display: block;
}

.list-recent-browsed-hall .box-description .address{
    color: #505050;
    font-size: small;
    font-weight: normal;
}


/**
 * -------------------------
 * @section 各種コピーライト一覧
 * -------------------------
 */
.list-copyrights li {
    list-style: none;
    border-bottom: 1px solid #d5d5d5;
}

.list-copyrights .box-machine-info{
    width: 50%;
    float: left;
}

.list-copyrights .box-machine-info .machine-maker{
    font-size: 0.8em;
    display: block;
    margin-bottom: 5px;
}

.list-copyrights small {
    width: 50%;
    display: block;
    float: left;
    font-size: 0.8em;
}

/*
* パチトラアイコン
*/
.ptora-logo{
    text-align : right;
}
.ptora-logo img{
    width : 128px;
}