@charset "utf-8";

/*--------------------------
	common
--------------------------*/
#cool-sale .pc{display: block;}
#cool-sale .sp{display: none;}

#cool-sale h2{
	margin: 0 0 50px;

	text-align: center;
	line-height: 1.4em;
	color: #d68a4c;
    font-size: 40px;
	font-weight: bold;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#main img{
	width: 100%;
	height: auto;
}

#cool-sale {
    max-width: 1100px;
    padding: 0 10px;
    margin: 0 auto;
	
	color: #333;
}



/*--------------------------
	main_img
--------------------------*/
dl.main_img {
    margin: 0 0 80px;
}

dl.main_img dt {
    margin: 0 0 15px 0;
}

dl.main_img dd{
	text-align: center;
	font-size: 16px;
    letter-spacing: 1.5px;
}
dl.main_img dd span{
	font-size: 21px;
	font-weight: bold;
}


.box {  
    position: relative;
}




/*--------------------------
	cool-sale
--------------------------*/

#cool-sale .l-c-col-4-2{
	margin: 0 0 100px;
}


#cool-sale .l-c-col-4-2 p.tax{
	color: #c72937;
	font-size: 18px;
	font-weight: bold;
}


#cool-sale .p pic {
    position: absolute;
    top: 0;
    left: 0;
   background-color:red;
   pading:5px;

}


#cool-sale .col-4-2-block {
  position: relative;
  }


#cool-sale .col-4-2-block p.obi {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  color: #fff;/*文字を白に*/
  background: #c72937;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }



/*-------------------------------
	676px以下用
---------------------------------*/
@media screen and (max-width: 676px) {

/*--------------------------
	common
--------------------------*/
#cool-sale .pc{display: none;}
#cool-sale .sp{display: block;}


#cool-sale h2{
	margin: 0 0 30px;
	font-size: 29px;
	line-height: 1.5em;
}

#cool-sale h3{
	margin: 0 0 20px;
	text-align: center;
	font-size: 21px;
}



#cool-sale section{
	padding: 0 0 40px;
    margin: 0 0 40px;
}


/*--------------------------
	main_img
--------------------------*/
dl.main_img {
    margin: 0 0 40px 0;
}

dl.main_img dt {
    margin: 0 0 10px 0;
}

dl.main_img dd {
	font-size:14px;
	letter-spacing:normal;
}

/*--------------------------
	cool-sale
--------------------------*/





}


/*-------------------------------
470px以下用
---------------------------------*/
@media screen and (max-width: 470px) {

/*--------------------------
	common
--------------------------*/

#cool-sale h2{
	margin: 0 0 20px;
	font-size: 22px;
}

#cool-sale h3{
	margin: 0 0 10px;
	text-align: center;
	font-size: 16px;
}




#cool-sale section{
	padding: 0 0 30px;
    margin: 0 0 30px;
}




/*--------------------------
	main_img
--------------------------*/

dl.main_img{
    margin: 0 0 50px 0;
}


dl.main_img dd span{
	font-size: 16px;
}





}