@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:300");
[class^="product_list-"]:after, [class^="product_view"]:after, .grid_item .tag_list:after { content: ""; display: block; clear: both; }

*, *:before, *:after {/* box-sizing: border-box; *//* -webkit-box-sizing: border-box; */-moz-box-sizing: border-box;font-family: 'Roboto', 'Malgun Gothic', 'AppleSDGothicNeo', 'Helvetica', sans-serif;font-weight: 400;-webkit-text-size-adjust: none;}

html, body {height:100%; min-height:10px;}
.canvas {display:block; position:relative; height:100%; min-height:10px; margin:0; padding:0;}
.container {display:block; position:relative; height:100%; min-height:10px; margin:0; padding:0;}
.container img { display:block; position:relative; min-height:10px; margin:0; padding:0; }

body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, img, button { margin: 0; padding: 0; }

a { color: inherit; text-decoration: none; }

ol, ul { list-style: none; }

table { border: 0; border-spacing: 0; }

caption, legend { overflow: hidden; width: 1px; font-size: 0; line-height: 0; text-indent: -9999px; }

hr { height: 1px; border: 0; background: #D9D9D9; }

ins { text-decoration: none; }

html { height: 100%; }

body { width: 100%; background: #fff; font-size: 14px; }

video { object-fit: inherit; }

iframe { border: 0; padding: 0; }

pre { white-space: pre-wrap; word-break: break-all; }
3
template { display: none; }


.grid_item { display: block; position: relative; width: 100%; margin: 0 auto; min-height: 10px; }
.grid_item img { display:block; position:relative; min-height:10px; margin:0; padding:0; }
.grid_item .set { overflow: hidden; }
.grid_item .set .figure img { width: 100%; min-height: 10px; }
.grid_item .set > .info { position: relative; margin-top: 24px; padding: 0 16px; }
.grid_item .set > .info > .category { font-size: 12px; letter-spacing: 2px; color: #8d685a; }
.grid_item .set > .info > .title { margin: 4px 0 12px; font-size: 28px; letter-spacing: 2px; }
.grid_item .set > .info > .stitle { padding-top: 16px; font-size: 20px; }
.grid_item .set > .info > .desc { margin-top: 10px; line-height: 18px; }
.grid_item .set .etc { position: absolute; right: 16px; top: 24px; font-size: 0; }
.grid_item .set .etc .favorite { display: inline-block; width: 30px; height: 100%; margin-right: 8px; }
.grid_item .set .etc .favorite button { width: 30px; height: 100%; padding: 0; }
.grid_item .set .etc .favorite button .ico_favorite { width: 30px; height: 30px; }
.grid_item .set > [class^="product_list-"][class*="img_col"]:first-child { padding-top: 0; }
.grid_item .swiper-container { margin-top: 4px; }
.grid_item .swiper-container .swiper-pagination { position: static; margin-top: 16px; font-size: 0; }
.grid_item [class^="product_list-"][class*="img_col"] { padding-top: 4px; margin-bottom: -4px; }
.grid_item [class^="product_list-"][class*="img_col"] .item { margin-bottom: 4px; width: 100%; max-width: none; padding-bottom: 0; }
.grid_item [class^="product_list-"][class*="img_col"] .item .figure img { width: 100%; }
.grid_item [class^="product_list-"][class*="img_col"]:not([class*="img_col1"]) { margin-left: -2px; margin-right: -2px; }
.grid_item [class^="product_list-"][class*="img_col"]:not([class*="img_col1"]) .item { margin-left: 2px; margin-right: 2px; }
.grid_item [class^="product_list-"][class*="img_col"]:not([class*="img_col1"]) .item .figure img { position: absolute; left: 0; top: 0; width: 100%; }
.grid_item [class^="product_list-"][class*="img_col"].img_col2 .item { width: calc((100% / 2) - 4px); }
.grid_item [class^="product_list-"][class*="img_col"].img_col3 .item { width: calc((100% / 3) - 4px); }
.grid_item .product_list-natural .item { width: calc((100% - 1px) / 2); }
.grid_item .product_list-natural .item .seller { font-weight: bold; }
.grid_item .product_list-natural .item .title { margin: 4px 0 12px; }
.grid_item .product_list-natural .item .figure { opacity: 1 !important; overflow: hidden; }
.grid_item .tag_list { margin: 20px 0 -8px; padding-left: 16px; }
.grid_item .tag_list li { float: left; margin: 0 8px 8px 0; }
.grid_item .tag_list li a { display: block; padding: 8px 13px; border: 1px solid #d9d9d9; border-radius: 21px; background: #fafafa; font-size: 12px; line-height: 15px; }
.grid_item .product_list-wide { margin-top: 24px; padding: 0 24px; }
.grid_item .product_list-wide > .item { clear: both; padding: 0; border: 0; }
.grid_item .product_list-wide > .item:not(:first-child) { margin-top: 12px; }
.grid_item .product_list-wide .figure { width: 120px; height: 120px; margin-right: 16px; background-color: #666; }
.grid_item .product_list-wide .figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.92; }
.grid_item .product_list-wide .photo { background: none; }
.grid_item .product_list-wide .info { float: left; width: calc(100% - 140px); min-height: auto; }
.grid_item:last-child { padding-bottom: 0; }


.grid.category_grid { padding-bottom: 40px; }

.style_main .grid_item .set > .info > .title { white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.style_main .grid_item .set > .info > .desc { white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.grid_item { padding-top: 40px; opacity: 0; -webkit-transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; -moz-transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; -o-transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; transition: opacity .8s ease-out, transform .8s ease-out, padding-top .8s ease-out; }
.grid_item .figure { -webkit-transition: transform .8s ease-out; -moz-transition: transform .8s ease-out; -o-transition: transform .8s ease-out; transition: transform .8s ease-out; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }

.grid_item.show { padding-top: 0; opacity: 1; }
.grid_item.show .figure { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.empty-space img { width: 100%; }



/* swiper */
.mag-swiper-nor {position:relative;width:100%;max-width:100%;overflow:hidden;font-size:0;}
.mag-swiper-nor .swiper-wrapper {display:block;max-width:100%;white-space:nowrap;}
.mag-swiper-nor .swiper-slide {display:inline-block;vertical-align:top;}
.mag-swiper-nor .swiper-pagination-bullet {width:16px;height:16px;background-color:#fff;opacity:.8;}
.mag-swiper-nor .swiper-pagination-bullet-active {opacity:1; background-color:#ea001a;}
.mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets {bottom:19%;}
.mag-swiper-nor .swiper-button-next, .mag-swiper-nor .swiper-button-prev {width:42px;height:42px; background-size:contain;outline:none;}
.mag-swiper-nor .swiper-button-next {right:15px;background-image:url(../image/btn_right.png);}
.mag-swiper-nor .swiper-button-prev {left:15px;background-image:url(../image/btn_left.png);}
.mag-swiper-nor .swiper-button-next button, .mag-swiper-nor .swiper-button-prev button {display:inline-block;width:42px;height:42px;margin-top:0;background:none;border:0;text-indent:-9999px; margin-top: -15%; }
.swiper-box-190130 {display: block; padding:0;}
.swiper-box-190130.sl_3 .swiper-pagination-bullets { bottom: 8%; }


.swiper-slide img { width: 100%; vertical-align: top; }

.link{position:absolute;display:inline-block;width:21%;}
.link.link1{top:23.6%; left:74%;}
.link.link2{top:49.6%; left:74%;}
.link.link3{top:75.5%; left:74%;}
.link.link4{top:81%; left:5%; width: 90%;}


.space{margin-bottom: 20px;}


@media screen and (max-width:540px) {
    .swiper-box-190130 {padding: 0;}
    .mag-swiper-nor .swiper-pagination-bullet {width:8px;height:8px;}
    .mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
    .mag-swiper-nor.swiper-container-horizontal>.swiper-pagination-bullets {}
    .mag-swiper-nor .swiper-button-next, .mag-swiper-nor .swiper-button-prev {width:21px;height:21px;margin-top:-20%;}

    .mag-swiper-nor .swiper-button-next, .mag-swiper-nor .swiper-button-prev {width:21px;height:21px; }
}
@media (min-width: 600px) { .style {max-width: 80%;margin: 0 auto;}
  .grid_item .product_list-natural.img_col1 .item .figure { overflow: hidden; }
  .summary { max-width: inherit; }
  .product_list-natural .item { width: calc((100% - 3px) / 4); margin-right: 1px; }
  .product_list-natural .item:nth-of-type(4n) { margin-right: 0; }
  .product_list-natural .item:nth-of-type(2n-1) { clear: none; }
  .product_list-natural .item:nth-of-type(4n+1) { clear: both; } 
}