/* ===PCÈÇ ================================= */
@media screen and (min-width:751px) {	

	.bar_title {height: 40px;margin:0;border-bottom: 1px dashed #333333;font-size: 16px;box-sizing: border-box;}
	#bar_sort {margin:20px 0;}
	#bar_sort a{color:#333333;text-decoration:underline;}
	#bar_sort a:hover{text-decoration:none;}
	.bar_page_top {margin:10px 0 0;}
	.bar_page_top a{color:#333333;}
	.bar_page_bottom {margin:20px 0;}
	.bar_page_bottom a{color:#333333;}
		
	div#maincont div#sec002 div.inner div.right div.rec003{padding:40px 0 0 0;}
	div#maincont div#sec002 div.inner div.right div.rec003 h3{font-size: 30px;font-weight: 700;margin-bottom:30px;}	
	div#maincont div#sec002 div.inner div.right div.rec003 h3 span{padding-left: 30px;font-weight:normal;font-size: 16px; }
	
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt{margin-bottom: 50px;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li{width:270px;float: left;margin: 0 35px 35px 0;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li:nth-of-type(3n){margin-right: 0;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a{display: block;width: 100%;height:390px;color: #000000;background: #ffffff;position:relative;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a div.eyecatch{width: 100%;height: 180px;background: #cccccc;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a h3{font-size: 14px;line-height: 25px;padding: 20px 5% 0;margin-bottom: 10px;height: 120px;overflow: hidden;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info{padding: 0px 5% 0}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li{background: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img12.png")no-repeat left top;background-size:45px;margin-bottom: 0px; font-size: 13px;padding:0 0 0 52px;line-height: 1.5em;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li:nth-child(1){background-image: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img12.png")}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li:nth-child(2){background-image: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img13.png")}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li:nth-child(3){background-image: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img14.png")}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a img.new{display: block;width: 50px;position: absolute;right: 0;top: 0;}
	/*div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a img.new_mark_img1 {position: absolute;left: 10px;top: 188px;}*/

}


/* ===SPÈÇ ================================= */
@media screen and (min-width:0px) and (max-width:750px){

	.bar_title {height: 40px;margin:20px 0 0;border-bottom: 1px dashed #333333;font-size: 16px;box-sizing: border-box;}
	#bar_sort {margin:20px 0;font-size:14px;}
	#bar_sort a{color:#333333;text-decoration:underline;}
	#bar_sort a:hover{text-decoration:none;}
	.bar_page_top {margin:10px 0 0;font-size:14px;line-height:1.4;}
	.bar_page_top a{color:#333333;}
	.bar_page_bottom {margin:20px 0;font-size:14px;line-height:1.4;}
	.bar_page_bottom a{color:#333333;}
		
	div#maincont div#sec002 div.inner div.right div.rec002{padding:40px 0 5% 0;}
	div#maincont div#sec002 div.inner div.right div.rec002 h3{font-size: 30px;font-weight: 700;margin-bottom:30px;}
	div#maincont div#sec002 div.inner div.right div.rec002 dl{font-size: 15px;font-weight: normal;margin-bottom: 0.5em;border-bottom: 1px dotted #cccccc;padding-bottom:10px;}
	div#maincont div#sec002 div.inner div.right div.rec002 dl dt{width:100%;margin:5px 0;font-size: 12px;line-height: 1.6;}
	div#maincont div#sec002 div.inner div.right div.rec002 dl dd{width: 100%;margin-bottom: 5px;line-height: 1.6;font-size: 12px;}
	div#maincont div#sec002 div.inner div.right div.rec002 dl dd a{color:#888888;}
	
	div#maincont div#sec002 div.inner div.right div.rec003{padding:20px 0 0;}
	div#maincont div#sec002 div.inner div.right div.rec003 h3{font-size: 20px;font-weight: 700;margin-bottom:20px;}	
	div#maincont div#sec002 div.inner div.right div.rec003 h3 span{padding-left: 15px;font-weight:normal;font-size: 12px; }
	
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt{margin-bottom: 25px;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li{width:49%;float: left;margin: 0 2% 10px 0;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li:nth-of-type(2n){margin-right: 0;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a{display: block;width: 100%;height:400px;color: #000000;background: #ffffff;position:relative;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a div.eyecatch{display: none;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a img.prd{width: 100%;margin-bottom: 0px;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a h3{font-size: 13px;line-height: 25px;padding: 10px 5% 0;margin-bottom: 10px;max-height: 120px;overflow: hidden;line-height: 1.3em;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info{padding: 0px 5% 0;width: 100%;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li{background: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img12.png")no-repeat left top;background-size:35px auto;margin-bottom: 0px; font-size: 10px;padding:16px 0 5px 0;line-height: 1.5em;width: 100%;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li:nth-child(1){background-image: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img12.png")}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li:nth-child(2){background-image: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img13.png")}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a ul.info li:nth-child(3){background-image: url("https://cdco.co.jp/store-conceptdesign/common/img/cmn/img14.png")}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a img.new{display: block;width: 50px;position: absolute;right: 0;top: 0;}
	/*
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a img.new_mark_img1 {    position: absolute;    top: 30%;}
	div#maincont div#sec002 div.inner div.right div.rec003 ul.cnt li a h3 {    font-size: 13px;    padding: 17% 5% 0;    margin-bottom: 10px;    max-height: 120px;    overflow: hidden;    line-height: 1.3em;}
	*/
}