.home-static #left{height:800px;min-height:800px}
.home-static .information{height:auto;min-height:200px}
.home-static .kijititle{float:none;margin-left:95px;line-height:1.4}
.static-pagination{display:flex;align-items:center;justify-content:center;gap:8px;clear:both;margin:18px 0;flex-wrap:wrap}
.static-pagination img{vertical-align:middle}.static-pagination span{font-size:12px}
article{scroll-margin-top:15px}.new-badge{vertical-align:middle}
.news-title-bg{height:auto;min-height:34px;background-color:#d6e0e3}
.news-title{line-height:1.6;padding:7px 8px 7px 0;overflow-wrap:anywhere}
.news-left{width:380px}.news-naiyou,.kijinaiyou{overflow-wrap:anywhere}
.article-more{clear:both;padding-top:10px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.article-more img{max-width:320px;height:auto}.news-right img{max-width:280px;height:auto}
.info-back{height:auto;min-height:40px;display:flex;align-items:flex-start;gap:10px;padding:20px 25px 8px 30px;box-sizing:border-box}
.date-list{float:none;padding:5px 0 0;white-space:nowrap}
.kijititle-list{float:none;padding:5px 0 0;line-height:1.5}
.info-photos{width:100%;table-layout:fixed}.info-photos img{max-width:100%;height:auto}
a:focus-visible{outline:2px solid #a86e88;outline-offset:3px}
#bg-natural .recommend-aroma{background:none;text-indent:0;height:auto;color:#cc9900;font-weight:bold}

/* Top page: same side photograph and 720px content width as NEWS. */
body.home-static{background-image:url(../img/news/bg_news.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed}
.home-static #right{float:none;width:720px;margin-left:180px}
.home-static #menu{width:720px}
.home-static .information{width:720px}
.home-static .shop-list ul{display:grid;grid-template-columns:350px 350px;gap:20px}
.home-static .shop-list li{float:none;width:350px;height:196px;margin:0}
.home-static .shop-list li a{width:350px;height:196px;margin:0;background-size:350px 392px}
.home-static .shop-list li a:hover{background-position:left -196px}
.home-static .shop-list{margin-bottom:20px}

/* Responsive layout. Desktop styling above remains unchanged. */
@media screen and (max-width: 959px) {
 html { -webkit-text-size-adjust:100%; }
 body, body.home-static, body[id] { background:#fff; color:#555; font-size:16px; line-height:1.75; }
 body * { font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; box-sizing:border-box; }
 #container { width:100%; max-width:760px; margin:0 auto; padding:0 16px 24px; }
 #right, .home-static #right { float:none; width:100%; margin:0; }
 #left { display:none; }
 img { max-width:100%; height:auto; }
 h1 a { max-width:100%; background-size:contain; background-repeat:no-repeat; background-position:left center; }
 #menu, .home-static #menu { width:100%; height:auto; margin:8px 0 24px; background:none; border-top:1px solid #ddd; }
 #menu ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
 #menu li { float:none; margin:0; border-bottom:1px solid #ddd; min-width:0; }
 #menu li a[class] { display:flex; align-items:center; justify-content:center; width:100%; height:auto; min-height:48px; padding:8px 2px; background:none; text-indent:0; font-size:0; line-height:1.3; text-decoration:none; color:#555; }
 #menu li a::after { font-size:12px; letter-spacing:.02em; }
 #menu .b1::after { content:"HOME"; } #menu .b2::after { content:"SHOP"; }
 #menu .b3::after { content:"INFORMATION"; } #menu .b4::after { content:"ABOUT ISM"; }
 #menu .b6::after { content:"NEWS & BLOG"; } #menu .b7::after { content:"OWNER’S DIARY"; }
 #menu li a[style], #menu li a:hover { color:#bd3f83; background:#faf5f8; }
 #header-top { margin-bottom:24px !important; }
 .home-static .information { width:100%; min-height:0; }
 .home-static .date { float:none; font-size:13px; margin:0 0 4px; }
 .home-static .kijititle { margin-left:0; line-height:1.7; }
 .home-static .kijititle a { color:#526f58; display:block; padding:3px 0; overflow-wrap:anywhere; }
 .home-static .info-line { margin:10px 0; height:0; border-color:#eee; }
 .home-static .shop-list ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .home-static .shop-list li { width:100%; height:auto; }
 .home-static .shop-list li a { width:100%; height:auto; aspect-ratio:250 / 140; background-size:100% 200%; background-position:left top; }
 .home-static .shop-list li a:hover { background-position:left bottom; }
 .mainimg { display:block; width:100%; height:auto; }
 .news-left, .news-right { float:none; width:100%; margin:0; }
 .news-right { margin-top:20px; }
 .news-right img, .article-more img { max-width:100%; height:auto; }
 .news-title { margin-left:10px; font-size:16px; line-height:1.6; }
 .news-naiyou { font-size:16px; line-height:1.85; }
 .naiyouset { padding:16px; margin-bottom:32px; background-size:100% auto; }
 .info-back { flex-direction:column; gap:4px; padding:16px 16px 8px; background-size:100% 100%; }
 .date-list { font-size:13px; padding:0; }
 .kijititle-list { padding:0; font-size:16px; overflow-wrap:anywhere; }
 .kijinaiyou { font-size:16px; line-height:1.85; }
 .kijinaiyou font, .news-naiyou font { font-size:inherit; }
 .info-photos, .info-photos tbody, .info-photos tr, .info-photos td { display:block; width:100%; }
 .info-photos td { padding:6px 0; }
 .info-photos img { display:block; margin:0 auto; }
 .kijigazou { margin:0; }
 .static-pagination { gap:10px; }
 .static-pagination a { display:inline-flex; align-items:center; min-height:44px; }
 .list li a { height:auto; aspect-ratio:720 / 235; background-size:100% 200%; background-position:left top; }
 .list li a:hover { background-position:left bottom; margin-bottom:0; }
 #right > h2:not([class]) { float:none; margin:0 auto; background-repeat:no-repeat; }
 .logo-text { float:none; width:100%; height:auto; background:none; text-indent:0; margin:0 0 20px; line-height:1.8; }
 .box { padding:12px; }
 .tbl-shop { width:100%; table-layout:fixed; font-size:14px; }
 .tbl-shop th { width:5em; overflow-wrap:anywhere; }
 .tbl-shop td { padding-left:8px; line-height:1.75; overflow-wrap:anywhere; }
 .tbl-shop a { color:#526f58; overflow-wrap:anywhere; }
 .recommend { float:none; width:100%; margin:0 0 24px; }
 .recommend p { line-height:1.8; }
 .text-little { font-size:12px; }
 .mainimg1 { float:none; width:100%; max-width:325px; height:auto; aspect-ratio:325 / 555; background-size:100% 100%; margin:0 auto 20px; }
 .mainimg2 { float:none; width:100%; height:auto; background:none; text-indent:0; margin-bottom:28px; line-height:1.85; }
 .box-about, .text-about, .box-about dl { width:100%; margin-left:0; float:none; line-height:1.85; }
 .photo-about, .photo-about2 { float:none; display:block; margin:16px auto 24px; }
 .box-about dt { float:none; width:auto; padding:12px 0 0; font-weight:bold; }
 .box-about dd { padding:4px 0 12px; }
 #footer { max-width:100%; background-size:contain; background-repeat:no-repeat; }
}

@media screen and (max-width:959px) {
 .kijinaiyou, .news-naiyou, .kijinaiyou *, .news-naiyou * { white-space:break-spaces; overflow-wrap:anywhere; word-break:normal; max-width:100%; }
 .kijinaiyou table, .news-naiyou table { width:100%; table-layout:fixed; }
}

@media screen and (max-width:959px) { #right table { max-width:100%; width:100%; table-layout:fixed; } #right td { overflow-wrap:anywhere; } }
@media screen and (max-width:959px) { .logo-text, .recommend p, .tbl-shop td { white-space:break-spaces; overflow-wrap:anywhere; } }
@media screen and (max-width:359px) { #menu ul { grid-template-columns:repeat(2,minmax(0,1fr)); } }