/*
Theme Name: hizikikyogikai
Author: Osamu Nakagawa
Author URI: https://nakagawa-web.net/
Description: 日本ひじき協議会のオリジナルテーマです。
Version: Ver. 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------/

メインレイアウト 

/----------------------------------------------------*/
a:link   {color:#1C1F21;text-decoration:none;} 
a:visited{color:#1C1F21;text-decoration:none;} 
a:hover  {color:#1C1F21;text-decoration:underline;}
a:active {color:#1C1F21;text-decoration:underline;}

body{
	min-width:320px;
	font-family:"游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	letter-spacing:0.05em;
	color:#1C1F21;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
}

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

.wrapper{
	overflow: hidden;
}

/*ServerWebFont*/
@font-face{
	font-family: "MidashiGoPro.woff";
	src: url("files/fonts/MidashiGoPro.woff") format('woff');
}
.fontShinGoProH{
	font-family: "MidashiGoPro";
}
@font-face{
	font-family: "TakaHand-h.woff";
	src: url("files/fonts/TakaHand-h.woff") format('woff');
}
.fontTakaHandH{
	font-family: "TakaHand-h.woff";
}

/*背景pattern*/
.hizikiPt{
	background: url(files/images/common/hiziki_pattern.png);
}
.kabePt{
	background: url(files/images/common/kabe_pattern.png);
}

@media only screen and (max-width : 767px) {/*767px以下のみの設定（スマホのみ）*/
html{ font-size: calc(100vw / 32) }/*フォントサイズを10pxに指定*/
.spBr{display: block;}
.spNone{display: none;}
	/*======================================================
	
	共通レイアウト
	
	======================================================*/
	.pageTop{
		position: fixed;
		bottom: 30px;
		right: 10px;
		width: 35px;
		height: 35px;
		border: 1px solid #1A1D1E;
		background: #fff;
		border-radius: 50%;
		z-index: 1000;
		cursor: pointer;
	}
	.pageTop .pageTopInner{
		width: 30px;
		height: 30px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	/*各タイトル及びボタン*/
	
	/*タイトル*/
	.borderTitle{	
		text-align: center;
		font-family: "MidashiGoPro";
	}
	.borderTitle em{
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1em;
		display: inline-block;
		border-bottom: 5px solid #465A33;
	}
	
	.arrowTitle{
		text-align: center;
		font-size: 1.8rem;
		font-weight: bold;
		font-family: "MidashiGoPro";
		position: relative;
		padding-bottom: 1.5em;
	}
	.arrowTitle::after{
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: -75%;
		left: 50%;
		margin-left: -150px;
		background: url(files/images/svg/title_line.svg) no-repeat;
	}
	
	.dotteTitle{	
		text-align: center;
	}
	.dotteTitle em{
		font-size: 1.8rem;
		font-weight: bold;
		font-family: "MidashiGoPro";
		position: relative;
	}
	.dotteTitle em::after{
		content: "";
		width: 100%;
		height: 100%;
		display: inline-block;
		position: absolute;
		bottom: -10px;
		left: 0;
		border-bottom: 5px dotted #465A33;
	}
	
	.blockTitle{
		color: #4F6537;
		font-size: 1.68rem;
		font-weight: bold;
		border-bottom: 1px solid #707070;
		padding-bottom: 0.5em;
	}
	.blockTitle::before{
		content: "■";
		padding-right: 0.5em;
	}
	
	/*ボタン*/
	/* 山口くんへここへ記載してください */
	.rightArrowBtnArea{
		text-align: center;
		margin-top: 45px;
	}
	.rightArrowBtn,
	.leftArrowBtn{
		font-size: 1.2rem;
		font-weight: bold;
		display: inline-block;
		position: relative;
		font-family: "MidashiGoPro";
	}
	.rightArrowBtn:hover,
	.leftArrowBtn:hover{
		text-decoration: none;
	}
	.rightArrowBtn .rightArrow{
		transform: scale(0.7, 0.7); /*スケール　元のサイズ*/
		transition: all .3s;
		transform-origin: left;
		position: absolute;
		top: 27%;
		right: -60px;
	}
	.leftArrowBtn .leftArrow{
		transform: scale(0.7, 0.7); /*スケール　元のサイズ*/
		transition: all .3s;
		transform-origin: right;
		position: absolute;
		top: 27%;
		left: -60px;
	}
	.strokeCtrl{
		fill:none;
		stroke:#1A1D1E; /*ここで線の色変更*/
		stroke-width:1px; /*ここで線の太さ変更*/
	}
	
	nav.tabNav{
		max-width: 800px;
		margin: 60px auto 45px;
	}
	nav.tabNav ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	li.arrowNav{
		text-align: center;
		position: relative;
	}
	li.arrowNav a{
		text-decoration: none;
		display: block;
		width: 340px;
		border: 1px solid #1A1D1E;
		background: #fff;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0;	
	}
	li.arrowNav a .rightArrow{
		position: absolute;
		top: 40%;
		right: -7%;
		transform: scale(1,1);
		transition: all 0.3s ease;
		transform-origin: left;
	}
	li.arrowNav a:hover .rightArrow{
		transform: scale(1.3, 1);
	}
	/* moreBtn ボタン */
	a.moreBtn{
		display: inline-block;
		font-size: 1.2rem;
		border: 1px solid #1A1D1E;
		background: #fff;
		position: relative;
		padding: 10px 30px;
	}
	a.moreBtn::after{
		content: "";	
		border: 6px solid transparent;
		border-left: 10px solid #4F6537;
		position: absolute;
		top: 50%;
		right: 0%;
		transform: translate(-50%, -50%);
		transition: all 0.3s ease;
	}
	a.moreBtn:hover{
		text-decoration: none;
	}
	a.moreBtn:hover::after{
		right: -3%;
		transition: all 0.3s ease;
	}
	/* PDFリンクボタン */
	.pdfLinkBox{
		width: 100%;
		display: table;
	}
	.pdfLinkBox a{
		display: table-cell;
		width: 100%;
		text-align: center;
		position: relative;
		padding: 20px 40px;
		font-weight: bold;
		height: 3em;
		vertical-align: middle;
	}
	.pdfLinkBox a .iconPDF{
		width: 25px;
		height: auto;
		fill: #FF0000;
		position: absolute;
		top: 50%;
		left: 5%;
		margin-top: -15px;
	}
	.pdfLinkBox a.moreBtn::after {
		right: 2%;
	}
	.pdfLinkBox a.moreBtn:hover::after {
		right: 0%;
	}
	
	/*コンテンツ*/
	.areaContainer{
		max-width: 1100px;
		margin: auto;
		padding: 0 15px;
	}
	.mainSection{
		padding: 50px 0;
	}
	.hizikiPt{
		background: url(files/images/common/hiziki_pattern.png);
	}
	.textBox{
		font-size: 1.4rem;
		line-height: 2.0em;
	}
	.mainSection .contentsWrapBox{
		margin-top: 60px;
	}
	.contentsWrapBox{
		padding: 25px;
		border: 1px solid #1A1D1E;
		background-color: #fff;
		box-sizing: border-box;
	}
	
	/*ポップアップウィンドウ*/
	.popUpWindow{
		background-color: #fff;
		margin: 50px auto;
		padding: 30px 15px;
	}
	.popUpWindow h2{
		text-align: center;
		margin-bottom: 30px;
	}
	.popUpWindow h2 em{
		font-size: 1.8rem;
		font-weight: bold;
		border-bottom: 5px solid #4F6537;
	}
	.popUpWindow div.contents{
		font-size: 1.4rem;
		line-height: 2.0em;
	}
	.popUpWindow div.contents .childSec:not(:nth-of-type(1)){
		margin-top: 60px;
	}
	.popUpWindow div.contents p:not(:nth-of-type(1)),
	.popUpWindow div.contents ul{
		margin-top: 1em;
	}
	.popUpWindow div.contents table{
		border: 1px solid #1A1D1E;
		width: 100%;
		margin: 40px 0;
	}
	.popUpWindow div.contents table tr:not(:nth-last-of-type(1)) th,
	.popUpWindow div.contents table tr:not(:nth-last-of-type(1)) td{
		border-bottom: 1px solid #1A1D1E;
	}
	.popUpWindow div.contents table th{
		width: 20%;
		text-align: center;
		padding: 1em 0;
	}
	.popUpWindow div.contents table td:not(:nth-of-type(3)){
		width: 20%;
		text-align: center;
	}
	.popUpWindow div.contents li:not(:nth-last-of-type(1)){
		margin-bottom: 1em;
	}
	
	.popup-modal-dismiss{
		font-size: 1.4rem;
		border: 1px solid #1A1D1E;
		display: table;
		margin: 30px auto 0;
	}
	.popup-modal-dismiss a{
		text-decoration: none;
		width: 170px;
		padding: 10px;
		display: inline-block;
		text-align: center;
		cursor: pointer;
	}
	
	/*header*/
	.headerTopNav{
		display: none!important;
	}
	
	h1.siteMainTitle{
		position: relative;
	}
	h1.footerTitle{
		text-align: center;
	}
	h1.footerTitle a{
		position: relative;
	}
	h1.siteMainTitle a{
		top: 15px;
		left: 45px;
		font-size: 1.8rem;
		font-weight: bold;
		font-family: "MidashiGoPro";
		color: #3E1F08;
		position: relative;
		display: inline-block;
	}
	h1.footerTitle a{
		font-size: 1.8rem;
		font-weight: bold;
		font-family: "MidashiGoPro";
		color: #3E1F08;
		position: relative;
		display: inline-block;
		padding: 20px 0;
	}
	h1.siteMainTitle a:hover,
	h1.footerTitle a:hover{
		text-decoration: none;
	}
	h1.siteMainTitle a::before{
		content: "";
		display: block;
		width: 25.5px;
		height: 33.5px;
		mask-image: url(files/images/svg/hiziki_01.svg);
		-webkit-mask-image: url(files/images/svg/hiziki_01.svg);
		background-color: #5D2714;
		mask-size: cover;
		-webkit-mask-size: cover;
		position: absolute;
		top: 0%;
		left: -20%;
	}
	h1.siteMainTitle a::after{
		content: "";
		display: block;
		width: 25.5px;
		height: 28px;
		mask-image: url(files/images/svg/hiziki_02.svg);
		-webkit-mask-image: url(files/images/svg/hiziki_02.svg);
		background-color: #5D2714;
		mask-size: cover;
		-webkit-mask-size: cover;
		position: absolute;
		top: 4%;
		right: -19%;
	}
	h1.footerTitle a::before{
		content: "";
		display: block;
		width: 25.5px;
		height: 33.5px;
		mask-image: url(files/images/svg/hiziki_01.svg);
		-webkit-mask-image: url(files/images/svg/hiziki_01.svg);
		background-color: #5D2714;
		mask-size: cover;
		-webkit-mask-size: cover;
		position: absolute;
		top: 50%;
		left: -20%;
		transform: translate(0, -50%);
	}
	h1.footerTitle a::after{
		content: "";
		display: block;
		width: 25.5px;
		height: 28px;
		mask-image: url(files/images/svg/hiziki_02.svg);
		-webkit-mask-image: url(files/images/svg/hiziki_02.svg);
		background-color: #5D2714;
		mask-size: cover;
		-webkit-mask-size: cover;
		position: absolute;
		top: 50%;
		right: -19%;
		transform: translate(0, -50%);
	}
	
	/*sub page header*/
	.submainVisual{
		background-color: #FDFBF0;
		padding: 35px 0;
		margin-top: 40px;
	}
	.submainVisual figure{
		margin: auto;
		border: 2px solid #1A1D1E;
		position: relative;
		padding-top: 25%;
	}
	.submainVisual figure img{
		object-fit: cover;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.submainVisual.hizikinohi figure{
		background-color: #EFF6FF;	
		position: relative;
		overflow: hidden;
		padding-bottom: calc(100% * 370 / 150);
	}
	.submainVisual.hizikinohi figure img{
		position: absolute;
		top: 5%;
		right: -15%;
	}
	
	.submainVisual figure h2{
		position: absolute;
		top: 10px;
		left: 10px;
		font-size: 1.4rem;
		font-weight: bold;
		color: #68603E;
		background-color: rgba(255,255,255,0.8);
		padding: 5px 10px;
		z-index: 10;
	}
	.submainVisual figure h3{
		position: absolute;
		top: 50%;
		left: 10px;
		font-size: 1.2rem;
		font-weight: bold;
		color: #68603E;
		background-color: rgba(255,255,255,0.8);
		padding: 5px 10px;
		z-index: 10;
	}
	
/* グローバルナビゲーション */
/*============
.toggleBtn
=============*/
div.toggleBtn{
	position: absolute;
	right: 0;
	transform: translate(0,-50%);
	width: 65px;
	height: 65px;
	transition: all .5s;
	cursor: pointer;
	z-index: 100;
  }
  .toggleBtn::after {
	  content: "MENU";
	  display: inline-block;
	  position: absolute;
	  top: 45px;
	  left: 50%;
	  transform: translate(-50%, 0);
	  font-weight: 700;
	  font-size: 0.8rem;
	  color: #4F6537;
  }
  .open .toggleBtn::after {
	  content: "CLOSE";
  }
  .toggleBtn span {
	display: block;
	position: absolute;
	width: 40px;
	height: 4px;
	background: #4F6537;
	transition: all .5s;
  }
  .toggleBtn span:nth-child(1) {
	top: 20%;
	left: 50%;
	margin-left: -20px;
  }
  .toggleBtn span:nth-child(2) {
	top: 37.5%;
	left: 50%;
	margin-left: -20px;
  }
  .toggleBtn span:nth-child(3) {
	top: 55%;
	left: 50%;
	margin-left: -20px;
  }
  .open .toggleBtn span {
	 background: #4F6537;
  }
  .open .toggleBtn span:nth-child(1) {
	-webkit-transform: translateY(10px) rotate(-315deg);
	transform: translateY(10px) rotate(-315deg);
	top: 10px;
	left: 32.5px;
  }
  .open .toggleBtn span:nth-child(2) {
	opacity: 0;
  }
  .open .toggleBtn span:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(315deg);
	transform: translateY(-10px) rotate(315deg);
	top: 30px;
	left: 32.5px;
  }
  
/*メインメニュー*/
.gloNav .mainNavMenu{
	position: absolute;
	z-index: 9999;
	left: -100%;
	width: 100%;
	top: 65px;
	background: #fff;
	transition: all ease-in 0.3s;
	font-family: "MidashiGoPro";
	padding: 10% 20px;
	overflow-x: hidden;
	box-sizing: border-box;
}
.gloNav.open .mainNavMenu{
	left: 0;
	transition: all ease-out 0.3s;
	overflow-y: scroll;
}
.mainNavMenu > li{
	margin-bottom: 4em;		
}
.mainNavMenu > li > a{
	font-size: 1.8rem;
	font-weight: bold;
	display: block;
	text-decoration: none;
	position: relative;
}
.mainNavMenu > li > a.menuBtn::after{
	content: "";
	border: 8px solid transparent;
	border-top: 10px solid #465A33;
	position: absolute;	
	top: 50%;
	right: 0;
	margin-top: -8px;
	transition: all 0.3s ease;
}
.mainNavMenu  > li > a.open::after{
	transform: rotate(-180deg);
	transition: all 0.3s ease;
	transform-origin: top;
	margin-top: 4px;
}

.spNavbtn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.spNavbtn a{
		display: block;
		position: relative;
		font-size: 1.2rem;
		font-weight: bold;
		flex-basis: 47.5%;
		padding: 1em 0;
		color: #fff;
		text-indent: 3.5em;
	}
		.spNavbtn a:nth-of-type(1){
			background: #4F6537;
		}
		.spNavbtn a:nth-of-type(2){
			background: #68603E;
			text-indent: 3.0em;
		}
		.spNavbtn a:nth-of-type(1) .iconMail{
			fill: #fff;
			width: 28px;
			height: auto;
			position: absolute;
			top: 50%;
			left: 15%;
			transform: translate(-50%, -50%);
		}
		.spNavbtn a:nth-of-type(2) .iconKagi{
			fill: #fff;
			width: 24px;
			height: auto;
			position: absolute;
			top: 50%;
			left: 15%;
			transform: translate(-50%, -50%);
		}

.closeBtn{
	background: #1C1F21;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	padding: 1em;
	margin-top: 25px;
}

/*サブメニュー展開*/
nav.subNavMenu{
	display: none;
	margin-top: 20px;
}
	nav.subNavMenu ul{
		border: 2px solid #465A33;
		padding: 20px 25px;	
	}
		nav.subNavMenu li:not(:nth-last-of-type(1)){
			margin-bottom: 2em;
		}
			.subNavMenu a{
				color: #465A33;
				font-size: 1.6rem;
				font-weight: bold;
				text-decoration: none;
			}
			.subNavMenu a:hover{
				text-decoration: none;
			}
			.subNavMenu.subOpen{
				display: block;
				transition: all ease-out 0.3s;
			}
	/*footer*/
	nav.footerNav{
		display: none!important;
	}

	/*コピーライト*/
	.copyRight{
		font-size: 0.8rem;
		text-align: center;
		border-top: 1px solid #1A1D1E;
		padding: 15px 0;
	}
/*======================================================

TOP PAGE

======================================================*/
/* topSlider */
.topSliderWrap {
	margin: 5rem 30px 30px;
	position: relative;
}

.bx-wrapper{
	border: 2px solid #1A1D1E;
}

.bx-wrapper .bx-next {
	background-image: url(files/images/svg/link_arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 15%;
	right: -30px;
}

.bx-wrapper .bx-prev {
	background-image: url(files/images/svg/link_arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 15%;
	left: -30px;
	transform: rotateY(180deg);
}
/*topSlider ↑*/
	
	/* aboutArea */
	#aboutArea{
		background-color: #FDFBF0;
		padding: 50px 0;
	}
		#aboutArea .areaContainer{
			position: relative;
		}
			#aboutArea .areaContainer figure img{
				display: none;
			}
		#aboutArea h1{
			margin-bottom: 25px;
		}
	
	#topEatArea{
		padding: 50px 0;
	}
	
	/* topEatArea */
	
	/* レシピスライダー */
	.recipeSliderWrap{
		margin-top: 45px;
	}
	li.slick-slide{
		padding: 0 20px;
		transition: all 0.3s ease;
	}
	li.slick-slide:hover{
		opacity: 0.7;
		transition: all 0.3s ease;
	}
		li.slick-slide a{
			text-decoration: none;
		}
			li.slick-slide a figure{
				position: relative;
				padding-top: 100%;
			}
			li.slick-slide img{
				position: absolute;
				top:0;
				bottom: 0;
				left:0;
				right: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				border: 2px solid #1A1D1E;
			}
	
			.slick-slide h2{
				color: #4F6537;
				font-size: 1.4rem;
				font-weight: bold;
				text-align: center;
				text-decoration: none;
				margin-top: 10px;
			}
	
	.myDots{
		display: table;
		margin: 20px auto 0;
	}
	.myDots li{
		float: left;
		width: 15px;
		height: 15px;
		margin: 5px;
		border:2px solid #465A33;
		background: #fff;
		text-indent: -9999px;
		box-sizing: border-box;
	}
	.myDots li.slick-active{
		background: #465A33;
	}
	
	/* .attentionArea */
	.attentionArea{
		margin-top: 40px;
	}
	.fukidashiTitle{
		text-align: center;
	}
	
	.attentionArea .bannerWrap{
		margin: 40px auto 0;
		padding: 0 10px;
		text-align: center;
	}
	.attentionArea .bannerWrap li:not(:nth-last-of-type(1)){
		margin-bottom: 20px;
	}
	.attentionArea .bannerWrap a{
		transition: all 0.3s ease;
	}
	.attentionArea .bannerWrap a:hover{
		opacity: 0.7;
		transition: all 0.3s ease;
	}
	
	/* topNewsAera */
	#topNewsAera{
		padding: 50px 10px;
	}
	
	.newsListWrap{
		background: #fff;
		padding: 15px;
		margin: 40px auto 0;
	}
		.newsListWrap li,
		.newsAechiveWrap li{
			border-bottom: 1px dotted #1A1D1E;
			overflow: hidden; 
			padding: 1.5em 0;
		}
			.newsListWrap li div.meta,
			.newsAechiveWrap li div.meta{
				display: flex;
				flex-wrap: wrap;
				margin-bottom: 10px;
			}
				.newsListWrap li date,
				.newsAechiveWrap li date{				
					font-size: 1.2rem;
					font-weight: bold;
					margin-right: 1em;
				}
				.newsListWrap li .category,
				.newsAechiveWrap li .category{
					font-size: 1.2rem;
					border: 1px solid #1A1D1E;
					text-align: center;
					display: inline-block;
					min-width: 100px;				
				}
				.newsListWrap li h2,
				.newsAechiveWrap li h2{
					font-size: 1.4rem;
					font-weight: bold;
				}
	/*======================================================
	
	SUB PAGE
	
	======================================================*/
	/* triviaHistory ひじきの歴史*/
	#historyArea{
		padding: 50px 0;
	}
	
	/* .historySec{} */
	.historySec h2.dotteTitle{
		margin: 50px 0 30px;
	}
	.historyContentsWrap{	
		padding: 25px;
		border: 1px solid #1A1D1E;
		background-color: #fff;
		box-sizing: border-box;
		margin-top: 30px;
	}
	
	.historyContentsWrap section.blockSec:not(:nth-last-of-type(1)){
		margin-bottom: 45px;
	}
	.historyContentsWrap section.blockSec:nth-of-type(n+2) .textBox{
		margin-top: 1em;
	}
	
	/* triviaOrigin ひじきの産地*/
	#originArea{
		padding: 50px 0;
	}
		#originArea > .textBox{
			margin: 30px auto 50px;
			padding: 0 15px;
		}
			.originContentsWrap > section{
				margin: 40px auto 0;
				border: 1px solid #1A1D1E;
				text-align: center;
				background: #fff;
				padding: 40px 30px;
			}
			/* .originContentsWrap > section:not(:nth-last-of-type(1)){
				margin-bottom: 100px;
			} */
			.originContentsWrap > section h3.boxTitle{
				font-size: 1.8rem;
				font-weight: bold;
				margin: 0 auto 40px;
				padding: 0.5em 0;
				border: 1px solid #1C1F21
			}
			.originContentsWrap figure > p{
				font-size: 1.8rem;
				margin-bottom: 35px;
				text-align: left;
			}
			.originContentsWrap figure > p em{
				border-bottom: 2px solid #F18C1A;
			}
	
			.originContentsWrap figure ul{
				text-align: left;
				margin-top: 50px;
				font-size: 1.7rem;
			}
			.originContentsWrap figure ul li{
				margin-top: 30px;
			}
			.originContentsWrap figure ul li h3{
				display: inline-block;
				font-weight: bold;
				color: #fff;
				background-color: #FF9300;
				border-radius: 30px;
				padding: 5px 15px;
				margin-bottom: 15px;
			}
	
	#tennenYousyokuArea{
		padding: 50px 0;
	}
	#tennenYousyokuArea .childSec{
		margin-top: 40px;
	}
	#tennenYousyokuArea .textBox{
		margin: 40px auto;
		background: #fff;
		padding: 25px;
		box-sizing: border-box;
	}
	#tennenYousyokuArea .photoWrap{
		max-width: 80%;
		margin: auto;
	}
	#tennenYousyokuArea .photoWrap li{
		margin-top: 30px;
	}
	
	#habitatArea{
		padding: 50px 0;
	}
	#habitatArea figure{
		text-align: center;
		margin: 50px 0;
	}
	ul.fusiformeText{
		margin: 20px auto 0;
		padding: 0 15px;
	}
	ul.fusiformeText li{
		padding-top: 30px;
	}
	ul.fusiformeText li h3{
		font-size: 1.8rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
	ul.fusiformeText li h3::before{
		content: "●";
		color: #4F6537;
		padding-right: 0.5em;
	}
	
	/* nutritionTableArea ひじきの栄養成分*/
	#nutritionArea{
		padding: 50px 0;
	}
		#nutritionArea .textBox{
			margin: 30px auto 50px;
    		padding: 0 15px;
		}
	
		.tableSec{
			margin: 0 auto 50px;
		}
		.tableSec ul{
			font-size: 1.2rem;
			font-weight: bold;
			margin-top: 15px;
			padding: 0 10px;
		}
		.tableSec p:nth-of-type(1){
			font-size: 1.2rem;
			font-weight: bold;
			clear: both;
			text-decoration: underline;
			margin: 20px 0;
			padding: 0 10px;
		}
		.tableSec p:nth-of-type(1) em.bule{
			font-weight: bold!important;
			color: #0058FF;
		}
		.nutritionTable{
			width: 100%;
			font-size: 1.2rem;
			font-weight: bold!important;
			border-collapse: separate;
			border-spacing: 2px;
			display: block;
			overflow-x: scroll;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
		}
		.nutritionTable tr th{
			font-weight: bold!important;
			text-align: center;
			padding: 1em;
			width: 20%;
		}
		.nutritionTable tr td:nth-of-type(n+3),
		.nutritionTable tr th.bule{
			color: #0058FF;
		}
		.nutritionTable .indent1em{
			text-indent: 1em;
		}
		.nutritionTable tr:nth-of-type(1){
			background-color: #68603E;
			color: #fff;		
		}
		.nutritionTable tr:nth-of-type(2){
			background-color: #9A8F60;
			color: #fff;
		}
		.nutritionTable tr:nth-child(n+3){
			background-color: #FFF9DE;
		}
		.nutritionTable tr:nth-child(n+3) th{
			text-align: left;
			padding: 1em;
		}
		.nutritionTable tr:nth-child(n+3) td{
			text-align: center;
		}
	
		.nutritionContents{
			margin: 0 auto 30px;
			padding: 0 15px;
			overflow: hidden;
		}
			.nutritionContents > h2{
				font-size: 1.8rem;
				font-weight: bold;
				border-bottom: 5px solid #4F6537;
				display: inline-block;
				margin-bottom: 20px;
			}
			.nutritionContents > p{
				font-size: 1.4rem;
				line-height: 2.0em;
				margin-bottom: 20px;
			}
			.nutritionContents > div{
				background-color: #FFF9DE;
				padding: 15px;
				line-height: 2.6em;	
				font-size: 1.3rem;		
			}
				.nutritionContents > div h3{
					font-weight: bold;
				}
				.nutritionContents > a.moreBtn{
					float: right;
					margin-top: 20px;
				}
	
	/* hizikinohiDescrArea ひじきの日*/
	#hizikinohiDescrArea{
		padding: 50px 0;
	}
	#hizikinohiDescrArea .contentsWrapBox{
		margin: 35px auto 0;
	}
	.contentsWrapBox .seiteiWrap{
		font-size: 1.4rem;
		line-height: 2.0em;
		margin-bottom: 20px;
	}
	.contentsWrapBox .seiteiWrap li::before{
		content: "●";
		padding-right: 0.5em;
		color: #FF9300;
	}
	
	.contentsWrapBox p.textBox .underline{
		text-decoration: underline;
	}
	.contentsWrapBox .copyTxt{
		font-size: 1.96rem;
		color: #FF9300;
		text-align: center;
		margin: 30px 0;
	}
	.contentsWrapBox .photoWrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 30px 0 0;
	}
	.contentsWrapBox .photoWrap li{
		flex-basis: 47.5%;
	}
	
	#hizikinohiArchiveArea,
	#hizikinohiSingleArea{
		padding: 50px 0;
	}
	#hizikinohiArchiveArea .contentsWrapBox,
	#hizikinohiSingleArea .contentsWrapBox{
		margin-top: 30px;
	}
	#hizikinohiArchiveArea .contentsWrapBox ul{
		display: flex;
		flex-wrap: wrap;
	}
	#hizikinohiArchiveArea .contentsWrapBox li{
		flex-basis: 47.5%;
		margin-right: 2.5%;
		margin-bottom: 30px;
	}
	#hizikinohiArchiveArea .contentsWrapBox li:nth-of-type(2n){
		margin-right: 0%;
	}
		#hizikinohiArchiveArea .contentsWrapBox li a:hover{
			text-decoration: none;
		}
		#hizikinohiArchiveArea .contentsWrapBox li a:hover figure img{
			opacity: 0.7;
			transition: all ease 0.6s;
		}
			#hizikinohiArchiveArea .contentsWrapBox li figure{
				height: 130px;
				border: 2px solid #1A1D1E;
				box-sizing: border-box;			
			}
				#hizikinohiArchiveArea .contentsWrapBox li img{
					object-fit: cover;
					width: 100%;
					height: 100%;
					transition: all ease 0.6s;
				}
			#hizikinohiArchiveArea .contentsWrapBox h2{
				font-size: 1.4rem;
				font-weight: bold;
				margin-top: 15px;
			}
	/* hizikinohiDescrArea ひじきの日 */
	.postContent h2{
		text-align: center;
	}
		.postContent h2 em{
			font-size: 1.8rem;
			font-weight: bold;
			border-bottom: 5px solid #4F6537;
			display: inline-block;
		}
	.postContent .photoWrap{
		display: flex;
		flex-wrap: wrap;
		margin-top: 40px;
	}
		.postContent .photoWrap li{
			flex-basis: 47.5%;
			margin-bottom: 30px;
			text-align: center;
		}
			.postContent .photoWrap li p{
				font-size: 1.0rem;
				margin-top: 15px;
			}
	
	.postNavBox{
		text-align: center;
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.postNavBox a.goArchive{
		border-bottom: 5px dotted #465A33;
		font-size: 1.1rem;
		font-weight: bold;
		text-decoration: none;
		padding-bottom: 10px;
		transition: all ease 0.7s;
		font-family: "MidashiGoPro";
	}
	.postNavBox a.goArchive:hover{
		border-bottom: 5px solid #465A33;
		transition: all ease 0.7s;
	}
	
	.prevNextWrap{
		margin-top: 50px;
		position: relative;
	}
	.prevNextWrap .leftArrowBtn{
		margin-left: 30px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.prevNextWrap .rightArrowBtn{
		margin-right: 30px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	/* modoshiArea ひじきの戻し方*/
	/* #modoshiFlowArea{
		padding: 50px 0;
	} */
	#hisoOffArea{
		padding: 40px 0;
	}
	.hizikimodoshiFlowWrap{
		margin: 30px auto 0;
		display: flex;
		flex-wrap: wrap;
	}
	.hizikimodoshiFlowWrap li{
		flex-basis: 46%;
		margin: 2%;
		border: 1px solid #1A1D1E;
		background-color: #fff;
		text-align: center;
		position: relative;
		padding: 20px 5px;
		box-sizing: border-box;
	}
		.hizikimodoshiFlowWrap li em{
			position: absolute;
			top: 2%;
			left: 2%;
			color: #FF9300;
			font-size: 2.0rem;
		}
		.hizikimodoshiFlowWrap li figure{
			margin: 20px auto;
		}
		.hizikimodoshiFlowWrap li p{
			font-size: 1.0rem;
			text-align: left;
			line-height: 1.8em;
		}
			.hizikimodoshiFlowWrap li figure img{
				width: 100%;
				object-fit: cover;
			}
	.onePointBox{
		background: #FFF9DE;
		padding: 20px 15px;
		max-width: 1000px;
		margin: 30px auto 0;
	}
	.onePointBox h2{
		font-size: 1.8rem;
		font-weight: bold;
		position: relative;
		padding: 10px 30px;
		margin-bottom: 20px;
	}
	.onePointBox h2::before{
		content: "";
		border: 10px solid transparent;
		border-top: 10px solid #FF9300;
		border-left: 10px solid #FF9300;
		position: absolute;
		top: 0%;
		left: 0%;
	}
	.attentionWrap {
		margin: 25px auto 0;
		font-size: 1.4rem;
		line-height: 2.0em;
	}
	.attentionWrap li{
		padding-left: 1.5em;
		text-indent: -1.5em;
	}
	.attentionWrap li::before{
		content: "●";
		padding-right: 0.5em;
		color: #FF9300;;
	}
	
	#hisoOffArea .contentsWrapBox{
		margin-top: 40px;
	}
	.modoshiMethod{
		margin-top: 50px;
	}
		.modoshiMethod .effect{
			font-size: 1.4rem;
			font-weight: bold;
			text-align: center;
			margin-top: 20px;
		}
	
	.IllustratedWrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin: 20px 0 50px;
	}
		.IllustratedWrap li{
			flex-basis: 47%;
		}
		.IllustratedWrap li:nth-of-type(n+3){
			margin-top: 30px;
		}
		.IllustratedWrap li.pdR{
			/* padding: 0 20px 0 0; */
		}
		.IllustratedWrap li.pdL{
			/* padding: 0 0 0 20px; */
		}
		.IllustratedWrap li.pdLR{
			/* padding: 0 38px; */
		}
		.IllustratedWrap li p{
			font-size: 1.2rem;
			line-height: 2.0em;
			margin-top: 1em;
		}
	#hisoOffArea .pdfLinkBox{
		margin-top: 40px;
	}
	
	.hisolink{
		margin: 30px auto 0;
		position: relative;
	}
	.hisolink > img{
		position: absolute;
		top: 18px;
    	left: 20px;
		width: 25%;
	}
	
	/* recipeArchiveArea ひじきレシピ*/
	#recipeArchiveArea{
		padding: 50px 0;
	}
		#recipeArchiveArea .postsWrap{
			margin: 30px auto;
			display: flex;
			flex-wrap: wrap;
		}
		#recipeArchiveArea .postsWrap li{
			flex-basis: 48.5%;
			margin-bottom: 20px;
		}
		#recipeArchiveArea .postsWrap li:not(:nth-of-type(2n)){
			margin-right: 3.0%;
		}
		#recipeArchiveArea li figure{
			padding-top: 100%;
			border: 2px solid #1A1D1E;
			box-sizing: border-box;
			position: relative;
			transition: all ease 0.7s;
		}		
			#recipeArchiveArea li figure img{
				width: 100%;
				height: 100%;
				object-fit: cover;
				position: absolute;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
				margin: auto;
			}
			#recipeArchiveArea li figure .contestBox{
				position: absolute;
				bottom: 5%;
				left: 50%;
				width: 95%;
				transform: translate(-50%, 0%);
				background-color: rgba(255, 249, 222, 0.9);
				padding: 5px 3px;
				box-sizing: border-box;
				z-index: 10;
			}
				#recipeArchiveArea li figure .contestBox p:nth-of-type(1){
					font-size: 0.8rem;
					font-weight: bold;
					color: #3E1F08;
					text-align: center;
				}
				#recipeArchiveArea li figure .contestBox p:nth-of-type(2){
					font-size: 1.0rem;
					font-weight: bold;
					color: #FF0000;
					text-align: center;
				}
				#recipeArchiveArea li figure .contestBox p.entry{
					color: #3E1F08;
				}
	
		#recipeArchiveArea li a{
			text-decoration: none;
		}
		#recipeArchiveArea li a:hover figure{
			opacity: 0.7;
			transition: all ease 0.7s;
		}
		#recipeArchiveArea li h2{
			font-size: 1.0rem;
			font-weight: bold;
			text-align: center;
			margin-top: 10px;
			color: #4F6537;
		}
	#recipeArchiveArea .bannerWrap{
		margin-top: 50px;
		text-align: center;
	}
	#recipeArchiveArea .bannerWrap a img{
		transition: ease 0.3s all;
	}
	#recipeArchiveArea .bannerWrap a:hover img{
		opacity: 0.8;
		transition: ease 0.3s all;
	}
	
	/* 投稿ページナビゲーション */
	.wp-pagenavi{
		display: table;
		margin: auto;
		font-size: 1.4rem;
	}
	#newsArchiveArea .wp-pagenavi{
		margin-top: 80px;
	}
	.wp-pagenavi span.pages,
	.wp-pagenavi span.current,
	.wp-pagenavi a.page,
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink{
		margin: 0;
	}
	.wp-pagenavi .current{
		font-size: 3.0rem;
		font-weight: bold;
		color: #4F6537;
	}
	
	/* レシピ詳細 */
	#hizikiRecipeArea{
		padding: 50px 0;
	}
		.recipeWrap{
			margin: 30px auto 0;
			padding: 0 15px;
		}
			.recipeWrap .ImageWrap{
				/* flex-basis: 45%; */
			}
				.recipeWrap .ImageWrap img{
					object-fit: cover;
					width: 100%;
				}
				.recipeWrap .ImageWrap div h1{
					font-size: 1.4rem;
					font-weight: bold;
					margin-top: 1em;
					color: #FF9300;
				}
				.recipeWrap .ImageWrap p{
					font-size: 1.4rem;
					line-height: 2.0em;
					margin-top: 0.5em;
				}
			.recipeWrap .materialContainer{
				background-color: #FFF9DE;
				font-size: 1.4rem;
				padding: 25px;
				box-sizing: border-box;
				margin-top: 30px;
			}
				.recipeWrap .materialContainer .title{
					color: #3E1F08;
					font-weight: bold;
					margin-bottom: 10px;
				}
				.recipeWrap .materialContainer .title:not(:nth-of-type(1)){
					margin-top: 20px;
				}
				.recipeWrap .materialContainer .materialWrap li{
					display: flex;
					flex-wrap: wrap;
					line-height: 1.8em;
				}
				.recipeWrap .materialContainer .materialWrap li p:nth-of-type(1){
					flex-basis: 60%;
				}
				.recipeWrap .materialContainer .materialWrap li p:nth-of-type(1)::after{
					content:'…';
				}
	
		.recipeFlow{
			margin-top: 50px;
			padding: 0 15px;
		}
		.flowCotainer{
			margin: 30px auto 0;
			background-color: #FFF9DE;
			padding: 25px 20px;
		}
		.flowCotainer h3{
			text-align: center;
		}
		.flowCotainer h3 em{
			font-weight: bold;
			border: 2px solid #361C0D;
			color: #361C0D;
			font-size: 1.8rem;
			display: inline-block;
			padding: 7px 25px;
		}
		.flowSec:not(:nth-of-type(1)){
			margin-top: 80px;
		}
		.flowSec > h1{
			color: #3E1F08;
			font-weight: bold;
			font-size: 1.4rem;
		}
		.flowSec > p{
			font-size: 1.4rem;
			line-height: 2.0em;
		}
			.flowListWrap li,
			.flowSec li{				
				position: relative;
				font-size: 1.4rem;
				line-height: 2.0em;
				padding-top: 20px; /*20210803*/
				margin-top: 20px; /*20210803*/
			}
			.flowListWrap.nimono li{
				line-height: 2.0em;
				margin-top: 80px;
				padding-top: 0; /*20210803*/
			}
			.flowListWrap li::before,
			.flowSec li::before{
				position: absolute;
				top: -10%;
				left: 0em;
				font-size: 2.0rem;
				color: #FF9300;
			}
			.flowListWrap li:nth-of-type(1)::before,
			.flowSec li:nth-of-type(1)::before{
				content: "❶";
			}
			.flowListWrap li:nth-of-type(2)::before,
			.flowSec li:nth-of-type(2)::before{
				content: "❷";
			}
			.flowListWrap li:nth-of-type(3)::before,
			.flowSec li:nth-of-type(3)::before{
				content: "❸";
			}
			.flowListWrap li:nth-of-type(4)::before,
			.flowSec li:nth-of-type(4)::before{
				content: "❹";
			}
			.flowListWrap li:nth-of-type(5)::before,
			.flowSec li:nth-of-type(5)::before{
				content: "❺";
			}
			.flowListWrap li:nth-of-type(6)::before,
			.flowSec li:nth-of-type(6)::before{
				content: "❻";
			}
			.flowListWrap li:nth-of-type(7)::before,
			.flowSec li:nth-of-type(7)::before{
				content: "❼";
			}
			.flowListWrap li:nth-of-type(8)::before,
			.flowSec li:nth-of-type(8)::before{
				content: "❽";
			}
			.flowListWrap li:nth-of-type(9)::before,
			.flowSec li:nth-of-type(9)::before{
				content: "❾";
			}
			.flowListWrap li:nth-of-type(10)::before,
			.flowSec li:nth-of-type(10)::before{
				content: "❿";
			}
			.flowListWrap li:nth-of-type(11)::before,
			.flowSec li:nth-of-type(11)::before{
				content: "⓫";
			}
			.flowListWrap li:nth-of-type(12)::before,
			.flowSec li:nth-of-type(12)::before{
				content: "⓬";
			}
			.flowListWrap li:nth-of-type(13)::before,
			.flowSec li:nth-of-type(13)::before{
				content: "⓭";
			}
			.flowListWrap li:nth-of-type(14)::before,
			.flowSec li:nth-of-type(14)::before{
				content: "⓮";
			}
			.flowListWrap li:nth-of-type(15)::before,
			.flowSec li:nth-of-type(15)::before{
				content: "⓯";
			}
			.flowListWrap li:nth-of-type(16)::before,
			.flowSec li:nth-of-type(16)::before{
				content: "⓰";
			}
			.flowListWrap li:nth-of-type(17)::before,
			.flowSec li:nth-of-type(17)::before{
				content: "⓱";
			}
			.flowListWrap li:nth-of-type(18)::before,
			.flowSec li:nth-of-type(18)::before{
				content: "⓲";
			}
			.flowListWrap li:nth-of-type(19)::before,
			.flowSec li:nth-of-type(19)::before{
				content: "⓳";
			}
			.flowListWrap li:nth-of-type(20)::before,
			.flowSec li:nth-of-type(20)::before{
				content: "⓴";
			}
				.flowListWrap li p{
					margin-bottom: 1em;		
				}
				.flowListWrap li figure{
				}
					.flowListWrap li figure img{
						width: 100%;
					}
	#hizikiRecipeArea .postNavBox{
		margin: 30px auto 0;
	}
	/* =====2021-07-30 中川ココまで一応済み=====*/
	
	/* ひじきと健康 ひじきの鉄・ヒ素について */
	.aboutTetsu h2.dotteTitle,
	.aboutHiso h2.dotteTitle{
		margin-bottom: 40px;
	}
	.aboutHiso h2.dotteTitle{
		margin-top: 80px;
	}
	.hizikiDamageWrap li{
		margin-top: 30px;
	}
	
	/* ひじきと健康 ひじきを食べて健康になろう */
	.childSec.antibody:not(:nth-last-of-type(1)){
		margin-bottom: 50px;
	}
	.childSec.antibody h2.borderTitle{
		margin-bottom: 50px;
	}
	.childSec.antibody .textBox{
		margin-bottom: 50px;
	}
	ul.sickListWrap{
		font-size: 20px;
		font-size: 2.0rem;
		margin-bottom: 50px;
	}
		ul.sickListWrap li{
			font-size: 20px;
			font-size: 2.0rem;
			margin-bottom: 30px;
		}
		ul.sickListWrap li h3{
			font-weight: bold;
			color: #FF9300;
		}
	
		.openContents{
			margin-top: 50px;
		}
		.openContents h2.dotteTitle{
			margin-bottom: 60px;
		}
		.openContents h3{
			text-align: center;
		}
		.openContents h3 em{
			display: inline-block;
			border-bottom: 1px solid #1A1D1E;
			padding-bottom: 5px;
			font-size: 1.4rem;
			font-weight: bold;
			margin: 40px 0 20px;
		}
		.h4sec h4{
			font-size: 1.4rem;
			font-weight: bold;
			color: #FF9300;
			text-align: center;
			margin-bottom: 30px;
		}
		.h4sec:nth-of-type(n+2) h4{
			margin-top: 40px;
		}
		.openContents h4::before,
		.openContents h4::after{
			content: "〜";
		}
		.openContents div{
			font-size: 1.4rem;
			line-height: 2.0em;
		}
		.openContents div p:not(:nth-last-of-type(1)){
			margin-bottom: 1em;
		}
	
	.moreOpenBtn{
		width: 90%;
		margin: auto;
		font-size: 14px; /*20210803*/
		font-size: 1.4rem; /*20210803*/
		font-weight: bold;
		border: 1px solid #1A1D1E;
		text-align: center;
	}
	.moreOpenBtn a{
		padding: 10px 0;
		display: block;
		position: relative;
		text-indent: -1em;
	}
	.moreOpenBtn a:hover{
		text-decoration: none;
	}
	.moreOpenBtn a::before{
		content: "";
		border: 6px solid transparent;
		border-top: 8px solid #4F6537;
		position: absolute;
		top: 60%;
		right: 10px;
		transform: translate(-50%, -50%);
		transition: all 0.3s ease;
		transform-origin: top;
	}
	.moreOpenBtn.open a::before{
		/* border: 6px solid transparent;
		border-bottom: 8px solid #4F6537;
		position: absolute;
		top: 40%;
		right: 2%; */
		right: 16px;
		transform: rotate(-180deg);
		transition: all 0.3s ease;
	}
	
	ul.sickListWrap li h3,
	ul.sickListWrap li p{
		font-size: 1.4rem; /*20210803*/
		line-height: 2.0em;
	}
		
	/*アコーディオン表示*/
	.accodionBtn{
		cursor: pointer;
	}
	.openContents,
	.answer{
		display: none;
	}
	
	/* よくあるご質問 ひじきQ&A */
	#faqArea > .textBox{
		margin: 30px auto 0; /*20210803*/
		padding: 0 15px; /*20210803*/
		text-align: left;
	}
	
	.faqContentsWrapBox{
		margin: auto;
		padding: 0 0 35px; /*20210803*/
		background-color: #FFF9DE;
		margin-top: 30px;
	}
	
	.faqContents{
		font-size: 1.4rem; /*20210803*/
		line-height: 2.0em;
	}
		.faqContents .question{
			font-weight: bold;
			color: #465A33;
			border-bottom: 1px solid #465A33;
			position: relative;
		}
		.faqContents .question::after{
			content: "";
			position: absolute;
			border: 10px solid transparent;
			border-top: 12px solid #4F6537;
			top: 50%;
			right: 10px;
			transform: translate(-50%, -50%);
		}
		.faqContents .question.open::after{
			border-top: none;
			border-bottom: 12px solid #4F6537;
			top: 50%;
			right: 10px;
			transform: translate(-50%, -50%);
			margin-top: -6px;
		}
			.faqContents .question p{
				position: relative;
				padding: 15px 3em;
	
			}
			.faqContents .question p::before{
				position: absolute;
				top: 15px;
				left: 0.5em;
				content: "Q";
				font-size: 2.2rem;
			}
		/* .faqContents .answer{} */
			.faqContents .answer .wrap{ 
				position: relative;
				padding: 20px 2em 20px 3em;
			}
			.faqContents .answer .wrap::before{ 
				position: absolute;
				top: 20px;
				left: 0.5em;
				content: "A";
				font-weight: bold;
				font-size: 2.2rem;
				color: #465A33;
			}
			/*回答内の各種調整用*/
		.faqContents .answer .wrap ul.ulList{ 
			margin: 30px 0;
		}
		.faqContents .answer .wrap ul.ulList li{ 
			text-indent: -1.5em;
			padding-left: 1.5em;
		}
		.faqContents .answer .wrap .attentionBox{
			color: #FF0000;
			margin: 1em 0 0;
		}
		/*20210706 ↓*/
		.faqContents .answer .wrap ul.topUlList{ 
			margin: 0;
		}
		.faqContents .answer .wrap .paragraph{
			margin: 1em 0 0;
		}
		.faqContents .answer .wrap .attention{
			color: #FF0000;
		}
		/*20210706 ↑*/
		.faqContents .answer .wrap a{
			color: blue;
			text-decoration: underline;
		}
		.faqContents .answer .wrap dl{
			margin-top: 1em;
		}
			.faqContents .answer .wrap dl{
				margin-top: 1em;
			}
			.faqContents .answer .wrap dt{
				font-weight: bold;
			}
			/*20210706 ↓*/
			.faqContents .answer .wrap dd ul.ulList{
				margin-top: 0;
			}
			.faqContents .answer .wrap dd ul.ulList li{ 
				text-indent: -2em;
				padding-left: 2em;
			}
			/*20210706　↑*/
		.faqContents .answer .wrap .linkListWrap{
			margin-top: 1em;
		}
		.faqContents .answer .wrap .linkListWrap li{
			margin: 1em 0;
		}
	
	/* よくあるご質問 お問い合わせ */
	
	div.borderBt{
		border-bottom: 1px solid #465A33;
		padding: 30px 0;
	}
		.contactFormContainer dl{
			display: block; /*20210803*/
		}
		.contactFormContainer dl:nth-of-type(2){
			padding: 25px 0;
		}
			.contactFormContainer dt{
				font-size: 14px; /*20210803*/
				font-size: 1.4rem; /*20210803*/
				font-weight: bold;
				color: #4F6537;
				width: 100%; /*20210803*/
				padding-bottom: 10px; /*20210803*/
			}
				em.required{
					background-color: #FD0013;
					color: #fff;
					font-size: 1.4rem;
					font-weight: bold;
					padding: 0.25em 0.5em;
					margin-left: 1em;
				}
				
			.contactFormContainer dd{
				width: 100%; /*20210803*/
			}
	
	/* --- お問い合わせフォーム --- */
	/* デザインカスタマイズ */
	div.wpcf7 input[type="text"],
	div.wpcf7 input[type="email"],
	div.wpcf7 input[type="tel"],
	.wpcf7 textarea{  width:97.5%; border:1px solid #ccc; padding:8px; font-size:1.4rem; }
	.wpcf7 select {  width:40%; border:1px solid #ccc; padding:8px; font-size:1.4rem; }
	div.wpcf7 textarea { width:97.5%; height:300px; font-size:1.8rem;}
	
	/* 送信ボタン */
	div.wpcf7 input.wpcf7-submit{
	   cursor:pointer; 
	   color:#1C1F21;
	   font-weight:bold;
	   font-size: 1.4rem; /*20210803*/
	   padding: 0.5em 1em; /*20210803*/
	   margin:0 auto;
	   display:block;
	   background:#fff;
	   border: 1px solid #1C1F21;
	   transition: all 0.3s ease;
	}
	div.wpcf7 input.wpcf7-submit:hover{
		background:#1C1F21;
		color: #fff;
		transition: all 0.3s ease;
	}
	div.wpcf7 input.wpcf7-submit:active{box-shadow:none; bottom:-2px; position:relative;}
	
	/* 枠線の仕様 */
	.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
	.wpcf7-captchac { border:1px solid #ccc; }
	  
	/* エラー個所をわかりやすく表示 */
	.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
	.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
	.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
	.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
	 
	.privacyBox{
		background-color: #F4F1E6;
		height: 220px;
		padding: 30px;
		overflow: scroll;
		font-size: 1.4rem; /*20210803*/
		line-height: 2.0em;
		margin: 40px 0;
	}
	.privacyBox h4{
		text-align: center;
		font-weight: bold;
		color: #465A33;
		margin-bottom: 1em;
	}
	.privacyBox h5{
		font-weight: bold;
		margin: 1em 0 0.5em;
	}
	.privacyBox ol{
		padding-left: 2em;
	}
	
	.privacyAgreeText{
		font-size: 1.3rem; /*20210803*/
		font-weight: bold;
		color: #465A33;
		line-height: 2.0em;
		text-align: left;
	}
	.privacyAgreeBtn{
		display: table;
		margin: 30px auto; /*20210803*/
		font-size: 1.6rem;
		font-weight: bold;
	}
	.privacyAgreeBtn input[type="checkbox"]{
		margin-right: 1em;
	}
	
	/* 新着情報詳細ページ */
	#newsArchiveArea h2.postTitle{
		font-size: 1.8rem; /*20210803*/
		font-weight: bold;
		border-left: 5px solid #4F6537;
		padding-left: 1em;
		margin-bottom: 60px;
	}
	#newsArchiveArea .postContetContainer{
		font-size: 1.4rem; /*20210803*/
		line-height: 2.0em;
	}
	#newsArchiveArea .postContetContainer p{
		margin-bottom: 1em;
	}

/* 加盟社・メンバー限定 */
ul.membersListWrap li{
	border-bottom: 1px dotted #1A1D1E;
	overflow: hidden;
	padding: 1.0em 20px;
	font-size: 1.4rem;
	font-weight: bold;
	position: relative;
}
ul.membersListWrap li::before{
	content: "";
    border: 6px solid transparent;
    border-left: 8px solid #4F6537;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(-50%, -50%);
}
ul.membersListWrap li a{
	color: #0058FF;
	padding-left: 1em;
	display: block;
	font-size: 1.0rem;
}

ul.membersOnlyWrap{
	margin-bottom: 30px;
}
ul.membersOnlyWrap li{
	font-size: 1.0rem;
	line-height: 1.8em;
	font-weight: bold;
}
ul.membersOnlyWrap li.title h2{
	font-size: 1.2rem;
	margin-bottom: 1em;
	font-weight: bold;
}
ul.membersOnlyWrap li.title h3{
	margin-top: 1em;
	font-weight: bold;
}
ul.membersOnlyWrap li p a{
	padding-left: 0;
	color: #1C1F21;
	text-decoration: underline;
	font-size: 1.2rem;
}
ul.membersOnlyWrap li.listMark{
	border-bottom: 1px dotted #1A1D1E;
	overflow: hidden;
	padding: 1.0em 20px;
	font-size: 1.0rem;
	text-indent: -1em;
	font-weight: bold;
	position: relative;
}
ul.membersOnlyWrap li.listMark em{
	display: block;
	padding-left: -1em;
	text-indent: 0em;
}
ul.membersOnlyWrap li.listMark::before{
	content: "";
    border: 6px solid transparent;
    border-left: 8px solid #4F6537;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(-50%, -50%);
}
ul.membersOnlyWrap li a{
	color: #0058FF;
	padding-left: 1em;
}
}

@media print,
screen and (min-width: 768px) {/*768px以上のみの設定（PC・タブレット共通）*/
html{font-size:65%;}
body{font-size:1.5rem;}	
.spSubNav,.spBr,.pcNone,.spNavbtn,.closeBtn{display: none!important;}
/*======================================================

共通レイアウト

======================================================*/
.pageTop{
	position: fixed;
	bottom: 20px;
	right: 30px;
	width: 50px;
	height: 50px;
	border: 2px solid #1A1D1E;
	background: #fff;
	border-radius: 50%;
	z-index: 1000;
	cursor: pointer;
}
.pageTop .pageTopInner{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*各タイトル及びボタン*/

/*タイトル*/
.borderTitle{	
	text-align: center;
	font-family: "MidashiGoPro";
}
.borderTitle em{
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1em;
	display: inline-block;
	border-bottom: 5px solid #465A33;
}

.arrowTitle{
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	font-family: "MidashiGoPro";
	position: relative;
	padding-bottom: 1.5em;
}
.arrowTitle::after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -75%;
	left: 50%;
	margin-left: -150px;
	background: url(files/images/svg/title_line.svg) no-repeat;
}

.dotteTitle{	
	text-align: center;
}
.dotteTitle em{
	font-size: 2.8rem;
	font-weight: bold;
	font-family: "MidashiGoPro";
	position: relative;
}
.dotteTitle em::after{
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	position: absolute;
	bottom: -10px;
	left: 0;
	border-bottom: 5px dotted #465A33;
}

.blockTitle{
	color: #4F6537;
	font-size: 20px;
	font-size: 2.2rem;
	font-weight: bold;
	border-bottom: 1px solid #707070;
	padding-bottom: 0.5em;
}
.blockTitle::before{
	content: "■";
	padding-right: 0.5em;
}

/*ボタン*/
/* 山口くんへここへ記載してください */
.rightArrowBtnArea{
	text-align: center;
	margin-top: 45px;
}
.rightArrowBtn,
.leftArrowBtn{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	display: inline-block;
	position: relative;
	font-family: "MidashiGoPro";
}
.rightArrowBtn:hover,
.leftArrowBtn:hover{
	text-decoration: none;
}
.rightArrowBtn .rightArrow{
	transform: scale(1, 1); /*スケール　元のサイズ*/
	transition: all .3s;
	transform-origin: left;
	position: absolute;
	top: 27%;
	right: -60px;
}
.leftArrowBtn .leftArrow{
	transform: scale(1, 1); /*スケール　元のサイズ*/
	transition: all .3s;
	transform-origin: right;
	position: absolute;
	top: 27%;
	left: -60px;
}
.rightArrowBtn:hover .rightArrow,
.leftArrowBtn:hover .leftArrow{
	transform: scale(1.3, 1); /*ここの1.3の部分を変更で伸びる幅を変更*/
}
.strokeCtrl{
	fill:none;
	stroke:#1A1D1E; /*ここで線の色変更*/
	stroke-width:1px; /*ここで線の太さ変更*/
}

nav.tabNav{
	max-width: 800px;
	margin: 60px auto 45px;
}
nav.tabNav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
li.arrowNav{
	text-align: center;
	position: relative;
}
li.arrowNav a{
	text-decoration: none;
	display: block;
	width: 340px;
	border: 1px solid #1A1D1E;
	background: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 0;	
}
li.arrowNav a .rightArrow{
	position: absolute;
	top: 40%;
	right: -7%;
	transform: scale(1,1);
	transition: all 0.3s ease;
	transform-origin: left;
}
li.arrowNav a:hover .rightArrow{
	transform: scale(1.3, 1);
}
/* moreBtn ボタン */
a.moreBtn{
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	border: 1px solid #1A1D1E;
	background: #fff;
	position: relative;
	padding: 10px 30px;
}
a.moreBtn::after{
	content: "";	
	border: 6px solid transparent;
	border-left: 10px solid #4F6537;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
}
a.moreBtn:hover{
	text-decoration: none;
}
a.moreBtn:hover::after{
	right: -3%;
	transition: all 0.3s ease;
}
/* PDFリンクボタン */
.pdfLinkBox{
	width: 540px;
	margin: auto;
	display: table;
}
.pdfLinkBox a{
	display: table-cell;
	width: 100%;
	text-align: center;
	position: relative;
	padding: 20px 0;
	font-weight: bold;
	height: 3em;
	vertical-align: middle;
}
.pdfLinkBox a .iconPDF{
	width: 40px;
	height: auto;
	fill: #FF0000;
	position: absolute;
	top: 50%;
	left: 5%;
	margin-top: -25px;
}
.pdfLinkBox a.moreBtn::after {
    right: 2%;
}
.pdfLinkBox a.moreBtn:hover::after {
    right: 0%;
}

/*コンテンツ*/
.areaContainer{
	max-width: 1100px;
	margin: auto;
	padding: 0 30px;
}
.mainSection{
	padding: 80px 0;
}
.hizikiPt{
	background: url(files/images/common/hiziki_pattern.png);
}
.textBox{
	font-size: 2.0rem;
	line-height: 2.0em;
}
.mainSection .contentsWrapBox{
	margin-top: 60px;
}
.contentsWrapBox{
	max-width: 1100px;
    margin: auto;
    padding: 50px;
    border: 1px solid #1A1D1E;
    background-color: #fff;
    box-sizing: border-box;
}

/*ポップアップウィンドウ*/
.popUpWindow{
	background-color: #fff;
	max-width: 900px;
	margin: 50px auto;
	padding: 40px;
}
.popUpWindow h2{
	text-align: center;
	margin-bottom: 60px;
}
.popUpWindow h2 em{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	border-bottom: 5px solid #4F6537;
}
.popUpWindow div.contents{
	font-size: 2.0rem;
	line-height: 2.0em;
}
.popUpWindow div.contents .childSec:not(:nth-of-type(1)){
	margin-top: 60px;
}
.popUpWindow div.contents p:not(:nth-of-type(1)),
.popUpWindow div.contents ul{
	margin-top: 1em;
}
.popUpWindow div.contents table{
	border: 1px solid #1A1D1E;
	width: 100%;
	margin: 40px 0;
}
.popUpWindow div.contents table tr:not(:nth-last-of-type(1)) th,
.popUpWindow div.contents table tr:not(:nth-last-of-type(1)) td{
	border-bottom: 1px solid #1A1D1E;
}
.popUpWindow div.contents table th{
	width: 20%;
	text-align: center;
	padding: 1em 0;
}
.popUpWindow div.contents table td:not(:nth-of-type(3)){
	width: 20%;
	text-align: center;
}
.popUpWindow div.contents li:not(:nth-last-of-type(1)){
	margin-bottom: 1em;
}

.popup-modal-dismiss{
	font-size: 1.8rem;
	border: 1px solid #1A1D1E;
	display: table;
	margin: 60px auto 0;
}
.popup-modal-dismiss a{
	text-decoration: none;
	width: 170px;
	padding: 10px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

/*header*/
.headerTopNav{
	position: relative;
}
.headerTopNav ul li{
	position: absolute;
	text-align: center;
}
.headerTopNav ul li:nth-child(1){
	top: 0;
	right: 200px;
}
.headerTopNav ul li:nth-child(2){
	top: 0;
	right: 30px;
}
.headerTopNav ul li a{
	display: block;
	width: 140px;
	height: 110px;
	position: relative;
	text-decoration: none;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	padding-top: 50%;
	box-sizing: border-box;
	transition: all ease 0.3s;
}
.headerTopNav ul li a:hover{
	opacity: 0.7;
	transition: all ease 0.3s;
}
.headerTopNav ul li:nth-child(1) a{	
	background: #4F6537;
}
.headerTopNav ul li:nth-child(2) a{
	background: #68603E;
}

	.headerTopNav ul li:nth-child(1) .iconMail{
		width: 32px;
		fill: white;
		height: auto;
		position: absolute;
		top: 25%;
		left: 50%;
		margin-left: -16px;
	}
	.headerTopNav ul li:nth-child(2) .iconKagi{
		width: 30px;
		fill: white;
		height: auto;
		position: absolute;
		top: 25%;
		left: 50%;
		margin-left: -15px;
	}

h1.siteMainTitle,
h1.footerTitle{
	text-align: center;
}
h1.siteMainTitle a,
h1.footerTitle a{
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	font-family: "MidashiGoPro";
	color: #3E1F08;
	text-align: center;
	padding-top: 100px;
	position: relative;
	display: inline-block;
}
h1.siteMainTitle a:hover,
h1.footerTitle a:hover{
	text-decoration: none;
}
h1.siteMainTitle a::before,
h1.footerTitle a::before{
	content: "";
	display: block;
	width: 51px;
	height: 67px;
	mask-image: url(files/images/svg/hiziki_01.svg);
	-webkit-mask-image: url(files/images/svg/hiziki_01.svg);
	background-color: #5D2714;
	position: absolute;
	top: 56%;
	left: -23%;
	margin-left: 0;
}
h1.siteMainTitle a::after,
h1.footerTitle a::after{
	content: "";
	display: block;
	width: 57px;
	height: 56px;
	mask-image: url(files/images/svg/hiziki_02.svg);
	-webkit-mask-image: url(files/images/svg/hiziki_02.svg);
	background-color: #5D2714;
	position: absolute;
	top: 64%;
	right: -26%;
	margin-left: 0;
}

/*sub page header*/
.submainVisual{
	background-color: #FDFBF0;
	padding: 35px 0;
	margin-top: 40px;
}
.submainVisual figure{
	max-width: 1100px;
	margin: auto;
	border: 2px solid #1A1D1E;
	position: relative;
	box-sizing: border-box;
}
.submainVisual figure img{
	object-fit: cover;
	height: 275px;
}
.submainVisual.hizikinohi figure{
	background-color: #EFF6FF;	
	position: relative;
	height: 275px;
	overflow: hidden;
}
.submainVisual.hizikinohi figure img{
	position: absolute;
	top: 10%;
	right: 5%;
}

.submainVisual figure h2{
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #68603E;
	background-color: rgba(255,255,255,0.8);
	padding: 5px 10px;
}
.submainVisual figure h3{
	position: absolute;
	top: 80px;
	left: 20px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #68603E;
	background-color: rgba(255,255,255,0.8);
	padding: 5px 10px;	
}

/* グローバルナビゲーション */
.gloNav{
	max-width: 1200px;
	margin: auto;
	font-family: "MidashiGoPro";
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 80px;
}
	.gloNav ul.mainNavMenu{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.gloNav ul.mainNavMenu > li{
		position: relative;
		float: left;
	}
	.gloNav ul.mainNavMenu > li.membershipNav{
		display: none;
	}
	.gloNav ul.mainNavMenu > li:not(:nth-last-of-type(2)):after{
		content: "";
		display: block;
		height: 28px;
		border-right: 2px solid #1A1D1E;
		position: absolute;
		left: 130%;
		top: 14%;
		transform: rotate(45deg);
	}
	.gloNav ul.mainNavMenu > li > a{
		cursor: pointer;
		text-decoration: none;
	}
	.subNavMenu{
		visibility: hidden;
		position: absolute;
		top: 50%;
		background: #fff;
		width: 260px;
		border: 2px solid #465A33;
		font-size: 18px;
		font-size: 1.8rem;
		padding: 20px;
		transition: all ease 0.3s;
		opacity: 0;
		z-index: 9999;
	}
	.mainNavMenu > li:hover .subNavMenu{
		visibility: visible;
		transition: all ease 0.3s;
		opacity: 1;	
		top: 130%;		
	}
		.subNavMenu li:not(:nth-last-of-type(1)){
			margin-bottom: 20px;
		}
		.subNavMenu li a{			
			transition: all ease 0.3s;
			position: relative;
		}
		.subNavMenu li a::before,
		.subNavMenu li a::after{
			content:"";
			width: 0;
			border-bottom: 2px solid #465A33;
			position: absolute;
			bottom: -5px;
			transition: all ease 0.3s;
		}
		.subNavMenu li a:hover::before,
		.subNavMenu li a:hover::after{
			width: 50%;
		}
		.subNavMenu li a::before{
			left: 50%;
		}
		.subNavMenu li a::after{
			right: 50%;
		}
		.subNavMenu	a{
			text-decoration: none;
		}

/*footer*/
nav.footerNav{
	max-width: 1200px;
	margin: 60px auto 0;
	display: flex;
	flex-wrap: wrap;
}
nav.footerNav ul{
	width: 20%;
}
nav.footerNav ul li:nth-of-type(1){
	font-weight: bold;
	font-size: 2.0rem;
	margin-bottom: 35px;
}
nav.footerNav ul:not(:nth-last-of-type(1)) li:not(:nth-of-type(1)){
	font-size: 1.8rem;
	margin-bottom: 25px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
nav.footerNav ul:not(:nth-last-of-type(1)) li:not(:nth-of-type(1))::before{
	content: "＞";
	padding-right: 0.5em;
}
nav.footerNav ul:nth-last-of-type(1) li:not(:nth-of-type(1)){
	font-weight: bold;
	font-size: 2.0rem;
	margin-bottom: 30px;
}
/*コピーライト*/
.copyRight{
	font-size: 1.4rem;
	text-align: center;
	border-top: 1px solid #1A1D1E;
	padding: 15px 0;
}
.br-sp {
	display: none;	/*20210803*/
}
/*======================================================

TOP PAGE

======================================================*/
/* topSlider */
.topSliderWrap {
	margin: 4rem 0 80px;
	position: relative;
}
	.topSlider li{
		border: 3px solid #1A1D1E;
	}

.bx-wrapper .bx-next {
	background-image: url(files/images/svg/link_arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 6%;
	right: -3%;
}

.bx-wrapper .bx-prev {
	background-image: url(files/images/svg/link_arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 6%;
	left: -3%;
	transform: rotateY(180deg);
}
/*topSlider ↑*/

/* aboutArea */
#aboutArea{
	background-color: #FDFBF0;
	padding: 65px 0;
}
	#aboutArea .areaContainer{
		position: relative;
	}
		#aboutArea .areaContainer figure img{
			position: absolute;
		}
			#aboutArea .areaContainer figure img:nth-child(1){
				top: -10%;
				left: -10%;
				width: 123px;
			}
			#aboutArea .areaContainer figure img:nth-child(2){
				top: 50%;
				left: -15%;
			}
			#aboutArea .areaContainer figure img:nth-child(3){
				top: 70%;
				left: -15%;
				width: 170px;
			}
			#aboutArea .areaContainer figure img:nth-child(4){
				top: -5%;
				right: -10%;
				width: 115px;
			}
			#aboutArea .areaContainer figure img:nth-child(5){
				top: 40%;
				right: -15%;
			}
			#aboutArea .areaContainer figure img:nth-child(6){
				top: 70%;
				right: -12%;
			}
	#aboutArea h1{
		margin-bottom: 45px;
	}

#topEatArea{
	padding: 80px 0;
}

/* topEatArea */

/* レシピスライダー */
.recipeSliderWrap{
	margin-top: 45px;
}
li.slick-slide{
	padding: 0 20px;
	transition: all 0.3s ease;
}
li.slick-slide:hover{
	opacity: 0.7;
	transition: all 0.3s ease;
}
	li.slick-slide a{
		text-decoration: none;
	}
		li.slick-slide img{
			width: 100%;
			height: 300px;
			object-fit: cover;
			object-position: center center;
			border: 2px solid #1A1D1E;
		}

		.slick-slide h2{
			color: #4F6537;
			font-size: 2.0rem;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			margin-top: 10px;
		}

.myDots{
	display: table;
	margin: 20px auto 0;
}
.myDots li{
	float: left;
	width: 15px;
	height: 15px;
	margin: 5px;
	border:2px solid #465A33;
	background: #fff;
	text-indent: -9999px;
	box-sizing: border-box;
}
.myDots li.slick-active{
	background: #465A33;
}

/* .attentionArea */
.attentionArea{
	margin-top: 60px;
}
.fukidashiTitle{
	text-align: center;
}

.attentionArea .bannerWrap{
	max-width: 1000px;
	margin: 60px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.attentionArea .bannerWrap a{
	transition: all 0.3s ease;
}
.attentionArea .bannerWrap a:hover{
	opacity: 0.7;
	transition: all 0.3s ease;
}

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

.newsListWrap{
	background: #fff;
	max-width: 1000px;
	padding: 50px;
	margin: 60px auto 0;
}
	.newsListWrap li,
	.newsAechiveWrap li{
		border-bottom: 1px dotted #1A1D1E;
		overflow: hidden; 
		padding: 1.0em;
	}
		.newsListWrap li div.meta,
		.newsAechiveWrap li div.meta{
			float: left;
			width: 25%;
			display: flex;
			flex-wrap: wrap;
		}
			.newsListWrap li date,
			.newsAechiveWrap li date{				
				font-size: 1.6rem;
				font-weight: bold;
				margin-right: 1.5em;
			}
			.newsListWrap li .category,
			.newsAechiveWrap li .category{
				font-size: 1.4rem;
				border: 1px solid #1A1D1E;
				text-align: center;
				display: inline-block;
				min-width: 100px;				
			}
			.newsListWrap li h2,
			.newsAechiveWrap li h2{
				float: left;
				font-size: 1.8rem;
				font-weight: bold;
				width: 70%;
				margin-left: 5%;
			}
/*======================================================

SUB PAGE

======================================================*/
/* triviaHistory ひじきの歴史*/
#historyArea{
	padding: 80px 0;
}

.historySec{
	max-width: 1100px;
	margin: auto;
}
.historySec h2.dotteTitle{
	margin: 60px 0 40px;
}
.historyContentsWrap{	
	padding: 50px;
	border: 1px solid #1A1D1E;
	background-color: #fff;
	box-sizing: border-box;
	margin-top: 60px;
}

.historyContentsWrap section.blockSec:not(:nth-last-of-type(1)){
	margin-bottom: 45px;
}
.historyContentsWrap section.blockSec .textBox{
	margin-top: 1em;
}

/* triviaOrigin ひじきの産地*/
#originArea{
	padding: 80px 0;
}
	#originArea > .textBox{
		width: 1100px;
		margin: 60px auto 80px;
	}
		.originContentsWrap > section{
			width: 1000px;
			margin: 60px auto 0;
			border: 1px solid #1A1D1E;
			text-align: center;
			background: #fff;
			padding: 80px 50px;
		}
		.originContentsWrap > section:not(:nth-last-of-type(1)){
			margin-bottom: 100px;
		}
		.originContentsWrap > section h3.boxTitle{
			font-size: 20px;
			font-size: 2.0rem;
			font-weight: bold;
			max-width: 340px;
			margin: 0 auto 60px;
			padding: 0.5em 0;
			border: 1px solid #1C1F21
		}
		.originContentsWrap figure > p{
			font-size: 20px;
			font-size: 2.0rem;
			margin-bottom: 35px;
		}
		.originContentsWrap figure > p em{
			border-bottom: 2px solid #F18C1A;
		}

		.originContentsWrap figure ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			text-align: left;
			margin-top: 50px;
		}
		.originContentsWrap figure ul li{
			flex-basis: 47.5%;
			font-size: 20px;
			font-size: 2.0rem;
		}
		.originContentsWrap figure ul li h3{
			display: inline-block;
			font-weight: bold;
			color: #fff;
			background-color: #FF9300;
			border-radius: 30px;
			padding: 5px 15px;
			margin-bottom: 15px;
		}

#tennenYousyokuArea{
	padding: 80px 0;
}
#tennenYousyokuArea .childSec{
	margin-top: 80px;
}
#tennenYousyokuArea .textBox{
	max-width: 1100px;
	margin: 60px auto;
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
}
#tennenYousyokuArea .photoWrap{
	max-width: 1100px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#habitatArea{
	padding: 80px 0;
}
#habitatArea figure{
	text-align: center;
	margin: 100px 0;
}
ul.fusiformeText{
	overflow: hidden;
	max-width: 1100px;
	margin: 60px auto 0;
}
ul.fusiformeText li:nth-of-type(1){
	float: left;
	width: 47.5%;
}
ul.fusiformeText li:nth-of-type(2){
	float: right;
	width: 47.5%;
}
ul.fusiformeText li:nth-of-type(3){
	clear: both;
	padding-top: 45px;
}
ul.fusiformeText li h3{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 10px;
}
ul.fusiformeText li h3::before{
	content: "●";
	color: #4F6537;
	padding-right: 0.5em;
}

/* nutritionTableArea ひじきの栄養成分*/
#nutritionArea{
	padding: 80px 0;
}
	#nutritionArea .textBox{
		max-width: 1100px;
		margin: 60px auto;
	}

	.tableSec{
		max-width: 1100px;
		margin: 60px auto 80px;
	}
	.tableSec ul{
		font-size: 1.8rem;
		font-weight: bold;
		margin-top: 15px;
	}
	.tableSec p:nth-of-type(1){
		font-size: 1.8rem;
		font-weight: bold;
		clear: both;
		text-decoration: underline;
		padding-bottom: 0.25em;
		padding-top: 30px;
	}
	.tableSec p:nth-of-type(1) em.bule{
		font-weight: bold!important;
		color: #0058FF;
	}
	.nutritionTable{
		width: 100%;
		font-size: 2.0rem;
		font-weight: bold!important;
		border-collapse: separate;
		border-spacing: 2px;
	}
	.nutritionTable tr th{
		font-weight: bold!important;
		text-align: center;
		padding: 1em;
		width: 20%;
	}
	.nutritionTable tr td:nth-of-type(n+3),
	.nutritionTable tr th.bule{
		color: #0058FF;
	}
	.nutritionTable .indent1em{
		text-indent: 1em;
	}
	.nutritionTable tr:nth-of-type(1){
		background-color: #68603E;
		color: #fff;		
	}
	.nutritionTable tr:nth-of-type(2){
		background-color: #9A8F60;
		color: #fff;
	}
	.nutritionTable tr:nth-child(n+3){
		background-color: #FFF9DE;
	}
	.nutritionTable tr:nth-child(n+3) th{
		text-align: left;
		padding: 1em;
	}
	.nutritionTable tr:nth-child(n+3) td{
		text-align: center;
	}

	.nutritionContents{
		max-width: 1100px;
		margin: 0 auto 50px;
		overflow: hidden;
	}
		.nutritionContents > h2{
			font-size: 22px;
			font-size: 2.2rem;
			font-weight: bold;
			border-bottom: 5px solid #4F6537;
			display: inline-block;
			margin-bottom: 20px;
		}
		.nutritionContents > p{
			font-size: 20px;
			font-size: 2.0rem;
			line-height: 2.0em;
			margin-bottom: 20px;
		}
		.nutritionContents > div{
			font-size: 20px;
			font-size: 2.0rem;
			background-color: #FFF9DE;
			padding: 15px;
			line-height: 2.6em;			
		}
			.nutritionContents > div h3{
				font-weight: bold;
			}
			.nutritionContents > a.moreBtn{
				float: right;
				margin-top: 20px;
			}

/* hizikinohiDescrArea ひじきの日*/
#hizikinohiDescrArea{
	padding: 80px 0;
}
#hizikinohiDescrArea .contentsWrapBox{
	margin: 45px auto 0;
}
.contentsWrapBox .seiteiWrap{
	font-size: 2.0rem;
	line-height: 2.0em;
	margin-bottom: 50px;
}
.contentsWrapBox .seiteiWrap li::before{
	content: "●";
	padding-right: 0.5em;
	color: #FF9300;
}

.contentsWrapBox p.textBox .underline{
	text-decoration: underline;
}
.contentsWrapBox .copyTxt{
	font-size: 2.8rem;
	color: #FF9300;
	text-align: center;
	margin: 50px 0;
}
.contentsWrapBox .photoWrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 50px 0 0;
}

#hizikinohiArchiveArea,
#hizikinohiSingleArea{
	padding: 80px 0;
}
#hizikinohiArchiveArea .contentsWrapBox,
#hizikinohiSingleArea .contentsWrapBox{
	margin-top: 60px;
}
#hizikinohiArchiveArea .contentsWrapBox ul{
	display: flex;
	flex-wrap: wrap;
}
#hizikinohiArchiveArea .contentsWrapBox li{
	flex-basis: 31.1%;
	margin-right: 3.33%;
	margin-bottom: 50px;
}
#hizikinohiArchiveArea .contentsWrapBox li:nth-of-type(3n){
	margin-right: 0%;
}
	#hizikinohiArchiveArea .contentsWrapBox li a:hover{
		text-decoration: none;
	}
	#hizikinohiArchiveArea .contentsWrapBox li a:hover figure img{
		opacity: 0.7;
		transition: all ease 0.6s;
	}
		#hizikinohiArchiveArea .contentsWrapBox li figure{
			height: 310px;
			border: 2px solid #1A1D1E;
			box-sizing: border-box;			
		}
			#hizikinohiArchiveArea .contentsWrapBox li img{
				object-fit: cover;
				width: 100%;
				height: 100%;
				transition: all ease 0.6s;
			}
		#hizikinohiArchiveArea .contentsWrapBox h2{
			font-size: 2.0rem;
			font-weight: bold;
			margin-top: 15px;
		}
/* hizikinohiDescrArea ひじきの日 */
.postContent h2{
	text-align: center;
}
	.postContent h2 em{
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: bold;
		border-bottom: 5px solid #4F6537;
		display: inline-block;
	}
.postContent .photoWrap{
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
}
	.postContent .photoWrap li{
		flex-basis: 47.5%;
		margin-bottom: 50px;
		text-align: center;
	}
		.postContent .photoWrap li p{
			font-size: 1.8rem;
			margin-top: 15px;
		}

.postNavBox{
	text-align: center;
	margin-top: 60px;
	padding-bottom: 50px;
}
.postNavBox a.goArchive{
	border-bottom: 5px dotted #465A33;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
	transition: all ease 0.7s;
	font-family: "MidashiGoPro";
}
.postNavBox a.goArchive:hover{
	border-bottom: 5px solid #465A33;
	transition: all ease 0.7s;
}

.prevNextWrap{
	margin-top: 30px;
	position: relative;
}
.prevNextWrap .leftArrowBtn{
	margin-left: 50px;
	position: absolute;
	top: 0;
	left: 0;
}
.prevNextWrap .rightArrowBtn{
	margin-right: 50px;
	position: absolute;
	top: 0;
	right: 0;
}

/* modoshiArea ひじきの戻し方*/
#modoshiFlowArea{
	padding: 80px 0;
}
#hisoOffArea{
	padding: 0 80px;
}
.hizikimodoshiFlowWrap{
	max-width: 1100px;
	margin: 60px auto 0;
	display: flex;
	flex-wrap: wrap;
}
.hizikimodoshiFlowWrap li{
	flex-basis: 46%;
	margin: 2%;
	margin-bottom: 30px;
	border: 1px solid #1A1D1E;
	background-color: #fff;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	box-sizing: border-box;
}
	.hizikimodoshiFlowWrap li em{
		position: absolute;
		top: 2%;
		left: 2%;
		color: #FF9300;
		font-size: 40px;
		font-size: 4.0rem;
	}
	.hizikimodoshiFlowWrap li figure{
		width: 75%;
		margin: 40px auto 20px;
	}
	.hizikimodoshiFlowWrap li p{
		font-size: 2.0rem;
		width: 82%;
		margin: auto;
	}
		.hizikimodoshiFlowWrap li figure img{
			width: 100%;
			object-fit: cover;
		}
.onePointBox{
	background: #FFF9DE;
	padding: 30px 50px;
	max-width: 1000px;
	margin: 30px auto 0;
}
.onePointBox h2{
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	position: relative;
	padding: 10px 30px;
}
.onePointBox h2::before{
	content: "";
	border: 10px solid transparent;
	border-top: 10px solid #FF9300;
	border-left: 10px solid #FF9300;
	position: absolute;
	top: 0%;
	left: 0%;
}
.attentionWrap {
	max-width: 1100px;
	margin: 40px auto 0;
	font-size: 1.95rem;
	line-height: 2.0em;
}
.attentionWrap li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.attentionWrap li::before{
	content: "●";
	padding-right: 0.5em;
	color: #FF9300;;
}

#hisoOffArea .contentsWrapBox{
	margin-top: 60px;
}
.modoshiMethod{
	margin-top: 80px;
}
	.modoshiMethod .effect{
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		margin-top: 20px;
	}

.IllustratedWrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}
	.IllustratedWrap li{
		flex-basis: 20%;
	}
	.IllustratedWrap li.pdR{
		padding: 0 20px 0 0;
	}
	.IllustratedWrap li.pdL{
		padding: 0 0 0 20px;
	}
	.IllustratedWrap li.pdLR{
		padding: 0 38px;
	}
	.IllustratedWrap li p{
		font-size: 1.8rem;
		line-height: 2.0em;
		margin-top: 1em;
	}
#hisoOffArea .pdfLinkBox{
	margin-top: 60px;
}

.hisolink{
	max-width: 1100px;
	margin: 100px auto 0;
	position: relative;
}
.hisolink > img{
	position: absolute;
	top: 50px;
    left: 140px;
}

/* recipeArchiveArea ひじきレシピ*/
#recipeArchiveArea{
	padding: 80px 0;
}
	#recipeArchiveArea .postsWrap{
		max-width: 1100px;
		margin: 60px auto;
		display: flex;
		flex-wrap: wrap;
	}
	#recipeArchiveArea .postsWrap li{
		flex-basis: 31.1%;
		margin-bottom: 50px;
	}
	#recipeArchiveArea .postsWrap li:not(:nth-of-type(3n)){
		margin-right: 3.33%;
	}
	#recipeArchiveArea li figure{
		/* height: 310px; */
		border: 2px solid #1A1D1E;
		box-sizing: border-box;
		position: relative;
		transition: all ease 0.7s;
	}		
		#recipeArchiveArea li figure img{
			object-fit: cover;
			object-position: center center;
			width: 100%;
			height: 300px;
		}
		#recipeArchiveArea li figure .contestBox{
			position: absolute;
			top: 80%;
			left: 50%;
			width: 95%;
			transform: translate(-50%, -50%);
			background-color: rgba(255, 249, 222, 0.9);
			padding: 10px 15px;
			box-sizing: border-box;
		}
			#recipeArchiveArea li figure .contestBox p:nth-of-type(1){
				font-size: 1.8rem;
				font-weight: bold;
				color: #3E1F08;
				text-align: center;
			}
			#recipeArchiveArea li figure .contestBox p:nth-of-type(2){
				font-size: 1.8rem;
				font-weight: bold;
				color: #FF0000;
				text-align: center;
				margin-top: 5px;
			}
			#recipeArchiveArea li figure .contestBox p.entry{
				color: #3E1F08;
			}

	#recipeArchiveArea li a{
		text-decoration: none;
	}
	#recipeArchiveArea li a:hover figure{
		opacity: 0.7;
		transition: all ease 0.7s;
	}
	#recipeArchiveArea li h2{
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		margin-top: 15px;
		color: #4F6537;
	}
#recipeArchiveArea .bannerWrap{
	margin-top: 100px;
	text-align: center;
}
#recipeArchiveArea .bannerWrap a img{
	transition: ease 0.3s all;
}
#recipeArchiveArea .bannerWrap a:hover img{
	opacity: 0.8;
	transition: ease 0.3s all;
}

/* 投稿ページナビゲーション */
.wp-pagenavi{
	display: table;
	margin: auto;
	font-size: 2.0rem;
}
#newsArchiveArea .wp-pagenavi{
	margin-top: 80px;
}
.wp-pagenavi span.pages,
.wp-pagenavi span.current,
.wp-pagenavi a.page,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	margin: 0 15px;
}
.wp-pagenavi .current{
	font-size: 3.0rem;
	font-weight: bold;
	color: #4F6537;
}

/* レシピ詳細 */
#hizikiRecipeArea{
	padding: 80px 0;
}
	.recipeWrap{
		max-width: 1100px;
		margin: 60px auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.recipeWrap .ImageWrap{
			flex-basis: 45%;
		}
			.recipeWrap .ImageWrap img{
				object-fit: cover;
				width: 100%;
			}
			.recipeWrap .ImageWrap div h1{
				font-size: 2.2rem;
				font-weight: bold;
				margin-top: 1em;
				color: #FF9300;
			}
			.recipeWrap .ImageWrap div p{
				font-size: 2.0rem;
				line-height: 2.0em;
				margin-top: 0.5em;
			}
		.recipeWrap .materialContainer{
			flex-basis: 50%;
			background-color: #FFF9DE;
			font-size: 2.0rem;
			padding: 35px;
			box-sizing: border-box;
		}
			.recipeWrap .materialContainer .title{
				color: #3E1F08;
				font-weight: bold;
				margin-bottom: 10px;
			}
			.recipeWrap .materialContainer .title:not(:nth-of-type(1)){
				margin-top: 40px;
			}
			.recipeWrap .materialContainer .materialWrap li{
				display: flex;
				flex-wrap: wrap;
				line-height: 1.8em;
			}
			.recipeWrap .materialContainer .materialWrap li p:nth-of-type(1){
				flex-basis: 15em;
			}
			.recipeWrap .materialContainer .materialWrap li p:nth-of-type(1)::after{
				content:'…';
			}

	.recipeFlow{
		margin-top: 100px;
	}
	.flowCotainer{
		max-width: 950px;
		margin: 60px auto 0;
		background-color: #FFF9DE;
		padding: 50px 50px 50px 100px;
	}
	.flowCotainer h3{
		text-align: center;
	}
	.flowCotainer h3 em{
		font-weight: bold;
		border: 2px solid #361C0D;
		color: #361C0D;
		font-size: 2.0rem;
		display: inline-block;
		padding: 7px 25px;
	}
	.flowSec:not(:nth-of-type(1)){
		margin-top: 80px;
	}
	.flowSec > h1{
		color: #3E1F08;
		font-weight: bold;
		font-size: 2.0rem;
	}
	.flowSec > p{
		font-size: 2.0rem;
		line-height: 2.0em;
		margin-bottom: 40px;
	}

	.flowSec p.title{
		margin-bottom: 20px;
		font-weight: bold;
	}

	ul.flowListWrap{
		margin-bottom: 40px;
	}
		.flowListWrap li,
		.flowSec li{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			line-height: 1.8em;
			position: relative;
			font-size: 2.0rem;
		}
		.flowListWrap li:not(:nth-last-of-type(1)),
		.flowSec li:not(:nth-last-of-type(1)){
			margin-bottom: 1em;
		}
		.flowListWrap.nimono li{
			line-height: 2.0em;
			margin-top: 50px;
		}
		.flowListWrap li::before,
		.flowSec li::before{
			position: absolute;
			top: 0%;
			left: -2.0em;
			font-size: 3.0rem;
			color: #FF9300;
		}
		.flowListWrap li:nth-of-type(1)::before,
			.flowSec li:nth-of-type(1)::before{
				content: "❶";
		}
		.flowListWrap li:nth-of-type(2)::before,
		.flowSec li:nth-of-type(2)::before{
			content: "❷";
		}
		.flowListWrap li:nth-of-type(3)::before,
		.flowSec li:nth-of-type(3)::before{
			content: "❸";
		}
		.flowListWrap li:nth-of-type(4)::before,
		.flowSec li:nth-of-type(4)::before{
			content: "❹";
		}
		.flowListWrap li:nth-of-type(5)::before,
		.flowSec li:nth-of-type(5)::before{
			content: "❺";
		}
		.flowListWrap li:nth-of-type(6)::before,
		.flowSec li:nth-of-type(6)::before{
			content: "❻";
		}
		.flowListWrap li:nth-of-type(7)::before,
		.flowSec li:nth-of-type(7)::before{
			content: "❼";
		}
		.flowListWrap li:nth-of-type(8)::before,
		.flowSec li:nth-of-type(8)::before{
			content: "❽";
		}
		.flowListWrap li:nth-of-type(9)::before,
		.flowSec li:nth-of-type(9)::before{
			content: "❾";
		}
		.flowListWrap li:nth-of-type(10)::before,
		.flowSec li:nth-of-type(10)::before{
			content: "❿";
		}
		.flowListWrap li:nth-of-type(11)::before,
		.flowSec li:nth-of-type(11)::before{
			content: "⓫";
		}
		.flowListWrap li:nth-of-type(12)::before,
		.flowSec li:nth-of-type(12)::before{
			content: "⓬";
		}
		.flowListWrap li:nth-of-type(13)::before,
		.flowSec li:nth-of-type(13)::before{
			content: "⓭";
		}
		.flowListWrap li:nth-of-type(14)::before,
		.flowSec li:nth-of-type(14)::before{
			content: "⓮";
		}
		.flowListWrap li:nth-of-type(15)::before,
		.flowSec li:nth-of-type(15)::before{
			content: "⓯";
		}
		.flowListWrap li:nth-of-type(16)::before,
		.flowSec li:nth-of-type(16)::before{
			content: "⓰";
		}
		.flowListWrap li:nth-of-type(17)::before,
		.flowSec li:nth-of-type(17)::before{
			content: "⓱";
		}
		.flowListWrap li:nth-of-type(18)::before,
		.flowSec li:nth-of-type(18)::before{
			content: "⓲";
		}
		.flowListWrap li:nth-of-type(19)::before,
		.flowSec li:nth-of-type(19)::before{
			content: "⓳";
		}
		.flowListWrap li:nth-of-type(20)::before,
		.flowSec li:nth-of-type(20)::before{
			content: "⓴";
		}
			.flowListWrap li p{
				flex-basis: 47%;				
			}
			.flowListWrap li figure{
				flex-basis: 47%;
			}
				.flowListWrap li figure img{
					width: 100%;
				}
#hizikiRecipeArea .postNavBox{
	max-width: 1000px;
	margin: 60px auto 0;
}

/* ひじきと健康 ひじきの鉄・ヒ素について */
.aboutTetsu h2.dotteTitle,
.aboutHiso h2.dotteTitle{
	margin-bottom: 40px;
}
.aboutHiso h2.dotteTitle{
	margin-top: 80px;
}
.hizikiDamageWrap li{
	margin-top: 30px;
}

/* ひじきと健康 ひじきを食べて健康になろう */
.childSec.antibody:not(:nth-last-of-type(1)){
	margin-bottom: 100px;
}
.childSec.antibody h2.borderTitle{
	margin-bottom: 50px;
}
.childSec.antibody .textBox{
	margin-bottom: 50px;
}
ul.sickListWrap{
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 50px;
}
	ul.sickListWrap li{
		font-size: 20px;
		font-size: 2.0rem;
		margin-bottom: 30px;
	}
	ul.sickListWrap li h3{
		font-weight: bold;
		color: #FF9300;
	}

	.openContents{
		margin-top: 100px;
	}
	.openContents h2.dotteTitle{
		margin-bottom: 60px;
	}
	.openContents h3{
		text-align: center;
	}
	.openContents h3 em{
		display: inline-block;
		border-bottom: 1px solid #1A1D1E;
		padding-bottom: 5px;
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: bold;
		margin: 80px 0 40px;
	}
	.h4sec h4{
		font-size: 22px;
		font-size: 2.2rem;
		font-weight: bold;
		color: #FF9300;
		text-align: center;
		margin-bottom: 30px;
	}
	.h4sec:nth-of-type(n+2) h4{
		margin-top: 40px;
	}
	.openContents h4::before,
	.openContents h4::after{
		content: "〜";
	}
	.openContents div{
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 2.0em;
	}
	.openContents div p:not(:nth-last-of-type(1)){
		margin-bottom: 1em;
	}

.moreOpenBtn{
	max-width: 340px;
	margin: auto;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	border: 1px solid #1A1D1E;
	text-align: center;
}
.moreOpenBtn a{
	padding: 10px 0;
	display: block;
	position: relative;
	text-indent: -1em;
}
.moreOpenBtn a:hover{
	text-decoration: none;
}
.moreOpenBtn a::before{
	content: "";
	border: 6px solid transparent;
	border-top: 8px solid #4F6537;
	position: absolute;
	top: 60%;
	right: 10px;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
	transform-origin: top;
}
.moreOpenBtn.open a::before{
	/* border: 6px solid transparent;
	border-bottom: 8px solid #4F6537;
	position: absolute;
	top: 40%;
	right: 2%; */
	right: 16px;
	transform: rotate(-180deg);
	transition: all 0.3s ease;
}

/*アコーディオン表示*/
.accodionBtn{
	cursor: pointer;
}
.openContents,
.answer{
	display: none;
}

/* よくあるご質問 ひじきQ&A */
#faqArea > .textBox{
	margin: 60px 0;
}

.faqContentsWrapBox{
	max-width: 1000px;
	margin: auto;
	padding: 50px;
	background-color: #FFF9DE;
}

.faqContents{
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 2.0em;
}
	.faqContents .question{
		font-weight: bold;
		color: #465A33;
		border-bottom: 1px solid #465A33;
		position: relative;
	}
	.faqContents .question::after{
		content: "";
		position: absolute;
		border: 10px solid transparent;
		border-top: 12px solid #4F6537;
		top: 50%;
		right: 10px;
		transform: translate(-50%, -50%);
	}
	.faqContents .question.open::after{
		border-top: none;
		border-bottom: 12px solid #4F6537;
		top: 50%;
		right: 10px;
		transform: translate(-50%, -50%);
		margin-top: -6px;
	}
		.faqContents .question p{
			position: relative;
			padding: 15px 3em;

		}
		.faqContents .question p::before{
			position: absolute;
			top: 15px;
			left: 0.5em;
			content: "Q";
			font-size: 2.5rem;
		}
	/* .faqContents .answer{} */
		.faqContents .answer .wrap{ 
			position: relative;
			padding: 20px 3em 20px 3em;
		}
		.faqContents .answer .wrap::before{ 
			position: absolute;
			top: 20px;
			left: 0.5em;
			content: "A";
			font-weight: bold;
			font-size: 2.5rem;
			color: #465A33;
		}
		/*回答内の各種調整用*/
		.faqContents .answer .wrap p:not(:nth-last-of-type(1)){ 
			margin: 0 0 30px;
		}
		.faqContents .answer .wrap ul.ulList{ 
			margin: 0 0 30px;
		}
		.faqContents .answer .wrap ul.ulList li{ 
			text-indent: -1.5em;
			padding-left: 1.5em;
		}
		.faqContents .answer .wrap .attentionBox{
			color: #FF0000;
			margin: 1em 0 0;
		}
		/*20210706 ↓*/
		.faqContents .answer .wrap ul.topUlList{ 
			margin: 0;
		}
		.faqContents .answer .wrap .paragraph{
			margin: 1em 0 0;
		}
		.faqContents .answer .wrap .attention{
			color: #FF0000;
		}
		/*20210706 ↑*/
		.faqContents .answer .wrap a{
			color: blue;
			text-decoration: underline;
		}
		.faqContents .answer .wrap dl{
			margin-top: 1em;
		}
			.faqContents .answer .wrap dl{
				margin-top: 1em;
			}
			.faqContents .answer .wrap dt{
				font-weight: bold;
			}
			/*20210706 ↓*/
			.faqContents .answer .wrap dd ul.ulList{
				margin-top: 0;
			}
			.faqContents .answer .wrap dd ul.ulList li{ 
				text-indent: -2em;
				padding-left: 2em;
			}
			/*20210706　↑*/
		.faqContents .answer .wrap .linkListWrap{
			margin-top: 1em;
		}
		.faqContents .answer .wrap .linkListWrap li{
			margin: 1em 0;
		}

/* よくあるご質問 お問い合わせ */

div.borderBt{
	border-bottom: 1px solid #465A33;
	padding: 30px 0;
}
	.contactFormContainer dl{
		display: flex;
		flex-wrap: wrap;
	}
	.contactFormContainer dl:nth-of-type(2){
		padding: 25px 0;
	}
		.contactFormContainer dt{
			font-size: 20px;
			font-size: 2.0rem;
			font-weight: bold;
			color: #4F6537;
			width: 30%;
		}
			em.required{
				background-color: #FD0013;
				color: #fff;
				font-size: 1.4rem;
				font-weight: bold;
				padding: 0.25em 0.5em;
				margin-left: 1em;
			}
			
		.contactFormContainer dd{
			width: 70%;
		}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 input[type="tel"],
.wpcf7 textarea{  width:97.5%; border:1px solid #ccc; padding:8px; font-size:1.4rem; }
.wpcf7 select {  width:20%; border:1px solid #ccc; padding:8px; font-size:1.4rem; }
div.wpcf7 textarea { width:97.5%; height:300px; font-size:1.8rem;}

/* 送信ボタン */
div.wpcf7 input.wpcf7-submit{
   cursor:pointer; 
   color:#1C1F21;
   font-weight:bold;
   font-size:2.0rem;
   padding: 0.25em 1em;
   margin:0 auto;
   display:block;
   background:#fff;
   border: 1px solid #1C1F21;
   transition: all 0.3s ease;
}
div.wpcf7 input.wpcf7-submit:hover{
	background:#1C1F21;
	color: #fff;
	transition: all 0.3s ease;
}
div.wpcf7 input.wpcf7-submit:active{box-shadow:none; bottom:-2px; position:relative;}

/* 枠線の仕様 */
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
  
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
.privacyBox{
	background-color: #F4F1E6;
	height: 220px;
	padding: 30px;
	overflow: scroll;
	font-size: 2.0rem;
	line-height: 2.0em;
	margin: 40px 0;
}
.privacyBox h4{
	text-align: center;
	font-weight: bold;
	color: #465A33;
	margin-bottom: 1em;
}
.privacyBox h5{
	font-weight: bold;
	margin: 1em 0 0.5em;
}
.privacyBox ol{
	padding-left: 2em;
}

.privacyAgreeText{
	font-size: 2.0rem;
	font-weight: bold;
	color: #465A33;
	line-height: 2.0em;
	text-align: center;
}
.privacyAgreeBtn{
    display: table;
    margin: 50px auto;
    font-size: 1.6rem;
    font-weight: bold;
}
.privacyAgreeBtn input[type="checkbox"]{
	margin-right: 1em;
}

/* 新着情報詳細ページ */
#newsArchiveArea h2.postTitle{
	font-size: 2.2rem;
	font-weight: bold;
	border-left: 5px solid #4F6537;
	padding-left: 1em;
	margin-bottom: 60px;
}
#newsArchiveArea .postContetContainer{
	font-size: 2.0rem;
	line-height: 2.0em;
}
#newsArchiveArea .postContetContainer p{
	margin-bottom: 1em;
}

/* 加盟社・メンバー限定 */
ul.membersListWrap li{
	border-bottom: 1px dotted #1A1D1E;
	overflow: hidden;
	padding: 1.0em 50px;
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
}
ul.membersListWrap li::before{
	content: "";
    border: 6px solid transparent;
    border-left: 8px solid #4F6537;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(-50%, -50%);
}
ul.membersListWrap li a{
	color: #0058FF;
	padding-left: 1em;
}

ul.membersOnlyWrap{
	margin-bottom: 50px;
}
ul.membersOnlyWrap li{
	font-size: 1.8rem;
	line-height: 1.8em;
	font-weight: bold;
}
ul.membersOnlyWrap li.title h2{
	font-size: 2.0rem;
	margin-bottom: 1em;
	font-weight: bold;
}
ul.membersOnlyWrap li.title h3{
	margin-top: 1em;
	font-weight: bold;
}
ul.membersOnlyWrap li p a{
	padding-left: 0;
	color: #1C1F21;
	text-decoration: underline;
	font-size: 2.0rem;
}
ul.membersOnlyWrap li.listMark{
	border-bottom: 1px dotted #1A1D1E;
	overflow: hidden;
	padding: 1.0em 50px;
	font-weight: bold;
	position: relative;
}
ul.membersOnlyWrap li.listMark em{
	display: block;
	padding-left: 1em;
	font-size: 1.6rem;
}
ul.membersOnlyWrap li.listMark::before{
	content: "";
    border: 6px solid transparent;
    border-left: 8px solid #4F6537;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(-50%, -50%);
}
ul.membersOnlyWrap li a{
	color: #0058FF;
	padding-left: 1em;
}
}