@charset "utf-8";

@import url("../common/css/common.css");

/*debug*/
.num {
margin: 0;
position: fixed;
right: 10px;
top: 10px;
z-index:10000;
color:#99E8EF;
}

.num02 {
margin: 0;
position: fixed;
right: 10px;
top: 30px;
z-index:10000;
color:#99E8EF;
}

.num03 {
margin: 0;
position: fixed;
right: 10px;
top: 50px;
z-index:10000;
color:#99E8EF;
}

.num04 {
margin: 0;
position: fixed;
right: 10px;
top: 70px;
z-index:10000;
color:#99E8EF;
}

.num05 {
margin: 0;
position: fixed;
right: 10px;
top: 90px;
z-index:10000;
color:#99E8EF;
}

.num06 {
margin: 0;
position: fixed;
right: 10px;
top: 110px;
z-index:10000;
color:#99E8EF;
}

nav#mainmenulist{
	position:absolute;
	bottom:80px;
	z-index:9999;
}

div#whilescreen{
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	z-index:9000;
	opacity:0;
	display:none;
}

#box1 {
width: 100%;
height: 100%;
min-width:1020px !important;
margin-bottom:50px;
background:#000;
}

#box2 {
	background: #000;
}

/*start-logo*/
div.my-div{
	background:#000;
	z-index:20;
	position:absolute;
	height:100%;
}

.border-bottom{
	position:absolute;
	width:0px;
	height:1px;
	background:#fff;
	z-index:200;
	bottom:0;
}

.border-right{
	position:absolute;
	width:1px;
	height:0px;
	background:#fff;
	z-index:200;
	bottom:0;
	right:0;
}

/*logo-animation*/
#img_def,
#img_on,
#img_fl{
	position:absolute;
	left:0;
	top:0;
}

#img_fl{
	opacity:0;
}


/*start-main*/

#box1 h2{
	position:absolute;
	left:50%;
	top:150px;
	/*margin-left:-325px;*/
	margin-left:-450px;
	z-index:100;
}

h2#logo01{
	position:absolute;
	left:50%;
	top:150px;
	margin-left:-450px;
	z-index:100;
	height:250px;
}

h2.maimlogo{
	top:120px !important;
	margin-left:-500px !important;
}

div#start_main{
	text-align:center;
	width:100%;
	background:url(img/start_back.png) top center;
	height:500px;
	overflow:hidden;
}

#bottombox{
	clear:both;
	text-align:center;
	min-height:200px;
	position:absolute;
	bottom:150px;
	left:50%;
	margin-left:-80px;
}

#newsbtn {
position:relative;
display:block;
width:130px;
height:130px;
cursor:pointer;
margin:0 auto;
z-index:10;
}

#newsbtn img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.2s linear;
	position:relative;
	z-index:2;
}

#newsbtn img:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

#newsbtn .ring {
	border:1px solid #fff;
position:absolute;
height:128px;
width:128px;
top:0px;
left:0px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
z-index: 1;
}

#newsbtn .ring {/*円拡大*/
   	-webkit-animation: wave 2s ease-out;
	-webkit-animation-iteration-count: infinite;
   	-moz-animation: wave 2s ease-out;
	-moz-animation-iteration-count: infinite;
   	-ms-animation: wave 2s ease-out;
	-ms-animation-iteration-count: infinite;
   	-o-animation: wave 2s ease-out;
	-o-animation-iteration-count: infinite;
   	animation: wave 2s ease-out;
	animation-iteration-count: infinite;
}

@-webkit-keyframes wave {
	0% {-webkit-transform: scale(1, 1); }
	50% {opacity: 0.5;}
	100% {-webkit-transform: scale(1.3,1.3); opacity: 0.0;}
}
@-moz-keyframes wave {
	0% {-moz-transform: scale(1, 1); }
	50% {opacity: 0.5;}
	100% {-moz-transform: scale(1.3,1.3); opacity: 0.0;}
}
@-ms-keyframes wave {
	0% {-ms-transform: scale(1, 1); }
	50% {opacity: 0.5;}
	100% {-ms-transform: scale(1.3,1.3); opacity: 0.0;}
}
@-o-keyframes wave {
	0% {-o-transform: scale(1, 1); }
	50% {opacity: 0.5;}
	100% {-o-transform: scale(1.3,1.3); opacity: 0.0;}
}
@keyframes wave {
	0% {transform: scale(1, 1); }
	50% {opacity: 0.5;}
	100% {transform: scale(1.3,1.3); opacity: 0.0;}
}

#sky_star{
	position:fixed;
	z-index:0;
	width:100% !important;
	height:100%;
	background:#000;
}

#sky_star li{
	position:absolute;
	overflow:hidden;
}

#sky_star li img{
	width:100;
	height:auto;
}

#img_sky01{
	z-index:4;
}

#img_sky02{
	z-index:3;
}

#img_sky03{
	z-index:2;
}

#img_sky04{
	z-index:1;
}

#img_sky05{
	z-index:0;
}

/*main_nav*/

.fixed{
  position: fixed !important;
  top: 0px !important;
  z-index: 9999;
}

/*contents
-------------------------------------------------------*/
#wrapper{
	width:1020px;
	margin:0 auto;
	text-align:left;
}

section{
	margin-bottom:45px;
	position:relative;
	z-index:10;
}

/*news*/

section#news{
	background:#000;
}

section#news > div{
	height:10px;
	font-size:0;
	line-height:0;
}

section#news article{
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	padding:25px 24px 15px;
	width:970px;
}

div#titleset{
	float:left;
	width:200px;
}

section#news article h2{
	margin-left:-25px;
	margin-bottom:40px;
}

p#btn_more{
	margin-left:25px;
}

section#news article dl{
	float:right;
	width:770px;
	height:420px;
	overflow:auto;
	background:url(img/news_back.png) no-repeat;
	background-position:100% 300%;
}

section#news article dt{
	float:left;
	clear:left;
	width:6em;
	padding:0.4em 0;
	line-height:1.5;
}

section#news article dd{
	padding:0.4em 0;
	padding-left:210px;
	line-height:1.5;
}

section#news article dd a{
	color:#fff;
	text-decoration:none;
}

section#news article dd a:hover{
	text-decoration:underline;
}

dd.news{
	background:url(img/icon_news.gif) no-repeat 7.5em 0.4em;
}

dd.party{
	background:url(img/icon_party.gif) no-repeat 7.5em 0.4em;
}

/*Shoplist*/

section#shoplist{
	width:100%;
	overflow:hidden;
}

section#shoplist h2{
	text-align:center;
	margin-bottom:30px;
}

section#shoplist article{
	overflow:hidden;
	min-width:1020px;
	position:relative;
	height:300px;
	overflow:hidden;
	opacity:0;
}

section#shoplist article>ul{
	position:relative;
	width:1530px;
	display:block;
	margin:0 auto;
}

section#shoplist article>ul>li {
	position:absolute;
	top:0;
	left:0;
	width:510px;
}

section#shoplist article:nth-child(even) {
	margin-right:-510px;
	/*margin-right:-4000px;*/
}

section#shoplist article:nth-child(odd) {
	margin-left:-510px;
	/*margin-left:-4000px;*/
}

section#shoplist article>ul>li:nth-child(1) {
	left:0px;
}

section#shoplist article>ul>li:nth-child(2) {
	left:510px;
}

section#shoplist article>ul>li:nth-child(3) {
	left:1020px;
}

section#shoplist article>ul>li ul{
	padding:20px 40px;
}

section#shoplist article>ul>li li{
	line-height:1.4;
	/*margin-bottom:7px;*/
    margin-bottom:5px;
}

section#shoplist article>ul>li h3{
	border-bottom:1px solid #fff;
	/*padding:20px 0 15px 40px;*/
    padding:16px 0 10px 40px;
}

section#shoplist article>ul>li h3 img{
	width:auto;
	height:21px;
	-ms-interpolation-mode: bicubic;
}

section#shoplist article:nth-child(even)>ul>li h3{
	margin-right:40px;
}

section#shoplist article:nth-child(odd)>ul>li h3{
	margin-left:40px;
}

section#shoplist article:nth-child(odd)>ul>li ul{
	margin-left:40px;
}

section#shoplist article>ul>li li a{
	text-decoration:none;
	color:#fff;
	background:url(../common/img/allow_blue.png) no-repeat 0 7px;
	padding-left:12px;
}

section#shoplist article>ul>li li a:hover {
	text-decoration:underline;
}

/*food_hal*/

section#food_hall{
    margin: 45px auto;
    width: 1020px;
}

/*PickUP*/

section#pickup{
	margin-bottom:80px;
}

section#pickup h2{
	border-bottom:5px solid #111;
	text-align:center;
	position:relative;
	height:40px;
	margin-bottom:70px;
}

section#pickup h2 img{
	bottom:-25px;
}

section#pickup article{
	width:1020px;
	margin:0 auto;
}

section#pickup ul{
	width:1062px;
	margin-right:-42px;
	overflow:hidden;
}

section#pickup li{
	float:left;
	margin-right:42px;
}

/*banner_area*/

section#bannerset{
	background:#2c2c2c;
	min-height:140px;
	margin-bottom:0;
}

section#bannerset article{
	width:1100px;
	overflow:hidden;
	margin:0 auto;
}

section#bannerset ul{
	margin-right:-20px;
	overflow:hidden;
	padding:25px 0;
	/*height:90px;*/
	width:1000px;
	}

section#bannerset li{
	float:left;
	height:90px;
}

/*bx-slider*/
.bx-viewport{
	height:140px !important;
	margin-left:10px;
	margin-right:-20px;
}

.bx-wrapper{
	position:relative;
}

.bx-controls{
	position:absolute;
	top:40px;
	width:1000px;
}

.bx-controls a{
	position:absolute;
}

.bx-prev{
	text-indent:9999px;
	background:url(../common/img/allow_left.png) no-repeat top left;
	width:16px;
	height:60px;
	left:-20px;
	z-index:10;
}

.bx-next{
	text-indent:9999px;
	background:url(../common/img/allow_right.png) no-repeat top right;
	width:16px;
	height:60px;
	right:-20px;
	z-index:10;
}