@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Bellefair");
@import url("https://fonts.googleapis.com/css?family=Roboto:500");
@font-face { font-family: "DINOT"; src: url("../../font/DINOT-Bold.woff") format("woff"); }

/*
カラム制御：デフォルトで1～5カラムまで対応
PC用floatによるカラム制御

html：col_1～5まで対応
例）3列で折り返し
<ul class="col_3">
	<li></li>
	<li></li>
	<li></li>
</ul>

scss：mixinでカラム設定を自動処理化

.col_3 {
	@include colmg(30);
}

数値設定はアイテム間余白（デフォルトは20）;
※縦、横ともに外側への約は発生しない

*/
/* -----------------------------------------------------------------------------
ページジャンプ
----------------------------------------------------------------------------- */
.pageJumpArea { position: relative; z-index: 1000; }

.pageJumpArea .w1420 { position: relative; }

.pageJumpArea .w1420:before { position: absolute; top: 0; left: 0; z-index: 0; width: 2.7rem; height: 100%; content: ""; background-image: -webkit-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.1rem, transparent 0.1rem, transparent 0.2rem); background-image: -o-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.1rem, transparent 0.1rem, transparent 0.2rem); background-image: repeating-linear-gradient(90deg, #f6f6f3 0, #f6f6f3 0.1rem, transparent 0.1rem, transparent 0.2rem); }

@media screen and (max-width: 720px) { .pageJumpArea .w1420:before { left: .2rem; width: 1.35rem; background-image: -webkit-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.05rem, transparent 0.05rem, transparent 0.1rem); background-image: -o-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.05rem, transparent 0.05rem, transparent 0.1rem); background-image: repeating-linear-gradient(90deg, #f6f6f3 0, #f6f6f3 0.05rem, transparent 0.05rem, transparent 0.1rem); } }

.pageJumpArea .w1420 .w1220 { padding: 1rem 0 .5rem 0; position: relative; }

@media screen and (max-width: 720px) { .pageJumpArea .w1420 .w1220 { padding: .5rem .35rem; padding: .5rem .25rem; /*よくあるご質問*/ } }

.pageJumpArea .w1420 .w1220 .ttl { margin: 0 0 .7rem 0; padding: 0 0 0 .25rem; position: relative; font-weight: bold; font-size: .24rem; letter-spacing: .1em; }

.pageJumpArea .w1420 .w1220 .ttl:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: .04rem; height: .3rem; content: ""; background-color: #245d8b; }

.pageJumpArea .w1420 .w1220 .btnArea { margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 720px) { .pageJumpArea .w1420 .w1220 .btnArea { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.pageJumpArea .w1420 .w1220 .btnArea.w388 { max-width: 3.88rem; }

.pageJumpArea .w1420 .w1220 .btnArea.w726 { margin-bottom: .1rem; max-width: 7.26rem; }

.pageJumpArea .w1420 .w1220 .btnArea.w602 { max-width: 6.02rem; }

@media print, screen and (min-width: 721px) { .pageJumpArea .w1420 .w1220 .btnArea .list { margin: 0 .1rem 0 0; }
  .pageJumpArea .w1420 .w1220 .btnArea .list:last-child { margin: 0; } }

@media screen and (max-width: 720px) { .pageJumpArea .w1420 .w1220 .btnArea .list { padding-bottom: .05rem; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; }
  .pageJumpArea .w1420 .w1220 .btnArea .list:nth-child(odd) { padding-right: .025rem; }
  .pageJumpArea .w1420 .w1220 .btnArea .list:nth-child(even) { padding-left: .025rem; } }

.pageJumpArea .w1420 .w1220 .btnArea .list .btn { border: .02rem solid #333; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 1.74rem; height: .4rem; line-height: 1.5; background-color: #fff; font-weight: bold; font-size: .14rem; letter-spacing: .05em; white-space: nowrap; }

@media screen and (max-width: 720px) { .pageJumpArea .w1420 .w1220 .btnArea .list .btn { border-width: .01rem; border-color: #245d8b; width: 100%; height: .5rem; color: #245d8b; font-size: .1rem; } }

.pageJumpArea .w1420 .w1220 .btnArea .list .btn.checkIn { padding: 0 .3rem 0 .1rem; width: 100%; }

.pageJumpArea .w1420 .w1220 .btnArea .list .btn.long { padding: 0 .35rem 0 .1rem; width: 100%; }

@media screen and (max-width: 720px) { .pageJumpArea .w1420 .w1220 .btnArea .list .btn.long { padding: 0 .15rem 0 0; letter-spacing: 0; } }

.pageJumpArea .w1420 .w1220 .btnArea .list .btn:after { border-right: .02rem solid #333; border-bottom: .02rem solid #333; position: absolute; top: 50%; right: .15rem; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: .04rem; height: .04rem; content: ""; }

@media screen and (max-width: 720px) { .pageJumpArea .w1420 .w1220 .btnArea .list .btn:after { border-color: #245d8b; right: .08rem; } }

.pageJumpArea .w1420 .w1220 .btnArea .list .btn:hover { border-color: #245d8b; color: #245d8b; }

.pageJumpArea .w1420 .w1220 .btnArea .list .btn:hover:after { border-color: #245d8b; }

/* -----------------------------------------------------------------------------
左線付き見出し
----------------------------------------------------------------------------- */
.borderWithTtl { margin: 0 0 .5rem 0; padding: 0 0 0 .25rem; position: relative; font-weight: bold; font-size: .24rem; letter-spacing: .1em; }

@media screen and (max-width: 720px) { .borderWithTtl { margin: 0 0 .25rem 0; padding: 0 0 0 .15rem; line-height: 1.3; font-size: .15rem; letter-spacing: .05em; } }

.borderWithTtl:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: .04rem; height: .3rem; content: ""; background-color: #245d8b; }

@media screen and (max-width: 720px) { .borderWithTtl:before { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: .02rem; height: .2rem; } }

/* -----------------------------------------------------------------------------
faqListArea
----------------------------------------------------------------------------- */
#Parking { z-index: 10; }

#Reserve { z-index: 9; }

#Pay { z-index: 8; }

#In { z-index: 7; }

#Out { z-index: 6; }

#Access { z-index: 5; }

#Other { z-index: 4; }

.faqListArea { margin-top: -1rem; padding-top: 2rem; position: relative; background-color: #fff; }

.faqListArea:last-of-type .w1420 { padding-bottom: 1rem; }

@media screen and (max-width: 720px) { .faqListArea:last-of-type .w1420 { padding-bottom: .5rem; } }

@media screen and (max-width: 720px) { .faqListArea { margin-top: -.6rem; padding: .3rem .2rem 0 .2rem; } }

.faqListArea .w1420 { border-left: .01rem solid #edede8; }

@media screen and (max-width: 720px) { .faqListArea .w1420 .w1220 { padding: .48rem .15rem; } }

.faqListArea .w1420 .w1220 [data-accordion] { border-bottom: .01rem solid #edede8; /* アコーディオンが開いたときの挙動 */ }

.faqListArea .w1420 .w1220 [data-accordion] .q { padding: .3rem 0 .3rem .38rem; position: relative; color: #245d8b; font-weight: bold; font-size: .18rem; letter-spacing: .05em; cursor: pointer; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }

@media screen and (max-width: 720px) { .faqListArea .w1420 .w1220 [data-accordion] .q { padding: .2rem .18rem; line-height: 1.38; font-size: .13rem; } }

.faqListArea .w1420 .w1220 [data-accordion] .q:hover { opacity: .7; }

.faqListArea .w1420 .w1220 [data-accordion] .q:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "Q"; color: #245d8b; font-family: Roboto; font-size: .26rem; }

@media screen and (max-width: 720px) { .faqListArea .w1420 .w1220 [data-accordion] .q:before { font-size: .18rem; } }

.faqListArea .w1420 .w1220 [data-accordion] .q .plus { margin: auto 0; position: absolute; top: 0; bottom: 0; right: 0; width: .2rem; height: .2rem; content: ""; }

@media screen and (max-width: 720px) { .faqListArea .w1420 .w1220 [data-accordion] .q .plus { width: .15rem; height: .15rem; } }

.faqListArea .w1420 .w1220 [data-accordion] .q .plus:before, .faqListArea .w1420 .w1220 [data-accordion] .q .plus:after { position: absolute; content: ""; background-color: #245d8b; }

.faqListArea .w1420 .w1220 [data-accordion] .q .plus:before { top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 1px; }

.faqListArea .w1420 .w1220 [data-accordion] .q .plus:after { top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1px; height: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea { margin: .3rem 0 .3rem 0; padding: 0 .7rem; display: none; font-weight: bold; font-size: .15rem; letter-spacing: .05em; }

@media screen and (max-width: 720px) { .faqListArea .w1420 .w1220 [data-accordion] .txtArea { margin: .2rem 0 .2rem 0; padding: 0 .3rem; font-size: .12rem; } }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .a { position: relative; line-height: 1.86; font-weight: 500; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .a:before { position: absolute; top: -.03rem; left: -.38rem; content: "A"; font-family: Roboto; font-size: .2rem; }

@media screen and (max-width: 720px) { .faqListArea .w1420 .w1220 [data-accordion] .txtArea .a:before { left: -.15rem; font-size: .17rem; } }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .ttl { margin: .4rem 0 .2rem 0; }

@media screen and (max-width: 720px) { .faqListArea .w1420 .w1220 [data-accordion] .txtArea .ttl { margin: .2rem 0 .1rem 0; } }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .btnArea { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 4.7rem; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .btnArea .list { width: 50%; margin: 0 .1rem 0 0; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .btnArea .list:last-child { margin: 0; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: .4rem; color: #fff; background-color: #245d8b; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .btn.btnOnly { margin: .2rem 0 0 0; max-width: 2.3rem; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .squareList { margin: 0 0 .2rem 0; padding: 0 0 0 .2rem; position: relative; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .squareList:before { position: absolute; top: .08rem; left: 0; width: .1rem; height: .1rem; content: ""; background-color: #245d8b; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .squareList:last-child { margin: 0; }

.faqListArea .w1420 .w1220 [data-accordion] .txtArea .squareList .traffic { font-weight: bold; }

.faqListArea .w1420 .w1220 [data-accordion].on .q .plus:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

/*# sourceMappingURL=faq.css.map */