/* 生成 CSS（SP・items）：build/sp.py が生成済み HTML と page-items.css から自動で出す。手で編集しない。 */
@media (max-width: 767px) {
.b-chosen .cw__ph{order:1}
.b-chosen .cw__vert{order:2}
.b-chosen .cw__script{order:3}
.b-chosen .cw__h{order:4}
.b-chosen .cw__p{order:5}
.b-ourselect .os__script{order:1}
.b-ourselect .os__h{order:2}
.b-ourselect .os__orn{order:3}
.b-ourselect .os__p{order:4}
.b-ourselect .os__ph0{order:5}
.b-ourselect .os__ph1{order:6}
.b-ourselect .os__orn2{order:7}
.b-ourselect .os__opening{order:8}
.b-ourselect .os__num1{order:9}
.b-ourselect .os__title1{order:10}
.b-ourselect .os__body1{order:11}
.b-ourselect .os__ph2{order:12}
.b-ourselect .os__vert1{order:13}
.b-ourselect .os__num2{order:14}
.b-ourselect .os__title2{order:15}
.b-ourselect .os__body2{order:16}
.b-ourselect .os__iv{order:17}
.b-ourselect .os__ph3{order:18}
.b-ourselect .os__vert2{order:19}
.b-ourselect .os__num3{order:20}
.b-ourselect .os__title3{order:21}
.b-ourselect .os__body3{order:22}
.b-ourselect .os__ph5{order:23}
.b-ourselect .os__ph4{order:24}
.b-ourselect .os__ph6{order:25}
.b-ourselect .os__ph7{order:26}
.b-ourselect .os__vert3{order:27}
.b-selection .tas__script{order:1}
.b-selection .tas__h{order:2}
.b-selection .tas__lead{order:3}
.b-selection .cat1__rule1{order:4}
.b-selection .cat1__jp{order:5}
.b-selection .cat1__orn{order:6}
.b-selection .cat1__en{order:7}
.b-selection .cat1__rule2{order:8}
.b-selection .cat1__ph1{order:9}
.b-selection .cat1__ph2{order:10}
.b-selection .cat1__ph3{order:11}
.b-selection .cat1__dummy{order:12}
.b-selection .cat1__pick{order:13}
.b-selection .cat1__pick-orn{order:14}
.b-selection .cat1__pick-ph{order:15}
.b-selection .cat1__pick-title{order:16}
.b-selection .cat1__pick-body{order:17}
.b-selection .cat2__rule1{order:18}
.b-selection .cat2__jp{order:19}
.b-selection .cat2__orn{order:20}
.b-selection .cat2__en{order:21}
.b-selection .cat2__rule2{order:22}
.b-selection .cat2__ph1{order:23}
.b-selection .cat2__ph2{order:24}
.b-selection .cat2__ph3{order:25}
.b-selection .cat2__dummy{order:26}
.b-selection .cat2__pick{order:27}
.b-selection .cat2__pick-orn{order:28}
.b-selection .cat2__pick-ph{order:29}
.b-selection .cat2__pick-title{order:30}
.b-selection .cat2__pick-body{order:31}
.b-selection .cat3__rule1{order:32}
.b-selection .cat3__jp{order:33}
.b-selection .cat3__orn{order:34}
.b-selection .cat3__en{order:35}
.b-selection .cat3__rule2{order:36}
.b-selection .cat3__ph1{order:37}
.b-selection .cat3__ph2{order:38}
.b-selection .cat3__ph3{order:39}
.b-selection .cat3__dummy{order:40}
.b-selection .cat3__pick{order:41}
.b-selection .cat3__pick-orn{order:42}
.b-selection .cat3__pick-ph{order:43}
.b-selection .cat3__pick-title{order:44}
.b-selection .cat3__pick-body{order:45}
.b-selection .cat4__rule1{order:46}
.b-selection .cat4__jp{order:47}
.b-selection .cat4__orn{order:48}
.b-selection .cat4__en{order:49}
.b-selection .cat4__rule2{order:50}
.b-selection .cat4__ph1{order:51}
.b-selection .cat4__ph2{order:52}
.b-selection .cat4__ph3{order:53}
.b-selection .cat4__dummy{order:54}
.b-selection .cat4__pick{order:55}
.b-selection .cat4__pick-orn{order:56}
.b-selection .cat4__pick-ph{order:57}
.b-selection .cat4__pick-title{order:58}
.b-selection .cat4__pick-body{order:59}
.b-chosen .cw__ph{aspect-ratio:700/700;width:calc(100% + 2 * var(--sp-gutter));max-width:none;margin-inline:calc(-1 * var(--sp-gutter))}
.b-chosen .cw__vert,.b-ourselect .os__vert1,.b-ourselect .os__vert2,.b-ourselect .os__vert3{font-size:14px;line-height:1.7;writing-mode:horizontal-tb}
.b-chosen .cw__script{width:min(100%,173px);aspect-ratio:315/55;margin-right:auto}
.b-chosen .cw__h,.b-ourselect .os__h,.b-selection .cat1__en,.b-selection .cat2__en,.b-selection .cat3__en,.b-selection .cat4__en{font-size:var(--sp-fs-h3);line-height:1.6;text-wrap:balance}
.b-chosen .cw__p,.b-ourselect .os__p,.b-selection .tas__lead,.b-selection .cat1__dummy,.b-selection .cat1__pick-body,.b-selection .cat2__dummy,.b-selection .cat2__pick-body,.b-selection .cat3__dummy,.b-selection .cat3__pick-body,.b-selection .cat4__dummy,.b-selection .cat4__pick-body{font-size:14px;line-height:2.0;text-wrap:pretty}
.b-ourselect .os__script{width:min(100%,106px);aspect-ratio:212/55;margin-right:auto}
.b-ourselect .os__orn{width:min(100%,130px);aspect-ratio:260/125;margin-right:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-ourselect .os__ph0{aspect-ratio:500/375;width:72%;margin-left:auto}
.b-ourselect .os__ph1{aspect-ratio:860/540;width:calc(100% + 2 * var(--sp-gutter));max-width:none;margin-inline:calc(-1 * var(--sp-gutter))}
.b-ourselect .os__orn2{width:min(100%,148px);aspect-ratio:297/135;margin-inline:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-ourselect .os__opening{font-size:14px;line-height:1.7}
.b-ourselect .os__num1{width:48px;aspect-ratio:47/35;margin:0;align-self:center}
.b-ourselect .os__title1,.b-ourselect .os__title2,.b-ourselect .os__title3{font-size:18px;line-height:1.7;text-wrap:balance;width:calc(96% - 48px);align-self:center}
.b-ourselect .os__body1,.b-ourselect .os__body2,.b-ourselect .os__body3,.b-selection .cat1__jp,.b-selection .cat1__pick-title,.b-selection .cat2__jp,.b-selection .cat2__pick-title,.b-selection .cat3__jp,.b-selection .cat3__pick-title,.b-selection .cat4__jp,.b-selection .cat4__pick-title{font-size:14px;line-height:2.0}
.b-ourselect .os__ph2,.b-ourselect .os__ph4{aspect-ratio:350/260;width:48%;margin-left:auto}
.b-ourselect .os__num2{width:48px;aspect-ratio:51/35;margin:0;align-self:center}
.b-ourselect .os__iv{aspect-ratio:300/300;width:48%;margin-right:auto}
.b-ourselect .os__ph3{aspect-ratio:600/323.08;width:72%;margin-inline:auto}
.b-ourselect .os__num3{width:48px;aspect-ratio:49/35;margin:0;align-self:center}
.b-ourselect .os__ph5{aspect-ratio:300/200;width:48%;margin-left:auto}
.b-ourselect .os__ph6{aspect-ratio:500/375;width:72%;margin-right:auto}
.b-ourselect .os__ph7{aspect-ratio:600/376.75;width:72%;margin-left:auto}
.b-selection .tas__script{width:min(100%,204px);aspect-ratio:370/55;margin-right:auto}
.b-selection .tas__h{font-size:var(--sp-fs-h1);line-height:1.5;text-wrap:balance}
.b-selection .cat1__rule1,.b-selection .cat1__rule2,.b-selection .cat2__rule1,.b-selection .cat2__rule2,.b-selection .cat3__rule1,.b-selection .cat3__rule2,.b-selection .cat4__rule1,.b-selection .cat4__rule2{width:100%;height:1px;transform:scaleY(.5);transform-origin:0 0}
.b-selection .cat1__orn{width:min(100%,128px);aspect-ratio:255/200;margin-right:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-selection .cat1__ph1{aspect-ratio:350/500;width:48%;margin-right:auto}
.b-selection .cat1__ph2{aspect-ratio:350/500;width:48%;margin-inline:auto}
.b-selection .cat1__ph3{aspect-ratio:350/500;width:48%;margin-left:auto}
.b-selection .cat1__pick,.b-selection .cat3__pick{width:min(100%,68px);aspect-ratio:136/55;margin-right:auto}
.b-selection .cat1__pick-orn,.b-selection .cat3__pick-orn{width:min(100%,118px);aspect-ratio:236/155;margin-right:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-selection .cat1__pick-ph,.b-selection .cat3__pick-ph{aspect-ratio:400/300;width:72%;margin-right:auto}
.b-selection .cat2__orn{width:min(100%,315px);aspect-ratio:630/105;margin-right:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-selection .cat2__ph1,.b-selection .cat3__ph1,.b-selection .cat4__ph1{aspect-ratio:370/300;width:48%;margin-inline:auto}
.b-selection .cat2__ph2,.b-selection .cat3__ph2,.b-selection .cat4__ph2{aspect-ratio:370/300;width:48%;margin-left:auto}
.b-selection .cat2__ph3,.b-selection .cat3__ph3,.b-selection .cat4__ph3{aspect-ratio:370/300;width:48%;margin-right:auto}
.b-selection .cat2__pick,.b-selection .cat4__pick{width:min(100%,68px);aspect-ratio:137/55;margin-left:auto}
.b-selection .cat2__pick-orn,.b-selection .cat4__pick-orn{width:min(100%,118px);aspect-ratio:237/155;margin-left:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-selection .cat2__pick-ph,.b-selection .cat4__pick-ph{aspect-ratio:400/300;width:72%;margin-left:auto}
.b-selection .cat3__orn{width:min(100%,301px);aspect-ratio:602/219;margin-right:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-selection .cat4__orn{width:min(100%,168px);aspect-ratio:335/170;margin-right:auto;margin-top:calc(-1 * var(--sp-text-gap) - 8px)}
.b-ourselect .os__orn{--sp-anchor:"os__h";--sp-a:252.88 142.4 506.923 36;--sp-o:530 95 260 125}
.b-ourselect .os__orn2{--sp-anchor:"os__ph1";--sp-a:251.75 404.05 860 540;--sp-o:915 340 297 135}
.b-selection .cat1__orn{--sp-anchor:"cat1__jp";--sp-a:510 694.99 33.12 18;--sp-o:355 637.95 255 200}
.b-selection .cat1__pick-orn{--sp-anchor:"cat1__pick";--sp-a:494 1627.95 136 55;--sp-o:454 1587.95 236 155}
.b-selection .cat2__orn{--sp-anchor:"cat2__jp";--sp-a:510 2185.44 54 18;--sp-o:400 2142.95 630 105}
.b-selection .cat2__pick-orn{--sp-anchor:"cat2__pick";--sp-a:1288 2917.95 137 55;--sp-o:1248 2877.95 237 155}
.b-selection .cat3__orn{--sp-anchor:"cat3__jp";--sp-a:510 3475.46 54.54 18;--sp-o:410 3330.95 602 219}
.b-selection .cat3__pick-orn{--sp-anchor:"cat3__pick";--sp-a:494 4207.95 136 55;--sp-o:454 4167.95 236 155}
.b-selection .cat4__orn{--sp-anchor:"cat4__jp";--sp-a:510 4765.48 57.24 18;--sp-o:380 4707.95 335 170}
.b-selection .cat4__pick-orn{--sp-anchor:"cat4__pick";--sp-a:1288 5497.95 137 55;--sp-o:1248 5457.95 237 155}
.b-ourselect .os__opening{margin-top:calc(-1 * var(--sp-text-gap) + 12px)}
.b-ourselect .os__ph3{margin-left:auto;margin-right:0}
.b-ourselect .os__vert1{width:100%;padding-left:calc(100% - 48%);margin:0;text-align:left;margin-top:calc(-1 * var(--sp-text-gap) + 10px)}
.b-ourselect .os__vert2{width:100%;padding-left:calc(100% - 72%);margin:0;text-align:left;margin-top:calc(-1 * var(--sp-text-gap) + 10px)}
.b-ourselect .os__vert3{width:100%;padding-left:calc(100% - 72%);margin:0;text-align:left;margin-top:calc(-1 * var(--sp-text-gap) + 10px)}
.b-selection .cat1__jp{width:22%;margin:0;align-self:baseline}
.b-selection .cat1__orn{--sp-reserve:none;--sp-s-max:.5;--sp-frame:"cat1__rule1 cat1__rule2"}
.b-selection .cat1__pick-orn{--sp-center:1}
.b-selection .cat1__en{width:74%;margin:0;padding-right:26%;text-align:center;align-self:baseline;white-space:nowrap}
.b-selection .cat1__ph1{width:30.66%;margin:0}
.b-selection .cat1__ph2{width:30.66%;margin:0}
.b-selection .cat1__ph3{width:30.66%;margin:0}
.b-selection .cat2__jp{width:22%;margin:0;align-self:baseline}
.b-selection .cat2__orn{--sp-reserve:none;--sp-s-max:.5;--sp-frame:"cat2__rule1 cat2__rule2"}
.b-selection .cat2__pick-orn{--sp-center:1}
.b-selection .cat2__en{width:74%;margin:0;padding-right:26%;text-align:center;align-self:baseline;white-space:nowrap}
.b-selection .cat2__ph1{width:30.66%;margin:0}
.b-selection .cat2__ph2{width:30.66%;margin:0}
.b-selection .cat2__ph3{width:30.66%;margin:0}
.b-selection .cat3__jp{width:22%;margin:0;align-self:baseline}
.b-selection .cat3__orn{--sp-reserve:none;--sp-s-max:.5;--sp-frame:"cat3__rule1 cat3__rule2"}
.b-selection .cat3__pick-orn{--sp-center:1}
.b-selection .cat3__en{width:74%;margin:0;padding-right:26%;text-align:center;align-self:baseline;white-space:nowrap}
.b-selection .cat3__ph1{width:30.66%;margin:0}
.b-selection .cat3__ph2{width:30.66%;margin:0}
.b-selection .cat3__ph3{width:30.66%;margin:0}
.b-selection .cat4__jp{width:22%;margin:0;align-self:baseline}
.b-selection .cat4__orn{--sp-reserve:none;--sp-s-max:.5;--sp-frame:"cat4__rule1 cat4__rule2"}
.b-selection .cat4__pick-orn{--sp-center:1}
.b-selection .cat4__en{width:74%;margin:0;padding-right:26%;text-align:center;align-self:baseline;white-space:nowrap}
.b-selection .cat4__ph1{width:30.66%;margin:0}
.b-selection .cat4__ph2{width:30.66%;margin:0}
.b-selection .cat4__ph3{width:30.66%;margin:0}
.b-ourselect .os__p .ln{display:inline;margin-left:0 !important}
}

/* 写真 3 枚の横スワイプ（build/g3.py）：入れものと「1 / 3」の並び順 */
@media (max-width: 767px){
.b-selection .g3--cat1{order:9}
.b-selection .g3--cat1 + .g3__count{order:9}
.b-selection .g3--cat2{order:23}
.b-selection .g3--cat2 + .g3__count{order:23}
.b-selection .g3--cat3{order:37}
.b-selection .g3--cat3 + .g3__count{order:37}
.b-selection .g3--cat4{order:51}
.b-selection .g3--cat4 + .g3__count{order:51}
}