@charset "utf-8";
html {
	font-size: 62.5%;
	background-color: #333;
}

html.jqScroll01 {
	overflow-y: hidden;
}

.header {
	position: relative;
	z-index: 200;
}
.footer{
	position: relative;
	z-index: 10;
}

#contents {
	padding: 0;
	width: 100%;
}

#header {
	position: relative;
	z-index: 10;
}

#wrapper {
	min-width: inherit;
	background-color: transparent;
}

#footer {
	position: relative;
	z-index: 10;
}

.footer .footerPageTop {
	visibility: hidden;
	z-index: -1;
}

#footerIn img {
	border: none;
}

.onlySP {
	display: none;
}

#ct_bg {
	color: #fff;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Osaka,sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
}

#ct_bg a {
	color: #ff0;
}

#ct_bg img {
	width: 100%;
	height: auto;
}

#ct_bg .imgOver01 img {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#ct_bg .imgOver01 a:hover img {
	opacity: .6;
}

#ct_bg .center {
	text-align: center !important;
}
#ct_bg .right {
	text-align: right !important;
}

#ct_bg .snsBtn01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 20px;
}

#ct_bg .snsBtn01 > li {
	margin: 10px 5px 0;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#ct_bg .header01 {
	position: relative;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #000;
	border-bottom: solid 1px #4a4a4a;
}

#ct_bg .header01.fixed {
	position: fixed;
	z-index: 15;
	top: 0;
	left: 0;
}

#ct_bg.top .header01 {
	display: none;
}

#ct_bg.top .header01.fixed {
	display: block;
}

#ct_bg.top .header02.fixed {
	display: block;
}

#ct_bg .headWrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

#ct_bg .headWrap01 > .logo01 {
	width: 134px;
}

#ct_bg .headList01 {
	margin-left: 1.5%;
}

#ct_bg .headList01 > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#ct_bg .headList01 > ul > li:not(:first-child) {
	margin-left: 10px;
}

#ct_bg .headList01 > ul > li > a {
	position: relative;
	display: block;
	width: 100%;
}

#ct_bg .headButton01 {
	display: none;
}

#ct_bg .headButton02 {
	display: none;
}

#ct_bg .header02 {
	position: relative;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #3c3c3c;
	border-top: solid 1px #666;
	border-bottom: solid 1px #222;
}

#ct_bg .header02.fixed {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

#ct_bg .headWrap02 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

#ct_bg .headWrap02 > .logo01 {
	position: absolute;
	left: 20px;
	top: 5px;
	width: 90px;
}

#ct_bg.top .headWrap02 > .logo01 {
	display: none;
}

#ct_bg .headList02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	width: 100%;
	height: 60px;
	box-shadow: 0px 0px 0px 1px #666 inset,0px 0px 0px 2px #000 inset;
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(34,34,34,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(34,34,34,1) 100%);
}

@media screen and (max-width: 1240px) {
#ct_bg:not(.top) .headList02 {
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	margin-right: 0;
	margin-left: auto;
}
	
#ct_bg.top .fixed .headList02 {
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	margin-right: auto;
	margin-left: 0;
}
}

#ct_bg .headList02 > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 0 2%;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 670px) {
	#ct_bg .headList02 > ul > .li01 { width: 9%;}
	#ct_bg .headList02 > ul > .li02 { width: 22%;}
	#ct_bg .headList02 > ul > .li03 { width: 12%;}
	#ct_bg .headList02 > ul > .li04 { width: 17%;}
	#ct_bg .headList02 > ul > .li05 { width: 9.5%;}
}

#ct_bg .headList02 > ul > li > a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

#ct_bg .footer01 {
	position: relative;
	z-index: 9;
	padding-bottom: 30px;
	border-top: double 6px #646464;
	background-color: #000;
}

#ct_bg .footer01 > .copyright01 {
	margin-top: 30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
}

#ct_bg .bnrList01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	max-width: 1000px;
	margin:  0 auto;
}

#ct_bg .bnrList01 > li {
	width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 30px;
}

#ct_bg .bnrList02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1040px;
}

#ct_bg .bnrList02 > li {
	margin-top: 30px;
	width: 60%;
}

#ct_bg .bnrList03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1040px;
}

#ct_bg .bnrList03 > li {
	margin-top: 30px;
	width: 31.3%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

#ct_bg .bnrList03 > li:nth-child(3n+1) {
	margin-left: 0;
}

#ct_bg .bnrList03 > li:nth-child(3n) {
	margin-right: 0;
}

#ct_bg .bnrList04 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -17%;
	margin: auto;
	transition: opacity .4s 2.8s,transform .4s 2.8s;
	opacity: 0;
	transform: translateY(8%);
}
#ct_bg .bnrList04.show {
	opacity: 1.0;
	transform: translateY(0);
}

#ct_bg .bnrList04 > li {
	margin: 0 .7%;
	width: 48.5%;
	max-width: 485px;
}

/* loading & start movie & bg movie
*****************************************/
#ct_bg #bgMovie01,
#ct_bg #bgMovieOverlay01,
#ct_bg #bgMovieWrap01,
#ct_bg .startMovie01,
#ct_bg .startMovieBg01 {
	position: fixed;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}

#ct_bg #bgMovieWrap01 {
	background: url(../img/bg_index14.jpg) no-repeat center center / cover;
}

#ct_bg #bgMovieOverlay01 {
	z-index: 5;
	background: url(../img/bg_index01.png) center center / cover no-repeat;
}

#ct_bg .startMovieWrap01 {
	position: fixed;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	z-index: 200;
	background-color: #fff;
	transition: all .3s;
}

#ct_bg .inlinePlayButton {
	display: none !important;
}

#ct_bg .startMovieWrap01.finish {
	opacity: 0;
	visibility: hidden;
}

#ct_bg .startMovieWrap01:before,
#ct_bg .startMovieWrap01:after {
	position: fixed;
	left: 0;
	width: 100%;
	height: 8%;
	background-color: #000;
	content: "";
	z-index: 201;
	transition: all .3s;
}

#ct_bg .startMovieWrap01:before {
	top: 0;
}

#ct_bg .startMovieWrap01:after {
	bottom: 0;
}
#ct_bg .startMovieWrap01.finish:before,
#ct_bg .startMovieWrap01.finish:after {
	opacity: 0;
	visibility: hidden;
}

#ct_bg .movieBtn01 {
	position: absolute;
	top: 102px;
	right: 20px;
	z-index: 15;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#ct_bg .movieBtn01.fixed {
	position: fixed;
	top: 18px;
}

#ct_bg .movieBtn01 > .button01 {
	position: relative;
	display: block;
	margin-left: 8px;
	width: 40px;
	height: 40px;
	background: url(../img/bg_index12.png) no-repeat 0 0/100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

#ct_bg .movieBtn01 > .button01:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	background-position: 0 0;
	background-repeat: no-repeat;
	content: "";
	opacity: 1;
	transition: opacity 0.2s linear;
}

#ct_bg .movieBtn01 > .button01:hover:before {
	opacity: 0.5;
	transition: opacity 0.4s linear;
}

#ct_bg .movieBtn01 > .button01.jqBtn01.play:before {
	background-image: url(../img/icon_index02.svg);
}

#ct_bg .movieBtn01 > .button01.jqBtn01.pause:before {
	background-image: url(../img/icon_index03.svg);
}

#ct_bg .movieBtn01 > .button01.jqBtn02.unmute:before {
	background-image: url(../img/icon_index04.svg);
}

#ct_bg .movieBtn01 > .button01.jqBtn02.mute:before {
	background-image: url(../img/icon_index05.svg);
}

#ct_bg .jqBtn03.skip {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

#ct_bg .jqBtn03.skip.on {
	opacity: 1.0;
	visibility: visible;
}

#ct_bg .jqBtn03.skip:hover {
	cursor: pointer;
}

#ct_bg .jqBtn03.skip.finish {
	opacity: 0;
	visibility: hidden;
}

#ct_bg .loadingArea01 {
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #000;
}

#ct_bg .loadingArea01 > .inner01 .loadingimg02 {
	margin: 20px auto 0;
	width: 115px;
	height: 103px;
	-webkit-animation: animeLoading 1.5s infinite;
	animation: animeLoading 1.5s infinite;
}


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

#ct_bg .movieBtn01 {
	display: none;
}

#ct_bg .loadingArea01 > .inner01 .loadingimg01 {
	margin: 0 auto;
	width: 80%;
}

html.jqScroll01 {
	overflow-y: scroll;
}
	
}

@keyframes animeLoading {
0%, 100% {
	animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
50% {
	animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
}
0% {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
50% {
	-webkit-transform: rotateY(900deg);
	transform: rotateY(900deg);
}
100% {
	-webkit-transform: rotateY(1800deg);
	transform: rotateY(1800deg);
}
}
@-webkit-keyframes animeLoading {
0%, 100% {
	animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
}
50% {
	animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
}
0% {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
50% {
	-webkit-transform: rotateY(900deg);
	transform: rotateY(900deg);
}
100% {
	-webkit-transform: rotateY(1800deg);
	transform: rotateY(1800deg);
}
}

/* contents
*****************************************/
#ct_bg .wrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#ct_bg .wrap01.bC {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#ct_bg .wrap01.between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#ct_bg .wrap01.start {
	-webkit-box-align: start ;
	-ms-flex-align: start ;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

#ct_bg .contents01 {
	position: relative;
	z-index: 11;
	padding-bottom: 80px;
	overflow: hidden;
}

#ct_bg .contents01:before {
	left: 0;
	background: url(../img/bg_index06.png) no-repeat 0 0/100%;
}
#ct_bg .contents01:after {
	right: 0;
	background: url(../img/bg_index07.png) no-repeat 0 0/100%;
}
#ct_bg .contents01:before,
#ct_bg .contents01:after {
	position: absolute;
	bottom: -4px;
	width: 100px;
	height: 28px;
	content: "";
}

#ct_bg .subSection01 {
	position: relative;
	margin: 200px auto 0;
	padding: 0 20px;
	max-width: 1040px;
}

#ct_bg .subSection02 {
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1040px;
}

#ct_bg .subSection02 > .title01 {
	width: 43.9%;
	margin: 0 auto;
	text-align: center;
}

#ct_bg .subSection02 > .title02 {
	position: relative;
	z-index: 10;
	width: 77.211%;
	margin: 0 auto;
	text-align: center;
}

#ct_bg .subSection04 {
	margin-bottom: -80px;
	padding-bottom: 220px;
	background: url(../img/bg_index16.jpg) no-repeat fixed 50% 0/cover;
}

#ct_bg .subSection05 {
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1040px;
}

#ct_bg .subSection06 {
	margin-top: 60px;
}

#ct_bg .subSection06 > .title01 {
	width: 54.787%;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .subSection06 > .title02 {
	width: 37.7%;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .subSection07 {
	position: relative;
	margin-top: 30px;
	padding-bottom: 60px;
	background: #000 url(../battlezoids/img/bg_index04.png) repeat 0 0;
	overflow: hidden;
}

#ct_bg .subSection07:before {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 2400px;
	height: 529px;
	content: "";
}

#ct_bg .subSection07.type01:before {
	background: url(../battlezoids/img/bg_index05.png) repeat 50% 0;
}
#ct_bg .subSection07.type02:before {
	background: url(../battlezoids/img/bg_index06.png) repeat 50% 0;
}
#ct_bg .subSection07.type03:before {
	background: url(../battlezoids/img/bg_index07.png) repeat 50% 0;
}
#ct_bg .subSection07.type04:before {
	background: url(../battlezoids/img/bg_index08.png) repeat 50% 0;
}

#ct_bg .takeiBlock01 {
	position: absolute;
}

#ct_bg .takeiBlock01 > .text01 {
	position: absolute;
	z-index: 1;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	visibility: hidden;
}

#ct_bg .takeiBlock01.type01 > .text01 {
	visibility: visible;
}

#ct_bg .takeiBlock01.type01:hover > .text01 {
	-webkit-animation: animeScale 1.5s infinite;
	animation: animeScale 1.5s infinite;
}

#ct_bg .takeiBlock01.type01 {
	width: 39.375%;
	right: -9.375%;
	bottom: 0;
	min-width: 440px;
	max-width: 630px;
}
@media screen and (max-width: 1100px) {
#ct_bg .takeiBlock01.type01 {
	min-width: inherit;
	max-width: inherit;
}
}


#ct_bg .takeiBlock01.type01:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../img/bg_index22.png) no-repeat 0 100%/100%;
	content: "";
}
#ct_bg .takeiBlock01.type01 > .text01 {
	width: 38.888%;
	left: 18.253%;
	top: -14.5%;
}

#ct_bg .takeiBlock01.type02 {
	width: 382px;
	right: -220px;
	bottom: -234px;
}
#ct_bg .takeiBlock01.type02 > .text01 {
	width: 245px;
	left: -136px;
	bottom: 48px;
}

#ct_bg .takeiBlock01.type03 {
	width: 377px;
	left: -264px;
	bottom: -176px;
}
#ct_bg .takeiBlock01.type03 > .text01 {
	width: 238px;
	right: -180px;
	bottom: -3px;
}

#ct_bg .takeiBlock01.type04 {
	width: 388px;
	right: -136px;
	top: 140px;
}
#ct_bg .takeiBlock01.type04 > .text01 {
	width: 265px;
	left: 56px;
	top: -166px;
}

#ct_bg .charaBlock01,
#ct_bg .charaBlock02,
#ct_bg .charaBlock03,
#ct_bg .charaBlock04,
#ct_bg .charaBlock05,
#ct_bg .charaBlock06,
#ct_bg .charaBlock07 {
	position: absolute;
}

#ct_bg .charaBlock01 > .text01,
#ct_bg .charaBlock02 > .text01,
#ct_bg .charaBlock03 > .text01,
#ct_bg .charaBlock04 > .text01,
#ct_bg .charaBlock05 > .text01 {
	position: absolute;
	z-index: 1;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	visibility: hidden;
}

#ct_bg .charaBlock01 > .text01 {
	visibility: visible;
}

#ct_bg .charaBlock01:hover > .text01 {
	-webkit-animation: animeScale 1.5s infinite;
	animation: animeScale 1.5s infinite;
}

@-webkit-keyframes animeScale {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	10% { 
		-webkit-transform: scale(0.8, 0.8); 
		transform: scale(0.8, 0.8); 
	}
	20% { 
		-webkit-transform: scale(1.5, 1.5); 
		transform: scale(1.5, 1.5); 
	}
	30% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	40% { 
		-webkit-transform: scale(1.5, 1.5); 
		transform: scale(1.5, 1.5); 
	}
	50% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes animeScale {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	10% { 
		-webkit-transform: scale(0.8, 0.8); 
		transform: scale(0.8, 0.8); 
	}
	20% { 
		-webkit-transform: scale(1.5, 1.5); 
		transform: scale(1.5, 1.5); 
	}
	30% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	40% { 
		-webkit-transform: scale(1.5, 1.5); 
		transform: scale(1.5, 1.5); 
	}
	50% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

#ct_bg .charaBlock01 {
	width: 18.807%;
	right: 0;
	bottom: 0;
	min-width: 310px;
}

@media screen and (min-width: 640px) and (max-width: 740px) {
#ct_bg .charaBlock01 {
	min-width: 270px;
}
}

#ct_bg .charaBlock01 > .image01 {
	position: relative;
	z-index: 2;
}

#ct_bg .charaBlock01 > .text01 {
	width: 59.677%;
	top: -20.756%;
	left: 5.741%;
	z-index: 10;
}

#ct_bg .charaBlock02 {
	width: 28.846%;
	left: 0;
	bottom: 0;
	min-width: 300px;
}

@media screen and (max-width: 820px) {
#ct_bg .charaBlock01 {
	right: -100px;
}
	
#ct_bg .charaBlock02 {
	left: -50px;
}
}

@media screen and (min-width: 640px) and (max-width: 740px) {
#ct_bg .charaBlock02 {
	min-width: 260px;
}
}

#ct_bg .charaBlock03 {
	width: 15.384%;
	right: -5.576%;
	bottom: 50px;
	min-width: 160px;
}

@media screen and (max-width: 1100px) {
#ct_bg .charaBlock03 {
	right: -100px;
}
}

#ct_bg .charaBlock03 > .text01 {
	z-index: 1;
	width: 153.75%;
	right: -41.875%;
	top: -68.049%;
}

#ct_bg .charaBlock03 > .image01 {
	position: relative;
	z-index: 2;
}

#ct_bg .charaBlock04 {
	width: 16.942%;
	left: -11.038%;
	bottom: -241px;
	min-width: 176px;
}

#ct_bg .charaBlock04 > .text01 {
	width: 138.011%;
	right: -111.11%;
	top: 14.018%;
}

#ct_bg .charaBlock04 > .image01 {
	position: relative;
	z-index: 2;
}

#ct_bg .charaBlock05 {
	width: 21.25%;
	right: 1.442%;
	bottom: -30px;
	min-width: 221px;
}

#ct_bg .charaBlock05 > .text01 {
	width: 117.647%;
	right: -48.416%;
	top: -40.229%;
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
}

#ct_bg .charaBlock05 > .image01 {
	position: relative;
	z-index: 2;
}

#ct_bg .charaBlock06 {
	width: 35.653%;
	left: -26.846%;
	bottom: -30px;
	min-width: 402px;
}

#ct_bg .charaBlock07 {
	width: 27.173%;
	right: -19.115%;
	bottom: -30px;
	min-width: 293px;
}

@media screen and (max-width: 1200px) {
#ct_bg .charaBlock06 {
	left: -330px;
}
	
#ct_bg .charaBlock07 {
	right: -250px;
}
}

#ct_bg .mainArea01 {
	position: relative;
	overflow: hidden;
	min-height: 420px;
}

#ct_bg .mainArea01.windowHeightS {
	min-height: 560px;
}

#ct_bg .mainArea01 img {
	max-width: 100%;
	width: auto;
}

#ct_bg .mainArea01 > .image01 {
	max-width: 1000px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -.5%;
	margin: auto;
	transition: opacity .4s 2.8s,transform .4s 2.8s;
}

#ct_bg .mainArea01In01 {
	position: absolute;
	z-index: 20;
	width: 100%;
	top: 0;
	transition: opacity .4s 2.8s,transform .4s 2.8s;
}

#ct_bg .mainArea01In01 > .title01 {
	margin: 10px 0 0 3.571%;
	width: 63.809%;
}

#ct_bg .mainArea01In01 > .title02 {
	margin: 10px 0 0 10px;
	width: 224px;
}

#ct_bg .mainArea01In01 > .image01 {
	position: absolute;
	top: 20px;
	right: 2.38%;
	width: 26.19%;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}

#ct_bg .mainArea01In01 > .image02 {
	margin: 20px 0 0 -11%;
	width: 108%;
}

#ct_bg .mainArea01In01 > .image03 {
	width: 54px;
}

#ct_bg .mainArea01In01 > .image04 {
	width: 71.428%;
	margin-top: 21px;
}

#ct_bg .mainArea01In01 > .image05 {
	position: absolute;
	top: 67px;
	left: 241px;
	width: 168px;
}

#ct_bg .mainArea01In02 {
	position: absolute;
	max-width: 333px;
	width: 100%;
	top: 80px;
	right: 0;
	transition: opacity .4s 2.8s,transform .4s 2.8s;
}

#ct_bg .mainArea01In02 > .image01 {
	width: 100%;
}	

#ct_bg .mainArea01In02 > .image02 {
	width: 87.38%;
	margin-left: auto;
	margin-top: -20px;
}

#ct_bg .mainArea01In02,
#ct_bg .mainArea01 > .image01 {
	opacity: 0;
	transform: translateY(8%);
}

#ct_bg .mainArea01In02.show,
#ct_bg .mainArea01 > .image01.show {
	opacity: 1.0;
	transform: translateY(0);
}

#ct_bg .mainArea01In03 > .button01 {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -210px;
	width: 420px;
}

@media screen and (max-width: 1100px) {
#ct_bg .mainArea01In03 > .button01 {
	margin-left: -20%;
	width: 40%;
}
}

@-webkit-keyframes animeScale02 {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	10% { 
		-webkit-transform: scale(0.8, 0.8); 
		transform: scale(0.8, 0.8); 
	}
	20% { 
		-webkit-transform: scale(1.2, 1.2); 
		transform: scale(1.2, 1.2); 
	}
	30% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	40% { 
		-webkit-transform: scale(1.2, 1.2); 
		transform: scale(1.2, 1.2); 
	}
	50% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes animeScale02 {
	0% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
	10% { 
		-webkit-transform: scale(0.8, 0.8); 
		transform: scale(0.8, 0.8); 
	}
	20% { 
		-webkit-transform: scale(1.2, 1.2); 
		transform: scale(1.2, 1.2); 
	}
	30% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	40% { 
		-webkit-transform: scale(1.2, 1.2); 
		transform: scale(1.2, 1.2); 
	}
	50% { 
		-webkit-transform: scale(1, 1); 
		transform: scale(1, 1); 
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

#ct_bg .mainArea01In03 > .image01 {
	position: absolute;
	z-index: 10;
	max-width: 339px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: -.5%;
	margin: auto;
	text-align: center;
}

#ct_bg .mainArea01In03 > .image01:hover {
	-webkit-animation: animeScale02 1.5s infinite;
	animation: animeScale02 1.5s infinite;
}

@media screen and (min-width: 640px) and (max-width: 740px) {
#ct_bg .mainArea01In03 > .image01 {
	max-width: 300px;
}
}

#ct_bg .col01 {
	position: relative;
	max-width: 700px;
	margin: 30px auto 0;
}

#ct_bg .col04:first-child > .col01:before {
	position: absolute;
	top: -180px;
	left: -127px;
	width: 271px;
	height: 422px;
	background: url(../img/bg_index18.png) no-repeat 0 0/100%;
	content: "";
}

#ct_bg .col02 {
	max-width: 800px;
	margin: 60px auto 0;
}

#ct_bg .col03 {
	width: 48.924%;
	margin-top: 60px;
}

#ct_bg .col04 {
	width: 48.5%;
}

#ct_bg .col04  > .text01 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 2.4rem;
	text-align: center;
}

#ct_bg .col05 {
	width: 31.521%;
	margin-left: 2.7%;
	margin-top: 25px;
}

#ct_bg .col05:nth-child(3n+1) {
	margin-left: 0;
}

#ct_bg .col05 > .title01 > .icon01 {
	position: absolute;
	width: 92px;
	height: 93px;
	left: -10px;
	top: -16px;
}

#ct_bg .col05 > .title01 {
	position: relative;
	margin-bottom: 10px;
	text-align: center;
}

#ct_bg .col05 > .title01 > img {
	position: relative;
	z-index: 10;
	height: 44px;
	width: auto;
}

#ct_bg .col06 {
	position: relative;
	width: 40%;
	margin: 30px auto 0;
}

#ct_bg .col06:nth-child(odd) {
	margin-left: 9%;
}
#ct_bg .col06:nth-child(even) {
	margin-right: 9%;
}

#ct_bg .col06 > .movieArea01{
	margin-top: 20px;
}


#ct_bg .col07 {
	width: 45%;
}

#ct_bg .col08 {
	width: 50%;
}

@media screen and (max-width: 1040px) {
#ct_bg .col05 > .title01 > img {
	height: 4vw;
}

#ct_bg .col05 > .title01 > .icon01 {
	position: absolute;
	width: 8.846vw;
	height: 8.942vw;
	left: -.961vw;
	top: -1.153vw;
}
}



#ct_bg .titleArea01 {
	padding-top: 64px;
	padding-bottom: 42px;
	background: url(../img/bg_index15.png) repeat 0 0/50px;
}

#ct_bg .titleArea01 > .title01 {
	max-width: 876px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#ct_bg .frameArea01 {
	margin-top: 223px;
	background: url(../img/bg_index02.png) 0 0 / 892px 553px repeat;
	-webkit-transform: skew(0deg, -7deg);
	transform: skew(0deg, -7deg);
}

#ct_bg .frameArea01In {
	margin: 0 auto;
	padding: 31px 0 3px;
	width: 100%;
	-webkit-transform: skew(0deg, 7deg);
	transform: skew(0deg, 7deg);
}

#ct_bg .frameArea02 {
	width: 100%;
}

#ct_bg .frameArea02 > .image01 {
	margin: -2.875% auto 0 1.25%;
	width: 48%;
}

#ct_bg .frameArea02 > .image02 {
	margin: -36.5% 0 0 auto;
	width: 56.125%;
}

#ct_bg .frameArea02 > .image03 {
	margin: -7.75% 0 0 3.75%;
}

#ct_bg .frameArea03 {
	position: relative;
	margin: 23px 0 0 2%;
	width: 63%;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
}

#ct_bg .frameArea03:before {
	position: absolute;
	top: -2%;
	left: -3%;
	width: 106%;
	height: 104%;
	background: url(../img/bg_index04.png) left top / 100% auto no-repeat, url(../img/bg_index05.png) left bottom / 100% auto no-repeat;
	content: '';
}

#ct_bg .frameArea03 > .button01 {
	position: absolute;
	right: -3.38%;
	bottom: 12px;
	width: 23.1%;
}

#ct_bg .frameArea04 {
	position: relative;
	margin-top: 240px;
	padding-bottom: 30px;
	background: rgba(0, 0, 0, 0.8) url(../img/bg_index03.png) 0 0 / 101px 101px repeat;
}

#ct_bg .frameArea04.type01 {
	margin-top: 30px;
	padding-top: 60px;
	padding-bottom: 60px;
}

#ct_bg .subSection04 > .frameArea04 {
	margin-top: 230px;
}

#ct_bg .frameArea05 {
	display: none;
}

#ct_bg .frameArea06 {
	margin: 100px auto 0;
	width: 100%;
	background: url(../img/bg_index13_pc.jpg) top center / cover no-repeat;
	border: 4px solid #2153a4;
	border-left: none;
	border-right: none;
}

#ct_bg .frameArea06.type01 {
	background-image: url(../img/bg_index20_pc.png);
	border-color: #ffb400;
}

#ct_bg .frameArea06 > .image01 {
	position: relative;
	left: -2.75%;
	width: 102.75%;
	z-index: 2;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1123px;
}

#ct_bg .frameArea06.type01 > .image01:before {
	position: absolute;
	z-index: -1;
	top: 25%;
	right: -13px;
	width: 23.8%;
	height: 253px;
	background: url(../img/bg_index21.png) no-repeat 0 0/100%;
	content: "";
}

#ct_bg .frameArea07 {
	margin-top: 30px;
	padding: 30px;
	background-color: #fff;
	color: #000;
}

#ct_bg .frameArea07 > .text01 {
	margin-top: 25px;
	font-weight: bold;
}

#ct_bg .frameArea08 {
	margin-top: 30px;
	padding: 30px 30px 40px;
	background: url(../event/img/bg_index01.png) no-repeat 50% 0/cover;
}

#ct_bg .frameArea08 > .box01 + .box01 {
	margin-top: 50px;
}

#ct_bg .frameArea08 > .box01 > .title01 {
	width: 62.613%;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .frameArea08 > .box01 > .button01 {
	width: 520px;
	margin: 30px auto 0;
}

#ct_bg .frameArea09 {
	margin-top: 30px;
	padding: 30px 30px 60px;
	background-color: rgba(0,0,0,.8);
	color: #fff;
}

#ct_bg .frameArea09 > .text01 {
	margin-top: 25px;
	font-weight: bold;
}

#ct_bg .frameArea09 > .text02 {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.8rem;
}

#ct_bg .frameArea09 > .text03 {
	margin-top: 25px;
	font-size: 1.8rem;
	font-weight: bold;
}

#ct_bg .frameArea09 > .text04 {
	margin-top: 40px;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .frameArea09 > .text05 {
	font-size: 1.4rem;
	margin-top: 40px;
}


#ct_bg .frameArea09 > .text06 {
	font-size: 2.0rem;
	margin-top: 60px;
	text-align: center;
	font-weight: bold;
	color: #ffff00;
}

#ct_bg .frameArea09 > .inner01 {
	position: relative;
}

#ct_bg .frameArea09 > .title01 {
	max-width: 806px;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .frameArea09 > .title02 {
	margin-top: 20px;
	color: #00ffe9;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .frameArea09 > .title03 {
	margin: 40px auto 0;
	width: 50%;
}

#ct_bg .frameArea09 > .image01 {
	margin-top: 50px;
	margin-bottom: -15px;
}

#ct_bg .frameArea09 > .image02 {
	margin-top: 30px;
}

#ct_bg .frameArea09 > .image02 + .table01 {
	margin-top: 30px;
}

#ct_bg .frameArea09 > .image03 {
	margin-top: 60px;
}

#ct_bg .frameArea09 > .image04 {
	width: 60.851%;
	margin: 30px auto 0;
}

#ct_bg .frameArea09 > .image05 {
	width: 81.702%;
	margin: 60px auto 0;
}

#ct_bg .frameArea09 > .image06 {
	width: 73.404%;
	margin: 60px auto 0;
}

#ct_bg .frameArea09 > .image07 {
	width: 93.6%;
	margin: 60px auto 0;
}

#ct_bg .frameArea09 .button01 {
	margin: 30px auto 0;
	text-align: center;
}

#ct_bg .frameArea09 .button01 a {
	display: inline-block;
	padding: 20px 30px 19px;
	color: #fff;
	background-color: #cd201f;
	font-weight: bold;
	font-size: 2.6rem;
	box-shadow: 0px 0px 0px 2px #cd201f inset, 0px 0px 0px 3px #fff inset;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
}

#ct_bg .frameArea09 .button01 a:hover {
	background-color: #fff;
	color: #cd201f;
}

#ct_bg .frameArea10 {
	margin-top: 30px;
	padding: 30px 30px 60px;
	background: #001f5c url(../img/bg_index03.png) 0 0 / 101px 101px repeat;
}

#ct_bg .frameArea10 > .text01 {
	margin-top: 60px;
	color: #ff0;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .frameArea10 > .text01:first-child {
	margin-top: 0;
}

#ct_bg .frameArea10 > .text02 {
	margin-top: 30px;
	color: #fff;
	font-weight: bold;
}

#ct_bg .frameArea10 > .text03 {
	margin-top: 30px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

#ct_bg .frameArea10 > .image01 {
	margin: 30px auto 0;
	max-width: 700px
}

#ct_bg .frameArea10 > .image02 {
	margin-top: 30px;
}

#ct_bg .frameArea11 {
	margin-top: 30px;
	padding: 25px 20px;
	background-color: rgba(0,0,0,.8);
	color: #fff;
}

#ct_bg .frameArea12 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 70%;
}

#ct_bg .frameArea12 > .image01 {
	width: 32.857%;
	margin-top: 80px;
}

#ct_bg .frameArea12 > .list02 {
	width: 60.142%;
}

#ct_bg .frameArea12 > .list02 > .list02In {
	width: 100%;
}

#ct_bg .frameArea13 {
	margin-top: 40px;
	padding: 30px;
	border: #0f398d solid 5px;
	background-color: #000;
}

#ct_bg .frameArea13 > .title01 {
	margin-top: 20px;
	color: #ff0;
	font-size: 2.0rem;
	font-weight: bold;
}
#ct_bg .frameArea13 > .title01:first-child {
	margin-top: 0;
}

#ct_bg .frameArea13 > .text01 {
	margin-top: 15px;
	font-weight: bold;
}

#ct_bg .frameArea14 {
	margin-top: 100px;
	padding-bottom: 30px;
	background: url(../img/bg_index23_pc.png) top center / cover no-repeat;
	border: solid #ff3c00;
	border-width: 4px 0;
}

#ct_bg .frameArea14.type01 {
	background-image: url(../img/bg_index29_pc.png);
	border-color: #002754;
	background-position: 50% top;
}

#ct_bg .frameArea14 > .inner01 {
	position: relative;
	margin: 0 auto;
	max-width: 1124px;
	padding-left: 20px;
	padding-right: 20px;
}

#ct_bg .frameArea14 > .inner01 > .title01 {
	max-width: 1041px;
}

#ct_bg .frameArea15 {
	position: relative;
	margin: -10px auto 0;
	padding: 23px 49px 30px;
	max-width: 590px;
	border: 4px solid #fff600;
	border-radius: 10px;
}

#ct_bg .frameArea15 > .title01 {
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -42px;
	width: 83px;
}

#ct_bg .frameArea15 > .text01 {
	margin: 0 -24px;
}

#ct_bg .frameArea15 > .movieWrap01 {
	margin-top: 15px;
}

#ct_bg .frameArea16 {
	position: relative;
	max-width: 1000px;
	margin: 20px auto 0;
	padding: 30px 36px;
	border: 4px solid #fff600;
	border-radius: 10px;
}

#ct_bg .frameArea16 > .title01 {
	width: 80.26%;
	max-width: 738px;
	margin: 0 auto;
}

#ct_bg .frameArea16 > .text01 {
	position: relative;
	z-index: 2;
	left: 1%;
	width: 91.63%;
	max-width: 843px;
	margin: 30px auto 0;
}

#ct_bg .frameArea16 > .image01 {
	position: relative;
	z-index: 1;
	margin: -20px -20px 0 -30px;
}

#ct_bg .frameArea17 {
	margin-top: 30px;
	padding: 30px;
	border: solid 1px #c4c4c4;
	background-color: #000;
}

#ct_bg .frameArea17 > .wrap01 > .column01 {
	width: 34.361%;
}

#ct_bg .frameArea17 > .wrap01 > .column01 > .image01 > a {
	position: relative;
	display: block;
}

#ct_bg .frameArea17 > .wrap01 > .column01 > .image01 > a:after {
	position: absolute;
	z-index: 10;
	bottom: 4%;
	right: 2%;
	width: 16%;
	height: 29%;
	background: url(../battlezoids/img/icon_index02.png) no-repeat 0 100%/100%;
	content: "";
}

#ct_bg .frameArea17 > .wrap01 > .column02 {
	width: 62.34%;
}

#ct_bg .frameArea17 > .wrap01 > .column02 > .heading04 {
	margin-left: 0;
}

#ct_bg .frameArea17 > .wrap01 > .column02 > .text01 {
	margin-top: 30px;
}

#ct_bg .frameArea18 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 40px;
}

#ct_bg .frameArea19 {
	margin-top: 30px;
	padding-top: 30px;
	background: url(../event/img/bg_index02.png) repeat 50% 0/cover;
	color: #fff;
}

#ct_bg .frameArea19 > .inner01 {
	padding: 0 30px 40px;
}

#ct_bg .frameArea19 > .inner01 > .text01 {
	margin-top: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}

#ct_bg .frameArea19 > .inner01 .text02 {
	margin-top: 20px;
	font-size: 1.8rem;
	font-weight: bold;
}

#ct_bg .frameArea19 > .inner01 .title01 {
	margin-top: 40px;
	color: #ff0;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .frameArea19 > .inner01 .image01 {
	margin: 20px auto 0;
	width: 230px;
}

#ct_bg .selectBlock01 {
	position: relative;
	z-index: 10;
	max-width: 1040px;
	margin: 15px auto 0;
	padding-left: 20px;
	padding-right: 20px;
}

#ct_bg .selectBlock01:not(:first-of-type) {
	display: none;
}

#ct_bg .selectBlock01 > .title01 {
	position: relative;
	z-index: 30;
	margin-left: -20px;
}

#ct_bg .selectBlock01.type03 > .title01,
#ct_bg .selectBlock01.type04 > .title01 {
	text-align: right;
	margin-left: 0;
	margin-right: -5px;
}

#ct_bg .selectBlock01 > .title01 > img {
	height: 99px;
	width: auto;
}

#ct_bg .colWrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#ct_bg .selectBlock01#select01 .colWrap01 > .column01 {
	top: -80px;
}
#ct_bg .selectBlock01#select02 .colWrap01 > .column01 {
	top: -24px;
}
#ct_bg .selectBlock01#select03 .colWrap01 > .column01 {
	top: -149px;
}
#ct_bg .selectBlock01#select04 .colWrap01 > .column01 {
	top: -132px;
}
#ct_bg .selectBlock01#select05 .colWrap01 > .column01 {
	top: -102px;
}
#ct_bg .selectBlock01#select06 .colWrap01 > .column01 {
	top: -54px;
}
#ct_bg .selectBlock01#select07 .colWrap01 > .column01 {
	top: -11px;
}
#ct_bg .selectBlock01#select08 .colWrap01 > .column01 {
	top: -3px;
}
#ct_bg .selectBlock01#select09 .colWrap01 > .column01 {
	top: -149px;
}
#ct_bg .selectBlock01#select10 .colWrap01 > .column01 {
	top: -149px;
}
#ct_bg .selectBlock01#select11 .colWrap01 > .column01 {
	top: -107px;
}
#ct_bg .selectBlock01#select12 .colWrap01 > .column01 {
	top: -121px;
}
#ct_bg .selectBlock01#select13 .colWrap01 > .column01 {
	top: -109px;
}
#ct_bg .selectBlock01#select14 .colWrap01 > .column01 {
	top: -208px;
}
#ct_bg .selectBlock01#select15 .colWrap01 > .column01 {
	top: -134px;
}
#ct_bg .selectBlock01#select16 .colWrap01 > .column01 {
	top: 17px;
}

#ct_bg .selectBlock01#select01 .colWrap01 > .column01 > img {
	width: 796px;
}
#ct_bg .selectBlock01#select02 .colWrap01 > .column01 > img {
	width: 788px;
}
#ct_bg .selectBlock01#select03 .colWrap01 > .column01 > img {
	width: 873px;
}
#ct_bg .selectBlock01#select04 .colWrap01 > .column01 > img {
	width: 1172px;
}
#ct_bg .selectBlock01#select05 .colWrap01 > .column01 > img {
	width: 895px;
}
#ct_bg .selectBlock01#select06 .colWrap01 > .column01 > img {
	width: 1133px;
}
#ct_bg .selectBlock01#select07 .colWrap01 > .column01 > img {
	width: 832px;
}
#ct_bg .selectBlock01#select08 .colWrap01 > .column01 > img {
	width: 875px;
}
#ct_bg .selectBlock01#select09 .colWrap01 > .column01 > img {
	width: 1190px;
}
#ct_bg .selectBlock01#select10 .colWrap01 > .column01 > img {
	width: 1021px;
}
#ct_bg .selectBlock01#select11 .colWrap01 > .column01 > img {
	width: 1013px;
}
#ct_bg .selectBlock01#select12 .colWrap01 > .column01 > img {
	width: 1008px;
}
#ct_bg .selectBlock01#select13 .colWrap01 > .column01 > img {
	width: 965px;
}
#ct_bg .selectBlock01#select14 .colWrap01 > .column01 > img {
	width: 880px;
}
#ct_bg .selectBlock01#select15 .colWrap01 > .column01 > img {
	width: 990px;
}
#ct_bg .selectBlock01#select16 .colWrap01 > .column01 > img {
	width: 722px;
}

#ct_bg .colWrap01 > .column01 {
	position: absolute;
	left: 31%;
}
#ct_bg .colWrap01.type01 > .column01 {
	left: inherit;
	right: 31%;
}

#ct_bg .colWrap01 > .column02 {
	width: 35%;
	min-height: 406px;
}
#ct_bg .colWrap01.type01 > .column02 {
	margin-left: auto;
	width: 36.3%;
	text-align: right;
}

#ct_bg .colWrap01 > .column02 > .text01 {
	margin-top: 15px;
}

#ct_bg .colWrap01 > .column02 > .text01 > img {
	max-height: 50px;
	width: auto;
}

#ct_bg .colWrap01 > .column02 > .text02 {
	margin-top: 22px;
}

#ct_bg .colWrap01 > .column02 > .text02 > img {
	max-height: 50px;
	width: auto;
}

#ct_bg .colWrap01 > .column02 > .text03 {
	margin-top: 10px;
	width: 80%;
}
#ct_bg .colWrap01.type01 > .column02 > .text03 {
	margin-left: auto;
	width: 77.134%;
}

#ct_bg .colWrap01 > .column02 > .image01 {
	margin-top: 10px;
	width: 80%;
}
#ct_bg .colWrap01.type01 > .column02 > .image01 {
	margin-left: auto;
	width: 77.134%;
}

#ct_bg .colWrap02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 1040px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 20px auto 0;
}

#ct_bg .imgArea01 {
	position: absolute;
	width: 77.234%;
	left: 11.383%;
	bottom: 4%;
}

#ct_bg .table01 {
	margin-top: 20px;
}

#ct_bg .table01 table {
	width: 100%;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
}

#ct_bg .table01 th,
#ct_bg .table01 td {
	padding: 10px 5px;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	font-size: 1.4rem;
	vertical-align: middle;
	word-break: break-all;
}

#ct_bg .table01 th {
	background-color: #018ed5;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#ct_bg .table01 td {
	background-color: #fff;
	color: #000;
}

#ct_bg .table01.type01 th,
#ct_bg .table01.type01 td {
	padding: 15px 20px;
	font-weight: bold;
	font-size: 1.6rem;
	vertical-align: top;
}

#ct_bg .table01.type01 td {
	text-align: left;
}

#ct_bg .movieArea01 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#ct_bg .movieArea01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#ct_bg .movieArea02 {
	position: relative;
	padding: 20px;
	border: solid 5px #2153a4;
	background-color: #000;
}

#ct_bg .movieArea02 > .icon01 {
	position: absolute;
	width: 80px;
	right: -5px;
	top: -40px;
}

#ct_bg .movieArea02 > .text01 {
	margin-top: 10px;
	font-weight: bold;
}

#ct_bg .movieWrap01 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#ct_bg .movieWrap01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#ct_bg .list01 {
	position: relative;
	margin: -17px auto 0;
	padding-right: 3.38%;
	width: 93.6%;
	height: 230px;
	overflow-y: auto;
}

#ct_bg .list01 li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
	font-weight: bold;
}

#ct_bg .list01 li > time{
	display: block;
	width: 120px;
}

#ct_bg .list01 li > p{
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
}

#ct_bg .list02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 60px;
	width: 80%;
	font-weight: bold;
}

#ct_bg .list02In {
	margin: 30px 3% 0 0;
	width: 46.2%;
}

#ct_bg .list02In.type01 {
	width: 100%;
}

#ct_bg .list03 {
	margin-top: 30px;
}

#ct_bg .list03 > li {
	position: relative;
	padding-left: 16px;
	color: #fff;
	font-weight: bold;
}

#ct_bg .list03 > li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "※";
}

#ct_bg .list04 {
	margin-top: 30px;
}

#ct_bg .list04 > li {
	margin-top: 60px;
}

#ct_bg .list04 > li:nth-child(odd) > .image01 {
	margin-left: -2.8%;
	margin-right: -2.2%;
}

#ct_bg .list04 > li:nth-child(even) > .image01 {
	margin-right: -.5%;
	margin-left: -2.2%;
}

#ct_bg .list04 > li > .text01 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 1.8rem;
}

#ct_bg .list05 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -30px;
}

#ct_bg .list05 > li {
	margin: 30px 0 0 3%;
	width: 22.7%;
}

#ct_bg .list05 > li:nth-child(4n+1) {
	margin-left: 0;
}

#ct_bg .list05 > li > .text01 {
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	word-wrap: break-word;
}

#ct_bg .list06 > dt {
	margin-top: 40px;
	color: #ff0;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .list06 > dd {
	margin-top: 20px;
	font-weight: bold;
}

#ct_bg .list06 > dd > .text01:not(:first-child) {
	margin-top: 20px;
}

#ct_bg .list06 > dd > .text01 > .icon01 {
	display: inline-block;
	margin-right: 20px;
	padding: 5px 16px;
	background-color: #0f398d;
	color: #fff;
}

#ct_bg .list07 {
	margin-top: 20px;
}

#ct_bg .list07 > li {
	position: relative;
	margin-top: 5px;
	padding-left: 27px;
}

#ct_bg .list07 > li:before {
	position: absolute;
	top: .4em;
	left: 8px;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ff0;
}

#ct_bg .qaList01 {
	font-weight: bold;
}

#ct_bg .qaList01:not(:first-child) {
	margin-top: 35px;
}

#ct_bg .qaList01 > .title01 {
	padding-bottom: 10px;
	border-bottom: solid 2px #ff0;
	color: #ff0;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .qaList01 > dl > dt {
	min-height: 30px;
	margin-top: 28px;
}

#ct_bg .qaList01 > dl > dd {
	margin-top: 26px;
	padding-bottom: 30px;
	border-bottom: solid 1px #333;
}

#ct_bg .qaList01 > dl > dt,
#ct_bg .qaList01 > dl > dd {
	position: relative;
	padding-left: 40px;
}

#ct_bg .qaList01 > dl > dt:before,
#ct_bg .qaList01 > dl > dd:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	content: "";
}

#ct_bg .qaList01 > dl > dt:before {
	background: url(../qa/img/icon_index01.png) no-repeat 0 0/100%;
}

#ct_bg .qaList01 > dl > dd:before {
	background: url(../qa/img/icon_index02.png) no-repeat 0 0/100%;
}

#ct_bg .ancList01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -25px;
	overflow: hidden;
}

#ct_bg .ancList01 > li {
	position: relative;
	margin-top: 25px;
}

#ct_bg .ancList01 > li:not(:last-child) {
	margin-right: 42px;
}

#ct_bg .ancList01 > li + li:before {
	position: absolute;
	top: -3px;
	left: -21px;
	width: 1px;
	height: calc(100% + 6px);
	height: -webkit-calc(100% + 6px);
	background-color: #333;
	content: "";
}

#ct_bg .ancList01 > li > a {
	font-weight: bold;
}

#ct_bg .imgList01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#ct_bg .imgList01 > li {
	width: 48.333%;
	margin-left: 1.666%;
	margin-right: 1.666%;
	margin-top: 30px;
}

#ct_bg .imgList01 > li:nth-child(odd) {
	margin-left: 0;
}

#ct_bg .imgList01 > li:nth-child(even),
#ct_bg .imgList01 > li:last-child {
	margin-right: 0;
}

#ct_bg .imgList02 {
	position: absolute;
	left: 22.702%;
	top: 16.588%;
	width: 54.458%;
}

#ct_bg .imgList02 > li {
	position: absolute;
	top: 0;
	left: 0;
}

#ct_bg .imgList03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 60px;
}

#ct_bg .imgList03 > li {
	width: 48.404%;
	margin-left: 1.596%;
	margin-right: 1.596%;
}

#ct_bg .imgList03 > li:nth-child(n+3) {
	margin-top: 30px;
}

#ct_bg .imgList03 > .image01 {
	margin-top: 0;
	margin-bottom: -4%;
}

#ct_bg .imgList03 > li:not([class^='image']) {
	border: solid 1px #c4c4c4;
}

#ct_bg .imgList03 > li:nth-child(odd) {
	margin-left: 0;
}

#ct_bg .imgList03 > li:nth-child(even),
#ct_bg .imgList03 > li:last-child {
	margin-right: 0;
}

#ct_bg .imgList03 > li > .title01 {
	margin-top: 25px;
	color: #00ffe9;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .imgList03 > li > .text01 {
	margin-top: 20px;
	font-weight: bold;
}

#ct_bg .imgList04 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 45px;
}

#ct_bg .imgList04 > li {
	width: 32.3%;
	position: relative;
}

#ct_bg .imgList04 > li:not(:first-child) {
	margin-left: 1.5%;
}

#ct_bg .imgList04 > li > a {
	position: relative;
	display: block;
	overflow: hidden;
}

#ct_bg .imgList04 > li > a:before {
	position: absolute;
	z-index: 10;
	bottom: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: url(../battlezoids/img/icon_index01_no.png) no-repeat 0 0/100%;
	transition: all .3s;
	content: "";
}

#ct_bg .imgList04 > li > a:hover:before {
	background-image: url(../battlezoids/img/icon_index01_on.png);
}

#ct_bg .imgList04 > li.type01 > a:before {
	content: none;
}

#ct_bg .imgList04 > li.type01 > a:after {
	position: absolute;
	z-index: 10;
	bottom: 4%;
	right: 2%;
	width: 16%;
	height: 100%;
	background: url(../battlezoids/img/icon_index02.png) no-repeat 0 100%/100%;
	content: "";
}

#ct_bg .imgList04 > li > a > img {
	transition: all .3s;
}

#ct_bg .imgList04 > li > a:hover > img {
	transform: scale(1.1,1.1);
}

#ct_bg .twitter-timeline {
	width: 30% !important;
}

#ct_bg .btn01 {
	display: table;
	margin: 25px auto 0;
}

#ct_bg .btn01.type01 {
	max-width: 506px;
	width: 100%;
	word-break: break-all;
}

#ct_bg .btn01 > .font01 {
	font-size: 2.0rem;
}

#ct_bg .btn01 > a {
	display: block;
	padding: 13px 26px;
	color: #000;
	box-shadow: 0px 0px 0px 2px #fff600 inset,0px 0px 0px 3px #000000 inset;
	background-color: #fff600;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	word-wrap: break-word;
}

#ct_bg .btn01 > a:hover {
	background-color: #000;
	color: #fff600;
}

#ct_bg .btn01.twitterBtn01 > a {
	color: #fff;
	box-shadow: 0px 0px 0px 2px #55acee inset,0px 0px 0px 3px #fff inset;
	background-color: #1f81cc;
}
#ct_bg .btn01.twitterBtn01 > a:hover {
	box-shadow: 0px 0px 0px 2px #1f81cc inset,0px 0px 0px 3px #fff inset;
	background-color: #fff;
	color: #1f81cc;
}

#ct_bg .btn01.youtubeBtn01 > a {
	color: #fff;
	box-shadow: 0px 0px 0px 2px #cd201f inset,0px 0px 0px 3px #fff inset;
	background-color: #cd201f;
}
#ct_bg .btn01.youtubeBtn01 > a:hover {
	box-shadow: 0px 0px 0px 2px #cd201f inset,0px 0px 0px 3px #fff inset;
	background-color: #fff;
	color: #cd201f;
}

#ct_bg .heading01 {
	position: relative;
	top: -23px;
	left: -3%;
	width: 51.1%;
}

#ct_bg .heading02 {
	position: absolute;
	z-index: 2;
	top: -30px;
	width: 31%;
}

#ct_bg .heading04 {
	margin-left: -30px;
	padding: 16px 30px 12px 30px;
	background: url(../img/bg_index19.png) repeat 0 0/892px;
	color: #000;
	font-size: 2.0rem;
	font-weight: bold;
}

#ct_bg .hgroup01 {
	overflow: hidden;
}

#ct_bg .hgroup01 > .title01 {
	max-width: -webkit-calc(100% - 140px);
	max-width: calc(100% - 140px);
	float: left;
	color: #cc0000;
	font-weight: bold;
	font-size: 2.0rem;
}

#ct_bg .hgroup01 > .text01 {
	float: right;
	margin-top: 2px;
	font-weight: bold;
}

#ct_bg .selectBtnGroup01 {
	position: relative;
	z-index: 20;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 20px 0;
}

#ct_bg .selectBtnGroup01 > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#ct_bg .selectBtnGroup01 > ul > li {
	width: 10.9%;
	height: 83px;
	margin-left: -.6%;
	margin-right: -.6%;
}

#ct_bg .selectBtnGroup01 > ul > li:nth-child(n+11) {
	margin-top: 6px;
}

#ct_bg .selectBtnGroup01 > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 200%;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 0;
	overflow: hidden;
}

#ct_bg .selectBtnGroup01 > ul > li:nth-child(1) > a {
	background-image: url(../battlezoids/img/btn_index01.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(2) > a {
	background-image: url(../battlezoids/img/btn_index02.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(3) > a {
	background-image: url(../battlezoids/img/btn_index03.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(4) > a {
	background-image: url(../battlezoids/img/btn_index04.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(5) > a {
	background-image: url(../battlezoids/img/btn_index05.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(6) > a {
	background-image: url(../battlezoids/img/btn_index06.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(7) > a {
	background-image: url(../battlezoids/img/btn_index07.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(8) > a {
	background-image: url(../battlezoids/img/btn_index08.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(9) > a {
	background-image: url(../battlezoids/img/btn_index09.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(10) > a {
	background-image: url(../battlezoids/img/btn_index10.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(11) > a {
	background-image: url(../battlezoids/img/btn_index11.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(12) > a {
	background-image: url(../battlezoids/img/btn_index12.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(13) > a {
	background-image: url(../battlezoids/img/btn_index13.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(14) > a {
	background-image: url(../battlezoids/img/btn_index14.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(15) > a {
	background-image: url(../battlezoids/img/btn_index15.png);
}
#ct_bg .selectBtnGroup01 > ul > li:nth-child(16) > a {
	background-image: url(../battlezoids/img/btn_index16.png);
}

#ct_bg .selectBtnGroup01 > ul > li > a:hover,
#ct_bg .selectBtnGroup01 > ul > li > a.current {
	background-position: 100% 0;
}

#ct_bg .img01 {
	margin-top: 40px;
	width: 20%;
}

#ct_bg .img02 {
	max-width: 1040px;
	margin: 100px auto 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#ct_bg .img03 {
	margin-top: 20px;
}

#ct_bg .img03 + .img03 {
	margin-top: 30px;
}

#ct_bg .img04 {
	margin: 40px auto 0;
	width: 88.5%;
}

#ct_bg .w01 {
	width: 13.636%;
}

#ct_bg .w02 {
	width: 12.5%;
}

#ct_bg .w03 {
	width: 54.545%;
}

#ct_bg .w04 {
	width: 19.09%;
}

#ct_bg .w05 {
	width: 14.89%;
}

#ct_bg .w06 {
	width: 21.27%;
}

#ct_bg .w07 {
	width: 63.84%;
}

#ct_bg .w08 {
	width: 28.4%;
}
#ct_bg .w09 {
	width: 46.6%;
}

#ct_bg .w10 {
	width: 25%;
}

#ct_bg .w11 {
	width: 50%;
}


#ct_bg .color01 {
	color: #ff0;
}

#ct_bg .ancLink01 {
	position: relative;
	z-index: -1;
	display: block;
	margin-top: -158px;
	padding-top: 158px;
}

#ct_bg .ancLink02 {
	position: relative;
	z-index: -1;
	display: block;
	margin-top: -126px;
	padding-top: 126px;
}

@media screen and (max-width: 1040px) {
#ct_bg .selectBtnGroup01 {
	padding-top: 2.114vw;
}
	
#ct_bg .selectBtnGroup01 > ul > li {
	height: 7.792vw;
}
	
#ct_bg .selectBlock01 {
	margin-top: 3.365vw;
}
	
#ct_bg .selectBlock01 > .title01 > img {
	height: 9.615vw;
}
	
#ct_bg .selectBlock01#select01 .colWrap01 > .column01 {
	top: -7.692vw;
}
#ct_bg .selectBlock01#select02 .colWrap01 > .column01 {
	top: -2.5vw;
}
#ct_bg .selectBlock01#select03 .colWrap01 > .column01 {
	top: -14.134vw;
}
#ct_bg .selectBlock01#select04 .colWrap01 > .column01 {
	top: -12.692vw;
}
#ct_bg .selectBlock01#select05 .colWrap01 > .column01 {
	top: -9.807vw;
}
#ct_bg .selectBlock01#select06 .colWrap01 > .column01 {
	top: -5.192vw;
}
#ct_bg .selectBlock01#select07 .colWrap01 > .column01 {
	top: -1.057vw;
}
#ct_bg .selectBlock01#select08 .colWrap01 > .column01 {
	top: -.288vw;
}
#ct_bg .selectBlock01#select09 .colWrap01 > .column01 {
	top: -13.961vw;
}
#ct_bg .selectBlock01#select10 .colWrap01 > .column01 {
	top: -13.461vw;
}
#ct_bg .selectBlock01#select11 .colWrap01 > .column01 {
	top: -10.288vw;
}
#ct_bg .selectBlock01#select12 .colWrap01 > .column01 {
	top: -11.634vw;
}
#ct_bg .selectBlock01#select13 .colWrap01 > .column01 {
	top: -10.48vw;
}
#ct_bg .selectBlock01#select14 .colWrap01 > .column01 {
	top: -20vw;
}
#ct_bg .selectBlock01#select15 .colWrap01 > .column01 {
	top: -12.884vw;
}
#ct_bg .selectBlock01#select16 .colWrap01 > .column01 {
	top: 1.63vw;
}
	
#ct_bg .selectBlock01#select01 .colWrap01 > .column01 > img {
	max-width: 76.73vw;
}
#ct_bg .selectBlock01#select02 .colWrap01 > .column01 > img {
	max-width: 75.769vw;
}
#ct_bg .selectBlock01#select03 .colWrap01 > .column01 > img {
	max-width: 83.942vw;
}
#ct_bg .selectBlock01#select04 .colWrap01 > .column01 > img {
	max-width: 112.693vw;
}
#ct_bg .selectBlock01#select05 .colWrap01 > .column01 > img {
	max-width: 86.057vw;
}
#ct_bg .selectBlock01#select06 .colWrap01 > .column01 > img {
	max-width: 108.942vw;
}
#ct_bg .selectBlock01#select07 .colWrap01 > .column01 > img {
	max-width: 80vw;
}
#ct_bg .selectBlock01#select08 .colWrap01 > .column01 > img {
	max-width: 84.134vw;
}
#ct_bg .selectBlock01#select09 .colWrap01 > .column01 > img {
	max-width: 114.442vw;
}
#ct_bg .selectBlock01#select10 .colWrap01 > .column01 > img {
	max-width: 98.173vw;
}
#ct_bg .selectBlock01#select11 .colWrap01 > .column01 > img {
	max-width: 97.403vw;
}
#ct_bg .selectBlock01#select12 .colWrap01 > .column01 > img {
	max-width: 96.923vw;
}
#ct_bg .selectBlock01#select13 .colWrap01 > .column01 > img {
	max-width: 92.788vw;
}
#ct_bg .selectBlock01#select14 .colWrap01 > .column01 > img {
	max-width: 84.615vw;
}
#ct_bg .selectBlock01#select15 .colWrap01 > .column01 > img {
	max-width: 95.192vw;
}
#ct_bg .selectBlock01#select16 .colWrap01 > .column01 > img {
	max-width: 69.423vw;
}
#ct_bg .colWrap01 > .column02 {
	min-height: inherit;
}

#ct_bg .colWrap01 > .column02 > .text02 {
	margin-top: 2.403vw;
}
	
#ct_bg .colWrap01 > .column02 > .text01 > img {
	height: 4.807vw;
}
	
#ct_bg .colWrap01 > .column02 > .text02 > img {
	height: 4.807vw;
}
	
}

@media screen and (max-width: 639px) {
#ct_bg {
	min-width: inherit;
	font-size: 1.4rem;
	font-family: -apple-system, "HelveticaNeue", Helvetica;
	word-break: normal;
	word-wrap: break-word;
}

#ct_bg a {
	text-decoration: underline;
}
#ct_bg a:hover {
	text-decoration: none;
}
#header {
	border-bottom: #ccc solid 1px;
}
#ct_bg img {
	width: 100%;
	height: auto;
}

#ct_bg .imgOver01 a:hover img {
	opacity: 1.0;
}

.onlyPC {
	display: none;
}
.onlySP {
	display: block;
}
img.onlySP {
	display: inline-block;
}
	
#ct_bg .headWrap01 {
	display: block;
	padding-left: 0;
	padding-right: 0;
}

#ct_bg .header01 {
	position: relative;
	z-index: 9;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

#ct_bg .headWrap01 {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #000;
}

#ct_bg .headWrap01 > .logo01 {
	width: 75px;
	margin-left: 2.666%;
}

#ct_bg .headList01 {
	position: absolute;
	z-index: -1;
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
	top: -200%;
	width: 100%;
	margin-left: 0;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 35px;
	background: url(../img/bg_index17.png) repeat 0 0/20px;
	transition: all .3s;
}
	
#ct_bg  .active .headList01 {
	-webkit-transform: translateY(11px);
	transform: translateY(11px);
}
	
#ct_bg .headList01 > ul {
	display: block;
}
	
#ct_bg .headList01 > ul > li {
	padding-top: 18px;
	padding-bottom: 12px;
	border-bottom: solid 1px #4a4a4a;
}

#ct_bg .headList01 > ul > li:not(:first-child) {
	margin-left: 0;
}

#ct_bg .headList01 > ul > li > a:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 8px;
	height: 14px;
	background: url(../img/icon_common01.png) no-repeat 0 0/100%;
	content: "";
}
	
#ct_bg .headList01 > ul > li > a > img {
	width: auto;
	height: 14px;
}
	
#ct_bg .headWrap02 {
	display: block;
	padding-left: 0;
	padding-right: 0;
}

#ct_bg .header02 {
	z-index: 12;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: solid 1px #4a4a4a;
}
	
#ct_bg .header02.active {
	z-index: 100;
}
	
#ct_bg.top .header02 {
	display: none;
}

#ct_bg .headWrap02 {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #000;
}

#ct_bg .headWrap02 > .logo01 {
	width: 75px;
	margin-left: 2.666%;
}
	
#ct_bg .headWrap02 > .logo01 {
	position: static;
	display: block;
}
	
#ct_bg.top .headWrap02 > .logo01 {
	display: block;
}
	
#ct_bg .headList02 {
	position: absolute;
	z-index: -1;
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
	width: 100% !important;
	height: auto;
	margin-left: 0;
	padding: 0 4%;
	padding-bottom: 35px;
	background: url(../img/bg_index17.png) repeat 0 0/20px;
	transition: all .3s;
	box-shadow: none;
	max-height: calc(100vh - 62px);
	max-height: -webkit-calc(100vh - 62px);
	overflow-y: scroll;
}
	
#ct_bg  .active .headList02 {
	-webkit-transform: translateY(11px);
	transform: translateY(11px);
}
	
#ct_bg .headList02 > ul {
	display: block;
	padding: 0;
}
	
#ct_bg .headList02 > ul > li {
	padding-top: 11px;
	padding-bottom: 11px;
	width: 100% !important;
	border-bottom: solid 1px #4a4a4a;
}

#ct_bg .headList02 > ul > li:not(:first-child) {
	margin-left: 0;
}

#ct_bg .headList02 > ul > li > a {
	display: block;
}

#ct_bg .headList02 > ul > li > a:before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 8px;
	height: 14px;
	background: url(../img/icon_common01.png) no-repeat 0 0/100%;
	content: "";
}

#ct_bg .headList02 > ul > li > a > img {
	width: auto;
	height: 19px;
}
	
#ct_bg .headButton01 {
	position: absolute;
	top: 10px;
	right: 2.666%;
	display: block;
	width: 40px;
	height: 40px;
	border: solid 1px #fff;
}
	
#ct_bg .headButton01:hover {
	cursor: pointer;
}
	
#ct_bg .headButton01 > span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -11px;
	width: 23px;
	height: 1px;
	background-color: #fff;
	text-indent: 100%;
	white-space: nowrap;
	transition: all .1s;
}

#ct_bg .headButton01 > .top {
	top: 11px;
}

#ct_bg .headButton01 > .bottom {
	bottom: 12px;
}

#ct_bg .headButton01 > .middle {
	top: 18px;
}

#ct_bg .active .headButton01 > .middle {
	background: none;
}

#ct_bg .active .headButton01 > .top {
	top: 18.5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#ct_bg .active .headButton01 > .bottom {
	bottom: 18.5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	
#ct_bg .headButton02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 131px;
	height: 44px;
	margin: 30px auto 0;
	border: solid 1px #fff;
	font-weight: bold;
	text-align: center;
}
	
#ct_bg .headButton02 > span {
	position: relative;
	left: 8px;
}

#ct_bg .headButton02 > span:before {
	display: block;
	position: absolute;
	top: 50%;
	left: -24px;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	margin-top: -1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

#ct_bg .headButton02 > span:after {
	display: block;
	position: absolute;
	top: 50%;
	left: -24px;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	margin-top: -1px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}

#ct_bg .footer01 > .copyright01 {
	font-weight: 1.2rem;
}

#ct_bg .bnrList01 > li {
	width: 66.66%;
	margin-left: 0;
	margin-right: 0;
}

#ct_bg .bnrList01 > li:nth-child(3n+2) {
	margin-left: 0;
	margin-right: 0;
}

#ct_bg .bnrList02 {
	padding: 0;
}

#ct_bg .bnrList02 > li {
	width: 92%;
}
	
#ct_bg .bnrList03 {
	padding: 0;
}

#ct_bg .bnrList03 > li {
	width: 66.666%;
	margin-top: 8vw;
	margin-left: 0;
	margin-right: 0;
}
	
#ct_bg .bnrList04 {
	position: static;
	bottom: 0;
	padding: 30px 0 35px;
	background: #4e300d url(../img/bg_index08.png) 0 0 / 512px 512px repeat;
	opacity: 1.0;
	transform: translateY(0);
}

#ct_bg .bnrList04 > li {
	margin: 30px 0 0;
	width: 100%;
}

#ct_bg .contents01 {
	background: #4e300d url(../img/bg_index08.png) 0 0 / 512px 512px repeat;
}

#ct_bg .subSection01 {
	margin-top: 50.666vw;
	padding: 0 4%;
	max-width: 100%;
}

#ct_bg .subSection02 {
	position: relative;
	margin: 0 auto;
	padding: 0 4%;
	max-width: 100%;
}
	
#ct_bg .subSection02 > .title01 {
	width: 63.768%;
}
	
#ct_bg .subSection02 > .title02 {
	width: 100%;
}

#ct_bg .subSection03 {
	margin: 0 auto;
	padding: 0 4%;
	max-width: 100%;
}
	
#ct_bg .subSection04 {
	background-image: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
#ct_bg .subSection05 {
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
}

#ct_bg .subSection06 > .title02 {
	width: 51.4%;
}

#ct_bg .subSection07 {
	padding-bottom: 30px;
}	
	
#ct_bg .subSection07:before {
	height: 129vw;
	top: -5vw;
	-webkit-transform: translateX(-50%) skewY(-5deg);
	transform: translateX(-50%) skewY(-5deg);
	background-size: auto 100% !important; 
}
	
#ct_bg .subSection07.type03:before,
	#ct_bg .subSection07.type04:before{
	-webkit-transform: translateX(-50%) skewY(5deg);
	transform: translateX(-50%) skewY(5deg);
}
	
#ct_bg .takeiBlock01.type01 {
	position: relative;
	z-index: 5;
	right: 0;
	margin-top: 30px;
	width: 100%;
	min-width: inherit;
} 
#ct_bg .takeiBlock01.type01:before {
	left: 6.66%;
	width: 84%;
}
#ct_bg .takeiBlock01.type01 > .text01 {
	width: 32.666vw;
	left: 18.933vw;
	top: 2vw;
}
#ct_bg .takeiBlock01.type01 .bx-wrapper {
	width: 84%;
	margin-left: 5.333% !important;
}
	
#ct_bg .takeiBlock01.type01:hover > .text01 {
	animation: none;
}
	
#ct_bg .takeiBlock01.type02 {
	width: 50.933%;
	right: -5.733%;
	bottom: inherit;
	top: calc(-61.333vw - 50px);
	top: -webkit-calc(-61.333vw - 50px);
}
#ct_bg .takeiBlock01.type02 > .text01 {
	width: 102.879%;
	left: -72.135%;
	bottom: inherit;
	top: 4vw;
}

#ct_bg .takeiBlock01.type03 {
	width: 50.266%;
	right: inherit;
	left: -6.5%;
	top: -68.733vw;
	bottom: inherit;
}
#ct_bg .takeiBlock01.type03 > .text01 {
	width: 102.917%;
	right: -82.228%;
	bottom: 10.266vw;
}
	
#ct_bg .takeiBlock01.type04 {
	width: 51.733vw;
	right: -6.23%;
	top: -77.6vw;
}
#ct_bg .takeiBlock01.type04 > .text01 {
	width: 109.278%;
	left: -72.164%;
	top: 12.533vw;
}
	
#ct_bg .charaBlock01 {
	position: relative;
	width: 41.333%;
	right: inherit;
	bottom: inherit;
	margin-top: 3vw;
	margin-left: auto;
	min-width: inherit;
}

#ct_bg .charaBlock01 > .image01 {
	position: relative;
	z-index: 2;
}

#ct_bg .charaBlock01 > .text01 {
	width: 95.161%;
	top: -3.333vw;
	left: -67.258%;
}

#ct_bg .charaBlock02 {
	width: 40%;
	left: 0;
	min-width: inherit;
}

#ct_bg .charaBlock03 {
	width: 28vw;
	right: inherit;
	left: 10.666vw;
	bottom: inherit;
	min-width: inherit;
	top: -42.266vw;
	top: calc(-42.266vw - 60px);
	top: -webkit-calc(-42.266vw - 60px);
}

#ct_bg .charaBlock03 > .text01 {
	width: 52.533vw;
	right: -50.933vw;
	top: -6.133vw;
}

#ct_bg .charaBlock04 {
	width: 24.266vw;
	left: 10.666vw;
	top: -39vw;
	bottom: inherit;
	min-width: inherit;
}

#ct_bg .charaBlock04 > .text01 {
	width: 49.456vw;
	right: -46.933vw;
	top: .8vw;
}

#ct_bg .charaBlock04 > .image01 {
	position: relative;
	z-index: 2;
}

#ct_bg .charaBlock05 {
	width: 32.4vw;
	right: 5.6vw;
	bottom: inherit;
	min-width: inherit;
	top: -50.666vw;
}

#ct_bg .charaBlock05 > .text01 {
	width: 53.733vw;
	right: inherit;
	top: -5.333vw;
	left: -45.333vw;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
	
#ct_bg .charaBlock06 {
	width: 51.2vw;
	left: 3.333vw;
	bottom: calc(-68.266vw - 35px);
	bottom: -webkit-calc(-68.266vw - 35px);
	min-width: inherit;
}

#ct_bg .charaBlock07 {
	width: 42.666vw;
	right: 4.666vw;
	bottom: calc(-68.266vw - 35px);
	bottom: -webkit-calc(-68.266vw - 35px);
	min-width: inherit;
}

#ct_bg .mainArea01 {
	min-height: inherit;
	max-height: inherit;
	background: #0079c4 url(../img/img_index14.jpg) no-repeat top center / 100%;
}

#ct_bg .mainArea01In01 {
	position: static;
}

#ct_bg .mainArea01In01 > .title01 {
	margin-left: 0;
	padding: 17% 0 0 1.6%;
	width: 41.2%;
}
	
#ct_bg .mainArea01In01 > .title02 {
	margin-top: 19vw;
	margin-left: 1.6%;
	width: 41.333%;
}

#ct_bg .mainArea01In01 > .image01 {
	display: none;
}

#ct_bg .mainArea01In01 > .image02 {
	margin-top: -2.26%;
	margin-left: 0;
	width: 100%;
}

#ct_bg .mainArea01In01 > .image03 {
	width: 13.33%;
}
	
#ct_bg .mainArea01In01 > .image05 {
	position: static;
	width: 42.6%;
	margin-top: 3vw;
	left: inherit;
	top: inherit;
}

#ct_bg .mainArea01In02 {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 10px;
	width: 100%;
	max-width: 100%;
	padding-bottom: 30px;
	background: rgba(0, 0, 0, 0.8) url(../img/bg_index03.png) 0 0 / 101px 101px repeat;
}

#ct_bg .mainArea01In01,
#ct_bg .mainArea01In02,
#ct_bg .mainArea01 > .image01 {
	opacity: 1.0;
	transform: translateY(0);
}

#ct_bg .mainArea01In02 > .image02 {
	width: 100%;
	margin-top: -6px;
}

#ct_bg .mainArea01In02 > .image03 { 
	width: 86.666%;
	margin: 10px auto 0;
}

#ct_bg .mainArea01In03 {
	margin-top: 15px;
	padding-top: 0;
	background: rgba(0, 0, 0, 0.8) url(../img/bg_index03.png) 0 0 / 101px 101px repeat;
}

#ct_bg .mainArea01In03 > .button01 {
	position: static;
	bottom: 0;
	left: 0;
	margin-right: 4%;
	margin-left: 4%;
	width: auto;
}
	
#ct_bg .mainArea01In03 > .image01 {
	position: static;
	max-width: inherit;
	padding-left: 4%;
	padding-right: 4%;
}
	
#ct_bg .mainArea01In03 > .image01:hover {
	-webkit-animation: none;
	animation: none;
}

#ct_bg .mainArea01 > .image01 {
	bottom: -52.8vw;
}

#ct_bg .col01 {
	padding-left: 2.666%;
	padding-right: 2.666%;
}
	
#ct_bg .col04:first-child > .col01:before {
	top: -27vw;
	left: -11vw;
	width: 41.22%;
}

#ct_bg .col03 {
	width: 100%;
}
	
#ct_bg .col04 {
	width: 100%;
}
	
#ct_bg .col04 + .col04 {
	margin-top: 40px;
}
	
#ct_bg .col04 > .text01 {
	margin-bottom: -10px;
	font-size: 1.8rem;
}

#ct_bg .col04:not(:first-child) > .text01 {
	margin-top: 0;
}
	
#ct_bg .col05 {
	width: 100%;
	margin-left: 0;
	margin-top: 26px;
}

#ct_bg .col05 > .title01 > .icon01 {
	width: 17.6vw;
	height: 15.733vw;
	left: 12.26vw;
	top: -2.666vw;
}

#ct_bg .col05 > .title01 > img {
	height: 8.266vw;
}

#ct_bg .col06 {
	width: 100%;
}

#ct_bg .col06:nth-child(odd) {
	margin-left: 0;
}
#ct_bg .col06:nth-child(even) {
	margin-right: 0;
}

#ct_bg .col07 {
	width: 100%;
}

#ct_bg .col08 {
	width: 80%;
	margin: 20px auto 0;
}

#ct_bg .titleArea01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 164px;
}
	
#ct_bg .titleArea01 > .title01 {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
	
#ct_bg .titleArea01 > .title01 img {
	width: 100%;
}

#ct_bg .frameArea01 {
	margin-top: 16.266vw;
}

#ct_bg .frameArea01In {
	padding: 10% 0;
}

#ct_bg .frameArea02 > .image01 {
	margin: 9% 0 0;
	width: 104%;
	overflow: hidden;
}

#ct_bg .frameArea02 > .image02 {
	margin: -4% 0 0;
	width: 100%;
}

#ct_bg .frameArea02 > .image03 {
	margin: 10.4% 0 0;
}

#ct_bg .frameArea03 {
	position: relative;
	margin: 23px 0 0 2%;
	padding-bottom: 14%;
	width: -webkit-calc(100% - 4%);
	width: calc(100% - 4%);
}

#ct_bg .frameArea03 > .button01 {
	bottom: 0;
	width: 34.3%;
}
	
#ct_bg .frameArea04 {
	margin-top: 62vw;
}
	
#ct_bg .frameArea04.type01 {
	margin-top: 59.333vw;
}
	
#ct_bg .subSection04 .frameArea04 {
	margin-top: 90px;
}

#ct_bg .frameArea05 {
	display: block;
	position: relative;
	margin-top: 80px;
	padding: 13.3% 2.66% 10px;
	background: url(../img/bg_index09.png) 0 0 / 100% no-repeat, url(../img/bg_index11.png) left bottom / 100% no-repeat, url(../img/bg_index10.png) 0 0 / 100% repeat-y, #000 url(../img/bg_index03.png) 0 0 / 101px 101px repeat;
}

#ct_bg .frameArea06 {
	background-image: url(../img/bg_index13_sp.jpg);
}
	
#ct_bg .frameArea06.type01 {
	background-image: url(../img/bg_index20_sp.png);
}	

#ct_bg .frameArea06 > .image01 {
	padding: 0;
	left: 0;
	max-width: 100%;
}
	
#ct_bg .frameArea06.type01 > .image01:before {
	top: inherit;
	bottom: 3.466vw;
	right: 4%;
	width: 40.533%;
	background-position: 0 100%;
}	
	
#ct_bg .frameArea07 {
	padding: 25px 4%;
}
	
#ct_bg .frameArea08 {
	padding: 25px 4% 30px;
}

#ct_bg .frameArea08 > .box01 + .box01 {
	margin-top: 40px;
}

#ct_bg .frameArea08 > .box01 > .title01 {
	width: 100%;
}
	
#ct_bg .frameArea08 > .box01 > .button01 {
	width: 80%;
}
	
#ct_bg .frameArea09 {
	padding-left: 4%;
	padding-right: 4%;
}
	
#ct_bg .frameArea09 > .text02 {
	font-size: 1.4rem;
}

#ct_bg .frameArea09 > .text03 {
	font-size: 1.4rem;
}

#ct_bg .frameArea09 > .text04 {
	font-size: 1.8rem;
}

#ct_bg .frameArea09 > .title02 {
	font-size: 1.8rem;
}

#ct_bg .frameArea09 > .inner01 {
	padding-bottom: 5%;
	background: url(../about/img/img_index02.png) no-repeat 50% 100%/100%;
}
	
#ct_bg .frameArea09 > .image01 {
	width: 108%;
	margin-top: 30px;
	margin-left: -4%;
}
	
#ct_bg .frameArea09 > .image03 {
	margin-top: 30px;
}

#ct_bg .frameArea09 > .image04 {
	width: 100%;
}

#ct_bg .frameArea09 > .image05 {
	width: 84%;
	margin-top: 40px;
}

#ct_bg .frameArea09 > .image06 {
	width: 100%;
	margin-top: 30px;
}

#ct_bg .frameArea09 > .image07 {
	margin-top: 30px;
}

#ct_bg .frameArea09 .button01 {
	width: 90%;
}

#ct_bg .frameArea09 .button01 a{
	font-size: 2.0rem;
}

#ct_bg .frameArea09 .button01 a:hover {
	background-color: #cd201f;
	color: #fff;
}

#ct_bg .frameArea10 {
	padding: 25px 4% 30px;
}

#ct_bg .frameArea10 > .text01 {
	font-size: 1.8rem;
}

#ct_bg .frameArea10 > .text03 {
	font-size: 1.2rem;
}

#ct_bg .frameArea10 > .image01 {
	margin: 30px auto 0;
	max-width: 700px
}

#ct_bg .frameArea10 > .image02 {
	margin-top: 30px;
}
	
#ct_bg .frameArea11 {
	padding-top: 28px;
	padding-bottom: 28px;
}
	
#ct_bg .frameArea12 {
	width: 100%;
}

#ct_bg .frameArea12 > .image01 {
	width: 57.971%;
	margin: 30px auto 0;
}

#ct_bg .frameArea12 > .list02 {
	width: 100%;
}

#ct_bg .frameArea13 {
	padding-right: 5.7%;
	padding-left: 5.7%;
}

#ct_bg .frameArea14 {
	margin-bottom: 68.266vw;
	background-image: url(../img/bg_index23_sp.png);
}
	
#ct_bg .frameArea14.type01 {
	background-image: url(../img/bg_index29_sp.png);
	background-position: 50% 0;
}	

#ct_bg .frameArea14 > .inner01 {
	padding: 0 4%;
}

#ct_bg .frameArea14 > .inner01 > .title01 {
	padding: 0;
}

#ct_bg .frameArea15 {
	margin-top: 25px;
	padding: 15px 1.7%;
}

#ct_bg .frameArea15 > .title01 {
	top: -6%;
	margin-left: -8.3%;
	width: 15.6%;
}

#ct_bg .frameArea15 > .text01 {
	margin: 0 1.5%;
}
	
#ct_bg .frameArea16 {
	margin-top: 30px;
	padding: 25px 2.933vw;
}

#ct_bg .frameArea16 > .title01 {
	width: 100%;
}

#ct_bg .frameArea16 > .text01 {
	width: 100%;
	left: inherit;
}
	
#ct_bg .frameArea16 > .image01 {
	margin: -5px 0 0;
}	
	
#ct_bg .frameArea17 {
	padding-left: 9%;
	padding-right: 9%;
}

#ct_bg .frameArea17 > .wrap01 > .column01 {
	width: 100%;
}

#ct_bg .frameArea17 > .wrap01 > .column02 {
	width: 100%;
	margin-top: 30px;
}
	
#ct_bg .frameArea19 > .title01 {
	margin-bottom: -15px;
}
	
	#ct_bg .frameArea19 > .title02 {
		width: 140%;
		margin-left: -20%;
	}

#ct_bg .frameArea19 > .inner01 {
	padding: 0 4% 30px;
}
	
#ct_bg .frameArea19 > .inner01 > .text01 {
	font-size: 1.6rem;
}

#ct_bg .selectBlock01 {
	margin-top: 5px;
	padding-left: 4%;
	padding-right: 4%;
}

#ct_bg .selectBlock01.type01:before,
#ct_bg .selectBlock01.type02:before,
#ct_bg .selectBlock01.type03:before,
#ct_bg .selectBlock01.type04:before {
	top: -56vw;
	left: -15%;
	width: 130%;
	height: 66.666vw;
	margin-left: 0;
}
	
#ct_bg .selectBlock01 > .title01,
#ct_bg .selectBlock01.type03 > .title01,
#ct_bg .selectBlock01.type04 > .title01 {
	width: 104%;
	margin-left: -4%;
}

#ct_bg .selectBlock01 > .title01 > img {
	height: auto;
	max-width: 104%;
}
	
#ct_bg .selectBlock01#select01 .colWrap01 > .column01 {
	margin-top: -8vw;
}
#ct_bg .selectBlock01#select02 .colWrap01 > .column01 {
	margin-top: 3vw;
}
#ct_bg .selectBlock01#select03 .colWrap01 > .column01 {
	margin-top: -32vw;
}
#ct_bg .selectBlock01#select04 .colWrap01 > .column01 {
	margin-top: -12vw;
}
#ct_bg .selectBlock01#select05 .colWrap01 > .column01 {
	margin-top: -7.333vw;
}
#ct_bg .selectBlock01#select06 .colWrap01 > .column01 {
	margin-top: -4.933vw;
}
#ct_bg .selectBlock01#select07 .colWrap01 > .column01 {
	margin-top: 1.6vw;
	margin-bottom: 4vw;
}
#ct_bg .selectBlock01#select08 .colWrap01 > .column01 {
	margin-top: 3.6vw;
	margin-bottom: 2.666vw;
}
#ct_bg .selectBlock01#select09 .colWrap01 > .column01 {
	margin-top: -20vw;
}
#ct_bg .selectBlock01#select10 .colWrap01 > .column01 {
	margin-top: -37.333vw;
}
#ct_bg .selectBlock01#select11 .colWrap01 > .column01 {
	margin-top: -8.666vw;
}
#ct_bg .selectBlock01#select12 .colWrap01 > .column01 {
	margin-top: -8.933vw;
}
#ct_bg .selectBlock01#select13 .colWrap01 > .column01 {
	margin-top: -9.333vw;
}
#ct_bg .selectBlock01#select14 .colWrap01 > .column01 {
	margin-top: -18.533vw;
}
#ct_bg .selectBlock01#select15 .colWrap01 > .column01 {
	margin-top: -14.266vw;
	margin-bottom: 4vw;
}
#ct_bg .selectBlock01#select16 .colWrap01 > .column01 {
	margin-top: 4vw;
	margin-bottom: 6vw;
}

#ct_bg .colWrap01 > .column01 {
	position: static;
	left: inherit;
	margin-left: -4%;
	width: 108%;
}
#ct_bg .colWrap01.type01 > .column01 {
	left: inherit;
	right: inherit;
}
	
#ct_bg .colWrap01 > .column01 > img,
#ct_bg .colWrap01.type01 > .column01 > img {
	max-width: 104% !important;
}

#ct_bg .colWrap01 > .column02 {
	width: 100%;
}
#ct_bg .colWrap01.type01 > .column02 {
	width: 100%;
	text-align: left;
}

#ct_bg .colWrap01 > .column02 > .text01 {
	margin-top: 1.333vw;
	text-align: center;
}

#ct_bg .colWrap01 > .column02 > .text01 > img {
	height: 13.333vw;
	max-height: inherit;
}
	
#ct_bg .colWrap01 > .column02 > .text02 {
	margin-top: 6.666vw;
}

#ct_bg .colWrap01 > .column02 > .text02 > img {
	height: 12.859vw;
	max-height: inherit;
}
	
#ct_bg .colWrap01 > .column02 > .text03,
#ct_bg .colWrap01.type01 > .column02 > .text03 {
	margin-top: 2.666vw;
	width: 100%;
}

#ct_bg .colWrap01 > .column02 > .image01,
#ct_bg .colWrap01.type01 > .column02 > .image01 {
	width: 81.159%;
	margin: 2.666vw auto 0;
}
	
#ct_bg .colWrap02 {
	padding-left: 0;
	padding-right: 0;
	margin-top: 8vw;
}	
	
#ct_bg .imgArea01 {
	width: 86%;
	left: 7%;
	bottom: 3.2%;
}
	
#ct_bg .movieArea02 {
	padding-left: 5.97%;
	padding-right: 5.97%;
}

#ct_bg .movieArea02 > .text01 {
	margin-top: 10px;
	font-weight: bold;
}

#ct_bg .table01 th,
#ct_bg .table01 td {
	padding: 5px 3px;
	font-size: 1.1rem;
}
	
#ct_bg .table01.type01 th,
#ct_bg .table01.type01 td {
	padding: 5px 6px;
	font-size: 1.1rem;
}
	
#ct_bg .qaList01 > .title01 {
	font-size: 1.8rem;
}
	
#ct_bg .qaList01 > dl > dd {
	margin-top: 26px;
	padding-bottom: 30px;
	border-bottom: solid 1px #333;
}

#ct_bg .qaList01 > dl > dt,
#ct_bg .qaList01 > dl > dd {
	position: relative;
	padding-left: 40px;
}

#ct_bg .qaList01 > dl > dt:before,
#ct_bg .qaList01 > dl > dd:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	content: "";
}

#ct_bg .qaList01 > dl > dt:before {
	background: url(../qa/img/icon_index01.png) no-repeat 0 0/100%;
}

#ct_bg .qaList01 > dl > dd:before {
	background: url(../qa/img/icon_index02.png) no-repeat 0 0/100%;
}

#ct_bg .ancList01 {
	margin-top: -22px;
}

#ct_bg .ancList01 > li {
	margin-top: 22px;
	font-size: 1.6rem;
}

#ct_bg .ancList01 > li:not(:last-child) {
	margin-right: 38px;
}

#ct_bg .ancList01 > li + li:before {
	left: -18px;
}

#ct_bg .imgList01 > li {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 8vw;
}
	
#ct_bg .imgList03 {
	margin-top: 40px;
}

#ct_bg .imgList03 > li {
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .imgList03 > li:nth-child(n+2) {
	margin-top: 20px;
}

#ct_bg .imgList03 > .image01 {
	width: 60%;
	margin-top: 20px;
}

#ct_bg .imgList03 > li:nth-child(odd) {
	margin-left: auto;
}

#ct_bg .imgList03 > li:nth-child(even),
#ct_bg .imgList03 > li:last-child {
	margin-right: auto;
}
	
#ct_bg .imgList03 > li > .title01 {
	margin-top: 15px;
	font-size: 1.8rem;
}

#ct_bg .imgList03 > li > .text01 {
	margin-top: 10px;
}
	
#ct_bg .imgList04 {
	margin-top: 8vw;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#ct_bg .imgList04 > li {
	width: 81.159%;
	margin-left: auto !important;
	margin-right: auto !important;
}

#ct_bg .imgList04 > li:nth-child(n+2) {
	margin-top: 4vw;
}		
	
#ct_bg .imgList04 > li > a:hover:before {
	background-image: url(../battlezoids/img/icon_index01_no.png);
}

#ct_bg .imgList04 > li > a:hover > img {
	transform: scale(1.0,1.0);
}

#ct_bg .list01 {
	margin: 0 0 10px;
	margin-top: -webkit-calc(21.45% - 30px);
	margin-top: calc(21.45% - 30px);
	padding: 0 6%;
	width: 94%;
	height: 290px;
}

#ct_bg .list01 li > time{
	width: 100%;
}

#ct_bg .list01 li > p{
	width: 100%;
}

#ct_bg .list02 {
	width: 19.57%;
	width: 100%;
}

#ct_bg .list02In {
	margin: 2.89% 0 0;
	width: 100%;
}

#ct_bg .list02In.type01 {
	width: 100%;
}

#ct_bg .list04 > li {
	margin-top: 40px;
}	
	
#ct_bg .list04 > li > .text01 {
	font-size: 1.4rem;
}

#ct_bg .list05 {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#ct_bg .list05 > li {
	margin: 30px 0 0;
	width: 47.4%;
}

#ct_bg .list06 > dt {
	font-size: 1.8rem;
}

#ct_bg .list06 > dd > .text01 > .icon01 {
	display: table;
	margin: 0 0 10px;
	padding: 5px 16px;
	background-color: #0f398d;
	color: #fff;
}

#ct_bg .twitter-timeline {
	margin: 30px auto 0!important;
	width: 86.66% !important;
}
	
#ct_bg .btn01 > .font01 {
	font-size: 1.8rem;
}

#ct_bg .btn01.type01 {
	display: block;
}

#ct_bg .btn01 > a:hover {
	background-color: #fff600;
	color: #000;
}
#ct_bg .btn01.twitterBtn01 > a:hover {
	color: #fff;
	box-shadow: 0px 0px 0px 2px #55acee inset,0px 0px 0px 3px #fff inset;
	background-color: #1f81cc;
}

#ct_bg .btn01.youtubeBtn01 > a:hover {
	color: #fff;
	box-shadow: 0px 0px 0px 2px #cd201f inset,0px 0px 0px 3px #fff inset;
	background-color: #cd201f;
}

#ct_bg .heading01 {
	position: absolute;
	top: 0;
	z-index: 5;
	margin-top: -6.15%;
	padding: 0 13.33%;
	width: 100%;
}

#ct_bg .heading02 {
	position: absolute;
	z-index: 3;
	top: 0;
	margin: -5.79% auto 0;
	padding: 0 17.39%;
	width: 92%;
}

#ct_bg .heading03 {
	position: absolute;
	margin: -20.28% auto 0;
	padding: 0 13.33%;
}
	
#ct_bg .heading04 {
	margin-left: -4%;
	padding-left: 4%;
	padding-right: 4%;
	font-size: 1.8rem;
}

#ct_bg .hgroup01 > .title01 {
	max-width: 100%;
	float: none;
	font-size: 1.8rem;
}

#ct_bg .hgroup01 > .text01 {
	float: none;
	margin-top: 12px;
	text-align: right;
}
	
#ct_bg .selectBtnGroup01 {
	padding: 15px 1.1% 0;
}

#ct_bg .selectBtnGroup01 > ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#ct_bg .selectBtnGroup01 > ul > li {
	width: 18.724%;
	margin-left: -1.1%;
	margin-right: -1.1%;
	height: 14.426vw;
}
	
#ct_bg .selectBtnGroup01 > ul > li:nth-child(n+6) {
	margin-top: 3px;
}

#ct_bg .selectBtnGroup01 > ul > li:nth-child(1) {
	margin-left: 5.333%;
}
	
#ct_bg .selectBtnGroup01 > ul > li:nth-child(6) {
	margin-left: auto;
}
	
#ct_bg .selectBtnGroup01 > ul > li:nth-child(10) {
	margin-right: 5.333%;
}
	
#ct_bg .selectBtnGroup01 > ul > li > a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#ct_bg .img01 {
	margin: 30px auto 0;
	width: 57.97%;
}
	
#ct_bg .img02 {
	margin-bottom: 0;
	padding-left: 4%;
	padding-right: 4%;
}

#ct_bg .img04 {
	width: 100%;
}

#ct_bg .ancLink01 {
	margin-top: -68px;
	padding-top: 68px;
}
	
#ct_bg .ancLink02 {
	margin-top: -97px;
	padding-top: 97px;
}

}

/* Clearfix */
#ct_bg .cf:after {
	content: " ";
	display: block;
	clear: both;
}