@charset "utf-8";
/* CSS Document */

body{line-height:1.8;}
a{color:#333;}

.tb{display:none;}
.img_radius{border-radius:12px;}

/* ===== header ===== */
#header_top{padding-top:4%;background:url("image/top/head_bg.svg") no-repeat center top / cover;position:relative;}
.top2026 #header_top h1{width:180px;position:absolute;bottom:4px;left:50%;transform:translate(-50%, 0);z-index:10;text-align:center;}
.top2026 #header_top h1 a{display:block;}
.top2026 #header_top .btn_box{display:flex;position:absolute;right:20px;top:-2px;}
.top2026 .top2026 #header_top .btn_box .btn_item{width:60px;margin:0 10px;}
/* === globalmenu === */
.top2026 #global_menu{width:1000px;margin:0 auto 24px;padding-top:6%;display: block;}
.top2026 #global_menu ul{display:flex;}
.top2026 #global_menu ul li{width:calc((100% - 280px) / 6);padding:0;background:no-repeat top center / 40px;position:relative;font-size:14px;font-weight:700;text-align:center;}
.top2026 #global_menu ul li:nth-child(1){background-image:url("image/top/corporation_icon.svg");}
.top2026 #global_menu ul li:nth-child(2){background-image:url("image/top/itemlist_icon.svg");}
.top2026 #global_menu ul li:nth-child(3){background-image:url("image/top/newslist.svg");}
.top2026 #global_menu ul li.logo_box{width:280px;}
.top2026 #global_menu ul li:nth-child(5){background-image:url("image/top/access.svg");background-size:50px;}
.top2026 #global_menu ul li:nth-child(6){background-image:url("image/top/recruit_icon.svg");}
.top2026 #global_menu ul li:nth-child(7){background-image:url("image/top/contact.svg");background-size:25px;}
.top2026 #global_menu ul li::before{width:1px;height:40px;content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);background:#ccc;}
.top2026 #global_menu ul li:nth-child(1)::after{width:1px;height:40px;content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background:#ccc;}
.top2026 #global_menu ul li:last-child::after{width:1px;height:14px;content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);background:#ccc;}
.top2026 #global_menu ul li a{width:100%;padding:40px 8px 0;display:block;box-sizing:border-box;}
.top2026 .sp_menu h1{text-align:center;}
.top2026 .sp_menu h1 img{width:150px;}

/* ===== 共通 ===== */
.top2026 #contents{font-weight:500;}
.top2026 section{padding:40px 0;}
.top2026 .wrap_up{margin-top:-60px;}
/* === page_title === */
.top2026 #contents h2.page_title{margin-bottom:40px;font-size:28px;text-align:center;line-height:1.4;}
.top2026 #contents h2.page_title span{display: block;color:#439549;font-size:12px;}
.top2026 #contents h2.page_title::after{width:40px;margin:0 auto;content:url("image/top/title_line.svg");display: block;line-height: 0;}
/* === main_img === */
#main_img{margin-bottom:48px;position:relative;}
#main_img .main_img{margin-bottom:2%;}
#main_img .main_img img{width:100%;}
#main_img .catch{width:50%;position:absolute;top:25%;right:8%;}
#main_img .main_illust{margin-top:-20%;}
/* === topics === */
#topics{background:url("image/top/topics_bg.svg") no-repeat right 5% top / 10%;}
#topics .topics_wrap{max-width:1000px;margin:0 auto 40px;padding:12px 24px;background:#fefcec;border:2px solid #e4d0ab;box-sizing:border-box;position:relative;}
#topics .topics_wrap .topics_seal{position:absolute;top:-24px;left:50%;transform:translateX(-50%) rotate(8deg);}
#topics .topics_wrap::before,
#topics .topics_wrap::after{width:90%;margin:0 auto;content:url("image/top/topics_line.svg");display:block;}
#topics .topics_wrap h2.page_title{line-height:1.2;}
#topics .topics_wrap h2.page_title small{font-size:26px;}
#topics .topics_wrap .topics_txt{margin-bottom:24px;line-height:2;}
#topics .topics_wrap .topics_img{padding:8px;background:#FFFFFF;position:absolute;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.4);}
#topics .topics_wrap .topics_img.topics_img1{width:200px;top:90px;left:-140px;transform:rotate(-10deg);}
#topics .topics_wrap .topics_img.topics_img2{width:150px;bottom:64px;left:-120px;transform:rotate(5deg);}
#topics .topics_wrap .topics_img.topics_img3{width:150px;top:80px;right:-80px;transform:rotate(5deg);}
#topics .topics_wrap .topics_img.topics_img4{width:240px;bottom:24px;right:-160px;transform:rotate(-8deg);}
/* === about === */
.top2026 #about{margin-top:-80px;background:#f4f4f4;}
.top2026 #about .wrap{position:relative;}
.top2026 #about h2.page_title{margin-bottom:0;}
.top2026 #about .about_img{margin-bottom:24px;}
.top2026 #about .about_txt{max-width:inherit;margin-bottom:48px;}
.top2026 #about .about_btn{width:280px;margin:0 auto 24px;}
.top2026 #about .about_btn a{padding:8px 0;display:block;background:#439549;border:1px solid #439549;border-radius:24px;box-sizing:border-box;color:#fff;transition:0.4s;}
.top2026 #about .about_btn a:hover{background:#FFFFFF;color:#439549;}
.top2026 #about .about_image{position:absolute;}
.top2026 #about .about_image.about_img1{width:18%;top:-160px;left:-140px;}
.top2026 #about .about_image.about_img2{width:10%;top:-160px;right:-80px;}
.top2026 #about .about_image.about_img3{width:13%;bottom:-140px;left:-120px;}
.top2026 #about .about_image.about_img4{width:24%;bottom:0;right:-90px;}
/* === about_n === */
#about_n{padding-bottom:120px;background:url("image/top/about_n_bg.svg") no-repeat center bottom / 100%;}
#about_n .about_n_txt{margin-bottom:48px;}
#about_n .about_n_txt p:first-of-type{font-size:18px;font-weight:900;}
#about_n .marker{background:linear-gradient(transparent 50%, rgba(190, 87, 125, 0.6) 50%);}
#about_n .marker02{background:linear-gradient(transparent 50%, rgba(255, 201, 0, 0.6) 50%);}
#about_n .features:nth-of-type(even) .about_n_img{order:2;}
#about_n .features:nth-of-type(even) .about_detail{order:1;}
/* about_detail */
#about_n .about_detail h3{margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed #be577d;font-size:21px;font-weight:700;}
#about_n .about_detail h3 span{display:block;font-size:12px;color:#be577d;}
#about_n .about_detail{text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff;}
/* features02 */
#about_n #features02 .about_detail h3{border-color:#439549;}
#about_n #features02 .about_detail h3 span{color:#439549;}
/* features03 */
#about_n #features03 .about_detail h3{border-color:#ffc900;}
#about_n #features03 .about_detail h3 span{color:#ffc900;}
/* === products === */
#products{margin-top:-80px;background:#fffded;}
#products .wrap{position:relative;}
#products .products_item .products_img img{border-radius:8px;}
#products .products_item .products_box{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px dashed #be577d;}
#products .products_item h3{padding-bottom:8px;font-size:20px;}
#products #products02.products_item .products_box{border-color:#439549;}
#products #products03.products_item .products_box{border-color:#ffc900;}
#products .products_item .products_txt{display:flex;flex-direction:column;}
#products .products_item dl{padding:8px 12px;background:#95c036;color:#fff;}
#products .products_item dl dt{margin-bottom:4px;padding-bottom:4px;border-bottom:1px dashed #FFFFFF;font-size:15px;}
#products .products_item dl dd{font-size:12px;}
#products .products_txt .cart_btn{margin-top:auto;display:flex;justify-content:flex-end;flex-wrap:wrap;}
#products .products_txt .products_btn , #products .products_item .products_box .buy_btn{width:200px;margin:0 12px 0 0;display:inline-block;font-size:13px;font-weight:500;text-align:center;line-height:1.4;letter-spacing:0.1em;}
#products .products_txt .products_btn a{padding:6px 24px;display:block;background:#be577d;border:1px solid #be577d;border-radius:24px;color:#fff;transition:0.4s;}
#products .products_txt .products_btn a:hover{background:#FFFFFF;color:#be577d;}
#products #products03 .products_txt .products_btn a{background:#ffc900;border-color:#ffc900;}
#products #products03 .products_txt .products_btn a:hover{background:#FFFFFF;color:#ffc900;}
#products img.products_img1{width:10%;position:absolute;right:-14%;bottom:0;}
#products #products01 .products_box .buy_btn a{background:#FFFFFF;color:#be577d;}
#products #products01 .products_box .buy_btn a:hover{background:#be577d;color:#FFFFFF;}
#products #products03 .products_box .buy_btn a{background:#FFFFFF;color:#ffc900;}
#products #products03 .products_box .buy_btn a:hover{background:#ffc900;color:#FFFFFF;}
 
/* === recipe === */
#recipe .wrap{position:relative;}
#recipe .recipe_img{margin-bottom:24px;}
#recipe .recipe_txt{max-width:600px;margin:0 auto 64px;}
#recipe .recipe_item:nth-of-type(even) .recipe_img{order:2;}
#recipe .recipe_item:nth-of-type(even) .recipe_detail{order:1;}
#recipe .recipe_detail h3{margin-bottom:24px;padding-bottom:8px;border-bottom:1px dashed #439549;font-size:21px;font-weight:700;}
#recipe .recipe_detail h3 span{display:block;font-size:12px;color:#439549;}
#recipe .recipe_item .recipe_detail{font-size:15px;}
#recipe .recipe_item .recipe_detail .recipe_list{padding:2px 8px;background:#EFEFEF;font-size:12px;}
#recipe img.recipe_img1{width:14%;position:absolute;left:-12%;bottom:0;}
/* === news === */
.top2026 #news{background:#f4f4f4;}
.top2026 #news .news_btn{width:280px;margin:0 auto 24px;text-align:center;}
.top2026 #news .news_btn a{padding:8px 24px;display:block;background:#439549;border:1px solid #439549;border-radius:24px;color:#fff;text-align:center;transition:0.4s;}
.top2026 #news .news_btn a:hover{background:#FFFFFF;color:#439549;}
/* === contact === */
.top2026 #contact .contact_wrap{display:flex;justify-content:space-between;}
.top2026 #contact .contact_wrap .contact_adress{width:300px;}
.top2026 #contact .contact_wrap .contact_adress h4{text-align:center;}
.top2026 #contact .contact_wrap .contact_adress h4 img{width:200px;height:80px;}
.top2026 #contact .contact_wrap .contact_img{width:calc(100% - 340px);}
.top2026 #contact .contact_acc{margin-bottom:8px;padding:12px 0;border-top:1px dashed #439549;border-bottom:1px dashed #439549;}
.top2026 #contact .contact_acc p{margin-bottom:0;text-align:center;}
.top2026 #contact dl{display:flex;justify-content:center;}
.top2026 #contact dl, .top2026 #contact dl a{font-size:32px;font-weight:700;color:#439549;line-height:1;}
.top2026 #contact dl dd{margin-bottom:0;}
.top2026 #contact .f_tel dt{width:20px;margin-right:14px;}
.top2026 #contact .contact_wrap .contact_adress p{font-size:13px;}
/* === footer === */
#footer-top{background:#fff;color:#333;}
#footer-top .f_wrap{margin-top:-30px;padding-top:20px;background:#f4f4f4;position:relative;}
#footer-top .f_wrap .f_logo{margin-top:-148px;margin-bottom:24px;}
#footer-top .f_wrap .f_logo img{width:150px;}
#footer-top .f_wrap dl{width:260px;margin:0 auto;display: flex;}
#footer-top .f_wrap dl, .top2026 .f_wrap dl a{font-size:32px;font-weight:700;line-height: 1.6;color:#439549;}
#footer-top .f_wrap dt{width:24px;margin-right:12px;margin-top:-8px;}
#footer-top .f_wrap .f_tel dt{width:20px;margin-right:14px;}
#footer-top .f_wrap .f_fax dt{margin-top:-14px;}
/* download_btn */
#footer-top .f_wrap .download_btn{width:280px;margin:24px auto 48px;text-align:center;}
#footer-top .f_wrap .download_btn a{padding:4px 24px;display:block;background:#439549;border:1px solid #439549;border-radius:24px;box-sizing:border-box;transition:0.4s;color:#fff;}
#footer-top .f_wrap .download_btn a:hover{background:#FFFFFF;color:#439549;}
/* f_nav */
#footer-top .f_nav{padding-bottom: 20px;display: flex;justify-content: center;}
#footer-top .f_nav li{width:100px;color:#333;border-right:1px solid #333;}
#footer-top .f_nav li:nth-child(5){border:none;}
#footer-top .f_nav li a{font-size:13px;font-weight:600;}
/* copy */
#footer-top .copy{padding:12px 0;background:#439549;font-size:12px;color:#fff;}

@media screen and (max-width: 1400px) {
	#topics{overflow:hidden;}
	.top2026 #header_top h1{width:12%;}
	.top2026 #global_menu ul li{width:calc((100% - 24%) / 6);}
	.top2026 #global_menu ul li.logo_box{width:24%;}
}
@media screen and (max-width: 1300px) {
	#products,.top2026 #about{overflow:hidden;}
	.top2026 #about .about_image.about_img1{top:-32px;}
	.top2026 #about .about_image.about_img2{width:8%;top:-32px;transform:rotate(8deg);}
	.top2026 #about .about_image.about_img3{width:12%;bottom:-125px;}
	#products img.products_img1{right:-10%;}
	#footer-top .f_wrap .f_logo{width:140px;margin:-8% auto 24px;}
}
@media screen and (max-width: 1200px) {
	.top2026 #header_top .btn_box{width:64px;}
}
@media screen and (max-width: 1024px) {
	.wrap{width:94%;}
	.top2026 #global_menu{width:98%;box-sizing:border-box;}
	#topics .topics_wrap{width:96%;}
}

@media screen and (max-width: 1000px) {
	.top2026 #header_top{height:110px;}
	.top2026 #header_top h1{width:13%;min-width:100px;bottom:12px;}
	.top2026 #header_top .btn_box{width:48px;right:calc(1% + 56px);top:12px;}
	
	.top2026 .overlayMenuBtn{top:34px;height:26px;padding:8px;background:#FFFFFF;right:1%;}
	.overlayMenuBtn span{width:28px;}
	
	.top2026 #header_top #global_menu{display:none;}
	
	.top2026 #main_img .catch {width:510px;top:25%;left: 50%;transform: translate(-50%, -25%);}	
	
	.top2026 #about, .top2026 #products{margin-top: -20px;}
/* === topics === */
	#topics .topics_wrap .topics_gallery{display:flex;justify-content:space-between;flex-wrap:wrap;}
	#topics .topics_wrap .topics_gallery li{width:24%;margin:8px 0;}
	#topics .topics_wrap .topics_img{padding:4px;position:inherit;box-sizing:border-box;}
	#topics .topics_wrap .topics_img.topics_img1{width:100%;top:inherit;left:inherit;transform:rotate(0);}
	#topics .topics_wrap .topics_img.topics_img2{width:100%;bottom:inherit;left:inherit;transform:rotate(0);}
	#topics .topics_wrap .topics_img.topics_img3{width:100%;top:inherit;right:inherit;transform:rotate(0);}
	#topics .topics_wrap .topics_img.topics_img4{width:100%;bottom:inherit;right:inherit;transform:rotate(0);}
/* === about === */
	.top2026 #about .about_image.about_img1{width:15%;left:0;}
	.top2026 #about .about_image.about_img2{right:-3%;}
	.top2026 #about .about_image.about_img3{left:-5%;}
	.top2026 #about .about_image.about_img4{width:18%;bottom:-10%;right:-8%;}
/* === products === */
	#products img.products_img1{width:8%;right:-2%;bottom:-80px;}
	#products .products_item .products_box{padding-bottom:10px;}
	#products .products_txt .cart_btn{justify-content:center;}
/* === recipe === */
	#recipe img.recipe_img1{width:10%;left:-2%;}
}

@media screen and (max-width: 980px){
	#about_n .features .about_n_img{height:auto;}
	#about_n .features .about_n_img img{height:100%;object-fit:cover;border-radius:12px;}
	
	#products .products_txt .products_btn{width:240px;margin:4px 0;}
	#products .products_img{height:auto;}
	#products .products_img img{height:100%;object-fit:cover;}
	#products .products_item .products_box{justify-content:center;}
}

@media screen and (max-width: 780px){
	.tb{display:block;}
	body.admin-bar .top2026 #header_top {top: 0;}
	.top2026 #main_img .catch {width:80%;top:32%;transform:translate(-50%);}
	.top2026 .two_flex .item {width: 100%;}
	.top2026 .two_flex.f_reverse{flex-direction: column-reverse;}
	
	#topics .topics_wrap .topics_txt{text-align:left;}
	#topics .topics_wrap .topics_gallery li{width:48%;}
	
	.top2026 #about .about_txt{text-align:left;}
	
	#about_n{padding-bottom:24px;}
	#about_n .features{width:80%;}
	#products .wrap{width:80%;}
	#products .products_img{margin-bottom:12px;}
	#products .products_txt .cart_btn{display:block;text-align:center;}
	#products .products_txt .products_btn{width:230px;margin:4px 8px;}
	#products img.products_img1{right:-8%;}
	
	#recipe .wrap{width:80%;}
	#recipe .recipe_item .recipe_detail{margin-bottom:24px;}
	#recipe img.recipe_img1{width:15%;left:-8%;}
	
	.top2026 #contact{margin-bottom:60px;}
	.top2026 #contact .contact_wrap{flex-direction:column;}
	.top2026 #contact .contact_acc{width:fit-content;margin:0 auto 8px;}

	.top2026 #contact .contact_wrap .contact_adress, .top2026 #contact .contact_wrap .contact_img {width:100%;text-align:center;}
	.top2026 #contact dl {justify-content:center;}
	.top2026#footer-top .f_wrap {padding-top:80px;}
	.top2026#footer-top .f_wrap .f_logo {top:-20%;transform: translate(-50%, 0%);}
}

@media screen and (max-width: 740px) {
	.pc_tb{display:none;}
	.top2026 #header_top h1{left:5%;transform:translate(0, 0);}
	
	.top2026 #main_img .catch{width:90%;top:50%;transform:translate(-50%, -50%);}
	#main_img .main_img{height:60vh;}
	#main_img .main_img img{width:100%;height:100%;object-fit:cover;}
	.top2026 #contents h2.page_title{font-size:24px;}
	
	#topics .topics_wrap{padding:12px 16px;}
	#topics .topics_wrap h2.page_title small{font-size:21px;}
}

@media screen and (max-width: 640px) {
	.overlayMenuItem ul.sp_menu li{font-size:14px;}
	.overlayMenuItem ul.sp_menu li a{padding:8px 12px;}
	#about_n .about_n_txt p:last-of-type{text-align:left;}
	#features03, #about_n .about_n_img{margin-bottom:12px;}
	#products img.products_img1{width:18%;right:-2%;}
	#recipe img.recipe_img1{width:21%;}
	#about_n .features, #products .wrap, #recipe .wrap{width:90%;}
	#recipe .recipe_txt{text-align:left;}
	#footer-top .f_nav li{width:18%;}
	#footer-top .f_nav li a{font-size:11px;}
}