@charset 'utf-8';

/* top_visual
------------------------------------------------ */
#top_visual {
	position: relative;
	width: 100%;
	height: 540px;
}

.top-visual__frame { position: relative; height: 100%; overflow: hidden; z-index: 1; }
.top-visual__move { height: 100%; }
.top-visual__item { float: left; width: 1080px; }
.top-visual__item a { display: block; }
.top-visual__direct { position: absolute; top: 50%; margin-top: -26px; width: 20px; height: 51px; background-position: center center; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 2; }
.top-visual__direct--prev { left: -52px; background-image: url(../../img/share/slide_prev1.png); }
.top-visual__direct--next { right: -52px; background-image: url(../../img/share/slide_next1.png); }
.top-visual__bullets { position: absolute; bottom: 24px; left: 0; width: 100%; height: 8px; text-align: center; z-index: 2; }
.top-visual__bullets a { display: inline-block; margin: 0 6px; width: 8px; height: 100%; background: #ddd; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: top; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.top-visual__bullets a.on { background: #894c63; }

/* top_banner
------------------------------------------------ */
#top_banner {
	position: relative;
	margin-top: 16px;
}

.top-banner__list {}
.top-banner__list li { position: relative; float: left; margin: 16px 16px 0 0; width: 258px; }
.top-banner__list li:nth-of-type(-n+4) { margin-top: 0; }
.top-banner__list li:nth-of-type(4n) { margin-right: 0; }
.top-banner__list li:nth-of-type(4n+1) { clear: both; }
.top-banner__list li a { display: block; position: relative; }
.top-banner__list li span { display: block; margin-top: 8px; font-size: 1.3rem; line-height: 1.2; }
.top-banner__list li .finish { position: absolute; top: 0; left: 0; width: 56px; z-index: 2; }
#top_banner .more--1 { margin-top: 16px; }

/* top_new_arrival
------------------------------------------------ */
#top_new_arrival {
	position: relative;
	margin-top: 40px;
	padding-top: 38px;
	border-top: solid #ddd 1px;
}

.top_new_arrival__block { margin-bottom: 120px; }
.top_new_arrival__block:last-child { margin-bottom: 0; }

/* top_recommend
------------------------------------------------ */
#top_recommend {
	position: relative;
	margin-top: 40px;
	padding-top: 38px;
	border-top: solid #ddd 1px;
}

#top_recommend .tab--1 { top: 40px; }

/* top_ranking
------------------------------------------------ */
#top_ranking {
	position: relative;
	margin-top: 40px;
	padding-top: 38px;
	border-top: solid #ddd 1px;
}

#top_ranking .tab--1 { top: 40px; }
.top_ranking__block { margin-bottom: 120px; }
.top_ranking__block:last-child { margin-bottom: 0; }

/* top_topics
------------------------------------------------ */
#top_topics {
	position: relative;
	margin-top: 40px;
	padding-top: 38px;
	border-top: solid #ddd 1px;
}

#top_topics .slide-style__item { width: 365px; }
#top_topics .slide-style__item > a { width: 349px; }

/* top_news
------------------------------------------------ */
#top_news {
	position: relative;
	margin-top: 70px;
	padding-top: 38px;
	border-top: solid #ddd 1px;
}

#top_news .tab--1 { top: 40px; }

/* top_blog
------------------------------------------------ */
#top_blog {
	position: relative;
	margin-top: 40px;
	padding-top: 38px;
	border-top: solid #ddd 1px;
}

#top_blog .slide-style__item { width: 274px; }
#top_blog .slide-style__item > a { width: 258px; }