@charset "shift_jis";
/* CSS Document */


#cool{ margin:auto; width:750px;}
#cool a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}					
#cool ul{ list-style:none}
#cool ul li{ float:left}
#cool dt,#cool dd{ float:left}
#cool p{ text-align:center}
#cool .list1{ margin:0; background:url(../IMAGE/1405coolfeel/1705/n_bk.jpg) no-repeat;
height:335px;}
#cool .list1 li{ width:352px; padding: 0 4px 13px 13px;}
#cool .t12{ padding:27px 0 20px ;}
#cool .t35{ padding-top:35px}
#cool .box1{ padding:0 15px 10px 15px;background:url(../IMAGE/1405coolfeel/1504/bk.gif) repeat-y}
#cool .bt15{ padding-bottom:15px;}
#cool .t_16{ padding-top:16px}
#cool .t_6{ padding-bottom:6px}
#cool .box1_1{ background:#FFF; padding:5px 0 0 0;}
#cool .box1_1 .bk1{ overflow:hidden; margin:0; }
#cool .box1_1 li.line0{ width:176px; margin-bottom:9px; background:url(../IMAGE/1405coolfeel/1504/dn.gif) right no-repeat}
#cool .box1_1 li.line1{ width:367px; height:513px; margin-bottom:19px; background:url(../IMAGE/1405coolfeel/1705/t1_p_bk.jpg) no-repeat; }
#cool .box1_1 .li_r { float:right;}

/*#cool .box1_1 li.line1{ width:176px; margin-bottom:9px; background:url(../IMAGE/1405coolfeel/1504/dn.gif) right repeat-y}*/

#cool .box1_1 li.line2{ width:170px;}
#cool .box1_1 dt{ width:344px;}
#cool .box1_1 dl{ width:344px; text-align:center; padding:10px;}
#cool .box1_1 dd{ width:125px; text-align:right}

#cool .box1_1 dd.ka{ width:210px; text-align:center;position: relative;
bottom: 21px; padding:0; margin:0;}

/*#cool .box1_1 dd.moji1{ 
padding-left:33px;
font-size:13px;
width:137px;
float:left;
text-align:
left;
background:url(../IMAGE/1405coolfeel/1504/dian.gif) 11px 0px no-repeat;}*/




#cool .box1_1 dd.s_size ,#cool .box1_1 dd.sd_size , #cool .box1_1 dd.d_size { 
height:84px;width:344px; padding:0; margin-bottom: -15px;}

#cool .box1_1 dd.s_size { 
background:url(../IMAGE/1405coolfeel/1705/t1_s.jpg) no-repeat;}

#cool .box1_1 dd.sd_size{ 
background:url(../IMAGE/1405coolfeel/1705/t1_sd.jpg) no-repeat;}

#cool .box1_1 dd.d_size{ 
background:url(../IMAGE/1405coolfeel/1705/t1_d.jpg) no-repeat;}


#cool .box1_1 dd span {
font-size: 15px;
float: right;
text-align: right;
padding: 15px 10px 0 0;

	 }


/*#cool .box1_1 dd.moji2{ 
padding-left:33px;
padding-top:3px;
font-size:10px;
width:137px;
float:left;
text-align:
left;
}*/

#cool dd.t5{ padding:5px 0 14px 0;}
#cool dd.t1_p{ padding:0; float:right;position: relative;bottom: 20px;right: 10px;}
#cool dd.t2{position: relative;top: -40px;float: right;}
#cool div.t1{position: relative;top: -19px;float: right;}
#cool .t_cen{ padding:20px 0; text-align:center}
#cool .t_rt{ padding:12px 0 20px 0; text-align:right}
#cool .box2{padding-bottom:21px; background:url(../IMAGE/1405coolfeel/1504/bk2.jpg) bottom no-repeat}
#cool .box2bk2{background:#FFF}
#cool .list2,#cool .list3{overflow:hidden; padding:17px 0 0 2px; background:#FFF}
#cool .list3{ padding-top:10px;}
#cool .list2bk2{ padding-bottom:30px; background:url(../IMAGE/1405coolfeel/1504/t2_p17.jpg) bottom right no-repeat}
#cool .list2 li,#cool .list3 li{ width:239px}
#cool .list2 li dl,#cool .list3 li dl{ width:232px; overflow:hidden; padding-left:7px; }
#cool .list2 li dl.bkdn,#cool .list3 li dl.bkdn{background:url(../IMAGE/1405coolfeel/1504/dn.gif) right repeat-y}
#cool .list2 li dl.bkdn1_2,#cool .list3 li dl.bkdn1_2{
	background: url(../IMAGE/1405coolfeel/1504/dn.gif) right repeat-y;
	height: 189.2px;
}
#cool .list2 li dl dt,#cool .list3 li dl dt{ width:222px; padding-bottom:15px; text-align:center}
#cool .list3 li dl dt{ width:222px; padding-bottom:5px; text-align:center}
#cool .list2 li dl dd,#cool .list3 li dl dd{ width:222px; text-align:center}
#cool .list2 li dl dd.moji2{ padding-left:39px;font-size:13px; width:183px; float:left; text-align:left; background:url(../IMAGE/1405coolfeel/1504/dian.gif) 11px 0px no-repeat;}

#cool .bkfff{ background:#FFF}
#cool .list4{ overflow:hidden}
#cool .list4 .rt20{ margin-right:20px}
#cool .list4 li{width:47%; padding:0 0 20px 41px;}
/*#cool .list4 li{width:350px; padding-bottom:23px; background:url(../IMAGE/1405coolfeel/1504/t2_bk.jpg) bottom no-repeat}*/

#cool .list4 li dl{ background:#FFF; width:350px; overflow:hidden;}
#cool .list4 li dl dd{ float:left; padding-top:6px;}
#cool .list4 li dl dd.syo{ float:left; padding-top:6px;position:relative;bottom: 54px;}

#cool .list4 li dl .moji3{ width:86px;padding-left:26px; padding-top:12px;font-size:13px;background:url(../IMAGE/1405coolfeel/1504/dian.gif) 11px 12px no-repeat; position:relative;bottom: 54px;}
#cool .list4 li dl .moji3b{ width:86px;padding-left:26px; padding-top:0px;font-size:13px;background:url(../IMAGE/1405coolfeel/1504/dian.gif) 11px 12px no-repeat;}

#cool .list4 li dl .moji4{ width:112px; position:relative;bottom: 54px;}
#cool .list4 li dl .moji4b{ margin-left:116px;}

#cool .list5{ background:#FFF; overflow:hidden}
#cool .list5 dt{padding-top:10px; width:720px; text-align:center; float:left}
#cool .list5 dd{ padding-top:17px;}
#cool .list5 dd.moji5{width:264px;  margin-left:74px; padding-bottom:10px}
#cool .list5 dd.lt{ padding-top:16px; width:198px; text-align:center}

#cool .box{position:relative;}

#cool .pimg{
	position:absolute;
	top:89px;
	right:0px;
}

#cool .ul_4 {
	background:#FFF;
	padding:0 6px 8px 6px;
	overflow:hidden;
}

#cool .ul_4 li {
	width:177px;
}
#cool .ul_4 dl {
	margin:0 4px;
	width:167px;
	border:solid 1px #9C7647;
	overflow:hidden;
}
#cool .ul_4 dt{ padding-bottom:5px}
#cool .ul_4 dd {
	text-align:center;
	padding-bottom:8px;
	width:167px;
}
#cool .ul_4 .dd_ka {
	width:117px;
	text-align:right;
}
#cool .ul_4 .dd_bn {
	width:50px;
	text-align:left
}
#cool .height_fit1{
	height:530px;
}

#cool .height_fit2{
	height:439px;
}

#cool .height_fit3{
	height:480px;
}
#cool .height_fit4{
	height:360px;
}
#cool .height_fit5{
}

/*価格プログラム*/
#cool .buy_price, #cool .buy_price li {
	float:none;
	line-height:80%;
	width:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
}
#cool div.buy_price {
	padding-top:5px;
}
#cool li.motoprice {
	display:none;
}

#cool li.price {
	display:inline;
	color:#ff0000;
	font-size:22px;
	font-weight:bold;
}


#cool .prices2 {
	display:inline;
	color:#ff0000;
	font-weight:bold;
	position: relative;
	left:70px;
	overflow:hidden;
    
	
}




#cool .intax {
	display:inline;
	font-size:10px;
	color:#ff0000;
}
#cool span.spesicalprice {
	/*display:inline;*/
	display:none;
	font-size:13px;
	color:#00F;
}
#cool .box1_1 li.line1 span.spesicalprice,#cool .box1_1 li.line2 span.spesicalprice,#cool .list2 span.spesicalprice,#cool .list4 span.spesicalprice,#cool .ul_4 span.spesicalprice {
	display:none;
}



/*追加*/


#cool .clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}

#cool .clearfix{
	zoom:1;/*IE5.5-7用*/
}

#cool ul,p,a,li,dl,dt,dd{
	padding:0px;
	margin:0px;
	text-decoration:none;
	color:#000;
	list-style:none;
}


#cool #cate_navi ul{
	margin: 2% 0px;
}


#cool #cate_navi li{
	width: 49%;
}

#cool #cate_navi li:nth-child(odd){
	float: left;
}

#cool #cate_navi li:nth-child(even){
	float: right;
}


#cool .sub { padding:10% 0 2% 0;}




#cool .mida{
	margin-top:10%;
    border-top: 4px double black;
    text-align:center;
	font-size: 120%;
	font-weight: bold;
}

#cool .mida span{
    position: relative;
    top: -25px;
    padding: 0 15px;
    background:white;
}

#cool .mida img{
	width:20%;
	vertical-align: middle;
}

#cool #main_menu{
	margin-top: 2%;
	margin-bottom: 1%;
}

#cool #main_menu li:nth-child(odd){
	float: left;
}

#cool #main_menu li:nth-child(even){
	float: right;
}

#cool #top_menu{
	padding-bottom: 4%;
	margin-bottom: 7%;
}

#cool #top_menu li{
	float:left;
	width:48%;
	text-align:center;
	margin: 1% 0 0 1%;
}


##cool top_menu li a{
	display: block;
}

#cool #top_menu li span{
	font-size: 65%;
	font-weight: bold;
	white-space: nowrap;
}





#cool .bxslider{
	position:absolute;
}


#cool .item .slide{
	position: relative;
	margin-bottom: 6%;
}

#cool .item .slide .icon_no1{
	position: absolute;
	top: 10px;
	z-index: 1;
	width: 18%;
}

#cool .item .slide .icon_l{
	position: absolute;
	top: 30%;
	left: 2%;
	z-index: 1;
	width: 5%;
	display: none;
}

#cool .item .slide .icon_r{
	position: absolute;
	top: 30%;
	right: 2%;
	z-index: 1;
	width: 5%;
	display: none;
}

#cool .item .slide .best .icon{
	float: left;
	width: 60%;
}

#cool .item .slide .best .t_col1{
	margin-top: 15%;
}

#cool .item .slide .best .icon p{
	margin-top: 1%;
	border: solid 1px #237cc0;
	border-radius: 5px;
	width: 12%;
	margin-left: 1%;
	padding: 2% 1%;
	float: left;
	color: #237cc0;
	text-align: center;
	vertical-align: middle;
	min-height: 33px;
	white-space: nowrap;
}




#cool .item .slide .best .icon img {
	width:14%;
	padding:0.5%}

#cool .item .slide .best .icon p span{
	display: block;
	font-size: 120%;
	max-height: 32px;
}

#cool .item .slide .best .icon p .nomal{
	font-weight: normal;
	font-size: 100%;
	white-space: nowrap;	
}

#cool .item .slide .best .text{
	float: right;
	width: 280px;
	height: 56px;
	
}

#cool .item .slide .best .text p{
	width:100%;
	float: left;
	text-align: right;
	font-size: 18px;
	color:#3e3a39;
	font-weight:bold;

}

#cool .item .slide .best .text p span{
display: block;
color:#3e3a39;

}

#cool .item .slide .best .text .prices{
	width: 100%;
	float: right;
}


#cool .item dl{
	width: 47%;
	display:block;
    min-height: 270px;
	margin-bottom: 5px;
}

#cool .item dl:nth-child(odd){
	float:left;
	clear: both;/*--テスト用--*/
}

#cool .item dl:nth-child(even){
	float:right;
}


#cool .item dl .icon p{
	margin: 2% 0px 2% 1%;
	border: solid 1px #237cc0;
	border-radius: 5px;
	padding: 0px 1% 0px 1%;
	float: left;
	color: #237cc0;
	font-size: 90%;
	text-align: center;
	white-space: nowrap;
}

#cool .item dl .icon p span{
	font-size: 120%;
}


#cool .item dl .text{
	clear: both;
	min-height: 72px;
	width:100%;
	padding-top: 4px;
	
}


#cool .item dl .icon {
	padding:2% 0 0 1%;
	width:100%;
}

#cool .item dl .icon img {
	clear: both;
	width:15%;
	padding:0.5%;
}



#cool .item dl .text p{
	padding-left: 1%;
	margin-bottom: 2%;
	font-size: 15px;
	text-align:left;
	font-weight:bold;
	color:#3e3a39;

}


#cool .reco .cate{
	clear: both;
	background-color: #b2e4ec;
	padding: 1%;
	
	
}

#cool .reco p{
	text-align: center;
	font-size: 110%;
	padding-top: 1%;
	font-weight: bold;
	margin-bottom: 1%;
	color: #237cc0;
}


#cool .reco li{
	text-align:center;
	
	background: rgb(255,255,255);
	background: url("/IMAGE/1405coolfeel/1705/listicon.jpg") bottom right no-repeat #fff;
	background-size: 25px;
	
}

#cool .reco li a{
	padding-top: 3%;
	padding-bottom: 3%;
	display: block;
	color: #3bb3c6;
	font-size: 150%;
	white-space: nowrap;
	font-weight:bold;
}

#cool .reco .col3 li{
	margin-left:2%;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 30%;
}

#cool .reco .col2 li{
	margin-left:2%;
	margin-right: 2%;
	width: 45%;
}


#cool .reco .col1 li.w80 {
	margin-left:11%;
	margin-right: 2%;
	width: 80%;
}

#cool #foot{
	display: none;
}


















/*-----------------スライド----------------------*/


/** RESET AND LAYOUT
===================================*/

#cool .bx-wrapper {
	position: relative;
	margin: 0 auto 30px;
	padding: 0;
	*zoom: 1;
	z-index:1;
}

#cool .bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/


#cool .bx-wrapper .bx-pager,
#cool .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -20px;
	width: 100%;
}

/* LOADER */

#cool .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

#cool .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

#cool .bx-wrapper .bx-pager .bx-pager-item,
#cool .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#cool .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#cool .bx-wrapper .bx-pager.bx-default-pager a:hover,
#cool .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#cool .bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

#cool .bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

#cool .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

#cool .bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

#cool .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

#cool .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

#cool .bx-wrapper .bx-controls-auto {
	text-align: center;
}

#cool .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

#cool .bx-wrapper .bx-controls-auto .bx-start:hover,
#cool .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

#cool .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

#cool .bx-wrapper .bx-controls-auto .bx-stop:hover,
#cool .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#cool .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

#cool .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

#cool .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

#cool .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




/*-----------------スライド----------------------*/



/*-----------------価格CSV----------------------*/

#cool .item .prices{ 
	text-align: right;
	font-size: 130%;
	padding-right: 135px;
}
#cool .item .prices span.prdisp-price{ font-size:160%; color:#F00; font-weight:bold; margin-right: 1%;}/*通常表示*/
#cool .item .prices span.prdisp-taxin{ font-size:160%; color:#F00; font-weight:bold; margin-right: 1%;}/*通常表示 税込*/
/*伸縮TV board LIEBE.prices span.prdisp-taxin{ font-size:20px; color:#000; font-weight:bold; position:absolute; bottom:-30px; right:0;}*//*通常表示 税込*/

#cool .prdisp-price span span{
	font-size: 2%!important;
}

#cool .best .prices span.prdisp-icon{ padding-right:4%;}/*アイコン*/
#cool .best .prices span.prdisp-icon img{ width: 18%;}/*アイコン*/

#cool dl dd .prices span.prdisp-icon{ padding-right:6%;}/*アイコン*/
#cool dl dd .prices span.prdisp-icon img{ width: 10%; }/*アイコン*/


/*best用価格CSV*/

#cool .b_ka {
	width: 100%;
    position: absolute;
    bottom: 5%;
	font-size: 280%;
}

#cool .b_ka2 {
	width: 100%;
    position: absolute;
    bottom: 18%;
}


/*スマホの常に表示される上のカテゴリ*/




#cool #smp-commonheader {
	height:34px;
	width:100%;
	overflow:visible;
	
	display:block;
	
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:100;
	
	border:none;
	
	text-align:left;
	
}

#cool #smp-commonheader table{
background-color: #5fc0cf;
}

#cool #smp-commonheader a font {
	color:#5fc0cf;
	font-size:11px;
	line-height:1em
}

#cool #smp-commonheader a font b {
	font-size:12px;
}

	
	

#cool #smp-commonheader .shopname {
	position:fixed;
	top:8px;
	left:3px;
	
}

#cool #smp-commonheader .head-menu {
	position:fixed;
	top:0;
	right:0;
	
	display:block;
	white-space:nowrap;
}

#cool	#smp-commonheader .head-menu img {
	display:inline !important;
}

#cool	.head-menu img {
		height:35px;
	}
	
#cool #smp-commonheader table {
	
	position:fixed;
	top:34px;
	left:0;
	
	width:100%;
	
	
}

#cool	#smp-commonheader table td {
		width:25%;
		
		text-align:center;
		vertical-align:middle;
		height:30px;border:#5fc0cf 3px solid;
		
	}


#cool	#smp-commonheader,
#cool	#smp-commonheader table td,
#cool	#smp-uniqueheader,
#cool	#smp-uniqueheader table td  {background:#FFF;}


#cool	.sCLToggleCont .ilistnon li {
		background: rgba(254, 202, 106, 1);
		border-bottom: 2px solid #ba7d5d;
	}

#cool	.sCLToggleCont .ilistnon li a {color:#390000;}


/*1806追加*/

#cool .item_cl1 {
	width:750px;
	padding:0;
	margin-bottom:40px;
	}
	
#cool dl.cl1 {
	width:750px;
	height:545px;
	position:relative;
	
	}
	


#cool dl.cl1 .text{
	
    
    color: #3e3a39;
	position:absolute;
	bottom: 50px;
right: 21px;
}

#cool dl.cl1 .text , #cool ul.cl2 dd.s_size {
	font-size: 15px;}

#cool dl.cl1 .prices2 {
	position:absolute;
	bottom: 21px;
    left: 497px;
	}
#cool dl.cl1 .t1 {
	position:absolute;
	bottom:17px;
	right: 10px;
	float:right;
	}

#cool dl.cl1 dd.s_icon{
	
	position:absolute;
	border:#3599cb solid 1px;
	width:88px;
	height:21px;
	text-align: center;
	bottom: 45px;
right: 250px;
padding-top:5px;
	}
#cool dl.cl1 dd.s_icon span{
	color:#3599cb;
	font-size:15px;
	font-weight:bold;
	}	



#cool .ul_2 {
	width:750px;
	padding:0;
	}
	


#cool dl.cl2 {
	width:750px;
	
	padding:0;
	margin:0;
	}
	

#cool dl.cl2 {
	
	 width: 375px;
    height: 450px;
   display: block;
   position: relative;
	
	
	}
	
#cool dl.cl2 dt {
	width: 375px;
    height: 450px;
	float: left ;
	display: block;
	
	}	
		
#cool dl.cl2 dd.s_size {
	 
	position:absolute;
	margin:0;
bottom: 82px;
right: 26px;
font-size: 15px;
   
}
#cool dl.cl2 dd.ka {
	 
position: absolute;
bottom: 32px;
left: 71px;
height: 28px;
   
}	
#cool dl.cl2 dd.t1_p {
	 
	position:absolute;
	margin:0;
	bottom: 33px;
	right: 19px;}
   
   
#cool dl.cl2 dd.s_icon{
	position:absolute;
	border:#3599cb solid 1px;
	width:88px;
	height:21px;
	text-align: center;
	bottom: 74px;
	left: 20px;
	padding-top:5px;
	}
#cool dl.cl2 dd.s_icon span{
	color:#3599cb;
	font-size:15px;
	font-weight:bold;
	}