/* /moniplat */
:root{--h-header:5rem;--scr-pt:8rem; --w-logo:9rem;--h-logo:3.3rem;--maxw:1600px;}
html{scroll-padding-top:var(--scr-pt);}
hr {margin: 0; width: 100%; border: none; background: #dedcdc; height: 1px;}


.liNum li {list-style-type: none; counter-increment: cnt; }
.liNum li::before {content: "(" counter(cnt) ") ";}

.bc-blk {border-color: rgba(var(--blk),.7)!important; }

.link {color: #01356E;}
.btn-navy {border: 1px solid #01356E; background: #fff; color: #01356E;}
  .btn-navy:hover {background: #01356E; color: #fff;}

.button {
  transition: .3s; /* 変化時間 0.3秒 */
  padding: 5px 12px; /* 内側の余白設定 */
  border-radius: 6px; /* 要素の角を丸くする */
  background-color: #475180; /* 背景色指定 */
  text-decoration: none; /* aタグの下線を非表示に */
  color: #fff; /* 文字色 */
  font-size: 1.5rem; /* フォントサイズ */
}
.uline{      background: linear-gradient(transparent 60%, yellow 30%);
      display: inline-block;}
.button:hover { 
  transition: .3s; /* 変化時間 0.3秒 */
  background-color: #00a9de; /* 背景色 */
}

/* mailform */
.mfp_err {color: #962a2a;}
.mfp_element_textarea {height: 15rem!important;}
#mfp_hidden {display: none; }
#mailformpro input[type="hidden"] {display: none; }
/* height */
.h-100svh{height: 100svh;}
.h-75svh{height: 75svh;}
.h-75vh{height: 75vh;}
.h-80vh{height: 80vh;}
.h-100dvh{height: 100dvh;}
.h-05rem{height: .5rem;}
.h-075rem{height: .75rem;}
.h-1rem{height: 1rem;}
.h-1025rem{height: 1.25rem;}
.h-105rem{height: 1.5rem;}
.h-1075rem{height: 1.75rem;}
.h-2rem{height: 2rem;}
.h-205rem{height: 2.5rem;}
.h-3rem{height: 3rem;}
.h-4rem{height: 4rem;}
.h-405rem{height: 4.5rem;}
.h-5rem{height: 5rem;}
.h-6rem{height: 6rem;}
.h-7rem{height: 7rem;}
.h-8rem{height: 8rem;}
.h-10rem{height: 10rem;}
.h-12rem{height: 12rem;}
.h-14rem{height: 14rem;}
.h-16rem{height: 16rem;}
.h-20rem{height: 20rem;}
.h-25rem{height: 25rem;}
.h-28rem{height: 28rem;}
.h-30rem{height: 30rem!important;}
.h-32rem{height: 32rem;}
.h-35rem{height: 35rem;}
.h-90vh{height: 90vh;}
.h-header{height: var(--h-header);}


.mh-50rem{max-height: 50rem;}
.mh-60rem{max-height: 60rem;}
.mh-80rem{max-height: 80rem;}

/* width */
.w-1em{width: 1em;}
.w-2em{width: 2em;}
.w-30{width: 30%;}
.w-cl{width: 33%;}
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-60{width: 60%;}
.w-70{width: 70%;}
.w-80{width: 80%;}
.w-105rem{width: 1.5rem;}
.w-3rem{width: 3rem;}
.w-4rem{width: 4rem;}
.w-5rem{width: 5rem;}
.w-6rem{width: 6rem;}
.w-7rem{width: 7rem;}
.w-8rem{width: 8rem;}
.w-10rem{width: 10rem;}
.w-16rem{width: 16rem;}
.w-20rem{width: 20rem;}
.w-25rem{width: 25rem;}
.w-30rem{width: 30rem;}
.top-navStep{top:var(--h-header)}



.bc-theme{border-color:rgba(var(--themeDark))}
.bc-theme-op095{border-color:rgba(var(--themeDark),.95)}
.bc-theme-op01{border-color:rgba(var(--themeDark),.15)}
.bc-theme-op02{border-color:rgba(var(--themeDark),.2)}
.bc-theme-op03{border-color:rgba(var(--themeDark),.3)}
.bc-theme-op04{border-color:rgba(var(--themeDark),.4)}
.bc-theme-op05{border-color:rgba(var(--themeDark),.5)}
.bc-theme-op06{border-color:rgba(var(--themeDark),.6)}
.bc-theme-op07{border-color:rgba(var(--themeDark),.7)}
.bc-theme-op08{border-color:rgba(var(--themeDark),.8)}
.bc-theme-op09{border-color:rgba(var(--themeDark),.9)}

.bc-theme-light{border-color:rgba(var(--theme))}
.bc-theme-light-op095{border-color:rgba(var(--theme),.95)}
.bc-theme-light-op01{border-color:rgba(var(--theme),.1)}
.bc-theme-light-op02{border-color:rgba(var(--theme),.2)}
.bc-theme-light-op03{border-color:rgba(var(--theme),.3)}
.bc-theme-light-op04{border-color:rgba(var(--theme),.4)}
.bc-theme-light-op05{border-color:rgba(var(--theme),.5)}
.bc-theme-light-op06{border-color:rgba(var(--theme),.6)}
.bc-theme-light-op07{border-color:rgba(var(--theme),.7)}
.bc-theme-light-op08{border-color:rgba(var(--theme),.8)}
.bc-theme-light-op09{border-color:rgba(var(--theme),.9)}

.bg-theme{background:rgba(var(--themeDark))}
.bg-theme-op095{background:rgba(var(--theme),.95)}
.bg-theme-op01{background:rgba(var(--theme),.1)}
.bg-theme-op02{background:rgba(var(--theme),.2)}
.bg-theme-op03{background:rgba(var(--theme),.3)}
.bg-theme-op04{background:rgba(var(--theme),.4)}
.bg-theme-op05{background:rgba(var(--theme),.5)}
.bg-theme-op06{background:rgba(var(--theme),.6)}
.bg-theme-op07{background:rgba(var(--theme),.7)}
.bg-theme-op08{background:rgba(var(--theme),.8)}
.bg-theme-op09{background:rgba(var(--theme),.9)}

.clr-theme {color:rgb(var(--themeDark))}
.clr-theme-op03{color:rgb(var(--themeDark),.3)}
.clr-theme-op04{color:rgb(var(--themeDark),.4)}
.clr-theme-op05{color:rgb(var(--themeDark),.5)}
.clr-theme-op06{color:rgb(var(--themeDark),.6)}
.clr-theme-op07{color:rgb(var(--themeDark),.7)}
.clr-theme-op08{color:rgb(var(--themeDark),.8)}
.clr-theme-op09{color:rgb(var(--themeDark),.9)}

.clr-red {color:#962a2a;}

@media(max-width:575px){
  .sp-scroll {border: 1px solid #ccc; padding: 1rem; width: 170%; overflow-x: scroll;}
}

@media(min-width:576px){
  :root{--g-def:1.3rem;--fz:1.6rem; --w-logo:12rem;--h-logo:4.3rem;}
  .w-sm-9rem{width:9rem;}
  .w-sm-13rem{width:13rem;}
  .ovi-sm .fingerSwipe{display: none;}
  .top-sm-10rem {top: 10rem;}
  .top-sm-4rem {top: 4rem;}
  .h-sm-505rem {height: 5.5rem;}
  .h-sm-4rem {height: 4rem;}
  .h-sm-6rem {height: 6rem;}
  .h-sm-8rem {height:8rem;}
  .h-sm-10rem {height:10rem;}
  .h-sm-12rem {height:12rem;}
  .h-sm-15rem {height:15rem;}
  .h-sm-25rem {height:25rem;}
  .h-sm-30rem {height:30rem;}
  .h-sm-35rem {height:35rem;}
  .h-sm-40rem {height:40rem;}
  .w-sm-auto {width: auto!important;}
  .w-sm-4rem{width: 4rem;}
  .w-sm-5rem{width: 5rem;}
  .w-sm-6rem{width: 6rem;}
  .w-sm-7rem{width: 7rem;}
  .w-sm-9rem{width: 9rem;}
  .w-sm-10rem{width: 10rem;}
  .w-sm-12rem{width: 12rem;}
  .w-sm-14rem{width: 14rem;}
  .w-sm-16rem{width: 16rem;}
  .gaf-sm-0{grid-auto-flow:unset}
  .gtc-sm-0{grid-template-columns:unset}
  .mt-sm-n7{margin-top:calc(var(--g-def)*-4.5)}
}
/* md */
@media(min-width:768px){
  :root{}
  .ovi-md .fingerSwipe{display: none;}
  .w-md-auto {width: auto!important;}
  .w-md-4rem{width: 4rem;}
  .w-md-5rem{width: 5rem;}
  .w-md-6rem{width: 6rem;}
  .w-md-7rem{width: 7rem;}
  .w-md-8rem{width: 8rem;}
  .w-md-9rem{width: 9rem;}
  .w-md-10rem{width: 10rem;}
  .w-md-12rem{width: 12rem;}
  .w-md-14rem{width: 14rem;}
  .w-md-16rem{width: 16rem;}
  .w-md-18rem{width: 18rem;}
  .w-md-20rem{width: 20rem!important;}
  .w-md-30rem{width: 30rem;}
  .w-md-40rem{width: 40rem;}
  .w-md-50rem{width: 50rem;}
  .w-md-60rem{width: 60rem;}
  .h-md-85vh{height: 85vh;}
  .h-md-90vh{height: 90vh;}
  .h-md-3rem {height:3rem;}
  .h-md-4rem {height:4rem;}
  .h-md-6rem {height:6rem;}
  .h-md-8rem {height:8rem;}
  .h-md-9rem {height:9rem;}
  .h-md-10rem {height:10rem;}
  .h-md-12rem {height:12rem;}
  .h-md-15rem {height:15rem;}
  .h-md-30rem {height:30rem;}
  .h-md-35rem {height:35rem;}
  .h-md-48rem {height:48rem;}
  .h-md-80rem {height:80rem;}
  .h-md-50vh{height: 50vh;}
  .h-md-100vh{height: 100vh;}
  .hm-md-100vh{min-height: 100vh;}
  .fz-md-10rem {font-size:clamp(10rem, 5.7rem + 1.5vw, 7.5rem)}
  .fz-md-11 {font-size:clamp(16rem, 5.7rem + 1.5vw, 7.5rem)}
  .w-md-60{width: 60%;}
  .top-md-4rem {top: 4rem;}
  .pt-md-100vh{padding-top: 100vh;}
  .bg-md-none {background: none;}
  .bottomEnd-md {bottom: 0; right: 0; top: auto; left: auto;}
  .img-align-md-bottom{top:100%;transform:translate(-50%,-100%)}

  .pgy-md-10vh{padding-top: 10vh;padding-bottom: 10vh;}
  .gtc-md-6_col{grid-template-columns:repeat(12,[col] 1fr)}
  .gtc-md-6_col > :nth-child(1){grid-column:col/span 6}
  .gtc-md-6_col > :nth-child(2){grid-column:col 7/span 2}
  .gtc-md-6_col > :nth-child(3){grid-column:col 9/span 2}
  .gtc-md-6_col > :nth-child(4){grid-column:col 11/span 2}
  .gaf-md-0{grid-auto-flow:unset}
  .gtc-md-0{grid-template-columns:unset}
  .gtc-md-5{grid-template-columns:repeat(5, 1fr);}
}
/* lg */
@media(min-width:992px){
  :root{--g-def:1.3rem; --glow-def:1.1rem; --w-logo:12rem;--h-logo:4.3rem;}
  .gtc-lg-0{grid-template-columns:unset}
  .ovv-lg .fingerSwipe{display: none;}
  .w-lg-12rem {width: 12rem;}
  .w-lg-14rem {width: 14rem;}
  .h-lg-3rem {height:3rem;}
  .h-lg-5rem {height:5rem;}
  .h-lg-6rem {height:6rem;}
  .h-lg-8rem {height:8rem;}
  .h-lg-10rem {height: 10rem;}
  .h-lg-12rem {height: 12rem;}
  .h-lg-14rem {height: 14rem;}
  .h-lg-20rem {height: 20rem;}
  .h-lg-35rem {height: 35rem;}
  .h-lg-40rem {height: 40rem;}
  .h-lg-10vh{height:10vh}
  .h-lg-15vh{height:15vh}
  .h-lg-20vh{height:20vh}
  .h-lg-60vh{height:60vh}
  .h-lg-80vh{height:80vh}
  .h-lg-85vh{height:85vh}
  .h-lg-90vh{height:90vh}
  .h-lg-100vh{height: 100vh;}
  .hm-lg-100vh{min-height: 100vh;}
  .w-lg-14rem {width: 14rem;}
  .w-lg-50rem {width: 50rem;}
  .pe-lg-0-im {padding-right: 0!important;}
  .gtc-lg-8{grid-template-columns:repeat(8, 1fr);}
  #common.active #c-menu-1 {opacity: 1; visibility:visible; }
  #common.active #c-menu-2 {opacity: 0; visibility:hidden;}
  .pu-active #common #c-menu-1 {opacity: 1; visibility:visible;}
  .pu-active #common #c-menu-2 {opacity: 0; visibility:hidden;}
  #hd-cart-menu {pointer-events: none;}
  .pu-active #menu-button {pointer-events: auto;}
  .pt-lg-100vh{padding-top: 100vh;}
  .top-lg-4rem {top: 4rem;}
}


/*xl*/
@media(min-width:1200px){
  :root{--g-def:1.35rem; --glow-def:1.35rem; --w-logo:13rem;--h-logo:5rem;}
  .position-xl-sticky {top:3rem;}
  .w-xl-20rem {width: 20rem;}
  .w-xl-22rem {width: 22rem;}
  .w-xl-23rem {width: 23rem;}
  .w-xl-25rem {width: 25rem;}
  .h-xl-20rem{height:20rem!important}
  .h-xl-30rem{height:30rem!important}
  .h-xl-35rem{height:35rem!important}
  .h-xl-40rem{height:40rem!important}
  .h-xl-45rem{height:45rem!important}
  .h-xl-50rem{height:50rem!important}
  .h-xl-auto{height:auto!important}
  .h-xl-40vh{height:40vh}
  .h-xl-50vh{height:50vh}
  .h-xl-60vh{height:60vh}
  .h-xl-80vh{height:80vh}
  .h-xl-90vh{height:90vh}
  .h-xl-100vh{height:100vh}
  .h-xl-8rem {height:8rem;}
  .mh-xl-1000 {min-height: 1000px;}
  .fz-xl-11 {font-size:clamp(16rem, 5.7rem + 1.5vw, 7.5rem)}
  .bg-xl-none {background: none;}
  .gtc-xl-5{grid-template-columns:repeat(5, 1fr);}
  .gtc-xl-8{grid-template-columns:repeat(8, 1fr);}
  .gtc-xl-1_11{grid-template-columns:1fr 11fr;}
  .p-xl-6{padding:calc(var(--g-def)*5)}
  .px-xl-6{padding-left:calc(var(--g-def)*5);padding-right:calc(var(--g-def)*5)}
  .pe-xl-0-im {padding-right: 0!important;}
  .main-xl-width {width:calc(var(--glow-def)*16);}
}
/*2xl*/
@media(min-width:1400px){
  .p-2xl-8{padding:calc(var(--g-def)*6)}
  .px-2xl-8{padding-left:calc(var(--g-def)*6);padding-right:calc(var(--g-def)*6)}
  .gtc-2xl-5{grid-template-columns:repeat(5, 1fr);}
  .gtc-2xl-8{grid-template-columns:repeat(8, 1fr);}
}
@media(min-width:1600px){
}