/* salondecalme SP overlay (2026-10-07) PC表示は不変・767px以下のみ適用 */
.spTel{display:none}
@media screen and (max-width:767px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:16px;line-height:1.6;min-width:0}
  img{max-width:100%;height:auto}
  input,textarea,select{font-size:16px}
  /* header */
  #hdr{width:auto;margin:0}
  #header h1{width:auto;margin:0;padding:6px 10px;font-size:13px;line-height:1.4;letter-spacing:0;color:#fff;background-color:#6aa046}
  #hdr #headerlink_right{display:none}
  /* ロゴは header2_bg.jpg 左端に描かれている（logo.png は透明）→ 左端だけ表示 */
  #header2{height:auto;padding:87px 0 10px;background:url(images/common/header2_bg.jpg) no-repeat 0 0 #ebfdc9;background-size:auto 75px;text-align:center}
  #header2 #hdrLogo{position:absolute;top:0;left:0;float:none;width:235px;height:75px;margin:0}
  #header2 #hdrLogo a{display:block;height:75px}
  #header2 #hdrLink{display:none}
  .spTel{display:block;margin:0;position:relative;z-index:1;text-align:center;font-size:20px;font-weight:bold;letter-spacing:.05em}
  .spTel a{display:inline-block;padding:6px 18px;border:2px solid #4c8f2f;border-radius:999px;color:#2f6b14}
  .spTel small{display:block;font-size:12px;font-weight:normal;letter-spacing:0}
  .hdrBtn{display:flex;flex-wrap:wrap;margin:0;padding:0 2px}
  .hdrBtn li{float:none;width:33.333%;margin:0;padding:1px;box-sizing:border-box}
  .hdrBtn li a{display:block}
  .hdrBtn li img{display:block;width:100%;height:auto}
  /* slider */
  .sdCo{width:auto;margin:0}
  /* layout */
  #container{width:auto;margin:0}
  #main{float:none;display:block;width:auto;margin:0;padding:0 14px}
  #main .hdrBtn{display:block;margin:10px 0;padding:0}
  #main .hdrBtn li{width:auto;padding:0}
  #main h2{margin:12px 0;padding:0 10px 0 24px;font-size:18px;background-size:cover}
  #main p{padding:4px 0 12px}
  #main p.withImage{width:auto;margin:15px 0 10px}
  #main img.alignleft,#main img.alignright{max-width:45%}
  .pageTop{margin:20px 0}
  /* top: instagram */
  #main .topTb{width:100%;margin-bottom:10px}
  #main .topTb th,#main .topTb th:first-child{display:block;padding:4px 0;text-align:left}
  #main .topTb .igPill{font-size:15px}
  /* top/news: 記事カード（PCの見出し下線画像はSPで2行になると崩れる→線に置換） */
  #main .post{margin:0 0 18px;padding:14px 14px 12px;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden;font-size:14px;color:#555}
  #main .post h3{margin:0 0 10px;padding:0 0 8px;font-size:17px;line-height:1.5;background-image:none;border-bottom:2px solid #a8d26b}
  #main .post h3 a{color:#222}
  .post img{max-width:96px;margin:4px 12px 6px 0}
  #main .post p{margin:6px 0 0;padding:0;line-height:1.75;font-size:15px;color:#222}
  #main .post p:last-child{clear:both;margin-top:10px;padding-top:8px;border-top:1px solid #eee;font-size:14px}
  /* subpages */
  .h3Co1Bg,.outlineCo2,.mapCoBg,.otokuCo{width:auto;margin:0 0 15px}
  .svCo{width:auto;margin:0 0 15px}
  #main .h3Co1 div{padding:10px 10px 5px}
  #main .h3Co1 div p,.h3Co1 table,.outlineCo2 table,.otokuCo table{font-size:15px}
  #main .h3Co1 .kome,#main .h3Co1 .kome2{margin:0 0 6px 1em;font-size:14px}
  .h3Co1 .priceTb tr{display:flex;flex-wrap:wrap}
  .h3Co1 .priceTb th,.h3Co1 .priceTb td{box-sizing:border-box;padding:7px 8px}
  .h3Co1 .priceTb th{width:64%}
  .h3Co1 .priceTb td{width:36%;padding-right:10px}
  .h3Co1 .osusumeTb{font-size:15px}
  .h3Co1 .staffTb{width:100%}
  .outlineCo2 th{width:30%}
  .outlineCo2 th,.outlineCo2 td{padding:8px}
  .outlinePhotoP2Tb,.outlinePhotoP3Tb,.outlinePhotoP4Tb{width:100%;margin:0 0 12px}
  .outlinePhotoP2Tb th,.outlinePhotoP3Tb th,.outlinePhotoP4Tb th{padding:2px}
  .outlinePhotoP2Tb img,.outlinePhotoP3Tb img,.outlinePhotoP4Tb img{width:100%;height:auto;box-sizing:border-box}
  .mapCoBg .mapCo,.mapCo{width:auto}
  .mapCo iframe{width:100%;height:300px}
  .outlineTb,.outlineTb2{width:100%;margin:0 0 20px}
  /* 免責ページのスクロール枠（inline width:750px） */
  #main .scroller-con{width:100% !important;height:auto !important;box-sizing:border-box}
  #main .scroller-con .inner,#main .scroller-con p{width:auto !important}
  /* sidebar */
  #sidebar{width:auto;padding:10px 10px 0}
  #sidebar .hpBnr{text-align:center}
  #sidebar h3{font-size:16px;background-size:cover}
  /* footer */
  #footer{min-width:0;height:auto;padding-bottom:20px}
  #footer .inner{width:auto;height:auto;padding:10px 15px 0;text-align:center}
  #footer #logo{float:none;width:auto;margin:0}
  #footer #gaiyou{width:auto;margin:0 auto;font-size:14px}
  #ftrLn{position:static;margin:10px 0 0;padding:0}
  #ftrLn li{float:none;display:inline;font-size:14px}
  #footer address{padding:20px 0 3px}
}