@charset "UTF-8";

body {
	background:#fff;/* 全体背景 */
	color:#000;/* 文字色 */
	font-family: "YuGothic", "Yu Gothic", "Noto Sans", sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
a {
	color: #000;/* リンクカラー */
}
#page-top a {
	color: #ffc561;/* ページトップリンクカラー */
	z-index: 9999;
}

.second h4 {
	background: #04884e;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 20px;
	font-size: 16px;
}


/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
ttl
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.ttl {
	border-bottom: solid 1px rgba(0,0,0,0.35);/*細い下線*/
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 30px;
	padding: 10px 0 13px 0;
	position: relative;
}
.ttl:after {
	border-bottom: solid 3px #19a457;/*太い下線*/
	bottom: -3px;
	content: " ";
	display: block;
	position: absolute;
	width: 25%;
}


/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
index
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
dl.shop-info dd {
	border-bottom: 1px solid rgba(0,0,0,0.15);/* ショップ情報下線カラー */
}
.info dl dd {
	border-bottom: 1px solid rgba(0,0,0,0.15);/* ショップ情報下線カラー */
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
access
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.access dl {
	margin-top: 25px;
}
.access dl.shop-info dd {
	border-bottom: 1px solid rgba(0,0,0,0.15);/* ショップ情報下線カラー */
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
lcmenu
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.current {
	color:#fff;/* メニューカレント */
	border-bottom: dotted 2px #fff;/* ボーダードット*/
	font-weight:bold;
	padding-bottom:7px;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
course
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.course dl {
	border-bottom: 1px solid rgba(255,255,255,0.2);/* コースdl下線カラー */
}
.course dl dt.price + dd {
	color:#dbaf4c;/* コース価格カラー */
}
.course-list {
	background:rgba(255,255,255,0.03);/* コース背景色 */
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
food, drink, lunch
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
dl.menu-list dt,
dl.menu-list dd,
dl.menu-list dt.multi,
dl.menu-list dd.multi {
	border-bottom: solid 1px rgba(0,0,0,0.15);/* メニュー下線カラー */
}
dl.menu-list dt:first-child,
dl.menu-list dt:first-child + dd {
	border-top: solid 1px rgba(0,0,0,0.15); /* メニュー上線カラー */
}
dl.menu-list dt:nth-of-type(odd),
dl.menu-list dt:nth-of-type(odd) + dd{
	background:rgba(0,0,0,0.025);/* メニュー背景色 */
}
dl.menu-list dt.multi + dd dl dt:nth-of-type(odd){
	background:none!important;
}
dl.menu-list dt.multi + dd dl dt:nth-of-type(odd) + dd{
	background:none!important;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
gallery
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.object-fit-img {
	object-fit: contain;
	font-family: 'object-fit: contain;'
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
fadeInUp
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
@-webkit-keyframes fadeInUp {
0% {
	opacity: 0;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
}
100% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
	0% {
	opacity: 0;
	-moz-transform: translateY(30px);
	transform: translateY(30px);
}
100% {
	opacity: 1;
	-moz-transform: translateY(0);
	transform: translateY(0);
}
}
@-ms-keyframes fadeInUp {
	0% {
	opacity: 0;
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}
100% {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
	opacity: 0;
	transform: translateY(20px);
}
100% {
	opacity: 1;
	transform: translateY(0);
	}
}
.fadeInUp {
    -webkit-animation: fadeInUp 0.6s ease;
    -moz-animation: fadeInUp 0.6s ease;
	-ms-animation: fadeInUp 0.6s ease;
    animation: fadeInUp 0.6s ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
    animation-fill-mode: both
}
.fade{
	opacity: 0;
}


/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
sns
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
#social_share{
	height:30px;
	width: 135px;
}
#social_share ul{
	display: flex;
}
#social_share li:first-child {
	margin-left: 0 !important;
}
#social_share li {
	margin-left: 5px;
}
#social_share li:first-child {
	margin-left: 0;
}
#social_share li a {
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
	width: 30px;
}
#social_share .line a       { background-image: url("../img/social_line.png"); text-decoration: none; background-size:30px 30px; }
#social_share .facebook a   { background-image: url("../img/social_facebook.png"); text-decoration: none; background-size:30px 30px; }
#social_share .twitter a    { background-image: url("../img/social_twitter.png"); text-decoration: none; background-size:30px 30px; }
#social_share .hatena a     { background-image: url("../img/social_hatena.png"); text-decoration: none; background-size:30px 30px; }

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
class
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */
.cnt			{ text-align: center; }
.flex				{ display: flex; }
.flex-center		{ justify-content: center; }
.flex-between		{ justify-content: space-between;}
.flex-reverse		{ flex-direction: row-reverse;}
.flex-itemcenter	{ align-items: center;}
.flex-wrap			{ flex-wrap: wrap; }

/* margin */
.mbn			{ margin-bottom:0!important; }
.mb5			{ margin-bottom: 5px!important; }
.mb10			{ margin-bottom: 10px!important; }
.mb15			{ margin-bottom: 15px!important; }
.mb20			{ margin-bottom: 20px!important; }
.mb25			{ margin-bottom: 25px!important; }
.mb30			{ margin-bottom: 30px!important; }
.mb35			{ margin-bottom: 35px!important; }
.mb40			{ margin-bottom: 40px!important; }
.mb45			{ margin-bottom: 45px!important; }
.mb50			{ margin-bottom: 50px!important; }
.mb55			{ margin-bottom: 55px!important; }
.mb60			{ margin-bottom: 60px!important; }

/* animation delay */
.delay1 {
	animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}
.delay2 {
	animation-delay: 0.35s;
	-moz-animation-delay: 0.35s;
	-webkit-animation-delay: 0.35s;
	-o-animation-delay: 0.35s;
}
.delay3 {
	animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}
.delay4 {
	animation-delay: 0.65s;
	-moz-animation-delay: 0.65s;
	-webkit-animation-delay: 0.65s;
	-o-animation-delay: 0.65s;
}
.delay5 {
	animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
}