@charset 'utf-8';

/* common
------------------------------------------------ */
.fs-c-productList { display: none; }
.column-main > *:first-child { margin-top: 0; }

@media screen and (min-width: 769px) {
	.column-main .top-newarrival .lists-1,
	.column-main .top-topics-lists,
	.column-main .top-pickup .lists-1,
	.column-main .top-cat-links { padding-right: 0; padding-left: 0; }
}

/* visual
------------------------------------------------ */
.top-visual { position: relative; }
.top-visual .slide-1 {}
.top-visual .slide-1 img { width: 100%; max-width: inherit; }

.fs-body-top .top-visual .slide-1-bullets { position: absolute; bottom: -22px; left: 0; }

@media screen and (max-width: 768px) {
	.top-visual { margin: 12px 12px 45px; }
	.top-visual .slide-1-direct { top: auto !important; bottom: -5px; margin-top: 0; }
	.top-visual .slide-1-direct--prev { left: 8px; }
	.top-visual .slide-1-direct--next { right: 8px; }

	.fs-body-top .top-visual { margin: 0 0 45px 0; }
	.fs-body-top .top-visual .slide-1-direct { bottom: -28px; }
}

@media screen and (min-width: 769px) {
	.top-visual .slide-1 { margin: 40px 86px 35px; }
	.top-visual .slide-1-direct--prev { left: -56px; }
	.top-visual .slide-1-direct--next { right: -56px; }
	.top-visual .slide-1-bullets { position: relative; bottom: auto; left: auto; margin-top: 20px; }
	.top-visual .slide-1-bullets > a { background: #ccc; box-shadow: none; }
	.top-visual .slide-1-bullets > a.active { background: #000; }

	.fs-body-top .top-visual .slide-1 { margin: 0 0 20px; }
	.fs-body-top .top-visual .slide-1-direct--prev { left: 44px; }
	.fs-body-top .top-visual .slide-1-direct--next { right: 44px; }
	.fs-body-top .top-visual .slide-1-bullets { bottom: 20px; }
	.fs-body-top .top-visual .slide-1-bullets > a { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); }
	.fs-body-top .top-visual .slide-1-bullets > a.active { background: #000; }
}

/* video
------------------------------------------------ */
.top-video { position: relative; width: 100%; overflow: hidden; }
.top-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; }

@media screen and (max-width: 768px) {
	.top-video { height: 80vw; max-height: 500px; } /* 20.10.05 160vwから80vw変更 */
	.fs-body-category .top-video { margin-bottom: 45px; }
}

@media screen and (min-width: 769px) {
	.top-video { margin-bottom: 35px; height: 660px; }
}

/* brand
------------------------------------------------ */
.top-brand {margin-top:20px;}
.top-brand-links { display: flex; flex-wrap: wrap; }
.top-brand-links--item { position: relative; }
.top-brand-links--item > a { display: block; position: relative; width: 100%; height: 0; overflow: hidden; }
.top-brand-links__info,
.top-brand-links--photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-brand-links__info { z-index: 2; }
.top-brand-links__info:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); z-index: 1; }
.top-brand-links--logo { position: absolute; font-size: 1rem; line-height: 1; z-index: 2; }
.top-brand-links--logo:after { content: ''; position: absolute; bottom: -17px; left: 50%; margin-left: -9px; width: 18px; height: 7px; background: url(../../img/icon/arrow_down4.png) no-repeat center center; background-size: 100%; }
.top-brand-links--photo { z-index: 1; }
.top-brand-links--photo picture { position: relative; width: 100%; height: 100%; }
.top-brand-links--photo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; max-width: inherit; object-fit: cover; }

.top-brand-links--mizuiroind .top-brand-links--logo { width: 42.5531914894%; }
.top-brand-links--midiumi .top-brand-links--logo { width: 38.2978723404%; }
.top-brand-links--midiumisolid .top-brand-links--logo { width: 51.0638297872%; }
.top-brand-links--select .top-brand-links--logo { width: 50%; }

@media screen and (max-width: 768px) {
	.top-brand-links--item { width: 50%; }
	.top-brand-links--item > a { padding-bottom: 50%; }
	.top-brand-links--logo { top: 50%; left: 50%; transform: translate(-50%,-50%); }
}

@media screen and (min-width: 769px) {
	.top-brand { margin-top: 18px; }
	.top-brand-links { justify-content: space-between; margin: 0 18px; }
	.top-brand-links--item { width: 24.8299319728%; }
	.top-brand-links--item > a { padding-bottom: 133.333333333%; }
	.top-brand-links--logo { bottom: 10.6164383562%; left: 50%; transform: translateX(-50%); }
	.top-brand-links--logo:after { bottom: -28px; margin-left: -11px; width: 22px; height: 9px; }
	.top-brand-links--mizuiroind .top-brand-links--logo { width: 43.3789954338%; }
	.top-brand-links--midiumi .top-brand-links--logo { width: 37.4429223744%; }
	.top-brand-links--midiumisolid .top-brand-links--logo { width: 52.5114155251%; }
	.top-brand-links--select .top-brand-links--logo { width: 52%; }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
		.top-brand-links--logo:after { bottom: -18px; }
}

/* slide
------------------------------------------------ */
.top-slide { position: relative; }
.top-slide .slide-1 {}
.top-slide .slide-1-frame {}
.top-slide .slide-1-move {}
.top-slide .slide-1-item {}
.top-slide .slide-1-item > a { display: block; position: relative; width: 100%; }
.top-slide .slide-1-item picture { width: 100%; }
.top-slide .slide-1-item img { width: 100%; max-width: inherit; }

@media screen and (max-width: 768px) {
	.top-slide { margin: 12px 12px 45px; }
	.top-slide .slide-1-direct { top: auto !important; bottom: -5px; margin-top: 0; }
	.top-slide .slide-1-direct--prev { left: 8px; }
	.top-slide .slide-1-direct--next { right: 8px; }
}

@media screen and (min-width: 769px) {
	.top-slide { margin: 65px auto; padding: 0 20px; max-width: 1840px; }
	.top-slide .slide-1 {}
	.top-slide .slide-1-frame { margin: 0 auto; width: 88.8888888889%; }
	.top-slide .slide-1-direct--prev { left: 22px; }
	.top-slide .slide-1-direct--next { right: 22px; }
}

/* topics
------------------------------------------------ */
.top-topics { position: relative; margin-top: 70px; }
.top-topics-lists { display: flex; flex-wrap: wrap; }
.top-topics-lists--item {}
.top-topics-lists--item > a { display: block; position: relative; text-decoration: none; }
.top-topics-lists--photo { position: relative; width: 100%; height: 100%; overflow: hidden; }
.top-topics-lists--photo img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; }
.top-topics-lists__info { position: relative; margin-top: 5px; }
.top-topics-lists--date { font-family: 'Lato', sans-serif; font-size: 1.2rem; font-weight: 400; }
.top-topics-lists--title { margin-top: 4px; font-family: 'Lato', '游ゴシ�?ク�?', YuGothic, '游ゴシ�?ク', 'Yu Gothic', '游ゴシ�?ク', 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', '?��?�� ?��ゴシ�?ク', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 1.4rem; font-weight: 400; }
.top-topics .more-1 { margin-top: 26px; }

.top-topics.bg-gray { margin-top: 0; padding: 40px 0; background: #ebebeb; }

@media screen and (max-width: 768px) {
	.top-topics-lists { margin: 0 25px; }
	.top-topics-lists--item { margin: 36px 7.69230769231% 0 0; width: 46.1538461538%; }
	.top-topics-lists--item:nth-of-type(1) { margin: 0 auto; width: 89.2307692308%; }
	.top-topics-lists--item:nth-of-type(3) { margin-right: 0; }
	.top-topics-lists__info { text-align: center; }
}

@media screen and (min-width: 769px) {
	.top-topics { margin-top: 80px; }
	.top-topics-lists { margin: 0 auto; padding: 0 20px; max-width: 1700px; }
	.top-topics-lists--item { margin: 36px 4.81927710843% 0 0; width: 30.1204819277%; }
	.top-topics-lists--item:nth-of-type(-n+3) { margin-top: 0; }
	.top-topics-lists--item:nth-of-type(3n) { margin-right: 0; }
	.top-topics-lists__info { margin-top: 16px; }
	.top-topics .more-1 { margin-top: 36px; }

	.top-topics.bg-gray { padding: 90px 0 60px; }
}

/* styling
------------------------------------------------ */
.top-styling { position: relative; margin-top: 70px; }
.top-styling-lists { display: flex; flex-wrap: wrap; position: relative; }
.top-styling-lists--item { position: relative; }
.top-styling-lists--item > a { display: block; position: relative; }
.top-styling-lists--item > a img { width: 100%; max-width: inherit; }
.top-styling .more-1 { margin-top: 28px; }

@media screen and (max-width: 768px) {
	.top-styling-lists--item { margin: 1px 1px 0 0; width: calc(50% - .5px); }
	.top-styling-lists--item:nth-of-type(2),
	.top-styling-lists--item:nth-of-type(3) { margin-top: 30px; }
	.top-styling-lists--item:nth-of-type(2n+1) { margin-right: 0; }
	.top-styling-lists--item:nth-of-type(1) { margin: 0 auto; width: 72%; }
	.top-styling-lists__info { text-align: center; }
}

@media screen and (min-width: 769px) {
	.top-styling-lists--item { margin: 2px 2px 0 0; width: calc(20% - 1.5px); }
	.top-styling-lists--item:nth-of-type(-n+4) { margin-top: 0; }
	.top-styling-lists--item:nth-of-type(3n+1) { margin-right: 0; }
	.top-styling-lists--item:nth-of-type(2),
	.top-styling-lists--item:nth-of-type(5) { margin-left: 40%; }
	.top-styling-lists--item:nth-of-type(1) { position: absolute; top: 0; left: 0; margin: 0; width: calc(40% - 2px); }
	.top-styling .more-1 { margin-top: 40px; }
}

/* newarrival
------------------------------------------------ */
.top-newarrival { position: relative; margin-top: 70px; }
.top-newarrival .title-1 { margin-bottom: 16px; }
.top-newarrival .more-1 { margin-top: 24px; }

.fs-body-top .top-newarrival .title-3 { margin-bottom: 16px; text-align: center; }
/*.fs-body-category .top-newarrival { margin-top: 0; }*/

@media screen and (max-width: 768px) {
	.top-newarrival .lists-1 { margin: 0; }
	.top-newarrival .lists-1-item { margin-right: 1px; width: calc(50% - .5px); }
}

@media screen and (min-width: 769px) {
	.top-newarrival { margin-top: 92px; }
	.top-newarrival .title-1 { margin-bottom: 12px; }
	.top-newarrival .more-1 { margin-top: 36px; }
	.top-newarrival .lists-1 { margin: 0 auto; padding: 0 20px; max-width: 1705px; }
	.top-newarrival .lists-1-item { margin-right: 2px; width: calc(25% - 1.5px); }

	.fs-body-top .top-newarrival .title-3 { margin-bottom: 12px; }
	.fs-body-category .top-newarrival .title-1 { text-align: left; }
}

/* ranking
------------------------------------------------ */
.top-ranking { position: relative; margin-top: 70px; }
.top-ranking .title-1 { margin-bottom: 16px; }

@media screen and (max-width: 768px) {
	.top-ranking .lists-1 { margin: 0 13px; }
	.top-ranking .lists-1-item { margin: 15px 3.72492836676% 0 0; width: 48.1375358166%; }
	.top-ranking .lists-1-item:nth-of-type(2),
	.top-ranking .lists-1-item:nth-of-type(3) { margin-top: 16px; }
	.top-ranking .lists-1-item:nth-of-type(2n+1) { margin-right: 0; }
	.top-ranking .lists-1-item:nth-of-type(1) { margin: 0 auto; width: 77.3638968481%; }
}

@media screen and (min-width: 769px) {
	.top-ranking { margin-top: 92px; }
	.top-ranking .title-1 { margin-bottom: 12px; }
	.top-ranking .lists-1-item { margin-right: 2px; width: calc(20% - 2px); }
}

/* pickup
------------------------------------------------ */
.top-pickup { position: relative; margin-top: 70px; }
.top-pickup .title-1 { margin-bottom: 16px; }
.top-pickup .more-1 { margin-top: 24px; }

.fs-body-top .top-pickup .title-3 { margin-bottom: 16px; text-align: center; }

@media screen and (max-width: 768px) {
	.top-pickup .lists-1 { margin: 0; }
	.top-pickup .lists-1-item { margin-right: 1px; width: calc(50% - .5px); }
}

@media screen and (min-width: 769px) {
	.top-pickup { margin-top: 92px; }
	.top-pickup .title-1 { margin-bottom: 12px; }
	.top-pickup .more-1 { margin-top: 36px; }
	.top-pickup .lists-1 { margin: 0 auto; padding: 0 20px; max-width: 1705px; }
	.top-pickup .lists-1-item { margin-right: 2px; width: calc(25% - 1.5px); }

	.fs-body-top .top-pickup .title-3 { margin-bottom: 12px; }
}

/* category
------------------------------------------------ */
.top-category { position: relative; margin-top: 70px; }
.top-cat-links { display: flex; flex-wrap: wrap; }
.top-cat-links--item { margin: 2.77777777778% 2.77777777778% 0 0; width: 48.6111111111%; text-align: center; font-family: 'Lato', sans-serif; font-size: 1.4rem; font-weight: 400; }
.top-cat-links--item:nth-of-type(-n+2) { margin-top: 0; }
.top-cat-links--item:nth-of-type(2n) { margin-right: 0; }
.top-cat-links--item > a { background:#000;display: block; position: relative; width: 100%; height: 0; text-decoration: none; overflow: hidden; color: #fff; }
.top-cat-links--item > a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.top-cat-links--name { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; z-index: 2; }
.top-cat-links--name:after { content: ''; display: block; margin: 4px auto 0; width: 18px; height: 7px; background: url(../../img/icon/arrow_down4.png) no-repeat center center; background-size: 100%; }
.top-cat-links--photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top-cat-links--photo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: inherit; object-fit: cover; }


@media screen and (max-width: 768px) {
	.top-cat-links { margin: 0 8px; }
	.top-cat-links--item > a { padding-bottom:32%; }
}

@media screen and (min-width: 769px) {
	.top-category { margin-top: 100px; }
	.top-cat-links--item > a { padding-bottom:26%; }
	.top-cat-links { margin: 0 auto; padding: 0 20px; max-width: 1460px; width:60%;}
	.top-cat-links--item { margin: 2.81690140845% 2.81690140845% 0 0; width: 48.5915492958%; font-size: 2.4rem; }
	.top-cat-links--name:after { margin-top: 10px; width: 22px; height: 9px; }
}

/* press
------------------------------------------------ */
.top-press { position: relative; margin-top: 70px; }
.top-press-lists {}
.top-press-lists--item { position: relative; }
.top-press-lists__info { position: relative; }
.top-press-lists__dateicon { display: flex; align-items: center; }
.top-press-lists--date { font-family: 'Lato', sans-serif; font-size: 1.2rem; font-weight: 400; }
.top-press-lists--icon { margin-left: 10px; }
.top-press-lists--title { margin-top: 8px; font-size: 1.4rem; font-weight: 400; }
.top-press-lists--excerpt { margin-top: 6px; font-size: 1.2rem; }
.top-press-lists__sub { margin-top: 10px; font-size: 1.2rem; }
.top-press-lists__sub dl { display: flex; }
.top-press-lists__sub dl > dt { white-space: nowrap; }
.top-press-lists__sub dl > dt:after { content: ':'; padding-right: .2em; }
.top-press-lists__sub dl > dd {}

@media screen and (max-width: 768px) {
	.top-press-lists { margin: 32px auto 0; width: calc(100vw - 90px); }
	.top-press-lists--item { margin-top: 30px; }
	.top-press-lists--item:first-child { margin-top: 0; }
	.top-press-lists--title > a { text-decoration: none; }
}

@media screen and (min-width: 769px) {
	.top-press { margin-top: 92px; }
	.top-press-lists { display: flex; flex-wrap: wrap; margin: 50px auto 0; padding: 0 20px; max-width: 1240px; }
	.top-press-lists--item { margin: 20px 20px 0 0; width: calc(25% - 15px); }
	.top-press-lists--item:nth-of-type(-n+4) { margin-top: 0; }
	.top-press-lists--item:nth-of-type(4n) { margin-right: 0; }
}

/* information
------------------------------------------------ */
.top-information { position: relative; padding: 36px 18px; border: solid #000 1px; }
.top-info-lists {}
.top-info-lists--item { margin-top: 30px; }
.top-info-lists--item:first-child { margin-top: 0; }
.top-info-lists__dateicon { display: flex; align-items: center; }
.top-info-lists--date { font-family: 'Lato', sans-serif; font-size: 1.2rem; font-weight: 400; }
.top-info-lists--icon { margin-left: 10px; }
.top-info-lists--title { margin-top: 6px; font-size: 1.2rem; font-weight: 400; }

@media screen and (max-width: 768px) {
	.top-information { margin: 70px 12px 0; }
	.top-info-lists { margin-top: 32px; }
	.top-info-lists--title { margin-top: 6px; }
}

@media screen and (min-width: 769px) {
	.top-information { margin: 100px auto 0; padding: 50px 140px 60px; max-width: 1200px; }
	.top-info-lists--item { display: flex; margin-top: 20px; }
	.top-info-lists__dateicon { width: 160px; }
	.top-info-lists--title { width: calc(100% - 160px); font-size: 1.4rem; }
}

@media screen and (max-width: 1240px) and (min-width: 769px) {
	.top-information { margin-right: 20px; margin-left: 20px; padding-right: 40px; padding-left: 40px; }
}

/* instagram
------------------------------------------------ */
.top-instagram { position: relative; margin-top: 64px; }
.top-instagram .title-3 { margin-bottom: 10px; }
.top-instagram-link { position: relative; }
.top-instagram-link > a { display: flex; justify-content: center; align-items: center; text-decoration: none; }
.top-instagram-link--logo { position: relative; width: 40px; height: 40px; border: solid #ddd 1px; border-radius: 50%; }
.top-instagram-link--logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 4px); }
.top-instagram-link--name { margin-left: 8px; font-family: 'Lato', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.2; }

@media screen and (max-width: 768px) {
	.top-instagram-link { margin-bottom: 16px; }
}

@media screen and (min-width: 769px) {
	.top-instagram { margin-top: 90px; }
	.top-instagram-link { position: absolute; top: 8px; right: 0; }
	.top-instagram-link--logo { width: 50px; height: 50px; }
	.top-instagram-link--logo img { width: calc(100% - 6px); }
	.top-instagram-link--name { margin-left: 14px; font-size: 1.4rem; }
}

/* logos
------------------------------------------------ */
.top-logos { position: relative; margin-top: 80px; }
.top-logos-lists { display: flex; flex-wrap: wrap; }
.top-logos-lists--item {}
.top-logos-lists--item > a { display: block; position: relative; padding-bottom: 46.875%; width: 100%; height: 0; border: solid #ccc 1px; overflow: hidden; }
.top-logos-lists--item > a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.top-logos-lists--mizuiroind > a img { width: 40%; }
.top-logos-lists--midiumi > a img { width: 36.25%; }
.top-logos-lists--midiumisolid > a img { width: 48.75%; }
.top-logos-lists--select > a img { width: 34.375%; }

@media screen and (max-width: 768px) {
	.top-logos-lists { display: flex; flex-wrap: wrap; margin: 0 20px; }
	.top-logos-lists--item { margin: 4.4776119403% 4.4776119403% 0 0; width: 47.7611940299%; }
	.top-logos-lists--item:nth-of-type(-n+2) { margin-top: 0; }
	.top-logos-lists--item:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (min-width: 769px) {
	.top-logos { margin-top: 100px; }
	.top-logos-lists { display: flex; flex-wrap: wrap; }
	.top-logos-lists--item { margin: 1.96078431373% 1.96078431373% 0 0; width: 23.5294117647%; }
	.top-logos-lists--item:nth-of-type(-n+4) { margin-top: 0; }
	.top-logos-lists--item:nth-of-type(4n) { margin-right: 0; }
}


@media screen and (max-width: 1240px) and (min-width: 769px) {
	#infomation-banner { margin-right: 20px; margin-left: 20px; padding-right: 40px; padding-left: 40px; }
}

@media screen and (max-width: 768px) {
	#infomation-banner { margin: 10px 12px 0; }
}
@media screen and (min-width: 769px) {
	#infomation-banner { margin: 10px auto 0; max-width: 1200px; }
}
@media screen and (max-width: 1240px) and (min-width: 769px) {
	#infomation-banner { margin-right: 20px; margin-left: 20px; padding-right: 40px; padding-left: 40px; }
}

#infomation-banner{
	display: flex;
	flex-wrap:wrap;
}

#infomation-banner li{
	width: calc(100%/2);
	padding:0 5px;
	box-sizing:border-box;
}

#infomation-banner li img{
	width:100%;
}