/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2025 | 12:11:03 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/


/*==============================================================
背景
==============================================================*/
body {background-image:url(/wp-content/uploads/bg_page2_tlg_03.png), 
	url(/wp-content/uploads/bg_page3_tlg_04.png), 
	url(/wp-content/uploads/bg_page_tlg_05.png); 
	background-attachment:fixed, fixed, fixed; 
	background-repeat:repeat-y, no-repeat, repeat-y; 
	background-position:left 5% bottom 12%, right -30vh top -15%, center top; 
	background-size:10.5vh, 100vh, 100% auto;}
/*----tab時----*/
@media (max-width:991px) {body {
	background-image:url(/wp-content/uploads/bg_page2_tlg_03.png), 
	none, 
	url(/wp-content/uploads/bg_page_tlg_05.png); 
	background-attachment:scroll, scroll, scroll; 
	background-position:left 5% top, right -30% top -15%, center top; 
	background-size:8vh, 100vh, 100% auto;}}

/*==============================================================
メインセクション・サブセクション
==============================================================*/
/*----メインセクションとサブセクションの幅調整----*/
@media (min-width: 992px) {
	.mainSection-col-two {width:74%;}
	.sideSection-col-two {width:calc(26% - 32px);}}
@media (max-width: 991.98px){
	.sideSection-col-two {width:calc(100% - 32px); margin:32px auto 0 !important;}}
/*----サイドセクション----*/
.sideSection-col-two {margin:0 auto; padding:24px; 
	background-color:#fff; border:2px solid #edebdf; border-radius:0px;}

/*==============================================================
固定ページ共通
==============================================================*/
/*----------------------------------------------------
アンダーライン
----------------------------------------------------*/
.uline {font-weight: bold; background-image: linear-gradient(transparent 50%, rgba(255, 255, 100, 1) 50%);}
/*----------------------------------------------------
明朝体
----------------------------------------------------*/
.min {font-family: 'Noto Serif JP', sans-serif;}
/*----------------------------------------------------
i
----------------------------------------------------*/
i {margin-right:8px;}
/*----------------------------------------------------
ボタン / btn01
----------------------------------------------------*/
.btn01 {text-align:center;}
.btn01 a {display:table; margin:0 auto; width:100%; max-width:300px; padding:12px 4px; 
	color:#444; background-color:#fff; border:1px solid; border-radius:50vw; transition-duration:0.3s;}
.btn01 a:hover {text-decoration:none; color:#cd7300; background-color:#fff899; transition-duration:0.3s;}
/*----------------------------------------------------
ボタン / btn_home
----------------------------------------------------*/
.btn_home {text-align:center; margin:32px auto;}
.btn_home a {position:relative; display:table; margin:0 auto; padding:20px 4px; width:80%; max-width:440px; 
	color:#444; background-color:#fff; border:1px solid #444; transition-duration:0.3s;}
.btn_home a:hover {text-decoration:none; color:#fff; background-color:transparent;}
.btn_home a:after {position:absolute; z-index:-1; content:""; 
	left:50%; transform:translatex(-50%); top:0; width:0; height:100%;
	background-color:#444; transition-duration:0.3s;}
.btn_home a:hover:after {width:100%; transition-duration:0.3s;}

/*==============================================================
ヘディング
==============================================================*/
.mainSection-title, .page-header_pageTitle, h1, h2, h3, h4, h5, h6 {
	margin: 0; font-family: 'Noto Serif JP', sans-serif;}
/*----------------------------------------------------
h2.desi01
----------------------------------------------------*/
h2.desi01 {display:flex; align-items:center; position:relative; padding:0; 
	border:none; font-size:clamp(2rem, 0.886rem + 2.29vw, 2.6rem);}
h2.desi01 span {padding:0 4px 0 0; background-color:#FCFBF3; line-height:1;}
h2.desi01:after {position:absolute; content:""; z-index:-1; width:100%;
	left:0; top:50%; transform:translatey(-50%); border-bottom:2px dashed #bbb280;}
/*----------------------------------------------------
h2.pri（プライバシー）
----------------------------------------------------*/
h2.pri {padding:16px; font-size:1.7rem; text-align:center; font-size:clamp(1.4rem, 0.657rem + 1.52vw, 1.8rem);
	border-top:4px double; border-bottom:4px double;}
/*----------------------------------------------------
h3.desi01
----------------------------------------------------*/
h3.desi01 {display:flex; align-items:center; 
	color:#63913b; padding:0; border:none; font-size:clamp(1.6rem, 0.486rem + 2.29vw, 2.2rem);}
h3.desi01:before {content:""; width:46px; height:64px; 
	background-image:url(/wp-content/uploads/h3_icn_def_01.png);
	background-repeat:no-repeat; background-position:left center; background-size:contain;}
h3.desi01.i01:before {background-image:url(/wp-content/uploads/h3_icn_01_01.png);}
h3.desi01:after {content:none;}
/*----------------------------------------------------
h3.desi02
----------------------------------------------------*/
h3.desi02 {display:table; padding:8px 16px; color:#fff; background-color:#5e9550; 
	border:none; border-left: 8px solid #f9e019;}
h3.desi02:after {content:none;}

/*==============================================================
レモングラスへの想い
==============================================================*/
/*----------------------------------------------------
リスト / 武雄レモングラスの特徴
----------------------------------------------------*/
/*----親----*/
.li_omoi_pa {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px; line-height:1.9;}
/*----子----*/
.omoi_ch01, .omoi_ch03 {width:calc(40% - 16px);}
.omoi_ch02, .omoi_ch04 {width:calc(60% - 16px);}
.omoi_ch04 {position:relative; z-index:1;}
/*----.omoi_ch04内の画像、pc時はabsolute----*/
.ch04_img {position:absolute; z-index:2; width:100%; right:0; bottom:0;}
/*----リスト内の画像----*/
.li_omoi_pa .waku img {border:10px solid #fff; outline:2px solid #edebdf;}
/*----sp時----*/
@media (max-width:780px) {
	.omoi_ch01, .omoi_ch03 {width:100%;}
	.omoi_ch02, .omoi_ch04 {width:100%;}
	.omoi_ch03 {order:2;}
	.omoi_ch04 {order:1;}
	.ch04_img {position:relative;}}
/*----------------------------------------------------
absolute / こだわりのハーブティー
----------------------------------------------------*/
.tea {position:relative; z-index:1;}
.tea_type {position:absolute; z-index:2; left:0; top:0; width:34%; transform:rotate(-12deg); opacity:0.8;}

/*==============================================================
商品案内
==============================================================*/
/*----------------------------------------------------
リスト / 商品セレクト li_prd_sel
----------------------------------------------------*/
.li_prd_sel {display:flex; flex-direction:column;}
.li_prd_sel a {display:block; padding:8px 0; color:#444; border-bottom:1px dashed #ccc;}
.li_prd_sel a:hover {color:#f56800; font-weight:bold; text-decoration:none;}
/*----------------------------------------------------
リスト / 商品
----------------------------------------------------*/
/*----親----*/
.li_product_pa {display:flex; flex-wrap:wrap; column-gap:24px; row-gap:24px;}
/*----子----*/
.product_ch {position:relative; z-index:1; display:flex; flex-direction:column; column-gap:8px;
	width:calc((100% - (24px * 1)) / 2); padding:24px; background-color:#fff; 
	border:3px solid #f3e3bd; border-radius:0px; 
	outline:1px solid #f3e3bd; outline-offset:-7px;}
/*----アイテム----*/
.fr_item {position:absolute; z-index:2; width:64px; height:66px;}
.fr_item.i01 {left:-6px; top:-6px;}
.fr_item.i02 {right:-6px; top:-6px; transform: rotate(90deg);}
.fr_item.i03 {left:-6px; bottom:-6px; transform: rotate(-90deg);}
.fr_item.i04 {right:-6px; bottom:-6px; transform: rotate(180deg);}
/*----孫・画像----*/
.prd_img {width:100%; margin-bottom:16px;}
/*----孫・説明----*/
.prd_txt {width:100%;}
.prd_txt p {margin-bottom:0;}
/*----商品名----*/
.prd_tit {margin:0 0 4px 0; padding:0 0 8px 0; color:#7a7d09; border-bottom:1px dashed #bbbf50;}
.prd_tit span {display:inline-block; padding:0; font-size:70%;}
/*----sp時----*/
@media (max-width:780px) {
	.product_ch {width:100%; flex-direction:row; align-items:center; padding:16px;}
	.prd_img {width:calc(42% - (8px *1)); margin-bottom:0;}
	.prd_txt {width:58%;}
	.prd_tit span {display:table;}}

/*==============================================================
会社案内
==============================================================*/
/*----------------------------------------------------
リスト / 代表挨拶（文章左寄せ）
----------------------------------------------------*/
/*----親----*/
.li_greeting {display:flex; flex-wrap:nowrap; align-items:center;}
/*----アイテム（文章）----*/
.grt_txt {position:relative; z-index:1; width:74%; 
	margin:0 0 0 0; padding:32px calc(10% + 32px) 32px 32px; 
	background-color:#fff; border:2px solid #edebdf; border-radius:0px;}
.grt_txt, .grt_txt p {line-height:1.9;}
.grt_txt p:last-child {margin-bottom:0;}
/*----アイテム（画像）----*/
.grt_img {position:relative; z-index:2; width:36%; margin:0 0 0 -10%;}
/*----sp時----*/
@media (max-width:780px) {
	.li_greeting {flex-wrap:wrap;}
	.grt_txt {width:100%; order:2; margin:-10% 0 0 0;
		padding:calc(10% + 24px) 24px 24px 24px;}
	.grt_img {width:90%; order:1; margin:0 auto;}}
/*----------------------------------------------------
リスト / 代表挨拶（文章右寄せ）
----------------------------------------------------*/
/*----親（.rightを追加）----*/
.li_greeting.right {flex-direction:row-reverse;}
/*----アイテム（文章）----*/
.li_greeting.right .grt_txt {padding:32px 32px 32px calc(10% + 32px);}
/*----アイテム（画像）----*/
.li_greeting.right .grt_img {margin:0 -10% 0 0;}
/*----sp時----*/
@media (max-width:780px) {
	.li_greeting {flex-wrap:wrap;}
	.li_greeting.right .grt_txt {width:100%; order:2; margin:-10% 0 0 0;
		padding:calc(10% + 24px) 24px 24px 24px;}
	.li_greeting.right .grt_img {margin:0 auto;}}
/*----------------------------------------------------
リスト / 会社概要
----------------------------------------------------*/
/*----親----*/
.li_company {display:flex; flex-wrap:nowrap; align-items:center; row-gap:32px;}
/*----アイテム（画像）----*/
.cmp_img {position:relative; z-index:1; width:calc(50%); height:500px; border-radius:8px; overflow:hidden;}
.cmp_img img {width:100%; height:100%; object-fit:cover; object-position:top right;}
/*----アイテム（概要）----*/
.cmp_txt {position:relative; z-index:2; width:60%; margin:0 0 0 -10%;}
/*----------------------------------------------------
テーブル / 会社概要
----------------------------------------------------*/
.tb_comp {border:2px solid #f3e3bd;}
.tb_comp tr:first-child th, .tb_comp tr:first-child td {padding:32px 16px 16px;}
.tb_comp tr:last-child th, .tb_comp tr:last-child td {padding:16px 16px 32px;}
.tb_comp th, .tb_comp td {padding:16px 16px; border:none;}
.tb_comp th {width:10rem; background-color:#f3e3bd; text-align:center;}
.tb_comp td {background-color:#fff;}
/*----tab時----*/
@media (max-width:991px) {
	.tb_comp tr:first-child th, .tb_comp tr:first-child td {padding:32px 8px 16px;}
.tb_comp tr:last-child th, .tb_comp tr:last-child td {padding:16px 8px 32px;}
	.tb_comp th, .tb_comp td {padding:16px 8px;}
	.tb_comp th {width:6rem;}}
/*----sp時----*/
@media (max-width:780px) {
	.li_company {flex-wrap:wrap;}
	.cmp_txt {width:100%; margin:0 auto;}
	.cmp_img {width:100%; height:280px;}}

/*==============================================================
お問い合わせ
==============================================================*/ 
/*----------------------------------------------------
フレーム / 問い合わせフォーム
----------------------------------------------------*/
.fr_contact {padding:32px; background-color:#fff; border:2px solid #edebdf; border-radius:0px; margin-bottom:48px;}
/*----------------------------------------------------
テーブル / 問い合わせフォーム
----------------------------------------------------*/
.tb_contact {border-top:none !important;}
.tb_contact th, .tb_contact td {padding:16px 0px; border:none !important; border-bottom:1px solid rgba(0, 0, 0, 0.1) !important;}
.tb_contact th {width:300px;}

.tb_contact p {margin-bottom:0;}
@media (max-width:780px) {.tb_contact th, .tb_contact td {display:block; width:100%;}}
/*----------------------------------------------------
入力欄
----------------------------------------------------*/
.tb_contact .form-control {max-width:100%;}
/*----------------------------------------------------
必須・任意
----------------------------------------------------*/
/*----共通設定----*/
.necessary:before, .optional:before {
	font-size:0.75rem; font-weight:normal; padding: 4px 6px; margin-right:8px;}
/*----個別設定----*/
.necessary:before {content: "\5fc5\9808"; color: #fff; background-color: #60a94a;}
.optional:before {content: "\4efb\610f"; color: #fff; background-color: #b0b0b7;}
/*----------------------------------------------------
同意欄
----------------------------------------------------*/
.doui {display:table; margin:0 auto 32px; padding:0 16px;}
.doui span {display:initial;}
/*----------------------------------------------------
送信ボタン
----------------------------------------------------*/
input.wpcf7-form-control.btn {width:90%; max-width:600px; margin:0 auto;}
/*----承諾確認が未チェックのとき----*/
.btn-primary.disabled, .btn-primary:disabled, .btn-primary:disabled:hover {background-color: #e3e3e3; border:none; opacity:0.5;}
/*----チェックしたとき----*/
input[type="submit"] {background-color:#539717; border:none; display:block; height:auto;}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active {background-color:#65af24; border:none;}