/* Cafe24: original ratios and row-first image order. */
.cn-ordered-gallery{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:flex-start!important;columns:auto!important}
.cn-ordered-gallery>a,.cn-ordered-gallery>figure{margin:0!important;min-width:0;position:relative;height:auto!important;max-height:none!important;grid-column:auto!important;grid-row:auto!important;background:transparent!important}
.cn-ordered-gallery img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block}
.cn-ordered-gallery:after{content:'';flex-grow:10;flex-basis:160px}
.cn-ordered-gallery span{position:absolute;inset:auto 8px 8px auto;width:max-content;max-width:calc(100% - 16px);font-size:12px;line-height:1.25;font-weight:500;letter-spacing:0;color:#fff;background:rgba(0,0,0,.4);border-radius:2px;padding:3px 5px;text-shadow:0 1px 2px #0006;pointer-events:none}
.cn-form-status{font:500 16px/1.7 sans-serif!important;color:#464646!important;grid-column:1/-1}
form button:disabled{opacity:.55;cursor:not-allowed}
.home-hero>.cn-youtube-hero,.hero-media>.cn-youtube-hero{position:absolute!important;inset:0!important;padding:0!important;margin:0!important;max-width:none!important;width:100%!important;height:100%!important;background:#171717;overflow:hidden;z-index:0}
.cn-youtube-hero iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;min-height:100%;border:0}
.home-hero>div:not(.cn-youtube-hero){z-index:2}
.hero-media>video{display:none!important}
.hero-sound-button,.home-hero-sound{z-index:8!important;pointer-events:auto!important}
.client-preview-badge{display:none!important}
.section-head>div{min-width:0;max-width:100%}.section-head h2{overflow-wrap:anywhere}
html:lang(ja) .section-head h2,html:lang(zh) .section-head h2{word-break:normal}
@media(max-width:700px){.cn-ordered-gallery>a,.cn-ordered-gallery>figure{flex-basis:calc(var(--photo-ratio, .67)*240px)!important}.cn-ordered-gallery{gap:6px!important}}
.studio-mixed-grid .studio-gallery-item figcaption{inset:auto 8px 8px auto;font:500 12px/1.3 var(--sans);padding:4px 7px;letter-spacing:0}
@media(min-width:701px){.studio-mixed-grid.cn-ordered-gallery>figure.is-background{flex-basis:min(calc(var(--photo-ratio,1)*420px),calc(50% - 5px))!important;max-width:calc(50% - 5px)!important}}