﻿@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : recommend.css
////////////////////////////////////////////////////////////*/


/*----------------------------------------------------------------------------------------
	.dv_recommend
---------------------------------------------------------------------------------------- */
.dv_recommend{
	letter-spacing: -.4em;
	margin-right: -10px;
	text-align: left;
}
.dv_rc_header{
	letter-spacing: normal;
}
.dv_rc_titler{
	letter-spacing: normal;
}




/*	2019/01/15	*/
.dv_rc_items{
	width: calc(25% - 10px);;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-bottom: 30px;
	letter-spacing: normal;
}
.dv_rc_items {
	width: 226px;
	margin-right: 32px;
}
.dv_rc_items:nth-child(6n) {
	margin-right: 0;
}


.dv_rc_name{
	/*height: 4.5em;*/
	/* height: 3em; */
	position: relative;
	padding-top: 20px;
	line-height: 1.5em;
	font-size: 14px;
	font-family: "Gothic Medium BBB",Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
a .dv_rc_name{
	color: #666;
}
.dv_recommend a:hover{
	text-decoration: none;
}
.dv_rc_name p,
.others .contentBody .dv_rc_name p{
	width: 55px;
	height: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top:0;
	box-sizing: border-box;
}
.dv_rc_name p:nth-child(2){
	/*right: 0;*/
	left: 57px;
}
.dv_rc_name p.NEW{
	background: #ffffff;
	font-size: 10px;
	border: 1px solid #ee2200;
	color: #ee2200;
}
.dv_rc_name p.SALE{
	background: #ee2200;
	font-size: 10px;
}
.dv_rc_description{
	display: none;
}
.dv_rc_items img{
	max-width: 100%;
}
.dv_rc_price{
	font-size: 12px;
}
.dv_rc_footer{
	letter-spacing: normal;
}
#recommender_block{
	margin: 20px auto;
	max-width: 950px;
}
/*	2019/01/15	*/
#recommender_block {
	max-width: 1000px;
}

.recommender_title{
	font-size: 18px;
	color: #b8ab7b;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: left;
}
#recommender_block a.more{
	text-align: right;
	display: block !important;
	font-size: 14px;
	margin: 0 0 0 auto;
	width: 12em;
}
/*----------------------------------------------------------------------------------------
	.series_list
---------------------------------------------------------------------------------------- */
.series_list{
	letter-spacing: -.4em;
	margin-top: 30px;
	margin-right: -2%;
	margin-bottom: 10px;
}
.series_title{
	letter-spacing: normal;
	font-size: 13px;
	color: #b8ab7b;
	font-weight: bold;
}
.seires_container{
	width: 23%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom: 10px;
	letter-spacing: normal;
}
.series_txt{
	position: relative;
}
.series_status{
	letter-spacing: -.4em;
	height: 5em;
    display: none;
}
.series_status p{
	width: 48%;
	height: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	letter-spacing: normal;
	display: inline-block;
}
.series_status p:nth-child(2){
	margin-left: 4%;
}
.series_status p.NEW{
	background: #47c164;
}
.series_status p.SALE{
	background: #e95555;
}
.series_product_name{
	letter-spacing: normal;
/*	position: absolute;
	top:20px;*/
}
a .series_product_name{
	color: #666;
}
.series_list a:hover{
	text-decoration: none;
}
.series_product_price{
    display: none;
}
@media screen and (max-width: 767px) {
.contentInner{
	width: 100%;
}
/*
#recommender_block{
	width: calc(100vw - 20px);
	margin: 25px auto;
}
*/
.dv_recommend{
	width: calc(100% + 10px);
    margin: 0;
}
.recommender_title{
	font-size:14px;
}
.dv_rc_items{
	width: calc(50% - 20px);
}
.dv_rc_name{
	font-weight: bold;
}
.dv_rc_price{
}
.series_list {
    margin: 40px 0 0 10px;
    width: calc(100% - 10px);
}
.seires_container{
	width: calc(50% - 10px);
	margin-right: 10px;
}
.series_title{
	font-size:14px;
}
.series_product_name{
	font-size:12px;
}
}

@media (max-width: 415px) {

#recommender_block{
    padding-left: 5.3%;
    padding-right: 5.3%;
}
#recommender_pc812 {
}

.dv_rc_items {
	width: 47.2%;
	margin-right: 10px;
}
.dv_rc_items:nth-child(2n) {
	margin-right: 0;
}




}