@charset "UTF-8";


/*  */


/* Reset
-----------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,em {
	font-style: normal;
}
strong,th {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th {
	text-align: left;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img,fieldset {
	border: 0;
}
img {
	border:0;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
li {
	list-style-type: none;
}
input[type="submit"],button,label,select {
	cursor:pointer;
}


/* Fonts
-----------------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
	word-wrap : break-word;
	overflow-wrap : break-word; 
}
body,input,button,textarea,select {
	font: 16px/2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color: #333;
}
html>/**/body {
	font-size: 16px;
} /* Except IE */
.clear {
	clear: both;
}


/* link
-----------------------------------------------------------------*/
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:hover img {
	opacity: 0.7; /* 画像リンクを半透明ホバーさせる */
}





/* clearfix
-----------------------------------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* end MacIE5 */

.clearfix + * {
	clear: both;
}










/* グリッド設定
-----------------------------------------------------------------*/
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {
	width: 100%;
	padding-left: 15px; /*ガターはpx固定*/
	padding-right: 15px;
	box-sizing: border-box; /*グリッド幅にガターを含む*/
	float: left;
}

/*マルチカラム設定*/
@media screen and (min-width: 640px) {
	.grid1 {width: 8.3333%;}  /* 80/960 */
	.grid2 {width: 16.6666%;} /* 160/960 */
	.grid3 {width: 25%;}      /* 240/960 */
	.grid4 {width: 33.3333%}  /* 320/960 */
	.grid5 {width: 41.6666%;} /* 400/960 */
	.grid6 {width: 50%;}      /* 480/960 */
	.grid7 {width: 58.3333%;} /* 560/960 */
	.grid8 {width: 66.6666%;} /* 640/960 */
	.grid9 {width: 75%;}      /* 720/960 */
	.grid10 {width: 83.3333%;}/* 800/960 */
	.grid11 {width: 91.6666%;}/* 880/960 */
	.grid12 {width: 100%;}    /* 960/960 */
}

.container-full{
	width: 100%;
	margin: 0;
	padding:0;
}

.container{
	max-width: 960px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.container:after{
	content:"";
	display: block;
	clear:both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}




/* Base
-----------------------------------------------------------------*/
body {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background-color: #ffffff;
}
section {

}
.paragraph {

}

strong {
	font-weight: bold;
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.fs110 { font-size: 110%; }
.fs120 { font-size: 120%; }
.fs130 { font-size: 130%; }
.fs140 { font-size: 140%; }
.fs150 { font-size: 150%; }
.fs160 { font-size: 160%; }
.fs170 { font-size: 170%; }
.fs180 { font-size: 180%; }
.fs190 { font-size: 190%; }
.fs200 { font-size: 200%; }

.fwb { font-weight: bold; }

.lh100 {
	line-height: 1.0em;
}
.lh120 {
	line-height: 1.2em;
}
.lh130 {
	line-height: 1.3em;
}
.lh140 {
	line-height: 1.4em;
}
.lh150 {
	line-height: 1.5em;
}
.lh160 {
	line-height: 1.6em;
}
.lh180 {
	line-height: 1.8em;
}



#main .txtBox ol li,
#main .txtBox ul li {
	font-size: 100%;
	line-height:1.8em;
	margin-bottom:0.5em;
	margin-left: 30px;
}

#main .txtBox ol li {
	list-style-type: decimal;
}

#main .txtBox ul li {
	list-style-type: disc;
}



.txtBox p {
	line-height:2.2em;
	margin-bottom:1em;
	text-align:justify;
	text-justify:inter-ideograph;
}

.pic {
	margin-bottom: 5px;
}

.komeTxt {
	padding-left: 1em;
	text-indent: -1em;
}

.capBox {
	background-color: #eee;
	-moz-border-radius: 10px;    /* 古いFirefox */
	-webkit-border-radius: 10px; /* 古いSafari,Chrome */
	border-radius: 10px;         /* CSS3 */
}
.capBox .inner {
	padding: 30px 20px 10px 20px;
}
.capBox p {
	font-size: 90%;
	line-height: 1.4em;
}




/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 768px) {

.contents {
	width: 90%;
	margin: 0 auto;
}

}
/*-----------------------------------*/













/*　テーブル
-----------------------------------------------------------------*/
.normal-tab {
	width: 100%;
	border-collapse: collapse;
}

.normal-tab th,
.normal-tab td {
	border: 1px solid #cccccc;
	padding: 10px;
	vertical-align: middle;
	font-size: 100%;
}

.normal-tab th {
	font-weight: bold;
	background-color: #eeeeee;
}










/*　テーブル風
-----------------------------------------------------------------*/

.n-tab-box dl {
	margin: 0 1em;
}

.n-tab-box dl dt {
	width: 150px;
    float: left;
    clear: both;
	font-weight: bold;
	margin-bottom: 5px;
}
.n-tab-box dl dd {
	padding: 0 0 5px 170px;
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 13px;
	margin-bottom: 13px;
}

/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 768px) {

.n-tab-box dl {
	margin: 0 10px 0 0;
}

.n-tab-box dl dt {
	width: 100%;
    float: none;
    clear: both;
	background-color: #f6f6f6;
	padding: 8px 0 5px 10px;
}
.n-tab-box dl dd {
	padding: 0 0 15px 0;
	border-bottom: none;
}



.copy-catch p {
	line-height: 1.6em;
	text-align: left;
}
.copy-lead p {
	text-align: left;
}

}
/*-----------------------------------*/












/* Bootstrap のスタイル使用
-----------------------------------------------------------------*/
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-nowrap {
	white-space: nowrap;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}


.visible-xs {
  display: none !important;
}

/* メディアクエリ
--------------------------------------*/
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
/*-----------------------------------*/

/* メディアクエリ
--------------------------------------*/
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
/*-----------------------------------*/
























/* header
-----------------------------------------------------------------*/
#pageTop {
	/* ページトップリンクのためのアンカー */
}

header .inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 15px;
}

.companyLogo {
	width: 45%;
	float: left;
	display: inline;
}
.globalNav {
	width: 55%;
	float: right;
	display: inline;
	text-align: right;
	padding-top: 51px;
}

h1 {
	max-width: 423px;
	padding: 30px 0 12px 0;
}



/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 768px) {

.companyLogo {
	float: none;
	width: 100%;
	display: inline;
}

}

@media screen and (max-width: 520px) {

h1 {
	max-width: 350px;
}

}

@media screen and (max-width: 435px) {

h1 {
	max-width: 300px;
}

}

@media screen and (max-width: 380px) {

h1 {
	max-width: 250px;
}

}

@media screen and (max-width: 320px) {

h1 {
	max-width: 240px;
}

}

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









































.headCopyWrap {
	margin-left: 40px;
}


.catchCopy {
	max-width: 310px;
	padding: 150px 0 90px;
}

/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 768px) {

.headCopyWrap {
	margin-left: 0px;
	margin-right: 0px;
}
.catchCopy {
	padding: 100px 0px 50px;
}

}
/*-----------------------------------*/






.mainImageWrap {
	width: 100%;
	text-align: center;
	margin-bottom: 65px;
}
.mainImage {
	margin: 0 auto;
}


#main h2 {
	font-size: 200%;
	font-weight: normal;
	letter-spacing: 0.3em;
	text-align: center;
	margin-bottom: 70px;
}

#main h2.headline02 {
	max-width: 520px;
	margin: 0 auto 40px;
}



.txtContact {
	max-width: 340px;
	margin: 40px auto 60px;
}



.pdtList ul li {
	margin-left: 1.5em;
	list-style-type: disc;
	margin-bottom: 2em;
}



.contactWrap {
	width: 100%;
	padding: 50px 0 20px;
	background-color: #d81c22; 
}


#main .contactWrap h2 {
	color: #ffffff;
}
#main .contactWrap h3 {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 140%;
	letter-spacing: 0em;
	color: #ffffff;
	padding-bottom: 10px;
	margin-bottom: 30px;
	line-height: 1em;
}
#main .contactWrap p {
	color: #ffffff;
}




#main .pdtBox p {
	background-color: #d81c22;
	color: #ffffff;
	font-size: 125%;
	padding: 5px 15px;
}

.pdtBoxEtc {
	margin-top: -20px;
}

#main .pdtBoxEtc p {
	font-size: 125%;
}







/* footer
-----------------------------------------------------------------*/
.footerCopy {
	width: 100%;
	background-color: #d81c22;
	text-align: center;
	color: #fff;
	padding: 25px 0;
}











/* ページトップリンク
-----------------------------------------------------------------*/
#pageTopLink {
	position: fixed;
	bottom: 45px;
	right: 20px;
	z-index: 10000;
}
#pageTopLink a {
	display: block;
	z-index: 999;
	padding: 11px 8px 5px 8px;
	border-radius: 30px;
	width: 35px;
	height: 35px;
	background-color: #d81c22;
	border: 2px solid #fff;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
#pageTopLink a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
  #pageTopLink a {
    padding: 15px 8px 1px 8px;
  }
}

/* IE11のみ */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #pageTopLink a {
    padding: 15px 8px 1px 8px;
  }
}


/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 768px) {

#pageTopLink a {
	padding: 12px 8px 4px 8px;/*矢印位置の微調整*/
}

}
/*-----------------------------------*/












/* Googleマップ レスポンシブ対応
-----------------------------------------------------------------*/
.googleMap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 30px;
}
.googleMap iframe,
.googleMap object,
.googleMap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Googleマップ 横幅100%
-----------------------------------------------------------------*/
.google-maps {
position: relative;
padding-bottom: 350px; /*これが縦横比*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 350px !important;
}




































/* globalNav（PC用ナビゲーション）
-----------------------------------------------------------------*/

.globalNav ul li {
	font-size: 100%;
	letter-spacing: 0.1em;
	color: #888888;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 15px;
	line-height: 1em;
	border-right: 1px solid #cccccc;
	padding-right: 20px;
}

.globalNav ul li a {
	color:#888888;
	text-decoration:none;
}
.globalNav ul li a:hover {
	color:#e70012;
	text-decoration:none;
}

/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 890px) {

.globalNav {
	display: none;
}

}
/*-----------------------------------*/





/* gnav（トグルメニュー用ナビゲーション）
-----------------------------------------------------------------*/
#top-head {
	/* トグルメニューに必要なID js/toggle.jp 内で設定 */
}
#top-head:after {
	content: "";
	display: block;
	clear: both;
}


#gNav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: -500px;
	background: #ccc;
	width: 100%;
	text-align: center;
	padding: 0 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index: 9999;
}


/* トグルボタン
-----------------------------------------------------------------*/
#nav-toggle {
    display: none;
    position: absolute;
    right: 15px;
    top: 30px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}



/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 890px) {



/* gNav & トグルボタン
--------------------------------------*/
#gNav {
	position: absolute;
	/* 開いてないときは画面外に配置 */
	top: -500px;
	background: #ccc;
	width: 100%;
	text-align: center;
	padding: 0 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index: 9999;
}
#gNav ul {
	list-style: none;
	position: relative;
	right: 0;
	bottom: 0;
	font-size: 14px;
}
#gNav ul li {
	float: none;
	position: relative;
	border-bottom: 1px solid #fff;
}
#gNav nav {
	width: 100%;
	margin: 0;
}
.nav{
	display:block;
}
.nav li{
	-webkit-box-flex: 1; /* Android -4.3 */
	flex-grow:1;
}
.nav a{
	display:block;
	color:#888888;
	text-decoration:none;
	padding:15px 10px 13px 10px;
	background:#eeeeee;
	text-align:center;
	border-left: none;
	font-weight: normal;
	line-height: 0.9em;
	font-size: 17px;
}
.nav li:last-child a{
	border-right: none;
}
.nav a:hover {
	color: #ffffff;
	background:#d81c22;
}
#nav-toggle {
	display: block;
}


/* トグルボタン 切り替えアニメーション
-------------------------------------*/	
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

/* gNav スライドアニメーション
-------------------------------------*/	
.open #gNav {
	/* 開いていないときは画面外 top -500に位置している */
	/* (   px) は -500からの移動距離 */
	-moz-transform: translateY(600px);
	-webkit-transform: translateY(600px);
	transform: translateY(600px);
}


}
/*-----------------------------------*/


/* メディアクエリ
--------------------------------------*/
@media screen and (max-width: 768px) {

.open #gNav {
	-moz-transform: translateY(612px);
	-webkit-transform: translateY(612px);
	transform: translateY(612px);
}

}

@media screen and (max-width: 520px) {

.open #gNav {
	-moz-transform: translateY(605px);
	-webkit-transform: translateY(605px);
	transform: translateY(605px);
}

}

@media screen and (max-width: 435px) {

.open #gNav {
	-moz-transform: translateY(596px);
	-webkit-transform: translateY(596px);
	transform: translateY(596px);
}

}

@media screen and (max-width: 380px) {

.open #gNav {
	-moz-transform: translateY(585px);
	-webkit-transform: translateY(585px);
	transform: translateY(585px);
}

}

@media screen and (max-width: 320px) {

.open #gNav {
	-moz-transform: translateY(584px);
	-webkit-transform: translateY(584px);
	transform: translateY(584px);
}

}
/*-----------------------------------*/
























/*
320px以下
=======================================*/
@media screen and (max-width: 320px) {

}


/*
768pxまで : Extra Small (xs)
=======================================*/
@media screen and (max-width: 768px) {

}


/*
768px以上 : Small (sm)
=======================================*/
@media screen and (min-width: 768px) {

}


/*
992px以上 : Medium (md)
=======================================*/
@media screen and (min-width: 992px) {

}


/*
1200px以上 : Large (lg)
=======================================*/
@media screen and (min-width: 1200px) {

}






















































main#pdt01 {
padding: 30px 0 150px;
}

main#pdt02 {
padding: 30px 0 150px;
}
@media screen and (max-width: 768px) {
	main#pdt02 {
	padding: 20px 0 150px;
	}
}

main section {
	margin-bottom: 100px;
}

main section.sectionEnd {
	margin-bottom: 0;
}

main section p {
	margin-bottom: 1em;
}



.pdt01image {
	width: 100%;
	/*height: 600px;*/
	height: 800px;
	background: url("../img/ginger_01g.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.pdt02image {
	width: 100%;
	/*height: 600px;*/
	height: 800px;
	background: url("../img/garlic_01d.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.pdt03image {
	width: 100%;
	/*height: 600px;*/
	height: 800px;
	background: url("../img/dashi/dashi_main_01.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.pdt04image {
	width: 100%;
	/*height: 600px;*/
	height: 800px;
	background: url("../img/vinegar_main_e.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.pdt05image {
	width: 100%;
	/*height: 600px;*/
	height: 800px;
	background: url("../img/kinoko_main.jpg") no-repeat 50% 50%;
	background-size:cover;
}



@media screen and (max-width: 768px) {
.pdt01image,
.pdt02image,
.pdt03image,
.pdt04image,
.pdt05image {
	display: none;
}
}

.pdt01imageSP,
.pdt02imageSP,
.pdt03imageSP,
.pdt04imageSP,
.pdt05imageSP {
	display: none;
	margin-top: 60px;
}
@media screen and (max-width: 768px) {
.pdt01imageSP,
.pdt02imageSP,
.pdt03imageSP,
.pdt04imageSP,
.pdt05imageSP {
	display: block;
}
}



#pdt01 h2,
#pdt02 h2,
#pdt03 h2,
#pdt04 h2,
#pdt05 h2 {
	max-width: 90%;
	margin: 0 auto 0;
}
/*@media screen\0 {
  #pdt01 h2 {

	margin: 50px auto 100px;
}
}
*/



#pdt01 h3,
#pdt02 h3,
#pdt03 h3,
#pdt04 h3,
#pdt05 h3 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 200%;
	/*letter-spacing: 0.1em;*/
	color: #333;
	/*margin: 0 auto 50px;*/
	margin: 0 auto;
	line-height: 1.8em;
}


#pdt01 h3.colorBrown,
#pdt02 h3.colorBrown,
#pdt03 h3.colorBrown,
#pdt04 h3.colorBrown,
#pdt05 h3.colorBrown {
	color: #643c15;
}

#pdt01 h3.lhThin,
#pdt02 h3.lhThin,
#pdt03 h3.lhThin,
#pdt04 h3.lhThin,
#pdt05 h3.lhThin {
	line-height: 1.4em;
}



#pdt01 h4,
#pdt02 h4,
#pdt03 h4,
#pdt04 h4,
#pdt05 h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 180%;
	/*letter-spacing: 0.1em;*/
	color: #58150e;
	/*margin: 0 auto 50px;*/
	margin: 0 auto;
	line-height: 1em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
}



h4 {
    margin:  0;                 /* デフォルトCSS打ち消し */
    position:  relative;        /* 位置調整 */
    display:  inline-block;     /* インラインブロックにする */
    padding-top: 40px;          /* 余白指定 */
    padding-left: 40px;         /* 余白指定 */
    padding-bottom: 20px;       /* 余白指定 */
		margin-top: 200px;
		width: 100%;
}

h4:before {
    content:  '';               /* 空白の要素を作る */
    background-color: #ffeaac;  /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
		bottom: -10px;                     /* 位置調整 */
    left:  0;                   /* 位置調整 */
    height: 90px;               /* 高さ指定 */
    width: 90px;                /* 幅指定 */
    border-radius:  50%;        /* 丸くする */
    z-index:  -1;               /* 重なり調整 */
}

















#pdt01 h5,
#pdt02 h5,
#pdt03 h5,
#pdt04 h5,
#pdt05 h5 {
	font-size: 120%;
	/*letter-spacing: 0.1em;*/
	color: #333;
	background-color: #eee;
	padding: 8px 10px 5px;
	/*margin: 0 auto 50px;*/
	margin: 0 auto;
	line-height: 1.4em;
	margin-bottom: 20px;
}


.h5sp {
  position: relative;
  background: #ffeaac;
  padding: 2px 5px 2px 25px;
  font-size: 20px;
  color: #474747;
  border-radius: 0 10px 10px 0;
	margin-bottom: 30px;
	margin-left: 20px;
}

.h5sp:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #ffa337;
  font-weight: normal;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}



#pdt01 h6,
#pdt02 h6,
#pdt03 h6,
#pdt04 h6,
#pdt05 h6 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 120%;
	/*letter-spacing: 0.1em;*/
	color: #333;
	/*margin: 0 auto 50px;*/
	margin: 0 auto;
	line-height: 1.2em;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
}

.headInnerCap {
	font-size: 80%;
	margin-left: 20px;
}



.container .inner {
	max-width: 800px;
	margin: 0 auto;
}



#pdtImgGinger {
	width: 200px;
}

@media screen and (max-width: 768px) {
.gNav {
	display: none;
}
}

.voices ul li {
	font-size: 130%;
	margin-bottom: 1.4em;
}

.normalList ul {
	margin-left: 2em;
}
.normalList ul li {
	list-style-type: disc;
	margin-bottom: 1em;
	line-height: 1.6em;
}





.garlicA {

}
.garlicB {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
	.garlicA {
	text-align: center;
	}
	.garlicB {
	margin-top: 0;
	text-align: center;
	}
}




.pageTopText {
	padding: 20px auto 40px;
	margin-top: 90px;
	margin-bottom: 20px;
}

.pageTopText p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.1em;
	color: #333;
	margin: 0 auto;
	line-height: 1.6em;
}

.mainImageBottomTxt {
	background-color: #48341f;
	padding: 15px 15px 10px;
	text-align: center;
} 

.conVinegar .mainImageBottomTxt {
	background-color: #c52c26;
} 

.mainImageBottomTxt p {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 0 auto;
	line-height: 1.6em;
}






p.lh10 {
	line-height: 1.0em;
}
p.lh12 {
	line-height: 1.2em;
}
p.lh13 {
	line-height: 1.3em;
}
p.lh14 {
	line-height: 1.4em;
}
p.lh15 {
	line-height: 1.5em;
}
p.lh16 {
	line-height: 1.6em;
}
p.lh18 {
	line-height: 1.8em;
}


.captionTxt {
	font-size: 80%;
}




/* お客様の声 吹き出し */
.balloon {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon .faceicon img{
  width: 100%;
  height: auto;
  border: solid 1px #ccc;
  border-radius: 50%;
}

.balloon .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 25px 25px 25px 35px;
  border-radius: 12px;
  /*background: #d7ebfe;*/
	border: 1px solid #ccc;
}
.says:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.says:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -26px;
  margin-top: -13px;
  border: 13px solid transparent;
  border-right: 13px solid #aaa;
  z-index: 1;
}

.says p {
	font-size: 130%;
  margin: 0;
  padding: 0;
}

.indTxt {
	padding-left: 1em;
	text-indent: -1em;
}

.osusumeTitleCopy {
	text-align: right; 
	margin-top: -70px;
}
@media screen and (max-width: 470px) {
	.osusumeTitleCopy {
		text-align: left; 
		margin-top: 0;
	}
}








.recipeList ol {
	margin-left: 2em;
}

.recipeList ol li {
	list-style-type: decimal;
}

.recipeList dl dt {
	background-color: #eee;
	padding: 5px;
	line-height: 1em;
	margin-bottom: 0.5em;
}













/* どこでもカラーミー
-----------------------------------------------------------------*/



.cartjs_product_name {
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-size: 110%;
	color: #333;
	margin: 0;
	line-height: 1.2em;
	border-bottom: 1px dashed #ccc;

}

.cartjs_product_img {
	margin: 20px 0;
}




input[type="submit"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   width: 100%;
	 padding: 10px;
   border: 1px solid #ccc;
   border-radius: 0.3em;
	 margin-top: 20px;
}
input[type="submit"]:hover {
   /* マウスが載ったとき */
   background-color: #FFF6BA;
}







/* きのこ茶
-----------------------------------------------------------------*/

.kinokoPower {
	background-color: #e4ceb2;
	color: #7e4f26;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding: 15px;
	border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}