@charset "UTF-8";

#freepage_campaign { width: 1200px; padding: 0 0 100px 0; margin: 0 auto;}
#freepage_campaign .campaign-header { margin: 0 0 40px 0; text-align: center;}
#freepage_campaign .campaign-header h1 { padding: 0; margin: 0 0 10px; font-size: 38px; font-weight: bold; text-align: center; line-height: 1.0; color: #111;}
#freepage_campaign .campaign-header .sub-jpn { font-size: 12px; color: #111; text-align: center;}

#features_data .features-list { margin: 0 -25px 20px 0; display: flex; flex-wrap: wrap;}
#features_data .features-list li { width: calc((100% - 125px) / 5); margin: 0 25px 25px 0;}
#features_data .features-list li a { transition: 0.3s;}
#features_data .features-list li a:hover { color: #976F11;}
#features_data .features-list li .logo { height: 120px; padding: 25px; margin: 0 0 10px 0; border: #E0E0E0 1px solid; display: flex; justify-content: center; align-items: center;}
#features_data .features-list li .logo img { max-width: 100%; max-height: 100%; vertical-align: top;}
#features_data .features-list li .name { font-size: 14px; text-align: center;}
	
#mall_pickup_features { margin: 0 0 36px 0;}
#mall_pickup_features .banners { display: flex; flex-wrap: wrap; margin-top: 24px;}
#mall_pickup_features .banners li { width: calc((100% - 72px) / 4); margin: 0 24px 48px 0;}
#mall_pickup_features .banners li:nth-child(4n) { margin: 0 0 24px 0;}
#mall_pickup_features .banners li figure { margin: 0 0 10px 0; text-align: center;}
#mall_pickup_features .banners li figure img { vertical-align: top;}
#mall_pickup_features .banners li .comment { font-size: 14px; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#mall_pickup_features .banners li .head {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
}
/*-----------------------------------------
 SP
-----------------------------------------*/

html[data-browse-mode="S"] #mall_pickup_features .banners {
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
html[data-browse-mode="S"] #mall_pickup_features .banners li {
    width: calc(50% - 7.5px);
    margin: 0 0 15px 0;
}

html[data-browse-mode="S"] #mall_pickup_features .banners li .comment {
    font-size: 12px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

html[data-browse-mode="S"] #mall_pickup_features { margin: 0 0 20px 0;}

html[data-browse-mode="S"] #mall_pickup_features .banners li .head {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}