@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;}
    
	/* proxAttenSec*/

#proxAttenSec {
}
#proxAttenSec h2{
	text-align:center;
	color:#C60;
	font-size:1.5em;
	line-height:1.2em;
}

#proxAttenSec p.hdTxt{
	text-align:center;
	line-height:1.2em;
	 margin-bottom:0.4em;
}

#proxAttenSec p{
	text-align:left;
}
#proxAttenSec ul{
	margin:1em 0;
display: flex;
  flex-wrap: wrap; 
  padding: 0;
  list-style: none; /* ドットを消す */
  justify-content: space-between; /* 左右にきれいに分散 */
  align-items: stretch;
  gap: 10px; /* 上下左右の隙間を一括指定 */
}
#proxAttenSec li{
/* --- ここが重要：2列にするための指定 --- */
  width: calc(50% - 5px); /* 全体の半分から、gapの半分(5px)を引く */
  box-sizing: border-box;
  
  display: flex; 
  justify-content: center; 
  align-items: center;
  margin: 0;
  padding: 5px 2px; /* ボタンらしい余白を確保 */
  border: 1px solid #ccc; /* 枠線を見えるように */
  min-height: 3em; /* 高さを揃えてボタンらしくする */
}
#proxAttenSec li a{
	border:none;
	padding:0;
}
#proxAttenSec p.passBtnP{
	text-align:center;
}
#proxAttenSec p.passBtnP a{
  border: 1px solid #ccc; /* 枠線を見えるように */
  margin-top:0;
}

   /* WarrantySec*/

#WarrantySec{
    align-items: center;
    padding: 2em 0em 1em 0em;
}
#WarrantySec img{
    width: 21%;
    height: 21%;
}
#WarrantySec .WarrantyBox{
    /* width: 68%; */
    /* margin-right: 0.5em; */
}
#WarrantySec .WarrantyBox h2{
    font-size: 122%;
padding-left: 1.1em;
        padding-right: 1em;
}
#WarrantySec .WarrantyBox h2 .size120{
    font-size: 155%;
}
#WarrantySec .WarrantyBox p{
    font-size: 10px;
    padding-left: 0.5em;}

    #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 .pcNone{display: block;}
    #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 .spa{flex-wrap: wrap;justify-content: space-around;}
    #renewSec .hospitality .spa .hostListInner{}
    #renewSec .hospitality .spa .hostListInner .spattl{}
    #renewSec .hospitality .spa .plate{margin-bottom: 0.6em;}
    #renewSec .hospitality .spa .hosListImg{
    width: 48%;
}
   #renewSec .hospitality .spa .hosListImg img{
    width: 100%;
    height: auto;
}   


    
    #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;
  }

}