@charset "UTF-8";

/*
	Theme Name: nihonkikurage
	Description: 日本きくらげ
	Version: 1.0.0
*/

/****************************************

          General Setting

*****************************************/
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	box-sizing: border-box;
}

body {
	height: 100%;
	color: #353535;
	font-size: 16px;
	line-height: 165%;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.japanese {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height: 1;
	font-weight: lighter;
}

li {
	list-style: none;
}

img {
	vertical-align: top;
	image-rendering: -webkit-optimize-contrast;
	-webkit-backface-visibility: hidden;
}

.w100 {
	width: 100%;
	height: auto;
}

.d-flex {
	display: flex;
}

.align-items-center {
	/*上下中央*/
	align-items: center;
}

.justify-content-center {
	/*左右中央*/
	justify-content: center;
}

.justify-content-between {
	justify-content: space-between;
}

.flex-wrap {
	flex-wrap: wrap;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	opacity: .8;
}

.btn a {
	display: block;
	border: 5px double #ffffff;
	padding: 15px;
	text-align: center;
	color: #ffffff;
	width: 50%;
	margin: 80px auto;
	background-color: #e22a3c;
	border-radius: 8px;
}

p {
	margin-bottom: 20px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.text-right {
	text-align: right;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.small {
	font-size: 90%;
	line-height: 1.4;
	color: #888;
}

.br-sp {
	display: none;
}

.d-pc {
	display: inline-block;
}

.d-sp {
	display: none;
}



/****************************************

          LAYOUT

*****************************************/
.container {
	width: 1200px;
	margin: 0 auto;
}



/****************************************

          HEADER

*****************************************/
header {
	padding: 10px 0;
	z-index: 999;
	width: 100%;
	transition: 0.5s;
}

.home header {
	position: fixed;
}

#menu-header-nav {
	display: flex;
	align-items: center;
}

header.scroll-nav #logo img {
	transition: 0.5s;
}

#menu-header-nav li {
	margin-left: 20px;
	font-size: 11px;
	line-height: 1.5;
}

header.scroll-nav {
	padding: 5px 0;
	background: rgb(255 255 255 / 90%);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

/*
header.scroll-nav #logo img{
	width: 100px;
	height: auto;
}
*/
header #active {
	display: none;
}



/****************************************

          HOME

*****************************************/
/* Top Banner*/
.top-banner {
	margin-top: 40px;
	flex-wrap: wrap;
}

.top-banner div {
	flex-basis: 49%;
}

.top-banner div.event-banner {
	flex-basis: 100%;

}

.top-banner div.event-banner img {
	width: 100%;
	height: auto;
	margin-bottom: 25px
}

/* hero */
#hero {
	position: relative;
	text-align: center;
}

#hero h2 {
	position: absolute;
	top: 50%;
	right: 50%;
	color: #fff;
	transform: translate(50%);
	font-weight: bold;
	font-size: 48px;
	z-index: 10;
	white-space: nowrap;
	text-shadow: 1px 1px 10px #000;
}

.swiper-slide {
	cursor: pointer;
}

#hero .swiper-container {
	width: 100%;
	height: 640px;
	overflow: hidden;
}


#hero .swiper-container .swiper-wrapper .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@keyframes zoomUp {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.15);
	}
}

#hero .swiper-slide-active .slide-img,
#hero .swiper-slide-duplicate-active .slide-img,
#hero .swiper-slide-prev .slide-img {
	animation: zoomUp 10s linear 0s 1 normal both;
}

#hero .slide-img img {
	display: block;
	width: 100%;
	height: auto;
}

/* section */
.section-title h2 {
	font-size: 18px;
	margin-bottom: 15px;
}

.section-title a {
	font-size: 90%;
}

/* news / media */
section#news,
section#media {
	width: 48%;
	margin-top: 80px;
}

/* important-otices */
#important-otices {
	margin-top: 40px;
}

.important-otices-inner {
	text-align: center;
	border: 1px solid #ccc;
	background-color: #fafafa;
	padding: 15px;
	color: #c03;
}

.important-otices-inner h2 {
	margin-bottom: 10px;
}

.important-otices-inner p {
	font-size: 14px;
}

.important-otices-inner p:last-child {
	margin-bottom: 0;
}


/* news */
ul.news-lists {
	border-top: 1px dotted #e4e5ec;
}

ul.news-lists li {
	border-bottom: 1px dotted #e4e5ec;
	padding: 15px 0;
	font-size: 90%;
}

ul.news-lists p.post-date {
	margin-right: 20px;
	white-space: nowrap;
}

ul.news-lists .news-post {
	display: flex;
	justify-content: space-between;
}

ul.news-lists .news-post-img {
	width: 15%;
}

ul.news-lists .news-post-txt {
	width: 83%;
}

ul.news-lists .news-post-img img {
	width: 100%;
	height: auto;
}

ul.news-lists h3 {
	font-weight: lighter;
}

ul.news-lists h3 p {
	margin: 0;
}

ul.news-lists h3 p a {
	color: #be9767;
	text-decoration: underline;
}

ul.news-lists h3 p a:hover {
	text-decoration: none;
}

ul.news-lists h3 a:hover {
	opacity: 0.8;
}



/* media */
.media-images img {
	width: 48%;
	height: auto;
	margin-bottom: 20px;
}

/* ec-site */
#ec-site {
	margin: 30px auto;
}

/* btn */
.btn-wrap {
	margin: 80px 0;
	text-align: center;
}

.btn-wrap .btn {
	font-size: 26px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding: 5px 200px 18px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 10px;
	color: #ffffff;
	border-radius: 8px;
}

a.btn-c {
	background: #e50012;
	box-shadow: 0 5px 0 #396e1d;
}

a.btn-c span {
	font-size: 18px;
	position: absolute;
	top: -25px;
	left: calc(50% - 150px);
	display: block;
	width: 300px;
	padding: 9px 0 5px;
	color: #e50012;
	border: 2px solid #e50012;
	border-radius: 100vh;
	background: #fff;
	-webkit-box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}

a.btn-c span:before,
a.btn-c span:after {
	position: absolute;
	left: calc(50% - 10px);

	content: "";
}

a.btn-c span:before {
	bottom: -10px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #d44114 transparent transparent transparent;
}

a.btn-c span:after {
	bottom: -7px;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}

a.btn-c i {
	margin-right: 1rem;
}

a.btn-c:hover {
	-webkit-transform: translate(0, 3px);
	transform: translate(0, 3px);
	color: #fff;
	background: #c70918;
	box-shadow: 0 2px 0 #ddd;
}

/* service */
#service {
	position: relative;
	background-image: url(images/service-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	color: #fff;
	font-size: 20px;
	line-height: 180%;
}

#service .container {
	text-align: center;
	padding: 100px 0;
	z-index: 2;
}

/*
#service h2{
	font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size: 48px;
	font-weight: lighter;
	margin-bottom: 40px;
}
*/

/* know */
section#know {
	padding: 80px 0;
}

section#know h2 {
	font-size: 48px;
	text-align: center;
	margin: 0 0 60px;
	font-weight: bold;
}

section#know h2 span {
	color: #e50012;
	font-weight: 900;
}

section#know h2 span.d-none {
	color: inherit;
}

.know-inner .know-txt {
	flex-basis: 43%;
}

.know-inner .know-txt a.products-link {
	position: relative;
	background: #e50012;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	display: block;
	text-align: center;
	border: 2px solid #ff9292;
	border-radius: 40px;
}

.know-inner .know-txt a.products-link:after {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.know-inner .know-txt a.products-link:hover {
	opacity: 0.8;
}


.know-inner .know-img {
	flex-basis: 54%;
}

.know-inner .know-img img {
	border-radius: 15px;
	background-color: #eee;
	padding: 5px;
}

.know-inner2 {
	margin-top: 60px;
}

.know-box {
	width: 32%;
	text-align: center;
	padding: 40px;
	background-color: #f0f5f1;
	border: 1px solid #e4f1e6;
}

.know-box h3 {
	font-size: 36px;
	font-weight: bold;
	padding: 15px 0;
	border-bottom: 1px solid #cfdfd1;
	box-shadow: 0 1px 1px #fff;
	margin-bottom: 15px;
}

.know-box p {
	margin-bottom: 0;
}

/* anatani */
#anatani {
	margin: 80px 0;
}

#anatani h2 {
	font-size: 48px;
	text-align: center;
	margin: 40px 0 80px;
}

.anatani-txt,
.anatani-img {
	width: 48%;
}

/* eiyou */
#eiyou {
	margin: 80px 0;
}

#eiyou h2 {
	font-size: 48px;
	text-align: center;
	margin: 80px 0;
}

.eiyou-lists {
	margin: 20px 0;
}

.eiyou {
	width: 32%;
	text-align: center;
	padding: 25px;
	margin-bottom: 25px;
	background-color: #f0f5f1;
	border: 1px solid #e4f1e6;
}

.eiyou:nth-child(n + 4) {
	margin-bottom: 0;
}

.eiyou h3 {
	font-size: 36px;
	padding: 15px 0;
	border-bottom: 1px solid #cfdfd1;
	box-shadow: 0 1px 1px #fff;
	margin-bottom: 15px;
}

.eiyou p strong {
	color: #e22a3c;
	font-weight: lighter;
	font-size: 18px;
}

#eiyou p.text-right {
	color: #888;
	font-size: 90%;
}

/* products */
#products {
	background-image: url(images/products-bg.png);
	padding: 80px 0;
}

#products h2 {
	font-size: 48px;
	text-align: center;
	margin: 0 0 20px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #fff;
}

.product {
	background-color: rgb(255 255 255 / 85%);
	margin-bottom: 30px;
}

.prduct:last-child {
	margin-bottom: 0;
}

.product-img,
.product-txt {
	width: 48%;
}

.product-txt {
	padding: 25px 25px 25px 0;
}

.product-txt h3 {
	font-size: 40px;
}

.product-txt p.product-meta {
	margin: 18px 0;
}

.product-txt .product-link a {
	flex-basis: 33%;
}

.product-txt a.purchase-btn {
	display: block;
	background-color: #3d3d3d;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	margin-top: 15px;
	border-radius: 4px;
}

.product-txt .product2-link a {
	flex-basis: 49%;
}

.product-txt .product3-link a {
	flex-basis: 33%;
}

/* store */
#store {
	padding: 80px 0;
}

#store h2 {
	text-align: center;
	font-size: 48px;
	margin-bottom: 40px;
}

#store .swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

#store .slide-txt h3 {
	font-size: 26px;
	margin: 15px 0 10px;
}

#store .slide-txt p {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 10px;
}

#store .slide-txt p a {
	text-decoration: underline;
}

#store .swiper-container-store {
	width: 100%;
	overflow: hidden;
}

/* store-lists */
#store-lists {
	padding: 80px 0 30px;
}

#store-lists h2 {
	font-size: 48px;
	text-align: center;
	margin: 0 0 60px;
	font-weight: lighter;
}

#store-lists .store-box {
	position: relative;
	flex-basis: 48%;
	padding: 40px;
	border: 1px solid #ccc;
	margin-top: 40px;
}

#store-lists h3 {
	position: absolute;
	top: -12px;
	font-size: 28px;
	font-weight: lighter;
	text-align: center;
	background-color: #fff;
	padding: 0 15px;
}

#store-lists ul li {
	flex-basis: 25%;
	list-style: square;
	list-style-position: inside;
	line-height: 2;
}

#store-lists ul li:empty {
	list-style: none;
}

/* recipe */
#recipe {
	overflow: hidden;
	padding: 40px 0;
}

.recipe-txt {
	padding: 0 30px;

}

.recipe-txt h2 {
	font-size: 51px;
	margin: 20px 0;
	font-weight: bold;
	color: #454545;
	text-shadow: 1px 1px 1px #fff;
}

.recipe-txt p.catch {
	background-color: rgb(121 101 62 / 48%);
	border-radius: 15px;
	text-align: center;
	color: #fff;
	padding: 4px 0 3px;
	margin-bottom: 30px;
}

.recipe-txt a {
	position: relative;
	display: block;
	border-bottom: 1px solid #a7a7a7;
	color: #7a7a7a;
	margin-top: 40px;
}

.recipe-txt a::before {
	position: absolute;
	right: 0;
	font-family: "Font Awesome 5 Free";
	content: '\f101';
	font-weight: 900;
	color: #a7a7a7;
}

.recipe-slider {
	width: 65%;
}

.container-right {
	background-image: url(images/recipe-bg.png);
	margin-right: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-top: 80px;
	padding-bottom: 80px;
}

#recipe-swiper {
	margin-right: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
}

/* YouTube */
#youtube {
	padding: 80px 0 0;
}

#youtube h2 img {
	width: 200px;
	height: auto;
}

.youtube-lists .youtube-box {
	width: 32%;
	margin-bottom: 25px;
}

.youtube-lists .youtube-box:nth-child(n + 4) {
	margin-bottom: 0;
}

/* social-media */
#social-media .sns-link {
	padding: 80px 0;
}

#social-media .sns-link .sns-btn {
	margin: 0 5px;
}

#social-media .sns-link .sns-btn a {
	display: block;
	color: #fff;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
}

#social-media .sns-link .sns-btn a.twitter-link {
	background-color: #1da1f2;
}

#social-media .sns-link .sns-btn a.facebook-link {
	background-color: #1877f2;
}

#social-media .sns-link .sns-btn a.youtube-link {
	background-color: #f00;
}

#social-media .sns-link .sns-btn a.instagram-link {
	background-color: #d33088;
}

#social-media .sns-link .share {
	width: 100px;
	margin-left: 10px;
}



/****************************************

          PAGE

*****************************************/
.page-title {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	width: 100%;
	height: 50vh;
	overflow: hidden;
	background-size: cover !important;
	background: no-repeat center bottom scroll;
	background-position: 0px;
}


@media only screen and (max-width: 769px){
	.page-title {	
		background-position: center;
	}
}

.page-title h1 {
	font-style: normal;
	font-weight: bold;
	color: #eee;
	font-size: 48px;
	letter-spacing: 0.03em;
	line-height: 1;
	/*text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);*/
	margin-bottom: 1px;
	text-shadow: 1px 0 13px rgb(35 24 21 / 38%), 0 1px 8px rgb(35 24 21 / 86%), -1px 0 13px rgb(35 24 21 / 45%), 0 -1px 8px rgb(35 24 21 / 68%);
}

.page .content {
	padding: 80px 0;
}

.page .content h2 {
	position: relative;
	text-align: center;
	font-size: 40px !important;
	margin: 0 auto 80px !important;
	font-weight: bold;
}

.page .content h2::before {
	content: '';
	position: absolute;
	bottom: -25px;
	display: inline-block;
	width: 60px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #353535;
	border-radius: 2px;
}

/* table */
.page .content table {
	width: 100%;
	border-top: 1px solid #eee;
	margin: 80px 0;
}

.page .content table tr {
	border-bottom: 1px solid #eee;
}

.page .content table tr th,
.page .content table tr td {
	padding: 20px;
	font-size: 90%;
	font-weight: lighter;
}




/****************************************

          PAGE / COMPANY

*****************************************/
.company h2.japanese {
	font-weight: bold;
}

.company img.ceo-img {
	margin: 0 0 40px 40px;
	width: 25%;
}

.ceo-name-sp {
	display: none;
}

/* .ceo-name-pc{
	display: block;
} */

#trigger {
	padding: 80px 0 0;
}

#company-info {
	padding: 0 0 80px;
}

#sdgs {
	padding: 60px 0;
	background-color: #f0fbff;
	border-top: 4px double #d2e6ed;
}

#sdgs h2 {
	position: relative;
	text-align: center;
	font-size: 40px !important;
	margin: 0 auto 80px !important;
	font-weight: bold;
}

#sdgs h2::before {
	content: '';
	position: absolute;
	bottom: -25px;
	display: inline-block;
	width: 60px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #353535;
	border-radius: 2px;
}

.sdgs-txt {
	padding: 80px 0;
}

.sdgs-txt2 {
	text-align: left;
}

.sdgs-txt2 h3 {
	background-color: #00aeee;
	color: #fff;
	padding: 15px;
	font-size: 28px;
	line-height: 1;
	font-weight: lighter;
	margin-bottom: 20px;
}

.sdgs-box {
	margin-top: 20px;
	background-color: #fff;
	padding: 40px;
	border: 5px solid #a9e8ff;
}

.sdgs-box:empty {
	margin-top: 20px;
	background-color: transparent;
	padding: 0;
	border: none;
}

.sdgs-inner .sdgs-box {
	width: 32%;
}

.sdgs-txt2 img {
	width: 100%;
	height: auto;
}

.sdgs-box-img2 img {
	width: 27%;
	height: auto;
}

.sdgs-txt2 p.sdgs-p {
	margin: 30px 0 0;
}


/* Google Map */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}



/* BASE - SNS LINK */
#sns-link {
	padding: 0 0 100px;
}

#sns-link h2 {
	color: #1b1b1b;
	padding: 10px 0 10px 50px;
	font-size: 28px;
	font-weight: lighter;
	line-height: 1;
	background-image: url(images/base/share.png);
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: left center;
}

#sns-link .sns-link-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#sns-link .sns-link-inner .base {
	width: 32%;
	box-shadow: 1px 1px 10px #cacaca;
	margin: 15px 0;
	border-radius: 5px;
	padding: 20px;
}

#sns-link .sns-link-inner::after {
	/* 空ブロック*/
	content: "";
	display: block;
	width: 32%;
}

#sns-link .sns-link-inner .base h3 {
	background-image: url(images/base/logomark.gif);
	background-repeat: no-repeat;
	background-size: 20px;
	padding: 0 0 0 25px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #3b2213;
}

#sns-link .sns-link-inner .base p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0;
}

#sns-link .sns-link-inner .base p span {
	width: 24%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 45px;
}

#sns-link .sns-link-inner .base p span a {
	display: block;
	font-size: 12px;
	padding: 45px 0 0;
	color: #1d336e;
	text-decoration: underline;
}

#sns-link .sns-link-inner .base p span a:hover {
	text-decoration: none;
	color: #333;
}

#sns-link .sns-link-inner .base p span.homepage {
	background-image: url(images/base/homepage.png);
}

#sns-link .sns-link-inner .base p span.twitter {
	background-image: url(images/base/twitter.png);
}

#sns-link .sns-link-inner .base p span.facebook {
	background-image: url(images/base/facebook.png);
}

#sns-link .sns-link-inner .base p span.instagram {
	background-image: url(images/base/instagram.png);
}



/****************************************

          PAGE / PRODUCTS

*****************************************/
.page-template-page-products .page-title {
	background: no-repeat center center scroll;
}

.page #eiyou {
	margin: 0;
}

img.data-table {
	margin: 40px 0;
}

.page .eiyou-lists {
	margin: 80px 0 0;
}

#user-voice {
	padding-bottom: 0;
}

#user-voice .container {
	text-align: center;
}

#user-voice h2 {
	position: relative;
	display: inline-block;
	padding: 0 85px;
	text-align: center;
	margin: 0 auto 40px !important;
}

#user-voice h2:before,
#user-voice h2:after {
	position: absolute;
	top: calc(50% - 3px);
	width: 50px;
	height: 6px;
	content: '';
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	background-color: #fff;
	border-radius: 0;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

#user-voice h2:before {
	left: 0;
}

#user-voice h2:after {
	right: 0;
}

.voice {
	width: 31%;
}

.voice .user-name {
	margin: 15px 0;
}

.voice-txt p.mb-0 {
	text-align: left;
}

.voice img {
	box-shadow: 1px 1px 10px #ccc;
}

.btn-nomal {
	background: #62B735;
	box-shadow: 0 5px 0 #396e1d;
	padding: 22px 200px 20px !important;
}

/* furusato */
#furusato h2 {
	position: relative;
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 60px;
	text-align: center;
	background-color: #183851;
	color: #f7e5a5;
	text-shadow: 1px 1px 1px #19476c;
	padding: 60px 0;
	border-top: 4px double #f7e7ab;
	border-bottom: 4px double #f7e7ab;
}

#furusato h2::after {
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #183851 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.furusato-bg {
	flex-basis: 50%;
}

.furusato-link {
	flex-basis: 45%;
}

.furusato-img {
	flex-basis: 45%;
	text-align: center;
}

.furusato-img img {
	width: 100%;
	height: auto;
}



/****************************************

          PAGE / RECIPE

*****************************************/
.page-template-page-recipe .page-title {
	background: no-repeat center center scroll;
}

.recipe-search {
	background-color: rgb(255 255 255 / 90%);
	padding: 20px;
	border-radius: 8px;
	box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 10%);
	display: inline-flex;
	width: 720px;
	position: relative;
}

.recipe-search h1 {
	font-style: normal !important;
	color: #231815 !important;
	font-size: 32px !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-shadow: 1px 1px 1px #fff !important;
	margin-bottom: 15px !important;
	width: 100%;
	font-weight: bold;
	position: absolute;
	top: -75px;
	background: linear-gradient(180deg, rgb(255 255 255 / 90%) 0%, rgb(255 255 255 / 90%) 50%, #ffffff00 50%, #ffffff00 100%);
	display: block;
	height: 150px;
	width: 150px !important;
	border-radius: 50%;
	line-height: 125px !important;
	text-align: center;
}

.recipe-search p {
	margin-right: 15px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}


/* FORM */
#searchform {
	z-index: 2;
}

/*検索ボックス*/
#s {
	outline: 0;
	height: 50px;
	padding: 0 15px;
	border-radius: 8px 0 0 8px;
	background: #fff;
	border: 1px solid #d5d5d5;
	width: 500px;
}

/*検索ボタン*/
#searchsubmit {
	width: 150px;
	height: 50px;
	border-radius: 0 8px 8px 0;
	background-image: linear-gradient(112deg, #fa0, #f28c00);
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

/*検索ボタンマウスオーバー時*/
#searchsubmit:hover {
	opacity: 0.9;
	cursor: pointer;
}

/* .recipe-search p.popular-keyword{
	font-size: 78%;
	width: 100%;
	font-weight: lighter;
	text-shadow: none;
	margin: 10px 0 0;
  color: #757575;
	z-index: 2;
}
.recipe-search p.popular-keyword a{
	color: #ff5664;
	text-decoration: underline;
	margin-right: 10px;
} */

.page-template-page-recipe #recipe {
	padding: 40px 0 0;
}

/* #recipe-rank */
#recipe-rank {
	margin: 0 0 60px;
}

.page .content .recipe-title h2 {
	margin: 0 0 20px !important;
}

.page .content .recipe-title p {
	font-size: 90%;
	margin-left: 20px;
	color: #757575;
}

.page .content .recipe-title h2::before {
	content: none;
}

.recipe-title a {
	margin-left: auto;
}

.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 20px 20px;
	grid-template-areas:
		"rank1 rank1 rank2 rank3"
		"rank1 rank1 rank4 rank5"
}

.rank1 {
	grid-area: rank1;
}

.rank2 {
	grid-area: rank2;
}

.rank3 {
	grid-area: rank3;
}

.rank4 {
	grid-area: rank4;
}

.rank5 {
	grid-area: rank5;
}

#recipe-rank .rank {
	position: relative;
}

#recipe-rank .rank .rank-number {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #22242b;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	text-align: center;
	font-weight: bold;
}

#recipe-rank .rank .recipe-name {
	position: absolute;
	bottom: 0;
	background-color: rgb(0 0 0 / 35%);
	width: 100%;
	padding: 15px;
	min-height: 68px;
	display: flex;
	align-items: center;
}

#recipe-rank .rank .recipe-name h3 {
	color: #fff;
	line-height: 1.2;
}

#youtube-recipe .youtube-lists h3 {
	margin: 10px 0;
	line-height: 1.2;
}

#youtube-recipe .youtube-lists a {
	font-size: 85%;
	color: #757575;
}

#youtube-recipe .youtube-lists a i {
	color: #e60012;
	margin-left: 10px;
}



/****************************************

          PAGE / youtai

*****************************************/
/* #post-61 .page-title{
	display: none;
} */
#post-61 .kikurage-logo {
	padding: 0 180px 100px;
}

#post-61 .content a {
	text-decoration: underline;
}

#post-61 .content a:hover {
	text-decoration: none;
}

#post-61 .content ul {
	width: 840px;
	margin: 40px auto;
}

#post-61 .content ul li {
	border-left: 4px solid #353535;
	margin: 25px 0;
	padding: 25px;
	font-size: 18px;
	word-break: break-all;
}



/****************************************

          PAGE / RECRUIT

*****************************************/
#post-73 .page-title {
	background: no-repeat center top scroll;
}

#post-73 h3 {
	font-size: 28px;
	font-weight: lighter;
	border-bottom: 2px solid #353535;
	padding-bottom: 15px;
	margin: 60px 0 15px;
}

#post-73 .application-method {
	margin: 80px 0;
	text-align: center;
	background-color: #f1f1f1;
	padding: 60px 0 40px;
}

#post-73 .application-method h4 {
	margin-bottom: 20px !important;
}

#post-73 .application-method h4::before {
	display: none;
}



/****************************************

          PAGE / PACKEGE

*****************************************/
.packege h2 {
	background-image: url(images/logomark.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	background-size: 65px;
	text-align: left;
	font-size: 48px;
	margin: 0 auto 20px;
	font-weight: bold;
	color: #000;
	padding: 30px;
	border-bottom: 3px solid #333;
	padding: 20px 0 20px 80px;
}

.packege section {
	padding: 80px 0 0;
}

/* packege-message */
#packete-message01 {
	padding: 30px 0;
}

h2.packete-message-title01 {
	background-image: none;
	padding: 0;
	border: none;
	color: #333;
	margin: 0;
	line-height: 1;
	font-size: 48px;
	text-align: center;
}

#packete-message02 {
	padding: 30px 0;
	background-color: #e50012;
}

h2.packete-message-title02 {
	background-image: none;
	padding: 0;
	border: none;
	color: #fff;
	margin: 0;
	line-height: 1;
	font-size: 31px;
	text-align: center;
}

/* packege-info */
#packege-info {
	padding: 35px 0 0;
}

#packege-info h2 {
	text-align: center;
	background-image: none;
	padding: 20px 0;
	border: none;
	margin: 0;
}

#packege-info h3 {
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 60px;
}

.packege-info-img {
	flex-basis: 50%;
}

.packege-info-txt {
	flex-basis: 48%;
}

.packege-info-img div {
	flex-basis: calc(50% - 2px);
	margin-bottom: 2px;
}

/* business-model */
.business-model-box {
	position: relative;
	flex-basis: 32%;
	text-align: center;
	background-color: #f0ebe6;
	padding: 20px;
	border-radius: 8px;
}

.business-model-case {
	text-align: center;
	position: absolute;
	display: flex;
	top: -5px;
	left: -10px;
	background-color: #b4977a;
	color: #fff;
	height: 80px;
	width: 80px;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	border-radius: 50%;
	font-family: Helvetica Neue;
	line-height: 1;
}

.business-model-case span {
	display: block;
	flex-basis: 100%;
	font-size: 28px;
}

.business-model-box h3 {
	font-size: 31px;
	line-height: 1.4;
	margin-bottom: 25px;
	font-weight: 900;
	color: #000;
	text-shadow: 1px 1px 1px rgb(255 255 255 / 62%);
}

.business-model-box h3 span {
	display: block;
	font-size: 16px;
	font-family: initial;
	margin-bottom: 30px;
	background-color: #b4977a;
	color: #fff;
	text-shadow: none;
	font-weight: 100;
	border-radius: 20px;
	padding: 5px 0;
}

.business-model-txt {
	text-align: left;
	margin-top: 7px;
}

.business-model-img small {
	font-size: 13px;
	background-color: #fff;
	padding: 0 20px;
	border-radius: 15px;
	margin-top: 10px;
	display: inline-block;
	color: #b4977a;
}

.open {
	cursor: zoom-in;
	/* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

#pop-up01,
#pop-up02,
#pop-up03 {
	display: none;
	/* label でコントロールするので input は非表示に */
}

.overlay {
	display: none;
	/* input にチェックが入るまでは非表示に */
}

#pop-up01:checked+.overlay,
#pop-up02:checked+.overlay,
#pop-up03:checked+.overlay {
	display: block;
	z-index: 9999;
	background-color: rgb(0 0 0 / 85%);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

.window {
	width: 90vw;
	max-width: 800px;
	height: auto;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	flex-wrap: wrap;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.window h4 {
	flex-basis: 100%;
	font-size: 28px;
	font-weight: lighter;
	background-color: #484142;
	padding: 15px 0;
	margin-bottom: 15px;
	color: #fff;
	text-align: center;
}

.close {
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 40px;
	color: #fff;
}

/* aims */
.aims-img {
	margin-top: 30px;
}

.aims-img div {
	flex-basis: 31%;
}

/* realization */
#realization h3 {
	font-size: 36px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 20px;
	background: linear-gradient(transparent 50%, #fffe74 0%);
	display: inline;
}

#realization h3.sub-title03 {
	font-size: 40px;
	background: linear-gradient(transparent 0, #ff6a7c 0%);
	color: #000;
}

#realization h4 {
	background-color: #64c5e0;
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
	padding: 15px 20px 12px;
	line-height: 1;
}

#realization ul {
	border: 2px solid #64c5e0;
	padding: 20px;
	margin-bottom: 40px;
}

#realization ul li {
	color: #1086a8;
	font-size: 18px;
	line-height: 2;
	margin-left: 1.4em;
	text-indent: -1.4em;
}

#realization ul li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f00c';
	font-weight: 900;
	margin-right: 10px;
}

.realization-img01 {
	width: 55%;
	margin: 20px auto 0;
}

.realization-img02 {
	margin: 40px 0 60px;
}

.realization-img03 {
	width: 55%;
	margin: 20px auto 0;
}

/* realization02 */
#realization02 h3 {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.6;
	background: linear-gradient(transparent 50%, #fffe74 0%);
	display: inline;
}

#realization02 h4 {
	font-size: 28px;
	font-weight: lighter;
	display: inline-block;
	margin: 15px 0 10px;
}

#realization02 h4:last-of-type {
	margin-bottom: 45px;
}

.realization02-inner {
	margin: 20px 0 40px;
}

.realization02-img {
	flex-basis: 50%;
}

.realization02-txt {
	flex-basis: 50%;
	padding-top: 20px;
}

/* grower */
.grower {
	flex-basis: 48%;
}

.grower-info {
	margin-bottom: 20px;
}

.grower-img {
	flex-basis: 35%;
}

.grower-img img {
	border-radius: 50%;
}

.grower-txt {
	flex-basis: 62%;
}

.grower-txt a {
	color: #a87d53;
	text-decoration: underline;
}

.grower-txt h3 {
	font-size: 32px;
	margin-bottom: 15px;
}

.grower-photo {
	margin-top: 20px;
}

.grower-photo div {
	flex-basis: 31%;
}

/* price */
#price .price-title {
	position: relative;
}

#price .price-title p {
	position: absolute;
	top: 50%;
	right: 0;
}

#price h2 {
	margin-bottom: 1px;
}

#price h3 {
	background-color: #333;
	color: #fff;
	padding: 15px;
}

.price-inner h4 {
	background-color: #ebebeb;
	padding: 15px;
	margin: 20px 0 10px;
}

.price-inner h4:first-child {
	margin: 0 0 10px;
}

.price-inner p {
	padding: 0 15px;
}

.price-inner p small {
	font-size: 85%;
	color: #888;
}

.price-inner table {
	border-collapse: collapse;
	margin-left: 15px;
}

.price-inner table td,
.price-inner table th {
	border: 1px solid #ddd;
	padding: 10px;
	background-color: #fafafa;
	text-align: left;
	font-weight: lighter;
}

/* app-btn */
#app-btn {
	padding: 0;
}

#app-btn i {
	margin-left: 15px;
}




/****************************************

          PAGE / PACKEGE 2

*****************************************/
.japanese2 {
	/* font-family: 'M PLUS 1p', sans-serif;
	line-height: 1.2; */
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height: 1.2;
	font-weight: lighter;
}

#hero-header {
	/* background-color: #f0f2f6; */
	text-align: center;
}

#hero-txt {
	background-color: #e3e6ec;
}

.hero-header-txt {
	background-color: #e3e6ec;
	padding: 15px 0;
}

.arrow_box {
	position: relative;
	width: 32%;
	background: #ffeb00;
	padding: 20px;
	text-align: center;
	border: 5px solid #40210f;
	color: #40210f;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-shadow: 0px 1px 1px rgb(255 255 255 / 70%);
}

.arrow_box02 {
	margin: 0 2%;
}

.arrow_box p {
	text-align: center;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
}

/**/
#to-do-message {
	padding: 65px 0 80px;
}

#to-do-message h1 {
	font-size: 38px;
	text-align: center;
	line-height: 1.6;
	font-weight: 900;
	margin: 0 0 65px;
}

#to-do-message h1 span {}

#to-do-message h1 span strong {
	background: linear-gradient(transparent 70%, #ff7d7d 60%);
	font-size: 130%;
}

.to-do-box {
	margin: 20px 0;
}

.to-do-img {
	width: 32%;
}

.to-do-img img {
	border-radius: 10px;
	border: 5px solid #eee;
}

.to-do-txt {
	width: 66%;
	font-size: 16px;
	line-height: 1.7;
}

/**/
h2.section-title {
	font-size: 56px;
	text-align: center;
	line-height: 1.2;
	font-weight: 900;
	margin: 0 auto 30px;
	background-color: #333;
	color: #fff;
	padding: 15px 0;
}

p.sub-title {
	text-align: center;
	border-bottom: 1px solid #ffefa2;
	padding: 25px 0;
	font-size: 28px;
	background-color: #fffde7;
	color: #b44d54;
}

/**/
.challenge-plan-box {
	border-right: 1px solid #dedede;
	padding: 0 3%;
}

.challenge-plan-box:first-child {
	padding-left: 0%;
}

.challenge-plan-box:last-child {
	border: none;
	padding-right: 0%;
}

.page-template-page-package-02 .planbox {
	position: relative;
	width: 33.33333%;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 0 3%;
}

.page-template-page-package-02 .planbox:first-child {
	padding: 0 3% 0 0;
	width: 30.33333%;
}

.page-template-page-package-02 .planbox:last-child {
	padding: 0 0 0 3%;
	width: 30.33333%;
}

.challenge-plan-box h3 {
	font-size: 40px;
	font-weight: 900;
	text-align: center;
	margin-bottom: 20px;
}

.page-template-page-package-02 .challenge-plan-box:last-child h3 {
	margin-bottom: 15px;
}


.challenge-plan-box .plan-price {
	border: 2px solid #ffd400;
	padding: 15px 0;
	text-align: center;
	font-size: 32px;
	margin-bottom: 20px;
	background-color: #fff8a2;
	font-weight: 900;
}

.challenge-plan-txt {
	height: 225px;
}

.page-template-page-package-02 .challenge-plan-txt {
	height: 260px;
}

.challenge-plan-img {
	border: 3px solid #dedede;
	padding: 15px;
	margin: 20px 0;
}

.page-template-page-package-02 .challenge-plan-img {
	border: 3px solid #dedede;
	margin: 20px 0;
	height: 310px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.challenge-plan-list {}

.challenge-plan-list h4 {
	font-size: 28px;
	font-weight: 900;
	text-align: center;
	border: 5px solid #333;
	border-radius: 30px;
	padding: 10px 0;
	margin-bottom: 10px;
}

.challenge-plan-list li {
	font-size: 18px;
	border-bottom: 1px dashed #ccc;
	padding: 15px;
	font-weight: bold;
}

.challenge-plan-list li i {
	color: #e50112;
	margin-right: 10px;
}

.plan-img {
	text-align: center;
}

.plan-img i {
	font-size: 150px;
	color: #e1e1e1;
}

/**/
#media-info {
	padding: 80px 0;
}

#media-info p {
	font-size: 21px;
}

/**/
#katachi {
	padding-bottom: 80px;
}

#katachi .katachi-box {
	margin: 30px 0;
}

.katachi-img {
	width: 48%;
	border: 2px solid #64c5e0;
	padding: 20px 20px 0;
	text-align: center;
}

.katachi-img img {
	width: 80%;
	margin-top: 10px;
}

.katachi-img h3 {
	background-color: #64c5e0;
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
	padding: 15px 20px 12px;
	line-height: 1;
}

.katachi-img ul li {
	text-align: left;
	color: #1086a8;
	font-size: 16px;
	margin-left: 8px;
}

.katachi-img ul li i {
	margin-right: 5px;
}

.katachi-txt {
	width: 48%;
	padding-top: 15px;
}

.katachi-txt h3 {
	font-weight: 900;
	font-size: 36px;
	line-height: 1.4;
	background: linear-gradient(transparent 50%, #fffe74 0%);
	display: inline;
}

.katachi-txt p {
	font-size: 18px;
	margin-top: 30px;
	line-height: 1.8;
}

/**/
.support-image {
	border: 0;
	padding: 0;
}

.support-image p {
	font-size: 13px;
	text-align: left;
	line-height: 1.4;
}

.support-image img {
	width: 100%;
	margin-top: 0;
}

.suport-txt {
	padding: 0;
}

.suport-txt h3 {
	font-weight: 900;
	font-size: 32px;
	line-height: 1.4;
	background: linear-gradient(transparent 50%, #fffe74 0%);
	display: inline;
}

.suport-txt h4 {
	font-size: 28px;
	font-weight: bold;
	margin: 10px 0 0;
}

.suport-txt p {
	line-height: 1.2;
	margin: 5px 0 0;
	font-size: 16px;
}

/**/
#nagare {
	padding: 80px 0;
}

#nagare p {
	text-align: center;
	margin: 20px 0 0;
}

#nagare p span {
	border: 1px dashed #314764;
	padding: 15px 0;
	display: inline-block;
	background-color: #e9ecf4;
	color: #314764;
	font-weight: bold;
	font-size: 15px;
	width: 395px;
}

/**/
.action-btn {
	position: fixed;
	right: 0;
	top: 30%;
}

.action-btn a {
	display: block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background-color: #f02222;
	color: #fff;
	padding: 15px 10px;
	border-radius: 10px 0px 0px 10px;
	font-weight: 600;
	font-size: 22px;
}


/**/
.action-btn2 {
	position: fixed;
	right: 0;
	bottom: 30px
}

.action-btn2 a {
	display: block;
	background-color: #f02323;
	color: #fff;
	padding: 27px 0 0;
	border-radius: 50%;
	font-weight: 600;
	font-size: 15px;
	width: 130px;
	height: 130px;
	text-align: center;
	line-height: 1.4;
}



/****************************************

          PAGE / Privacy Policy

*****************************************/
.privacy-policy .content h2.pp-title {
	margin-top: 100px !important;
}

/* ul */
.privacy-policy .content ul {
	padding-left: 23px;
	margin: -20px 0 20px;
}

.privacy-policy .content ul li {
	list-style: disc;
}



/****************************************

          PAGE / antisocial

*****************************************/
#post-116 .content ul {
	padding-left: 20px;
}

#post-116 .content ul li {
	list-style: disc;
}



/****************************************

          PAGE / plan-course

*****************************************/
.page-template-page-plan-course .page .content h2 {
	font-size: 48px !important;
	line-height: 1.2;
}

.page-template-page-plan-course .page .content h2::before {
	display: none;
}

.page-template-page-plan-course .farmer-support-plan-inner {
	gap: 0 5%;
}

.page-template-page-plan-course .farmer-support-plan-txt,
.page-template-page-plan-course .farmer-support-plan-img {
	width: 50%;
}

.page-template-page-plan-course .farmer-support-plan-txt h3 {
	font-size: 36px;
	font-weight: bold;
	margin: 0 0 20px;
}

.page-template-page-plan-course .farmer-support-plan-txt .plan-price {
	border: 2px solid #ffd400;
	padding: 15px 0;
	text-align: center;
	font-size: 32px;
	margin-bottom: 20px;
	background-color: #fff8a2;
	font-weight: 900;
}

.page-template-page-plan-course .contact-link {
	margin: 40px 0 0;
}

.page-template-page-plan-course .contact-link a {
	position: relative;
	background: #e50012;
	color: #fff;
	font-weight: bold;
	padding: 20px 0;
	display: block;
	text-align: center;
	border: 2px solid #ff9292;
	border-radius: 40px;
	font-size: 28px;
}

.page-template-page-plan-course .contact-link a:after {
	position: absolute;
	top: 50%;
	right: 60px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/**/
.page-template-page-plan-course .course-txt {
	width: 65%
}

.page-template-page-plan-course .course-img {
	width: 30%;
}

.page-template-page-plan-course .course-img img {
	border: 1px solid #ccc;
	padding: 2px;
	box-shadow: 3px 3px 12px #ddd;
}

.page-template-page-plan-course #course h3 a {
	position: relative;
	margin: 40px 0 0;
	background: #132640;
	border: 7px double #ffffff;
	color: #fff;
	font-weight: bold;
	padding: 20px 0;
	font-size: 28px;
	text-align: center;
	display: block;
	border-radius: 50px;
}

.page-template-page-plan-course #course h3 a:after {
	position: absolute;
	top: 50%;
	right: 60px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



/****************************************

          PAGE / application

*****************************************/
.form-control {
	display: inline-block;
	width: 100%;
	padding: .57rem .75rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control2 {
	display: inline-block;
	width: 15%;
	padding: .57rem .75rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

table.contact-form {
	margin: 20px 0 !important;
}

table.contact-form th {
	background-color: #fafafa;
	vertical-align: middle;
}

table.contact-form textarea.form-control {
	width: 100%;
}

table.contact-form tr th,
table.contact-form tr td {
	padding: 20px !important;
	font-size: 100% !important;
	background-color: #dbdcdc;
}

table.contact-form tr th {
	color: #fff;
	font-weight: bold !important;
	background-color: #444 !important;
	white-space: nowrap;
	width: 30%;
}

table.contact-form tr th::before {
	content: '必須';
	background-color: #e50012;
	padding: 2px 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	margin-right: 15px;
	vertical-align: text-bottom;
	font-weight: lighter;
}

#post-142 table.contact-form tr:last-child th::before {
	display: none;
}

table.contact-form tr td {}

table.contact-form tr td small {
	font-size: 85%;
	margin-bottom: 5px;
}

.privacy-policy-title {
	background-color: #444;
	color: #fff;
	padding: 20px;
	text-align: center;
}

section#privacy-policy-wrap {
	height: 250px;
	overflow-y: scroll;
	width: 100%;
	padding: 40px;
	border: 1px solid #444;
}

.agree-check-wrap {
	background-color: #9ce078;
	border: 1px solid #8ded59;
	text-align: center;
	padding: 20px;
	margin: 20px 0;
}

.submit-btn-wrap {
	text-align: center;
}

.mw_wp_form p.agree-txt {
	text-align: left;
	margin-top: 2.5rem;
}

.mw_wp_form .btn {
	font-size: 26px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding: 5px 200px 18px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 10px;
	color: #ffffff;
	border-radius: 8px;
	background: #62B735;
	box-shadow: 0 5px 0 #396e1d;
	padding: 22px 200px 20px !important;
}

.mw_wp_form_confirm p.agree-txt,
.mw_wp_form_confirm .privacy-policy-title,
.mw_wp_form_confirm #privacy-policy-wrap,
.mw_wp_form_confirm .agree-check-wrap,
.mw_wp_form_confirm .agree-txt {
	display: none;
}

.mw_wp_form_confirm table.contact-form tr td small {
	color: #b28146;
}

.mw_wp_form a {
	color: #a87d53;
	text-decoration: underline;
}

.mw_wp_form a:hover {
	text-decoration: none;
}

.mw_wp_form_complete {
	border: 1px solid #ccc;
	padding: 40px;
}



/****************************************

          CATEGORY

*****************************************/
.category .page-title {
	background: no-repeat center center scroll;
}

.category article {
	border-bottom: 1px dotted #ccc;
	padding: 20px 0;
}

.category article p.post-meta {
	margin: 0;
	color: #888;
	font-size: 12px;
	margin-bottom: 10px;
}

.category article p.post-meta a {
	color: #fff;
	;
}

.category article p.post-meta span.category {
	vertical-align: top;
	background-color: #be9767;
	padding: 2px 15px;
	margin-right: 5px;
	border-radius: 4px;
}

.category h2 {
	font-size: 20px;
}

.category h2 a {
	color: #be9767;
	text-decoration: underline;
}

.category h2 a:hover {
	text-decoration: none;
}

/* pagenavi */
.category .navigation {
	margin: 30px 0 60px;
}

.wp-pagenavi {
	text-align: center;

}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #fff;
	background-color: #231815;
	border: 1px solid #231815;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}

.wp-pagenavi a:hover {
	color: #FFF;
	background-color: #e50012;
	border-color: #e50012;
}

.wp-pagenavi span.current {
	color: #231815;
	background-color: #dbdcdc;
	border-color: #dbdcdc;
	font-weight: bold;
}




/****************************************

          404

*****************************************/
.error404 main {
	padding: 140px 0;
}

.error404 main h1 {
	font-size: 60px;
	margin-bottom: 35px;
}

.error404 main h2 {
	font-size: 28px;
	margin-bottom: 20px;
}

.error404 main a {
	color: #a87d53;
	text-decoration: underline;
}

.error404 main a:hover {
	text-decoration: none;
}



/****************************************

          YouTube

*****************************************/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/****************************************

          FOOTER

*****************************************/
#footer-nav {
	background-image: url(images/footer-nav-bg.png);
	text-align: center;
	padding: 40px 0;
	border-top: 6px double #ffffff;
}

#footer-nav a {
	color: #fff;
	font-size: 90%;
}

.menu-footer-nav-container {
	width: 42%;
}

ul#menu-footer-nav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul#menu-footer-nav li {
	flex-basis: 30%;
	text-align: left;
	line-height: 2;
}

ul#menu-footer-nav li:nth-child(even) {
	flex-basis: 70%;
}

ul#menu-footer-nav li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f101';
	font-weight: 900;
	color: #fff;
	font-size: 11px;
	margin-right: 10px;
}

/**/
#footer {
	background-color: #1f2026;
	color: #777;
	padding: 15px 0;
	text-align: center;
}

p#copyright {
	font-size: 11px;
}



/****************************************

          RESPO / BreakPoint 480px

*****************************************/
@media screen and (max-width: 480px) {
	.d-pc {
		display: none;
	}

	.d-sp {
		display: inline-block;
		;
	}

	.container,
	section#news,
	section#media,
	.recipe-slider {
		width: 96%;
	}

	.d-none,
	#store-lists ul li:empty {
		display: none;
	}

	.know-box,
	.product-img,
	.product-txt,
	.menu-footer-nav-container,
	.sdgs-inner .sdgs-box,
	.anatani-txt,
	.anatani-img,
	.eiyou,
	.voice,
	.realization-img01 {
		width: 100%;
	}

	.br-sp,
	.topics,
	#ec-site,
	ul.news-lists li,
	.know-inner,
	.know-inner2,
	.product,
	.product2-link,
	.product3-link,
	#footer-nav .container,
	#recipe .container-right .d-flex,
	#menu-header-nav,
	.sdgs-inner,
	.page-template-page-products .d-flex,
	.grid-container,
	#recipe .youtube-lists,
	.packege-info,
	.business-model-wrapper,
	.grower-wrap,
	.price-inner .d-flex {
		display: block;
	}

	/**/
	input,
	textarea {
		-webkit-appearance: none;
	}

	input[type=checkbox],
	input[type=radio] {
		border-radius: .25em;

		width: 1.75em;
		height: 1.75em;
		margin-top: .25em;
		vertical-align: top;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		border: 1px solid rgba(0, 0, 0, .25);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}

	input[type=checkbox] {
		border-radius: .25em
	}

	input[type=radio] {
		border-radius: 50%
	}

	input:active {
		filter: brightness(90%)
	}

	input:focus {
		border-color: #86b7fe;
		outline: 0;
		box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
	}

	input:checked {
		background-color: #0d6efd;
		border-color: #0d6efd
	}

	input:checked[type=checkbox] {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
	}

	input:checked[type=radio] {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
	}

	input[type=checkbox]:indeterminate {
		background-color: #0d6efd;
		border-color: #0d6efd;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
	}

	input:disabled {
		pointer-events: none;
		filter: none;
		opacity: .5
	}


	/**/
	.top-banner {
		margin-top: 20px;
		flex-direction: column;
	}

	.top-banner div:last-child {
		margin-top: 20px;
	}

	.top-banner div.evnt-banner {
		margin-bottom: 20px;
	}


	#hero h2 {
		font-size: 18px;
	}

	p {
		font-size: 16px;
	}

	.home header {
		position: inherit;
	}

	#hero .swiper-container {
		height: auto;
	}

	.page-title h1 {
		font-size: 28px;
		line-height: 1.2;
	}

	section#news,
	section#media {
		margin-top: 25px;
	}

	section#news .section-title,
	section#media .section-title {
		border-bottom: 2px solid #333;
	}

	.important-otices-inner h2 {
		text-align: center;
	}

	.important-otices-inner p {
		text-align: left;
		font-size: 12px;
	}

	ul.news-lists p.post-date {
		margin-bottom: 0;
		font-size: 12px;
	}

	section#know {
		padding: 40px 0;
	}

	section#know h2 {
		font-size: 32px;
		line-height: 1.2;
		margin-bottom: 15px;
	}

	.know-inner2 {
		margin-top: 10px;
	}

	.know-box h3 {
		font-size: 28px;
		font-weight: bold;
	}

	.know-inner .know-txt a.products-link {
		margin-bottom: 20px;
	}

	#products {
		padding: 25px 0 5px;
	}

	#products h2 {
		font-size: 40px;
	}

	.product-txt {
		padding: 20px 15px 15px;
	}

	.product-txt h3 {
		font-size: 25px;
		font-weight: bold;
	}

	#ec-site {
		margin: 10px auto 0;
	}

	#service {
		background-attachment: inherit;
	}

	#service .container {
		padding: 45px 0;
	}

	#service p {
		line-height: 1.4;
	}

	.know-box {
		padding: 15px;
		margin-bottom: 10px;
	}

	#store-lists {
		padding: 30px 0;
	}

	#store-lists h2 {
		font-size: 27px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 0;
	}

	#store-lists h3 {
		font-size: 18px;
		font-weight: bold;
		left: 5px;
	}

	#store-lists .store-box {
		padding: 20px;
	}

	#store-lists ul li {
		flex-basis: 50%;
		font-size: 14px;
	}

	#store-lists ul li:nth-last-child(2) {
		flex-basis: 100%;
	}

	#recipe {
		padding: 0;
	}

	.container-right {
		margin-right: 0;
		padding-right: 0;
		padding-top: 30px;
		padding-bottom: 0;
	}

	.recipe-txt {
		padding: 0 15px;
	}

	.recipe-txt p.catch {
		font-size: 18px;
	}

	.recipe-txt h2 {
		font-size: 32px;
		text-align: center;
	}

	.recipe-txt a {
		margin: 0 0 25px;
	}

	#youtube {
		padding: 20px 0 0;
	}

	#youtube h2 img {
		width: 100px;
	}

	.youtube-lists .youtube-box {
		width: 48%;
	}

	.btn-wrap {
		margin: 10px 0;
	}

	#social-media .sns-link {
		padding: 60px 0;
	}

	ul#menu-footer-nav {
		padding: 40px 10px 0;
	}

	/* nav */
	.nav-wrapper {
		position: fixed;
		top: 0;
		/*left: -100%;*/
		right: -100%;
		height: 100%;
		width: 100%;
		background: #fbfcfe;
		transition: all 0.3s ease-in-out;
		z-index: 20;
		background-image: url('images/kikurage.jpg');
		background-size: 110%;
		background-repeat: no-repeat;
		background-position: center bottom;
		border-left: 4px solid #396e1d;
	}

	.menu-header-nav-container ul {
		background-image: url('images/logo-vertical.png');
		background-repeat: no-repeat;
		background-size: 50px;
		background-position: 20px 15px;
		padding-left: 120px;
	}

	#active:checked~.nav-wrapper {
		right: 0;
	}

	.menu-btn {
		position: fixed;
		right: 10px;
		top: 10px;
		height: 50px;
		width: 50px;
		text-align: center;
		line-height: 50px;
		border-radius: 50%;
		font-size: 20px;
		cursor: pointer;
		transition: all 0.1s ease-in-out;
		z-index: 25;
	}

	.menu-btn span,
	.menu-btn:before,
	.menu-btn:after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: 25%;
		width: 50%;
		border-bottom: 2px solid #000;
		transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.menu-btn:before {
		transform: translateY(-8px);
	}

	.menu-btn:after {
		transform: translateY(8px);
	}

	header .close {
		z-index: 1;
		width: 100%;
		height: 100%;
		pointer-events: none;
		transition: background .3s;
	}

	/* closing animation */
	#active:checked+.menu-btn span {
		transform: scaleX(0);
	}

	#active:checked+.menu-btn:before {
		transform: rotate(45deg);
		border-color: #333;
	}

	#active:checked+.menu-btn:after {
		transform: rotate(-45deg);
		border-color: #333;
	}

	.nav-wrapper ul {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 90%;
		transform: translate(-50%, -50%);
		list-style: none;
		text-align: left;
		flex-wrap: wrap;
		width: 100%;
	}

	.nav-wrapper ul li {
		margin: 0 !important;
		font-size: 100% !important;
		padding: 10px 10px 10px 5px;
		list-style: square;
		/* list-style-position: inside; */
	}

	.nav-wrapper ul li:nth-child(n + 9) {
		list-style: none;
		display: inline-block;
	}

	.nav-wrapper ul li a {
		font-size: 20px;
		padding: 0;
		color: #333;
		/* border-radius: 50px;
	  position: absolute;
	  line-height: 50px; */
		margin: 0;
		opacity: 0;
		transition: all 0.3s ease;
		transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.nav-wrapper ul li a:hover:after {
		transform: scaleY(1);
	}

	.nav-wrapper ul li a:hover {
		color: #be9767;
	}

	header input[type="checkbox"] {
		display: none;
	}

	#active:checked~.nav-wrapper ul li a {
		opacity: 1;
	}

	.nav-wrapper ul li a {
		transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translateX(100px);
	}

	#active:checked~.nav-wrapper ul li a {
		transform: none;
		transition-timing-function: ease, cubic-bezier(.1, 1.3, .3, 1);
		/* easeOutBackを緩めた感じ */
		transition-delay: .3s;
		transform: translateX(-100px);
	}

	/* company */
	.page .content {
		padding: 65px 0;
	}

	.company h2.japanese {
		font-size: 32px !important;
		margin: 0 auto 50px !important;
		line-height: 1.2;
	}

	.company .ceo-img {
		text-align: center;
	}

	.company img.ceo-img {
		width: 65%;
		height: auto;
		margin: 0 auto 15px;
		float: none;
	}

	.ceo-name-sp {
		display: block;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 40px;
	}

	.page .content table {
		margin: 40px 0;
	}

	.page .content table tr th,
	.page .content table tr td {
		display: block;
		text-align: left;
		width: 100%;
	}

	.page .content table tr th {
		background-color: #ebebeb;
	}

	.sdgs-txt {
		padding: 15px 0;
	}

	#sdgs h2 {
		margin: 0 auto 55px !important;
	}

	.sdgs-txt2 h3 {
		margin-bottom: 15px;
	}

	#company-info {
		padding: 0 0 20px;
	}

	#sns-link {
		padding: 0 0 70px;
	}

	#sns-link h2 {
		padding: 10px 0 6px 36px;
		margin-bottom: 10px;
		font-size: 20px;
		background-size: 32px;
	}

	#sns-link .sns-link-inner .base {
		width: 100%;
		margin: 5px 0;
		padding: 20px 20px 15px;
	}

	#sns-link .sns-link-inner .base h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}




	/***/
	#eiyou h2 {
		font-size: 40px;
		line-height: 1.2;
		margin-bottom: 60px !important;
	}

	.anatani-img {
		margin-bottom: 15px;
	}

	.page .eiyou-lists {
		margin: 20px 0 0;
	}

	#furusato h2 {
		font-size: 19px;
		line-height: 1.4;
		padding: 25px 0;
	}

	.furusato-link,
	.sns-link {
		display: flex !important;
	}

	#user-voice h2 {
		margin: 0 auto 20px !important;
		padding: 0 65px;
	}

	.voice-txt {
		margin-bottom: 40px;
	}

	.btn-nomal {
		box-shadow: 0 2px 0 #396e1d;
		padding: 22px 0 20px !important;
	}

	.btn-wrap .btn {
		font-size: 16px;
		letter-spacing: 0;
		display: block !important;
		margin: 0 2%;
	}

	/**/
	.recipe-title {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.page .content .recipe-title h2 {
		margin: 0 0 10px !important;
	}

	.page .content .recipe-title p {
		margin: 0;
		font-size: 13px;
	}

	.recipe-title a {
		margin-left: auto;
		font-size: 13px;
	}

	.youtube {
		clear: both;
	}

	#recipe .youtube-lists .youtube-box {
		width: 100%;
	}

	#youtube-recipe .youtube-lists a {
		float: right;
		margin-bottom: 20px;
	}

	#recipe-rank .rank .recipe-name,
	#recipe-rank .rank .rank-number {
		z-index: 1;
	}

	/**/
	#post-137 .content h2,
	#post-159 .content h2,
	#post-73 .content h2,
	#post-116 .content h2,
	#post-142 .content h2 {
		font-size: 28px !important;
		margin: 0 auto 50px !important;
		line-height: 1.2;
	}

	section#privacy-policy-wrap {
		padding: 20px;
	}

	.mw_wp_form .btn {
		padding: 10px 0px 8px !important;
		font-size: 18px;
		width: 100%;
		box-shadow: 0 3px 0 #396e1d;
		margin-top: 2rem;
	}

	.mw_wp_form.mw_wp_form_confirm .btn {
		width: 49%;
	}

	/**/
	#post-61 .content {
		padding: 40px 0 !important;
	}

	#post-61 .content p {
		text-align: left !important;
	}

	#post-61 .kikurage-logo {
		padding: 0 100px 20px;
	}

	#post-61 .content ul {
		width: 100%;
	}

	/**/
	#post-3 .content h2 {
		font-size: 26px !important;
		margin-top: 50px;
		margin-bottom: 50px !important;
		line-height: 1.2;
	}

	.privacy-policy .content h2.pp-title {
		margin-top: 100px !important;
	}

	/**/
	#post-73 .page .content {
		padding: 40px 0;
	}

	#post-73 h3 {
		font-size: 20px;
		font-weight: bold;
		padding-bottom: 5px;
		margin: 60px 0 10px;
	}

	#post-73 .application-method {
		margin: 40px 0 0;
	}

	#post-73 .application-method {
		padding: 30px 0 15px;
	}

	/**/
	.form-control2 {
		width: 30%;
	}

	/**/
	#menu-footer-nav ul {
		flex-wrap: wrap;
	}

	ul#menu-footer-nav li {
		flex-basis: 100%;
	}

	ul#menu-footer-nav li:nth-child(even) {
		flex-basis: 100%;
	}

	#menu-footer-nav li.order01 {
		order: 1;
	}

	#menu-footer-nav li.order02 {
		order: 2;
	}

	#menu-footer-nav li.order03 {
		order: 3;
	}

	#menu-footer-nav li.order04 {
		order: 4;
	}

	#menu-footer-nav li.order05 {
		order: 5;
	}

	#menu-footer-nav li.order06 {
		order: 6;
	}

	#menu-footer-nav li.order07 {
		order: 7;
	}

	#menu-footer-nav li.order08 {
		order: 8;
	}

	#menu-footer-nav li.order09 {
		order: 9;
	}

	#menu-footer-nav li.order10 {
		order: 10;
	}

	#menu-footer-nav li.order11 {
		order: 11;
	}

	#menu-footer-nav li.order12 {
		order: 12;
	}

	/* packege */
	.packege h2 {
		font-size: 24px;
		line-height: 1.2;
		background-size: 40px;
		padding: 13px 0 10px 45px;
	}

	h2.packete-message-title01 {
		font-size: 26px;
		line-height: 1.2;
		padding: 0;
	}

	h2.packete-message-title02 {
		line-height: 1.2;
		font-size: 18px;
		padding: 0;
	}

	#packege-info {
		padding: 5px 0 0;
	}

	#packege-info h3 {
		font-size: 18px;
		line-height: 1.2;
		margin-bottom: 0;
	}

	.packege-info-img {
		margin: 10px 0;
	}

	#business-model {
		padding: 20px 0 0;
	}

	.business-model-wrapper {
		padding: 0 15px;
	}

	.business-model-box {
		margin-bottom: 20px;
	}

	.business-model-case {
		top: 10px;
		left: -21px;
		height: 50px;
		width: 50px;
	}

	.business-model-box h3 {
		font-size: 26px;
	}

	.business-model-box h3 span {
		font-size: 15px;
		border-radius: 0;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.window {
		width: 96vw;
		max-width: 96%;
	}

	.window h4 {
		font-size: 20px;
		font-weight: bold;
	}

	.business-model-case {
		font-size: 12px;
	}

	.business-model-case span {
		font-size: 22px;
	}

	#realization {
		padding: 35px 0 0;
	}

	#realization h3 {
		font-size: 18px;
	}

	#realization p {
		margin: 15px 0 20px;
	}

	#realization h4 {
		text-align: center;
		line-height: 1.2;
	}

	#realization ul li {
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	#realization02 h3.sub-title {
		font-size: 18px;
	}

	#realization02 {
		padding: 15px 0 0;
	}

	#realization02 img {
		width: 100%;
	}

	.realization02-p {
		margin-top: 15px;
	}

	#realization02 h4 {
		font-size: 18px;
		font-weight: bold;
		margin: 15px 0 5px;
	}

	#grower-voice {
		padding: 35px 0 0;
	}

	.grower {
		margin-bottom: 45px;
	}

	.grower-img {
		flex-basis: 30%;
	}

	.grower-img img {
		width: 90%;
	}

	.grower-txt {
		flex-basis: 70%;
	}

	.grower-txt h3 {
		font-size: 20px;
	}

	.grower-txt p {
		font-size: 12px;
		line-height: 1.5;
	}

	#packege-video {
		padding: 0;
	}

	#realization h3.sub-title03 {
		font-size: 20px;
	}

	.realization-img03 {
		width: 100%;
	}

	#price {
		padding: 50px 0 0;
	}

	#price .price-title {
		margin-bottom: 28px;
	}

	#price .price-title p {
		top: auto;
		font-size: 12px
	}

	.price-inner p {
		padding: 0;
		font-size: 12px;
		line-height: 1.6;
	}

	.price-inner table {
		margin-left: 0;
		width: 100%;
	}

	.price-inner table td,
	.price-inner table th {
		font-size: 12px;
		line-height: 1.6;
		display: block;
		width: 100%;
	}

	.price-inner table th {
		font-weight: bold;
		background-color: #eee;
	}

	.btn-wrap .btn {
		margin: 0;
	}

	#app-btn i {
		margin-left: 5px;
	}

	/* package */
	.page-template-page-package #hero-header img,
	.page-template-page-package-02 #hero-header img {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}

	.page-template-page-package #nagare p span,
	.page-template-page-package-02 #nagare p span {
		padding: 10px 0;
		font-size: 12px;
		width: 100%;
	}

	.page-template-page-package #to-do-message,
	.page-template-page-package-02 #to-do-message {
		padding: 25px 0;
	}

	.page-template-page-package #to-do-message h1,
	.page-template-page-package-02 #to-do-message h1 {
		font-size: 24px;
		margin: 0 0 25px;
	}

	.page-template-page-package #to-do-message h1 span strong,
	.page-template-page-package-02 #to-do-message h1 span strong {
		font-size: 110%;
	}

	.page-template-page-package .challenge-plan-wrapper,
	.page-template-page-package .to-do-box,
	.page-template-page-package .katachi-box,
	.page-template-page-package .katachi-txt,
	.page-template-page-package-02 .challenge-plan-wrapper,
	.page-template-page-package-02 .to-do-box,
	.page-template-page-package-02 .katachi-box,
	.page-template-page-package-02 .katachi-txt {
		flex-direction: column;
	}

	.page-template-page-package .to-do-img,
	.page-template-page-package .to-do-txt,
	.page-template-page-package .katachi-img,
	.page-template-page-package .katachi-txt,
	.page-template-page-package-02 .to-do-img,
	.page-template-page-package-02 .to-do-txt,
	.page-template-page-package-02 .katachi-img,
	.page-template-page-package-02 .katachi-txt {
		width: 100%;
	}

	.page-template-page-package h2.section-title,
	.page-template-page-package-02 h2.section-title {
		font-size: 25px;
		text-align: center;
		line-height: 1.4;
	}

	.page-template-page-package p.sub-title,
	.page-template-page-package-02 p.sub-title {
		text-align: center;
		border-bottom: 1px solid #ffefa2;
		padding: 10px 0;
		font-size: 16px;
	}

	.page-template-page-package .challenge-plan-box h3,
	.page-template-page-package-02 .challenge-plan-box h3 {
		font-size: 32px;
	}

	.page-template-page-package .challenge-plan-box .plan-price,
	.page-template-page-package-02 .challenge-plan-box .plan-price {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.page-template-page-package .challenge-plan-txt,
	.page-template-page-package-02 .challenge-plan-txt {
		height: auto;
	}

	.page-template-page-package .challenge-plan-list li,
	.page-template-page-package-02 .challenge-plan-list li {
		font-size: 16px;
	}

	.page-template-page-package .challenge-plan-box,
	.page-template-page-package-02 .challenge-plan-box {
		margin-top: 40px;
	}

	.page-template-page-package .challenge-plan-box:first-child {
		margin-top: 0;
	}

	.page-template-page-package-02 .planbox,
	.page-template-page-package-02 .planbox:first-child,
	.page-template-page-package-02 .planbox:last-child {
		padding: 00;
		width: 100%;
	}

	.page-template-page-package #media-info p,
	.page-template-page-package-02 #media-info p {
		font-size: 16px;
	}

	.page-template-page-package h2.section-title,
	.page-template-page-package-02 h2.section-title {
		margin: 0 auto 10px;
	}

	.page-template-page-package #katachi,
	.page-template-page-package-02 #katachi {
		padding-bottom: 0px;
	}

	.page-template-page-package .katachi-img h3,
	.page-template-page-package-02 .katachi-img h3 {
		font-size: 18px;
		padding: 15px 15px 12px;
		line-height: 1.4;
	}

	.page-template-page-package .katachi-txt,
	.page-template-page-package-02 .katachi-txt {
		text-align: center;
	}

	.page-template-page-package .katachi-txt p,
	.page-template-page-package-02 .katachi-txt p {
		font-size: 16px;
		line-height: 1.8;
		text-align: left;
		margin-bottom: 30px;
	}

	.page-template-page-package .katachi-txt h3,
	.page-template-page-package .suport-txt h3,
	.page-template-page-package-02 .katachi-txt h3,
	.page-template-page-package-02 .suport-txt h3 {
		font-size: 18px;
	}

	.page-template-page-package .suport-txt h4,
	.page-template-page-package-02 .suport-txt h4 {
		font-size: 28px;
		text-align: left;
		line-height: 1.4;
	}

	.page-template-page-package .katachi-txt ul li,
	.page-template-page-package-02 .katachi-txt ul li {
		text-align: left;
		margin-bottom: 20px;
	}

	.page-template-page-package .katachi-txt .small,
	.page-template-page-package-02 .katachi-txt .small {
		text-align: left;
		font-size: 86%;
	}

	.page-template-page-package .grower-txt h3,
	.page-template-page-package-02 .grower-txt h3 {
		font-size: 18px;
	}

	/* plan-course */
	.page-template-page-plan-course .page .content h2 {
		font-size: 30px !important;
	}

	.page-template-page-plan-course .page .content h2 span {
		font-size: 14px;
	}

	.page-template-page-plan-course .farmer-support-plan-inner,
	.page-template-page-plan-course .course-inner {
		flex-direction: column;
	}

	.page-template-page-plan-course .farmer-support-plan-txt,
	.page-template-page-plan-course .farmer-support-plan-img,
	.page-template-page-plan-course .course-img,
	.page-template-page-plan-course .course-txt {
		width: 100%;
	}

	.page-template-page-plan-course .farmer-support-plan-txt h3 {
		font-size: 28px;
		text-align: center;
	}

	.page-template-page-plan-course .contact-link {
		margin: 0;
	}

	.page-template-page-plan-course .contact-link a {
		padding: 15px 0;
		border-radius: 50px;
		font-size: 20px;
	}

	.page-template-page-plan-course .contact-link a:after {
		right: 30px;
	}

	.page-template-page-plan-course .course-img {
		margin: 0 0 15px;
	}

	.page-template-page-plan-course #course h3 a {
		font-size: 20px;
		margin: 0;
	}

	.page-template-page-plan-course #course h3 a:after {
		right: 25px;
	}
}