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

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img, abbr, acronym, fieldset {
	border: 0;
}

img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

ul li {
	list-style-type: none;
}

hr {
	border-top: 1px dotted #f5f5f5;
}

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo,MS UI Gothic','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	/*letter-spacing: -0.001em;		 iOS4でのテキストの隙間への対応 */
	/*-webkit-text-size-adjust: 100%;		 文字サイズの自動調整機能のキャンセル */
}



/*-----------------------------------------------------	
    Anchor
  -----------------------------------------------------	*/
a {
	outline: none;
}

a:link {
	text-decoration: none;
	/*color: #38bdbb;*/
	color: #0096e0;
}
a:visited {
	text-decoration: none;
	/*color: #38bdbb;*/
	color: #0096e0;
}
a:hover {
	text-decoration: underline;
	/*color: #38bdbb;*/
	color: #0096e0;
}
a:active {
	text-decoration: underline;
	/*color: #38bdbb;*/
	color: #0096e0;
}


/*-----------------------------------------------------	
    General
  -----------------------------------------------------	*/
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {
	font-size: 76%;
}

/* ADD-STR 2017.04.18 */
ol {
	margin: 0;
}

ol li {
	margin: 0 0 5px 0;
	font-size: 90%;
}
/* ADD-END 2017.04.18 */

.img {
	text-align: center;
}

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

#container {
	position: relative;			/* 親要素をposition:relativeとする */
	width: 100%;
	/* 
	DEL-STR 2017.11.27
	max-width: 1280px;
	DEL-END 2017.11.27 
	*/
	margin: 0 auto;
	/* 
	DEL-STR 2017.11.27
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	DEL-END 2017.11.27 
	*/
}

.mainimg   {  
    border-radius: 20px;        	/* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   	/* Firefox用 */  
}

div .orderlist {
	font-size: 0.9em;
}



/*-----------------------------------------------------	
    Column
  -----------------------------------------------------	*/
.row {
	max-width: 930px;
	margin: 0 auto;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* each column horaizental, left margin */
.col {
	float: left;
	margin-left: 3.2258064515%;
}

/* delete left margin */
.col:first-child,
.col.left {margin-left: 0;}

/* change right-left column setting */
.col.right {
	float: right;
	margin-left: 3.2258064515%;
}

/* each column width by % */
.one-second {width: 48.3870967741%;}
.one-third {width: 31.1827956988%;}
.two-third {width: 65.5913978494%;}
.one-fourth {width: 24.193548387%;}
.three-fourth {width: 72.580645161%;}
.one-fifth {width: 17.2%;}
.one-fourth-top {width: 22.5%;}
.one-sixth {width: 13.2%;}


/*-----------------------------------------------------	
    Header
  -----------------------------------------------------	*/
header {
	width: 100%;
	background-color: #fff;
	/*background-color: #f5f5f5;*/
	padding-top: 40px;
}

header .row {
	position: relative;
}
header .row:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	margin-left: 35px;
	/*border-top: solid 10px #000;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;*/
}

header h1 {
	width: 87px;
	height: 55px;
	margin-top: 20px;
}

/*-----------------------------------------------------	
    Global Navi
  -----------------------------------------------------	*/

/* desktop tablet display on right side */
#gnav {
	float: right;
	/* 2018.10.10 Chrome
	width: 90%;
	*/
	width: 100%;
}

/* horizontal navigation */
#gnav li {
	float: left;
	/* UPD 2020.07.21
	width: 20%; 
	*/
	width: 16.66666%;
}

#gnav a {
	display: block;
	position: relative;
	/*z-index: 2000; 2021.10.07 */
	height: 30px;
	padding-top: 50px;
	font-size: 76%;
	text-decoration: none;
	color: #fff;
	text-align: center;
}

/* icon font */
#gnav a:before {
	display: block;
	position: absolute;
	width: 100%;
	top: 15px;
	text-align: center;
	font-family: 'icomoon';
 	font-size: 22px;
	color: #fff;
}
/* traiangle mark */
#gnav a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	/*bottom: -10px;*/
	left: 50%;
	margin-left: -10px;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
}
/* graduation color on navigation */
.mainmenu a:link,
.mainmenu a:visited {
	/*
	background-color: #42b0c7;
	background: -moz-linear-gradient(top, #31c5b5, #2595ad);
	background: -webkit-gradient(linear, left top, left bottom, from(#31c5b5), to(#2595ad));
	background: -webkit-linear-gradient(top, #31c5b5, #2595ad);
	background: linear-gradient(to bottom, #31c5b5, #2595ad);
	*/
	background-color: #0096e0;
	background: -moz-linear-gradient(top, #66c0ec, #0096e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#66c0ec), to(#0096e0));
	background: -webkit-linear-gradient(top, #66c0ec, #0096e0);
	background: linear-gradient(to bottom, #66c0ec, #0096e0);	
}
/* mouse over graduation color */
.mainmenu a:hover,
.mainmenu a:active {
	/*
	background-color: #34a5bd;
	background: -moz-linear-gradient(top, #45d8c8, #34a5bd);
	background: -webkit-gradient(linear, left top, left bottom, from(#45d8c8), to(#34a5bd));
	background: -webkit-linear-gradient(top, #45d8c8, #34a5bd);
	background: linear-gradient(to bottom, #45d8c8, #34a5bd);
	*/
	background-color: #19a0e3;
	background: -moz-linear-gradient(top, #7fcaef, #19a0e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#7fcaef), to(#19a0e3));
	background: -webkit-linear-gradient(top, #7fcaef, #19a0e3);
	background: linear-gradient(to bottom, #7fcaef, #19a0e3);	
}
/* マウスオーバー時にborderを使った三角マークを表示 */
.mainmenu a:link:after,
.mainmenu a:visited:after {
	display: none;
}
.mainmenu a:hover:after,
.mainmenu a:active:after {
	display: block;
	/*border-top: solid 10px #34a5bd;*/
	border-top: solid 10px #19a0e3;
}

/* 疑似要素に、アイコンフォントに割り当てられた文字を記述 */
#mainmenu1 a:before {
	content: url(../../img/menu_icon_company.png);
}
#mainmenu2 a:before {
	content: url(../../img/menu_icon_biz.png);
}
#mainmenu3 a:before {
	content: url(../../img/menu_icon_prod.png);
}
#mainmenu4 a:before {
	content: url(../../img/menu_icon_recruit.png);
}
#mainmenu5 a:before {
	content: url(../../img/menu_icon_inquiry.png);
}
#mainmenu6 a:before {
	content: url(../../img/menu_icon_csr.png);
}



/*-----------------------------------------------------	
    Bxslier Main
  -----------------------------------------------------	*/
#mainslider {
	margin-bottom: 50px;
}


 /*-----------------------------------------------------	
    Breadcrumb Navigation
  -----------------------------------------------------	*/
#breadcrumb-navigation {
	/* 2016.03.16 UPD
	background-color: #f5f5f5;
	*/
	background-color: #fff;
	padding: 0 0 0 15px;
	min-height:3px;
	/*margin: 30px 25px 15px;*/
	/*text-align: right;*/
}

#breadcrumb-navigation ul {
	width: 96%;
}

#breadcrumb-navigation li {
	display: inline-block;
	padding: 0 5px 0 0;
	/*border-left: solid 1px #ddd;*/
	font-size: 68%;
}
#breadcrumb-navigation li:first-child {
	padding-left: 0;
	border-left: none;
}

#breadcrumb-navigation a:link,
#breadcrumb-navigation a:visited {
	color: #666;
	text-decoration: none;
}
#breadcrumb-navigation a:hover,
#breadcrumb-navigation a:active {
	color: #666;
	text-decoration: underline;
}



/*-----------------------------------------------------	
    Back to Top
  -----------------------------------------------------	*/
div #back-to-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
}

div #pos {
	position: fixed;
	left: 10px;
	bottom: 10px;
}



/*-----------------------------------------------------	
    Page Back
  -----------------------------------------------------	*/
#page-back {
	/*border-top: solid 1px #d5d5d5;		 1番外側のborder */
	/*border-bottom: solid 1px #d5d5d5;*/
	padding: 5px 0;
}

#page-back p {
	font-size: 68%;
	/* 2番目のborder */
	/* 2017.03.16 UPD
	border-top: solid 1px #dedede;		
	*/
	border-top: solid 1px #fff;	
}

#page-back a {
	display: block;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	color: #666;
	/* 1番内側のborder */
	/* 2017.03.16 UPD
	border-top: solid 1px #e5e5e5;	
	*/
	border-top: solid 1px #fff;	
}
#page-back a:before {
	content: url(../../img/arrow_back_s.png);
}
#page-back a:after {
	/*content: "\67";*/
	font-family: 'icomoon';
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
	color: #999;
}
#page-back a:link,
#page-back a:visited {
	/* 2017.03.16 UPD
	background-color: #eee;
	*/
	background-color: #fff;
}
#page-back a:hover,
#page-back a:active {
	background-color: #e5e5e5;
}



/*-----------------------------------------------------	
    Alert Info
  -----------------------------------------------------	*/
h3.notice {
	margin: 10px 0;
	padding: .5em .75em;
	border: 1px solid #ccc;	
}
h3.notice span {
	display: block;
	margin-bottom: .2em;
	color: #ff0000;
	font-size: .9em;
	font-weight: bold;
}

h3.notice a {
	outline: none;
}

h3.notice a:link {
	text-decoration: none;
	color: #333;
	/*color: #0096e0;*/
}
h3.notice a:visited {
	text-decoration: none;
	color: #333;
	/*color: #0096e0;*/
}
h3.notice a:hover {
	text-decoration: underline;
	/*color: #333;*/
	color: #ff0000;
}
h3.notice a:active {
	text-decoration: underline;
	color: #333;
	/*color: #0096e0;*/
}



/*-----------------------------------------------------	
    Article
  -----------------------------------------------------	*/
article {
	background-color: #fff;
	padding-bottom: 50px;
	min-height: 500px;
}


/*-----------------------------------------------------	
    Index
  -----------------------------------------------------	*/
#index {
	padding-bottom: 20px;
}
/*
@media screen and (min-width: 640px) {
	#index {
		background: url(../images/separetor1.png) no-repeat bottom center;
	}
}
*/

#index section a {
	display: block;
	position: relative;
	/* 2017.03.16 UPD
	padding: 10px 0 30px;
	*/
	padding: 0;
	text-decoration: none;
}
#index section a:link,
#index section a:visited {
	background-color: transparent;
}
#index section a:hover,
#index section a:active {
	/* 2017.03.16 UPD
	background-color: #f5f5f5;
	*/
	background-color: #fff;
}

#index .img {
	margin-bottom: 10px;
	display: block;
}

#index h1 {
	margin-bottom: 3px;
	font-size: 90%;
	font-weight: bold;
}
#index h1:after {
	/*content: "\66";
	font-family: 'icomoon';*/
	/*content: "≫";*/
	content: url(../../img/arrow_div_s.png);
	font-size: 10px;
	font-weight: normal;
	transition-duration: 0.3s;
	margin-left: 5px;
}
#index section a:link h1:after,
#index section a:visited h1:after {
	margin-left: 5px;
}
#index section a:hover h1:after,
#index section a:active h1:after {
	margin-left: 8px;
}

#index p {
	color: #666;
}

/* トップ事業部画像入替 */
#index h1 {  
	display: none;  
}  
#index .divcom {  
	display: none;  
}  




/*-----------------------------------------------------	
    News
  -----------------------------------------------------	*/
#news {
	margin-top: 30px;
	border-bottom: solid 1px #eee;
}

#news h1 a {
	display: block;
	position: relative;
	z-index: 2;
	padding: 8px 15px;
	font-size: 100%;
	color: #fff;
	text-decoration: none;
}
#news h1 a:link,
#news h1 a:visited {
	/*background-color: #8bd5d4;*/
	background-color: #0096e0;
}
#news h1 a:hover,
#news h1 a:active {
	/*background-color: #a1e3e2;*/
	background-color: #19a0e3;
}

#news h1 a:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -8px;
	left: 30px;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}
#news h1 a:after {
	/*content: "\66";
	font-family: 'icomoon';*/
	font-size: 11px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
#news h1 a:link:before,
#news h1 a:visited:before {
	/*border-top: solid 8px #8bd5d4;*/
	border-top: solid 8px #0096e0;
}
#news h1 a:hover:before,
#news h1 a:active:before {
	/*border-top: solid 8px #a1e3e2;*/
	border-top: solid 8px #19a0e3;
}
#news h1 a:link:after,
#news h1 a:visited:after {
	right: 6px;
}
#news h1 a:hover:after,
#news h1 a:active:after {
	right: 3px;
}

#news dl a {
	position: relative;
	display: block;
	/* 2017.03.28 UPD
	padding: 15px 20px 15px 0;
	*/
	padding: 15px 20px 15px 15px;
	text-decoration: none;
	border-top: solid 1px #eee;
}
#news dl a:first-child {
	border-top: none;
}
#news dl a:link,
#news dl a:visited {
	background-color: transparent;
}
#news dl a:hover,
#news dl a:active {
	background-color: #f5f5f5;
}
#news dl a:after {
	/*content: "\66";
	font-family: 'icomoon';*/
	/*content: ">";*/
	content: url(../../img/arrow_menu_s.png);
	font-size: 11px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
#news dl a:link:after,
#news dl a:visited:after {
	right: 6px;
}
#news dl a:hover:after,
#news dl a:active:after {
	right: 3px;
}

#news dt  {
	margin-bottom: 3px;
	color: #000;
	font-size: 76%;
	font-weight: bold;
}

#news dd  {
	color: #666;
	font-size: 76%;
}


/*-----------------------------------------------------	
    Contents
  -----------------------------------------------------	*/
#contents {
	margin-top: 30px;
	/* 2017.03.16 UPD
	border-bottom: solid 1px #eee;
	*/
	border-bottom: solid 1px #fff;
}

#contents h1 {
	display: block;
	position: relative;
	z-index: 2;
	/* 2017.03.24 UPD
	padding: 8px 15px;
	*/
	padding: 8px 15px 4px 15px;
	font-size: 100%;
	color: #fff;
	text-decoration: none;
	background-color: #0096e0;
	/* 2017.03.28 ADD */
	margin-bottom: 15px;
}

/* 最初以外トップマージン設定*/
#contents h1:not(:first-child){
	margin-top: 20px;
}

/* 水産 */
#contents h1.suisan {
    font-weight: bold;
    color: #FFF;
    font-size: 1.5em;
}

/* 農産 */
#contents h1.nosan {
    font-weight: bold;
    color: #FFF;
    background-color: #00712f;
    font-size: 1.5em;
    /*padding: 5px 10px;*/
}

/* 調理 */
#contents h1.chori {
    font-weight: bold;
    color: #FFF;
    background-color: #f48b49;
    font-size: 1.5em;
    /*padding: 5px 10px;*/
}

/* ADD-STR 2020.09.10 */
/* 加水 */
#contents h1.kasui {
    font-weight: bold;
    color: #FFF;
    background-color: #996699;
    font-size: 1.5em;
}
/* ADD-END 2020.09.10 */

/* 2017.05.22 ADD-STR */
/* 商品レシピ */
#contents h1.prod_recipe {
    background-color: #754C24;
}
/* 2017.05.22 ADD-END */

/* 2017.03.28 ADD-STR */
/* 仕入れ、買い付け */
#contents h1.purchase {
    color: #FFF;
    background-color: #cc6699;
}
/* 加工、生産 */
#contents h1.process {
    color: #FFF;
    background-color: #ff9900;
}
/* 品質管理・フォロー */
#contents h1.quality {
    color: #FFF;
    background-color: #66cc66;
}
/* 配送・ネットワーク */
#contents h1.delivery {
    color: #FFF;
    background-color: #0099cc;
}
/* 営業・リテールサポート */
#contents h1.sales {
    color: #FFF;
    background-color: #6699cc;
}
/* 企画・開発 */
#contents h1.project {
    color: #FFF;
    background-color: #996699;
}
/* 2017.03.28 ADD-END */

#contents p {
	padding: 8px 15px;
	font-size: 90%;
}

#contents .img-right {
	padding: 25px 10px 15px 0;
	text-align: right;
}



/*-----------------------------------------------------	
    Side Menu
  -----------------------------------------------------	*/
#sideMenu {
	margin-top: 20px;
	padding: 5px 0 5px 20px;
	border: 1px solid #fff;
	text-align: left;
	color: #000;
	background-color: #999;
	cursor: pointer;
}



/*-----------------------------------------------------	
    Sidebar
  -----------------------------------------------------	*/
#sidebar {
	margin-top: 30px;
	border-bottom: solid 1px #eee;
}

#sidebar section {
	border-top: solid 1px #eee;
}

#sidebar h1 {
	margin-left: 70px;
	font-size: 90%;
	font-weight: bold;
	color: #000;
}

#sidebar h2 {
	/* 2017.03.24 UPD
	margin-left: 15px;
	*/
	margin-left: 35px;
	font-size: 90%;
	font-weight: bold;
	color: #000;
}
#sidebar .selected-h2 {
	/* 2017.03.24 UPD
	margin-left: 15px;
	*/
	margin-left: 35px;
	font-size: 90%;
	font-weight: bold;
	color: #0096e0;
}

#sidebar section a {
	display: block;
	position: relative;			/* ボックス全体にposition:relativeを指定 */
	padding: 15px 20px 15px 0;
	text-decoration: none;
	overflow: hidden;
}
/* ADD 2017.03.24 STR */
/* :before疑似要素に箇条書きアイコンを設定 */
#sidebar section a:before {
	content: url(../../img/bullets_menu.png);
	margin-left: 15px;
	position: absolute;	
}
/* ADD 2017.03.24 END */
/* :after疑似要素にリンクアイコンを設定 */
#sidebar section a:after {
	/*content: "\66";
	font-family: 'icomoon';*/			/* リンクアイコンをWebフォントとして指定 */
	/*content: ">";*/
	content: url(../../img/arrow_menu_s.png);
	font-size: 11px;
	display: block;
	position: absolute;			/* position:absoluteでボックスの右側にリンクアイコンを配置 */
	width: 10px;
	line-height: 10px;
	top: 50%;				/* リンクアイコンを上下中央に配置 */
	margin-top: -5px;
	transition-duration: 0.3s;		/* リンクアイコンをアニメーション動作させる（FireFoxのみ） */
}
#sidebar section a:link,
#sidebar section a:visited {
	background-color: transparent;
}
#sidebar .selected {
	background-color: #f5f5f5;
}
#sidebar section a:hover,
#sidebar section a:active {
	background-color: #f5f5f5;
}
#sidebar section a:hover h1,
#sidebar section a:active h1 {
	color: #0096e0;
}
#sidebar section a:hover h2,
#sidebar section a:active h2 {
	color: #0096e0;
}
#sidebar section a:link:after,
#sidebar section a:visited:after {
	right: 6px;				/* リンクアイコンを右端から6pxに配置*/
}
#sidebar section a:hover:after,
#sidebar section a:active:after {
	right: 3px;				/* マウスオーバー時にリンクアイコンの位置をずらす */
}
#sidebar p.archive {
	margin-left: 15px;
}
#sidebar p {
	margin-left: 70px;
	color: #666;
}

#sidebar .img {
	float: left;
	margin: 0;
}

/* 2017.03.24 UPD-STR */
/* :before疑似要素に箇条書きアイコンを削除 */
#sidebar.main section a:before {
	content: "";
}
#sidebar .top-menu-h2 {
	display: block;
}
#sidebar .top-menu-h2 {
	font-weight: bold;
	color: #0096e0;
	margin-left: 15px;
	display: block;
	position: relative;			/* ボックス全体にposition:relativeを指定 */
	padding: 15px 20px 15px 0;
	text-decoration: none;
	overflow: hidden;
}
/* 2017.03.24 UPD-END */

/* ADD-STR 2017.04.17 */
#sidebar .subMenu section a:before {
	content: "";
}
/* ADD-END 2017.04.17 */



 /*-----------------------------------------------------	
    Utility
  -----------------------------------------------------	*/
#utility {
	position: absolute; 			/* PC用の表示ではposition:absoluteとする */
	width: 100%;
	top: 0;					/* top:0としてヘッダー部に移動 */
	height: 40px;				/* 高さは固定とする */
	background-color: #000;
}

#utility .row {
	height: 100%;
}


#search {
	float: right;
	width: 179px;
	margin: 9px 0 0 10px;
	padding-left: 11px;
	background-color: #444;
	overflow: hidden;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#search input {
	float: left;
	display: block;
	width: 70%;
	height: 22px;
	border: none;
	background-color: transparent;
	color: #fff;
}

#search a {
	float: right;
	display: block;
	width: 30%;
	line-height: 22px;
	color: #fff;
	font-size: 76%;
	text-align: center;
	text-decoration: none;
}
#search a:link,
#search a:visited {
	background-color: #666;
	background: -moz-linear-gradient(top, #888, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background: -webkit-linear-gradient(top, #888, #666);
	background: linear-gradient(to bottom, #888, #666);
}
#search a:hover,
#search a:active {
	background-color: #777;
	background: -moz-linear-gradient(top, #999, #777);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777));
	background: -webkit-linear-gradient(top, #999, #777);
	background: linear-gradient(to bottom, #999, #777);
}


#language {
	float: left;
}


#fsize {
	float: right;
	width: 200px;
	margin: 9px 15px 0 10px;
	padding-left: 11px;
	background-color: #444;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#fsize p {
	float: left;
	/*display: block;*/
	display: inline-block;
	width: 40%;
	line-height: 22px;
	/*height: 22px;*/
	/*border: none;*/
	background-color: transparent;
	color: #fff;
	text-align: center;
}
#fsize a {
	float: right;
	display: block;
	width: 50px;
	line-height: 22px;
	color: #fff;
	font-size: 76%;
	text-align: center;
	text-decoration: none;
}
#fsize a:link,
#fsize a:visited {
	background-color: #666;
	background: -moz-linear-gradient(top, #888, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background: -webkit-linear-gradient(top, #888, #666);
	background: linear-gradient(to bottom, #888, #666);
}
#fsize a:hover,
#fsize a:active {
	background-color: #777;
	background: -moz-linear-gradient(top, #999, #777);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777));
	background: -webkit-linear-gradient(top, #999, #777);
	background: linear-gradient(to bottom, #999, #777);
}



 /*-----------------------------------------------------	
    Language Dropdown
  -----------------------------------------------------	*/
.wrapper-menubar {
	height: 45px;
	position: relative;
}
.menubar {
	bottom: 0;
}
.dropdown-menu {
	width: 150px;
}
/* Button Style */
.dropdown-menu > a {
	display: block;
	padding: 7px 0 5px 40px;
	background-color: #000;
	background-image: url(./images/ddl_arrow1.png);
	background-position: 25px 50%;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0.9em;
	border-radius: 5px;
	text-decoration: none;
}
.dropdown-menu > a:hover {
	background-image: url(./images/ddl_arrow2.png);
	color: #ddd;
}
.dropdown-menu > a:active {
	background-image: url(./images/ddl_arrow3.png);
	color: #a2a2a2;
}
/* Click Menu Style */
.dropdown-menu > .items {
	display: none;
	margin: 3px 0 0 0;
	width: 150px;
	position: absolute;
}
.dropdown-menu > .items li a {
	display: block;
	padding: 5px 0;
	background: #a2a2a2;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;
}
.dropdown-menu > .items li:first-child a {
	border-radius: 5px 5px 0 0;
}
.dropdown-menu > .items li:last-child a {
	border-radius: 0 0 5px 5px;
}
.dropdown-menu > .items li a:hover {
	background: #bbb;
}
.dropdown-menu > .items li a:active {
	background: #757575;
}



 /*-----------------------------------------------------	
    Main Products
  -----------------------------------------------------	*/
#prodmain {
	margin-top: 30px;
}

#prodmain #prodgallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

#prodmain #prodgallery li {
  float: left;
  width: 50%;
  margin: 0;
}

/* 水産商品特徴背景 */
#prodmain h2.suisan {
	margin: 5px 10px 0 5px;
	background-color: #0096e0;
	border-left: 5px solid #FFFF00;
	padding: 8px 0px 8px 10px;
	color: #FFF;
	font-size: 1.21em;
	font-weight: bold;
	width: 90%;
}

/* 農産商品特徴背景 */
#prodmain h2.nosan {
	margin: 5px 10px 0 5px;
	background-color: #4b9f87;
	border-left: 5px solid #FFFF00;
	padding: 8px 0px 8px 10px;
	color: #FFF;
	font-size: 1.21em;
	font-weight: bold;
	width: 90%;
}

/* 調理商品特徴背景 */
#prodmain h2.chori {
	/*border: 2px solid #f39938;
    color: #FFF;
    background-color: #f39938;
	font-size: 1.22em;
	font-weight: bold;
	width: 90%;*/

	margin: 5px 10px 0 5px;
	background-color: #f39938;
	border-left: 5px solid #FFFF00;
	padding: 8px 0px 8px 10px;
	color: #FFF;
	font-size: 1.21em;
	font-weight: bold;
	width: 90%;
}

/* ADD-STR 2020.09.10 */
/* 加水商品特徴背景 */
#prodmain h2.kasui {
	margin: 5px 10px 0 5px;
	background-color: #66CCFF;
	border-left: 5px solid #FFFF00;
	padding: 8px 0px 8px 10px;
	color: #FFF;
	font-size: 1.21em;
	font-weight: bold;
	width: 90%;
}
/* ADD-END 2020.09.10 */


#prodmain h3 {
	font-weight: bold;
	display: block;
	position: relative;
	margin-top: 15px;
	padding: 3px;
	font-size: 100%;
	color: #0096e0;
	text-decoration: none;
}

#prodmain p {
	padding-left: 5px;
	padding-right: 5px;
}

/* 水産商品特徴背景 */
#prodmain h3.suisan {
	color: #0096e0;
	font-size: 1.2em;
}

/* 農産商品特徴背景 */
#prodmain h3.nosan {
	color: #00712f;
	font-size: 1.2em;
}

/* 調理商品特徴背景 */
#prodmain h3.chori {
	color: #f48b49;
	font-size: 1.2em;
}

/* ADD-STR 2020.09.10 */
/* 加水商品特徴背景 */
#prodmain h3.kasui {
	color: #996699;
	font-size: 1.2em;
}
/* ADD-END 2020.09.10 */



 /*-----------------------------------------------------	
    Search Products
  -----------------------------------------------------	*/
 #rdoProd {
	float: left;
	width: 80%;
	margin-top: 15px;
	padding-left: 20px;
	font-size: 0.9em;
}

#searchProd {
	float: left;
	width: 80%;
	margin: 15px;
	padding-left: 11px;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	overflow: hidden;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#searchProd input {
	float: left;
	display: block;
	width: 70%;
	height: 35px;
	border: none;
	background-color: transparent;
	color: #666;
}

#searchProd a {
	float: right;
	display: block;
	width: 30%;
	line-height: 35px;
	color: #fff;
	font-size: 85%;
	text-align: center;
	text-decoration: none;
}
#searchProd a:link,
#searchProd a:visited {
	background-color: #666;
	background: -moz-linear-gradient(top, #888, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background: -webkit-linear-gradient(top, #888, #666);
	background: linear-gradient(to bottom, #888, #666);
}
#searchProd a:hover,
#searchProd a:active {
	background-color: #777;
	background: -moz-linear-gradient(top, #999, #777);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777));
	background: -webkit-linear-gradient(top, #999, #777);
	background: linear-gradient(to bottom, #999, #777);
}

#iconProd {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#iconProd img {
	/*padding-right: 5px;*/
	padding-left: 15px;
	padding-bottom: 20px;
}

#contents #errorMsg {
	font-size: 1.1em;
	color: red;
	font-weight: bold;
	margin-bottom: 20px;
	/*text-align: center;*/
}



/*-----------------------------------------------------	
    LeftMenuList
  -----------------------------------------------------	*/
.leftmenulist {
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px #eee;
}

.leftmenulist h1 a {
	display: block;
	position: relative;
	z-index: 2;
	padding: 8px 15px;
	font-size: 100%;
	color: #fff;
	text-decoration: none;
}
.leftmenulist h1 a:link,
.leftmenulist h1 a:visited {
	/*background-color: #8bd5d4;*/
	background-color: #0096e0;
}
.leftmenulist h1 a:hover,
.leftmenulist h1 a:active {
	/*background-color: #a1e3e2;*/
	background-color: #19a0e3;
}

.leftmenulist h1 a:before {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -8px;
	left: 30px;
	border-left: solid 8px transparent;
	border-right: solid 8px transparent;
}
.leftmenulist h1 a:after {
	/*content: "\66";
	font-family: 'icomoon';*/
	font-size: 11px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
.leftmenulist h1 a:link:before,
.leftmenulist h1 a:visited:before {
	/*border-top: solid 8px #8bd5d4;*/
	border-top: solid 8px #0096e0;
}
.leftmenulist h1 a:hover:before,
.leftmenulist h1 a:active:before {
	/*border-top: solid 8px #a1e3e2;*/
	border-top: solid 8px #19a0e3;
}
.leftmenulist h1 a:link:after,
.leftmenulist h1 a:visited:after {
	right: 6px;
}
.leftmenulist h1 a:hover:after,
.leftmenulist h1 a:active:after {
	right: 3px;
}

.leftmenulist dl a {
	position: relative;
	display: block;
	/* 2017.03.28 UPD
	padding: 15px 30px 15px 0;
	*/
	padding: 15px 30px 15px 15px;
	text-decoration: none;
	border-top: solid 1px #eee;
}
.leftmenulist dl a:first-child {
	border-top: none;
}
.leftmenulist dl a:link,
.leftmenulist dl a:visited {
	background-color: transparent;
}
.leftmenulist dl a:hover,
.leftmenulist dl a:active {
	background-color: #f5f5f5;
}
.leftmenulist dl a:after {
	/*content: "\66";
	font-family: 'icomoon';*/
	/*content: ">";*/
	content: url(../../img/arrow_menu_s.png);
	font-size: 11px;
	display: block;
	position: absolute;
	width: 10px;
	line-height: 10px;
	top: 50%;
	margin-top: -5px;
	transition-duration: 0.3s;
}
.leftmenulist dl a:link:after,
.leftmenulist dl a:visited:after {
	right: 6px;
}
.leftmenulist dl a:hover:after,
.leftmenulist dl a:active:after {
	right: 3px;
}

.leftmenulist dt  {
	margin-bottom: 3px;
	color: #000;
	font-size: 90%;
	font-weight: bold;
}

.leftmenulist dd  {
	color: #666;
	font-size: 80%;
}



/*-----------------------------------------------------	
    LeftItemList
  -----------------------------------------------------	*/
.leftitemlist {
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px #eee;
}

.leftitemlist dt  {
	margin-bottom: 3px;
	color: #000;
	font-size: 96%;
	font-weight: bold;
}

.leftitemlist dd  {
	color: #666;
	font-size: 76%;
}



/*-----------------------------------------------------	
    Navi Product Image
  -----------------------------------------------------	*/
#navi img {
   max-width: 100px;
   height: auto;
}

#navi ul{
	font-size:0;
	padding:10px 0 0 0;
	margin:0;
}

#navi li {
	display:inline;
	list-style:none;
	padding: 10px;
}



/*-----------------------------------------------------	
    Info List
  -----------------------------------------------------	*/

.divProdInfo {
	margin-left: 5px;
	width: 48%;
	float: left;
}

.divProdInfo p {
	min-height: 115px;
}



/* Table */
.tblFormProd {
	margin-right: 5px;
	float: right;
	width: 48%;
	margin-top: 20px;
	/*border:1px solid #CCCCCC;*/
}

.tblFormProd tbody {
	height:auto;
	margin:0 auto;
	/*border:1px solid #CCCCCC;*/
}

.tblFormProd tbody th {
	width:40%;
	background-color: #eee;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.tblFormProd tbody td {
	/*border: 1px solid #CCCCCC;*/
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.tblFormProd tbody th, tbody td {
	padding: 4px; 
	/*border: 1px solid #CCCCCC;*/
	vertical-align: middle; 
	font-weight: normal; 
	font-size: 0.8em;
	text-align: left; 
}

/* Tabs */
#tabs {
	margin: 15px 0 10px 0;
}

#tabs li {
	font-size: 80%;
}



/*-----------------------------------------------------	
    Nutoritional
  -----------------------------------------------------	*/
/* ADD-STR 2017.06.22 */
.divNutoritional {
	margin-left: 5px;
	width: 48%;
	float: left;
}

/* Nutritional Title */
#prodmain h3.t_nutoritonal {
	color: #666;
	font-size: 1.2em;
}

#prodmain h3.t_nutoritonal span {
	font-weight: normal;
	font-size: 0.6em;
}

.divNutoritionalBg {
	border-radius: 10px; /* CSS3草案 */ 
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 10px; /* Firefox用 */ 
	background-color: #efefef;
	padding: 20px 15px 8px 15px;
}

.tblNutoritional {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
}

table.tblNutoritional {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #666;
}
table.tblNutoritional th {
	width: 50%;
	/*padding: 5px;*/
	padding: 8px;
	font-weight: normal;
	vertical-align: top;
	border-bottom: 1px solid #666;
	background: #efefef;
	font-size: 0.8em;
	text-align: left;
}
table.tblNutoritional td {
	width: 50%;
	/*padding: 5px;*/
	padding: 8px;
	background-color: #FFF;
	vertical-align: top;
	border-bottom: 1px solid #666;
}
table.tblNutoritional th.tblNutoritionalThEnd {
	width: 50%;
	padding: 5px;
	font-weight: normal;
	vertical-align: top;
	background: #efefef;
	font-size: 0.8em;
	text-align: left;
	border-bottom: none;
}
table.tblNutoritional td.tblNutoritionalTdEnd {
	width: 50%;
	padding: 5px;
	background: #efefef;
	vertical-align: top;
	border-bottom: none;
}
/* ADD-END 2017.06.22 */

/*-----------------------------------------------------	
    Allergen
  -----------------------------------------------------	*/
/* ADD-STR 2017.07.19 */
.divAllergen {
	margin-right: 5px;
	margin-top: 0;
	width: 48%;
	float: right;
}

.tblAllergen1 {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
	margin-bottom: 15px;
}

table.tblAllergen1 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #666;
	/*font-size: ;*/
}
table.tblAllergen1 th.tblAllergen1Th1 {
	/*padding: 10px 11px;*/
	/*min-height: 50px;*/
	/*vertical-align: top;*/
	text-align: center;
	width: 14.2%;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #efefef;
	/*writing-mode: tb-rl;*/
	font-weight: normal;
	font-size: 0.9em;
}
table.tblAllergen1 th.tblAllergen1Th2 {
	text-align: center;
	width: 14.2%;
	border-bottom: 1px solid #666;
	background: #efefef;
	/*writing-mode: tb-rl;*/
	font-weight: normal;
	font-size: 0.9em;
}
table.tblAllergen1 td.tblAllergen1Td1 {
	padding: 10px;
	min-height: 20px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #FFF;
	font-weight: normal;
}
table.tblAllergen1 td.tblAllergen1Td2 {
	padding: 10px;
	min-height: 20px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #666;
	background-color: #FFF;
	font-weight: normal;
}

.tblAllergen2 {
	width: 100%;
	/*text-align: left;*/
	border-collapse: collapse;
}

table.tblAllergen2 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #666;
	font-size: 0.8em;
	margin-bottom: 10px;
}
table.tblAllergen2 th {
	width: 40%;
	padding: 5px;
	border-bottom: 1px solid #666;
	background: #efefef;
	text-align: left;
	font-weight: normal;
}
table.tblAllergen2 td {
	width: 10%;
	padding: 5px;
	background-color: #FFF;
	text-align: left;
	border-bottom: 1px solid #666;
}

.divProdButton {
	/*background: #ccc;*/
	padding: 25px 0;
	width: 100%;
	text-align: center;
}
/* ADD-END 2017.07.19 */



 /*-----------------------------------------------------	
    Image Product Tab
  -----------------------------------------------------	*/
.imgProdTab {
    /*float: left;*/
    /*margin: 0 3px 15px 0;*/
    margin: 0;
    width: 33.333%;
}



 /*-----------------------------------------------------	
    Image Banner
  -----------------------------------------------------	*/
.imgBanner {
    float: left;
    margin: 10px 0 10px 5px;
}

 /*-----------------------------------------------------	
    Procut List
  -----------------------------------------------------	*/
#tblProd {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 30px 0;
}
		
#tblProd th {
	padding: 3px 10px;
	border-bottom: #999 5px solid;
	color: #333;
	/* 
	UPD-STR 2017.11.28
	border-bottom: #19a0e3 5px solid;
	color: #19a0e3;
	background-color: #eee;
	UPD-END 2017.11.28
	*/
	background-color: #fff;
	text-align: left;
	font-size: 1.0em;
}

#tblProd tr td {
	/*
	UPD-STR 2017.11.28
	padding: 15px 10px;
	UPD-END 2017.11.28
	*/	
	padding-left: 5px;
	border-bottom: #ddd 1px solid;
	font-size: 0.9em;
	/* ADD-STR 2017.11.28 */
	background-color: #f5f5f5;
	/* ADD-END 2017.11.28 */
}

/* ADD-STR 2017.11.28 水産用 */
#tblProd a {
	display:block;
	width:100%;
	height:100%;
	padding: 15px 0 15px 5px;	
}

#tblProd a:link {
	text-decoration: none;
	/*color: #00712f;*/
	font-weight: bold;
}
#tblProd a:visited {
	text-decoration: none;
	/*color: #00712f;*/
}
#tblProd a:hover {
	text-decoration: underline;
	/*color: #00712f;*/
	font-weight: bold;
	/* ADD-STR 2017.11.28 */
	background-color:#ccc;
	/* ADD-END 2017.11.28 */
}
#tblProd a:active {
	text-decoration: underline;
	/*color: #00712f;*/
	font-weight: bold;
}
/* ADD-END 2017.11.28 */


/* 農産 */
#tblProd.nosan th {
	padding: 3px 10px;
	border-bottom: #999 5px solid;
	color: #333;
	/* 
	UPD-STR 2017.11.28
	border-bottom: #00712f 5px solid;
	color: #00712f;
	UPD-END 2017.11.28
	*/
	background-color: #fff;
	text-align: left;
	font-size: 1.0em;
}

/* ADD-STR 2017.11.28 */
#tblProd.nosan a {
	display:block;
	width:100%;
	height:100%;
	padding: 15px 0 15px 5px;	
}
/* ADD-END 2017.11.28 */

#tblProd.nosan a:link {
	text-decoration: none;
	color: #00712f;
	font-weight: bold;
}
#tblProd.nosan a:visited {
	text-decoration: none;
	color: #00712f;
}
#tblProd.nosan a:hover {
	text-decoration: underline;
	color: #00712f;
	font-weight: bold;
	/* ADD-STR 2017.11.28 */
	background-color:#ccc;
	/* ADD-END 2017.11.28 */
}
#tblProd.nosan a:active {
	text-decoration: underline;
	color: #00712f;
	font-weight: bold;
}

#tblProd.nosan tr {
	/* 
	UPD-STR 2017.11.28
	background-color: #e3f9e3;
	UPD-END 2017.11.28
	*/
	background-color: #f5f5f5;
}

/* 調理 */
#tblProd.chori th {
	padding: 3px 10px;
	border-bottom: #999 5px solid;
	color: #333;
	/* 
	UPD-STR 2017.11.28
	border-bottom: #f48b49 5px solid;
	color: #f48b49;
	UPD-END 2017.11.28
	*/
	background-color: #fff;
	text-align: left;
	font-size: 1.0em;
}

/* ADD-STR 2017.11.28 */
#tblProd.chori a {
	display:block;
	width:100%;
	height:100%;
	padding: 15px 0 15px 5px;	
}
/* ADD-END 2017.11.28 */

#tblProd.chori a:link {
	text-decoration: none;
	color: #f48b49;
	font-weight: bold;
}
#tblProd.chori a:visited {
	text-decoration: none;
	color: #f48b49;
	font-weight: bold;
}
#tblProd.chori a:hover {
	text-decoration: underline;
	color: #f48b49;
	font-weight: bold;
	/* ADD-STR 2017.11.28 */
	background-color:#ccc;
	/* ADD-END 2017.11.28 */
}
#tblProd.chori a:active {
	text-decoration: underline;
	color: #f48b49;
	font-weight: bold;
}

#tblProd.chori tr {
	/* 
	UPD-STR 2017.11.28
	background-color: #ffefd5;
	UPD-END 2017.11.28
	*/
	background-color: #f5f5f5;
}


/* ADD-STR 2020.09.10 */
/* 加水 */
#tblProd.kasui th {
	padding: 3px 10px;
	border-bottom: #999 5px solid;
	color: #333;
	background-color: #fff;
	text-align: left;
	font-size: 1.0em;
}

#tblProd.kasui a {
	display:block;
	width:100%;
	height:100%;
	padding: 15px 0 15px 5px;	
}

#tblProd.kasui a:link {
	text-decoration: none;
	color: #996699;
	font-weight: bold;
}
#tblProd.kasui a:visited {
	text-decoration: none;
	color: #996699;
	font-weight: bold;
}
#tblProd.kasui a:hover {
	text-decoration: underline;
	color: #996699;
	font-weight: bold;
	background-color:#ccc;
}
#tblProd.kasui a:active {
	text-decoration: underline;
	color: #996699;
	font-weight: bold;
}

#tblProd.kasui tr {
	background-color: #f5f5f5;
}
/* ADD-END 2020.09.10 */


.wrapper-filter-btn {
	padding: 20px 0 5px 0;
	height: 40px;
	position: relative;
}
ul.filter-btn {
	position: absolute;
	right: 0;
}
ul.filter-btn li {
	float: left;
	margin: 0 3px 0 0;
	min-width: 80px;
}
ul.filter-btn li a {
	display: block;
	padding: 10px 10px 10px 10px;
	height: 20px;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	border-radius: 5px;
	color: #fff;
	font-size: 0.8em;
}
/* 個別のスタイル */
ul.filter-btn li.alldiv a {
	background-color: #2491cf;
	text-align:center;
}



 /*-----------------------------------------------------	
    Product Detail
  -----------------------------------------------------	*/
#detail-pager a {
	border: solid #ccc 1px;
	/*display: block;*/
	display: block;
	float: left;
	margin: 10px 5px 30px 5px;
	padding: 3px;
}

#detail-pager img {
	max-width: 90px;
}

#detail-pager a:hover,
#detail-pager a.active {
	border: solid #5280DD 1px;
}

/* ADD-STR 2017.04.20 */
a.button {
	/*float: right;*/
	color: #666;
	font-size: 1.0em;
	font-weight: bold;
	padding: 5px 10px;
}
/* ADD-END 2017.04.20 */



 /*-----------------------------------------------------	
    Origin List
  -----------------------------------------------------	*/

/* Table */
.tblFormOrigin {
	width: 100%;
	margin-top: 25px;
	/*border:1px solid #CCCCCC;*/
}

.tblFormOrigin tbody {
	height:auto;
	margin:0 auto;
	/*border:1px solid #CCCCCC;*/
}

.tblFormOrigin tbody th {
	width:30%;
	background-color: #eee;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.tblFormOrigin tbody td {
	/*border: 1px solid #CCCCCC;*/
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

.tblFormOrigin tbody th, td {
	padding: 10px; 
	/*border: 1px solid #CCCCCC;*/
	vertical-align: middle; 
	font-weight: normal; 
	font-size: 0.8em;
	text-align: left; 
}



 /*-----------------------------------------------------	
    Box Slider
  -----------------------------------------------------	*/
#slide_space {
	margin-top: 50px;
}



 /*-----------------------------------------------------	
    Catalog List
  -----------------------------------------------------	*/
#gallery li {
  float: left;
  width: 28%;
  margin: 2%;
  /*background-color: #f5f5f5;*/
}
#gallery li p {
  margin: 5px 0;
  padding: 0;
  font-size: 0.75em;
  /*color: #bdc3c7*/
  color: #666;
  height: 50px;
}


 /*-----------------------------------------------------	
    Picture List
  -----------------------------------------------------	*/
.piclist li {
  float: left;
  /*width: 100%;*/
  margin: 10px 0 10px 8px;
  background-color: #f5f5f5;
  color: #bdc3c7;
}
.piclist li p {
  margin: 5px;
  padding: 0;
  font-size: 0.75em;
  color: #666;
}


 /*-----------------------------------------------------	
    Recipe List
  -----------------------------------------------------	*/
#recipelist li {
  float: left;
  /*width: 100%;*/
  margin: 10px 0 10px 10px;
  /*background-color: #f5f5f5;*/
  color: #bdc3c7;
}
#recipelist li p {
  margin: 5px;
  padding: 0;
  font-size: 0.75em;
  color: #666;
}



 /*-----------------------------------------------------	
    Recipe Ingredient Table
  -----------------------------------------------------	*/
.divIngInfo {
	margin-left: 15px;
	width: 45%;
	float: left;
}

/* Ingredients table */
.inglist {
	float: right;
	width: 45%;
	border-spacing: 0;
	border:1px solid #CCCCCC;
	margin-bottom: 10px;
	/* ADD-STR 2017.04.26 */
	margin-right: 15px;
	margin-left: 0;
	min-height: 300px;
	/* ADD-END 2017.04.26 */
}

.inglist thead th {
	/*width:30%;*/
	padding: 5px; 
	/* UPD-STR 2017.04.26 */
	/*background-color: #eee;*/
	background-color: #FBB03B;
	white-space: nowrap;
	/* UPD-END 2017.04.26 */
	text-align: left;
	/*background-color:#888;*/
	/*border:1px solid #CCCCCC;*/
}

.inglist tbody {
	width: 100%;
}

.inglist tbody td {
	padding: 5px; 
	border-spacing: 0;
	/*border: 1px solid #CCCCCC;*/
	/*border-left: 1px solid #CCCCCC;*/
	border-top: 1px solid #CCCCCC;
	/* ADD-STR 2017.04.26 */
	background-color: #FFEA83;
	/* ADD-END 2017.04.26 */
}

/* Recipe table */
.tbllist {
	/*width: 94%;*/
	min-width: 95%;
	border-spacing: 0;
	border:1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 30px;
	/* ADD-STR 2017.04.26 */
	margin-right: 15px;
	margin-left: 15px;
	/* ADD-END 2017.04.26 */
}

.tbllist thead th {
	/*width:30%;*/
	padding: 5px 10px; 
	/* UPD-STR 2017.04.26 */
	/*background-color: #eee;*/
	background-color: #FBB03B;
	/* UPD-END 2017.04.26 */
	text-align: left;
	/*background-color:#888;*/
	/*border:1px solid #CCCCCC;*/
}

.tbllist tbody {
	width: 100%;
}

.tbllist tbody td {
	padding: 5px 10px; 
	border-spacing: 0;
	/*border: 1px solid #CCCCCC;*/
	/*border-left: 1px solid #CCCCCC;*/
	border-top: 1px solid #CCCCCC;
	/* ADD-STR 2017.04.26 */
	background-color: #FFEA83;
	/* ADD-END 2017.04.26 */
}

/* ADD-STR 2017.04.26 */
#contents h1.recipe_title {
	border-top-left-radius: 6px; 
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px; 
	background-color: #754C24;
}

#contents .bg_recipe {
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
	background-color: #FFFAC6;
	padding-bottom: 5px;
}
/* ADD-END 2017.04.26 */



 /*-----------------------------------------------------	
    Search Recipes
  -----------------------------------------------------	*/
#searchRecipe {
	float: left;
	width: 250px;
	/*margin: 15px;*/
	margin: 9px 0 25px 10px;
	padding-left: 11px;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	overflow: hidden;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#searchRecipe input {
	float: left;
	display: block;
	width: 70%;
	height: 25px;
	border: none;
	background-color: transparent;
	color: #666;
}

#searchRecipe a {
	float: right;
	display: block;
	width: 30%;
	line-height: 25px;
	color: #fff;
	font-size: 76%;
	text-align: center;
	text-decoration: none;
}
#searchRecipe a:link,
#searchRecipe a:visited {
	background-color: #666;
	background: -moz-linear-gradient(top, #888, #666);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background: -webkit-linear-gradient(top, #888, #666);
	background: linear-gradient(to bottom, #888, #666);
}
#searchRecipe a:hover,
#searchRecipe a:active {
	background-color: #777;
	background: -moz-linear-gradient(top, #999, #777);
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#777));
	background: -webkit-linear-gradient(top, #999, #777);
	background: linear-gradient(to bottom, #999, #777);
}



 /*-----------------------------------------------------	
    Recipes Pagination
  -----------------------------------------------------	*/
.pagination {
    text-align: right;
    margin: 0 1em;
    font-size: 80%;
}
.pagination a,
.pagination span {
    padding: 5px 10px;
    border: 1px solid #e3e1e0;
    display: inline-block;    
    text-decoration: none;
    color: #676767;
}
.pagination span {
	background: #CCC; 
	border-color: #999; 
	color: #444;
}
.pagination a:hover {
	background: #f0eeed;
}



 /*-----------------------------------------------------	
    FAQ
  -----------------------------------------------------	*/
.faqs dt {
	background: url(./images/question.png) 10px 5px no-repeat;
	padding: 10px 15px 10px 50px;
	/*position: relative;*/
	margin-bottom: 1px;
	background-color: #eee;
	color: #0096e0;
	font-weight: bolder;
	font-size: 0.9em;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.faqs dt:hover {
	cursor: pointer;
	text-decoration: none;
	/*background: #ccc;*/
	/*background-color: #0096e0;*/
	background-color: #f5f5f5;
}
.faqs dd {
	background: url(./images/answer.png) 10px 5px no-repeat;
	padding: 10px 15px 30px 50px;
	position: relative;
	font-size: 0.9em;
}
.faqs dd a {
	text-decoration: underline;
}



 /*-----------------------------------------------------	
    Contact form
  -----------------------------------------------------	*/
.form {
	width: 100%;
	margin:0 auto;
	/*border-spacing: 0;*/
	/*border:1px solid #CCCCCC;*/
}

.form tbody {
	/*max-width:80%;*/
	height:auto;
	/*background-color: #f1f2f3;*/
	margin:0 auto;
	/*border:1px solid #CCCCCC;*/
}

.form tbody th {
	width:30%;
	background-color: #eee;
	/*background-color:#888;*/
	/*border:1px solid #CCCCCC;*/
}

.form tbody td {
	border: 1px solid #CCCCCC;
}

.form tbody th, td {
	padding: 5px 10px; 
	/*border: 1px solid #CCCCCC;*/
	vertical-align: middle; 
	font-weight: normal; 
	font-size: 0.8em;
	text-align: left; 
}

.form .required {
	color: red;
}

 /* テキストエリアの設定 */

.form input, textarea, select {
	border:0;
	font-size:1.1em;
	padding:5px;
	width: 95%;
	background-color: #fff;
	color: #000;
	margin: 5px 0;
	border:solid 1px #ccc;
}
.form input[type=checkbox] {
	text-align: left;
	width: 5%;
}
.form #post {
	width: 50%;
	background-color: #fff;
	/*background-color: #eee;*/
	color: #000;
	/*padding:10px 0 10px 10px;*/
	margin: 5px 0;
}
#contents .form p {
	padding: 0;
}

#wrapContactButton {
	width: 100%;
	text-align: center;
}
.submitbutton {
    font-size: 0.9em;
    font-weight: bold;
    padding: 10px 30px;
    margin: 20px 0;
    background-color: #888;
    color: #fff;
    border-style: none;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.submitbutton:hover {
    opacity: 0.8;
}



/*-----------------------------------------------------	
    Recruit
  -----------------------------------------------------	*/
#recruit {
	padding-bottom: 20px;
}

/* ADD 2017.03.24 STR */
#recruit h2 {
	padding-left: 20px;
}
#recruit p {
	padding-left: 20px;
}
/* ADD 2017.03.24 END */

#recruit section a {
	display: block;
	position: relative;
	padding: 10px 0 30px;
	text-decoration: none;
}
#recruit section a:link,
#recruit section a:visited {
	background-color: transparent;
}
#recruit section a:hover,
#recruit section a:active {
	background-color: #f5f5f5;
}

#recruit .img {
	margin-bottom: 10px;
}

#recruit h2 {
	margin-bottom: 3px;
	font-size: 0.9em;
	font-weight: bold;
	color: #0096e0;
}
#recruit h2:after {
	content: url(../../img/arrow_div_s.png);
	font-size: 10px;
	font-weight: normal;
	transition-duration: 0.3s;
	margin-left: 5px;
}
#recruit section a:link h2:after,
#recruit section a:visited h2:after {
	margin-left: 5px;
}
#recruit section a:hover h2:after,
#recruit section a:active h2:after {
	margin-left: 8px;
}

#recruit p {
	color: #666;
	font-size: 0.9em;
}

/* ADD-STR 2017.04.17 */
.senior_left {
	float:left;
	margin: 5px 25px 15px 3px;
}
.senior_right {
	float:right;
	margin: 5px 5px 15px 25px;
}
/* ADD-STR 2017.04.17 */



/*-----------------------------------------------------	
    Mail Magazine
  -----------------------------------------------------	*/
.agreement {
	margin: 10px;
}



/*-----------------------------------------------------	
    In Season
  -----------------------------------------------------	*/
#contents h1.season1 {
    font-weight: bold;
    color: #fff;
    background-color: #6db5b5;
    font-size: 1.8em;
    margin-bottom: 0;
}

#contents h1.season1 span {
	display: block;
	margin: 0;
	color: #fff;
	font-size: 0.6em;
	font-weight: normal;
}

/* ul */
#contents ul.title1 {
    /*padding: 0;*/
    margin: 0 0 15px 0;
    margin: 0;
    width: 100%;
}
#contents .title1 li {
    padding: 5px 0;
    margin: 0;
    float: left;
    width: 25%;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
}
#contents li.first {
	background: #666;
}
#contents li.second {
	background: #9384c1;
}
#contents li.third {
	background: #eb991f;
}
#contents li.fourth {
	background: #e14b78;
}


#contents h2.season1 {
	margin: 25px 0 10px 0;
	padding: 0.25em 0.5em;
	color: #494949;
	background: #a7d8d7;
	border-left: solid 5px #6db5b5;
	font-weight: bold;
	font-size: 1.0em;
}

.divSeasonLeft1 {
	margin-left: 5px;
	width: 48%;
	float: left;
}

.balloon {
  background-color: #fff798;
  padding: 15px;
  margin: 0 15px 15px 15px;
  position: relative;
}

.divSeasonRight1 {
	margin-right: 5px;
	float: right;
	width: 48%;
}

#prodmain h1.season_prod_title {
    /*font-weight: bold;*/
    color: #FFF;
    background-color: #6db5b5;
}



 /*-----------------------------------------------------	
    Footer Menu
  -----------------------------------------------------	*/
#footer_menu h1 {
	margin-bottom: 3px;
	font-size: 95%;
	font-weight: bold;
	padding: 30px 0 0 10px;
}


#footer_menu p {
	padding-left: 10px;
	font-size: 70%;
	color: #666;
}

#footer_menu a:hover,
#footer_menu a:active {
	color: #666;
	text-decoration: underline;
}



 /*-----------------------------------------------------	
    Footer
  -----------------------------------------------------	*/
footer {
	background-color: #f5f5f5;
}

footer nav {
	margin: 30px 25px 15px;
	text-align: right;
}

footer nav li {
	display: inline-block;
	padding: 0 5px 0 10px;
	border-left: solid 1px #ddd;
	font-size: 68%;
}
footer nav li:first-child {
	padding-left: 0;
	border-left: none;
}

footer nav a:link,
footer nav a:visited {
	color: #666;
	text-decoration: none;
}
footer nav a:hover,
footer nav a:active {
	color: #666;
	text-decoration: underline;
}

#copyright {
	margin-bottom: 70px;
	margin-right: 10px;
	text-align: right;
}

#copyright p {
	font-size: 62%;
	color: #999;
}

#ssl {
	padding-top: 25px;
	padding-left: 25px;
	/*text-align: left;*/
	text-align: center;
}
/*
footer .logo img {
	width: 72px;
	height: 46px;
}
*/
#ssl p {
	font-size: 62%;
	color: #999;
}


 /*-----------------------------------------------------	
    Footer Cookie同意
  -----------------------------------------------------	*/
#cookie-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  text-align: center;
  opacity: 0.9;
}


/*-----------------------------------------------------	
	for 640px - 979px				                 
  -----------------------------------------------------	*/
@media screen and (min-width: 640px) and (max-width: 979px) {

	/* ------ Column ------ */
	.row {
		padding: 0 25px;
	}

}

/*-----------------------------------------------------	
	for - 639px					
  -----------------------------------------------------	*/

@media screen and (max-width: 639px) {
	/* ------ video ------ */
	video {
		width: 100%;
	}

	/* ------ World Map ------ */
	#areamap {
		pointer-events: none;
	}

	/* ------ Column ------ */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}


	/* ------ Header ------ */
	header {
		/*background: #000;*/
		background-color: #333;
		padding-top: 0;
	}
	header .row:before {
		display: none;
	}

	header .col:first-child {
		height: 90px;
	}

	header h1 {
		margin: 0 auto;
		padding-top: 15px;
	}


	/* ------ Global Navi ------ */
	#gnav {
		float: none;
		width: 100%;
	}

	#gnav a {
		height: 25px;
		padding-top: 40px;
		font-size: 58%;
	}

	#gnav a:before {
		top: 10px;
	}
	
	
	/* ------ Mainvisual ------ */
	#mainvisual-button {
		padding: 15px 0;
	}
	
	
	/* ------ Article ------ */
	article {
		padding-bottom: 0;
		min-height: 100px;
	}

	article p {
		font-size: 90%;
	}
	
	
	/* ------ Index ------ */
	#index {
		padding-bottom: 0;
	}
	
	#index section {
		border-top: solid 1px #eee;
	}	
	
	#index section a {
		padding: 15px 20px 15px 15px;
	}
	#index section a:after {
		/*content: "\66";
		font-family: 'icomoon';*/
		/*content: "≫";*/
		content: url(../../img/arrow_div_s.png);
		font-size: 11px;
		display: block;
		position: absolute;
		width: 10px;
		line-height: 10px;
		top: 50%;
		margin-top: -5px;
		transition-duration: 0.3s;
	}

	#index section a:hover,
	#index section a:active {
		background-color: #f5f5f5;
	}
	#index section a:link:after,
	#index section a:visited:after {
		right: 6px;
	}
	#index section a:hover:after,
	#index section a:active:after {
		right: 3px;
	}	

	#index h1:after {
		display: none;
	}
		
	#index .img {
		margin-bottom: 0px;
	}			

	/* トップ事業部画像入替 */
	#index h1 {  
		display: block;  
	}  
	#index .divcom {  
		display: block;  
	}
	#index .img {
		display: none;
	}  


	/* ------ News ------ */
	#news {
		margin-top: 0;
		border-bottom: none;
	}
	
	#news dl a {
		padding: 15px 20px 15px 15px;
	}
	
	#news dt  {
		font-size: 90%;
	}
	
	#news dd  {
		font-size: 90%;
	}
	
	
	/* ------ Sidebar ------ */
	#sidebar {
		margin-top: 0;
		border-bottom: none;
	}
	
	#sidebar section a {
		padding: 15px 20px 15px 15px;
	}
	/* 2017.03.28 ADD-STR */
	#sidebar .top-menu-h2 {
		display: none;
	}
	/* 2017.03.28 ADD-END */


	/*-----------------------------------------------------	
	    Side Menu
	  -----------------------------------------------------	*/
	/* 2017.04.24 ADD-STR */
	#sideMenu {
		margin-top: 0;
	}
	/* 2017.04.24 ADD-END */


	/* ------ LeftMenuList ------ */
	.leftmenulist {
		margin-top: 0;
		border-bottom: none;
	}
	
	.leftmenulist dl a {
		padding: 15px 20px 15px 15px;
	}
	
	.leftmenulist dt  {
		font-size: 90%;
	}
	
	.leftmenulist dd  {
		font-size: 90%;
	}

	
	/* ------ Utility ------ */
	#utility {
		position: static;
		height: auto;
		padding: 15px 0;
		background-color: #f5f5f5;
		border-bottom: solid 1px #e5e5e5;
	}
	
	#utility .row {
		height: auto;
	}
	
	
	#search {
		float: none;
		width: auto;
		margin: 0 15px;
		text-align: center;
		background-color: #fff;
		border: solid 1px #e5e5e5;
	}
	
	#search input {
		width: 70%;
		height: 28px;
		color: #666;
	}
	
	#search a {
		width: 30%;
		line-height: 28px;
	}


	#fsize {
		float: none;
		width: auto;
		margin: 15px 30px 0 30px;
		text-align: center;
		background-color: #444;
	}
	#fsize p {
		float: center;
		width: 50%;
		line-height: 28px;
	}
	#fsize a {
		width: 25%;
		line-height: 28px;
	}

	
	#language {
		float: none;
		width: 100%;
	}


  	/* ------ Language Dropdown ------ */
	.menubar {
		margin-top: 15px;
		margin-left: 30px;
	}


  	/* ------ Main Products ------ */
	#prodmain #prodgallery ul {
	  clear: both;
	  /*margin-left: 10px;*/
	}
	#prodmain #prodgallery li {
	  width: 100%;
	  text-align: center;
	  /*margin-left: 10px;*/
	}

	#prodmain h3 {
		padding: 5px 15px;
	}

	#prodmain p {
		padding-left: 15px;
	}

	#prodmain h2.nosan {
		margin: 5px 10px 0 15px;
		width: 85%;
	}

	#prodmain h2.chori {
		margin: 5px 10px 0 15px;
		width: 85%;
	}

	/* ADD-STR 2020.09.10 */
	#prodmain h2.kasui {
		margin: 5px 10px 0 15px;
		width: 85%;
	}
	/* ADD-END 2020.09.10 */

  	/* ------ Search Products ------ */
	#tabs li {
		font-size: 60%;
	}	
		
	
	/* ------ Procut List ------ */
	/* テーブル全体 */
	#tblProd {
		display: block;
	}
	/* 見出し行 */
	#tblProd th {
		display: none;
	}
	/* データから生成する行 */
	#tblProd tr {
		display: block;
		border-bottom: #ddd 1px solid;
	}
	#tblProd tr td {
		display: block;
	}
	#tblProd tr td:first-child {
		padding: 10px;
		background: #ededed;
		/*width: 95%;*/
	}
	#tblProd tr td:nth-child(2),
	#tblProd tr td:nth-child(3),
	#tblProd tr td:nth-child(4),
	#tblProd tr td:nth-child(5) {
		padding: 10px 10px 0 30px;
		min-height: 23px;
	}	
	#tblProd tr td:last-child {
		padding-bottom: 20px;
	}
	#tblProd tbody {
		display: block;
		width: 100%;
	}	
	
	#tblProd ul.filter-btn li {
		float: left;
		margin: 0 3px 0 0;
		min-width: 50px;
	}


	/* ------ Recipe List ------ */
	/* ADD-STR 2017.07.24 */
	#recipelist ul {
		clear: both;
	}
	#recipelist li {
		margin: 5px 0;
		width: 100%;
		text-align: center;
	}
	/* ADD-STR 2017.07.24 */


	/* ------ Procut Detail ------ */
	/* ADD-STR 2017.04.20 */
	a.button {
		/*float: left;*/
		margin: 15px 30px 20px 15px;
	}
	/* ADD-END 2017.04.20 */	


	/* ------ Table prod form ------ */
	.tblFormProd {
		float: left;
		width: 90%;
		margin-left: 15px;
	}
	.tblFormProd tbody tr{
		width:96%;
		list-style: none;
	}


	/* ------ Table origin form ------ */
	.tblFormOrigin {
		width: 100%;
	}
	.tblFormOrigin tbody tr{
		width:100%;
		display: block;
		list-style: none;
	}

	.tblFormOrigin tbody th, .tblFormOrigin td {
		width: 93%;
		display: list-item;
		padding: 10px; 
		margin: 0;
		border:none;
	}
	

	/* ------ Catalog list ------ */
	#gallery li {
		margin: 5%;
		width: 40%;
	}


	/* ------ Contact form ------ */
	.form {
		width: 95%;
		/*border-spacing: 0;*/
		/*border:1px solid #CCCCCC;*/
	}
	.form tbody tr{
		width:100%;
		display: block;
		list-style: none;
	}

	.form tbody th, .form td{
		width: 100%;
		display: list-item;
		padding: 10px 5px; 
		margin: 0;
		border:none;
	}

	.form tbody td{
		margin: 0;
		border:none;
	}

	.form input, .form textarea, .form select{
		width:90%;
		/*padding:10px 0 10px 10px;*/
		margin: 5px 0;
	}


	 /*-----------------------------------------------------	
	    Recipe Ingredient Table
	  -----------------------------------------------------	*/
  	.menuimg {
		margin-left: 10px;
	}

	.divIngInfo {
		float: left;
		margin-left: 0;
		width: 100%;
	}

	.inglist {
		width: 100%;
		/* ADD-STR 2017.04.26 */
		margin-right: 0;
		margin-left: 0;
		/* ADD-END 2017.04.26 */
	}

	.tbllist {
		width: 100%;
		/* ADD-STR 2017.04.26 */
		margin-right: 0;
		margin-left: 0;
		/* ADD-END 2017.04.26 */
	}


	 /*-----------------------------------------------------	
	    In Season
	  -----------------------------------------------------	*/
	#contents .title1 li {
	    width: 50%;
	}

	.divSeasonLeft1 {
		margin-left: 0;
		width: 100%;
		/*float: left;*/
		clear: both;
		text-align: center;
	}
	.divSeasonLeft1 p {
		text-align: left;
	}

	.divSeasonRight1 {
		margin-right: 0;
		/*float: left;*/
		clear: both;
		width: 100%;
		text-align: center;
	}
	.divSeasonRight1 p {
		text-align: left;
	}


	/* ------ Footer Menu ------ */
	#footer_menu {
		display: none;
	}

	/* ------ Footer ------ */
	footer {
		border-top: solid 1px #fff;
	}
	
	footer nav {
		/*margin: 30px 25px 15px;*/
		margin: 15px 0 15px 0;
		text-align: right;
	}
	
	footer nav li {
		margin-top: 15px;
	}
	
	footer nav ul {
		padding-left: 0 15px;
		text-align: center;
	}
	
	#copyright {	
		margin-bottom: 0;	
		padding: 5px 0 30px;
		text-align: center;
	}
	
	#ssl {		
		padding: 10px 15px;
		text-align: center;
	}



	/*-----------------------------------------------------	
	    Info List
	  -----------------------------------------------------	*/
	.divProdInfo {
		float: left;
		margin-left: 0;
		width: 100%;
	}


	/* ------ Nutoritional ------ */
	/* ADD-STR 2017.07.24 */
	.divNutoritional {
		margin-left: 0;
		width: 100%;
		float: left;
	}

	.divNutoritionalBg {
		margin-left: 15px;
		width: 82%;
	}
	/* ADD-END 2017.07.24 */


	/* ------ Allergen ------ */
	/* ADD-STR 2017.07.24 */
	.divAllergen {
		/*margin-left: 5px;
		margin-right: 0;*/
		margin: 25px 0 0 5px;
		width: 100%;
	}
	.tblAllergen1 {
		margin-left: 15px;
		width: 90%;
	}
	.tblAllergen2 {
		margin-left: 15px;
		width: 90%;
	}
	/* ADD-END 2017.07.24 */


	/* ------ Recruit ------ */
	#recruit {
		padding-bottom: 0;
	}
	
	#recruit section {
		border-top: solid 1px #eee;
		padding: 15px 20px 15px 15px;
	}	
}