@charset "UTF-8";
@import "http://panasonic.jp/car/etc/designs/panasonic/common-libs.css";
@import "http://panasonic.jp/car/etc/designs/panasonic/basicpage-libs.lmtd.css";
@import "http://panasonic.jp/car/etc/designs/panasonic/basicpage-clientlibs/css/title-navigation-mega.css";
@import "http://panasonic.jp/car/etc/designs/panasonic/common-clientlibs/css/common-font_jp.css";
/* line 11, ../scss/style.scss */
.uk-lightbox {
  background: rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 768px) {
  /* line 14, ../scss/style.scss */
  .uk-lightbox-iframe {
    max-width: 80%;
    max-height: 40vh;
  }
}
@media print, screen and (min-width: 769px) {
  /* line 14, ../scss/style.scss */
  .uk-lightbox-iframe {
    max-width: 820px;
    max-height: 600px;
  }
}

/* line 24, ../scss/style.scss */
#ComparisonWrap {
  background: -moz-linear-gradient(top, #9ECDEF, #FFF, #9ECDEF, #FFF);
  background: -webkit-linear-gradient(top, #9ECDEF, #FFF, #9ECDEF, #FFF);
  background: linear-gradient(to bottom, #9ECDEF, #FFF, #9ECDEF, #FFF);
}
/* line 28, ../scss/style.scss */
#ComparisonWrap div#CtsWrap {
  margin: 20px auto;
  padding: 10px;
  background: #FFF;
  /*  車種リスト */
}
/* line 33, ../scss/style.scss */
#ComparisonWrap div#CtsWrap h1#MainImg img {
  width: 100%;
  height: auto;
}
/* line 38, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#Intro {
  padding: 1em 0;
}
@media print, screen and (min-width: 769px) {
  /* line 38, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div#Intro {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
/* line 46, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#Intro div#IntroText {
  padding-right: 2em;
}
/* line 48, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#Intro div#IntroText p {
  line-height: 180%;
  color: #727171;
  font-size: 0.9rem;
}
@media only screen and (max-width: 768px) {
  /* line 46, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div#Intro div#IntroText {
    margin-bottom: 2em;
    padding-right: 0;
  }
  /* line 56, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div#Intro div#IntroText br {
    display: none;
  }
}
@media print, screen and (min-width: 769px) {
  /* line 46, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div#Intro div#IntroText {
    width: 62%;
  }
  /* line 62, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div#Intro div#IntroText p {
    font-size: 1.1rem;
  }
}
/* line 67, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#Intro div#IntroSample {
  padding: 15px 20px;
  border: solid 1px #036EB8;
  background: #EAF6FD;
}
@media print, screen and (min-width: 769px) {
  /* line 67, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div#Intro div#IntroSample {
    width: 35%;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 768px) {
  /* line 67, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div#Intro div#IntroSample {
    margin-bottom: 2em;
  }
}
/* line 78, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#Intro div#IntroSample p {
  color: #036EB8;
  line-height: 140%;
}
/* line 82, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#Intro div#IntroSample p.img {
  margin-top: 0.5em;
}
/* line 84, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#Intro div#IntroSample p.img img {
  width: 100%;
  height: auto;
}
/* line 93, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap {
  margin-top: 36px;
}
/* line 95, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #036EB8 0%, #036EB8 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 96, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap h2 span {
  display: inline-block;
  padding: 0.5em 0;
  position: relative;
  color: #fff;
  width: 50%;
  text-align: center;
  z-index: 1;
}
@media print, screen and (min-width: 769px) {
  /* line 96, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div.MakerWrap h2 span {
    width: 240px;
  }
}
/* line 107, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap h2 span::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #000102;
  transform: scaleY(1.3) perspective(1.5em) rotateX(5deg);
  transform-origin: bottom left;
}
@media print, screen and (min-width: 769px) {
  /* line 125, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
  }
}
/* line 132, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts {
  margin-top: 20px;
  border: solid 3px #FFF;
  background: -moz-linear-gradient(top, #F7F8F8, #E6E6E6);
  background: -webkit-linear-gradient(top, #F7F8F8, #E6E6E6);
  background: linear-gradient(to bottom, #F7F8F8, #E6E6E6);
  box-shadow: 2px 2px 2px #d7d7d7;
}
@media print, screen and (min-width: 769px) {
  /* line 132, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts {
    width: 48%;
  }
}
/* line 142, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a {
  display: flex;
  justify-content: space-between;
  color: #727171;
}
/* line 146, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a div.thum {
  width: 25%;
}
/* line 148, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a div.thum img {
  width: 100%;
  height: auto;
}
/* line 153, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a div.text {
  width: 70%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 157, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a div.text span {
  position: absolute;
  top: 6px;
  left: -6px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 768px) {
  /* line 157, ../scss/style.scss */
  #ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a div.text span {
    top: 3px;
    left: -3px;
    font-size: 10px;
  }
}
/* line 169, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a div.text div {
  font-size: 0.85rem;
}
/* line 170, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div.MakerWrap div.PdtListWrap div.PdtCts a div.text div h3 {
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 1rem;
}
/* line 183, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#ToyotaWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #036EB8 0%, #036EB8 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 185, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#ToyotaWrap h2 span::before {
  background: #036EB8;
}
/* line 194, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#ToyotaWrap div.text {
  border-right: solid 8px #036EB8;
}
/* line 199, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#HondaWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #1DAF74 0%, #1DAF74 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 201, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#HondaWrap h2 span::before {
  background: #1DAF74;
}
/* line 210, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#HondaWrap div.text {
  border-right: solid 8px #1DAF74;
}
/* line 215, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#NissanWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #EE7500 0%, #EE7500 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 217, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#NissanWrap h2 span::before {
  background: #EE7500;
}
/* line 226, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#NissanWrap div.text {
  border-right: solid 8px #EE7500;
}
/* line 231, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MazdaWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #F8B62C 0%, #F8B62C 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 233, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MazdaWrap h2 span::before {
  background: #F8B62C;
}
/* line 242, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MazdaWrap div.text {
  border-right: solid 8px #036EB8;
}
/* line 247, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MitsubishiWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #B18047 0%, #B18047 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 249, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MitsubishiWrap h2 span::before {
  background: #B18047;
}
/* line 258, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MitsubishiWrap div.text {
  border-right: solid 8px #B18047;
}
/* line 263, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#SubaruWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #920882 0%, #920882 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 265, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#SubaruWrap h2 span::before {
  background: #920882;
}
/* line 274, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#SubaruWrap div.text {
  border-right: solid 8px #920882;
}
/* line 279, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#SuzukiWrap h2 {
  border-bottom: 4px solid;
  border-image: linear-gradient(to right, #8EC320 0%, #8EC320 80%, #bee1ff 100%);
  border-image-slice: 1;
}
/* line 281, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#SuzukiWrap h2 span::before {
  background: #8EC320;
}
/* line 290, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#SuzukiWrap div.text {
  border-right: solid 8px #8EC320;
}
/* line 294, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MakerBtmInfo {
  margin-top: 2em;
  font-size: 0.9rem;
}
/* line 297, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MakerBtmInfo p {
  margin-bottom: 8px;
}
/* line 299, ../scss/style.scss */
#ComparisonWrap div#CtsWrap div#MakerBtmInfo p span {
  color: rgba(0, 0, 0, 0.6);
}