@media print, screen and (min-width: 768px) {
    #rwd-content .rwd-pagenav-header-wrap.with-keyvisual .rwd-pagenav-header {
        margin-bottom: 0px;
    }
}


/* -------------------------------------------------------
KVスライダーロゴ PC
------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
    #rwd-content .keyvisual-logo {
        background-color: #f6f6f6;
        width: 30vw;
        height: 100%;
        position: absolute;
        z-index: 10;
        padding-left: 13%;
    }
}

@media print, screen and (min-width: 768px) {
    #rwd-content .keyvisual-logo figure h2 {      
        display: flex;
        width: calc(100% - 8.278vw);
        margin: 10vw 0 1.111vw;
    }
}

@media print, screen and (min-width: 768px) {
    #rwd-content .keyvisual-logo figcaption {
        margin-top: 0px;
    }
}

@media print, screen and (min-width: 768px) {
    #rwd-content .keyvisual-logo figcaption span {
        font-size: 1.111vw;
        display: inline-block;
    }
}


/* -------------------------------------------------------
KVスライダー PC
------------------------------------------------------- */



#rwd-content .swiper--wrapper {
    /* wrapperのサイズを調整 */
    width: 100%;
    height: auto;
    position: relative;
  }
  
#rwd-content .swiper-slide {
/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
color: #ffffff;
width: 100%;
height: 100%;
text-align: center;
height: auto;
text-align: center;
}

#rwd-content .swiper-slide:nth-child(3n + 1) {
background-color: #ffffff;
}

#rwd-content .swiper-slide:nth-child(3n + 2) {
background-color: #ffffff;
}

#rwd-content .swiperMain {
height: auto;
width: 100%;
position: relative;
}

#rwd-content .Thumbnail {
height: auto;
width: 20%;
box-sizing: border-box;
padding: 15px;
margin: 0 auto;
}

#rwd-content .Thumbnail .swiper-slide {
width: auto;
height: 100%;
opacity: 0.5;
}


#rwd-content .Thumbnail .swiper-slide-thumb-active {
opacity: 1;
outline: 3px solid #5882e6;
}

/* -------------------------------------------------------
KVスライダー SP
------------------------------------------------------- */
@media screen and (max-width: 767px){
    #rwd-content .Thumbnail {
        height: auto;
        width: 40%;
        box-sizing: border-box;
        padding: 15px;
        margin: 0 auto;
      }
    }
      
@media screen and (max-width: 767px){
    #rwd-content .Thumbnail .swiper-slide {
    width: auto;
    height: 100%;
    opacity: 0.5;
    }
}

@media screen and (max-width: 767px){
    #rwd-content .Thumbnail .swiper-slide-thumb-active {
        opacity: 1;
        outline: 2px solid #5882e6;
    }
}


/* -------------------------------------------------------
スペック
------------------------------------------------------- */

/* 900px独自ブレイクポイント */

@media print, screen and (min-width: 901px) {
    #rwd-content .rwd-grid .rwd-grid-item.pc-spec-grid3of12 {
        margin-left: 2%;
        width: 23.5%;
    }
}

@media print, screen and (min-width: 901px) {
    #rwd-content .rwd-grid .rwd-grid-item.pc-spec-grid4of12 {
        margin-left: 2%;
        width: 32%;
    }
}

@media print, screen and (min-width: 901px) {
    #rwd-content .rwd-grid .rwd-grid-item.pc-spec-grid5of12 {
        margin-left: 2%;
        width: 38.5%;
    }
}

@media screen and (max-width: 900px) {
    #rwd-content .rwd-grid .rwd-grid-item.sp-spec-grid4of4 {
        width: 100%;
    }
}


#rwd-content .battery {
    display: flex;
}

#rwd-content .spec .title {
    font-size: 1.3rem;
    font-weight:bold;
    position: relative;
    border-bottom: solid 2px #999;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

#rwd-content .spec .battery .item {
    width: calc(50% - 5px);
    height: 70px;
    padding: 0.5em 0.5em;
    margin: 0.1em;
    background: #d0e1fc;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#rwd-content .spec .item dl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


#rwd-content .spec .item dl dt {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 8px;
}

@media print, screen and (max-width: 767px) {
#rwd-content .spec .item dl dt {
    font-size: 1rem;
    text-align: center;
    padding-bottom: 12px;
}
}

#rwd-content .spec .battery .item dl dt {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 8px;
}

#rwd-content .spec .battery .item dl dd {
    font-size: 2.6rem;
    font-weight:bold;
    text-align: center;
    color: #2A56A0;
}

#rwd-content .spec .distance .item dl span {
    font-size: 1.5rem;
    font-weight:bold;
    text-align: center;
    color: #2A56A0;
}

#rwd-content .distance {
    display: flex;
}

#rwd-content .spec .distance .item {
    width: calc(33.33% - 20px);
    height: 70px;
    padding: 0.5em 0.5em;
    margin: 0.1em;
    background: #D1EDED;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#rwd-content .spec .distance .item dl dd {
    font-size: 2.6rem;
    font-weight:bold;
    text-align: center;
    color: #127D7D;
    margin-top: -8px;
}

#rwd-content .spec .distance .item .line dl dt {
    line-height:35px;  
}

@media print, screen and (max-width: 900px) {
#rwd-content .spec .distance .item .line dl dt {
    line-height:28px;  
}
}

#rwd-content .spec .distance .item dl span {
    font-size: 1.5rem;
    font-weight:bold;
    text-align: center;
    color: #127D7D;
}

#rwd-content .spec table {
    width: 100%;
    margin: auto;
    border-spacing: 0;
}

#rwd-content .spec table {
    width: 100%;
    margin: auto;
    border-spacing: 0;
}


#rwd-content .spec table th {
    font-size: 1.3rem;
    border-bottom: 2px solid #999;
    padding-bottom: 8px;
}

@media print, screen and (max-width: 900px) {
    #rwd-content .spec table th {
        font-size: 1.2rem;
        border-bottom: 2px solid #999;
        padding-bottom: 10px;
    }
}

#rwd-content .spec table td {
    border-bottom: 1px solid #999;
    padding: 6px;
    height: 84px;
    font-size: 2.4rem;
    line-height:2rem;
    font-weight:bold;
}

@media print, screen and (max-width: 900px) {
    #rwd-content .spec table td {
        border-bottom: 1px solid #999;
        padding: 6px 10px;
        height: 20px;
        font-size: 2rem;
        font-weight:bold;
    }
}

#rwd-content .spec table td span {
    font-size: 1.2rem;
    font-weight:bold;
}