/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */
.ptbody h2 {order:3;}
.ptbody h3 {order:1;}
.ptbody p {order:2;}
.ptbody ul {order:4;}

/* StockNavi */
/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1400px) {

/* Stock list(Contents) */
.stockmm {
  width: 100%;
  height: auto;
  display: block;
  padding:50px 5%;
}

/* StockNavi */
.stocknavi {
  width: 90%;
  max-width:1920px;
  height: auto;
  display: block;
  background-color: var(--color-1st);
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  padding:20px 20px 20px 20px;
  margin:0 auto;
}
.stocknavi h3 {
  font-size:18px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color:var(--color-white);
  margin:0 0 20px 0;
}

.snv_base {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}
.snv_base .sn_models {
  width:47.5%;
}
.snv_base .sn_all {
  width:47.5%;
}
.snv_base .sn_all .sn_models {
  width:100%;
}
.snv_base .sn_models ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.snv_base .sn_models ul li {
  font-size:12px;
  line-height: 1em;
  margin:0 2.5px 5px;
}
.snv_base .sn_models ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:5px 20px 5px 5px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_models ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base .sn_shop {
  width:47.5%;
}
.snv_base .sn_shop ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.snv_base .sn_shop ul li {
  font-size:12px;
  line-height: 1em;
  margin:0 2.5px 5px;
}
.snv_base .sn_shop ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:5px 20px 5px 5px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_shop ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base h4 {
  display: flex;
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-white);
  margin:0 0 15px 0;
}
.snv_base h4 span {
  font-size:18px;
  font-weight: 400;
  font-family: var(--font-en);
  margin-right: 0.5em;
}

/* Stock list */

.stocklist {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.stocklist li {
  width:22%;
  height: auto;
  background-color: var(--color-white);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  margin:0 1.5% 3%;
}
.stocklist li a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  text-decoration: none;
    transition: .4s all;
}
.stocklist li a:hover {
  opacity: 0.6;
}
.stocklist li a .stnimg {
  width: 100%;
  height: auto;
  display: block;
}
.stocklist li a .stncc {
  width: 100%;
  height: auto;
  display: block;
  padding:2em 1.5em;
}
.stocklist li a .stncc p.shopname {
  width:fit-content;
  height: auto;
  display: block;
  font-size:12px;
  line-height: 1em;
  color: var(--color-1st);
  border:1px solid var(--color-1st);
  border-radius: 3px;
  padding:0.3em 0.5em;
  margin: 0 auto 1em 0;
}
.stocklist li a .stncc h3 {
  font-size:14px;
  font-weight: 500;
  line-height: 1em;
  color: var(--color-black);
  margin-bottom:0.5em;
}
.stocklist li a .stncc h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size:18px;
  font-weight: 500;
  line-height: 1.25em;
  color: var(--color-black);
  margin-bottom:1em;
}
.stocklist li a .stn_spec {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stocklist li a .stn_spec dl {
  width:47%;
  height: auto;
  display: block;
}
.stocklist li a .stn_spec dl dt {
  width: 100%;
  height: auto;
  display: block;
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-1st);
  padding-bottom: 0.3em;
  border-bottom: 1px dotted var(--color-1st);
  margin-bottom: 0.5em;
}
.stocklist li a .stn_spec dl dd {
  width: 100%;
  height: auto;
  display: block;
  font-size:14px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0;
}
.stocklist li a .stn_price {
  width: 100%;
  height: auto;
  display: block;
}
.stocklist li a .stn_price p.stnp01 {
  font-size:14px;
  line-height: 1em;
  text-align: right;
  margin:0 0 0.8em 0;
}
.stocklist li a .stn_price p.stnp01 strong {
  font-size:26px;
  font-family: var(--font-en);
  font-weight: 400;
  letter-spacing: 0em;
  color:var(--color-1st);
}
.stocklist li a .stn_price p.stnp02 {
  font-size:12px;
  line-height: 1em;
  text-align: right;
  margin:0 0 0.5em 0;
}
.stocklist li a .stn_price p.stnp02 strong {
  font-size:16px;
  font-family: var(--font-en);
  font-weight: 400;
  letter-spacing:0;
  color:var(--color-1st);
}

}

@media screen and (min-width: 1025px) and (max-width: 1399px) {

/* Stock list(Contents) */
.stockmm {
  width: 100%;
  height: auto;
  display: block;
  padding:50px 5%;
}

/* StockNavi */
.stocknavi {
  width: 90%;
  max-width:1920px;
  height: auto;
  display: block;
  background-color: var(--color-1st);
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  padding:20px 20px 20px 20px;
  margin:0 auto;
}
.stocknavi h3 {
  font-size:18px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color:var(--color-white);
  margin:0 0 20px 0;
}

.snv_base {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}
.snv_base .sn_models {
  width:47.5%;
}
.snv_base .sn_all {
  width:47.5%;
}
.snv_base .sn_all .sn_models {
  width:100%;
}
.snv_base .sn_models ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.snv_base .sn_models ul li {
  font-size:12px;
  line-height: 1em;
  margin:0 2.5px 5px;
}
.snv_base .sn_models ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:5px 20px 5px 5px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_models ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base .sn_shop {
  width:47.5%;
}
.snv_base .sn_shop ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.snv_base .sn_shop ul li {
  font-size:12px;
  line-height: 1em;
  margin:0 2.5px 5px;
}
.snv_base .sn_shop ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:5px 20px 5px 5px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_shop ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base h4 {
  display: flex;
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-white);
  margin:0 0 15px 0;
}
.snv_base h4 span {
  font-size:18px;
  font-weight: 400;
  font-family: var(--font-en);
  margin-right: 0.5em;
}

/* Stock list */

.stocklist {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.stocklist li {
  width:30.3333333333%;
  height: auto;
  background-color: var(--color-white);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  margin:0 1.5% 3%;
}
.stocklist li a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  text-decoration: none;
    transition: .4s all;
}
.stocklist li a:hover {
  opacity: 0.6;
}
.stocklist li a .stnimg {
  width: 100%;
  height: auto;
  display: block;
}
.stocklist li a .stncc {
  width: 100%;
  height: auto;
  display: block;
  padding:2em 1.5em;
}
.stocklist li a .stncc p.shopname {
  width:fit-content;
  height: auto;
  display: block;
  font-size:12px;
  line-height: 1em;
  color: var(--color-1st);
  border:1px solid var(--color-1st);
  border-radius: 3px;
  padding:0.3em 0.5em;
  margin: 0 auto 1em 0;
}
.stocklist li a .stncc h3 {
  font-size:14px;
  font-weight: 500;
  line-height: 1em;
  color: var(--color-black);
  margin-bottom:0.5em;
}
.stocklist li a .stncc h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size:18px;
  font-weight: 500;
  line-height: 1.25em;
  color: var(--color-black);
  margin-bottom:1em;
}
.stocklist li a .stn_spec {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stocklist li a .stn_spec dl {
  width:47%;
  height: auto;
  display: block;
}
.stocklist li a .stn_spec dl dt {
  width: 100%;
  height: auto;
  display: block;
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-1st);
  padding-bottom: 0.3em;
  border-bottom: 1px dotted var(--color-1st);
  margin-bottom: 0.5em;
}
.stocklist li a .stn_spec dl dd {
  width: 100%;
  height: auto;
  display: block;
  font-size:14px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0;
}
.stocklist li a .stn_price {
  width: 100%;
  height: auto;
  display: block;
}
.stocklist li a .stn_price p.stnp01 {
  font-size:14px;
  line-height: 1em;
  text-align: right;
  margin:0 0 0.8em 0;
}
.stocklist li a .stn_price p.stnp01 strong {
  font-size:26px;
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing:0;
  color:var(--color-1st);
}
.stocklist li a .stn_price p.stnp02 {
  font-size:12px;
  line-height: 1em;
  text-align: right;
  margin:0 0 0.5em 0;
}
.stocklist li a .stn_price p.stnp02 strong {
  font-size:16px;
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing:0;
  color:var(--color-1st);
}

}


/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* Stock list(Contents) */
.stockmm {
  width: 100%;
  height: auto;
  display: block;
  padding:50px 5%;
}

/* StockNavi */
.stocknavi {
  width: 90%;
  max-width:1920px;
  height: auto;
  display: block;
  background-color: var(--color-1st);
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  padding:20px 20px 20px 20px;
  margin:0 auto;
}
.stocknavi h3 {
  font-size:18px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color:var(--color-white);
  margin:0 0 20px 0;
}

.snv_base {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}
.snv_base .sn_models {
  width:47.5%;
}
.snv_base .sn_all {
  width:47.5%;
}
.snv_base .sn_all .sn_models {
  width:100%;
}
.snv_base .sn_models ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.snv_base .sn_models ul li {
  font-size:12px;
  line-height: 1em;
  margin:0 2.5px 5px;
}
.snv_base .sn_models ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:5px 20px 5px 5px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_models ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base .sn_shop {
  width:47.5%;
}
.snv_base .sn_shop ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.snv_base .sn_shop ul li {
  font-size:12px;
  line-height: 1em;
  margin:0 2.5px 5px;
}
.snv_base .sn_shop ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:5px 20px 5px 5px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_shop ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base h4 {
  display: flex;
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-white);
  margin:0 0 15px 0;
}
.snv_base h4 span {
  font-size:18px;
  font-weight: 400;
  font-family: var(--font-en);
  margin-right: 0.5em;
}

/* Stock list */
  .stocklist {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.stocklist li {
  width:47%;
  height: auto;
  background-color: var(--color-white);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  margin:0 1.5% 3%;
}

.stocklist li a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.stocklist li a .stnimg {
  width: 100%;
  height: auto;
  display: block;
}
.stocklist li a .stncc {
  width: 100%;
  height: auto;
  display: block;
  padding:2em 1.5em;
}
.stocklist li a .stncc p.shopname {
  width:fit-content;
  height: auto;
  display: block;
  font-size:12px;
  line-height: 1em;
  color: var(--color-1st);
  border:1px solid var(--color-1st);
  border-radius: 3px;
  padding:0.3em 0.5em;
  margin: 0 auto 1em 0;
}
.stocklist li a .stncc h3 {
  font-size:14px;
  font-weight: 500;
  line-height: 1em;
  color: var(--color-black);
  margin-bottom:0.5em;
}
.stocklist li a .stncc h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size:18px;
  font-weight: 500;
  line-height: 1.25em;
  color: var(--color-black);
  margin-bottom:1em;
}
.stocklist li a .stn_spec {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stocklist li a .stn_spec dl {
  width:47%;
  height: auto;
  display: block;
}
.stocklist li a .stn_spec dl dt {
  width: 100%;
  height: auto;
  display: block;
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-1st);
  padding-bottom: 0.3em;
  border-bottom: 1px dotted var(--color-1st);
  margin-bottom: 0.5em;
}
.stocklist li a .stn_spec dl dd {
  width: 100%;
  height: auto;
  display: block;
  font-size:14px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0;
}
.stocklist li a .stn_price {
  width: 100%;
  height: auto;
  display: block;
}
.stocklist li a .stn_price p.stnp01 {
  font-size:14px;
  line-height: 1em;
  text-align: right;
  margin:0 0 0.8em 0;
}
.stocklist li a .stn_price p.stnp01 strong {
  font-size:26px;
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing:0;
  color:var(--color-1st);
}
.stocklist li a .stn_price p.stnp02 {
  font-size:12px;
  line-height: 1em;
  text-align: right;
  margin:0 0 0.5em 0;
}
.stocklist li a .stn_price p.stnp02 strong {
  font-size:16px;
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing:0;
  color:var(--color-1st);
}



}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

/* Stock list(Contents) */
.stockmm {
  width: 100%;
  height: auto;
  display: block;
  padding:50px 5%;
}


/* StockNavi */
.stocknavi {
  width: 90%;
  max-width:1920px;
  height: auto;
  display: block;
  background-color: var(--color-1st);
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
  padding:20px 20px 20px 20px;
  margin:0 auto;
}

.snv_base {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin:0 auto;
}
.snv_base .sn_models {
  width:47.5%;
}
.snv_base .sn_models ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.snv_base .sn_models ul li {
  font-size:12px;
  line-height: 1em;
  margin:0 2.5px 5px;
}
.snv_base .sn_models ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:8px 25px 8px 8px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_models ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base .sn_shop {
  width:47.5%;
}
.snv_base .sn_shop ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  margin:0;
}
.snv_base .sn_shop ul li {
  font-size:12px;
  line-height: 1em;
  letter-spacing: -0.5px;
  margin:0 2.5px 5px;
}
.snv_base .sn_shop ul li a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  color:var(--color-white);
  padding:8px 20px 8px 5px;
  border:1px solid var(--color-ccc);
  border-radius: 3px;
  background-image: url(../img-group/header/ic-ar_h_w.webp);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: auto 10px;
    transition: .4s all;
}
.snv_base .sn_shop ul li a:hover {
  color:var(--color-1st);
  background-color: var(--color-white);
  background-image: url(../img-group/header/ic-ar_h_b.webp);
}
.snv_base h4 {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  font-size:12px;
  font-weight: 400;
  line-height: 40px;
  color:var(--color-white);
  margin:0 0 0px 0;
}
.snv_base h4 span {
  font-size:18px;
  font-weight: 400;
  font-family: var(--font-en);
  margin-right: 0.5em;
}
.snv_base { flex-direction: column; }
.snv_base .sn_models { width:100%; margin-bottom:16px; border:1px solid var(--color-ccc); border-radius: 3px; padding:10px 15px 0px; }
.snv_base .sn_shop { width:100%; margin-bottom:0px; border:1px solid var(--color-ccc); border-radius: 3px; padding:10px 15px 0px; }

  /* プルダウン領域 */
  .snv_base ul {
    max-height: 0;           /* 閉じ */
    overflow: hidden;
    transition: max-height .36s ease, opacity .2s ease;
    opacity: 0;
    display: block;          /* display:flex を排除しておく */
    box-sizing: border-box;
    padding-bottom: 10px;
  }

  .snv_base ul.open {
    max-height: 1200px;      /* 十分大きい値（項目数に応じて増やす） */
    opacity: 1;
  }

  .snv_base h4 { cursor: pointer; position: relative; padding-right:22px; }
  .snv_base h4::after { content: "▼"; position:absolute; right:0; top:0; transition: .3s; }
  .snv_base h4.smactive::after { transform: rotate(180deg); }

  /* LIの縦並び調整 */
  .snv_base ul li { margin:0 0 6px 0; }
  .snv_base ul li:last-child { margin:0 0 0 0; }



/* Stock list */
  .stocklist {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.stocklist li {
  width:100%;
  height: auto;
  padding:0 1em 20px;
  border-bottom:1px dotted var(--color-ccc);
  margin:0 0 20px;
}
.stocklist li a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  text-decoration: none;
}
.stocklist li a .stnimg {
  width: 30%;
  height: auto;
  display: block;
}
.stocklist li a .stncc {
  width: 70%;
  height: auto;
  display: block;
  padding:0 0 0 1em;
}

.stocklist li a .stncc p.shopname {
  width:fit-content;
  height: auto;
  display: block;
  font-size:12px;
  line-height: 1em;
  color: var(--color-1st);
  border:1px solid var(--color-1st);
  border-radius: 3px;
  padding:0.3em 0.5em;
  margin: 0 auto 1em 0;
}
.stocklist li a .stncc h3 {
  font-size:14px;
  font-weight: 500;
  line-height: 1em;
  color: var(--color-black);
  margin-bottom:0.5em;
}
.stocklist li a .stncc h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size:16px;
  font-weight: 700;
  line-height: 1.25em;
  color: var(--color-black);
  margin-bottom:1em;
}
.stocklist li a .stn_spec {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.stocklist li a .stn_spec dl {
  width:47%;
  height: auto;
  display: block;
}
.stocklist li a .stn_spec dl dt {
  width: 100%;
  height: auto;
  display: block;
  font-size:10px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-1st);
  padding-bottom: 0.3em;
  border-bottom: 1px dotted var(--color-1st);
  margin-bottom: 0.5em;
}
.stocklist li a .stn_spec dl dd {
  width: 100%;
  height: auto;
  display: block;
  font-size:12px;
  font-weight: 400;
  line-height: 1em;
  color:var(--color-black);
  margin-bottom: 0;
}
.stocklist li a .stn_price {
  width: 100%;
  height: auto;
  display: block;
}
.stocklist li a .stn_price p.stnp01 {
  font-size:14px;
  line-height: 1em;
  font-weight: 500;
  text-align: right;
  margin:0 0 0.8em 0;
}
.stocklist li a .stn_price p.stnp01 strong {
  font-size:20px;
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing:0;
  color:var(--color-1st);
}
.stocklist li a .stn_price p.stnp02 {
  font-size:12px;
  line-height: 1em;
  text-align: right;
  margin:0 0 0.5em 0;
}
.stocklist li a .stn_price p.stnp02 strong {
  font-size:16px;
  font-family: var(--font-en);
  font-weight: 500;
  letter-spacing:0;
  color:var(--color-1st);
}

}