/************************************************************************************
Initialized: 100% (2023-09 SKP)
*************************************************************************************/
.onPC,.onMac,.onPad{display:block;} /*Element VISIBLE until GIVEN DEVICE then HIDDEN*/
.offPC,.offMac,.offPad,.offMini{display:none;} /*Element HIDDEN until GIVEN DEVICE then VISIBLE*/
.rSP{display:block;}.rXR{display:none;}
.trainSlide{max-width:100%;} /*DoubleFlexFull:Placed inside one of the train-50 DIV*/

/**All Smart Phones**/
@media (max-width: 640px) {
.flexRail {flex-basis: 100%;}
}

/**Smartphone:Initialize**/
.train-m10{width:10%}.train-m20{width:20%}.train-m25{width:25%}.train-m30{width:30%}.train-m33{width:33.33%}.train-m35{width:35%}.train-m40{width:40%}.train-m45{width:45%}.train-m50{width:50%}.train-m55{width:55%}.train-m60{width:60%}.train-m65{width:65%}.train-m70{width:70%}.train-m75{width:75%}.train-m80{width:80%}.train-m85{width:85%}.train-m90{width:90%}.train-m100{width:100%}


/**Larger Smart Phones**/
@media (min-width: 375px) and (max-width: 599px) {
.flexRail {width: 100%;}
}

/**Larger than Smartphone (MemoPad)**/
@media (min-width:575px) {
.onMemo,span.brSP{display:none;}
.offMemo,span.brMemo {display:block;}
.footGap,.footPGap{margin-top:80px;}

}

/**Larger than Smartphone (iPad)**/
@media (min-width:760px) {
.onPad,span.brMemo{display:none;}
.offPad,span.brPad{display:block;}
DT,dd {display:inline-block;}
.train-i10{width:10%}.train-i20{width:20%}.train-i25{width:25%}.train-i30{width:30%}.train-i33{width:33.33%}.train-i35{width:35%}.train-i40{width:40%}.train-i45{width:45%}.train-i50{width:50%}.train-i55{width:55%}.train-i60{width:60%}.train-i65{width:65%}.train-i70{width:70%}.train-i75{width:75%}.train-i80{width:80%}.train-i85{width:85%}.train-i90{width:90%}.train-i100{width:100%}
.btn-ios,.btn-ios-01{width:14%;}
.flexTrain.ipad {flex-direction: row;}
.flexTrain.rev-right.ipad{flex-direction: row-reverse;}
.railPad{padding-left:3.125rem;padding-right:3.125rem;}
.route-row.ipad{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.route-row.rev.ipad{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.route-col.ipad{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.route-col.rev.ipad{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
.route-row.rev.ipad.fix{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.boxTrain.ipad{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.cargo-02.ipad li,.cargo-02-03.ipad li,.cargo-02-04.ipad li,.cargo-02-05.ipad li {-ms-flex-preferred-size: 49%;flex-basis: 49%;}
.cargo-03.ipad li {-ms-flex-preferred-size:32%;flex-basis: 32%;}
.cargo-04.ipad li {-ms-flex-preferred-size: 24%;flex-basis: 24%;}
.heroPage-bg-base {height:100vw;max-height:770px;} 
.heroPage-mixp .hero-img-wrap {margin-top: -3vh;}
.para-gap,.mp-gap{height:100vw;}
.mixp-main {margin-top: 20vh;}

.headFont{font-size:1.778rem;line-height: 1.25;} 
.copyFont{font-size:0.75rem;}
.copyRight{font-size:1.5rem;vertical-align:sub;}
}

/** Larger than iPad (Mac) **/
@media (min-width:840px){
.onMac,span.brPad{display:none;}
.offMac,.onImage{display:block;}
.train-10{width:10%}.train-20{width:20%}.train-25{width:25%}.train-30{width:30%}.train-33{width:33.33%}.train-35{width:35%}.train-40{width:40%}.train-45{width:45%}.train-50{width:50%}.train-55{width:55%}.train-60{width:60%}.train-65{width:65%}.train-70{width:70%}.train-75{width:75%}.train-80{width:80%}.train-85{width:85%}.train-90{width:90%}.train-100{width:100%}
.flexTrain.mac {flex-direction: row;}
.flexTrain.rev-right.mac{flex-direction: row-reverse;}
.cityLine{max-width:880px;}
.railPad{padding-left:0px;padding-right:0px;}
.with-dots.mac li:not(:first-child) {border-top: 2px dotted #C5C5C5;}
.with-solid.mac li{padding-left:2%;border:2px solid #C5C5C5;border-radius: 25px;}
.route-row.mac{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.route-row.rev.mac{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.route-col.mac{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.route-col.rev.mac{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}
.route-row.rev.mac.fix{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.boxTrain.mac{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.cargo-02.mac li,.cargo-02-03.mac li,.cargo-02-04.mac li,.cargo-02-05.mac li{-ms-flex-preferred-size: 49%;flex-basis: 49%;}
.cargo-03.mac li,.cargo-02-03.ipad li {-ms-flex-preferred-size: 32%;flex-basis: 32%;}
.cargo-04.mac li,.cargo-02-04.ipad li {-ms-flex-preferred-size: 24%;flex-basis: 24%;}
.cargo-02-05.ipad li {-ms-flex-preferred-size:19%;flex-basis:19%;}
.left-side{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.right-side{-webkit-box-flex:3;-ms-flex:3;flex:3;}
.navi-logo{padding-left:10px;}
.f-push-left{justify-content:flex-start;}
.spinImage.opt-01{max-width:90vw;transform:translate(-50%,-50%) rotate(0);top:50%;left:50%;z-index: -1;}
.heroPage-bg-base {height:52.25vw;max-height:99.9vh;} 
.para-gap,.mp-gap{height:calc(100vw / 1.875);}

.copyRight{font-size:1.5rem;vertical-align:sub;}

}

/**All Non Mobile Device**/
@media (min-width: 1024px){
.offMini,span.brMac{display:block;}
.onMini{display:none;}
.heroPage-mixp .hero-img-wrap {margin-top: -3vh;}
{display:block;}

.copyFont{font-size:0.875rem;}
}

/**Special One Timer**/
@media (min-width: 1026px){
.copyRight{font-size:1.0rem;vertical-align:middle;}
}

/**Larger than Mac(PC)**/
@media (min-width: 1367px){
.offPC,span.PCbr{display:block;}
.cursor-none-pc{pointer-events: none;}
.boxTrain.pc{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
.cargo-02-03.mac li {-ms-flex-preferred-size:32%;flex-basis:32%;}
.cargo-02-04.mac li {-ms-flex-preferred-size:24%;flex-basis:24%;}
.cargo-02-05.mac li {-ms-flex-preferred-size:19%;flex-basis:19%;}
.cityLine{max-width:996px;}
.heroPage-bg-base {max-height:746px;} 
.heroPage-mixp .h1 {font-size: 16vmin;}

.navi-Jfont,.navi-Jfont a{font-size:1.063rem;}
.footFont{font-size:0.875rem;}
}

/**Larger than Oversized PC**/
@media (min-width: 1600px){

}