@charset "UTF-8";
/*==============================

リブイン トップ共通
 
==============================*/
/* 見出しのフォントを変更 */
.fca_section__h {
		font-family: 'A1 Gothic M', '游ゴシック', 'Yu Gothic', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic', 'メイリオ', 'Meiryo', 'Noto Sans', 'Noto Sans CJK JP', 'system-ui', sans-serif;
		font-size: 1.8rem;
		letter-spacing: .06em;
}
/* 768px 以下 */
@media (max-width: 768px) {
		.fca_section__h {
				font-size: 1.35rem;
		}
}
/*==============================

リブイン  定番アイテム 
 
==============================*/
#staple-item_lv {
		width: 90%;
		max-width: 940px;
		margin: 6em auto;
}
#staple-item_lv .fca_container {
		padding: 0;
}
/* 定番アイテム スライダー */
#staple-slider {
		/* margin: 0 auto; */
}
#staple-slider .splide__slide {
		display: flex;
		flex-direction: column;
		padding: 1.3em;
		text-align: center;
		border-radius: 0.3em;
		background: #999999;
}
#staple-slider .splide__slide img {
		width: 100%;
}
#staple-slider dl {
		margin: .5em 0 1.5em;
}
#staple-slider dl dt {
		font-size: 120%;
		font-weight: bold;
		line-height: 1.6;
		margin: .6em;
		color: #fff;
}
#staple-slider dl dd {
		line-height: 1.7;
		width: 90%;
		margin: 0 auto;
		text-align: justify;
	    color: #fff;
}
#staple-slider .staple-links_lv {
		display: flex;
		margin-top: auto;
		justify-content: space-evenly;
		align-items: center;
		gap: .7em;
}
#staple-slider .staple-links_lv .staple-link {
		display: block;
		width: 100%;
		padding: .4em;
		border-radius: 2em;
		background: #fff;
}
#staple-slider .staple-links_lv .staple-link:nth-child(n + 2) {
		/* border-left: 1px solid #000; */
}
#staple-slider .staple-links_lv a {
		font-size: 95%;
		font-weight: bold;
		display: block;
		padding: .25em 0 .15em;
		transition: all .3s;
		text-decoration: none;
		letter-spacing: .05em;
}
/* スライダー用 矢印 */
#staple-slider .splide__arrow {
		box-sizing: initial;
		width: 2.0em;
		height: 2.0em;
		transition: all .3s;
		opacity: 1;
		outline: none;
		background: none;
}
#staple-slider .splide__arrow--prev {
		left: -1.1em;
}
#staple-slider .splide__arrow--next {
		right: -1.1em;
}
#staple-slider:not(.is-overflow) .splide__arrow {
		pointer-events: none;
		;
		opacity: 0;
}
/* hover */
@media (hover: hover) and (min-width: 769px) {
		#staple-slider .staple-links_lv a:hover {
				opacity: .7;
		}
		#staple-slider .splide__arrow--prev:hover {
				left: -1.5em;
				padding-right: .4em;
		}
		#staple-slider .splide__arrow--next:hover {
				right: -1.5em;
				padding-left: .4em;
		}
}
/* 768px 以下 */
@media (max-width: 768px) {
		#staple-item_lv {
				width: 100%;
		}
		#staple-slider .splide__slide {
				padding: .8em;
				padding-bottom: 1.4em;
		}
		#staple-slider dl dt {
				font-size: 110%;
		}
		#staple-slider dl dd {
				font-size: 85%;
		}
		#staple-slider .staple-links_lv a {
				font-size: 85%;
		}
		#staple-slider .splide__arrow {
				width: 2.3em;
				height: 2.3em;
		}
		#staple-slider .splide__arrow--prev {
				left: 5vw;
		}
		#staple-slider .splide__arrow--next {
				right: 5vw;
		}
}