@charset "utf-8";

/* main-inner */
#main #main-inner {
	border: none;
	background: none;
}

/* common */
#main #main-title {
	position: relative;
}
#main #section01,
#main #section02,
#main #section03 {
	width: 864px;
}
#main #main-title h2,
#main #main-title p {
	position: absolute;
}

#main #main-title h2,
#main #main-title p,
#main #section01 h2,
#main #section01 h3,
#main #section02 h2,
#main #section03 h3 {
	margin: 0;
	padding: 0;
}

/* main-title */
#main #main-title {
	height: 854px;
	margin: 0;
	background: url(../img/main_title_bg.png) left top no-repeat;
}
#main #main-title h2 {
	top: 47px;
	left: 22px;
}
#main #main-title .voice {
	top: 253px;;
	right: 2px;
}
#main #main-title .chara {
	top: 256px;
	left: 50px;
}
#main #main-title .about-txt {
	top: 627px;
	left: 44px;
}

/* section-wrap */
#main .section-wrap {
	background: url(../img/section_wrap_bg.png) left top repeat-y;
}
#main #section01 {
	padding: 47px 0 0 0;
}
#main #section03 {
	margin: -28px 0 0 0;
}

#main .section-wrap .gy {
	text-align: right;
	margin: 0;
	padding: 0 45px 0 0;
}
#main .section-wrap .ka {
	text-align: left;
	margin: 0;
	padding: 0 0 0 45px;
}
#main .section-wrap .gy_ka01,
#main .section-wrap .gy_ka02 {
	width: 792px;
}
#main .section-wrap .gy_ka01 {
	margin: 0 auto 22px auto;
	background: url(../img/gy_ka01.png) left top no-repeat;
}
#main .section-wrap .gy_ka01 .gy_ka01_inner {
	position: relative;
	width: 792px;
	height: 180px;
}
#main .section-wrap .gy_ka01 .gy_ka01_txt,
#main .section-wrap .gy_ka01 .gy_ka01_star {
	position: absolute;
}
#main .section-wrap .gy_ka01 .gy_ka01_txt {
	top: 66px;
	left: 236px;
}
#main .section-wrap .gy_ka01 .gy_ka01_star {
	top: 97px;
	left: 105px;
}
#main .section-wrap .gy01 {
	margin: 0 0 14px 0;
}
#main .section-wrap .ka01 {
	margin: 0 0 28px 0;
}
#main .section-wrap .gy02 {
	margin: 0 0 60px 34px;
}
#main .section-wrap .gy02 p {
	margin: 0;
}
#main .section-wrap .gy02 .gy02_inner {
	position: relative;
	width: 785px;
	height: 219px;
}
#main .section-wrap .gy02 .gy02_img,
#main .section-wrap .gy02 .gy02_star {
	position: absolute;
}
#main .section-wrap .gy02 .gy02_img {
	top: 0;
	left: 0;
}
#main .section-wrap .gy02 .gy02_star {
	top: 94px;
	left: 105px;
}
#main .section-wrap .ka02 {
	margin: 0 0 9px 0;
}
#main .section-wrap .gy03 {
	margin: 0 0 0 -36px;
}
#main .section-wrap .ka03 {
	margin: -20px 0 60px 0;
}
#main .section-wrap .gy04 {
	margin: 0;
}
#main .section-wrap .interval {
	margin: 92px 0 98px 0;
	text-align: center;
}
#main .section-wrap .ka04 {
	margin: 0 0 0 0;
}
#main .section-wrap .ka04 p {
	margin: 0;
}
#main .section-wrap .ka04 .ka04_inner {
	position: relative;
	width: 856px;
	height: 316px;
}
#main .section-wrap .ka04 .ka04_img,
#main .section-wrap .ka04 .ka04_txt,
#main .section-wrap .ka04 .ka04_anger {
	position: absolute;
}
#main .section-wrap .ka04 .ka04_img {
	top: 0;
	left: 0;
}
#main .section-wrap .ka04 .ka04_txt {
	top: 60px;
	left: 120px;
	z-index: 10;
}
#main .section-wrap .ka04 .ka04_anger {
	top: 128px;
	left: 812px;
	z-index: 10;
}
#main .section-wrap .gy05 {
	margin: -14px 0 53px 0;
}
#main .section-wrap .ka05 {
	margin: 0 0 16px 0;
}
#main #section02 h2 {
	width: 864px;
	height: 373px;
	overflow: hidden;
	margin: 0 0 35px 0;
}
#main .section-wrap .ka06 {
	margin: 0 0 16px 0;
}
#main .section-wrap .ka06 p {
	margin: 0;
}
#main .section-wrap .ka06 .ka06_inner {
	position: relative;
	width: 794px;
	height: 171px;
}
#main .section-wrap .ka06 .ka06_img,
#main .section-wrap .ka06 .ka06_star {
	position: absolute;
}
#main .section-wrap .ka06 .ka06_img {
	top: 0;
	left: 0;
}
#main .section-wrap .ka06 .ka06_star {
	top: 93px;
	left: 763px;
	z-index: 10;
}
#main .section-wrap .gy06 {
	margin: 0 0 26px 26px;
}
#main .section-wrap .gy06 p {
	margin: 0;
}
#main .section-wrap .gy06 .gy06_inner {
	position: relative;
	width: 793px;
	height: 180px;
}
#main .section-wrap .gy06 .gy06_img {
	position: absolute;
	top: 0;
	left: 0;
}
#main .section-wrap .gy06 .gy06_star01,
#main .section-wrap .gy06 .gy06_star02,
#main .section-wrap .gy06 .gy06_star03,
#main .section-wrap .gy06 .gy06_star04 {
	position: absolute;
	z-index: 10;
}
#main .section-wrap .gy06 .gy06_star01 {
	top: 24px;
	left: 3px;
}
#main .section-wrap .gy06 .gy06_star02 {
	top: 46px;
	left: 132px;
}
#main .section-wrap .gy06 .gy06_star03 {
	bottom: 2px;
	left: 0;
}
#main .section-wrap .gy06 .gy06_star04 {
	top: 118px;
	left: 134px;
}
#main .section-wrap .ka07 {
	margin: 0 0 51px 0;
}
#main .section-wrap .gy07 {
	margin: 0 0 24px 0;
}
#main .section-wrap .ka08 {
	margin: 0 0 31px 0;
}

/* figure_box */
#main .section-wrap .figure_box {
	background: url(../img/figure_bg.png) left top repeat;
}
#main .section-wrap .figure_box p {
	margin: 0;
}
#main .section-wrap .figure_box01 {
	text-align: center;
	margin: 0 0 32px 0;
	padding: 30px 50px;
}
#main .section-wrap .figure_box01 h3 {
	margin: 0;
	padding: 8px 0 24px 0;
}
#main .section-wrap .figure_box02,
#main .section-wrap .figure_box03 {
	padding: 30px 132px;
}
#main .section-wrap .figure_box_inner {
	background-color: #FFFFFF;
}

#main .section-wrap .figure_box02 .figure_box_inner,
#main .section-wrap .figure_box03 .figure_box_inner {
	position: relative;
}
#main .section-wrap .figure_box02 .figure_box_inner {
	height: 470px;
}
#main .section-wrap .figure_box03 .figure_box_inner {
	height: 500px;
}
#main .section-wrap .figure_box02 .figure_box_inner h3,
#main .section-wrap .figure_box02 .figure_box_inner p,
#main .section-wrap .figure_box02 .figure_box_inner div,
#main .section-wrap .figure_box03 .figure_box_inner h3,
#main .section-wrap .figure_box03 .figure_box_inner p,
#main .section-wrap .figure_box03 .figure_box_inner div{
	position: absolute;
}
#main .section-wrap .figure_box02 .figure_box_inner h3,
#main .section-wrap .figure_box03 .figure_box_inner h3 {
	top: 8px;
	left: 212px;
}
#main .section-wrap .figure_box02 .figure_box_inner p,
#main .section-wrap .figure_box03 .figure_box_inner p {
	top: -20px;
	left: -72px;
}
#main .section-wrap .figure_box02 .figure_box_inner div {
	top: 69px;
	left: 56px;
}
#main .section-wrap .figure_box03 .figure_box_inner div {
	top: 12px;
	left: 56px;
}
.figure03_movie,
.figure04_movie {
	margin: 0 auto;
	width: 488px;
	display: block;
	overflow: hidden;
}
.figure03_movie {
	height: 342px;
	background: transparent url(../img/figure03_movie.png) no-repeat top left;
}
.figure04_movie {
	height: 488px;
	background: transparent url(../img/figure04_movie.png) no-repeat top left;
}

#main .section-wrap .gy08 {
	margin: 0 0 32px 0;
}
#main .section-wrap .ka09 {
	margin: 0 0 23px 0;
}
#main .section-wrap .gy09 {
	margin: 0 0 28px 0;
}
#main .section-wrap .ka10 {
	margin: 0 0 49px 0;
}
#main .section-wrap .ka10 p {
	margin: 0;
}
#main .section-wrap .ka10 .ka10_inner {
	position: relative;
	width: 807px;
	height: 173px;
}
#main .section-wrap .ka10 .ka10_img,
#main .section-wrap .ka10 .ka10_anger {
	position: absolute;
}
#main .section-wrap .ka10 .ka10_img {
	top: 0;
	left: 0;
}
#main .section-wrap .ka10 .ka10_anger {
	top: 68px;
	right: 0;
	z-index: 10;
}
#main .section-wrap .gy10 {
	margin: 0 0 60px 0;
}
#main .section-wrap .ka11 {
	margin: 0 0 50px 0;
}
#main .section-wrap .gy11 {
	margin: 0 0 30px 34px;
}
#main .section-wrap .gy11 p {
	margin: 0;
}
#main .section-wrap .gy11 .gy11_inner {
	position: relative;
	width: 785px;
	height: 177px;
}
#main .section-wrap .gy11 .gy11_img,
#main .section-wrap .gy11 .gy11_star {
	position: absolute;
}
#main .section-wrap .gy11 .gy11_img {
	top: 0;
	left: 0;
}
#main .section-wrap .gy11 .gy11_star {
	top: 95px;
	left: 105px;
}
#main .section-wrap .ka12 {
	margin: 0 0 48px 0;
}
#main .section-wrap .gy12 {
	margin: 0 0 64px 0;
}
#main .section-wrap .ka13 {
	margin: 0;
}
#main #section03 h2 {
	width: 864px;
	height: 394px;
	overflow: hidden;
	margin: 0 0 30px 0;
}
#main .section-wrap .gy13 {
	margin: 0 0 64px 34px;
}
#main .section-wrap .gy13 p {
	margin: 0;
}
#main .section-wrap .gy13 .gy13_inner {
	position: relative;
	width: 785px;
	height: 312px;
}
#main .section-wrap .gy13 .gy13_img,
#main .section-wrap .gy13 .gy13_star {
	position: absolute;
}
#main .section-wrap .gy13 .gy13_img {
	top: 0;
	left: 0;
}
#main .section-wrap .gy13 .gy13_star {
	top: 94px;
	left: 104px;
}
#main .section-wrap .ka14 {
	margin: 0 0 14px 0;
}
#main .section-wrap .gy14 {
	margin: 0 0 30px 34px;
}
#main .section-wrap .gy14 p {
	margin: 0;
}
#main .section-wrap .gy14 .gy14_inner {
	position: relative;
	width: 785px;
	height: 177px;
}
#main .section-wrap .gy14 .gy14_img,
#main .section-wrap .gy14 .gy14_star {
	position: absolute;
}
#main .section-wrap .gy14 .gy14_img {
	top: 0;
	left: 0;
}
#main .section-wrap .gy14 .gy14_star {
	top: 94px;
	left: 104px;
}
#main .section-wrap .ka15 {
	margin: 0 0 12px 0;
}
#main .section-wrap .gy15 {
	margin: 0 0 64px 0;
}
#main .section-wrap .ka16 {
	margin: 0 0 58px 0;
}
#main .section-wrap .gy16 {
	margin: 29px 0 59px 0;
}
#main .section-wrap .ka17 {
	margin: 46px 0 9px 0;
}
#main .section-wrap .gy17 {
	margin: 0 0 63px 0;
}
#main .section-wrap .ka18 {
	margin: 0 0 13px 0;
}
#main .section-wrap .gy18 {
	margin: 0 0 65px 34px;
}
#main .section-wrap .gy18 p {
	margin: 0;
}
#main .section-wrap .gy18 .gy18_inner {
	position: relative;
	width: 785px;
	height: 353px;
}
#main .section-wrap .gy18 .gy18_img,
#main .section-wrap .gy18 .gy18_star {
	position: absolute;
}
#main .section-wrap .gy18 .gy18_img {
	top: 0;
	left: 0;
}
#main .section-wrap .gy18 .gy18_star {
	top: 94px;
	left: 104px;
}
#main .section-wrap .ka19 {
	margin: 0 0 48px 0;
}
#main .section-wrap .gy19 {
	margin: 0 0 14px 0;
}
#main .section-wrap .gy20 {
	margin: 0 0 34px 0;
}
#main .section-wrap .ka20 {
	margin: 0 0 48px 0;
}
#main .section-wrap .ka20 p {
	margin: 0;
}
#main .section-wrap .ka20 .ka20_inner {
	position: relative;
	width: 794px;
	height: 223px;
}
#main .section-wrap .ka20 .ka20_img,
#main .section-wrap .ka20 .ka20_star {
	position: absolute;
}
#main .section-wrap .ka20 .ka20_img {
	top: 0;
	left: 0;
}
#main .section-wrap .ka20 .ka20_star {
	top: 93px;
	right: 0;
}
#main .section-wrap .gy21 {
	margin: 0 0 25px 0;
}
#main .section-wrap .ka21 {
	margin: 0 0 49px 0;
}
#main .section-wrap .gy22 {
	margin: 0 0 46px 34px;
}
#main .section-wrap .gy22 p {
	margin: 0;
}
#main .section-wrap .gy22 .gy22_inner {
	position: relative;
	width: 785px;
	height: 177px;
}
#main .section-wrap .gy22 .gy22_img,
#main .section-wrap .gy22 .gy22_star {
	position: absolute;
}
#main .section-wrap .gy22 .gy22_img {
	top: 0;
	left: 0;
}
#main .section-wrap .gy22 .gy22_star {
	top: 94px;
	left: 104px;
}
#main .section-wrap .ka22 {
	margin: 0 0 48px 0;
}
#main .section-wrap .ka22 p {
	margin: 0;
}
#main .section-wrap .ka22 .ka22_inner {
	position: relative;
	width: 794px;
	height: 181px;
}
#main .section-wrap .ka22 .ka22_img,
#main .section-wrap .ka22 .ka22_star {
	position: absolute;
}
#main .section-wrap .ka22 .ka22_img {
	top: 0;
	left: 0;
}
#main .section-wrap .ka22 .ka22_star {
	top: 93px;
	left: 763px;
	z-index: 10;
}
#main .section-wrap .gy23 {
	margin: 0 0 44px 26px;
}
#main .section-wrap .gy23 p {
	margin: 0;
}
#main .section-wrap .gy23 .gy23_inner {
	position: relative;
	width: 793px;
	height: 180px;
}
#main .section-wrap .gy23 .gy23_img {
	position: absolute;
	top: 0;
	left: 0;
}
#main .section-wrap .gy23 .gy23_star01,
#main .section-wrap .gy23 .gy23_star02,
#main .section-wrap .gy23 .gy23_star03,
#main .section-wrap .gy23 .gy23_star04 {
	position: absolute;
	z-index: 10;
}
#main .section-wrap .gy23 .gy23_star01 {
	top: 24px;
	left: 3px;
}
#main .section-wrap .gy23 .gy23_star02 {
	top: 46px;
	left: 132px;
}
#main .section-wrap .gy23 .gy23_star03 {
	bottom: 2px;
	left: 0;
}
#main .section-wrap .gy23 .gy23_star04 {
	top: 118px;
	left: 134px;
}
#main .section-wrap .ka23 {
	margin: 0 0 57px 0;
}
#main .section-wrap .ka24 {
	margin: 0 0 48px 0;
}
#main .section-wrap .gy24 {
	margin: 0 0 46px 0;
}
#main .section-wrap .ka25 {
	margin: 0 0 17px 0;
}
#main .section-wrap .ka25 p {
	margin: 0;
}
#main .section-wrap .ka25 .ka25_inner {
	position: relative;
	width: 807px;
	height: 168px;
}
#main .section-wrap .ka25 .ka25_img,
#main .section-wrap .ka25 .ka25_anger {
	position: absolute;
}
#main .section-wrap .ka25 .ka25_img {
	top: 0;
	left: 0;
}
#main .section-wrap .ka25 .ka25_anger {
	top: 68px;
	right: 0;
	z-index: 10;
}
#main .section-wrap .gy25 {
	margin: 0 0 56px 0;
}
#main .section-wrap .ka26 {
	margin: 0;
}
#main .section-wrap .gy26 {
	margin: -40px 0 28px -36px;
}
#main .section-wrap .gy_ka02 {
	margin: 0 auto 60px auto;
	background: url(../img/gy_ka02.png) left top no-repeat;
}
#main .section-wrap .gy_ka02 .gy_ka02_inner {
	position: relative;
	width: 792px;
	height: 212px;
}
#main .section-wrap .gy_ka02 .gy_ka02_txt,
#main .section-wrap .gy_ka02 .gy_ka02_star {
	position: absolute;
}
#main .section-wrap .gy_ka02 .gy_ka02_txt {
	top: 66px;
	left: 208px;
}
#main .section-wrap .gy_ka02 .gy_ka02_star {
	top: 97px;
	left: 105px;
}

/* scroll */
.scrImg {
	position: relative;
	right: -864px;
	display: none;
	margin: 0;
}

/* animation */
.twinkle01a {
	animation: twinkle01 2.4s ease-out 0s infinite;
}
.twinkle01b {
	animation: twinkle01 2.6s ease-out 0s infinite;
}
@keyframes twinkle01 {
	0% { transform: scale(0.2);}
	8% { transform: scale(1);}
	30% { transform: scale(1);}
	40% { transform: scale(0.2);}
	100% { transform: scale(0.2);}
}
@-webkit-keyframes twinkle01 {
	0% { transform: scale(0.2);}
	8% { transform: scale(1);}
	30% { transform: scale(1);}
	40% { transform: scale(0.2);}
	100% { transform: scale(0.2);}
}

.anger {
	top: 50px;
	animation: 1.2s anger linear 0s alternate none infinite running;
	-webkit-animation: anger 1.2s linear 0s alternate none infinite running;
	transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
}
@keyframes anger {
    0% { transform: rotate(-10deg); opacity: 1;}
    25% { transform: rotate(-10deg); opacity: 0;}
    75% { transform: rotate(15deg); opacity: 0;}
	100% { transform: rotate(15deg); opacity: 1;}
}
@-webkit-keyframes anger {
     0% { transform: rotate(-10deg); opacity: 1;}
    25% { transform: rotate(-10deg); opacity: 0;}
    75% { transform: rotate(15deg); opacity: 0;}
	100% { transform: rotate(15deg); opacity: 1;}
}

.twinkle02a {
	animation: twinkle02a 1s linear 0s infinite;
}
.twinkle02b {
	animation: twinkle02b 0.9s linear 0s infinite;
}
.twinkle02c {
	animation: twinkle02a 1s linear 0.2s infinite;
}
.twinkle02d {
	animation: twinkle02b 1.1s linear 0.2s infinite;
}
@keyframes twinkle02a {
	0% { transform: scale(1);}
	50% { transform: scale(0.2);}
	100% { transform: scale(1);}
}
@-webkit-keyframes twinkle02a {
	0% { transform: scale(1);}
	50% { transform: scale(0.2);}
	100% { transform: scale(1);}
}
@keyframes twinkle02b {
	0% { transform: scale(0.2);}
	50% { transform: scale(1);}
	100% { transform: scale(0.2);}
}
@-webkit-keyframes twinkle02b {
	0% { transform: scale(0.2);}
	50% { transform: scale(1);}
	100% { transform: scale(0.2);}
}

.zoom_start {
	animation: zoom 0.6s ease-in-out 0s infinite alternate;
	-webkit-animation: zoom 0.5s ease-in-out 0s infinite alternate;
}
.zoom_end {
	animation: zoom 1s ease-in-out 0s infinite alternate;
	-webkit-animation: zoom 0.5s ease-in-out 0s infinite alternate;
}
@keyframes zoom {
	0% { transform: scale(1);}
	100% { transform: scale(1.2);}
}
@-webkit-keyframes zoom {
	0% { transform: scale(1);}
	100% { transform: scale(1.2);}
}

/* copyright */
.copyright {
	clear: both;
	width: 100%;
	line-height: 1;
	margin-top: 20px;
	color: #8c8c8c;
	text-align: center;	
	font-size: 10px;
}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}