﻿.input-select{position:relative;display:inline-block}.input-select.stretch{width:100%}.input-select.stretch select{width:100%}.input-select select{-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;padding:16px 38px 16px 16px;border:1px solid rgba(0,0,0,.3);border-radius:4px;background:#fff;background-clip:padding-box;line-height:1;cursor:pointer}.input-select select.disabled{pointer-events:none;background:rgba(0,0,0,.3)}.input-select select:focus{box-shadow:0 0 0 2px rgba(131,192,253,.2);outline-offset:-2px;background:rgba(0,0,0,.08)}.input-select select:hover{background:rgba(0,0,0,.08)}.input-select select::-webkit-search-decoration{display:none}.input-select::after{content:"";position:absolute;display:inline-block;top:50%;right:16px;width:6px;height:6px;border-top:1.5px solid rgba(0,0,0,.3);border-right:1.5px solid rgba(0,0,0,.3);transform:translateY(-75%) rotate(135deg);pointer-events:none}.input-button{display:inline-block;color:#fff;background:#ff860d;border-radius:4px;padding:20px 24px;font-weight:bold;line-height:1;cursor:pointer;appearance:none;outline:none;border:none}.input-button.medium{padding:16px 24px}.input-button.small,.input-button.slim{padding:12px 16px}.input-button.tiny{padding:8px}.input-button:link,.input-button:visited{color:#fff}.input-button:hover{opacity:.7}.input-button.disabled{pointer-events:none;background:rgba(0,0,0,.3)}.input-button.secondary{background:#0d86ff}.input-button.error{background:#c50000}.input-button.stretch{width:100%}.input-button.stretch select{width:100%}.input-button.skeleton{color:inherit;background:rgba(0,0,0,0);box-shadow:0 0 0 1px rgba(0,0,0,.16)}.input-button.skeleton:hover{opacity:1;background:rgba(255,134,13,.08)}.input-button.skeleton:link,.input-button.skeleton:visited{color:inherit}.input-button.noborder{color:inherit;background:rgba(0,0,0,0)}.input-button.noborder:link,.input-button.noborder:visited{color:inherit}.input-radio{display:none}.input-radio-item{position:relative;display:flex;padding:16px;border:1px rgba(0,0,0,.3) solid;border-radius:4px;cursor:pointer}.input-radio-item:hover{background:rgba(0,0,0,.08)}.input-radio-status{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;border:1px rgba(0,0,0,.3) solid;border-radius:50%;background:#fff;flex-shrink:0}.input-radio-status::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:#fff}.input-radio:checked+.input-radio-item{border:1px #0d86ff solid;background:rgba(13,134,255,.12)}.input-radio:checked+.input-radio-item .input-radio-status::before{background:#0d86ff}.input-radio:disabled+.input-radio-item{border:1px #9f9fa0 solid;opacity:.7;pointer-events:none}.input-radio:disabled+.input-radio-item::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.3)}.input-text{-webkit-box-sizing:border-box;-webkit-appearance:none;appearance:none;box-sizing:border-box;display:block;padding:16px;border:1px solid rgba(0,0,0,.3);border-radius:4px;background:#fff;background-clip:padding-box;line-height:1;cursor:pointer}.input-text.disabled{pointer-events:none;background:rgba(0,0,0,.3)}.input-text:focus{box-shadow:0 0 0 2px rgba(131,192,253,.2);outline-offset:-2px;background:rgba(0,0,0,.08)}.input-text:hover{background:rgba(0,0,0,.08)}.input-text::-webkit-search-decoration{display:none}.input-text.stretch{width:100%}.input-text:read-only{background:rgba(0,0,0,.12);color:rgba(0,0,0,.3);pointer-events:none}.input-checkbox{display:none}.input-checkbox-item{position:relative;display:flex;padding:16px;border:1px rgba(0,0,0,.3) solid;border-radius:4px;cursor:pointer}.input-checkbox-item:hover{background:rgba(0,0,0,.08)}.input-checkbox-status{font-size:20px;color:rgba(0,0,0,.3)}.input-checkbox:checked+.input-checkbox-item{border:1px #0d86ff solid}.input-checkbox:checked+.input-checkbox-item .input-checkbox-status{color:#0d86ff}.input-checkbox:disabled+.input-checkbox-item{border:1px #9f9fa0 solid;opacity:.7;pointer-events:none}.input-checkbox:disabled+.input-checkbox-item::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.3)}.width-max{width:100%}.promotion-list{display:grid;grid-template-columns:repeat(4, 230px);grid-gap:16px}@media screen and (max-width: 980px){.promotion-list{justify-content:center;grid-template-columns:repeat(3, 162px)}}@media screen and (max-width: 568px){.promotion-list{grid-template-columns:repeat(2, 162px)}}.promotion-list a{display:block}.promotion-detail{display:grid;grid-template-columns:392px 1fr;grid-gap:16px}@media screen and (max-width: 980px){.promotion-detail{grid-template-columns:100%}}.promotion-detail-img{position:relative;width:392px;max-width:100%;max-height:392px;margin-left:auto;margin-right:auto;overflow:hidden}.promotion-detail-img-nav{position:absolute;top:30px;left:0;width:100%;height:calc(100% - 60px);pointer-events:none}.promotion-detail-img-nav i,.promotion-detail-img-nav button{pointer-events:auto}.promotion-detail-img-nav .slick-arrow{position:absolute;top:50%;color:rgba(0,0,0,.3);font-size:24px;cursor:pointer}.promotion-detail-img-nav .slick-arrow.arrow-prev{left:10px}.promotion-detail-img-nav .slick-arrow.arrow-next{right:10px}.promotion-detail-spec{padding:16px 12px;border-radius:4px;background:rgba(0,0,0,.08)}.promotion-detail-spec-row{display:grid;grid-template-columns:144px 1fr;grid-gap:12px;background:#fff}.promotion-detail-spec-row p{padding:4px 12px}.promotion-detail-spec-row+.promotion-detail-spec-row{margin-top:1px}.promotion-detail-spec-row-detail{display:grid;grid-template-columns:108px 1fr}@media screen and (max-width: 980px){.promotion-detail-spec-row-detail{grid-template-columns:50% 1fr}}.promotion-detail-spec-order{display:grid;grid-template-columns:repeat(2, max-content);grid-gap:16px;justify-content:center}@media screen and (max-width: 980px){.promotion-detail-spec-order{grid-template-columns:auto}}.promotion-detail-spec-order .input-button.secondary{background:#0d86ff}.promotion-detail-spec-order .use-simulator{position:relative}@media screen and (max-width: 980px){.promotion-detail-spec-order .use-simulator{margin-top:32px}}.promotion-detail-spec-order .use-simulator:after{position:absolute;top:-16px;left:29px;color:rgba(0,0,0,.8901960784);font-size:12px;content:"ソフトをお持ちでない方はこちら"}.promotion-detail-spec-order-cordboard{grid-template-columns:repeat(4, max-content);margin-bottom:32px}@media screen and (max-width: 980px){.promotion-detail-spec-order-cordboard{grid-template-columns:auto;grid-gap:32px}}
