/* ============================================================
 * v1.1.0: Cocoon's header opens #main and footer calls sidebar.php.
 * Scope the single-column layout to the three information pages only.
 * ============================================================ */
body.sslp-info-page #content.content {
  width:100% !important;
}
body.sslp-info-page #content-in.content-in {
  display:block !important;
  width:calc(100% - 36px) !important;
  max-width:1220px !important;
  margin-right:auto !important;
  margin-left:auto !important;
}
body.sslp-info-page #main.main {
  display:block !important;
  float:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  flex:none !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
/* Fallback for customized Cocoon child themes. */
body.sslp-info-page #sidebar,
body.sslp-info-page .sidebar {
  display:none !important;
}
body.sslp-info-page #sslp-main {
  width:100%;
  margin:0 auto;
}
@media(max-width:680px) {
  body.sslp-info-page #content-in.content-in {
    width:100% !important;
    max-width:100% !important;
    padding:0 9px !important;
  }
}

/* 酒相場ナビ専用：3つの情報ページだけに適用されるスコープ付きデザイン */
.sslp-root,
.sslp-root * { box-sizing:border-box; }
.sslp-root { width:100%; min-height:65vh; margin:0; padding:26px 22px 84px; background:#f5f6f8; color:#293340; font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif; font-size:15px; line-height:1.9; }
.sslp-root .sslp-shell { width:100%; max-width:1080px; margin:0 auto; }
.sslp-root a { color:#185c80; text-decoration:none; }
.sslp-root a:hover { color:#b87b22; }
.sslp-root .sslp-breadcrumb { display:flex; gap:12px; align-items:center; margin:0 0 18px; color:#788492; font-size:12px; }
.sslp-root .sslp-breadcrumb a { color:#64748b; }
.sslp-root .sslp-hero { position:relative; isolation:isolate; overflow:hidden; border-radius:20px; padding:47px 56px 49px; color:#fff; background:linear-gradient(115deg,#142d45 0%,#203d56 70%,#2b4b61 100%); box-shadow:0 14px 32px rgba(15,41,61,.10); }
.sslp-root .sslp-hero-decor { position:absolute; width:390px; height:390px; top:-230px; right:-95px; border:1px solid rgba(231,190,112,.19); border-radius:50%; box-shadow:0 0 0 85px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.015); z-index:-1; }
.sslp-root .sslp-eyebrow { margin:0 0 8px; color:#e5b96e; font-size:11px; font-weight:800; letter-spacing:.24em; line-height:1.5; }
.sslp-root .sslp-hero h1 { margin:0; padding:0; border:0; background:none; color:#fff; font-size:clamp(26px,3.1vw,39px); line-height:1.4; font-weight:800; letter-spacing:.025em; box-shadow:none; }
.sslp-root .sslp-hero h1::before,.sslp-root .sslp-hero h1::after { display:none; }
.sslp-root .sslp-intro { max-width:790px; margin:15px 0 0; color:#e1eaf0; font-size:14px; line-height:1.95; }
.sslp-root .sslp-content { margin-top:24px; display:grid; gap:20px; }
.sslp-root .sslp-panel { min-width:0; border:1px solid #e7ebef; border-radius:14px; padding:35px 40px 38px; background:#fff; box-shadow:0 4px 17px rgba(15,37,56,.035); }
.sslp-root .sslp-section-head { margin-bottom:24px; }
.sslp-root .sslp-kicker { display:block; margin:0 0 8px; color:#a87935; font-size:10px; font-weight:800; letter-spacing:.16em; line-height:1.5; }
.sslp-root .sslp-section-head h2 { margin:0; padding:0 0 0 15px; border:0; border-left:4px solid #d9a75b; background:none; font-size:21px; font-weight:800; line-height:1.55; color:#1b3143; }
.sslp-root .sslp-section-head h2::before,.sslp-root .sslp-section-head h2::after { display:none; }
.sslp-root .sslp-section-head > p { color:#74818d; font-size:13px; margin:9px 0 0; }
.sslp-root .sslp-panel p { line-height:2; margin:0 0 16px; }
.sslp-root .sslp-panel p:last-child { margin-bottom:0; }
.sslp-root .sslp-prose { max-width:960px; margin-left:auto; margin-right:auto; }
.sslp-root .sslp-prose .sslp-panel { padding:37px 46px; }
.sslp-root .sslp-prose .sslp-panel p { color:#43515e; font-size:14px; }
.sslp-root .sslp-operator-panel { display:flex; gap:30px; align-items:center; background:linear-gradient(104deg,#fff,#fafbfc); }
.sslp-root .sslp-operator-emblem { flex:none; width:96px; height:96px; border-radius:22px; background:#f2e8d7; border:1px solid #e9d9bd; display:flex; align-items:center; justify-content:center; font-size:42px; font-weight:900; color:#af7d30; }
.sslp-root .sslp-operator-body h2 { background:none; border:none; padding:0; margin:0 0 4px; font-size:29px; line-height:1.4; color:#1b3143; }
.sslp-root .sslp-operator-body h2::before,.sslp-root .sslp-operator-body h2::after { display:none; }
.sslp-root .sslp-operator-body p { margin:0; }
.sslp-root .sslp-definition { margin:0; }
.sslp-root .sslp-definition > div { display:grid; grid-template-columns:165px minmax(0,1fr); gap:14px; align-items:start; padding:16px 0; border-bottom:1px solid #edf0f2; }
.sslp-root .sslp-definition > div:first-child { padding-top:0; }
.sslp-root .sslp-definition > div:last-child { border-bottom:0; padding-bottom:0; }
.sslp-root .sslp-definition dt { font-weight:700; color:#61707e; font-size:13px; }
.sslp-root .sslp-definition dd { margin:0; font-size:14px; color:#243544; overflow-wrap:anywhere; }
.sslp-root .sslp-lead-panel { border-left:5px solid #d9a75b; background:#fcfaf6; }
.sslp-root .sslp-lead-panel p { font-size:15px; }
.sslp-root .sslp-contact { padding:14px 17px; border-radius:9px; border:1px solid #ebedf0; background:#f7f9fb; overflow-wrap:anywhere; }
.sslp-root .sslp-contact-divider { color:#abb4bc; padding:0 9px; }
.sslp-root .sslp-updated { text-align:right; color:#7f8b95 !important; font-size:12px !important; }
.sslp-root .sslp-muted { font-size:13px; color:#85919a !important; }
.sslp-root .sslp-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.sslp-root .sslp-feature { display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto auto; gap:4px 12px; min-height:138px; position:relative; padding:19px 21px; border:1px solid #e8ecef; border-radius:11px; color:#273948; background:#fbfcfd; transition:border-color .18s,transform .18s,box-shadow .18s; }
.sslp-root .sslp-feature:hover { transform:translateY(-2px); color:#243a4c; border-color:#d8b178; box-shadow:0 6px 14px rgba(30,44,57,.06); }
.sslp-root .sslp-feature-no { grid-column:1; color:#b58440; font-weight:800; letter-spacing:.12em; font-size:11px; }
.sslp-root .sslp-feature-name { grid-column:1; color:#233647; font-weight:800; font-size:16px; }
.sslp-root .sslp-feature-note { grid-column:1; color:#81909d; font-size:12px; line-height:1.6; }
.sslp-root .sslp-arr { grid-column:2; grid-row:1/4; align-self:center; font-size:23px; font-weight:300; color:#a8b1b8; }
.sslp-root .sslp-link-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:11px; row-gap:9px; margin:0; padding:0; list-style:none; }
.sslp-root .sslp-link-grid li { margin:0; list-style:none; padding:0; }
.sslp-root .sslp-link-grid li::before { display:none; }
.sslp-root .sslp-link-grid a { display:flex; gap:10px; justify-content:space-between; align-items:center; width:100%; min-height:44px; padding:9px 14px; background:#f7f8fa; border-radius:7px; border:1px solid #eff0f1; color:#314355; font-size:13px; font-weight:600; }
.sslp-root .sslp-link-grid a:hover { border-color:#dbc39b; background:#fcf9f3; }
.sslp-root .sslp-count { flex:none; padding:2px 7px; border-radius:30px; background:#e9eef2; color:#748392; line-height:1.5; font-weight:700; font-size:11px; }
.sslp-root .sslp-more { margin:19px 0 0 !important; text-align:right; }
.sslp-root .sslp-more a { color:#1e5679; font-weight:700; font-size:13px; }
.sslp-root .sslp-article-list { list-style:none; padding:0; margin:0; }
.sslp-root .sslp-article-list li { margin:0; list-style:none; padding:0; border-bottom:1px solid #eef0f2; }
.sslp-root .sslp-article-list li::before { display:none; }
.sslp-root .sslp-article-list li:last-child { border:0; }
.sslp-root .sslp-article-list a { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 3px; line-height:1.65; font-size:13px; font-weight:700; color:#314255; }
.sslp-root .sslp-article-list a:hover { color:#b8863b; }
.sslp-root .sslp-article-list a span { color:#b6bdc6; font-size:17px; }
.sslp-root .sslp-bottom-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-width:960px; margin:26px auto 0; }
.sslp-root .sslp-bottom-nav a { display:flex; align-items:center; justify-content:space-between; padding:15px 18px; border:1px solid #e3e7ea; border-radius:9px; background:#fff; color:#475766; font-size:12px; font-weight:700; }
.sslp-root .sslp-bottom-nav a span { color:#9ba6af; }
.sslp-root .sslp-bottom-nav a[aria-current="page"] { border-color:#d6b47e; color:#9d7032; background:#fcfaf6; }
.sslp-root .sslp-bottom-nav a:hover { border-color:#d6b47e; color:#8f6028; }
/* Optional site-wide legal information links, independent from Cocoon's sidebar */
.sslp-global-footer { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px 25px; width:100%; padding:18px 20px 21px; background:#17283b; border-top:1px solid rgba(255,255,255,.12); font:500 12px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
.sslp-global-footer a { text-decoration:none !important; color:#e0e7ed !important; }
.sslp-global-footer a:hover { color:#edc589 !important; }
@media(max-width:800px) {
.sslp-root { padding:18px 15px 58px; }
.sslp-root .sslp-hero { padding:36px 34px; }
.sslp-root .sslp-panel { padding:28px 28px 30px; }
.sslp-root .sslp-prose .sslp-panel { padding:28px 30px; }
.sslp-root .sslp-link-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
.sslp-root { padding:13px 12px 49px; font-size:14px; }
.sslp-root .sslp-breadcrumb { margin:0 0 13px; }
.sslp-root .sslp-hero { border-radius:13px; padding:31px 24px 33px; }
.sslp-root .sslp-hero-decor { right:-250px; }
.sslp-root .sslp-hero h1 { font-size:26px; }
.sslp-root .sslp-intro { font-size:13px; line-height:1.85; }
.sslp-root .sslp-content { gap:13px; margin-top:13px; }
.sslp-root .sslp-panel,.sslp-root .sslp-prose .sslp-panel { padding:25px 20px 27px; border-radius:11px; }
.sslp-root .sslp-section-head { margin-bottom:18px; }
.sslp-root .sslp-section-head h2 { font-size:18px; }
.sslp-root .sslp-feature-grid,.sslp-root .sslp-link-grid { grid-template-columns:1fr; }
.sslp-root .sslp-feature { min-height:106px; padding:14px 17px; }
.sslp-root .sslp-feature-name { font-size:14px; }
.sslp-root .sslp-feature-no { font-size:10px; }
.sslp-root .sslp-link-grid { row-gap:6px; }
.sslp-root .sslp-definition > div { grid-template-columns:1fr; gap:3px; padding:13px 0; }
.sslp-root .sslp-definition dt { font-size:12px; }
.sslp-root .sslp-operator-panel { gap:15px; }
.sslp-root .sslp-operator-emblem { width:67px; height:67px; flex:none; font-size:29px; border-radius:13px; }
.sslp-root .sslp-operator-body h2 { font-size:22px; }
.sslp-root .sslp-operator-body .sslp-kicker { font-size:9px; }
.sslp-root .sslp-bottom-nav { grid-template-columns:1fr; gap:7px; margin-top:14px; }
.sslp-root .sslp-bottom-nav a { padding:11px 15px; }
.sslp-root .sslp-prose .sslp-panel p { font-size:13px; }
.sslp-root .sslp-contact-divider { display:block; height:5px; color:transparent; }
.sslp-global-footer { gap:8px 16px; padding:14px 12px; font-size:11px; }
}