@charset "utf-8";

/* main */
body{
  background-color: #000;
}
.main{
  display: flex;
  flex-flow: column;
  color: #fff;
}
@media all and (max-width: 767px) {
  .main { padding-top: calc(47vw / 375 * 100); }
}

/* NAVI */
.global_navi_news a {
  border-bottom: solid 1px #000;
}

.main .box-listed {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media all and (max-width: 767px) {
  .main .box-listed{
    display: block;
    padding: 0;
  }
}

.main .imagebox {
  max-height: 80vh;
  position: relative;
  overflow: hidden;
  width: calc(616 / 1264 * 100%);
}
@media all and (max-width: 767px) {
  .main .imagebox {
    width: 100%;
  }
}

.main .imagebox img {
  width: 100%;
  position: absolute;
  margin: auto 0;
  top: -100%; bottom: -100%;
}

.main .textbox {
  width: calc(616 / 1264 * 100%);
}
@media all and (max-width: 767px) {
  .main .textbox {
    width: auto;
    margin: calc(36vw / 375 * 100) calc(19vw / 375 * 100) calc(36vw / 375 * 100);
  }
}

body.lang_jp .main .c-paging .en, body.lang_en .main .c-paging .jp {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  display: none
}

body.lang_jp .jp, body.lang_en .en {
  display: block
}

body.lang_jp .main .c-paging .en a, body.lang_en .main .c-paging .jp a {
  pointer-events: none;
}

.main .c-paging { margin: 48px 28px 0; }
@media all and (max-width: 1280px) {
  .main .c-paging { margin: calc(48vw / 1280 * 100) calc(28vw / 1280 * 100) 0; }
}
@media all and (max-width: 767px) {
  .main .c-paging {
    margin: calc(32vw / 375 * 100) calc(19vw / 375 * 100) 0;
    line-height: 1;
    padding-top: 0;
  }
}

.main .flex {
  display: -webkit-flex;
  display: flex;
}
@media all and (max-width: 767px) {
  .main .flex { display: block; }
}

.main .news_header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 10px;
}
@media all and (max-width: 1280px) {
  .main .news_header {
  }
}
@media all and (max-width: 767px) {
  .main .news_header {
    width: auto;
    margin: 0;
  }
}

.main .news_sub {
  display: -webkit-flex;
  display: flex;
  line-height: 1;
  color: #808080;
}

.main time {
  color: #fff;
}

.main time,
.main .category {
  letter-spacing: .25px;
}
@media all and (max-width: 1280px) {
  .main time,
  .main .category {
    letter-spacing: calc(.25vw / 1280 * 100);
  }
}

.main .category { padding-left: 24px; }
@media all and (max-width: 1280px) {
  .main .category { padding-left: calc(24vw / 1280 * 100); }
}

.main .category span {
  display: inline-block;
  padding-right: 10px;
}

.main .news_text {
  -webkit-flex: 1;
  flex: 1;
  letter-spacing: 1px;
  white-space: pre-wrap;
  text-align: justify;
}
@media all and (max-width: 1280px) {
  .main .news_text {
    letter-spacing: calc(1vw / 1280 * 100);
  }
}
@media all and (max-width: 767px) {
  .main .news_text {
    letter-spacing: calc(.5vw / 375 * 100);
    line-height: calc(26vw / 375 * 100);
    margin-top: calc(18vw / 375 * 100);
    margin-bottom: calc(-2vw / 375 * 100);
  }
}

.footer{
  background-color: #000;
}
.footer .small{
  color: #fff;
  border-color: #fff;
}