.section_area {padding: 5vw 0;}
.section_area .area_title {position: relative;padding-bottom: 3.3em;letter-spacing: 0.1em;text-align: center;font-size: 22px;font-weight: 500;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.section_area .area_title:after {width: 3em;height: .1em;background: var(--primary);display: block;margin-bottom: 10px;content: "";margin-top: 10px;}
.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{background:var(--primary);color:white;box-shadow: 0 0 0 3px var(--primary), 0 0 0 4px #e3dccf;}
section .more_btn:hover span:before, section .more_btn:hover span:after{background:white;}
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: grid;justify-content: space-between;grid-template-columns: 45% 55%;}
#custom_area .arrivalBox{z-index: 2;background: #fff;display: flex;flex-direction: column-reverse;justify-content: space-between;align-items: center;}
#custom_area .arrivalBox img{width:100%;aspect-ratio: 1/1;object-fit: cover;}
#custom_area .tt{display:flex;flex-direction: column;align-items: flex-start;padding: 75px 0;width: 70%;}
#custom_area .tt h1{color: var(--info);font-weight: 400;font-size: 18px;letter-spacing: 1px;margin-bottom: 55px;}
#custom_area .tt .h3{color:#30201b;font-size: 40px;font-family: "Cormorant", serif;font-weight: 500;letter-spacing: 3px;text-transform: uppercase;}
#custom_area ul{width:100%;background: #f8f8f8;display: grid;justify-content: space-between;grid-template-columns: repeat(2, 1fr);}
#custom_area li{display:flex;flex-direction: column;align-items: center;padding: 70px 0;}
#custom_area li:nth-child(2), #custom_area li:nth-child(3){background: #ffffff;}
#custom_area li:nth-child(1) .more_btn, #custom_area li:nth-child(4) .more_btn{box-shadow: 0 0 0 3px #f8f8f8, 0 0 0 4px #e3dccf;}
#custom_area li .more_btn{position:relative;z-index: 9;}
#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;}
#custom_area li p{color:#30201b;font-size: 15px;font-weight: 500;letter-spacing: 3px;margin-bottom: 25px;text-transform: uppercase;}

/* about_area */
#about_area {background: var(--secondary);}
#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;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 var(--secondary), 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 3vw;}
#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: 1440px){
    #custom_area{grid-template-columns: 50% 50%;}
}
@media screen and (max-width: 1024px){
    #discount_area img{aspect-ratio: 6.5 / 3;}
    #custom_area .tt{width: 75%;margin: 0 auto;}
    #custom_area .tt .h3{line-height:1.2;margin-bottom: 10px;}
    #custom_area .arrivalBox{display:grid;grid-template-columns: 45% 50%;justify-content: space-between;}
    #custom_area .arrivalBox img{order:2}
    #product_area ul{grid-template-columns: repeat(2, 1fr);}
    #custom_area{grid-template-columns:1fr}
}
@media screen and (max-width: 768px){
    #custom_area .tt{padding: 0;}
    .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) {
    #custom_area li .more_btn{display:none;}
    #custom_area li p{font-size:12px;margin:0}
    #custom_area li{padding:30px 0}
    #custom_area .tt{margin: 40px auto;width: 80%;}
    #custom_area .arrivalBox{display:flex;flex-direction: column;}
    #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;aspect-ratio: 1/1;}
    .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%; }
}