@charset "utf-8";
@media screen and (max-width: 950px) {
    #header{/* margin-top: -1em; *//* position: relative; */}
	#firstview .firstviewInner{position:relative;height:260px;overflow:hidden;/* margin-top: 2em; */}
    #firstview .firstviewInner .bgImg{background-size: cover;background-position: center;}
    
    #resSec .resInner .boushinBox{}
    #resSec .resInner .boushinBox a{}
    #resSec .resInner .boushinBox a:hover{}
    #resSec .resInner .boushinBox a .boushinInner{}
    #resSec .resInner .boushinBox a .boushinInner img{max-width:730px;margin: auto;}
    #resSec .resInner .resWrap{display: block;}
    #resSec .resInner .resWrap .resTitle{justify-content: center;}
    #resSec .resInner .resWrap .resSearch input{display: block; width: 90%;text-align: center;margin: 1em auto 0;}
    #resSec .resInner .resWrap form{display: block;}
    #resSec .resInner .resWrap .resBorder{border-right: none;border-bottom: 1px solid #3E3A39; margin-bottom: 0.2em; padding: 0 0 0.2em;}
    #resSec .resInner .resWrap .resBorder .resFormInfo{text-align: center;}
    #resSec .resInner .resWrap .resBorder:last-child{margin: 0;padding: 0;}
    #resSec .resInner .resWrap select{padding: 0;}
    #resSec .resInner .resWrap .resTitle p{margin-left: 0.6em;}
    #resSec .resInner .resWrap p{text-align: center;}
    #resSec .resInner .resWrap .resCheckIn input{display: block;margin: 0 auto;padding: 0;text-align: center;}
    #resSec .resInner .resBtn{display: block;}
    #resSec .resInner .resBtn a{display: block;width: 90%;margin: 0 auto 1em;}
    #resSec .resInner .resBtn a:last-child{margin-bottom: 0;}
    #resSec .resInner .resAbout .resText{width: 90%;top: 17%;}
    #resSec .resInner .resAbout .resTextTitle{font-size: 3.8vw;line-height: 1.1em;}
    #resSec .resInner .resAbout .resTextSmall{font-size: 6vw;}
    #resSec .resInner .resAbout .resTextBig{font-size: 10.3vw;}
    #resSec .resInner .resAbout img{width: 100%;}
    #resSec .resInner .resAbout .resTextcoseday {font-size: 1.2em;text-align: center;line-height: 1em;}
    #resSec .resInner .resAbout .resTextday {font-size: 1em;text-align: center;line-height: 1em;}
    #resSec .resInner .resAbout .resText {padding: 1.5em 0.5em;}


    #renewSec .spNone{display: none;}
    #renewSec{margin-top: 0.6em;}
    #renewSec .renewMainVis{background: none;}
    #renewSec .renewMainVis .allTitleInner{background-size: cover;}
    #renewSec .renewBox .renewImg{display: block;}
    #renewSec .renewBox .cuisine .renewImg{display: flex;flex-wrap: wrap;justify-content: space-between;}
    #renewSec .renewBox .renewImg .first img{width: 100%; height: 100%;}
    #renewSec .renewBox .renewImg .other{justify-content: end; margin-top: 0.5em; gap: 0.5em 2%;}
    #renewSec .renewBox .renewImg .centerImg{justify-content: center; margin-top: 0.5em; gap: 0.5em 2%;}
    #renewSec .renewBox .activity .renewImg .other{gap: 0.5em 2%;}
    #renewSec .renewBox .renewImg .other div{width: 49%; height:100%;}
    #renewSec .renewBox .renewImg .other div img{width: 100%; height: 100%;}

    #renewSec .renewBox .cuisine .renewImg .first {order: 1;width: 49%;} 
    #renewSec .renewBox .renewImg .chef {order: 2;width: 49%;/* padding-left: 5px; */} 
    #renewSec .renewBox .renewImg .other { order: 3; } 

    #renewSec .renewBox .cuisine .renewImg .first img,
    #renewSec .renewBox .renewImg .chef img{    width: 100%;height: auto;}

    #renewSec .renewItem .allTitle .text{font-size: 1.08em; margin-bottom: 0;}
    #renewSec .hospitality .hosItem{display: block;}
    #renewSec .hospitality .hosItem .hosList{width: 90%;}
    #renewSec .hospitality .lounge{display: block; width: 100%;}
    #renewSec .hospitality .lounge .hosListImg{margin-top: 1.3em;}
    #renewSec .hospitality .lounge .hosListImg img{width: 100%;}
    #renewSec .hospitality .refridge{margin-top: 1.4em;}
    #renewSec .renewBox .renewItem{margin-top: 3.5em;}
    #renewSec .hospitality .hosItem .hosList .text{font-size: 0.98em;}


    #bestSec .bestBtn{display: block;}
    #bestSec .bestBtn a{display: block;width: 90%;margin-bottom: 1em;}
    #bestSec .bestBtn a:last-child{margin-bottom: 0;}

    #planSec .planBox .planFlex{margin-bottom: 0;}
    #planSec .planBox .planFlex a{display: block;width: 46%;margin: 0 auto 1em;}
    #planSec .planBox .planFlex p{width: 97%;}

    #guideSec .guideFlex{display: block;width: 90%;margin:0 auto;}
    #guideSec .guideFlex a{margin: 0 0 1em;}
    #guideSec .guideFlex a p{margin-bottom: 2em;}

    #infoSec .infoFlex{display: block;}
    #infoSec .infoNews{width: 90%;margin: 0 auto;}
    #infoSec .infoNews ul li{display: block;}
    #infoSec .infoNews .infoList{margin-bottom: 2.5em;}
    #infoSec .infoFlex img{display: block; width: 90%;margin: 0 auto;}
    #infoSec .infoBtn{display: block;}
    #infoSec .infoBtn a{display: block;width: 90%;margin:0 auto 1em;}
    #infoSec .infoBtn a:last-child{margin-bottom: 0;}

    #planbtnSec .planbtnInner{display: block;}
    #planbtnSec .planbtnInner a{display: block;width: 90%;margin: 0 auto 1em;}
    #planbtnSec .planbtnInner a:last-child{margin-bottom: 0;}
}

/*nenga*/
@media screen and (max-width: 950px) {
  .nengaBnrP img {
    width: 100%;
    margin-bottom: 1em;
  }
}