@charset "utf-8";
/* CSS Document */


article {
  margin: 4%;
}

.flex {
  padding: 1%;
  background: #fff;
}

.flex-item {
  margin: 4%;
  padding: 4%;
  background: #fff;
}


  article {
    margin: 2%;
  }

  .flex {
    max-width: 1200px;
    margin: auto;
    padding: 1%;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flex-item {
    margin: 1%;
    padding: 1%;
    width: calc(100% / 3 - 4%);
  }


.top-banner {
	display: flex;
    flex-wrap: nowrap; 
}

.top-banner li{
	width: calc(100%/3);
    padding: 0 5px;
    box-sizing: border-box;
}

.m-flex-border {
	margin: 0;
    padding: 3px 0;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
}

.m-flex-border-inner {
	margin: 0;
    padding: 0px 0 10px;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
}

/*--------------------------------------------------
		snsBlock
--------------------------------------------------*/
.detailConts .snsList {
	display: flex;
	align-items: center;
}

.detailConts .snsList .btnFukuoka{
	width: 50%;
}

.detailConts .snsList li {
	width: 46px;
}
.detailConts .snsList li img {
	width: 80%;
}
.detailConts .snsList li .m-icn-blank {
	display: none;
}
.detailConts .snsBlockTop .snsList {
	justify-content: flex-end;
}
.detailConts .snsBlockTop .snsList li + li {
	margin-left: 10px;
}
.detailConts .snsBlockBtm .snsList {
	justify-content: center;
}
.detailConts .snsBlockBtm .snsList li + li {
	margin-left: 20px;
}

/* 全体設定 */
.css-carousel-slider5 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.css-carousel-slider5 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider5 .slide-wrap {
    width: 500%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider5 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider5 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main5 15s infinite;
    animation-delay: 2s;
}
.css-carousel-slider5 .slide {
    width: 100%;
}
/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider5 {
    0% { transform: translateX(0); }

    17% { transform: translateX(calc(1 / 5 * -100%)); }
    20% { transform: translateX(calc(1 / 5 * -100%)); }

    37% { transform: translateX(calc(2 / 5 * -100%)); }
    40% { transform: translateX(calc(2 / 5 * -100%)); }

    57% { transform: translateX(calc(3 / 5 * -100%)); }
    60% { transform: translateX(calc(3 / 5 * -100%)); }

    77% { transform: translateX(calc(4 / 5 * -100%)); }
    80% { transform: translateX(calc(4 / 5 * -100%)); }
	
	97% { transform: translateX(calc(5 / 5 * -100%)); }
    100% { transform: translateX(calc(5 / 5 * -100%)); }
}

@keyframes css-carousel-slider-main5 {
    0% { transform: translateX(100%); }
    80% { transform: translateX(100%); }
    97% { transform: translateX(0%);}
}