@charset "UTF-8";
/*
@import "http://panasonica.live/car/etc/designs/panasonic/common-libs.css";
@import "http://panasonica.live/car/etc/designs/panasonic/basicpage-libs.lmtd.css";
@import "http://panasonica.live/car/etc/designs/panasonic/basicpage-clientlibs/css/title-navigation-mega.css";
@import "http://panasonica.live/car/etc/designs/panasonic/common-clientlibs/css/common-font_jp.css";
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: "メイリオ", "Meiryo", "verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.6;
}

fieldset, img, abbr {
  border: 0;
}

caption, th {
  text-align: left;
}

table {
  font-size: inherit;
  font: 100%;
}

img {
  vertical-align: top;
}

a {
  outline: none;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.alc {
  text-align: center;
}

.alr {
  text-align: right;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }

  .pc {
    display: none;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
* {
  margin: 0;
  padding: 0;
}

#sections .sectionContents.container {
  max-width: 100%;
  padding: 0;
}

.CmnNotice {
  font-size: 10px;
  color: #F30;
}

#kousin-movie-link {
  margin: 3em auto;
  text-align: center;
}

#MapTopWrap {
  background-color: #efefef;
  color: #252525;
  text-align: left;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
  padding: 0;
  font-size: 12px;
  line-height: 160%;
  position: relative;
}
#MapTopWrap div.container {
  margin: 0 auto;
  max-width: 987px;
}
@media only screen and (max-width: 576px) {
  #MapTopWrap div.container {
    padding: 0 1em;
  }
}
#MapTopWrap section#step-sect h1 {
  margin: 0;
  padding: 0 36px;
  font-size: 20px;
  font-weight: bold;
  line-height: 100%;
  color: #FFF;
  height: 40px;
  background-size: auto auto;
  background-color: #4396ad;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, #3a8aa2 6px, #3a8aa2 11px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#MapTopWrap section#step-sect div.step-wrap {
  background-color: #FFF;
  padding: 3em;
}
#MapTopWrap section#step-sect div.step-wrap p {
  margin-bottom: 2em;
  font-size: 16px;
}
#MapTopWrap section#step-sect div.step-wrap div.stem-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
#MapTopWrap section#step-sect div.step-wrap div.stem-img img {
  max-width: 900px;
  height: auto;
}
#MapTopWrap section#btn-sect {
  margin: 4em 0;
  border-top: solid 6px #FFF;
  border-bottom: solid 6px #FFF;
  padding: 3em;
  background-size: auto auto;
  background-color: #4396ad;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, #3a8aa2 6px, #3a8aa2 11px);
}
#MapTopWrap section#btn-sect div.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
#MapTopWrap section#btn-sect div.container a:hover {
  opacity: 0.75;
}
#MapTopWrap section#info-sect {
  padding-bottom: 3em;
}
#MapTopWrap section#info-sect h1 {
  margin-bottom: 1em;
  padding: 0 36px;
  font-size: 20px;
  font-weight: bold;
  line-height: 100%;
  color: #FFF;
  height: 40px;
  background-size: auto auto;
  background-color: #4396ad;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, #3a8aa2 6px, #3a8aa2 11px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#MapTopWrap section#info-sect div.info-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#MapTopWrap section#info-sect div.info-wrap div.left {
  width: 48%;
}
#MapTopWrap section#info-sect div.info-wrap div.left ul.info-list li {
  padding: 1em;
  border-bottom: solid 1px #CCC;
}
#MapTopWrap section#info-sect div.info-wrap div.left ul.info-list li div.day {
  font-weight: bold;
}
#MapTopWrap section#info-sect div.info-wrap div.left ul.info-list li div.text {
  color: #111;
}
#MapTopWrap section#info-sect div.info-wrap div.right {
  width: 48%;
}
#MapTopWrap section#info-sect div.info-wrap div.right p.next-update {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}
#MapTopWrap section#info-sect div.info-wrap div.right table.info-table {
  margin: 0 auto 2em;
}
#MapTopWrap section#info-sect div.info-wrap div.right table.info-table th, #MapTopWrap section#info-sect div.info-wrap div.right table.info-table td {
  padding: 8px 16px;
  font-weight: bold;
}
#MapTopWrap section#info-sect div.info-wrap div.right table.info-table strong {
  color: red;
  font-weight: bold;
}
#MapTopWrap section#info-sect div.info-wrap div.right p.alc {
  text-align: center;
}
#MapTopWrap section#info-sect div.info-wrap div.right hr {
  margin-top: 1em;
}
#MapTopWrap section#info-sect div.info-wrap div.right a.btn {
  margin: 1em auto;
  border-radius: 4px;
  color: #FFF;
  background-color: #9fa0a0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 40px;
}
#MapTopWrap section#info-sect div.info-wrap div.right a.btn:hover {
  opacity: 0.75;
}
#MapTopWrap section#info-sect div.info-wrap h2 {
  color: #FFF;
  height: 0;
  width: 220px;
  border-bottom: 28px solid #7fb2bc;
  border-right: 28px solid transparent;
  line-height: 28px;
  padding-left: 16px;
}
#MapTopWrap section#info-sect div.info-wrap div.info-cts {
  margin-bottom: 2em;
  padding: 1.5em;
  background-color: #FFF;
  max-height: 340px;
  overflow: auto;
}

#MapWrap {
  color: #252525;
  text-align: left;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
  padding: 0;
  font-size: 12px;
  line-height: 160%;
  position: relative;
}
#MapWrap div.sect-cts {
  max-width: 975px;
}
@media print, screen and (min-width:577px) {
  #MapWrap div.sect-cts {
    margin: 0 auto 40px;
  }
}
@media only screen and (max-width: 576px) {
  #MapWrap div.sect-cts {
    margin: 0 auto 2em;
    padding: 1em;
  }
}
#MapWrap div.sect-cts > h2 {
  margin: 2em 0;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  width: 100%;
  background-color: #028ba4;
  background-image: repeating-linear-gradient(-45deg, #0F98B0, #0f98b0 7px, transparent 0, transparent 14px);
}
@media print, screen and (min-width:577px) {
  #MapWrap div.sect-cts > h2 {
    height: 64px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 576px) {
  #MapWrap div.sect-cts > h2 {
    height: 32px;
    font-size: 1.2em;
  }
}
#MapWrap #MapFaqArea h3 {
  position: relative;
  padding: 8px 1em 2px;
  font-weight: bold;
  font-size: 1.4rem;
  border-bottom: 3px solid #028ba4;
  background-color: #f3f3f3;
  color: #028ba4;
}
#MapWrap #MapFaqArea h3:before {
  position: absolute;
  bottom: -14px;
  left: 2em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0;
  border-style: solid;
  border-color: #028ba4 transparent transparent;
}
#MapWrap #MapFaqArea h3:after {
  position: absolute;
  bottom: -10px;
  left: 2em;
  width: 0;
  height: 0;
  content: "";
  border-width: 14px 12px 0;
  border-style: solid;
  border-color: #f3f3f3 transparent transparent;
}
#MapWrap #MapFaqArea h4 {
  font-weight: bold;
}
#MapWrap #MapFaqArea dl.MapFaq {
  margin-bottom: 4em;
  padding: 4em 0;
}
#MapWrap #MapFaqArea dl.MapFaq dt {
  font-weight: bold;
  border-bottom: dotted 1px #CCC;
  font-size: 15px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
  padding-left: 4em;
}
@media only screen and (max-width: 576px) {
  #MapWrap #MapFaqArea dl.MapFaq dt {
    padding-left: 16vw;
    font-size: 1.1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
#MapWrap #MapFaqArea dl.MapFaq dt span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1rem;
  color: #e3f5d8;
  background: #028ba4;
  height: 24px;
  text-align: center;
}
@media only screen and (max-width: 576px) {
  #MapWrap #MapFaqArea dl.MapFaq dt span {
    width: 6vw;
  }
}
#MapWrap #MapFaqArea dl.MapFaq dt span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: "";
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #028ba4;
}
#MapWrap #MapFaqArea dl.MapFaq dd {
  margin-bottom: 4em;
  padding-left: 4em;
  line-height: 180%;
  font-size: 1.2em;
}
#MapWrap #MapFaqArea dl.MapFaq dd ul {
  margin: 1em 0 1em 2em;
  list-style: initial;
}
#MapWrap #MapFaqArea dl.MapFaq dd ol {
  margin: 1em 0 1em 2em;
  list-style: auto;
}
#MapWrap #MapFaqArea dl.MapFaq dd p {
  margin-bottom: 1em;
}
#MapWrap #TOS div.kiyakuArea p.lead {
  margin: 0 0 2em;
  padding: 3em;
  font-weight: bold;
  font-size: 1.2em;
  color: #028ba4;
  border: solid 1px #028ba4;
}
#MapWrap #TOS div.kiyakuArea dl dt {
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.2em;
  color: #111;
  background-color: #F3F3F3;
  height: 38px;
  padding: 0 1em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#MapWrap #TOS div.kiyakuArea dl dd {
  margin-bottom: 3em;
  padding: 1em;
}
#MapWrap #TOS div.kiyakuArea dl dd p {
  margin-bottom: 1em;
}
#MapWrap #TOS div.kiyakuArea dl dd > ul {
  margin: 0 0 2em;
  list-style: none;
}
#MapWrap #TOS div.kiyakuArea dl dd > ul > li {
  margin-bottom: 1em;
}
#MapWrap #TOS div.kiyakuArea dl dd > ul > li ul {
  margin: 1em 0 1em 1em;
}
#MapWrap #TOS div.kiyakuArea dl dd > ul > li ul li {
  line-height: 180%;
  font-size: 12px;
}
#MapWrap #TOS div.kiyakuArea div.dl-btn-area {
  margin: 3em auto 6em;
  text-align: center;
}
#MapWrap #TOS div.kiyakuArea div.dl-btn-area a {
  margin: 0 auto;
  background-color: #028ba4;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  width: 280px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#MapWrap #TOS div.tos-alert {
  margin: 0 auto 2em;
  padding: 2em;
  border: solid 1px red;
  color: red;
  max-width: 640px;
  text-align: center;
}
#MapWrap #TOS div.tos-alert h4 {
  margin-bottom: 0.5em;
  font-size: 1.2rem;
  text-align: center;
}