/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 11 2026 | 07:45:41 */
.drawer{
  position: fixed;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 9999;
}
.drawer.open{
  opacity:1;
  pointer-events:auto;
}

/* ===== 背景ぼかしレイヤー ===== */
.drawer-overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* =========================================================
   PCドロワー（右からスライド）
========================================================= */
.drawer-pc{
  display:flex;
  justify-content:flex-end;
}

.drawer-pc .drawer-panel{
  position:relative;
  z-index:1;
  width:600px;
  height:100%;
  background:#06CCCC;
  border-radius:30px 0 0 30px;
  transform:translateX(100%);
  transition:transform .3s ease;
  overflow:auto;
}

.drawer-pc.open .drawer-panel{
  transform:translateX(0);
}

/* =========================================================
   SPドロワー（中央モーダル）
========================================================= */
.drawer-sp{
  display:flex;
  justify-content:center;
  align-items:center;
}

.drawer-sp .drawer-panel{
  position:relative;
  z-index:1;
  width:90%;
  max-width:500px;
  max-height:90vh;
  background:#06cccc;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 20px 40px rgba(0,0,0,.25);
  transform:scale(.96);
  transition:transform .25s ease;
}

.drawer-sp.open .drawer-panel{
  transform:scale(1);
}

/* ===== SP内部 ===== */
.drawer-header{
  position:sticky;
  top:0;
  background:#06cccc;
  z-index:2;
  padding:14px 16px;
  border-bottom:1px solid #e5e5e5;
  display:flex;
  justify-content:flex-end;
}

.drawer-body{
  overflow:auto;
  padding:20px;
}

/* =========================================================
   表示切替
========================================================= */
@media (min-width:901px){
  .drawer-toggle-sp,
  .drawer-sp{ display:none!important; }
}
@media (max-width:900px){
  .drawer-toggle-pc,
  .drawer-pc{ display:none!important; }
}

/* =========================================================
   スクロール固定
========================================================= */
body.no-scroll,
body.drawer-open{
  overflow:hidden!important;
}

/* =========================================================
   SVGボタン
========================================================= */
.drawer-toggle,
.drawer-close{
  cursor:pointer;
  user-select:none;
  -webkit-user-drag:none;
  display:inline-block;
  touch-action:manipulation;
}

.drawer-toggle img,
.drawer-close img{
  width:100%;
  height:100%;
  pointer-events:none;
}

.drawer-toggle:hover,
.drawer-close:hover{ opacity:.65; }

.drawer-toggle:active,
.drawer-close:active{ transform:scale(.92); }


.drawer-pc .drawer-close {
  font-size: 42px !important;
	font-weight:bold;
  line-height: 1;
}