/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 19 2026 | 08:38:05 */
/*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_page_nkc_04.webp); 
	background-repeat:repeat; background-position:center; background-size:contain;}
/*----------------------------------------------------
order
----------------------------------------------------*/
@media (max-width:767px) {
	.order1 {order:1;}
	.order2 {order:2;}}
/*----------------------------------------------------
PRメッセージ
----------------------------------------------------*/
.txt_pr {font-size:clamp(1.4rem, 0.337rem + 2.22vw, 2rem); 
	line-height:1.4; font-weight:bold; color:#1b6352;}
/*----------------------------------------------------
アンダーライン
----------------------------------------------------*/
.uline {text-decoration:underline; text-underline-offset:4px;}
/*----------------------------------------------------
ボーダーライン
----------------------------------------------------*/
.bline {background-color:#f7ea8c;}
.bline.c02 {background-color:#a1dfbf;}
/*----------------------------------------------------
画像 / 背景を金箔
----------------------------------------------------*/
.bg_gold {margin-left:10px; margin-top:10px; background-image:url(/wp-content/uploads/bg_gold_01.webp); 
	background-repeat:no-repeat; background-position:right bottom; background-size:cover;}
.bg_gold img {position:relative; z-index:2; left:-10px; top:-10px; box-shadow:0 0 4px #00000020;}
/*----------------------------------------------------
画像 / radius8px
----------------------------------------------------*/
.radi8 {border-radius:8px; overflow:hidden;}
/*----------------------------------------------------
フレーム / fr01
----------------------------------------------------*/
.fr01 {padding:16px; line-height:1.9; background-color:#fff; border:1px solid #00000020; border-radius:8px;}
.fr01 p:last-child, .fr01 ul:last-child, .fr01 ol:last-child {margin-bottom:0 !important;}
/*----------------------------------------------------
ボタン / hbtn01
----------------------------------------------------*/
.hbtn01 {width:80%; max-width:360px; margin:64px auto 32px; background-color:#01212b;}
.hbtn01 a {display:block; padding:16px 4px; text-align:center; 
	color:#fff; background-image:linear-gradient(#14bd86, #004f3d); border:1px solid #119b6e;
	position:relative; z-index:1; top:-5px; transition-duration:0.2s;}
.hbtn01 a:hover {text-decoration:none; top:0; 
	background-image:linear-gradient(#1fdb73, #096e49); transition-duration:0.2s;}
.hbtn01 i {margin-right:8px;}
.hbtn01, .hbtn01 a {border-radius:6px;}
/*----------------------------------------------------
ボタン / btn01
----------------------------------------------------*/
.btn01 {width:76%; max-width:300px; margin:0 auto;}
.btn01 a {display:block; padding:20px 8px; text-align:center;
	color:#fff; background-color:#2c848d; transition-duration:0.2s;}
.btn01 a:hover {text-decoration:none; background-color:#37a1ab; transition-duration:0.2s;}
.btn01 i {margin-right:8px;}
.btn01, .hbtn01 a {border-radius:6px;}
/*----------------------------------------------------
カード / 子ページ紹介のカード
----------------------------------------------------*/
.veu_card .veu_card_inner {background-color:#fff;}
.veu_card {border: 2px solid #98b198;}

/*==============================================================
連合会案内
==============================================================*/
/*----------------------------------------------------
アクセス
----------------------------------------------------*/
/*----------------------------
リスト / 概要
----------------------------*/
.li_gaiyou {display:flex; flex-wrap:nowrap; align-items:stretch; column-gap:32px; row-gap:16px; align-items:center;}
.gaiyou_img {width:50%; height:auto; background-color:#ccc;}
.gaiyou_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
.gaiyou_txt {width:calc(50% - 32px);}
@media (max-width:767px) {
	.li_gaiyou {flex-wrap:wrap;}
	.gaiyou_img {width:100%; height:250px;}
	.gaiyou_txt {width:100%;}}
/*----------------------------
テーブル / 概要
----------------------------*/
.tb_gaiyou {border:none;}
.tb_gaiyou th, .tb_gaiyou td {border:none;}
.tb_gaiyou th {width:6.5rem; text-align:center; border-right:1px solid;}
/*----------------------------
マップ
----------------------------*/
.fr_map {width:98%; margin:0 auto; border:4px solid #136511; 
	outline:1px solid #136511; outline-offset:4px; border-radius:8px; overflow:hidden;}
/*----------------------------------------------------
あゆみ
----------------------------------------------------*/
/*----------------------------
テーブル / 沿革
----------------------------*/
.tb_enkaku {border:none;}
.tb_enkaku tr:hover {background-color:#cae5d6;}
.tb_enkaku th, .tb_enkaku td {border:none; padding:10px 16px;}
.tb_enkaku th {width:7.5rem; text-align:center; border-right:1px solid;}
.tb_enkaku th span {display:block; margin:0 0 4px; padding:6px; 
	background-color:#fff; border:1px solid #00000020;}

/*==============================================================
うれしの茶の歴史
==============================================================*/
/*----fr01の下に縦の3点リーダー----*/
.fr01.his {position:relative; z-index:1; margin-bottom:4.3rem;}
.fr01.his:before {position:absolute; content:"\25cf\25cf\25cf"; z-index:-1; 
	left:48%; bottom:-4.8rem;
	font-size:0.8rem; color:#00000030; letter-spacing:0.4rem;
	writing-mode: vertical-rl; text-orientation: upright;}
/*----レスポンシブ----*/
@media (max-width:767px) {.fr01.his {margin-bottom:3rem;}}

/*==============================================================
うれしの茶の特徴
==============================================================*/
/*----------------------------------------------------
うれしの茶の種類
----------------------------------------------------*/
/*----------------------------
リスト / 種類
----------------------------*/
.li_shurui {display:flex; flex-direction:column; row-gap:32px;}
.shurui_ch {display:flex; flex-wrap:nowrap;}
/*----画像----*/
.shurui_ch .shu_img {position:relative; z-index:2; margin:0 auto;
	width:260px; aspect-ratio:1 / 1; border-radius:50vw; overflow:hidden; background-color:#ccc;}
.shurui_ch .shu_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----文章----*/
.shurui_ch .shu_txt {position:relative; z-index:1; 
	display:flex; flex-direction:column; width:calc(100% - 260px);}
.shu_txt .txt_posi {margin:auto 0; line-height:1.9;}
.shurui_ch .shu_txt.lef {left:-32px; padding-left:48px; text-align:initial;}
.shurui_ch .shu_txt.rig {right:-32px; padding-right:48px; text-align:initial;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.shurui_ch {flex-direction:column;}
	.shurui_ch .shu_txt {width:90%; margin-left:auto; margin-right:auto;}
	.shurui_ch .shu_txt.lef {left:0; padding-left:16px; margin-top:-32px; padding-top:48px;}
	.shurui_ch .shu_txt.rig {right:0; padding-right:16px; margin-top:-32px; padding-top:48px;}}

/*==============================================================
西九州の茶どころ
==============================================================*/
/*----------------------------------------------------
うれしの茶の産地
----------------------------------------------------*/
/*----------------------------
リスト / 産地
----------------------------*/
.li_sanchi {padding:0;}
.li_sanchi li {display:inline-block; margin-right:16px;}
.li_sanchi li:last-child {margin-right:0;}
.li_sanchi li i {margin-right:4px; color:#6fab2d;}
/*----------------------------------------------------
お茶に関する見どころ
----------------------------------------------------*/
/*----------------------------------------------------
お茶に関するイベント
----------------------------------------------------*/

/*==============================================================
うれしの茶 Q&A
==============================================================*/
/*----------------------------------------------------
よくあるご質問
----------------------------------------------------*/
/*----------------------------
フレーム / answer
----------------------------*/
.fr_answer {margin:0 0 32px 24px; padding:12px 16px 16px; line-height:1.9; background-color:#fff; 
	border:2px solid #00000020; border-top:none; border-radius:0 0 8px 8px;}
.fr_answer p:last-child, .fr_answer ul:last-child, .fr_answer ol:last-child {margin-bottom:0;}
.fr_answer div {display:table; margin:0 0 8px; padding:4px 16px; text-transform:uppercase; 
	text-align:center; line-height:1; color:#fff; background-color:#cd9939; border-radius:50vw;}
/*----------------------------
フレーム / trivia（トリビア）
----------------------------*/
.fr_trivia {padding:2% 16%; background-image:url(/wp-content/uploads/fr_trivia_02middle_01.webp); 
	background-repeat:repeat-y; background-position:center; background-size:contain;}
.fr_trivia p:last-child {margin-bottom:0;}
/*----レスポンシブ----*/
@media (max-width:767px) {.fr_trivia {padding:5% 12%;}}

/*==============================================================
お茶の種類と美味しい入れ方
==============================================================*/
/*----------------------------------------------------
いろいろなお茶の製法と味
----------------------------------------------------*/
.li_tea {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
.tea_ch {width:calc((100% - (32px * 1)) / 2); display:flex; flex-direction:column; row-gap:16px;
	padding:16px; background-color:#fff; border:1px solid #00000020; border-radius:8px;}
.tea_ch.full {width:100%;}
/*----アイテム----*/
.tea_img {width:80%; margin:0 auto; border-radius:16px; overflow:hidden;}
.full .tea_img {width:40%;}
.tea_txt {padding-left:3.5rem;}
.tea_txt p {text-indent:-3.5rem;}
/*----リスト / 製法による茶の種類----*/
.li_tea_seihou {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:16px;}
.seihou_ch {width:calc((100% - 32px) / 2); display:flex; flex-direction:column; row-gap:16px;}
/*----製法・味----*/
.tea_txt .seihou {margin-bottom:4px;}
.tea_txt .aji {margin-bottom:0;}
.tea_txt .seihou:before, .tea_txt .aji:before {width:3rem; margin-right:8px; font-size:90%; text-align:center;}
.tea_txt .seihou:before {content:"\88fd\6cd5"; padding:2px 0.55rem 2px 0.55rem; color:#627d2e; background-color:#e0ebca;}
.tea_txt .aji:before {content:"\5473"; padding:2px 1rem 2px 1rem; color:#9b7741; background-color:#ebdeca;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.tea_ch, .tea_ch.full {width:90%; margin-left:auto; margin-right:auto;}
	.tea_img, .full .tea_img {width:100%;}
	.seihou_ch {width:100%;}}
/*----------------------------------------------------
美味しいお茶の入れ方
----------------------------------------------------*/
/*----------------------------
リスト / プロセス（お茶の入れ方にも流用）
----------------------------*/
.li_process.irekata {}
.irekata .fr_prs {border-color:#e383c1; outline-color:#e383c1;}
.irekata .prs_num {color:#FED6CA;}
.irekata .prs_img {width:200px;}
.irekata .prs_img div {min-width:172px;}
.irekata .prs_mess {width: calc(100% - 200px - 32px);}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.irekata .prs_img {width:100%;}
	.irekata .prs_mess {width:100%;}}

/*==============================================================
お茶の成分・効能と用途
==============================================================*/
/*----------------------------------------------------
お茶の成分と効能について
----------------------------------------------------*/
/*----------------------------
リスト / 効能(li_kankyoを流用)
----------------------------*/
.kounou .kankyo_ch {width:calc((100% - (32px * 1)) / 2); 
	flex-direction:row; flex-wrap:wrap; column-gap:16px; row-gap:0px;}
.kounou .kan_tit {width:100%;}
.kounou .kan_img {margin:0 16px 0; width:130px; height:163px;}
.kounou .kan_txt {width:calc(100% - 130px - 32px - 16px);}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.kounou .kankyo_ch {width:90%; margin-left:auto; margin-right:auto;}
	.kounou .kan_img {margin:0 0 0;}
	.kounou .kan_txt {width:calc(100% - 130px - 16px);}}
/*----------------------------------------------------
さまざまな作用・抑制
----------------------------------------------------*/
/*----------------------------
フレーム / 作用
----------------------------*/
.fr_sayou {width:100%;}
.fr_sayou .sa_tit {padding:8px;  text-align:center; font-weight:bold;
	color:#fff; background-color:#73b164; border-radius:16px 16px 0 0;}
.fr_sayou .sa_txt {padding:16px; color:#0e491d; background-color:#fff; 
	border:1px solid #00000020; border-top:0; border-radius:0 0 16px 16px;}
.fr_sayou .sa_txt div {display:table; margin:0 auto; line-height:1.9;}
/*----レスポンシブ----*/
@media (max-width:767px) {.fr_sayou {width:90%; margin:0 auto;}}
/*----------------------------------------------------
お茶の用途
----------------------------------------------------*/
/*----------------------------
リスト / 用途
----------------------------*/
.li_youto {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
.youto_ch {width:calc((100% - 32px) / 2); line-height:1.9;}
.youto_ch.full {width:100%;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.li_youto {width:90%; margin:0 auto;}
	.youto_ch {width:100%;}}

/*==============================================================
お茶ができるまで
==============================================================*/
/*----------------------------------------------------
お茶の栽培
----------------------------------------------------*/
/*----------------------------
リスト / プロセス（お茶の入れ方にも流用）
----------------------------*/
.li_process .process_ch:after {
	display:block; margin:0 auto; overflow:hidden; height:50px; width:50px; content: ""; 
	background: url(/wp-content/plugins/vk-all-in-one-expansion-unit/assets/images/arrow_bottom.svg) center 50% no-repeat; 
	background-size: 50px 50px;}
.li_process .process_ch:last-child:after {display:none;}
/*----フレーム----*/
.fr_prs {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:16px; 
	position:relative; z-index:1; padding:24px; background-color:#fff; 
	border:2px solid #7ba172; outline:1px solid #7ba172; outline-offset:-6px; border-radius:8px;}
/*----画像----*/
.prs_img {width:36%; display:flex; flex-wrap:nowrap; column-gap:16px; justify-content:center;}
.prs_img div {width:50%;}
.prs_img img {border-radius:8px;}
/*----文章----*/
.prs_mess {width:calc(100% - 36% - 32px);}
.prs_mess h4 {margin-bottom:16px;}
.prs_mess p {width:86%;}
.prs_mess p:last-child {margin-bottom:0;}
/*----番号----*/
.prs_num {position:absolute; z-index:-1; right:24px; bottom:6px; 
	line-height:1; font-size:600%; font-style:italic; font-weight:bold; color:#e3ebd4;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.li_process {width:90%; margin:0 auto;}
	.prs_img {width:100%;}
	.prs_mess {width:100%;}
	.prs_mess h4 {text-align:center;}
	.prs_num {font-size:500%;}}
/*----------------------------------------------------
お茶の製造
----------------------------------------------------*/
.scr_seizou {width:100%; margin:0 auto; overflow-x:auto;}
.scr_seizou img {width:100%; height:auto;}
/*----レスポンシブ----*/
@media (max-width:767px) {.scr_seizou img {width:auto; min-width:1110px;}}
/*----------------------------------------------------
お茶にやさしい環境
----------------------------------------------------*/
/*----------------------------
リスト / 環境
----------------------------*/
.li_kankyo {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
.kankyo_ch {width:calc((100% - (32px * 2)) / 3); 
	display:flex; flex-direction:column; column-gap:0px; row-gap:16px;
	padding:16px; background-color:#fff; border:1px solid #00000020; border-radius:8px;}
/*----画像----*/
.kan_img {text-align:center;}
.kan_img {width:100%; height:200px; border-radius:32px; overflow:hidden;}
.kan_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:991px) {.kankyo_ch {width:calc((100% - (32px * 1)) / 2);}}
@media (max-width:767px) {
	.kankyo_ch {width:90%; margin-left:auto; margin-right:auto;}}
/*----------------------------
リスト / 設備
----------------------------*/
.setsubi .kankyo_ch {width:calc((100% - (32px * 1)) / 2); 
	flex-direction:row; flex-wrap:wrap; column-gap:16px; row-gap:0px;}
.setsubi .kan_tit {width:100%;}
.setsubi .kan_img {width:calc(45% - 16px); height:240px;}
.setsubi .kan_txt {width:55%;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.setsubi .kankyo_ch {width:90%; margin-left:auto; margin-right:auto;}}

/*==============================================================
商品紹介
==============================================================*/
/*----------------------------------------------------
サイドバー幅
----------------------------------------------------*/
@media (min-width:992px) {
	.post-name-goods .mainSection-col-two {width:calc(100% - 17rem);}
	.post-name-goods .sideSection-col-two {width:17rem;}}
/*----------------------------------------------------
テーブル / サイドバーのセレクト
----------------------------------------------------*/
.tb_psel {border:none;}
.tb_psel th, .tb_psel td {border:none; padding:4px 4px;}
.tb_psel i {margin-right:8px;}
/*----------------------------------------------------
リスト / 商品
----------------------------------------------------*/
/*----親----*/
.li_goods {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
/*----子----*/
.goods_ch {display:flex; flex-wrap:wrap; column-gap:16px; row-gap:16px; 
	width:calc((100% - (32px * 1)) / 2); align-items:center;}
.goods_ch.ocha {width:calc((100% - (32px * 2)) / 3); align-items:center;}
.goods_ch.full {width:100%;}
/*----アイテム----*/
.gds_img {width:calc(100% - 180px - 32px); text-align:center;}
.gds_img img {width:100%; height:auto;}
.gds_mess, .gds_txt {width:180px;}
.gds_mess {display:flex; flex-direction:column; row-gap:16px;}
.gds_txt {font-size:1.3rem;}
.gds_txt p {margin-bottom:0;}
/*----アイテム(商品情報)----*/
.g_name {line-height:1.4;}
.g_name span {font-size:80%;}
.g_name span.g_num {display:block; width:3.4rem; text-align:center; 
	padding:2px; font-size:70%; color:#fff; background-color:#a5bd6c;}
.g_name span.g_num.c01 {background-color:#64a2bf;}
.g_name span.g_num.inb {display:inline-block; margin-right:4px;}
.g_price {border-bottom:1px solid;}
.g_price span {font-size:70%;}
.g_lot {font-size:70%;}
/*----レスポンシブ----*/
@media (max-width:780px) {
	.goods_ch {width:100%;} 
	.goods_ch.ocha {width:calc((100% - (32px * 1)) / 2);}
	.full .gds_img {width:100%;}
	.full .gds_mess, .full .gds_txt {width:100%;}}

/*==============================================================
商社一覧 リンク
==============================================================*/
/*----------------------------------------------------
リスト / リンクセレクト
----------------------------------------------------*/
.tab_link_sel {border:none; width:60%; margin:0 auto 16px;}
.tab_link_sel th {padding:0; border:1px solid;}
.tab_link_sel a {display:block; padding:16px; color:#444;}
.tab_link_sel a:hover {text-decoration:none; background-color:#fff68d80;}
@media (max-width:767px) {.tab_link_sel {width:90%;}}
/*----------------------------------------------------
リスト / リンク
----------------------------------------------------*/
.li_link {display:flex; flex-wrap:wrap; row-gap:24px; margin-bottom:16px;}
.li_link div {width:calc(100% / 3); position:relative; padding:0 8px 0 32px; line-height:1.4;}
.li_link div:before {position:absolute; content:"\25a0"; z-index:1; left:8px; top:0; color:#a0cda2;}
.li_link div a {color:#444;}
.li_link div a:hover {color:#ef6300;}
.li_link div span {font-size:80%; font-weight:normal; opacity:0.8;}
@media (max-width:991px) {.li_link div {width:calc(100% / 2); font-size:90%;}}
/*----会員一覧に流用----*/
.li_link.kaiin div {width:calc(100% / 2);}
@media (max-width:767px) {.li_link.kaiin div {width:100%;}}

/*==============================================================
送信が完了しました
==============================================================*/
/*----このページのみページヘッダーを非表示----*/
.post-name-success .page-header {display:none;}