body {
   font-family: "Noto Sans JP", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
   font-size: 14px;
   font-weight: 400;
   font-feature-settings: "palt";
   color: #000;
   line-height: 1.8rem;
}

/* ??▒щ??шинх?? */
.contents {
   overflow: hidden;
}

.contents .primary {
   padding: 6% 0 13% !important;
   position: relative;
}

.contents .primary h1 {
   font-size: 1.875em;
   text-align: center;
   margin-bottom: 35px;
   letter-spacing: -0.02em;
}

.flex {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-flow: row wrap;
   flex-wrap: wrap;
   -ms-flex-pack: flex-start;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
}

h1 {
   font-family: futura-pt, sans-serif;
   font-weight: 500;
   font-style: normal;
}

#news_inner,
#movie .movie_inner,
#footer_inner,
.page .page_inner {
   width: 94%;
   margin: auto;
}

.pc {
   display: none;
}

.sp {
   display: block;
}

.dsp-none {
   display: none;
}


/* btn */
.btns {
   background: none;
   border: none;
   display: block;
   text-align: center;
   position: relative;
   margin: 0 auto;
   padding: 0;
   width: 88%;
}

.btns img:hover,
.btns .view_more:hover {
   opacity: 0.7;
   transition: 0.5s;
}

.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
   text-decoration: none !important;
   color: #fff;
}

.btns img {
   transition: 0.5s;
}

.wrap_btns {
   padding: 0 6% 12%;
}

.btns {
   margin: 0 auto;
}

#footer_inner .wrap_btns,
#footer_inner .btns {
   width: 100%;
}

.view_more {
   font-size: 1.286em;
   border-radius: 50px;
   position: relative;
   display: inline-block;
   padding: .9em 4em;
   background-color: #059CDA;
   color: #fff;
   text-align: center;
   text-decoration: none;
   width: 88%;
   max-width: 390px;
}


/* modal-video */
.modal-video {
   background-color: rgba(0, 0, 0, 0.8);
}


#digimon02_body_inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

#digimon02_body_inner #left_block {
   width: 340px;
   /* 	height: 100vh; */
   background: #fff;
   position: relative;
   /* 	min-height: 100vh; */
   top: 0;
   position: sticky;
}

#digimon02_body_inner #left_block_inner {
   width: 83%;
   margin: auto;
   padding-top: 4.375em;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list {
   padding-top: 20%;
   padding-left: 1em;
   font-size: 1.2em;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list a {
   position: relative;
   display: inline-block;
   text-decoration: none;
   color: #000;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list a::after {
   position: absolute;
   bottom: -4px;
   left: 0;
   content: '';
   width: 100%;
   height: 2px;
   background: #0272C4;
   transform: scale(0, 1);
   transform-origin: left top;
   transition: transform .3s;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list a:hover::after {
   transform: scale(1, 1);
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list a:hover {
   color: #0272C4 !important;
   transition: transform .3s;
}

/* ??еш?▒х???????┐у???????┐у?? */
.lang {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	padding-top: 24px;
}
.lang .flex {
	justify-content: center;
}
.lang .box-jp {
	padding: 0 24px;
	line-height: 0.8em;
}
.lang .box-en {
	line-height: 0.8em;
	padding-left: 26px;
}
.lang li:first-child {
	border-right: 2px solid #717171;
	padding-left: 0;
}
.lang.drawer li:first-child {
	border-right: 2px solid #fff;
	padding-left: 0;
}
.lang a {
	text-decoration: none;
	color: #0472C4;
	font-size: 16px;
}
.lang .box-jp {
	position: relative;
}
.lang .lang-icon {
	width: 19px;
	height: 14px;
}
.lang .lang-icon-jp {
	width: 24px;
	height: 17px;
}
.lang .box-jp img,
.lang .box-en img {
	vertical-align:top;
}
.lang.drawer {
	color: #fff;
	font-size: 16px;
}
.lang.drawer .flex {
	justify-content: flex-start;
/* 	margin: 0 1.5em 0 !important; */
	margin: 0 !important;
}
.lang.drawer .box-jp .drawer-btn {
	padding: 0 !important;
	font-size: 16px !important;
	display: inline-block !important;
}
.lang.drawer .en-link {
	padding: 0 !important;
	display: inline !important;
	font-size: 16px !important;
}
#digimon02_body_inner .share {
   padding-top: 6%;
}

#digimon02_body_inner .copyright {
   font-size: 0.857em;
   padding-top: 0;
   width: 76%;
   margin: auto;
   text-align: center;
}

#digimon02_body_inner .share ul {
   display: flex;
   justify-content: center;
}

#digimon02_body_inner .share ul li {
   width: 9%;
   margin: 4% 2%;
}

#digimon02_body_inner .share ul li img {
   width: 100%;
   object-fit: cover;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list li {
   margin-bottom: 1.029em;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list li img {
   height: 1.4em;
   opacity: 0.5;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list .active img {
   opacity: 1;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list li a:hover {
   color: #434343;
   transition: 0.5s;
}

#digimon02_body_inner #left_block_inner #pc_nav #pc_nav_list li a {
   transition: 0.5s;
}

#digimon02_body_inner #right_block {
   width: 100%;
}

#banner {
   background-color: #DBF0FC;
}

#bannercommon_inner .banner_list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

#movie.youtube {
   width: 100%;
   aspect-ratio: 16/9;
}

#movie.youtubeiframe {
   width: 100%;
   height: 100%;
}

#news {
   background: url(/movie/digimon-adventure/img/index/bg_news01@2x.png), url(/movie/digimon-adventure/img/index/bg_news02@2x.png);
   background-repeat: no-repeat;
   background-position: top center, bottom center;
   background-size: 100% auto, 100% auto;
   padding: 10% 0;
}

#news_inner .news_container_inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

#news_inner .news_child {
   width: 48%;
   margin-bottom: 2.5em;
}

#news_inner .news_child .news_thumb {
   margin-bottom: 1em;
}

#news_inner .news_container_inner .news_child dl dd {
   font-size: 0.875em;
   line-height: 1.8;
}

#news_inner .news_child dl dt {
   color: #999999;
   font-size: 11px;
   width: 100%;
}

#news_inner .news_child dl dd {
   width: 100%;
}

#news_inner .icon_category {
   color: #fff;
   font-size: 0.786em;
   text-align: center;
   display: flex;
   justify-content: end;
   flex-wrap: wrap;
   line-height: 2em;
}

#news_inner .icon_category li {
   font-size: 11px;
   margin: 1%;
   padding: 0 12px;
}

#news_inner .icon_category li:first-child {
   margin: 1% 1% 1% 0;
}

#news_inner .icon_category li:last-child {
   margin: 1% 0 1% 1%;
}

#news_inner .icon_category .new {
   background: #DC000C;
}

#news_inner .icon_category .topic,
#news_inner .icon_category .news {
   background: #6A93B1;
}

#news_inner .icon_category .goods {
   min-width: 14%;
}

#news_inner .icon_category .topic,
#news_inner .icon_category .event {
   min-width: 18%;
}

#news_inner .icon_category .goods {
   background: #BB97BC;
}

#news_inner .icon_category .event {
   background: #C6A241;
}

#news_inner .icon_category .campaign {
   background: #A2AF75;
   min-width: 32%;
}

#news_inner .news_container_inner a {
   color: #000;
   text-decoration: none;
}

.news_container_inner a .nesw_link_ttl {
   text-decoration: underline;
}

.news_container_inner a .nesw_link_ttl:hover {
   text-decoration: none;
}

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

#news_inner .news_container_inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

#news_inner .news_container_inner .news_child .news_thumb {
   margin-bottom: 1em;
}

#news_inner .news_container_inner .news_child dl {
   overflow-wrap: break-word;
   word-wrap: break-word;
   margin-bottom: 1.1em;
   padding: 0 1em;
}

#news #news_inner .tab-panel {
   position: relative;
}

#news #news_inner .tab-group {
   color: #9B9B9B;
   font-size: 1.286em;
   display: flex;
   justify-content: center;
   text-underline-offset: 10px;
   text-decoration-thickness: 2px;
   margin-bottom: 36px;
}

#news #news_inner .tab {
   border-bottom: 2px solid #999;
   font-size: 0.929em;
   padding: 2% 1.4vw 0;
   list-style: none;
   text-align: center;
   cursor: pointer;
   line-height: 2em;
   margin: 0 3%;
}

#news #news_inner .tab {
   padding: 0;
}

#news #news_inner .panel-group {
   border-top: none;
}

#news #news_inner .panel {
   display: none;
}

#news #news_inner .tab.is-active {
   color: #DC000C;
   transition: all 0.2s ease-out;
   border-bottom: 2px solid #DC000C;
}

#news #news_inner .panel.is-show {
   display: block;
}

#news #news_inner .flex {
   justify-content: space-between;
}

#news .news_container_inner p {
   text-align: center;
   margin: 8em auto;
   color: #999;
}

#news .news-tab {
	display: block;
}


#footer {
   background-color: #E1EAEF;
   background-image: radial-gradient(#F0F5F7 20%, transparent 20%);
   background-size: 8px 8px;
   padding: 11% 0;
}

#footer_inner {
   width: 94%;
   display: block;
}

#footer_inner #twitter_block,
#footer_inner #partners {
   margin-bottom: 15px;
}

#footer_inner #twitter_block {
   width: 100%;
   background: #fff;
}

#footer_inner #twitter_block .twitter_wrap {
   padding: 9% 0;
}

#footer_inner #partners {
   background: #fff;
   width: 100%;
   text-align: center;
}

#footer_inner #partners .partners_wrap {
   padding: 9%;
}

#footer_inner #partners .partners_wrap p {
   margin-bottom: 0;
}

#footer_inner .btns {
   margin: 0 auto;
}

footer .sp_footer {
   padding-bottom: 7%;
}

#footer_inner #twitter_block {
   width: 100%;
   background: #fff;
}

#footer_inner #partners .partners_logo {
   margin-bottom: 2em;
}

#footer_inner #partners .partners_logo img {
   width: 70%;
   margin: auto;
}


/* nav */
#toggle {
   position: fixed;
   top: 2.5vh;
   right: 14px;
}

#toggle-box {
   position: relative;
   width: 30px;
   height: 10px;
   cursor: pointer;
}

#toggle-box>span {
   width: 100%;
   left: 0;
   display: block;
   background: #0371C4;
   position: absolute;
   transition: transform .6s ease-in-out, top .5s ease, bottom .5s ease;
}

#toggle-box>span:nth-child(1) {
   height: 8px;
   top: 0;
   transform: translatey(-50%);
}

#toggle-box>span:nth-child(2) {
   height: 5px;
   top: 8px;
   transform: translatey(-50%);
}

#toggle-box>span:nth-child(3) {
   height: 5px;
   top: 15px;
   transform: translatey(-50%);
}

#toggle-box>span:nth-child(4) {
   height: 8px;
   top: 23px;
   transform: translatey(-50%);
}

#toggle {
   z-index: 1000;
}

#main {
   position: relative;
   z-index: 990;
}

#nav-content {
   color: #A7A7A7;
   z-index: 900;
   overflow: auto;
   width: 100%;
   height: 100%;
   background: #fff;
   color: #fff;
   position: fixed;
   top: 0;
   right: 0;
   text-align: center;
   transform: translateX(100%);
   transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
   letter-spacing: 0.2em;
   transition: .5s;
}

#nav-content ul {
   list-style: none;
   margin-top: 4em;
}

#nav-content a,
#nav-content .lang-change .separat {
   color: #fff;
   display: block;
   font-size: 20px;
   text-decoration: none;
   text-align: left;
   padding: 14px 20px;
   transition: opacity .6s ease;
}

#nav-content li.nolink {
   font-size: 20px;
   text-align: left;
   padding: 14px 20px;
}

#nav-content a,
#pc_nav a,
#nav-content,
#pc_nav {
   color: #fff;
   text-decoration: none;
}

#nav-content,
#pc_nav {
   color: #81B8E2;
   text-decoration: none;
}

.sp #nav-content a,
.sp #nav-content li.nolink {
   font-size: 6vw;
/*    padding: 0.7em 1em; */
   padding: 0.7em 0;
}

#nav-content .lang-change .separat {
   padding: 14px 0;
}

#nav-content a:hover {
   opacity: 0.6;
}

#nav-content nav .flex {
   display: block;
}

#nav-content nav ul.flex {
   display: flex;
}

.header_logo {
   width: 16%;
	position: absolute;
	margin: 1.5% 4%;
	z-index: 1000;
}

.is-open {
   overflow: hidden;
   transition: .5s;
}

.is-open #toggle-box>span {
   background: #fff;
   height: 2px;
}

.is-open #toggle-box>span:nth-child(1) {
   top: 0;
   transform: rotate(30deg) translatey(50%);
}

.is-open #toggle-box>span:nth-child(2) {
   display: none;
   transform: translatey(-50%);
}

.is-open #toggle-box>span:nth-child(3) {
   display: none;
   transform: translatey(-50%);
}

.is-open #toggle-box>span:nth-child(4) {
   top: 24%;
   transform: rotate(-30deg) translatey(-50%);
}

.is-open #nav-content {
   z-index: 999;
   transform: translateX(0);
   background-color: #0371C4;
   background-image: radial-gradient(#1F7FCA 20%, transparent 20%);
   background-size: 8px 8px;
   padding: 0 2em;
}

.is-open .sp #nav-content .news {}

#toggle.flex {
   justify-content: space-between;
}

#toggle .logo {
   width: 30%;
   margin: 0 6%;
}

#digimon02_body_inner {
   position: relative;
}

/* totop */
#page_top {
   width: 3em;
   height: 3em;
   position: fixed;
   right: 0;
   bottom: 0;
   background: #0472C4;
   margin: 0;
   z-index: 4;
}

#page_top a {
   position: relative;
   display: block;
   width: 0.625em;
   height: 0.625em;
   text-decoration: none;
}

#page_top a::before {
   content: '';
   width: 1em;
   height: 1em;
   border: 0px;
   border-top: solid 2px #fff;
   border-right: solid 2px #fff;
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(-45deg);
   position: absolute;
   top: 1.5em;
   left: 1em;
   margin-top: -4px;
}



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

   #nav-content a,
   #pc_nav a,
   #nav-content,
   #pc_nav {
      color: #434343;
      text-decoration: none;
   }

   #nav-content,
   #pc_nav {
      color: #A7A7A7;
      text-decoration: none;
   }

   #news_inner,
   #movie .movie_inner,
   #footer_inner,
   .page .page_inner {
      width: 84%;
      margin: auto;
   }

   .sp {
      display: none;
   }

   .pc {
      display: block;
   }

   .contents .primary {
      padding: 5% 0 9% !important;
   }

   .contents .primary h1 {
      margin: 0 0 43px 0;
      text-align: left;
   }

   .contents .primary h1 {
      font-size: 4.286em;
   }

   #news_inner .news_container_inner {
      justify-content: flex-start;
   }

   #news_inner .news_container_inner .news_child {
      width: 30%;
      margin: 0 0.5em 5em;
   }

   #news_inner .news_container_inner .news_child dl {
      overflow-wrap: break-word;
      word-wrap: break-word;
      margin-bottom: 2.8em;
   }

   #news_inner .news_container_inner .news_child dl dt,
   .page #news .secondary .flex dl {
      color: #999999;
      font-size: 1em;
   }

   #news_inner .news_container_inner .news_child dl dd {
      line-height: 1.8em;
      font-size: 1em;
   }

   #news_inner .icon_category .goods {
      min-width: 16%;
   }

   #news_inner .icon_category .topic,
   #news_inner .icon_category .event {
      min-width: 18%;
   }

   #news_inner .icon_category .campaign {
      min-width: 24%;
   }

   #news #news_inner .tab {
      margin: 0 5px;
   }
   
   #news .news-tab {
	   display: flex;
	   justify-content: space-between;
   }

   .btns {
      width: 390px;
   }

   #footer {
      padding: 10% 0;
   }

   #footer_inner #partners .btns,
   #footer_inner #twitter_block .btns {
      max-width: 390px;
      padding-bottom: 0;
   }

   #footer_inner {
      width: 84%;
      margin: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   #footer_inner #twitter_block,
   #footer_inner #partners {
      width: 48%;
   }

   #footer_inner #partners .partners_wrap,
   #footer_inner #twitter_block .twitter_wrap {
      min-height: 380px;
      max-height: 420px;
   }

   #footer_inner .btns {
      margin-bottom: 0;
   }

   #footer_inner #partners .partners_wrap {
      padding: 9%;
   }


   /* share */
   #digimon02_body_inner .share ul {
      display: flex;
      justify-content: flex-start;
   }

   #digimon02_body_inner .share ul li {
      width: 12%;
      margin: 3%;
   }

   #digimon02_body_inner .shar {
      padding-top: 15%;
      padding-left: 1em;
   }

   #digimon02_body_inner .copyright {
      font-size: 0.857em;
      margin: auto;
      padding-top: 32%;
      width: 100%;
   }

   .copyright p {
      margin-bottom: 0;
      text-align: left;
   }

   .copyright .copyright_image {
      width: 70%;
   }


   /* totop */
   #page_top {
      width: 4em;
      height: 4em;
      position: fixed;
      right: 0;
      bottom: 0;
      background: #0472C4;
      margin: 1em;
      z-index: 4;
   }

   #page_top a {
      position: relative;
      display: block;
      width: 3em;
      height: 4em;
      text-decoration: none;
   }

   #page_top a::before {
      content: '';
      width: 1.714em;
      height: 1.714em;
      border: 0px;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(-45deg);
      position: absolute;
      top: 50%;
      left: 34%;
      margin-top: -4px;
   }
   
   #left_block_inner .lang {
		font-size: 1.2em;
		color: #666666;
		padding: 24px 0 14px;
		padding-left: 1em;
	}
	#left_block_inner .lang .box-jp {
		width: 30%;
		padding: 0 24px 0 0;
		line-height: 0.8em;
	}
	#left_block_inner .lang .box-en {
		width: 46%;
		padding: 0 30px;
		line-height: 0.8em;
	}
	#left_block_inner .lang li:first-child {
		border-right: 2px solid #717171;
	}
	#left_block_inner .lang a {
		text-decoration: none;
		color: #0472C4;
		font-size: 16px;
		font-weight: bold;
	}
	#left_block_inner .lang .flex {
		justify-content: flex-start;
	}

}