.section_area {padding: 5vw 0;}
.section_area .area_title { position: relative; padding-bottom: .3em; letter-spacing: .1em; text-align: center; }
.section_area .area_title:before { position: absolute; width: 3em; height: .1em; background: var(--primary); display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.section_area .sub_title {font-weight: 500;color: #30201b;font-family: "Cormorant", serif;letter-spacing: 2px;margin-bottom: 3vw;}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }
section .more_btn{font-family: "Cormorant", serif;letter-spacing: 2px;display: inline-flex;align-items: center;border: 1px solid #e3dccf;padding: 18px 20px;gap: 80px;box-shadow: 0 0 0 3px white, 0 0 0 4px #e3dccf;}
section .more_btn:hover{gap:60px;}
section .more_btn span{position:relative;display:block;width: 25px;height:8px}
section .more_btn span:before{display:block;content:"";width:100%;height:1px;background-color: var(--info);position:absolute;top:auto;left:0;bottom:0;right:auto}
section .more_btn span:after{display:block;content:"";width:1px;height:100%;background-color: var(--info);position:absolute;top:auto;left:auto;bottom: 1px;right:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:bottom;transform-origin:bottom}

/* wrap */
#wrap{overflow:hidden;}

/* discount_area */
#discount_area .slick-dots li button{width: 15px;height: 2px;padding:6px}
#discount_area .slick-dots li button:before{content:'';width: 15px;height: 1px;line-height:0px;background: #fff;}
#discount_area .slick-dots{position: absolute;bottom: 2.5%;z-index: 10;}
#discount_area .slick-dots li{width: 15px;height: 1px;display:inline-flex;background: none;border-radius: unset;margin: 0 5px;outline-offset: unset;outline: unset;}

/* custom_area */
#custom_area{display:flex;justify-content: center;}
#custom_area .arrivalBox{position:absolute;z-index: 2;background: #fff;}
#custom_area .tt{display:flex;flex-direction: column;align-items: center;padding: 80px 0;}
#custom_area .tt h1{font-family: "Noto Serif TC", serif;color: var(--info);font-weight: 400;font-size: 18px;letter-spacing: 3px;}
#custom_area .tt h3{color:#30201b;font-size: 30px;font-family: "Cormorant", serif;font-weight: 500;letter-spacing: 3px;margin-bottom: 25px;text-transform: uppercase;}
#custom_area ul{gap: 0 520px;width:100%;background: #f8f8f8;display: grid;justify-content: space-between;grid-template-columns: repeat(2, 1fr);padding: 60px 0;}
#custom_area li{display:flex;flex-direction: column;align-items: center;padding: 70px 0;}
#custom_area li img{aspect-ratio: 3/4;object-fit: contain;width: 180px;}
#custom_area li h3{color:#30201b;font-size: 30px;font-family: "Cormorant", serif;font-weight: 500;letter-spacing: 3px;margin-top: 25px;text-transform: uppercase;}

/* about_area */
#about_area {background: #e3dccf;}
#about_area .workframe {width: min(85vw, 1320px);}
#about_area .info_box {display: grid;align-items: flex-start;grid-template-columns: 50% 40%;}
#about_area .info_box h2 {font-size: 33px;color: #30201b;word-spacing: 100vw;font-family: "Noto Serif TC", serif;letter-spacing: 2px;font-weight: 400;}
#about_area .info_box p{font-size:18px;color: #30201b;margin-bottom: 120px;line-height: 2.2;text-align: justify;letter-spacing: .5px;}
#about_area .more_btn{box-shadow: 0 0 0 3px #e3dcd0, 0 0 0 4px #fff;border: 1px solid #fff;}
#about_area .img_box { max-width: 50%; }
#about_area .img_box img { width: 100%; height: 100%; }

/* product_area */
#product_area{text-align:center;}
#product_area .fixTxt{position:absolute;right: 5vw;top: -6vw;}
#product_area .list_box{width: 97vw;margin: 0 auto 4vw;}
#product_area ul{display:grid;grid-template-columns: repeat(4, 1fr);}
#product_list li {margin: 0 30px;}

/* photo_area */
#photo_area .item_row { padding: 4% 6%; border: 2px var(--g_100) solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#photo_area .item_row .img_box img { width: 100px; aspect-ratio: 1/1; }
#photo_area .item_row .info_box { margin-left: 6%; width: 1%; flex: 1 1 auto; }
#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }

/* news_list */
#news_list .img_box { aspect-ratio: 5/3; }
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }

@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1024px){
    #product_area ul{grid-template-columns: repeat(2, 1fr);}
    #discount_area img{aspect-ratio: 6.5 / 3;}
    #custom_area .arrivalBox{width: 350px;}
    #custom_area ul{gap:0 350px;padding: 25px 0;}
    #custom_area li{padding:30px 0;}
}
@media screen and (max-width: 768px){
    .section_area{padding:10vw 0;}
    #custom_area ul{gap: 0;}
    #custom_area{display:block;}
    #custom_area img{width:100%;}
    #custom_area .arrivalBox{position:relative;width: 100%;}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box {grid-template-columns: 1fr;gap: 30px;}
}
@media screen and (max-width: 640px) {
    #product_area ul{grid-template-columns: 1fr;gap: 25px;}
    #custom_area li h3{font-size: 18px;letter-spacing: 2px;}
    #custom_area li img{width: 120px;}
    .section_area{padding: 14vw 0;}
    #about_area .info_box p{margin-bottom:50px;font-size: 16px;}
    #product_area .fixTxt{width: 40vw;top: -12vw;right: 2.5vw;}
	#photo_area .item_row .img_box { width: 100%; }
	#photo_area .item_row .img_box img { width: 100%; aspect-ratio: 1/1; }
	#photo_area .item_row .info_box { margin: .5em 0 0; width: 100%; }
}