body {
  font-family: 'Noto Sans JP', sans-serif !important;
}

#main-wrap #breadcrumb ul{
  display:none;
}
#single-main #breadcrumb ul{
  display:block;
}


/* パソコン 開始 *****************************************************/
@media (min-width: 1400px){

#header{  display:none;}

/* =========================================================
   左スライド：CSS（詳細コメント付き・そのままコピペ可）
   ========================================================= */

/* 「開く」ボタンのスタイル */
.cp-drawer .btn{
  background:#000;   /* アクセントカラー（必要に応じて変更） */
  color:#fff;           /* 文字色は白 */
  border:none;          /* 既定の枠線を消す */
  border-radius:0px;   /* 角丸でタップしやすく */
  padding:0px;    /* 触りやすい余白 */
  cursor:pointer;       /* ポインタを表示 */
  font-size:30px;
  padding:5px 5px 5px 0px;
}

/* 暗幕レイヤー（初期は非表示） */
.cp-drawer .layer{
  position:fixed;                 /* 画面全体を覆う */
  inset:0;                        /* top/right/bottom/left 全て 0 */
  background:rgba(2,8,23,.5);     /* 半透明ダーク */
  opacity:0;                      /* 初期は透明 */
  pointer-events:none;            /* クリック不可（非表示扱い） */
  transition:.2s;                 /* フェード速度 */
  z-index:9999;                   /* パネルの背面直下に来るよう高めに */
}

/* data-open="1" で暗幕を表示＆クリック可 */
.cp-drawer[data-open="1"] .layer{
  opacity:1;            /* フェードイン */
  pointer-events:auto;  /* クリックを拾えるようにする（背景クリックで閉じる） */
}

/* ドロワーパネル本体（左からスライドイン） */
.cp-drawer .panel{
  position:fixed;                          /* 画面に固定配置 */
  top:0; left:0;                            /* 左上を起点にする */
  height:100dvh;                            /* 全高（モバイルの動的ビューポート考慮） */
  width:min(86vw,360px);                    /* ビューポートの 86% を上限にしつつ 360px 目安 */
  max-width:420px;                          /* さらに最大幅を制限 */
  background:#f8f8f8;                          /* 白背景 */
  color:#0f172a;                            /* テキスト色 */
  transform:translateX(-100%);              /* 初期は画面の左外へ退避 */
  transition:transform .24s ease-out;       /* スライドアニメーション */
  border-right:1px solid #e5e7eb;           /* 右端に薄いボーダー */
  box-shadow:6px 0 20px rgba(2,8,23,.15);   /* 右方向へ落ちる影で浮かせる */
  z-index:10000;                            /* 暗幕より前面 */
  display:flex; flex-direction:column;      /* 中身は縦並び */
}

/* data-open="1" で画面内へスライドイン */
.cp-drawer[data-open="1"] .panel{
  transform:translateX(0);
}

/* パネル内ヘッダー（タイトル＋閉じるボタン） */
.cp-drawer .panel header{
  display:flex; align-items:center; justify-content:space-between; /* 横並び配置 */
  padding:10px 10px 10px 0px;                       /* 内側余白 */
  /*border-bottom:1px solid #e5e7eb;*/        /* 下罫線で区切り */
  background:#f8f8f8;                          /* 背景透け防止 */
  z-index:1;
}

/* 見出しの体裁（リセット＋最小サイズ） */
.cp-drawer .panel header h3{
  font-size:16px;
  margin:0;
}

/* 閉じるボタンの見た目（控えめ） */
.cp-drawer .panel .close{
  appearance:none; background:#fff;
  border:1px solid #e5e7eb; border-radius:10px;
  padding:6px 10px; cursor:pointer;
}

/* ナビ領域の外側余白 */
.cp-drawer nav{ padding:10px 12px }

/* ナビリンク（大きめタップ領域） */
.cp-drawer nav a{
  display:block;
  padding:5px 10px;
  border-radius:0px;
  color:#000;
  text-decoration:none;
}

/* ホバー背景で可読性と選択性を上げる */
.cp-drawer nav a:hover{ background:#000; }

/* アクセシビリティ：フォーカスリングを明示 */
.cp-drawer .btn:focus,
.cp-drawer .close:focus,
.cp-drawer .panel:focus{
  outline:0px solid #93c5fd;   /* 水色のアウトライン */
  outline-offset:0px;           /* 要素から少し離して視認性UP */
}
	
.fixed-button {
  position: fixed; /* ビューポートに固定する */
  top: 90px;       /* 上端から20pxの位置 */
  left: 0px;      /* 左端から20pxの位置 */
  /* 見栄えを良くするための追加スタイル */
  padding: 0px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  z-index: 1000; /* 他の要素の上に表示されるようにする */
  /*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
}
.menulogo{text-align:left;padding-left:20px; padding-bottom:10px; border-bottom:1px solid #e5e7eb; margin-bottom:20px;}
.menulogo img{width:90%;}
.menu1u{background-color: #f2f2f2; padding:5px 5px 5px 10px; margin-bottom:6px;text-align:left;}
.menu1{background-color: #d9d9d9; padding:5px 5px 5px 10px; margin-bottom:6px;text-align:left;}
.menu2{background-color: #d9d9d9; padding:5px 5px 5px 25px; margin-bottom:6px; text-align:left;}
.submenu{margin-top:25px; padding:10px 0px; border-top:1px solid #e5e7eb;text-align:left;}
}


/* スマホ 開始 *****************************************************/
@media screen and (max-width: 959px){
/* =========================================================
   左スライド：CSS（詳細コメント付き・そのままコピペ可）
   ========================================================= */

/* 「開く」ボタンのスタイル */
.cp-drawer .btn{
  background:#000;   /* アクセントカラー（必要に応じて変更） */
  color:#fff;           /* 文字色は白 */
  border:none;          /* 既定の枠線を消す */
  border-radius:0px;   /* 角丸でタップしやすく */
  padding:0px;    /* 触りやすい余白 */
  cursor:pointer;       /* ポインタを表示 */
  font-size:30px;
  padding:5px 5px 5px 0px;
}

/* 暗幕レイヤー（初期は非表示） */
.cp-drawer .layer{
  position:fixed;                 /* 画面全体を覆う */
  inset:0;                        /* top/right/bottom/left 全て 0 */
  background:rgba(2,8,23,.5);     /* 半透明ダーク */
  opacity:0;                      /* 初期は透明 */
  pointer-events:none;            /* クリック不可（非表示扱い） */
  transition:.2s;                 /* フェード速度 */
  z-index:9999;                   /* パネルの背面直下に来るよう高めに */
}

/* data-open="1" で暗幕を表示＆クリック可 */
.cp-drawer[data-open="1"] .layer{
  opacity:1;            /* フェードイン */
  pointer-events:auto;  /* クリックを拾えるようにする（背景クリックで閉じる） */
}

/* ドロワーパネル本体（左からスライドイン） */
.cp-drawer .panel{
  position:fixed;                          /* 画面に固定配置 */
  top:0; left:0;                            /* 左上を起点にする */
  height:100dvh;                            /* 全高（モバイルの動的ビューポート考慮） */
  width:min(86vw,360px);                    /* ビューポートの 86% を上限にしつつ 360px 目安 */
  max-width:420px;                          /* さらに最大幅を制限 */
  background:#f8f8f8;                          /* 白背景 */
  color:#0f172a;                            /* テキスト色 */
  transform:translateX(-100%);              /* 初期は画面の左外へ退避 */
  transition:transform .24s ease-out;       /* スライドアニメーション */
  border-right:1px solid #e5e7eb;           /* 右端に薄いボーダー */
  box-shadow:6px 0 20px rgba(2,8,23,.15);   /* 右方向へ落ちる影で浮かせる */
  z-index:10000;                            /* 暗幕より前面 */
  display:flex; flex-direction:column;      /* 中身は縦並び */
}

/* data-open="1" で画面内へスライドイン */
.cp-drawer[data-open="1"] .panel{
  transform:translateX(0);
}

/* パネル内ヘッダー（タイトル＋閉じるボタン） */
.cp-drawer .panel header{
  display:flex; align-items:center; justify-content:space-between; /* 横並び配置 */
  padding:10px 10px 10px 0px;                       /* 内側余白 */
  /*border-bottom:1px solid #e5e7eb;*/        /* 下罫線で区切り */
  background:#f8f8f8;                          /* 背景透け防止 */
  z-index:1;
}

/* 見出しの体裁（リセット＋最小サイズ） */
.cp-drawer .panel header h3{
  font-size:16px;
  margin:0;
}

/* 閉じるボタンの見た目（控えめ） */
.cp-drawer .panel .close{
  appearance:none; background:#fff;
  border:1px solid #e5e7eb; border-radius:10px;
  padding:6px 10px; cursor:pointer;
}

/* ナビ領域の外側余白 */
.cp-drawer nav{ padding:10px 12px }

/* ナビリンク（大きめタップ領域） */
.cp-drawer nav a{
  display:block;
  padding:5px 10px;
  border-radius:0px;
  color:#000;
  text-decoration:none;
}

/* ホバー背景で可読性と選択性を上げる */
.cp-drawer nav a:hover{ background:#000; }

/* アクセシビリティ：フォーカスリングを明示 */
.cp-drawer .btn:focus,
.cp-drawer .close:focus,
.cp-drawer .panel:focus{
  outline:0px solid #93c5fd;   /* 水色のアウトライン */
  outline-offset:0px;           /* 要素から少し離して視認性UP */
}
	
.fixed-button {
  position: fixed; /* ビューポートに固定する */
  top: 90px;       /* 上端から20pxの位置 */
  left: 0px;      /* 左端から20pxの位置 */
  /* 見栄えを良くするための追加スタイル */
  padding: 0px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  z-index: 1000; /* 他の要素の上に表示されるようにする */
  /*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
}
.menulogo{text-align:left;padding-left:20px; padding-bottom:10px;border-bottom:1px solid #e5e7eb;}
.menulogo img{width:70%;}
.menu1u{background-color: #f2f2f2; padding:5px 5px 5px 10px;margin-bottom:6px;}
.menu1{background-color: #d9d9d9; padding:5px 5px 5px 10px;margin-bottom:6px;}
.menu2{background-color: #d9d9d9; padding:5px 5px 5px 25px;margin-bottom:6px;}
.submenu{margin-top:25px;padding:10px 0px;border-top:1px solid #e5e7eb;}
}


.fmenu-box2 {
 text-align: left;
 margin-top: 10px;
 margin-left: 10px;
 display: inline-block;
 vertical-align: top;
}

/* パソコン 開始 *****************************************************/
@media (min-width: 1400px){
/*#main-wrap{ */
/* margin: 0 auto !important; */
/* width:1410px !important; */
/* text-align:center !important; */ 
/*} */

.top-brand-box{width:910px !important; }

#main-wrap2{ 
margin: 0 auto !important; 
width:1410px !important; 
text-align:center !important;  
} 

.l-main-container{width:1410px;}
.page-main{width:1100px;}
.sidebar{ width:310px;}
}


.topbox-img img{
 width:250px;
 height:250px;
 object-fit: cover; 
}

.topbox-roop{
 display: inline-block;
 width:280px;
 padding:5px;
}
.topbox-img{
 vertical-align: middle;
 height:270px;
}
.topbox-name{
 vertical-align: top;
 text-align:center;
 margin-bottom: 20px;
}


/* スマホ 開始 *****************************************************/
@media screen and (max-width: 959px){

#footer2{ padding:20px 5px;}
#footer2{
 color:#333;
 background: #eaeaea;
 text-align: left;
 padding:10px 30px;
}
#copyright2{
 color:#333;
 background: #eaeaea;
 text-align: center;
 margin: 0 auto;
 margin-top: 20px;
 border-top:1px solid #333;
 padding-top:20px;
 padding-bottom:20px;
}

/* リクルートSP 開始 */
.recruit-box{
 margin: 0 auto;
 text-align: center;
}

.recruit-bn1,.recruit-bn2,.recruit-bn-off{height:35px;}

.recruit-bn1{
 color:#fff;
 background: #000;
 padding: 2px 0px;
 margin: 5px 0px;
 text-align: center;
 font-size:80%;
}

.recruit-bn2{
 color:#000;
 background: #dbdcdc;
 padding: 2px 0px;
 margin: 5px 0px;
 text-align: center;
 font-size:80%;
}

.recruit-bn-off{
 color:#fff;
 background: #fff;
 padding: 2px 0px;
 margin: 5px 0px;
 text-align: center;
 font-size:80%;
}

.recruit-box-in{
 margin: 0 auto;
 text-align: center;
 display: inline-block;
 vertical-align: top;
 margin-right: 5px;
 margin-left: 5px;
 margin-bottom: 30px;
 /*letter-spacing: 0.1em;*/
 width: 160px;
}

.recruit-subtitle1,.recruit-subtitle2,.recruit-subtitle3{
 padding: 1px 0px;
 text-align: center;
 font-size:80%;
 color:#fff;
}
.recruit-subtitle1{ background: #e88945;}
.recruit-subtitle2{ background: #b0d137;}
.recruit-subtitle3{ background: #3d5cf4;}

.recruit-type{
 text-align: center;
 font-weight: bold;
  border-bottom:#000 1px solid;
}

.recruit-img{  text-align: center; padding-top: 20px;}
.recruit-img img{ width: 100%;}

.recruit-text{
 text-align: left;
 margin: 0px;
 padding: 10px 0px;
 font-size:85%;
height:210px;
}

.recruit-cate1{
 color:#fff;
 background: #e88945;
 font-size:80%;
 border-top: 6px solid #e88945;
 border-bottom: 6px solid #e88945;
 border-left: 5px solid #e88945;
 border-right: 5px solid #e88945;
}

.recruit-cate2{
 color:#fff;
 background: #b0d137;
 font-size:80%;
 border-top: 6px solid #b0d137;
 border-bottom: 6px solid #b0d137;
 border-left: 5px solid #b0d137;
 border-right: 5px solid #b0d137;
}

.recruit-cate3{
 color:#fff;
 background: #3d5cf4;
 font-size:80%;
 border-top: 6px solid #3d5cf4;
 border-bottom: 6px solid #3d5cf4;
 border-left: 5px solid #3d5cf4;
 border-right: 5px solid #3d5cf4;
}
/* リクルートSP 終了 */

}


.btn-bike{
 text-align: center;
}

.btn-bike a{
 background: #3a69b2;
 color:#fff;
 font-weight:bold;
 border-top: 20px solid #3a69b2;
 border-bottom: 20px solid #3a69b2;
 border-left: 20px solid #3a69b2;
 border-right: 20px solid #3a69b2;
 border-radius: 12px;
}

.mw_wp_form_confirm .privacypolicy{
  display: none;
}



.shop-box-in a{ color:#000;}
.post-cat,
.catpage_content_wrap{
 display: none !important;
}

.hissu{
 color:#fff;
 background: #ff0000;
 font-size:80%;
 border-top: 2px solid #ff0000;
 border-bottom: 2px solid #ff0000;
 border-left: 5px solid #ff0000;
 border-right: 5px solid #ff0000;
}

.nini{
 color:#fff;
 background: #273654;
 font-size:80%;
 border-top: 2px solid #273654;
 border-bottom: 2px solid #273654;
 border-left: 5px solid #273654;
 border-right: 5px solid #273654;
}

td,th{
 text-align: left;
 padding: 5px 5px 5px 10px;
}


/* スマホ 開始 *****************************************************/
@media screen and (max-width: 959px){
.pc-box{
 display: none;
}

.head-table{
 text-align: center;
 margin: 0 auto;
 width: 100%; 
}
.head-td1{width: 100%;}
.head-td2,.head-td3{ display: none; }
.head-btn,.head-btn2,.head-btn3{  display: none;}
.head-btn img { display: none;}


td,th{
 font-size:90%;
}

.th-size{ width: 40%; }
.td-size{ width: 60%;}

.sp-bn-box{
 text-align: center;
 margin: 0 auto;
 padding-top:20px;
}
.sp-bn-box img{
 width: 80%;
}
.sp-menu-box{
 text-align: center;
 margin: 0 auto;
 padding-top:20px;
}
.sp-box-menu{
 text-align: center;
 margin: 0 auto;
 padding:5px;
 width: 250px; 
 background: #666;
 margin-top: 5px;
 margin-bottom: 5px;
}
.sp-box-menu .btn3{
 color:#fff;
 background: #666;
 font-size:90%;
}

.sp-box-menu-green{
 text-align: center;
 margin: 0 auto;
 padding:5px;
 width: 250px; 
 background: #8cc63f;
 margin-top: 5px;
 margin-bottom: 5px;
}

.sp-box-menu-green .btn3-green{
 color:#fff;
 background: #8cc63f;
 font-size:90%;
}

.shop-box-in,
.shop-box-in2{
 text-align: center;
 margin-bottom: 30px;
}
.shop-box-in img{ width: 100%;}
.shop-box-in2 img{ width: 280px;}

.shop-text{
 text-align: left;
 margin: 0px;
 padding: 0px;
}


.top-right{ text-align: right;}
.top-right .top-link{
 color:#fff;
 background: #666;
 padding:5px 15px;
 font-size:90%;
 border: 3px solid #666;
}

.top-box{
 margin:10px;
 padding:10px;
 font-size:90%;
}
.top-box-roop{
 padding:5px 10px;
}
.top-box-news{
}
.top-title{
 font-size:20px;
 font-weight: bold;
 text-align: left;
 letter-spacing: 0.1em;
}

.top-box-left,
.top-box-right{
 display: inline-block;
 vertical-align: middle;
 margin-top: 20px;
}
.top-box-left{ width: 45%;}
.top-box-right{ width: 52%;}

.top-box-left img{ /*width: 150px;*/}
.top-brand-box{  text-align: left !important;}
.top-brand{
 display: inline-block;
 vertical-align: middle;
 margin-right: 5px;
 margin-top: 10px;
}
.top-brand { width: 45%;}


.fotter-box{
 margin:10px;
 padding:10px;
 font-size:90%;
}

.fotter-brand-box{  text-align: center;}
.fotter-brand{
 display: inline-block;
 vertical-align: middle;
 margin-right: 5px;
 margin-top: 10px;
}
.fotter-brand { width: 45%;}

}
/* スマホ 終了 *****************************************************/

/* パソコン 開始 *****************************************************/
@media (min-width: 960px){
.sp-box{
 display: none;
}
#footer2{ padding:20px 5px;}
#footer2{
 color:#333;
 background: #eaeaea;
 text-align: left;
 padding:10px 60px;
}
#copyright2{
 color:#333;
 background: #eaeaea;
 text-align: center;
 margin: 0 auto;
 margin-top: 20px;
 border-top:1px solid #333;
 padding-top:20px;
 padding-bottom:20px;
}

.head-table{
 display:table;
 text-align: center;
 margin: 0 auto;
 /* width: 1200px; */
}
.head-td1,.head-td2,.head-td3{display:table-cell;vertical-align:bottom;}
.head-td1{width: 100%;  text-align: center; margin: 0 auto;}
.head-td2{width: 590px;  text-align: right; }
.head-td3{width: 310px;  text-align: right; }
.head-btn{ padding-right:2px;padding-bottom:5px;}

.head-td2 img {width: 380px;}
.head-td3 img {width: 300px;}


#onlynav ul li a{
font-size:1.05em !important;
}
.th-size{ width: 30%; }
.td-size{ width: 70%;}

.header-logo{
height: 120px;
}
.shop-box{
 margin: 0 auto;
 text-align: center;
}

.shop-box-in,
.shop-box-in2{
 display: inline-block;
 vertical-align: top;
 margin-right: 20px;
 margin-bottom: 30px;
 /*letter-spacing: 0.1em;*/
 width: 450px;
}
.shop-box-in img{ width: 450px;}
.shop-box-in2 img{ width: 280px;}

.shop-text{
 text-align: left;
 margin: 0px;
 padding: 0px;
}

.top-box-left,
.top-box-right{
 display: inline-block;
 vertical-align: middle;
 margin-top: 20px;
}
.top-box-left{ width: 180px;}
.top-box-right{ width: 700px;}

.top-box-left img{ width: 150px;}


.top-right{ text-align: right; padding-right:50px;}
.top-right .top-link{
 color:#fff;
 background: #666;
 padding:5px 15px;
 font-size:14px;
 border: 3px solid #666;
}

.top-box{
 margin:10px;
 padding:10px;
 font-size:18px;
}

.fotter-box{
 margin:10px;
 padding:10px;
 font-size:18px;
}

.top-box-roop{
 padding:5px 10px;
}
.top-box-news{
}
.top-title{
 font-size:22px;
 font-weight: bold;
 letter-spacing: 0.1em;
 text-align: left;
 /*border: 2px solid #172a88;*/
}

.top-brand,.fotter-brand{
 display: inline-block;
 vertical-align: top;
 margin-right: 5px;
 margin-top: 10px;
 width: 180px;
}
.top-brand img,.fotter-brand img{ width: 180px;}

.fotter-box{padding:20px 0px;}

/* リクルートPC 開始 */
.recruit-box{
 margin: 0 auto;
 text-align: left;
}

.recruit-bn1,.recruit-bn2,.recruit-bn-off{height:36px;}

.recruit-bn1{
 color:#fff;
 background: #000;
 padding: 2px 0px;
 margin: 5px 0px;
 text-align: center;
 font-size:80%;
}

.recruit-bn2{
 color:#000;
 background: #dbdcdc;
 padding: 2px 0px;
 margin: 5px 0px;
 text-align: center;
 font-size:80%;
}

.recruit-bn-off{
 color:#fff;
 background: #fff;
 padding: 2px 0px;
 margin: 5px 0px;
 text-align: center;
 font-size:80%;
}

.recruit-box-in{
 display: inline-block;
 vertical-align: top;
 margin-right: 20px;
 margin-bottom: 30px;
 /*letter-spacing: 0.1em;*/
 width: 170px;
}

.recruit-subtitle1,.recruit-subtitle2,.recruit-subtitle3{
 padding: 1px 0px;
 text-align: center;
 font-size:80%;
 color:#fff;
}
.recruit-subtitle1{ background: #e88945;}
.recruit-subtitle2{ background: #b0d137;}
.recruit-subtitle3{ background: #3d5cf4;}

.recruit-type{
 text-align: center;
 font-weight: bold;
  border-bottom:#000 1px solid;
}

.recruit-img{  text-align: center; padding-top: 20px;}
.recruit-img img{ width: 100%;}
.recruit-img2 img{ width: 350px;}

.recruit-text{
 text-align: left;
 margin: 0px;
 padding: 10px 0px;
 font-size:85%;
 height:250px;
}

.recruit-cate1{
 color:#fff;
 background: #e88945;
 font-size:80%;
 border-top: 6px solid #e88945;
 border-bottom: 6px solid #e88945;
 border-left: 5px solid #e88945;
 border-right: 5px solid #e88945;
}

.recruit-cate2{
 color:#fff;
 background: #b0d137;
 font-size:80%;
 border-top: 6px solid #b0d137;
 border-bottom: 6px solid #b0d137;
 border-left: 5px solid #b0d137;
 border-right: 5px solid #b0d137;
}

.recruit-cate3{
 color:#fff;
 background: #3d5cf4;
 font-size:80%;
 border-top: 6px solid #3d5cf4;
 border-bottom: 6px solid #3d5cf4;
 border-left: 5px solid #3d5cf4;
 border-right: 5px solid #3d5cf4;
}
/* リクルートPC 終了 */

}
/* パソコン 終了 *****************************************************/