/*****トップページ*******/
#header{
	width:100%;
	position:relative;
	z-index:1 !important;
	overflow:hidden;
}
.logo{
	width:100%;
	z-index:10 !important;
	position:absolute;
}
#canvas {
  position:absolute;
  width:100%;
  height:100%;
  overflow: hidden;
  opacity: 0.45;
}
.fuji{
	float:right;
	margin-top:-300px;
}
.town{
	z-index:-10 !important;
	background-image:url("../images/top/town.png");
	background-position:bottom;
	background-size:100%;
	background-repeat:no-repeat;
}
.tabemon1{
	bottom:-50px;
	left:0;
	position:absolute;
	width:20%;
	z-index:1 !important;
}
.tabemon2{
	bottom:-40px;
	left:10%;
	position:absolute;
	width:20%;
	z-index:1 !important;
}
.tabemon3{
	bottom:10px;
	left:5%;
	position:absolute;
	width:20%;
	z-index:0 !important;
}
.tabemon4{
	bottom:0;
	left:40%;
	position:absolute;
	width:20%;
	z-index:1 !important;
}
.tabemon5{
	bottom:40px;
	right:11%;
	position:absolute;
	width:20%;
	z-index:1 !important;
}
.tabemon6{
	bottom:50px;
	right:-100px;
	position:absolute;
	width:25%;
	z-index:1 !important;
}
.tabemon7{
	bottom:0;
	right:25%;
	position:absolute;
	width:20%;
	z-index:1 !important;
}
.tabemon8{
	bottom:-30px;
	right:11%;
	position:absolute;
	width:20%;
	z-index:1 !important;
}
.tabemon9{
	bottom:60px;
	left:-80px;
	position:absolute;
	width:20%;
	z-index:-1 !important;
}
.tabemon10{
	bottom:-50px;
	right:0;
	position:absolute;
	width:20%;
	z-index:1 !important;
}
.tabemon11{
	bottom:80px;
	left:8%;
	position:absolute;
	width:25%;
	z-index:-1 !important;
}
@keyframes moveBg{
    0%    { background-position: 0 0; }
    100%  { background-position: -1500px 0; }
}
ul.top_nav{
	margin:0 auto;
	text-align:center;
}
ul.top_nav li{
	display:inline-block;
	width:48%;
}
ul.top_nav_mc{
	margin:0 auto;
	text-align:center;
}
ul.top_nav_mc li{
	display:inline-block;
	width:23%;
	background-color:#FFF;
}
ul.top_nav_mc li p font{
	font-size:1.5em;
	color:#F90;
}
.kaisai_tit{
	text-align:center;
	color:#FFF;
	padding-top:100px;
	font-size:2.5em;
	font-weight:bold;
	text-shadow: 1px 1px 0px #7777aa, 2px 2px 0px #7777aa, 3px 3px 0px #7777aa, 4px 4px 0px #7777aa, 5px 5px 0px #7777aa;
	line-height:1.7em;
}
.shutuen_p{
	float:left;
	width:750px;
	margin-left:20px;
}
.shutuen_p h2 span{
	border:solid #F90 2px;
	color:#F90;
	font-size:1.5em;
	padding:1px 10px;
}
.shutuen_p h2 font{
	color:#F90;
}
p.shutuen{
	float:left;
	font-size:0.7em;
	width:330px;
	line-height:14px !important;
	margin-top:20px;
}
p.shutuen2{
	float:left;
	font-size:0.7em;
	width:330px;
	line-height:14px !important;
	margin-left:20px;
	margin-top:20px;
}
p.shutuen3{
	float:left;
	font-size:0.7em;
	width:330px;
	line-height:14px !important;
	margin-left:20px;
	margin-top:20px;
}
p.shutuen br,p.shutuen2 br,p.shutuen3 br{
	line-height:3px !important;
}
.w_shutuen{
	width:300px;
}
.w_shutuen img{
	width:100%;
}
.tabemono{
	float:left;
	margin-top:-350px;
}
h2.boshuu{
	text-align:center;
	color:#FFF;
	font-size:2.5em;
}
table.food{
	margin-top:20px;
}
table.food th{
	text-align:left;
	border-bottom: solid #C33 2px;
	width:200px;
	padding:10px 0;
	font-size:1.2em;
}
table.food td{
	text-align:left;
	border-bottom: solid #F93 2px;
	padding-left:10px !important;
	width:600px;
	padding:10px 0;
	font-size:1.2em;
}

.c_0{
	color:#666;
	border-bottom:solid #666 2px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.c_1{
	background-color:#f09c1c;
}
.c_2{
	color:#666;
	border-bottom:solid #F90 2px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.c_3{
	color:#666;
	border-bottom:solid #36C 2px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.c_4{
	color:#666;
	border-bottom:solid #099 2px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.po_bottom{
	position:absolute;
	bottom:20px;
}
.po_bottom2{
	position:absolute;
	bottom:60px;
}
.hed_box{
/*	background-image:url("../images/top/hanabi.jpg");
*/	width:100%;
	position:relative;
	height:800px;
}

.toGray{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	transition: 1.0s ;
	position:absolute;
	top:0;
	left:0;
}
.toGray:hover{
	filter: none;
	-webkit-filter: grayscale(0%);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  -ms-filter: "alpha(opacity=100)" !important;
}

.top_tit{
	position:absolute;
	top:50%;
	right:5%;
	width:80%;
}
.top_logo{
	position:absolute;
	top:50%;
	left:5%;
	margin-top:-10px;
	width:10%;
}

.w_1200{
	width:1200px;
	margin:0 auto;
	padding:20px 0;
}

.w_back{
	background-color:#FFF;
	width:100%;
	height:auto;
}
.w_back img{
	width:90%;
	padding:50px 5% 50px 5%;
}
.top_content_box_l{
	float:left;
}
.top_content_box_r{
	float:right;
	margin-left:20px;
}
.top_content_box1{
	width:700px;
	height:700px;
	border:solid #FFF 5px;
}
.top_content_box2{
	float:left;
	width:335px;
	height:250px;
	border:solid #FFF 5px;
	margin-top:20px !important;
	margin-right:20px !important;
}
.top_content_box3{
	float:left;
	width:335px;
	height:250px;
	border:solid #FFF 5px;
	margin-top:20px !important;
}
.top_content_box4{
	width:460px;
	height:307px;
	border:solid #FFF 5px;
}
.top_content_box5{
	width:460px;
	margin-top:20px !important;
	height:307px;
	border:solid #FFF 5px;
}
.news_t{
	display:inline-block;
	vertical-align:bottom;
}
p.news_t a{
	color:#FFF;
}
p.news_t a:hover{
	color:#FF9;
}
p.news_t a:hover i{
	color:#FF9;
}

.top_logo_sp{
	display:none;
}

/***************求人募集**********************/
a .recruit_box{
	border:solid #4186cc 2px;
	text-align:center;
	padding:30px;
	margin-bottom:50px;
}
a .recruit_box p{
	color:#4186cc ;
}
a:hover .recruit_box{
	border:solid #4186cc 2px;
	background-color:#4186cc;
	animation: fadeIn 1s ease 0s 1 normal;
}
a:hover .recruit_box p{
	color:#FFF;
}
.rec_p_box{
	width:1070px;
	margin-left:130px;
}
ul.recruit_seido li{
	display:inline-block;
	width:480px;
	height:280px;
	border:solid #666 1px;
	padding:20px;
	vertical-align:top;
	margin-bottom:20px;
}
.rec_content_for{
	position:relative;
	width:100%;
	height:300px;
	overflow:hidden;
}
.rec_content_for_tit{
	position:absolute;
	width:500px;
	height:100px;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-250px;
}
.recruit_h3{
	margin-top:40px;
}
.recruit_h2{
	margin-top:150px;
	margin-bottom:150px;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:solid #666 1px;
	border-top:solid #666 1px;
}
ul.staff {
	margin:0 auto;
	text-align:center;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

ul.staff li{
	display:inline-block;
	width:29%;
	border:solid #999 1px;
	padding:1%;
	vertical-align:top;
	margin:20px 1% 0 1%;
}
.messe{
	background-color:#f4f4f4;
	padding:2%;
}
/***************パートナー**********************/
.partner_h3{
	text-align:left;
	padding:5px 20px;
	margin-bottom:20px;
}
.partner_1{
	color:#0C3;
	border-bottom:solid #0C3 1px;
	border-left:solid #0C3 10px;
}
.partner_2{
	color:#969;
	border-bottom:solid #969 1px;
	border-left:solid #969 10px;
}
.partner_3{
	color:#36C;
	border-bottom:solid #36C 1px;
	border-left:solid #36C 10px;
}
.partner_4{
	color:#F39;
	border-bottom:solid #F39 1px;
	border-left:solid #F39 10px;
}
.partner_5{
	color:#666;
	border-bottom:solid #666 1px;
	border-left:solid #666 10px;
}
.mail_p{
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
.mail_p a{
	color:#FF9;
	text-decoration:underline;
}
ul.form li{
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	width:100%;
}
ul.form li.form_tit{
	margin-top:50px;
	font-size:24px;
	text-align:left;
	padding-left:20px;
	border-left:solid #F39 15px;
}
table.form tr th{
	background-color:#F39;
	color:#FFF;
	width:100px;
	padding:0 10px ;
}
table.form tr td{
	padding-left:10px;
}
input.form_t_area,textarea.form_t_area{
	width:100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.submit_btn{
	background-color:#FFF;
	color:#666;
	padding:5px 10px;
}
ul.form li ul{
	width:70%;
	margin:0 auto;
}
.mein_content_mail{
	width:700px;
	height:auto;
	margin:0 auto !important;
	padding:100px 20px;
}
.mein_content_mail_tit{
	width:100%;
	height:auto;
	margin:0 auto !important;
	padding:40px 20px;
	background-color:#F39;
}
.mein_content_mail_tit2{
	width:700px;
	margin:0 auto !important;
}
.mail_tit{
	color:#FFF;
	float:left;
	margin-left:20px;
	margin-top:30px;
}
.mail_c1{
	border:solid #0C3 10px;
}
.mail_c2{
	border:solid #969 10px;
}
.mail_c3{
	border:solid #36C 10px;
}
.mail_c4{
	border:solid #F39 10px;
}
.mail_c5{
	border:solid #999 10px;
}
@media screen and (max-width: 1100px) {

.fuji{
	display:none;
	margin-top:0;
}
.tabemono{
	display:none;
	margin-top:0;
}
}
@media screen and (max-width: 640px) {
.kaisai_tit{
	text-align:left;
	padding-left: 2%;
	width: 96%;
	padding-top:100px;
	font-size:1.7em;
	font-weight:bold;
	text-shadow:none;
	line-height:2em;
}

#height{
	height:350px !important;
}
ul.top_nav li{
	width:98%;
	margin-bottom:20px;
}

header{
	display:none;
}
.header_page{
	margin-top:60px;
	height:150px !important;
}
.top_blok{
	height:350px !important;
}
.top_blok img{
	height:350px !important;
}
ul.news2{
	display:none;
}

.shutuen_p{
	float:none;
	width:100%;
	margin-left:0;
}
.shutuen_p h2 span{
	border:solid #F90 2px;
	color:#F90;
	font-size:1.5em;
	padding:1px 10px;
}
p.shutuen{
	float:none;
	width:100%;
}
p.shutuen2{
	float:none;
	width:100%;
	margin-left:0;
}
p.shutuen3{
	float:none;
	width:100%;
	margin-left:0;
}


.w_1200{
	width:96%;
	margin:0 auto;
	padding:20px 2%;
}
ul.news_sp{
	width:100%;
}
.top_logo_sp{
	display:block;
}
.top_logo_sp img{
	width:90%;
	margin-left:5%;
	margin-bottom:10px;
	margin-top:-40px;
}

.main-gallery {
	margin-bottom: 160px;
}
.main-gallery img {
	width: 96%;
	margin-left:2%;
	height: auto;
}
.gallery-cell{
	width: 96%;
	margin-left:2%;
}
.sp_srd_link{
	padding-top:10px !important;
	text-align:center !important;
	margin:0 auto !important;
}
.top_content_for_sp{
	position:relative;
	width:100%;
	height:150px;
	overflow:hidden;
}
.top_for_sp_h3{
	margin-bottom:-10px;
}
/***************パートナー**********************/
ul.form li ul{
	width:100%;
}


.sp_size{
	font-size:1.2em;
	line-height:1.4em;
}

.kaisai_tit{
	padding-top:40px;
	font-size:1.5em;
	letter-spacing:0.5px;
	line-height:1em;
}
h2.boshuu{
	font-size:1.5em;
	letter-spacing:1px;
}
table.food th{
	width:100%;
	padding:20px 0 10px 0;
}
table.food td{
	padding-left:0 !important;
	width:100%;
	padding:10px 0;
}
.mein_content_mail{
	width:96%;
	padding:50px 2%;
}

.mein_content_mail_tit2{
	width:100%;
	margin:0 auto !important;
}
.mail_tit{
	float:none;
	margin-left:0;
	margin-top:30px;
}
.mein_content_mail_tit{
	width:96%;
	padding:30px 2%;
}
ul.form li.form_tit{
	margin-top:50px;
	font-size:24px;
	text-align:left;
	padding-left:2%;
	border-left:solid #F39 2%;
	width:96%;
}
input.form_t_area,textarea.form_t_area{
	width:90%;
}
ul.top_nav_mc li{
	width:48%;
	margin-bottom:10px;
}
ul.top_nav_mc li p font{
	font-size:1.1em;
}

}