.top_mid_box{
 	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	margin:0 0 40px 0; 
	width:auto;
	height:auto;
}

.mid_banner{ margin-bottom:30px; text-align:center;}


.to_kichijitu_cal2{
  background-image: url(https://img14.shop-pro.jp/PA01080/151/etc/to_calendar.jpg?cmsp_timestamp=20210709115047);
  background-repeat:no-repeat;
  margin:0 auto;
  font-size:250%;
  font-weight:bold;
  width:900px;
  height:163px;
  color:#fff;
  padding:80px 0;
  text-align:center;
  text-shadow: 1px 1px 2px #000;
} 

.to_kichijitu_cal2 a:link,.to_kichijitu_cal2 a:visited{ color:#fff;}
.to_kichijitu_cal2 a:hover{ color:#fff; text-decoration:underline;}


/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*
左から右へ
----------------------------*/
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
  display: -ms-grid;
  overflow: hidden;
}
/*----------------------------*/
.d-demo__wrap {
  display: flex;
  overflow: hidden;
}

.d-demo__list {
  display: flex;
  list-style: none;
}

.d-demo__list--left{
animation :infinity-scroll-left 100s infinite linear 0.5s both;
}
.d-demo__list--right{
animation :infinity-scroll-right 100s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(100vw / 6);
}
.d-demo__item > img{
   width: 100%;
}

/*
マウスオーバーで一時停止させたい場合は以下
----------------------------*/

.d-demo__wrap:hover .d-demo__list--left {
  animation-play-state: paused;
}