@charset "utf-8";

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

	トップページ＆共通レイアウト定義

	*Common Layout CSS
	   +BASE Module SET
	   +SKIP
	*TopPage

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

/* ====== BASE Module SET ===== */

html,
body{
	margin: 0;
	padding: 0;
}

html{
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,td,th,
address,
blockquote,form,fieldset,legend,div,hr,pre{
	margin: 0;
	padding: 0;
	font-style: normal;
	text-align: left;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}


body{
	background: #000;
	color: #FFF;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","meiryo","MS P Gothic","ＭＳ Ｐゴシック","Osaka", sans-serif;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,td{
	vertical-align: top;
}

img,
object,
embed{
	border: 0;
	vertical-align: top;
	outline: none;
}

object:focus{
	outline: none;
}

embed:focus{
	outline: none;
}

img,
input,
select,
textarea{
	vertical-align: top;
	font-size: 12px;
}

abbr,
acronym,
fieldset{
	border: 0;
}

hr{
	display: none;
}

acronym,
abbr{
	cursor: help;
}

img{
	font-size: 10px;
}

em{
	font-style: normal;
}

a{
	color: #fff;
	background: transparent;
}

a:hover,
a:focus{
	color: #b7b789;
}

ul li{
	list-style: none;
}

/* ====== SKIP ===== */
ul#skip{
	display: none;
	/*IE Mac \*/
	display: block;
 	position:absolute;
	height: 0;
	width: 0;
	overflow: hidden;
	/*IE Mac */
}

* html img{
	/*behavior:url(/share/css/iepngfix.htc);*/
}

.nav{ }
.place{ }
.clr{
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
}

.cf{
	width: 100%;
	overflow: hidden;
}

.cf:after{
	display: block;
	clear: both;
	content: "";
}

::selection{background-color:#900; color: #fff; }
::-moz-selection {background-color:#900; color: #fff; }

section,
article{
	width: 100%;
	overflow: hidden;
}

section:after,
article:after{
	display: block;
	clear: both;
	content: "";
}

/*============================================================
	TopContentsStyle
============================================================*/


/*============================================================
	Nav
============================================================*/
 dl#path dt,
 #menu h2,
 #f_menu h2{
 	position:absolute;
	height: 0;
	width: 0;
	overflow: hidden;
 }
 
/*============================================================
	Page / column
============================================================*/
#page{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	min-width: 1000px;
}

.inner{
	width: 966px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


/*============================================================
	Header
============================================================*/
#page_header{
	width: 100%;
	position: relative;
	background: #000 url(../images/bg_head.png);
	color: #FFF;
	text-align: center;
	line-height: 1.3;
	z-index: 10
}

#page_header .inner{
	height: 171px;
}



#s_menu{
	display: none;
}

#etc ul:after,
#menu:after,
#page_header:after{
	display: block;
	clear: both;
	content: "";
}

#page_header a{
	text-decoration: none;
}

#menu{
	color: #333;
	width: 734px;
	position: absolute;
	left: 0;
	bottom: 0;
/*	background: url(../images/bg_nav_line.png) no-repeat right center;*/
	font-size: 75%;
	background: url(../images/bg_nav_line.png) no-repeat left center;
}

#menu li{
	width: 122px;
	float: left;
	height: 50px;
	background: url(../images/bg_nav_line.png) no-repeat right center;
	position: relative;

}

#menu .menu_floor a{
	background: url(../images/bg_down.png) no-repeat  50% 96%;

}

#menu li a{
	display: block;
	position: relative;
	padding: 12px 0 12px 0;
	text-align: center;
	color: #333333;
	text-decoration: none;
}

#menu li a span{
	display: block;
	text-align: center;
	font-size: 68%;
}

#menu li a:hover{
	color: #900;
	background: url(../images/bg_menu_on.png);
}

#menu li a:hover span{
	color: #000;
}

#menu .sub_menu{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 10;
	background: #000;
	border: 3px solid #989898;
	width: 480px;
	color: #FFF;
}


#menu .menu_guide,
#menu .menu_pedia{
	width: 200px;
}

#menu .sub_menu ul{
	margin-bottom: 0;
	font-size: 112.5%;
}

#menu .menu_pedia ul{
	margin-bottom: 1em;
}

#menu .menu_pedia ul:last-child ul,
#menu .sub_menu .sub_menu_etc:last-child ul{
	margin-bottom: 0;
}

#menu .sub_menu li{
	width: 100%;
	float: none;
	height: auto;
	background: none;
	border-bottom: 1px dotted #666666;
}

#menu .sub_menu li a{
	display: block;
	position: relative;
	padding: 3px ;
	top: 0;
	left: 0;
	text-align: left;
	color: #FFF;
	background: none;
}

#menu .sub_menu li a:hover{
	display: block;
	position: relative;
	color: #333;
	background: #fff;
}

#menu li a span{
}

#menu .sub_menu a .new{
	color: #c00;

	display: inline;
	font-size: 100%;
}

#menu .sub_menu h3{
	background: #41403e;
	padding: 3px;
	font-size: 112.5%;
}

#menu .sub_menu .sub_menu_etc+.sub_menu_etc{
	margin-top: 1em;
}

#menu .sub_menu_shop{
	width: 235px;
	float: left;
}
#menu .sub_menu_sub{
	width: 235px;
	float: right;
}

#etc{
	position: absolute;
	right: 0;
	top: 0;
	width:325px;
	font-size: 75%;
}

#etc ul{
	width: 100%;
}

#etc li{
	float: left;
}

#etc .ec{
	width: 135px;
	float: right;
}

#lang{
	position: absolute;
	right: 140px;
	top: 40px;
	width:390px;
}



#lang ul{
}

.goog-te-gadget-simple { font-size: 88% !important;}

#etc .ig,
#etc .yt,
#etc .tw,
#etc .mx,
#etc .fb{
	margin-right: 5px;
	padding-top: 90px;
}

#etc .ig{ margin-right: 0;}

#etc .tw a,
#etc .ig a,
#etc .yt a,
#etc .mx a,
#etc .fb a{
	display: block;
	background: url(../images/sprite.png) no-repeat 0 0;
	overflow: hidden;
	display: block;
	text-indent: -9999em;
}

#etc .tw a{
background-position: -38px -6px;
width: 24px; height: 17px;
}

#etc .mx a{
	background-position: 0px -23px; width: 20px; height: 21px;
}

#etc .fb a{
background-position: -68px -4px;
width: 21px; height: 21px;
}

#etc .yt a{
background-position: -96px -4px;
width: 49px; height: 21px;
}

#etc .ig a{background-position: -152px -4px;
width: 20px; height: 21px;
}

#etc .ec a{
	display: block;
	overflow: hidden;
	display: block;
	color: #FFF;
	background: #cc0000;
	position: relative;
	padding: 2px 0;
	text-indent: 28px;
	text-shadow: 1px 1px 1px #000000;
}

#etc .ec a.before,
#etc .ec a:before{
	content: "";
	display: block;
	background: url(../images/sprite.png) no-repeat 0 0;
	background-position: 0px -79px; width: 23px; height: 24px;
	top: 7 ;
	left: 5px;
	position: absolute;
	
}



#lang ul{
	width: 100%;
	text-align: right;
	font-size: 88%;
	font-weight: bold;
}

#lang ul li{
	display: inline;
	border-right: 1px solid #999;
	padding: 0 0.25em;
}

#lang ul span{
	color: #666;
}


#lang ul li:last-child{
	border-right: 0 none;
}

#lang ul a{
	color: #FFF;
	text-decoration: none;
}

#page_header .read{
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	font-size: 68%;
	position: absolute;
	top: 0;
	left: 0;
}

#page_header #logo{
	padding: 43px 0 0 0;
	width: 335px;
}


.btn_time{
	position: absolute;
	top: 30px;
	right: 0;
	width: 126px;
	font-size: 88%;
}

.btn_time a{
	display: block;
	position: relative;
	text-indent: 50px;
	background: #323232;
	color: #FFF;
	padding: 2px 0;
	-moz-border-radius: 5px; webkit-border-radius: 5px; border-radius: 5px;
	text-shadow: 1px 1px 1px #000000;
}

#home .btn_time a{
	background: #cc0000;
}



.btn_time span{
	display: block;
	text-indent: 50px;
	color: #ccc;
	font-size: 68%;
}


.btn_time a.before,
.btn_time a:before{
	background: url(../images/sprite.png) no-repeat 0 0;
	background-position: -1px -105px; width: 29px; height: 29px;
	display: block;
	content: "";
	position: absolute;
	top: 4px;
	left: 16px;
}

.r_tv{
	position: absolute;
	width: 201px; height: 42px;
	bottom: 4px;
	right: 0;
	overflow: hidden;
}

.r_tv a{
	display: block;
	position: relative;
	background: url(../images/btn_tv.png) no-repeat 0 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	outline: 0;
	text-decoration: none;
}

.r_tv a:hover{
	background-position: 0 -42px;
}

#vegetable{
	position: absolute;
	top: 60px;
	right: 282px;
}

#wait_time{
	background: #000;
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 10;
	width: 420px;
	border: 3px solid #989898;
	line-height: 1.4;
	padding-bottom: 20px;
}

#wait_time .loader{
	padding: 80px 0 0 0;
	font-size: 68%;
	text-align: center;
	background: url(../images/wait_loader.gif) no-repeat center center #000;
}

#wait_time:after{ display: block; clear: both; content: "";}

#wait_time .wait{
	width: 200px;
	float: left;
}

#wait_time .parking{
	width: 200px;
	float: right;
}

#wait_time h2{
	border-left: 5px solid #990000;
	padding-left: 3px;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

#wait_time span{
	display: block;
	font-size: 75%;
}

#wait_time ul,
#wait_time p,
#wait_time h3{
	font-size: 75%;
	margin-bottom: 0.25em;
}

#wait_time .notes{
	font-size: 68%;
	margin-bottom: 1.5em;
	color: #eee;
}

#wait_time em{
	color: #ffff99;
}

#wait_time .time{
	font-weight: bold;
}

#wait_time .wait h3,
#wait_time .wait p,
#wait_time .wait ul{
	padding-left: 3px;
}

#wait_time .wait_shop{
	clear: both;
	width: 400px;
}

#wait_time .parking p{
	padding-right: 3px;
}

#wait_time .wait_shop h3,
#wait_time .wait_shop p,
#wait_time .wait_shop ul{
	padding-left: 3px;
}
.searcharea{
	position: absolute;
	top: 90px;
	right: 0;
	width: 200px;
	z-index: 6;
}

.searcharea p{
	width: 100%;
	text-align: right;
}

.searcharea #search{
	width: 130px;
	border: 1px solid #676767;
	border-right: 0;
	background: #000;
	color: #FFF;
	padding: 3px;
	font-size: 10px;
}

.searcharea .btn{
	background: url(../images/btn_s_h.png) no-repeat 2px 2px #333;
	border: 1px solid #676767;
	padding: 2px 2px 2px 15px;
	color: #FFF;
	font-size: 10px;
}

#lang{
	z-index: 6;
}
#etc{
	z-index: 5;
}

.btn_time{
	z-index: 6;
}

#searcharea{
	z-index: 4;
}

/*============================================================
	Social
============================================================*/
#main .sbm{
	position: absolute;
	overflow: hidden;
	left:0;
	bottom: 0;
}

#main .sbm:after{ display: block; clear: both; content: "";}

#main .sbm .sbm_gp,
#main .sbm .sbm_tw,
#main .sbm .sbm_fb,
#main .sbm .sbm_line{
	float: left;
	margin-right: 5px;
}

#main .sbm .sbm_fb{ margin: 0; }

/*============================================================
	Nav
============================================================*/

/*============================================================
	Content
============================================================*/

#content{
	width: 966px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
}

.lang_page #content{ width: 100%; }

#content:after{
	display: block;
	clear: both;
	content: "";
}

/*============================================================
	Main
============================================================*/
#main{
	width: 100%;
	min-height: 500px;
	position: relative;
	padding-bottom: 80px;
}

#main:after{
	display: block;
	clear: both;
	content: "";
}

#main .inner{
	width: 966px;
}

/* Main Design */
#main p,
#main ul,
#main dl,
#main ol,
#main blockquote,
#main pre,
#main td,
#main th{
	line-height: 1.5;
	font-size: 75%;
	margin-bottom: 1.5em;
}

#main td,
#main th{
	margin-bottom: 0;
}

#main h1,
#main h2,
#main h3{
	font-size: 100%;
	line-height: 1.2;
}

/* default */
#main ul ul,
#main ul p,
#main ul blockquote,
#main ul pre,
#main ul dl,
#main dl dl,
#main dl p,
#main dl ul,
#main dl ol,
#main blockquote p,
#main blockquote ul,
#main blockquote dl,
#main blockquote ol,
#main ol blockquote,
#main ol pre,
#main ol p,
#main td p,
#main td ul,
#main td dl{
	font-size: 100%;
}


#main .chart{
	padding: 20px 0;
	text-align: center;
	width: 100%;
	overflow: hidden; 
}

#main .head_content{
	border-left: 5px solid #990000;
	padding-left: 5px;
	margin-bottom: 0.75em;
}

#main .head_content h2{
	font-size: 112.5%;
	margin-bottom: 0.1em;
}

#main .head_content p{
	font-size: 65%;
	margin-bottom: 0;
}

#main .more{
	clear: both;
}

#main .more a{
	display: inline-block;
	*display: inline;
	background: #666;
	padding: 5px 20px 5px 10px;
	position: relative;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	-moz-border-radius: 3px; webkit-border-radius: 3px; border-radius: 3px;
}

#main .btn_strong a{
	background: #990000;
}

#main .more a:hover{
	background: #b7b789;
}


#main .more a.after,
#main .more a:after{
	display: block;
	position: absolute;
	content: "";
	background: url(../images/sprite.png) no-repeat 0 0;
	background-position: -15px -141px; width: 11px; height: 11px;
	top: 8px;
	right: 5px;
}


#main .link a{
	display: inline-block;
	*display: inline;
	padding: 5px 0 5px 20px;
	position: relative;
	text-decoration: none;
	color: #fff;
}

#main .link a:hover{
	color: #b7b789;
}


#main .link a.before,
#main .link a:before{
	display: block;
	position: absolute;
	content: "";
	background: url(../images/sprite.png) no-repeat 0 0;
	background-position: -15px -141px; width: 11px; height: 11px;
	top: 8px;
	left: 5px;
}


#main .cs{
	font-size: 200%;
	text-align: center;
	margin: 0;
	padding: 1em 0;
}

/*============================================================
	image
============================================================*/
/* ==== image ==== */
#image{
	background: #000;
	color: #FFF;
	overflow: hidden;
	position: relative;
}

#image,
#image ul,
#image li{
	width: 100%;
}

#image ul{
	position: relative;
}

#image li{
	position: absolute;
	top: 0;
	left: 0;
}

#image li img{
	width: 100%;
}

#image .mark{
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	font-size: 10px;
	text-shadow: 1px 1px 5px #333;
	margin: 0;
}

#image .mark span{
	color: #FFF;
	padding: 0 0.25em;
}

#image .mark .current{
	color: #c00;
}



/*============================================================
	TOP
============================================================*/
.top_section{
	margin-bottom: 1.5em;
}

.top_item_grp{
	width: 100%;
	overflow: hidden;
}

.top_item_grp:after{ display: block; clear: both; content: "";}

#top_shop{
	background: url(../images/bg_top_r.jpg) #e2e2dd;
	overflow: hidden;
	padding: 15px 0;
	color: #333;
}

#top_shop .shop_section{
	width: 300px;
	float: left;
	margin-bottom: 1em;
	margin-right: 20px;
}

.shop_list{
	width: 960px;
	overflow: hidden;
	margin-left: 15px;
}

.other_shops{
	width: 1000px;
	overflow: hidden;
	margin-left: 0;
	color: #333;
}
#main .other_shops p{
	padding:5px;
	margin: 0;
}
#main .other_shops .comment{
	min-height: 8em;
	padding-top: 0;
	padding-bottom: 0;
}
#main .other_shops h3{
	padding:5px;
	min-height: 2em;
}
#main .other_shops h3 em{
	font-weight: normal;
	color: #c00;
}
#main .other_shops .more{
	text-align: right;
	margin: 0;
}

#main .other_shops .shop_section{
	width: 237px;
	margin-right: 5px;
	float: left;
	min-height: 22em;
	background: url(../images/bg_top_r.jpg) #e2e2dd;
	
}

#main #top_shop .head_content{
	margin-left: 15px;
}


#main #top_shop .head_content h2{
	color: #990000;
}

#top_shop .shop_section h3{
	font-size: 88%;
	margin-bottom: 0;
	height: 3em;
	min-height: 3em;
	color: #990000;
}

#top_shop .shop_section p{
	margin-bottom: 1em;
}

#top_shop .shop_section a img{
	border: 1px solid #990000;
}

#top_shop .shop_section a:hover img{
	border: 1px solid #fff;
}

#top_shop .shop_section h3 a{
	color: #990000;
}


#top_shop .shop_section .comment{
	height: auto !important;
	height: 6.5em;
	min-height: 6.5em;
	margin: 0;
}

#top_shop .shop_section .gauge{
	margin-bottom: 0.5em;
}


#top_shop .shop_section .more{
	text-align: center;
	margin-bottom: 0;
}



.shop_list:after{ display: block; clear: both; content: "";}

/* map */

#top_map{
	width: 500px;
	float: right;
}

#main #top_map dt{
	color: #b7b789;
	font-size: 112.5%;
	font-weight: bold;
}

#top_info{
	width: 435px;
	float: left;
}

#top_tv .more,
#top_map .more,
#top_info .more{
	text-align: right;
	margin: 0;
}

#top_tv .more a,
#top_map .more a,
#top_info .more a{
	border: 1px solid #373737;
	background: none;
	-moz-border-radius: 0; webkit-border-radius: 0; border-radius: 0;
}

#top_map .more a:hover,
#top_info .more a:hover{
	border: 1px solid #fff;
	background: none;
}

/**/


/*info*/
#main .news dt{
	color: #b7b789;
	float: left;
	clear: both;
	width: 7em;
	padding: 5px 0;
}

#main .news dd{
	padding: 5px 0;
	padding-left: 7em;
	border-bottom: 1px solid #333333;
}

#main .news a{
	text-decoration: none;
}

#main .news dt a{
	color: #b7b789;
}

#main #top_info .bnr{
	margin: 0;
	padding-top: 10px;
}

#main #top_info .bnr img{
	width: 100%;
}


#main #top_info .shop_info{
	/*color: #fff;*/
}


#main #top_info .bnr li{
	margin: 0 0 5px 0;
	text-align: center;
}

#main .top_menu{
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom: 4em;
}

#main .top_menu:after{ display: block; clear: both; content: "";}

#main .top_menu li{
	float: left;
	width: 33.33%;
	text-align: center;
}

#main .top_menu a img{
	border: 1px solid #666;
}

#main .top_menu a:hover img{
	border: 1px solid #fff;
}

/*top_tv*/
#main #top_tv{
	width: 590px;
	float: left;
}

#main #top_tv h3{
	font-size: 88%;
	padding-top: 0;
	margin-bottom: 0.75em;
}

#main #top_tv p{
	margin-bottom: 1em;
}

#main #top_tv .tv_item{
	margin-bottom: 1em;
	padding-bottom: 1em;
}

#main #top_tv .pic{
	float: left;
	width: 240px;
	margin-right: 10px;
	margin-bottom: 0;
}

#main #top_tv .pic img{
	width: 100%;
}

#main #top_tv .more{
	clear: none;
}

/*social_area*/
#main .social_area{
	width: 340px;
	float: right;
}

#main .social_item{
	margin-bottom: 1.0em;
	width: 100%;
}

#main .social_item iframe{
	width: 100%;
	height: 220px !important;
}

.twitter-timeline {
　min-width: 180px !important;
}
/*============================================================
	Footer
============================================================*/
#page_footer{
	width: 100%;
	padding: 10px 0 40px 0;
	position: relative;
	background: #9f0101;
	color: #FFF;
}

#page_footer .pagetop{
	position: absolute;
	top: -54px;
	right: 0;
	width: 145px;
	height: 44px;
}

#links ul:after,
#page_footer:after{
	display: block;
	clear: both;
	content: "";
}

#page_footer a{
	text-decoration: none;
	color: #FFF;
}

#f_menu{
	font-size: 68%;
	padding: 0 0 16px 0;
}

#f_menu li{
	display: inline;
	border-right: 1px solid #CCC;
	padding: 0 0.5em;
}

#links{
	padding: 0 0 10px 0;
	width: 100%;
}


#links li{
	float: left;
	/*width: 230px;*/
	width: 220px;
	margin-left: 10px;
	height: 70px;
}

#links li img{
	width: 100%;
}

#page_footer p{
	width: 100%;
	font-size: 68%;
	clear: both;
	line-height: 1.3;
}

/*video*/
#overlay {
  position:fixed !important;
  position:absolute;
  z-index:99;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background-color:#000;
  display:none;
}

#video_area{
	position: fixed !important;
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 100;
	padding: 10px 0;
	width: 800px;
	margin-left: -400px;
	background: #FFF;
}

#video_area iframe{
	margin-left: 10px;
}

#video_area p{
	margin: 0;
	padding: 10px 10px 0 10px;
	text-align: right;

}

.btn_detail{
	display: inline-block; *display: inline; zoom: 1;
	padding: 10px 40px 10px 40px;
	color: #fff;
	text-decoration: none;
	background: #990000 95% 50% no-repeat;
	text-align: center;
	-moz-border-radius: 5px; webkit-border-radius: 5px; border-radius: 5px;
}

.btn_detail:after{
	content: ">";
	padding-left: 1em;
}

/* ====  ==== */
#main .top_aotake{
	margin-bottom: 20px;
}
#main .top_pick_news dl{
	padding: 20px 0;
	margin: 0;
}
#main .top_pick_news dl{
	padding-top: 20px;
	margin: 0;
}
#main .top_pick_news .news dt{
	padding: 0;
	width: 12em;
}
#main .top_pick_news .news dt em{
	color: #fff;
}
#main .top_pick_news .news dd{
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}



.video_image{ position:relative; padding-bottom: 56.25%; height:0; overflow:hidden; clear: both; margin-bottom: 20px; width: 100%;}
.video_image iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }