@charset "UTF-8";

/***************************
	index
**************************/
#slidearea {width:100%; padding-bottom:70px;border-bottom:1px solid #c5c5c5;text-align:center;}
#slideshow {width:100%; padding-bottom:8px}

.tit_bold {margin-top:60px;margin-bottom:45px;}




.itemlist {width:1000px; margin-left:auto; margin-right:auto; margin-top:30px;
text-align:center; line-height:135%;
}

.itemlist li {width:32%;
    display: inline-block;
padding-bottom:70px;
vertical-align:top; /* 上端揃え */
}

/* IE6 */
* html .itemlist li {
    display:inline; /* IEではinline-blockと同じ表現になる */
}
 
/* IE7 */
*+ html .itemlist li {
    display:inline; /* IEではinline-blockと同じ表現になる */
}

.itemlist li img{    max-width: 100%;
    height: auto;padding-bottom: 5px;}

.marulink a {border-radius: 40px 40px 40px 40px; display:block; border:1px solid #999; width:180px; padding:8px 0; text-align:center;margin: 10px auto 50px auto; font-size:14px;}
.marulink a:hover {text-decoration:none; background:#eee;}

/****** news ***********/
#news_area {width:1000px; margin:50px auto 100px auto; position:relative;}
#news_area h3{width:100%;position:relative;font-size:16px; margin-bottom:25px;}
#news_link{position:absolute; right:0;font-size:12px; top:7px;}

#news_area ul li {
    margin: 0 0 18px 0;
    font-size: 14px;
}


#news_area ul li .tag.tag_shop {
    background-color: #ff6b96;
}

#news_area ul li .tag {
padding:3px 15px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    margin: 0 20px 0 0;
}

#news_area ul li p{    display: inline-block; margin:0 0 0 20px;}



/***********************************
	sp
***********************************/
@media screen and (max-width: 767px) {

#slideshow {background:url(../img/index/sp_slidebg.jpg) no-repeat 50% 50%; background-size:cover; height:220px;width:100%;margin:0 auto;}
#slideshow img {display:none;}


	#news_area {width:90%!important;background:#efefef;margin:0!important;padding:25px 5% 90px 5%;position:relative;}
	#news_link {position:absolute; top:auto; right:0; bottom:30px; left:0; width:100%; text-align:center;}
	#news_link a { 
    border-radius: 40px 40px 40px 40px;
    display: block;
    border: 1px solid #999;
    width: 200px;
    padding: 7px 0;
    text-align: center;
    font-size: 15px; margin:0 auto;
}
	#news_area ul li p {margin:0;}


}