@charset "Shift_JIS";

/* reset
-------------------------------------*/
body{margin:0px;padding:0px;position:relative;}
.content{text-align:center;min-width:990px;}
.content h1,
.content h2,
.content h3,
.content p{margin:0px;text-align:left;}
.content li,
.content p{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.content img{display:block;}

/* common
-------------------------------------*/
.section{width:100%;min-width:990px;clear:both;text-align:center;}
.sectionInner{width:990px;margin:0px auto;position:relative;}

.hoverFade{position:relative;display:block;border:0px;}
.hoverFade img{border:0px;}
.hoverFade img.originalImg{position:relative;z-index:2;-webkit-transition:all .7s ease 0s;transition: all .7s ease 0s;}
.hoverFade img.hoverImg{z-index:1;position:absolute;left:0px;top:0px;}
.hoverFade:hover img.originalImg{opacity:0;display:none\9;}

/* header
-------------------------------------*/
#header{position:relative;z-index:1;}
#header .sectionInner{width:100%;height:0px;overflow:hidden;padding-top:57.9166%;position:relative;}

#header h1{position:absolute;left:0%;width:100%;top:30.215%;z-index:3;text-align:center;}
#header h1 img{width:40.8333%;height:auto;margin:0px auto;}

#video{display:block;position:absolute;left:0%;width:100%;top:0px;z-index:1;}
#video img{width:100%;height:auto;display:block;}
#video video{width:100%;height:auto;display:block;}

#wave{display:block;position:absolute;z-index:2;left:0px;width:100%;bottom:0px;height:auto;}
#wave img{width:100%;height:auto;}

/* lead
-------------------------------------*/
#lead{position:relative;z-index:2;}
#lead .sectionInner{height:132px;}
#lead p{position:relative;}
#lead p img{position:absolute;left:0px;top:-68px;}

/* activity
-------------------------------------*/
#activity{position:relative;z-index:1;}

#activityHead{height:82px;position:relative;z-index:1;}
#activity1{height:495px;position:relative;z-index:2;}
#activity2{height:767px;position:relative;z-index:3;}

/* gourmet
-------------------------------------*/
#gourmet{position:relative;z-index:2;}

#gourmetHead{height:141px;position:relative;z-index:1;}
#gourmet1{margin-bottom:20px;position:relative;z-index:2;}
#gourmet2{margin-bottom:44px;}

/* event
-------------------------------------*/
#event{position:relative;z-index:1;}

#eventHead{}
#event1{margin-bottom:16px;}
#event2{margin-bottom:22px;}
#event3{margin-bottom:40px;}

/* banner
-------------------------------------*/
#banner{}
#banner .sectionInner{overflow:hidden;}

#banner1{margin-bottom:27px;}
#banner1 a{width:990px;height:160px;}

#banner2{float:left;}
#banner2 a{width:480px;height:220px;}

#banner3{float:right;}
#banner3 a{width:480px;height:220px;}

/* footer
-------------------------------------*/
#footer .sectionInner{}

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