@charset "UTF-8";

/* ================================
	共通
================================ */
.mb0{    margin-bottom: 0;}
.mt0{    margin-top: 0;}
.fs12{  font-size: 120%;}
.hide{ display: none;}


@media screen and (max-width : 481px){
    .container,
    .inner,
    #footer{
        width: 100% !important;
        min-width: 100% !important;
    }
    .inner{
        padding: 0 1em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .gr3,
    .gr4,
    .gr5,
    .gr7,
    .gr8,
    .gr9{
        float: none;
        margin: 0 0 1em;
        width: 100% !important;
    }
    .rImg{
        max-width: 100%;
        height: auto;
        width /***/: auto;
    }
    .rImg100{
        width: 100% !important;
        height: auto;
        width /***/: auto;
    }
    #footer .ft-info,
    .ft_logo a,
    #sitemap{
        display: none;
    }
    
    .ft_logo{
        text-align: center;
        margin: 0 auto;
    }
    .ft_logo a.btn-footerCall{
        display: block;
    }
    .ft_logo img{
        display: none;
        margin: 0 !important;
        max-width: 100%;
        height: auto;
        width /***/: auto;
    }
    #footer p{
        text-align: center;
        margin: 0 auto;
    }
    .btn-recruit_sp{
        display: block;
        width: 100%;
        text-align: center;
    }
    #footer dl{
        text-align: center;
        margin: 1em 0;
        font-size: 1.6em;
    }
}

@media ( max-width : 481px ) {
	.sm_hide{
    	display: none;
	}
}
@media ( min-width : 482px ) {
	.xl_hide{
    	display: none;
	}
}

/* ================================
	.globalHeader
================================ */
@media screen and (max-width : 481px){
    .globalHeader .inner{
        padding: 0;
    }
    h1.logo{
        padding: 0 0 .5em;
        margin-left: .5em; 
    }
    .sub-link{
        display: none;
    }
/*
    .wrap-globalNav{
         display: none; 
    }
*/
    a.menuTrg{
        display: none;
/*
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 3px;
        right: 10px;
*/
    }
    .border{
        display: block;
        width: 80%;
        height: 4px;
        background: #666;
        position: relative;
        top: 50%;
        left: 50%;
        margin: -2px 0 0 -40%;
        border-radius: 3px;
    }
    .border:before,
    .border:after{
        display: block;
        content: "";
        width: 100%;
        height: 4px;
        background: #666;
        position: absolute;
        top: -8px;
        border-radius: 3px;
    }
    .border:after{
        top: 8px;
    }
    .globalNav{
        width: 100%;
        margin: 0;
    }
    .globalNav > li{
        width: 50%;
        height: auto;
        background: #fff;
        border: none;
        margin: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .globalNav > li >a{
        margin: 0 auto;
    }
    .globalNav .sub-menu{
        display: none !important;
    }
}
/* sp */
@media (min-width:482px){
    .wrap-globalNav{
        display: block !important; 
    }

}

/* ================================
	slider
================================ */
@media screen and (max-width : 481px){
    .slider{
        width: 100%;
        height: auto;
        
        display: none;
    }
    #slider{
        width: 100% !important;
        height: auto;
    }
    #slider img.rImg{
        width: 100%;
        height: auto !important;
    }
    
    .nivo-controlNav{
        position: relative;
        left: auto;
        bottom: auto;
    }
	
}

/* ================================
	news
================================ */
@media screen and (max-width : 481px){
    .news .container-news{
        width: 86%;
        margin: 0 auto;
    }
    .news{
/*         display: none; */
    }
    dl.newsTWT,
    .jspContainer,
    .jspPane{
        width: 100% !important;
    }
    dl.newsTWT dd{
        padding: 2em 0 1em;    
    }
    dl.newsTWT dt,
    dl.newsTWT dd{
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;    
    }	
    dl.newsTWT dd p{
        display: none;
    }
/*
    .news-ext{
        display: none;
    }
*/
}

/* ================================
	banner
================================ */
@media screen and (max-width : 481px){
    .bnrLst li{
        width: 100%;
    }
    .bnrLst li figure{
        width: 100%;
        height: auto;
    }
    .bnrLst li figure img{
        width: 100%;
        height: auto;
    }
    .bnrLst i{
        top: 0;
    }    	
    .bnrLst li.banquet{
        display: none;
    }
}

/* ================================
	side
================================ */
@media screen and (max-width : 481px){   	
    .btn-kenshuPlan{
        display: none;
    }
}


/* ================================
	reserve
================================ */
@media screen and (max-width : 481px){
    .reserve:after{
    width: 214px;
    }
    a.btn-jln{
        background: #000;
    }
    a.btn-jln img{
        max-width: 100%;
        height: auto;
        width /***/:auto;
    }
    .reserve:after{
        width: 100%;
        padding: 1px;
    }
    .icn-call{
        display: inline-block;
        border-radius: 3px;
        background: #1e5697;
        color: #fff !important;
        padding: .4em .8em;
        margin: 0 0 1em;
        position: relative;
        z-index: 1000;
    }
    .icn-call small{
        display: none;
    }
    .icn-call span{
        padding: 0 .4em 0 0;
    }
    
    .reserve .wrap-jalan,
    .reserve .point{
        display: none;
    }
	
}