a { text-decoration: none; }

.li2column li { float: left; width: 49%; margin-right: 2%; }

.li2column li:nth-child(2n) { margin-right: 0%; }

.li3column li { float: left; width: 32%; margin-right: 2%; }

.li3column li:nth-child(3n) { margin-right: 0%; }

hr { max-width: 1000px; margin: 0 auto; }

header { background: #000; }

header h1 { width: 25%; float: left; box-sizing: border-box; padding: 23px 2% 0 2%; }

header ul { width: 75%; float: left; }

header ul li { width: 20%; float: left; text-align: center; border-left: 1px solid #3e3e3e; box-sizing: border-box; }

header ul li a { color: #FFF; display: block; width: 100%; height: 100%; padding: 25px 0; transition: 300ms; }

header ul li a:hover { background: #2c2c2c; }

header.fixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; transform: translate3d(0, -100%, 0); }

header.fixed.show { transition: 500ms; transform: translate3d(0, 0%, 0); }

nav#sp { display: none; }

#keyvisual { max-width: 1200px; margin: 60px  auto 0 auto; }

#keyvisual > div { position: relative; }

#keyvisual > div ul { width: 100%; }

#keyvisual > div ul li { width: 100%; }

#keyvisual > div ul li a { display: block; width: 100%; height: 100%; }

#keyvisual > div ul li a img { width: 100%; }

#keyvisual > div .bx-prev { position: absolute; top: 50%; width: 56px; height: 56px; background: url(../img/left.jpg); transform: translate3d(0%, -50%, 0); overflow: hidden; text-indent: -9999px; }

#keyvisual > div .bx-next { position: absolute; top: 50%; right: 0px; width: 56px; height: 56px; background: url(../img/right.jpg); transform: translate3d(0, -50%, 0); overflow: hidden; text-indent: -9999px; }

#keyvisual > div .bx-pager { display: none; }

#title { padding: 60px 0; text-align: center; }

#title h2 img { max-width: 324px; width: 80%; margin-bottom: 30px; }

#title p img { width: 90%; max-width: 499px; }

#title p a.more { background: #9ecde1 url(../img/btn_parts.png) right bottom no-repeat; background-size: auto 20%; display: block; padding: 0.9em; font-size: 120%; color: #000; border: 2px solid #000; width: 42%; margin: 40px auto 0 auto; transition: 300ms; }

#title p a.more:hover { background-color: #000; color: #FFF; }

#photo img { width: 100%; }

#concept { background: #9ecde1; padding: 60px 0; text-align: center; }

#concept h2 { text-align: center; margin-bottom: 60px; }

#concept h2 img { width: 80%; max-width: 550px; }

#concept ul.li2column { margin: 0 auto; max-width: 1000px; }

#concept ul.li2column li { margin-bottom: 50px; }

#concept ul.li2column li a.concept_img { display: block; }

#concept ul.li2column li a.concept_img img { width: 96%; }

#concept ul.li2column li p { width: 96%; margin-left: 4%; padding-top: 1em; text-align: left; line-height: 150%; }

#concept ul.li2column li a.more { background: url(../img/btn_parts.png) right bottom no-repeat; background-size: auto 20%; display: block; padding: 0.9em; font-size: 120%; color: #231916; border: 2px solid #231916; width: 60%; margin: 20px auto 0 auto; transition: 300ms; }

#concept ul.li2column li a.more:hover { background-color: #000; color: #FFF; }

.bx-prev:hover, .bx-next:hover { opacity: 0.7; }

#design h2, #price h2, #info h2, #interior h2, #color h2 { text-align: center; font-weight: normal; font-family: 'Cinzel', serif; }

#design h2 span, #price h2 span, #info h2 span, #interior h2 span, #color h2 span { font-size: 350%; display: block; padding-bottom: 20px; }

#color > h2 { font-size: 100% !important; }

#design { padding: 60px 0; text-align: center; width: 96%; margin: 0 auto; max-width: 1000px; }

#design img { width: 100%; margin-bottom: 20px; }

#design img.delta { width: 40%; max-width: 121px; display: block; margin: 20px auto; }

#design > div { position: relative; }

#design > div ul.description li { line-height: 150%; }

#design > div ul.description li span { display: block; font-size: 200%; }

#design > div .bx-pager { display: none; }

#design > div .bx-prev { position: absolute; top: 50%; left: 0px; width: 56px; height: 56px; background: url(../img/left.jpg); transform: translate3d(0%, -50%, 0); overflow: hidden; text-indent: -9999px; }

#design > div .bx-next { position: absolute; top: 50%; right: 0px; width: 56px; height: 56px; background: url(../img/right.jpg); transform: translate3d(0, -50%, 0); overflow: hidden; text-indent: -9999px; }

#color { padding: 60px 0; text-align: center; width: 96%; max-width: 1000px; margin: 0 auto; }

#color hr { margin: 60px auto 60px auto !important; }

#color > h2 { font-size: 250%; }

#color > h3 { padding: 4em 0 3em 0; color: #5a5a5a; }

#color > h3 span { font-size: 180%; display: block; padding-bottom: 0.5em; line-height: 150%; }

#color > p { line-height: 150%; }

#color > div { margin: 60px auto 0 auto; position: relative; }

#color > div ul li { margin-bottom: 50px; }

#color > div ul li img { width: 100%; max-width: 1000px; }

#color > div ul li p { border: 1px solid #000; display: inline-block; box-sizing: border-box; padding: 5px 6px; margin-top: 1.5em; line-height: 1; font-size: 80%; margin-bottom: 5px; }

#color > div .bx-prev { position: absolute; top: 45%; left: 0px; width: 56px; height: 56px; background: url(../img/left.jpg); transform: translate3d(0%, -50%, 0); overflow: hidden; text-indent: -9999px; }

#color > div .bx-next { position: absolute; top: 45%; right: 0px; width: 56px; height: 56px; background: url(../img/right.jpg); transform: translate3d(0, -50%, 0); overflow: hidden; text-indent: -9999px; }

#color > div .bx-pager { margin-bottom: 30px; }

#color > div .bx-pager div { width: 30px; height: 30px; display: inline-block; margin: 30px 7px 20px; border-radius: 15px; box-sizing: border-box; border: 1px solid #dadada; }

#color > div .bx-pager div a { display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; box-sizing: border-box; border-radius: 15px; box-sizing: border-box; border: 1px solid #dadada; }

#color > div .bx-pager div a.active { border: 2px solid #fff0a4; border-radius: 15px; }

#color > div .bx-pager div a:hover { border: 2px solid #cae7fb; }

#color > div .bx-pager div:nth-child(1) a { background: url(../img/color01.jpg); background-size: cover; }

#color > div .bx-pager div:nth-child(2) a { background: url(../img/color02.jpg); background-size: cover; }

#color > div .bx-pager div:nth-child(3) a { background: url(../img/color03.jpg); background-size: cover; }

#color > div .bx-pager div:nth-child(4) a { background: url(../img/color04.jpg); background-size: cover; }

#color > div .bx-pager div:nth-child(5) a { background: url(../img/color05.jpg); background-size: cover; }

#color > div .bx-pager div:nth-child(6) a { background: url(../img/color06.jpg); background-size: cover; }

#color > div .bx-pager div:nth-child(7) a { background: url(../img/color07.jpg); background-size: cover; }

#color dl { max-width: 1000px; width: 94%; margin: 0 auto; border: 8px solid #9ecde1; box-sizing: border-box; padding: 2em; }

#color dl dt { width: 60%; float: left; }

#color dl dt h2 { padding-bottom: 1em; font-size: 130%; font-weight: bold; line-height: 150%; }

#color dl dt p { line-height: 150%; text-align: left; }

#color dl dd { width: 40%; float: left; }

#color dl dd img { width: 100%; }

#interior { padding: 60px 0; text-align: center; padding-bottom: 0; }

#interior ul { width: 96%; margin: 60px auto 0 auto; max-width: 1000px; }

#interior ul li { text-align: left; line-height: 150%; margin-bottom: 2em; }

#interior ul li img { width: 100%; margin-bottom: 1em; }

#price { padding: 60px 0; }

#price div { width: 96%; max-width: 1000px; margin: 0 auto 60px auto; line-height: 150%; }

#price div > img { width: 96%; max-width: 1000px; }

#price div table { text-align: left; background: #000; border-collapse: separate; width: 100%; margin-bottom: 1em; }

#price div table .price { text-align: right; }

#price div table th, #price div table td { padding: 0.7em; }

#price div table tr.thredtype { background: #969696; }

#price div table tr.thredtype td { color: #FFF; background: none; }

#price div table tr.thredtype td span { font-size: 80%; }

#price div table th.thead { background: #000; color: #FFF; }

#price div table th { border: 1px solid #FFF; }

#price div table td { background: #d9d9d9; border: 1px solid #FFF; }

#price div p { font-size: 80%; color: #525252; }

#price .notes { margin-top: -1em; display: block; }
#price .notes .small { display: inline-block; font-size: 80%; }

#welcom { background: url(../img/ishikawa_welcom.jpg); background-size: cover; background-position: center center; width: 100%; height: 40vw; min-height: 300px; position: relative; }

#welcom div { height: 100%; width: 100%; max-width: 1000px; margin: 0 auto; }

#welcom div h2.whiteBack { position: absolute; bottom: 30px; }

#welcom div h2.whiteBack span { background: #FFF; font-family: serif; margin-top: 1vw; font-size: 2.5vw; font-weight: normal; padding: 0.2em; display: inline-block; }

#info { padding: 60px 0; }

#info .time { margin: 60px auto; width: 96%; max-width: 1000px; text-align: center; }

#info .time li { text-align: left; font-size: 140%; display: inline-block; }

#info .time li span { padding: 0.6em 0.8em; display: inline-block; vertical-align: middle; }

#info .time li span.black { background: #000; color: #FFF; font-size: 60%; }

#info .time li p { margin-top: 1em; font-size: 70%; color: #5f5f5f; }

#info .shoplist { width: 96%; margin: 0 auto; max-width: 1000px; }

#info .shoplist li { margin-bottom: 30px; }

#info .shoplist li h3 { font-size: 120%; font-weight: normal; padding-bottom: 0.5em; }

#info .shoplist li p { line-height: 150%; font-size: 80%; }

#info .shoplist li a { display: block; color: #333; }

#info .shoplist li a img { width: 100%; margin-bottom: 1.2em; transition: opacity 300ms; }

#info .shoplist li a img:hover { opacity: 0.7; }

footer { padding: 60px 0 0 0; background: #f7f7f7; }

footer ul.bn { width: 96%; margin: 0 auto; max-width: 1000px; }

footer ul.bn li { background: #000; float: left; width: 49%; margin-right: 2%; height: 20vw; position: relative; max-height: 200px; overflow: hidden; }

footer ul.bn li:nth-child(2n) { margin-right: 0%; }

footer ul.bn li.req span { background: url(../img/req.jpg) no-repeat; background-size: cover; }

footer ul.bn li.testdrive span { background: url(../img/testdrive.jpg) no-repeat; background-size: cover; }

footer ul.bn li span { display: block; width: 100%; height: 100%; opacity: 0.5; transition: 300ms; }

footer ul.bn li:hover span { transform: scale(1.3); transform-origin: center center; opacity: 0.8; }

footer ul.bn li a { color: #FFF; text-align: center; display: block; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); font-size: 150%; width: 100%; line-height: 150%; }

footer .homeButton { transition: opacity 300ms; width: 96%; background: #000; max-width: 1000px; margin: 20px auto 0 auto; box-sizing: border-box; }

footer .homeButton:hover { opacity: 0.7; }

footer .homeButton a { display: block; padding: 35px 0; width: 100%; height: 100%; }

footer .homeButton ul { text-align: center; }

footer .homeButton ul li { display: inline-block; color: #FFF; }

footer .homeButton ul li:first-child { border-right: 1px solid #505050; padding-right: 1em; }

footer .homeButton ul li:last-child { padding-left: 1em; }

footer .copy { background: #000; text-align: center; color: #FFF; padding: 30px 0; margin-top: 30px; }

.spOnly { display: none; }

@media only screen and (max-width: 948px) { header { padding-bottom: 0px; }
  header h1 { float: none; padding-top: 10px; }
  header ul { display: table !important; background: #212121; margin-top: 10px; float: none; width: 100%; }
  header ul li { display: table-cell; vertical-align: middle; border-left: solid 1px #000; line-height: 140%; float: none; padding: 0; }
  header ul li a { padding: 15px 0; } }

@media only screen and (max-width: 768px) { .spOnly { display: block; }
  /* nav#sp{ display: block; position: fixed; width: 100%; z-index: 99999; background: #66 } */
  header ul { font-size: 70%; }
  header ul li { display: table-cell; vertical-align: middle; border-left: solid 1px #000; line-height: 140%; height: 50px; float: none; }
  header ul li a { display: inline; padding: 0; }
  #keyvisual { margin-top: 0px; }
  #title p a.more { width: 70%; line-height: 1.2; }
  #concept ul.li2column li { float: none; width: 98%; margin-right: 0; }
  #color > p { text-align: left; width: 95%; margin: 0 auto; }
  #color > p br { display: none; }
  #color > h3 { padding-top: 0px; }
  #color dl dt { float: none; width: 100%; }
  #color dl dd { float: none; width: 100%; }
  #color .bxslider_color li { line-height: 140%; }
  #color ul.li2column li { float: none; width: 100%; }
  #design .bxslider_view li p { text-align: left; width: 80%; margin: 0 auto; font-size: 60%; line-height: 170%; }
  #design .bxslider_view li p br { display: none; }
  #interior ul.li3column li { width: 49%; }
  #interior ul.li3column li:nth-child(3n) { margin-right: 2%; }
  #interior ul.li3column li:nth-child(2n) { margin-right: 0%; }
  #info .time { margin-bottom: 1em; }
  #info .time li { float: none; width: 100%; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #d1d1d1; line-height: 20px; }
  #info .time li span { line-height: 20px; vertical-align: middle; }
  #info .time li p { margin-top: 1em; }
  #info .shoplist li { margin-bottom: 1em; overflow: hidden; border-bottom: 1px solid #d1d1d1; float: none; width: 100%; }
  #info .shoplist li h3 { padding-top: 0.4em; }
  #info .shoplist li a img { width: 20%; display: block; float: left; padding-right: 10px; }
  #price { padding-bottom: 10px; }
  #price > h2 { margin-bottom: 2em; }
  #info { padding-bottom: 20px; }
  #welcom div h2.whiteBack span { font-size: 5vw; }
  .homeButton a { padding: 20px 0 !important; }
  .homeButton a ul { text-align: center; }
  .homeButton a ul li { display: block; }
  .homeButton a ul li:first-child { border-right: none !important; padding-right: 0 !important; }
  .homeButton a ul li:last-child { padding-left: 0 !important; margin-top: 10px; }
  footer { padding-top: 20px; }
  footer ul.bn li a { font-size: 3vw; }
  footer .homeButton { margin-top: 10px; }
  footer .copy { font-size: 10px; margin-top: 10px !important; }
  .bx-prev, .bx-next { width: 30px !important; height: 30px !important; background-size: 100% 100% !important; } }

/*# sourceMappingURL=page.map */