@charset "UTF-8";
html{
	margin:0;
	padding:0;
	font-size:62.5%;
}
body{
	margin:0 auto;
	padding:0;
	font-size:1.6em;
	font-family:'Noto Sans JP', 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 400;
	position: relative;
}
h1, h2, h3, h4, h5, h6,a{line-height:125%;}
li{line-height:145%;}

*,*::before,*::after{
	box-sizing:border-box;
}
header,footer,section,aside,nav,article,main{
	display:block;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
	font-size: 1.2rem;
	line-height:150%;
	font-weight: 400;
}
img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
}
figure,ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
}
ul li,ol li{list-style:none;}
a{
	font-size: 1.4rem;
	color:#000;
	text-decoration:none;
	transition:0.3s;
}
a:link{
	color:#000;
}
a:visited{
	color:#000;
}
a:hover{
	text-decoration:none;
	opacity: 0.6;
}
a:focus{
	outline: none;
}
img{
	width:auto;
	-webkit-backface-visibility: hidden;
}
.pc{display:block;}
.sp{display:none;}
@media screen and (max-width:812px){
	body{
		-webkit-text-size-adjust:100%;
	}
	main{
		min-width: 100%;
	}
	.pc{display:none;}
	.sp{display:inline-block;}
}



/*header
-----------------------------------------*/
.headerInner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
	height: 50px;
	position: relative;
}
.headerInner a.cpLogo{
	display: inline-block;
	width: 130px;
}
.headerInner .gNaviIcon {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	padding: 25px 25px;
	cursor: pointer;
}
a.gNaviIcon.active {
	background: #fff;
}
.gNaviIcon,
.gNaviIcon span {
	display: inline-block;
	transition: all .4s;
}
.gNaviIcon span {
	position: absolute;
	top:18px;
	left: 50%;
	width: 24px;
	height: 2.5px;
	background-color: #0097ff;
	margin: 0 0 0 -12px;
}
.gNaviIcon span:nth-of-type(1) {
	top: 16px;
}
.gNaviIcon span:nth-of-type(2) {
	top: 24px;
}
.gNaviIcon span:nth-of-type(3) {
	top: 32px;
}
.gNaviIcon span:nth-of-type(2)::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 2.5px;
	background-color: #0097ff;
	transition: all .4s;
}
.gNaviIcon.active span:nth-of-type(2)::after {
	background-color: #0097ff;
}
.gNaviIcon.active span:nth-of-type(1) {
	transform: translate(50%) scale(0);
}
.gNaviIcon.active span:nth-of-type(2) {
	transform: rotate(45deg);
}
.gNaviIcon.active span:nth-of-type(2)::after {
	transform: rotate(90deg);
}
.gNaviIcon.active span:nth-of-type(3) {
	transform: translate(-50%) scale(0);
}
.gNaviArea {
	width: 100%;
	background: linear-gradient(-90deg, #24a9ff, #0b76e3, #0b76e3);
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-101vh);
	opacity: 0;
	transition: 0.3s;
	z-index: 5;
}
.gNaviArea.active{
	transform: translateY(0vh);
	opacity: 1;
}
.gNaviInner {
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
	padding: 70px 0 40px;
}
.gNaviInner ul >lo >a,
.gNaviInner .gNaviList li a{
	display: inline-block;
	color: #fff;
	position: relative;
	font-size: 1.3rem;
	font-weight: bold;
	width: 100%;
}
.gNaviInner .gNaviList li a {
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #fff;
}
.gNaviInner .gNaviList li a:before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);;
	transition: transform 0.3s;
	margin: -7px 0 0 0;
}
.gNaviInner .downloadList {
	margin: 15px 0 0 0;
}
.gNaviInner .downloadList li:not(:first-child){
	margin: 5px 0 0 0;
}
.gNaviInner .downloadList li a {
	display: inline-block;
	position: relative;
	font-size: 1.3rem;
	font-weight: bold;
	background: #fff;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
@media screen and (max-width:812px){
	.headerInner {
		padding: 0 10px;
		height: 40px;
	}
	.headerInner a.cpLogo{
		width: 110px;
	}
	.headerInner .gNaviIcon{
		padding: 20px;
	}
	.gNaviIcon span {
		top:12px;
	}
	.gNaviIcon span:nth-of-type(1) {
		top: 10px;
	}
	.gNaviIcon span:nth-of-type(2) {
		top: 18px;
	}
	.gNaviIcon span:nth-of-type(3) {
		top: 26px;
	}
	.gNaviInner {
		max-width: 600px;
		padding: 60px 20px 20px;
	}
	.gNaviInner .downloadList li:not(:first-child) {
		margin: 8px 0 0 0;
	}
}
/*IE*/
/*
@media all and (-ms-high-contrast:none){
_:-ms-lang(x)::-ms-backdrop,
}
*/

/*kvArea
-----------------------------------------*/
.kvArea{
	background: url("../images/kv_bg_pc.png") no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 225px;
	display: inline-block;
}
.kvAreaInner {
	width: 100%;
	max-width: 770px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.kvAreaInner .txtArea{
	width: calc(32% + 60px);
	padding: 15px 0 0 60px;
}
.kvAreaInner .txtArea .subTit{
	width: 81%;
}
.kvAreaInner .txtArea .tit{
	width: 100%;
	margin: 15px 0 0 0;
}
.kvAreaInner .txtArea .lead{
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
	padding: 3px 54px;
	display: inline-block;
	margin: 12px 0 0 0;
	letter-spacing: 0.2rem;
}
.kvAreaInner .imgArea{
	width: 50%;
	display: block;
	position: relative;
}
.kvAreaInner .imgArea img{
	position: absolute;
	width: 38%;
	bottom: -50px;
	right: 28%;
}
@media screen and (max-width:812px){
	.kvArea{
		height: auto;
	}
	.kvAreaInner {
		padding: 10px 22px;
		max-width: 600px;
	}
	.kvAreaInner .txtArea {
		width: 52%;
		padding: 0;
	}
	.kvAreaInner .txtArea .subTit {
		width: 78%;
	}
	.kvAreaInner .txtArea .tit {
		margin: 10px 0 0 0;
	}
	.kvAreaInner .txtArea .lead {
		font-size: 1.3rem;
		padding: 4px 24px;
		margin: 10px 0 0 0;
		max-width: 140px;
	}
	.kvAreaInner .imgArea {
		width: 40%;
	}
	.kvAreaInner .imgArea img {
		width: 82%;
		max-width: 170px;
		right: 14%;
		bottom: -59px;
	}
}
/*IE*/
/*
@media all and (-ms-high-contrast:none){
_:-ms-lang(x)::-ms-backdrop,
}
*/


/*movieAllArea
-----------------------------------------*/
.movieAllArea{
	display: block;
	margin: 10px 0 0 0;
}
.movieAllInner{
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}
.ctsTit{
	font-size: 2.8rem;
	font-weight: bold;
	color: #0097ff;
	letter-spacing: 0.2rem;
}
.movieAllInner > .txt{
	color: #333333;
}
.allCts{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 12px 0 0 0;
	padding: 15px 0 0 0 ;
}
.allCts:before{
	content: '';
	width: 100%;
	height: 2px;
	background: #0097ff;
	position: absolute;
	left: 0;
	top: 0;
}
.allCts .txtArea .movieAllTit {
	display: inline-block;
	position: relative;
	padding: 0 0 0 25px;
}
.allCts .txtArea .movieAllTit:before{
	content: '';
	display: block;
	height: 17px;
	width: 17px;
	background: url("../images/icon_arrow02.svg") no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 2px;
	top: 50%;
	margin: -8.5px 0 0 0;
}
.allCts .txtArea .movieAllTit p{
	font-size:1.6rem;
	font-weight: bold;
}
.allCts .txtArea .movieTime{
	margin: 2px 0 0 0;
}
.allCts .movieCts{
	overflow: hidden;
	position: relative;
	width: 49.5%;
	border: #dadada 1px solid;
}
.allCts .movieCts a {
	display: block;
	position: relative;
}
.allCts .movieCts:hover a{
	opacity: 1;
}
.allCts .movieCts a:before{
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	transition: 0.3s;
}
.allCts .movieCts:hover a:before{
	background: none;
}
.allCts .movieCts a:after{
	content: '';
	width: 54px;
	height: 54px;
	background: url("../images/icon_arrow01.svg") no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -27px ;
	z-index: 2;
}

.allCts .movieCts a img{
	transition: 0.3s;
}
.allCts .movieCts:hover a img{
	transform:scale(1.1,1.1);
	opacity: 0.6;
}

@media screen and (max-width:812px){
	.movieAllInner {
		padding: 0 15px;
		max-width: 600px;
	}
	.ctsTit {
		font-size: 2.2rem;
		line-height: 125%;
	}
	.allCts {
		padding: 10px 0 0 0;
		margin: 5px 0 0 0;
	}
	.allCts .txtArea .movieAllTit {
		padding: 0 0 0 16px;
	}
	.allCts .txtArea .movieAllTit:before {
		height: 13px;
		width: 13px;
		left: 1px;
		margin: -6px 0 0 0;
	}
	.allCts .txtArea .movieAllTit p {
		font-size: 1.3rem;
	}
	.allCts .movieCts {
		width: 40%;
	}
	.allCts .movieCts a:after {
		width: 27px;
		height: 27px;
		margin: -13.5px 0 0 -13.5px;
	}
}
/*IE*/
/*
@media all and (-ms-high-contrast:none){
_:-ms-lang(x)::-ms-backdrop,
}
*/


/*movieCtsArea
-----------------------------------------*/
.movieCtsArea {
	margin: 15px 0 0 0;
	position: relative;
}
.movieCtsArea:before{
	content: '';
	display: block;
	height: 93px;
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	background: linear-gradient(#edf3f4, #fff);
}
.movieCtsInner{
	position: relative;
	z-index: 1;
	padding: 30px 0;
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}
.movieCtsInner .titArea{
	text-align: center;
	position: relative;
	padding: 0 0 15px 0;
}
.movieCtsInner .titArea:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 4px;
	width: 55px;
	margin: 0 0 0 -27.5px;
	background: #0097ff;
}
.movieList{
	margin: 24px auto 0;
	width: 100%;
	max-width: 770px;
}
.movieList > li:not(:first-child){
	margin: 10px 0 0 0;
}
.movieList > li > .movieTit{
	font-size: 1.5rem;
	font-weight: bold;
	background: linear-gradient(-90deg, #24a9ff, #0b76e3, #0b76e3);
	color: #fff;
	padding: 5px 0 5px 8px;
	position: relative;
	cursor: pointer;
}
.movieList > li > .movieTit:before{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	border-right: 1px solid #0066ff;
	border-bottom: 1px solid #0066ff;
	position: absolute;
	top:0;
	left: 0;
}
.movieList > li > .movieTit:after,
.movieList > li > .movieTit.close_btn.open_btn:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	transition: transform 0.3s;
	margin: -7px 0 0 0;
}
.movieList > li > .movieTit.close_btn:after {
	transform: rotate(-45deg);
	margin: -3px 0 0 0;
}
.movieList > li > .listDetailOut {
	background: #edf3f4;
	padding: 10px 10px 0 10px;
}
.movieList > li > .listDetailOut > ul.listDetail{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.movieList > li > .listDetailOut > ul.listDetail > li{
	width: 24.55%;
	margin: 0 0 15px 0;
}
.movieList > li > .listDetailOut > ul.listDetail > li:not(:nth-of-type(4n)){
	margin: 0 0.6% 15px 0;
}
.movieList > li > .listDetailOut > ul.listDetail > li a{
	display: inline-block;
}
.movieList > li > .listDetailOut > ul.listDetail > li a .movieThum {
	overflow: hidden;
	position: relative;
	border: #dadada 1px solid;
}
.movieList > li > .listDetailOut > ul.listDetail > li a .movieThum:before {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.15);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	transition: 0.3s;
}
.movieList > li > .listDetailOut > ul.listDetail > li a:hover .movieThum:before {
	background: none;
}
.movieList > li > .listDetailOut > ul.listDetail > li a .movieThum:after {
	content: '';
	width: 35px;
	height: 35px;
	background: url(../images/icon_arrow01.svg) no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -17.5px 0 0 -17.5px;
	z-index: 2;
}
.movieList > li > .listDetailOut > ul.listDetail > li a .movieThum img{
	transition: 0.3s;
}
.movieList > li > .listDetailOut > ul.listDetail > li a:hover .movieThum img{
	transform:scale(1.1,1.1);
}

.movieList > li > .listDetailOut > ul.listDetail > li a .caption {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 2px 0 0 0;
	padding: 0 0 0 1px;
	transition: 0.3;
}
.movieList > li > .listDetailOut > ul.listDetail > li a .movieTime{
	padding: 0 0 0 1px;
	transition: 0.3;
}
.movieList > li > .listDetailOut > ul.listDetail > li a:hover .movieTime,
.movieList > li > .listDetailOut > ul.listDetail > li a:hover .caption{
	opacity: 0.6;
}

@media screen and (max-width:812px){
	.movieCtsArea {
		margin: 10px 0 0 0;
	}
	.movieCtsInner {
		padding: 18px 0;
		max-width: 600px;
	}
	.movieCtsInner .titArea {
		padding: 0 0 10px 0;
	}
	.movieCtsInner .titArea:after {
		height: 2px;
		width: 28px;
		margin: 0 0 0 -14px;
	}
	.movieList {
		margin: 0 auto;
		padding: 0 15px;
		max-width: 600px;
	}
	.movieList > li > .movieTit {
		font-size: 1.4rem;
		font-weight: normal;
	}
	.movieList > li > .listDetailOut > ul.listDetail {
		flex-direction: column;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li {
		width: 100%;
		position: relative;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li,
	.movieList > li > .listDetailOut > ul.listDetail > li:not(:nth-of-type(4n)){
		margin: 0;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li:not(:first-of-type){
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li:last-of-type {
		margin: 10px 0 10px 0;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li:nth-of-type(1) {
		margin-top: 0px;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li:not(:first-of-type):before{
		content: '';
		display: block;
		width: 100%;
		position: absolute;
		top:0;
		left: 0;
		border-top: #7b7b7b dotted 1px;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li a {
		display: flex;
		justify-content: flex-start;;
		align-items: flex-start;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li a .movieThum {
		width: 40%;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li a .txtBox{
		margin: 0 0 0 5px;
		width: calc(60% - 5px );
	}
	.movieList > li > .listDetailOut > ul.listDetail > li a .txtBox .caption{
		color:#262424;
	}
	.movieList > li > .listDetailOut > ul.listDetail > li a .txtBox .movieTime{
		color:#333;
	}
}
/*IE*/
/*
@media all and (-ms-high-contrast:none){
_:-ms-lang(x)::-ms-backdrop,
}
*/

/*movieCtsArea
-----------------------------------------*/
.bnrArea {
	width:auto;
	background: #ededed;
	text-align: center;
	position: relative;
	padding: 3px 0 6px;;
}
.bnrArea:before{
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	background: #ededed;
}
.bnrArea:after{
	content: '';
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ededed;
}
.bnrAreaInner{
	padding: 12px 0;
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}
.bnrList {
	display: flex;
	justify-content: space-between;
	align-content: center;
}
.bnrList li{
	width: 46%;
}
.bnrList li{
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 46%;
	max-width: 354px;
	height: 112px;
	border: 2px solid #fff;
}
.bnrList li.bnrA:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/aside_bnr01_pc.png") no-repeat;
	background-size: cover;
	background-position: center;
	transition: 0.3s;
	z-index: 0;
}
.bnrList li.bnrB:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/aside_bnr02_pc.png") no-repeat;
	background-size: cover;
	background-position: center;
	transition: 0.3s;
	z-index: 0;
}
.bnrList li.bnrA:hover:after,
.bnrList li.bnrB:hover:after{
	transform:scale(1.1,1.1);
}
.bnrList li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.bnrList li a:before {
	content: '';
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.bnrList li a .tit{
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	line-height: 125%;
	padding: 0 10px;
	z-index: 3;
}
.bnrList li a .tit span{
	font-size: 1.3rem;
	display: block;
	margin: 5px 0 0 0;
}

@media screen and (max-width:812px){
	.bnrArea:before{
		display: none;
	}
	.bnrAreaInner {
		max-width: 600px;
		padding: 12px 15px;
	}
	.bnrList li {
		height: auto;
		width: 48%;
	}
	.bnrList li a {
		padding: 10px 0;
	}
	.bnrList li a .tit {
		font-size: 1.6rem;
		font-weight: normal;;
	}
	.bnrList li a .tit span {
		font-size: 1rem;
		margin: 0 0 0 0;
	}
}
/*IE*/
/*
@media all and (-ms-high-contrast:none){
_:-ms-lang(x)::-ms-backdrop,
}
*/

/*footer
-----------------------------------------*/
.copyRightInner{
	padding: 10px 0 35px;
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}
.footerLink{
	position: relative;
	padding: 0 0 0 13px;
}
.footerLink:before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #0097ff;
	border-right: 3px solid #0097ff;
	transform: rotate(45deg);
	margin: -4px 0 0 0;
}
.copyRight{
	margin: 3px 0 0 0;
}
@media screen and (max-width:812px){
	.copyRightInner {
		padding: 10px 15px 20px;
		max-width: 600px;
	}
	.footerLink,
	.copyRight{
		font-size: 1rem;
	}
	.footerLink {
		padding: 0 0 0 10px;
	}
	.footerLink:before{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #0097ff;
		border-right: 1px solid #0097ff;
		transform: rotate(45deg);
		margin: -3px 0 0 0;
	}
	.copyRight{
		margin: 0 0 0 0;
	}

}
/*IE*/
/*
@media all and (-ms-high-contrast:none){
_:-ms-lang(x)::-ms-backdrop,
}
*/

/*pagetop
------------------------------------------------------------------------------------------------------*/
.pageTop{
	position:fixed;
	bottom: 30px;
	right: 20px;
	z-index: 3;
}
.pageTop a{
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 25px;
	background: linear-gradient(-90deg, #24a9ff, #0b76e3, #0b76e3);
	position: relative;
}
.pageTop a:before {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 50%;
	width: 16px;
	height: 16px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(-45deg);
	margin: 0 -8px 0 0;
}
@media screen and (max-width:812px){
	.pageTop{
		right: 2%;
		bottom:3%;
	}
	.pageTop a{
		width: 40px;
		height: 40px;
		border-radius: 20px;
	}

}
/*IE*/
/*
@media all and (-ms-high-contrast:none){
_:-ms-lang(x)::-ms-backdrop,
}
*/