/* 八千代台本店: スマートフォン用表示(幅760px以下) */
#sp{display:none;}
@media (max-width:760px){
 html,body{overflow-x:hidden;}
 #page{display:none!important;}
 html,body{min-width:0!important;width:100%;}
 body{background:#F7F3EA;margin:0;padding-bottom:0!important;}
 #sp{display:block;font-family:'__Yu Gothic_5','Yu Gothic','游ゴシック','Hiragino Kaku Gothic ProN',sans-serif;color:#302B24;font-size:15px;line-height:1.9;-webkit-text-size-adjust:100%;}
 #sp *{box-sizing:border-box;}
 #sp a{color:inherit;text-decoration:none;}
 #sp img{max-width:100%;height:auto;display:block;}
 .sp-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;height:56px;padding:0 10px;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.12);}
 .sp-logo{flex:0 0 auto;}
 .sp-logo img{height:30px;width:auto;}
 .sp-tel{flex:1 1 auto;text-align:right;color:#063A26;font-weight:700;font-size:14px;letter-spacing:.5px;white-space:nowrap;}
 .sp-rsv{flex:0 0 auto;padding:7px 12px;border:1px solid #AF9662;background:#F7F3EA;color:#063A26!important;font-size:13px;font-weight:700;letter-spacing:2px;}
 .sp-nav{display:flex;background:#063A26;}
 .sp-nav a{flex:1;text-align:center;color:#fff!important;font-size:12px;letter-spacing:2px;padding:10px 0;border-left:1px solid rgba(255,255,255,.18);}
 .sp-nav a:first-child{border-left:0;}
 .sp-hero .sp-photos{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
 #sp .sp-hero .sp-photos img{width:100%;height:36vw;object-fit:cover;}
 .sp-hero h1{margin:0;padding:32px 16px 28px;text-align:center;color:#063A26;font-size:20px;line-height:1.9;font-weight:700;}
 .sp-about{padding:8px 20px 36px;text-align:center;}
 .sp-about h2{margin:0 0 14px;font-size:16px;line-height:1.8;color:#063A26;font-weight:700;}
 .sp-about p{margin:0;text-align:left;font-size:14px;line-height:2;}
 .sp-feat{position:relative;background-size:cover;background-position:center;min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center;}
 .sp-feat:before{content:"";position:absolute;inset:0;background:rgba(247,243,234,.82);}
 .sp-feat div{position:relative;padding:28px 22px;}
 .sp-feat h3{margin:0 0 6px;font-size:16px;color:#063A26;font-weight:700;}
 .sp-feat p{margin:0;font-size:13px;line-height:1.9;}
 .sp-lusso{background:#222 url("../images/headofromaine-gold(op).png") right center/auto 100% no-repeat;}
 .sp-lusso:before{background:rgba(20,20,20,.62);}
 .sp-lusso h3,.sp-lusso p{color:#fff;}
 .sp-btn{display:inline-block;margin-top:14px;padding:6px 16px;background:#000;color:#fff!important;font-size:12px;letter-spacing:1px;}
 .sp-menu{background:#2F2F2F;color:#fff;padding:40px 20px 44px;text-align:center;}
 .sp-menu h2{margin:0 0 6px;font-size:26px;letter-spacing:6px;font-weight:700;}
 .sp-menu h3{margin:36px 0 12px;font-size:19px;letter-spacing:6px;color:#AF9662;font-weight:400;}
 .sp-menu ul{list-style:none;margin:0 auto;padding:0;max-width:340px;text-align:left;}
 .sp-menu li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px dotted rgba(255,255,255,.28);font-size:14px;}
 .sp-menu li em{font-style:normal;white-space:nowrap;color:#E8DCC0;}
 .sp-set{max-width:340px;margin:0 auto;font-size:14px;}
 .sp-set b{display:block;font-size:15px;}
 .sp-set .pr{display:block;color:#E8DCC0;margin:2px 0 8px;}
 .sp-set p{margin:0;line-height:1.8;}
 .sp-set .d{color:rgba(255,255,255,.62);font-size:12px;margin-top:4px;}
 .sp-menu .note{margin:30px 0 0;font-size:12px;color:rgba(255,255,255,.8);}
 .sp-access{background:#CCBE9F;color:#fff;padding:40px 20px;text-align:center;}
 .sp-access h2{margin:0 0 22px;font-size:22px;letter-spacing:4px;line-height:1.5;font-weight:700;}
 .sp-access h3{margin:22px 0 4px;font-size:15px;letter-spacing:3px;font-weight:700;}
 .sp-access p{margin:0;font-size:14px;}
 .sp-access .small{margin-top:10px;font-size:12px;line-height:1.9;}
 .sp-telbtn{display:inline-block;margin-top:10px;padding:8px 22px;border:1px solid #fff;font-size:17px;letter-spacing:2px;}
 .sp-map{margin-top:24px;border:1px solid rgba(255,255,255,.7);}
 .sp-map iframe{display:block;width:100%;height:260px;border:0;}
 .sp-group{background:#CCBE9F;color:#fff;padding:0 20px 44px;text-align:center;border-top:1px solid rgba(255,255,255,.35);}
 .sp-group h2{margin:0;padding:34px 0 22px;font-size:17px;letter-spacing:2px;font-weight:700;}
 .sp-group a{display:block;margin:0 auto 26px;max-width:320px;}
 #sp .sp-group img{width:100%;height:150px;object-fit:cover;margin-bottom:10px;}
 .sp-group b{display:block;font-size:14px;}
 .sp-group span{display:block;font-size:12px;line-height:1.8;}
 .sp-foot{background:#fff;text-align:center;padding:24px 0 28px;}
 .sp-foot img{margin:0 auto 8px;}
 .sp-foot p{margin:0;font-size:11px;color:#777;}
 #sp-top,#sp-about,#sp-menu,#sp-access{scroll-margin-top:96px;}
}
