@charset "utf-8";

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Site Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          google fonts          */

/*          Site Contents          */


/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Header Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/



/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Top Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          ニュースコンテンツ          */
.newsCtt {
	display: -webkit-flex; display: flex;
	-webkit-align-items: center; align-items: center;
	width: 100%;
	height: 40px;
	background: #C5D6CE;
}
.newsCtt>p {
	padding: 0 28px 0 40px;
	margin: 0 10px 0 0;
	background: url(/img/icon/news.png) no-repeat center right;
	background-size: contain;
}
.newsList {
	position: relative;
	width: 100%;
	padding: 0 1em 0 0;
}
.newsList li {
}
.newsList li time {
	display: inline-block;
	width: 5.5em;
}
.slick-slide {
	-webkit-transform: translateX(2em); transform: translateX(2em);
	transition: opacity .4s ease, -webkit-transform .1s ease .4s !important;
	transition: opacity .4s ease, transform .1s ease .4s !important;
}
.slick-slide.slick-active {
	-webkit-transform: translateX(0); transform: translateX(0);
	transition: .4s ease-out !important;
}
/*
.newsCtt>p {
	height: 1.4em;
	padding: 0 40px;
}
.newsList {
	position: relative;
	width: 100%;
	height: 1.4em;
	overflow: hidden;
}
.newsList>li {
	position: absolute;
	display: none;
}
.newsList>li>time {
	display: inline-block;
	width: 7em;
}
*/

/*          トップコンテンツ          */
.keyvisual {
	width: 65%;
}
.info {
	width: 25%;
	margin: 0 auto;
}
.roadshow {
	margin: 100px 0 70px;
}
.roadshow>svg {
	width: 100%;
}
.path0 {
	fill:#000;
	stroke:#000;
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: 1;
	-webkit-animation: setPath0 5s linear 0s both; animation: setPath0 5s linear 0s both;
}
@-webkit-keyframes setPath0 {
	0% {
		stroke-dashoffset: 2000;
		fill:transparent;
	}
	40% {
		stroke-dashoffset: 2000;
		fill:transparent;
	}
	80% {
		fill:transparent;
	}
	100% {
		stroke-dashoffset: 0;
		fill:#000;
	}
}
.path1 {
	fill:transparent;
	stroke:#000;
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: 1;
	-webkit-animation: setPath1 5s linear 0s both; animation: setPath1 5s linear 0s both;
}
@-webkit-keyframes setPath1 {
	0% {
		stroke-dashoffset: 2000;
	}
	40% {
		stroke-dashoffset: 2000;
	}
	100% {
		stroke-dashoffset: 0;
	}
}
.path2 {
	fill:#FFF;
	stroke:#b39159;
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: 1.5;
	-webkit-animation: setPath2 10s linear 0s both; animation: setPath2 10s linear 0s both;
}
@-webkit-keyframes setPath2 {
	0% {
		stroke-dashoffset: 2000;
		fill:transparent;
	}
	30% {
		stroke-dashoffset: 2000;
		fill:transparent;
	}
	80% {
		fill:transparent;
	}
	100% {
		stroke-dashoffset: 0;
		fill:#FFF;
	}
}






.topicsList {
	margin: 90px 0;
}
.topicsList>li {
	margin: 30px 0;
}
.topicsList>li>a {
	display: block;
	opacity: 1;
	-webkit-transition: .7s ease-out; transition: .7s ease-out;
}
.topicsList>li>a:hover {
	opacity: .8;
}
/* ムービー */
.movieBox {
	position: relative;
	display: block;
	margin: 70px 0;
	overflow: hidden;
}
#youtubeBgMovie {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 0;
}

/*          外伝リンクコメントコンテンツ          */
.sidestoryLink {
	width: 100%;
	background: url(/img/top/sidestoryLinkBg.jpg);
}
.sidestoryItem {
	display: -webkit-flex;display: flex;
	-webkit-justify-content: space-between; justify-content: space-between;
	width: 1150px;
	padding: 40px 0;
	margin: auto;
}
.sidestoryItem .textBox {
	text-align: center;
}
.sidestoryItem .textBox div {
	margin: 40px 0 0;
}
.sidestoryItem .text04 {
	position: relative;
	display: inline-block;
}
.sidestoryItem .text04 a {
	position: relative;
	display: -webkit-flex;display: flex;
	-webkit-align-items: center;align-items: center;
	padding: 30px;
	z-index: 2;
}
.sidestoryItem .text04 .arrow {
	position: relative;
	left: 0;
	padding: 0 0 0 15px;
	-webkit-transition: .3s linear;transition: .3s linear;
}
.sidestoryItem .text04 .arrow img {
	display: block;
}
.sidestoryItem .text04 a:hover .arrow {
	left: 5px;
}
.sidestoryItem .text04 a::before, .sidestoryItem .text04 a::after {
	content: '';
	width: 97%;
	height: 89%;
	position: absolute;
	display: inline-block;
	-webkit-transition: .3s linear;transition: .3s linear;
}
.sidestoryItem .text04 a::before {
	border-left: solid 1px #93a18e;
	border-top: solid 1px #93a18e;
	top: 0;
	left: 0;
}
.sidestoryItem .text04 a::after {
	border-right: solid 1px #93a18e;
	border-bottom: solid 1px #93a18e;
	bottom: 0;
	right: 0;
}
.sidestoryItem .text04 a:hover::before, .sidestoryItem .text04 a:hover::after {
	border-color: #ecdb82;
}
.sidestoryItem .text04 a:hover::before {
	top: 3px;
	left: 3px;
}
.sidestoryItem .text04 a:hover::after {
	bottom: 3px;
	right: 3px;
}

/*          監督コメントコンテンツ          */
.commentCtt {
	width: 100%;
	text-align: center;
	background: #FFF;
}

/*          外伝コンテンツ          */
.billingSideStoryCtt {
	width: 100%;
	padding: 90px 0;
	text-align: center;
	background: #433f75;
	background: -webkit-linear-gradient(left, #444283, #433f75);
	background:    -moz-linear-gradient(left, #444283, #433f75);
	background:     linear-gradient(to right, #444283, #433f75);
}




/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Footer Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/






/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Media Screen     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          SP          */
@media screen and (max-width:767px) {
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Top Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
	.newsCtt {
		height: auto;
		padding: 15px 0;
		font-size: 1.1rem;
	}
	.newsCtt>p {
		width: 21%;
		padding: 0 1.6em 0 1em;
		margin: 0 .5em 0 0;
	}
	.newsList {
		width: 79%;
	}
	.newsList li time {
		display: block;
		padding: 0 0 5px;
	}
	.newsLink {
		width: 100%;
		overflow: hidden;
	}
	.newsLink span {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
/*          トップコンテンツ          */
	.keyvisual {
		width: 100%;
	}
	.info {
		width: 100%;
	}
	.roadshow {
		margin: 40px 60px;
	}
	.topicsList {
		margin: 40px 30px;
	}
	.topicsList>li {
		margin: 20px 0;
	}
	.movieBox {
		margin: 40px 0 0;
	}
	
/*          外伝リンクコメントコンテンツ          */
	.sidestoryLink {
		background-size: 24%;
	}
	.sidestoryLink a {
		display: block;
		width: 100%;
	}
	.sidestoryItem {
		-webkit-align-items: center;align-items: center;
		width: 92%;
		padding: 15px 0;
	}
	.sidestoryItem .textBox {
		margin: 0 10px 0 0;
	}
	
/*          外伝コンテンツ          */
	.billingSideStoryCtt {
		padding: 40px 20px;
	}
	
}

/*          PC          */
@media screen and (min-width:768px) {
/*          Site Contents          */
	
}