/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 09:18:48 */
/* テキストスタイル */
.c-pageTitle{
	text-align:center;
}

.font-khand-light {
  font-family: "Khand", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.font-khand-regular {
  font-family: "Khand", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-khand-medium {
  font-family: "Khand", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.font-khand-semibold {
  font-family: "Khand", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.font-khand-bold {
  font-family: "Khand", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font-zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.font-zen-old-mincho-bold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.font-inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


/* 全体・メニュー周り */

body{
  font-family: "Zen Old Mincho", serif;
  /* 背景フォールバック */
  background-color: #4fb233;

  /* 
    0〜72px: #003604 のまま固定（ヘッダーメニュー領域）
    72px〜372px: #003604 から #4fb233 へ300pxかけて推移
    372px以降: #4fb233 が続く
  */
  background: linear-gradient(
    to bottom,
    #003604 0px,
    #003604 72px,
    #4fb233 372px
  );
}

@media (min-width: 960px) and (min-width: 600px) {
    .-series .c-headLogo {
        max-width: 300px;
    }
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
    .-series .c-headLogo {
        max-width: 250px;
    }	
}

/* タブレットサイズのみ表示（600px〜1033px） */
@media screen and (min-width: 600px) and (max-width: 1033px) {
    .-series .c-headLogo {
        max-width: 250px;
    }	
}


nav#gnav,
div#fix_header .c-gnav>.menu-item>a .ttl,
#footer ul.wp-block-list.no-mark a{
  font-family: "Khand", sans-serif;
  font-weight: 600;
  font-style: normal;
}

nav#gnav .c-gnav>.menu-item>a .ttl,
div#fix_header .c-gnav>.menu-item>a .ttl{
  font-size:20px !important;
}

.top #content{
	padding-top:0;
}


.wp-singular main#main_content{
/* 	background-color:#fff;
	color:#003604; */
	padding-bottom: 2rem;
}

#body_wrap.home main#main_content {
    background-color: transparent;
}

.wp-singular main#main_content .c-pageTitle__inner{
	padding-top: 2em;
}


.tab_space{
	display:none;
}


/* お知らせ */
div#news {
    font-size: 20px;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	div#news .wp-block-paragraph{
		flex-basis: 0em;
	}
	
	div#news .wp-block-group.is-stack{
		padding: 1em 0em;
	}
}

/* タブレットサイズのみ表示（600px〜1033px） */
@media screen and (min-width: 600px) and (max-width: 1033px) {
	div#news .wp-block-paragraph{
/* 		flex-basis: 0em; */
	}
	
	div#news .wp-block-group.is-stack{
/* 		padding: 1em 0em; */
   		 flex-direction: row;
	}
}




/* コンセプト */

.top-feature-section{
	position:relative;
}


.top-feature-section img.wp-block-cover__image-background{
	width:60% !important;
	opacity: 0.8;
}

.top-feature-section.bg-left img.wp-block-cover__image-background{
}

.top-feature-section.bg-right img.wp-block-cover__image-background{
	left:auto !important;
}

.top-feature-section-copy{
	font-family: "Zen Old Mincho", serif;
	color:#fff;
	stroke: #013604;
	stroke-width: 4px;
	stroke-dasharray:100;
	
	text-shadow:
    /* 文字の輪郭を引き締める芯（不透明度100%） */
    0 0 3px  #003604,
    0 0 6px  #003604,
    0 0 10px #003604,

    /* 外側へ広がる重厚な影 */
    0 0 18px rgba(0, 54, 4, 0.9),
    0 0 28px rgba(0, 54, 4, 0.75),
    0 0 40px rgba(0, 54, 4, 0.5);
}

.top-feature-section-copy h3{
	font-weight: 600;
	font-style: normal;
	font-size: 45px;
	line-height: 60px;
}

.top-feature-section-copy p{
	font-style: normal;
	font-size: 25px;
	line-height: 45px;
}

.top-feature-section-copy p.sub{
	font-style: normal;
	font-size: 20px;
	line-height: 35px;
}


@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	.top-feature-section-copy h3{
		font-size: 18px;
		line-height: 30px;
		text-align:center;
	}
	.top-feature-section-copy p{
		font-size: 11px;
		line-height: 18px;
		text-align:center;
		white-space: nowrap;
	}
	.top-feature-section-copy p.sub{
		font-size: 8px;
		line-height: 15px;		
		text-align:left;
	}
	.tab_space{
		display:none;
	}
}


/* タブレットサイズのみ表示（600px〜1033px） */
@media screen and (min-width: 600px) and (max-width: 1033px) {
	#concept .wp-block-cover {
		overflow: visible;
	}
	
	#concept .top-feature-section img.wp-block-cover__image-background{
	    width: 70% !important;
	    height: 270px;
	}

	.top-feature-section-copy h3{
		font-size: 35px;
        line-height: 50px;
	}
	
	.top-feature-section-copy p {
	    font-size: 18px;
	    line-height: 35px;
	}
	
	#concept .u-mb-10{
	    margin-bottom: .5em !important;
	}
	
	#concept .wp-block-group.sp_only,
	#concept br.pc_,
	#concept br.sp_{
	    display: none !important;
	}
	
	#concept .pc_only{
	    display: block !important;
	}
	
	.tab_space{
		display:block;
	}
}




/* 鹿児島の抹茶を、愛されるお土産へ */
.sec01 .wp-block-cover__inner-container{
	margin-right: 100px;
	width: auto;
}
.sec01 .top-feature-section{
	margin-left: -100px;
}


/* 鹿児島抹茶『凛』を味わう抹茶クッキーサンド */
.sec02 .wp-block-group__inner-container{
	margin-left: -550px;
}

/* 知覧産「厳選碾茶」100%使用 */
.sec03{
	position:relative;
}
.sec03 .wp-block-group.is-row.alignfull {
    margin-left: 20%;
}

.sec03 .japan-no1{
	width: 252px;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 10%;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	.section03-sp {
		position: relative;
	}
	.section03-sp .japan-no1{
		position: absolute;
		z-index: 100;
		width: 96px;
		top: 0%;
		right: 0%;
	}
}

/* タブレットサイズのみ表示（600px〜1033px） */
@media screen and (min-width: 600px) and (max-width: 1033px) {
	
/*	
	sec01
*/
	.sec01 .wp-block-group__inner-container{
/* 		height: 400px; */
	}
	.sec01 .wp-block-cover__inner-container {
	    top: 20%;
        position: absolute;
        margin-right: 0;
        right: 5%;
	}
	
	.sec01 .wp-block-group.alignfull{
		height: 350px;
		margin: 0;
	}
	
	.sec01 .top-feature-section-copy p {
	    text-align: center;
	}
	
/*	
	sec02
*/
	.sec02 span.wp-block-cover__background{
		
	}
	.sec02 .wp-block-cover__inner-container {
	    bottom: 0%;
	    position: absolute;
	    margin-right:0;
        left: -8%;
	}
	
	.sec02 .wp-block-group__inner-container {
	    margin-left: 0;
	    left: 0;
	}

	
/*	
	sec03
*/	

	.sec03 .wp-block-spacer {
	    display: none;
	}

	.sec03 .wp-block-group.is-row.alignfull {
	    margin-left: 0;
	}
	.sec03 .wp-block-group.is-row__inner-container {
	    left: -5%;
	}
	.sec03 .wp-block-cover__inner-container {
	    top: 10%;
        position: absolute;
        margin-right: 0;
        left: 0%;
        z-index: 100;
	}
	
	.sec03 .japan-no1{
		width: 100px;
	    position: absolute;
	    z-index: 100;
	    top: -15%;
	    right: 5%;
	}
	
	.sec03 .top-feature-section-copy h3,
	.sec03 .top-feature-section-copy p {
	    text-align: left;
	}
	
	.sec03 .top-feature-section-copy p.sub{
		font-size: small;
        line-height: 1.8;
	}
	
}



/* 商品情報 */
#concept{
	background:url(https://koigoimatcha.jp/_bosys/wp-content/uploads/2026/11/back-1b.jpg) top repeat-x #0b3d0b;
}
.product-sentence h4.wp-block-heading{
	color:#DFCF5B;
	font-weight:bold;
	font-size: 50px;
	text-shadow:
		0 0 20px #013604,
		0 0 40px #013604;
}

.product-sentence h4.wp-block-heading strong{
	font-size: 65px;
}

.wp-block-group.bgA.box-product {
    height: 100%;
}

.product-images{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:1rem;
}

.product-images figure{
	height:300px;
}

.product-images img{
	max-height:100%;
	width:auto;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	.product-images figure{
		height:200px;
		display:flex;
		align-items:center;
	}
	.product-sentence h4.wp-block-heading{
		font-size: 35px;
		text-shadow: 0 0 10px #013604, 0 0 240px #013604;
	}

	.product-sentence h4.wp-block-heading strong{
		font-size: 50px;
	}
	
	.product-sentence p{
	    font-size: 0.9rem;
	}
}

/* タブレットサイズのみ表示（600px〜1033px） */
@media screen and (min-width: 600px) and (max-width: 1033px) {
	.product-sentence br.sp_{
		display: none;
	}
	.product-sentence h4.wp-block-heading{
		font-size: 40px;
	}	
	
	.product-images figure{
		height:300px;
		display:flex;
		align-items:center;
	}
}


.bgA{
	background-color:#0b3d0b;
}

.bg-grade{
  background-color: #0b3d0b;
  background: linear-gradient(to bottom, #072a02 0%, #0d4605 50%, #105207 100%);
}

.bg-guru1,.bg-guru2{
	background-image: url('https://koigoimatcha.jp/_bosys/wp-content/uploads/2026/10/logo_pattern2.png');
	background-repeat: no-repeat;
	background-size: 452px 585px;
}	
.bg-guru1{
	background-position: left -10% top -0%;
}
.bg-guru2{
	background-position: right -10% bottom 30%;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	.bg-guru1,.bg-guru2{
		background-size: 200px auto;
	}
	.bg-guru1{
		background-position: left -10% top -0%;
	}
	.bg-guru2{
		background-position: right -10% bottom 30%;
	}
}



/* 商品情報 */

#products img{
	margin-top: -200px;
}

.product-block .swell-block-columns__inner{
	justify-content:center;
}
.box-product {
    padding: 3rem 1rem;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	#products img{
		margin-top: -70px;
	}
	.about-kagoshimasuikei p{
		text-align:center;
		font-size:11px;
		line-height:18px;
	}
}


/* タブレットサイズのみ表示（600px〜1033px） */
@media screen and (min-width: 600px) and (max-width: 1033px) {
	
	#products img{
		    margin-top: -120px;
	}
	
	.about-kagoshimasuikei p {
	    text-align: center;
	}
	
	.bg-guru1, .bg-guru2{
		background-size: 252px 326px;
	}
}







/* お問い合わせ */

.wpcf7 label{
	color:#fff;
}

.page-id-22 #footer .contact{
	display:none;
}

#footer .contact h3{
	font-size:40px;
}

#footer .contact p{
	font-size:20px;	
}

#footer .contact .btn-contact{
/* 	font-size:25px;
	width: 75%; */
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	#footer .contact h3{
		font-size:30px;
	}
	
	#footer .contact p{
		font-size:19px;
	}
	
	#footer .contact .btn-contact{
		min-width:100%;
		font-size:25px;
	}
	
}

/* フッター */

#footer .swell-block-columns__inner {
	justify-content:center;
/*     justify-content: space-between; */
}

#footer .wp-block-social-links{
	min-height: 150px;
}

#footer ul.wp-block-social-links a {
    font-size: 60px;
}

#footer ul.wp-block-list.no-mark li{
	line-height:1;
	margin-bottom:1.3rem;
}

#footer ul.wp-block-list.no-mark a{
	font-size:20px;
	border-bottom: 2px solid #4fb233;
}

#footer ul.wp-block-list.no-mark a:hover,
#footer ul.wp-block-list.no-mark a:focus,
#footer ul.wp-block-list.no-mark a:active{
	color:#056b00;
	text-decoration: none;
	transition: color 0.2s ease;
	border-bottom: 2px solid #056b00;
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{
	fill: #013604;
    color: #013604;
}

ul.wp-block-list.no-mark {
    list-style: none;
}

.l-footer .copyright{
/* 	font-size: 20px; */
	font-family: "Inter", sans-serif;
}

@media screen and (max-width:480px){
  /*画面幅が480pxまでの時*/
	#footer .swell-block-columns__inner{
		justify-content: center;
	}
	
	#footer .footer-nav .wp-block-group {
		display: flex;
		justify-content: space-between;
	}
	
	#footer ul.wp-block-list.no-mark{
		flex-basis: auto;
	}
	
	#footer ul.wp-block-social-links{
		gap: 0rem;
	}
	
	#footer ul.wp-block-social-links a {
		font-size: 50px;
	}
	
	#footer ul.wp-block-list.no-mark a{
		font-size:20px;
	}

}

/* タブレットサイズのみ表示（600px〜1033px） */
@media screen and (min-width: 600px) and (max-width: 1033px) {
	.wp-block-group.is-row{
		justify-content:center;
	}

}

/* お問い合わせ */
.wpcf7-submit{
	 background: linear-gradient(135deg, rgb(1, 54, 4) 0%, rgb(60, 148, 40) 100%);
}






.justify-content-center .swell-block-columns__inner {
    justify-content: center;
}