@charset "utf-8";

.gl-wrap-page { text-align:left; background-color:white; line-height:1em; box-sizing:border-box;}
.gl-wrap-page * {box-sizing:border-box; font-family: 'roboto';}
.gl-wrap-page .area-banner img {display:block; width:100%;}

.gl-wrap-page .layout-contents {padding:15px 11px 18px 11px;}
.gl-wrap-page .layout-contents h3 {font-size:22px; line-height: 22px; letter-spacing: -0.43px; font-weight:bold;color: black;    padding: 20px 0 0 0;}
.gl-wrap-page .area-best {border-top:1px solid #fff; padding:15px 0 0 0;}

.gl-wrap-page .area-best .txt-label {padding-bottom:6px; font-size:11px; color:#010101;}
.gl-wrap-page .box-best {display:flex; align-items:center;  background-color:#fff; overflow: hidden; flex-wrap: wrap; justify-content: space-between; gap:10px;}
.gl-wrap-page .box-best + .box-best {margin-top:8px;}
.gl-wrap-page .box-best .data-img {float:left; max-width:176px; min-width:120px; border-radius: 10px; overflow: hidden;}
.gl-wrap-page .box-best .data-img img {width:100%; height:100%;}

.gl-wrap-page .box-best  a {display:flex; flex-direction:column; width: calc(50% - 10px); padding-bottom: 73px;}
.gl-wrap-page .box-best .data-info {max-width:176px;}
.gl-wrap-page .box-best .data-info .txt-category {padding:0 0 6px 0; color:#1e1e1d; font-size:7px; text-decoration:underline;}
.gl-wrap-page .box-best .data-info .txt-name {height:40px; line-height:22px; margin:15px 0 6px 0; font-size:18px; color:#000000; font-weight: bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical;}
.gl-wrap-page .box-best .data-info .txt-brand {padding-bottom:10px; font-size:10px; color:#787877;}
.gl-wrap-page .box-best .data-info .dl-price {display:flex; align-items: center; margin-top: 15px;}
.gl-wrap-page .box-best .data-info .dl-price dt {float:left; width:54px;font-size:10px; color:#1e1e1d; font-weight:bold;}
.gl-wrap-page .box-best .data-info .dl-price dd {display:flex; padding-bottom:2px; align-items: center;float:left; }

.gl-wrap-page .box-best .data-info .dl-price dd .txt-price {font-size:12px; color:#727272; line-height: 22px; text-decoration:line-through}

.gl-wrap-page .box-best .data-info .dl-price dd .tag-per {display:inline-block; margin-left:12px;padding:0 5px; border-radius:4px; background-color:#fee1a9; line-height:10px; font-size:10px; color:#f74148; text-decoration: none;}
.gl-wrap-page .box-best .data-info .dl-price2 {display:flex; align-items: center;justify-content: space-between;color: #ff3939; font-size: 18px; font-weight: bold;}
.gl-wrap-page .box-best .data-info .dl-price2 dt {float:left; width:54px; font-size:10px; font-weight:bold;}
.gl-wrap-page .box-best .data-info .dl-price2 dd {display:flex; align-items: center;float:left; font-size:18px; color:#000000; font-weight:bold;}
.gl-wrap-page .area-all {margin:10px 0 0 0; padding:13px 0 0 0; border-top:1px solid #fff;}
.gl-wrap-page .form-selectbox {margin:0 -3px; padding-bottom:15px;}
.gl-wrap-page .form-selectbox select {display:block; padding:0 12px; width:100%; height:34px; line-height:34px; border-radius:1px; border:1px solid #e1e1e1; color:#565656; font-size:12px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/image/shopping/icon_selectbox.png) no-repeat 95% 50%; background-color:#fff;}

.gl-wrap-page .area-product + .area-product {margin-top:23px;}
.gl-wrap-page .area-product:after {display:block; clear:both; content:'';}
.gl-wrap-page .area-product .txt-label {display:block; padding-bottom:5px; font-size:10px; color:#0f0f0f;}
.gl-wrap-page .box-product {margin:0 -9px;}
.gl-wrap-page .box-product:after {display:table; content:''; clear:both;}
.gl-wrap-page .box-product .view-product {float:left; width:50%; padding:0 2px;}

.gl-wrap-page .box-product .product-in {border:1px solid #f3f3f3; border-radius:1px; background-color:#fff;}
.gl-wrap-page .box-product .view-product + .view-product {float:left;}
.gl-wrap-page .box-product .view-product .data-img {}
.gl-wrap-page .box-product .view-product .data-img img {display:block; width:100%; height:100%;}
.gl-wrap-page .box-product .view-product .ui-info {padding:8px 3px 10px 3px;}
.gl-wrap-page .box-product .view-product .ui-info .txt-name {display:block; margin-bottom:11px; height:25px; font-size:10px; line-height:14px; color:#0f0f0f; }
.gl-wrap-page .box-product .view-product .ui-info .txt-price {padding-bottom:5px;}
.gl-wrap-page .box-product .view-product .ui-info .txt-price .txt-per {font-size:12px; color:#ff3a3a; font-weight:800;}
.gl-wrap-page .box-product .view-product .ui-info .txt-price .data-price {display:inline-block; width:59px;color:#0f0f0f; font-size:10px; font-weight:800; text-decoration:line-through;}
.gl-wrap-page .box-product .view-product .ui-info .txt-price2 {font-size:10px; color:#c5c5c5; font-weight:800;}