@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
body{font-family:"Noto Serif JP",serif}:root{--main-color: #fd306a;--sub-color: #636363;--red-color: red;--facebook-cl: rgb(59, 89, 152);--twitter-cl: rgb(29, 161, 242);--instagram-cl: rgb(224, 53, 102);--dribbble-cl: rgb(234, 76, 137);--linkedin-cl: rgb(0, 119, 181);--pinterest-cl: rgb(203, 32, 39);--tumblr-cl: rgb(55, 69, 92);--snapchat-cl: rgb(255, 221, 0);--youtube-cl: rgb(205, 32, 31);--vimeo-cl: rgb(26, 183, 234);--behance-cl: rgb(23, 106, 255);--soundcloud-cl: rgb(255, 119, 0);--tiktok-cl: #fe2c55;--email-cl: rgb(219, 68, 55);--telegram-cl: rgb(0, 136, 204)}[type=checkbox],[type=radio]{color:var(--main-color)}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid rgba(0,0,0,0);outline-offset:2px;--tw-ring-inset: var(--tw-empty,);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: var(--main-color);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:none;box-shadow:none}.container{position:relative}.btn{display:flex;align-items:center;justify-content:center}.btn img{width:auto;height:16px}.btn-main-color{--bs-btn-color: #fff;--bs-btn-bg: var(--main-color);--bs-btn-border-color: var(--main-color);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #bb2d3b;--bs-btn-hover-border-color: #b02a37;--bs-btn-focus-shadow-rgb: 225, 83, 97;--bs-btn-active-color: #fff;--bs-btn-active-bg: #b02a37;--bs-btn-active-border-color: #a52834;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--main-color);--bs-btn-disabled-border-color: var(--main-color)}.btn-sub-color{--bs-btn-color: #fff;--bs-btn-bg: var(--sub-color);--bs-btn-border-color: var(--sub-color);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #bb2d3b;--bs-btn-hover-border-color: #b02a37;--bs-btn-focus-shadow-rgb: 225, 83, 97;--bs-btn-active-color: #fff;--bs-btn-active-bg: #b02a37;--bs-btn-active-border-color: #a52834;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: var(--sub-color);--bs-btn-disabled-border-color: var(--sub-color)}.form-select,.form-input,.form-textarea{border-color:#ddd}.form-select:focus,.form-select:hover,.form-input:focus,.form-input:hover,.form-textarea:focus,.form-textarea:hover{box-shadow:none;border-color:var(--main-color);outline:0;color:#333}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{color:var(--sub-color);transition:all .3s ease}a:focus,a:hover{color:var(--main-color)}img{width:100%;height:auto;transition:all .3s ease-in-out}*:hover>img.scale{transform:scale(1.1, 1.1)}.aspect-ratio-1-1{aspect-ratio:auto 1/1 !important}.aspect-ratio-5-4{aspect-ratio:auto 5/4 !important}.aspect-ratio-5-3{aspect-ratio:auto 5/3 !important}.aspect-ratio-5-2{aspect-ratio:auto 5/2 !important}.aspect-ratio-10-3{aspect-ratio:auto 10/3 !important}.aspect-ratio-4-3{aspect-ratio:auto 4/3 !important}.aspect-ratio-3-2{aspect-ratio:auto 3/2 !important}.aspect-ratio-2-3{aspect-ratio:auto 2/3 !important}.aspect-ratio-3-4{aspect-ratio:auto 3/4 !important}.aspect-ratio-4-5{aspect-ratio:auto 4/5 !important}.aspect-ratio-16-9{aspect-ratio:auto 16/9 !important}.aspect-ratio-9-19{aspect-ratio:auto 9/19 !important}header{padding:15px 0}header .logo{display:flex;align-items:center;justify-content:start}header .logo img{width:auto;height:50px}header .security{display:flex;align-items:center;justify-content:flex-end;border-left:1px solid #ddd;color:#555;font-size:clamp(.875rem,2vw,1rem)}header .security img{width:auto;height:clamp(16px,2vw,20px)}header .order-progress{position:relative;min-height:40px}header .order-progress img{width:auto;height:clamp(20px,2vw,24px)}header .order-progress .bar{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:4px;background-color:#999}header .order-progress .step{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;display:flex;align-items:center;justify-content:space-between}header .order-progress .step li{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff;border:2px solid #333;border-radius:50%;color:#333}header .order-progress .step li.on{background-color:#333;color:#fff}header .order-progress .step li>span{line-height:1}header .order-progress .icons{position:absolute;top:50px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between}header .order-progress .icons>li{position:relative}@media(min-width: 576px){header .logo img{width:auto;height:60px}}.copyright{color:#333;font-size:clamp(.75rem,2vw,.875rem)}.text{text-align:center;font-size:clamp(.75rem,2vw,.875rem)}.footer-list{display:flex;align-items:center;justify-content:center;gap:20px}.footer-list a{color:#333;font-size:clamp(.75rem,2vw,.875rem);text-decoration:none}.footer-list a:hover{color:#555}.quick-navigation{z-index:50;position:fixed;bottom:150px;right:4px;display:flex;flex-direction:column;gap:8px}.quick-navigation>*{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:9999px;color:#fff;opacity:.8}.quick-navigation svg,.quick-navigation img{width:auto;height:16px}.quick-navigation .back-to-up{background-color:var(--main-color)}.quick-navigation .email{background-color:#62bfe7}.quick-navigation .support{background-color:#333}.quick-navigation .back-to-down{background-color:#e13887}@media(min-width: 1200px){.quick-navigation{right:16px;bottom:100px}.quick-navigation .offcanvas-toggle{display:none}}
