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

/* web fonts*/
@font-face {
	font-family: "NotoSerif";
	src: url("/common/fonts/Noto_Serif_JP.woff") format("woff");
	font-weight: bold;
}
/*==========================================*/
/*
/* PC CSS
/*
/*==========================================*/

@media screen and (min-width: 961px) {
	body{
		border-top:3px solid #e71219;
		font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
		font-size: 93%;
		line-height: 1.5;
		font-weight: normal;
		background:#fff;
		color:#333;
	}

	a:link , 
	a:visited ,
	#a:active  {
		color:#1e41c3;
		text-decoration:underline;
	}

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

	a.lk_site{
		background:url(../img/lk_site.gif) no-repeat right 1px;
		padding-right:20px;
	}



	/*=====================*/
	/*
	/* ヘッダー
	/*
	/*=====================*/

	#header{
		margin:0;
		padding:0;
	}

	#header .subnavi{
		width:1000px;
		height:39px;
		margin:0 auto;
		text-align:right;
		line-height:39px;
		vertical-align:middle;
	}

	#header .subnavi li{
		display:inline;
		padding-left:20px;
	}

	#header .gnavi{
		height:71px;
		background:url(../img/h_dotBg.gif) repeat-x;
		
	}

	#header .gnavi .inner{
		width:1000px;
		margin:0 auto;
		padding:1px 0px;
		overflow:hidden;
	}

	#header .gnavi .inner h1{
		float:left;
		width:147px;
	}

	#header .gnavi .inner ul{
		width:815px;
		float:right;
	}

	#header .gnavi .inner ul li{
		float:left;
	}

	/*=====================*/
	/*
	/* コンテンツ
	/*
	/*=====================*/

	#wrapper {
		width:1000px;
		margin:0 auto;
		overflow:hidden;
		padding-bottom:20px;
		padding-top:10px;
	}
	#mainWrap {
		position: relative;
		margin: 0 0 20px 0;
	}
	#mainWrap .catchcopy {
		position: absolute;
		top: 50%;
		right: 5%;
		font-weight: bold;
		text-shadow: rgb(0 0 0) 0 0 10px;
		transform: translate(0, -50%);
		color: #fff;
		font-family: "NotoSerif","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#mainWrap .copy1 {
		font-size: 45px;
		line-height: 1.2;
	}
	#mainWrap .copy1 span {
		font-size: 27px;
	}
	#mainWrap .copy2 {
		font-size: 45px;
		line-height: 1.2;
	}
	#mainWrap .copy2 span {
		font-size: 30px;
	}
	#mainWrap .copy3 {
		font-size: 40px;
	}
	#mainWrap .copy4 {
		font-size: 40px;
	}
	#mainWrap .mainImg {
		position: relative;
	}
	#mainWrap .mainImg::after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 50%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#mainWrap .mainImg .slick-slide {
		height: auto;
	}
	#mainWrap .mainImg .slick-slide img {
		width: 100%;
	}

	#parkingLink a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		margin: 0 0 20px 0;
		border: 1px solid #000;
		font-size: 14px;
		color: #000;
		text-decoration: none;
		position: relative;
	}
	#parkingLink a::after {
		content: '';
		display: inline-block;
		width: 10px;
		height: 16px;
		position: absolute;
		top: 50%;
		right: 15px;
		background-image: url('../img/ico_arrowright.png');
		background-position: left top;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: translate(0, -50%);
	}
	#parkingLink a:hover {
		opacity: 0.6;
	}
	#parkingLink a .dateWrap {
		padding: 15px;
		color: #fff;
		background-color: #000;
	}
	#parkingLink a .textWrap {
		padding: 15px 35px;
	}

	#newsWrap h3 {
		margin: 0 0 15px 0;
		font-size: 16px;
		background-image: linear-gradient(45deg, #d9d9d9, #fff);
		background-repeat: no-repeat;
		background-size: 80% 1px;
		background-position: left bottom;
		position: relative;
	}
	#newsWrap h3::before {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0px;
		width: 100%;
		height: 1px;
		background-image: linear-gradient(45deg, #d9d9d9, #fff);
		background-repeat: no-repeat;
		background-size: 80% 1px;
		background-position: left bottom;
	}
	#newsWrap h3::after {
		content: '';
		position: absolute;
		bottom: -4px;
		left: 0px;
		width: 100%;
		height: 1px;
		background-image: linear-gradient(45deg, #d9d9d9, #fff);
		background-repeat: no-repeat;
		background-size: 80% 1px;
		background-position: left bottom;
	}

	#newsWrap {
		margin: 0 0 50px 0;
	}
	#newsWrap .newsTable {
		width: 100%;
		font-size: 14px;
	}
	#newsWrap .newsTable .strong{
		width: 100%;
		font-size: 16px;
	}
	#newsWrap .newsTable a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		color: #000;
		background-color: #f2f2f2;
		text-decoration: none;
		position: relative;
	}
	#newsWrap .newsTable div {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		color: #000;
		background-color: #f2f2f2;
		text-decoration: none;
		position: relative;
	}
	#newsWrap .newsTable a:nth-child(even) {
		background-color: #fff;
	}
	#newsWrap .newsTable div:nth-child(even) {
		background-color: #fff;
	}
	#newsWrap .newsTable a::after {
		content: '';
		display: inline-block;
		width: 10px;
		height: 16px;
		position: absolute;
		top: 50%;
		right: 15px;
		background-image: url('../img/ico_arrowright.png');
		background-position: left top;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: translate(0, -50%);
	}
	#newsWrap .newsTable a:hover {
		opacity: 0.6;
	}
	#newsWrap .newsTable .dateWrap {
		padding: 15px;
	}
	#newsWrap .newsTable .textWrap {
		display: inline-block;
		padding: 15px 35px;
		text-decoration: none;
	}
	#infoBnr {
		width:100%;
		margin: 30px auto 10px;
	}
	#infoBnr .bnrInner {
		width:fit-content;
		margin: 0 auto 10px;
	}
	#infoBnr a {
		transition: 0.7s;
	}
	#infoBnr a:hover{
		opacity:0.5;
	}

	/*=====================*/
	/*
	/* フッター
	/*
	/*=====================*/

	#footer {
		margin: 0;
		font-size: 12px;
		color: #fff;
		background-color: #000;
		position: absolute;
		bottom: 0;
		left: 0;
		height:86px;
		width:100%;
	}
	#footer .bottomLink {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 23%;
		margin: 0 auto;
		padding: 20px 0 10px;
	}
	#footer .bottomLink p a {
		color: #fff;
		text-decoration: none;
	}
	#footer .bottomLink p a:hover {
		opacity: 0.6;
	}
	#footer .copywrite {
		padding: 10px 0;
		text-align: center;
		color: #fff;
	}


	/* レスポンシブ用調整 */
	.PCnone{
		display: none;
	}
	.topImageFit img{
		width: 1024;
		border: none;
	}
	.hamburger {
		display: none;
	}


	.availableInfo a{
		text-decoration: none;
		color: #000;
	}
	.availableInfo.arrowRight {
		position: relative;
	}
	.availableInfo.arrowRight::after {
		content: "";
		margin: auto;
		position: absolute;
		top: 2px;
		bottom: 3px;
		right: -15px;
		width: 5px;
		height: 5px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: rotate(45deg);
	}
}

/*==========================================*/
/*
/* SP CSS
/*
/*==========================================*/

@media screen and (max-width:960px) {
	body{
		font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
		font-size: 93%;
		line-height: 1.5;
		font-weight: normal;
		background:#fff;
		color:#333;
		position: relative;
	}

	/* レスポンシブ用調整 */
	.SPnone{
		display: none;
	}


	/*=====================*/
	/*
	/* ヘッダー
	/*
	/*=====================*/

	.gnavi {
		background-color: white;
		width: 100%;
		height: 55px;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}
	.inner {
		padding: 0 3px 0 13px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: inherit;
		position: relative;
	}
	.header__title{
		width: 85px;
	}
	.header__title img {
		display: block;
		width: 100%;
	}
	.header__nav {
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		transform: translateX(100%);
		background-color: #000;
		transition: ease .4s;
	}
	.nav-items {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 0;
		width: 80%;
	}
	.nav-items__item a {
		color: black;
		width: 100%;
		text-decoration:none;
		display: block;
	}
	.hbgMenuLink{
		font-size: 16px;
		line-height: 7.5vh;
		color: #fff;
	}
	.nav__items.nav-items li{
		text-align: left;
		position: relative;
	}
	.nav__items.nav-items .navArrow::after{
		content: "";
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 3px;
		width: 9px;
		height: 9px;
		border-top: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		transform: rotate(45deg);
	}
	.exLinkPZ{
		position: relative;
	}
	.exLinkPZ::before{
		content: "";
		position: absolute;
		top: 26px;
		right: 2px;
		display: block;
		width: 9px;
		height: 7px;
		border: 1px solid #ffffff;
	}
	.exLinkPZ::after{
		content: "";
		position: absolute;
		top: 23px;
		right: 0;
		display: block;
		width: 9px;
		height: 7px;
		border: 1px solid #ffffff;
		background-color: #000;
	}

	.header__nav.nav.active{
		z-index: 9999;
	}

	.nav__items li:first-child {
		border-top: 2px dotted #ffffff;
	}
	.nav__items li{
		border-bottom: 2px dotted #ffffff;
	}

	.nav-items__item:last-child a {
		margin-bottom: 0;
	}

	.hbgMenuLinkPZone{
		white-space: nowrap;
	}

	/* ハンバーガーメニュー */
	.header__hamburger {
		width: 48px;
		height: 100%;
	}
	.hamburger {
		background-color: transparent;
		border-color: transparent;
		z-index: 9999;
	}
	.hamburger span {
		width: 100%;
		height: 2px;
		background-color: #e8121a;
		position: relative;
		transition: ease .4s;
		display: block;
	}
	.hamburger span:nth-child(1) {
		top: 0;
	}
	.hamburger span:nth-child(2) {
		margin: 6px 0;
	}
	.hamburger span:nth-child(3) {
		top: 0;
	}
	.exLink::before{
		content: "";
		position: absolute;
		top: 9px;
		right: -20px;
		display: block;
		width: 9px;
		height: 7px;
		border: 1px solid #ffffff;
	}
	.exLink::after{
		content: "";
		position: absolute;
		top: 6px;
		right: -22px;
		display: block;
		width: 9px;
		height: 7px;
		border: 1px solid #ffffff;
		background-color: #000;
	}

	/* ハンバーガーメニュークリック後のスタイル */
	.header__nav.active {
		transform: translateX(0);
	}
	.hamburger.active span:nth-child(1) {
		top: 4px;
		transform: rotate(45deg);
		background-color: #fff;
	}
	.hamburger.active span:nth-child(2) {
		opacity: 0;
	}
	.hamburger.active span:nth-child(3) {
		top: -12px;
		transform: rotate(-45deg);
		background-color: #fff;
	} 
	.nav-items__isolated{
		position: absolute;
		bottom: 20%;
		right: 15%;
		font-size: 16px;
	}
	.nav-items__isolated a{
		text-decoration: none;
		color: #ffffff;
	}


	/*=====================*/
	/*
	/* コンテンツ
	/*
	/*=====================*/

	#wrapper {
		margin: 55px 0 0;
		height:700px;
	}

	#mainWrap {
		position: relative;
		margin: 0 0 5vw 0;
	}
	#mainWrap .catchcopy {
		position: absolute;
		top: 50%;
		right: 5%;
		font-weight: bold;
		text-shadow: rgb(0 0 0) 0 0 10px;
		transform: translate(0, -50%);
		color: #fff;
		font-family: "NotoSerif","游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#mainWrap .copy1 {
		font-size: 5.5vw;
		line-height: 1.2;
	}
	#mainWrap .copy1 span {
		font-size: 3.3vw;
	}
	#mainWrap .copy2 {
		font-size: 5.5vw;
		line-height: 1.2;
	}
	#mainWrap .copy2 span {
		font-size: 3.5vw;
	}
	#mainWrap .copy3 {
		font-size: 5vw;
	}
	#mainWrap .copy4 {
		font-size: 5vw;
	}
	#mainWrap .mainImg {
		position: relative;
	}
	#mainWrap .mainImg::after {
		content: '';
		display: inline-block;
		width: 100%;
		height: 50%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#mainWrap .mainImg .slick-slide {
		height: auto;
	}
	#mainWrap .mainImg .slick-slide img {
		width: 100%;
	}

	#parkingLink {
		padding: 0 5vw;
	}
	#parkingLink a {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		margin: 0 0 5vw 0;
		border: 1px solid #000;
		font-size: 12px;
		color: #000;
		text-decoration: none;
		position: relative;
	}
	#parkingLink a::after {
		content: '';
		display: inline-block;
		width: 3vw;
		height: calc((37 * 3vw) / 22);
		position: absolute;
		top: 50%;
		right: 3vw;
		background-image: url('../img/ico_arrowrightSp.png');
		background-position: left top;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: translate(0, -50%);
	}
	#parkingLink a .dateWrap {
		display: flex;
		align-items: center;
		padding: 6vw 4vw;
		color: #fff;
		background-color: #000;
	}
	#parkingLink a .textWrap {
		padding: 6vw 9vw 6vw 2vw;
	}

	#newsWrap {
		margin: 0 0 10vw;
		padding: 0 5vw;
	}
	#newsWrap h3 {
		margin: 0 0 15px 0;
		font-size: 14px;
		background-image: linear-gradient(45deg, #d9d9d9, #fff);
		background-repeat: no-repeat;
		background-size: 80% 1px;
		background-position: left bottom;
		position: relative;
	}
	#newsWrap h3::before {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0px;
		width: 100%;
		height: 1px;
		background-image: linear-gradient(45deg, #d9d9d9, #fff);
		background-repeat: no-repeat;
		background-size: 80% 1px;
		background-position: left bottom;
	}
	#newsWrap h3::after {
		content: '';
		position: absolute;
		bottom: -4px;
		left: 0px;
		width: 100%;
		height: 1px;
		background-image: linear-gradient(45deg, #d9d9d9, #fff);
		background-repeat: no-repeat;
		background-size: 80% 1px;
		background-position: left bottom;
	}

	#newsWrap .newsTable {
		width: 100%;
		font-size: 12px;
	}
	#newsWrap .newsTable .strong {
		width: 100%;
		font-size: 14px;
	}
	#newsWrap .newsTable .space {
		width: 100%;
	}
	#newsWrap .newsTable a {
		display: inline-block;
		width: calc(100% - 14vw);
		padding: 4vw 9vw 4vw 5vw;
		color: #000;
		background-color: #f2f2f2;
		text-decoration: none;
		position: relative;
	}
	#newsWrap .newsTable div {
		display: inline-block;
		width: calc(100% - 14vw);
		padding: 4vw 9vw 4vw 5vw;
		color: #000;
		background-color: #f2f2f2;
		text-decoration: none;
		position: relative;
	}
	#newsWrap .newsTable a:nth-child(even) {
		background-color: #fff;
	}
	#newsWrap .newsTable a::after {
		content: '';
		display: inline-block;
		width: 3vw;
		height: calc((37 * 3vw) / 22);
		position: absolute;
		top: 50%;
		right: 3vw;
		background-image: url('../img/ico_arrowrightSp.png');
		background-position: left top;
		background-size: 100%;
		background-repeat: no-repeat;
		transform: translate(0, -50%);
	}
	#newsWrap .newsTable .textWrap {
		padding: 1vw 0 0;
		text-decoration: none;
	}

	#infoBnr {
		padding: 0 5vw;
		margin: 0 auto 5vw;
	}
	#infoBnr .bnrInner {
		margin: 0 auto 5vw;
	}
	#infoBnr a img {
		width: 100%;
	}
	
	/*=====================*/
	/*
	/* フッター
	/*
	/*=====================*/

	#footer {
		color: #fff;
		background-color: #000;
		position: absolute;
		bottom:-86px;
		left: 0;
		height:86px;
		width:100%;
	}
	#footer .bottomLink {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-evenly;
		padding: 5vw 0 2vw;
		font-size: 12px;
	}
	#footer .bottomLink p a {
		color: #fff;
		text-decoration: none;
	}
	#footer .bottomLink p a:hover {
		opacity: 0.6;
	}
	#footer .copywrite {
		padding: 2vw 0;
		font-size: 10px;
		text-align: center;
		color: #fff;
	}
}