@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; font-style: normal; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; margin: 0; }
body { font-family:  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3"; background: #fff; font-size: 3.5vw;}
ol, ul { list-style: none; }
img { -ms-interpolation-mode: bicubic; vertical-align: bottom; max-width: 100%; height: auto; width /***/: auto; /* for ie8 */ }
a { text-decoration: none; -webkit-transition: all .3s linear; transition: all .3s linear; color: #1d1d1d; }
a:hover { color: #333; }
a:focus { outline: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea, select { font-family: inherit; vertical-align: middle; }
input[type="submit"] { cursor: pointer; }
em,strong { font-weight: bold; }
strong { border-bottom: 1px dotted #ccc; }
.wrapper { width: 100%; height: 100%; }


/* --------------------------------------------------- */
/* option */
/* --------------------------------------------------- */
.sp { display:block; }
.pc { display:none; }

.ttl { margin-bottom: 4%; font-size: 4.5vw; border-top: 3px solid #004ea2; border-bottom: 3px solid #004ea2; color: #004ea2; }
.ttl p { text-align: left; padding-left: 3%;display: inline-block; font-weight: bold;}
.ttl p.point { float: right; display: inline-block; padding-right: 3%; font-weight: bold;}

.sub-ttl { margin-bottom: 4%; padding: 0 0 1%; border-bottom: 2px solid #004ea2; color: #004ea2; font-weight: bold;}
.sub-ttl::before { content: '>'; margin-right: 1%;}

.inner { width: 90%; margin: 0 auto;}

.red { color: #ff0000; }


/* --------------------------------------------------- */
/* clearfix */
/* --------------------------------------------------- */
.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear{clear: both;}

/* --------------------------------------------------- */
/* header */
/* --------------------------------------------------- */
header { padding: 2% 0; border-bottom: 3px solid #004ea2;}
header nav { padding: 0 2%;}
header nav img { width: 40%; float:left;}
header nav ul { float:right;}
header nav ul li { display: inline-block; vertical-align: middle;}
header nav ul .header-top::before {content: '';display: inline-block;background: url(../image/home.png) no-repeat center;background-size: contain;height: 12px;width: 16px;vertical-align: middle;margin-right: 2px;}
header nav ul .header-info::before {content: '';display: inline-block;background: url(../image/info.png) no-repeat center;background-size: contain;height: 12px;width: 16px;vertical-align: middle;margin-right: 2px;}
header nav ul .header-map::before {content: '';display: inline-block;background: url(../image/map.png) no-repeat center;background-size: contain;height: 12px;width: 16px;vertical-align: middle;margin-right: 2px;}



/* --------------------------------------------------- */
/* hero */
/* --------------------------------------------------- */

h1 { padding: 2% 0;}
h1 p { text-align: center; font-weight: bold; font-size: 5vw;}


/* --------------------------------------------------- */
/* information */
/* --------------------------------------------------- */
.information { margin-bottom: 5%;}
.information .table { margin: 0 auto 5%; border: 3px solid #666;}
.information .table dl { display: table; width: 100%; border-bottom: 1px solid #999;}
.information .table dl dt { display: table-cell; width: 30%;border-right: 1px solid #999; text-align: center; vertical-align: middle; padding: 1% 0;}
.information .table dl dd { display: table-cell; width: 70%; padding: 1% 1% 1% 2%;}
.information .table dl:nth-child(2n) { background: #fffee5;}

.information .info-map { margin: 0 auto 5%;}
.information .info-map img { width: 100%;}

.information .info-list { margin: 0 auto 5%;}
.information .info-list ul { display: block; margin: 0 auto;}
.information .info-list ul li { display: inline-block; background: #004ea2; margin: 0 1% 2% 0; padding: 1% 3%; border-radius: 200px; color: #fff;}

.information .parking-photo { margin: 0 auto 10%;}
.information .parking-photo ul { margin: 0 auto; text-align: center;}
.information .parking-photo ul li { display: inline-block; width: 90%; max-width: 400px; margin-right: 0; margin-bottom: 5%;}
.information .parking-photo ul li:nth-child(2n) { margin-right: 0;}
.information .parking-photo img { box-sizing: border-box; margin: 0 auto 3%; border: 3px solid #666; width: 100%;}

.information .access img { margin: 0 auto 3%; border: 3px solid #666;}
.information .access p { text-align: center;}
.information .access .ttl>p { text-align: left;}


/* --------------------------------------------------- */
/* price */
/* --------------------------------------------------- */
.price { margin-bottom: 5%;}
.price .table { margin: 0 auto 3%; border: 3px solid #666;}
.price .table .area-set { display: table; width: 100%; border-bottom: 1px solid #999;}
.price .table .area-set>dt { display: table-cell; width: 30%;border-right: 1px solid #999; text-align: center; vertical-align: middle; padding: 1% 0; background: #fffee5;}
.price .table .area-set>dd { display: table-cell; width: 70%; padding: 3%;}
.price .table .area-set>dd p { margin-bottom: 5%;}
.price .table .area-set>dd p:last-child { margin-bottom: 0;}

.price .table .area-set>dd dl { margin-bottom: 5%;}
.price .table .area-set>dd dl:last-child { margin-bottom: 0;}
.price .table .area-set>dd dl dt { margin-bottom: 3%;}
.price .table .area-set>dd dl dd .att { display: block; text-align: justify;}
.price .table .area-set>dd dl dd .cardpay { margin-bottom: 3%;}
.price .table .area-set>dd dl dd .cardpay li { display: inline-block; width: 18%;}
.price .table .area-set>dd dl dd .cardpay li:nth-child(3) { width: 16%;}
.price .table .area-set>dd dl dd .cardpay li:nth-child(4) { width: 12%;}
.price .table .area-set>dd dl dd .cardpay li:nth-child(5) { width: 17%;}

.price .table .area-set>dd dl dd .touchpay { margin-bottom: 3%;}
.price .table .area-set>dd dl dd .touchpay li { display: inline-block; width: 18%; margin-bottom: 3%;}
.price .table .area-set>dd dl dd .touchpay li:nth-child(3) { display: inline-block; width: 15%;}
.price .table .area-set>dd dl dd .touchpay li:nth-child(5) { display: inline-block; width: 20%;}
.price .table .area-set>dd dl dd .touchpay li:nth-of-type(n+6) { margin-bottom: 0;}


/* --------------------------------------------------- */
/* map */
/* --------------------------------------------------- */
.map { margin-bottom: 5%; }
.map>p { margin-bottom: 1%;}
.map .map-wrapper { border: 3px solid #666; margin-bottom: 3%;}
.map .map-wrapper { border: 3px solid #666; margin-bottom: 3%;}
.map ul {width: 100%; text-align: center; font-size: 0;}
.map ul li { display: inline-block; margin-right: 2%; padding: 2% 3%;}
.map ul li:first-child { background: #004ea2;}
.map ul li:nth-child(2) { background: #e2ba00;}
.map ul li:nth-child(3) { background: #e90015;}
.map ul li:last-child { margin-right: 0;}
.map ul li a { color: #fff; font-size: 3vw;}


/* --------------------------------------------------- */
/* attention */
/* --------------------------------------------------- */
.attention .inner { margin-bottom: 5%;}
.attention .inner img { width: 100%; margin: 0 auto 3%;}
.attention .inner li::before { content: '・';}
.attention .inner li { text-indent: -1rem; padding-left: 1rem; text-align: justify;}


/* --------------------------------------------------- */
/* footer */
/* --------------------------------------------------- */
footer { border-top: 3px solid #004ea2; padding: 5% 0 0;}
footer .point .txt p { margin-bottom: 3%; text-align: center;}
footer .point-area { border: 1px solid #666; margin-bottom: 3%;; padding: 3% 3% 3% 2%;}
footer .point-area .ttl { border: none; text-align: center; font-size: 3.5vw;}
footer .point-area li::before { content: '・';}
footer .point-area li { text-indent: -1rem; padding-left: 1rem; text-align: justify;}

footer .footer-nav ul { margin-bottom: 3%;}
footer .footer-nav li { display: inline-block; width: 31%; margin-right: 1%;}
footer .footer-nav li:nth-child(3n) { margin-right: 0; width: 31%;}

footer .copyright { text-align: center; font-size: 2.75vw; border-top: 3px solid #004ea2; padding: 1% 0;}