@charset "UTF-8";
/* Cosmone customer system pages CSS - generated 2026-06-04 */
:root{
  --cm-red:#d71920;
  --cm-deep:#9f0014;
  --cm-gold:#f3b400;
  --cm-navy:#151b26;
  --cm-blue:#0f63b6;
  --cm-ink:#151b26;
  --cm-muted:#5f6876;
  --cm-line:#dde5ee;
  --cm-bg:#eef2f7;
  --cm-paper:#fff;
  --cm-soft:#fff8df;
  --cm-shadow:0 14px 36px rgba(18,35,60,.1);
}
html,body{margin:0!important;padding:0!important;background:var(--cm-bg)!important;color:var(--cm-ink)!important;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;letter-spacing:0!important;}
body,button,input,textarea,select{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;}
a{color:var(--cm-red);}
.p-page__wrap{min-width:320px;background:var(--cm-bg)!important;}
.base01.p-page__container{width:100%!important;max-width:none!important;margin:0!important;padding:0 16px 52px!important;box-sizing:border-box!important;}
.p-shop__header{position:relative;width:100%!important;max-width:1180px!important;min-height:96px;margin:0 auto!important;padding:20px 18px 18px 86px!important;box-sizing:border-box!important;background:#fff!important;border-bottom:4px solid var(--cm-red)!important;box-shadow:0 6px 18px rgba(18,35,60,.07)!important;text-align:left!important;}
.p-shop__header:before{content:"CW";position:absolute;left:18px;top:20px;display:grid;place-items:center;width:50px;height:50px;background:var(--cm-red);color:#fff;border-radius:4px;font-size:17px;font-weight:900;line-height:1;}
.p-shop__header:after{content:"延長コード・電源タップ・タイマー・晴雨兼用傘・AC/DC電源";display:block;margin-top:6px;color:var(--cm-muted);font-size:13px;font-weight:800;line-height:1.45;}
.p-shop__header a{display:block!important;text-decoration:none!important;color:inherit!important;}
.p-shop__header a:before{content:"コズムワン本店";display:block;color:var(--cm-ink);font-size:28px;font-weight:900;line-height:1.15;}
.p-shop__logo{display:none!important;}
.base02.p-page__container,.p-page__body{width:100%!important;max-width:980px!important;margin:28px auto 0!important;padding:0!important;background:transparent!important;box-sizing:border-box!important;}
.p-page__body-inner{width:100%!important;margin:0!important;padding:34px 38px 38px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid var(--cm-line)!important;box-shadow:var(--cm-shadow)!important;text-align:left!important;}
.p-page__body-inner form{margin:0!important;}
.c-button__group--sub{display:flex!important;justify-content:flex-end!important;margin:0 0 18px!important;text-align:right!important;}
.c-button,.c-button--sm,.c-button-sm{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 16px!important;box-sizing:border-box!important;border:1px solid var(--cm-line)!important;border-radius:4px!important;background:#fff!important;color:var(--cm-ink)!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 4px 10px rgba(18,35,60,.05)!important;}
.c-button:hover{border-color:#ffc4c4!important;color:var(--cm-red)!important;text-decoration:none!important;}
.p-page__title{position:relative;margin:0 0 22px!important;padding:0 0 13px 20px!important;border-bottom:1px solid #d3dbe6!important;color:var(--cm-ink)!important;font-size:26px!important;font-weight:900!important;line-height:1.25!important;text-align:left!important;}
.p-page__title:before{content:"";position:absolute;left:0;top:3px;width:7px;height:30px;background:var(--cm-red);box-shadow:11px 0 0 var(--cm-gold);}
.p-page__title:after{content:"";position:absolute;left:0;bottom:-1px;width:104px;height:3px;background:linear-gradient(90deg,var(--cm-red) 0 68%,var(--cm-gold) 68% 100%);}
.p-page__body-inner>form>p{margin:0 0 16px!important;color:#394252!important;font-size:14px!important;font-weight:800!important;line-height:1.7!important;}
.c-alert{margin:0 0 24px!important;padding:18px 20px!important;background:linear-gradient(90deg,#fff8df,#fff)!important;border:1px solid #f0d17d!important;border-left:6px solid var(--cm-red)!important;color:#334155!important;font-size:14px!important;font-weight:800!important;line-height:1.75!important;text-align:left!important;}
.c-alert a{font-weight:900!important;color:var(--cm-red)!important;text-decoration:underline!important;text-underline-offset:3px!important;}
.c-form__table{display:block!important;width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;}
.c-form__table tbody{display:block!important;width:100%!important;}
.c-form__table tr{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;margin:0 0 16px!important;padding:0!important;border:0!important;}
.c-form__title,.c-form__content{display:block!important;width:auto!important;padding:0!important;border:0!important;box-sizing:border-box!important;background:transparent!important;text-align:left!important;vertical-align:top!important;}
.c-form__title{padding-top:12px!important;color:var(--cm-ink)!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;white-space:normal!important;}
.c-form__title label{font-weight:900!important;}
.c-form__title--must{display:inline-flex!important;align-items:center!important;min-height:20px;margin-left:4px!important;padding:1px 6px!important;background:#fff2c8!important;color:#6b4200!important;border:1px solid #f0d17d!important;border-radius:2px!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important;}
.c-form__content{min-width:0!important;}
.c-input--text,input[type="text"],input[type="email"],input[type="password"],textarea,select{width:100%!important;max-width:none!important;min-height:48px!important;padding:10px 12px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cfd8e3!important;border-radius:4px!important;color:var(--cm-ink)!important;font-size:15px!important;font-weight:700!important;line-height:1.5!important;outline:none!important;box-shadow:inset 0 1px 2px rgba(18,35,60,.04)!important;}
textarea.c-input--text,textarea{min-height:280px!important;resize:vertical!important;}
input:focus,textarea:focus,select:focus{border-color:var(--cm-red)!important;box-shadow:0 0 0 3px rgba(215,25,32,.12)!important;}
.c-form__note{margin:8px 0 0!important;font-size:13px!important;font-weight:800!important;line-height:1.5!important;}
.g-recaptcha{max-width:100%!important;overflow:hidden!important;}
.c-button__group{display:flex!important;justify-content:center!important;margin:30px 0 0!important;text-align:center!important;}
.c-button--primary,.c-button--login,input[type="submit"].c-button{min-width:220px!important;min-height:52px!important;padding:12px 26px!important;border:1px solid var(--cm-red)!important;background:var(--cm-red)!important;color:#fff!important;border-radius:4px!important;font-size:16px!important;font-weight:900!important;letter-spacing:0!important;box-shadow:0 10px 22px rgba(215,25,32,.22)!important;cursor:pointer!important;}
.c-button--primary:hover,.c-button--login:hover,input[type="submit"].c-button:hover{background:var(--cm-deep)!important;border-color:var(--cm-deep)!important;color:#fff!important;}
.c-button--primary:disabled,input[type="submit"].c-button:disabled{background:#cfd8df!important;border-color:#cfd8df!important;color:#fff!important;box-shadow:none!important;cursor:not-allowed!important;}
.p-page__footer{width:100%!important;max-width:980px!important;margin:28px auto 0!important;padding:0 0 34px!important;color:#475569!important;text-align:center!important;}
.p-page__footer .p-page__container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
.p-page__copyright{padding:18px 12px!important;border-top:1px solid #d8e0ea!important;font-size:12px!important;font-weight:800!important;line-height:1.7!important;}
.p-page__secure{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;max-width:720px!important;margin:0 auto!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;line-height:1.65!important;text-align:left!important;}
.p-secure__image{flex:0 0 auto!important;}
.p-secure__msg{max-width:560px!important;}
@media(max-width:760px){
  .base01.p-page__container{padding:0 12px 36px!important;}
  .p-shop__header{min-height:86px;padding:16px 14px 15px 72px!important;}
  .p-shop__header:before{left:14px;top:16px;width:44px;height:44px;font-size:15px;}
  .p-shop__header a:before{font-size:23px;}
  .p-shop__header:after{font-size:12px;}
  .base02.p-page__container,.p-page__body{margin-top:16px!important;}
  .p-page__body-inner{padding:24px 18px 28px!important;}
  .c-button__group--sub{justify-content:stretch!important;}
  .c-button__group--sub .c-button{width:100%!important;}
  .p-page__title{font-size:22px!important;padding-left:19px!important;}
  .c-form__table tr{grid-template-columns:1fr!important;gap:7px!important;margin-bottom:15px!important;}
  .c-form__title{padding-top:0!important;}
  textarea.c-input--text,textarea{min-height:220px!important;}
  .c-button__group{display:block!important;}
  .c-button--primary,.c-button--login,input[type="submit"].c-button{width:100%!important;min-width:0!important;}
  .p-page__secure{display:block!important;text-align:center!important;}
  .p-secure__image{display:flex!important;justify-content:center!important;margin-bottom:10px!important;}
}
@media(max-width:420px){
  .p-page__body-inner{padding:20px 14px 24px!important;}
  .p-shop__header a:before{font-size:21px;}
  .p-shop__header:after{font-size:11px;}
  .c-alert{padding:14px!important;font-size:13px!important;}
}