/* CSS Document */
#customer_header , 
#customer_footer {
	margin: 0 auto;
	/*font-family: "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Yu Gothic Medium","メイリオ", sans-serif;*/
  /*font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", "MS Mincho", "HGS明朝E", serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
#customer_header * {
	box-sizing: border-box;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.p15 { padding: 0 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.mr0 { margin-right: 0 !important; }

#customer_header li, 
#customer_footer li { list-style: none; }
#customer_header p , 
#customer_footer p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}
#customer_header a ,
#customer_footer a {
		text-decoration: none;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
				color: #333333;
}
#customer_header a img , 
#customer_footer a img {
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
}
#customer_header h1, 
#customer_footer h1,
#customer_header h2,
#customer_header h2,
#customer_footer h2,
#customer_header h3,
#customer_footer h3,
#customer_header h4,
#customer_footer h4,
#customer_header h5,
#customer_footer h5,
#customer_header h6,
#customer_footer h6,
#customer_header strong,
#customer_footer strong { font-weight: normal; }

#customer_header img , 
#customer_footer img { vertical-align: bottom; max-width: 100%; }

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }

.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

/*	.for_pc_489{display: none !important;}
	.for_sp_489{display: none !important;}
	.for_tab_489{display: none;}*/

/* ---------------------------------------------------------------------- */



@font-face {
  font-family: "HigureGothic";
  src: url("fonts/HigureGothicHigureGothic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "HigureGothic";
  src: url("fonts/HigureGothic/HigureGothic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

:root {
	/* 基本色 */
	--primary-color: #00306A;  /* メインカラー */
	--secondary-color: #A33E3B; /* サブカラー */
	--accent-color: #B69541; /* アクセントカラー */
	--background-color: #C6C6C6; /* 背景色 */
	--border-color: #000000;
}



@media (min-width:1001px) {

	/* header
  ---------------------------------------------------------------------- */
	#mainheader {
		width: 100%;
		height: 100px;
		z-index: 1000;
		position: absolute;
		/* position: fixed; */
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: #fff;
		transition: background-color 0.3s, height 0.3s, top 0.3s;
	}

	.mainheader__inr {
		display: flex;
		margin: 0 auto;
		height: 100%;
		justify-content: space-between;
		margin-right: auto;
		margin-left: auto;
		z-index: 9999;
		position: relative;
		/* padding-left: 2.2%; */
		gap: 10px;
		background-color: var(--background-color);
	}

	.mainheader__logo {
		height: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 24%;
		/* width: 290px; */
		/* width: 226px; */
		width: 320px;
		margin-right: auto;
	}

	.mainheader__logo a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-right: auto;
		width: 100%;
		height: 100%;
		transition: 0.3s;
		background-color: #000;
		padding: 0 45px;
		background: url('https://www.olabayfrontinn.com/images/logo_black.svg') center no-repeat #000;
		background-size: 240px 40px;
	}

	.mainheader__logo a:hover {
		opacity: 1;
		background-color: #FFF;
	}

	.mainheader__logo a img {
		width: 100%;
		height: auto;
		transform: rotate(0.0001deg);
	}

	.mainheader__logo a:hover img {
		opacity: 0;
	}

	.mainheader__menu-inr ,
	.mainheader__menu-wrap {
		display: flex;
		height: 100%;
	}


	/* mainheader__nav
  ---------------------------------------------------------------------- */
	.mainheader__nav-list {
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		line-height: 1.4;
		padding-inline: 20px;
		height: 100%;
	}

	.mainheader__nav-list li {
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
	}

	.mainheader__nav-list li a {
		padding: 0 18px;
		font-size: 24px;
		/* font-size: 2.4rem; */
		display: block;
		line-height: 1.2;
		position: relative;
		text-align: center;
		font-family: "Poppins", sans-serif;
	}

	.mainheader__instagram  {
		display: flex;
		align-items: center;
		height: 100%;
		margin: 0 38px 0 0;
	}

	.mainheader__rsv {
		font-size: 2.4rem;
		width: 220px;
		color: #fff;
		background: var(--primary-color);
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		line-height: 1.4;
		text-align: center;
		padding: 10px 10px;
	}

	.mainheader__rsv-jp {
		display: block;
		font-size: 0.583em;
	}

	#contents {
		overflow: hidden;
		padding-top: 100px;
	}

    /* sub-mv
    ---------------------------------------------------------------------- */
    .sub-mv {
		/* padding-bottom: 120px; */
    /* border-bottom: 1px solid #000; */
    background-color: var(--background-color);
    }

	.sub-mv .ctitle {
        gap: 3px;
	}

	.sub-mv .ctitle__en {
		font-size: 60px;
	}

	.sub-mv .ctitle__jp__small {
		font-size: 26px;
		line-height: 1.5;
	}

    .sub-mv__inr {
        display: grid;
        grid-template-columns: 313px 1fr;
        align-items: center;
        max-width: 1800px;
        padding-left: 5.24934%;
        margin: 0 auto;
    }

    .sub-mv__head {
		padding: 0 30px 0 0;
		position: relative;
		z-index: 10;
		white-space: nowrap;
    }

    .sub-mv__img {
    	height: 480px;
      /* height: 560px; */
		margin-right: min(0px, calc((1800px - 100vw) / 2));
    }

    .sub-mv__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


	/* title
---------------------------------------------------------------------- */
	.ctitle {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-size: 3.6rem;
		line-height: 1;
		letter-spacing: 0;
		font-weight: 300;
		gap: 6px;
	}

	.ctitle__en {
		display: block;
		font-family: "Poppins", sans-serif;
		letter-spacing: -.04em;
	}

	.ctitle__jp {
		display: inline-block;
		font-size: 14px;
		font-weight: 600;
		/* font-size: 0.389em; */
		padding: 0.286em .556em;
		border: 1px solid #000;
		font-feature-settings: "palt";
		font-weight: 600;
		margin-left: 3px;
	}

	.ctitle.ctitle--center {
		align-items: center;
	}



/* footer
---------------------------------------------------------------------- */
	#footer_hotel {
		position: relative;
		background: #90c132;
		padding: 90px 0;
	}
	#footer_hotel .mainw {
		position: relative;
		justify-content: space-between;
	}
	#footer_hotel .add {
		position: relative;
		width: 400px;
	}
	#footer_hotel .add h2 {
		width: 240px;
		height: 62px;
		/* margin-bottom: 15px; */
		margin: 0 auto 15px;
	}
	#footer_hotel .add h2 a {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../images/logo_new_white.svg") center center no-repeat;
		background-size: contain;
		text-indent: -100000px;
	}
	#footer_hotel .add p {
		color: #FFFFFF;
		line-height: 30px;
		letter-spacing: 0.8px;
	}
	#footer_hotel .add p a {
		display: inline-block;
		color: #FFFFFF;
		pointer-events: none;
	}
	#footer_hotel .add nav a{
		color: #FFFFFF;
	}
	#footer_group {
		padding: 10px 0 ;
	}
	#customer_footer p.copy { 
		text-align: center;
		font-size: 13px;
		color: #757575;
		font-family: "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Yu Gothic Medium","メイリオ", sans-serif;
	}

	/* sp
  ---------------------------------------------------------------------- */
	#spnav,
	.hamburger {
		display: none;
	}


}/*  End @media(min-width: 1001px) */


/* ---------------------------------------------------------------------------------------------------- */


@media (max-width: 1000px) {

#customer_header , 
#customer_footer { font-size: 3.3vw; line-height: 1.5; }
	.mb20 { margin-bottom: 2.6vw !important; }
	.mb25 { margin-bottom: 3.3vw !important; }
	.mb30 { margin-bottom: 4vw !important; }
	.mb40 { margin-bottom: 5.3vw !important; }
	.mb50 { margin-bottom: 6.6vw !important; }
	.mb60 { margin-bottom: 8vw !important; }
	.mb70 { margin-bottom: 9.3vw !important; }
	.mb80 { margin-bottom: 10.6vw !important; }
	.mb90 { margin-bottom: 12vw; }
	.mb100 { margin-bottom: 13.3vw !important; }
	.mb120 { margin-bottom: 16vw !important; }
	.pt50 { padding-top: 6.6vw !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }
	.fs10 { font-size: 3vw; }
	.fs14,.fs15 { font-size: 3.4vw; }
	.fs16 { font-size: 3.7vw; }
	.fs24 { font-size: 4vw; }
	.fs26 { font-size: 5vw; }

	.wrap { width: 100%; overflow: hidden;}
	.for_pc { display: none !important; }
	.for_tab{display: none;}
	.for_pcnotab { display: none !important; }
	.for_nw{ display: none !important; }


	.cf_s:before,.cf_s:after { content:""; display:table; }
	.cf_s:after { clear:both; }
	.cf_s { zoom:1; }

	.for_pc_489 { display: none !important; }
/*	.for_sp_489 { display: none !important; }*/
	.for_tab_489 {display: none;}




	/* header
  ---------------------------------------------------------------------- */
	#mainheader {
		width: 100%;
		/* height: 10rem; */
		height: 7.698231rem;
		z-index: 1000;
		/* position: fixed; */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: #fff;
		transition: background-color 0.3s, height 0.3s, top 0.3s;
	}

	.mainheader__inr {
		/* display: flex; */
		margin: 0 auto;
		height: 100%;
		/* justify-content: space-between; */
		margin-right: auto;
		margin-left: auto;
		z-index: 9999;
		position: relative;
		/* padding-left: 2.7%; */
		background-color: #C6C6C6;
	}

	.mainheader__logo {
		height: 100%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 38.66667vw;
		/* margin-right: auto; */
	}

	.mainheader__logo a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-right: auto;
		width: 100%;
		height: 100%;
		transition: none;
		background-color: #000;
		padding: 0 14.73685%;
	}
	.mainheader__logo a:hover {
		opacity: 1;
	}

	.mainheader__logo a img {
		width: 100%;
		height: auto;
		transform: rotate(0.0001deg);
	}

	.mainheader__menu {
		/* display: none; */
        /* position: fixed; */
        top: 10rem;
			width: 100%;
        bottom: 0;
        z-index: 9999;
        background: #C6C6C6;
        left: 0;
		/* padding: 2rem 0 14rem; */
		overflow: auto;
	}

	.mainheader__menu-inr {
        /* display: flex; */
        height: 100%;
	}

	.mainheader__menu-wrap {
		margin: auto;
		/* padding: 4rem 0; */
		height: 100%;
	}
	.mainheader__nav {
		height: 100%;
		padding: 6vw 0;
	}
	.mainheader__nav-list {
    display: flex;
    justify-content: center;
    gap: 4.464286em;
    /* gap: 1em; */
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    margin-bottom: 0;
    padding-left: 0;
	}

	.mainheader__nav-list li a {
		font-size: 3.73334vw;
	}

  ---------------------------------------------------------------------- */
  .sub-mv {
    padding-bottom: 0;
  }
  .sub-mv__inr {
    margin-bottom: 11rem;
  }


    /* sub-mv
    ---------------------------------------------------------------------- */
    .sub-mv {
			/* padding-bottom: 8rem; */
      /* border-bottom: 2px solid #000; */
  	  background-color: #C6C6C6;
    }

	.sub-mv .ctitle {
        align-items: flex-start;
	}

	.sub-mv .ctitle__jp__small {
		font-size: 4vw;
		line-height: 1.5;
	}

	.sub-mv .ctitle__en {
		font-size: 8vw;
	}

    .sub-mv__inr {
		display: flex;
        align-items: center;
        margin: 0 auto;
        padding-top: 31vw;
        /* padding-top: 8rem; */
    }

    .sub-mv__head {
      padding: 0 0 0 5.33334vw;
			width: 52vw;
    }

    .sub-mv__img {
		width: 53.33334vw;
		/* width: 48%; */
    }

    .sub-mv__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

	/* title
---------------------------------------------------------------------- */
	.ctitle {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 6.4vw;
		line-height: 1;
		letter-spacing: 0;
		font-weight: 300;
		gap: 1rem;
		white-space: nowrap;
		position: relative;
		z-index: 5;
	}

	.ctitle__en {
		display: block;
		font-family: "Poppins", sans-serif;
		letter-spacing: -.04em;
	}

	.ctitle__jp {
		display: inline-block;
		font-size: 3.73334vw;
		font-weight: 600;
		padding: 0.286em .288em;
		border: 1px solid #000;
		font-feature-settings: "palt";
		font-weight: 600;
	}

	.ctitle.ctitle--center {
		align-items: center;
	}
























/* footer
---------------------------------------------------------------------- */
	#footer_hotel {
		position: relative;
		background: #90c132;
		padding: 16vw 0;
	}
	#footer_hotel .mainw {
		position: relative;
		width: 76vw;
		margin: auto;
	}
	#footer_hotel .add {
		position: relative;
		margin-bottom: 6vw;
	}
	#footer_hotel .add h2 {
		width: 56.8vw;
		height: 13.5vw;
		margin-bottom: 4vw;
	}
	#footer_hotel .add h2 a {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../images/logo_new_white.svg") center center no-repeat;
		background-size: contain;
		text-indent: -100000px;
	}
	#footer_hotel .add p {
		color: #FFFFFF;
		line-height: 2;
		letter-spacing: 0.1vw;
	}
	#footer_hotel .add p a {
		color: #FFFFFF;
	}
	#footer_group {
		padding: 2vw 0 ;
		background: #F3F3F3;
	}
	#footer_group .mainw {
		width: 76vw;
		margin: auto;
	}
	#customer_footer .copy { 
		font-size: 3.2vw;
		color: #757575;
		font-family: "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Yu Gothic Medium","メイリオ", sans-serif;
		letter-spacing: -0.2vw;
		text-align: center;
	}

}/*  End @media(max-width:750px) */