@charset "UTF-8";
/*-------	. =Reset　---------*/
* {	margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,hr,th,em {font-style: normal;font-weight: normal;font-size: 1em;}
ul,ol,li {list-style: none;}
table {border-collapse: ;border-spacing: 0;}
th,td{line-height: 150%;letter-spacing: normal;}
img,img a,a img {margin: 0;padding: 0;border: 0;vertical-align:bottom;}
a {	text-decoration: none;color:#999;}
a:hover {text-decoration: underline;filter: alpha(opacity=70);opacity:0.7;}
a:hover img{filter: alpha(opacity=80);opacity:0.8;}
.hide{display: none;}
.position-r{position: relative;}
/*----フロート・クリア---*/
.flort-l{float: left;}
.flort-r{float: right;}
.clear {clear: both;}
.clearfix:after {
	content: url(http://samuser.jp/common/img/all/blank.gif);
	display: block;
	clear: both;
	height: 0;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*　space */
.mb10 {margin-bottom: 10px ;}
.mb20 {margin-bottom: 20px ;}
.mb30 {margin-bottom: 30px ;}
.mb40 {margin-bottom: 40px ;}
.mb60 {margin-bottom: 60px ;}
.mb80 {margin-bottom: 80px ;}
.mb90{width: 985px;}
.mb100 {margin-bottom: 100px ;}
.mb120 {margin-bottom: 120px ;}
.mb130 {margin-bottom: 130px ;}
.mb140 {margin-bottom: 140px ;}
.mb150 {margin-bottom: 150px ;}
.mb160 {margin-bottom: 160px ;}
.mb170 {margin-bottom: 170px ;}
.mr35{margin-right:35px;}

/*文字*/
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.txt-c{text-align: center;}
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f20{font-size: 20px;}

.lh140{line-height: 140%;}
.lh180{line-height: 180%;}
.fw-b{font-weight: bold;}

/*-----------------------body 〜 head---------------------------*/
body{
	color: #000;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 200%;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0.2em;
}
.main998 {
	width: 998px;
	margin:0 auto;
	margin-top: 60px;
}

.online_shop_banner{
	max-width: 998px;
	width: 100%;
	margin: 0 auto;
}

.online_shop_banner img{
	width: 985px;
}

	
.main780 {
	width: 780px;
	margin:0 auto;}
.nav {width: 880px;
	margin:0 auto 90px auto;}
.nav li{
	float: left;
	display: inline;
	border-right: 1px solid #000;}
.head-nav{margin-top:40px;}


/* iPhone / mobile webkit  */
@media screen and (max-device-width: 880px) {
.main-sp{width: 880px;margin:0 auto;}
.main998-sp{width: 998px;margin:0 auto;}
.main998 {width: 880px;}
.online_shop_banner{width: 880px;}
.mb90{
	max-width: 880px;
	width: 100%;}
.top-intro-img{width: 880px;}
}
/*----------------------- フッター ---------------------------*/
.footer{
	width: 880px;
	margin:0 auto;
	margin-bottom:20px;
	text-align: center;}
.footer998{
	width: 998px;
	margin:0 auto;
	margin-bottom:20px;
	text-align: center;}
.foot-nav{width: 478px;margin:0 auto;}
.foot-nav li{margin-bottom:90px;}
.foot-nav li{
	float: left;
	display: inline;
	border-right: 1px solid #000;}
.foot-nav li.leftline{border-left: 1px solid #000;}
.copyright{text-align: center;padding-top:10px;font-size: 10px;}
/*-----------------------ページトップ---------------------------*/
.pagetop-area{
    position: fixed;
	z-index: 100;
	bottom:50px;
	right:5%;
	width: 20px;}
#pagetop{font-size: 12px;position: relative;}
#pagetop a:hover {text-decoration: none;}


/*----------------------- トップページ ---------------------------*/
.topimage__wrap{
	position:relative;
}
.topimage{
	width: 998px;
	height: 664px;
	margin:0 auto 80px auto;
	position: relative;
	overflow: hidden;}
.top-news-box{
	width: 780px;
	margin:0 auto 100px auto;
	text-align:left;}
.top-news{
	font-size: 12px;
	color:#5b310f;
	width:656px;
	padding: 20px 60px 25px 60px;
	border-left: 2px solid #5b310f;
	border-right: 2px solid #5b310f;}
.top-news a{color:#5b310f;}
.top-news h3{font-size: 16px;margin-bottom:5px;}
.top-news-go{
	width:656px;
	padding: 0 60px;
	border-left: 2px solid #5b310f;
	border-right: 2px solid #5b310f;
	margin-top:-15px;
	text-align:right;}
.top-logo{
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 0px;}
.test__test{
	color:red;
	font-weight:bold;
}
.topimage__ttlcontents{
	position:absolute;
	top:100px;
	right:0;
	left:0;
}
.topimage__ttltext{
	color:#ec5146;
	font-size:50px;
	font-weight:bold;
}
.topimage__ttlcontents__bottom{
	position:absolute;
	bottom:50px;
	right:0;
	left:0;
}
.topimage__ttltext__bottom{
	color:#ec5146;
	font-size:50px;
	font-weight:bold;
	line-height:60px;
}
@media screen and (max-device-width: 880px) {
.topimage{width: 880px;height: 585px;}
.top-logo{
	position: absolute;
	z-index: 10;
	left: -50px;
	top: -50px;}
}


.btn-intro{
	position: absolute;
	top: 311px;
	left: 124px;}
.position-p1511{
	position: absolute;
	left: 388px;
	top: -19px;
}
/*----------------------- イントロダクション ---------------------------*/
.main-intro{
	width: 998px;
	margin:0 auto 100px auto;}
.main-intro h1{margin-bottom:70px;}
.main-intro h2{
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: bold;}
.intro-box{
	text-align: left;
	position: relative;
	line-height: 200%;}
.intro-box h3{
	font-size: 17px;
	line-height: 200%;
	margin-bottom:20px;
	color: #004C96;}
.intro-1{
	position: absolute;
	top: 155px;
	left: 134px;}
.intro-2{
	position: absolute;
	top: 36px;
	left: 463px;}
.intro-3{
	position: absolute;
	top: 168px;
	left: 210px;
	text-align: center;}

/*----------------------- インフォ ---------------------------*/
.map-box{width: 780px;
	margin:0 auto ;
	text-align:left;}
.add a{color: #000;}
.info-box{position: relative;}
.info-box h2{font-size: 15px;
	margin-bottom:20px;}
.info-1{
	position: absolute;
	top: 326px;
	left: 643px;}
	.info-2{
	position: absolute;
	top: 65px;
	left: 136px;}
	.info-3{
	position: absolute;
	top: 71px;
	left: 642px;}
.profile-titl{margin-top:-15px;}
.profile-l{
	float: left;
	width: 290px;}
.profile-r{
	float: right;
	width: 470px;}
.profile-table th{text-align:right;padding:0 10px 10px 0;}
.profile-table td{padding-bottom:10px;}
/*----------------------- menu---------------------------*/
.menu-sub{position: absolute;
	top: 0px;
	left: 0px;}
.lanch-1{
	position: absolute;
	top: -167px;
	left: 106px;
	z-index: 50;
}
.lanch-2{margin:0px 0px 100px 200px;}
/* iPhone / mobile webkit  */
@media screen and (max-device-width: 880px) {
.sp-lunch-img80{width:80%}
.sp-lunch-img50{width:46%}
}

.dinner-bg1{
	background-image: url(http://samuser.jp/common/img/menu/dinner_img1_2.png);
	background-repeat: no-repeat;
	height: 557px;
}
.dinner-bg2{
	background-image: url(http://samuser.jp/common/img/menu/dinner_img2.png);
	background-repeat: no-repeat;
	height: 900px;
	position: relative;
}
.dinner-menu{
	background-color: #F4F2EB;
	padding: 20px 40px;
	letter-spacing: 0em;}
.dinner-menu h3{
	font-size: 18px;
	margin-bottom: 20px;}
.dinner-menu h3 span{
	border-bottom: 2px solid #000;}
.dinner-menu li{margin-bottom:10px;}
.dinner-menu td{line-height: 200%;}
.dinner-menu-1{
	width: 360px;
	position: absolute;
	top: -50px;
	left: 60px;}
.dinner-menu-2{
	width: 360px;
	position: absolute;
	top: 100px;
	left: 440px;}
.dinner-menu-3{
	width: 360px;
	position: absolute;
	top: 600px;
	left: 110px;}
.alacart-menu-titl{
	position: absolute;
	top: -136px;
	left: 478px;
}
.alacart-menu-4{
	width: 700px;
	margin-bottom:40px;}
.alacart-com{
	font-size: 14px;
	letter-spacing: 0em;
	padding-bottom:6px;
	margin-bottom:100px;
	border-bottom:solid 2px #000;}
@media screen and (max-device-width: 880px) {
.alacart-menu-titl{top: -130px;}
.alacart-menu-4{margin-left:80px;margin-top:30px;}
.alacart-com{margin-left:80px;font-size: 13px;}
}
.drink{margin:0 0 80px 60px;}
.drink td{
	line-height: 200%;
	text-align:left;}

.dinner-1{
	position: absolute;
	top: 20px;
	left: 350px;
	z-index: 10;}
.dinner-1 h2{margin-top:20px;}

.dinner-2{margin:0 0 80px 0;padding-top:140px;}

.dinner-3{position: absolute;
	top:500px;
	right: 0;}
.dinner-4{margin:0 0 50px -110px;}
.dinner-5{margin:-36px 0 0 186px;}
.dinner-img{
	position: absolute;
	top: 347px;
	right: 0px;}
.dot-line{border-bottom: 1px dotted #999;margin-bottom:10px;}

 /* ---------------------------news---------------------------------*/
 .news-box{
	 width: 780px;
	margin:0 auto 100px auto;
	text-align:left;
	color:#11498E;}
 .news-box h3{
	 font-size: 18px;
	 margin-bottom:20px;}
.news-box h4{
	 font-size: 15px;
	 margin-bottom:20px;}
.news-back{text-align: center;}
.news-box-topic{
	margin-bottom:50px;
	padding-bottom:30px;
	border-bottom: 1px dotted #999;}
.news-box-topic2{margin-bottom:40px;}
.w550{
	width: 550px;
	margin:0 auto;}





.lunch__box {
	background-color: #fbfbfb;
	max-width: 440px;
	padding: 26px 30px;
	box-sizing: border-box;
	line-height: 2;
	letter-spacing: 0.05em;
}

.lunch__title {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.05em;
}

.lunch__text  {
	line-height: 2;
	letter-spacing: 0.05em;
	margin-top: 4px;
}

.lunch__text + .lunch__title {
	margin-top: 20px;
}