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

#newitem {  color: #FFF; display: flex; align-items: center; padding: 1rem 0 0.5rem 0; width: 100%; }
.newarrival { width: 100%; height: 100%; padding: 0.5rem 0.5rem 0.5rem 1.0rem; display: flex; align-items: center;}
    @media(min-width:768px){
        .newarrival { padding: 1.0rem; }
    }
.newarrival > a {width: 100%; display: block; padding:0; transition: 0.6s; box-sizing: border-box; font-size: 0;}
.newarrival svg { width: 100%; }
.newarrival .cls-1 { transition: 0.6s;}
.newarrival > a:hover .cls-1 { fill: #FFFF00;}

.blog-slider { padding: 14px;}
.slide-content { position: relative; font-size: initial; margin: 0; }
.slide-content a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px;}
.slide-content p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:1em; color: #FFF; margin-top:0.5rem;  padding:0; transition: 0.6s;}
.slide-content p.date { font-size: 0.6em; color: #999;}
    @media(min-width:768px){
		.slide-content p.date { font-size: 0.8em; }
    }
	@media(min-width:1200px){
		.blog-slider { padding: 0; padding-top: 14px; }
    }
.slide-content p.date span { color: #FFFF00;}
.slide-content:hover p { color: #FFFF00;}
    
.slide-content .trim { position: relative; width: 100%; background-color: #FFF; }
.slide-content .trim:before { content:""; display: block; padding-top:56.25%; /* 高さを幅の**%に固定 */ }
.rss-slider .slide-content .trim:before { content:""; display: block; padding-top:75%; /* 高さを幅の**%に固定 */ }

.slide-content .img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: 0.6s; }
.slide-content:hover .trim .img { opacity: 0.8;}