/* ã‚«ãƒ†ã‚´ãƒªæ¤œç´¢ */
.search-guide
{
	width: 95%;
	max-width: 1200px;
	margin: auto;
	margin-top   :  86px;
	margin-bottom: 20px;
}

.search-guide .search-nav
{
	position: relative;
	text-align: right;
}

.search-guide .search-nav > li
{
	display: inline-block;
	width: 12%;
	height: 50px;
	line-height: 50px;
	text-align: left;
}

.search-guide .search-nav > li a
{
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
}

.search-guide .search-nav > li a#all-products:hover
{
	opacity: 0.6;
}

.search-guide .search-nav ul.menu__second-level
{
	display: none;
	z-index: 1;
}

.search-guide .search-nav > li:hover
{
	-webkit-transition: all .5s;
	transition: all .5s;
}

.search-guide .search-nav .menu__second-level li a
{
	padding-left: 10px;
	
	color: #fff;
	font-size: large;
}

/* - ä¸‹çŸ¢å° */
.init-bottom:after
{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 3px 10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(45deg);
}

/* ã‚µãƒ¼ãƒã‚¬ã‚¤ãƒ‰ */
.search-guide .search-nav li.menu__mega ul.menu__second-level
{
	position: absolute;
	top : 40px;
	left: 0;
	
	flex-wrap: wrap;
	
	width: 100%;
	padding: 20px 2%;
	background: #C0A040;
	filter: drop-shadow( 0px 5px 4px #ffffff );
	
	z-index: 9999;
}

.search-guide .search-nav li.menu__mega:hover ul.menu__second-level
{
	top: 50px;
	display: flex;
}

.search-guide .search-nav li.menu__mega ul.menu__second-level > li
{
	width: 32%;
	border: none;
}

.search-guide .search-nav li.menu__mega ul.menu__second-level > li:nth-child(3n+2)
{
	margin: 0 1%;
}

.search-guide .search-nav .menu__second-level li a:hover
{
	background: #A88834;
}

.search-guide .search-nav .menu__fourth-level li a:hover
{
	background: #1d0f0f;
}

/* Slider */
.slider-guide .slider-list
{
	position: relative;
}

.slider-guide .contentArea
{
	position: absolute;
	bottom: 0;
	
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	
	color: #ffffff;
}

.slider-guide .contentArea p
{
	line-height: 1.5em;
}

.slider-guide .contentArea span
{
	position: absolute;
	right : 15px;
	bottom: 15px;
	
	display: block;
	color: #ffffff;
	text-align: right;
	font-size: 12px;
}

.slider-list a
{
	outline: none;
}

.slider-list a:hover > *
{
	opacity: 1.0;
}

.slider-guide .contentArea span:hover
{
	opacity: 0.6;
}

.slick-prev:before, .slick-next:before
{
	color: rgba( 0, 0, 0, 0.5 ) !important;
}

/* News & Topics */
.news-grid a:hover dl
{
	opacity: 1.0;
}

.news-grid a:hover dt
{
	opacity: 0.6;
}

.news-grid a:hover dd
{
	color: #957d1d;
}

.news-guide .news-grid dt
{
	color: #9d9d9d;
}

#news-empty
{
	padding-left: 5px;
	font-size: 17px;
}

/* ãŠã™ã™ã‚å•†å“ */
article
{
	margin-left : 5px;
	margin-right: 5px;
}

.recom-guide .h2_ttl
{
	border-bottom: 2px solid #d5d5d5;
}

.recom-guide .post-list__item .post-date dd
{
	color: #4e4d4d;
}

/* äººæ°—å•†å“ */
.popular-guide .h2_ttl
{
	border-bottom: 2px solid #d5d5d5;
}

.popular-guide .post-list__item .post-date dd
{
	color: #4e4d4d;
}

/* å•†å“ã‚«ãƒ†ã‚´ãƒª */
.category-guide .h2_ttl
{
	border-bottom: 2px solid #d5d5d5;
}

.category-guide .category-list
{
	display: flex;
	flex-wrap: wrap;
	
	align-items: stretch;
	justify-content: flex-start;
}

.category-guide .category-list dl
{
	display: flex;
	flex-direction: column-reverse;
}

.category-guide .category-list dt
{
	font-weight: bold;
	color: #000000;
}

/* ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œ */
@media only screen and (max-width:767px)
{
	.search-guide
	{
		display: none;
	}
	
	.slider-guide .contentArea
	{
		height: 15vw;
		padding-left : 2%;
		padding-right: 2%;
		font-size: 3.6vw;
	}
	
	.slider-guide .contentArea p
	{
		margin-top: 2vw;
	}
	
	.slider-guide .contentArea span
	{
		display: none;
	}
	
	.news-guide
	{
		margin-top: 8%;
	}
	
	.news-guide .h2_ttl
	{
		font-size: 3.6vw;
		margin-bottom: 3%;
	}
	
	.news-guide .news-grid dt
	{
		font-size: 3.26vw;
	}
	
	.news-guide .news-grid dd
	{
		font-size: 3.6vw;
	}
	
	.news-grid a
	{
		display: block;
	}
	
	.news-grid dl
	{
		margin-bottom: 10px;
	}
	
	#news-empty
	{
		font-size: 3.6vw;
	}
	
	.recom-guide .h2_ttl,
	.popular-guide .h2_ttl,
	.category-guide .h2_ttl
	{
		font-size: 4vw;
		padding-bottom: 1%;
		margin-bottom: 3%;
	}
	
	.recom-guide .pc-list,
	.popular-guide .pc-list
	{
		display: none;
	}
	
	.recom-guide .post-list,
	.popular-guide .post-list
	{
		width: 100%;
	}
	
	.recom-guide .post-list__item .post-img,
	.popular-guide .post-list__item .post-img
	{
		margin-bottom: 10px;
	}
	
	.post-date dt
	{
		margin-bottom: 5px;
	}
	
	.category-guide .category-list li
	{
		width: 49%;
		margin: 0 2% 3% 0;
	}
	
	.category-guide .category-list li:nth-child(2n)
	{
		margin: 0 0 2% 0;
	}
	
	.category-guide .category-list li dt
	{
		font-size: 3.6vw;
	}
	
	.category-guide .category-list li dd
	{
		margin-bottom: 1%;
	}
	.category-guide .category-list li dd img
	{
		width: 100%;
	}
}

@media only screen and (min-width:768px)
{
	.news-guide .h2_ttl
	{
		font-size: 12px;
	}
	
	.news-guide .news-grid dl
	{
		display: flex;
		margin-bottom: 15px;
	}
	
	.news-guide .news-grid a:last-child dl
	{
		margin-bottom: 0px;
	}
	
	.news-guide .news-grid dt,
	.news-guide .news-grid dd
	{
		display: table-cell;
		vertical-align: middle;
	}
	
	.news-guide .news-grid dt
	{
		font-size: 12px;
	}
	
	.news-guide .news-grid dd
	{
		font-size: 14px;
	}
	
	.recom-guide .h2_ttl,
	.popular-guide .h2_ttl,
	.category-guide .h2_ttl
	{
		padding-bottom: 5px;
	}
	
	.recom-guide .sp-list,
	.popular-guide .sp-list
	{
		display: none;
	}
	
	.recom-guide .post-list__item,
	.popular-guide .post-list__item
	{
		width: 32%;
		margin: 0 2% 20px 0;
	}
	
	.recom-guide .post-list__item:nth-child(3n),
	.popular-guide .post-list__item:nth-child(3n)
	{
		margin: 0 0 20px 0;
	}
	
	.category-guide .category-list li
	{
		width: 23.5%;
		margin: 0 2% 20px 0;
	}
	
	.category-guide .category-list li:nth-child(4n)
	{
		margin: 0 0 20px 0;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px)
{
	.search-guide
	{
		display: none;
	}
	
	.slider-guide .contentArea
	{
		padding: 15px;
		font-size: 18px;
	}
	
	.news-guide .h2_ttl
	{
		margin-bottom: 15px;
	}
	
	.news-guide .news-grid a
	{
		margin-bottom: 5px;
	}
	
	.news-guide .news-grid dt
	{
		padding-right: 10px;
	}
	
	.recom-guide .h2_ttl,
	.popular-guide .h2_ttl,
	.category-guide .h2_ttl
	{
		font-size: 18px;
		margin-bottom: 15px;
	}
	
	.recom-guide .post-list__item .post-img,
	.popular-guide .post-list__item .post-img
	{
		margin-bottom: 10px;
	}
	
	.recom-guide .post-list__item .post-name,
	.popular-guide .post-list__item .post-name
	{
		margin-bottom: 5px;
		font-size: 16px;
	}
	
	.recom-guide .post-list__item .post-date dd,
	.popular-guide .post-list__item .post-date dd
	{
		font-size: 14px;
	}
	
	.category-guide .category-list li dt
	{
		font-size: 14px;
	}
	
	.category-guide .category-list li dd
	{
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 1025px)
{
	.slider-guide .contentArea
	{
		height: 105px;
		padding: 15px;
		font-size: 20px;
	}
	
	.news-guide .h2_ttl
	{
		margin-bottom: 20px;
	}
	
	.news-guide .news-grid a
	{
		display: block;
	}
	
	.news-guide .news-grid dt
	{
		display: flex;
		align-items: center;
		
		padding-left: 10px;
		width: 90px;
	}
	
	.news-guide .news-grid dd
	{
		font-size: 17px;
	}
	
	.recom-guide .h2_ttl,
	.popular-guide .h2_ttl,
	.category-guide .h2_ttl
	{
		font-size: 19px;
		margin-bottom: 20px;
	}
	
	.recom-guide .post-list__item .post-img,
	.popular-guide .post-list__item .post-img
	{
		margin-bottom: 10px;
	}
	
	.recom-guide .post-list__item .post-name,
	.popular-guide .post-list__item .post-name
	{
		margin-bottom: 5px;
		font-size: 19px;
	}
	
	.recom-guide .post-list__item .post-date dd,
	.popular-guide .post-list__item .post-date dd
	{
		font-size: 16px;
	}
	
	.category-guide .category-list li dd
	{
		margin-bottom: 5px;
	}
	
	.category-guide .category-list li dd img
	{
		width: 100%;
	}
	
	.category-guide .category-list li dt
	{
		font-size: 16px;
	}
}

@media screen and (min-width: 1240px)
{
	.recom-guide .post-list__item .post-name,
	.popular-guide .post-list__item .post-name
	{
		font-size: 19px;
	}
	
	.recom-guide .post-list__item .post-date dd,
	.popular-guide .post-list__item .post-date dd
	{
		margin-bottom: 15px;
		padding-left :  5px;
		font-size: 16px;
	}
	
	.category-guide .category-list li dt
	{
		font-size: 17px;
	}
}
