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

@media(min-width:992px){
        .brandlink {min-height: 27.0rem;}
	}
	
.nishida > p { font-size: 1em; font-weight: 500; position: relative;}
.nishida > p::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 1px; display: block; background-color: #E9E9E9; z-index: -1;}
.nishida .item .yttbn { position: relative;}
.nishida .item .yttbn .start { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20%; opacity: .8; transition: .4s;}
.nishida .item .yttbn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -99999px; display: block;}
.nishida .item .yttbn:hover .start {opacity: 1;}

.nishida .item .btn { width: 100%; font-size: 1em; font-family:'Oswald', 'Raleway', 'Noto Sans JP', sans-serif; line-height: 1.6; text-align: center; border: dashed 1px #333; border-radius: 5px; position: relative; transition: .4s; background-color: transparent!important; color: #333;}
.nishida .item .btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -99999px;}
.nishida .item .btn:hover {border-color: #FF6363; color: #FF6363;}
.nishida .slick-dots { bottom: -20px!important; }

.nishida .swiper .swiper-pagination { bottom: 0;}

.brandlinktype { width: 100%; font-family:'Oswald', 'Raleway', 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 3.2rem; color: #EEE;  padding: 0; position: relative;}
.brandlinktype span {position: absolute; top: -0.25rem; left: 0.5rem; color: #666;}
.brandlinktype::after { width: 100%; height: 2px; background: #EEE; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}

div.textlink { font-size: 1.28rem; font-weight: 700; color: #666; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; width: 100%; background-color: #EEE; border-radius: 0.5rem; border: solid 3px transparent; padding: 1rem; transition: .4s;}
div.textlink::before {content:""; display: block; padding-top: 50%; }
div.textlink a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; display: block;}
div.textlink:hover { border-color:#00A99D; }
	@media(min-width:576px){
		div.textlink { font-size: 2rem; }
	}
	
	.stock .condition.eleaco { background-color:#FF6363; color: #FEFEFE; border-color:#FF6363; }
	.stock .condition.eleaco:hover { background-color: #00A99D; border-color: #00A99D;}
	
	.stock .condition.cg { background-color:#53C1FC; color: #FEFEFE; border-color:#53C1FC; }
	.stock .condition.cg:hover { background-color: #00A99D; border-color: #00A99D;}
	
.ekiaco-ch > p { font-size: 1em; font-weight: 500; position: relative;}
.ekiaco-ch > p::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 1px; display: block; background-color: #E9E9E9; z-index: -1;}
.ekiaco-ch .item .yttbn { position: relative;}
.ekiaco-ch .item .yttbn .start { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 20%; opacity: .8; transition: .4s;}
.ekiaco-ch .item .yttbn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -99999px; display: block;}
.ekiaco-ch .item .yttbn:hover .start {opacity: 1;}

.ekiaco-ch .item .btn { width: 100%; font-size: 1em; font-family:'Oswald', 'Raleway', 'Noto Sans JP', sans-serif; line-height: 1.6; text-align: center; border: dashed 1px #333; border-radius: 5px; position: relative; transition: .4s; background-color: transparent!important; color: #333;}
.ekiaco-ch .item .btn a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -99999px;}
.ekiaco-ch .item .btn:hover {border-color: #FF6363; color: #FF6363;}
.ekiaco-ch .slick-dots { bottom: -20px!important; }

.ekiaco-ch .swiper .swiper-pagination { bottom: 0;}