@charset "utf-8";

@media (max-width:670px) {
    
    /**
     * -------------------------
     * @section ページ全体設定達
     * -------------------------
     */
    .pc {
        display: none;
    }


    /**
     * -------------------------
     * @section ヘッダー
     * -------------------------
     */
    header {
        width: 100%;
        height: 40px;
        position: fixed;
        z-index: 10;
        top: 0px;
        left: 0px;
        border-bottom: 1px solid #bf0119;
        padding: 0px;
        background-color: #ffffff;
    }
    
    header + div,
    header + nav {
        margin-top: 43px;
    }
    
    #nana-link-logo {
        width: auto;
        height: 40px;
    }
    
    .box-sp-menu {
        display: block;
        float: right;
    }
    
    .button-sp-menu {
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
    }

    .button-sp-menu img{
        width: 30px;
        height: 30px;
    }
    
    
    
    /**
     * -------------------------
     * @section ページ全体のおおまかなレイアウト構成達
     * -------------------------
     */
    header div.inner-content,
    footer div.inner-content,
    .breadcrumb ol.inner-content,
    .wrapper-contents {
        width: auto;
        max-width: auto;
        min-width: 320px;
    }
    
    .wrapper-main {
        float: none;
        width: auto;
    }
    
    .box-content.main:first-child {
        margin: 0px;
    }
    
    .box-content.main > .inner-content {
        padding: 9px 6px;
    }

    .wrapper-sidebar {
        position: fixed;
        top: 44px;
        left: 0px;
        width: 100%;
        background-color: #fafafa;
        box-shadow: 0px 3px 3px 0px #999999;
        display: none;
        padding-bottom: 20px;
    }
    
    .wrapper-sidebar > .inner-content {
        padding: 10px 20px;
    }
    
    .wrapper-sidebar .input-text {
        width: 70% !important;
    }

    .wrapper-contents{
        padding: 10px 0;
    }
    
    .wrapper-contents .content-header{
        font-size: 1.1em;
    }
    
    .box-content.sidebar .content-header {
        background-image: none !important;
    }
    
    .list-machine-calendar-pachi .box-machine-image,
    .list-machine-calendar-slot .box-machine-image {
        width: 50px;
    }
    
    .list-machine-calendar-pachi .box-machine-search,
    .list-machine-calendar-slot .box-machine-search {
        clear: none;
        margin: 0px;
        text-align: right !important;
    }
    
    .list-machine-calendar-pachi .anchor-more,
    .list-machine-calendar-slot .anchor-more {
        max-width: 120px;
        margin-bottom: 0px !important;
        float: none;
        display: inline-block !important;
        line-height: 30px;
        padding: 0px;
    }
    
    .list-machine-calendar-backnumber-month > li {
        display: inline-block;
        width: 20%;
    }



    /**
     * -------------------------
     * @section パンくずリスト
     * -------------------------
     */
    
    nav.breadcrumb {
        padding: 0px;
        font-size: 0.9em;
        line-height: 20px;
    }
    
    nav.breadcrumb ol li{
        padding-left: 5px;
    }
    
    nav.breadcrumb ol li:first-child {
        display: none;
    }


    /**
     * -------------------------
     * @section フッターもろもろ
     * -------------------------
     */
    footer {
        margin-top: 45px;
    }
    
    
    footer .box-logo {
        padding: 5px 0px;
        text-align: center;
        float: none;
    }
    
    footer .box-logo img {
        width: 50%;
    }
    
    footer .copyright-global {
        font-size: 0.8em;
    }
    
    footer > .inner-content {
        padding: 10px !important;
    }
    
    .box-copyright-global .inner-content {
        padding: 0px 0px;
    }
    
    footer nav ul li {
        line-height: 300%;
    }
    
    footer nav ul li{
        line-height: 300%;
        display: inline-block;
        font-size: 0.7em;
    }
    
    footer nav ul li:before{
        content: '|';
        margin: 0px 3px;
    }

    /**
     * -------------------------
     * @section コンテンツのボックスモデル定義達
     * -------------------------
     */
    .box-content.half-left,
    .box-content.half-right {
        width: auto;
        float: none;
    }


    .box-content.sidebar .content-header {
        background: url('../../../assets/img/top/common/bg_content_header02.gif') repeat-x bottom;
    }
    
    .content-header02 {
        padding: 0px 3px;
    }

    
    /**
     * -------------------------
     * @section 新着機種情報
     * -------------------------
     */
    .list-new-arrival-machine-detail li {
        border-left: none;
        border-right: none;
    }
    
    .list-new-arrival-machine-detail .box-image-header {
        width: 100%;
        float: none;
    }
    
    .list-new-arrival-machine-detail .box-description {
        float: none;
        width: 100%;
        margin-top: 5px;
    }

    .list-new-arrival-machine-detail .box-description .label {
    }
    
    .list-new-arrival-machine-detail .box-description .machine-maker {
        padding-top: 0 !important;
        float: left;
        margin-top: 5px;
    }
    
    .list-new-arrival-machine-detail .box-description .machine-name {
        float: left;
        margin-left: 10px;
        margin-top: 5px;
    }
    
    .list-new-arrival-machine-detail time {
    }
    
    .box-machine-introduce .body-machine-introduce.detail img {
        max-width: 49% !important;
        height: auto !important;
    }
    
    .box-machine-introduce .box-reel-image {
        width: 100%;
        float: none;
        clear: both;
    }
    
    .box-machine-introduce .box-reel-image.reel img {
        max-width: 50% !important;
    }
    
    .box-machine-introduce .box-reel-image.pay_table img {
        max-width: 100% !important;
    }
    
    .box-table-setting-probability {
        width: 100%;
        float: none;
    }

    
    /**
     * -------------------------
     * @section 新着機種情報
     * -------------------------
     */
    .list-news-01 li {
        border-left: none;
        border-right: none;
    }
    
    .list-news-01 li a{
        clear: both;
        display: block;
    }
    
    .wrapper-machine-detail > .inner-content {
        padding: 10px !important;
    }
    
    .box-relational-site img {
        width: 25%;
    }
    
    /**
     * -------------------------
     * @section ホール検索の日本地図とか
     * -------------------------
     */
    .box-search-keywords .input-text {
        width: 85%;
    }
    
    .box-search-keywords .input-submit {
        width: 10%;
    }
    
    .wrapper-hall-map {
        width: auto !important;
        height: auto;
        background-image: none;
    }
    
    .wrapper-hall-map .box-image-sp-map {
        display: block;
        width: auto !important;
    }
    
    .wrapper-hall-map .list-hall-area {
        width: auto;
        position: relative;
    }
    
    .wrapper-hall-map .list-hall-area > li {
        position: static;
        width: 100% !important;
        border: none;
    }
    
    .wrapper-hall-map .box-search-keywords {
        width: auto;
        border-left: none;
        border-right: none;
        border-top: none;
    }
    
    .wrapper-hall-map .list-hall-area > li.hokkaido-tohoku:after{
        content: none;
    }
    
    .wrapper-hall-map .list-hall-area > li.kanto:after{
        content: none;
    }
    
    .wrapper-hall-map .list-hall-area > li.chubu:before{
        content: none;
    }
    
    .wrapper-hall-map .list-hall-area > li.kinki:after{
        content: none;
    }
    
    .wrapper-hall-map .list-hall-area > li.chugoku:after{
        content: none;
    }
    
    .wrapper-hall-map .list-hall-area > li.shikoku:before{
        content: none;
    }
    
    .wrapper-hall-map .list-hall-area > li.kyushu-okinawa:before{
        content: none;
    }


    /**
     * -------------------------
     * @section ホール検索::都道府県・市区町村一覧
     * -------------------------
     */
    .list-hall-search-city li {
        width: 50%;
        margin: 6px 0px;
    }
    
    .wrapper-hall-search-result .box-city-list {
        border: none;
        padding-top: 0px;
    }
    
    .list-hall-search-pref li{
        width: 50%;
    }
    
    /**
     * -------------------------
     * @section ホール検索::検索結果ホール一覧
     * -------------------------
     */
    .wrapper-hall-search-result .header-area-name {
        line-height: 40px;
        font-size: 1.3em;
    }
    
    .list-hall-search-result li .inner-content {
        padding: 9px;
    }


    /**
     * -------------------------
     * @section 本日のチラシ情報
     * -------------------------
     */
    .box-dekachirashi-item {
        width: 33%;
    }
    
    .box-dekachirashi-item .box-image{
        padding: 0px 15px;
    }


    /**
     * -------------------------
     * @section ホール詳細画面::ホール基本情報::店舗画像
     * -------------------------
     */
    .wrapper-hall-detail .hall-name {
        font-size: 1.5em;
    }
    
    .wrapper-hall-detail .content-header {
        clear: both;
        font-size: 1.2em;
    }
    
    .time-last-updated {
        float: none;
        display: block;
        text-align: right;
    }

     
    .box-hall-image {
        width: 100%;
        max-height: 250px;
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }


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


    /**
     * -------------------------
     * @section ホール詳細画面::ホール基本情報::住所とかのテーブル
     * -------------------------
     */
    .box-hall-base-information {
        width: 100%;
        float: none;
    }
 
 
    .box-google-map {
        width: 100%;
        min-height: 250px;
        max-height: 250px;
    }
    
    .box-inside-link {
        margin-top: 0px !important;
    }
    
    .box-inside-link.fixed {
        position: fixed;
        top: 44px;
        margin-top: 0px;
        width: 100%;
        background-color: #ffffff;
        z-index: 10;
    }
    
    .inner-box-inside-link {
        padding: 0px 0px !important;
        margin-bottom: 20px 0px !important;
    }
    
    .wrapper-hall-detail .box-inside-link ul li:last-child {
        border-right: none;
    }
    
    .wrapper-hall-detail .box-inside-link ul li:first-child {
        border-left: none;
    }
    
    .box-hall-outerlink a.button-link {
        font-size: 0.9em;
    }
    
    /**
     * -------------------------
     * @section ホール詳細画面::ホール基本情報::設備の有無のアイコン一覧的なやつ
     * -------------------------
     */
    .box-list-hall-facility {
        margin-top: 0px;
    }
    
    .box-list-hall-facility > div {
        min-width: 95%;
        max-width: 100%;
    }

    .box-list-hall-facility > div > div {
        width: 35px;
        height: 35px;
        line-height : 1em;
        margin: 1px;
    }

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

    /**
     * -------------------------
     * @section ホール詳細画面::新着情報
     * -------------------------
     */
     
    .box-hall-notice-image {
        width: 100%;
    }
     
    .list-hall-notice .box-hall-notice-image img{
        width: 100%;
    }
    
    .list-hall-notice .box-hall-notice-body {
        clear: both;
    }
    
    .list-hall-notice li.layout-pattern-02 .box-hall-notice-body .inner-content {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .list-hall-notice li.layout-pattern-02 .box-hall-notice-image{
        width: 100%;
        float: none;
    }
    
    .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: 100%;
        float: none;
    }


    /**
     * -------------------------
     * @section ホール詳細画面::設置機種一覧
     * -------------------------
     */
    .list-hall-machine > li {
        width: 100%;
        display: block;
        float: none;
    }
    
    #myhall-info{
        position : fixed;
        top : 0px;
        width: 100%;
        height : 100%;
        text-align : center;
        z-index: 100;
        background : rgba(0,0,0,0.6);
    }

    #myhall-info-block{
        position : relative;
        width: 100%;
        max-width: 320px;
        max-height : 400px;
        text-align : center;
    }

    #myhall-info-block img{
        width: 100%;
        max-width: 320px;
    }

    #myhall-close{
        position : absolute;
        bottom : 10px;
        left : 110px;
        width: 100px;
        height : 23px;
    }

    #myhall-app-store{
        position : absolute;
        bottom : 45px;
        left : 15px;
        width: 85px;
        height : 25px;
    }

    #myhall-google-play{
        position : absolute;
        bottom : 45px;
        left : 163px;
        width: 85px;
        height : 25px;
    }
    
    /**
     * -------------------------
     * @section 機種情報詳細画面::機種基本情報::筐体画像
     * -------------------------
     */
    .box-machine-image {
        width: 100%;
        max-height: 250px;
        float: none;
        text-align: center;
    }
    
    .box-machine-image img{
        max-width: 240px;
        max-height: 240px;
    }
    
    
    /**
     * -------------------------
     * @section 機種情報詳細画面::機種基本情報テーブル
     * -------------------------
     */
    .box-machine-base-information {
        width: 100%;
        float: none;
    }
    
    
    /**
     * -------------------------
     * @section 機種情報詳細画面::機種設置店検索ボタン
     * -------------------------
     */
    
    .box-machine-search {
        width: 100%;
        clear: both;
        text-align: center;
    }
    
    .box-machine-search .anchor-more{
        width: 90%;
        float: none !important;
        margin-bottom: 10px;
    }
    
    .box-search-machine .input-text {
        width: 80%;
    }


    /**
     * -------------------------
     * @section 機種情報ページトップ画面::機種のなんかしらランキング
     * -------------------------
     */
    
    .list-machine-maker li {
        width: 50% !important;
    }
    
    .wrapper-machine-ranking {
        width: 100%;
    }
    
    .wrapper-machine-ranking > .box-content-section{
        width: 100%;
        float: none;
        clear: none;
    }
    
    
    .box-machine-details-panel-section .content {
        float: none;
        clear: both;
        width: 100%;
    }


    .list-recent-machine-detail li .box-image-header {
        width: 100%;
        float: none;
    }
    
    .list-recent-machine-detail li .box-description{
        width: 100%;
        float: none;
    }
    
    .list-recent-machine-detail li {
        border-bottom: 1px solid #dadada;
    }


    /**
     * -------------------------
     * @section 各種コピーライト一覧
     * -------------------------
     */
    .list-copyrights .box-machine-info{
        width: 100%;
        float: none;
    }
    
    .list-copyrights .box-machine-info .machine-maker{
        font-size: 0.8em;
        display: block;
        margin-bottom: 5px;
    }
    
    .list-copyrights small {
        width: 100%;
        display: block;
        float: none;
        margin-top: 10px;
    }

}


/* 串カツによる暫定バナー設置対応 */
@media (max-width:670px) {
    .hall-banner {
    text-align: center;
    margin: 0 0 10px 0;
    }
}

@media (min-width:669px) {
.hall-banner {
    text-align: center;
    margin: 10px 0;
    }
}

.hall-banner img{
    width: 100%;
    max-width: 800px; /* 最大幅 */
}