@keyframes pchppFlash{20%{opacity:1}50%{opacity:0}80%{opacity:1}}.pochipp-box{position:relative;display:grid;grid-gap:0 24px;grid-template-areas:"areaImg areaBody" "areaBtns areaBtns";grid-template-rows:auto auto;grid-template-columns:100px 1fr;max-width:960px;padding:24px!important;color:#353535;font-size:16px;background:#fff;box-shadow:0 1px 8px -4px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.02)}body:not(#__) .pochipp-box{margin:2em auto}.pochipp-box .pochipp-box__logo{position:absolute;right:3px;bottom:4px;display:flex;align-items:center;justify-content:center;opacity:.2}.pochipp-box .pochipp-box__logo img{display:block;width:12px;height:12px;margin:0!important}.pochipp-box .pochipp-box__logo span{display:block;font-size:10px;line-height:1;transform:scale(.8)}.pochipp-box__image{grid-area:areaImg;margin:0;padding:0}.pochipp-box__image a{display:block;width:100%;text-decoration:none!important}.pochipp-box__image img{display:block;width:100%;height:auto;max-height:160px;-o-object-fit:contain;object-fit:contain}.pochipp-box__body{grid-area:areaBody;margin:0;padding:0}.pochipp-box__title{margin:0 0 8px;font-weight:700;line-height:1.6}.pochipp-box__title a{display:block;width:100%;color:inherit!important;text-decoration:none!important}.pochipp-box__info{margin:4px 0 0;font-size:12px;line-height:1.5;opacity:.75}.pochipp-box__price{margin:4px 0 0;font-size:13px;line-height:1.5}.pochipp-box__price span{font-size:10px;opacity:.75}.pochipp-box__review{display:flex;align-items:center;margin-top:4px}.pochipp-box__review a{display:flex;align-items:center;text-decoration:none!important}.pochipp-box__review img+span{margin-left:4px}.pochipp-box__review span{font-size:12px;color:#599ba3!important}.pochipp-box__review span.dashicons{display:flex;align-items:center;font-size:16px}.pochipp-box .pochipp-box__btns{position:relative;left:-4px;display:flex;flex-wrap:wrap;grid-area:areaBtns;align-items:flex-end;width:calc(100% + 8px);margin:12px 0 0;padding:0}.pochipp-box__btnwrap span{width:100%}.pochipp-box .pochipp-box__btnwrap{min-width:-moz-max-content;min-width:max-content;padding:4px}.pochipp-box__btnwrap.-on-sale{order:-1}.pochipp-box .pochipp-box__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0!important;padding:12px;font-size:1em;line-height:1;letter-spacing:.5px;text-align:center;text-decoration:none!important}.pochipp-box .pochipp-box__btn:hover{opacity:.8}.pochipp-box .pochipp-box__btn img{position:absolute;display:block;width:1px;height:1px;visibility:hidden;opacity:0}.pochipp-box .pochipp-box__btn span{font-size:inherit;line-height:1}.pochipp-box .pochipp-box__saleInfo{font-size:12px;line-height:1;text-align:center}.pochipp-box__saleInfo.-top{margin-bottom:4px;font-weight:700}[data-sale-effect=flash] .pochipp-box__saleInfo{animation:1.5s linear 0s infinite pchppFlash}.pochipp-box__btnwrap.-amazon .pochipp-box__saleInfo{color:var(--pchpp-color-amazon)}.pochipp-box__btnwrap.-rakuten .pochipp-box__saleInfo{color:var(--pchpp-color-rakuten)}.pochipp-box__btnwrap.-yahoo .pochipp-box__saleInfo{color:var(--pchpp-color-yahoo)}.pochipp-box__btnwrap.-mercari .pochipp-box__saleInfo{color:var(--pchpp-color-mercari)}.pochipp-box__btnwrap.-custom .pochipp-box__saleInfo{color:var(--pchpp-color-custom)}.pochipp-box__btnwrap.-custom_2 .pochipp-box__saleInfo{color:var(--pchpp-color-custom-2)}.pochipp-box__price[data-disp-price=off]{display:none}.pochipp-box[data-btn-radius=off]{border-radius:1px}.pochipp-box[data-btn-radius=off] .pochipp-box__btn,.pochipp-box[data-btn-radius=off] .pochipp-box__image img,.pochipp-box[data-btn-radius=off] .pochipp-box__saleInfo{border-radius:1px}.pochipp-box[data-btn-radius=on]{border-radius:4px}.pochipp-box[data-btn-radius=on] .pochipp-box__image img{border-radius:4px}.pochipp-box[data-btn-radius=on] .pochipp-box__btn,.pochipp-box[data-btn-radius=on] .pochipp-box__saleInfo{border-radius:40px}.pochipp-box[data-btn-style=dflt] .pochipp-box__btn{position:relative;overflow:hidden;color:#fff!important;background-color:#3c3c3c;box-shadow:0 1px 4px -1px rgba(0,0,0,.2)}.pochipp-box[data-btn-style=dflt] .pochipp-box__btn::before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(175deg,#fff,transparent 50%,transparent 70%,#555);opacity:.1;content:""}.pochipp-box[data-btn-style=dflt] .-amazon>.pochipp-box__btn{background:var(--pchpp-color-amazon)}.pochipp-box[data-btn-style=dflt] .-rakuten>.pochipp-box__btn{background:var(--pchpp-color-rakuten)}.pochipp-box[data-btn-style=dflt] .-yahoo>.pochipp-box__btn{background:var(--pchpp-color-yahoo)}.pochipp-box[data-btn-style=dflt] .-mercari>.pochipp-box__btn{background:var(--pchpp-color-mercari)}.pochipp-box[data-btn-style=dflt] .-custom>.pochipp-box__btn{background:var(--pchpp-color-custom)}.pochipp-box[data-btn-style=dflt] .-custom_2>.pochipp-box__btn{background:var(--pchpp-color-custom-2)}.pochipp-box[data-btn-style=outline] .pochipp-box__btn{background:0 0!important;box-shadow:inset 0 0 0 1px currentColor,0 1px 4px -1px rgba(0,0,0,.2)}.pochipp-box[data-btn-style=outline] .-amazon>.pochipp-box__btn{color:var(--pchpp-color-amazon)}.pochipp-box[data-btn-style=outline] .-rakuten>.pochipp-box__btn{color:var(--pchpp-color-rakuten)}.pochipp-box[data-btn-style=outline] .-yahoo>.pochipp-box__btn{color:var(--pchpp-color-yahoo)}.pochipp-box[data-btn-style=outline] .-custom>.pochipp-box__btn{color:var(--pchpp-color-custom)}.pochipp-box[data-btn-style=outline] .-custom_2>.pochipp-box__btn{color:var(--pchpp-color-custom-2)}.pochipp-box[data-img=r]{grid-template-areas:"areaBody areaImg" "areaBtns areaBtns";grid-template-columns:1fr 100px}.pochipp-inline__btnwrap{display:inline-flex;margin:.5em .5em}.pochipp-inline__btnwrap>.pochipp-inline__btn{display:inline-block;width:var(--pchpp-inline-width,auto);padding:.75em 1.5em;overflow:hidden;color:var(--pchpp-inline-txt-color,inherit);font-size:1em;line-height:1.5;text-align:center;text-decoration:none!important;background-color:var(--pchpp-inline-bg-color,none);border-radius:var(--pchpp-inline-radius,0);box-shadow:var(--pchpp-inline-shadow,none)}.pochipp-inline__btnwrap>.pochipp-inline__btn:hover{opacity:.8}.position-fixed{position:fixed}@media screen and (min-width:600px){.pochipp-box.is-vrtcl{display:block;max-width:400px}.pochipp-box.is-vrtcl .pochipp-box__btns .pochipp-box__btnwrap{flex-basis:100%;min-width:100%;max-width:100%}.pochipp-box.is-vrtcl .pochipp-box__image{margin-bottom:16px}.pochipp-box.is-vrtcl .pochipp-box__image img{width:40%;max-width:120px;margin:0 auto}}@media screen and (min-width:1000px){.pochipp-box[data-lyt-pc=dflt]{grid-template-areas:"areaImg areaBody" "areaImg areaBtns"}.pochipp-box[data-lyt-pc=dflt][data-img=r]{grid-template-areas:"areaBody areaImg" "areaBtns areaImg"}.pochipp-box[data-lyt-pc=big]{grid-template-columns:120px 1fr}.pochipp-box[data-lyt-pc=big][data-img=r]{grid-template-columns:1fr 120px}.pochipp-box[data-lyt-pc=big] .pochipp-box__btns{margin-top:20px}.pochipp-box[data-lyt-pc=imgbig]{grid-template-areas:"areaImg areaBody" "areaImg areaBtns";grid-template-columns:140px 1fr}}@media screen and (min-width:1100px){[data-maxclmn-pc=fit]>.pochipp-box__btnwrap{flex:1;max-width:50%;font-size:15px}[data-maxclmn-pc="3"]>.pochipp-box__btnwrap{flex:0 0 33.3%;font-size:15px}[data-maxclmn-pc="2"]>.pochipp-box__btnwrap{flex-basis:50%;max-width:50%}}@media screen and (max-width:1099px){.pochipp-box__btnwrap{flex-basis:50%;min-width:50%!important;max-width:50%}}@media screen and (max-width:599px){.pochipp-box{grid-gap:0 16px;grid-template-columns:25% 1fr;width:88%;box-sizing:border-box;font-size:13px}.pochipp-box__price{font-size:12px}[data-maxclmn-mb="1"]>.pochipp-box__btnwrap{flex-basis:100%;max-width:100%;font-size:15px}[data-maxclmn-mb="2"]>.pochipp-box__btnwrap{font-size:13px}[data-maxclmn-mb="2"]>.pochipp-box__btnwrap.-on-sale{flex-basis:100%;max-width:100%}.pochipp-box .pochipp-box__btn{padding:12px 10px}[data-maxclmn-mb="2"]>.-long-text:not(.-on-sale) .pochipp-box__btn{font-size:12px;line-height:13px;letter-spacing:0;white-space:nowrap}.pochipp-box .pochipp-box__saleInfo{font-size:11px}.pochipp-box[data-img=r]{grid-template-columns:1fr 25%}.pochipp-box[data-lyt-mb=vrtcl]{display:block;font-size:14px}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__image{width:100%;margin-bottom:16px}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__image img{width:60%;max-width:120px;margin:0 auto}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__body{width:100%;padding:0}}@media screen and (max-width:360px){.pochipp-box{width:100%;box-sizing:border-box;padding:16px!important;font-size:14px}}body.ochd-active {
--ochd-accent: #ef575b;
--ochd-gold: #f2ae18;
--ochd-cream: #fff7e3;
--ochd-sakura: #fdebed;
--ochd-ink: #292826;
--ochd-muted: #6e675f;
--ochd-line: #eadfce;
--ochd-surface: #fff;
--ochd-soft-white: #fffdf8;
--ochd-shadow: 0 16px 42px rgba(73, 53, 23, .08);
--ochd-max: 1160px;
color: var(--ochd-ink);
background: var(--ochd-soft-white);
}
body.ochd-active *,
body.ochd-active *::before,
body.ochd-active *::after {
box-sizing: border-box;
} body.ochd-active #l-main-container {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.ochd-active #l-main,
body.ochd-active .p-article,
body.ochd-active .p-article__inner,
body.ochd-active .p-article__text-area {
width: 100% !important;
max-width: none !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
body.ochd-active .p-article {
padding-top: 0 !important;
padding-bottom: 0 !important;
background: var(--ochd-soft-white);
}
body.ochd-active .p-article__text-area {
overflow: clip;
}
body.ochd-active .p-article__text-area > *:not(.ochh-hero):not(.wp-block-sbd-background-block) {
width: min(var(--ochd-max), calc(100% - 40px));
max-width: var(--ochd-max) !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block.is-style-gray {
width: min(var(--ochd-max), calc(100% - 40px));
max-width: var(--ochd-max) !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.ochd-active .p-article__text-area a:focus-visible,
body.ochd-active #l-side a:focus-visible,
body.ochd-active #l-side input:focus-visible,
body.ochd-active #l-side button:focus-visible {
outline: 3px solid var(--ochd-gold);
outline-offset: 4px;
} body.ochd-active .ochh-hero {
width: min(var(--ochd-max), calc(100% - 40px)) !important;
max-width: var(--ochd-max) !important;
min-height: 500px;
margin: 42px auto 58px !important;
padding: clamp(42px, 5vw, 64px) clamp(26px, 4.5vw, 58px) 82px;
border: 1px solid rgba(234, 223, 206, .72);
border-radius: 28px;
box-shadow: var(--ochd-shadow);
}
body.ochd-active .ochh-hero .ochh-hero__inner {
gap: clamp(28px, 4vw, 58px);
}
body.ochd-active .ochh-hero .ochh-hero__title {
font-size: clamp(2.35rem, 4vw, 3.55rem);
line-height: 1.35;
}
body.ochd-active .ochh-hero .ochh-hero__lead {
max-width: 34em;
font-size: clamp(.94rem, 1.35vw, 1.05rem);
}
body.ochd-active .ochh-hero .ochh-hero__image img {
max-width: 440px;
}
body.ochd-active .ochh-hero .ochh-hero__badge {
right: -4px;
bottom: 12px;
width: 150px;
} body.ochd-active .p-nav {
margin-bottom: 72px !important;
}
body.ochd-active .p-nav > div:first-child {
margin-bottom: 26px;
color: var(--ochd-ink);
font-size: clamp(1.15rem, 2vw, 1.45rem);
line-height: 1.65;
}
body.ochd-active .p-nav ul {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.ochd-active .p-nav li {
width: auto !important;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.ochd-active .p-nav li::before {
display: none !important;
}
body.ochd-active .p-nav li > a {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: flex-start;
height: 100%;
min-height: 248px;
padding: 24px 16px 20px;
border: 1px solid var(--ochd-line);
border-radius: 22px;
color: var(--ochd-ink) !important;
background: var(--ochd-surface);
box-shadow: 0 10px 28px rgba(73, 53, 23, .055);
font-size: 1.05rem;
font-weight: 800;
line-height: 1.5;
text-align: center;
text-decoration: none !important;
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.ochd-active .p-nav li > a:hover {
border-color: var(--ochd-gold);
box-shadow: 0 16px 34px rgba(73, 53, 23, .11);
transform: translateY(-5px);
}
body.ochd-active .p-nav figure {
display: grid;
place-items: center;
width: calc(var(--ochd-icon-desktop) + 28px);
height: calc(var(--ochd-icon-desktop) + 28px);
margin: 0 auto 17px !important;
padding: 14px;
border-radius: 50%;
background: var(--ochd-cream);
}
body.ochd-active .p-nav figure img {
display: block;
width: var(--ochd-icon-desktop) !important;
height: var(--ochd-icon-desktop) !important;
max-width: none !important;
max-height: none !important;
object-fit: contain;
}
body.ochd-active .p-nav .p-nav-title {
display: block;
margin-top: 6px;
color: var(--ochd-muted);
font-size: .78rem;
font-weight: 600;
} body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray) {
position: relative;
isolation: isolate;
width: 100% !important;
max-width: none !important;
margin: 0 0 46px !important;
padding: 62px max(20px, calc((100% - var(--ochd-max)) / 2)) 58px;
overflow: hidden;
background: var(--ochd-cream) !important;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray):nth-child(13),
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray):has(#tanpin-osechi),
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray):has(#mametishiki) {
background: var(--ochd-sakura) !important;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray)::after {
position: absolute;
right: -5%;
bottom: -32px;
left: -5%;
z-index: -1;
height: 60px;
border-radius: 50% 50% 0 0;
background: var(--ochd-soft-white);
content: "";
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray) > p {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
max-width: var(--ochd-max);
margin: 0 auto !important;
padding: 0 !important;
border: 0 !important;
color: var(--ochd-ink) !important;
background: transparent !important;
font-size: clamp(1.8rem, 3vw, 2.45rem) !important;
font-weight: 800;
line-height: 1.45;
letter-spacing: .035em;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray) > p::before {
display: grid;
flex: 0 0 54px;
place-items: center;
width: 54px;
height: 54px;
border-radius: 50%;
color: #fff;
background: var(--ochd-accent);
box-shadow: 0 8px 20px rgba(239, 87, 91, .22);
content: "祝";
font-size: 1.05rem;
font-weight: 800;
letter-spacing: 0;
} body.ochd-active .p-article__text-area > .wp-block-columns {
align-items: stretch !important;
gap: 24px !important;
margin-top: 0 !important;
margin-bottom: 28px !important;
}
body.ochd-active .p-article__text-area > .wp-block-columns > .wp-block-column {
min-width: 0;
padding: clamp(18px, 2.3vw, 26px);
border: 1px solid var(--ochd-line);
border-radius: 22px;
background: var(--ochd-surface);
box-shadow: 0 12px 34px rgba(73, 53, 23, .065);
}
body.ochd-active .p-article__text-area > .wp-block-columns > .wp-block-column > figure:first-child img,
body.ochd-active .p-article__text-area > .wp-block-columns > .wp-block-column > .wp-block-group:first-child figure img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 14px;
object-fit: cover;
}
body.ochd-active .p-article__text-area > .wp-block-columns > .wp-block-column > .wp-block-sbd-background-block.is-style-gray:first-child {
margin: 0 0 18px !important;
padding: 14px;
border: 0;
border-radius: 15px;
background: var(--ochd-cream) !important;
}
body.ochd-active .p-article__text-area > .wp-block-columns > .wp-block-column > .wp-block-sbd-background-block.is-style-gray:first-child figure {
margin: 0 !important;
}
body.ochd-active .p-article__text-area > .wp-block-columns > .wp-block-column > .wp-block-sbd-background-block.is-style-gray:first-child img {
width: 100%;
height: 94px;
border-radius: 10px;
background: #fff;
object-fit: contain;
} body.ochd-active .fujimoto {
margin-top: 12px;
}
body.ochd-active .fujimoto > font,
body.ochd-active .fujimoto > br {
display: none;
}
body.ochd-active .fujimoto > a {
display: flex;
align-items: flex-start;
min-height: 43px;
margin: 0;
padding: 9px 10px;
border-bottom: 1px solid #f1e9dc;
color: #356fae;
line-height: 1.6;
text-decoration: none;
}
body.ochd-active .fujimoto > a::before {
flex: 0 0 auto;
margin-right: 8px;
color: var(--ochd-accent);
content: "›";
font-size: 1.25em;
font-weight: 800;
line-height: 1.25;
}
body.ochd-active .fujimoto > a:hover {
color: var(--ochd-accent);
background: #fffaf0;
}
body.ochd-active .fujimoto > a font {
font-size: .9rem !important;
} body.ochd-active .acbox {
margin-top: 17px;
border: 1px solid var(--ochd-line);
border-radius: 14px;
background: #fff;
box-shadow: none;
overflow: hidden;
}
body.ochd-active .acbox > label {
display: flex !important;
align-items: center;
min-height: 46px;
margin: 0 !important;
padding: 10px 14px !important;
color: #5c450c !important;
background: var(--ochd-cream) !important;
font-size: .86rem;
font-weight: 800;
line-height: 1.55;
cursor: pointer;
}
body.ochd-active .acbox > label::after {
margin-left: auto;
padding-left: 10px;
color: var(--ochd-accent);
content: "＋";
font-size: 1.1rem;
}
body.ochd-active .acbox > input:checked + label::after {
content: "－";
}
body.ochd-active .acbox .acbox-under {
padding: 14px 16px 16px;
background: #fff;
}
body.ochd-active .acbox .acbox-under font + a {
line-height: 2.15;
} body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card {
margin-top: 32px !important;
margin-bottom: 42px !important;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard {
display: grid !important;
grid-template-areas:
"image title"
"image excerpt"
"image button";
grid-template-columns: minmax(300px, 42%) minmax(0, 1fr);
grid-template-rows: auto 1fr auto;
gap: 0;
min-height: 275px;
border: 1px solid var(--ochd-line);
border-radius: 22px;
background: var(--ochd-surface);
box-shadow: var(--ochd-shadow);
overflow: hidden;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__img-area {
grid-area: image;
height: 100%;
min-height: 275px;
overflow: hidden;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__img-area img {
display: block;
width: 100%;
height: 100%;
min-height: 275px;
aspect-ratio: 16 / 9;
object-fit: cover;
transition: transform .3s ease;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard:hover .p-blogcard__img-area img {
transform: scale(1.025);
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__title-area {
grid-area: title;
padding: 26px 28px 10px;
color: var(--ochd-ink);
font-size: clamp(1.1rem, 1.8vw, 1.35rem);
font-weight: 800;
line-height: 1.55;
text-decoration: none;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__excerpt-area {
grid-area: excerpt;
padding: 0 28px 16px;
color: var(--ochd-muted);
font-size: .92rem;
line-height: 1.8;
text-decoration: none;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__btn-area {
grid-area: button;
padding: 0 28px 26px;
text-align: left;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 9px 22px;
border: 2px solid var(--ochd-gold);
border-radius: 999px;
color: #5c450c;
background: #fff;
font-size: .88rem;
font-weight: 800;
text-decoration: none;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__btn:hover {
border-color: var(--ochd-accent);
color: #fff;
background: var(--ochd-accent);
} body.ochd-active .sbd-table--scroll {
margin-top: 22px;
margin-bottom: 38px;
border: 1px solid var(--ochd-line);
border-radius: 16px;
background: #fff;
box-shadow: 0 10px 30px rgba(73, 53, 23, .06);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
body.ochd-active .sbd-table--scroll table {
width: 100%;
min-width: 900px;
margin: 0;
border-collapse: separate;
border-spacing: 0;
}
body.ochd-active .sbd-table--scroll th,
body.ochd-active .sbd-table--scroll td {
min-width: 120px;
padding: 14px 10px;
border-color: #eee3d4;
font-size: .88rem;
line-height: 1.55;
text-align: center;
}
body.ochd-active .sbd-table--scroll th:first-child,
body.ochd-active .sbd-table--scroll td:first-child {
position: sticky;
left: 0;
z-index: 2;
min-width: 135px;
background: #fffaf0;
font-weight: 800;
}
body.ochd-active .sbd-table--scroll thead th {
background: #fff;
}
body.ochd-active .sbd-table--scroll thead th:first-child {
z-index: 3;
}
body.ochd-active .sbd-table--scroll img {
display: block;
width: auto !important;
max-width: 108px;
height: 54px;
margin: 0 auto;
object-fit: contain;
} body.ochd-active .wp-block-snow-monkey-blocks-items {
margin-top: 28px;
margin-bottom: 42px;
}
body.ochd-active .wp-block-snow-monkey-blocks-items .smb-items__item {
height: 100%;
padding: clamp(17px, 2vw, 23px);
border: 1px solid var(--ochd-line);
border-radius: 20px;
background: #fff;
box-shadow: 0 10px 28px rgba(73, 53, 23, .055);
overflow: hidden;
}
body.ochd-active .wp-block-snow-monkey-blocks-step {
margin-top: 34px;
margin-bottom: 48px;
}
body.ochd-active .smb-step__item {
padding-bottom: 34px;
}
body.ochd-active .smb-step__item__title {
min-height: 52px;
padding: 10px 16px;
border: 1px solid var(--ochd-line);
border-radius: 14px;
background: #fff;
box-shadow: 0 7px 22px rgba(73, 53, 23, .05);
font-size: 1.05rem;
font-weight: 800;
}
body.ochd-active .p-article__text-area > .wp-block-spacer {
height: 30px !important;
} body.ochd-active #l-side {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 76px 0 0 !important;
padding: 0 20px !important;
background: var(--ochd-sakura);
}
body.ochd-active #l-side .l-side-contents {
display: grid;
grid-template-columns: minmax(280px, .8fr) minmax(0, 1.45fr);
align-items: center;
gap: 30px;
width: min(var(--ochd-max), 100%) !important;
max-width: var(--ochd-max) !important;
margin: 0 auto;
padding: 76px 0;
}
body.ochd-active #l-side .l-side-widget {
width: 100%;
margin: 0 !important;
border: 1px solid rgba(234, 223, 206, .85);
border-radius: 22px;
background: #fff;
box-shadow: var(--ochd-shadow);
}
body.ochd-active #search-3 {
padding: 28px;
}
body.ochd-active #search-3::before {
display: block;
margin-bottom: 14px;
color: var(--ochd-ink);
content: "気になるワードから検索";
font-size: 1.08rem;
font-weight: 800;
}
body.ochd-active #search-3 .p-search-form {
display: grid;
grid-template-columns: minmax(0, 1fr) 52px;
width: 100%;
}
body.ochd-active #search-3 .p-search-form__field {
min-width: 0;
height: 52px;
padding: 0 16px;
border: 1px solid var(--ochd-line);
border-radius: 12px 0 0 12px;
background: #fffdf8;
font-size: 16px;
}
body.ochd-active #search-3 .p-search-form__submitn {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border: 0;
border-radius: 0 12px 12px 0;
color: #fff;
background: var(--ochd-accent);
cursor: pointer;
}
body.ochd-active #search-3 .p-search-form__submitn svg {
width: 18px;
height: 18px;
}
body.ochd-active #widget-profile-3 {
padding: 28px 30px;
}
body.ochd-active #widget-profile-3 .p-profile__inner {
display: grid;
grid-template-areas:
"image name"
"image text"
"image button";
grid-template-columns: 126px minmax(0, 1fr);
gap: 5px 24px;
align-items: start;
}
body.ochd-active #widget-profile-3 .p-profile__img-area {
grid-area: image;
margin: 0;
}
body.ochd-active #widget-profile-3 .p-profile__img {
display: block;
width: 118px;
height: 118px;
border: 6px solid var(--ochd-cream);
border-radius: 50%;
object-fit: cover;
}
body.ochd-active #widget-profile-3 .p-profile__name {
grid-area: name;
margin: 0;
color: var(--ochd-ink);
font-size: 1.18rem;
font-weight: 800;
text-align: left;
}
body.ochd-active #widget-profile-3 .p-profile__name::before {
margin-right: 7px;
color: var(--ochd-accent);
content: "運営者";
font-size: .75rem;
font-weight: 800;
}
body.ochd-active #widget-profile-3 .p-profile__text-area {
grid-area: text;
margin: 2px 0 12px;
color: var(--ochd-muted);
font-size: .9rem;
line-height: 1.75;
}
body.ochd-active #widget-profile-3 .p-profile__btn-area {
grid-area: button;
margin: 0;
text-align: left;
}
body.ochd-active #widget-profile-3 .p-profile__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 8px 19px;
border: 2px solid var(--ochd-gold);
border-radius: 999px;
color: #5c450c;
background: #fff;
font-size: .84rem;
font-weight: 800;
text-decoration: none;
}
body.ochd-active #widget-profile-3 .p-profile__btn:hover {
border-color: var(--ochd-accent);
color: #fff;
background: var(--ochd-accent);
} body.ochd-active .is-style-ochd-section-cream,
body.ochd-active .is-style-ochd-section-sakura {
position: relative;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: clamp(62px, 7vw, 88px) clamp(24px, 4vw, 64px);
}
body.ochd-active .is-style-ochd-section-cream > .wp-block-group__inner-container,
body.ochd-active .is-style-ochd-section-sakura > .wp-block-group__inner-container {
width: 100% !important;
max-width: none !important;
margin-right: auto !important;
margin-left: auto !important;
}
body.ochd-active .is-style-ochd-section-cream {
background: var(--ochd-cream);
}
body.ochd-active .is-style-ochd-section-sakura {
background: var(--ochd-sakura);
}
body.ochd-active .is-style-ochd-card {
padding: 24px;
border: 1px solid var(--ochd-line);
border-radius: 20px;
background: #fff;
box-shadow: 0 12px 34px rgba(73, 53, 23, .065);
}
body.ochd-active .is-style-ochd-section-title {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
font-size: clamp(1.8rem, 3vw, 2.45rem);
font-weight: 800;
line-height: 1.45;
}
body.ochd-active .is-style-ochd-section-title::before {
display: grid;
flex: 0 0 54px;
place-items: center;
width: 54px;
height: 54px;
border-radius: 50%;
color: #fff;
background: var(--ochd-accent);
content: "祝";
font-size: 1.05rem;
}
body.ochd-active .is-style-ochd-ratio-16-9 img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 14px;
object-fit: cover;
}
body.ochd-active .is-style-ochd-card-grid {
align-items: stretch;
gap: 22px;
}
body.ochd-active .is-style-ochd-card-grid > .wp-block-column {
padding: 22px;
border: 1px solid var(--ochd-line);
border-radius: 20px;
background: #fff;
box-shadow: 0 12px 34px rgba(73, 53, 23, .065);
} @media (min-width: 782px) {
body.ochd-active .is-style-ochd-section-cream > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table,
body.ochd-active .is-style-ochd-section-sakura > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table {
width: min(100%, 960px) !important;
max-width: 960px !important;
margin: 28px auto 40px !important;
overflow-x: auto;
}
body.ochd-active .is-style-ochd-section-cream > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table table,
body.ochd-active .is-style-ochd-section-sakura > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table table {
width: 100% !important;
min-width: 0 !important;
}
body.ochd-active .is-style-ochd-section-cream > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table th,
body.ochd-active .is-style-ochd-section-cream > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table td,
body.ochd-active .is-style-ochd-section-sakura > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table th,
body.ochd-active .is-style-ochd-section-sakura > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table td {
padding: 16px 18px !important;
font-size: 1rem !important;
line-height: 1.55;
}
body.ochd-active .is-style-ochd-section-cream > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table img,
body.ochd-active .is-style-ochd-section-sakura > .wp-block-group__inner-container > .wp-block-table.wp-block-sbd-table img {
display: block;
width: clamp(120px, 10vw, 150px) !important;
max-width: 100% !important;
height: auto !important;
max-height: 68px;
margin-right: auto;
margin-left: auto;
object-fit: contain;
}
} body.ochd-active .p-toc,
body.ochd-active .toc,
body.ochd-active #toc_container,
body.ochd-active .ez-toc-container,
body.ochd-active #l-side .l-side-widget.js_toc_outer_height {
display: none !important;
}
@media (max-width: 900px) {
body.ochd-active .p-nav ul {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.ochd-active .p-nav li > a {
min-height: 235px;
}
body.ochd-active #l-side .l-side-contents {
grid-template-columns: 1fr;
}
}
@media (max-width: 781px) {
body.ochd-active .p-article__text-area > *:not(.ochh-hero):not(.wp-block-sbd-background-block),
body.ochd-active .ochh-hero {
width: min(calc(100% - 28px), var(--ochd-max)) !important;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block.is-style-gray {
width: min(calc(100% - 28px), var(--ochd-max)) !important;
}
body.ochd-active .ochh-hero {
min-height: 0;
margin-top: 22px !important;
margin-bottom: 42px !important;
padding: 34px 20px 66px;
border-radius: 22px;
}
body.ochd-active .ochh-hero .ochh-hero__title {
font-size: clamp(2rem, 9vw, 2.85rem);
}
body.ochd-active .ochh-hero .ochh-hero__image img {
max-width: 360px;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray) {
margin-bottom: 32px !important;
padding: 48px 18px 45px;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray) > p {
gap: 10px;
font-size: clamp(1.5rem, 7vw, 1.9rem) !important;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-background-block:not(.is-style-gray) > p::before,
body.ochd-active .is-style-ochd-section-title::before {
flex-basis: 46px;
width: 46px;
height: 46px;
font-size: .92rem;
}
body.ochd-active .p-article__text-area > .wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: wrap !important;
}
body.ochd-active .p-article__text-area > .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
flex-basis: 100% !important;
width: 100% !important;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard {
grid-template-areas:
"image"
"title"
"excerpt"
"button";
grid-template-columns: 1fr;
grid-template-rows: auto;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__img-area,
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__img-area img {
height: auto;
min-height: 0;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__title-area {
padding: 20px 20px 8px;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__excerpt-area {
padding: 0 20px 14px;
}
body.ochd-active .p-article__text-area > .wp-block-sbd-blog-card .p-blogcard__btn-area {
padding: 0 20px 22px;
}
body.ochd-active #l-side {
margin-top: 54px !important;
padding: 0 14px !important;
}
body.ochd-active #l-side .l-side-contents {
padding: 54px 0;
}
body.ochd-active #widget-profile-3 .p-profile__inner {
grid-template-areas:
"image"
"name"
"text"
"button";
grid-template-columns: 1fr;
gap: 10px;
text-align: center;
}
body.ochd-active #widget-profile-3 .p-profile__img-area,
body.ochd-active #widget-profile-3 .p-profile__img {
margin-right: auto;
margin-left: auto;
}
body.ochd-active #widget-profile-3 .p-profile__name,
body.ochd-active #widget-profile-3 .p-profile__btn-area {
text-align: center;
}
}
@media (max-width: 600px) {
body.ochd-active .p-nav figure {
width: calc(var(--ochd-icon-mobile) + 24px);
height: calc(var(--ochd-icon-mobile) + 24px);
margin-bottom: 13px !important;
padding: 12px;
}
body.ochd-active .p-nav figure img {
width: var(--ochd-icon-mobile) !important;
height: var(--ochd-icon-mobile) !important;
}
}
@media (max-width: 480px) {
body.ochd-active .p-nav ul {
gap: 11px;
}
body.ochd-active .p-nav li > a {
min-height: 205px;
padding: 18px 9px 15px;
border-radius: 17px;
font-size: .92rem;
}
body.ochd-active .p-nav .p-nav-title {
font-size: .7rem;
}
body.ochd-active .p-article__text-area > .wp-block-columns > .wp-block-column {
padding: 16px;
border-radius: 17px;
}
body.ochd-active #search-3,
body.ochd-active #widget-profile-3 {
padding: 21px 18px;
border-radius: 18px;
}
}
@media (prefers-reduced-motion: reduce) {
body.ochd-active *,
body.ochd-active *::before,
body.ochd-active *::after {
scroll-behavior: auto !important;
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
}
}