@font-face {
  font-family:icon-Nissan-Global;
  font-style:normal;
  font-weight:normal;
  src:url(/COMMON/GN/FONTS/ICONS/Nissan-Global.eot);
  src:url(/COMMON/GN/FONTS/ICONS/Nissan-Global.eot?#iefix) format("embedded-opentype"),
  url(/COMMON/GN/FONTS/ICONS/Nissan-Global.woff) format("woff"),
  url(/COMMON/GN/FONTS/ICONS/Nissan-Global.ttf) format("truetype"),
  url(/COMMON/GN/FONTS/ICONS/Nissan-Global.svg#wp-icons) format("svg");
}
@font-face {
  font-family:Nissan-Global;
  font-style:normal;
  font-weight:normal;
  src:url(/COMMON/GN/FONTS/NissanBrandW01-Light.woff) format("woff"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Light.ttf) format("truetype"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Light.svg#wp-icons) format("svg");
}
@font-face {
  font-family:Nissan-Global;
  font-style:normal;
  font-weight:bold;
  src:url(/COMMON/GN/FONTS/NissanBrandW01-Bold.woff) format("woff"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Bold.ttf) format("truetype"),
  url(/COMMON/GN/FONTS/NissanBrandW01-Bold.svg#wp-icons) format("svg");
}

body {
  font-family: Verdana,"FP-ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
  font-size:1.8rem;
  color:#333;
}

.cf::after {
  content: "";
  display: block;
  clear: both;
}

main {
  max-width:1170px;
  margin:0 auto;
}

.note {
  font-size:1.4rem;
  margin:1.4rem 0 0;
}
.search {
  padding:0 10px;
  margin:2.5em 0 0;
}
.block-title {
  margin:0 0 1.333333em;
}
.block-title h3 {
  font-weight:bold;
  font-size:1.8rem;
  border-bottom:solid 1px #999;
  line-height:1.8;
}
.select-block {
  margin: 0 0 1.5rem;
}
.select-block h4 {
  font-size:1.8rem;
  padding:0.5rem 0 0 0;
  float:left;
}
.select-block .select-wrap {
  float:right;
  position: relative;
  border: 1px solid #ccc;
  background: #fff;
  min-width:340px;
}
.select-block .select-wrap select {
  width: 100%;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 1rem 3.5rem 1rem 1.3rem;
  color: #333;
  font-size:1.2rem;
}
.select-block .select-wrap select::-ms-expand {
  display: none;
}
.select-block .select-wrap::before {
  position: absolute;
  top: 0.9em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #b3b3b3;
  pointer-events: none;
}
.select-block .select-wrap::after {
  position: absolute;
  top: 0;
  right:2.6em;
  width: 0;
  height: 100%;
  padding: 0;
  content: '';
  border-left: 1px solid #ccc;
  pointer-events: none;
}
.select-block .select-wrap select:disabled {
  color: #999;
}
.select-block.disabled h4,
.second-check.disabled .block-title h3 {
  color: #999;
}
.check-block {
  margin: 0 0 1.5rem;
  text-align: right;
}
.check-block span {
  font-size: 0.777777777777778em;
  margin-left: 0.25em;
}
.next-check {
  text-align:center;
  padding: 1.5rem 0;
}
.next-check span {
  display:inline-block;
  width:3.6rem;
  height:3.6rem;
  background-repeat:no-repeat;
  background-position:top left;
  background-image:url(../IMAGES/arrow_down.png);
}
.next-check.active span {
  background-image:url(../IMAGES/arrow_down_on.png);
}
.input-block {
  margin: 0 0 1rem 0;
}
.input-block h4 {
  font-size:1.8rem;
  margin: 0 0 0.8rem 0;
}
.input-block.disabled h4 {
  color: #999;
}
.input-block input[type="radio"] {
  display:none;
}
.input-block .input-wrap {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  padding: 0.6rem 1.3rem 0.6rem 4.8rem;
  margin:0 0 1.5rem;
  color: #333;
  font-size:1.4rem;
}
.input-block.disabled .input-wrap {
  color: #999;
}
.input-block .input-wrap.hide {
  display:none;
}
.input-block .input-wrap::after {
  position: absolute;
  top: 0;
  left:2.5em;
  width: 0;
  height: 100%;
  padding: 0;
  content: '';
  border-right: 1px solid #ccc;
  pointer-events: none;
}
.input-block .input-wrap.active {
  cursor:pointer;
}
.input-block .input-wrap.active:hover,
.input-block input[type="radio"]:checked +.input-wrap.active {
  border: 1px solid #c3002f;
}
.input-block .input-wrap.active::after {
  top: 0;
  left:0;
  width: 2.5em;
  height: 100%;
  content:url(../IMAGES/check.png);
}
.input-block .input-wrap.active:hover::after,
.input-block input[type="radio"]:checked +.input-wrap.active::after {
  content:url(../IMAGES/check_on.png);
  border-right: 1px solid #c3002f;
}
.input-block.hide {
  display:none;
}
.input-wrap input{
  display: none;
}
.left-block {
  width:50%;
  float:left;
}
.left-block .block-inner {
  margin:0 15px 0 0;
}
.right-block {
  width:50%;
  float:right;
}
.right-block .block-inner {
  margin:0 0 0 15px;
  background-color:#d0d0d0;
  padding:1.8rem 2rem 2rem;

}
.right-block .block-title {
  margin:0 0 0.4rem;
}
.right-block .block-title h3 {
  border-bottom:0;
}
.navi-block {
  margin:0 0 4.5rem;
}
.navi-block.result {
  margin:0 0 0;
}
.right-block .result .block-title {
  margin:0 0 1rem;
}
.navi-name {
  background-color:#fff;
}
.navi-name .emp-text {
  font-size:1.4rem;
  color:#999;
  padding:0.8rem 1.8rem;
}
.navi-name .emp-text.hide {
  display:none;
}
.navi-name .emp-text span {
  display:block;
}
.navi-name .emp-text .small {
  font-size:1.2rem;
}
.navi-name .name-text {
  font-size:1.4rem;
  color:#333;
  padding:0.8rem 1.8rem;
}
.link-block {
  margin:0 0 0.8rem;
}
.link-title {
  font-size:1.4rem;
  margin:0 0 0.5rem;
}
.link-line {
  background-color:#fff;
  position:relative;
}
.link-line::after {
  content:url(../IMAGES/arrow_right.png);
  width:3.6rem;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  background-color: #999;
  pointer-events: none;
}
.link-line.active::after {
  content:url(../IMAGES/arrow_right_on.png);
  background-color: #c3002f;
}
.link-line a {
  display:block;
  color:#999;
  font-size:1.4rem;
  padding:0.7rem 5.4rem 0.7rem 1.8rem;
}
.link-line.active a {
  color:#333;
}

/** -------------------------------
 * caution
 */
/* @smartphone */
#caution {
  clear: both;
}
  #caution > .wrap {
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 0 3.667%;
  }
    #caution dl {
      position: relative;
      border-bottom: 1px solid #c2c2c2;
    }
      #caution dt {
        display: table;
        width: 100%;
        height: 48px;
        background-image: url(../IMAGES/icon_open.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: auto 40px;
        border-top: 1px solid #c2c2c2;
        cursor: pointer;
      }
      #caution dt.open {
        background-image: url(../IMAGES/icon_close.png);
      }
        #caution dt span {
          display: table-cell;
          padding-left: 5px;
          font-size: 1.3rem;
          vertical-align: middle;
        }
      #caution dd {
        display: none;
        padding-bottom: 20px;
        font-size: 1.2rem;
        line-height: 1.5;
      }
      #caution dd p {
        float:left;
        width:50%;
      }
      #caution dd .rt {
        float:right;
        width:50%;
      }
      #caution dd .rt img {
        max-width:100%;
        height:auto;
      }
      #caution dd .rt span {
        display:block;
        margin:0 35px;
      }

      #caution dd .rt .cap {
        margin-top:20px;
      }

@media screen and (max-width:950px) {
  .left-block, .right-block {
    width:auto;
    float:none;
  }
  .left-block {
    margin:0 0 4rem;
  }
  .left-block .block-inner {
    margin:0;
  }
  .right-block .block-inner {
    margin:0;
  }
  .select-block h4 {
    float:none;
    margin:0 0 0.5rem;
  }
  .select-block .select-wrap {
    min-width:0;
    width:100%;
  }
  #caution dd p,
  #caution dd .rt {
    float:none;
    width:auto;
  }
  #caution dd p {
    margin:0 0 20px;
  }
  #caution dd .rt span{
    margin:0;
  }
}