@charset "UTF-8";
/* 明々源 カタログギフトプレゼント 260820 */

.box3529{border-radius: 15px;background-color: #ffffff;}
.box3529_in{}
.box3529_in .date{position: absolute;right:-50px;top: -20px;width: 20%;}
.box3529_in .txt{ }
.box3529_in .txt h3{letter-spacing: 0.1em;}
.box3529_in .img{}
.box3529 h4 span{background-color: #666666;border-radius: 50px;padding: 4px 25px;color: #ffffff;}

.w100{width: 100%;}
.w90{width: 90%;}
.w80{width: 80%;}
.red{color: #d83c43;}

/* ここにPC向けのCSS指定 */
@media (min-width: 768px) {
.box3529{padding: 0 30px 20px 30px;margin: 0 20px;}	
.box3529_in{position: relative;display: flex;width: 100%;padding: 30px 0 0 0;}
.box3529_in .date{position: absolute;right:-50px;top: -20px;width: 20%;}	
.box3529_in .txt{ width: 55%;}
.box3529_in .img{width: 45%;margin-left: 10px;}	
}

/* ここにSP向けのCSS指定 */
@media (max-width: 768.98px) {
.box3529{padding: 0 10px 20px;margin: 0 10px;}	
.box3529_in{position: relative;display: block;width: 100%;padding: 10px 0 0 0;text-align: center;}
.box3529_in .date{position: absolute;right:-8%;top: 10%;width: 25%;}	
.box3529_in .txt{ width: 100%;}
.box3529_in .img{width: 100%;margin: 10px;}	

.w100{width: 80%;}	
	
}