@charset "UTF-8";
body { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; }






.slick-arrow { width: 15px; height: 60px; background-repeat: no-repeat; background-position: 50% 50%; padding: 0; border: none; background-color: #fff; font-size: 0; line-height: 0; display: block; position: absolute; top: 50%; margin-top: -25px; }

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


body.top img.topLogo{display:block;}
body.top img.otherLogo{display:none;}


body img.topLogo{display:none;}
body img.otherLogo{display:block;}

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


body div.fesinfo{width:100%;height: 100vh;position:absolute;z-index:2000;top:0px;}

body div.fesinfoMain{width:70%;position:absolute;margin:0 auto; left:0px;right:0px;z-index:2110;top:40px;}
body div.fesinfoMain p img{width:100%;}

p.fesClose{margin:75px auto 0;width:30%;z-index:2110;position:absolute;left:0px;right:0px;cursor:pointer;}
p.fesClose img{width:100%;}

body div.fesinfoBack{width:100%;height:100vh;background-color:#266eb6;position:absolute;opacity:0.92;position:absolute;z-index:2100;cursor:pointer;}



#header-logo{position:relative;}
img.logo1{position:absolute;top:0;margin:auto;left:0;right:0;display:none;}



body.top{background-color:#00b4ed;}
.l-side {background-color:#00b4ed;}
p.bannerArea-text{font-size:0.875em;font-weight:bold;line-height:1.5em;margin:-5px 0 20px 10px;}
#movieLayer { display: none !important; }
  .select-lang { position: absolute; top: 34px; right: 0; }
  #digimonInfo { width: 100%; position: relative; background: none; z-index: 1; }
  #digimonInfo .digimonInfo-contents img { width: 100%;margin-top: -12px;}
  .capter { display: block !important; }
  .capter img { display: block; margin: 0 auto; }
  .en .capter { color: #fff; font-weight: bold; position: relative; top: -5px; font-size: 1.072em; }
  .uppercontents-wrapper { overflow: hidden; }
  
.uppercontents-wrapper .main-contents {
    background: transparent url(/movie/digimon-adventure/tri/images/index/6thdvisual.jpg) no-repeat scroll 50% -80px / 100% auto;
    padding: 145% 0px 0px;width: 100%;
}

  
  .uppercontents-wrapper .main-contents .mainvisual { display: none; }
  .uppercontents-wrapper .main-contents .m-movie { width: 90%; margin: 0 auto; }
  

.uppercontents-wrapper .main-contents .info_banner {
    padding:0px;

}





.uppercontents-wrapper .main-contents article {
    overflow: hidden;
    margin: 0px 0px 25px 0;
}
  .uppercontents-wrapper .main-contents article .m-topics {     padding-bottom: 30px;
    margin-top: -2px;
    background-color: #FFF; }
  .uppercontents-wrapper .main-contents article .m-topics h2 { font-size: 1.215em; font-weight: bold; border-bottom: 1px solid #ddd; color: #333; padding: 24px 0 10px 0; line-height: 1em; margin: 0 10px; }
  .uppercontents-wrapper .main-contents article .m-topics #m-topics-list { list-style-type: none; margin: 0; padding: 12px 0 7px; height: 280px; overflow-y: scroll; }
  .uppercontents-wrapper .main-contents article .m-topics #m-topics-list li { font-size: .929em; font-weight: bold; margin-bottom: 10px; line-height: 1.5em; border-bottom: 1px dotted #ddd; color: #1f5caa; padding-left: 10px; padding-bottom: 15px; }
  .uppercontents-wrapper .main-contents article .m-topics #m-topics-list li time { color: #333; display: inline-block; font-weight: normal; }
  .uppercontents-wrapper .main-contents article .m-topics #m-topics-list li a { color: #333; padding-right: 35px; display: block; position: relative; }
  .uppercontents-wrapper .main-contents article .m-topics #m-topics-list li a:after { content: ""; display: block; background: url(/movie/digimon-adventure/tri/images/common/arrow-right.svg) no-repeat 50% 50%; background-size: 100%; width: 10px; height: 16px; position: absolute; right: 18px; top: 50%; margin-top: -16px; }
  .uppercontents-wrapper .main-contents article .m-topics #m-topics-list li.new time:after { content: "NEW!"; color: #e20000; font-weight: bold; font-size: 12px; display: inline-block; position: relative; top: -1px; left: 3px; }
  .uppercontents-wrapper .main-contents article .m-twitter { padding-bottom: 30px; }
  .uppercontents-wrapper .main-contents article .m-twitter iframe { height: 400px !important; }
  .m-banner { margin: 0px; padding: 30px 20px; background-color: #fff; }
  .m-banner #slide { margin: 0 auto; }
  .m-banner #slide > div a { display: block; padding: 5px; }
  .m-banner #slide > div a img { display: block; width: 100%; }
  .slick-prev { background-image: url(/movie/digimon-adventure/tri/images/common/triangle_l_sp.png); left: -20px; }
  .slick-next { background-image: url(/movie/digimon-adventure/tri/images/common/triangle_r_sp.png); right: -20px; } 
  #pageTop { color: #FFF; background: #333 url(/movie/digimon-adventure/tri/images/common/topback_indent02.png) no-repeat center 20px; }
  
	#spMovie div.column{
		margin:-15px auto 20px auto;
		background-color:#7cbc27;
		width:100%;
	}
	
	#spMovie div.column img{width:100%;}
	

	#buttonArea{
		position:relative;
		width:90%;
		margin:0 auto;

		}
	#buttonArea a{
		display: block;
		position:absolute;
		z-index:1000;
		background-image: url(/movie/digimon-adventure/tri/images/movie/movie_play_button.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 100%;
		width: 100%;
		top: 0%;
		left:5%;
	}
	


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

body div.fesinfo{width:100%;height:100vh;position:absolute;z-index:2000;top:0px;}

body div.fesinfoMain{width:486px;position:absolute;margin:0 auto; left:0px;right:0px;z-index:2110;top:100px;}

p.fesClose{margin:125px auto 0;width:142px;z-index:2110;position:absolute;left:0px;right:0px;cursor:pointer;}
body div.fesinfoBack{width:100%;height:100vh;background-color:#266eb6;position:absolute;opacity:0.92;position:absolute;z-index:2100;cursor:pointer;}


body { background-color: #fff; }
  .select-lang { position: absolute; top: 10px; right: 50px; }
  .select-langTop { position: absolute; top: 10px; right: 32px; }
  .uppercontents-wrapper {  background: #1f5caa url(/movie/digimon-adventure/tri/images/index/6thvisual_back.jpg) repeat -400px -300px;}
  
img.logo1{display:none;}
  p.bannerArea-text{font-size:0.875em;font-weight:bold;line-height:1.5em;}
  
  .uppercontents-wrapper #digimonInfo { width: 100%; position: absolute; background-image: url(/movie/digimon-adventure/tri/images/index/main_pc_announce_info_chapter6.svg); background-repeat: no-repeat; background-position: center top; top: 505px; height: 527px; z-index: 1; }
  .uppercontents-wrapper #digimonInfo .digimonInfo-contents { display: none; }
  .uppercontents-wrapper .uppercontents-inner { width: 1145px; margin: 0 auto; overflow: hidden; position: relative; }
.main-contents {
    position: absolute;
    padding-left: 0;
    left: 237px;
}
  .uppercontents-wrapper .uppercontents-inner .main-contents img.mainvisual { position: relative; top:0px; }
.uppercontents-wrapper .m-side-contents {
    width: 272px;
    position: absolute;
    top: 40px;
    right: -10px;
    z-index: 2;
}
  .uppercontents-wrapper .m-side-contents article {border: 3px solid #e3e3e3; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; background-color: #fff; margin-bottom: 10px; }
.uppercontents-wrapper .main-contents .info_banner {border-radius:3px;}
  .uppercontents-wrapper .m-side-contents article.c1infoBanner {border: 3px solid #e3e3e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; background-color: #fff; margin-bottom: 10px; }
  .uppercontents-wrapper .m-side-contents article .m-topics h2 {font-size: 1.215em;
    font-weight: bold;
    border-bottom: 2px solid #939393;
    color: #000000;
    padding: 14px 13px 9px;
    line-height: 1em;
    margin: 0;}
    
    
  .uppercontents-wrapper .m-side-contents article .m-topics #m-topics-list { list-style-type: none; margin: 0; padding: 12px 12px 7px 12px; height:215px;overflow-y: scroll; }
  .uppercontents-wrapper .m-side-contents article .m-topics #m-topics-list li { font-size: .929em; margin-bottom: 10px; line-height: 1.4; }
  .uppercontents-wrapper .m-side-contents article .m-topics #m-topics-list li time { color: #999; display: inline-block; margin-bottom: 1px; }
  .uppercontents-wrapper .m-side-contents article .m-topics #m-topics-list li a { color: #666666; }
  .uppercontents-wrapper .m-side-contents article .m-topics #m-topics-list li.new time:after { content: "NEW!"; color: #e20000; font-weight: bold; font-size: 11px; display: inline-block; position: relative; top: -1px; left: 5px; }
  .undercontents-wrapper { position: relative; z-index: 999; }
  .l-side { height: 900px; }
  .globalEn {margin-bottom: -74px;background-color: #1f5caa;}
  .l-side .global-nav ul { padding-top: 27px; }
  .l-side .m-btn-set img { width: 38px; height: 38px; }
  

.l-side .global-nav ul {
    border-top: 1px solid #4c7dbb;
    border-bottom: 1px solid #4c7dbb;
    padding: 23px 0 20px;
    margin: 0 12px;
    list-style: none;
    list-style-type: none;
    background: none;
}


.l-side .global-nav ul a {
    display: block;
    padding: 3px;
    color: #FFF;
    font-size: 1.286em;
    line-height: 1.12em;
    text-decoration: none;

}
.l-side .global-nav ul{ border-top: 1px solid #4c7dbb; border-bottom: 1px solid #4c7dbb; padding: 23px 0 20px; margin: 0 12px; list-style: none; list-style-type: none; background: none; }

.l-side .global-nav ul.En { border-top: 1px solid #4c7dbb border-bottom: 1px solid #4c7dbb; padding: 23px 0 20px; margin: 0 12px; list-style: none; list-style-type: none; background: none; font-size:0.935em;}
.l-side .global-nav ul.En a{ color: #FFF; }
.l-side .global-nav ul a:hover{ color: #FFF; opacity:0.7;}
.l-side .global-nav ul.En a:hover { color: #FFF; opacity:0.7;}
  
.l-side .logo {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 27px;
    width: 190px;
} 

.l-side .logo img{
width:99.5%;
margin:0 0.25%;
} 
 
 
  .m-banner { margin: 63px 0; }
  .m-banner #slide { width: 950px; margin: 0 auto; }
  .m-banner #slide > div a { display: block; width: 190px; padding: 5px; }
  .m-banner #slide > div a img { display: block; width: 180px; }
  .slick-prev { background-image: url(/movie/digimon-adventure/tri/images/common/triangle_l.png); left: -20px; }
  .slick-next { background-image: url(/movie/digimon-adventure/tri/images/common/triangle_r.png); right: -20px; }
  #pageTop { color: #FFF; background: #333 url(/movie/digimon-adventure/tri/images/common/topback_indent02.png) no-repeat center 20px; }
  footer { border-top: 5px solid #00b5ee;}
  .en .select-lang { right: 45px; }
  .en .select-lang li { margin-left: .5em; }
  .en .uppercontents-wrapper {background-color: #d71619;}
  .en .l-side .logo { padding-bottom: 16px; }
  .en .l-side .global-nav ul { padding-top: 25px; padding-bottom: 50px; }
  .en .l-side .global-nav ul li { padding-bottom: 21px; }
  .en .capter { display: none; }
  .en footer { border-top: none; }
  
  #movie { position: fixed; left: 0; top: 0; width: 100%; height: 100%; margin: block; background-color: #000; z-index: 2000; cursor: pointer; opacity: 0.7; }
  #movieLayer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; margin: auto; display:none; z-index: 4000; cursor: pointer; }
  #movieLayer .youtube { position: absolute; top: 14%; left: 14%; z-index: 4010; }
  #movieLayer .skip { position: absolute; top: 90%; left: 90%; z-index: 4010; cursor: pointer; }
  #buttonArea {display:none;}
  
.chara{display:inline-block;margin-bottom:-5px;}

.charaIn{display:none;margin-left:15px;}

.naviIndent{margin: -7px 0 0 -19px;display:inline-block;transform:rotate(0deg);}

}



/* LINEスタンプ用 */
	@media screen and (min-width: 769px) { 
	
	#digiStwrapper{width:100%;height:100%;bacgroun-color:#000;background-color:rgba(000,000,000,0.7);position:fixed;z-index:10000;display:none;cursor:pointer;}
	#digiStwrapper div.main{width:925px;padding:50px 0 0;margin:0 auto ;overflow:hidden;}
	#digiStwrapper div.main p{float:left;width:49%;margin-right:2%;}
	#digiStwrapper div.main p img{width:100%;}
	#digiStwrapper div.main p:nth-last-child(1){margin-right:0%;}
	
	#digiStwrapper div.buyButton{margin: 0 0 0 0 auto;clear: both;position: absolute;left: 42%;text-align: center;top:750px;}
	#digiStwrapper div.buyButton a{border-radius:10px;background-color:#22ad38;color:#FFF;font-weight:700;padding:15px 60px;font-size:1.25em;}
	#digiStwrapper div.buyButton a:hover{opacity:0.6;}
	#digiStwrapper div.main p  span.buyButton{display:none;}
	p.closeb{margin: 0 0 0 55px;clear: both;position: absolute;left: 42%;text-align: center;top:820px;display:block;font-size:2em;color:#FFF;cursor:pointer;}
	.display01{display:none;}	
	.display02{display:block;}	
	
.boxMovie {position:relative;cursor:pointer;}
.boxMovie a{text-decoration:none;}
.boxMovie a:hover{text-decoration:underline;}
.boxMovie a:hover p.boxMovieInfo{background-color:#666;}

p.boxMovieIcon02 img{width:15px;margin:16px auto 0;display:block;}
p.boxMovieIcon02{position:absolute;z-index:500;width:52px;height:52px;left:0px;right:0px;top:25px;margin:0 auto;background-color: rgba(255,255,255,0.6);border-radius:26px;}
p.boxMovieImg{margin:0px;}
p.boxMovieInfo{padding:10px;color:#FFF;font-size:0.785em !important;background-color:#333;margin:0px;}
	
.spMovie{display:none;}
.boxMovieInfoSp{display:none;}


	}
	
@media screen and (max-width: 768px) { 
	
	#digiStwrapper{width:100%;height:100%;bacgroun-color:#000;background-color:rgba(000,000,000,0.7);position:absolute;z-index:10000;height:2800px;;display:none;cursor:pointer;}
	#digiStwrapper div.main{width:100%;padding:0 ;margin:0 auto 0;overflow:hidden;position:absolute;z-index:10001;top:1500px;}
	#digiStwrapper div.main p{width100%; margin:0;}
	#digiStwrapper div.main p img{width:100%;width:100%;margin-bottom:20px;}
	
	#digiStwrapper div.main p  span.buyButton{margin:20px 0 20px  20%;display:block;width:80%;}
	#digiStwrapper div.main p  span.buyButton a{border-radius:10px;background-color:#22ad38;color:#FFF;font-weight:700;padding:15px 60px;font-size:1.25em;}

	#digiStwrapper div.main p a img{opacity:1.0 !important;}	
		#digiStwrapper div.buyButton{display:none;}
			p.closeb{display:none;}
.closeb{display:block;font-size:5.em;color:#FFF;font-weight:700;cursor:pointer;margin-top:20px;text-align:center;width:100%;margin-left:-30px;}

.boxMovie {
    position: absolute!important;
    cursor: pointer;
    width: 90%;
    margin-left: 5% !important;
    padding-top: 141% !important;
    top: 0px;
}

.boxMovie a:hover img {opacity:1.0 !important;}

.boxMovie a{text-decoration:none;}


p.boxMovieIcon02 img{
    width: 30%;
    margin: 30% 35%;
    display: block;

}
p.boxMovieIcon02{
    position: absolute;
    z-index: 500;
    width: 15%;
    height: 7.5%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.6);
    border-radius: 50%;
    top: 80%;
}

p.boxMovieImg{margin:0px;

border-top-width: 2px;
border-top-color: #FFF;
border-top-style: solid;
border-left-width: 2px;
border-left-color: #FFF;
border-left-style: solid;
border-right-color: #FFF;
border-right-width: 2px;
border-right-style: solid;

}


p.boxMovieInfoSp{padding:10px;color:#FFF;font-size:0.785em !important;background-color:#333;margin:0px;

border-bottom-width: 2px;
border-bottom-color: #FFF;
border-bottom-style: solid;
border-left-width: 2px;
border-left-color: #FFF;
border-left-style: solid;
border-right-color: #FFF;
border-right-width: 2px;
border-right-style: solid;

}
	.pcMovie{display:none}
	.spMovie{position:relative;width:100%;margin:0px;padding:0px;padding-top:45%;
	border-top-width: 2px;
	border-top-color: #FFF;
	border-top-style: solid;
	border-left-width: 2px;
	border-left-color: #FFF;
	border-left-style: solid;
	border-right-color: #FFF;
	border-right-width: 2px;
	border-right-style: solid;
	
	}
	iframe.youtube2{
	position:absolute;
	width: 100% !important;
    height: 100% !important;top:0px;right:0px;

	}