@charset "UTF-8";

/* スライド */
[data-slide-box] {
	box-sizing:border-box;
	display:grid;
	gap:20px;
	margin:0;
	padding:20px;
	width:100%;
}

[data-slide-box="off"] {
	justify-content:center;
}

[data-slide-box="off"] > li:not(:first-child) {display:none;}

[data-slide-box] > li:nth-child(n + 6) {display:none;}

@media (min-width: 700px) {

	[data-slide-box="off"] {
		padding:20px calc(100% / 3);
	}

	[data-slide-box="on"] {
		grid-template:'a b c d e'/1fr 1fr 1fr 1fr 1fr;
		margin-left:calc(-100% / 3);
		width:calc(100% / 3 * 5);
	}

	[data-slide-box="on"][data-slide-move="left"] {
		transition:margin-left 5s;
		margin-left:calc(-200% / 3);
	}

	[data-slide-box="on"][data-slide-move="right"] {
		transition:margin-left 5s;
		margin-left:0;
	}

}

@media not all and (min-width: 700px) {

	[data-slide-box="on"] {
		grid-template:'a b c d e'/1fr 1fr 1fr 1fr 1fr;
		margin-left:-200%;
		width:500%;
	}

	[data-slide-box="on"][data-slide-move="left"] {
		margin-left:-300%;
		transition:margin-left 5s;
	}

	[data-slide-box="on"][data-slide-move="right"] {
		margin-left:-100%;
		transition:margin-left 5s;
	}

}

[data-slide-move="on"][data-slide-move="stop"] [data-slide-show="stop_none"] {display:none;}

[data-slide-move="on"]:not([data-slide-move="stop"]) [data-slide-show="move_none"] {display:none;}



/*
[data-slide-box="home_slide_js"] [aria-label] {
	background-color:rgba(255, 255, 255, 0.7);
	border:none;
	bottom:0;
	box-sizing:border-box;
	color:inherit;
	display:block;
	height:40px;
	margin:auto 0;
	padding:0;
	position:absolute;
	top:0;
	width:40px;
	z-index:2;
}

@media not all and (max-width: 693px) {

	[data-slide-box="home_slide_js"] [aria-label="prev"] {left:calc(50% - 336.5px);}

	[data-slide-box="home_slide_js"] [aria-label="next"] {right:calc(50% - 336.5px);}

}

@media (max-width: 693px) {

	[data-slide-box="home_slide_js"] [aria-label="prev"] {left:20px;}

	[data-slide-box="home_slide_js"] [aria-label="next"] {right:20px;}

}
*/
/**/
/*
[data-slide-nav] {
	display:block;
	font-size:10px;
	line-height:1;
	margin:0.5em 0 0;
	padding:0;
	position:relative;
	text-align:center;
	width:100%;
	z-index:1;
}

[data-slide-now] {
	border-radius:0.4em;
	display:inline-block;
	height:0.8em;
	width:0.8em;
}

[data-slide-now=""] {background-color:#ccc;}

[data-slide-now="yes"] {background-color:pink;}

[data-slide-now]:first-child {margin:0;}

[data-slide-now]:not(:first-child) {margin:0 0 0 1em;}
*/