/* PC中心 */
/* メディアクエリの最大サイズ */
/* 
----------------------------------------
|  --break-sm: 575;  |
|  --break-md: 767;  |
|  --break-lg: 1023;  |
|  --break-xl: 1279;  |
|  --break-xxl: 1439;  |
----------------------------------------
*/

/* PC中心 以下のとき表示 */

.displayUnderSm {
  display: none;
}
@media (max-width: 575px) {
  .displayUnderSm {
    display: block;
  }
}

.displayUnderMd {
  display: none;
}
@media (max-width: 767px) {
  .displayUnderMd {
    display: block;
  }
}

.displayUnderLg {
  display: none;
}
@media (max-width: 1023px) {
  .displayUnderLg {
    display: block;
  }
}

.displayUnderXl {
  display: none;
}
@media (max-width: 1279px) {
  .displayUnderXl {
    display: block;
  }
}

.displayUnderXxl {
  display: none;
}
@media (max-width: 1439px) {
  .displayUnderXxl {
    display: block;
  }
}

/* 縦長 */

.displayUnderPortraitSm {
  display: none;
}
@media (max-width: 575px) and (orientation: portrait) {
  .displayUnderPortraitSm {
    display: block;
  }
}

.displayUnderPortraitMd {
  display: none;
}
@media (max-width: 767px) and (orientation: portrait) {
  .displayUnderPortraitMd {
    display: block;
  }
}

.displayUnderPortraitLg {
  display: none;
}
@media (max-width: 1023px) and (orientation: portrait) {
  .displayUnderPortraitLg {
    display: block;
  }
}

.displayUnderPortraitXl {
  display: none;
}
@media (max-width: 1279px) and (orientation: portrait) {
  .displayUnderPortraitXl {
    display: block;
  }
}

.displayUnderPortraitXxl {
  display: none;
}
@media (max-width: 1439px) and (orientation: portrait) {
  .displayUnderPortraitXxl {
    display: block;
  }
}

/* 横長 */

.displayUnderLandscapeSm {
  display: none;
}
@media (max-width: 575px) and (orientation: landscape) {
  .displayUnderLandscapeSm {
    display: block;
  }
}

.displayUnderLandscapeMd {
  display: none;
}
@media (max-width: 767px) and (orientation: landscape) {
  .displayUnderLandscapeMd {
    display: block;
  }
}

.displayUnderLandscapeLg {
  display: none;
}
@media (max-width: 1023px) and (orientation: landscape) {
  .displayUnderLandscapeLg {
    display: block;
  }
}

.displayUnderLandscapeXl {
  display: none;
}
@media (max-width: 1279px) and (orientation: landscape) {
  .displayUnderLandscapeXl {
    display: block;
  }
}

.displayUnderLandscapeXxl {
  display: none;
}
@media (max-width: 1439px) and (orientation: landscape) {
  .displayUnderLandscapeXxl {
    display: block;
  }
}

/* 以上のとき表示 */

@media (max-width: 575px) {
  .displayMoreSm {
    display: none;
  }
}

@media (max-width: 767px) {
  .displayMoreMd {
    display: none;
  }
}

@media (max-width: 1023px) {
  .displayMoreLg {
    display: none;
  }
}

@media (max-width: 1279px) {
  .displayMoreXl {
    display: none;
  }
}

@media (max-width: 1439px) {
  .displayMoreXxl {
    display: none;
  }
}

/* 縦長 */

@media (max-width: 575px) and (orientation: portrait) {
  .displayMorePortraitSm {
    display: none;
  }
}

@media (max-width: 767px) and (orientation: portrait) {
  .displayMorePortraitMd {
    display: none;
  }
}

@media (max-width: 1023px) and (orientation: portrait) {
  .displayMorePortraitLg {
    display: none;
  }
}

@media (max-width: 1279px) and (orientation: portrait) {
  .displayMorePortraitXl {
    display: none;
  }
}

@media (max-width: 1439px) and (orientation: portrait) {
  .displayMorePortraitXxl {
    display: none;
  }
}

/* 横長 */

@media (max-width: 575px) and (orientation: landscape) {
  .displayMoreLandscapeSm {
    display: none;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .displayMoreLandscapeMd {
    display: none;
  }
}

@media (max-width: 1023px) and (orientation: landscape) {
  .displayMoreLandscapeLg {
    display: none;
  }
}

@media (max-width: 1279px) and (orientation: landscape) {
  .displayMoreLandscapeXl {
    display: none;
  }
}

@media (max-width: 1439px) and (orientation: landscape) {
  .displayMoreLandscapeXxl {
    display: none;
  }
}