@charset "utf-8";
/* Copyright 2024 design hack. */

/* ------------------------------------------------------------

PRODUCTS

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav#wrap_nav_main ul#nav_main li:nth-child(2) a img{opacity: 0;}
div#bg_h2_pc{background:url(/products/img/h2_bg.png) no-repeat center 0;height:520px;padding-top: 70px;}

/* about */
section#detail{width: 1200px;margin: 0 auto;padding: 0 0 140px 0;}
div#detail_wrap{overflow: hidden;margin-bottom: 135px;}
div#detail_wrap div#detail_box{float: left;width: 560px;}
div#detail_wrap div#detail_box h2{color: #272C26;font-size: 42px;font-weight:600;letter-spacing: 0.1em;margin:-20px 0 56px;line-height: 1.8;}
div#detail_wrap div#detail_box p{margin-bottom: 30px;}
div#detail_wrap div#detail_box p:last-child{margin-bottom: 0;}
div#detail_wrap p#detail_img{float: right;width: 540px;}

div#purchase_wrap{padding: 80px;background: #FFFFFF;text-align: center;}
div#purchase_wrap h2{background:url(/products/img/purchase_ttl.png) no-repeat top center;background-size:292px 16px;padding: 46px 0 0;color: #0C4613;font-size: 34px;font-weight: 600;margin:0 0 30px;text-align: center;line-height: 1.0;}
div#purchase_wrap ul{font-size: 0;margin-top: 31px;}
div#purchase_wrap ul li{font-size: 16px;display: inline-block;margin-right: 40px;}
div#purchase_wrap ul li:first-child{background:url(/products/img/purchase_btn01_on.png) no-repeat top center;background-size:320px 80px;}
div#purchase_wrap ul li:nth-child(2){background:url(/products/img/purchase_btn02_on.png) no-repeat top center;background-size:320px 80px;}
div#purchase_wrap ul li:last-child{background:url(/products/img/purchase_btn03_on.png) no-repeat top center;background-size:320px 80px;margin-right: 0;}
div#purchase_wrap ul li img:hover{opacity: 0;transition: 0.3s;}

@media print, screen and (max-width: 1220px){
section#detail{width: 100%;margin: 0 ;padding: 0 30px 140px;}
div#detail_wrap div#detail_box{width: 50%;}
div#detail_wrap p#detail_img{width: 45%;}

div#purchase_wrap{padding: 60px;}
div#purchase_wrap ul li{margin-right: 2%;width: 32%}
}

@media print, screen and (max-width: 767px){
/* about */
section#detail{padding: 0 30px 70px;}
div#detail_wrap{overflow: visible;margin-bottom: 70px;}
div#detail_wrap div#detail_box{float: none;width: 100%;margin-bottom: 40px;}
div#detail_wrap div#detail_box h2{font-size: 30px;margin:-16px 0 30px;}
div#detail_wrap div#detail_box p{margin-bottom: 20px;}
div#detail_wrap p#detail_img{float: none;width: 100%;}

div#purchase_wrap{padding: 40px 20px;}
div#purchase_wrap h2{background:url(/products/img/purchase_ttl_sp.png) no-repeat top center;background-size:226px 12px;padding: 36px 0 0;font-size: 30px;margin:0 0 25px;}
div#purchase_wrap ul{margin-top: 30px;}
div#purchase_wrap ul li{display:block;margin: 0 0 20px 0;width: 100%}
div#purchase_wrap ul li:last-child{margin:0 0 0 0;}
}

/* PRODUCTS */
section#products{width: 1200px;margin: 0 auto;padding: 140px 0;}
ul#products_list{overflow: hidden;}
ul#products_list li{float: left;width: 540px; margin:0 120px 100px 0;}
ul#products_list li:nth-child(2n){margin-right: 0;}
ul#products_list li:nth-last-child(2),ul#products_list li:last-child{margin-bottom: 0;}
ul#products_list li h2{line-height: 1.0;letter-spacing: 0;text-align: center;font-size: 34px;font-weight: 700;color: #0E4813;margin:38px 0 31px;}
ul#products_list li p.season{margin-top:19px;color: #0E4813;font-weight: 700;}
ul#products_list li p.season span{background: #BFA86A;padding: 9px 19px 10px;border-radius:30px;color: #FFFFFF;font-weight: 400;margin:0 20px 0 0;line-height: 1.0;display: inline-block;}

div#ftr_logo_area{background:#EAE8D2 url(/common/img/ftr_bg.png) no-repeat top center;}

@media print, screen and (max-width: 1220px){
section#products{width: 100%;margin: 0;;padding: 140px 30px;}
ul#products_list li{float: left;width: 46%; margin:0 8% 100px 0;}
}

@media print, screen and (max-width: 767px){
/* PRODUCTS */
section#products{width: 100%;margin: 0;padding: 70px 30px;}
ul#products_list{overflow: visible;}
ul#products_list li{float: none;width: 100%; margin:0 0 50px 0;}
ul#products_list li:nth-last-child(2){margin-bottom: 50px;}
ul#products_list li:last-child{margin-bottom: 0;}
ul#products_list li h2{font-size: 23px;margin:28px 0 20px;}
ul#products_list li p.season{margin-top:19px;color: #0E4813;font-weight: 700;}
ul#products_list li p.season span{background: #BFA86A;padding: 4px 19px 6px;border-radius:30px;color: #FFFFFF;font-weight: 400;margin-right: 20px;}

div#ftr_logo_area{background:#EAE8D2 url(/common/img/ftr_bg.png) no-repeat top center;}
}