/* 自動生成（scratchpad/mobile-lock.py）。手で編集しない。
   スマホ用の指定を常時適用にして、PC でもスマホの形で見せるためのもの。
   元ファイルを変えたら作り直す。 */


/* --- shop.css の @media(max-width:820px) を常時適用 --- */
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-head{grid-template-columns:110px 1fr}.chapter-head>p{grid-column:2}.detail-layout{gap:28px}.detail-buy h1{font-size:clamp(30px,4vw,48px)}.detail-text{display:block}.detail-text dl{margin-top:32px}.detail-text .cool-note{margin-top:24px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* --- shop.css の @media(max-width:820px) を常時適用 --- */
.chapter-head{grid-template-columns:100px minmax(0,1fr);gap:10px 24px}.chapter-head>p{grid-column:2}.detail-layout{grid-template-columns:1fr 1fr;gap:28px}

/* --- shop.css の @media(max-width:820px) を常時適用 --- */


/* --- shop.css の @media(max-width:600px) を常時適用 --- */
html{scroll-padding-top:110px}.demo-banner{font-size:11px}.shop-header{height:68px;padding:0 18px;gap:8px}.brand span{font-size:17px}.shop-header nav{gap:10px;font-size:10px}.cart-indicator b{width:21px;height:21px}.catalog-wrap,.detail-main{width:calc(100% - 36px)}.catalog-section{padding-top:66px}.chapter-head,.detail-text .chapter-head,.related .chapter-head{grid-template-columns:1fr;gap:7px;margin-bottom:24px}.chapter-head>p{grid-column:auto}.chapter-head h2{font-size:39px}.product-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-grid .product-card:last-child{display:block}.card-info{min-height:0;padding:13px 13px 17px}.card-info .item-number{font-size:9px;letter-spacing:.1em}.card-info h3{margin:7px 0 4px;font-size:17px;line-height:1.5}.card-info p{font-size:11px;line-height:1.7}.card-info strong{padding-top:11px;font-size:19px}.card-info strong small,.detail-price small{font-size:10px}.shipping-note{display:block;margin:70px 0 85px}.shipping-note p{margin-top:14px}.detail-layout{grid-template-columns:1fr;gap:22px;padding:25px 0 65px}.detail-buy{padding-top:0}.detail-buy h1{font-size:clamp(34px,9vw,48px)}.detail-price{font-size:38px}.purchase-controls{max-width:none}.detail-text{padding-bottom:55px}.detail-text>p{font-size:15px}.detail-links{font-size:12px}.related{padding:60px 0 85px}.shop-footer{display:block;padding:48px 24px 85px}.shop-footer p{margin:22px 0}.shop-footer>a:last-child{display:inline-block}

/* --- shop.css の @media(max-width:600px) を常時適用 --- */
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-main{width:calc(100% - 36px);padding-bottom:85px}.cart-labels{display:none}.cart-row{grid-template-columns:1fr 1fr;gap:8px}.cart-product{grid-column:1/-1}.cart-row [data-label]::before{content:attr(data-label) ' ';display:block;color:var(--paper2);font-size:11px}.cart-quantity{font-size:11px}.cart-quantity input{display:block;margin-top:4px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.total-lines{max-width:none}.external-sale{font-size:14px}

/* --- shop.css の @media(max-width:600px) を常時適用 --- */
.card-spec{font-size:10px;line-height:1.5}.frozen-section .external-sale{font-size:11px}.at-a-glance{font-size:13px}.buy-assurance p{font-size:11px}

/* --- shop.css の @media(max-width:600px) を常時適用 --- */
.flow-main{padding-top:14px}.flow-heading{margin-top:18px}.flow-heading h1{font-size:37px}.checkout-intro{margin-bottom:15px;font-size:12px}.checkout-section{margin-bottom:16px;padding-top:12px}.checkout-section h2{font-size:22px}.form-grid{gap:8px}.form-grid label{font-size:11px}.form-grid input{min-height:42px}.order-items li{font-size:12px}.checkout-section .grand-total strong{font-size:35px}

/* --- shop.css の @media(max-width:600px) を常時適用 --- */
.chapter-head{grid-template-columns:minmax(0,1fr)}

/* --- shop.css の @media(max-width:600px) を常時適用 --- */
.catalog-page .catalog-section{padding-top:22px}
 .catalog-page .catalog-title{margin-bottom:10px;font-size:27px}
 .catalog-page .catalog-intro{font-size:11px}
 .catalog-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .catalog-page .card-info{padding:8px 0 12px}
 .catalog-page .card-info h3{font-size:17px}
 .catalog-page .card-info p{font-size:10px}
 .catalog-page .card-info strong{font-size:22px}
 .catalog-page .card-spec{margin-top:4px;font-size:10px}
 .catalog-page .external-sale,.catalog-page .frozen-section .external-sale{font-size:10px}
 .catalog-shipping{margin:28px 0 35px;font-size:11px}

/* --- shop.css の @media(max-width:600px) を常時適用 --- */
.catalog-page .catalog-card .product-card h3{font-size:17px}
 .catalog-page .card-actions{flex-direction:column;gap:6px;padding-top:10px}
 .catalog-page .card-action{width:100%;flex:auto;font-size:11px;padding:6px 4px}
 .catalog-page .card-action-external{font-size:10px}