/* ==================================================
   allbox内の背景
   背景模様はブラウザの左右幅いっぱいに表示
   ================================================== */

.allbox {
  position: relative;
  isolation: isolate;
  /* overflow: hidden; は指定しない */
}

.allbox > .bg_pattern {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  background-color: #f3efe6;
  opacity: 0.8;
}

.allbox > .bg_pattern.ZigZag_3D {
  background-image:
    linear-gradient(135deg, #0a0a0a55 25%, transparent 25%),
    linear-gradient(225deg, #0a0a0a 25%, transparent 25%),
    linear-gradient(315deg, #0a0a0a55 25%, transparent 25%),
    linear-gradient(45deg, #0a0a0a 25%, #000000 25%);
  background-size: 40px 40px;
  background-position:
    -20px 0,
    -20px 0,
    0 0,
    0 0;
}

/* 横スクロール防止 */
html,
body {
  overflow-x: clip;
}


/* ==================================================
   コンテンツ
   ================================================== */

.bkkikan {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #A88711;
  background: #FFF;
  border: solid 3px #A88711;
  border-radius: 10px;
  font-family:
    'Hiragino Kaku Gothic Pro',
    Meiryo,
    Osaka,
    'MS PGothic',
    sans-serif;
}

.bnrbox_bk {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4px;
  margin: 0 0 30px;
}

.bnrbox_bk > .col-sm-6,
.bnrbox_bk > .col-xs-6 {
  width: calc(50% - 2px);
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.bnrbox_bk img {
  display: block;
  width: 100%;
  height: auto;
}

.categorybox_bk {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 0 30px;
}

.categorybox_bk div {
  width: 24%;
  margin: 0;
  position: relative;
}

.categorybox_bk div img {
  width: 85%;
  margin: 0 0 17px;
}

/* 見出しの文字色・下線 */
.kasentuki_title {
  color: #fff;
  border-bottom: 2px solid #fff;
}

/* フッターの文字色 */
footer {
  color: #fff;
}

.moji_bk_fff {
  color: #fff;
}


/* ==================================================
   スマートフォン用
   ================================================== */

@media (max-width: 375px) {
  .bkkikan {
    width: auto;
  }
}