* {
margin:0;
padding:0;
}

.roomimg {
  width: 100%;
}

.cookingimg {
  width: 296px;
}

.cbox {
  background-color: lemonchiffon;
}

/*231031修正*/
/*.k-ttl { font-size:24px; font-weight: 600;}*/
.k-ttl { font-size:16px; font-weight: 600;}

.allarea { font-size:20px; margin:20px 0;}
.yoyaku { font-size:14px!important;}
button.kensaku { width:100%; margin:0; background-color: #F60408; padding:0.3em; text-align: center; color: #fff; font-weight:bold; font-size:36px; cursor: pointer;}
#search_button { width:60%; margin:20px auto!important; }
#s_base { display:none; width:1000px; margin:0 auto;}
/*231031修正*/
.ttl-obi { background-color: #c5a765; width:100%; padding:0.2em 0.5em; box-sizing: border-box; font-size:20px; font-weight: 600;}
.ttl-obi { background-color: #c5a765; width:100%; padding:0.2em 0.5em; box-sizing: border-box; font-size:16px; font-weight: 600;}

button:hover { background-color:#f5f5f5;}

/*231031修正*/
#genre_all label { font-size:14px!important;}
#scene label { font-size:14px!important;}
.kv { width:100%; height:430px; position:relative; background-color:#ddd;}
.kv img { position:absolute; height:430px; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width:2600px;}

/*店舗詳細*/
.bg-y { background-color: #f3c75b!important; margin:0; padding:0;}
.shop-detail { width:786px; margin:0 auto; display: flex; flex-wrap: nowrap; align-items: flex-start;}
.shop-photo { width:296px; margin:0 30px; }
.shop-data { width:460px; }
.shop-detail2 { width:786px; margin:0 auto; text-align: center;}

.areaname { padding:0.2em 1em; border:1px solid #c5a765; color:#040000; font-weight: bold; text-align: center; font-size:20px; display:inline-block; margin:0 5px 5px 0;}
.floor { font-size:18px; font-weight: bold;}
.genre{ font-size:16px;}
.shopname{ font-size:24px; font-weight: bold; }
.shop-tel { font-size:18px; text-align: center;}
ul.mark { list-style: none; }
ul.mark li { display:inline-block; vertical-align: middle; font-size:18px!important;}

.sb-yosan { font-size:18px!important; padding:0.2em 0.5em; border:solid 1px #c5a765; margin:5px 5px 0 0; display:inline-block;}
.sb-yosan11 { font-size:18px!important; padding:0.1em 0.2em 0 0.2em; border:solid 1px #c5a765; margin:5px 5px 0 0; display:inline-block;}
.sb-yosan1 img { padding:0; border:solid 1px #c5a765; margin:5px 5px 0 0; display:inline-block;}
.yoko { display:inline-block; vertical-align: middle; margin:0 1em 0.2em 0; padding:0; font-size:18px!important;}


.roomphoto-box { width:100%; padding:40px 0;}
.roomphoto-box figure { width:30%; display:inline-block; margin:0 3.3% 3.3% 0; vertical-align: top;}
.roomphoto-box figure:nth-child(3n) { margin:0 0 3.3% 0;}
.roomphoto-box figure:last-child { margin:0 0 3.3% 0;}

.kensu { text-align: center;}

.link-btn { display:flex; flex-wrap: nowrap; justify-content: center;}
.link-btn div { width:150px; margin:0 9px 9px 0;}
.link-btn div:last-child { margin:0 0 9px 0;}
.link-btn div img { width:100%;}

/*続きをみる*/
.cbox { width:60%; margin:20px auto 0 auto; background-color:#f3c75b; color:#231815; font-weigh:bold; text-align: center; padding:0.2em 0; font-size:30px; cursor: pointer;}
.cbox:hover { background-color: #ffdf6a;}

/*ボタン類*/
.tabelog { padding:0.2em 0; width:180px; box-sizing: border-box; text-align: center; font-size:16px; cursor: pointer; background-color:#C9340B; color:#fff;}
button { width: auto; padding:0; margin:0; background:none; border:0; font-size:0; line-height:0; overflow:visible; cursor:pointer;
}
.w150 { width:110px;}
.w150 img { width:100%; height:auto;}

/*noto sans*/
.noto {font-family: 'Noto Sans JP', sans-serif; font-weight: 400;}
.noto-bold {font-family: 'Noto Sans JP', sans-serif; font-weight: 600;}

hr { height: 0; margin: 20px 0 ; padding: 0; border: 0; border-top:3px solid #836f2d;}
hr.b5 { height: 0; margin: 40px 0 0 0; padding: 0; border: 0; border-top:5px solid #333; }
#s_base_last > div > div > hr.b5 { display:none;}
#s_base_last > div > div { padding-bottom:40px;}

/*改行*/
.pc-br { display:block;}
.sp-br { display:none;}

/*フォントサイズ*/
.font16 { font-size:16px; }
.font17 { font-size:17px; }
.font18 { font-size:18px; }
.font19 { font-size:19px; }
.font20 { font-size:20px; }
.font21 { font-size:21px; }
.font22 { font-size:22px; }
.font23 { font-size:23px; }
.font24 { font-size:24px; }
.font25 { font-size:25px; }
.font26 { font-size:26px; }
.font27 { font-size:27px; }
.font28 { font-size:28px; }
.font29 { font-size:29px; }
.font30 { font-size:30px; }
.font34 { font-size:34px; }
.font40 { font-size:40px; }
.font50 { font-size:50px; }
.f-palt { font-feature-settings: "palt";}
.ls10 {  letter-spacing:0.2em; }

/*余白など*/
.mt10 { margin-top:10px!important;}
.mt20 { margin-top:20px!important;}
.mt40 { margin-top:40px!important;}
.mt60 { margin-top:60px!important;}
.mt80 { margin-top:80px!important;}

.mt0 { margin:0!important;}
.mt-5 { margin-top:-5px!important;}
.mt-10 { margin-top:-10px!important;}
.mt-20 { margin-top:-20px!important;}
.mt-40 { margin-top:-40px!important;}
.mt-50 { margin-top:-50px!important;}
.mt-60 { margin-top:-60px!important;}
.mt-70 { margin-top:-70px!important;}
.mt-80 { margin-top:-80px!important;}

.pt10 { padding-top:10px!important;}
.pt20 { padding-top:20px!important;}
.pt40 { padding-top:40px!important;}
.pt60 { padding-top:60px!important;}
.pt80 { padding-top:80px!important;}

.pb10 { padding-bottom:10px!important;}
.pb20 { padding-bottom:20px!important;}
.pb40 { padding-bottom:40px!important;}
.pb60 { padding-bottom:60px!important;}
.pb80 { padding-bottom:80px!important;}
.pb120 { padding-bottom:120px!important;}


/*アコーディオン*/
summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
}

summary::-webkit-details-marker {
  /* Safariで表示されるデフォルトの三角形アイコンを消します */
  display: none;
}

/*231031修正*/
.summary_inner {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /*231031修正*/
  padding: 4px 20px;
  font-weight: 600;
  background-color: #f3c75b;
}

.summary_inner2 {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 20px;
  font-weight: 600;
  background-color:#f3c75b;
  
}

/* --------アイコンを作ります-------- */
.icon {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
}
.icon2 {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  right:-40%;
}

/* アコーディオンが開いた時のスタイル */
details[open] .icon {
  transform: rotate(180deg);
}
details[open] .icon2 {
  transform: rotate(180deg);
}

/* アイコンのバーのスタイル */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #836f2d;
}

.icon2::before,
.icon2::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 3px;
  background-color: #836f2d;
}

.icon::before {
  left: 0;
  transform: rotate(45deg);
}
.icon2::before {
  left: 0;
  transform: rotate(45deg);
}

.icon::after {
  right: 0;
  transform: rotate(-45deg);
}
.icon2::after {
  right: 0;
  transform: rotate(-45deg);
}

/* --------summaryタグの疑似要素でアイコンを作る場合-------- */
.wrapper_pseudoElementsIcon .summary_inner::after {
  content: "";
  display: block;
  width: 25px;
  height: 16px;
  margin-left: 6px;
  flex-shrink: 0;
  background-image: url("icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin: center 43%;
  /* アコーディオンが閉じる時にアイコンをアニメーションさせます */
  animation: 0.4s close-animation;
}

@keyframes close-animation {
  from {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(0deg);
  }
}

/* アコーディオンが開いた時にアイコンをアニメーションさせます */
details[open] .summary_inner::after {
  animation: 0.4s open-animation forwards;
}

@keyframes open-animation {
  from {
    transform: rotate(0deg);
  }

  to{
    transform: rotate(180deg);
  }
}

/* --------アコーディオンの中身のスタイル-------- */
.content {
  background-color: #f0f2ff;
  padding: 20px;
}
/*231031修正*/
label { margin:0 1em 0 0!important; font-size:14px!important;}
label.no-margin { margin:0 0 0 0; font-size:14px!important;}

.bg { background-image:url("/urban/special/23-150/image/bg.png"); background-repeat: repeat-y; background-position: center top; padding:60px 0; margin:0;}
/*241031修正
ul.logo { width:1000px; margin:0 auto; padding:10px 0;}
ul.logo li { display:inline-block; margin:0 20px 0 0;}
*/
ul.logo { width:1000px; margin:0 auto; padding:10px 0;}
ul.logo li { display:inline-block; margin:0 20px 0 0;}
ul.logo li:last-child { margin:0 0 0 340px; text-align: right; width:220px;}

.w870 { width:870px; margin:0 auto; background-color: #fff;}
.bg-wht { background-color: #fff; width:800px; margin:0 auto; box-sizing: border-box; padding:20px;}
/*.bg-wht870 { background-color: #fff; width:100%; margin:0 auto; box-sizing: border-box; padding:0 20px;}*/
/*241111追加*/
.bg-wht870 { background-color: #fff; width:100%; margin:40px auto 0 auto; box-sizing: border-box; padding:0 20px;}

div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}

/*フッター追加*/
.footerUnit {
	padding-top: 30px;
	border-top: 1px solid #4f4f4f;
}
/* footerLogo */
.footerLogoRayard img {
	width: 200px;
}
/* footerNav */
.footerNav05,
.footerNav06 {
	width: 200px;
}
.footerNavRayard {
	text-align: center;
}
.footerNavRayard dl {
	text-align: left;
}


@media screen and (max-width: 600px) {
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
margin:0;
padding:0;
}

.shop-detail { width:95%; margin:0 auto; display: block;}
.shop-photo { width:90%; margin:0 auto; }
.shop-data { width:100%; margin:2% auto 0 auto; }
.shop-detail2 { width:95%; margin:0 auto; text-align: center;}

.areaname { padding:0.2em 1em; border:1px solid #c5a765; color:#040000; font-weight: bold; text-align: center; font-size:5vw!important; display:inline-block; margin:0 5px 5px 0;}
.floor { font-size:4vw; font-weight: bold;}
.genre{ font-size:2.8vw;}
.shopname{ font-size:4vw; font-weight: bold; }
.shop-tel { font-size:2.8vw; text-align: center;}

.sb-yosan { font-size:3.6vw; padding:0.2em 0.5em; border:solid 1px #c5a765; margin:1% 1% 0 0; display:inline-block;}

.cookingimg {
  width: 100%;
}

.roomphoto-box { width:100%; padding:4% 0;}
.roomphoto-box figure { width:90%; display:inline-block; margin:0 0 3.3% 0; vertical-align: top;}
.roomphoto-box figure:nth-child(3n) { margin:0 0 3.3% 0;}
.roomphoto-box figure:last-child { margin:0 0 3.3% 0;}

.bg { background-image:url("/urban/special/23-150/image/sp-bg.png"); background-repeat: repeat-y; background-position: center top; padding:4% 4% 0 4%; background-size:contain;}
.sp-y { width:100%; background-image: url("/urban/special/23-150/image/sp-y.png"); background-repeat: repeat-y; background-position:center top; padding:2% ; background-size:contain;}
.sp-y img { width:100%; height:auto;}
ul.logo { width:95%; margin:0 auto; padding:1% 0;}
ul.logo li { display:inline-block; margin:0 2% 0 0; width:25%;}
ul.logo li img { width:100%;}

/*241031追加*/
ul.logo li:last-child { margin:0 0 0 20%; text-align: right; width:25%;}

.w870 { width:90%; margin:0 auto;}
.bg-wht { background-color: #fff; width:95%; margin:0 auto; box-sizing: border-box; padding:4%;}
/*.bg-wht870 { background-color: #fff; width:100%; margin:0 auto; box-sizing: border-box; padding:0 4%;}
.bg-wht870 { background-color: #fff; width:90%; margin:0 auto; box-sizing: border-box; padding:0 4%;}*/
/*241111追加*/
.bg-wht870 { background-color: #fff; width:90%; margin:4% auto 0 auto; box-sizing: border-box; padding:0 4%;}

#s_base { display:none; width:100%; margin:0 auto;}

.k-ttl { font-size:4.5vw; font-weight: 600;}
.allarea { font-size:4.5vw; margin:2% 0;}
.yoyaku { font-size:3vw!important;}
.kensaku { width:100%; margin:0; background-color: #f3c75b; padding:0.3em; text-align: center; color: #fff; font-weight:bold; font-size:4.5vw; cursor: pointer;}
#search_button { width:60%; margin:20px auto!important; }

div#floating-menu {
	display:block;
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 1;
}

/*続きをみる*/
.cbox { width:100%; margin:3% auto; background-color:#f3c75b; color:#231815; font-weigh:bold; text-align: center; padding:0.5em 0; font-size:5vw; cursor: pointer;}

/* --------アコーディオンの中身のスタイル-------- */
.content {
  background-color: #f0f2ff;
  padding: 4%;
}
label { margin:0 1em 0 0; font-size:4vw!important;}

hr { height: 0; margin: 2% 0 ; padding: 0; border: 0; border-top:1px solid #333;}
hr.b5 { height: 0; margin: 4% 0 ; padding: 0; border: 0; border-top:5px solid #333;}
#s_base_last > div > div > hr.b5 { display:none;}
#s_base_last > div > div { padding-bottom:4%;}

/*改行*/
.pc-br { display:none;}
.sp-br { display:block;}

.icon2 {
  display: block;
  position: relative;
  width: 24px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.4s;
  right:-30%;
}

.link-btn { display:flex; flex-wrap: wrap; justify-content: center;}
.link-btn div { width:49%; margin:0 2% 2% 0;}
.link-btn div:nth-child(2n) { margin:0 0 2% 0!important;}
.link-btn div:last-child { margin:0 0 2% 0!important;}
.link-btn div img { width:100%;}

.yoko { display:inline-block; vertical-align: middle; margin:0 1em 0.2em 0; padding:0; white-space: nowrap; font-size:3.4vw!important;}

.w150 { width:40%;}
.w150 img { width:100%; height:auto;}

ul.mark { list-style: none; }
ul.mark li { display:inline-block; vertical-align: middle; font-size:3.4vw!important;}

/*フォントサイズ*/
.font16 { font-size:3.2vw; }
.font18 { font-size:3.4vw; }
.font22 { font-size:4vw; }

.footerMenu { overflow: hidden;}
.footerBanner { overflow: hidden;}

.mt60 { margin-top:5%!important;}
}