@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cairo:600|Noto+Sans|Prompt");

@font-face {
  font-family: "LinotypeUniversW01-Medi 723679";
  font-weight: bold;
  src: url("/Fonts/UniversNextPro-Medium.woff") format("woff");
}
@font-face {
  font-family: "LinotypeUniversW01-Medi 723679";
  font-weight: normal;
  src: url("/Fonts/UniversNextPro-Regular.woff") format("woff");
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .sp-block {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .sp-block {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pc-block {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pc-block {
    display: block;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.name-change {
  display: none;
  width: 720px;
  height: 756px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .name-change {
    width: 300px;
    height: 316px;
  }
}

.name-change .close {
  position: absolute;
  top: 25px;
  right: 15px;
}

@media screen and (min-width: 769px) {
  .name-change .close {
    width: 16px;
    height: 16px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

@media screen and (max-width: 768px) {
  .name-change .close {
    width: 12px;
    height: 12px;
    -webkit-transform: translate(0, -7px);
    -ms-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
}

.name-change .txt {
  width: 720px;
  height: 756px;
}

@media screen and (max-width: 768px) {
  .name-change .txt {
    width: 300px;
    height: 315px;
  }
}

.alpha_h {
  cursor: pointer;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  opacity: 0.4;
}

.alpha_h:hover {
  opacity: 1;
}

.wrapper {
  width: 100%;
  padding: 0 35px;
}

@media screen and (max-width: 768px) {
  .wrapper {
    padding: 0;
  }
}

.f_ja {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

.f_zh,
.f_zh1,
.f_zh2 {
  font-family: "Microsoft Yahei", "PingHei", sans-serif;
}

.f_ko {
  font-family: "Malgun Gothic", "Yoon Gothic", sans-serif;
}

.f_en,
.f_fr,
.f_id,
.f_tr,
.f_es {
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

.f_ru {
  font-family: "Noto Sans", sans-serif;
}

.f_ar {
  font-family: "Cairo", sans-serif;
}

.f_th {
  font-family: "Prompt", sans-serif;
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  .cover img {
    width: 33px;
    height: 33px;
  }
}

.cover .loadcount {
  font-size: 10px;
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 330%);
  -ms-transform: translate(-50%, 330%);
  transform: translate(-50%, 330%);
}

.lang_menu {
  position: absolute;
  z-index: 255;
  border: 1px solid #cccccc;
  border-top: 0;
  background-color: #fff;
  color: #9b9b9b;
  display: none;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 769px) {
  .lang_menu {
    top: 15px;
    right: 25px;
    width: 160px;
  }
}

@media screen and (max-width: 768px) {
  .lang_menu {
    top: 0;
    right: 0;
    width: 100%;
  }
}

.lang_menu:after {
  content: "";
  display: block;
  clear: both;
}

.lang_menu li {
  display: block;
  border-top: 1px solid #cccccc;
  text-align: center;
  cursor: pointer;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}

@media screen and (min-width: 769px) {
  .lang_menu li {
    font-size: 14px;
    line-height: 38px;
  }
}

@media screen and (max-width: 768px) {
  .lang_menu li {
    font-size: 12px;
    line-height: 44px;
    width: 50%;
    float: left;
  }
}

.lang_menu li:hover {
  color: #000000;
}

@media screen and (max-width: 768px) {
  .lang_menu li:nth-child(odd) {
    border-right: 1px solid #cccccc;
  }
}

.lang_menu .ja {
  font-weight: bold;
}

.lang_cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 254;
  background-color: transparent;
  display: none;
}

.ja .lang_menu .ja,
.en .lang_menu .en,
.zh1 .lang_menu .zh1,
.zh2 .lang_menu .zh2,
.ko .lang_menu .ko,
.ru .lang_menu .ru,
.es .lang_menu .es,
.ar .lang_menu .ar,
.fr .lang_menu .fr,
.th .lang_menu .th,
.in .lang_menu .in,
.tr .lang_menu .tr {
  color: #000 !important;
}

.header {
  position: relative;
  border-bottom: 1px solid #cccccc;
  height: 73px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .header {
    height: 44px;
  }
}

.header .logo {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  margin-left: -11px;
  width: 135px;
  height: 39px;
  line-height: 33px;
}

.header .logo .jalogo {
  display: none;
}

.header .logo .enlogo {
  display: inline;
}

.header .logo img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .header .logo {
    margin-left: 7px;
    margin-top: -12px;
    width: 68px;
    height: 20px;
    line-height: 24px;
    background-size: 138px 25px;
  }
}

.header .global_menu {
  position: absolute;
  top: 50%;
  left: 50%;
}

.header .global_menu:after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (min-width: 769px) {
  .header .global_menu {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 768px) {
  .header .global_menu {
    display: none;
  }
}

.header .global_menu li {
  font-size: 14px;
  cursor: pointer;
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

@media screen and (min-width: 769px) {
  .header .global_menu li {
    float: left;
    margin: 0 10px;
    font-size: 16px;
  }
}

.header .global_menu li a {
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  color: #b3b3b3;
}

@media screen and (max-width: 768px) {
  .header .global_menu li a {
    display: block;
  }
}

.header .global_menu li a:hover {
  color: #000000;
}

.header .global_menu .selected a {
  color: #000000;
}

.header .language {
  position: absolute;
  top: 26px;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.header .language .lang_btn {
  cursor: pointer;
  position: relative;
  top: 4px;
}

@media screen and (max-width: 768px) {
  .header .language {
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
  }
}

.header .language .insta {
  cursor: pointer;
  display: block;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21.942' height='21.983' viewBox='0 0 21.942 21.983'%3e%3cg fill='%238e8e8f' fill-rule='evenodd'%3e%3cpath d='M15.561 21.983H6.38A6.39 6.39 0 010 15.599V6.384A6.391 6.391 0 016.38 0h9.181a6.393 6.393 0 016.382 6.384V15.6a6.392 6.392 0 01-6.382 6.383zM6.38 2.011a4.375 4.375 0 00-4.37 4.372v9.216a4.375 4.375 0 004.37 4.37h9.181a4.375 4.375 0 004.37-4.37V6.384a4.375 4.375 0 00-4.37-4.372z'/%3e%3cpath d='M10.972 16.612a5.62 5.62 0 115.619-5.623 5.628 5.628 0 01-5.619 5.623zm0-9.273a3.652 3.652 0 103.65 3.65 3.655 3.655 0 00-3.65-3.65zM18.203 5.152a1.339 1.339 0 11-1.339-1.339 1.339 1.339 0 011.339 1.339z'/%3e%3c/g%3e%3c/svg%3e");
  background-size: 100%;
  width: 22px;
  height: 22px;
  margin-right: 18px;
}

.header .language .insta a {
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (max-width: 768px) {
  .header .language .insta {
    margin-right: 16px;
    margin-top: 2px;
  }
}

.header .language .txt {
  display: inline-block;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .header .language .txt {
    font-size: 13px;
  }
}

.header .language .f_ja {
  font-weight: bold;
}

.header .language .image {
  display: inline-block;
  vertical-align: -1px;
  width: 7px;
  height: 14px;
}

@media screen and (max-width: 768px) {
  .header .language .image {
    width: 5px;
    height: 10px;
  }
}

.header .language .image img {
  width: 100%;
  height: 100%;
}

/* .header .copyright {
  position: absolute;
  bottom: 4px;
  right: 0;
}

@media screen and (max-width: 768px) {
  .header .copyright {
    display: none;
  }
} */

.ja .logo .jalogo {
  display: inline;
}

.ja .logo .enlogo {
  display: none;
}

.global_menu_sp {
  position: absolute;
  display: none;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .global_menu_sp {
    left: 0;
    margin-top: 1px;
    top: 0;
    width: 100%;
    z-index: 160;
    background-color: #fff;
  }
}

.global_menu_sp li {
  font-size: 14px;
  cursor: pointer;
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

@media screen and (max-width: 768px) {
  .global_menu_sp li {
    width: 100%;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    background-image: url("/images/common/sp/menu_arrow.png");
    background-size: 23px 43px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
  }
}

.global_menu_sp li a {
  -o-transition: color 0.1s;
  transition: color 0.1s;
  -webkit-transition: color 0.1s;
  color: #b3b3b3;
}

@media screen and (max-width: 768px) {
  .global_menu_sp li a {
    display: block;
  }
}

.global_menu_sp li a:hover {
  color: #000000;
}

@media screen and (max-width: 768px) {
  .global_menu_sp .selected {
    background-image: url("/images/common/sp/menu_arrow_selected.png");
  }
}

.global_menu_sp .selected a {
  color: #000000;
}

.current {
  cursor: pointer;
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  position: relative;
  font-size: 12px;
  width: 100%;
  height: 43px;
  line-height: 43px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  background-image: url("/images/common/sp/menu_arrow_down.png");
  background-size: 36px 43px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .current {
    font-size: 14px;
  }
}

.current .suffix {
  position: absolute;
  top: 0;
  right: 36px;
  height: 44px;
  line-height: 42px;
  color: #999999;
}

.height_adjust {
  height: 44px !important;
}

/*
.ja {
  font-family: $jaTxt;
}

.en {
  font-family: $enTxt;
}
*/
.f_wrapper h4,
.f_wrapper .schead,
.m_wrapper h4,
.m_wrapper .schead {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 14px;
  height: 54px;
  line-height: 54px;
  text-align: center;
}

@media screen and (max-width: 768px) {

  .f_wrapper h4,
  .f_wrapper .schead,
  .m_wrapper h4,
  .m_wrapper .schead {
    margin-top: 21px;
    font-size: 10px;
    height: 28px;
    line-height: 28px;
    text-align: center;
  }
}

.f_wrapper h3,
.m_wrapper h3 {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  height: 240px;
  line-height: 240px;
  font-size: 40px;
}

@media screen and (max-width: 768px) {

  .f_wrapper h3,
  .m_wrapper h3 {
    font-size: 25px;
    height: 118px;
    line-height: 147px;
    text-align: center;
  }
}

.sp_menu_closer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: none;
  z-index: 9;
}

.japanese .works,
.japanese .title,
.japanese .credit,
.japanese .movie_credit,
.japanese .movie_w .title,
.japanese .comment,
.japanese .info_attention {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.japanese .title h2,
.japanese .credit,
.japanese .movie_credit {
  font-weight: bold
}

.english .works,
.english .title,
.english .credit,
.english .movie_credit,
.english .movie_w .title,
.english .comment,
.english .info_attention {
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.english .title h2,
.english .credit,
.english .movie_credit {
  font-weight: normal
}

.zh1 .comment,
.zh1 .info_attention {
  font-family: "Microsoft Yahei", "PingHei", sans-serif
}

.zh2 .comment,
.zh2 .info_attention {
  font-family: "Microsoft Yahei", "PingHei", sans-serif
}

.ko .comment,
.ko .info_attention {
  font-family: "Malgun Gothic", "Yoon Gothic", sans-serif
}

.ru .comment,
.ru .info_attention {
  font-family: "Noto Sans", sans-serif
}

.es .comment,
.es .info_attention {
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.ar .comment,
.ar .info_attention {
  direction: rtl;
  font-family: "Cairo", sans-serif
}

.fr .comment,
.fr .info_attention {
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.th .comment,
.th .info_attention {
  font-family: "Prompt", sans-serif
}

.in .comment,
.in .info_attention {
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

.tr .comment,
.tr .info_attention {
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif
}

/* 最低限の高さを設定 */
body {
  position: relative;
  padding-bottom: 60px;
  min-height: 100vh;
}
@media screen and (max-width: 768px) {
  body {
    padding-bottom: 50px;
  }
}

/* menu固定 */
body.-menuFixed .category-name {
  position: fixed;
  top: 0;
}

body.-menuFixed .year-name {
  position: fixed;
  top: 43px;
}

/* footer */
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-family: "LinotypeUniversW01-Medi 723679", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #333;
  opacity: 0; /* ちらつき対策。common.jsで表示 */
}

@media screen and (max-width: 768px) {
  .footer {
    height: 50px;
    font-size: 10px;
  }
}

/* ページトップへ */
.pageTop_btn {
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	right: 41px;
  margin-left: auto;
	margin-right: auto;
	text-align: right;
  opacity: 0;
	transition: all .5s ease;
	pointer-events: none;
}
.pageTop_btn.-active {
  opacity: 1;
  pointer-events: auto;
}
.pageTop_btn.-shift {
	bottom: 162px;
}
@media screen and (max-width: 768px) {
  .pageTop_btn {
    right: 10px;
  }
  .pageTop_btn.-active {
    bottom: 10px;
  }
  .pageTop_btn.-shift {
    bottom: 85px;
  }
}

.pageTop_btn a {
	position: relative;
	display: block;
	width: 36px;
	height: 36px;
	margin: 0;
	transition: all .5s ease;
	pointer-events: none;
}
.pageTop_btn.-active a {
  pointer-events: auto;
}
@media screen and (min-width: 769px) {
  .pageTop_btn a:hover {
    transform: scale(1.15);
  }
}

.pageTop_btn a:after {
	content: "";
	position: absolute;
	top: 35%;
  left: 0;
  right: 0;
  margin: auto;
	width: 18px;
	height: 18px;
	border-bottom: 2px solid #898989;
	border-right: 2px solid #898989;
  transform: rotate(-135deg);
	pointer-events: none;
}

.pageTop_btn span {
	display: none;
}

/* SP時のメニューの閉じるボタン */
.spClose_btn,
.spClose_btn span {
  display: none;
}
.category.-active .spClose_btn,
.year.-active .spClose_btn {
  display: block;
  position: fixed;
  top: calc(35px - 12px);
  right: calc(35px - 12px);
  width: 36px;
  height: 36px;
  background-image: url('/images/common/btn_close.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .spClose_btn,
  .category.-active .spClose_btn,
  .year.-active .spClose_btn {
    display: none;
  }
}