@charset "UTF-8";
/*
   Title          :劇場版『デジモンアドベンチャー』公式サイト
   URI            : http://digimon-adoventure.jp
   Designer       : GRAPHNETWORK
   Designer's URI : http://graphnetwork.com/
*/
/* Reset Style */
html {
  overflow-y: scroll; }

body {
  line-height: 1;
  color: #000; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small; }

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

.mt-10 {
  margin-top: 10px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mr-10 {
  margin-right: 10px; }

.mr-20 {
  margin-right: 20px; }

.mr-30 {
  margin-right: 30px; }

.mr-40 {
  margin-right: 40px; }

.mr-50 {
  margin-right: 50px; }

.ml-10 {
  margin-left: 10px; }

.ml-20 {
  margin-left: 20px; }

.ml-30 {
  margin-left: 30px; }

.ml-40 {
  margin-left: 40px; }

.ml-50 {
  margin-left: 50px; }

.pt-10 {
  padding-top: 10px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-50 {
  padding-top: 50px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pr-10 {
  padding-right: 10px; }

.pr-20 {
  padding-right: 20px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-50 {
  padding-right: 50px; }

.pl-10 {
  padding-left: 10px; }

.pl-20 {
  padding-left: 20px; }

.pl-30 {
  padding-left: 30px; }

.pl-40 {
  padding-left: 40px; }

.pl-50 {
  padding-left: 50px; }

/* -----------------------------------------------
変数
--------------------------------------------------*/
/* -----------------------------------------------
mixin
--------------------------------------------------*/
/* -----------------------------------------------
extend
--------------------------------------------------*/
html {
  height: 100%; }

body {
  color: #5d5d5d;
  line-height: 2.1em;
  font-size: 14px;
  width: 100%;
  background-color: #eeeeee;
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/bg_body.gif);
  background-size: 500px;
  height: auto;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  position: relative;
  height: 100%; }
  @media screen and (min-width: 960px) {
    body {
      line-height: 2.2em;
      font-size: 16px; } }

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

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

.green {
  color: #40b68f; }

.gray {
  color: #5d5d5d; }

.img_box {
  text-align: center;
  padding: 20px 0; }
  .img_box img {
    width: 90%; }
    @media screen and (min-width: 960px) {
      .img_box img {
        width: auto; } }

/* --------------------------------------------------------------


                      見出し


-----------------------------------------------------------------*/
h1 {
  text-align: center;
  color: #000000;
  text-align: center;
  font-weight: bold; }

h2.news_h2 {
  font-weight: bold;
  font-size: 1.4em;
  color: #000000;
  margin-bottom: 10px; }

.h2_cts_ttl {
  height: 30px;
  border-left: 6px #40b68f solid;
  line-height: 30px;
  font-size: 25px;
  padding-left: 10px;
  color: #000000;
  margin-bottom: 30px;
  font-family: "lato", sans-serif;
  letter-spacing: 0.12em; }
  @media screen and (min-width: 960px) {
    .h2_cts_ttl {
      margin-bottom: 40px; } }

.greeting_ttl {
  font-size: 1.4rem;
  padding-bottom: 1rem;
  color: #000; }

h3.h_bar {
  background-color: #40b68f;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000000;
  padding: 2px 10px;
  font-size: 1.2em; }

h3.ttl_s {
  font-size: 1.3em;
  margin-bottom: 10px; }

/* --------------------------------------------------------------


                      テーブル


-----------------------------------------------------------------*/
.btn {
  display: block;
  background: #3FAA7B;
  color: #ffffff;
  text-align: center;
  padding: 10px 5px;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.8rem;
  line-height: 0.8rem; }

/* --------------------------------------------------------------


                      テーブル


-----------------------------------------------------------------*/
table.base_tbl {
  border-top: solid 1px #afafaf;
  border-right: solid 1px #afafaf; }
  table.base_tbl th, table.base_tbl td {
    border-left: solid 1px #afafaf;
    border-bottom: solid 1px #afafaf;
    padding: 10px 15px;
    vertical-align: middle; }
  table.base_tbl th {
    background-color: #f7e7d7;
    padding: 5px 15px;
    font-weight: normal;
    font-weight: bold; }
  table.base_tbl td {
    background-color: none; }

table.base_tbl2 {
  border-top: solid 1px #868282;
  border-right: solid 1px #868282; }
  table.base_tbl2 th, table.base_tbl2 td {
    border-left: solid 1px #868282;
    border-bottom: solid 1px #868282;
    padding: 7px 10px;
    vertical-align: middle; }
  table.base_tbl2 th {
    padding: 7px 10px;
    width: 140px;
    border-left: solid 4px #868282; }

table.shop_toku {
  border-top: solid 1px #d2d2d2;
  border-right: solid 1px #d2d2d2;
  width: 100%; }
  table.shop_toku th, table.shop_toku td {
    border-left: solid 1px #d2d2d2;
    border-bottom: solid 1px #d2d2d2;
    padding: 7px 10px;
    vertical-align: middle; }
  table.shop_toku th {
    padding: 7px 10px;
    width: 140px;
    background-color: #ffedf3;
    text-align: left;
    font-weight: normal; }
  table.shop_toku td {
    text-align: center; }

table.nb_tbl td {
  border: none; }

/* --------------------------------------------------------------


                      枠付きボックス


-----------------------------------------------------------------*/
.bdr_box {
  border-bottom: dashed 1px #a5a5a5;
  padding-bottom: 10px;
  margin-bottom: 10px; }

/* --------------------------------------------------------------


                      リンク


-----------------------------------------------------------------*/
.btn_link {
  background-color: #e7e7e7;
  color: #000000;
  display: block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 80%;
  padding: 5px;
  border-radius: 4px;
  margin: 25px auto;
  letter-spacing: 0.15em;
  font-family: "lato", sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  -o-transition: all  0.3s ease;
  transition: all  0.3s ease; }
  .btn_link:hover {
    text-decoration: none;
    background-color: #000000;
    color: #fff; }
  .btn_link.btn_link-m {
    width: 200px !important; }
  .btn_link.btn_link-s {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    letter-spacing: 0;
    width: 100px;
    margin: 0;
    display: inline-block; }

a {
  text-decoration: none;
  color: #5d5d5d; }

a:hover {
  text-decoration: underline;
  color: #5d5d5d; }

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80); }

/* --------------------------------------------------------------


                      寄せ


-----------------------------------------------------------------*/
.f-left {
  float: left; }

.f-right {
  float: right; }

.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

.txt-left {
  text-align: left; }

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

.clearfix {
  zoom: 1; }

/* --------------------------------------------------------------


                     注意書き


-----------------------------------------------------------------*/
.note {
  font-size: 11px;
  line-height: 1.4em; }

.note li {
  line-height: 1.5em;
  margin-bottom: 5px; }

.notelist li {
  font-size: 0.9em;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.5em;
  margin-bottom: 0.4em; }

.notelist li:before {
  content: '※';
  display: inline-block;
  width: 1em;
  text-indent: 0; }

/* --------------------------------------------------------------


                     リスト


-----------------------------------------------------------------*/
ul {
  padding-top: 10px;
  padding-bottom: 10px; }
  ul li {
    margin-bottom: 10px; }

dl dt {
  font-weight: bold; }

dl dd {
  margin-bottom: 20px; }

/* --------------------------------------------------------------


                     全体Layout


-----------------------------------------------------------------*/
#wrap {
  position: relative;
  overflow: hidden;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }

#main_area {
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 70px; }
  @media screen and (max-width: 599px) {
    #main_area {
      padding-top: 30px; } }

@media screen and (min-width: 960px) and (max-width: 1279px) {
  #main_area {
    width: 100％;
    min-height: 800px; } }

@media screen and (min-width: 1280px) {
  #main_area {
    width: 1280px;
    min-height: 800px; } }

/* --------------------------------------------------------------


                  タブメニュー


-----------------------------------------------------------------*/
.tab_menu, .sub_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: solid 1px #d6d6d6;
  height: 60px;
  padding: 0;
  margin-bottom: 10px; }
  @media screen and (min-width: 960px) {
    .tab_menu, .sub_menu {
      margin-bottom: 30px; } }
  .tab_menu li, .sub_menu li {
    font-family: 'lato', sans-serif;
    margin: 0 15px;
    font-size: 17px;
    display: block;
    height: 60px;
    line-height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.15em;
    cursor: pointer; }
    .tab_menu li:hover, .tab_menu li.active, .sub_menu li:hover, .sub_menu li.active {
      border-bottom: solid #40b68f 3px;
      text-decoration: none;
      color: #000000;
      font-weight: bold; }
    .tab_menu li a:hover, .sub_menu li a:hover {
      text-decoration: none; }

.sub_menu a:hover {
  text-decoration: none; }

.tabarea .tab_block {
  display: none; }
  .tabarea .tab_block.show {
    display: block; }

/* --------------------------------------------------------------


                      youtube


-----------------------------------------------------------------*/
.youtube {
  text-align: center;
  margin-bottom: 20px; }

.youtube iframe {
  width: 560px;
  height: 315px;
  margin: 0 auto; }

.title-youtube {
  font-weight: normal;
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
  padding-bottom: 20px;
  display: block; }

@media screen and (max-width: 560px) {
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; } }

/* --------------------------------------------------------------


                      header


-----------------------------------------------------------------*/
header {
  width: 100%;
  height: 60px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
  box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  /*開閉ボタン*/
  /*開閉ボタンopen時*/ }
  header nav#g_nav {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 1; }
    header nav#g_nav li {
      padding: 20px 0;
      text-align: center;
      border-bottom: solid 1px #d6d6d6;
      margin: 0; }
      header nav#g_nav li:last-child {
        border-bottom: none; }
      header nav#g_nav li a {
        color: #000000;
        font-family: "lato", sans-serif;
        letter-spacing: 0.15em;
        font-weight: bold; }
        header nav#g_nav li a:active {
          text-decoration: none; }
  header #nav_toggle {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 17px;
    right: 15px;
    z-index: 100; }
  header #nav_toggle div {
    position: relative; }
  header #nav_toggle span {
    display: block;
    height: 2px;
    background: #000000;
    position: absolute;
    width: 100%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
  header #nav_toggle span:nth-child(1) {
    top: 0px; }
  header #nav_toggle span:nth-child(2) {
    top: 10px; }
  header #nav_toggle span:nth-child(3) {
    top: 20px; }
  header.open #nav_toggle span:nth-child(1) {
    top: 12px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  header.open #nav_toggle span:nth-child(2) {
    width: 0;
    left: 50%; }
  header.open #nav_toggle span:nth-child(3) {
    top: 12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  header #logo_hdr {
    display: block;
    width: 95px;
    height: auto; }
  header #sub_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    padding-right: 40px;
    padding-top: 7px; }
  header #sub_nav li {
    padding: 0;
    height: 40px;
    margin: 0 10px;
    color: #1d1d1d;
    font-size: 0.8em; }
    header #sub_nav li a {
      padding: 0;
      color: #949494;
      text-decoration: underline; }
      header #sub_nav li a:hover {
        text-decoration: none;
        color: #000; }

@media screen and (min-width: 960px) {
  header {
    height: 110px;
    padding-top: 0;
    padding-left: 25px;
    padding-right: 25px;
    /*開閉ボタン*/ }
    header #logo_hdr {
      display: block;
      width: 190px;
      height: 72px;
      padding-top: 30px; }
    header #sub_nav {
      position: absolute;
      top: 5px;
      right: 25px;
      padding: 0;
      width: auto;
      font-size: 13px;
      z-index: 100;
      background: url(/movie/digimon-adventure/last-evolution/img/common/icn_lang.svg) no-repeat 2px 10px;
      background-size: 15px;
      padding-left: 10px; }
    header nav#g_nav {
      display: block;
      position: relative;
      top: 0;
      padding-top: 50px; }
      header nav#g_nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        header nav#g_nav ul li {
          padding: 0;
          border-bottom: none;
          margin: 0 20px; }
          header nav#g_nav ul li.icn_tw {
            padding-top: 5px; }
          header nav#g_nav ul li a {
            letter-spacing: 0.15em;
            font-size: 15px;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0, #40b68f));
            background: -webkit-linear-gradient(top, transparent 60%, #40b68f 0);
            background: -o-linear-gradient(top, transparent 60%, #40b68f 0);
            background: linear-gradient(180deg, transparent 60%, #40b68f 0);
            background-repeat: no-repeat;
            background-size: 0% 100%;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            display: inline; }
            header nav#g_nav ul li a:hover {
              text-decoration: none;
              background-size: 100% 100%;
              -webkit-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s; }
            header nav#g_nav ul li a.active {
              text-decoration: none;
              background-size: 100% 100%;
              -webkit-transition: 0.3s;
              -o-transition: 0.3s;
              transition: 0.3s; }
    header #nav_toggle {
      display: none; } }

@media screen and (min-width: 960px) and (max-width: 1279px) {
  header {
    height: 100px;
    /*開閉ボタン*/ }
    header #logo_hdr {
      padding-top: 12px; }
    header #sub_nav {
      top: 5px; }
    header nav#g_nav {
      display: block;
      position: relative;
      top: 0;
      padding-top: 40px; }
      header nav#g_nav ul li {
        margin: 0 15px; }
        header nav#g_nav ul li.icn_tw {
          padding-top: 5px; }
        header nav#g_nav ul li a {
          font-size: 13px; }
    header #nav_toggle {
      display: none; } }

/* --------------------------------------------------------------


                      ページタイトル


-----------------------------------------------------------------*/
#pagettl_area {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/bg-pagettl_sp.png);
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: cover;
  background-position: center top;
  padding: 50px 0;
  position: relative; }
  #pagettl_area .page_ttl {
    font-family: "lato", sans-serif;
    font-size: 24px;
    letter-spacing: 0.15em;
    font-weight: 600; }
  #pagettl_area .page_ttl_s {
    font-size: 11px;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-weight: normal;
    padding-top: 5px; }
  #pagettl_area:after {
    content: "";
    width: 100%;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: top center;
    position: absolute;
    bottom: -22px; }

@media screen and (min-width: 960px) {
  #pagettl_area {
    background-image: url(/movie/digimon-adventure/last-evolution/img/common/bg-pagettl_pc.jpg);
    padding: 90px 0; }
    #pagettl_area .page_ttl {
      font-family: "lato", sans-serif;
      font-size: 40px;
      letter-spacing: 0.15em;
      font-weight: 600; }
    #pagettl_area .page_ttl_s {
      font-size: 11px;
      line-height: 1em;
      letter-spacing: 0.15em;
      font-weight: normal;
      padding-top: 10px; }
    #pagettl_area:after {
      background-size: 70px;
      height: 70px;
      position: absolute;
      bottom: -30px; } }

/*    デジモンアイコン画像指定    */
.icn_pgttl.-icn1:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_1.png); }

.icn_pgttl.-icn2:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_2.png); }

.icn_pgttl.-icn3:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_3.png); }

.icn_pgttl.-icn4:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_4.png); }

.icn_pgttl.-icn5:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_5.png); }

.icn_pgttl.-icn6:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_6.png); }

.icn_pgttl.-icn7:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_7.png); }

.icn_pgttl.-icn8:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_8.png); }

.icn_pgttl.-icn9:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_9.png); }

.icn_pgttl.-icn10:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_10.png); }

.icn_pgttl.-icn11:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_11.png); }

.icn_pgttl.-icn12:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_12.png); }

.icn_pgttl.-icn13:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_13.png); }

.icn_pgttl.-icn14:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_14.png); }

.icn_pgttl.-icn15:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_15.png); }

.icn_pgttl.-icn16:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_16.png); }

.icn_pgttl.-icn17:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_17.png); }

.icn_pgttl.-icn18:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_18.png); }

.icn_pgttl.-icn19:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_19.png); }

.icn_pgttl.-icn20:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_20.png); }

.icn_pgttl.-icn21:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_21.png); }

.icn_pgttl.-icn22:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_22.png); }

.icn_pgttl.-icn23:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_23.png); }

.icn_pgttl.-icn24:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_24.png); }

.icn_pgttl.-icn25:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_25.png); }

.icn_pgttl.-icn26:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_26.png); }

.icn_pgttl.-icn27:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_27.png); }

.icn_pgttl.-icn28:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_28.png); }

.icn_pgttl.-icn29:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_29.png); }

.icn_pgttl.-icn30:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_30.png); }

.icn_pgttl.-icn31:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_31.png); }

.icn_pgttl.-icn32:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_32.png); }

.icn_pgttl.-icn33:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_33.png); }

.icn_pgttl.-icn34:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_34.png); }

.icn_pgttl.-icn35:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_35.png); }

.icn_pgttl.-icn36:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_36.png); }

.icn_pgttl.-icn37:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_37.png); }

.icn_pgttl.-icn38:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_38.png); }

.icn_pgttl.-icn39:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_39.png); }

.icn_pgttl.-icn40:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_40.png); }

.icn_pgttl.-icn41:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_41.png); }

.icn_pgttl.-icn42:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_42.png); }

.icn_pgttl.-icn43:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_43.png); }

.icn_pgttl.-icn44:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_44.png); }

.icn_pgttl.-icn45:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_45.png); }

.icn_pgttl.-icn46:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_46.png); }

.icn_pgttl.-icn47:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_47.png); }

.icn_pgttl.-icn48:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_48.png); }

.icn_pgttl.-icn49:after {
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/icon_digimon_49.png); }

/* --------------------------------------------------------------


                      footer


-----------------------------------------------------------------*/
footer {
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
  padding-bottom: 50px;
  padding-top: 50px; }
  footer .copyright {
    display: block;
    font-size: 0.7em; }
  footer .sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0; }
    footer .sns li {
      margin-bottom: 0; }
    footer .sns .sns__item-tw {
      margin-top: 2px; }
  footer .fb_iframe_widget > span {
    vertical-align: baseline !important; }

#gotop {
  display: block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  text-indent: -9999px;
  background-image: url(/movie/digimon-adventure/last-evolution/img/common/gototop.png);
  background-size: 50px;
  background-repeat: no-repeat; }
  @media screen and (min-width: 960px) {
    #gotop {
      height: 70px;
      width: 70px;
      background-size: 70px; } }

#bnr_area {
  display: none; }

/* --------------------------------------------------------------


                      top


-----------------------------------------------------------------*/
#top.eng .mainvisual .mainvisual-inner-logo .-logo {
  max-width: 520px; }

#top.eng .mainvisual .mainvisual-inner .-toplead {
  padding-top: 0; }
  @media screen and (max-width: 599px) {
    #top.eng .mainvisual .mainvisual-inner .-toplead {
      max-width: 100%;
      margin-top: 0; } }

#top #pagettl_area {
  display: none; }

#top div.mainvisual {
  height: 792px;
  width: 100%;
  background-image: url(/movie/digimon-adventure/last-evolution/img/top/bg_pattern.png), url(/movie/digimon-adventure/last-evolution/img/top/bg-mainvisual.jpg);
  background-repeat: repeat,no-repeat;
  background-size: 4px,cover;
  /* background:url(/img/top/mainvisual_bg-ltop.png) no-repeat #ffffff;
      background-position:left -110px;
         background-color: rgb(237,109,70);
         background: linear-gradient(0deg, rgba(237,109,70,1) 0%, rgba(243,156,90,0.5) 23%, rgba(255,245,127,1) 43%, rgba(255,255,255,1) 93%);*/
  background-color: #000; }
  @media screen and (max-width: 768px) {
    #top div.mainvisual {
      height: auto !important;
      /*  background-size:100%;*/ } }
  @media screen and (max-width: 414px) {
    #top div.mainvisual {
      height: auto !important; } }
  @media screen and (max-width: 599px) and (min-width: 414px) {
    #top div.mainvisual {
      height: auto !important; } }
  #top div.mainvisual .mainvisual-inner {
    max-width: 1500px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-position: center -460px,center 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #top div.mainvisual .mainvisual-inner {
        max-width: 100%;
        display: block;
        background-position: center -350px,center 350px;
        background-size: 520%; } }
    #top div.mainvisual .mainvisual-inner-logo {
      text-align: center;
      width: 50%;
      position: relative; }
      @media screen and (max-width: 768px) {
        #top div.mainvisual .mainvisual-inner-logo {
          width: 100%;
          padding-left: 0;
          margin-left: auto;
          margin-right: auto; } }
      #top div.mainvisual .mainvisual-inner-logo .mainvisual-inner-logo-inner {
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-left: 10px; }
        @media screen and (max-width: 768px) {
          #top div.mainvisual .mainvisual-inner-logo .mainvisual-inner-logo-inner {
            padding-left: 0;
            position: relative;
            top: auto;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            padding-top: 26px;
            padding-bottom: 20px;
            z-index: 0; } }
      #top div.mainvisual .mainvisual-inner-logo .-logo {
        max-width: 560px;
        width: 100%;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (max-width: 768px) {
          #top div.mainvisual .mainvisual-inner-logo .-logo {
            max-width: 240px;
            width: 100%;
            display: none; } }
      #top div.mainvisual .mainvisual-inner-logo .-toplead {
        max-width: 600px;
        width: 100%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (max-width: 768px) {
          #top div.mainvisual .mainvisual-inner-logo .-toplead {
            max-width: 90%;
            margin-top: 5px; } }
      #top div.mainvisual .mainvisual-inner-logo .-lead {
        max-width: 258px;
        width: 100%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto; }
        @media screen and (max-width: 599px) {
          #top div.mainvisual .mainvisual-inner-logo .-lead {
            max-width: 180px;
            margin-top: 0; } }
      @media screen and (max-width: 599px) {
        #top div.mainvisual .mainvisual-inner-logo .enq-banner {
          padding-top: 146% ; } }
    #top div.mainvisual .mainvisual-inner-character {
      text-align: center;
      width: 560px;
      position: relative; }
      @media screen and (max-width: 768px) {
        #top div.mainvisual .mainvisual-inner-character {
          padding-right: 0; } }
      @media screen and (max-width: 768px) {
        #top div.mainvisual .mainvisual-inner-character {
          width: 100%;
          margin-left: auto;
          margin-right: auto; } }
      #top div.mainvisual .mainvisual-inner-character img {
        width: 100%;
        display: block; }
        @media screen and (max-width: 599px) {
          #top div.mainvisual .mainvisual-inner-character img {
            width: 100%;
            margin-top: 0; } }

#top h1.ttl_cts {
  font-size: 35px;
  font-family: "lato", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px; }

#top .wrap_tw {
  -webkit-box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
  box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
  background-color: #fff;
  padding: 15px; }

#top #main_area {
  height: auto; }

#top .news_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 50px; }
  #top .news_list li {
    width: 48%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background-color: #fff;
    background-image: url(/movie/digimon-adventure/last-evolution/img/common/triangle.gif);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
    box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37); }
    #top .news_list li:nth-child(odd) {
      margin-right: 4%; }
    #top .news_list li .thumb_news img {
      width: 100%; }
    #top .news_list li .tag_icn {
      color: #fff;
      padding: 3px 10px;
      height: 14px;
      line-height: 14px;
      display: inline-block;
      font-size: 0.7em;
      margin-bottom: 5px; }
      #top .news_list li .tag_icn.tag_icn-new {
        background-color: #DF438D !important; }
      #top .news_list li .tag_icn.tag_icn-news {
        background-color: #538cb9; }
      #top .news_list li .tag_icn.tag_icn-event {
        background-color: #3e9c73; }
      #top .news_list li .tag_icn.tag_icn-goods {
        background-color: #f9864d; }
    #top .news_list li .ttl_news {
      font-weight: bold;
      font-size: 13px;
      line-height: 1.6em;
      color: #000000; }
    #top .news_list li .date_news {
      font-size: 0.7em; }

#top .twitter {
  margin-top: 100px; }

@media screen and (min-width: 960px) {
  #top #main_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #top .news_area {
    width: 75%;
    margin-right: 5%; }
    #top .news_area .news_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 50px; }
      #top .news_area .news_list li {
        width: 32%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        background-color: #fff;
        background-image: url(/movie/digimon-adventure/last-evolution/img/common/triangle.gif);
        background-size: 10px;
        background-repeat: no-repeat;
        background-position: right 0 bottom 0;
        -webkit-box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
        box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
        margin-right: 2%;
        margin-bottom: 4%; }
        #top .news_area .news_list li a:hover {
          text-decoration: none; }
        #top .news_area .news_list li:nth-child(3n) {
          margin-right: 0; }
        #top .news_area .news_list li .ttl_news {
          font-weight: bold;
          font-size: 15px;
          line-height: 1.4em;
          padding-bottom: 5px; }
        #top .news_area .news_list li .txt_news {
          font-size: 13px;
          line-height: 1.4em; }
        #top .news_area .news_list li .date_news {
          font-size: 0.7em; }
  #top .twitter {
    margin-top: 0; }
  #top h1.ttl_cts {
    font-size: 25px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 40px;
    border-bottom: solid 1px #d6d6d6; } }

/* --------------------------------------------------------------


                      staff_cast


-----------------------------------------------------------------*/
#staff_cast #main_area {
  padding-top: 60px; }

#staff_cast .h2_cts_ttl {
  margin-bottom: 50px; }

#staff_cast #cast {
  border-bottom: solid 1px #d6d6d6;
  margin-bottom: 60px;
  padding-bottom: 40px; }

#staff_cast .staff_cast_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #staff_cast .staff_cast_list dl {
    width: 45%; }
    #staff_cast .staff_cast_list dl dt {
      font-weight: normal;
      font-size: 0.8em;
      margin-right: 0;
      margin-top: -4px;
      line-height: 1.6em; }
    #staff_cast .staff_cast_list dl dd {
      font-weight: bold;
      color: #000000;
      line-height: 1.6em;
      padding-left: 0; }

#staff_cast #staff .staff_cast_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #staff_cast #staff .staff_cast_list dl {
    width: 47%; }
    #staff_cast #staff .staff_cast_list dl dt {
      font-weight: normal;
      font-size: 0.8em;
      margin-right: 0;
      margin-top: -4px; }
      #staff_cast #staff .staff_cast_list dl dt.txt_s {
        font-size: 0.7em;
        letter-spacing: -0.05em; }
    #staff_cast #staff .staff_cast_list dl dd {
      font-weight: bold;
      color: #000000;
      line-height: 1.6em;
      padding-left: 0; }

#staff_cast.eng .h2_cts_ttl {
  margin-bottom: 60px; }

#staff_cast.eng #staff .staff_cast_list dl, #staff_cast.eng #cast .staff_cast_list dl {
  width: 48%;
  letter-spacing: 0.02em; }
  #staff_cast.eng #staff .staff_cast_list dl dt, #staff_cast.eng #cast .staff_cast_list dl dt {
    float: none; }
  #staff_cast.eng #staff .staff_cast_list dl dd, #staff_cast.eng #cast .staff_cast_list dl dd {
    padding-left: 0;
    margin-bottom: 35px;
    font-size: 1em; }

@media screen and (min-width: 960px) {
  #staff_cast #cast, #staff_cast #staff {
    width: 680px;
    margin: 0 auto; }
  #staff_cast #cast {
    margin-bottom: 70px;
    padding-bottom: 70px; }
  #staff_cast dl {
    width: 45%; }
    #staff_cast dl dt {
      font-weight: normal;
      font-size: 0.8em;
      margin-right: 0; }
    #staff_cast dl dd {
      font-weight: bold;
      color: #000000;
      margin-bottom: 40px;
      font-size: 1.3em;
      padding-left: 0; }
  #staff_cast #staff .staff_cast_list dl dd {
    padding-left: 0; }
  #staff_cast.eng #staff .staff_cast_list, #staff_cast.eng #cast .staff_cast_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #staff_cast.eng #staff .staff_cast_list dl, #staff_cast.eng #cast .staff_cast_list dl {
      letter-spacing: 0.05em; } }

/* --------------------------------------------------------------


                      greeting


-----------------------------------------------------------------*/
#greeting h2.h2_cts_ttl {
  height: auto; }
  #greeting h2.h2_cts_ttl p {
    font-size: 12px;
    padding: 0;
    padding-bottom: 3px;
    line-height: 1.5em;
    letter-spacing: 0em;
    font-weight: bold; }

#greeting .greeting_li {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #d6d6d6; }

@media screen and (min-width: 960px) {
  #greeting_list {
    width: 880px;
    margin: 0 auto; }
    #greeting_list .h2_cts_ttl {
      float: left; }
    #greeting_list .greeting_txt {
      padding-left: 18em; }
    #greeting_list .greeting_li {
      margin-bottom: 70px;
      padding-bottom: 70px;
      border-bottom: solid 1px #d6d6d6; } }

/* --------------------------------------------------------------


                      introduction


-----------------------------------------------------------------*/
#introduction .readintro {
  font-size: 1.3em; }

@media screen and (min-width: 960px) {
  #introduction #main_area {
    width: 680px;
    text-align: center;
    padding-bottom: 100px;
    text-align: center; }
    #introduction #main_area #img_intro {
      width: 750px;
      margin: 40px 0; } }

/* --------------------------------------------------------------


                      introduction


-----------------------------------------------------------------*/
#introduction #intro_bg {
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  padding-top: 20px; }

#introduction .txt_intro {
  font-size: 0.9em; }

#introduction .readintro {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.5em;
  margin-bottom: 20px;
  color: #04a3c0;
  background: -webkit-linear-gradient(0deg, #04a3c0, #0080c2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

#introduction .readintro2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.2em;
  margin-bottom: 30px;
  color: #0467c1; }

#introduction #intro_img {
  padding: 0;
  margin-top: -40px;
  margin-bottom: -30px; }

#introduction .logo img {
  width: 80px; }

@media screen and (min-width: 960px) {
  #introduction #main_area {
    width: 750px;
    text-align: center;
    padding-bottom: 100px;
    text-align: center; }
  #introduction #main_area #img_intro {
    width: 750px;
    margin: 40px 0; }
  #introduction #main_area .readintro {
    font-size: 2em;
    line-height: 1.8em; }
  #introduction #main_area .readintro2 {
    font-size: 1.5em;
    line-height: 1.8em; }
  #introduction #main_area .txt_intro {
    font-size: 1em; }
  #introduction #main_area #intro_img {
    margin-top: -70px;
    margin-bottom: -70px; } }

/* --------------------------------------------------------------


                      character


-----------------------------------------------------------------*/
#character .comingsoon {
  font-family: "lato", sans-serif;
  font-size: 20px;
  letter-spacing: 0.15em;
  color: #5d5d5d; }

#character #chara-nakatsuru ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#character #chara-nakatsuru li {
  width: 27%;
  margin-right: -10px; }
  #character #chara-nakatsuru li img {
    width: 100%; }
  #character #chara-nakatsuru li .name_chara {
    background-image: url(/movie/digimon-adventure/last-evolution/character/img/arrow_chara.gif);
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 15px;
    text-align: center;
    line-height: 1.4em;
    color: #000000;
    font-size: 0.9em; }

#character .chara_anm ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #character .chara_anm ul li {
    width: 48%; }
    #character .chara_anm ul li img {
      width: 100%;
      -webkit-box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
      box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37); }

#character .tab_menu li {
  font-size: 0.9em;
  letter-spacing: -0.05em; }
  #character .tab_menu li a {
    display: block; }

@media screen and (min-width: 960px) {
  #character #chara-nakatsuru ul #jo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  #character #chara-nakatsuru ul #mimi {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  #character #chara-nakatsuru ul #kotaro {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  #character #chara-nakatsuru ul #yamato {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  #character #chara-nakatsuru ul #taichi {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  #character #chara-nakatsuru ul #sora {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  #character #chara-nakatsuru ul #takeru {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  #character #chara-nakatsuru ul #hikari {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  #character #chara-nakatsuru li {
    width: 15%;
    margin-right: -35px; }
    #character #chara-nakatsuru li img {
      width: 100%; }
    #character #chara-nakatsuru li .name_chara {
      background-size: 9px;
      background-repeat: no-repeat;
      background-position: top center;
      padding-top: 15px;
      text-align: center;
      line-height: 1.4em;
      color: #000000;
      font-size: 0.9em; }
  #character #chara-anm {
    width: 960px;
    margin: 0 auto; }
    #character #chara-anm ul li {
      width: 30%; }
      #character #chara-anm ul li img {
        width: 100%; } }

@media screen and (max-width: 599px) {
  #character ul #jo {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  #character ul #mimi {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  #character ul #kotaro {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  #character ul #yamato {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  #character ul #taichi {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  #character ul #sora {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  #character ul #takeru {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  #character ul #hikari {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; } }

.chara_anm {
  padding: 0; }
  .chara_anm .gallery-thumbs {
    height: 104px;
    width: 80%;
    padding-top: 10px;
    padding-bottom: 20px; }
    .chara_anm .gallery-thumbs .swiper-wrapper {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .chara_anm .gallery-thumbs .swiper-slide {
      background-size: 53px;
      width: 53px !important;
      height: 53px;
      cursor: pointer;
      margin-bottom: 10px;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active, .chara_anm .gallery-thumbs .swiper-slide:hover {
      border: solid 4px #f19a64;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(2),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(2):hover {
      border: solid 4px #54c3f1; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(3),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(3):hover {
      border: solid 4px #ec6d74; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(4),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(4):hover {
      border: solid 4px #8f81bc; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(5),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(5):hover {
      border: solid 4px #67bf97; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(6),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(6):hover {
      border: solid 4px #b5b5b7; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(7),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(7):hover {
      border: solid 4px #fff33f; }
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(8) {
      margin-right: 24% !important; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(8),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(8):hover {
      border: solid 4px #f3a9ca; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(9),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(9):hover {
      border-top: solid 4px #f19a64;
      border-left: solid 4px #f19a64;
      border-right: solid 4px #54c3f1;
      border-bottom: solid 4px #54c3f1; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(10),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(10):hover {
      border: solid 4px #f3a9ca; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(11),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(11):hover {
      border-top: solid 4px #ec6d74;
      border-left: solid 4px #ec6d74;
      border-right: solid 4px #67bf97;
      border-bottom: solid 4px #67bf97; }
    .chara_anm .gallery-thumbs .swiper-slide-thumb-active:nth-child(12),
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(12):hover {
      border-top: solid 4px #8f81bc;
      border-left: solid 4px #8f81bc;
      border-right: solid 4px #b5b5b7;
      border-bottom: solid 4px #b5b5b7; }
  .chara_anm .second {
    height: 185px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px; }
    .chara_anm .second .swiper-wrapper {
      -webkit-box-pack: left;
      -ms-flex-pack: left;
      justify-content: left;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .chara_anm .second .swiper-slide {
      background-size: 53px;
      width: 52px !important;
      height: 52px;
      cursor: pointer;
      margin-bottom: 10px;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .chara_anm .second .swiper-slide:nth-child(8) {
      margin-right: 57% !important; }
  .chara_anm .gallery-top .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .chara_anm .gallery-top .swiper-slide .chara_img, .chara_anm .gallery-top .swiper-slide .digimon_img, .chara_anm .gallery-top .swiper-slide .chara_data {
      width: 50%; }
    .chara_anm .gallery-top .swiper-slide .chara_img, .chara_anm .gallery-top .swiper-slide .digimon_img {
      text-align: center; }
    .chara_anm .gallery-top .swiper-slide .chara_data h2 {
      font-size: 1.6em;
      border-left: solid 3px #40b68f;
      margin-bottom: 20px;
      padding-left: 10px;
      color: #000; }
      .chara_anm .gallery-top .swiper-slide .chara_data h2 p {
        font-size: 0.5em; }
    .chara_anm .gallery-top .swiper-slide .chara_data .chara_text {
      line-height: 1.6em;
      font-size: 0.9em; }
    .chara_anm .gallery-top .swiper-slide .chara_data1 {
      padding-top: 20px; }
  .chara_anm .chara_img img, .chara_anm .digimon_img img {
    width: 100%; }
  .chara_anm .gallery-top #chara13 .chara_data h2 span {
    font-size: 1.3em;
    letter-spacing: -0.02em; }
  .chara_anm .chara1 img {
    width: 112px; }
  .chara_anm .chara2 img {
    width: 95px; }
  .chara_anm .chara3 img {
    width: 101px; }
  .chara_anm .chara4 img {
    width: 146px; }
  .chara_anm .chara5 img {
    width: 125px; }
  .chara_anm .chara6 img {
    width: 110px; }
  .chara_anm .chara7 img {
    width: 146px;
    margin-left: -20px; }
  .chara_anm .chara8 img {
    width: 140px;
    margin-left: -19px; }
  .chara_anm .chara9 img {
    width: 110px; }
  .chara_anm .chara10 img {
    width: 100px; }
  .chara_anm .chara11 img {
    width: 130px; }
  .chara_anm .chara12 img {
    width: 90px; }
  .chara_anm .chara13 img {
    width: 90px; }
  .chara_anm .chara14 img {
    width: 90px; }
  .chara_anm .digimon1 img {
    width: 132px;
    margin-left: -20px; }
  .chara_anm .digimon2 img {
    width: 117px; }
  .chara_anm .digimon3 img {
    width: 80px; }
  .chara_anm .digimon4 img {
    width: 147px;
    margin-left: -32px; }
  .chara_anm .digimon5 img {
    width: 110px; }
  .chara_anm .digimon6 img {
    width: 131px;
    margin-left: -16px; }
  .chara_anm .digimon7 img {
    width: 122px;
    margin-left: -20px; }
  .chara_anm .digimon8 img {
    width: 132px;
    margin-left: -20px; }
  .chara_anm .digimon9 img {
    width: 132px; }
  .chara_anm .digimon10 img {
    width: 157px;
    margin-left: -20px; }
  .chara_anm .digimon11 img {
    width: 155px;
    margin-left: -28px; }
  .chara_anm .digimon12 img {
    width: 132px;
    margin-left: -20px; }
  .chara_anm .swiper-container {
    padding: 0 15px; }
  .chara_anm .swiper-button-next, .chara_anm .swiper-container-rtl .swiper-button-prev {
    right: 0; }
  .chara_anm .swiper-button-prev, .chara_anm .swiper-container-rtl .swiper-button-next {
    left: 0; }
  .chara_anm .swiper-button-prev.swiper-button-white, .chara_anm .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(/movie/digimon-adventure/last-evolution/character/img/arrow1.png); }
  .chara_anm .swiper-button-next.swiper-button-white, .chara_anm .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(/movie/digimon-adventure/last-evolution/character/img/arrow2.png); }
  .chara_anm .swiper-button-next, .chara_anm .swiper-button-prev {
    width: 21px;
    height: 31px;
    background-size: 21px 31px;
    top: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
    .chara_anm .swiper-button-next:hover, .chara_anm .swiper-button-prev:hover {
      opacity: 0.4; }

#character.eng .chara_anm .gallery-top .swiper-slide {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#character.eng .chara_data1 {
  margin-bottom: 30px; }

#character.eng .digimon_img, #character.eng .chara_data {
  width: 65%; }

#character.eng .chara_data h2 {
  font-size: 1.4em; }

#character.eng .chara_img, #character.eng .digimon_img {
  width: 35%; }
  #character.eng .chara_img img, #character.eng .digimon_img img {
    width: 100%; }

#character.eng .chara1 img, #character.eng .chara6 img, #character.eng .chara9 img {
  width: 80%; }

#character.eng .chara11 img {
  width: 90%; }

#character.eng .chara2 img, #character.eng .chara3 img, #character.eng .chara10 img, #character.eng .chara14 img, #character.eng .chara13 img {
  width: 70%; }

#character.eng .chara12 img {
  width: 55%; }

#character.eng .chara7 img, #character.eng .chara8 img {
  width: 110%; }

#character.eng .chara4 img {
  width: 110%;
  margin-left: -5px; }

#character.eng .digimon_img img {
  margin-left: 0; }

#character.eng .digimon11 img {
  width: 110%;
  margin-left: -3px; }

#character.eng .digimon2 img, #character.eng .digimon5 img, #character.eng .digimon12 img {
  width: 80%; }

#character.eng .digimon3 img {
  width: 65%; }

#character.eng .digimon4 img {
  width: 90%;
  margin-left: -20px; }

#character.eng .digimon6 img {
  width: 100%;
  margin-left: -10px; }

#character.eng .digimon8 img {
  width: 90%;
  margin-left: 5px; }

#character.eng .digimon9 img {
  width: 80%;
  margin-left: 5px; }

#character.eng .digimon10 img {
  width: 110%;
  margin-left: -3px;
  margin-top: 20px; }

@media screen and (min-width: 768px) {
  #character.eng .chara_anm .gallery-top .swiper-slide .chara_data1 {
    width: 430px; } }

#character.eng .gallery-thumbs {
  margin-bottom: 20px; }

#character.eng .chara_anm .gallery-top .swiper-slide .chara_data h2 p {
  letter-spacing: 0.05em; }

#character.eng .tab_menu li {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    #character.eng .tab_menu li {
      width: 200px; } }
  #character.eng .tab_menu li a {
    letter-spacing: 0.05em;
    line-height: 1.4em;
    text-align: center; }

@media screen and (min-width: 768px) {
  .chara_anm .gallery-thumbs {
    width: 500px; }
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(8) {
      margin-right: 5px !important; }
    .chara_anm .gallery-thumbs .swiper-slide:nth-child(6) {
      margin-left: 0 !important; } }

@media screen and (min-width: 960px) {
  #character .chara_anm .gallery-thumbs, .eng .chara_anm .gallery-thumbs {
    width: 700px;
    height: 178px;
    margin-bottom: 40px; }
    #character .chara_anm .gallery-thumbs .swiper-slide, .eng .chara_anm .gallery-thumbs .swiper-slide {
      background-size: 78px;
      background-position: center center;
      width: 78px !important;
      height: 78px; }
    #character .chara_anm .gallery-thumbs .swiper-slide:nth-child(8), .eng .chara_anm .gallery-thumbs .swiper-slide:nth-child(8) {
      margin-right: 5px !important; }
    #character .chara_anm .gallery-thumbs .swiper-slide:nth-child(6), .eng .chara_anm .gallery-thumbs .swiper-slide:nth-child(6) {
      margin-left: 0 !important; }
  #character .chara_anm .gallery-top, .eng .chara_anm .gallery-top {
    width: 960px;
    height: 800px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #character .chara_anm .gallery-top .swiper-slide, .eng .chara_anm .gallery-top .swiper-slide {
      position: relative;
      display: block; }
      #character .chara_anm .gallery-top .swiper-slide .chara_img, #character .chara_anm .gallery-top .swiper-slide .digimon_img, .eng .chara_anm .gallery-top .swiper-slide .chara_img, .eng .chara_anm .gallery-top .swiper-slide .digimon_img {
        text-align: center;
        position: absolute; }
      #character .chara_anm .gallery-top .swiper-slide .chara_img img, .eng .chara_anm .gallery-top .swiper-slide .chara_img img {
        width: 100%; }
      #character .chara_anm .gallery-top .swiper-slide .chara_data, .eng .chara_anm .gallery-top .swiper-slide .chara_data {
        border-bottom: solid 1px #ccc;
        padding-bottom: 30px;
        width: 370px; }
        #character .chara_anm .gallery-top .swiper-slide .chara_data h2, .eng .chara_anm .gallery-top .swiper-slide .chara_data h2 {
          font-size: 1.7em;
          border-left: solid 5px #40b68f;
          margin-bottom: 10px;
          padding-left: 20px;
          padding-top: 5px;
          white-space: nowrap; }
          #character .chara_anm .gallery-top .swiper-slide .chara_data h2 p, .eng .chara_anm .gallery-top .swiper-slide .chara_data h2 p {
            font-size: 0.4em;
            letter-spacing: 0.2em;
            padding-top: 5px; }
        #character .chara_anm .gallery-top .swiper-slide .chara_data .chara_text, .eng .chara_anm .gallery-top .swiper-slide .chara_data .chara_text {
          line-height: 1.9em;
          font-size: 0.9em;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
      #character .chara_anm .gallery-top .swiper-slide .chara_data1, .eng .chara_anm .gallery-top .swiper-slide .chara_data1 {
        padding-top: 20px;
        padding-left: 120px;
        margin-bottom: 100px;
        margin-left: 150px; }
      #character .chara_anm .gallery-top .swiper-slide .chara_data2, .eng .chara_anm .gallery-top .swiper-slide .chara_data2 {
        padding-right: 150px;
        margin-left: 280px; }
      #character .chara_anm .gallery-top .swiper-slide .chara1, .eng .chara_anm .gallery-top .swiper-slide .chara1 {
        width: 224px; }
      #character .chara_anm .gallery-top .swiper-slide .chara2, .eng .chara_anm .gallery-top .swiper-slide .chara2 {
        width: 193px;
        margin-left: 49px; }
      #character .chara_anm .gallery-top .swiper-slide .chara3, .eng .chara_anm .gallery-top .swiper-slide .chara3 {
        width: 203px;
        margin-left: 40px; }
      #character .chara_anm .gallery-top .swiper-slide .chara4, .eng .chara_anm .gallery-top .swiper-slide .chara4 {
        width: 286px; }
      #character .chara_anm .gallery-top .swiper-slide .chara5, .eng .chara_anm .gallery-top .swiper-slide .chara5 {
        width: 251px;
        margin-top: 20px; }
      #character .chara_anm .gallery-top .swiper-slide .chara6, .eng .chara_anm .gallery-top .swiper-slide .chara6 {
        width: 220px;
        margin-left: 30px; }
      #character .chara_anm .gallery-top .swiper-slide .chara7, .eng .chara_anm .gallery-top .swiper-slide .chara7 {
        width: 293px; }
      #character .chara_anm .gallery-top .swiper-slide .chara8, .eng .chara_anm .gallery-top .swiper-slide .chara8 {
        width: 300px;
        margin-top: 30px;
        margin-left: 0; }
      #character .chara_anm .gallery-top .swiper-slide .chara9, .eng .chara_anm .gallery-top .swiper-slide .chara9 {
        width: 215px;
        margin-top: 30px;
        margin-left: -10px; }
      #character .chara_anm .gallery-top .swiper-slide .chara10, .eng .chara_anm .gallery-top .swiper-slide .chara10 {
        width: 185px;
        margin-top: 30px;
        margin-left: -10px; }
      #character .chara_anm .gallery-top .swiper-slide .chara11, .eng .chara_anm .gallery-top .swiper-slide .chara11 {
        width: 259px;
        margin-top: 30px;
        margin-left: -10px; }
      #character .chara_anm .gallery-top .swiper-slide .chara12, .eng .chara_anm .gallery-top .swiper-slide .chara12 {
        width: 165px;
        margin-top: 30px;
        margin-left: -10px; }
      #character .chara_anm .gallery-top .swiper-slide .chara13, .eng .chara_anm .gallery-top .swiper-slide .chara13 {
        width: 185px;
        margin-top: 30px;
        margin-left: 10px; }
      #character .chara_anm .gallery-top .swiper-slide .chara14, .eng .chara_anm .gallery-top .swiper-slide .chara14 {
        width: 198px;
        margin-top: 30px;
        margin-left: 48px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon_img, .eng .chara_anm .gallery-top .swiper-slide .digimon_img {
        right: 0; }
        #character .chara_anm .gallery-top .swiper-slide .digimon_img img, .eng .chara_anm .gallery-top .swiper-slide .digimon_img img {
          width: 100%; }
      #character .chara_anm .gallery-top .swiper-slide .digimon1, .eng .chara_anm .gallery-top .swiper-slide .digimon1 {
        width: 264px;
        right: -20px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon2, .eng .chara_anm .gallery-top .swiper-slide .digimon2 {
        width: 194px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon3, .eng .chara_anm .gallery-top .swiper-slide .digimon3 {
        width: 161px;
        right: 30px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon4, .eng .chara_anm .gallery-top .swiper-slide .digimon4 {
        width: 295px; }
        #character .chara_anm .gallery-top .swiper-slide .digimon4 img, .eng .chara_anm .gallery-top .swiper-slide .digimon4 img {
          margin-left: 0; }
      #character .chara_anm .gallery-top .swiper-slide .digimon5, .eng .chara_anm .gallery-top .swiper-slide .digimon5 {
        width: 221px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon6, .eng .chara_anm .gallery-top .swiper-slide .digimon6 {
        width: 275px;
        margin-top: 54px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon7, .eng .chara_anm .gallery-top .swiper-slide .digimon7 {
        width: 245px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon8, .eng .chara_anm .gallery-top .swiper-slide .digimon8 {
        width: 244px;
        right: -2px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon9, .eng .chara_anm .gallery-top .swiper-slide .digimon9 {
        width: 217px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon10, .eng .chara_anm .gallery-top .swiper-slide .digimon10 {
        width: 303px;
        right: -15px;
        margin-top: 94px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon11, .eng .chara_anm .gallery-top .swiper-slide .digimon11 {
        width: 301px;
        margin-right: -30px;
        margin-top: 30px; }
      #character .chara_anm .gallery-top .swiper-slide .digimon12, .eng .chara_anm .gallery-top .swiper-slide .digimon12 {
        width: 238px;
        padding-top: 50px;
        margin-right: -20px; }
  #character .chara_anm .swiper-button-next, #character .chara_anm .swiper-button-prev, .eng .chara_anm .swiper-button-next, .eng .chara_anm .swiper-button-prev {
    width: 42px;
    height: 62px;
    background-size: 42px 62px;
    top: 40%; } }

@media screen and (max-width: 320px) {
  .chara_anm .second .swiper-slide {
    width: 42px !important;
    height: 42px; }
  .chara_anm .second .swiper-slide:nth-child(8) {
    margin-right: 54% !important; } }

/* --------------------------------------------------------------


                      special


-----------------------------------------------------------------*/
#special .movie .sub_menu-movie {
  border-bottom: solid #40b68f 3px;
  text-decoration: none;
  color: #000000;
  font-weight: bold; }

#special .movie .movie_list {
  width: 90%;
  margin: 0 auto; }
  #special .movie .movie_list li {
    text-align: center;
    margin-bottom: 30px; }
    #special .movie .movie_list li iframe {
      margin: 0 auto; }

#special .event .sub_menu-event {
  border-bottom: solid #40b68f 3px;
  text-decoration: none;
  color: #000000;
  font-weight: bold; }

/* --------------------------------------------------------------


                      history


-----------------------------------------------------------------*/
#history .bg_history {
  background-color: #fff;
  background-image: url(/movie/digimon-adventure/last-evolution/history/img/flame1.png), url(/movie/digimon-adventure/last-evolution/history/img/flame2.png), url(/movie/digimon-adventure/last-evolution/history/img/flame3.png), url(/movie/digimon-adventure/last-evolution/history/img/flame4.png);
  background-position: left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;
  background-size: 70px;
  background-repeat: no-repeat;
  padding: 15px 0; }
  #history .bg_history .year {
    background-image: url(/movie/digimon-adventure/last-evolution/history/img/bg-year.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 180px;
    height: 70px;
    margin: 0 auto;
    width: 180px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    font-family: "lato", sans-serif;
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: 0.1em; }
    #history .bg_history .year span {
      font-size: 0.6em; }

#history .htry_icn {
  color: #fff;
  height: 17px;
  line-height: 17px;
  font-size: 0.8em;
  text-align: center;
  width: 4em;
  margin-bottom: 5px; }
  #history .htry_icn.htry_icn-tv {
    background-color: #53aac6; }
  #history .htry_icn.htry_icn-movie {
    background-color: #40b690; }

#history .area-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #history .area-year ul {
    width: 50%; }
    #history .area-year ul.list-tv {
      border-right: 1px solid #d6d6d6; }
    #history .area-year ul li {
      padding-bottom: 50px;
      margin-bottom: 0;
      padding-left: 10px;
      padding-right: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #history .area-year ul li.history_20logo {
        width: 200%;
        margin-right: -50px;
        text-align: center; }
        #history .area-year ul li.history_20logo img {
          width: 80%; }
      #history .area-year ul li.history_logo_movie {
        width: 200%;
        margin-right: -55px;
        text-align: center; }
        #history .area-year ul li.history_logo_movie img {
          width: 80%; }
      #history .area-year ul li .img-area {
        width: 100%;
        margin: 0 auto; }
        #history .area-year ul li .img-area img {
          width: 100%; }
      #history .area-year ul li .txt-area .ttl_name {
        font-weight: bold;
        color: #000000;
        padding-bottom: 5px;
        line-height: 1.3em; }
      #history .area-year ul li .txt-area .txt_data {
        font-size: 0.8em;
        line-height: 1.4em;
        margin-bottom: 15px; }
      #history .area-year ul li .btn_link {
        font-size: 12px;
        margin: 5px 0;
        height: 30px;
        line-height: 30px; }

#history .history-copyright {
  margin-top: 50px;
  width: 100%;
  font-size: 0.6rem;
  line-height: 1.4rem;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 960px) {
  #history .bg_history {
    width: 950px;
    margin: 0 auto; }
    #history .bg_history .year {
      width: 210px;
      background-size: 210px;
      line-height: 80px;
      margin-bottom: 20px; }
      #history .bg_history .year span {
        font-size: 0.6em; }
  #history .htry_icn {
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    width: auto;
    padding: 0 10px; }
  #history .area-year {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #history .area-year ul {
      width: 50%; }
      #history .area-year ul.list-tv {
        border-right: 1px solid #d6d6d6;
        text-align: right; }
      #history .area-year ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #history .area-year ul li.li-tv {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
        #history .area-year ul li.history_20logo {
          text-align: center;
          display: block; }
          #history .area-year ul li.history_20logo img {
            width: 400px; }
        #history .area-year ul li.history_logo_movie {
          text-align: center;
          display: block; }
          #history .area-year ul li.history_logo_movie img {
            width: 400px; }
        #history .area-year ul li .img-area {
          width: 200px;
          margin: 0 10px; }
        #history .area-year ul li .txt-area {
          width: 280px;
          line-height: 1.7em; }
          #history .area-year ul li .txt-area .ttl_name {
            font-weight: bold;
            color: #000000;
            padding-bottom: 10px;
            font-size: 1.1em; }
          #history .area-year ul li .txt-area .txt_data {
            font-size: 0.9em;
            line-height: 1.4em; }
          #history .area-year ul li .txt-area .btn_link {
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            letter-spacing: 0;
            width: 100px;
            margin: 0;
            display: inline-block; }
  #history .history-copyright {
    font-size: 0.7rem;
    margin-top: 50px;
    width: 515px; } }

/* --------------------------------------------------------------


                      news_list


-----------------------------------------------------------------*/
#news .news_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 50px; }
  #news .news_list .list-item {
    width: 48%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background-color: #fff;
    background-image: url(/movie/digimon-adventure/last-evolution/img/common/triangle.gif);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 0 bottom 0;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
    box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
    margin-right: 4%;
    margin-bottom: 4%; }
    #news .news_list .list-item:nth-child(2n) {
      margin-right: 0%; }
    #news .news_list .list-item .thumb {
      width: 100%; }
    #news .news_list .list-item .news_ttl_box {
      font-weight: bold;
      font-size: 13px;
      line-height: 1.4em;
      color: #000000; }
    #news .news_list .list-item .date {
      font-size: 0.7em;
      display: inline-block; }

#news .pager {
  text-align: center;
  width: 100%;
  margin-bottom: 50px; }

@media screen and (min-width: 960px) {
  #news .news_list {
    padding-bottom: 50px;
    width: 960px;
    margin: 0 auto; }
    #news .news_list .list-item {
      width: 30%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      background-color: #fff;
      background-image: url(/movie/digimon-adventure/last-evolution/img/common/triangle.gif);
      background-size: 10px;
      background-repeat: no-repeat;
      background-position: right 0 bottom 0;
      -webkit-box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
      box-shadow: 0px 0px 6px 3px rgba(206, 206, 206, 0.37);
      margin-right: 4%;
      margin-bottom: 4%; }
      #news .news_list .list-item a:hover {
        text-decoration: none; }
      #news .news_list .list-item:nth-child(2n) {
        margin-right: 4%; }
      #news .news_list .list-item:nth-child(3n) {
        margin-right: 0%; }
      #news .news_list .list-item .thumb {
        width: 100%; }
      #news .news_list .list-item .news_ttl_box {
        font-size: 15px;
        padding-bottom: 15px; }
      #news .news_list .list-item .date {
        font-size: 0.7em;
        display: inline-block; } }

/* --------------------------------------------------------------


                      news_detail


-----------------------------------------------------------------*/
#news .bg_news_detail {
  background-color: #fff;
  background-image: url(/movie/digimon-adventure/last-evolution/history/img/flame1.png), url(/movie/digimon-adventure/last-evolution/history/img/flame2.png), url(/movie/digimon-adventure/last-evolution/history/img/flame3.png), url(/movie/digimon-adventure/last-evolution/history/img/flame4.png);
  background-position: left 5px top 5px,right 5px top 5px,left 5px bottom 5px,right 5px bottom 5px;
  background-size: 70px;
  background-repeat: no-repeat;
  padding: 25px 25px 50px 25px; }
  #news .bg_news_detail .news_ttl {
    text-align: left;
    font-size: 1.4em;
    padding: 10px 0;
    border-bottom: solid 1px #d6d6d6;
    margin-bottom: 20px; }
  #news .bg_news_detail .news_date {
    font-size: 0.8em;
    display: inline-block; }
  #news .bg_news_detail .h2_news {
    font-size: 1.1em;
    margin-bottom: 7px; }

#news .back_idx {
  text-align: center;
  padding: 30px 0; }

#news .tag {
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  font-size: 10px;
  color: #fff;
  display: inline-block; }
  #news .tag.tag_new {
    background-color: #DF438D; }
  #news .tag.tag_NEWS {
    background-color: #538cb9; }
  #news .tag.tag_EVENT {
    background-color: #3e9c73; }
  #news .tag.tag_GOODS {
    background-color: #f9864d; }

@media screen and (min-width: 960px) {
  #news .bg_news_detail {
    width: 800px;
    margin: 0 auto;
    padding: 30px 60px 60px 60px; }
    #news .bg_news_detail .news_ttl {
      font-size: 1.6em; }
    #news .bg_news_detail .news_date {
      font-size: 0.8em; }
    #news .bg_news_detail .h2_news {
      font-size: 1.2em; } }