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

/*==============================================================
ヘディング
==============================================================*/
/*----------------------------------------------------
ヘディング / h2
----------------------------------------------------*/
/*----h2.home01----*/
h2.home01 {margin:0; padding:0;
	background-color:transparent; border:none; line-height: 1.3; font-weight:600;
	font-size:clamp(1.8rem, 0.314rem + 3.05vw, 2.6rem);}
.hm01_sub {display:block; padding:12px 0 0; font-size:50%; font-weight:600; color:#4c770a;}
/*----------------------------------------------------
ヘディング / h3
----------------------------------------------------*/
/*----h3.home01----*/
h3.home01 {padding:0 0 16px 0; color:#257D1E; border-bottom:1px dashed #444; 
	font-size:clamp(1.6rem, 0.486rem + 2.29vw, 2.2rem);}
h3.home01:after {content:none;}
/*----商品案内 / カテゴリー----*/
h3.home01.cate {font-size:clamp(1.4rem, 0.657rem + 1.52vw, 1.8rem);}

/*==============================================================
スライド
==============================================================*/
/*----------------------------------------------------
アイテム
----------------------------------------------------*/
/*----背景----*/
.slide-text-set .container {padding:11vw 0 0 0;
	background-image:url(/wp-content/uploads/slide_item_tlg_06.png); 
	background-repeat:no-repeat; background-position:center top; background-size:10vw auto;}
/*----テキスト----*/
.slide-text-title {font-weight:bold; text-decoration:underline 1px dashed; text-underline-offset:10px;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.slide-text-set .container {padding:24vw 0 0 0; background-size:22vw auto;}
	.slide-text-title {text-underline-offset:6px;}}
/*----------------------------------------------------
マウス反応
----------------------------------------------------*/
/*----スライドの上にカーソルがあってもスライドが切り替わるように----*/
.carousel {border-bottom:none; pointer-events: none;}
/*----スライドのセレクターはカーソルに反応するようにする----*/
.carousel-control-prev, .carousel-control-next, .carousel-indicators {pointer-events:auto;}
/*----------------------------------------------------
アニメーション
----------------------------------------------------*/
/*----キーフレーム設定（ズームイン）----*/
@keyframes zoom-in {
	0% {transform: scale(1.0);}
	100% {transform: scale(1.1);}}
/*----実行----*/
.carousel-item-next img, .active:not(.popmake) img {
	animation-name: zoom-in;
	animation-duration:10s;
	animation-timing-function:linear;
	animation-fill-mode:forwards;}
/*----------------------------------------------------
スマホ時にもPC用のスライド画像を使いまわす設定
----------------------------------------------------*/
@media screen and (max-width:780px) {
	/*スライド画像の表示の大きさを200%にして画面中央にくるようにする*/
	.carousel-item {right:50%; width:200%;}
	/*上の設定を行うと、スライドの切り代わり時にスライドが2段表示されてしまうので次のスライド画像が重なるようにする*/
	.carousel-item-next {position:absolute; top:0; right:50%; z-index:10;}}

/*==============================================================
新着情報
==============================================================*/
/*----------------------------------------------------
フレーム / 新着情報
----------------------------------------------------*/
.fr_news {padding:32px; background-color:#fff; border:2px solid #edebdf; border-radius:0px;}

/*==============================================================
レモングラスの紹介
==============================================================*/
/*----------------------------------------------------
紹介画像サイズ
----------------------------------------------------*/
.intro_img {width:85%; height:460px;}
.intro_img.left {margin:0 auto 32px 0;}
.intro_img.right {margin:0 0 32px auto;}
.intro_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----sp時----*/
@media screen and (max-width:780px) {.intro_img {width:95%; height:300px;}}

/*==============================================================
武雄レモングラスについて
==============================================================*/
/*----親----*/
.li_psel_pa {display:flex; flex-wrap:wrap; justify-content:center; column-gap:64px; row-gap:64px;}
/*----子----*/
.psel_ch {width:calc((100% - (64px * 1)) / 2);}
.li_psel_pa .psel_ch:first-child {margin:0 16px;}
/*----a----*/
.psel_ch a {display:table; margin:0 auto;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.psel_ch {width:90%;}
	.li_psel_pa .psel_ch:first-child {margin:0 0;}}

/*----------------------------------------------------
ホバーアニメ
----------------------------------------------------*/
.hani a {display:table; margin:0 auto; outline:3px solid transparent; 
	outline-offset:12px; transform: scale(0.95); transition-duration:0.3s;}
.hani a:hover {outline:3px solid #ff7800; 
	outline-offset:0px; transform: scale(1); transition-duration:0.3s;}

/*==============================================================
通信販売
==============================================================*/
.li_netshop_pa {display:flex; flex-wrap:wrap;}
.netshop_ch1 {width:65%; min-height:350px; background-color:#779D48;}
.netshop_ch1 img {width:100%; height:100%; object-fit:cover; object-position:center;}
.netshop_ch2 {width:35%; padding:32px 32px 48px; background-color:#f1dbb8;
	display:flex; flex-direction:column; justify-content:center;}
/*----sp時----*/
@media screen and (max-width:780px) {
	.netshop_ch1 {width:100%; min-height:250px;}
	.netshop_ch2 {width:100%;}}