@charset "UTF-8";
body { line-height: 1.4; min-height: 100%; overflow-x: hidden; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
dl dt h3 {
    font-size: 1.72em;
    font-weight: normal;
    line-height: 1.25em;
}
a { color: #fff600; text-decoration: underline; }

a:hover { text-decoration: none; color: #fff600; }
a:hover img { filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }

.spNclickINfo { font-size: 0.858em; text-align: center; display: block; margin-top: 5px; }

.m-btn-set { margin: 0; padding: 0; text-align: center; }
.m-btn-set a { display: inline-block; }

.select-lang { position: absolute; top: 24px; right: 24px; z-index: 11; list-style-type: none; margin: 0; padding: 0; }
.select-lang li { display: inline-block; font-size: 1.143em; margin-left: 1em; }
.select-lang li span { color: #FFF; -webkit-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; }
.select-lang li a { font-weight: bold; color: #FFF; }


.select-langTop { position: absolute; top: 24px; right: 24px; z-index: 11; list-style-type: none; margin: 0; padding: 0; }
.select-langTop li { display: inline-block; font-size: 1.143em; margin-left: 1em; }
.select-langTop li span { color: #FFF; -webkit-opacity: 0.6; -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; }
.select-langTop li a { font-weight: bold; color: #FFF; }


.l-side { background-color: #1b76c3; }

#pageTop { position: fixed; bottom: 195px; right: 80px; font-weight: bold; color: #1f5ba9; background: #feea00 url(/movie/digimon-adventure/tri/images/common/topback_indent.png) no-repeat center 20px; cursor: pointer; width: 70px; height: 70px; line-height: 80px; text-align: center; border-radius: 35px; z-index: 300; }

.capitalize { text-transform: none !important; }

.en .footer-contact {  }

@media screen and (max-width: 768px) {
 body.top{ background-color: #d71619; }
 body { background-color: #19a6f0; }
 
#header-logo a img.topLogo{display:block;}
#header-logo a img.topLogo2{display:none;}

#sidr a img.topLogo{display:none;}
#sidr a img.topLogo2{display:block;}


ul.chapterTab{
 overflow:hidden;
 width:100%;
 margin-top:-5px;
 padding:0px;
 padding-bottom:25px;
}

ul.chapterTabEn{
 overflow:hidden;
 width:100%;
 margin-top:0px;
 padding:0px;
 padding-bottom:25px;
}

ul.chapterTab li {
    overflow: hidden;
    width: 32%;
    float: left;
    margin-right: 2%;
    background: #FFF;
    font-weight: bold;
    color: #19a6f0;
    font-size: 1em;
    display: block;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
}

ul.chapterTab li:nth-last-child(1) {
    overflow: hidden;
    width: 32%;
    float: left;
    margin-right: 0%;
    background: #FFF;
    font-weight: bold;
    color: #19a6f0;
    font-size: 0.55em;
    display: block;
    text-align: center;
    padding: 14px 0 ;
    margin-bottom: 10px;
    letter-spacing:-0.1em;
}

ul.chapterTab li:nth-last-child(1) a{
	margin:-14px 0;
	padding:12.5px 0 11px;
	font-size:0.82em;
	width:auto;
	height:auto;
	display:block;
	color:#bae4fb;
	border: 2px #bae4fb solid;
	background:#19a6f0;
	font-weight:normal;
	text-align:center;	
	background-image: url(/movie/digimon-adventure/story/chapter_arrow.svg);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 93% center;
    letter-spacing:-0.12em;
	
	}


ul.chapterTab li:nth-child(3) {

    margin-right:0%;

}


ul.chapterTabEn li{
 overflow:hidden;
 width:32%;
 float:left;
 margin-right:2%;
background:#FFF;
font-weight:bold;
color:#19a6f0;
font-size:0.875em;
display:block;
text-align:center;
padding:10px 0;
margin-bottom:5px;
}

ul.chapterTabEn li:nth-child(3n){
 margin-right:0%;
}


ul.chapterTab li a{
	margin:-10px 0;
	padding:10.5px 0 11px;
	font-size:0.82em;
	width:auto;
	height:auto;
	display:block;
	color:#bae4fb;
	border: 2px #bae4fb solid;
	background:#19a6f0;
	font-weight:normal;
	text-align:center;	
	background-image: url(/movie/digimon-adventure/story/chapter_arrow.svg);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 93% center;
	
	}

ul.chapterTabEn li a{
    margin: -10px 0;
    padding: 11px 0 11px;
    font-size: 0.835em;
    width: auto;
    height: auto;
    display: block;
    color: #bae4fb;
    border: 2px #bae4fb solid;
    background: #19a6f0;
    font-weight: normal;
    text-align: center;
    background-image: url(/movie/digimon-adventure/story/chapter_arrow.svg);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 93% center;
	
	}

ul.chapterTab li a:hover,ul.chapterTab li a:hover img,ul.chapterTabEn li a:hover,ul.chapterTabEn li a:hover img{
	color:#FFF;
	border: 2px #FFF solid;
    fill: #FFF;
}






  .pc { display: none !important; }
  #simple-menu { display: none; }
  .main-contents-body { border-top: 1px solid #53bcf4;margin-top: 30px; padding: 30px 0 70px; }
  .btn-slidemenu { display: block; width: 44px; height: auto; position: absolute; z-index: 2000; top: 25px; right: 4px; box-sizing: border-box; }
  .btn-slidemenu img { display: block; padding: 10px 8px; width: 100%; }
  
  .select-lang { right: auto; top: 34px; left: 0; }
  .select-lang li { margin-left: 0; }
  .select-lang li.selected { display:none;}
  .select-lang a { text-transform: uppercase; text-decoration: none; font-size: 12px; padding: 16px; }
  
  .select-langTop li.selected { display:none;}
  .select-langTop { right: auto; top: 34px; left: 0; }

  .select-langTop li { margin-left: 0; }
  .select-langTop a { text-transform: uppercase; text-decoration: none; font-size: 12px; padding: 16px; }

  .l-side { background: none; padding-top: 15px; }
  .l-side h1 { margin: 0 auto 16px; width: 40%; }
  .l-side h1 img { width: 100%; }
  .l-side .capter { display: none; width: 27%; height: auto; text-align: center; margin: 0 auto; }
  .l-side .capter img { width: 100%; }
  .l-side .global-nav { width: 100%; background-color: #00A2FF; }
  .l-side .global-nav .logo { width: 25%; display: block; margin: 12px auto 25px; }
  .l-side .global-nav #closeButton { width: 18px; height: 18x; position: absolute; top: 25px; right: 25px; }
  .l-side .global-nav #closeButton img { width: 100%; }
  .l-side .global-nav ul { border-left: none; border-top: 1px solid #76C7F3; margin: 0 auto 45px auto; width: 90%; position: relative; z-index: 11; display: none; font-weight: normal; }
  .l-side .global-nav li { text-align: center;  font-size: 1em;}
  .l-side .global-nav li .capitalize { display: inline-block; padding: 0; }
 
  .l-side .global-nav #navAreaBack { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
  .l-side .m-btn-set { padding: 15px 0; display: none; }
  .l-side .m-btn-set a { margin: 0 2%; }
  .l-side .m-btn-set img { width: 44px; height: 44px; }
  #m-movie { width: 90%; margin: 0 auto; }
  #m-movie .m-movie-inner { position: relative; width: 100%; padding-top: 56.25%; }
  #m-movie .youtube { width: 100%; height: 150px; position: absolute; top: 0; left: 0; }
  .contents-wrapper { margin: 0 auto; position: relative; min-height: 100%; overflow: hidden; }
  .contents-wrapper .main-contents { position: relative; padding-top: 0; color: #fff; margin: 30px 2% 20px; }
  .contents-wrapper .main-contents .pageTitle .subTitle { display: block; font-size: 1.05714286em; font-weight: bold; color: #fff600; text-align: left; }
  .contents-wrapper .main-contents .pageTitle h2 { display: block; font-size: 1.715em; font-weight: normal; font-weight: bold; padding: 5px 0 5px; margin: 0; height: 50px; text-transform: uppercase; background: url(/movie/digimon-adventure/tri/images/cloud/cloud_l_02.png) no-repeat 100% 0; background-size: contain; }
  .footer-banner { background-color: #fff; padding-top: 10px; }
  .footer-banner ul { margin: 0; padding: 0 0 10px; list-style-type: none; text-align: center; }
  .footer-banner ul li { display: inline-block; margin: 10px 5px; }
  .footer-banner ul.footerSns {  padding: 14px 5px; vertical-align: top; }
  .footer-banner ul.footerSns li { vertical-align: top; }
  .footer-contact { width: 100%; text-align: center; padding-top: 30px; font-weight:normal;}
  .footer-contact a { display: inline-block; padding: 10px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; }
  
  
  .footer-contactTop { width: 100%; text-align: center; padding-top: 30px; font-weight:normal;}
  .footer-contactTop a { display: inline-block; padding: 10px; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; }
  
  .copyrightTop { width: 100%; font-size: 11px; text-align: center; color: #FFF; padding: 15px; }
  .copyright { width: 100%; font-size: 11px; text-align: center; color: #FFF; padding: 5px 0 13px; }
  #pageTop { bottom: 100px; right: 20px; }
  #headChara, #headCharaDig,#headCharaEn, #headCharaDigEn { display: none; }
  .en .footer-banner { padding-top: 40px; }
  .en .copyright { padding: 18px 0 13px; } 


nav.global-nav ul li {overflow:hidden;text-align:center;}
nav.global-nav ul li time{}
nav.global-nav ul li span{width:17.5%;margin:-2px 0 0 -15px;}
nav.global-nav ul li span img{width:100%;}

#ul.chapterTab ul.chapterTab{
 overflow:hidden;
 width:100%;
 margin-top:-5px;
 padding:0px;
 padding-bottom:50px;
}

ul.naviMain li span,.l-side .global-nav ul.En li span{display:none;}
.movie_play{margin-left:-20px;}
  
  }
  
  
@media screen and (min-width: 769px) {

#header-logo a img.topLogo{display:block;}
#header-logo a img.topLogo2{display:none;}

#sidr img.topLogo{display:none;}
#sidr img.topLogo2{display:block;}


 body { background-color: #19a6f0; }
  .sp { display: none !important; }
  .main-contents-body { padding: 35px 0 80px; position: relative; overflow: hidden; }
  .main-contents { width: 858px; float: right; padding-left: 30px; }
  .btn-slidemenu { display: none; }
  .l-side { width: 237px; float: left; padding-bottom: 30px; background: none; }
  .l-side .logo { margin: 0 auto; padding-top: 20px; padding-bottom: 22px; width: 190px; }
  .l-side .logo a { display: block; }
  .l-side .logo img { width: 100%; }
  .l-side .capter { height: auto; width: 155px; margin: 0 auto 36px; text-align: center; }
  .l-side .capter img { width: 100%; }
  .l-side .global-nav { position: relative; z-index: 999; }
  .l-side .global-nav ul{ border-top: 1px solid #638dc3; border-bottom: 1px solid #638dc3; padding: 23px 0 20px; margin: 0 12px; list-style: none; list-style-type: none; background: none; }

  .l-side .global-nav ul li { padding: 0 0 8px 17px; line-height: 1;}
  .l-side .global-nav ul.En li { padding: 0 0 25px 20px; line-height: 1; }
  .l-side .global-nav ul a,.l-side .global-nav ul.En a { display: block; padding: 3px; color: #FFF; font-size: 1.286em; text-decoration: none;  }
  .l-side .global-nav ul a .capitalize,.l-side .global-nav ul.En a .capitalize {}
  .l-side .global-nav ul a:hover{ color: #bccee5; }
  
  
  
  .l-side .m-btn-set { position: relative; z-index: 999; padding-top: 25px; }
  .l-side .m-btn-set a { margin: 0 4px; }
  .l-side .m-btn-set img { width: 38px; height: 38px; }
  footer { background-color: #fff; padding: 30px 0; overflow: hidden; clear: both; position: relative; z-index: 1000; }
  footer .footer-inner { overflow: hidden; width: 1145px; margin: 0 auto; }
  footer .logo_toei_anim { width: 105px; height: 72px; margin-bottom: 25px; float: left; position: relative; top: -4px; }
  footer .logo_toei_anim a { display: block; }
  footer .logo_toei_anim img { width: 100%; }
  footer .footer-banner { float: right; margin-bottom: 30px; overflow: hidden; }
  footer .footer-banner ul { display: table; padding-left: 0; margin-bottom: 0; }
  footer .footer-banner li { display: table-cell; vertical-align: middle; padding-left: 10px; }
  footer .footer-banner li.sns { padding-right: 10px; }
  footer .footer-banner ul { float: right; }
  footer .footer-banner ul.footerSns { padding-top: 20px; padding-left: 0; }
  footer .footer-contact { clear: both; text-transform: uppercase; float: left; }
  footer .footer-contact a { display: inline-block; padding: 2px 1em; font-size: .858em; color: #666; text-decoration: none; line-height: 1; }
  footer .footer-contact a:hover { text-decoration: underline; }
  footer .footer-contact:before { content: "|"; color: #333; font-size: .858em; }
  footer .footer-contact:after { content: "|"; color: #333; font-size: .858em; }
  
  
  footer .footer-contactTop { clear: both; text-transform: uppercase; float: left; }
  footer .footer-contactTop a { display: inline-block; padding: 2px 1em; font-size: .858em; color: #333; text-decoration: none; line-height: 1; }
  footer .footer-contactTop a:hover { text-decoration: underline; }
  footer .footer-contactTop:before { content: "|"; color: #333; font-size: .858em; }
  footer .footer-contactTop:after { content: "|"; color: #333; font-size: .858em; }
  
  footer .copyright { float: right; font-size: .929em; }
  footer .copyrightTop { float: right; font-size: .929em; }
  /* Movie */
  #m-movie { position: fixed; left: 0; top: 0; width: 100%; height: 100%; margin: auto; background-color: #000; display: none; z-index: 200; cursor: pointer; opacity: 0.7; }
  #m-movieLayer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; margin: auto; display: none; z-index: 400; cursor: pointer; }
  #m-movieLayer .youtube { position: absolute; top: 14%; left: 14%; z-index: 401; }
  #m-movieLayer .skip { position: absolute; top: 90%; left: 90%; z-index: 401; cursor: pointer; }
  .contents-wrapper { width: 1145px; margin: 0 auto; position: relative; min-height: 100%; background: url(/movie/digimon-adventure/tri/images/common/bg_side.png) repeat-y 0 0; }
  .contents-wrapper .main-contents { background: url(/movie/digimon-adventure/tri/images/cloud/cloud_l_03.png) no-repeat 0 10px; background-size: 70%; position: relative; padding-top: 120px; color: #fff; }
  .contents-wrapper .main-contents .pageTitle { padding-bottom: 15px; border-bottom: 1px solid #53bcf4; }
  .contents-wrapper .main-contents .pageTitle .subTitle { font-size: 1.715em; color: #fff600; display: block; }
  .contents-wrapper .main-contents .pageTitle h2 { font-size: 3.09714286em; font-weight: bold; color: #fff; text-transform: uppercase; margin: 0; line-height: 1.4; padding-bottom: 15px; }
  #headChara { position: absolute; }
  #headChara img { width: 70%; }
  #headCharaDig { position: absolute; }
  #headCharaDig img { width: 60%; }

  #headCharaDigEn { position: absolute; }
  #headCharaDigEn img { width: 60%; }
  
  .fancybox-nav span { visibility: visible; }
  .fancybox-prev span { width: 15px; height: 59px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; left: -40px; background: url(/movie/digimon-adventure/tri/images/common/triangle_l_w.png) no-repeat 0 0; }
  .fancybox-next span { width: 15px; height: 59px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; right: -40px; background: url(/movie/digimon-adventure/tri/images/common/triangle_r_w.png) no-repeat 0 0; }
  .en .select-lang { right: 10px; }
  .en .select-lang li { margin-left: 7px; }
  .en .capter { display: none; }
  .en .l-side .logo { padding-bottom: 15px; }
  .en .l-side .global-nav ul { padding-top: 24px; padding-bottom: 25px; }
  .en .l-side .global-nav li { padding-bottom: 22px; }
  .en .l-side .global-nav li a { font-size: 1.429em; }
  .en .footer-banner { margin-bottom: 45px; }
  .en .footerSns { margin-right: 15px; }
  .en .copyright { clear: both; } 

  

nav.global-nav ul li {overflow:hidden;}
nav.global-nav ul li time{float:left;}
nav.global-nav ul li span{width:14%;margin:4px 0 0 7px;display:block;float:left;}
nav.global-nav ul li span img{width:100%;}


ul.chapterTab{
 overflow:hidden;
 width:100%;
 margin-top:-5px;
 padding:0px;
 padding-bottom:20px;
}

ul.chapterTabEn{
 overflow:hidden;
 width:100%;
 margin-top:0px;
 padding:0px;
 padding-bottom:20px;
}

ul.chapterTab li{
 overflow:hidden;
 width:24.6%;
 float:left;
 margin-right:1.4%;
background:#FFF;
font-weight:bold;
color:#19a6f0;
font-size:1.6em;
display:block;
text-align:center;
padding:10px 0;
margin-bottom: 12px;
}



ul.chapterTab li:nth-last-child(1){
 overflow:hidden;
 width:24.6%;
 float:left;
 margin-right:0%;
background:#FFF;
font-weight:bold;
color:#19a6f0;
font-size:1.25em;
display:block;
text-indent:5px;
padding:13px 0;
margin-bottom: 12px;
}


ul.chapterTab li a{
	margin:-10px 0;
	padding:10.5px 0 11px;
	font-size:0.82em;
	width:auto;
	height:auto;
	display:block;
	color:#bae4fb;
	border: 2px #bae4fb solid;
	background:#19a6f0;
	font-weight:normal;
	text-align:center;	
	background-image: url(/movie/digimon-adventure/story/chapter_arrow.svg);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 93% center;
	
	}


ul.chapterTab li:nth-last-child(1) a {
    margin: -13px 0;
    padding: 13px 0;
    font-size: 0.82em;
    width: 100%;
    height: auto;
    display: block;
    color: #bae4fb;
    border: 2px #bae4fb solid;
    background: #19a6f0;
    font-weight: normal;
    text-align: center;
    background-image: url(/movie/digimon-adventure/story/chapter_arrow.svg);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 93% center;
	
	}


ul.chapterTabEn li{
 overflow:hidden;
 width:24.6%;
 float:left;
 margin-right:1.4%;
background:#FFF;
font-weight:bold;
color:#19a6f0;
font-size:0.935em;
display:block;
text-align:center;
padding:10px 0 ;
margin-bottom: 12px;
	border: 1px #bae4fb solid;
}



ul.chapterTabEn li a{
	margin:-10px 0;
	padding:9px 0;
	width:auto;
	height:auto;
	display:block;
	color:#bae4fb;
	border: 1px #bae4fb solid;
	background:#19a6f0;
	font-weight:normal;
	text-align:center;	
	background-image: url(/movie/digimon-adventure/story/chapter_arrow.svg);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: 93% center;
	
	}

ul.chapterTab li:nth-child(4n),ul.chapterTabEn li li:nth-child(4n){
clear:both;
float:left;
}

ul.chapterTab li a:hover,ul.chapterTab li a:hover img,ul.chapterTabEn li a:hover,ul.chapterTabEn li a:hover img{
	color:#FFF;
	border: 1px #FFF solid;
    fill: #FFF;
}
.main-contents{margin-bottom:150px;}

  }

@media screen and (max-width: 768px){
ul.mainsnsArea{overflow:hidden;padding:15px 0 10px;margin-bottom:-5px;}
ul.mainsnsArea li{display:block;float:left;margin-right:10px;}
ul.mainsnsArea li:nth-child(2) {margin-top:0px;}
ul.mainsnsArea li:nth-last-child(1){margin-right:0%;}

.naviIndent{display:none;}
}


@media screen and (min-width: 769px){

ul.mainsnsArea{float:right;overflow:hidden;padding:15px 0 0;margin-bottom:-5px;}
ul.mainsnsArea li{display:block;float:left;margin-right:10px;}
ul.mainsnsArea li:nth-child(2) {margin-top:0px;}


.naviIndent {
    margin: -5px 0 0 -19px;
    display: inline-block;
	transform:rotate(90deg);
	opacity:0.7;
	}
	.charaIn{margin-left:15px;}
}