@charset "UTF-8";

/*ジーヌンクランディングページPC*/
.fs-c-productList__message.fs-c-noResultMessage { display: none;}
.cam_coodinate_wrapper {width: 100%; margin: 0 auto;}
.cam_coodinate_ranking_title { font-size: 1.6em; font-weight: bold; margin: 10px 0 -5px 0;}
.cam_coodinate_recommend_title { font-size: 1.6em; font-weight: bold; margin: 30px 0 -20px 0;}
.cam_coodinate_ugc_title { font-size: 1.6em; font-weight: bold; margin: 30px 0 0 0;}
.cam_coodinate_header { width: 100%; margin: 0 auto;}
.cam_coodinate_header img { width: 100%;}
.cam_coodinate_caption { width: auto; margin: 15px auto 0; font-size: 12px; line-height: 1.6; border-radius: 5px; padding: 10px 20px; background-color: #f5f5f5; border-radius: 5px; font-weight: bold;}
span.fs-c-productName__copy { display: block; font-size: 12px; font-weight: bold; margin-top: -5px; padding: 0;}
span.fs-c-productPrice__main { font-size: 17px; font-weight: bold; margin-top: -5px;}
.fs-c-productMarks { position: absolute; top: 210px;}
button.fr3-productListCarousel__Button.fr3-productListCarousel__prevButton:disabled { opacity: 0.9;}

.cam_coodinate_pickup_title { font-size: 1.6em; font-weight: bold; margin: 30px 0 10px 0;}
.pickup_frame { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.pickup_item { width: calc(100% / 3 - 10px); box-sizing: border-box; margin-bottom:30px; border-radius: 5px; background-color: #f5f5f5; }
.pickup_item_img img { width: 100%;}
.pickup_item_name { width: 95%; margin: 0 auto; font-size: 0.8em; line-height: 1.8; font-weight: bold; padding-left: 10px; padding-top: 5px;}
span.pickup_item_price { color: #2c9ec0; font-size: 1.1em; font-weight: bold;}
.pickup_item_comment { width: 100%; padding: 10px; font-size: 0.8em; line-height: 1.8; box-sizing: border-box; background-color: #f5f5f5; margin-top: 3px; border-radius: 5px;}
.fr3-productListStatic__responsive_1{ padding: 0;}
.cam_coodinate_lookmore { padding: 20px; text-align: center; background-color: #666; width: 300px; margin: 50px auto 50px; color: #fff; font-size: 16px; font-weight: bold;}

@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */
.fs-c-productList__message.fs-c-noResultMessage { display: none;}
.cam_coodinate_wrapper {width: 100%; margin: 0 auto;
-ms-overflow-style: none;
scrollbar-width: none; }
.cam_coodinate_ranking_title { font-size: 1.1em; font-weight: bold; margin: 10px 0 -5px 0;}
.cam_coodinate_recommend_title { font-size: 1.1em; font-weight: bold; margin: 10px 0 -20px 0;}
.cam_coodinate_ugc_title { font-size: 1.1em; font-weight: bold; margin: 10px 0 0 0;}
.cam_coodinate_header { width: 100%; margin: 0 auto;}
.cam_coodinate_header img { width: 100%;}
section.cam_coodinate_captionbox { overflow-x: scroll;}
.cam_coodinate_caption { width: 200%; margin: 5px 5px 0 5px; font-size: 11px; line-height: 1.5; background-color: #fff; border-radius: 5px; padding: 10px; white-space: nowrap; background-color: #f5f5f5; font-weight: bold;}
span.fs-c-productName__copy { display: block; font-size: 12px; font-weight: bold; margin-top: -5px; padding: 0;}
span.fs-c-productPrice__main { font-size: 17px; font-weight: bold; margin-top: -5px;}
.fs-c-productMarks { position: absolute; top: 210px;}
button.fr3-productListCarousel__Button.fr3-productListCarousel__prevButton:disabled { opacity: 0.9;}

.cam_coodinate_pickup_title { font-size: 1.1em; font-weight: bold; margin:10px 0 0 0;}
.pickup_frame { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 5px; }
.pickup_item { width: calc(100% / 2 - 5px); box-sizing: border-box; margin-bottom:20px; border-radius: 5px; background-color: #f5f5f5; }
.pickup_item_img img { width: 100%;}
.pickup_item_name { width: 95%; margin: 0 auto; font-size: 12px; line-height: 1.8; font-weight: bold; padding-left: 10px; padding-top: 5px;}
span.pickup_item_price { color: #2c9ec0; font-size: 13px; font-weight: bold;}
.pickup_item_comment { width: 100%; padding: 10px; font-size: 12px; line-height: 1.8; box-sizing: border-box; background-color: #f5f5f5; margin-top: 3px; border-radius: 5px;}
.fr3-productListStatic__responsive_1{ padding: 0;}
div.flywheel-recommend__frame { margin-top: 10px; position: relative;}
.cam_coodinate_lookmore { padding: 15px; text-align: center; background-color: #666; width: 80%; margin: 40px auto 50px; color: #fff; font-size: 14px;}
 }