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

/*******基本設定*******/
* {margin: 0 auto;padding: 0;box-sizing: border-box;}
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: #fff;
	height: 100%;
	font-size: 14px;
	position: relative;
}
html {overflow-y: scroll;height: 100%;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
p,li,dt,dl {line-height: 1.75;}
p {margin: 0 0 1em 0;/*最初に消したマージンをふっかつ*/}
li {list-style: none;}
img {border: none;vertical-align: bottom;max-width:100%;}

/*******table*******/
table,th,td {
	border: solid 1px;
	border-collapse: collapse;
	padding: 10px;
}

/*******リンク*******/
a:link {
	color: #113184;
	text-decoration: underline;
}

a:visited {
	color: #113184;
	text-decoration: none;
}

a:hover {
	color: #113184;
	text-decoration: none;
}

a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

/*******レイアウト*******/
.left {float: left;}
.right {float: right;}

.tx-l {text-align: left;}
.tx-r {text-align: right;}
.tx-c {text-align: center;}

.ofa {overflow: auto;}
.clear {clear: both;overflow: hidden;}

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

.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-left {
	justify-content: flex-start;
}

/*******余白*******/
.m0 { margin: 0 !important; }

.mb0 { margin-bottom:0px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}

.mb40-20 { margin-bottom:40px !important;}

.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}

.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

/*******wrapper*******/
.wrap {
	overflow: auto;
	width: 1040px;
}

/*******header*******/
header {
	background: #fed640;
	font-size: 12px;
	overflow: auto;
}

.logo {
	float: left;
	width: 140px;
}

.pr {
	float: left;
	font-size: 12px;
	margin-top: 50px;
	margin-left: 16px;
}

.head-r {
	float: right;
	text-align: right;
	padding-top: 12px;
}

.icatch img {
	width: 100%;
}

/*******nav*******/
.sp-bar,nav#sp {
	display: none;
}

nav#pc {
	background: #fed640;
	overflow: auto;
	padding: 28px 0 32px;
}

nav#pc ul {
	display: flex;
	width: 1040px;
}

nav#pc li {
	position: relative;
}

nav#pc li.current::after,nav#pc li a:hover::after {
	content: url(../img/nav-icon.png);
	position: absolute;
	top: -18px;
	right: -24px;
}

nav#pc li a:hover img {opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}

/*******contents*******/
.contents {
	overflow: auto;
	padding: 88px 0;
}

.row {
	background: url(../img/bg01.jpg);
	overflow: auto;
	padding: 64px 0;
}

/*******top*******/
.gr {
	max-width: 1440px;
	text-align: center;
	background-image: url(../img/gr_bg01.png),url(../img/gr_bg02.png);
	background-repeat: no-repeat;
	background-position: 98% 10%,2% 10%;
	padding-bottom: 80px;
}

.gr p {
	line-height: 2.4;
}

.gr h2 {
	margin-bottom: 48px;
}

.fb {
	float: right;
	width: 400px;
}

.pickup {
	position: relative;
}

.pickup h2 {
	position: relative;
	z-index: 20;
}

.pickup-txt {
	background: #fed640;
	border-radius: 50%;
	color: #113184;
	height: 340px;
	padding: 116px 48px 0 100px;/*テキストに応じて変更*/
	position: absolute;
	top: 33px; left: 265px;
	width: 340px;
	z-index: 10;
}

.pickup-txt h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.pickup-txt p {
	line-height: 2;
	margin-bottom: 0;
}

.bn-area-wrap {
	padding-top: 80px;
}

/*******page*******/
.page-ttl {
	margin-bottom: 56px;
	text-align: center;
}

.page-ttl + p {
	text-align: center;
	margin-bottom: 56px;
}

/*******lunch*******/
.lunch-box {
	margin-bottom: 32px;
	text-align: center;
	width: 47%;
}

.lunch-box .lunch-ttl {
	font-weight: bold;
	margin-bottom: 16px;
}

.lunch-box .lunch-ttl .price {
	color: #de2828;
	margin-left: 1em;
}

.lunch-box p {
	font-size: 16px;
}

/*******menu*******/
.menu-main-ttl {
	background: #fed640;
	border-radius: 6px;
	margin-bottom: 24px;
	padding: 16px 32px;
}

.menu-sub-ttl {
	color: #113184;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 16px;
}

.grid {
	overflow: auto;
	margin-bottom: 40px;
}

.menu-box {
	float: left;
	margin-bottom: 16px;
    padding: 0 16px;
	overflow: auto;
	width: 50%;
}

.menu-list li {
	overflow: auto;
	margin-bottom: 8px;
}

.menu-list li .name,.menu-list li .price,.menu-list li .detail {
	float: left;
}

.menu-list li .name {
	font-weight: bold;
	width: 80%;
}

.menu-list li .price {
	color: #de2828;
	text-align: right;
	width: 20%;
}

.menu-list li .detail {
	font-size: 12px;
	width: 100%;
}

/*******drink*******/
.drink {
	overflow: auto;
	margin-bottom: 64px;
}

.drink h2 {
	text-align: center;
	margin-bottom: 30px;
}

.drinklist {
	margin-bottom: 40px;
}

.menu ul li.long .name {
	width: 50%;
}

.menu ul li.long .price {
	width: 50%;
}

/*******gallery*******/
.gallery-box {
	width: 47%;
}

.gallery-list li {
	margin-bottom: 32px;
	text-align: center;
}

/*******access*******/
.access-wrap {
	border-top: 1px solid #eee;
	display: table;
	float: right;
	margin-bottom: 56px;
	width: 600px;
}

.access-dl {
	display: table-row;
}

.access-dl dt,.access-dl dd {
	border-bottom: 1px solid #eee;
	display: table-cell;
	padding: 24px 16px;
}

.access-dl dt {
	width: 30%;
}

.access-dl dt span {
	border-left: 5px solid #113184;
	padding-left: 1em;
}

/*******footer*******/
footer {
	color: #fff;
	overflow: auto;
	background: url(../img/bg01.jpg);
	padding: 24px 0;
}

footer a:link,footer a:visited {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

.pan {
	width: 780px;
}

.pan li {
	float: left;
}

.pan li a {
	display: block;
	padding: 0 2em;
}

.pan li + li a {
	border-left: 1px solid #fff;
}

.f-logo {
	clear: both;
	text-align: center;
	padding: 48px 0;
}

.foot-tel {
	display: none;
}

.copy {
	clear: both;
	font-size: 12px;
	margin-bottom: 0;
	text-align: center;
}

/*******page-top*******/
#page-top {
	background: #fed640;
	border: 1px solid #fff;
	color: #fff;
    cursor: pointer;
	font-size: 24px;
    position: fixed;
    bottom: 10%; right: 5%;
	height: 50px;
	padding-top: 4px;
	text-align: center;
	width: 55px;
    z-index: 100;
}

.menu-list li.item_long .name {
	width: 60%;
}


.menu-list li.item_long .price {
	width: 40%;
}
@media (max-width: 767px) {
	.menu-list li.item_long .name {
		width: 50%;
	}
	.menu-list li.item_long .price {
		width: 50%;
	}
}