@charset "shift_jis";

/*_____________________________________________________________________________*/
#main_container{}
#main_container h2,
#main_container h3,
#main_container h4,
#main_container h5{
	font-weight:normal !important;
}
#main_container #staff_recommend_body,
#main_container #ranking_item_body{
	margin:0;
}
#main_container #staff_recommend_body a:hover{
	opacity:1.0 !important;
}

/* アイテム探す */
#main_container .search_body .item_search{
	border-top:1px solid #E5E5E5;border-left:1px solid #E5E5E5;
}

#main_container .title_body h3{
	display:block;
	text-align:left;
	font-size:22px;
	line-height:1.0;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",sans-serif;
	letter-spacing:0.00rem;
}
#main_container .title_body p{
	display:block;
	text-align:left;
	font-size:10px;
	line-height:1.0;
	font-family: "Brown-Regular";
}
#main_container .title_body p span{
	display:none;
	font-size:10px;
	line-height:1.0;
}

#main_container #staff_recommend_body .brand_acce_body{
	margin-bottom:68px;
}
#main_container #staff_recommend_body .brand_acce_body:last-child{
	margin-bottom:0px;
}
#main_container #staff_recommend_body .brand_acce_body h3{
	font-size:22px;
	line-height:1.0;
	font-family: "Brown-Regular";
	letter-spacing:0.00rem;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body{
	margin-bottom:0px;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body:last-child{
	margin-bottom:0px;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .for_last_child{
	clear:right;
	float:right;
	overflow:hidden;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .for_last_child .cred_content{
	display:block;
	width:100%;
	border-top:1px solid #E5E5E5;
	padding:4.6457607% 0;
	position:relative;
	overflow:hidden;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .for_last_child .cred_content:last-child{
	border-bottom:1px solid #E5E5E5;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit{
	width:calc(100% - (15px + 60px));
	float:left;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content span.cart_go{
	display:block;
	width:58px;
	height:58px;
	position:absolute;
	top:50%;
	margin-top:-30px;
	right:15px;
	border:1px solid #59534f;
	background-color:#59534f;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	-o-border-radius:16px;
	-ms-border-radius:16px;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content span.cart_go:before{
	content:"";
	display:block;
	width:22.5px;
	height:25px;
	position:absolute;
	top:9px;
	left:17px;
	background-size:100% auto;
	background:url('/special/black_formal/img/btn_img_white.svg') no-repeat top center;
}
#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content span.cart_go:after{
	content:"CHECK";
	display:block;
	width:60px;
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	bottom:7px;
	left:-1px;
	line-height:1.0;
	font-family: "Brown-Regular";
	font-size:9px;
	letter-spacing:0.02rem;
}

#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .sent_content{
	float:right;
	clear:right;
}

/* アイテム */
#main_container #ranking_item_body .newContLoopAtagLayout{
	float:left;
	margin-right:10px;
	position:relative;
}

/*_____________________________________________________________________________*/
@media screen and (min-width:768px){
	#main_container .main_image{
		padding-bottom:78px;
	}
	#main_container .search_body{
		padding-bottom:77px;
	}
	#main_container .search_body .item_search a.icon_link{
		display:block;
		height:69px;
		line-height:69px;
		width:33.3333333333333333333333333333333333333333333333%;
		float:left;
		border-bottom:1px solid #E5E5E5;
		border-right:1px solid #E5E5E5;
		padding-left:9.0%;
		font-size:16px;
		letter-spacing:0.00rem;
	}
	#main_container .search_body .item_search a.icon_link:nth-child(3n+1){
		clear:both;
	}
	#main_container .title_body{
		padding:0;
		padding-bottom:33px;
	}
	#main_container .title_body p{
		padding-top:14px;
		margin-left: -0px;
	}
	#main_container #staff_recommend_body .brand_acce_body h3{
		padding-bottom: 33px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .img_content{
		width:48.7027027%;
		float:left;
		margin-bottom:40px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body:last-child .img_content{
		margin-bottom:0px;
	}
	
	
	
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .for_last_child{
		width:46.5405405%;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .sent_content{
		width:46.5405405%;
		margin-top:25px;
		margin-bottom:calc(40px - 6px);
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body:last-child .sent_content{
		margin-bottom:-0px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit{
		width:calc(100% - (25px + 66px));
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon{
		line-height:1.0;
		margin-bottom:3px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span{
		padding-top:4px;
		font-size:10px;
		height:17px;
		line-height:1.0;
		display:inline-block;
		color:#000000;
		letter-spacing:0.00rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		padding-left:3px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span:first-child{
		margin-right:3px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span:last-child{
		color:#FFFFFF;
		background-color:#dc8902;
		padding:0 11px;
		padding-top:4px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		text-decoration:none !important;
		letter-spacing:0.00rem;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span.hide:last-child{
		display:none;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .item_name{
		margin-bottom:9px;
		font-size:14px;
		padding-left:10px;
		letter-spacing:0.00rem;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .price_txt{
		margin-bottom:0px;
		font-size: 12px;
		padding-left:9px;
		line-height:1.0;
		letter-spacing:0.01rem;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content span.cart_go{
		width:64px;
		height:64px;
		margin-top:-33px;
		right:10px;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		-o-border-radius:20px;
		-ms-border-radius:20px;
		
		/* マウスアウト時、背景色をアニメーション */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content span.cart_go:before{
		width:25px;
		height:30px;
		left:18px;
		top:11px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content span.cart_go:after{
		width:66px;
		font-size:10px;
		bottom:9px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content *{
		text-decoration:none;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content:hover *{
		text-decoration:underline;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content:hover span.cart_go{
		border:1px solid #59534f;
		background-color:#FFFFFF;
		/* マウスアウト時、背景色をアニメーション */
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content:hover span.cart_go:before{
		content:"";
		background:url('/special/black_formal/img/btn_img_black.svg') no-repeat top center;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content:hover span.cart_go:after{
		color:#59534f;
	}
	/* アイテム */
	#main_container #ranking_item_body{
		padding-top:77px;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout{
		width:calc((99.99999% - (2.1621621% * 4)) / 5);
		margin-right:2.1621621%;
		margin-top:0px;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout:nth-child(5n){
		margin-right:0px;
		float:right;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout:nth-child(5n+1){
		clear:both;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout:nth-child(6){
		display:none;
	}
}

/*_____________________________________________________________________________*/
@media screen and (max-width:767px){
	#main_container .main_image{
		padding-bottom:30px;
		margin-left:-20px;
		margin-right:-20px;
	}
	#main_container .search_body{
		padding-bottom:0px;
	}
	
	/* ブランド探す */
	#main_container .search_body .brand_search{
		border-top:1px solid #E5E5E5;border-left:1px solid #E5E5E5;
	}
	#main_container .search_body .brand_search a.icon_link{
		display:block;
		height:73px;
		line-height:73px;
		width:50%;
		float:left;
		border-bottom:1px solid #E5E5E5;
		border-right:1px solid #E5E5E5;
		text-indent:-9999px;
	}

	/* アイテム探す */
	#main_container .search_body .item_search a.icon_link{
		display:block;
		height:48px;
		line-height:48px;
		width:50%;
		float:left;
		border-bottom:1px solid #E5E5E5;
		border-right:1px solid #E5E5E5;
		padding-left:18%;
	}
	#main_container .search_body .item_search a.icon_link:nth-child(2n+1){
		clear:both;
	}
	
	#main_container .title_body{
		padding-top:38px;
		padding-bottom:28px;
	}
	#main_container .title_body h3{
		text-align:center;
		font-size:20px;
		letter-spacing:0.00rem;
	}
	#main_container .title_body p{
		text-align:center;
		padding-top:15px;
	}
	#main_container .title_body p span{
		display:inline;
	}
	
	#main_container #staff_recommend_body .brand_acce_body{
		margin-bottom:34px;
		border-bottom:1px solid #000000;
	}
	#main_container #staff_recommend_body .brand_acce_body:last-child{
		border-bottom:1px solid #E5E5E5;
	}
	#main_container #staff_recommend_body .brand_acce_body h3{
		font-size:30px;
		text-align:center;
		padding-top:6px;
		padding-bottom:36px;
		letter-spacing:0.00rem;
	}
	
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .img_content{
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .for_last_child{
		width:100%;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .for_last_child .cred_content{
		width:100%;
		padding:20px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon{
		line-height:1.0;
		margin-bottom:4px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span{
		font-size:9px;
		line-height:14px;
		display:inline-block;
		color:#000000;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span:first-child{
		margin-right:5px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span:last-child{
		color:#FFFFFF;
		background-color:#dc8902;
		padding:0 5px;
		border-radius:3.5px;
		-moz-border-radius:3.5px;
		-webkit-border-radius:3.5px;
		-o-border-radius:3.5px;
		-ms-border-radius:3.5px;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .br_nm_icon span.hide:last-child{
		display:none;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .item_name{
		font-size:12px;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",sans-serif;
		margin-bottom:9px;
		letter-spacing:0.02rem;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .cred_content .credit .price_txt{
		font-size:11px;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",sans-serif;
		line-height:1.0;
		letter-spacing:0.02rem;
	}
	#main_container #staff_recommend_body .brand_acce_body .img_cred_sent_body .sent_content{
		margin-top:20px;
		width:100%;
		padding-bottom:33px;
	}
	
	/* アイテム */
	#main_container #ranking_item_body .newContLoopAtagLayout{
		width:calc((100% - (20px)) / 2);
		margin-right:20px;
		margin-top:17px;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout:nth-child(-n+2){
		margin-top:0px;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout:nth-child(2n){
		margin-right:0px;
		float:right;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout:nth-child(2n+1){
		clear:both;
	}
	#main_container #ranking_item_body .newContLoopAtagLayout:nth-child(6){
		display:block;
	}
}