.section__block--top-page {
  max-width: 1100px;
}

.slider {
  margin-top: 0;
}
.slider .bx-wrapper {
  margin-bottom: 0;
}
.slider .bx-wrapper .bx-caption {
  text-align: center;
  top: 0;
  bottom: auto;
}

#slider img {
  display: block;
  margin: 0 auto;
}

.banner__section {
  margin-top: 2px;
}

.news__lists {
  list-style-type: none;
  margin: 0 0 2em;
}

.news__list {
  margin-bottom: .5em;
}

.news__date {
  margin-right: 1em;
}

.category-banner{
  text-align: center;
}
.category-banner{
	display: flex;
	flex-wrap:wrap;
}
.category-banner li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 10px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.category-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}
.category-banner {/*横幅100%で左右に余白を持たせて中央寄せ*/
   width:100%;
    margin:0 auto;
}

.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}

/* 20250924改修 */
.top_inner{
  background-color: #F0F3F4;
}
.top_txt{
  width: calc((609/800) * 100vw);
  margin: 0 auto;
  padding-top: calc((170/800) * 100vw);;
}

.mv_wrap .bx-wrapper .bx-pager {
  padding-top: 10px;
  bottom: -20px;
}
.mv_wrap .bx-wrapper {
  margin-bottom: 30px;
}
.mv_wrap {
  background-color: #F0F3F4;
}
.mv_wrap .bx-wrapper {
  max-width: 1300px!important; /*スライドの幅に合わせて変更*/
  margin-left: auto;
  margin-right: auto;
  background: none;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
.mv_wrap .bx-viewport {
  overflow: visible!important;
}
.mv_wrap .bx-wrapper .bx-prev {
  border: none!important;
  background-image: url(https://img07.shop-pro.jp/PA01397/392/etc_base64/c2xpZGVfYXJyb3dfcHJldg.png?cmsp_timestamp=20251106105750) !important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center!important;
  background-color: inherit!important;
}
.mv_wrap .bx-wrapper .bx-next {
  border: none!important;
  border: none!important;
  background-image: url(https://img07.shop-pro.jp/PA01397/392/etc_base64/c2xpZGVfYXJyb3dfbmV4dA.png?cmsp_timestamp=20251106105750)!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-position: center!important;
  background-color: inherit!important;
}
@media screen and (max-width: 767px), print {
  .mv_wrap .bx-default-pager{
    bottom: calc((-106/800) * 100vw)!important;
  }
  .mv_wrap .bx-wrapper .bx-prev {
    width: calc((24/800) * 100vw)!important;
    height: calc((48/800) * 100vw)!important;
    left: calc((40/800) * 100vw)!important;
    margin: 0!important;
    top: auto!important;
    bottom: calc((-90/800) * 100vw)!important;
  }
  .mv_wrap .bx-wrapper .bx-next {
    width: calc((24/800) * 100vw)!important;
    height: calc((48/800) * 100vw)!important;
    right: calc((40/800) * 100vw)!important;
    margin: 0!important;
    top: auto!important;
    bottom: calc((-90/800) * 100vw)!important;
  }
  .mv_wrap .bx-wrapper .bx-pager-link{
    background: #D3CAC7!important;
  }
  .mv_wrap .bx-wrapper .bx-pager-link.active{
    background: #D3808D!important;
  }
}

@media screen and (min-width: 768px), print {
  .mv_wrap {
    overflow: hidden;
  }
  .mv_wrap .bx-wrapper .bx-prev {
    left: 10px!important;
    max-width: 32px;
    max-height: 67px;
  }
  .mv_wrap .bx-wrapper .bx-next {
        right: 10px!important;
    max-width: 32px;
    max-height: 67px;
  }
  .mv_wrap .bx-default-pager{
    display: none!important;
  }
}
  @media screen and (min-width: 1300px), print {
  .mv_wrap .slider-item{
    padding: 0 10px;
  }
  .mv_wrap .bx-wrapper .bx-prev {
    left: -60px!important;
  }
  .mv_wrap .bx-wrapper .bx-next {
    right: -60px!important;
  }
}

@media screen and (min-width: 768px), print {
  .top_txt{
    width: calc((802/1340) * 100vw);
    padding-top: calc((64/1340) * 100vw);
  }
}
@media screen and (min-width: 1340px), print {
  .top_txt{
    width: 802px;
    padding-top: 64px;
  }
}

.category-banner{
  position: relative;
  padding-top: calc((120/800) * 100vw);
  padding-bottom: calc((115/800) * 100vw);
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .category-banner{
    padding-top: calc((100/1340) * 100vw);
    padding-bottom: calc((100/1340) * 100vw);
  }
}
@media screen and (min-width: 1340px), print {
  .category-banner{
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.category-banner-list{
  margin: 0 auto;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .category-banner-list{
    width: calc((1300/1340) * 100vw);
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1340px), print {
  .category-banner-list{
    width: 1300px;
    margin: 0 auto;
  }
}
.category-banner li{
  padding: 0;
  margin: 0 auto;
  display: block;
  width: calc((630/800) * 100vw);
  filter: drop-shadow(0 calc((8/800) * 100vw) calc((10/800) * 100vw) rgba(0,0,0,0.07));
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  .category-banner li{
    margin: 0;
    width: calc((400/1340) * 100vw);
    filter: drop-shadow(0 calc((8/1300) * 100vw) calc((10/1300) * 100vw) rgba(0,0,0,0.07));
  }
}
@media screen and (min-width: 1340px), print {
  .category-banner li{
    width: 400px;
    filter: drop-shadow(0 8px 10px rgba(0,0,0,0.07));
  }
}

.category-banner li:not(:nth-child(1)){
  margin-top: calc((40/800) * 100vw);
}
@media screen and (min-width: 768px), print {
  .category-banner li:not(:nth-child(1)){
    margin-top: 0;
  }
}
.category-banner li img{
  border: none;
  display: block;
}
@media screen and (min-width: 768px), print {
  .category-banner li img{
    border: none;
  }
}