/************************************
	GL
************************************/
/********** header **********/
body.global {
  font-family: "source-han-sans-japanese", sans-serif;
  letter-spacing: initial;
}
body.global .to-top {
  position: relative;
  text-align: right;
}
body.global .to-top p {
  display: inline-block;
  text-align: center;
}
body.global .site-navi {
  padding: 2vw 4vw 8vw;
}
@media screen and (min-width: 769px) {
  body.global .site-navi {
    padding: 1vw 2vw 4vw;
  }
}
@media screen and (min-width: 1921px) {
  body.global .site-navi {
    padding: 18px 36px 72px;
  }
}
body.global .select-box#langSelect {
  padding: 8vw 4vw 2vw;
}
@media screen and (min-width: 769px) {
  body.global .select-box#langSelect {
    margin-left: auto;
    margin-right: auto;
    max-width: calc((840 / 1840) * 100%);
    padding: 1vw 4vw 2vw;
    width: 100%;
  }
}
@media screen and (min-width: 1921px) {
  body.global .select-box#langSelect {
    padding: 18px 72px 36px;
  }
}
body.global #header .header-navi {
  font-size: 0.28rem;
}
@media screen and (min-width: 769px) {
  body.global #header .header-navi {
    font-size: 0.18rem;
  }
}
@media screen and (min-width: 1921px) {
  body.global #header .header-navi {
    font-size: 18px;
  }
}
body.global #header .header-navi ul li {
  width: 100%;
}
@media screen and (min-width: 769px) {
  body.global #header .header-navi ul li {
    width: 25%;
  }
}
@media screen and (min-width: 769px) {
  body.global #header .header-menu {
    justify-content: flex-end;
    margin-right: min(2vw, 36px);
  }
}
body.global #header .header-menu ul {
  justify-content: flex-end;
  width: 100%;
}
@media screen and (min-width: 769px) {
  body.global #header .header-menu ul {
    margin-right: 0;
  }
}
@media screen and (min-width: 769px) {
  body.global #header .header-menu ul li:nth-child(1) {
    border-right: 1px solid rgb(255, 255, 255);
  }
}
body.global #header .header-menu ul li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  body.global #header.fixed .header-navi ul li {
    text-align: left;
    width: 100%;
  }
}
body.global #header.fixed .header-menu ul {
  justify-content: flex-start;
}
body.global #footer .footer-menu ul li {
  letter-spacing: normal;
}
body.global #footer .footer-text {
  letter-spacing: normal;
}
body.global.index .conts-box#media .col-box .col.Channel {
  background: #004098;
}
@media screen and (min-width: 769px) {
  body.global.index .conts-box#media .col-box .col.Channel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
body.global.index .conts-box#media .col-box .col.Channel .channel-ttl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  body.global.index .conts-box#media .col-box .col.Channel .channel-ttl {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 769px) {
  body.global.index .conts-box#media .col-box .col.Channel .channel-ttl {
    margin-left: 0;
    margin-right: 4.5%;
    width: calc((280 / 1760) * 100%);
  }
}
body.global.index .conts-box#media .col-box .col.Channel .channel-ttl-ic {
  border: 1px solid #D9D9D9;
  border-radius: 100%;
  line-height: 1;
  margin-right: 4%;
  overflow: hidden;
  padding: 11.72% 0;
  position: relative;
  width: 24%;
}
@media screen and (min-width: 769px) {
  body.global.index .conts-box#media .col-box .col.Channel .channel-ttl-ic {
    margin-bottom: 0;
    padding: 26.55% 0;
    width: 54%;
  }
}
body.global.index .conts-box#media .col-box .col.Channel .channel-ttl-ic img {
  border-radius: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
body.global.index .conts-box#media .col-box .col.Channel .channel-ttl-inner {
  color: #FFF;
  text-align: center;
}
@media screen and (min-width: 769px) {
  body.global.index .conts-box#media .col-box .col.Channel .channel-ttl-inner {
    width: 40%;
  }
}
body.global.index .conts-box#media .col-box .col.Channel .channel-ttl-label {
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
  body.global.index .conts-box#media .col-box .col.Channel .channel-slider {
    margin: 0;
    width: calc((1280 / 1760) * 100%);
  }
}
body.global.index .conts-box#media .col-box .col.Channel .caption {
  color: #FFF;
}

/************************************
	CN
************************************/
/********** module **********/
body.zh-hans {
  font-family: "source-han-sans-simplified-c", sans-serif;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  body.zh-hans {
    letter-spacing: 0.075em;
  }
}

/************************************
	HK
************************************/
/********** module **********/
body.zh-hant {
  font-family: "source-han-sans-traditional", sans-serif;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  body.zh-hant {
    letter-spacing: 0.075em;
  }
}

/************************************
	KR
************************************/
/********** module **********/
body.ko-kr {
  font-family: "source-han-sans-korean", sans-serif;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  body.ko-kr {
    letter-spacing: 0.075em;
  }
}

/************************************
	en-asia
************************************/
/********** module **********/
body.en-asia #header .header-navi ul li {
  width: 50%;
}
@media screen and (min-width: 769px) {
  body.en-asia #header .header-navi ul li {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  body.en-asia #header.fixed .header-navi ul li {
    width: 50%;
  }
}
body.en-asia .panel-list.News .panel .detail .info-box .date {
  margin-left: 0;
}
body.en-asia.index .conts-box#sns {
  padding: 8vw 4vw 4vw;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns {
    padding: min(4vw, 72px) min(2vw, 36px) min(2vw, 36px);
  }
}
body.en-asia.index .conts-box#sns .sns-list {
  background: transparent;
  border-bottom: 2px solid #E8E9EE;
  border-radius: 0;
  box-shadow: none;
  flex-wrap: initial;
}
@media screen and (max-width: 768px) {
  body.en-asia.index .conts-box#sns .sns-list {
    overflow-x: auto;
  }
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .sns-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}
body.en-asia.index .conts-box#sns .sns-list .sns {
  border-left: none;
  width: 14.2857142857vw;
}
@media screen and (max-width: 768px) {
  body.en-asia.index .conts-box#sns .sns-list .sns {
    border-right: none;
    border-bottom: none;
    min-width: 8.5em;
  }
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .sns-list .sns {
    width: 12.2857142857%;
  }
}
body.en-asia.index .conts-box#sns .sns-list figure {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
body.en-asia.index .conts-box#sns .sns-list figure img {
  margin: 0 0.5em 0 0;
  padding: 0;
  width: 1.5em;
}
body.en-asia.index .conts-box#sns .sns-list figure figcaption {
  font-size: 0.28rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .sns-list figure figcaption {
    font-size: 0.2rem;
  }
}
body.en-asia.index .conts-box#sns .account-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .account-list li {
    margin-bottom: 3vw;
  }
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .account-list .thumb {
    padding: 16.742% 0;
    width: 34%;
  }
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .account-list .detail {
    height: 70%;
    text-align: left;
    width: 60%;
  }
}
body.en-asia.index .conts-box#sns .tab-ctr.no-tab {
  margin-bottom: 8vw;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .tab-ctr.no-tab {
    margin-bottom: 4vw;
  }
}
body.en-asia.index .conts-box#sns .sns-tabnav {
  position: relative;
}
body.en-asia.index .conts-box#sns .sns-tabnav::after {
  background-color: rgba(0, 64, 152, 0);
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .sns-tabnav::after {
    bottom: -2px;
  }
}
body.en-asia.index .conts-box#sns .sns-tabnav.is-active::after {
  background-color: #004098;
}
body.en-asia.index .conts-box#sns .sns-tabconts {
  display: none;
  margin-bottom: 0;
  padding: 6vw 0 0;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#sns .sns-tabconts {
    margin-right: auto;
    margin-left: auto;
    padding: min(3vw, 54px) min(2vw, 36px) 0;
    width: 86%;
  }
}
body.en-asia.index .conts-box#sns .sns-tabconts.is-active {
  display: block;
}
@media screen and (max-width: 768px) {
  body.en-asia.index .conts-box#sns .sns-tabconts#youtube .sns-btn {
    width: 70%;
  }
}
body.en-asia.index .conts-box#official {
  padding-top: 4vw;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#official {
    padding-top: 2vw;
  }
}
body.en-asia.index .conts-box#official .conts-box-inner {
  background: #FFF;
  border-top: 1px solid #E8E9EE;
  border-bottom: 1px solid #E8E9EE;
}
@media screen and (min-width: 1024px) {
  body.en-asia.index .conts-box#official .conts-box-inner {
    max-width: initial;
  }
}
@media screen and (min-width: 1024px) {
  body.en-asia.index .conts-box#official .inner#eCapcom {
    margin-right: auto;
    margin-left: auto;
    max-width: 1680px;
  }
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#official .inner#eCapcom .ttl-h2 {
    width: min(5.8rem, 580px);
  }
}
@media screen and (max-width: 768px) {
  body.en-asia.index .conts-box#official .inner#eCapcom .ttl-h2 img {
    width: calc((520 / 1000) * 100%);
  }
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#official .inner#eCapcom .ttl-h2 img {
    height: auto;
    max-height: initial;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#official .inner#eCapcom .link-btn {
    border-left: 4px solid #004098;
    margin: 0;
    min-width: initial;
    padding-left: min(3vw, 54px);
    text-align: center;
    width: min(5.8rem, 580px);
  }
}
body.en-asia.index .conts-box#official .inner#eCapcom .link-btn .label {
  font-size: 0.34rem;
  font-weight: 700;
  margin-bottom: 2vw;
  text-align: center;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#official .inner#eCapcom .link-btn .label {
    font-size: min(0.32rem, 32px);
    margin-bottom: 0.5em;
  }
}
body.en-asia.index .conts-box#series {
  padding: 6vw 4vw 8vw;
}
@media screen and (min-width: 769px) {
  body.en-asia.index .conts-box#series {
    padding: min(3vw, 54px) min(2vw, 36px) min(4vw, 72px);
  }
}

/************************************
	en(global)
************************************/
/********** module **********/
@media screen and (max-width: 768px) {
  body.global #header {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  body.global #header .header-navi {
    display: none;
  }
}
body.global.gp.page-404 #wrapper main {
  min-height: calc(100vh - 38vw);
}
@media screen and (min-width: 769px) {
  body.global.gp.page-404 #wrapper main {
    min-height: calc(100vh - 11.38vw);
  }
}
@media screen and (min-width: 1921px) {
  body.global.gp.page-404 #wrapper main {
    min-height: 800px;
  }
}
body.global.gp.page-404 #wrapper main .conts-box .ttl-h2 {
  -webkit-text-stroke: 0.02em #004098;
  text-stroke: 0.02em #004098;
}

/************************************
	en-us
************************************/
/********** form **********/
body.en-us .form-box .form-table th.mandatory::before {
  content: "Required" !important;
}
