@charset "UTF-8";

/* ==================================================================================================
   PC
================================================================================================== */
#index {
	position:relative;
}

#index #header{
	height:auto;
}
#index #header .hd_logo{
	float:none;
	margin:0 0 0 5%;
}
#index #globalNavi{
	float:none;
	text-align:center;
	width:240px;
	/*min-height:450px;*/
	margin:20px 0 0 5%;
	padding:0;
}
#index #globalNavi .nav-category {
	display: block;
}
#index #globalNavi .nav-category li {
	float: none;
	margin:20px 0;
	font-size:200%;
}
#index #globalNavi .nav-category li a {
	display: inline;
}

/*============================
.i_mainTxt
============================*/
#index .i_mainTxt{
	position:absolute;
	top:450px;right:5px;
}

/*============================
.i_award
============================*/
.i_award {
	position:absolute;
	top:10px;right:2%;
	font-size:93%;
	min-height:140px;
	padding:0 0 0 145px;
	background:url(../../img/index/img_i01.jpg) top left no-repeat;
}
.i_award p{
	line-height:140%;
	margin:0 0 0.5em 0;
}
.hygene{
	position:absolute;
	top:1%;right:80px;
	min-height:140px;
	padding:0 0 0 145px;
}
.hygene img{
	height:120px;
}
.hygeneSP{
	display:none;
}

/*============================
.i_news
============================*/
.i_news {
	position:relative;
	float:right;
	width:430px;
}
.i_news:after {
	clear:both;
}
.i_news h2{
	font-size:123.1%;
	margin:1em 0 0.5em 0;
}
.i_news iframe{
	scroll:none;
	height:auto;	
}

/* ==========================================================================
   SmartPhone
========================================================================== */

@media screen and (max-width: 640px){
	#index{
		background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .5)),
		url(../../img/sp_bg/ind.jpg) center fixed;
		background-size: cover;
	}
	#index #header .hd_logo{
		margin:0;
		width:100%;
		text-align:center;
	}
	#index #globalNavi{
		text-align:center;
		width:100%;
		height:auto;
		margin:auto;
		font-size:140%;
	}
	#index #globalNavi .nav-category li {
		clear:both;
		display:block;
		margin:0;
		padding:0;
		border:none;
		width:100%;
		margin:0.8em 0;
	}
	.i_mainTxt, .i_award, .hygene{
		display:none;
	}
	.i_news{
		position:relative;
		float:none;
		width:100%;
	}
	.i_news h2{
		font-size:110%;
		margin:0;
		opacity: 0.75;
	}
	.i_news iframe{
		scroll:none;
		height:auto;	
		width:100%;
	}
	/*.ft_info:after {
  	content: url(../../img/index/foodSafety.jpg);
		display: inline-block;
    vertical-align: top;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    content: '';
    display: inline-block;
    width: 200px;
    height: 283px;
    vertical-align: middle;
    background: url(../../img/index/foodSafety.jpg);
    background-size: 200px 283px;
		margin-bottom:1em;
	}*/
	#index #footer .mb02{
		width:80%;
		float:left;
	}
	.hygeneSP{
		float:right;
		width:20%;
		display:block;
	}
	.hygeneSP img{
		width:100%;
	}
	#index #footer .ft_info{
		
	}
}