@charset "utf-8";


/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
   /* .container { width: 768px }*/
}
/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
   /* .container { width: 95% }  */ 
}
/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* ºñÁÖ¾ó */
#visual-area {position:relative; }

#m-viesual {overflow:hidden; position:relative; }
#m-viesual .item {height:600px; }
#m-viesual .item .row {position:relative; }
#m-viesual .item .visi_tit {position:relative; padding:165px 0 0 0; margin-bottom:25px;font-family: 'SEBANG_Gothic_Bold'; font-size:3.333em; color:#000; line-height:1.3em;white-space:pre-line; z-index:5;}
#m-viesual .item .exp {position:relative; font-size:1.13em; font-weight:300; color:#282828; white-space:pre-line;z-index:6;}

#m-viesual .item.bg1 {background:#ffec85 url("./../images/visual/visual_1_bg.png") no-repeat top center; background-size:cover;}
#m-viesual .item.bg1 .visi_tit {}
#m-viesual .item.bg1 .exp {}
#m-viesual .item.bg1 .img1 {position:absolute; left:0px; top:50px; width:47.334%; height:auto; padding-top:43%; background: url("./../images/visual/visual_1_pic1.png") no-repeat top center; background-size:100% auto; z-index:1;}
#m-viesual .item.bg1 .img2 {position:absolute; right:0px; top:75px; width:51.417%; height:auto; padding-top:41.5%; background: url("./../images/visual/visual_1_pic2.gif") no-repeat top center; background-size:100% auto; z-index:1; }
#m-viesual .item.bg1 .img3 {position:absolute; right:45px; top:135px; z-index:5;}
#m-viesual .item.bg1 .img4 {position:absolute; left:440px; top:450px; z-index:5;}

#m-viesual .item.bg2 {background:#cae5ff url("./../images/visual/visual_2_bg.png") no-repeat top center; background-size:cover;}
#m-viesual .item.bg2 .visi_tit {}
#m-viesual .item.bg2 .exp {}
#m-viesual .item.bg2 .img1 {position:absolute; right:5px; top:105px; width:50.25%;/*60.3rem;*/ height:auto; padding-top:37.5%; background: url("./../images/visual/visual_2_pic.gif") no-repeat top center; background-size:100% auto; z-index:1;}
#m-viesual .item.bg2 .img2 {position:absolute; right:44rem; top:34rem; z-index:5;}
#m-viesual .item.bg2 .img3 {position:absolute; right:-1rem; top:26rem; z-index:5;}

#m-viesual .item.bg3 {background:#d1ece6 url("./../images/visual/visual_3_bg.png") no-repeat top center; background-size:cover;}
#m-viesual .item.bg3 .visi_tit {padding:120px 0 0 0; }
#m-viesual .item.bg3 .exp {}
#m-viesual .item.bg3 .img1 {position:absolute; right:0px; top:97px; width:50.75%; height:auto; padding-top:34%; background: url("./../images/visual/visual_3_pic.gif") no-repeat top center; background-size:100% auto; z-index:1;}
#m-viesual .item.bg3 .img2 {position:absolute; right:37rem; top:3rem; z-index:5;}
#m-viesual .item.bg3 .img3 {position:absolute; right:10rem; top:5rem; z-index:5;}
#m-viesual .item.bg3 .img4 {position:absolute; right:56rem; top:28rem; z-index:5;}
#m-viesual .item.bg3 .img5 {position:absolute; right:16rem; top:46rem; z-index:5;}

#m-viesual .item.bg4 {background:#fee7e7 url("./../images/visual/visual_4_bg.png") no-repeat top center; background-size:cover;}
#m-viesual .item.bg4 .visi_tit {}
#m-viesual .item.bg4 .exp {}
#m-viesual .item.bg4 .img1 {position:absolute; right:80px; top:-11px; width:41.667%; height:auto; padding-top:47.5%; background: url("./../images/visual/visual_4_pic.gif") no-repeat top center; background-size:100% auto; z-index:1;}
#m-viesual .item.bg4 .img2 {position:absolute; right:47rem; top:34rem; z-index:5;}
#m-viesual .item.bg4 .img3 {position:absolute; right:1rem; top:38rem; z-index:5;}

#m-viesual .item.bg5 {background:#e4d8ff url("./../images/visual/visual_5_bg.png") no-repeat top center; background-size:cover;}
#m-viesual .item.bg5 .visi_tit {}
#m-viesual .item.bg5 .exp {}
#m-viesual .item.bg5 .img1 {position:absolute; right:5px	; top:65px; width:45.417%; height:auto; padding-top:41.25%; background: url("./../images/visual/visual_5_pic.gif") no-repeat top center; background-size:100% auto; z-index:1;}
#m-viesual .item.bg5 .img2 {position:absolute; right:39rem; top:9rem; z-index:5;}
#m-viesual .item.bg5 .img3 {position:absolute; right:2rem; top:21rem; z-index:5;}
#m-viesual .item.bg5 .img4 {position:absolute; right:52rem; top:33rem; z-index:5;}

/* #m-viesual .item.bg6 {background: url("./../images/visual/visual_6_bg.png") no-repeat top center; background-size:cover;}
#m-viesual .item.bg6 .visi_tit {}
#m-viesual .item.bg6 .exp {}
#m-viesual .item.bg6 .img1 {position:absolute; right:0px; top:0px; z-index:1;}*/


/* ³×ÀÌ¹ö ½º¸¶Æ® ½ºÅä¾î */
 #widebanner-area {position:relative; padding:60px 0 0 0;}
.rollingBanner {overflow:hidden; border-radius:7px;}
/*#widebanner-area a {display:block; padding:32px 40px 33px 40px; background:#447bcc url("./../images/contents/naver_store_img.png") no-repeat bottom right; border-radius:7px;}
#widebanner-area h2 {margin:0 0; font-size:1.86em; color:#fff; font-family: 'SEBANG_Gothic_Bold'; word-break:keep-all;}
#widebanner-area h2 span {display:inline-block; margin-left:3px; width:100px; padding:8px 0px; font-family:'Noto Sans KR'; font-size:16px; font-weight:300; text-align:center; border:1px solid #fff; border-radius:20px; }

/* »óÇ° Áø¿­ */
#goodslist-area {overflow:hidden; position:relative; padding:60px 0 0px 0; margin-bottom:100px;}
#goodslist-area h2.tit {font-size:2.3em; text-align:center; word-break:keep-all;}
#goodslist-area .exp_txt {padding-top:10px; font-size:1.13em; font-weight:300; text-align:center;}

.swiper {
	width: 100%;
	height: 100%;
  }

.swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  .swiper {
	margin-left: auto;
	margin-right: auto;
  }
/*.GOODSITEM .n-gift_image { background-size: contain; background-repeat: no-repeat; background-position: center; width:100%; height:350px;}*/

.productlist-category {padding:40px 0 35px 0;}
.productlist-category ul {overflow:hidden; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.productlist-category ul li {float:left; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.productlist-category ul.col-3 li {width:33.333%; }
.productlist-category ul.col-4 li {width:25%; }
.productlist-category ul.col-5 li {width:20%; }
.productlist-category ul.col-6 li {width:16.666%; }
.productlist-category ul.col-7 li {width:14.285%; }
.productlist-category ul.col-8 li {width:12.5%; }
.productlist-category ul.col-9 li {width:11.111%; }

.productlist-category ul li button,
.productlist-category ul li a {display:block; border:none; width:100%; font-size:1.13em;font-weight:300; line-height:50px; color:#282828; background:#fff; text-align:center;}
.productlist-category ul li button.active,
.productlist-category ul li a.active {font-weight:500; color:#fff; background:#40bad5;}

.productlist-category ul.cityLogo li button::before {content:""; display:inline-block; width:28px; height:22px; vertical-align:middle; background-size:100% auto;}
.productlist-category ul.cityLogo li:nth-child(2) button::before {background:url("./../images/contents/city_logo1.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(3) button::before {background:url("./../images/contents/city_logo2.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(4) button::before {background:url("./../images/contents/city_logo3.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(5) button::before {background:url("./../images/contents/city_logo4.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(6) button::before {background:url("./../images/contents/city_logo5.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(7) button::before {background:url("./../images/contents/city_logo6.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(8) button::before {background:url("./../images/contents/city_logo7.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(9) button::before {background:url("./../images/contents/city_logo8.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(10) button::before {background:url("./../images/contents/city_logo9.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(11) button::before {background:url("./../images/contents/city_logo10.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(12) button::before {background:url("./../images/contents/city_logo11.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(13) button::before {background:url("./../images/contents/city_logo12.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(14) button::before {background:url("./../images/contents/city_logo13.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(15) button::before {background:url("./../images/contents/city_logo14.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(16) button::before {background:url("./../images/contents/city_logo15.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(17) button::before {background:url("./../images/contents/city_logo16.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(18) button::before {background:url("./../images/contents/city_logo17.png") no-repeat center center; }
.productlist-category ul.cityLogo li:nth-child(19) button::before {background:url("./../images/contents/city_logo18.png") no-repeat center center; }

.productlist-area {position:relative; width:1420px;}
.productlist-area .innner {position:relative; width:100%; padding: 0px 93px;}
.productlist-area .product-item {float:left; width:25%; padding:25px 17px 25px 17px; }
.productlist-area .product-item:nth-child(4n+1) {clear:both; }

/*.productlist-area .product-item:first-child,
.productlist-area .product-item:nth-child(4n+1) {padding:25px 17px 25px 0px; }
.productlist-area .product-item:nth-child(4n) {padding:25px 0px 25px 17px; }*/

.productlist-area .product-item .n-gift_image {overflow:hidden; margin:0 0 20px 0; width:100%; min-height:275px; background-size:cover; background-position: center center; text-indent:-9999em; border-radius:20px; border: 1px solid #f5f5f5;}

.productlist-area .product-item .n-gift_area {text-align:left; font-weight:300; color:#40bad5; }
.productlist-area .product-item .n-gift_title {overflow: hidden; margin-bottom:0px; /*margin-bottom:15px;*/ font-size:1.13em; font-weight:400; line-height:1.33em; max-height: 2.7em; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap: break-word; white-space: normal; word-break:keep-all; text-align:left; }
.productlist-area .product-item .n-gift_attr {text-align:left; margin-top:5px; /*margin-bottom:15px; */ font-size:1.0em; font-weight:300; color:#888; line-height:1.33em; }
.productlist-area .product-item .n-gift_price {margin-top:15px; text-align:left; font-size:1.2em; font-weight:700;}

:root {--re-swiper-navigation-size: 60px;}
.productlist-area .swiper-button-next,
.productlist-area .swiper-button-prev {
	width: var(--re-swiper-navigation-size);
	height: var(--re-swiper-navigation-size);
	margin-top: calc(0px - (var(--re-swiper-navigation-size)/ 2));
}
.productlist-area .swiper-button-next, 
.productlist-area .swiper-rtl .swiper-button-prev {right:0px;}

.productlist-area .swiper-button-prev, 
.productlist-area .swiper-rtl .swiper-button-next {left:0px; }

.productlist-area .swiper-button-next:after, 
.productlist-area .swiper-rtl .swiper-button-prev:after {display:none;}
.productlist-area .swiper-button-prev:after, 
.productlist-area .swiper-rtl .swiper-button-next:after {display:none;}

.productlist-area .swiper-button-next:before {content:""; display:inline-block; width:60px; height:60px; background:url("./../images/contents/swipe_ctrl_next.png") no-repeat center center; background-size:100% auto;}
.productlist-area .swiper-button-prev:before {content:""; display:inline-block; width:60px; height:60px; background:url("./../images/contents/swipe_ctrl_prev.png") no-repeat center center; background-size:100% auto;}



#contestgoods-area {position:relative; padding:60px 0 0px 0; margin-bottom:100px;}
#contestgoods-area h2.tit {font-size:2.3em; text-align:center;}
#contestgoods-area img {max-width:100%;}

#information-area {position:relative; padding:20px 0 0px 0; margin-bottom:100px;}
#information-area h2.tit {font-size:2.3em; text-align:center;}
#information-area img {max-width:100%;}

.wide-infocon {margin-bottom:100px;  padding:100px 0 310px 0; background:#e9f6fc url("./../images/contents/information_bg1.png") no-repeat bottom center;; }
.wide-infocon h4 {margin-bottom:70px; font-size:2.66em; font-weight:700; text-align:center; }
.wide-infocon ul {overflow:hidden; margin:0 -15px; padding:0 0 60px 0; }
.wide-infocon ul li {position:relative; float:left; width:33.333%; padding:0 15px; }
.wide-infocon ul li .box {padding:50px 50px; font-size:1.13em; line-height:1.4em; text-align:center; word-break:keep-all; border-radius:20px; background:#fff; box-shadow: 0px 11px 20px rgba(0,0,0,0.1);}
.wide-infocon ul li .box:after {position:absolute; bottom:-10px; left:50%; margin-left:-21px; content:""; display:inline-block; width:30px; height:30px; background:#fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.shop_imgcon {margin-bottom:40px;}
.shop_imgcon img {max-width:100%;}

.picimg_infolist {overflow:hidden; margin-bottom:100px;}
.picimg_infolist li {float:left; width:25%; text-align:center;}
.picimg_infolist li dl dt {padding:170px 0 10px 0; font-size:1.33em; font-weight:700; white-space:pre-line;}
.picimg_infolist li dl dt.pic1 {background: url("./../images/contents/information_img1.png") no-repeat top center}
.picimg_infolist li dl dt.pic2 {background: url("./../images/contents/information_img2.png") no-repeat top center}
.picimg_infolist li dl dt.pic3 {background: url("./../images/contents/information_img3.png") no-repeat top center}
.picimg_infolist li dl dt.pic4 {background: url("./../images/contents/information_img4.png") no-repeat top center}
.picimg_infolist li dl dd {font-size:1.13em; font-weight:300; white-space:pre-line;}

.mapArea {width:100% !important; }

.info_data {margin-top:20px; }
.info_data li {padding:10px 0 10px 20px; font-size:1.13em; font-weight:300; line-height:1.3em;}
.info_data li:nth-child(1) {background: url("./../images/contents/info_pic1.png") no-repeat left 14px; background-size:16px auto;}
.info_data li:nth-child(2) {background: url("./../images/contents/info_pic2.png") no-repeat left 14px; background-size:16px auto;}
.info_data li:nth-child(3) {background: url("./../images/contents/info_pic3.png") no-repeat left 14px; background-size:16px auto;}
.info_data li:nth-child(4) {background: url("./../images/contents/info_pic4.png") no-repeat left 14px; background-size:16px auto;}

#sub-viesual {position:relative; background: url("./../images/visual/sub_visual.png") no-repeat top center; background-size:cover;}
#sub-viesual .visi_tit {margin:0 0; font-size:3.333em; font-weight:700; line-height:250px; text-align:center; color:#000;}

#sub-contents {position:relative; padding:70px 0;}

/* »óÇ°ÀÌ ¾øÀ»¶§ */
.resultgoos_nodata {position:relative; margin-top:5rem; padding:10rem 1rem; text-align:center; background: url("./../images/contents/nodata_pic.png") no-repeat top center;}
.resultgoos_nodata h4 {font-size:2.333em;}
.resultgoos_nodata p {font-size:1.13em; }
.resultgoos_nodata .back_btn {display:inline-block; margin-top:4rem; padding:1.5rem 3rem; border:1px solid #dbdbdb;}


/* ±â³äÇ° °ø¸ðÀü */
.contestlist-filter > li a {
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;}

/* .productlist-area .product-item .n-gift_image {overflow:hidden; margin:0 0 20px 0; width:100%; min-height:275px; background-size:cover; background-position: center center; text-indent:-9999em; border-radius:20px; border: 1px solid #f5f5f5;}

.productlist-area .product-item .n-gift_area {text-align:left; font-weight:300; color:#40bad5; }
.productlist-area .product-item .n-gift_title {overflow: hidden; margin-bottom:15px; font-size:1.06em; font-weight:300; line-height:1.33em; min-height: 2.7em; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap: break-word; white-space: normal; word-break:keep-all; text-align:left; }
.productlist-area .product-item .n-gift_price {text-align:left; font-size:1.2em; font-weight:700;}*/

.contestlist-area {margin:0 -17px;}

.contestlist-item {margin: 0; padding:0px 17px 25px 17px;}

.contest-product-wrap .img {overflow:hidden; margin:0 0 15px 0; border-radius:15px; border: 1px solid #f5f5f5;}
.contest-product-wrap .n-gift_area {text-align:left; font-weight:300; color:#40bad5; }
.contest-product-wrap .n-gift_title {overflow: hidden; margin-bottom:5px; font-size:1.13em; font-weight:500; line-height:1.33em; max-height: 2.7em; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap: break-word; white-space: normal; word-break:keep-all; text-align:left; }
.contest-product-wrap .n-gift_name {font-size:0.93em; font-weight:300; color:#666;}
.contest-product-wrap .n-gift_price {text-align:left; font-size:1.2em; font-weight:700;}

.contestlist-item .contest-product-wrap {position:relative; }
.contestlist-item .contest-product-wrap .n-gift-mark {overflow:hidden; position:absolute; left:20px; top:20px; display:inline-block; }

.contestlist-item.level1 .n-gift-mark {width:54px; height:66px; background: url("./../images/contents/mark_img1.png") no-repeat top center; background-size:100% auto; text-indent:-9999em;}
.contestlist-item.level2 .n-gift-mark {width:54px; height:66px; background: url("./../images/contents/mark_img2.png") no-repeat top center; background-size:100% auto; text-indent:-9999em;}
.contestlist-item.level3 .n-gift-mark {width:54px; height:66px; background: url("./../images/contents/mark_img3.png") no-repeat top center; background-size:100% auto; text-indent:-9999em;}
.contestlist-item.level4 .n-gift-mark {width:54px; height:66px; background: url("./../images/contents/mark_img4.png") no-repeat top center; background-size:100% auto; text-indent:-9999em;}
.contestlist-item.level5 .n-gift-mark {width:54px; height:66px; background: url("./../images/contents/mark_img5.png") no-repeat top center; background-size:100% auto; text-indent:-9999em;}
.contestlist-item.level6 .n-gift-mark {padding:4px 9px; font-size:12px; color:#fff; background:#40bad5; border-radius:20px;}


/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


/* @media screen and (min-width: 1351px) and (max-width: 1480px) {

}
@media screen and (min-width: 1201px) and (max-width: 1350px) {

}
@media screen and (min-width: 993px) and (max-width: 1200px) {	
	
	
}
@media screen and (min-width: 769px) and (max-width: 992px){
	
}
*/
@media screen and (max-width: 1470px){
	
	.productlist-area {width:1234px; }
	.productlist-area .innner {padding:0 0;}

}
@media screen and (min-width: 1201px) and (max-width: 1300px) {	
	
	.productlist-area {width:100%; max-width:1200px; }

}
@media screen and (min-width: 992px) and (max-width: 1200px) {	
	
	#m-viesual .item {height:500px;}
	#m-viesual .item .visi_tit {padding:105px 0 0 0;}

	#m-viesual .item.bg1 .img3 {right:25px; top:95px;}
	#m-viesual .item.bg1 .img4 {display:none;}
	
	#m-viesual .item.bg2 .img1 {right:26px; top:70px;}
	#m-viesual .item.bg2 .img2 {right:37rem; top:26rem;}
	#m-viesual .item.bg2 .img3 {right:0rem; top:19rem;;}
	
	#m-viesual .item.bg3 .visi_tit {padding:105px 0 0 0;}
	#m-viesual .item.bg3 .img2 {right:28rem; top:3rem; }
	#m-viesual .item.bg3 .img3 {right:4rem; top:4rem; }
	#m-viesual .item.bg3 .img4 {right:44rem; top:22rem; }
	#m-viesual .item.bg3 .img5 {right:11rem; top:38rem; }

	#m-viesual .item.bg4 .img1 {right:8%;}
	#m-viesual .item.bg4 .img2 {right:35rem; top:27rem; }
	#m-viesual .item.bg4 .img3 {right:0rem; top:30rem; }

	#m-viesual .item.bg5 .img2 {right:29rem; top:7rem; }
	#m-viesual .item.bg5 .img3 {right:0rem; top:17rem; }
	#m-viesual .item.bg5 .img4 {right:42rem; top:27rem; }
	
	/*#widebanner-area h2 span {display:block; margin-top:10px; }*/

	.productlist-category ul.youngmall li button {font-size:1.06em;}
		
	.productlist-area {width:100%; max-width:970px; }
	.productlist-area .product-item .n-gift_image {min-height:208px;}

	:root {--re-swiper-navigation-size: 40px;}
	.productlist-area .swiper-button-next:before,
	.productlist-area .swiper-button-prev:before {width:40px; height:40px;}


	#sub-viesual .visi_tit {font-size:3.0em; line-height:200px;}
	#sub-contents {padding:50px 0 0 0;}



}
@media screen and (max-width: 991px){
	
	#m-viesual .item {padding:0 30px; height:450px;}
	#m-viesual .item .visi_tit {padding:95px 0 0 0; font-size:2.8em;}
	#m-viesual .item .exp {font-size:1.0em;}
	
	#m-viesual .item.bg1 .img3 {right:0px; top:95px;}
	#m-viesual .item.bg1 .img4 {display:none;}

	#m-viesual .item.bg2 .img1 {right:26px; top:70px;}
	#m-viesual .item.bg2 .img2 {right:37rem; top:26rem;}
	#m-viesual .item.bg2 .img3 {right:0rem; top:19rem;;}
	
	#m-viesual .item.bg3 .visi_tit {padding:95px 0 0 0;}
	#m-viesual .item.bg3 .img2 {right:28rem; top:3rem; }
	#m-viesual .item.bg3 .img3 {right:4rem; top:4rem; }
	#m-viesual .item.bg3 .img4 {right:38rem	; top:19rem; }
	#m-viesual .item.bg3 .img5 {right:6rem; top:33rem; }

	#m-viesual .item.bg4 .img1 {right:6%;}
	#m-viesual .item.bg4 .img2 {right:27rem; top:22rem; }
	#m-viesual .item.bg4 .img3 {right:-2rem; top:25rem; }

	#m-viesual .item.bg5 .img2 {right:26rem; top:5rem; }
	#m-viesual .item.bg5 .img3 {right:0rem; top:13rem; }
	#m-viesual .item.bg5 .img4 {right:35rem; top:23rem; }

	#widebanner-area {padding:30px 15px 0 15px;}
	/*#widebanner-area h2 span {display:block; margin-top:10px; }*/

	#goodslist-area {padding:50px 15px 0 15px; margin-bottom:70px;}

	.productlist-category ul li button,
	.productlist-category ul li a {font-size:1.0em; line-height:45px;}	

	.productlist-category ul.col-7.youngmall li {width:25%; }
	
	.productlist-area {width:100%; max-width:970px; }
	.productlist-area .product-item {width:33.333%;}
	.productlist-area .product-item:nth-child(4n+1) {clear:none;}
	.productlist-area .product-item:nth-child(3n+1) {clear:both;}
	.productlist-area .product-item .n-gift_image {min-height:100px; padding-top:89%;}

	#contestgoods-area {padding: 40px 0 0px 0;}

	#information-area {margin-bottom:60px;}
	#information-area .productlist-category {padding:30px 15px 25px 15px;}
	
	.wide-infocon {margin-bottom:70px; padding:70px 0 310px 0;}
	.wide-infocon h4 {font-size:2.3em;}
	.wide-infocon ul {margin:0 0; padding: 0 0 40px 0;}
	.wide-infocon ul li .box {padding:30px; font-size:1.06em;}

	.shop_imgcon {padding:0 15px;}

	.picimg_infolist {margin-bottom:50px;}
	.picimg_infolist li {width:50%; padding-bottom:20px;}
	.picimg_infolist li dl dt {font-size:1.2em;}
	.picimg_infolist li dl dd {padding:0 15px;font-size:1.06em; word-break:keep-all;}

	.mapArea {padding:0 15px;}

	.info_data {padding:0 15px;}

	#sub-viesual .visi_tit {font-size:3.0em; line-height:190px;}
	#sub-contents {padding:40px 15px 0 15px;}


}
@media screen and (max-width: 900px){
	
	#m-viesual .item {padding:65px 30px; height:auto;}
	#m-viesual .item .visi_tit {padding: 0px 0 0 0; text-align:center;}
	#m-viesual .item .exp {text-align:center;}
	
	#m-viesual .item.bg1 .img1 {left:50%; top:50%; margin-left:-23%; margin-top:-20.5%;}
	#m-viesual .item.bg1 .img2,
	#m-viesual .item.bg1 .img3,
	#m-viesual .item.bg2 .img1,
	#m-viesual .item.bg2 .img2,
	#m-viesual .item.bg2 .img3,
	#m-viesual .item.bg3 .img1,
	#m-viesual .item.bg3 .img2,
	#m-viesual .item.bg3 .img3,
	#m-viesual .item.bg3 .img4,
	#m-viesual .item.bg3 .img5,
	#m-viesual .item.bg4 .img1,
	#m-viesual .item.bg4 .img2,
	#m-viesual .item.bg4 .img3,
	#m-viesual .item.bg5 .img1,
	#m-viesual .item.bg5 .img2,
	#m-viesual .item.bg5 .img3,
	#m-viesual .item.bg5 .img4 {display:none;}

	#m-viesual .item.bg3 .visi_tit {padding:0px 0 0 0;}

	#goodslist-area {padding:30px 15px 0 15px;}

	:root {--re-swiper-navigation-size: 40px;}
	.productlist-area .swiper-button-next:before,
	.productlist-area .swiper-button-prev:before {width:40px; height:40px;}

}
@media screen and (max-width: 768px){
	
	#m-viesual .item {padding:45px 30px;}
	#m-viesual .item .visi_tit {font-size:2.3em;}
	
	/*#widebanner-area a {padding:32px 40px 80px 40px;}
	#widebanner-area h2 {font-size:1.6em;}*/

	#goodslist-area h2.tit {font-size:2.0em;}
	#goodslist-area .exp_txt {font-size:1.0em;}
	
	.productlist-category {padding:30px 0 20px 0;}
	
	/* .productlist-category ul.col-5 li,
	.productlist-category ul.col-6 li,
	.productlist-category ul.col-7 li,
	.productlist-category ul.col-8 li,
	.productlist-category ul.col-9 li {width:16.666%;}*/

	.productlist-category ul li button,
	.productlist-category ul li a {font-size:0.93em; }

	.productlist-area .product-item {padding:15px 10px;}
	
	#contestgoods-area {padding: 30px 0 0px 0;:}
	#contestgoods-area h2.tit {font-size:2.0em;}
	
	.wide-infocon {padding: 70px 0 180px 0; background-size:auto 220px; background-position:center 106%;}
	.wide-infocon h4 {padding:0 15px; margin-bottom:50px;font-size:1.86em;}
	.wide-infocon ul {padding: 0 0 10px 0;}
	.wide-infocon ul li {float:none; width:100%; margin-bottom:20px; }
	.wide-infocon ul li .box:after {display:none;}

	.info_data li {font-size:1.06em;}

	#sub-viesual .visi_tit {padding:50px 0; font-size:2.6em; line-height:1.0em; }

	#sub-contents {padding:30px 15px 0 15px;}

	.resultgoos_nodata h4 {font-size:2.0em;}
	.resultgoos_nodata p {font-size:1.06em; }
	.resultgoos_nodata .back_btn {font-size:0.86em;}

}
@media screen and (max-width : 576px){

	/*#widebanner-area a {padding:30px 20px 80px 20px; background-position:bottom center;}
	#widebanner-area h2 {line-height:1.4em;}
	#widebanner-area h2 span {font-size:14px; line-height:1.0em;}*/

	#goodslist-area h2.tit {font-size:1.86em;}
	#goodslist-area .exp_txt {font-size:0.93em;}

	.productlist-category ul.col-5 li,
	.productlist-category ul.col-6 li,
	.productlist-category ul.col-7 li,
	.productlist-category ul.col-8 li,
	.productlist-category ul.col-9 li {width:20%;}

	.productlist-category ul.col-7.youngmall li {width:33.333%; } 

	.productlist-category ul li button,
	.productlist-category ul li a {font-size:0.86em; line-height:35px;}

	.productlist-area .product-item {width:50%;}
	.productlist-area .product-item:nth-child(3n+1) {clear:none;}
	.productlist-area .product-item:nth-child(2n+1) {clear:both;}

	#contestgoods-area h2.tit {font-size:1.53em;}

	.wide-infocon h4 {font-size:1.6em; line-height:1.5em; word-break:keep-all;}

	.wide-infocon {margin-bottom:50px; }
	
	.picimg_infolist {margin-bottom:20px;}
	.picimg_infolist li {float:left; width:100%; padding-bottom:20px; }
	.picimg_infolist li dl dt {padding:135px 0 10px 0;}
	.picimg_infolist li dl dt.pic1,
	.picimg_infolist li dl dt.pic2,
	.picimg_infolist li dl dt.pic3,
	.picimg_infolist li dl dt.pic4 {background-size:120px auto;}
	
	#sub-viesual .visi_tit {font-size:2.3em;}

	.resultgoos_nodata h4 {font-size:1.7em;}
	.resultgoos_nodata p {font-size:0.86em; }
	
}
@media screen and (max-width : 486px){ 
	
	#m-viesual .item {padding:40px 20px;}
	#m-viesual .item .visi_tit {margin-top:0px; font-size:2.0em;}
	#m-viesual .item .exp {margin-bottom:0px; font-size:0.83em; white-space:normal;}

	#goodslist-area .exp_txt {font-size:0.83em;}
	
	.productlist-category ul.col-5 li,
	.productlist-category ul.col-6 li,
	.productlist-category ul.col-7 li,
	.productlist-category ul.col-8 li,
	.productlist-category ul.col-9 li {width:25%;}
	
	.contestlist-area {margin:0 -7px;}
	.contestlist-item {padding:0 7px 20px 7px;}
	.contestlist-item .contest-product-wrap .n-gift-mark {top:10px; left:10px; }

	.contestlist-item.level1 .n-gift-mark,
	.contestlist-item.level2 .n-gift-mark,
	.contestlist-item.level3 .n-gift-mark,
	.contestlist-item.level4 .n-gift-mark,
	.contestlist-item.level5 .n-gift-mark {width:35px;}
	.contestlist-item.level6 .n-gift-mark {font-size:10px;}

}
@media screen and (max-width: 360px){

	#m-viesual .item .visi_tit {font-size:1.86em; white-space:normal; word-break:keep-all; }
	
	
	.productlist-category ul.col-7.youngmall li {width:50%; }

}