@charset "utf-8";

/* バーページ */

/* メインビジュアル
---------------------------------------------------------------------------*/
.block-mv {
	background-image: url(../img/bar-menu/mv.jpg);
	text-shadow: 
		0px 0px 9px rgba(11, 35, 106, .7), 
		2px 2px 7px rgba(11, 35, 106, .7), 
		2px -2px 7px rgba(11, 35, 106, .7), 
		-2px 2px 7px rgba(11, 35, 106, .7), 
		-2px -2px 7px rgba(11, 35, 106, .7)
}
@media screen and (max-width: 768px){
	.block-mv {
		background-image: url(../img/bar-menu/mv-sp.jpg);
	}
}


/* 検索パネル非表示
---------------------------------------------------------------------------*/
.block-search {
	display: none;
}
.ancpos {
	display: block;
	margin-top: -50px;
	padding-top: 50px;
	position: relative;
	z-index: -1;
}
@media screen and (max-width: 768px){
	.ancpos {
		margin-top: 0;
		padding-top: 0;
	}
	.en-anchors {
		letter-spacing: -.03em;
	}
}

/* デザートメニュー
---------------------------------------------------------------------------*/
/* デザートセット */
.catch-big.nomar {
	margin-bottom: 0;
	margin-left: 40px;
}
.catch-big.nomar span {
	font-size: .3rem;
}
.lst-dessertset {
	margin-top: 30px;
}
.lst-dessertset li {
	width: 188px;
	margin-right: 96px;
	margin-bottom: 40px;
}
.lst-dessertset li:nth-of-type(4n) {
	margin-right: 0;
}
.fig-dessertset img {
	width: 100%;
	height: 188px;
	object-fit: cover;
	object-position: center;
	font-family: "object-fit: cover; object-position: center;";
}
.cap-dessertset {
	margin-top: 10px;
	color: #0B236A;
}
.bdr-setdrink {
	padding: 15px;
	border-top: 1px dotted #0050A0;
	border-bottom: 1px dotted #0050A0;
}
@media screen and (max-width: 768px){
	.catch-big.nomar span {
		font-size: 6vw;
	}
	.catch-big.nomar {
		margin-left: 0;
	}
	.lst-dessertset {
		margin-top: 5vw;
	}
	.lst-dessertset li {
		width: 49%;
		margin-right: 0;
		margin-bottom: 3vw;
	}
	.fig-dessertset img {
		width: 100%;
		height: 40vw;
	}
	.cap-dessertset {
		margin-top: 2vw;
		font-size: 4.5vw;
	}
	.bdr-setdrink {
		padding: 2vw 3vw;
	}
}

/* ドリンクたち */
.box-drinks {
	margin-top: 60px;
}
.box-drinks .inner-base + .inner-base {
	margin-top: 40px;
}
.box-drinks .hdl-def {
	margin-bottom: 20px;
}
.box-drinks .tx-catch {
	margin-top: 20px;
}
.lst-drinks {
	padding-bottom: 20px;
}
.lst-drinks li {
	width: 510px;
	border-bottom: 1px dotted #0050A0;
}
.lst-drinks li p {
	padding: 15px;
}
.lst-drinks li:first-of-type,
.lst-drinks.line2 li:nth-of-type(2) {
	border-top: 1px dotted #0050A0;
}
.lst-drinks li p:first-of-type {
	width: 52%;
	background-color: #F2F1ED;
}
.lst-drinks li p:last-of-type {
	width: 48%;
	background-color: #FFFFFF;
	text-align: center;
}
.lst-drinks li.slip p:first-of-type {
	width: 70%;
}
.lst-drinks li.slip p:last-of-type {
	width: 30%;
}
@media screen and (max-width: 768px){
	.box-drinks {
		margin-top: 8vw;
	}
	.box-drinks .hdl-def {
		margin-bottom: 2vw;
	}
	.line1 {
		width: 100%;
	}
	.lst-drinks {
		padding-bottom: 5vw;
	}
	.lst-drinks li {
		width: 100%;
	}
	.lst-drinks li p {
		padding: 2vw 3vw;
	}
	.box-drinks .inner-base + .inner-base {
		margin-top: 8vw;
	}
	.box-drinks .tx-catch {
		margin-top: 2vw;
	}
	.lst-drinks.line2 li:nth-of-type(2) {
		border-top: none;
	}
	.lst-drinks li p:first-of-type,
	.lst-drinks li.slip p:first-of-type {
		width: 67%;
	}
	.lst-drinks li p:last-of-type,
	.lst-drinks li.slip p:last-of-type {
		width: 33%;
	}
}


/* ドリンクメニュー
---------------------------------------------------------------------------*/
.ttl-rowline.bdr {
	width: 500px;
	margin: 30px auto;
	padding-bottom: 20px;
	border-bottom: 1px dotted #0050A0;
}
.ttl-rowline.bdr .name-rowline {
	margin-left: 20px;
	margin-right: 50px;
}
.name-rowline::after {
	right: -28px;
}
.lst-imgs {
	margin-top: 40px;
}
@media screen and (max-width: 768px){
	.ttl-rowline.bdr .name-rowline {
		margin-left: 0;
		margin-right: 0;
	}
	.lst-imgs {
		margin-top: 5vw;
	}
	.lst-imgs > li {
		width: 25%;
	}
}





/* NEWS & TOPICS
---------------------------------------------------------------------------*/
.block-topic .inner-base {
	max-width: 1100px;
}
.detail-topic {
	margin-top: 20px;
	padding: 30px 35px 25px;
}
.lst-detail-topic li {
}
.lst-detail-topic li + li {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #0050A0;
}
.fig-topic {
	margin-bottom: 15px;
}
.fig-topic img {
	width: 100%;
	height: 139px;
	object-fit: cover;
	object-position: center;
	font-family: "object-fit: cover; object-position: center;";
}
.icon-topic span {
	display: inline-block;
	padding: 1px 6px;
	border: 1px solid #0050A5;
	font-size: .11rem;
}
.date-topic {
	margin-left: 10px;
	font-size: .15rem;
}
.ttl-topic {
	margin-top: 10px;
	font-size: .15rem;
	line-height: 180%;
}
.lead-topic {
	font-size: .15rem;
	color: #000000;
	line-height: 180%;
}
@media screen and (max-width: 768px){
	.detail-topic {
		width: 94vw;
		margin: 3vw auto 0;
		padding: 3vw;
	}
	.lst-detail-topic li + li {
		margin-top: 3vw;
		margin-left: 0;
	}
	.fig-topic {
		width: 28vw;
		margin-right: 3vw;
		margin-bottom: 0;
	}
	.fig-topic img  {
		width: 27.5vw;
		height: 20vw;
	}
	.tx-topic {
		width: 53vw;
	}
}

/* 記憶に残したい景色と料理
---------------------------------------------------------------------------*/
.block-points .ttl-cnts-ja {
	padding-top: 40px;
	margin-bottom: 50px;
}
@media screen and (max-width: 768px){
	.block-points .ttl-cnts-ja {
		padding-top: 5vw;
		margin-bottom: 5vw;
	}
}


/* アンカー
---------------------------------------------------------------------------*/
.tx-anchors {
	min-height: 120px;
}
@media screen and (max-width: 768px){
	.tx-anchors {
		min-height: 31vw;
	}
}


/* 詳細
---------------------------------------------------------------------------*/
.box-det {
	margin-bottom: 60px;
}
.lead-det {
	font-size: .18rem;
}
.box-det.lay-skew.mini .fig-lay-skew {
	padding-top: 70px;
}
.box-det.lay-skew.mini .fig-lay-skew img {
	max-width: 100%;
	width: auto;
	height: auto;
}
.box-det .tx-lay-skew {
	padding-top: 60px;
}
@media screen and (max-width: 768px){
	.lay-skew.mini .fig-lay-skew {
		padding-top: 0;
	}
	.box-det {
		margin-bottom: 8vw;
	}
	.box-det .ttl-rowline {
		width: 100%;
		margin: 5vw auto 2vw;
		padding-bottom: 2vw;
	}
	.lead-det {
		font-size: 4.5vw;
	}
	.box-det.lay-skew.mini .fig-lay-skew {
		padding: 2vw 3vw 0;
	}
	.box-det .tx-lay-skew {
		padding: 3vw;
	}
}

/* 画像 */
.fig-main-det {
	margin-top: 30px;
}
@media screen and (max-width: 768px){
	.fig-main-det {
		margin-top: 5vw;
	}
}

/* テキスト */
.tx-det {
	margin-top: 40px;
}
@media screen and (max-width: 768px){
	.tx-det {
		margin-top: 5vw;
	}
}


/* イベント
---------------------------------------------------------------------------*/
.block-events .hdl-def {
	margin-bottom: 20px;
}
.block-events .inner-semiwide {
	max-width: 1100px;
	padding: 35px;
}
.block-events .inner-semiwide + .inner-semiwide {
	margin-top: 20px;
}
.fig-event {
	width: 320px;
}
.tx-event {
	width: 670px;
}
.ttl-event {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #0050A0;
}
.ttl-event .subttl {
	margin-bottom: 0;
}
.date-event {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: .17rem;
	border-bottom: 1px dotted #0050A0;
}
.body-event {
	margin-bottom: 1em;
}
.btn-event a {
	width: 240px;
	height: 60px;
}
.icon-event {
	width: 60px;
	height: 26px;
	background-color: #B08829;
	color: #FFFFFF;
	font-size: .17rem;
}
@media screen and (max-width: 768px){
	.block-events {
		padding-top: 5vw;
	}
	.block-events .hdl-def {
		margin-bottom: 2vw;
	}
	.block-events .ttl-rowline {
		margin-top: 0;
	}
	.block-events .inner-semiwide + .inner-semiwide {
		margin-top: 3vw;
	}
	.block-events .inner-semiwide {
		padding: 3vw;
	}
	.fig-event {
		margin-bottom: 3vw;
	}
	.ttl-event {
		margin-bottom: 2vw;
		padding-bottom: 3vw;
	}
	.date-event {
		margin-bottom: 3vw;
		padding-bottom: 2vw;
		font-size: 4.5vw;
	}
	.btn-event a {
		width: 100%;
		height: 12vw;
	}
	.icon-event {
		font-size: 4vw;
	}
}


/* 追加見出し */
.block-eventsttl {
	margin-bottom: 30px;
}
.block-eventsttl .ttl-rowline {
	margin-bottom: 5px;
}
.block-eventsttl .lead-det {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	border-top: 1px dotted #0050A0;
}
.block-eventsttl .name-rowline::after {
	right: -60px;
}
@media screen and (max-width: 768px){
	.block-eventsttl {
		margin-bottom: 5vw;
	}
	.block-eventsttl .lead-det {
		width: 100%;
		margin: 2vw auto 0;
		padding-top: 2vw;
	}
}


/* ライブ
---------------------------------------------------------------------------*/
.lead-live {
	font-size: .15rem;
}
.fig-live {
	width: 520px;
}
.tx-live {
	width: 470px;
}
.box-spec {
	margin: 20px auto;
}
@media screen and (max-width: 768px){
	.lead-live {
		font-size: 4vw;
	}
	.tx-live {
		margin-bottom: 3vw;
	}
	.box-spec {
		margin: 3vw 0;
	}
}


/* パーティープラン
---------------------------------------------------------------------------*/
.block-party .inner-base {
	margin-bottom: 30px;
}
.block-party .inner-semiwide {
	max-width: 1100px;
	padding: 35px;
}
.block-party .ttl-tbl {
	padding-bottom: 10px!important;
	text-align: left!important;
}
.block-party .ttl-tbl span {
	font-size: .35rem;
}
@media screen and (max-width: 768px){
	.block-party .inner-base {
		margin-bottom: 5vw;
	}
	.block-party .inner-semiwide {
		padding: 3vw;
	}
	.block-party .ttl-tbl {
		padding-bottom: 3vw;
	}
	.block-party .ttl-tbl span {
		font-size: 6vw;
	}
}


/* スタンプカード
---------------------------------------------------------------------------*/
.lead-card {
	font-size: .15rem;
}
.fig-card {
	width: 404px;
}
.tx-card {
	width: 585px;
}
.btn-card {
	width: 446px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
.btn-card a {
	width: 100%;
	height: 60px;
}

@media screen and (max-width: 768px){
	.lead-card {
		font-size: 4vw;
	}
	.tx-card {
		margin-bottom: 3vw;
	}
	.btn-card {
		width: 100%;
		margin-top: 5vw;
	}
	.btn-card a {
		height: 12vw;
	}
}


/* メニュー
---------------------------------------------------------------------------*/
.lst-menu li {
	width: 320px;
	padding: 30px;
	text-align: center;
}
.date-menu {
	font-size: .17rem;
}
.btn-menu a {
	width: 100%;
	height: 60px;
	margin-top: 20px;
}
.lead-menu {
	margin-top: 20px;
	font-size: .15rem;
}
@media screen and (max-width: 768px){
	.lst-menu li {
		padding: 3vw;
	}
	.lst-menu li + li {
		margin-top: 3vw;
	}
	.date-menu {
		font-size: 4.5vw;
	}
	.btn-menu a {
		height: 12vw;
		margin-top: 3vw;
	}
	.lead-menu {
		margin-top: 3vw;
		font-size: 4vw;
	}
}





/* 1F　レストラン オーシャン基本情報
---------------------------------------------------------------------------*/
.block-basicinfo {
	padding-bottom: 60px;
}
.block-basicinfo .td-tbl td,
.block-basicinfo .td-tbl th {
	font-size: .16rem;
	letter-spacing: -.02em;
	vertical-align: top;
}
.block-basicinfo .td-tbl td:nth-of-type(1) {
	padding-right: .5em;
	white-space: nowrap;
}
.lead-basicinfo {
	margin-top: 20px;
}
@media screen and (max-width: 768px){
	.block-basicinfo .td-tbl td,
	.block-basicinfo .td-tbl th {
		padding: 3vw;
		font-size: 4vw;
		line-height: 150%;
	}
	.block-basicinfo {
		padding-bottom: 8vw;
	}
	.lead-basicinfo {
		margin-top: 3vw;
	}
}

/* 禁煙のお知らせ */
.box-nonsmoke {
	margin-top: 50px;
	padding: 15px 30px;
	background-color: #F2F1ED;
}
.box-nonsmoke .subttl {
	margin-bottom: 0;
}
@media screen and (max-width: 768px){
	.box-nonsmoke {
		margin-top: 5vw;
		padding: 3vw;
	}
	.box-nonsmoke .icon {
		margin-right: 2vw;
	}
	.lead-nonsmoke {
		margin-top: 3vw;
	}
}

/* 予約・お問い合わせ */
.box-bg {
	margin-top: 20px;
	padding: 15px 70px;
	background-color: #0050A0;
	color: #FFFFFF;
}
.block-forsailor .box-bg {
	margin-bottom: 30px;
}
.box-bg p {
	font-size: .17rem;
}
.box-bg > span {
	display: block;
	width: 1px;
	height: 50px;
	background-color: #7FA7CF;
}
.num-tel-reservation span {
	font-size: .34rem;
}
.bdr .subttl {
	margin-bottom: 0;
	padding: 10px 0;
	font-weight: 700;
}
.bdr .subttl span {
	font-size: .3rem;
}
@media screen and (max-width: 768px){
	.bdr {
		padding: 3vw;
		margin-bottom: 5vw;
	}
	.box-bg {
		margin-top: 3vw;
		padding: 3vw;
		text-align: center;
	}
	.box-bg p {
		font-size: 4vw;
	}
	.box-bg span {
		width: 100%;
		height: 1px;
		margin: 2vw 0;
	}
	.bdr .subttl {
		padding: 2vw;
	}
	.bdr .subttl span {
		font-size: 5.5vw;
	}
	.block-forsailor .box-bg {
		margin-bottom: 3vw;
	}
}




/* 館内のご案内
---------------------------------------------------------------------------*/
.block-floormap {
	margin-bottom: 10px;
}
.tbl-floormap {
	border-collapse: separate;
	border-spacing: 2px;
}
.tbl-floormap th,
.tbl-floormap td {
	padding: 10px 15px;
}
.tbl-floormap th {
	width: 146px;
	background-color: #0050A0;
	color: #FFFFFF;
}
.tbl-floormap td {
	width: 370px;
	background-color: #FFFFFF;
}
@media screen and (max-width: 768px){
	.block-floormap {
		margin-bottom: 2vw;
	}
	.fig-floormap {
		margin-bottom: 5vw;
	}
	.tbl-floormap th,
	.tbl-floormap td {
		padding: 3vw;
	}
	.tbl-floormap th {
		width: 20%;
	}
	.tbl-floormap td {
		width: 80%;
	}
}

/* 海を感じる設え
---------------------------------------------------------------------------*/
.fig-feeltheocean {
	margin-top: 20px;
}
@media screen and (max-width: 768px){
	.fig-feeltheocean {
		margin-top: 5vw;
	}
	.lead-feeltheocean {
		padding-left: 3vw;
		padding-right: 3vw;
	}
}

/* 詳細
---------------------------------------------------------------------------*/
.box-details {
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.lead-details {
	line-height: 180%;
}
@media screen and (max-width: 768px){
	.box-details {
		margin-bottom: 8vw;
		padding-bottom: 8vw;
	}
}

/* ボタン */
.btn-details {
	margin-top: 60px;
}
.box-details + .btn-details {
	margin-top: -90px;
	margin-bottom: 60px;
}
.btn-details a {
	width: 400px;
	height: 60px;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.btn-details {
		margin-top: 5vw;
		margin-bottom: 8vw;
	}
	.box-details + .btn-details {
		margin-top: -14vw;
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.btn-details a {
		width: 100%;
		height: 12vw;
	}
}


/* 宴会場・会議室
---------------------------------------------------------------------------*/
.lst-banquet {
	margin-top: 20px;
}
.fig-banquet {
	margin-bottom: 20px;
}
@media screen and (max-width: 768px){
	.lst-banquet {
		margin-top: 5vw;
	}
	.lst-banquet li + li {
		margin-top: 3vw;
	}
	.fig-banquet {
		width: 40vw;
		margin-bottom: 0;
	}
	.tx-banquet {
		width: 52vw;
	}
}

/* カラオケ・ビリヤード
---------------------------------------------------------------------------*/
.lst-karaoke {
	margin-top: 20px;
}
.fig-karaoke {
	margin-bottom: 20px;
}
.lst-karaoke li {
	width: 400px;
}
.lst-karaoke li + li {
	margin-left: 40px;
}
.lead-karaoke {
	letter-spacing: -.04em;
}
.lst-karaoke .btn-details {
	margin-top: 40px;
	margin-bottom: 60px;
}
.lst-karaoke .tx-name {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px){
	.lst-karaoke {
		margin-top: 5vw;
	}
	.lst-karaoke li {
		width: 100%;
	}
	.lst-karaoke li + li {
		margin-top: 3vw;
		margin-left: 0;
	}
	.fig-karaoke {
		width: 40vw;
		margin-bottom: 0;
	}
	.tx-karaoke {
		width: 52vw;
	}
	.lst-karaoke .btn-details {
		width: 100%;
		margin-top: 3vw;
		margin-bottom: 3vw;
	}
	.lst-karaoke .tx-name {
		margin-bottom: .5vw;
	}
}


/* 駐車場
---------------------------------------------------------------------------*/
.fig-parking img {
	max-width: 520px!important;
	height: 355px!important;
}
.lst-other li {
	width: 320px;
}


/* その他の設備・サービス
---------------------------------------------------------------------------*/
.lead-supple-other {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px dotted #0050A0;
}
.fig-other {
	margin-bottom: 20px;
}
.lst-other .tx-name {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px){
	.lead-supple-other {
		margin-top: 4vw;
		padding-top: 4vw;
	}
	.lst-other .tx-name {
		margin-bottom: .5vw;
	}
	.fig-other {
		width: 40vw;
		margin-bottom: 0;
	}
	.tx-other {
		width: 52vw;
	}
	.lst-other li + li {
		margin-top: 3vw;
		margin-left: 0;
	}
}