/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2024 | 16:50:55 */
/* 個別 */
.dmm-carousel {
    position: relative;
    max-width: 800px;
    margin: auto;
    overflow: hidden;
}
.dmm-carousel-track {
    display: flex;
	width: 800%; /* 画像7枚なので800% */
    transition: transform 0.5s ease;
}
.dmm-carousel-item {
    width: 100%;
    flex: 1;
}
.dmm-carousel-item img {
    width: 100%;
    height: auto;
}
.kiji p{
	display:none!important;
}
/* ラジオボタンのスライド制御 */
input[type="radio"] {
    display: none;
}
#dmm-slide1:checked ~ .dmm-carousel-track {
    transform: translateX(0);
}
#dmm-slide2:checked ~ .dmm-carousel-track {
    transform: translateX(-12.5%);
}
#dmm-slide3:checked ~ .dmm-carousel-track {
    transform: translateX(-25%);
}
#dmm-slide4:checked ~ .dmm-carousel-track {
    transform: translateX(-37.5%);
}
#dmm-slide5:checked ~ .dmm-carousel-track {
    transform: translateX(-50%);
}
#dmm-slide6:checked ~ .dmm-carousel-track {
    transform: translateX(-62.5%);
}
#dmm-slide7:checked ~ .dmm-carousel-track {
    transform: translateX(-75%);
}
#dmm-slide8:checked ~ .dmm-carousel-track {
    transform: translateX(-87.5%);
}
/* コントロールボタン */
.dmm-carousel-controls {
    position: absolute;
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
	background-color: rgba(0, 0, 0, 0.5);
	padding:15px 15px 0!important;
}
.dmm-carousel-controls label {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bbb;
    cursor: pointer;
}
#dmm-slide1:checked ~ .dmm-carousel-controls label[for="dmm-slide1"],
#dmm-slide2:checked ~ .dmm-carousel-controls label[for="dmm-slide2"],
#dmm-slide3:checked ~ .dmm-carousel-controls label[for="dmm-slide3"] {
    background-color: #333;
}