@charset "utf-8";

* {
	/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif; */
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
	line-height: 1.7em;
	letter-spacing: 0.05em;
}

body {
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic'
}

#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.control::before {
	/* content: " ";
	margin-top: -200px;
	height: 200px;
	display: block;
	visibility: hidden; */
}

/* 固定ボタン */
#float-btn-main {
	position: absolute;
	right: 5.5%;
	z-index: 1000;
	top: 240%;
}

#float-btn-main a {
	position: fixed;
	right: auto;
}

#float-btn-main a img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

#float-btn-main a:hover {}

#float-btn-main a:hover img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 0.7;
}

#float-btn-up-down {
	position: absolute;
	right: 4.2%;
	z-index: 1000;
	top: 540%;
}

#float-btn-up-down a:nth-child(1) {
	position: fixed;
	right: auto;
	top: 385px;
}

#float-btn-up-down a:nth-child(2) {
	position: fixed;
	right: auto;
	top: 435px;
}

#float-btn-up-down a img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

#float-btn-up-down a:hover img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 0.7;
	cursor: pointer;
}



#top-btn {
	position: absolute;
	right: 1%;
	z-index: 1000;
	top: 519%;
}

#top-btn a {}

#top-btn a img {}

/* .control{
margin-top:-100px!important;
padding-top:100px!important;
} */


.control::before {
	content: " " !important;
	margin-top: -120px !important;
	height: 120px !important;
	display: block !important;
	visibility: hidden !important;
}





/* #page-top {
position: absolute;
top: -335px;
right: 30px;
font-size: 10px;
}
#page-top a {
text-decoration: none;
width: 90px;
text-align: center;
display: block;
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
#page-top a img{
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
#page-top a:hover{
}
#page-top a:hover img{
opacity: 0.5;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
} */
/* 固定ボタン */
/*表示切り替え関連------------------------------------------------- */
/* PCだけで非表示 */
.pc-show {
	display: block !important;
}

/*スマホだけで表示 */
.sp-show {
	display: none !important;
}

/*表示切り替え関連------------------------------------------------- */
/*　　　　　　　　　　　　--ヘッダー--　　　　　　　　　　　　　　　*/
header {
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	background-size: cover;
	background-position: 100% 60%;
	margin: 0px auto 0px !important;
	/* position: relative; */
	padding: 16px 0px !important;
	-webkit-box-shadow: 0px 0px 20px #d8d7d4;
	box-shadow: 0px 0px 20px #d8d7d4;
	position: fixed;
	z-index: 10000;
}

header > .inner {
	width: 100%;
	background-size: cover;
	background-position: 100% 60%;
	margin: 0px auto 0px !important;
	max-width: 1200px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

h1 {
	margin: 0px 10% 0 0;
	width: 21.95%;
}

h1 a {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: block;
	line-height: 0;
}

h1 a:hover {
	opacity: 0.5;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

h1 a img {}

/*グローバルナビ*/
.top-menu {
	width: 47%;
}

.top-menu > ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.top-menu > ul > li {
	margin: 0 36px 0 0;
	position: relative;
}

.top-menu > ul > li:last-child {
	margin-right: 0;
}

.top-menu > ul > li a {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.top-menu > ul > li a img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.top-menu > ul > li a:hover {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.top-menu > ul > li a:hover img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 0.5;
}

.top-menu > ul > li:nth-child(3) > a:hover > img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 1;
}

.top-menu > ul > li:nth-child(4) > a:hover > img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 1;
}

.top-menu ul li:nth-child(3) {}

.top-menu ul li:nth-child(3) a {}

.top-menu ul li:nth-child(3) > .hidden-block {
	line-height: 0;
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: rgba(255, 255, 255, 0.8);
	top: 40px;
	left: -80px;
	right: 0;
	width: 320%;
	padding: 24px 24px 24px;
	margin: 0 auto;
	/* border-top: 1px #897400 solid; */
	border: 1px #897400 solid;
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.top-menu ul li:nth-child(3):hover > .hidden-block {
	line-height: 0;
	position: absolute;
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: rgba(255, 255, 255, 0.8);
	top: 40px;
	left: -80px;
	right: 0;
	opacity: 1;
	visibility: visible;
	width: 320%;
	padding: 24px 24px 24px;
	margin: 0 auto;
	/* border-top: 1px #897400 solid; */
	border: 1px #897400 solid;
}

.top-menu ul li:nth-child(3) .hidden-block li {
	margin: 0 0 16px 0;
}

.top-menu ul li:nth-child(3) .hidden-block li:last-child {
	margin-bottom: 0;
}

.top-menu ul li:nth-child(3) .hidden-block li a {
	display: block;
}

.top-menu ul li:nth-child(3) .hidden-block li:nth-child(1) a img {
	width: 55%;
}

.top-menu ul li:nth-child(3) .hidden-block li:nth-child(2) a img {
	width: 100%;
}

.top-menu ul li:nth-child(4) {}

.top-menu ul li:nth-child(4) a {}

.top-menu ul li:nth-child(4) .hidden-block {
	line-height: 0;
	position: absolute;
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: rgba(255, 255, 255, 0.8);
	top: 40px;
	left: -100px;
	right: 0;
	opacity: 0;
	width: 320%;
	padding: 24px 24px 24px;
	margin: 0 auto;
	/* border-top: 1px #897400 solid; */
	border: 1px #897400 solid;
	visibility: hidden;
}

.top-menu ul li:nth-child(4):hover .hidden-block {
	line-height: 0;
	position: absolute;
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: rgba(255, 255, 255, 0.8);
	top: 40px;
	left: -100px;
	right: 0;
	opacity: 1;
	width: 320%;
	padding: 24px 24px 24px;
	margin: 0 auto;
	/* border-top: 1px #897400 solid; */
	border: 1px #897400 solid;
	visibility: visible;
}

.top-menu ul li:nth-child(4) .hidden-block li {
	margin: 0 0 16px 0;
}

.top-menu ul li:nth-child(4) .hidden-block li:last-child {
	margin-bottom: 0;
}

.top-menu ul li:nth-child(4) .hidden-block li a {
	display: block;
}

.top-menu ul li:nth-child(4) .hidden-block li:nth-child(1) a img {
	width: 90%;
}

.top-menu ul li:nth-child(4) .hidden-block li:nth-child(2) a img {
	width: 52%;
}

/*グローバルナビ*/
/*ドロワーメニュー*/
#modal {
	display: none;
}

/*ドロワーメニュー*/
/*　　　　　　　　　　　　--ヘッダーここまで　--　　　　　　　　　　　　　　　*/
main.top {}

/*　　　　　　　　　　　　--トップ--　　　　　　　　　　　　　　　*/
/* トップトピック　電話番号エリア */
.under-header {
	/* max-width: 1140px; */
	max-width: 1000px;
	margin: 86px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 24px 0;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top-topic-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 48%;
}

.top-topic-block dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
/*	white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	width: 100%;
	max-height: 74px;
}

.top-topic-block dl dt {
	border-left: 2px #d9cfb2 solid;
	padding: 24px 6px;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	font-size: 14px;
	/* font-weight: bold; */
	width: 20%;
	text-align: center;
}

.top-topic-block dl dd {
	border-left: 2px #d9cfb2 solid;
	padding: 24px 12px;
	color: #3e2900;
	/* font-weight: bold; */
	font-size: 14px;
	/* white-space: nowrap; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: 55%;
	text-align: justify;
}

.top-topic-block dl dd:nth-of-type(2) {
	width: 25%;
	padding: 0;
	/* border: solid 1px #d9cfb2; */
	padding-right: 2%;
}

.top-topic-photo {
	border-left: none !important;
	/* padding: 0px 24px 0px 0 !important */
}

.top-topic-block dl dd img {
	width: 100%;
	/* max-width: 85px; */
	object-fit: contain;
	height: 100%;
	display: block;
	/* border: solid 1px #d9cfb2; */
}



.top-media-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 48%;
}

.top-media-block dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* white-space: nowrap; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	width: 100%;
	max-height: 74px;
}

.top-media-block dl dt {
	border-left: 2px #d9cfb2 solid;
	padding: 24px 12px;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	font-size: 14px;
	/* font-weight: bold; */
	width: 20%;
	text-align: center;
}

.top-media-block dl dd a {
	max-height: 64px;
}

.top-media-block dl dd {
	border-left: 2px #d9cfb2 solid;
	padding: 24px 12px;
	color: #3e2900;
	font-size: 14px;
	width: 55%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: justify;
	max-height: 117px;
	overflow: hidden;
	
}

.top-media-block dl dd:nth-of-type(2) {
	width: 25%;
	padding: 0;
	border-right: solid 2px #d9cfb2;
	height: 100%;
	padding-right: 2%;
}

.top-media-photo {
	border-left: none !important;
	padding: 0px 24px 0px 0 !important
}

.top-media-block dl dd img {
	width: 100%;
	/* max-width: 85px; */
	object-fit: contain;
	height: 100%;
	display: block;
}



.top-tel-block {
	border: 1px #897400 solid;
	padding: 6px 14px;
	width: 100%;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-tel-block div:nth-child(1) {
	color: #897400;
	font-size: 20px;
	text-align: center;
	width: 35%;
	line-height: 1.5;
}

.top-tel-block div div:nth-child(1) {
	color: #897400;
	font-size: 14px;
	text-align: justify;
	width: 100%;
}

.top-tel-block div:nth-child(2) {
	color: #897400;
	font-size: 14px;
	width: 65%;
	text-align: justify;
}

.top-tel-block div div:nth-child(2) {
	color: #897400;
	font-size: 14px;
	width: 100%;
}

.top-tel-block div div:nth-child(2) span {
	color: #897400;
	font-size: 20px;
	font-weight: bold;
}

/*メイン画像*/
.top-main-img-block {
	display: block;
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
}

.top-main-img-block > .inner {
	line-height: 0;
}

.top-main-img-block > .inner img {
	width: 100%;
}

.mainImage_area_sp {
	background-color: #F6F6F6;
	display: none;
}

/*メイン画像ここまで*/
/*共通ボタン 基本ステータス*/
/*共通ボタン 基本ステータスここまで*/
/* オブジェクトフィットカバーIE対応用 */
.object_fit_img {
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.object_fit_contain_img {
	-o-object-fit: contain;
	object-fit: contain;
	font-family: 'object-fit: contain;'
}

/* オブジェクトフィットカバーIE対応用 */
/* ライン背景関連 */
.rice-line {
	width: 767px;
	margin: 0 auto;
}

.rice-line img {
	width: 2000px;
	margin: 0 0 0 -82%;
	display: block;
}

.mountain-line {
	width: 1200px;
	margin: 104px auto 0;
}

.mountain-line img {
	width: 2000px;
	margin: 0px 0 0 -34%;
	display: block;
}

/* 下層サイドとの重なり */
.contact > .mountain-line {
	width: 1200px;
	margin: 0px auto 0;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
}

/* ライン背景関連 */
/* ボタンhover */
.btn-block a {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

.btn-block a:hover {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-block a:hover img {
	opacity: 0.5;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-readmore:hover {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-readmore:hover img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 0.5;
}

.btn-close {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-close:hover img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 0.5;
}

.btn-readmore a {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-readmore a img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-readmore a:hover {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.btn-readmore a:hover img {
	opacity: 0.5;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* お米のヨーグルトアレルノン */
.top-allernon {
	background: url(../img/top-allernon-back.jpg);
	background-repeat: no-repeat;
	background-position-x: 48%;
	background-position-y: 55%;
	/* background-size: 100%; */
	margin: 80px 0;
}

.top-allernon .inner {
	max-width: 653px;
	margin: 0 auto;
}

.top-allernon .top-allernon-title-01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0px 0 40px;
}

.top-allernon .top-allernon-title-01 div:nth-child(1) {
	width: 50%;
}

.top-allernon .top-allernon-title-01 div:nth-child(1) img {}

.top-allernon .top-allernon-title-01 div:nth-child(2) {
	width: 50%;
}

.top-allernon .top-allernon-title-01 div:nth-child(2) img {}

.top-allernon .top-allernon-txt {}

.top-allernon .top-allernon-txt img {}

.top-allernon ul.img-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 56px 0 48px 0;
}

.top-allernon ul.img-block li:nth-child(1) {
	display: flex;
	align-items: flex-start;
	margin-top: 10px;
}

.top-allernon ul.img-block li:nth-child(1) img {}

.top-allernon ul.img-block li:nth-child(1) img:nth-of-type(1) {}

.top-allernon ul.img-block li:nth-child(1) img:nth-of-type(2) {}

.top-allernon ul.img-block li:nth-child(2) {}

.top-allernon ul.img-block li:nth-child(2) img {}

.top-allernon ul.img-block li:nth-child(3) {
	/* padding-left: 30px; */
}

.top-allernon ul.img-block li:nth-child(3) img {
	width: 100%;
}

.top-allernon ul.btn-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 620px;
	margin: 32px auto;
}

.top-allernon ul.btn-block li:nth-child(1) {
	width: 70%;
	margin: 0 5% 0 0;
}

.top-allernon ul.btn-block li:nth-child(1) a {
	display: block;
	border: 1px #897400 solid;
}

.top-allernon ul.btn-block li:nth-child(1) a:hover {
	background: #e7e3cc;
}

.top-allernon ul.btn-block li:nth-child(1) a img {
	display: block;
	margin: 8px auto;
}

.top-allernon ul.btn-block li:nth-child(2) {
	width: 25%;
}

.top-allernon ul.btn-block li:nth-child(2) a {
	display: block;
	border: 1px #897400 solid;
}

.top-allernon ul.btn-block li:nth-child(2) a:hover {
	background: #e7e3cc;
}

.top-allernon ul.btn-block li:nth-child(2) a img {
	display: block;
	margin: 8px auto;
}

/* お米のヨーグルトアレルノン ここまで*/
/* アレルノン4つのいいところ */
.top-four {
	max-width: 1000px;
	margin: 0 auto 56px;
}

.top-four-title {
	margin: 0 0 60px 0;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 16px;
	text-align: center
}

.top-four-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}

.top-four-title img {
	display: inline-block;
	margin: 0 auto;
}

.top-four-block {
	margin: 0px 0 40px;
}

.top-four-block ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* align-items: center; */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.top-four-block:nth-child(odd) ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.top-four-block ul li:nth-child(1) {
	width: 50%;
}

.top-four-block ul li:nth-child(2) {
	width: 50%;
}

.top-four-block ul li img {}

.top-four-block ul li:nth-child(1) img {
	width: 100%;
}

.top-four-block ul li div {
	margin: 0px 0 32px;
}

.top-four-subtitle {
	margin: 0px 0 32px;
}

.top-four-subtitle img {
	margin: 0 auto;
	width: auto;
	display: block;
}

.top-four-block ul li p {
	text-align: center;
	margin: 0px 32px 32px;
	color: #3e2900;
	letter-spacing: 0.01em;
	font-size: 14px;
}

.top-four-block .btn-readmore {}

.top-four-block .btn-readmore {
	cursor: pointer;
}

.top-four-block .btn-readmore img {
	margin: 0 auto;
	width: auto;
	display: block;
}

.top-four-block .btn-readmore a img {
	margin: 0 auto;
	width: auto;
	display: block;
}

.top-four-block .readmore-content {
	margin: 32px 0 0px;
	display: none;
}

.top-four-block .btn-close {
	cursor: pointer;
	/* display: none; */
}

.top-four-block .btn-close img {
	margin: 0 auto;
	width: auto;
	display: block;
}

.top-four-block .btn-close a img {
	margin: 0 auto;
	width: auto;
	display: block;
}

.readmore-content {}

.readmore-content-sentence {
	color: #3e2900;
	font-size: 14px;
}

.top-four .btn-block {
	cursor: pointer;
	/* display: none; */
}

.top-four .btn-block a {
	display: block;
	border: 1px #897400 solid;
}

.top-four .btn-block a:hover {
	background: #e7e3cc;
}

.top-four .btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

.disable01 {
	pointer-events: none;
	opacity: 0.2;
}

/* アレルノン4つのいいところ ここまで*/
/* オンラインショップはこちら */
.top-online {
	/*background: url(../img/top-recipe-back.jpg);*/
	/*background-size: 100%;*/
	/* background: #f4f1e5; */
}

.top-online a {
	display: block;
	padding: 48px 0 32px;
	background: #f4f1e5;
}

.top-online-title {
	max-width: 1000px;
	margin: 0 auto;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 16px;
}

.top-online-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}

.top-online-title-under {
	max-width: 1000px;
	margin: 24px auto 0;
	padding-bottom: 0px;
}

.top-online-title img:nth-child(1) {
	margin: 0 auto 0px;
	display: block;
	width: auto;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	left: 0px;
}

.top-online-title-under img {
	margin: 0 auto;
	display: block;
	width: auto;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	left: 0px;
}

.top-online a:hover .top-online-title img:nth-child(1) {}

.top-online a:hover .top-online-title img:nth-child(2) {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	left: 10px;
	position: relative;
}

.top-online-img {
	/*max-width: 850px;*/
	max-width: 1000px;
	margin: 0 auto;
}

.top-online-img img {
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}

.top-online a:hover .top-online-img img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
}

/* オンラインショップはこちら ここまで*/
/* 新着情報 */
.top-whats {
	max-width: 1000px;
	margin: 60px auto 40px;
}

.top-whats-title {
	margin: 0 0 40px 0;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 16px;
}

.top-whats-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}

.top-whats-title img {
	display: block;
	margin: 0 auto;
	width: auto;
}

.top-whats-block {
/*	display: -webkit-box;*/
/*	display: -ms-flexbox;*/
/*	display: flex;*/
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: none;
}

.top-whats-block ul {
	line-height: 0;
	position: relative;
	/* width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis; */
	width: 32%;
}

.top-whats-block ul li {
	line-height: 0;
	/* width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis; */
}

.top-whats-block ul li a {
	line-height: 0;
	display: block;
	/* width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis; */
}

.top-whats-block ul li a img {
	width: 320px;
	height: 320px;
	-o-object-fit: cover;
	object-fit: cover;
}

.top-whats-block ul li a p {
	color: #3e2900;
	/* font-weight: bold; */
	text-align: center;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.top-whats-block ul > li.hidden-block {
	line-height: 0;
	position: absolute;
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
	background: rgba(255, 255, 255, 0.6);
	border-radius: 5px;
	top: 24px;
	left: 0;
	right: 0;
	opacity: 0;
	width: 85%;
	padding: 24px;
	margin: 0 auto;
}

.top-whats-block ul:hover li.hidden-block {
	line-height: 0;
	position: absolute;
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	top: 32px;
	left: 0;
	right: 0;
	opacity: 1;
	width: 80%;
	padding: 56px 16px 56px;
	margin: 0px a;
	/* height: 100%; */
	z-index: 10000;
	max-height: 260px;
}

.top-whats-block ul li.hidden-block .title {
	color: #3e2900;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
}

.top-whats-block ul li.hidden-block .btn-block {
	margin: 24px 0 0 0;
}

.top-whats-block ul li.hidden-block .btn-block img {
	display: block;
	margin: 0 auto;
	width: auto;
	width: 25%;
	height: 25%;
}

/* 新着情報 ここまで*/
/* 新着情報02 */
.top-whats02 {
	max-width: 1000px;
	margin: 40px auto;
}

.top-whats02-block {
	background: #f3f1e5;
	border-radius: 24px;
	padding: 24px 56px;
	margin: 0px 0 40px;
}

.top-whats02-block ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.top-whats02-block ul li {
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.top-whats02-block ul li.date {
	color: #524500;
	/* font-weight: bold; */
	width: 15%;
	margin: 0 5% 0 0;
}

.top-whats02-block ul li a {
	color: #524500;
	/* font-weight: bold; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.top-whats02-block ul li a:hover {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	margin: 0 0 0 8px;
}

.top-whats02 .btn-block {
	width: 30%;
	margin: 0 0 0 auto;
}

.top-whats02 .btn-block a {
	display: block;
	border: 1px #897400 solid;
}

.top-whats02 .btn-block a:hover {
	background: #e7e3cc;
}

.top-whats02 .btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

/* 新着情報02 ここまで*/
/* アレルノン食品について　バナー */
.top-about {
	max-width: 1000px;
	margin: 88px auto;
}

.top-about a {
	display: block;
}

.top-about a img {
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	max-width: 1000px;
	width: 100%;
}

.top-about a img:hover {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	opacity: 0.7;
}

/* アレルノン食品について　バナー ここまで*/
/* レビュー */
.top-review {
	max-width: 1000px;
	margin: 0 auto;
}

.top-review-title {
	margin: 0 0 40px 0;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 16px;
}

.top-review-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}

.top-review-title img {
	display: block;
	margin: 0 auto;
	width: auto;
}


.top-review-subtitle {
	margin: 0 0 16px 0;
	position: relative;
}

.top-review-subtitle img {
	width: auto;
	margin: 0px 0 0 0px;
}

.top-review-block {
	max-width: 1000px;
	margin: 40px auto 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.top-review-img {
	line-height: 0;
	width: 15%;
}

.top-review-img img {
	width: 100%;
	border-radius: 100px;
}

.top-review-block dl {
	margin: 0 0px 0 2%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 83%;
}

.top-review-block dl dt {
	color: #3e2900;
	width: 100%;
}

.top-review-block dl dt div:nth-child(1) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 16px;
	color: #3e2900;
	width: 100%;
}

.top-review-block dl dt div:nth-child(2) {
	/* font-weight: bold; */
	font-size: 20px;
	color: #3e2900;
	width: 100%;
	margin: 8px 0;
}

.top-review-block dl dd {
	width: 80%;
	margin-right: 5%;
	color: #3e2900;
	font-size: 14px;
}

.top-review-block dl dd.btn-block {
	width: 10%;
}

.top-review-block .btn-readmore {
	width: 10%;
	margin-left: 5%;
	margin-right: 0;
}

.top-review-block .btn-readmore img {}

.bg-top-review-block {}


.top-review .btn-block {
	width: 40%;
	margin: 0 0 0 auto;
}

.top-review .btn-block a {
	display: block;
	border: 1px #897400 solid;
}

.top-review .btn-block a:hover {
	background: #e7e3cc;
}

.top-review .btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

.top-pro {
	border-top: 1px #3e2900 solid;
	margin: 40px 0 0 0;
	padding: 40px 0 0;
}






.yt-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 48%;
}

.yt-block > a {
	display: block;
}

.yt-block > a > img {
	width: 100%;
}

.yt-block > a:hover img {
	width: 100%;
	opacity: 0.6;
}


/* 
.yt-block{
display: flex;
width: 48%;
}
.yt-block > a{
display: flex;
}

.yt-block > a > figure{
display: block;
width: 52%;
position: relative;
z-index: 100;
line-height:;
}
.yt-block > a > figure > img{
width: 100%;
}

.yt-block .sente{
width: 48%;
background: #f4f1e5;
padding: 16px 16px 16px 32px;
position: relative;
z-index: 100;
}
.yt-block-arrow{
position: absolute;
top: 36%;
left: -8%;
width: 16%;
}
.yt-block-arrow img{
width: 100%;
}



.yt-block .sente div:nth-child(1){
font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
-webkit-font-feature-settings: "pkna";
font-feature-settings: "pkna";
font-size: 16px;
margin: 0 0 8px 0;
font-size: 12px;
}
.yt-block .sente div:nth-child(2){
font-size: 10px;
} */







/* レビュー ここまで*/
/* 知れば知るほど深い乳酸菌のお話へ */
.top-lactic {
	background: #f4f1e5;
	margin: 80px auto 0px;
	padding: 72px 0 48px;
}

.top-lactic-title {
	max-width: 1000px;
	margin: 40px auto 40px;
	;
	text-align: center;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 16px;
}

.top-lactic-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}

.top-lactic-title img:nth-child(1) {
	margin: 0px auto 0px;
	display: inline-block;
	width: auto;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	left: 0px;
}

.top-lactic-title img:nth-child(2) {
	margin: 0px auto 0;
	display: inline-block;
	width: auto;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	left: 0px;
}

.top-lactic-block {
	max-width: 1000px;
	margin: 0 auto;
	border-bottom: solid 1px #aaa;
	padding: 32px 0;
}

.top-lactic-block:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0;
}

.top-lactic-unit {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.top-lactic-img {}

.top-lactic-img img {}

.top-lactic-block dl {
	margin: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-lactic-block dl dt {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 28px;
	color: #897400;
	width: 100%;
}

.top-lactic-block dl dd.lactic-txt {
	width: 85%;
	margin-right: 5%;
	color: #3e2900;
}

.top-lactic-block dl dd.btn-block {
	width: 10%;
}

.top-lactic-block .btn-readmore {}

.top-lactic-block .btn-readmore img {}

.top-lactic .btn-block {
	width: 40%;
	margin: 88px 0 0 auto;
	background: rgba(255, 255, 255, 0.65);
}

.top-lactic .btn-block a {
	display: block;
	border: 1px #897400 solid;
}

.top-lactic .btn-block a:hover {
	background: #e7e3cc;
}

.top-lactic .btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}




/* 知れば知るほど深い乳酸菌のお話へ ここまで*/
/* メインbottom */
.top-recipe {
	/*background: url(../img/top-recipe-back.jpg);*/
	/*background-repeat: no-repeat;*/

}

.top-recipe ul {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.top-recipe ul li {
	width: 100%;
	height: 280px;
	overflow: hidden;
	margin: 60px 10px;
}

.top-recipe ul li img {
	width: 100%;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.top-recipe ul li iframe {
	width: 100%;
}


.top-recipe ul li:nth-child(2):hover img {
	opacity: 0.7;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

/* メインbottom ここまで*/
/*　　　　　　　　　　　　--トップここまで--　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　　--下層共通--　　　　　　　　　　　　　　　*/
/*下層メイン画像*/
#mainImage02 {
	width: 100%;
}

#mainImage02 > .inner {
	margin: 0 auto;
	position: relative;
	line-height: 0;
}

#mainImage02 > .inner > h2 {
	font-size: 42px;
	font-weight: bold;
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	color: #fff;
	text-shadow: 1px 2px 10px #10182d;
	width: 1024px;
	margin: 0 auto;
	-webkit-animation: opacity_move 0.5s alternate linear;
	animation: opacity_move 0.5s alternate linear;
}

@-webkit-keyframes opacity_move {
	0% {
		opacity: 0;
		left: -20px;
	}

	50% {
		opacity: 0.7;
	}

	100% {
		opacity: 1;
	}
}

@keyframes opacity_move {
	0% {
		opacity: 0;
		left: -20px;
	}

	50% {
		opacity: 0.7;
	}

	100% {
		opacity: 1;
	}
}

#mainImage02 > .inner > img {
	width: 100%;
}

/*下層メイン画像　ここまで*/
/*タイトル装飾*/
h2.title01 {
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

h2.title01 .block01 {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	color: #fff;
	width: 530px;
	text-align: center;
}

h2.title01 img {
	width: 2000px;
	margin: 0 0 0 -33.5%;
	display: block;
	z-index: 0;
}

h2.title02 {
	width: 100%;
	margin: 30px auto;
	position: relative;
	color: #897400;
}

h2.title02 div:nth-child(1) {
	position: relative;
	font-size: 40px;
	text-align: center;
	border-bottom: 1px #897400 solid;
}

h2.title02 div:nth-child(2) {
	font-size: 24px;
	text-align: center;
}

h3.title01 {
	font-size: 32px;
	border-bottom: 4px #897400 solid;
	padding: 0px 0 10px 60px;
	margin: 0px auto 10px;
	/* text-shadow: 1px 2px 2px rgba(0,0,0,0.4); */
	letter-spacing: 0.8pt;
	font-weight: normal;
	color: #333;
	position: relative;
}

h3.title01::before {
	content: '';
	margin-right: 8px;
	position: absolute;
	top: 0px;
	left: -2px;
	z-index: 1;
	font-size: 45px;
	/* background: #897400; */
	border-radius: 100px;
	border: 6px #f98996 solid;
	width: 28px;
	height: 28px;
}

h3.title01::after {
	content: '';
	margin-right: 8px;
	position: absolute;
	top: 18px;
	left: 17px;
	z-index: 1;
	font-size: 45px;
	/* background: #897400; */
	border-radius: 100px;
	border: 6px #897400 solid;
	width: 21px;
	height: 21px;
}

h3.title02 {
	font-size: 20px;
	border-bottom: 4px #1ebdaa solid;
	padding: 0px 0 5px 0px;
	margin: 0px auto 20px;
	/* text-shadow: 1px 2px 2px rgba(0,0,0,0.4); */
	letter-spacing: 0.8pt;
	font-weight: bold;
	color: #897400;
}

h3.title03 {
	font-size: 28px;
	border-bottom: 4px #1ebdaa solid;
	padding: 10px 0 10px 20px;
	margin: 0px auto 10px;
	/* text-shadow: 1px 2px 2px rgba(0,0,0,0.4); */
	letter-spacing: 0.8pt;
	font-weight: bold;
	color: #ffffff;
	background: #897400;
}

h3.title04 {
	font-size: 28px;
	border-bottom: 4px #897400 solid;
	padding: 10px 0 10px 20px;
	margin: 0px auto 10px;
	/* text-shadow: 1px 2px 2px rgba(0,0,0,0.4); */
	letter-spacing: 0.8pt;
	font-weight: bold;
	color: #ffffff;
	background: #1ebdaa;
}

h3.title05 {
	width: 320px;
	margin: 0 20px 0 0;
	position: relative;
	text-align: center;
	color: #ffffff;
	background: #897400;
	padding: 105px 30px 105px 30px;
	border-radius: 4px;
}

h4.title01 {
	font-size: 24px;
	border-bottom: 1px #897400 solid;
	padding: 8px 0 8px 0px;
	margin: 0px auto 20px;
	/* text-shadow: 1px 2px 2px rgba(0,0,0,0.4); */
	letter-spacing: 0.8pt;
	font-weight: bold;
	color: #897400;
	/* background: #1ebdaa; */
	width: 100%;
}

h4.title02 {
	font-size: 32px;
	border-bottom: 1px #897400 solid;
	padding: 24px 0 24px 0px;
	margin: 0px auto 0px;
	/* text-shadow: 1px 2px 2px rgba(0,0,0,0.4); */
	letter-spacing: 0.8pt;
	font-weight: bold;
	color: #897400;
	/* background: #1ebdaa; */
	width: 100%;
	text-align: center;
	width: 100%;
	line-height: 1;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
}

/*タイトル装飾ここまで*/
/*パンくず*/
ul.breadcrums {
	width: 1024px;
	margin: 10px auto 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

ul.breadcrums li {
	font-size: 12px;
	margin: 0 12px 0 0;
}

ul.breadcrums li a {
	font-size: 12px;
}

ul.breadcrums li a:hover {
	border-bottom: 1px #0783d2 solid;
}

/*パンくずここまで*/
/* アレルノンって？ */
/* タイトル */
.about-title {
	max-width: 1000px;
	width: 100%;
	margin: 172px auto 0px;
	position: relative;
	line-height: 0;
}

.about-title img {
	width: auto;
	/* margin: 24px 0 0 0px; */
}

/* 稲タイトル */
.about-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* タイトル */
/* もくじ */
nav.about-mokuji {
	max-width: 100%;
	margin: 24px 0px 0px 0px;
	padding: 24px 0 24px 0px;
	position: relative;
	background: #f3f1e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

nav.about-mokuji .inner {
	max-width: 1000px;
	width: 100%;
	margin: 0px auto 0px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.about-mokuji-title {
	width: 20%;
	color: #897400;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 28px;
	/* font-weight: bold; */
	line-height: 1em;
}

.about-mokuji-title img {}

nav.about-mokuji ul:nth-of-type(1) {
	width: 35%;
}

nav.about-mokuji ul:nth-of-type(2) {
	width: 35%;
}

nav.about-mokuji ul > li {
	margin: 0 0 8px 0;
}

nav.about-mokuji ul > li > a {
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	/* font-weight: bold; */
}

nav.about-mokuji ul > li > a:hover {
	background: #e1d9bc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* もくじ ここまで*/
/* にっぽんのおなかに合うヨーグルト */
.about-nippon {
	max-width: 1000px;
	width: 100%;
	margin: 0px auto 64px;
	position: relative;
	padding: 104px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-nippon .about-nippon-title {}

.about-nippon .about-nippon-title img:nth-child(1) {
	margin: 0 8px 0 0;
	width: 50%;
}

.about-nippon .about-nippon-title img:nth-child(2) {
	width: 34%;
}

.about-nippon div.left {
	width: 70%;
}

.about-nippon div.left .sentence {
	color: #3e2900;
	line-height: 2em;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	/* font-weight: bold; */
	margin: 24px 0 24px 0;
}

.about-nippon div.left .ca01 {}

.about-nippon div.right {
	width: 30%;
}

.about-nippon div.right img {
	display: block;
	margin: 32px 0 32px auto;
	width: auto;
}

.about-nippon div.right .btn01 {
	width: 65%;
	margin: 0 11% 0 auto;
}

.about-nippon div.right .btn01 a {
	display: block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-nippon div.right .btn01 a:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-nippon div.right .btn01 a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

.about-nippon dl.left {
	width: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 10% 0 0;
	/* align-self: flex-start; */
}

.about-nippon dl.left dt {
	color: #3e2900;
	width: 50%;
	border-top: 1px #3e2900 solid;
	padding: 8px 0;
}

.about-nippon dl.left dd {
	color: #3e2900;
	width: 50%;
	border-top: 1px #3e2900 solid;
	padding: 8px 0;
}

.about-nippon dl.left dt:last-of-type {
	border-bottom: 1px #3e2900 solid;
}

.about-nippon dl.left dd:last-of-type {
	border-bottom: 1px #3e2900 solid;
}

.about-nippon dl.right {
	width: 50%;
	border-top: 1px #3e2900 solid;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-nippon dl.right dt {
	color: #3e2900;
	width: 50%;
	padding: 8px 0;
}

.about-nippon dl.right dd {
	width: 50%;
	padding: 4px 0 0;
}

.about-nippon dl.right dd div {
	color: #3e2900;
	width: 100%;
	border-bottom: 1px #3e2900 solid;
	padding: 0px 0 0 32px;
}

/* にっぽんのおなかに合うヨーグルト */
/* 開発者の思い */
.about-kaihatsu {
	position: relative;
	background: #f3f1e5;
	padding: 40px 0;
}

.about-kaihatsu .inner {
	max-width: 1000px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -80px auto;
	padding: 96px 0;
}

.about-kaihatsu-title {
	margin: 0 0 24px 0;
}

.about-kaihatsu-title img {}

.about-kaihatsu .sentence {
	line-height: 2em;
	color: #3e2900;
	margin: 0 0 32px 0;
}

.about-kaihatsu-sub-title {
	font-size: 20px;
	color: #3e2900;
}

.about-kaihatsu-sub-title br {
	display: none;
}

.about-kaihatsu .left {
	width: 62%;
	margin: 0 4% 0 0;
}

.about-kaihatsu .left .about-kaihatsu-title {
	color: #3e2900;
	line-height: 2em;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 32px;
}

.about-kaihatsu .left .btn01 {}

.about-kaihatsu .left .btn01 a {
	display: block;
	border: 1px #897400 solid;
	background: rgba(255, 255, 255, 0.65);
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-kaihatsu .left .btn01 a:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-kaihatsu .left .btn01 a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

.about-kaihatsu .right {
	width: 34%;
	line-height: 0;
}

.about-kaihatsu .right img {
	width: 100%;
}

/* 開発者の思い */
/* アレルノン4つのいいところ */
.about-four {
	margin: 24px auto 0;
}

.about-four-title {
	width: 100%;
	max-width: 1000px;
	margin: 80px auto 32px;
}

.about-four-title img {}

.about-four-navi {
	width: 100%;
	max-width: 1000px;
	margin: 32px auto 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.about-four-navi a {
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	width: 19%;
}

.about-four-navi a:hover {
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px);
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-four-navi a img {
	width: 100%;
}

.about-four-block {
	width: 100%;
	max-width: 1000px;
	margin: 96px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-four-img-01 {
	width: 35%;
	max-height: 619px;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	margin: 0 5% 0 0;
}

.about-four-img-01 img {
	width: 160%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 0 0 -25%;
}

.about-four-img-02 {
	width: 35%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	margin: 0 5% 0 0;
}

.about-four-img-02 img {
	width: 130%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 0 0 -25%;
}

.about-four-img-03 {
	width: 35%;
	/* height: 100%; */
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	margin: 0 5% 0 0;
}

.about-four-img-03 img {
	width: 160%;
	/* height: 100%; */
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 0 0 -25%;
}

.about-four-img-04 {
	width: 35%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	margin: 0 5% 0 0;
}

.about-four-img-04 img {
	width: 180%;
	height: 240px;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 0 0 -30%;
}

.about-four-block .right {
	width: 60%;
}

.about-four-m-title-01 {
	margin: 0px 0 16px 0;
}

.about-four-m-title-01 img {}

.about-four-m-title-02 {
	margin: 0px 0 16px 0;
}

.about-four-m-title-02 img {}

.about-four-m-title-03 {
	margin: 0px 0 16px 0;
}

.about-four-m-title-03 img {}

.about-four-m-title-04 {
	margin: 0px 0 16px 0;
}

.about-four-m-title-04 img {}

.about-four-block .sentence {
	line-height: 2em;
	color: #3e2900;
	margin: 0 0 24px 0;
}

.allergy-27 {
	color: #897401;
	border: 1px #897400 solid;
	padding: 24px;
}

.allergy-27-title {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 24px;
	margin: 0 0 8px;
}

.allergy-27 > dl {}

.allergy-27 > dl dt {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	margin: 0 0 0px;
}

.allergy-27 > dl dd {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	margin: 0 0 16px;
}

.allergy-27 > img {
	width: 54%;
}

.about-four-block dl {}

.about-four-block dl dt {
	margin: 0 0 0px;
	color: #3e2900;
}

.about-four-block dl dd {
	margin: 0 0 16px;
	color: #3e2900;
	line-height: 2em;
}

/* まめちしき 共通*/
.mame-block {}

.mame-block dt {
	background: #897400;
	border-radius: 20px 20px 0px 0px / 20px 20px 0px 0px;
	padding: 16px 24px;
	max-width: 180px;
}

.mame-block dt img {
	width: 100%;
	width: 132px;
	/* margin: 0 auto; */
	display: block;
}

.mame-block dd {
	border: 1px #897400 solid;
	padding: 16px 24px;
	margin: 0 0 0px !important;
	color: #3e2900;
	line-height: 2em;
}

.mame-block dd div {
	font-size: 20px;
}

/* まめちしき 共通*/
/* アレルノン4つのいいところ */
/* お味は？ */
.about-recipe {
	max-width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 48px 0 48px 0px;
	position: relative;
	background: #f3f1e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.about-recipe .inner {
	width: 100%;
	max-width: 1000px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -80px auto;
	padding: 96px 0;
}

.about-recipe-title {
	width: 20%;
	margin: 0 4% 0 0;
}

.about-recipe-title img {
	width: 100%;
}

.about-recipe .sentence {
	width: 76%;
	color: #3e2900;
}

.about-recipe-photo01 {
	width: 100%;
	margin: 24px 0 24px;
}

.about-recipe-photo01 img {
	width: 100%;
}

.about-recipe .btn01 {
	width: 100%;
}

.about-recipe .btn01 a {
	display: block;
	border: 1px #897400 solid;
	background: rgba(255, 255, 255, 0.65);
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-recipe .btn01 a:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-recipe .btn01 a img {
	margin: 8px auto;
	width: 24%;
	display: block;
}

/* お味は？ */
/* 生きた菌にこだわる理由は？ */
.about-ikita {}

.about-ikita-title {
	width: 100%;
	max-width: 1000px;
	margin: 80px auto 32px;
}

.about-ikita-title img {
	display: block;
	margin: 0 0 16px 0;
}

.about-ikita-title div {
	font-size: 24px;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.about-ikita-block {
	width: 100%;
	max-width: 1000px;
	margin: 32px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.about-ikita-m-title {}

.about-ikita-m-title div:nth-child(1) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 24px;
	margin: 0 0 -12px;
	color: #897401;
}

.about-ikita-m-title div:nth-child(2) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 32px;
	margin: 0 0 0px;
	color: #897401;
}

.about-ikita-block .sentence {
	line-height: 2em;
	color: #3e2900;
	width: 100%;
	margin: 0 0 16px 0;
}

.probio {
	border: 1px #897400 solid;
	padding: 24px 40px;
	margin: 0 0 0px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 73%;
}

.probio-title {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 24px;
	margin: 0px 0 16px;
	color: #897401;
	width: 100%;
}

.probio ul {
	width: 45%;
}

.probio ul li {
	font-size: 20px;
	margin: 0 0 0px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	border-bottom: 1px #897401 dashed;
}

.probio-note {
	width: 100%;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	margin: 16px 0 0px;
	font-size: 14px;
}

/* 生きた菌にこだわる理由は？ */
/* 強さのヒミツ */
.about-tsuyosa {
	max-width: 100%;
	margin: 72px 0px 0px 0px;
	padding: 48px 0 48px 0px;
	position: relative;
	background: #f3f1e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.about-tsuyosa .inner {
	width: 100%;
	max-width: 1000px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -80px auto;
	padding: 96px 0;
}

.about-tsuyosa-title {
	width: 28%;
	margin: 0 0% 40px 0;
}

.about-tsuyosa-title img {
	width: 100%;
}

.about-tsuyosa-img {
	width: 100%;
}

.about-tsuyosa-img img {
	width: 100%;
}

/* 強さのヒミツ */
/* アレルノンはこうやって作っています。 */
.about-create {
	width: 100%;
	max-width: 1000px;
	margin: 96px auto;
}

.about-create-title {}

.about-create-title img {}

.about-create-title div {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 20px;
	margin: 16px 0 0px;
	color: #897401;
}

.about-create-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 32px 0 0;
}

/* 曜日 */
.about-create-mon-title {
	width: 100%;
	margin: 32px 0;
}

.about-create-mon-title img {
	width: auto;
	margin: 0 auto;
	display: block;
}

.about-create-wed-title {
	width: 100%;
	margin: 32px 0;
}

.about-create-wed-title img {
	width: auto;
	margin: 0 auto;
	display: block;
}

.about-create-thu-title {
	width: 100%;
	margin: 32px 0;
}

.about-create-thu-title img {
	width: auto;
	margin: 0 auto;
	display: block;
}

.about-create-fri-title {
	width: 100%;
	margin: 32px 0;
}

.about-create-fri-title img {
	width: auto;
	margin: 0 auto;
	display: block;
}

/* 曜日 */
.about-create-block .left {
	width: 47%;
	margin: 0 3% 0px 0px;
	padding: 0 0 32px 0;
}

.about-create-block .left .about-create-img {
	line-height: 0;
	margin: 0 0 32px 0;
}

.about-create-block .left .about-create-img img {
	width: 100%;
}

.about-create-block .left dl {}

.about-create-block .left dl dt {
	display: block;
	font-size: 24px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
	margin: 0px 0 16px;
	position: relative;
	padding: 0 0 0 16px;
}

.about-create-block .left dl dt::before {
	content: "";
	padding: 0 0 0 0px;
	width: 4px;
	background: #897401;
	height: 40px;
	display: block;
	position: absolute;
	top: -4px;
	left: 0px;
}

.about-create-block .left dl dd {
	margin: 0 0 0px !important;
	color: #3e2900;
	line-height: 2em;
	letter-spacing: 0.01em;
	text-align: justify;
	font-size: 16px;
}

.about-create-block .right {
	width: 47%;
	border-left: 1px #897400 solid;
	padding: 0 0 32px 3%;
}

.about-create-block .right dl {
	margin: 0 0 32px 0;
}

.about-create-block .right dl dt {
	display: block;
	font-size: 24px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
	margin: 0px 0 16px;
	position: relative;
	padding: 0 0 0 16px;
}

.about-create-block .right dl dt::before {
	content: "";
	padding: 0 0 0 0px;
	width: 4px;
	background: #897401;
	height: 40px;
	display: block;
	position: absolute;
	top: -4px;
	left: 0px;
}

.about-create-block .right dl dd {
	margin: 0 0 0px !important;
	color: #3e2900;
	line-height: 2em;
	letter-spacing: 0.01em;
	text-align: justify;
	font-size: 16px;
}

.about-create-block .right .about-create-img {
	line-height: 0;
	margin: 0 0 32px 0;
}

.about-create-block .right .about-create-img img {
	width: 100%;
}

/* アレルノンはこうやって作っています。ここまで */
/* アレルノンをご家庭で作れるキット販売中。 */
.about-kit {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	padding: 32px 48px 8px;
	position: relative;
	background: #eaeff9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 40px;
	display: none;
}

.about-kit-img {
	width: 20%;
	margin: -120px 4% 0 0;
	padding: 120px 0 0 0;
}

.about-kit-img img {
	width: 100%;
}

.about-kit dl {
	width: 76%;
}

.about-kit dl dt {
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 32px;
}

.about-kit dl dd {
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 20px;
}

.about-kit .btn01 {
	margin: -16px 0 0 auto;
	width: 30%;
}

.about-kit .btn01 a {
	display: block;
	border: 1px #897400 solid;
	background: rgba(255, 255, 255, 0.65);
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-kit .btn01 a:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.about-kit .btn01 a img {
	margin: 8px auto;
	width: 42%;
	display: block;
}

/* アレルノンをご家庭で作れるキット販売中。ここまで */
/* よくあるご質問 */
.about-qa {
	max-width: 100%;
	margin: 72px auto 0;
	padding: 48px 0 48px 0px;
	background: #f3f1e5;
}

.about-qa .inner {
	width: 100%;
	max-width: 1000px;
	position: relative;
	margin: -80px auto;
	padding: 104px 0;
}

.about-qa-title {}

.about-qa-title img {}

.about-qa dl {
	margin: 24px 0 0px 0;
}

.about-qa dl dt {
	font-size: 24px;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	position: relative;
	padding: 0 0 0 88px;
}

.about-qa dl dt::before {
	content: "";
	background: url(../img/about-qa-q.png);
	width: 50px;
	height: 50px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: 4px;
	left: 24px;
}

.about-qa dl dd {
	color: #3e2900;
	font-size: 16px;
	border-bottom: 1px #897401 dashed;
	padding: 0 0 16px 92px;
	margin: 0 0 16px 0;
}

.about-qa dl dd::before {
	content: "A.";
	display: inline-block;
	vertical-align: top;
	margin: 0 0px 0 0px;
	color: #897400;
}

.about-qa dl dd a {
	color: #ad181f;

}


/* よくあるご質問 ここまで*/
/* アレルノンって？ ここまで*/
/* 下層 contactフォルダ */
/* サイドナビ */
nav.side01 {
	margin: 0px 64px 0px 0;
	background: #f4f1e5;
	padding: 72px 0 0 0;
	width: 25%;
}

nav.side01::before {
	margin: 0px 64px 0px 0;
	background: -webkit-gradient(linear, right top, left top, from(#f4f1e5), color-stop(#ffffff), to(#ffffff));
	background: linear-gradient(270deg, #f4f1e5, #ffffff, #ffffff);
	padding: 0 0 0 0;
	width: 35%;
	content: "";
	position: absolute;
	top: auto;
	left: -35%;
	bottom: 0;
	height: 100%;
}

nav.side01 > ul {}

nav.side01 > ul > li {
	margin: 0 0 0px 0;
}

nav.side01 > ul > li > a {
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
}

nav.side01 > ul > li > a::before {
	content: "";
	padding: 0 0 0 0px;
	width: 4px;
	background: #897401;
	height: 28px;
	display: block;
	position: absolute;
	top: 22px;
	left: 56px;
}

nav.side01 > ul > li > a > img {
	display: block;
	margin: 0px 20%;
	width: 60%;
	padding: 24px 16px;
}

nav.side01 > ul > li:nth-child(1) > a > img {
	width: 38%;
}

nav.side01 > ul > li:nth-child(2) > a > img {
	width: 52%;
}

nav.side01 > ul > li:nth-child(3) > a > img {
	width: 40%;
}

nav.side01 > ul > li:nth-child(4) > a > img {
	width: 44%;
}

nav.side01 > ul > li > a:hover {
	background: #e1d9bc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

nav.side01 > ul > li > a.select {
	background: #e1d9bc;
}

/* サイドナビ ここまで*/
main.contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1200px;
	margin: 88px auto 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

/* 企業情報 */
.company {
	width: 60%;
	margin: 72px 0 320px;
}

.company-title {
	max-width: 19%;
	margin: 0px 0 0;
}

.company-title img {
	width: 100%;
}

.company dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 32px 0 0;
}

.company dl dt {
	width: 30%;
	border-top: 1px #3e2900 solid;
	padding: 8px 0 8px 32px;
	color: #3e2900;
	/* font-weight: bold; */
}

.company dl dd {
	width: 60%;
	border-top: 1px #3e2900 solid;
	padding: 8px 0 8px 32px;
	color: #3e2900;
	/* font-weight: bold; */
}

.company dl dt:last-of-type {
	border-bottom: 1px #3e2900 solid;
}

.company dl dd:last-of-type {
	border-bottom: 1px #3e2900 solid;
}

/* 企業情報 ここまで*/
/* 外部リンク */
.link {
	width: 60%;
	margin: 72px 0 320px;
}

.link-title {
	max-width: 21%;
	margin: 0px 0 0;
}

.link-title img {
	width: 100%;
}

.link ul {
	margin: 32px 0 0;
}

.link ul li {
	margin: 0px 0 16px;
}

.link ul li a {
	display: block;
	font-size: 20px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	/* font-weight: bold; */
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
}

.link ul li a:hover {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	margin: 0 0 0 8px;
}

.link ul li a:hover::after {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	content: "";
	background: rgba(137, 116, 1, 0.1);
	width: 100%;
	height: 16px;
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	z-index: -1;
}

/* 外部リンクここまで */
/* 個人情報の取り扱い */
.privacy {
	max-width: 62%;
	margin: 72px 0 240px;
}

.privacy-title {
	max-width: 41%;
	margin: 0px 0 0;
}

.privacy-title img {
	width: 100%;
}

.privacy dl {
	margin: 32px 0 0;
}

.privacy dl dt {
	display: block;
	font-size: 20px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
	margin: 0px 0 16px;
	position: relative;
	padding: 0 0 0 16px;
}

.privacy dl dt::before {
	content: "";
	padding: 0 0 0 0px;
	width: 4px;
	background: #897401;
	height: 40px;
	display: block;
	position: absolute;
	top: -4px;
	left: 0px;
}

.privacy dl dd {
	margin: 0px 0 32px;
	color: #3e2900;
	line-height: 2em;
}

.privacy dl dd div {
	margin: 0px 0 0px;
	color: #3e2900;
	line-height: 2em;
}

.privacy dl dd p {
	margin: 0px 0 0px;
	color: #3e2900;
	line-height: 2em;
}

.privacy dl dd ul {
	margin: 8px 0 0;
}

.privacy dl dd ul li {
	margin: 0px 0 8px;
	color: #3e2900;
	line-height: 2em;
}

/* 個人情報の取り扱いここまで */
/* お問い合わせ */
form.nyuryoku {
	width: 60%;
	margin: 72px 0 320px !important;
}

.form-title {
	max-width: 27%;
	margin: 0px 0 0;
}

.form-title img {
	width: 100%
}

form.nyuryoku dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 32px 0 0;
}

form.nyuryoku dl dt {
	width: 23%;
	padding: 13px 0 8px 32px;
	margin: 0 0 4px 0;
	color: #3e2900;
	font-weight: bold;
	background: #f4f1e5;
}

form.nyuryoku dl dt span {
	color: #c7000b;
	font-size: 24px;
	position: absolute;
	margin: 0 0 0 8px;
}

form.nyuryoku dl dd span {
	color: #c7000b;
	font-size: 24px;
	position: absolute;
	margin: 0 0 0 -16px;
}

form.nyuryoku dl dd {
	width: 67%;
	padding: 8px 32px 8px 32px;
	margin: 0 0 4px 0;
	color: #3e2900;
	font-weight: bold;
	background: #f4f1e5;
	word-break: break-all;
}

form.nyuryoku dl dd input[type="text"] {
	background: #f4f1e5;
	border: none;
	/* background: #ffffff; */
	width: 95%;
	padding: 8px 8px;
	font-size: 14px;
}

form.nyuryoku dl dd:nth-of-type(6) input[type="text"] {
	width: 55%;
}

form.nyuryoku dl dd textarea {
	background: #f4f1e5;
	/* background: #ffffff; */
	width: 95%;
	border: none;
	padding: 8px 8px;
}

form.nyuryoku dl dt:first-child {
	width: 28%;
	padding: 0px 0 0px 0px;
	margin: 0 0 0px 0;
	color: #3e2900;
	font-weight: bold;
	background: none;
}

form.nyuryoku dl dd:first-of-type {
	width: 60%;
	padding: 0px 0 0px 0px;
	margin: 0 0 0px 0;
	color: #3e2900;
	font-weight: bold;
	background: none;
	position: relative;
}

form.nyuryoku dl dt:last-of-type {
	width: 90%;
	margin: 0 0 0px 0;
}

form.nyuryoku dl dd:last-of-type {
	width: 90%;
}

.privacy_box {}

.privacy_box .sentence {
	color: #3e2900;
	/* font-weight: bold; */
	width: 90%;
}

.privacy_box .sentence a {
	color: #897401;
	font-weight: bold;
}

#check_area {
	width: 40%;
	margin: 32px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#check_area input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px #897401 solid;
	background: #fff;
	width: 24px;
	height: 24px;
	margin: 0 8px 0 0;
}

#check_area input[type="checkbox"]:checked::after {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #897401;
	width: 16px;
	height: 16px;
	margin: 3px auto 0;
	content: "";
	display: block;
}

#check_area label {
	cursor: pointer;
}

#check_send[disabled] {
	opacity: 0.3 !important;
	pointer-events: none;
	position: relative;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* お問い合わせ ここまで*/
/* お問い合わせ部分共通ボタン */
form .btn-block {
	width: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 24px 0 0;
}

form .btn-block input[type="image"] {
	margin: 0 0px 0 0;
	width: 100%;
	/* height: 100%; */
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

form .btn-block input[type="image"]:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

span.submit {
	border: 1px #897400 solid;
	padding: 8px 8px;
	display: block;
	line-height: 0;
	width: 20%;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

span.submit:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

form .btn-block input[type="button"] {
	margin: 0px 8px 0 0;
	padding: 8px 16px;
	width: auto;
	display: block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: #fff;
	color: #3e2900;
	transition: 0.4s ease-in-out;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

form .btn-block input[type="button"]:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

form .btn-block input[type="submit"] {
	margin: 0px 8px 0 0;
	padding: 8px 16px;
	width: auto;
	display: block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: #fff;
	color: #3e2900;
	transition: 0.4s ease-in-out;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

form .btn-block input[type="submit"]:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* お問い合わせ部分共通ボタン */
/* 確認画面 */
form.confirm {
	width: 60%;
	margin: 72px 0 320px !important;
}

.form.confirm-title {
	max-width: 100%;
	margin: 0px 0 0;
}

.form.confirm-title img {}

form.confirm dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 32px 0 0;
}

form.confirm dl dt {
	width: 23%;
	padding: 14px 0 14px 32px;
	margin: 0 0 4px 0;
	color: #3e2900;
	font-weight: bold;
	background: #f4f1e5;
}

form.confirm dl dt span {
	color: #c7000b;
	font-size: 24px;
	position: absolute;
	margin: 0 0 0 8px;
}

form.confirm dl dd span {
	color: #c7000b;
	font-size: 24px;
	position: absolute;
	margin: 0 0 0 -16px;
}

form.confirm dl dd {
	width: 67%;
	padding: 14px 32px 14px 32px;
	margin: 0 0 4px 0;
	color: #3e2900;
	/* font-weight: bold; */
	background: #f4f1e5;
	word-break: break-all;
}

form.confirm dl dd input[type="text"] {
	background: #f4f1e5;
	border: none;
	/* background: #ffffff; */
	width: 95%;
	padding: 8px 8px;
	font-size: 14px;
}

form.confirm dl dd:nth-of-type(6) input[type="text"] {
	width: 55%;
}

form.confirm dl dd textarea {
	background: #f4f1e5;
	/* background: #ffffff; */
	width: 95%;
	border: none;
	padding: 8px 8px;
}

form.confirm dl dt:first-child {
	width: 28%;
	padding: 0px 0 0px 0px;
	margin: 0 0 0px 0;
	color: #3e2900;
	font-weight: bold;
	background: none;
}

form.confirm dl dd:first-of-type {
	width: 60%;
	padding: 0px 0 0px 0px;
	margin: 0 0 0px 0;
	color: #3e2900;
	font-weight: bold;
	background: none;
	position: relative;
}

form.confirm dl dt:last-of-type {
	width: 90%;
	margin: 0 0 0px 0;
}

form.confirm dl dd:last-of-type {
	width: 90%;
	padding: 8px 32px 16px 32px;
}

/* 確認画面ここまで */
/* サンキューページ */
.thankyou {
	width: 60%;
	margin: 72px 0 320px;
}

.thankyou figure {
	color: #3e2900;
	font-weight: bold;
	width: 20%;
	margin: 0 auto;
}

.thankyou figure img {
	width: 100%;
}

.thankyou figure figcaption {
	color: #3e2900;
	font-weight: bold;
	text-align: center;
}

.thankyou .sentence {
	color: #3e2900;
	font-weight: bold;
	width: 63%;
	margin: 48px auto 0;
}

.thankyou .btn-block {
	width: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 48px auto 0;
}

.btn-block .to-home {
	margin: 0px 0px 0 0;
	padding: 8px 16px;
	width: auto;
	display: block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: #fff;
	color: #3e2900;
	transition: 0.4s ease-in-out;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.btn-block .to-home:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* サンキューページここまで */
/* 下層 contactフォルダ */
/* 下層 newsフォルダ */
main.news {
	position: relative;
}

/* お知らせ一覧 */
.news-list {
	width: 1000px;
	margin: 0px auto 0;
}

.news-list-title {
	max-width: 1000px;
	width: 100%;
	margin: 175px auto 0px;
	position: relative;
	line-height: 0;
}

.news-list-title img {
	width: 24%;
	margin: 0px 0 0 0px;
}

.media-list-title {
	max-width: 1000px;
	width: 100%;
	margin: 175px auto 0px;
	position: relative;
	line-height: 0;
}

.media-list-title img {
	width: 28.8%;
	margin: 0px 0 0 0px;
}

/* 稲タイトル */
.news-list-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0px;
}

/* 稲タイトル */



/* .news-list-block{
margin: 40px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
} */
.news-list-block {
	margin: 80px 0 64px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0px;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.news-list-block figure {
	width: 166px;
	height: 166px;
	background: #f3f1e5;
	overflow: hidden;
}

.news-list-block figure img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	border: solid 1px #ddd;
}

.news-list-block figure.media_image {
	width: auto;
	height: auto;
	background: #f3f1e5;
	overflow: hidden;
	max-width: 200px;
	margin: auto 0 auto auto;
}

.news-list-block figure.media_image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border: solid 1px #ddd;
}

.news-list-block .right-block {
	margin: 0 0 0 24px;
	width: 810px;
}

.news-list-block .icon_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 8px 0;
}

/* お知らせアイコン */
.news-list-block .icon_box .icon01 {
	font-size: 16px;
	background: #d7e9f3;
	color: #3e2900;
	border-radius: 5px;
	text-align: center;
	padding: 0px 32px 0px 32px;
	display: block;
	/* margin: 0 20px 0 0; */
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
}

/* イベント情報アイコン */
.news-list-block .icon_box .icon02 {
	font-size: 16px;
	background: #f4f1e5;
	color: #3e2900;
	border-radius: 5px;
	text-align: center;
	padding: 0px 32px 0px 32px;
	display: block;
	/* margin: 0 20px 0 0; */
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
}

/* メディア掲載アイコン */
.news-list-block .icon_box .icon03 {
	font-size: 16px;
	background: #c9ded6;
	color: #3e2900;
	border-radius: 5px;
	text-align: center;
	padding: 0px 32px 0px 32px;
	display: block;
	/* margin: 0 20px 0 0; */
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
}

/* 新商品アイコン */
.news-list-block .icon_box .icon04 {
	font-size: 16px;
	background: #f2dbd8;
	color: #3e2900;
	border-radius: 5px;
	text-align: center;
	padding: 0px 32px 0px 32px;
	display: block;
	/* margin: 0 20px 0 0; */
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
}

/* 新着コンテンツアイコン */
.news-list-block .icon_box .icon05 {
	font-size: 16px;
	background: #f5e0b3;
	color: #3e2900;
	border-radius: 5px;
	text-align: center;
	padding: 0px 32px 0px 32px;
	display: block;
	/* margin: 0 20px 0 0; */
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
}

.news-list-block .icon_box .date {
	display: block;
	color: #3e2900;
	margin: 0 16px 0 0;
}

.news-list-block h3 {
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 0 0px;
	color: #3e2900;
}

.news-list-block .sentence {
	font-size: 16px;
	color: #3e2900;
	margin: 8px 0 0 0;
	letter-spacing: 0.01em;
}

/* お知らせ一覧 */
/* 下層 newsフォルダ */
/* 下層 recipeフォルダ */
/* アレンジレシピ */
.recipe-title {
	max-width: 1000px;
	width: 100%;
	margin: 168px auto 0px;
	position: relative;
}

.recipe-title img {
	width: auto;
	margin: 0px 0 0 0px;
}

/* 稲タイトル */
.recipe-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* タイトル */
/* サブメニュー */
nav.recipe-submenu {
	max-width: 100%;
	margin: 8px 0px 0px 0px;
	padding: 24px 0 24px 0px;
	position: relative;
	background: #f3f1e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
}

nav.recipe-submenu .inner {
	max-width: 1000px;
	width: 100%;
	margin: 0px auto 0px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.recipe-submenu-title {
	width: 20%;
	color: #897400;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 24px;
	font-weight: bold;
}

.recipe-submenu-title img {}

nav.recipe-submenu ul:nth-of-type(1) {
	width: 33%;
	position: relative;
}

nav.recipe-submenu ul:nth-of-type(2) {
	width: 33%;
	position: relative;
}

nav.recipe-submenu ul:nth-of-type(3) {
	width: 33%;
	position: relative;
}

nav.recipe-submenu ul > li {
	margin: 0 0 0px 0;
}

nav.recipe-submenu .bar {
	content: "｜	";
	display: block;
	font-size: 32px;
	color: #897401;
	-webkit-transform: skewX(-35deg);
	-ms-transform: skewX(-35deg);
	transform: skewX(-35deg);
	line-height: 1;
}

nav.recipe-submenu ul > li > a {
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
	text-align: center;
}

nav.recipe-submenu ul > li > a:hover {
	background: #e1d9bc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* サブメニュー ここまで*/
/* アレルノンちょこっとアレンジ集 */
.recipe-block {
	max-width: 1000px;
	width: 100%;
	margin: 56px auto 32px;
	position: relative;
}

.recipe-arrange-title {}

.recipe-arrange-title img {}

.recipe-block .sentence {
	line-height: 2em;
	color: #3e2900;
	margin: 0 0 32px 0;
}

.arrange-list-pc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.arrange-list-pc figure {
	width: 23%;
	margin: 0 2% 40px 0;
}

.arrange-list-pc figure a {
	display: block;
}

.arrange-list-pc figure img {
	width: 100%;
}

.arrange-list-pc figure figcaption {}

.arrange-list-sp {
	display: none;
}

.btn-readmore-pc {
	display: none;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(0%, #897401));
	background: linear-gradient(transparent 95%, #897401 0%);
	background-position-y: 25px;
}

.btn-readmore-pc img {
	display: block;
	width: auto;
	margin: 0 auto;
	background: #fff;
	padding: 0 24px;
	cursor: pointer;
}

.toggle-pc {
	display: none;
	width: 100%;
	margin: 40px 0 0px 0;
}

.toggle-pc .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.btn-close-pc {
	display: block;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(0%, #897401));
	background: linear-gradient(transparent 95%, #897401 0%);
	background-position-y: 25px;
}

.btn-close-pc img {
	display: block;
	width: auto;
	margin: 0 auto;
	background: #fff;
	padding: 0 24px;
	cursor: pointer;
}

.btn-readmore-sp {
	display: block;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(0%, #897401));
	background: linear-gradient(transparent 95%, #897401 0%);
	background-position-y: 25px;
}

.btn-readmore-sp img {
	display: block;
	width: auto;
	margin: 0 auto;
	background: #fff;
	padding: 0 24px;
	cursor: pointer;
}

.toggle-sp {
	display: none;
	width: 100%;
	margin: 40px 0 0px 0;
}

.toggle-sp .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.btn-close-sp {
	display: block;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(0%, #897401));
	background: linear-gradient(transparent 95%, #897401 0%);
	background-position-y: 25px;
}

.btn-close-sp img {
	display: block;
	width: auto;
	margin: 0 auto;
	background: #fff;
	padding: 0 24px;
	cursor: pointer;
}

/* アレルノンちょこっとアレンジ集 */
/* アレンジレシピ */
/* アレンジレシピ 詳細*/
.recipe-detail-block {
	max-width: 1000px;
	width: 100%;
	margin: 160px auto 89px;
	position: relative;
}

.recipe-detail-title {
	max-width: 1000px;
	width: 100%;
	margin: 0px auto 24px;
	position: relative;
	color: #3e2900;
	font-size: 32px;
	padding: 0 0 0 24px;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.recipe-detail-title::before {
	content: "";
	padding: 0 0 0 0px;
	width: 4px;
	background: #3e2900;
	height: 56px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.recipe-detail-img {
	max-width: 1000px;
	width: 40%;
	position: relative;
}

.recipe-detail-img img {
	width: 100%;
}

.recipe-detail-block .sentence {
	line-height: 2em;
	color: #3e2900;
	margin: 16px 0 32px 0;
}

.recipe-detail-block dl {
	margin: 0 0 32px;
}

.recipe-detail-block dl dt {
	border-bottom: 4px #c8c897 solid;
	font-size: 24px;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	color: #3e2900;
}

.recipe-detail-block dl dd {
	color: #3e2900;
	margin: 16px 0 0px 30px;
}

.recipe-detail-block dl dd div {}

.recipe-detail-block dl.point-box {
	margin: 0 0 56px;
	background: #f3f1e5;
	padding: 16px;
}

.recipe-detail-block dl.point-box dt {
	border-bottom: none;
	font-size: 24px;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	color: #3e2900;
}

.recipe-detail-block dl.point-box dd {}

.recipe-detail-block dl.point-box dd div {}

.recipe-detail-block .btn-block {}

.recipe-detail-block .btn-block a {
	margin: 0px 0px 0 0;
	padding: 0px 16px;
	width: auto;
	display: block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: #fff;
	color: #897400;
	transition: 0.4s ease-in-out;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	text-align: center;
}

.recipe-detail-block .btn-block a:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.recipe-detail-block .btn-block a img {
	margin: 8px auto;
	width: 24%;
	display: block;
}

/* 下層 recipeフォルダ */

/* 下層 talkフォルダ */
main.talk {
	position: relative;
}

.talk-list {
	width: 100%;
	max-width: 1000px;
	margin: 72px auto 96px;
}

/* .talk-list-title{
max-width: 15%;
margin: 0px auto 0;
}
*/
.talk-list-title {
	max-width: 1000px;
	width: 100%;
	margin: 178px auto 0px;
	position: relative;
}

.talk-list-title img {
	width: auto;
	/* margin: 24px 0 0 0px; */
}

/* 稲タイトル */
.talk-list-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* 稲タイトル */

.talk-list-block {
	max-width: 1000px;
	margin: 0 auto;
	border-bottom: solid 1px #aaa;
	padding: 32px 0;
}


.talk-list-block:last-child {
	border-bottom: none;
	margin-bottom: 60px;
}

.talk-list-unit {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.talk-list-img {}

.talk-list-img img {}

.talk-list-block dl {
	margin: 0 0px 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.talk-list-block dl dt {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 28px;
	color: #3e2900;
	width: 100%;
}

.talk-list-block dl dd.lactic-txt {
	width: 85%;
	margin-right: 5%;
	color: #3e2900;
}

.talk-list-block dl dd.btn-block {
	width: 10%;
}

.talk-list-block .btn-readmore {}

.talk-list-block .btn-readmore img {}

/* 下層 talkフォルダ */


/* 下層 talkフォルダ detail詳細ページ */

.talk-detail {
	width: 100%;
	margin: 160px 0 96px;
}

.talk-main-img {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 0;
}

.talk-main-img img {}


.talk-detail-title {
	margin: 112px auto 32px;
	padding: 0 0 0 0px;
	position: relative;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	font-size: 32px;
	color: #3e2900;
	width: 100%;
	max-width: 800px;
}

/* 稲タイトル下向き */
.talk-detail-title::before {
	content: "";
	background: url(../img/bg-rice-title02.png);
	width: 147px;
	height: 52px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: -72px;
}

/* 稲タイトル下向き */



.bg-talk-detail-block {
	width: 100%;
	background: #f3f1e5;
	margin: 40px auto;
	padding: 32px 0;
}

.bg-talk-detail-block dl {
	width: 100%;
	max-width: 800px;
	margin: 0px auto 0px;
}

.bg-talk-detail-block dl dt {
	font-size: 24px;
	color: #3e2900;
	margin: 0 0 24px;
}

.bg-talk-detail-block dl dt br {
	display: none;
}

.bg-talk-detail-block dl dd {
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.talk-detail-block {
	width: 100%;
	max-width: 800px;
	margin: -102px auto 56px;
	padding: 102px 0 0;
}


.talk-detail-block-title {
	font-size: 32px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	border-bottom: 1px #897400 solid;
	margin: 0 0 24px 0;
}

.talk-detail-block .q {
	font-size: 16px;
	color: #3e2900;
	margin: 0 0 24px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	letter-spacing: 0.01em;
}

.talk-detail-block .a {
	font-size: 16px;
	color: #3e2900;
	margin: 0 0 24px 0;
	letter-spacing: 0.01em;
}

.talk-detail-block .a span {
	font-size: 16px;
	color: #3e2900;
	font-weight: bold;
	letter-spacing: 0.01em;
}

.talk-detail-block .sente02 {
	font-size: 16px;
	color: #3e2900;
	border-top: 1px #897400 solid;
	border-bottom: 1px #897400 solid;
	padding: 32px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	letter-spacing: 0.01em;
}

.talk-detail-block .sente03 {
	font-size: 16px;
	color: #3e2900;
	border-top: 1px #897400 solid;
	padding: 32px 0 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	letter-spacing: 0.01em;
}

.talk-detail-block .sente {
	font-size: 16px;
	color: #3e2900;

	letter-spacing: 0.01em;
}

.talk-detail-block .sente-min {
	font-size: 16px;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	letter-spacing: 0.01em;
}

.talk-detail-block .sente span {
	font-size: 16px;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	border-bottom: 1px #3e2900 solid;
	letter-spacing: 0.01em;
	font-weight: bold;
}


.talk-detail-block .sente-min span {
	font-size: 16px;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	border-bottom: 1px #3e2900 solid;
	letter-spacing: 0.01em;
	font-weight: bold;
}


.talk-detail .btn-block {
	max-width: 800px;
	width: 100%;
	margin: 64px auto 30px;
	position: relative;
}

.talk-detail .btn-block a {
	margin: 0px 0px 0 0;
	padding: 0px 16px;
	width: auto;
	display: block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: #fff;
	color: #897400;
	transition: 0.4s ease-in-out;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	text-align: center;
}

.talk-detail .btn-block a:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* 下層 talkフォルダ detail詳細ページ */
/* 下層 visionフォルダ */
main.vision {
	position: relative;
}

.vision-list {
	width: 100%;
	max-width: 1000px;
	margin: 72px auto 96px;
}

.vision-title {
	max-width: 1000px;
	width: 100%;
	margin: 168px auto 0px;
	position: relative;
}

.vision-title img {
	width: auto;
	/* margin: 24px 0 0 0px; */
}

/* 稲タイトル */
.vision-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* 稲タイトル */


.vision-main-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1000px;
	width: 100%;
	margin: 32px auto 0px;
}


.vision-main-img img {
	display: block;
	width: 33.3%;
	height: 100%;
}

/* 滋賀県高島市にある会社です。 */
.vision-block {
	max-width: 1000px;
	margin: -90px auto 0;
	padding: 120px 0 0;
}

.vision-block-title {
	margin: 0 0 24px 0;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 0px;
}

.vision-block-title img {
	display: block;
	margin: 0 0 8px 0;
	width: auto;
}

.vision-block-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}

.vision-block .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


.vision-block .left {
	line-height: 2em;
	color: #3e2900;
	width: 46%;
	margin: 0 4% 0 0;
}

.vision-block figure {

	width: 50%;
}

.vision-block figure img {
	width: 100%;
}


/* 100% 植物性、法定アレルゲン27 品目も不使用で、手軽に乳酸菌をとれる様々な食品を作っています。 */

.vision-block02 {
	max-width: 1000px;
	margin: 0 auto;

	padding: 32px 0;
}


.vision-block02-title {
	font-size: 20px;
	margin: 0px 0 0px;
	color: #897401;
	width: 100%;
}


.vision-block02 .inner {
	margin: 0 auto;
	border: 1px #897400 solid;
	padding: 24px 24px 8px;
	max-width: 1000px;
	width: 100%;
	margin: 8px auto 24px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


.vision-block02 .inner ul {
	width: 23%;
}

.vision-block02 .inner ul li:nth-child(1) {
	border-bottom: 1px #3e2900 solid;
	margin: 0px 0 8px;
	line-height: 0;
	padding: 0 0 16px;
}

.vision-block02 .inner ul li:nth-child(1) img {
	width: 100%;
}

.vision-block02 .inner ul li:nth-child(2) {
	color: #3e2900;
	font-size: 12px;
	text-align: center;
}

.vision-block02 .inner ul li:nth-child(3) {
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 20px;
	text-align: center;
}

.vision-block02 .inner ul li:nth-child(4) {
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-size: 12px;
	text-align: center;
}


.vision-block03 {
	width: 100%;
	margin: 0px auto;
	position: relative;
	background: #f3f1e5;
	padding: 102px 0;
}

.vision-block03-title {
	margin: 0 0 24px 0;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 0px;
}

.vision-block03-title img {
	display: block;
	margin: 0 0 8px 0;
	width: auto;
}

.vision-block03-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}


.vision-block03 dl {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;

}

.vision-block03 dl dd {
	line-height: 2em;
	color: #3e2900;

}



.vision-block04 {
	width: 100%;
	margin: 64px auto;
	position: relative;
	max-width: 1000px;

	border-bottom: solid 1px #897400;
}

.vision-block04::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}


.vision-block04-title {
	margin: 0 0 48px 0;
	border-bottom: solid 1px #897400;
	position: relative;
	padding-bottom: 0px;
	width: 100%;
}

.vision-block04-title img {
	display: block;
	margin: 0 0 8px 0;
	width: auto;
}

.vision-block04-title::after {
	content: '';
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #897400;
	position: absolute;
	left: 0px;
	bottom: -7px;
}


.vision-block04 article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 64px 0px;
}

.vision-block04 article:nth-of-type(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.vision-block04 article:nth-of-type(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}



.vision-block04 figure {
	width: 50%;
	line-height: 0;
}

.vision-block04 figure img {
	width: 100%;
}

.vision-block04 dl {
	width: 50%;
}

.vision-block04 dl dt {
	font-size: 32px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	margin: 0 0 0 24px;
}

.vision-block04 dl dd {
	line-height: 2em;
	color: #3e2900;
	letter-spacing: 0.01em;
	margin: 0 0 0 24px;
}

.vision-block04 article:nth-of-type(even) dl dt {
	text-align: right;
	margin: 0 24px 0 0;
}

.vision-block04 article:nth-of-type(even) dl dd {
	margin: 0 24px 0 0;
}







.vision .btn-block {
	max-width: 1000px;
	width: 100%;
	margin: 88px auto 88px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.vision .btn-block a {
	display: block;
	border: 1px #897400 solid;
	background: #fff;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	width: 45%;
}

.vision .btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

/* 下層 visionフォルダ */








/* 下層 voiceフォルダ */

/* 声の一覧 */
main.voice {
	position: relative;
}

.voice-list {
	width: 100%;
	max-width: 1000px;
	margin: 16px auto 56px;
}

.voice-list-title {
	max-width: 1000px;
	width: 100%;
	margin: 178px auto 0px;
	position: relative;
	line-height: 0;
}

.voice-list-title img {
	width: auto;
	/* margin: 24px 0 0 0px; */
}

/* 稲タイトル */
.voice-list-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* 稲タイトル */

.voice-list-title02 {
	max-width: 1000px;
	width: 100%;
	margin: 48px auto 0px;
	position: relative;
}

.voice-list-title02 img {
	width: auto;
	margin: 0px 0 0 0px;
}


.voice-list-block {
	max-width: 1000px;
	margin: -88px auto;
	border-bottom: solid 1px #3e2900;
	padding: 120px 0 32px;
}


.voice-list-unit {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.voice-list-img {
	width: 15%;
	position: relative;
}

.voice-list-img img {
	width: 100%;
}

.voice-list-img img.icon {
	width: 60% !important;
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	margin: 0 auto;
}



.voice-list-block dl {
	margin: 0 0px 0 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 85%;
}

.voice-list-block dl dt {
	color: #3e2900;
	width: 100%;
}

.voice-list-block dl dt div:nth-child(1) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 16px;
	color: #3e2900;
	width: 100%;
}

.voice-list-block dl dt div:nth-child(2) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 24px;
	color: #3e2900;
	width: 100%;
}

.voice-list-block dl dd {
	width: 80%;
	margin-right: 5%;
	color: #3e2900;
}

.voice-list-block dl dd.btn-block {
	width: 10%;
}

.voice-list-block .btn-readmore {}

.voice-list-block .btn-readmore img {}

.bg-voice-list-block {}




.voice-list02 {
	background: #faf9f3;
	margin: 140px 0 0 0;
	padding: 24px 0 0 0;
}

.voice-list02 .voice-list-img {
	width: 7%;
}

.voice-list02 .voice-list-img img {
	width: 100%;
}

.voice-list02 .voice-list-block dl {
	width: 90%;
	margin-left: 3%;
	color: #3e2900;
}

.voice-list02 .voice-list-block dl dt {
	color: #3e2900;
	width: 100%;
	margin: 0 0 16px 0;
}

.voice-list02 .voice-list-block dl dt div:nth-child(1) {
	/* font-weight: bold; */
	font-size: 16px;
	color: #3e2900;
	width: 100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}


.voice-list02 .voice-list-block dl dd {
	width: 100%;
	margin-right: 0%;
	color: #3e2900;
}


.voice-list02 .voice-list-block:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding: 120px 0 64px;
}


/* 声の詳細 */
.voice-detail {
	width: 100%;
	max-width: 800px;
	margin: 136px auto 56px;
}

.voice-detail-title {
	max-width: 1000px;
	width: 100%;
	margin: 168px auto 0px;
	position: relative;
}

.voice-detail-title img {
	width: auto;
	/* margin: 24px 0 0 0px; */
}

/* 稲タイトル */
.voice-detail-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* 稲タイトル */


.voice-detail-block {
	max-width: 1000px;
	margin: 0 auto 40px;
	padding: 0;
}

.voice-detail-unit {
	max-width: 1000px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.voice-detail-img {
	width: 30%;
	margin: 0 3% 0 0;
	line-height: 0;
}

.voice-detail-img img {
	width: 100%;
}

.voice-detail-block ul {
	width: 67%;
	margin: 0 0px 0 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.voice-detail-block ul {
	color: #3e2900;
	width: 100%;
}

.voice-detail-block ul li:nth-child(1) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 24px;
	color: #3e2900;
	width: 100%;
}

.voice-detail-block ul li:nth-child(2) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 16px;
	color: #3e2900;
	width: 100%;
}


.voice-detail-block02 {
	max-width: 1000px;
	margin: 0 auto 40px;
	padding: 0px 0;
}

.voice-detail-block02 dl {}

.voice-detail-block02 dl dt {
	font-size: 28px;
	color: #897401;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	border-bottom: 1px #897400 solid;
	margin: 0 0 24px 0;
	letter-spacing: 0.01em;
}

.voice-detail-block02 dl dd {
	color: #3e2900;
	width: 100%;
}




.voice-detail .btn-block {
	max-width: 800px;
	width: 100%;
	margin: 80px auto 0px;
	position: relative;
}

.voice-detail .btn-block a {
	margin: 0px 0px 0 0;
	padding: 0px 16px;
	width: auto;
	display: block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: #fff;
	color: #897400;
	transition: 0.4s ease-in-out;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	text-align: center;
}

.voice-detail .btn-block a img {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: block;
	margin: 8px auto;
}

.voice-detail .btn-block a:hover {
	background: #e7e3cc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}


.voice-detail-block03 {
	max-width: 1000px;
	margin: 0 auto 40px;
	padding: 0;
	color: #3e2900;
	font-size: 14px;
}




/* 下層 voiceフォルダ */






/* 下層 shop-listフォルダ */
/*取扱店 */
.shop-list-title {
	max-width: 1000px;
	width: 100%;
	margin: 168px auto 0px;
	position: relative;
}

.shop-list-title img {
	width: auto;
	margin: 0px 0 0 0px;
}

/* 稲タイトル */
.shop-list-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* タイトル */


/* タイトル下文章 */

.shop-list .sente {
	max-width: 1000px;
	width: 100%;
	margin: 16px auto 16px;
	line-height: 2em;
	color: #3e2900;

}


/* タイトル下文章ここまで */





/* サブメニュー */
nav.shop-list-submenu {
	max-width: 100%;
	margin: 8px 0px 0px 0px;
	/* padding: 24px 0 24px 0px; */
	padding: 24px 0 0px 0px;
	position: relative;
	background: #f3f1e5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
}

nav.shop-list-submenu .inner {
	max-width: 1000px;
	width: 100%;
	margin: 0px auto 0px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

nav.shop-list-submenu ul > li {
	margin: 0 8px 16px 0;
	position: relative;
}

nav.shop-list-submenu li.bar {
	content: "｜	";
	display: block;
	font-size: 32px;
	color: #897401;
	-webkit-transform: skewX(-35deg);
	-ms-transform: skewX(-35deg);
	transform: skewX(-35deg);
	line-height: 1;
	width: auto !important;
}

nav.shop-list-submenu ul > li > a {
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
	text-align: center;
}

nav.shop-list-submenu ul > li > a:hover {
	background: #e1d9bc;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* サブメニュー ここまで*/

.shop-list-block {
	max-width: 1000px;
	width: 100%;
	margin: 56px auto 32px;
	position: relative;
}

.shop-list-block-title {
	display: block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: bold;
	font-size: 40px;
	overflow: hidden;
}

.shop-list-block-title > div {
	display: inline-block;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: relative;
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	font-weight: normal;
	font-size: 40px;
	width: auto;
}

.shop-list-block-title > div::after {
	content: "";
	width: 1000%;
	height: 5px;
	background: #cec09c;
	padding: 0px 0 0px 0;
	display: block;
	top: 50%;
	left: 120%;
	position: absolute;
}



/*一覧 小見出し */
.shop-list-block ul.title-s {
	border-bottom: none !important;
	/* justify-content: space-between; */
}

.shop-list-block ul.title-s li {
	color: #897401 !important;
}

.shop-list-block ul.title-s li:nth-child(1) {
	width: 36%;
}

.shop-list-block ul.title-s li:nth-child(2) {
	width: 48%;
	margin: 0 3% 0 0;
}

.shop-list-block ul.title-s li:nth-child(3) {
	margin: 0 0% 0 0%;
}

/* 一覧ブロック */
.shop-list-block ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px #897401 solid;
	padding: 8px;
}

.tyokuei {
	background: #e8e2be;
}

.shop-list-block ul li {
	color: #3e2900;
}

.shop-list-block ul li:nth-child(1) {
	margin: 0 0% 0 0;
	width: 36%;
}

.shop-list-block ul li:nth-child(2) {
	width: 48%;
	margin: 0 3% 0 0;
}

.shop-list-block ul li:nth-child(3) {}











/* 下層 proフォルダ */
/*ドクターの現場から */
.pro-list-title {
	max-width: 1000px;
	width: 100%;
	margin: 178px auto 0px;
	position: relative;
}

.pro-list-title img {
	width: auto;
	margin: 0px 0 0 0px;
}

/* 稲タイトル */
.pro-list-title::before {
	content: "";
	background: url(../img/bg-rice-title.png);
	width: 120px;
	height: 100px;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0 0px 0 0px;
	position: absolute;
	top: auto;
	left: -140px;
	bottom: 0;
}

/* タイトル */

.pro-list-subtitle {
	margin: 72px 0 16px 0;
	position: relative;
}

.pro-list-subtitle img {
	position: relative;
	display: block;
	width: auto;
	margin: 0 auto;
}


.pro-pickup {
	background: #f4f1e5;
	padding: 48px 0;
	margin: 0 0 64px 0;
}

.pro-pickup .inner {
	max-width: 1024px;
	margin: 0px auto 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* justify-content: space-between; */
}

.pro-pickup-img {
	line-height: 0;
	width: 15%;
}

.pro-pickup-img img {
	width: 100%;
	border-radius: 100px;
}

.pro-pickup dl {
	margin: 0 0px 0 4%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 66%;
	position: relative;
}

.pro-pickup dl dt {
	color: #3e2900;
	width: 100%;
}

.pro-pickup dl dt div:nth-child(1) {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	/* font-weight: bold; */
	font-size: 32px;
	color: #3e2900;
	width: 100%;
}

.pro-pickup dl dt div:nth-child(2) {
	/* font-weight: bold; */
	font-size: 24px;
	color: #3e2900;
	width: 100%;
	border-bottom: solid 1px #3e2900;
	margin: 8px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.pro-pickup dl dd {
	width: 100%;
	margin-right: 0%;
	color: #3e2900;
	font-size: 16px;
}

.pro-pickup dl dd.btn-block {
	width: 10%;
}

.pro-pickup .btn-readmore {
	width: 10%;
	margin-left: 5%;
	margin-right: 0;
	position: absolute;
	top: 32%;
	left: auto;
	right: -24%;
}

.pro-pickup .btn-readmore img {}

.bg-pro-pickup {}


.pro-pickup .btn-block {
	width: 40%;
	margin: 0 0 0 auto;
}

.pro-pickup .btn-block a {
	display: block;
	border: 1px #897400 solid;
}

.pro-pickup .btn-block a:hover {
	background: #e7e3cc;
}

.pro-pickup .btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}


.pro-list-block {
	max-width: 890px;
	margin: 48px auto 104px;
}

.pro-list-block-title {
	font-size: 24px;
	color: #3e2900;
	width: 100%;
	border-bottom: solid 1px #3e2900;
	margin: 16px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.pro-list-block ul {

	margin: 24px 0 24px;
}

.pro-list-block ul li {
	color: #3e2900;
}

.pro-list-mv-block {
	margin: 0px 0 48px;
	position: relative;
}

.pro-list-mv-block span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	cursor: pointer;
}


.pro-list-mv-block span .mv-photo {

	display: block;
}

.pro-list-mv-block span .mv-arrow {
	position: absolute;
	left: 0;
	right: 11%;
	margin: 0 auto;
	top: 30%;
	display: block;
	z-index: 10;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.pro-list-mv-block span:hover .mv-arrow {
	position: absolute;
	left: 0;
	right: 9%;
	margin: 0 auto;
	top: 30%;
	display: block;
	z-index: 10;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.pro-list-mv-block span ul {
	background: #e7e3cc;
	width: 57%;
	padding: 0% 5% 0% 8%;
	margin: 0;
	position: relative;
	min-height: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pro-list-mv-block span ul li:nth-child(1) {
	width: 100%;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	color: #3e2900;
	font-size: 24px;
}

.pro-list-mv-block span ul li:nth-child(2) {
	width: 100%;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	color: #3e2900;
	font-size: 14px;
}



.pro-book-block {
	max-width: 890px;
	margin: 48px auto 48px;
}


.pro-book-block-title-l {
	font-size: 24px;
	color: #897400;
	width: 100%;
	border-bottom: solid 1px #897400;
	margin: 16px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.pro-book-block-title-m {
	font-size: 24px;
	color: #3e2900;
	width: 100%;
	/* border-bottom: solid 1px #3e2900; */
	margin: 0px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.pro-book-block .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 32px 0 0 0;
}

.pro-book-block ul {

	margin: 16px 0 16px;
}

.pro-book-block ul li {
	color: #3e2900;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	/* line-height: 1.5em; */
}

.pro-book-block figure {
	margin: 0px 0 0px 0;
	line-height: 0;
}

.pro-book-block figure img {
	/* width: 100%; */
}

.pro-book-block-r {

	width: 65%;

	margin: 0 0 0 5%;
}

.pro-book-block-r .sente {
	color: #3e2900;
	line-height: 1.5em;
}

.pro-book-block-r .sente a {
	color: #897400;
	display: block;
	text-decoration: underline;
}

.pro_mv_modal01 {}

.pro_off {
	z-index: -1;
	opacity: 0;
	position: fixed;
	top: 0%;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 42%;
	height: 20%;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.pro_on .btn_pro_mv_modal_close {
	cursor: pointer;
	position: absolute;
	top: -45%;
	left: auto;
	right: -15%;
	font-size: 20px;
	z-index: 10000 !important;
	cursor: pointer;

	-webkit-transition: 0.2s ease-in-out;

	transition: 0.2s ease-in-out;
}

.pro_on {
	z-index: 10000;
	opacity: 1;
	position: fixed;
	top: 15%;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	width: 42%;
	height: 20%;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.pro_on::before {
	content: "";
	z-index: 242;
	opacity: 1;
	position: absolute;
	top: -10000%;
	bottom: 0;
	right: auto;
	left: -100%;
	width: 10000%;
	background: rgba(255, 255, 255, 0.9);
	height: 20000%;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


.pro_off iframe {
	width: 100%;
	margin: 0 auto;
	display: block;
	height: 260%;
	z-index: 100000;
	position: relative;
}

.pro_on iframe {
	width: 100%;
	margin: 0 auto;
	display: block;
	height: 260%;
	z-index: 100000;
	position: relative;
}




/* プロの意見　詳細 */

.dr-history {
	background: #f4f1e5;
	padding: 48px 0;
	margin: 120px 0 48px 0;
}

.dr-history .inner {
	max-width: 900px;
	margin: 0px auto 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* justify-content: space-between; */
}

.dr-history-img {
	line-height: 0;
	width: 15%;
}

.dr-history-img img {
	width: 100%;
	border-radius: 100px;
}

.dr-history dl {
	margin: 0 0px 0 0%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
}

.dr-history dl dt {
	/* font-weight: bold; */
	font-size: 24px;
	color: #3e2900;
	width: 100%;
	border-bottom: solid 1px #3e2900;
	margin: 0px 0 8px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.dr-history dl dd {
	width: 100%;
	margin-right: 0%;
	color: #3e2900;
	font-size: 16px;
}


.pro-detail-block {
	max-width: 900px;
	margin: 48px auto 0px;
}

.pro-detail-block-title-l {
	font-size: 24px;
	color: #897400;
	width: 100%;
	border-bottom: solid 1px #897400;
	margin: 0px 0 16px;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.pro-detail-block-title-m {
	/* font-weight: bold; */
	font-size: 32px;
	color: #3e2900;
	width: 100%;
	margin: 0px 0 8px 0;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
}

.pro-detail-block .sente {
	width: 94%;
	color: #3e2900;
}

.pro-detail-block .sente p {
	margin: 0 0 32px 0;
	color: #3e2900;
	letter-spacing: 0.02em;
}

.pro-book-block .readmore-content {
	display: none;
}

.pro-detail .pro-book-block-r .sente {
	color: #3e2900;
	line-height: normal;
}

.pro-detail .pro-book-block-r .sente a {
	color: #897400;
	display: block;
	text-decoration: none;
}

.pro-book-block .btn-readmore {
	cursor: pointer;
	margin: 24px 0 24px 0;
}

.pro-book-block .btn-readmore img {
	display: block;
	width: auto;
	margin: 0 auto;
}

.pro-book-block .btn-close {
	cursor: pointer;
	margin: 24px 0 24px 0;
}

.pro-book-block .btn-close img {
	display: block;
	width: auto;
	margin: 0 auto;
}


.pro-detail .btn-block {
	cursor: pointer;
	/* display: none; */
	width: 900px;
	margin: 0 auto;
}

.pro-detail .btn-block a {
	display: block;
	border: 1px #897400 solid;
}

.pro-detail .btn-block a img {
	margin: 8px auto;
	width: auto;
	display: block;
}

.pro-detail .btn-block a:hover {
	background: #e7e3cc;
}




/* プロの意見　詳細 end */




/*フッター*/
footer {
	width: 100%;
	margin: 48px auto !important;
}

footer .inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1000px;
	margin: 32px auto;
}

.footer-block {
	border-right: 1px #897400 solid;
	padding: 24px 36px 36px 36px;
}

.footer-ad-block {
	margin: 16px 0 16px;
}

.footer-ad-block li {
	color: #897400;
	/* font-weight: bold; */
	font-size: 14px;
}

.footer-tel-block {
	margin: 16px 0 16px;
}

.footer-tel-block li {
	color: #897400;
	/* font-weight: bold; */
	font-size: 14px;
}

.footer-tel-block02 {
	margin: 16px 0 0px;
}

.footer-tel-block02 li {
	color: #897400;
	/* font-weight: bold; */
	font-size: 14px;
}

.footer-tel-block02 li:nth-child(1) {
	font-size: 24px;
}

.footer-tel-block02 li:nth-child(2) {
	font-size: 24px;
	color: #897400;
	/* font-weight: bold; */
	margin: 0 0px 0px 0;
	line-height: 1.4;
}

.footer-tel-block02 li:nth-child(3) {
	font-size: 14px;
}

.footer-block:nth-last-of-type(2) {
	border-right: none;
}

.footer-block > li {
	color: #897400;
	/* font-weight: bold; */
}

.footer-block > li a {
	color: #897400;
	/* font-weight: bold; */
	font-size: 14px;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.footer-block > li a:hover {
	opacity: 0.5;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.footer-block > li a img {}

.footer-sns-block {
	padding: 36px 0px 0px 0px;
	margin: 0 0 0 auto;
}

.footer-sns-block li {
	margin: 0 0 40px 0;
}

.footer-sns-block li a {
	display: block;
	width: auto;
}

.footer-sns-block li a img {
	display: block;
	margin: 0 auto;
	width: auto;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.footer-sns-block li a:hover img {
	opacity: 0.5;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.copyright-block {
	text-align: center;
	display: block;
	padding: 16px 0px 8px;
	color: #897400;
	font-size: 12px;
}

/*フッターここまで*/
/*ページネイション*/
.pagination {
	margin: 0px auto 0px;
	/*width: 1024px;*/
	width: 100%;
	padding: 15px 0;
}

.pagination_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pagination_inner li {
	margin: 0 8px 0 0;
}

.pagination_inner li:last-child {
	margin-right: 0;
}

.pagination_inner li a {
	color: #3e2900;
	display: block;
	padding: 4px 16px 4px 16px;
	font-size: 24px;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	border-radius: 100px;
}

.pagination_inner li:hover a {
	background: #c1b37b;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.pagination_inner li a.pagination_on {
	background: #c1b37b;
	color: #3e2900;
}

/*ページネイション*/


/*2020/11/30追加「オンラインショップはこちらボタン」*/

.online-btn {
	max-width: 800px;
	width: 100%;
	margin: 0px auto 0px;
	position: relative;
}

.intxt {
	display: inline;
}

.online-btn a {
	margin: 0 0 0 auto;
	padding: 0px 16px;
	display: inline-block;
	border: 1px #897400 solid;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	background: #897400;
	color: #fff;
	transition: 0.4s ease-in-out;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;
	text-align: center;
	float: right;
}

.online-btn a:hover {
	background: #fff;
	color: #897400;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/*2020/11/30追加「オンラインショップはこちらボタン」*/