@charset "utf-8";
#ceiling272-block01,
#ceiling272-block02,
#ceiling272-block03{
padding-top: 58px;
margin-top: -58px;
}
.ceiling272-blockNav .cBlock06_item-w1{
width: 28%;
}
.ceiling272-mv{
background-color: #faf7f2;
}

/*カルーセル*/
/* 全体設定 */
.css-carousel-slider5 {
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 50px;
}
.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 {
position: relative;
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%); }

16%  { transform: translateX(-20%); }
20%  { transform: translateX(-20%); }

36%  { transform: translateX(-40%); }
40%  { transform: translateX(-40%); }

56%  { transform: translateX(-60%); }
60%  { transform: translateX(-60%); }

76%  { transform: translateX(-80%); }
80%  { transform: translateX(-80%); }

96%  { transform: translateX(-100%); }
100% { transform: translateX(-100%); }
}
@keyframes css-carousel-slider-main5 {
0% { transform: translateX(100%); }
80% { transform: translateX(100%); }
96% { transform: translateX(0%);}
}