.section_area {padding: 5vw 0;position: relative;background-color: #fdfaf3;}
.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: var(--purple);display: flex;align-items: center;gap: 10px;font-family: "Lilita One", sans-serif;font-size: 60px;position: relative;line-height: 130%;text-transform: capitalize;}

.section_area .h2_title {font-weight: 700;font-size: 29px;letter-spacing: 2px;line-height: 140%;position: relative;padding-left: 50px;padding-right: 50px;display: inline-block;}
.section_area .h2_title::before, .section_area .h2_title::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -0.5px;
    width: 45px;
    height: 2px;
    background-color: var(--purple);
}
.section_area .h2_title::before {
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.section_area .h2_title::after {
    right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.section_area .circle {
    position: absolute;
    top: -30px;
    left: calc(50% - 171px);
    width: 110px;
    height: 110px;
    background-color: #df7938;
    border: 10px solid #ffd3b6;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.15;
    z-index: -1;
}
.section_area .more_btn {padding: 20px 1.7em;gap: 50px;background: linear-gradient(45deg, var(--primary), var(--purple));color: var(--white);display: inline-flex;align-items: center;border-radius: 50px;font-family: "Lilita One", sans-serif;letter-spacing: 1px;text-transform: capitalize;position: relative;font-size: 14px;}
.section_area .more_btn:before {content: "";width: 100%;height: 100%;display: block;background-color: transparent;position: absolute;top: 0;left: 0;border-radius: 50px;z-index: -1;}
.section_area .more_btn:hover:before{-webkit-animation:btnBasic10Ani 1s infinite ease-in-out;animation:btnBasic10Ani 1s infinite ease-in-out;background-color:#e27e39}
.section_area .more_btn:hover{background:linear-gradient(125deg,var(--primary),var(--purple))}
.section_area .more_btn span{display:inline-block;width:7px;aspect-ratio:1/1;background:white;border-radius:50px}
.section_area .more_btn:hover span{border:1px solid #fff;background:none}
.section_area .list_box{margin-top:1vmax}
.section_area .list_box .item_row{}
.section_area .list_box .item_row::before{content:"";position:absolute;width:80%;height:53px;background-color:var(--pink);bottom:-3px;left:0;right:0;margin:0 auto;border-radius:30px 30px 0 0;opacity:.5}
.section_area .list_box .slick-dots{position:relative;margin:1em 0;bottom:0}


/* about_area */
#about_area{padding:3vw 0 8vw 0}
#about_area:before{content:"";background-image:url(/images/01/bg_wave3.png);background-repeat:no-repeat;background-position:center;width:100%;height:232px;display:block;z-index:0;top:-150px;position:absolute}
#about_area:after{content:url(/images/01/img-hand.png);position:absolute;left:-40px;bottom:20px;animation-name:fish;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:2s;z-index:0}
@keyframes fish{0%{transform-origin:right bottom;transform:rotate(-3deg)}
100%{transform-origin:right bottom;transform:rotate(3deg)}
}
#about_area .workframe{display:grid;justify-content:space-between;width:min(90%,1440px);align-items:start;grid-template-columns:280px 78%;position:relative;z-index:10}
#about_area .info_box h1{margin:50px 0 40px;line-height:1.7;word-break:keep-all}
#about_area .info_box article p{line-height:2.2;text-align:center;margin:50px auto;width: 90%;}
#about_area .recipe_img{right:85px;top:-40px;position:absolute;pointer-events:none;z-index:1;width:340px;-webkit-animation:birdJitter 3s ease-in both infinite;animation:birdJitter 3s ease-in both infinite}
#about_area .pos2{position:absolute;right:-20px;bottom:-70px;line-height:0;overflow:hidden;border-radius:20px;-webkit-box-shadow:1px 1px 21px 0px rgba(0,0,0,0.03);box-shadow:1px 1px 21px 0px rgba(0,0,0,0.03);width:390px}
#about_area .img_box{margin-right:-100px;z-index:2}
#about_area .img_box img{width:100%;aspect-ratio:5/7;border-radius:20px;-webkit-box-shadow:1px 1px 21px 0px rgba(0,0,0,0.03);box-shadow:1px 1px 21px 0px rgba(0,0,0,0.03)}
#about_area .info_box{margin-top:100px;margin-right:65px;padding:85px 280px 85px 175px;max-width:960px;border-radius:20px;background-color:#ffffff;-webkit-box-shadow:1px 1px 21px 0px rgba(140,111,33,0.14);box-shadow:1px 1px 21px 0px rgba(140,111,33,0.14);text-align:center}
#about_area .titleBox{display:flex;flex-direction:column;align-items:center}

/* book_area */
#book_area{padding:3vw 0 6vw;background-image:url(/images/01/img-bookbottom.png);background-repeat:no-repeat;background-position:bottom;background-size:contain}
#book_area .workframe{width:min(90vw,1680px)}
#book_area .titleGroup{width:min(90%,1340px);margin:0 auto 2vw;display:flex;flex-direction:row;gap:40px;align-items:center;justify-content:space-between}
#book_area .titleGroup .titleBox{display:flex;flex-direction:row;align-items:baseline;gap:40px}
#book_area .titleGroup .textEditor{width:min(95%,390px)}
#book_area li:nth-child(even){margin-top:150px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}
#book_area li img{border-radius:50px;aspect-ratio:1 / 1;width:140px;margin:auto auto 20px;color:var(--primary);border:1px dashed var(--primary);border-radius:999px;padding:10px;-webkit-transition: all 1.6s linear;transition: all 1.6s linear;}
#book_area li:hover img{-webkit-animation:wobble-hor-bottom 1.6s both;animation:wobble-hor-bottom 1.6s both}
@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}
30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}
45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}
60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}
75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}
}

#book_area li p:before{content:"";width:100%;height:100%;display:block;background-color:transparent;position:absolute;top:0;left:0;border-radius:50px;z-index:0}
#book_area li:hover p:before{-webkit-animation:btnBasic10Ani 1s infinite ease-in-out;animation:btnBasic10Ani 1s infinite ease-in-out;background-color:#e27e39}
@keyframes btnBasic10Ani{0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}
100%{opacity:0;-webkit-transform:scale(1.15,1.4);transform:scale(1.15,1.4)}
}
#book_area li{margin:40px 30px;position:relative;display:flex;flex-direction:column;padding:20px 20px;position:relative;-webkit-transform:rotate(3deg);transform:rotate(3deg)}
li.aos-init.slick-slide.slick-current.slick-active.aos-animate{}
#book_area li:after{content:"";position:absolute;left:0;right:0;top:90px;bottom:0;margin:auto;z-index:-1;border-radius:35px;background-color:#ffffff;border:1px solid #ffffff;-webkit-box-shadow:0px 6px 15px 0px rgba(0,0,0,0.1);box-shadow:0px 6px 15px 0px rgba(0,0,0,0.1)}
#book_area li p{background:linear-gradient(45deg,var(--primary),var(--purple));height:auto;text-align:center;color:#fff;padding:10px 0.7em;border-radius:50px;position:relative;font-size:18px;font-weight:500;width:70%;margin:auto}
#book_area li:nth-child(even) p{}
#book_area li:hover p{background:linear-gradient(125deg,var(--primary),var(--purple))}
#book_area li .ellipsis{text-align:center;padding:20px 10px}

/* news_area */
#news_area{padding:4vw 0 5vw 0}
#news_area .sideBg{right:85px;top:-40px;position:absolute;pointer-events:none;z-index:1;width:340px;-webkit-animation:about11_jump_2 3.2s infinite 0.8s;animation:about11_jump_2 3.2s infinite 0.8s}
@keyframes about11_jump_2{0%{transform:translate(-50%,8%) scale(1,0.9)}
50%{transform:translate(-50%,-10%) scale(1,1)}
100%{transform:translate(-50%,8%) scale(1,0.9)}
}
#news_area .workframe{width:89vw;display:grid;grid-template-columns:8% 92%;justify-content:space-between;align-items:start;padding:80px 0 100px 40px;margin-right:0;border-radius:40px 0 0 40px;-webkit-transform:translateZ(0);transform:translateZ(0);background-color:#fdfaf3;flex-direction:row-reverse}
#news_area .titleBox{align-items:center;display:flex;flex-direction:column;align-content:center;gap:50px}
#news_area .titleBox .h2_title{writing-mode:vertical-lr;letter-spacing:4px}
#news_area .titleBox .btn{display:flex;flex-direction:column;gap:10px}
#news_area .titleBox .btn a{position:relative}
#new_prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); position: relative; }
#new_prev, #new_next {border-radius: 150px;}
#new_prev svg, #new_next svg {width: 50px;height: 50px;fill: var(--orange);display: flex;flex-direction: column;align-items: center;justify-content: center;background-color: var(--primary);border-radius: 150px;padding: 14px;}
#new_next svg {background-color: var(--primary);fill: var(--orange);}


/* 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{margin:0;margin-right: -90px;}
#news_list .bottom {display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;margin: 30px 60px 0;}
#news_list .linen{display:block;w;width: 80%;height: 4px;background: #a7867124;position: relative;}
#news_list .linen:before{content:'';position: absolute;top: 0;right: 0;height: 4px;background: var(--primary);width: 46%;}
#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; }
#news_list ul{margin-bottom: 50px;}
#news_list li{border:1px solid #f1f1f1;margin: 0 20px;padding: 60px 30px 0;border-radius: 30px;background-color: #ffff;}
#news_list li:nth-child(even){margin-top:35px;}
#news_list li font{font-family: "Arimo", sans-serif;font-size: 15px;color: var(--primary);font-weight: 600;display: flex;align-items: center;gap: 10px;position: relative;}
#news_list li font b{font-family: "Arimo", sans-serif;color: #303231;font-size: 15px;}
#news_list li font a{color: #8b7755;font-weight: 400;border: 1px solid #8b7755;display: inline-block;height: auto;font-size: 15px;padding: 3px 20px;position: absolute;right: 0;border-radius: 8px;}
#news_list li h3{font-size: 22px;-webkit-line-clamp: 2;height: auto;line-height: 1.6;margin: 15px 0;color: #292b2a;}
#news_list li .item_row >span{display: block;width: 22px;height: 4px;background: var(--primary);margin: 20px 0;}
#news_list li article{-webkit-line-clamp: 2;height: auto;font-size: 15px;text-align: justify;margin-bottom: 60px;margin-top: 40px;}
#news_list li p{display:flex;align-items: center;gap: 60px;color: var(--primary);justify-content: center;padding-bottom: 8px;z-index: 10;position: relative;}
#news_list li p span{display:inline-block;width: 7px;aspect-ratio: 1/1;background: linear-gradient(45deg, var(--primary), var(--purple));border-radius: 50px;}
#news_list li:hover p span{border:1px solid var(--primary);background:none}

/* product_area */
#product_area{padding: 5vw 0 11vw 0;}
#product_area .workframe{width: min(90vw, 1400px);z-index: 10;position: relative;}
#product_area .titleBox {display:flex;flex-direction: column;justify-content: center;align-items: center;position: relative;gap: 5px;margin-bottom: 60px;}
#product_area .btn{position:absolute;padding: 0;width: 120%;display: flex;justify-content: space-between;align-items: center;left: -10%;bottom: 50%;}
#product_area:before{content:url(/images/01/img-bird.png);position: absolute;right: 7%;top: 0;z-index: 10;animation-name: bird;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(0.79, 0.17, 1, 1);animation-duration: 3s;}
@keyframes bird{0%{top:-10%;right:0%;}100%{top:0;right:7%;}}
#product_area:after{content:'';position: absolute;background-color: #ffffff;width: 94%;height: 110%;top: 63%;left: 50%;transform: translate(-50%, -50%);z-index: 0;border-top-left-radius: 300px;border-top-right-radius: 300px;}

@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1440px){
    #about_area:after, #book_area:after{zoom: 70%;}
    #product_area .btn{left:-5%;width: 110%;}
    #product_area:after{width:96%;border-top-left-radius:150px;border-top-right-radius:150px}
}
@media screen and (max-width: 1280px){
	.section_area .sub_title{font-size:50px}
	.section_area .h2_title{font-size:24px}
	#product_area .btn{display:none}
	#news_area .workframe{width:100vw}
    #about_area:after,#book_area:after{zoom:50%}
	#about_area .info_box{padding:85px 120px 85px 155px;max-width:100%;margin-right:0;margin-top:0}
	#about_area .pos2{display:none}
	#about_area .recipe_img{right:-10px;top:-30px;width:260px}
}
@media screen and (max-width: 1024px){
    .section_area .h2_title{font-size: 23px;}
    .section_area .circle{width:60px;height:60px;top:-10px;left:calc(50% - 91px)}
    #news_list .linen{width:70%}
    #news_list .bottom{justify-content: center;}
    #news_list .linen{display:none;}
    #news_list{margin-top: 8vw;margin-right: 0;}
    #news_list li:nth-child(even){margin-top:0}
    #news_area .titleBox .h2_title{writing-mode: unset;}
    #news_area .titleBox .btn{display:none;}
    #news_area .workframe{display:block;padding: 40px 20px 40px;}
	#news_area .sideBg{right:-100px;top:-10px;width:auto}
	#book_area .titleGroup{display:flex;flex-direction:column;align-items:center;gap:30px}
	#book_area .titleGroup .titleBox{display:flex;flex-direction:column;align-items:center;gap:0}
	#book_area .titleGroup .textEditor{text-align:center}
	#about_area .workframe{grid-template-columns:1fr}
	#about_area .img_box{margin-right:0}
	#about_area .info_box{padding:55px 0px}
}
@media screen and (max-width: 768px){
	.section_area .sub_title{font-size:36px}
	#book_area li{margin:0 20px 50px}
	#about_area .info_box h2{margin:10px 0 30px}
	#about_area .workframe{grid-template-columns:1fr;gap:40px}
	#about_area .img_box{width:100%;max-width:inherit}
	#about_area .info_box article p{1;margin:10px auto 30px}
	#about_area .recipe_img,#product_area:before,#about_area:after,#book_area:after,#news_area .sideBg{display:none}
	#product_area{padding:10vw 0 16vw 0}
	#product_area .titleBox{margin-bottom:30px}
	#product_area:after{width:96%;border-top-left-radius:20px;border-top-right-radius:20px;top:60%}
	#news_list li{margin:0 10px}
	#contactBox:after{height:20px;bottom:-10px;background-position:50% 0%;background-size:cover}
}
@media screen and (max-width: 640px) {
    #about_area .workframe{display:block;}
    #book_area li, #book_area li:nth-child(even){margin-top:0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    #book_area:after{bottom: -200px;}
    .section_area{padding: 16vw 0;}
	#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%; }
}