@charset "UTF-8";

/*----◇◇◇　Halalページ　◇◇◇---*/

/*======================================================
	◆HALALメニュー
======================================================*/
#halal_g_menu {
	margin:10px 0;
}
#halal_g_menu ul{
	list-style:none;
	margin-top:8.4em;
}
	#halal_g_menu ul li {
		float: left;
		margin: 0px;
		padding: 0px;
		position: relative;
		z-index:1;
		
		font-size:82%;
		line-height:1.2em;
		width:20%;
		display:table-cell;
		
	}
		#halal_g_menu ul li a{
			display:block;
			width:100%;	/*185px;*/
			float:left;
			padding-top:0.4em;	/*10px;*/
			height:40px;
			text-align:center;
			border-top:1px solid #D2E2EF;
			border-left:1px solid #D2E2EF;
			border-bottom:1px solid #D2E2EF;
			text-decoration: none;
			color:#666;
			background:#fff;
		}
		#halal_g_menu ul li.hmenu_directory a{
			width:210px;
		}
		#halal_g_menu ul li.last a{
			border:1px solid #D2E2EF;
		}
		#halal_g_menu ul li a:hover{
			background:#D2E2EF;
		}
			#halal_g_menu ul li ul{
				width: 100%;
				margin: 0;
				padding: 0;
				position: absolute;
				z-index: 100;
				top: 100%;
				left: 0;
			}
			#halal_g_menu ul li ul li{
				overflow: hidden;
				width: 100%;
				height: 0;
				transition: .2s;
				background: #fff;
			}
			#halal_g_menu ul li ul li.lgmenu a{
				height: 60px;
			}
			#halal_g_menu ul li:hover > ul > li{
				overflow: visible;
				height:40px;
			}
			#halal_g_menu ul li:hover > ul > li.lgmenu{
				overflow: visible;
				height:60px;
			}
				#halal_g_menu ul li ul li a{
					display:bloc;
					width:185px;
					float:left;
					padding-top:10px;
					height:30px;
					text-align:center;
					border:1px solid #D2E2EF;
					text-decoration: none;
					color:#666;
					background:#fff;
				}

/*======================================================
	◆トップページ
======================================================*/
 #halal_wp {
	margin: 0em auto 1.6em;
	padding: 0px;
}

/*===========================================
	トップ イメージ画像
===========================================*/
 #halal_wp h1#halal_topimg{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 130%;
	background: none;
	border: none;
}

/*===========================================
	トップ トピック
===========================================*/
#halal_wp #halal_topic{
	margin: 0px;
	padding: 0px;
}
	 #halal_wp #halal_topic .halal_topic_l{
/*
		width:180px;
		float:left;
*/
		margin: 0px;
		padding: 0px;
	}
		 #halal_wp #halal_topic .halal_topic_l #halal_login{
			margin-top: 20px;
		}
	 #halal_wp #halal_topic .halal_topic_r{
/*
		width:480px;
		float:right;
*/
		margin: 0px;
		padding: 0px;
	}
		 #halal_wp #halal_topic .halal_topic_r p{
			margin-left: 0px;
		}
		 #halal_wp #halal_topic .halal_topic_r #topic dl{
			width:480px;
			border-bottom:1px #cccccc dotted;
		}
			 #halal_wp #halal_topic .halal_topic_r #topic dt {
				float:left;
				width:90px;
				clear:both;
				margin-bottom:5px;
				padding: 10px;
			}
			
			 #halal_wp #halal_topic .halal_topic_r #topic dd {
				width:370px;
				_width:365px;
				margin-left:100px;
				padding: 10px;
			}
				#halal_wp #halal_topic .halal_topic_r #topic dd a {
					display: inline-block;
					background-color: #eee;
					margin: -60px 0 0 30px;
				}


/*===========================================
	トップ トピック一覧
===========================================*/
/*----------- 上部説明 -----------*/
 #halal_wp p.rede{
	margin:0px 10px 30px 0px;
	padding:10px 15px;
	border:1px solid #eeeeee;
	background:#E5F4F6;
}

/*----------- 一覧 -----------*/
 #halal_wp #halal_topic_list dl{
	width:660px;
	border-bottom:1px #cccccc dotted;
}
	 #halal_wp #halal_topic_list dt {
		float:left;
		width:120px;
		clear:both;
		padding:10px;
	}

	 #halal_wp #halal_topic_list dd {
		width:510px;
		_width:505px;
		margin-left:130px;
		padding:10px 0;
	}

/*===========================================
	詳細ページ 会員登録が必要です。
===========================================*/
 #halal_wp #halal_memberinfo{
	margin-top:50px;
	border:3px solid #eeeeee;
}
	 #halal_wp #halal_memberinfo h2{
		margin:0px 0px 15px 0px;
		padding:10px 15px;
		color:#ffffff;
		background:#0090A3;
		border:none;
	}
	 #halal_wp #halal_memberinfo p{
		color:#cc0000;
		font-size:110%;
		font-weight:bold;
		text-align:center;
	}

/*======================================================
	■見出し要素
======================================================*/

/*-------------------------------
	その他HTMLタグ要素再定義
-------------------------------*/


/*----------- table -----------*/
 #halal_wp table{
	margin:20px 20px 0px 20px;
}
	 #halal_wp th {
		padding: 10px;
		border:1px solid #888;
		background:#EDF7FE;
}	
	 #halal_wp td {
		padding: 10px;
		border: 1px solid #888;
	}

/*----------- ul , ol -----------*/
 #halal_wp ul {
	margin:20px 20px 0px 15px;
}
	 #halal_wp ul li {
		list-style:none;
		padding:0px 0px 5px 20px;
		background:url(../../img/halal/list.gif) 4px 8px no-repeat;
	}
		 #halal_wp ul li ul {
			margin:0px 0px 0px 0px;
		}
			 #halal_wp ul li ul li {
				padding:0px 0px 0px 20px;
				background:url(../../img/halal/list_s.gif) 4px 8px no-repeat;
			}
 #halal_wp ol {
	margin:20px 20px 0px 0px;
}
	 #halal_wp ol li {
		padding-bottom:5px;
		list-style-type: decimal;
	}
		 #halal_wp ol li ol {
			margin:0px 0px 0px 20px;
		}
			 #halal_wp ol li ol li {
				list-style-type:lower-roman;
			}

/*----------- blockquote -----------*/
 #halal_wp blockquote {
	margin:20px 20px 0px 30px;
	padding:10px;	
	border: 1px solid #6FBDF7;
	background: #EDF7FE;
}
	 #halal_wp blockquote p {
		margin:10px 15px 5px 15px;
	}

/*----------- code -----------*/
 #halal_wp code {
	margin:20px 0px 0px 0px;
	border:1px #cccccc solid;
	background-color:#f9f9f9;
}

/*----------- q -----------*/
 #halal_wp q {
	background-color:#f9f9f9;
}

/*----------- hr -----------*/
 #halal_wp hr {
	margin:20px 10px 0px 10px;
}

/*======================================================
	■clearfix
======================================================*/
/*  --- fix related --- */
/* to fix clear flot */
#halal_g_menu:after,
#halal_wp:after,
#halal_topic:after,
.halal_topic_r #topic dl:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
#halal_g_menu,
#halal_wp,
#halal_topic,
.halal_topic_r #topic dl,
.clearfix {
	display:inline-block;
}
#halal_g_menu,
#halal_wp,
#halal_topic,
.halal_topic_r #topic dl,
.clearfix {
	display:block;
	}
/* Mac IE \*//*/
#halal_g_menu,
#halal_wp,
#halal_topic,
.halal_topic_r #topic dl,
.clearfix {
	overflow:hidden;
}
/* */


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

 2017.9.11 laboページ用

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

	.clearfix:before,
	.clearfix:after
	{
		display: table;
		content: " ";
	}
	.clearfix:after {
		clear: both;
	}

	.text-center {
		text-align:center;
	}
	
	.mt4 { margin-top:0.4em; }
	.mt8 { margin-top:0.8em; }
	.mb4 { margin-bottom:0.4em; }
	.mb8 { margin-bottom:0.8em; }
	.ml4 { margin-left:0.4em; }
	.ml8 { margin-left:0.8em; }
	.ml16 { margin-left:1.6em; }
	.mr4 { margin-right:0.4em; }
	.mr8 { margin-right:0.8em; }
	.mr16 { margin-right:1.6em; }
	
	.note { font-size:8.75pt; }
	
	.arrow-dn {
		display:inline-block;
		width: 100px;
		height:25px;
	}
		.arrow-dn::before{
			content: "";
			display: block;
			margin: 0 auto;
			width: 50px;
			height: 15px;
			background: #16532C;
		}
		.arrow-dn::after{
			content: "";
			display:block;
			border-top: 50px solid #16532C;
			border-left: 50px solid transparent;
			border-right: 50px solid transparent;
			transform-origin: left top;
			transform: scaleY(.5);
		}

	.arrow-dn-red {
		display:inline-block;
		width: 100px;
		height:25px;
		margin-top:-15px;
	}
		.arrow-dn-red::before{
			content: "";
			display: block;
			margin: 0 auto;
			width: 50px;
			height: 15px;
			background: #A10000;
		}
		.arrow-dn-red::after{
			content: "";
			display:block;
			border-top: 50px solid #A10000;
			border-left: 50px solid transparent;
			border-right: 50px solid transparent;
			transform-origin: left top;
			transform: scaleY(.5);
		}
	.arrow-dn-red-wrap {
		float:left;
		width:225px;
		text-align:center;
		margin-bottom:1.2em;
	}
	.arrow-dn-red-box {
		background-color:#A10000; 
		text-align:center; 
		padding:0.8em 0.2em; 
		color:#fff;
		font-size:10.75pt;
	}
	
	 #halal_wp #labo {
	}

	 #halal_wp #labo .text-center { text-align:center; }
	 #halal_wp #labo .note { font-size:88%; }
	 #halal_wp #labo .text-w { color:#fff; }
	
	 #halal_wp #labo h1 {
		display: block;
		height: auto;
		margin: 1.6em 0 0.4em;
		padding: 0.1em 0 0.1em 0;
		font-size: 16.75pt;
		font-weight: 300;
		color: #fff;
		border-bottom: solid 1px #16532C;
		line-height: 1.4em;
		text-shadow:none;
		
		background-color:#16532C;
		background-image: -webkit-linear-gradient(90deg, #34ffda, #16532C);
		background-image: linear-gradient(-25deg, #34ffda, #16532C);

		border-radius: 3px;
		box-shadow: 1px 1px 3px #929292;
	}

	 #halal_wp #labo h2 {
		clear: both;
		color: #333;
		margin: 0.8em auto;
		padding: 0.4em 0.8em;
		font-size: 12.75pt;
		font-weight: 300;
		border-bottom: solid 1px #BED5C7;	/*#16532C;*/
		border-radius: 0px;
		line-height: 1.4em;
	}
		 #halal_wp #labo h2:before {
			content: "";
			background-color: #333;
			margin: 0;
			padding: 0;
			transform: scaleX(0.5);
		}

	 #halal_wp #labo h3 {
		clear: both;
		margin: 0.8em 0 0.4em;
		padding: 0.4em 0.8em;
		font-size: 10.75pt;
		font-weight: normal;
		color:#333;
		border-bottom: none;
		line-height: 1.4em;
	}

	
	 #halal_wp #labo p,
	 #halal_wp #labo ul,
	 #halal_wp #labo ol {
		font-size:10.25pt;
	}

	 #halal_wp #labo ul {
		margin:0 auto;
	}
	 #halal_wp #labo ul.labo2 {
		margin:0.4em auto 0.8em;
		padding:0 1.6em;
	}
	 #halal_wp #labo ol {
		margin:0 0.8em;
	}
		 #halal_wp #labo ul li,
		 #halal_wp #labo ul.labo2 li {
			list-style-type: disc;
			padding: 0;
			margin: 0 2.4em;
			line-height: 1.8em;
			background:none;
		}
		 #halal_wp #labo ol.labo li {
			padding: 0;
			margin: 0 15px 0 30px;
			line-height: 1.8em;	
		}


/* side link menu */

side_foreign_site {
}
	#side_foreign_site ul {
		margin:0 auto 0.8em;
		padding:0;
		list-style-type: none;
	}
	#side_foreign_site ul li {
		margin:0 auto;
		padding:0;
		font-size:10.75pt;
	}
	#side_foreign_site ul li a {
		background-color: #fff;
		display: inline-block;
		width: 95%;
		border: solid 1px #ddd;
		box-shadow: 1px 1px 3px #ccc;
	}
		#side_foreign_site ul li a:hover {
			text-decoration:none;
		}

		#side_foreign_site ul li a .kuni.china:after { content:"中国・台湾"; }
		#side_foreign_site ul li a .kuni.korea:after { content:"韓国"; }
		#side_foreign_site ul li a .kuni.asean:after { content:"ASEAN＋インド"; }
		#side_foreign_site ul li a .kuni2.other:after { content:"欧州・北米、オセアニア、ロシア、中東、南米"; padding:0.3em 0 0; }

		#side_foreign_site ul li a .kuni.english:after { content:"English"; }
		#side_foreign_site ul li a .kuni.korea2:after { content:"Korea"; }

		#side_foreign_site ul li a .mark {
			background-color:#C5D1EA;
			padding:0.8em 0.8em 0.9em;
			float:left;
		}
		#side_foreign_site ul li a .mark:before {
			font-family: 'icomoon';
			content: "\e60d";
			color:#fff;
		}
		#side_foreign_site ul li a .kuni {
			float: right;
			width: 80%;
			text-align: left;
			padding: 0.8em 0 0;
		}
		#side_foreign_site ul li a .kuni2 {
			float: right;
			width: 80%;
			text-align: left;
			padding: 0.3em 0 0;
		}
			#side_foreign_site ul li a .kuni,
			#side_foreign_site ul li a .kuni2 {
				background-color:#fff;
			}


	.side_banner_wrap {
		margin:1.6em 0 0.8em -8px;
	}

	.btn-pdf {
		margin:1.6em auto;
		background-color: #ccc;
		border-radius: 6px;
		padding: 0.8em 1.6em;
		box-shadow: 1px 1px 3px #ccc;

		background-color:#16532C;
		background-image: -webkit-linear-gradient(90deg, #23a560, #16532C);
		background-image: linear-gradient(15deg, #23a560, #16532C);
	}
		.btn-pdf .title {
			color: #fff;
			font-size: 12.75pt;
			text-align: center;
			padding: 0.8em;
			text-shadow:1px 1px 3px #393939;
		}
		.btn-pdf a {
			background-color: rgba(22,83,44,0.6);
			width: 90%;
			display: block;
			margin: 0.4em auto;
			text-align: center;
			padding: 0.8em;
			border-radius: 16px;
			font-size: 10.75pt;
			color:#fff;
			position:relative;
			box-shadow: 1px 1px 3px #fff;
		}
		.btn-pdf a:hover {
			background-color: rgba(22,83,44,0.9);
			text-decoration:none;
		}
			.btn-pdf a:before {
				font-family: 'icomoon';
				content: "\e4e2";
				color:#fff;
				font-size:20pt;
				position:absolute;
				top:13px;
				left:40px;

			}

#halal_wp .f_right {
	float: right;
	padding: 0 0 10px 10px;
}
#halal_wp p {
	line-height: 1.8em;
	padding: 0.2em 0.8em 0.8em 0.8em;
	text-align:left;
}
#halal_wp ul.detail {
	margin: 20px 20px 0px 15px;
	padding: 0.4em 0;
	line-height: 1.6em;
	text-align:left;
}

#halal_wp h2 {
	clear: both;
	color: #203e8c;
	margin: 0.8em 0;
	padding: 0.8em 0.4em 0.8em;
	font-size: 14pt;
	font-weight: normal;
	border-bottom: solid 1px #203e8c;
	border-radius: 0px;
	line-height: 1.8em;
	text-align:left;
}
	#halal_wp h2::before {
		content: "　";
		background-color: #203e8c;
		margin: 0 0.4em 0 0;
		padding: 0.2em 0 0;
		transform: scaleX(0.5);
	}

#halal_wp .font_small {
	font-size: 8.75pt;
	text-align:left;
}

#halal_wp .txt_goukei_b {
	text-align: center;
	vertical-align: middle;
	font-size: 16pt;
}


/*======================================================
■インドネシアのハラール認証（LPPOM MUI/BPJPH）に関するお問合せ
20231214　フロー図
======================================================*/
.flow_design01 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow_design01 ul {
  padding: 0;
}
#halal_wp .flow_design01 ul.flow01 li {
	list-style-type: none;
	padding:0;
	background:none;
}

.flow_design01 dd {
  margin-left: 0;
}

.flow01 > li {
  position: relative;
  list-style: none;
}

.flow01 > li:not(:last-child) {
  margin-bottom: 20px;
}

.flow01 > li dl {
  box-sizing: border-box;
  width: 100%;
  padding: 5px 20px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #0090a3;
  border-radius: 10px;
  position: relative;
}

.flow01 > li:not(:last-child) dl::before,
.flow01 > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow01 > li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: #0090a3;
}

.flow01 > li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}

.flow01 > li dl dt {
  font-size: 1.2em;
  font-weight: 600;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 2vw;
  text-align: center;
}

.flow01 > li dl dt .icon01 {
  font-size: 0.6em;
  color: #fff;
  background: #0090a3;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
}
.flow01 > li dl dd {
  font-size:90%;
	margin-top:-5px;
}

@media(max-width: 650px) {
  .flow01 > li:not(:last-child) {
    margin-bottom: 30px;
  }

  .flow01 > li dl {
    display: block;
    padding: 10px 15px;
  }

  .flow01 > li dl dt {
    margin-right: 0;
  }

  .flow01 > li dl dt .icon01 {
    font-size: .7em;
  }
}