﻿@charset "UTF-8";

/* ▼▼▼ トップ
=====================================*/
#interval {position: fixed;top: 0;right: 0;}

body {
	display: none;
	background: #000 url(../img/top/bg.png) no-repeat center 51px;
	background-size: 320px 2671px;
	}
header,#news,#kodawari,#menu,#other {
	position: relative;
	}

/* ▼ 最新情報 */
#news {
	width: 100%;
	background: url(../img/bg01.png);
	margin: 20px 0 0;
	position: relative;
	overflow: hidden;
	}
.news_inner {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
	z-index: 2000;
	position: relative;
	overflow: hidden;
	}
	#news .title {
		margin: 0 10px 10px;
		text-align: center;
		}
	#news .btn {
		position: absolute;
		top: 10px;
		right: 20px;
		}
	#news ul {
		height: 95px;
		padding-left: 0;
		overflow: hidden;
		}
		#news ul li {
			color: #fff;
			cursor: pointer;
			overflow: hidden;
			}
			#news ul li a {
				display: block;
				position: relative;
				left: 10px;
			}
			#news ul li a:hover {text-decoration: none;}
			#news ul li .thumbnail{
				width: 130px;
				height: 95px;
			}
			#news ul li .thumbnail img{
				width: 130px;
			}
	#news .bx-wrapper {
		max-width: 270px !important;
		overflow: hidden;
		}
	#news .bx-viewport{
		max-width: 140px !important;
		margin: 0 auto;
		overflow: visible !important;
		}
	#news a.next,
	#news a.prev {
		display: block;
		width: 9px;
		height: 17px;
		background: url(../img/top/news_arrow01.png) no-repeat left top;
		background-size: 9px 17px;
		position: absolute;
		z-index: 100;
		bottom: 57px;
		left: 5px;
		text-indent: -9999px;
		outline: none;
		}
	#news a.next {
		background: url(../img/top/news_arrow02.png) no-repeat left top;
		background-size: 9px 17px;
		right: 5px;
		left: inherit;
		}
	.frame01,
	.frame02 {
		width: 65px;
		height: 95px;
		background-color:rgba(0,0,0,0.6);
		position: absolute;
		bottom: 15px;
		left: 25px;
		}
	.frame02 {
		width: 55px;
		left: inherit;
		right: 25px;
		}

#main {
	background: none;
	margin-bottom: 0;
	position: relative;
	z-index: 100;
	}
	h1.title {
		border-bottom: none;
		margin: 0 0 92px 61px;
		text-align: left;
		}
		.takeout {
			display: inline-block;
			margin: 0 0 10px 21px;
		}
		.online {
			display: inline-block;
			margin: 0 0 10px 20px;
		}
	.aniv30 {
		position: absolute;
		top: 344px;
		left: 10px;
		}
	.top_shinjuku {
		position: absolute;
		top: 320px;
		left: 10px;
		}
	ul.hnav {
		width: 305px;
		margin: 0 auto;
		overflow: hidden;
		}
		ul.hnav li {float: left;}
		ul.hnav li:last-child {margin-left: 5px;}


/* ▼ 車のこだわり */
#kodawari {
	min-height: 980px;
	}
	#kodawari h2 {
		position: absolute;
		top: 30px;
		right: 18px;
		}
		#kodawari .k01 {
			position: absolute;
			top: 220px;
			left: 20px;
			}
			#kodawari .k01 h3,
			#kodawari .k01 p,
			#kodawari .k02 h3,
			#kodawari .k02 p {
				float: right;
				margin-right: 10px;
				text-align: left;
				}
		#kodawari .k02 {
			position: absolute;
			top: 665px;
			left: 40px;
			}
			#kodawari .k02 p {margin-top: 30px;}
		#kodawari .more {
			position: absolute;
			bottom: -15px;
			left: 25px;
			}


/* ▼ 車の名物料理 */
#menu {
	min-height: 1400px;
	}
	#menu h2 {
		position: absolute;
		top: 0;
		right: 50px;
		}
		#menu li {
			position: absolute;
			left: 0;
			}
		#menu .m01 {
			top: 95px;;
			}
		#menu .m02 {
			top: 412px;
			}
		#menu .m03 {
			top: 577px;
			}
		#menu .m04 {
			top: 810px;
			}
		#menu .m05 {
			bottom: 15px;
			}
		#menu .more {
			position: absolute;
			bottom: 10px;
			left: 35px;
			}


/* ▼ その他 */
#other {
	min-height: 293px;
	}
	#other h3 {
		position: absolute;
		top: 0;
		left: 0;
		}
		#other .shop {
			position: absolute;
			bottom: 0;
			right: 10px;
			}





/*モダールバナー*/
html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;

	z-index: 1000;

	top: 0;
	left: 0;

	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	top:1%;
	margin: 50px 0px 0px -160px;

	text-align: center;
	z-index: 2000;
}
	.layer_board p img{
		max-width: 80%;
}
	.layer_board p a{text-align: center;}
