@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: 18px;}
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 */
/* --------------------------------------------------- */
.pc { display: block !important;; }
.sp { display: none !important;; }

.ttl { width: 960px; text-align: left; margin: 0 auto 50px; padding: 10px 0; font-size: 20px; }
.ttl p { padding-left: 30px;}
.ttl p.point { padding-right: 30px;}

.sub-ttl { margin-bottom: 40px; padding: 0 0 10px 10px; }
.sub-ttl::before { margin-right: 10px;}

.inner { width: 900px; margin: 0 auto;}


/* --------------------------------------------------- */
/* header */
/* --------------------------------------------------- */
header { padding: 30px 0; border-bottom: 3px solid #004ea2;}
header nav { width: 960px; margin: 0 auto; padding: 0;}
header nav img { width: 370px; }
header nav ul { float:right;}
header nav ul li { display: inline-block; vertical-align: middle; margin-right: 5px;}
header nav ul li:last-child { margin-right: 0;}
header nav ul .header-top::before { height: 12px;width: 20px; margin-right: 4px; margin-top: -2px;}
header nav ul .header-info::before { height: 14px;width: 16px; margin-right: 4px; margin-top: -2px;}
header nav ul .header-map::before { height: 16px;width: 16px; margin-right: 4px; margin-top: -2px;}



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

h1 { padding: 40px 0;}
h1 p { width: 900px; margin: 0 auto; font-size: 28px;}


/* --------------------------------------------------- */
/* information */
/* --------------------------------------------------- */
.information { margin-bottom: 80px;}
.information .table { margin: 0 auto 80px; }
.information .table dl { display: table; width: 100%;}
.information .table dl dt { padding: 10px 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: 784px; margin: 0 auto;}

.information .info-list { margin: 0 auto 80px;}
.information .info-list ul li { margin: 0 10px 15px 0; padding: 7px 15px; }

.information .parking-photo { margin: 0 auto 80px;}
.information .parking-photo ul { margin: 0 auto; text-align: center;}
.information .parking-photo ul li { display: inline-block; width: 400px; margin-right: 20px; margin-bottom: 20px;}
.information .parking-photo ul li:nth-child(2n) { margin-right: 0;}
.information .parking-photo img { max-width: 700px; }

.information .access img { margin: 0 auto 30px; }


/* --------------------------------------------------- */
/* price */
/* --------------------------------------------------- */
.price { margin-bottom: 100px;}
.price .table { margin: 0 auto 20px;}
.price .table .area-set>dt { padding: 10px 0;}
.price .table .area-set>dd { padding: 20px;}
.price .table .area-set>dd p { margin-bottom: 20px;}

.price .table .area-set>dd dl { margin-bottom: 30px;}
.price .table .area-set>dd dl dt { margin-bottom: 10px;}
.price .table .area-set>dd dl dd .cardpay { margin-bottom: 10px;}
.price .table .area-set>dd dl dd .cardpay li { width: 70px;}
.price .table .area-set>dd dl dd .cardpay li:nth-child(3) { width: 65px;}
.price .table .area-set>dd dl dd .cardpay li:nth-child(4) { width: 50px;}
.price .table .area-set>dd dl dd .cardpay li:nth-child(5) { width: 65px;}

.price .table .area-set>dd dl dd .touchpay { margin-bottom: 10px;}
.price .table .area-set>dd dl dd .touchpay li { width: 70px; margin-bottom: 10px;}
.price .table .area-set>dd dl dd .touchpay li:nth-child(3) { width: 50px;}
.price .table .area-set>dd dl dd .touchpay li:nth-child(5) { width: 80px;}
.price .table .area-set>dd dl dd .touchpay li:nth-of-type(n+6) { margin-bottom: 0;}


/* --------------------------------------------------- */
/* map */
/* --------------------------------------------------- */
.map { margin-bottom: 100px; }
.map .map-wrapper { margin-bottom: 20px;}
.map ul li { margin-top: 20px; margin-right: 20px; padding: 10px 30px;}
.map ul li a { font-size: 16px;}


/* --------------------------------------------------- */
/* attention */
/* --------------------------------------------------- */
.attention .inner { margin-bottom: 100px;}
.attention .inner img { display: block; margin: 0 auto 30px; width: 700px;}


/* --------------------------------------------------- */
/* footer */
/* --------------------------------------------------- */
footer { border-top: 3px solid #004ea2; padding: 50px 0 0;}
footer .point .txt p { margin-bottom: 15px; }
footer .point-area { margin-bottom: 30px; padding: 20px;}
footer .point-area .ttl { width: auto; font-size: 18px; margin-bottom: 15px; padding: 0;}

footer .footer-nav ul { margin-bottom: 30px;}
footer .footer-nav li { display: inline-block; width: 250px; margin-right: 10px;}
footer .footer-nav li:nth-child(3n) { margin-right: 0; width: 350px;}

footer .copyright { font-size: 14px; padding: 3px 0;}