/*====================================== 
INDEX—pCSS
=======================================*/ 


@media screen and (min-width:980px) {
	#index_header h1 {
		margin: 0;
		position: absolute;
		top: calc(50% - 10.5em);
		width: 100%;
	}
	#index_header h1 img {
		width: 600px;
		height:auto;
		text-align: left;
		margin-left:10%;
	}
}

@media screen and (min-width:671px) {
	#index_header {
		position: relative;
		width: 100%;
		min-height: 100vh;
		background:url("../img/bg.png"), 
		url("../../img/mainimg.jpg?date=20230602")center / cover;
	}
	#index_header::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 150px;
		background: linear-gradient(to bottom, rgba(0,0,0,.8), transparent);
		content: "";
		z-index: 1;
	}
	#index_header h1 {
		margin: 0;
		position: absolute;
		top: calc(50% - 5.5em);
		width: 100%;
		
		animation-name:fadeLeftAnime;
		animation-delay: 0.5s;
		animation-duration:0.5s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	#index_header h1 img {
		max-width: 60%;
		height:auto;
		margin-left:5%;
	}
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateY(-50px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

#maincont .indexBox h2 {
	font-size:4.0em;
	line-height: 1.8em;
	text-align:center;
}
#maincont .indexBox p {
	font-size:2.0em;
	line-height: 1.8em;
	text-align:center;
}
#main_contents .indexNews {
	background: #ffcd33;
	padding:30px;
	margin-bottom:30px;
}
#main_contents .indexNews h3 {
	font-size:4.0em;
	margin-bottom:10px;
	color:#f61700;
	font-weight: 700;
	font-family: 'Arial Black', Impact, Gadget, sans-serif;
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}
#main_contents .indexNews  ul{
	padding:0;
	margin:0;
	list-style:none;
	height:400px;
	overflow-y:auto;
}
#main_contents .indexNews li{
	width:100%;
	font-size:1.6em;
	line-height: 1.8em;
	color:#000;
	font-weight: 700;
}
#main_contents .indexNews li strong{
	font-size:1.2em;
}
#main_contents .indexNews li p{
	padding-left:1em;
	text-indent:-1em;
}
#main_contents .indexNews li p{
	padding-left:1em;
	text-indent:-1em;
}
#main_contents .indexNews li a {
	color:#f61700;
}

#main_contents .indexNews li{
	border-bottom:2px solid #000;
	padding-bottom:20px;
	margin-bottom:20px;
}

#main_contents .indexNews li strong{
	font-size:1.2em;
}


#main_contents .indexBanner ul{
	padding:0;
	margin:30px 0 0 0;
	list-style:none;
}
#main_contents .indexBanner li{
	width:300px;
	float:left;
	margin:0;
	padding:0 30px 0 0;
}
#main_contents .indexBanner li h3{
	padding:0;
}
#main_contents .indexBanner li.noR{
	padding-right:0;
}
#main_contents .indexBanner li img {
	width: 100%;
	padding:0;
}


#maincont .cautionTxt {
	font-size:2.4em;
	line-height: 1.8em;
	font-weight: 700;
	padding-bottom:70px;
}
	
@media screen and (max-width:670px) {
	#maincont .cautionTxt {
		font-size:2.0em;
		padding-bottom:50px;
	}
	#index_header{
		background:none;
		width: 100%;
		height:auto;
	}
	#index_header h1 img,
	.indexBanner img {
		width: 100%;
		padding:0;
	}

	#maincont .indexBox {
	}
	#maincont .indexBox h2 {
		font-size:2.8em;
		line-height: 1.4em;
		margin-bottom:10px;
	}
	#maincont .indexBox p {
		font-size:1.5em;
		line-height: 1.6em;
	}
	#main_contents .indexNews {
	padding:5%;
	margin-bottom:5%;
	}

	#main_contents .indexNews h3 {
		font-size:2.6em;
		line-height: 1.5em;
	}

	#maincont .indexBanner ul{
		padding:0;
		margin:0;
		width:100%;
	}
	#maincont .indexBanner li{
		width:100%;
		padding:4% 0 0 0;
		float:none;
	}
	#maincont .indexBanner li img{
		max-width:100%;
	}

}






/* onigourmetWrap-ibagourmetWrap�¥�¥
------------------------------------------------------------ */
.onigourmetWrap{
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}
.onigourmetWrap {
	background:#f4d623;
}
.full-screen li {
	position: relative;
	display:block;
	font-size:1.6em;
	line-height: 1.8em;
	letter-spacing:0.5px;
	font-weight:500;
}
.full-screen div {
	overflow:hidden;
	border-radius: 5px;
	display:block;
	text-align:center;
	margin: 5px;
}
.full-screen img{
	width: 100%;
	height:auto;
}

@media screen and (min-width: 671px){
	.full-screen a img{
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 03s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.full-screen a:hover img{
		-moz-transform:scale(1.03, 1.03);
		-ms-transform:scale(1.03, 1.03);
		-webkit-transform:scale(1.03, 1.03);
		transform:scale(1.03, 1.03);
	}
	
	.full-screen span{
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
.full-screen span::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #00920a;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
.full-screen a:hover span::after {
		transform-origin: left top;
		transform: scale(1.03, 1.03);
	}
}