@charset "utf-8";
/* CSS Document */

/* index.html ========================================================================== */

.skip {
	font-size: 150% !important;
}

#top_page #main_box .contents h3.title {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 -2px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
	padding-left: 5px;
}

#twitter {
	width: 710px;
	font-size: 14px !important;
}

/* scroll_box */
.scroll_box {
		width: 710px;
		height: 250px;
		border: none;
		overflow: auto;
	}

.scroll_box.scroll_box_btm{
	height: 170px;
}

	.scroll_box li {
		width: 685px;
		font-size: 120%;
		color: #ffffff;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #9ca8e2;
	}

	.scroll_box p.title_m {
		color: #ffffff;
		font-size: 120%;
		font-weight: bold;
		text-indent: 1.0em;
	}

	.scroll_box p.title {
		color: #ffffff;
		font-size: 120%;
		font-weight: bold;
		text-indent: 1.0em;
		padding-left: 20px !important;
	}

	.scroll_box p.txt {
		color: #ffffff;
		font-size: 110%;
		margin-top: 0.5em;
		padding-left: 2.0em;
	}

	.scroll_box a {
		color: #ffffff;
		text-decoration: underline;
	}

		.scroll_box a:hover {
			color: #9ca8e2;
		}


.index_banner {
		margin: 0;
	}

.index_banner  li {
		width: 350px;
		text-indent: -9999px;
		display: block;
		overflow: hidden;
		float: left;
		margin: 5px;
	}

	.index_banner li a {
		width: 350px;
		text-indent: -9999px;
		display: block;
	}

	.index_banner li#blog a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner_index-blog.jpg) center top;
	}
	.index_banner li#blog a:hover {
		background-position: center bottom;
	}
	.index_banner li#blog_active {
		height: 100px;
		background: url(../images/banner_index-blog.jpg) center bottom;
	}

	.index_banner li#tw a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner_index-twitter.jpg) center top;
	}
	.index_banner li#tw a:hover {
		background-position: center bottom;
	}
	.index_banner li#tw_active {
		height: 100px;
		background: url(../images/banner_index-twitter.jpg) center bottom;
	}

	.index_banner li#fb a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner_index-fb.jpg) center top;
	}
	.index_banner li#fb a:hover {
		background-position: center bottom;
	}
	.index_banner li#fb_active {
		height: 100px;
		background: url(../images/banner_index-fb.jpg) center bottom;
	}

	.index_banner li#limited-menu a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner_index-menu201711.jpg) center top;
	}
	.index_banner li#limited-menu a:hover {
		background-position: center bottom;
	}
	.index_banner li#limited-menu_active {
		height: 100px;
		background: url(../images/banner_index-menu201711.jpg) center bottom;
	}

	.index_banner li#instagram a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner/banner_instagram.jpg) center top;
	}
	.index_banner li#instagram a:hover {
		background-position: center bottom;
	}
	.index_banner li#instagram_active {
		height: 100px;
		background: url(../images/banner/banner_instagram.jpg) center bottom;
	}

	.index_banner li#menu01 a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner_index-menu201804-01.jpg) center top;
	}
	.index_banner li#menu01 a:hover {
		background-position: center bottom;
	}
	.index_banner li#menu01_active {
		height: 100px;
		background: url(../images/banner_index-menu201804-01.jpg) center bottom;
	}

	.index_banner li#menu02 a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner_jyubento7.jpg) center top;
	}
	.index_banner li#menu02 a:hover {
		background-position: center bottom;
	}
	.index_banner li#menu02_active {
		height: 100px;
		background: url(../images/banner_jyubento7.jpg) center bottom;
	}

	.index_banner li#menu03 a {
		height: 100px;
		width: 350px;
		text-indent: -9999px;
		display: block;
		background: url(../images/banner_suntory_new.jpg) center top;
	}
	.index_banner li#menu03 a:hover {
		background-position: center bottom;
	}
	.index_banner li#menu03_active {
		height: 100px;
		background: url(../images/banner/banner_fuyu19.jpg) center bottom;
	}



/* GALLERY ========================================================================== */

#gallery #main_box .contents {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
}

#gallery #main_box .contents p.title {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}
#gallery #main_box .contents p.title2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 120%;
	font-weight:bold;
	text-indent: 5px;
	border-bottom: 1px dotted #333;
}

#gallery #main_box .contents table {
	width: 620px;
	margin: 5px 0 10px 40px;
}
#gallery #main_box .contents table td {
	width: 140px;
    padding: 10px;
}


/* PLAN ========================================================================== */

#plan #main_box .contents {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#plan #main_box .contents p.title {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}

#plan #main_box .contents table {
	width: 620px;
	margin: 20px 0 20px 50px;
    border: none;
	background: none;
    border-collapse:collapse;
    border-spacing:0;
}
#plan #main_box .contents table th {
	width: 25%;
    border-bottom:1px dotted #fff;
    color:#fff;
    padding:0.5em 0.75em;
    text-align:center;
	vertical-align: middle;
}
#plan #main_box .contents table td {
	width: 25%;
    border-bottom:1px dotted #fff;
    color:#fff;
    padding:0.5em 1em;
	vertical-align: middle;
}
#plan #main_box .contents table td.quarter {
	width: 25%;
    border-bottom:1px dotted #fff;
    color:#fff;
    padding:0.5em 1em;
    text-align:center;
	vertical-align: middle;
}
#plan #main_box .contents table td p.attention{
	padding: 10px 0 10px 40px;
}

#plan #main_box .contents table.timetable {
	width: 620px;
	margin: 0 0 30px 100px;
	border: none;
	background: none;
    border-collapse:collapse;
    border-spacing:0;
}
#plan #main_box .contents table.timetable td {
	width: 100%;
    border: none;
	background: none;
	color:#fff;
    padding:0.5em 1em;
	vertical-align: middle;
}


/* SERVICE ========================================================================== */

#service #main_box .contents {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
}

#service #main_box .contents p.title {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}

#service #main_box .contents table {
	width: 620px;
	margin: 5px 0 10px 50px;
}
#service #main_box .contents table td {
	vertical-align: top;
	padding: 5px;
}
#service #main_box .contents table td.quarter {
	width: 25%;
	vertical-align: top;
	padding: 5px;
}
#service #main_box .contents table td.half {
	width: 50%;
	vertical-align: top;
	padding: 5px;
}
#service #main_box .contents table td.three_quarters {
	width: 75%;
	vertical-align: top;
	padding: 5px;
}
#service #main_box .contents table td p.sv {
	padding:  0 0 5px 25px;
	line-height: 1.5em;
	color: #bd0000;
}
#service #main_box .contents table td p.sv2 {
	padding:  0 0 5px 25px;
	line-height: 1.5em;
	color: #333;
}


/* MEMBER ========================================================================== */

#member #main_box .contents {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
}

#member #main_box .contents p.title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}

#member #main_box .contents table {
	width: 620px;
	margin: 5px 0 10px 50px;
}
#member #main_box .contents table td {
	vertical-align: top;
	padding: 5px;
}
#member #main_box .contents table td.quarter {
	width: 25%;
	vertical-align: top;
	padding: 5px;
}
#member #main_box .contents table td.half {
	width: 50%;
	vertical-align: top;
	padding: 5px;
}
#member #main_box .contents table td.three_quarters {
	width: 75%;
	vertical-align: top;
	padding: 5px;
}
#member #main_box .contents table td p.mem {
	padding:  0 0 10px 25px;
	line-height: 1.5em;
}

#member #main_box .contents table.member_system {
	width: 420px;
	margin: 10px 0 10px 30px;
	border-top:1px solid #876358;
    border-left:1px solid #876358;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
}
#member #main_box .contents table.member_system th {
	padding: 5px;
	background: #dfe4ff url(../images/plan_th_bg.png) left top no-repeat;
	color: #333;
	border-right:1px solid #383838;
    border-bottom:1px solid #383838;
	text-align: center;
}
#member #main_box .contents table.member_system td {
	padding: 5px;
	background: #fafbff url(../images/plan_td_bg.png) left top no-repeat;
	color: #333;
	border-right:1px solid #383838;
    border-bottom:1px solid #383838;
	text-align: center;
}


/* ACCESS ========================================================================== */

#access #main_box .contents {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
}

#access #main_box .contents p.title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}

#access #main_box .contents table {
	width: 620px;
	margin: 5px 0 10px 27px;
}
#access #main_box .contents table td {
	vertical-align: top;
	padding: 5px;
}
#access #main_box .contents table td.quarter {
	width: 25%;
	vertical-align: top;
	padding: 5px;
}
#access #main_box .contents table td.half {
	width: 50%;
	vertical-align: top;
	padding: 5px;
}
#access #main_box .contents table td.three_quarters {
	width: 75%;
	vertical-align: top;
	padding: 5px;
}
#access #main_box .contents table td p.acc {
	padding-left: 15px;
	line-height: 1.5em;
}
#access #main_box .contents table td p.acc2 {
	padding:  0 0 10px 25px;
	line-height: 1.5em;
	color: #333;
}

#access #main_box .contents iframe {
	width: 640px;
	margin: 5px 0 10px 30px;
}
#access #main_box .contents a.right {
	display: block;
	text-align: right;
	font-size: 90%;
}


/* INQUIRY ========================================================================== */

#inquiry #main_box .contents {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
}

#inquiry #main_box .contents p.title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}

#inquiry #main_box .contents table {
	width: 620px;
	margin: 5px 0 10px 27px;
}
#inquiry #main_box .contents table td {
	vertical-align: top;
	padding: 5px;
}
#inquiry #main_box .contents table td.quarter {
	width: 25%;
	vertical-align: top;
	padding: 5px;
}
#inquiry #main_box .contents table td.half {
	width: 50%;
	vertical-align: top;
	padding: 5px;
}
#inquiry #main_box .contents table td.three_quarters {
	width: 75%;
	vertical-align: top;
	padding: 5px;
}

#inquiry #main_box .contents table td p.mobi{
	padding:  0 0 10px 25px;
	line-height: 1.5em;
}

#inquiry #main_box .contents table td p.thanks {
	margin: 20px 35px;
}
#inquiry #main_box .contents table td p.thanks2 {
	margin: 40px 15px 0 0;
	text-align: right;
}


/* FOOD ========================================================================== */

#food #main_box .contents {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

#food #main_box .contents p.title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}

#food #main_box .contents table {
	width: 620px;
	margin: 5px 0 0 40px;
}
#food #main_box .contents table td {
	vertical-align: top;
	padding: 5px;
}

#food #main_box .contents table ul {
		margin-top: 10px;
	}

#food #main_box .contents table ul li {
		width: 589px;
		margin-top: 15px;
		margin-bottom: 15px;
		text-indent: -9999px;
		display: block;
		overflow: hidden;
	}

	#food #main_box .contents table ul li a {
		width: 589px;
		text-indent: -9999px;
		display: block;
	}

	#food #main_box .contents table ul li#menu01 a {
		height: 104px;
		width: 589px;
		text-indent: -9999px;
		display: block;
		background: url(../images/food_bnn_01.jpg) center top;
	}
	#food #main_box .contents table ul li#menu01 a:hover {
		background-position: center bottom;
	}
	#food #main_box .contents table ul li#menu01_active {
		height: 104px;
		background: url(../images/food_bnn_01.jpg) center bottom;
	}

	#food #main_box .contents table ul li#menu02 a {
		height: 104px;
		width: 589px;
		text-indent: -9999px;
		display: block;
		background: url(../images/food_bnn_02.jpg) center top;
	}
	#food #main_box .contents table ul li#menu02 a:hover {
		background-position: center bottom;
	}
	#food #main_box .contents table ul li#menu02_active {
		height: 104px;
		background: url(../images/food_bnn_02.jpg) center bottom;
	}

	#food #main_box .contents table ul li#menu03 a {
		height: 104px;
		width: 589px;
		text-indent: -9999px;
		display: block;
		background: url(../images/food_bnn_03.jpg) center top;
	}
	#food #main_box .contents table ul li#menu03 a:hover {
		background-position: center bottom;
	}
	#food #main_box .contents table ul li#menu03_active {
		height: 104px;
		background: url(../images/food_bnn_03.jpg) center bottom;
	}

	#food #main_box .contents table ul li#menu04 a {
		height: 104px;
		width: 589px;
		text-indent: -9999px;
		display: block;
		background: url(../images/food_bnn_04.jpg) center top;
	}
	#food #main_box .contents table ul li#menu04 a:hover {
		background-position: center bottom;
	}
	#food #main_box .contents table ul li#menu04_active {
		height: 104px;
		background: url(../images/food_bnn_04.jpg) center bottom;
	}

	#food #main_box .contents table ul li#menu05 a {
		height: 104px;
		width: 589px;
		text-indent: -9999px;
		display: block;
		background: url(../images/food_bnn_05.jpg) center top;
	}
	#food #main_box .contents table ul li#menu05 a:hover {
		background-position: center bottom;
	}
	#food #main_box .contents table ul li#menu05_active {
		height: 104px;
		background: url(../images/food_bnn_05.jpg) center bottom;
	}


	#food #main_box .contents table ul li#menu06 a {
		height: 104px;
		width: 589px;
		text-indent: -9999px;
		display: block;
		background: url(../images/food_bnn_06.jpg) center top;
	}
	#food #main_box .contents table ul li#menu06 a:hover {
		background-position: center bottom;
	}
	#food #main_box .contents table ul li#menu06_active {
		height: 104px;
		background: url(../images/food_bnn_06.jpg) center bottom;
	}


/* BOOKING ========================================================================== */

#booking #main_box .contents {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
}

#booking #main_box .contents p.title {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/icon_logo.png) 0 1px no-repeat;
	font-size: 120%;
	font-weight:bold;
	text-indent: 30px;
	line-height: 25px;
	border-bottom: 1px dotted #fff;
}

#booking #main_box .contents p.b-style01 {
	font-size: 130%;
	margin: 20px 0 0 30px;
	line-height: 1.8em;
}