@charset "Shift_JIS";

/* =========================================================
   京料理 下鴨福助　お部屋
   730px基準 + お料理／仕出し 共通デザイン準拠
   2026-09-17
   ========================================================= */

/* ---------- グローバルナビ：確定済み共通仕様 ---------- */
#navi{
  background:#f4efe6 !important;
  border-top:1px solid #c9bca8 !important;
  border-bottom:1px solid #b9aa94 !important;
}
#navi ul{background:#f4efe6 !important;}
#navi ul li{
  background:#f4efe6 !important;
  border-right:1px solid #d8cdbc !important;
  border-bottom:0 !important;
}
#navi ul li a,
#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07{
  background:linear-gradient(to bottom,#fbf8f1 0%,#e8e0d3 100%) !important;
  background-image:none !important;
  color:#55483f !important;
  text-shadow:none !important;
  border:0 !important;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif !important;
  letter-spacing:.05em !important;
}
#navi ul li a:hover,
#navi ul li a:focus,
#navi ul li a#navi05{
  background:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%) !important;
  color:#fffaf1 !important;
}

/* ---------- ページ内3ボタン：共通仕様 ---------- */
#ank.room-jump-nav{
  width:730px;
  height:auto;
  margin:18px auto 24px;
  padding:0;
  display:flex;
  gap:10px;
  box-sizing:border-box;
  background:none;
  text-align:center;
}
#ank.room-jump-nav a{
  position:relative;
  flex:1 1 0;
  min-width:0;
  min-height:52px;
  padding:10px 34px 10px 16px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b6a58d;
  background:linear-gradient(to bottom,#fffefa 0%,#f4efe6 100%);
  box-shadow:0 2px 5px rgba(54,38,27,.12);
  color:#4a342b;
  text-decoration:none;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  font-size:15px;
  line-height:1.45;
  letter-spacing:.05em;
}
#ank.room-jump-nav a span{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#8b6a43;
  font-size:15px;
}
.room-anchor{display:block;position:relative;top:-8px;visibility:hidden;}
.section-anchor{
  width:730px;
  margin:28px auto 16px;
  top:auto;
  visibility:visible;
}
.section-anchor::after{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:13px 18px;
  box-sizing:border-box;
  background:#fbf8f1;
  border:1px solid #b6a58d;
  border-left:4px solid #8b6a43;
  box-shadow:0 2px 6px rgba(54,38,27,.12);
  color:#4a342b;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  font-size:19px;
  line-height:1.55;
  letter-spacing:.10em;
}
#r2::after{content:"結婚披露宴";}
#r3::after{content:"法事のお集まり";}

/* ---------- 用途見出し ---------- */
.room-purpose-title{
  width:730px;
  min-height:58px;
  margin:28px auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:#fbf8f1;
  border:1px solid #b6a58d;
  border-left:4px solid #8b6a43;
  box-shadow:0 2px 6px rgba(54,38,27,.12);
}
.room-purpose-title p{
  margin:0;
  padding:14px 20px;
  color:#4a342b;
  text-align:center;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  font-size:19px;
  font-weight:normal;
  line-height:1.6;
  letter-spacing:.08em;
}

/* ---------- 予約CTA：お料理／仕出しと同一仕様 ---------- */
.yoyaku-modern{
  width:730px;
  max-width:calc(100% - 28px);
  margin:26px auto 24px;
  padding:0;
  box-sizing:border-box;
}
.yoyaku-modern .mobile-reserve{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:58px;
  padding:11px 18px;
  box-sizing:border-box;
  border:1px solid #a88d69;
  background:linear-gradient(to bottom,#b9a384 0%,#947b5d 100%);
  color:#fffdf8;
  text-decoration:none;
  text-shadow:none;
  box-shadow:0 2px 5px rgba(57,44,34,.18);
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
}
.yoyaku-modern .mobile-reserve span{
  flex:1 1 auto;
  text-align:center;
  color:#fffdf8;
  font-size:18px;
  font-weight:normal;
  letter-spacing:.10em;
}
.yoyaku-modern .mobile-reserve b{
  flex:0 0 auto;
  color:#f4e5c9;
  font-size:21px;
  font-weight:normal;
}

/* 古い画像ボタン／上へボタンは表示しない */
.to_top,.mobile-to-top{display:none !important;}

/* ---------- スマホ ---------- */
@media screen and (max-width:767px){
  html,body{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow-x:hidden!important;}
  body{-webkit-text-size-adjust:100%;}
  #Wrapp{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;}

  #head{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:14px 14px 10px!important;box-sizing:border-box!important;}
  #logo{position:relative!important;float:none!important;width:330px!important;max-width:88vw!important;height:82px!important;margin:0 auto 8px!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;}
  #logo h1,#logo h1 a{width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important;}
  #head_r{position:static!important;width:100%!important;float:none!important;margin:0!important;padding:0!important;text-align:center!important;}
  #head_r h2{width:100%!important;margin:0!important;padding:0!important;text-align:center!important;font-size:12px!important;line-height:1.65!important;font-weight:normal!important;}
  #head_r h2 font{color:#fff!important;}
  #head_r .pan,.pan{position:static!important;width:100%!important;margin:5px 0 0!important;text-align:center!important;font-size:10px!important;}

  #conte{width:100%!important;height:auto!important;overflow:hidden!important;}
  #conte>img,#conte>font>img{display:block!important;width:100%!important;max-width:770px!important;height:auto!important;margin:0 auto!important;}

  #navi{width:100%!important;height:auto!important;margin:0!important;padding:0!important;}
  #navi ul{width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;list-style:none!important;}
  #navi ul li{width:auto!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;border-right:1px solid #d4c8b7!important;border-bottom:1px solid #d4c8b7!important;}
  #navi ul li:nth-child(even){border-right:none!important;}
  #navi ul li:last-child{grid-column:1/-1!important;border-right:none!important;border-bottom:none!important;}
  #navi ul li a,#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07{
    width:100%!important;height:auto!important;min-height:46px!important;margin:0!important;padding:10px 6px!important;
    box-sizing:border-box!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
    background:linear-gradient(to bottom,#fbf8f1 0%,#e7dfd2 100%)!important;color:#55483f!important;
    text-indent:0!important;text-align:center!important;text-decoration:none!important;text-shadow:none!important;
    font-size:15px!important;line-height:1.25!important;letter-spacing:.08em!important;
  }
  #navi ul li a#navi05{background:linear-gradient(to bottom,#c8b79f 0%,#aa967b 100%)!important;color:#fffaf1!important;}

  #waku{float:none!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:16px 0 0!important;box-sizing:border-box!important;overflow:hidden!important;}

  #ank.room-jump-nav{width:auto!important;margin:0 14px 22px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  #ank.room-jump-nav a{width:100%!important;min-height:58px!important;padding:9px 21px 9px 7px!important;font-size:12px!important;line-height:1.4!important;letter-spacing:.01em!important;}
  #ank.room-jump-nav a span{right:7px!important;}

  table.heya_main,table.heya_sub,table.middle_co,table.heya_middle{display:block!important;width:auto!important;height:auto!important;margin:0 14px 24px!important;box-sizing:border-box!important;}
  table.heya_main tbody,table.heya_main tr,table.middle_co tbody,table.middle_co tr,table.middle_co td{display:block!important;width:100%!important;height:auto!important;box-sizing:border-box!important;}
  .heya_main tr{display:flex!important;flex-direction:column!important;}
  .heya_mainl,.heya_mainr{display:block!important;width:100%!important;height:auto!important;box-sizing:border-box!important;}
  .heya_mainl{padding:12px!important;background:#f5f1ee!important;text-align:center!important;}
  .heya_mainl img{display:block!important;width:100%!important;max-width:420px!important;height:auto!important;margin:0 auto!important;}
  .heya_mainr{padding:15px 16px 18px!important;background:#fff!important;font-size:14px!important;line-height:1.9!important;}

  .heya_sub tbody,.heya_middle tbody{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;}
  .heya_sub tr,.heya_middle tr{display:contents!important;}
  .heya_subl,.heya_subc,.heya_subr,.sub_col,.sub_coc,.sub_cor,.middle_1l,.middle_1r,.middle_2l,.middle_2r{display:block!important;width:100%!important;height:auto!important;box-sizing:border-box!important;}
  .heya_subl img,.heya_subc img,.heya_subr img,.middle_1l img,.middle_1r img{display:block!important;width:100%!important;max-width:420px!important;height:auto!important;margin:0 auto!important;}
  .heya_subl,.heya_subc,.heya_subr,.middle_1l,.middle_1r{padding:12px 12px 0!important;background:#fff!important;text-align:center!important;}
  .sub_col,.sub_coc,.sub_cor,.middle_2l,.middle_2r{padding:13px 15px 17px!important;background:#fff!important;border-left:4px solid #8b6a43!important;font-size:14px!important;line-height:1.8!important;}
  .middle_1r:empty,.middle_2r:empty{display:none!important;}

  .room-purpose-title,.section-anchor{width:auto!important;margin:26px 14px 16px!important;}
  .room-purpose-title p{padding:14px 15px!important;font-size:17px!important;}
  .section-anchor::after{font-size:17px!important;min-height:56px!important;}

  .middle_co td{padding:15px 16px 18px!important;font-size:14px!important;line-height:1.9!important;}

  .yoyaku-modern{width:auto!important;max-width:none!important;margin:22px 14px 20px!important;}
  .yoyaku-modern .mobile-reserve{min-height:56px!important;}
  .yoyaku-modern .mobile-reserve span{font-size:17px!important;}

  #sub_navi{width:auto!important;height:auto!important;margin:12px 14px!important;padding:10px 8px!important;box-sizing:border-box!important;text-align:center!important;}
  #sub_navi p{margin:0!important;font-size:12px!important;line-height:2.1!important;}
  #sub_bana{display:none!important;}
  #footer{clear:both!important;width:100%!important;height:auto!important;min-height:34px!important;margin:0!important;padding:10px 8px!important;box-sizing:border-box!important;text-align:center!important;font-size:10px!important;}
  #waku img{max-width:100%;}
}


/* =========================================================
   PC：個々のお部屋紹介カード
   以前の完成デザインを730px版へ再適用
   ========================================================= */
@media screen and (min-width:768px){

  table.heya_sub{
    width:730px !important;
    height:auto !important;
    margin:0 auto 30px !important;
    border-collapse:separate !important;
    border-spacing:10px 0 !important;
    table-layout:fixed !important;
    background:transparent !important;
  }

  table.heya_sub td.heya_subl,
  table.heya_sub td.heya_subc,
  table.heya_sub td.heya_subr{
    width:230px !important;
    height:190px !important;
    padding:10px 10px 0 !important;
    box-sizing:border-box !important;
    vertical-align:middle !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #d8cdbf !important;
    border-bottom:0 !important;
  }

  table.heya_sub td.heya_subl img,
  table.heya_sub td.heya_subc img,
  table.heya_sub td.heya_subr img{
    display:block !important;
    width:208px !important;
    max-width:208px !important;
    height:156px !important;
    object-fit:cover !important;
    margin:0 auto !important;
  }

  table.heya_sub td.sub_col,
  table.heya_sub td.sub_coc,
  table.heya_sub td.sub_cor{
    width:230px !important;
    height:auto !important;
    min-height:150px !important;
    padding:18px 16px 20px !important;
    box-sizing:border-box !important;
    vertical-align:top !important;
    background:#fff !important;
    border-left:4px solid #8b6a43 !important;
    border-right:1px solid #d8cdbf !important;
    border-bottom:1px solid #d8cdbf !important;
    color:#352b26 !important;
    font-size:13px !important;
    line-height:1.85 !important;
  }

  table.heya_sub td.sub_col p,
  table.heya_sub td.sub_coc p,
  table.heya_sub td.sub_cor p{
    margin:0 !important;
    padding:0 !important;
  }

  table.heya_sub td.sub_col font,
  table.heya_sub td.sub_coc font,
  table.heya_sub td.sub_cor font{
    color:inherit !important;
    font-size:inherit !important;
  }
}


/* =========================================================
   PC：結婚披露宴・法事もお部屋紹介カードと同じデザインへ
   ========================================================= */
@media screen and (min-width:768px){

  /* 結婚披露宴：2枚を同じカードデザインで横並び */
  #r2 + table.heya_middle{
    width:730px !important;
    height:auto !important;
    margin:0 auto 30px !important;
    border-collapse:separate !important;
    border-spacing:10px 0 !important;
    table-layout:fixed !important;
    background:transparent !important;
  }
  #r2 + table.heya_middle td.middle_1l,
  #r2 + table.heya_middle td.middle_1r{
    width:350px !important;
    height:245px !important;
    padding:10px 10px 0 !important;
    box-sizing:border-box !important;
    vertical-align:middle !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #d8cdbf !important;
    border-bottom:0 !important;
  }
  #r2 + table.heya_middle td.middle_1l img,
  #r2 + table.heya_middle td.middle_1r img{
    display:block !important;
    width:328px !important;
    max-width:328px !important;
    height:219px !important;
    object-fit:cover !important;
    margin:0 auto !important;
  }
  #r2 + table.heya_middle td.middle_2l,
  #r2 + table.heya_middle td.middle_2r{
    width:350px !important;
    height:auto !important;
    min-height:125px !important;
    padding:18px 18px 20px !important;
    box-sizing:border-box !important;
    vertical-align:top !important;
    background:#fff !important;
    border-left:4px solid #8b6a43 !important;
    border-right:1px solid #d8cdbf !important;
    border-bottom:1px solid #d8cdbf !important;
    color:#352b26 !important;
    font-size:13px !important;
    line-height:1.85 !important;
  }

  /* 法事：現在1枚なので、写真＋説明を1枚のカードとして表示 */
  #r3 + table.heya_middle{
    width:350px !important;
    height:auto !important;
    margin:0 auto 32px !important;
    border-collapse:collapse !important;
    table-layout:fixed !important;
    background:transparent !important;
  }
  #r3 + table.heya_middle tr{
    display:block !important;
    width:350px !important;
  }
  #r3 + table.heya_middle td.middle_1l{
    display:block !important;
    width:350px !important;
    height:245px !important;
    padding:10px 10px 0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
    background:#fff !important;
    border:1px solid #d8cdbf !important;
    border-bottom:0 !important;
  }
  #r3 + table.heya_middle td.middle_1l img{
    display:block !important;
    width:328px !important;
    max-width:328px !important;
    height:219px !important;
    object-fit:cover !important;
    margin:0 auto !important;
  }
  #r3 + table.heya_middle td.middle_2l{
    display:block !important;
    width:350px !important;
    min-height:125px !important;
    padding:18px 18px 20px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border-left:4px solid #8b6a43 !important;
    border-right:1px solid #d8cdbf !important;
    border-bottom:1px solid #d8cdbf !important;
    color:#352b26 !important;
    font-size:13px !important;
    line-height:1.85 !important;
  }
  #r3 + table.heya_middle td.middle_1r,
  #r3 + table.heya_middle td.middle_2r{
    display:none !important;
  }

  #r2 + table.heya_middle p,
  #r3 + table.heya_middle p{
    margin:0 !important;
    padding:0 !important;
  }
  #r2 + table.heya_middle font,
  #r3 + table.heya_middle font{
    color:inherit !important;
    font-size:inherit !important;
  }
}


/* =========================================================
   2026-09-18 お部屋紹介カード構造 正常化
   写真とそのコメントを同じカード内に保持
   ========================================================= */
.room-card-grid{
  width:730px;
  margin:0 auto 30px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  box-sizing:border-box;
}
.room-card-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));}
.room-card-grid-one{width:350px;grid-template-columns:1fr;}

.room-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #d8cdbf;
  box-sizing:border-box;
  overflow:hidden;
}
.room-card-photo{
  min-height:190px;
  padding:10px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.room-card-grid-two .room-card-photo,
.room-card-grid-one .room-card-photo{min-height:245px;}

.room-card-photo img{
  display:block;
  width:100%;
  max-width:208px;
  height:156px;
  margin:0 auto;
  object-fit:cover;
  object-position:center;
}
.room-card-grid-two .room-card-photo img,
.room-card-grid-one .room-card-photo img{
  max-width:328px;
  height:219px;
}
.room-card-text{
  flex:1 1 auto;
  min-width:0;
  padding:18px 16px 20px;
  box-sizing:border-box;
  border-left:4px solid #8b6a43;
  color:#352b26;
  font-family:"Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
  font-size:13px;
  font-weight:normal;
  line-height:1.85;
  overflow-wrap:break-word;
}
.room-card-text p{margin:0;padding:0;}
.room-card-text font{color:inherit!important;font-size:inherit!important;}

/* スマホ：必ず「写真 → その写真のコメント」を1組ずつ表示 */
@media screen and (max-width:767px){
  .room-card-grid,
  .room-card-grid-two,
  .room-card-grid-one{
    width:auto!important;
    margin:0 14px 24px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .room-card{
    width:100%!important;
    min-width:0!important;
  }
  .room-card-photo,
  .room-card-grid-two .room-card-photo,
  .room-card-grid-one .room-card-photo{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:12px!important;
  }
  .room-card-photo img,
  .room-card-grid-two .room-card-photo img,
  .room-card-grid-one .room-card-photo img{
    display:block!important;
    width:100%!important;
    max-width:420px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:cover!important;
  }
  .room-card-text{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:13px 15px 17px!important;
    font-size:14px!important;
    line-height:1.8!important;
  }
}