@charset "UTF-8";

/* 2019/05/30 おすすめ追加＆スマホ対応 */


/* ■■■ osusume追加 ■■■ */
.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.slick-list,.slick-slider{display:block;position:relative}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{display:block;position:relative;top:0;left:0;margin: 10px 0 0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl']
.slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:solid 1px transparent}
.slick-dots li {
	margin: 3px 10px 10px;
	display: inline-block;
}

.slick-dots button {
	height: 12px;
	width: 12px;
	width: 20px;
	/* border-radius: 13px; */
	line-height: 1;
	padding: 0;
	border: none;
	cursor: pointer;
	vertical-align: middle;
	box-shadow: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: solid 2px #303030;
	border: solid 1px #767676;
	/* border: solid 2px #c7d4ff; */
	background-color: transparent;
	outline: none;
}
.slick-dots .slick-active button {
	background-color: #FCAA00;
	background-color: #767676;
	/* background-color: #c7d4ff; */
	border: none;
}

.slick-prev,
.slick-next{
	display:block;
	position:absolute;
	top: 28px;
	padding:0;
	width:30px;
	height:141px;
	text-indent:0px;
	background-color: #8b8b8b;
	z-index: 1;
	color: transparent;
	border-width:0px;
	background-color: #fff;
	opacity:0.5;
}

.slick-prev{
	left: -2px;
	left: 18px;
}
.slick-next{
	right: -2px;
	right: 18px;
}

.slick-prev::before,
.slick-next::before {
	position: relative;
	content: "\f053";
	font-family: FontAwesome;
	/* padding: 20px 0 0 7px; */
	/* padding-left: 35%; */
	opacity: 1;
	color: #fff;
	color: #000;
}

.slick-next::before {
	content: "\f054";
}

ul.slick-dots{
	text-align: center;
}

.slick-list{
	text-align: center;
}

#top-list > ul.osusume {
	display: block;
}

#osusume_more ,
#top-list > ul.osusumesp {
	display: none;
}

#top-list > ul.osusume {
	/* background: #e4e4e4; */
	padding: 18px 18px 0;
	margin-right: auto;
	margin-left: auto;
	width:auto;
	/* background: #2d459a; */
	/* background: #2d459a; */
}

/* スマホ並べ用 */
#top-list > ul.osusumesp li a img {
	padding-bottom: 0;
	border: 0px solid red;

	/* width: 200px; */
	/* width: 47%; */
	/* height: 138px; */
	/* height: 73%; */
}

#top-list > ul {
	/* テスト用 */
	/* background: #dad7d7; */
}
#top-list > ul.osusume li a img {
	padding-bottom: 0;
	border: 0px solid red;
	width: 376px;
	width: 388px;
	height: 138px;
	height: 141px;
}
#top-list > a.link-to-all {
	font-size: 1.7rem;
	top: -38px;
	right: 5px;
}
#top-list > ul.osusumesp {
	/* box-sizing: border-box; */
	margin: 0;
	padding-top: 10px;
	padding-bottom: 0;
	height: 180px;
	height: auto;
	transition: height 0.3s ease-in-out;
}
#top-list > ul.osusumesp > li {
	background: #f1f1f1;
	/* width: 48.8%; */
	/* margin-bottom: 5px; */
	clear: both;
	height: 166px;
}
#top-list > ul.osusumesp > li  a  img {
	height: auto;
	width: 50%;
	width: 100%;
}
#top-list hr {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #808080;
	border: 0;
}

#top-list > h2.osusumetitle ,
#top-list hr.spblock {
	display: none;
}


@media only screen and (max-width: 767px) {

	#content {
		padding-top: 0;
	}

	#top-list > ul.osusume {
		display: none;
	}

	#osusume_more ,
	#top-list > ul.osusumesp {
		display: block;
	}

	.slick-slider {
		/* box-sizing: content-box; */
	}
	#osusume_more {
		border: 0px solid #dbdbdb;
		background: #f1f1f1;
		margin-top: -5px;
		text-align: right;
		padding: 10px 0px;
		cursor: pointer;
		width: 100%;
		height: 50px;
		box-sizing: border-box;
		/* border: 1px solid #b22836; */
		/* border-top: none; */
	}
	#osusume_more:hover {
		cursor: pointer;
	}
	#osusume_more > div {
		border-bottom: 0px solid #bfbfbf;
		/* background: #2d459a; */
		padding: 5px 20px 5px 30px;
		width: auto;
		float: right;
		/* color: #fff; */
		font-weight: bold;
		font-size: 2rem;
	}


	#top-list > h2.osusumetitle ,
	#top-list hr.spblock {
		display: block;
	}

	/* グローバルメニュー下部分。現在indexページのみに表示 */
	#top-list {
		/* margin-top: 0px; */
	}
	#top-list > ul.osusume {
		padding: 18px 18px;
	}
	#top-list > ul.osusume li a img {
		width: 100%;
		height: auto;
	}
	#top-list > h2 {
		margin-left: 5px;
		margin-bottom: 5px;
	}
	#top-list > h2.osusumetitle {
		background: url("../img/category06.png") no-repeat 0/70%;
	}
	#top-list > h2.business {
		background: url("../img/category01.png") no-repeat 0/70%;
		margin-top: 25px;
	}
	#top-list > h2.casual {
		background: url("../img/category02.png") no-repeat 0/70%;
	}
	#top-list > h2.sneaker {
		background: url("../img/category03.png") no-repeat 0/70%;
	}
	#top-list > h2.sport {
		background: url("../img/category04.png") no-repeat 0/70%;
	}
	#top-list > h2.others {
		background: url("../img/category05.png") no-repeat 0/70%;
	}
	.slick-prev,
	.slick-next {
		top: 28px;
		width: 4.5%;
		height: 61.5%;
		background-color: #fff;
		opacity:0.5;
	}
	.slick-prev{
		left:18px;
	}
	.slick-next{
		right:18px;
	}
	.slick-prev::before,
	.slick-next::before {
		color: #000;
	}

}