.section_area {padding: 5vw 0;}
.section_area .more_btn {padding: 20px 30px;background: var(--secondary);color: white;font-size: 15px;font-weight: 400;display: inline-flex;align-items: center;}
.section_area .more_btn span{display:inline-block;width: 7px;aspect-ratio: 1/1;border-radius: 50px;background: white;margin-left: 60px;}
.section_area .more_btn:hover span{margin-left:45px;width:10px}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .item_row { margin: 0 1em; }
.section_area .titleBox{margin-bottom:30px;}
.section_area .titleBox p{color: #42413f;font-family: "Nunito Sans", serif;font-size: 15px;letter-spacing: .5px;font-weight: 600;}
.section_area .titleBox h2{display: flex;align-items: center;font-size: 50px;letter-spacing: 5px;color: #4b4b4b;font-weight: 600;margin: 5px 0;}
.section_area .titleBox h2 b{color: var(--primary);font-weight: 600;}
.section_area .titleBox article{margin-bottom:30px;word-spacing: 100vw;color: #636160;font-size: 20px;letter-spacing: 2px;}

/* about_area */
#about_area {}
#about_area .workframe {display: grid;justify-content: space-between;position: relative;width: min(90%, 1620px);grid-template-columns: 53% 40%;}
#about_area .titleBox{position:absolute;width: 20%;top: 10px;left: 60px;margin: 0;}
#about_area .info_box {margin-top: 55px;}
#about_area .info_box article{margin-bottom: 90px;}
#about_area .info_box p{line-height: 2.5;}
#about_area .info_box p a{vertical-align: baseline;}
#about_area .info_box h2 { margin-bottom: 1em; }
#about_area .img_box {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;}
#about_area .img_box img:last-child{animation: aboutImgAnimation 10s ease-in-out infinite;}
@keyframes aboutImgAnimation{0%{-webkit-transform:translateY(0);transform:translateY(0);}50%{-webkit-transform:translateY(10px);transform:translateY(10px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}
#about_area .img_box img:first-child{margin-top: 270px;}
#about_area .img_box img {width: 100%;aspect-ratio: 4/6;}

/* photo_list */
#photo_list{width: 85%;margin: -24vw 0 0 auto;background: rgb(213 210 195 / 20%);padding: 260px 13% 90px 370px;display: flex;justify-content: space-between;align-items: flex-end;position: relative;z-index: -1;}
#photo_list h3{font-family: 'ChenYuluoyan-Thin', serif;font-size: 35px;font-weight: 300;}
#photo_list p{display:inline-flex;align-items: center;}
#photo_list p b{font-family: 'ChenYuluoyan-Thin', serif;margin-left: 5px;font-size: 35px;font-weight: 300;}

/* popular_area */
#popular_area {padding: 0 0 4vw 0;}
#popular_area .list_box{margin:0}
#popular_area .titleBox article{margin:0}
#popular_area:before { position: absolute; display: block; top: 0; left: 0px; content: ""; background-image: url(/images/39/img-all-Bg.png); background-repeat: no-repeat; z-index: -1; height: 100%; width: 100%; opacity: 0.8; }
#popular_area .title_box {display: grid;grid-template-columns: 1fr 170px;gap: 20px;justify-content: space-between;align-items: center;margin: 0 20px;}
#popular_area .list_box #imglist {display: grid;grid-template-columns: 68% 30%;width: 100%;gap: 20px;align-items: end;}
#popular_area .list_box #imglist .leftbox { position: relative; }
#popular_area li, #product_area .productList li {border-bottom: 1px solid #d5d2c3;padding-bottom: 20px;}
#popular_area li .info_box {position: relative;letter-spacing: 0.5px;background-color: #fff;overflow: hidden;}
#popular_area li .info_box .Img img, #product_area .productList .Img_box img { aspect-ratio: 2.8 / 2.2; object-fit: cover; }
#popular_area li .info_box .price {position: absolute;bottom: 0;background-color: rgb(190 165 148 / 80%);width: 100%;display: flex;padding: 10px 20px;justify-content: space-between;align-items: baseline;}
#popular_area li .info_box .price font, #popular_area li .info_box .price .number {color: white;display: flex;align-items: baseline;letter-spacing: 1.5px;}
#popular_area li .info_box .price font b, #product_area .txt_box .price font b {color: #ffffff;font-size: 27px;line-height: 140%;margin-right: 5px;font-family: "Nunito Sans", serif;font-weight: 600;}
#popular_area li .txtitems {position: relative;color: #a6a6a6;margin-top: 15px;}
#popular_area li .txtitems h2, #product_area .txt_box .InfoList h2 {font-size: 22px;height: auto;font-weight: 500;}
#popular_area li .txtitems article, #product_area .txt_box .InfoList article {font-size: 15px;color: #656565;letter-spacing: .5px;}
#popular_area li .txtitems .btn {display: flex;position: relative;color: #59412d;align-items: center;margin-top: 25px;padding: 0;font-size: 16px;font-weight: 500;line-height: 1;}
#popular_area li .txtitems .btn svg {fill: #59412d;width: 20px;height: 20px;position: relative;margin-left: 20px;}
#popular_area li .txtitems .btn::after {content: "";display: block;width: 1px;height: 18px;background: #59412d;position: absolute;left: 101px;opacity: .5;}
#popular_area .img_nav li { margin: 0 20px; position: relative; }
#popular_area .img_nav .img_show { margin: 0 10px 0; }
#popular_area .img_nav img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
#popular_area .img_box li {position: relative;margin: 0 10px;}
#popular_area .img_box li .txtitems { margin-top: 26px; }
#popular_area .img_box li .txtitems h2 {font-size: 30px;height: auto;}
#popular_area .img_box li .info_box .Img img { aspect-ratio: 2.7 / 2.2; }
#popular_area .rightbox li .txtitems .btn{margin-top: 64px;}
.productbtn { display: flex; justify-content: space-between; align-items: center; }

#product_prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); position: relative; }
#product_prev, #product_next {-webkit-box-shadow: 0px 10px 10px 2.4px rgb(184 190 196 / 31%);box-shadow: 0 0 20px 2.4px rgb(192 192 192 / 30%);border-radius: 150px;padding: 20px;}
#product_next{background:var(--secondary)}
#product_prev svg, #product_next svg {width: 35px;height: 35px;fill: var(--secondary);display: flex;align-items: center;justify-content: center;}
#product_next svg {fill: white;}

/* product_area */
#product_area { overflow: hidden; background-image: url(/images/39/img-all-Bg.png); background-repeat: no-repeat; padding: 5vw 0 3vw; }
#product_area .plist { margin: 120px 20px 80px; }
#product_area .product_tab .tab_row { position: absolute; pointer-events: none; top: 0; opacity: 0; }
#product_area .product_tab .tab_row.active { position: relative; pointer-events: auto; opacity: 1; }
#product_area::before { content: ''; position: absolute; height: 470px; width: calc(100% - 130px); top: 0px; left: 0px; background: url(/images/39/img-p-bg.png) no-repeat center / cover; background-position: 100% 0%; background-size: cover; opacity: 1; z-index: 1; }
#product_area::after { content: ''; position: absolute; height: 400px; width: calc(100% - 130px); top: 70px; right: 0px; background: #fff; background-position: 100% 0%; background-size: cover; opacity: 1; z-index: 0; }
#product_area .productBG { content: ''; position: absolute; height: 74%; width: calc(100% - 130px); top: 300px; right: 0; background: #ffffff; opacity: 1; z-index: 3; border-radius: 50px 0 0 0; }
#product_area .title_box .page_title { color: var(--complement); }
#product_area .title_box font:first-child, #product_area .title_box .noteBox { color: var(--white); }
#product_area .title_box .page_title::after { background-color: var(--complement); }
#product_area .producttbox { display: grid; grid-template-columns: 1fr 500px; gap: 20px 20px; align-items: center; margin: 0 20px; }
.mainClassBox .classLink { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 20px; }
.mainClassBox .classLink li { position: relative; cursor: pointer; overflow: hidden; background-color: var(--white); display: inline-block; border-radius: 50px; text-align: center; padding: 10px; }
.mainClassBox .classLink li span { color: var(--primary); font-size: 18px; font-weight: 600; letter-spacing: 2px; }
.mainClassBox .classLink li span.pageBefore { display: none; }
.mainClassBox .classLink li.active .Trigger { color: var(--white); }
.mainClassBox .classLink li.active { background-color: var(--complement); }
.mainClassBox .classLink li:hover { background-color: var(--complement); }
.mainClassBox .classLink li:hover span { color: var(--white); }
#product_area .productList { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 35px; }
#product_area .productList .Img_box { overflow: hidden; border-radius: 20px; position: relative; }
#product_area .productList .Img_box a { position: relative; }
#product_area .productList .objectLabel { position: absolute; z-index: 10; top: 0; left: 0; padding: 6px 16px; color: #fff; background-color: var(--primary); font-weight: 500; letter-spacing: 1px; font-size: 17px; }
#product_area .txt_box .price { display: flex; align-items: baseline; justify-content: space-between; margin-top: 10px; }
#product_area .txt_box .number { color: #3b3b3b; letter-spacing: 1px; }
#product_area .txt_box .price font { display: flex; align-items: baseline; position: relative; }
#product_area .txt_box .price font::after { content: ""; display: block; width: 1px; height: 20px; background: var(--primary); position: absolute; left: -20px; top: 15px; opacity: .5; }
#product_area .txt_box .price font b { color: var(--primary); font-size: 29px; }
#product_area li:hover .Img_box:after { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#product_area li .Img_box:after { content: ""; position: absolute; background: #103725; width: 150%; padding-top: 100%; border-radius: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; top: 100%; opacity: 0.4; -webkit-transition: all 0.3s 0.05s ease-in-out; transition: all 0.3s 0.05s ease-in-out; }

/* book_area */
#book_area{padding:0;position: relative;}
#book_area:before{content:'';position: absolute;top: 0;left: 0;width: 95%;height: 100%;border: 1px solid #d5d2c3;border-radius: 0 350px 350px 0;}
#book_area:after{content:'';position: absolute;top: 0;right: -20%;width: 30%;height: 100%;border: 1px solid #d5d2c3;border-radius: 350px 0 0 350px;}
#book_area .workframe{margin:0;width: 85%;display: grid;grid-template-columns: 55% 38%;justify-content: space-between;align-items: center;}
#book_area .img img{aspect-ratio: 3.9/3;object-fit: cover;}
#book_list ul{display:grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 50px;}
#book_list li img{width:90px;aspect-ratio: 1/1;margin: 0 auto 20px;display: block;}
#book_list li h3{font-size:18px;text-align: center;background: var(--secondary);color: white;padding: 10px 0;font-weight: 400;letter-spacing: 1px;margin-bottom: 30px;}
#book_list li p{text-align:center;}

/* comment_area */
#comment_area .workframe{width: min(90%, 1560px);}
#comment_area .titleBox{display:flex;flex-direction: column;align-items: center;}
#comment_area .slick-dots li button{width: 10px;height: 2px;padding:6px}
#comment_area .slick-dots li button:before{content:'';width: 10px;height: 1px;line-height:0px;background: #000;}
#comment_area .slick-dots{position:relative;margin-top: 15px;bottom:0}
#comment_area .slick-dots li{width: 10px;height: 1px;display:inline-flex;background: none;border-radius: unset;margin: 0 5px;outline-offset: unset;outline: unset;}
#comment_area li{margin: 10px 15px;border: 1px solid #e5dcd1;}
#comment_area li .box{background: #e5dcd1;position: relative;display: flex;flex-direction: column;justify-content: center;padding: 20px 20px;}
#comment_area li .box h3{font-size:20px;font-weight: 400;letter-spacing: 1px;}
#comment_area li .box p{color:#daa520;font-size:17px}
#comment_area li .box img{width:115px;aspect-ratio: 1/1;object-fit: cover;position: absolute;right: 20px;border-radius: 50%;}
#comment_area li .tt{padding: 30px 30px;}
#comment_area li article{-webkit-line-clamp: 4;height: 108px;}

/* 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){
    #book_area:before{width: 99%;}
    #book_list li h3{font-size: 17px;}
    #book_area .workframe{width: 90%;}
    #about_area .info_box article{margin-bottom: 40px;}
    #photo_list{padding: 170px 10% 90px 250px;}
    #book_area:after{right: -25%;}
}
@media screen and (max-width: 1400px){
    #book_area .img img{height:100%;}
    #book_area{border-top: 1px solid #d5d2c3;border-bottom: 1px solid #d5d2c3;}
    #book_area .box{margin: 60px 0;}
    #book_area:before, #book_area:after{display:none;}
    #book_area .workframe{width: 95%;grid-template-columns: 50% 45%;align-items: stretch;}
}
@media screen and (max-width: 1024px){
    #book_area .box{width:90%;margin: 60px auto;}
    #book_area .titleBox{display:flex;flex-direction: column;align-items: center;}
    #book_area .workframe{grid-template-columns:1fr;margin: 0 auto;width: 100%;}
    #book_area{border-top:0;margin-top: 20px;}
    .section_area .titleBox article{font-size:18px}
    #about_area .img_box{gap: 10px;}
    #about_area .info_box{margin-top:0}
    .section_area .titleBox h2{font-size: 35px;}
    #about_area .titleBox{width: 25%;left: 0;}
    #about_area .img_box img:first-child{margin-top: 230px;}
    #photo_list{width: 100%;margin-top: 50px;padding: 80px 10%;}
}
@media screen and (max-width: 768px){
    .bottombtn{position:absolute;right: 0;bottom: 30px;}
    .productbtn{gap: 20px;}
    #about_area .titleBox{position:relative;width: 100%;}
    #about_area .workframe{grid-template-columns:1fr}
    .section_area{padding:12vw 0}
	#about_area .img_box {width: 100%;max-width: inherit;margin-bottom: 20px;order: -1;}
    #about_area .img_box img:first-child, #about_area .img_box img:last-child{margin-top:0;animation: unset;}
	#about_area .info_box { order: 1; }
	#popular_area .list_box #imglist { grid-template-columns: 100% 0; gap: 0; }
	#popular_area .list_box #imglist .rightbox { display: none; }
	#popular_area .title_box { width: auto; display: flex; flex-direction: column; align-items: flex-start; margin: 0 10px 30px; }
	#product_area::before { width: calc(100% - 30px); }
	#product_area .productBG { width: calc(100% - 20px); }
	#product_area .productList #objectLabel { font-size: 14px; }
	#product_area .productList { gap: 30px 30px; grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 640px){
    #book_area .img img{height:auto;}
    #comment_area li .box img{width: 105px;}
    #comment_area li .box p{font-size:14px;}
    #comment_area li .box h3{font-size:18px;}
    #book_list ul{grid-template-columns:1fr;gap: 60px;}
    #book_list li{display:flex;flex-direction: column;justify-content: center;}
    #book_list li h3, #book_list li p{margin-left: 130px;}
    #book_list li h3{margin-bottom:10px;}
    #book_list li img{position:absolute;margin: 0;}
    #book_area .titleBox{align-items: flex-start;}
    #popular_area .titleBox article{width: 70%;}
    .bottombtn{position:absolute;right: 0;bottom: 30px;}
    .productbtn{display: flex;flex-direction: column;gap: 10px;}
    #product_prev, #product_next{padding:10px}
	#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%; }
}