@charset "UTF-8";


/*parks/detail SP*/
@media screen and (max-width:768px){
    img.cancellation_img {
        width: 100%;
    }
    .parks_map{
        display: inline-block;
    }

    .nav_menu {width: 200% !important;}
    body {background-color: #ffffff !important;}
}

/*===============================================
● smart.css  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
    .w1400 {
        width: 100%;
        margin: 0 auto;
    }
    .w980 {
        width: 100%;
        margin: 0 auto;
    }
    /*nav S*/
    div#navbar {
        background: #000000;
        padding: 20px 0;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 400px;
    }
    li.nav_txt {
        text-align: center;
    }
    .navbar-default .navbar-nav>li>a {
        color: #FFFFFF !important;
    }
    .navbar-header {
        padding: 10px;
    }
    nav.navbar {
        padding: 0px;
    }
    .navbar-nav>li>a {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .navbar-default .navbar-nav > li > a {
        color: #333333;
        border-top: solid 1px #333333;
        border-bottom: solid 1px #333333;
        width: 80%;
        margin: 0 auto;
    }


    /*parks S*/
    .danger_area,.park_no_box,.info_no_box,li.list-group-item,table.table_entry_board,.confirm_service,p.entry_gray,.entry_block_title,input.entry_mail,.entry_required,input.entry_no,input.entry_receipt,button.btn_return,button.btn_confirmation,.info_txt {
        width: 100%;
    }
    .btn_monthly {
        color: #fff;
        font-size: 16px;
        background: #3479A3;
        padding: 20px;
        width: 80%;
    }
    .btn_monthly_sp {
        color: #fff;
        background: #1FAAC1;
        text-align: center;
        padding: 20px;
        font-size: 16px;
        font-weight: bold;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 100;
    }
    .btn_monthly_sp a {
        color: #fff;
    }
    .btn_info_sp {
        color: #fff;
        background: #CB4E4E;
        text-align: center;
        padding: 20px;
        font-size: 16px;
        font-weight: bold;
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 100;
    }
    .btn_info_sp a {
        color: #fff;
    }
    .entry_block_title {
        font-size: 12px;
    }
    table.table_entry_board th,td{
        font-size: 14px;
    }
    .panel-title{
        font-size: 22px;
    }
    table.confirm_table {
        width: 100%;
        margin: 0 auto;
        font-size: 22px;
    }
    h3.reservations_txt {
        width: 90%;
        font-size: 14px;
    }
    a.bx-prev,a.bx-next {
        display: none;
    }

    /*payment_end S*/
    table.payment_end {
        width: 100%;
        margin: 0 auto;
    }
    .gray_box {
        width: 100%;
    }
    .ico-car-gray{
        width: 35px;
    }
    button.btn_payment_end {
        font-size: 16px;
    }
    /*pagination S*/
    .pagination {
        display: inline-block;
        margin: 0px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        padding: 0px;
        font-size: 12px;
    }
    /*footer S*/
    .footer-img {
        padding-top: 50%;
        background-size: 200%;
        background-position: center;
    }
    .footer_gnav table{
        width: 100%;
    }
    .footer_gnav table td{
        width: 50%;
        font-size: 10px;
        font-weight: bold;
        border: solid 1px #333333;
        padding: 10px;
    }
    .footer .footer_gnav {
        padding: 0;
    }
}