@charset "utf-8";
/* CSS Document */


/* Reset
------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
  margin: 0;
  padding: 0;
}
address,
em
{
  font-style: normal;
}
strong,
th
{
  font-weight: normal;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th
{
  text-align: left;
}
hr,
legend
{
  clear: both;
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
  font-size: 100%;
  font-weight: normal;
}
img,
fieldset
{
  border: 0;
}
img
{
  border:0;
  vertical-align:top;
  max-width:100%;
  height:auto;
  image-rendering: -webkit-optimize-contrast;
}

li
{
  list-style-type: none;
}
input[type="submit"],button,label,select{
  cursor:pointer;
}

hr{
  clear: both;
}


/* Fonts
------------------------------------------------------------*/
body{
  -webkit-text-size-adjust: 100%;
  word-wrap : break-word;
  overflow-wrap : break-word; 
}
body,input,button,textarea,select
{
  font: 14px/2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  color: #333;
}
html>/**/body
{
  font-size: 14px;
} /* Except IE */
.clear
{
  clear: both;
}


/* link
------------------------------------------------------------*/
a,a:hover{
  color:#2980b9;
  text-decoration:none;
}
a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


/* clearfix
------------------------------------------------------------*/
.clearfix::after
{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix
{
  display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix
{
  height:1%;
}
.clearfix
{
  display:block;
}
/* end MacIE5 */
.clearfix + *
{
  clear: both;
}


/* 余白調整
------------------------------------------------------------*/
.mgn
{
  padding-top:4%;
}


/* 
------------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
}
html{
  /* scroll-behavior: smooth; */
}
div#main{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
div#main>h3{
  /* width: 90%; */
  /* max-width: 750px; */
  /* padding: 2% 5%; */
}
div#main>h3>a{
  display: block;
}
div#main>div{
  /* width: 90%; */
  /* max-width: 915px; */
  /* padding: 0 5% 5%; */
}
div#main img,
div#nissanbg img{
  display: block;
  width: 100%;
  height: auto;
}
img#nissanbg{
  display: block;
  margin-bottom: -35%;
}
#cont02box{
  background: url("../img-20230420/02.jpg");
  background-size: cover;
  padding: 150px 0 2%;
  width: 100%;
}
a#nissanbtn{
  display: block;
  width: 60%;
  margin: 0 auto;
}
.pLR20{
  padding-left: 20px;
  padding-right: 20px;
}
.pUD20{
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
div#main,
div#nissanbg{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}
.pLR20{
  padding-left: 2%!important;
  padding-right: 2%!important;
}
.pUD20{
  padding-top: 2%!important;
  padding-bottom: 2%!important;
}
}


/* .fixed
------------------------------------------------------------*/
div#main {
  /* 23.8% + 余白 */
  /* padding-bottom: 25%; */
}
a.fixed {
  margin-bottom: 1.2%;
  margin-left: 24.6875%;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 100;
  display: block;
  width: 23.8%;
  max-width: 233px;
}
a.fixed>img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 980px){
  div#main {
    /* padding-bottom: 245px;*/
  }
  a.fixed{
    margin-bottom: 12px;
    margin-left: 242px;
  }
}


/* topnav
------------------------------------------------------------*/
ul.topnav{
  width: 100%;
  max-width: 980px;
  font-size: 0;
}



/* subnav
------------------------------------------------------------*/
ul.subnav{
  width: 100%;
  max-width: 980px;
  font-size: 0;
}
ul.subnav>li{
  width: 25%;
  display:inline-block;
}

ul.subnav2{
  width: 100%;
  font-size: 0;
  margin: 0 20px;
}
ul.subnav2>li{
  width: 45%;
  display:inline-block;
  padding: 10px;
}

ul.subnav3{
  width: 100%;
  font-size: 0;
}
ul.subnav3>li{
  /* width: 25%; */
  display:inline-block;
}
ul.subnav3>li:nth-child(1) { width: 33.316326530%; }/* 653 / 1960 * 100% */
ul.subnav3>li:nth-child(2) { width: 33.316326530%; }/* 653 / 1960 * 100% */
ul.subnav3>li:nth-child(3) { width: 33.367346938%; }/* 654 / 1960 * 100% */

ul.subnav5{
  width: 100%;
  font-size: 0;
}
ul.subnav5>li{
  width: 20%;
  display:inline-block;
}

ul.subnav-eigyo{
  width: 100%;
  font-size: 0;
  background-color: #fffcdb;
}
ul.subnav-eigyo>li{
  width: 50%;
  display:inline-block;
}


/* calendar-btn
------------------------------------------------------------*/
ul.calendar-btn{
  padding-top: 2%;
  padding-bottom: 2%;
  width: 100%;
  max-width: 980px;
  font-size: 0;
  display: flex;
  background-color: #fffcdb;
  justify-content: center;
}
ul.calendar-btn li{
  width: 50%;
  flex: 1;
}
ul.calendar-btn li a{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 93%;
}
ul.calendar-btn li a img{
  display: block;
  width: 100%;
}


/* article#next_subnav4
------------------------------------------------------------*/
article#next_subnav4{
  background: url("../img-20230420/next02_01.jpg");
  background-size: cover;
  width: 94%;
  padding: 20% 3% 0;
}
article#next_subnav4>p{
  width: 95%;
  display: block;
  margin:0 auto;
}
article#next_subnav4>ul{
  width: 100%;
  font-size: 0;
  display: block;
  margin:0 auto;
  padding: 2% 0;
}
article#next_subnav4>ul>li{
  width: 46%;
  display:inline-block;
  padding: 2%;
}


/* article.main02
------------------------------------------------------------*/
article.main02{
  position: relative;
}
article.main02 a{
  margin-top: 88%;
  display: block;
  position: absolute;
  top:  50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 84%;
}
article.main02 a img{
  display: block;
  width: 100%;
}


/* ページ内リンク先のアンカー（20210819 追加 ueyama）
------------------------------------------------------------*/
.anchor
{
  position: absolute;
  top:  0;
  left: 0;
  width:  100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.anchor > div
{
  position: absolute;
  top:  50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
  transform:         translate(-50%, -50%);
  width: 100%;
  height: 1px;
}
#limited-1 .anchor > div#anchor-1 { margin-top: -206%; }/* オーラ */
#limited-1 .anchor > div#anchor-2 { margin-top:  -80%; }/* ノート */
#limited-1 .anchor > div#anchor-3 { margin-top:   56%; }/* セレナ */
#limited-2 .anchor > div#anchor-4 { margin-top: -262%; }/* デイズ */
#limited-2 .anchor > div#anchor-5 { margin-top: -139%; }/* ルークス */
#limited-2 .anchor > div#anchor-6 { margin-top:   -6%; }/* エクストレイル */
#limited-2 .anchor > div#anchor-7 { margin-top:  128%; }/* セレナ */


/* 間のボタン
------------------------------------------------------------*/
.whilebtn
{
  padding-top: 4%;
  padding-bottom: 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.whilebtn a
{
  margin-left: 1%;
  margin-right: 1%;
  width: 40%;
  display: block;
}
.whilebtn a img
{
  display: block;
  width: 100%;
}



/* 追従化
------------------------------------------------------------*/
#header-cmn-anchor
{
  width: 100%;
  height: auto;
}

body.is-header-fix ul.subnav
{
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform:     translateX(-50%);
      transform:     translateX(-50%);
  z-index: 101;
  background-color: #fff;
}


/* btn
------------------------------------------------------------*/

.btn
{
  position: relative;
}

#main_03 a,
#main_05 a,
.btn .instagram_btn-1,
.btn .instagram_btn-2,
.btn .used_btn-1,
.btn .used_btn-2,
.btn .used_btn-3,
.btn .used_btn-4,
.btn .slot_btn
{
  margin-left: 0%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
}

#main_03 a
{
  margin-top: 355%;
  width: 80%;
}

#main_05 a
{
  margin-top: 190%;
  width: 92%;
}

.btn .instagram_btn-1
{
  margin-top: 539%;
  width: 80%;
}

.btn .instagram_btn-2
{
  margin-top: 558.5%;
  width: 80%;
}

.btn .used_btn-1
{
  margin-top: 118%;
  width: 75%;
}

.btn .used_btn-2
{
  margin-top: 187%;
  width: 75%;
}

.btn .used_btn-3
{
  margin-top: 281%;
  width: 75%;
}

.btn .used_btn-4
{
  margin-top: 348%;
  width: 75%;
}

.btn .slot_btn
{
  margin-top: 405%;
  width: 28%;
}

.btn .selection_btn-1
{
  margin-left: 0%;
  position: absolute;
  top: 0;
  left: 29%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
}

.btn .selection_btn-2
{
  margin-left: 0%;
  position: absolute;
  top: 0;
  left: 72%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
}

.btn .selection_btn-3
{
  margin-left: 0%;
  position: absolute;
  top: 0;
  left: 30.5%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
}

.btn .selection_btn-4
{
  margin-left: 0%;
  position: absolute;
  top: 0;
  left: 72.5%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
}

.btn .selection_btn-2,
.btn .selection_btn-1,
.btn .selection_btn-3,
.btn .selection_btn-4
{
  width: 35%;
}

.new .selection_01_btn_01,
.new .selection_01_btn_02
{
  margin-top: 311%;
}
.new .selection_01_btn_03,
.new .selection_01_btn_04
{
  margin-top: 355.5%;
}
.new .selection_01_btn_05,
.new .selection_01_btn_06
{
  margin-top: 400%;
}
.used .selection_01_btn_07,
.used .selection_01_btn_08
{
  margin-top: 465.5%;
}

.new .selection_02_btn_01,
.new .selection_02_btn_02
{
  margin-top: 265.5%;
}
.new .selection_02_btn_03,
.new .selection_02_btn_04
{
  margin-top: 310%;
}
.new .selection_02_btn_05,
.new .selection_02_btn_06
{
  margin-top: 354.5%;
}
.used .selection_02_btn_07,
.used .selection_02_btn_08
{
  margin-top: 420.5%;
}

.new .selection_03_btn_01,
.new .selection_03_btn_02
{
  margin-top: 243.5%;
}
.new .selection_03_btn_03,
.new .selection_03_btn_04
{
  margin-top: 288%;
}
.new .selection_03_btn_05,
.new .selection_03_btn_06
{
  margin-top: 332%;
}
.new .selection_03_btn_07
{
  margin-top: 377%;
}

.new .selection_04_btn_01,
.new .selection_04_btn_02
{
  margin-top: 240.5%;
}
.new .selection_04_btn_03,
.new .selection_04_btn_04
{
  margin-top: 285%;
}
.new .selection_04_btn_05,
.new .selection_04_btn_06
{
  margin-top: 329.5%;
}
.used .selection_04_btn_07,
.used .selection_04_btn_08
{
  margin-top: 395%;
}

.new .selection_05_btn_01,
.new .selection_05_btn_02
{
  margin-top: 240.5%;
}
.new .selection_05_btn_03,
.new .selection_05_btn_04
{
  margin-top: 285%;
}
.new .selection_05_btn_05,
.new .selection_05_btn_06
{
  margin-top: 329.5%;
}
.used .selection_05_btn_07,
.used .selection_05_btn_08
{
  margin-top: 395%;
}

/* 簡易ポップアップスタイル
------------------------------------------------------------*/
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

.popup-overlay.active {
  display: flex;
}

.popup-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
}

.popup-content img {
  max-width: 700px;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.popup-close {
  position: absolute;
  top: -15px;
  right: -15px;
  background: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-close:hover {
  background: #f0f0f0;
}

.popup-trigger {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}

.popup-trigger img {
  display: block;
  width: 100%;
  transition: opacity 0.3s;
}

.popup-trigger:hover img {
  opacity: 0.8;
}

/*   footer_btn
------------------------------------------------------------*/

.eigyo-1_btn
{
  margin: 0 30%;
}