@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:599px){
img{max-width:100%;}


/*===================
Parts
===================*/
.onPc{display:none;}
.onSp{display:block;}

/* lightbox */
#lightbox-container-image-box{width:auto!important;height:auto!important;}
#lightbox-container-image-data-box{width:auto!important;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{height:auto!important;}

/*===================
Temp
===================*/
/* body */
body{min-width:inherit;-webkit-text-size-adjust: 100%;overflow-x:hidden;}
body#top{background:none;}
body#top::before {background:url("/img_top/cuisine01.jpg") no-repeat center center;background-size: cover;display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding-bottom: 108px;content: "";z-index: -1;}  
body#top::after{content: "";
    display: block;
    background: #000;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;}

/* header */

/* container */
#container{width:auto;}

/* side */
#side{float:none;background:#fff;display:block;}
.spTopNav{height:65px;position:fixed;top:0;left:0;z-index:2000;width:100%;background:#000;border-bottom:1px solid rgba(0,0,0,0.1);}
#top .spTopNav{background:#000;border-bottom:1px solid rgba(255,255,255,0.4);}
.spTopNav .gNavInner{width:90%;margin:0 auto;;}
.spTopNav #logo{height: 66px !important;height:auto;padding:0 10px;margin-bottom:0;position:absolute;left:0;top:0;width:106px;margin:0;}
#top #side #logo{display:none;}
#top .menuIcon{display:none;}
.menuIcon{display:block;float:right;margin-top:20px;margin-left:18px;cursor:pointer;}
.menuIcon span{display:block;width:30px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;background:#fff;margin-bottom:5px;}
#top .menuIcon span{background:#cccccc;}
.menuIcon span:last-child{margin-bottom:0;}
.menuIcon.open span{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;}
.menuIcon.open span:first-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);position:relative;top:9px;}
.menuIcon.open span:nth-child(2){display:none;}
.menuIcon.open span:nth-child(3){transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}

.topLogo{display:none;}
#top .topLogo{display:block;width:70px;float:left;margin-top:5px;}
.spTel a{line-height:26px;color:#000;}
.spSide{background:#fff;width:170px;height:100%;position:fixed;top:0;left:-171px;z-index:3;border-right:1px solid rgba(0,0,0,0.1);transition:all 0.3s;}
.spSide.on{left:0;}
#top .spSide{background:#000;border-right:1px solid rgba(255,255,255,0.4);}
.spSide ul{margin-top:78px;}
#top .spSide #nav{margin-bottom:30px;}
#top .spSide #nav li{margin-bottom:10px;}
#top .spSide #nav li:last-child{margin-bottom:0;}
#top .spSide #nav li a{border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;overflow:hidden;display: block;width: 150px;margin:0 auto;color:#FFF;}
#top .spSide #side_bnr{text-align:center;}

/* main */
#main{padding-left:0;float:none;width:90%;margin:0 auto;padding:0;display:block;margin-top:86px;position:relative;}
#top #main{width: auto;height:auto;margin-left: 0;top: 0;margin-top: 0;left:0;}
.main_pic{height:auto;}

/* footer */
#top .copy.onSp{position: static;margin-left: 0;clear: both;text-align: center;display: inline-block;margin-top: 70px;width: 100%;}
#footer_gnav{display:block;}
#footer_gnav ul{width:auto;margin:0 auto;margin-top:65px;}
#footer_gnav li{width:48.387096774%;float:left;margin-bottom:10px;}
#footer_gnav li:nth-child(2n){float:right;}
#footer{background-size:contain;margin-top:30px;width:auto;}
.nikotama_copy{bottom:50px;left:50%;transform:translate(-50%,0);text-align: center;}
/*===================
Index
===================*/
#container1{height:auto;}
#n2_navi.onSp{position: static;margin-left: 0;margin: 0 auto;margin-bottom: 110px;width:310px;}
#n2_navi.onSp ul li{width:150px;margin-right:10px;float:left;}
#n2_navi.onSp ul li:nth-child(2n){margin-right:0;}
.h1Wrap{position:relative;}
#unokoku_logo{width:280px;margin-left:0;padding-top:100px;position:static;margin:0 auto;margin-bottom:120px;}
.flex-direction-nav{display:none;}
.flexslider{position:fixed;z-index:-1;top:66px;background:#000;height:100%;}
.flexslider ul,
.flexslider ol{display:none!important;}
.flexslider li img{max-width:inherit;min-width:750px;position: relative;right: 50%;margin-left: 30%;}
.topCon{display:block;width:90%;margin:0 auto;text-align:center;margin-bottom:70px;}

/*===================
Dining
===================*/
#page_dining .pic_list li{float:none;width:auto;}
.pic_list li img{float:none;}

.menu_table tr th,
.menu_table tr td{display:block;}
.menu_table th{font-size:14px;width:auto;}
.menu_table th:nth-child(2){float:left;}
.menu_table td{float:right;font-size:14px;}

.detail_menu_area.full.ph_none .detail_menu_box-r .detail_menu_list_ttl{float:none;width:auto;margin:0 0 20px 0;}
.detail_menu_area.full.ph_none .detail_menu_box-r .detail_menu_list{width:100%;padding:0 20px;box-sizing: border-box;display:block;}

.detail_menu_box{float:none;width:auto;}

/*===================
REVIEW
===================*/
.review_list li,
.review_list li:nth-child(2n){float:none;width:auto;}

/*===================
Guide
===================*/
.pic_list li{width:auto;}
.pic_list .pic_list-l,
.pic_list .pic_list-r{float:none;}
.pic_list .pic_list-l{margin-bottom:20px;}

/*===================
Recruit
===================*/
.form_table th,
.form_table td{display:block;width:auto;}
/* 2016年8月29日追記 */
.spTel{display:block;width:164px;text-align:center;margin-top:18px;background:#FFF;border-radius:20px;float:right;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;text-align:center;}
/* /2016年8月29日追記 */
@media screen and (orientation: landscape) {

/* side */
.spSide{position:fixed;overflow-y:scroll;}

}

}
@media screen and (max-width:320px){

#top .spTel{background:url("/img/head_tel_top.png") #666666 no-repeat 5px 50%;}
#top .spTel a{padding: 0 3%;padding-left: 10%;}

}