@charset "utf-8";

.content-top{
  margin-top: 0;
}
.global_navi_news a {
  border-bottom: solid 1px #000;
  pointer-events: none;
}
.subnavi{
  width: 100vw;
}

@media all and (max-width: 767px) {
  .subnavi{
    overflow-x: scroll;
  }
}
main{
  display: flex;
  flex-direction: column;
}

.listed{
  margin-left: 28px;
  margin-right: 28px;
  padding-bottom: 40px;
  display: none;
}
@media all and (max-width: 767px) {
  .listed{
    margin: 0;
    margin-top: calc(36vw / 375 * -100);
  }
  .listed a:hover{
    opacity: 1;
  }
}
.box-listed{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 40px;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .box-listed{
    display: block;
  }
}
.box-listed:hover img{
  transition: .5s;
}
.box-listed:hover img{
  opacity: .5;
}
@media all and (max-width: 767px) {
  .box-listed:hover img{
    opacity: 1;
  }
}
.listed-img{
  width: calc(616 / 1264 * 100%);
}
@media all and (max-width: 767px) {
  .listed-img{
    width: 100%;
    margin-bottom: 25px;
  }
}
.listed-img img{
  width: 100%;
}
.listed-txt-block{
  width: calc(616 / 1264 * 100%);
}
@media all and (max-width: 767px) {
  .listed-txt-block{
    width: auto;
    margin: 0 calc(19vw / 375 * 100) 0;
  }
}
.listed-title{
  display: none;
  position: relative;
  padding-bottom: 10px;
}
@media all and (max-width: 767px) {
  .lang_en .listed-title .jp{
    display: none;
  }
  .lang_en .listed-title .en{
    display: block;
  }
  .lang_jp .listed-title .en{
    display: none;
  }
  .lang_jp .listed-title .jp{
    display: block;
  }
}
@media all and (max-width: 767px) {
  .listed-title{
    font-size: calc(20vw / 375 * 100);
    line-height: 1.5em;
    color:#fff;
  }
}
.listed-date{
  color: #fff;
  padding-bottom: 10px;
}
@media all and (max-width: 767px) {
  .listed-date{
    font-size: calc(14vw / 375 * 100);
  }
  .listed-category{
    color: #6C6C6D;
    font-size: calc(14vw / 375 * 100);
  }
}
.listed-category{
  color: #6C6C6D;
  padding-left: 13px;
  display: inline-block;
}
.listed-txt{
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  position: relative;
}
.listed-txt .en{
  position: absolute;
  top:0;
}
@media all and (max-width: 767px) {
  .listed-txt{
    line-height: calc(20vw / 375 * 100);
  }
  .listed-txt .en{
    display: none;
  }
}



.tab_cont {
  margin-left: 12px;
  margin-right: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: -48px;
}
@media all and (max-width: 1280px) {
  .tab_cont {
    margin-left: calc(12vw / 1280 * 100);
    margin-right: calc(12vw / 1280 * 100);
    margin-bottom: calc(-48vw / 1280 * 100);
  }
}
@media all and (max-width: 767px) {
  .tab_cont {
    margin: 0 calc(7vw / 375 * 100) 0 calc(7vw / 375 * 100);
    margin-bottom: calc(-24vw / 375 * 100);
  }
}

.tab_cont .item {
  border-top: 1px solid #fff;
  display: none;
  width: calc(16.66666667% - 32px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0 16px 40px 16px;
}
@media all and (max-width: 1280px) {
  .tab_cont .item {
    margin: 0 calc(16vw / 1280 * 100) 40px calc(16vw / 1280 * 100);
    width: calc(20% - 32vw / 1280 * 100);
  }
}
@media all and (max-width: 800px) {
  .tab_cont .item {
    margin: 0 calc(16vw / 800 * 100) 40px calc(16vw / 800 * 100);
    width: calc(33.333% - 32vw / 800 * 100);
  }
}
@media all and (max-width: 500px) {
  .tab_cont .item {
    width: calc(50% - 24vw / 375 * 100);
    margin: 0 calc(12vw / 375 * 100) 40px calc(12vw / 375 * 100);
  }
}

/* .tab_cont .item.view.pageview { display: block; } // ページャーを一旦削除 */
.tab_cont .item.view { display: block; }

.tab_cont .item a {
  padding: 10px 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 0;
}
@media all and (max-width: 767px) {
  .tab_cont .item a {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.tab_cont .item a:hover { border-bottom: 0; }

.tab_cont .textarea {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 10px;
  line-height: 16px;
}

.tab_cont time {
  line-height: 1;
  margin-right: 16px;
  border-bottom: 0;
  color: #fff;
}
@media all and (max-width: 1280px) {
  .tab_cont time {
    margin-right: calc(16vw / 1280 * 100);
  }
}
@media all and (max-width: 767px) {
  .tab_cont time {
    margin-right: calc(12vw / 375 * 100);
  }
}

.tab_cont .category {
  letter-spacing: .5px;
  line-height: 1;
  color: #808080;
}
@media all and (max-width: 1280px) {
  .tab_cont .category {
    letter-spacing: calc(.5vw / 1280 * 100);
  }
}
@media all and (max-width: 767px) {
  .tab_cont .category {
    letter-spacing: calc(.5vw / 375 * 100);
  }
}

.tab_cont .category span:not(:last-child) {
  display: block;
  margin-right: 16px;
}
.tab_cont .category span { border-bottom:0; }
@media all and (max-width: 767px) {
  .tab_cont .category span:not(:last-child) { margin-right: calc(16vw / 1280 * 100); }
}
@media all and (max-width: 767px) {
  .tab_cont .category span:not(:last-child) { margin-right: calc(12vw / 375 * 100); }
}

.tab_cont .lang {
  letter-spacing: 1px;
  width: 100%;
  margin-top: 11px;
  color: #fff;
  text-align: justify;
}
@media all and (max-width: 1280px) {
  .tab_cont .lang {
    letter-spacing: calc(1vw / 1280 * 100);
  }
}
@media all and (max-width: 767px) {
  .tab_cont .lang {
    -webkit-line-clamp: 2;
  }
}

.tab_cont .lang .text{
  height: 35px;/* テキスト2行 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.tab_cont .lang .text span {
  border-bottom: 1px solid transparent;
}
@media all and (max-width: 767px) {
  .tab_cont .lang .text span {
    display: block;
  }
}

.tab_cont a:hover .text span { border-bottom: 1px solid #000; }

.tab_cont figure {
  margin-top: 12px;
  padding-bottom: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-transition: opacity .3s linear 0s;
  -moz-transition: opacity .3s linear 0s;
  -o-transition: opacity .3s linear 0s;
  transition: opacity .3s linear 0s;
}
.tab_cont a:hover figure { opacity: .5; }
@media all and (max-width: 767px) {
  .tab_cont figure.dummy { display: none; }
}

.pager {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 100px 0;
  font-size: 16px;
  /* 一旦下げ */
  display: none;
}
@media all and (max-width: 1280px) {
  .pager {
    margin: calc(100vw / 1280 * 100) 0;
    font-size: calc(16vw / 1280 * 100);
  }
}

.pager li { padding: 0 20px; }
@media all and (max-width: 1280px) {
  .pager li { padding: 0 calc(20vw / 1280 * 100); }
}

.pager .current { border-bottom: 1px solid #000; }

@media all and (max-width: 767px) {
  .pager {
    margin: calc(114vw / 800 * 100) 0;
    font-size: calc(30vw / 800 * 100);
  }
  .pager li { padding: 0 calc(35vw / 800 * 100); }
}

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