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


/*****************************************************************************
 PAGE COMMON
 *****************************************************************************/
.page_ttl{background:url("../img/common/ttl_bg01.jpg") no-repeat center bottom;background-size:cover;padding:240px 0px 10px;}
.page_ttl h2{color:#fff;font-size:48px;padding:60px 0px;}

#page_event .page_ttl,
#page_benibana .page_ttl{background-image:url("../img/common/ttl_bg02.jpg");}
#page_company .page_ttl,
#page_tea .page_ttl{background-image:url("../img/common/ttl_bg03.jpg");}


h2.h2{background:rgba(172, 196, 135, 0.3);padding:5px 15px;border-radius:10px;}
h3.h3{}

@media screen and (max-width: 1000px) {
    .page_ttl{padding:200px 0px 10px;}

}
@media screen and (max-width: 768px) {
    .page_ttl{padding:10px 0px 10px;}
    .page_ttl h2{font-size:38px;padding:50px 0px;}

    h2.h2{font-size:26px;}

}
@media screen and (max-width: 480px) {
    .page_ttl h2{font-size:28px;padding:40px 0px;}

    h2.h2{font-size:22px;}

}


/*****************************************************************************
 固定ページ
 *****************************************************************************/

.about{padding:80px 0px;}
.asatsuyu{padding:0px 0px 80px;}

.asatsuyu ol{counter-reset:listnum;}
.asatsuyu ol li{padding:0px 0px 10px 1.4em;position:relative;}
.asatsuyu ol li::before{counter-increment:listnum;content:counter(listnum) ".";position:absolute;left:0px;top:0px;font-weight:bold;}

.event{padding:80px 0px;}

.event_list p{padding:0px 0px 20px;}
.event_list p:before{content:"\f058";font-family:FontAwesome;color:#8b7a1a;margin-right:5px;}
.event_list p b{font-size:116%;}

.point{padding:80px 0px;}
.point ol{counter-reset:pointnum;}
.point ol li{padding:10px 0px 20px 50px;position:relative;}
.point ol li::before{counter-increment:pointnum;content:counter(pointnum) ;position:absolute;left:0px;top:10px;font-weight:bold;width:40px;height:36px;background:#7fa84d;color:#fff;text-align:center;font-size:20px;border-radius:50%;padding-top:4px;border-bottom:3px solid #436a14;border-right:1px solid #436a14;}
.point img{border-radius:10px;}

.hot{padding:80px 0px 0px;}
.tea{padding:80px 0px;}

.friend{padding:80px 0px;}
.friend img{border:10px solid #fff;border-radius:10px;}
.friend p b{font-size:136%;}

.company{padding-bottom:80px;}
.company a i{color:#7fa84d;}
.company a:hover i{color:#436a14;}
.company .summary{padding-bottom:20px;}
.company .summary span{font-size:110%;color:#8b7a1a;}

.law{padding:80px 0px;}
.law table{width:100%;margin-bottom:40px;}
.law table th{border-bottom:3px solid #7fa84d;padding:10px 20px;width:24%;background:#fbfbf7;}
.law table td{border-bottom:1px solid #7fa84d;padding:10px 20px;}
.law table td dl{display:flex;flex-flow:row wrap;}
.law table td dl dt{display:inline-block;width:8em;padding:5px 0px;}
.law table td dl dd{display:inline-block;width:calc(100% - 8em);padding:5px 0px;}
.law table td a{color:#7fa84d;}

.benibana{padding-bottom:80px;}

@media screen and (max-width: 768px) {
    .asatsuyu img{margin-bottom:10px;}
    
    .friend{padding:80px 0px 40px;}
    .company a img{width:90%;margin:10px 5%;}
    .company_link{text-align:center;}
    
    .law table th{display:block;width:100%;border-bottom:0px;background:none;font-weight:bold;padding:10px 10px 0px 10px;font-size:110%;}
    .law table td{display:block;width:100%;padding:5px 0px 10px 20px;}

    .benibana img{margin-bottom:10px;}
    .benibana .col-03{width:50%!important;}
    
}
@media screen and (max-width: 480px) {
    .law{padding:60px 0px;}

    .benibana{padding-bottom:60px;}
}


/*****************************************************************************
 お問い合わせフォーム
 *****************************************************************************/
.contact{padding:80px 0px;}
.contact .intro span{font-size:22px;color:#436a14;}
.contact .intro span b{font-size:40px;vertical-align:middle;}

.contact table{background:#fbfbf7;width:100%;}
.contact table th{vertical-align:top;padding:15px 30px 10px 20px;background:rgba(172,196,135,0.2);border-bottom:2px solid #fbfbf7;}
.contact table td{vertical-align:top;padding:10px 20px;border-bottom:2px solid rgba(172, 196, 135, 0.1);}
input[type="text"]{font-size:16px;padding:0.5em;height:38px;width:500px;max-width:100% !important;border:3px solid #edece3;}
input[type="text"].w5{width:100px !important;}
input[type="date"]{font-size:16px;padding:0.5em;height:38px;width:180px;max-width:100% !important;border:3px solid #edece3;color:#666;}
.date-edit i{font-size:22px;}
textarea{font-size:16px;padding:0.5em;width:500px;max-width:100%;height:160px;border:3px solid #edece3;}

.link_btn input{display:inline-block;width:300px;font-size:18px;padding:10px 15px;position:relative;background:#436a14;color:#fff;border:2px solid #436a14;box-shadow:0px 4px 4px rgba(0,0,0,0.05);text-align:center;transition:all 0.5s ease-out;font-family:FontAwesome;}
.link_btn input:after{content:"\f0da";font-family:FontAwesome;position:absolute;right:10px;top:8px;}
.link_btn input:hover{background:#fbfbf7;color:#436a14;box-shadow:none;}

input.btn_reset{background:#9a9a9a;border-color:#9a9a9a;}

.link_btn input:hover{cursor:pointer;opacity:0.9;}

.msg{color:#c90e00;}

@media screen and (max-width: 768px) {
    .contact .intro span{font-size:18px;}
    .contact .intro span b{font-size:32px;}

    .contact table *{box-sizing:border-box;}
    .contact table th{display:block;width:100%;padding:10px 20px;}
    .contact table td{display:block;width:100%;}
    input[type="text"],
    textarea{width:100%;}

    .link_btn input{margin:5px;}
}
@media screen and (max-width: 480px) {
    .contact table td{padding:10px;}

}


/*****************************************************************************
 商品ページ
 *****************************************************************************/
.page_shop .categories{background:rgba(172, 196, 135, 0.1);padding:80px 0px;}
.page_shop h3{font-size:28px;margin-bottom:10px;line-height:1.4;color:#436a14;}

.archive{padding:80px 0px 0px;}
#page_shop05 .archive{padding-bottom:30px;}
.list{padding-bottom:80px;}
#page_shop05 .list{padding-bottom:50px;}
.list h3{background:rgba(172,196,135,0.15);padding:5px 20px;border-radius:6px;}
#page_shop05 .list h3{margin-top:30px;}
.list h4{font-size:22px;margin-bottom:20px;line-height:1.4;color:#436a14;border-bottom:3px solid #436a14;}
.list h4:before{content:"\f299";font-family:FontAwesome;margin-right:5px;}
.list .list_img{padding-bottom:10px;}
.list .list_img img{border:5px solid #fff;border-radius:10px;margin-bottom:10px;}
.list .list_info{}
.list .list_info table{width:100%;border-top:4px solid #eaeae9;line-height:1.4;font-size:15px;}
.list .list_info table th{/*width:7em;*/padding:10px 15px;background:rgba(0,0,0,0.05);border-bottom:2px solid #fbfbf7;white-space:nowrap;}
.list .list_info table td{/*width:calc(100% - 7em);*/padding:10px 15px;border-bottom:2px solid rgba(0,0,0,0.05);}
.list .list_cart{}
.list .list_cart .price{line-height:1.4;font-size:24px;border-bottom:2px solid #eaeae9;padding:30px 0px 10px;margin-bottom:20px;text-align:right;}
.list .list_cart .price span{font-size:16px;}
.list .list_cart .price .fixedprice{display:inline-block;position:relative;padding:0px 10px;}
.list .list_cart .price .fixedprice:after{display:block;position:absolute;content:"";width:100%;height:2px;background:#c90e00;top:10px;left:0px;}
.list .list_cart .price small{font-size:14px;}
.list .list_cart .cart1{border-bottom:2px dashed #eaeae9;padding:15px 0px;}
.list .list_cart .cart2{padding:15px 0px;}
.list .list_cart .cart2 span{color:#ED802C;font-size:90%;}

.list .list_cart ul li{display:inline-block;padding-right:20px;}
.list .list_cart select{font-size:16px;width:4em;border:3px solid rgba(0,0,0,0.08);outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	background:#fff;
	vertical-align: middle;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
    padding:10px;
    margin-right:5px;
}
select option{
	background-color: #fff;
	color: #222;
}
select::-ms-expand {
	display: none;
}
select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #828c9a;
}
.list .list_cart input[type="submit"],
.list .list_cart input[type="reset"],
.list .list_cart input[type="button"]{border:none;text-align:center;color:white;padding:12px 30px;transition:all 0.5s ease-out;font-size:16px;}
/*.list .list_cart input:before{content:"\f217";font-family:FontAwesome;margin-right:5px;}*/
.list .list_cart .cart1 input{background:#7fa84d;}
.list .list_cart .cart2 input{background:#FF9340;}
.list .list_cart input:hover{cursor:pointer;opacity:0.9;}


@media screen and (max-width: 768px) {
    .page_shop h3{font-size:24px;}

    .list h4{font-size:20px;}
    .list .list_cart .price{font-size:20px;}
    .list .list_cart .price span{font-size:14px;}
    .list .list_cart .price small{font-size:12px;}

}
@media screen and (max-width: 480px) {
    .page_shop h3{font-size:20px;}
    
    .list{padding-bottom:60px;}
    .list h4{font-size:18px;}
    .list .list_info table th{padding:10px;}
    .list .list_cart select{margin-right:15px;}

}