@charset "UTF-8";

/* -----------------------------
共通スタイリングcss（style.css）
----------------------------- */

/* 拡張子で識別するアイコン */
a.pdf { padding: 3px 0 2px 20px; background: transparent url(../img/icon_pdf.gif) no-repeat top left;}
a[href $='.doc'] { padding: 3px 0 2px 20px; background: transparent url(../img/icon_doc.gif) no-repeat top left;}
a[href $='.xls'] { padding: 3px 0 2px 20px; background: transparent url(../img/icon_xls.gif) no-repeat top left;}
a[href $='.txt'] { padding: 3px 0 2px 20px; background: transparent url(../img/icon_txt.gif) no-repeat top left;}
a[href $='.rss'] { padding: 3px 20px 2px 0; background: transparent url(../img/icon_feed.gif) no-repeat bottom right;}

/* リンクがtarget="_blank"の時、アイコン追加 */
a.external { padding: 0 16px 0 0; background: transparent url(../img/icon_popup.gif) no-repeat bottom right;}

/* mailtoの時、アイコン追加 */
a[href ^="mailto:"] { padding: 0px 20px 0px 0px; background: transparent url(../img/icon_mailto.gif) bottom right no-repeat;}



/* -----------------------------
	Font-size Adjustment.
	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
----------------------------- */

/* 小さい字（11px） */
.small { font-size: smaller; line-height: 1.3;}

/* 大きい字（14px） */
.large { font-size: larger;}

/* マウスオーバー */
a.linkimage:hover img { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/*会社概要*/
.officer-table{ border: none;}
.officer-table th,.officer-table td{ border: none;}
.officer-table th{ background-color: #fff; text-align: left;}
.department{ display: inline-block; width: 35%;}
.tel{ display: inline-block; width: 65%;}

/*食品安全への取組*/
.safety-clearfix::after{ content: ""; display: block; clear: both;}
.safety-effort{ list-style-type: none; margin: 0;padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.safety-effort li{ flex-basis: 33%; margin-bottom: 20px; text-align: center;}
.safety-img .img-item{ float: left; width: 200px; margin: 0 7px; text-align: center;}
.safety-display01,.safety-display02,.safety-display03 { margin-bottom: 25px;}
.safety-display01 .img-item{ float: left; width: 300px; margin: 0 10px;}
.safety-display02 .img-item{ margin-left: 10px; margin-bottom: 10px;}
.safety-display03 .img-item{ margin-left: 10px; margin-bottom: 10px;}

/* FAQ */
dl.faq { margin-top: 1.5em;}
dl.faq dt { padding: 0 0 5px 25px; background: url(../img/faq_q.gif) no-repeat left top; font-weight: bold;}
dl.faq dd { margin: 0 0 2em 0; padding: 0 0 5px 25px; background: url(../img/faq_a.gif) no-repeat left top;}

/* ソーシャルメディアガイドライン */
.socialmedia-box p { margin: 0 0 20px 0;}
.socialmedia-box .mb5 {margin-bottom: 5px;}
.socialmedia-box ul { margin-top: 0; margin-bottom: 20px;}
.socialmedia-box ul span { font-weight: bold;}

/* 画像横並び */
ul.photo { list-style-type: none; margin: 1.5em 0 0 -15px; padding: 0;}
ul.photo li { float: left; margin-left: 15px;}

/* 画像と説明 */
dl.flowPhoto dt { clear: left; float: left;}
dl.flowPhoto dt img { margin-bottom: 8px;}
dl.flowPhoto dd { margin-left: 120px;}


/* 
----------------------------- */
.clr { clear: both;}
.hidden { display: none; visibility: hidden;}
.line { height: 10px; background: url(../img/line.gif) repeat-x left top;}
.fl-left { float: left; padding-right: 20px;}
.fl-left_0 { float: left; padding-right: 0;}
.fl-right { float: right; padding-left: 20px;}
.fl-right_0 { float: right; padding-left: 0;}
.fl-left img { margin-bottom: 5px;}
.fl-left_0 img { margin-bottom: 5px;}
.fl-right img { margin-bottom: 5px;}
.txt-left { text-align: left !important;}
.txt-center { text-align: center !important;}
.txt-right { text-align: right !important;}
.mb0 {margin-bottom: 0;}
.mt0 {margin-top: 0;}
.mt20 {margin-top: 20px;}


.indent1 span { display: block; padding-left: 1em; text-indent: -1em;}
.indent2 span { display: block; padding-left: 2em; text-indent: -2em;}
.indent3 span { display: block; padding-left: 3em; text-indent: -3em;}
.indent1 br,
.indent2 br,
.indent3 br { display: none; visibility: hidden;}
.indent1 span br,
.indent2 span br,
.indent3 span br { display: block !important; visibility: visible;}
dl.indent4 dd { margin-left: 2em;}

td .indent1,
td .indent2,
td .indent3 { padding-left: 5px;}

.date,
.copyright { font-family: Arial, Helvetica, sans-serif;}


#FlashArea{ margin-bottom:20px;}

.wordwrap span { white-space: nowrap;}
.header_faq {
	list-style: none;
	text-indent: -2em;
	padding-top: 10px;
	padding-bottom: 10px !important;
/*	margin-bottom: 0 !important;
*/	background: none !important;
	font-weight: bold !important;
}
.header_faq:first-child {
	padding-top: 0;
}
.header_faq:before {
	content:"◆";
}

/* clearfix
----------------------------- */
/* clearfix for modern browser */
.wrapper,
.clearfix { display: inline-block;}
.wrapper:after,
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0;}
/* Hides from IE-mac ¥*/
* html .wrapper,
* html .clearfix { height: 0.1px;}
.wrapper,
.clearfix { display: block; }
/* End hide from IE-mac */