html{
	height:100%;
}
body{

	font-family: A-OTF-Reisho;


	background: url(../../images/back.png) center center no-repeat fixed;
	background-size:contain;
　height:100%;
}
#wrapper{
	height:100%;
}
#header{
	background: url(../../images/main.webp) center center no-repeat;
  height:800px;
	z-index:10;
	min-height:800px;
}
#top_logo{
	background-color:#1e2f4a;
	height:40px;
	padding:6.5px 0px;
	box-sizing:border-box;
	position:fixed;
	margin:0 auto;
	width:100%;
	z-index:10;
}

#nav{
	height:60px;
	background:rgba(255,255,255,1);
	position:fixed;
	margin-top:40px;
	width:100%;
	z-index:10;
}

#nav_wrap{
	width:1200px;

	margin:0 auto;
	height:60px;
}

.nav_btn1{
	width:171.428px;
	height:60px;
	float:left;

}

.btn2{
	background:rgba(255,255,255);
	height:60px;
	background-image:url(../../images/nav_02-2.png);
}

.btn2:hover{
	background:#1e2f4a;
	background-image:url(../../images/nav_02-1.png);

}

.btn3{
	background:rgba(255,255,255);
	height:60px;
	background-image:url(../../images/nav_03-2.png);
}

.btn3:hover{
	background:#1e2f4a;
	background-image:url(../../images/nav_03-1.png);

}

.btn4{
	background:rgba(255,255,255);
	height:60px;
	background-image:url(../../images/nav_04-2.png);
}

.btn4:hover{
	background:#1e2f4a;
	background-image:url(../../images/nav_04-1.png);

}

.btn5{
	background:rgba(255,255,255);
	height:60px;
	background-image:url(../../images/nav_05-2.png);
}

.btn5:hover{
	background:#1e2f4a;
	background-image:url(../../images/nav_05-1.png);

}

.btn6{
	background:rgba(255,255,255);
	height:60px;
	background-image:url(../../images/nav_06-2.png);
}

.btn6:hover{
	background:#1e2f4a;
	background-image:url(../../images/nav_06-1.png);

}

.btn7{
	background:rgba(255,255,255);
	height:60px;
	background:url(../../images/icon_fb.png) center center no-repeat;
}



.btn1{
	background:rgba(255,255,255);
	height:60px;
	background-image:url(../../images/nav_01-2.png);
}

.btn1:hover{
	background:#1e2f4a;
	background-image:url(../../images/nav_01-1.png);

}

@media screen and (max-width: 768px) {
	#header{
	background: url(../../images/main.webp) center center no-repeat;
	background-size:cover;
  height:520px;
	z-index:10;
	min-height:0;
}
#nav{
	display:none;
}
}

@media screen and (max-width:350px) {
	#header{
  height:400px;
}
}

/************************************************
*
*
*
************************************************/

#concept{
	height:2700px;
	width:1200px;
	margin:0 auto;
}

#concept_title{

	padding:80px 0;
	}

	.cl_float_left{
		width:600px;
		height:600px;
		float:left;
	}

	.cl_float_right{
		width:600px;
		height:600px;
		float:right;
	}

	.concept_text{
	font-size: 18px;
    line-height: 44px;
    color: #555555;
    text-align: left;
    padding: 0 30px;
	}

	.concept_det_img{
		margin:100px 0 20px;
	}

	@media screen and (max-width: 768px) {
		#concept{
		height:auto;
		width:auto;
		margin:20px;
	}
	.cl_float_left{
		width:auto;
		height:auto;
		float:none;

	}

	.cl_float_right{
		width:auto;
		height:auto;
		float:none;

	}
	.concept_det_img {
    margin: 30px 0 0;
}
.concept_text {
    font-size: 16px;
    line-height: 30px;
    padding: 20px;
}
	}

	/************************************************
*
*
*
************************************************/

#menu{
	width:100%;
/*	height:3295px;
*/	margin:0 auto;
	background:#1e2f4a;
}

#menu_title{
	padding:80px 0;
}
.menu_wrap{
	/*height:1890px;*/
	width:1200px;
	margin:0 auto;
}
.menu_wrap2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 60px;

	/*margin:0 -90px 0 0 ;*/
}

.menu_det{
/*
	margin-right:90px;
	width:340px;
	height:580px;
	float:left;
	margin-bottom:40px;
	*/
}

.menu_det h3{
	color:#fff;
	line-height:1.7;
	font-size:19px;
	margin:20px 0 10px;
}
.menu_det p{
	color:#fff;
	line-height:32px;
	font-size:14px;
	margin:0;
}


#topping{
	width:1200px;
	margin:0 auto;
	height:450px;
	background:#fff;
}

#topping_title{
	padding:30px 0;
}

#topping_wrap{
	width:882px;
	margin:0 auto;
    display: flex;
    justify-content: space-between;

}
.topping_det{
/*	float:left;
	margin:0 26px;
*/
    width: 31%;
}

.topping_det p{
	font-size:16px;
	line-height:32px;
	color:#1e2f4a;
}

#hot_rice{

	width:1200px;

/* 	height:300px;
*/
    min-height: 300px;
	margin:30px auto;
    overflow: auto;

}



#hot_wrap{

	width:570px;

/*	height:300px;*/
    min-height:300px;
	background:#fff;

	float:left;

}



#rice_wrap{

	width:570px;

	height:300px;

	background:#fff;

	float:right;

}
#hot_title{
	padding:30px 0;
}
#rice_title{
	padding:30px 0;
}

.hot_rice_det{
	float:left;
	margin:0 20px;
	width:235px;
}
.hot_rice_det span{
font-size: 12px;
}

.hot_rice_det p{
	font-size:16px;
	line-height:32px;
	color:#1e2f4a;
}

#basic_vegetables_wrap{
	width:1200px;
	margin:30px auto;
	height:150px;
	background:#fff;

}

#basic_vegetables_title{
	padding:30px 0 20px;
}

.basic_vegetables p{
	font-size:16px;
	line-height:32px;
	color:#1e2f4a;
}

#precautionary_note{
	font-size:16px;
	line-height:32px;
	color:#fff;
	background:#1e2f4a;
	margin-bottom: 20px;
    display: inline-block;
}

.basic_vegetables_det{
	font-size:18px;
}

#takeout{
	margin:20px 0;
}
@media screen and (max-width: 768px) {
	#menu {
    width: 100%;
    height: auto;

}
	.menu_wrap{
	height:auto;
	width:auto;
	margin:0 auto;
}
.menu_wrap2 {
    margin: 0;
}
.menu_wrap2{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
	grid-row-gap: 50px;
    padding: 0 15px;
	margin-bottom: 50px;
}
.menu_det {
    margin-right: 0px;
    width: auto;
    height: auto;
    float: none;
    margin-bottom:0px;
}
.menu_det p {
		/*margin:0 20px 50px;*/
}
#topping{
	width:auto;
	height:auto;
}
#topping_wrap {
    width: auto;
    margin: 0 auto;
    display: inherit;
}
.topping_det {
/*    float: none;*/
    width: 100%;
    /*margin: 0 26px;*/
}
#hot_rice {
    width: auto;
    height: auto;
    margin: 0px auto;
}
#hot_wrap {
    width: auto;
    height: auto;
    float: none;
}
#rice_wrap {
    width: auto;
    height: auto;
    float: none;
}
.hot_rice_det {
    float: none;
    margin: 0 30px;
    width: auto;
}
#basic_vegetables_wrap {
    width: auto;
    margin: 0px auto;
    height: auto;
		padding-bottom:20px;
}
.basic_vegetables_det {
    margin:0 25px;
		text-align:left;
}
#precautionary_note {
    font-size: 16px;
    line-height: 32px;
    color: #1e2f4a;
		background-color:#fff;
		padding:20px 40px;
}
}


.menu-msg {
    color: #fff;
	font-size: 16px;
    padding: 0 15px 35px;
	line-height: 1.7;

	@media screen and (min-width: 769px) {
		font-size: 19px;
		line-height: 2;
	}
}

/************************************************
*
*
*
************************************************/

#news{
	width:1200px;
/*	height:1150px;
*/	margin:0 auto;
}

#news_title{
	padding:80px 0 50px;
}
/*
#news_wrap{
	margin-right:-40px;
	height:500px;
}
*/
.news_det{
	width:270px;
	margin-right:40px;
	color:#555;
	float:left;
}

.news_det_title{
	font-size:18px;
	margin:10px 0;

}

.news_det_text{
	font-size:18px;
	line-height:32px;
	height:96px;
	overflow:hidden;
}

#news_btn{
	border:1px solid #1e2f4a;
	border-radius:15px;
	width:580px;
	height:70px;
	margin:0 auto;
	line-height:50px;
	-webkit-transition: all .5s;
	transition: all .5;
}

#news_btn:hover{
	background:#ddd;
}

#fb_btn{
	margin: 20px 0 60px;
}
#instafeed a{
	text-decoration:none;
}
@media screen and (max-width: 768px) {

#news{
	width:auto;
	height:auto;
	margin:0 auto;
}
#news_wrap{
	margin-right:0px;
	height:auto;
}

.news_det{
	margin:0 auto;
	float:none;
	margin-bottom:40px;
}
#news_btn{
	display:none;
}
#fb_btn{
	margin:0 20px 20px;
}
}

/************************************************
*
*
*
************************************************/


#access{
		width:100%;
	height:1230px;
	margin:0 auto;
	background:#1e2f4a;

}
#access_title{
	padding:80px 0;
}
 .gmap-wrap {

	width:100%;

}
 #gmap {
	width:100%;
	height:400px;
}

#access_det_wrap{
	width:1200px;
	margin:0 auto;
	height:600px;

}

.access_det{
	width:600px;
	/*height:600px;*/
	float:left;

}
.access_det h2 {
    color: #fff;
    font-size: 20px;
    padding-top: 90px;
}
.access_det p{
	font-size:17px;
	line-height:36px;
	color:#fff;
	word-wrap: break-word;
	text-align:center;
	/*padding:90px 0 0;*/
}

#link_banner{
	width:100%;
	height:430px;
	background:#555;
}
#link_wrap{
	width:900px;
	margin:0 auto;
	padding:80px 0;
}
.link_det{
	float:left;
	margin-right:30px;
}

@media screen and (max-width: 768px) {
	#access{
		width:100%;
	height:auto;

}
#access_title {
    padding: 30px 0;
}
	#access_det_wrap{
	width:auto;
	height:auto;

}
.access_det{
	width:auto;
	height:auto;
	float:none;

}
.access_det p{
	font-size:16px;
	padding:30px 0 0;
}
}


#recruit{
	margin:30px auto;
}



.sec-banner
{
	margin-bottom: 60px;
	padding: 0 15px;
}
.sec-banner a
{
	display: block;
	margin-bottom: 10px;
	transition-duration: .3s;
}
.sec-banner a:hover
{
	filter: drop-shadow(0 3px 5px rgba(0,0,0,0.4));
}
.sec-banner img
{
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px)
{
	.sec-banner
	{
		display: flex;
		justify-content: space-between;
		margin-bottom: 80px;
	}
	.sec-banner > *
	{
		width: 48%;
	}

}
/************************************************
*
*
*
************************************************/
#copyright{
	height:60px;
	background:#1e2f4a;
	font-size:14px;
	color:#fff;
	line-height:60px;
}