@charset "utf-8";

/* =================================================

	libs
	 
----------------------------------------------------
*

	Base 

	opening

	Page Layout
	header
	footer
	contents
	
	sectionTop
	sectionTokucho
	sectionCharacter
	sectionSpec
	sectionEnshutsu
	section99ver
	sectionKiwami

	modal
	modalMovie
	modalCharacter
	
	z-index

*
================================================= */







/* =================================================

	Base

================================================= */

html {
	font-size: 62.5%;
}
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; 
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	line-height: 1.3;
	color: #fff;
	background-color: #000;
}
html,
body {
	height: 100%;
}



/* ----------------------------------------------
	a
---------------------------------------------- */

a {
	text-decoration: none;
	color: #1565c0;
}
a:hover {
	text-decoration: underline;
}







/* =================================================

	opening

================================================= */

#opening {
	position: relative;
  height: 100vh;
	overflow: hidden;
	background: url(../img/opening/bg.jpg) center top no-repeat #000;
	background-size: cover;
}

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


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

#opening #openingInner {
	position: relative;
	min-height: 100%;
  width: 1366px;
	height: 100vh;
	margin-left: auto;
	margin-right: auto;
}
}



/* ----------------------------------------------
	openingChara
---------------------------------------------- */

#opening #openingChara {
}

#opening .chara {
	position: absolute;
	left: 0px;
	bottom: 0px;
	/*top: 0px;*/
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
#opening .charaYuka {
	left: 511px;
	left: 37.40849194729136%;
	width: 361px;
	width: 26.42752562225476%;
	background-image: url(../img/opening/chara_yuka_silhouette.png);
}
#opening .charaFumio {
	left: 282px;
	left: 20.64421669106881%;
	width: 425px;
	width: 31.11273792093704%;
	background-image: url(../img/opening/chara_fumio_silhouette.png);
}
#opening .charaBuru {
	left: 746px;
	left: 54.61200585651537%;
	width: 423px;
	width: 30.96632503660322%;
	background-image: url(../img/opening/chara_buru_silhouette.png);
}
#opening .charaChappy {
	left: -47px;
	left: -3.440702781844802%;
	width: 369px;
	width: 27.01317715959004%;
	background-image: url(../img/opening/chara_chappy_silhouette.png);
}
#opening .charaMadara {
	left: 941px;
	left: 68.88726207906296%;
	width: 378px;
	width: 27.67203513909224%;
	background-image: url(../img/opening/chara_madara_silhouette.png);
}
#opening .charaIwao {
	left: 692px;
	left: 50.6588579795022%;
	width: 554px;
	width: 40.55636896046852%;
	background-image: url(../img/opening/chara_iwao_silhouette.png);
}
#opening .charaNorio {
	left: 208px;
	left: 15.22693997071742%;
	width: 340px;
	width: 24.89019033674963%;
	background-image: url(../img/opening/chara_norio_silhouette.png);
}
#opening .charaSaki {
	left: 13px;
	left: 0.9516837481698389%;
	width: 541px;
	width: 39.60468521229868%;
	background-image: url(../img/opening/chara_saki_silhouette.png);
}
#opening .charaKongo {
	left: 182px;
	left: 13.32357247437775%;
	width: 779px;
	width: 57.02781844802343%;
	background-image: url(../img/opening/chara_kongo_silhouette.png);
}



/* ----------------------------------------------
	openingCount
---------------------------------------------- */

#opening #openingCount {
	display: none;
	position: absolute;
	left: 0px;
	top: 25px;
	top: 3%;
	width: 100%;
	text-align: center;
	font-size: 0;
}

#opening #openingCount span {
	margin: 0px -12px;
	margin: 0px -0.8784773060029283%;
}
#opening #openingCount span.percent {
	margin: 0px -6px;
	margin: 0px -0.4392386530014641%;
}

#opening #openingCount span img{
	width: 120px;
	width: 8.784773060029283%;
}
#opening #openingCount span.percent img {
	width: 70px;
	width: 5.124450951683748%;
	margin-top: 65px;
	margin-top: 4.8%;
}



/* ----------------------------------------------
	openingSound
---------------------------------------------- */

#opening #openingSound {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#opening #openingSound p {
	position: relative;
}
#opening #openingSound .soundOff {
	position: absolute;
	left: 1183px;
	left: 86.60322108345534%;
	top: 52px;
	top: 20%;
	width: 183px;
	width: 13.39677891654466%;
}
#opening #openingSound .soundOn {
	position: absolute;
	left: 1038px;
	left: 75.98828696925329%;
	top: 68px;
	top: 25%;
	width: 185px;
	width: 13.54319180087848%;
}







/* =================================================

	Page Layout

================================================= */

#document {
	position: relative;
	width: 100%;
}

#header {
	position: relative;
	width: 100%;
	min-width: 640px;
}

#footer {
	position: relative;
	bottom: 0px;
}

#contents {
	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

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



/* ----------------------------------------------
	pagetop
---------------------------------------------- */

#pagetotop {
	position: fixed;
	right: -11px;
	bottom: 0px;
	width: 273px;
	width: 19.98535871156662%;
}
#pagetotop a {
	position: relative;
	display: block;
	height: 140px;
	height: 0px;
	padding-top: 140px;
	padding-top: 50%;
}

#pagetotop a img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	margin-top: 0px;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	transition: margin 0.3s ease;
}
#pagetotop a img:hover {
	margin-top: -100px;
	margin-top: -30%;
}







/* =================================================

	header

================================================= */

/* ----------------------------------------------
	logo
---------------------------------------------- */

#header #headerLogoBg {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 323px;
	width: 23.64568081991215%;
}
#header #headerLogo {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 252px;
	width: 18.44802342606149%;
}
#header #headerLogo.headerLogoKiwami {
	width: 288px;
	width: 21.08345534407028%;
}



/* ----------------------------------------------
	headerBg
---------------------------------------------- */

#headerBg {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
}



/* ----------------------------------------------
	headerBlock
---------------------------------------------- */

#headerBlock {
	position: fixed;
	left: 23.64568081991215%;
	top: 0px;
	width: 1043px;
	width: 76.35431918008785%;
}



/* ----------------------------------------------
	gnav
---------------------------------------------- */

#headerBlock .gnav {
	position: relative;
	float: left;
	width: 785px;
	width: 75.26366251198466%;
	margin-left: -62px;
	margin-left: -5.944391179290508%;
}

#headerBlock .gnav:before,
#headerBlock .gnav:after { content: ""; display: table;}
#headerBlock .gnav:after { clear: both;}

#headerBlock .gnav li {
	float: left;
}

#headerBlock .gnav li.gnavTop {
	width: 98px;
	width: 12.48407643312102%;
}
#headerBlock .gnav li.gnavTokucho {
	width: 88px;
	width: 11.21019108280255%;
}
#headerBlock .gnav li.gnavSpec {
	width: 136px;
	width: 17.32484076433121%;
}
#headerBlock .gnav li.gnavCharacter {
	width: 236px;
	width: 30.06369426751592%;
}
#headerBlock .gnav li.gnavEnshutsu {
	width: 83px;
	width: 10.57324840764331%;
}
#headerBlock .gnav li.gnavMusic {
	width: 144px;
	width: 18.34394904458599%;
}


/*
	snav
---------------------------------------------- */

#headerBlock .gnav li .snav {
	position: absolute;
	left: 0px;
	top: 70px;
	top: 88%;
}
#headerBlock .gnav li.gnavTokucho .snav {
	left: 51px;
	left: 6.496815286624204%;
	width: 182px;
	width: 23.18471337579618%;
}
#headerBlock .gnav li.gnavSpec .snav {
	left: 180px;
	left: 22.92993630573248%;
	width: 148px;
	width: 18.85350318471338%;
}
#headerBlock .gnav li.gnavCharacter .snav {
	left: 316px;
	left: 40.25477707006369%;
	width: 248px;
	width: 31.59235668789809%;
}
#headerBlock .gnav li.gnavEnshutsu .snav {
	left: 475px;
	left: 60.50955414012739%;
	width: 248px;
	width: 31.59235668789809%;
}

#headerBlock .gnav li .snav ul li {
	float: none;
}
#headerBlock .gnav li .snav ul li a {
	display: block;
	position: relative;
}



/* ----------------------------------------------
	btns
---------------------------------------------- */

#headerBlock .btns {
	float: left;
	width: 271px;
	width: 25.98274209012464%;
	margin-left: 9px;
	margin-left: 0.862895493767977%;
	font-size: 0px;
}

#headerBlock .btns .soundBox {
	float: left;
	width: 42px;
	width: 15.49815498154982%;
	margin-top: 4px;
	margin-top: 1.75%;
}
#headerBlock .btns .soundBox .soundOff {
	display: none;
}

#headerBlock .btns .sns {
	float: left;
	width: 146px;
	width: 53.87453874538745%;
	margin-left: 2px;
	margin-left: 1.107011070110701%;
	margin-top: 1.75%;
}
#headerBlock .btns .sns:before,
#headerBlock .btns .sns:after { content: ""; display: table;}
#headerBlock .btns .sns:after { clear: both;}

#headerBlock .btns .sns li {
	float: left;
	width: 42px;
	width: 28.37837837837838%;
	margin-left: -6px;
	margin-left: -4.054054054054054%;
}

#headerBlock .btns .logoDaito {
	float: left;
	width: 80px;
	width: 29.52029520295203%;
	margin-top: 10px;
	margin-top: 3.7%;
}







/* =================================================

	footer

================================================= */

#footer {
	padding: 50px 20px;
	padding: 3.65% 1.464128843338214%;
	background-color: #000;
}



/* ----------------------------------------------
	copyright
---------------------------------------------- */

#footer .copyright {
	width: 379px;
	width: 28.58220211161388%;
	height: 12px;
	height: 0px;
	padding-top: 0.8%;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 12px;
	color: #fff;
	background: url(../img/common/footer_copyright.png) left top no-repeat;
	background-size: 100% auto;
}

#footer .copyright2017 {
	width: 379px;
	width: 28.58220211161388%;
	height: 12px;
	height: 0px;
	padding-top: 0.8%;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 12px;
	color: #fff;
	background: url(../img/common/footer_copyright2017.png) left top no-repeat;
	background-size: 100% auto;
}







/* =================================================

	sectionTop

================================================= */

/* ----------------------------------------------
	main
---------------------------------------------- */

#sectionTop #main {
	position: relative;
	background: url(../img/top/main_bg.png) left bottom no-repeat;
	background-size: 100% auto;
}

#sectionTop #main .mainImg01 {
	position: relative;
}
#sectionTop #main .mainImg02 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTop #main .mainBgBtm {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

#sectionTop #main .mainHero {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 926px;
	width: 67.7891654465593%;
}

#sectionTop #main .mainTxt {
	position: absolute;
	left: 666px;
	left: 48.75549048316252%;
	top: 89px;
	top: 11.6%;
	width: 173px;
	width: 12.66471449487555%;
}


/*
	mainNews
---------------------------------------------- */

#sectionTop #main .mainNews {
	position: absolute;
	left: 0px;
	bottom: 24px; 
	bottom: 3.15%;
	width: 624px;
	width: 45.68081991215227%;
}
#sectionTop #main .mainNewsInner {
	position: relative;
}

#sectionTop #main .mainNews h2 {
	position: relative;
}
#sectionTop #main .mainNews dl {
	position: absolute;
	left: 0px;
	top: 112px;
	top: 46.5%;
	width: 100%;
	font-size: 20px;
	font-size: 1.46vw;
	font-weight: bold;
}
#sectionTop #main .mainNews dl dt {
	padding-left: 173px;
	padding-left: 27.72435897435897%;
}
#sectionTop #main .mainNews dl dd {
	margin-top: 22px;
	margin-top: 3.3%;
}
#sectionTop #main .mainNews dl dd .newsCont {
	padding: 0px 82px;
	padding: 0px 13.14102564102564%;
	color: #000;
}
#sectionTop #main .mainNews dl dd .newsCont .newsTxt {
	position: relative;
	z-index: 10;
	width: 460px;
	width: 100%;
	overflow: hidden;
}
#sectionTop #main .mainNews dl dd .newsCont .newsTxt::before,
#sectionTop #main .mainNews dl dd .newsCont .newsTxt::after {
	content: "";
	position: absolute;
	z-index: 11;
	left: 0px;
	top: 0px;
	width: 10px;
	height: 100%;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
#sectionTop #main .mainNews dl dd .newsCont .newsTxt::after {
	left: auto;
	right: 0px;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
#sectionTop #main .mainNews dl dd .newsCont .newsTxt p {
	width: 200%;
}
#sectionTop #main .mainNews dl dd a {
	color: #e40000;
}


/*
	mainSlide
---------------------------------------------- */

#sectionTop #main .mainSlide {
	position: absolute;
	left: 833px;
	left: 60.9809663250366%;
	top: 54px;
	top: 7%;
	width: 533px;
	width: 39.0190336749634%;
}

#sectionTop #main .mainSlide .slideInner {
	position: relative;
	height: 712px;
	height: 0px;
	padding-top: 133.5834896810507%;
}

#sectionTop #main .mainSlide ul {
}
#sectionTop #main .mainSlide ul li {
	position: absolute;
	left: 89px;
	left: 16.69793621013133%;
	top: 0px;
	width: 373px;
	width: 69.9812382739212%;
	overflow: visible;
}
#sectionTop #main .mainSlide ul li.prev {
	top: 389px;
	top: 54.63483146067416%;
}
#sectionTop #main .mainSlide ul li.current {
	position: absolute;
	z-index: 7;
	left: 0px;
	top: 123px;
	top: 17.2752808988764%;
	width: 533px;
	width: 100%;
}
#sectionTop #main .mainSlide ul li img {
	display: block;
	width: 100%;
	height: auto;
}
#sectionTop #main .mainSlide ul li.current img {
	position: absolute;
	left: 0px;
}

#sectionTop #main .mainSlide .slideInner div {
	position: absolute;
	left: 133px;
	left: 24.953095684803%;
	width: 320px;
	width: 60.0375234521576%;
}
#sectionTop #main .mainSlide .slideInner .arw01 {
	top: 50px;
	top: 7.02247191011236%;
	z-index: 8;
}
#sectionTop #main .mainSlide .slideInner .arw02 {
	top: 476px;
	top: 66.85393258426966%;
	z-index: 9;
}

#sectionTop #main .mainSlide .slideInner div a {
	position: relative;
	display: block;
	height: 201px;
	height: 0px;
	padding-top: 201px;
	padding-top: 62.8125%;
}

#sectionTop #main .mainSlide .slideInner div a img {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}



/* ----------------------------------------------
	index
---------------------------------------------- */

#sectionTop #index {
}

#sectionTop #index .indexBlock {
	position: relative;
}
#sectionTop #index .indexBlock.blockHalf {
	float: left;
	width: 683px;
	width: 50%;
}
#sectionTop #index .indexBlock .ttl,
#sectionTop #index .indexBlock .ttlBg,
#sectionTop #index .indexBlock .btn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index .indexBlock a {
	display: block;
	position: relative;
	z-index: 10;
	width: 100%;
	background: url(../img/top/index_btn_off.png) right bottom no-repeat;
	background-size: 38.79941434846266% auto;
}
#sectionTop #index .indexBlock a:hover {
	background: url(../img/top/index_btn_on.png) right bottom no-repeat;
	background-color: rgba(0,0,0,.3);
	background-size: 38.79941434846266% auto;
}
#sectionTop #index .indexBlock .frame {
	position: relative;
}


/*
	indexTokucho
---------------------------------------------- */

#sectionTop #index #indexTokucho {
	background: url(../img/top/index_tokucho_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}

#sectionTop #index #indexTokucho p,
#sectionTop #index #indexTokucho .img01,
#sectionTop #index #indexTokucho .img02,
#sectionTop #index #indexTokucho .img03,
#sectionTop #index #indexTokucho .img04,
#sectionTop #index #indexTokucho .img05 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTop #index #indexTokucho .txt01,
#sectionTop #index #indexTokucho .txt02 {
	top: 36.5%;
}


/*
	indexBanner
---------------------------------------------- */

#sectionTop #index #indexBanner {
	background: url(../img/top/index_banner_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexBanner a {
	position: absolute;
	left: 91px;
	left: 13.32357247437775%;
	top: 23px;
	top: 12%;
	width: 502px;
	width: 73.49926793557833%;
	background: none;
}
#sectionTop #index #indexBanner a:hover {
	background: none;
}


/*
	indexPoint : 2nd
---------------------------------------------- */

#sectionTop #index #indexPoint {
	background: url(../img/top/index_point_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}

#sectionTop #index #indexPoint p,
#sectionTop #index #indexPoint .img01,
#sectionTop #index #indexPoint .img02,
#sectionTop #index #indexPoint .img03,
#sectionTop #index #indexPoint .img04 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTop #index #indexPoint .txt01,
#sectionTop #index #indexPoint .txt02,
#sectionTop #index #indexPoint .txt03,
#sectionTop #index #indexPoint .txt04 {
	z-index: 2;
	width: 162px;
	width: 23.71888726207906%;
}
#sectionTop #index #indexPoint .txt01 {
	left: 500px;
	left: 73.20644216691069%;
	top: 100px;
	top: 26.04166666666667%;
}
#sectionTop #index #indexPoint .txt02 {
	left: 340px;
	left: 49.78038067349927%;
	top: 130px;
	top: 33.85416666666667%;
}
#sectionTop #index #indexPoint .txt03 {
	left: 180px;
	left: 26.35431918008785%;
	top: 160px;
	top: 41.66666666666667%;
}
#sectionTop #index #indexPoint .txt04 {
	left: 20px;
	left: 2.928257686676428%;
	top: 190px;
	top: 49.47916666666667%;
}
#sectionTop #index #indexPoint .txt05 {
	z-index: 1;
	left: 215px;
	left: 31.4787701317716%;
	top: 140px;
	top: 36.45833333333333%;
	width: 436px;
	width: 63.83601756954612%;
}


/*
	indexCharacter : 2nd
---------------------------------------------- */

#sectionTop #index #indexCharacter {
	background: url(../img/top/index_character_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}

#sectionTop #index #indexCharacter p,
#sectionTop #index #indexCharacter div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTop #index #indexCharacter .charaKongo {
	z-index: 1;
}
#sectionTop #index #indexCharacter .img01 {
	z-index: 2;
}
#sectionTop #index #indexCharacter .ttlBg {
	z-index: 3;
}
#sectionTop #index #indexCharacter .charaFumio,
#sectionTop #index #indexCharacter .charaYuka,
#sectionTop #index #indexCharacter .charaBuru,
#sectionTop #index #indexCharacter .charaNorio,
#sectionTop #index #indexCharacter .charaChappy,
#sectionTop #index #indexCharacter .charaMadara,
#sectionTop #index #indexCharacter .charaSaki,
#sectionTop #index #indexCharacter .charaIwao {
	z-index: 4;
}
#sectionTop #index #indexCharacter .img02 {
	z-index: 5;
}
#sectionTop #index #indexCharacter .ttl {
	z-index: 6;
}

#sectionTop #index #indexCharacter .charaFumio {
	left: 654px;
	left: 47.87701317715959%;
	width: 402px;
	width: 29.4289897510981%;
}
#sectionTop #index #indexCharacter .charaYuka {
	left: 381px;
	left: 27.89165446559297%;
	width: 447px;
	width: 32.72327964860908%;
}
#sectionTop #index #indexCharacter .charaBuru {
	left: 608px;
	left: 44.5095168374817%;
	width: 464px;
	width: 33.96778916544656%;
}
#sectionTop #index #indexCharacter .charaNorio {
	left: 286px;
	left: 20.93704245973646%;
	width: 344px;
	width: 25.18301610541728%;
}
#sectionTop #index #indexCharacter .charaChappy {
	left: 16px;
	left: 1.171303074670571%;
	width: 384px;
	width: 28.1112737920937%;
}
#sectionTop #index #indexCharacter .charaMadara {
	left: 0px;
	width: 282px;
	width: 20.64421669106881%;
}
#sectionTop #index #indexCharacter .charaSaki {
	left: 9px;
	left: 0.6588579795021962%;
	width: 475px;
	width: 34.77306002928258%;
}
#sectionTop #index #indexCharacter .charaIwao {
	left: 173px;
	left: 12.66471449487555%;
	width: 630px;
	width: 46.12005856515373%;
}

#sectionTop #index #indexCharacter a,
#sectionTop #index #indexCharacter a:hover {
	background-size: 19.39970717423133% auto;
}
#sectionTop #index #indexCharacter .frame {
	position: relative;
	z-index: 10;
}


/*
	indexMusic : 2nd
---------------------------------------------- */

#sectionTop #index #indexMusic {
}

#sectionTop #index #indexMusic a,
#sectionTop #index #indexMusic a:hover {
	background: none;
}

#sectionTop #index #indexCharacter p,
#sectionTop #index #indexCharacter div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTop #index #indexMusic .bg {
	position: relative;
}
#sectionTop #index #indexMusic .ttlBg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
}
#sectionTop #index #indexMusic .misao {
	position: absolute;
	left: 1073px;
	left: 78.55051244509517%;
	top: 0px;
	width: 293px;
	width: 21.44948755490483%;
}
#sectionTop #index #indexMusic .frameTop,
#sectionTop #index #indexMusic .frameBtm {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 50px;
	height: 0px;
	padding-top: 3.5%;
	background: url(../img/top/index_music_frame.png) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexMusic .frameBtm {
	position: absolute;
	left: 0px;
	top: auto;
	bottom: 0px;
	background-position: left bottom;
}

#sectionTop #index #indexMusic .musicSlide {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 683px;
	width: 50%;
}
#sectionTop #index #indexMusic .musicSlideInner {
	position: relative;
	height: 576px;
	height: 0px;
	padding-top: 100%;
}
#sectionTop #index #indexMusic .musicSlide ul li {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 307px;
	width: 44.94875549048316%;
}
#sectionTop #index #indexMusic .musicSlide ul li.next {
	left: 355px;
	left: 51.97657393850659%;
	top: 22px;
	top: 3%;
	-moz-transform:    rotate(5deg);
	-webkit-transform: rotate(5deg);
	-ms-transform:     rotate(5deg);
	transform:         rotate(5deg);
}
#sectionTop #index #indexMusic .musicSlide ul li.current {
	z-index: 10;
	left: 69px;
	left: 10.10248901903367%;
	top: 149px;
	top: 21.6%;
	width: 512px;
	width: 74.96339677891654%;
	-moz-transform:    rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-ms-transform:     rotate(-10deg);
	transform:         rotate(-10deg);
}
#sectionTop #index #indexMusic .musicSlide ul li.prev {
	left: 350px;
	left: 51.24450951683748%;
	top: 402px;
	top: 59%;
	-moz-transform:    rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	-ms-transform:     rotate(-20deg);
	transform:         rotate(-20deg);
}
#sectionTop #index #indexMusic .musicSlide .arw01,
#sectionTop #index #indexMusic .musicSlide .arw02 {
	position: absolute;
	left: 514px;
	left: 75.25622254758419%;
	top: 124px;
	top: 18%;
	width: 150px;
	width: 21.96193265007321%;
}
#sectionTop #index #indexMusic .musicSlide .arw02 {
	top: 274px;
	top: 40%;
}
#sectionTop #index #indexMusic .musicSlide .arw01 a:hover,
#sectionTop #index #indexMusic .musicSlide .arw02 a:hover {
	opacity: .7;
}

#sectionTop #index #indexMusic .operationBg,
#sectionTop #index #indexMusic .musicOperation {
	position: absolute;
	left: 683px;
	left: 50%;
	top: 33px;
	top: 5.8%;
	width: 433px;
	width: 31.69838945827233%;
}
#sectionTop #index #indexMusic .musicOperation {
	z-index: 11;
	height: 100%;
	font-size: 10px;
	font-size: 0.8vw;
	line-height: 1;
}
#sectionTop #index #indexMusic .musicOperation a {
	position: static;
	color: #fff;
}

#sectionTop #index #indexMusic .musicOperation #lists {
	position: static;
	width: 100%;
	height: 62.5%;
	overflow: hidden;
}
#sectionTop #index #indexMusic .musicOperation #lists ol {
	/*height: 828px;*/
}

#sectionTop #index #indexMusic .musicOperation ol li a img {
	display: block;
}

#sectionTop #index #indexMusic .musicOperation .operationPlayer {
	position: static;
	width: 90.7621247113164%;
	padding: 3.2% 4.618937644341801% 3.2%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer:before,
#sectionTop #index #indexMusic .musicOperation .operationPlayer:after { content: ""; display: table;}
#sectionTop #index #indexMusic .musicOperation .operationPlayer:after { clear: both;}

#sectionTop #index #indexMusic .musicOperation .operationPlayer div {
	position: static;
	float: left;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div img {
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.timeCurrent,
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.timeDuration {
	font-size: 10px;
	font-size: 0.8vw;
	line-height: 1.8;
}

#sectionTop #index #indexMusic .musicOperation .operationPlayer div.timeCurrent {
	width: 41px;
	width: 10.43256997455471%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.volumeMute {
	width: 20px;
	width: 5.089058524173028%;
	padding-left: 5px;
	padding-left: 1.272264631043257%;
	padding-right: 3px; 
	padding-right: 0.7633587786259542%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.volumeBar {
	position: relative;
	width: 50px;
	width: 12.72264631043257%;
	height: 20px;
	height: 0px;
	padding-top: 5%;
	overflow: hidden;
	line-height: 0;
	background: url(../img/top/index_music_volume_bar_base.png) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.volumeBar img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.volumeMax {
	width: 21px;
	width: 5.343511450381679%;
	padding-left: 7px;
	padding-left: 1.78117048346056%;
	padding-right: 18px;
	padding-right: 4.580152671755725%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlPrev,
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlPlay,
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlStop,
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlNext {
	width: 20px;
	width: 5.089058524173028%;
	padding-right: 10px;
	padding-right: 2.544529262086514%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlShuffle {
	width: 20px;
	width: 5.089058524173028%;
	padding-left: 10px;
	padding-left: 2.544529262086514%;
	padding-right: 10px;
	padding-right: 2.544529262086514%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlRepeat {
	width: 20px;
	width: 5.089058524173028%;
	padding-right: 5px;
	padding-right: 1.272264631043257%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.timeDuration {
	width: 43px;
	width: 10.94147582697201%;
	text-align: right;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.time {
	clear: both;
	position: relative;
	width: 100%;
	height: 14px;
	height: 0px;
	padding-top: 3.5%;
	margin-top: 10px;
	margin-top: 2.5%;
	overflow: hidden;
	line-height: 0;
	background: url(../img/top/index_music_time_base.png) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.time img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
}


/*
	indexSpec : 3rd
---------------------------------------------- */

#sectionTop #index #indexSpec {
	background: url(../img/top/index_spec_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}

#sectionTop #index #indexSpec .img01 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index #indexSpec .ttl {
	z-index: 2;
}
#sectionTop #index #indexSpec .txt01 {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 64px;
	top: 16.66666666666667%;
	width: 470px;
	width: 68.81405563689605%;
}
#sectionTop #index #indexSpec .txt02 {
	position: absolute;
	left: 540px;
	left: 79.06295754026354%;
	top: 269px;
	top: 70.05208333333333%;
	width: 129px;
	width: 18.88726207906296%;
}


/*
	indexFlow : 3rd
---------------------------------------------- */

#sectionTop #index #indexFlow {
	background: url(../img/top/index_flow_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}

#sectionTop #index #indexFlow .img01,
#sectionTop #index #indexFlow .img02,
#sectionTop #index #indexFlow .img03,
#sectionTop #index #indexFlow .img04 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 227px;
	width: 33.23572474377745%;
}
#sectionTop #index #indexFlow .img02 {
	left: 227px;
	left: 33.23572474377745%;
}
#sectionTop #index #indexFlow .img03 {
	left: 227px;
	left: 33.23572474377745%;
	top: 192px;
	top: 50%;
}
#sectionTop #index #indexFlow .img04 {
	left: 454px;
	left: 66.4714494875549%;
}
#sectionTop #index #indexFlow .img05 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}


/*
	indexEnshutsu : 4th,5th
---------------------------------------------- */

#sectionTop #index #indexEnshutsu {
	/*height: 576px;*/
	overflow: hidden;
}

#sectionTop #index #indexEnshutsu p,
#sectionTop #index #indexEnshutsu div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTop #index #indexEnshutsu a,
#sectionTop #index #indexEnshutsu a:hover {
	background: none;
}

#sectionTop #index #indexEnshutsu .bg {
	position: relative;
}

#sectionTop #index #indexEnshutsu .ttlBg,
#sectionTop #index #indexEnshutsu .ttl {
	width: 50%;
}
#sectionTop #index #indexEnshutsu .ttlBg {
	top: -5px;
	top: -0.8680555555555556%;
}
#sectionTop #index #indexEnshutsu .ttl {
}

#sectionTop #index #indexEnshutsu .frameTop,
#sectionTop #index #indexEnshutsu .frameBtm {
	height: 50px;
	height: 0px;
	padding-top: 3.5%;
	background: url(../img/top/index_enshutsu_frame.png) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexEnshutsu .frameBtm {
	top: auto;
	bottom: 0px;
	background-position: left bottom;
}

#sectionTop #index #indexEnshutsu .tabImg,
#sectionTop #index #indexEnshutsu .tabLink {
	position: absolute;
	left: 0px;
	top: 164px;
	top: 28.47222222222222%;
	width: 328px;
	width: 24.01171303074671%;
	height: 439px;
	height: 76.21527777777778%;
}

#sectionTop #index #indexEnshutsu .tabImg ul,
#sectionTop #index #indexEnshutsu .tabLink ul {
	position: relative;
	height: 100%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li,
#sectionTop #index #indexEnshutsu .tabLink ul li {
	position: absolute;
	left: 0px;
	width: 328px;
	width: 100%;
	height: 53px;
	height: 12.07289293849658%;
	-webkit-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab01,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab01 {
	top: 0px;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab02,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab02 {
	top: 53px;
	top: 12.07289293849658%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab03,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab03 {
	top: 106px;
	top: 24.14578587699317%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab04,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab04 {
	top: 159px;
	top: 36.21867881548975%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab05,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab05 {
	top: 212px;
	top: 48.29157175398633%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab06,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab06 {
	top: 265px;
	top: 60.36446469248292%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab07,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab07 {
	top: 318px;
	top: 72.4373576309795%;
}

#sectionTop #index #indexEnshutsu .tabImg ul li div,
#sectionTop #index #indexEnshutsu .tabLink ul li div {
	position: static;
	width: 344px;
	width: 104.8780487804878%;
	height: 100%;
	margin-left: -10px;
	margin-left: -3.048780487804878%;
	overflow: hidden;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.current div,
#sectionTop #index #indexEnshutsu .tabLink ul li.current div {
	width: 390px;
	width: 118.9024390243902%;
}

#sectionTop #index #indexEnshutsu .tabImg ul li div span,
#sectionTop #index #indexEnshutsu .tabLink ul li div span {
	display: block;
	position: relative;
	width: 380px;
	width: 110.4651162790698%;
	height: 121px;
	height: 228.3018867924528%;
	padding-top: 10px;
	padding-top: 2.906976744186047%;
	margin-left: 10px;
	margin-left: 2.906976744186047%;
	margin-top: -40px;
	margin-top: -11.62790697674419%;
	-webkit-transform: rotate(12deg);
	-ms-transform: rotate(12deg);
	transform: rotate(12deg);
}
#sectionTop #index #indexEnshutsu .tabImg ul li.current div span,
#sectionTop #index #indexEnshutsu .tabLink ul li.current div span {
	width: 380px;
	width: 97.43589743589744%;
	padding-top: 10px;
	padding-top: 2.564102564102564%;
	margin-left: 10px;
	margin-left: 2.564102564102564%;
	margin-top: -40px;
	margin-top: -10.25641025641026%;
}

#sectionTop #index #indexEnshutsu .tabImg ul li div span a,
#sectionTop #index #indexEnshutsu .tabLink ul li div span a {
	display: block;
	padding-bottom: 10px;
	padding-bottom: 2.906976744186047%;
	margin-top: -10px;
	margin-top: -2.906976744186047%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.current div span a,
#sectionTop #index #indexEnshutsu .tabLink ul li.current div span a {
	padding-bottom: 10px;
	padding-bottom: 2.564102564102564;
	margin-top: -10px;
	margin-top: -2.564102564102564%;
}

#sectionTop #index #indexEnshutsu .tabContents {
	position: absolute;
	left: 328px;
	left: 24.01171303074671%;
	top: 0px;
	width: 1000px;
	width: 73.20644216691069%;
	height: 576px;
	height: 100%;
}
#sectionTop #index #indexEnshutsu .tabContentsInner {
	position: relative;
	width: 100%;
	height: 480px;
	height: 83.33333333333333%;
	margin-top: 53px;
	margin-top: 5.3%;
}
#sectionTop #index #indexEnshutsu .tabContents .contBg {
	position: relative;
}
#sectionTop #index #indexEnshutsu .tabContents .frame {
	position: absolute;
	left: -86px;
	left: -8.6%;
	top: -97px;
	top: -20.20833333333333%;
	width: 1124px;
	width: 112.4%;
	height: 660px;
	height: 137.5%;
}
#sectionTop #index #indexEnshutsu .tabContents a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	width: 100%;
	height: 480px;
	height: 100%;
}
#sectionTop #index #indexEnshutsu .tabContents a {
	background: url(../img/top/index_btn_off.png) right bottom no-repeat;
	background-size: 26.5% auto;
}
#sectionTop #index #indexEnshutsu .tabContents a:hover {
	background: url(../img/top/index_btn_on.png) right bottom no-repeat;
	background-color: rgba(0,0,0,.3);
	background-size: 26.5% auto;
}


/*
	z-index ---------- */

#sectionTop #index #indexEnshutsu .tabLink {
	z-index: 20;
}
#sectionTop #index #indexEnshutsu .frameTop,
#sectionTop #index #indexEnshutsu .frameBtm {
	z-index: 19;
}
#sectionTop #index #indexEnshutsu .tabContents a {
	z-index: 18;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.current {
	z-index: 17;
}
#sectionTop #index #indexEnshutsu .tabContents .frame {
	z-index: 16;
}
#sectionTop #index #indexEnshutsu .tabContentsInner {
	z-index: 15;
}
#sectionTop #index #indexEnshutsu .ttl {
	z-index: 14;
}
#sectionTop #index #indexEnshutsu .tabImg ul li {
	z-index: 13;
}


/*
	indexTuujyou : 4th ---------- */

#sectionTop #index #indexEnshutsu #indexTuujyou .img01 {
	left: 28px;
	left: 2.8%;
	top: 8px;
	top: 1.666666666666667%;
	width: 345px;
	width: 34.5%;
}
#sectionTop #index #indexEnshutsu #indexTuujyou .img02 {
	left: 328px;
	left: 32.8%;
	top: 8px;
	top: 1.666666666666667%;
	width: 349px;
	width: 34.9%;
}
#sectionTop #index #indexEnshutsu #indexTuujyou .img03 {
	left: 636px;
	left: 63.6%;
	top: 8px;
	top: 1.666666666666667%;
	width: 335px;
	width: 33.5%;
}


/*
	indexReach : 4th ---------- */

#sectionTop #index #indexEnshutsu #indexReach .img01 {
	left: 32px;
	left: 3.2%;
	top: 5px;
	top: 1.041666666666667%;
	width: 932px;
	width: 93.2%;
}
#sectionTop #index #indexEnshutsu #indexReach .img02 {
	left: 40px;
	left: 4%;
	top: 238px;
	top: 49.58333333333333%;
	width: 452px;
	width: 45.2%;
}
#sectionTop #index #indexEnshutsu #indexReach .img03 {
	left: 510px;
	left: 51%;
	top: 208px;
	top: 43.33333333333333%;
	width: 382px;
	width: 38.2%;
}


/*
	indexBonus : 4th ---------- */

#sectionTop #index #indexEnshutsu #indexBonus .img01 {
	left: 39px;
	left: 3.9%;
	top: 12px;
	top: 2.5%;
	width: 326px;
	width: 32.6%;
}
#sectionTop #index #indexEnshutsu #indexBonus .img02 {
	left: 338px;
	left: 33.8%;
	top: 12px;
	top: 2.5%;
	width: 326px;
	width: 32.6%;
}
#sectionTop #index #indexEnshutsu #indexBonus .img03 {
	left: 644px;
	left: 64.4%;
	top: 12px;
	top: 2.5%;
	width: 335px;
	width: 33.5%;
}


/*
	indexChance : 5th ---------- */

#sectionTop #index #indexEnshutsu #indexChance .img01 {
	left: 25px;
	left: 2.5%;
	top: 7px;
	top: 1.458333333333333%;
	width: 467px;
	width: 46.7%;
}
#sectionTop #index #indexEnshutsu #indexChance .img02 {
	left: 12px;
	left: 1.2%;
	top: 200px;
	top: 41.66666666666667%;
	width: 534px;
	width: 53.4%;
}
#sectionTop #index #indexEnshutsu #indexChance .img03 {
	left: 481px;
	left: 48.1%;
	top: 10px;
	top: 2.083333333333333%;
	width: 506px;
	width: 50.6%;
}
#sectionTop #index #indexEnshutsu #indexChance .img04 {
	left: 523px;
	left: 52.3%;
	top: 216px;
	top: 45%;
	width: 440px;
	width: 44%;
}


/*
	indexRush : 5th ---------- */

#sectionTop #index #indexEnshutsu #indexRush .img01 {
	z-index: 1;
	left: 19px;
	left: 1.9%;
	top: 15px;
	top: 3.125%;
	width: 337px;
	width: 33.7%;
}
#sectionTop #index #indexEnshutsu #indexRush .img02 {
	left: -6px;
	left: -0.6%;
	top: 237px;
	top: 49.375%;
	width: 228px;
	width: 22.8%;
}
#sectionTop #index #indexEnshutsu #indexRush .img03 {
	left: 174px;
	left: 17.4%;
	top: 263px;
	top: 54.79166666666667%;
	width: 225px;
	width: 22.5%;
}
#sectionTop #index #indexEnshutsu #indexRush .img04 {
	left: 341px;
	left: 34.1%;
	top: 15px;
	top: 3.125%;
	width: 272px;
	width: 27.2%;
}
#sectionTop #index #indexEnshutsu #indexRush .img05 {
	left: 418px;
	left: 41.8%;
	top: 140px;
	top: 29.16666666666667%;
	width: 280px;
	width: 28%;
}
#sectionTop #index #indexEnshutsu #indexRush .img06 {
	left: 343px;
	left: 34.3%;
	top: 282px;
	top: 58.75%;
	width: 254px;
	width: 25.4%;
}
#sectionTop #index #indexEnshutsu #indexRush .img07 {
	left: 652px;
	left: 65.2%;
	top: 18px;
	top: 3.75%;
	width: 341px;
	width: 34.1%;
}


/*
	indexIssei : 6th ---------- */

#sectionTop #index #indexEnshutsu #indexIssei .img01 {
	z-index: 1;
	left: 27px;
	left: 2.7%;
	top: 14px;
	top: 2.916666666666667%;
	width: 492px;
	width: 49.2%;
}
#sectionTop #index #indexEnshutsu #indexIssei .img02 {
	left: 337px;
	left: 33.7%;
	top: 19px;
	top: 3.958333333333333%;
	width: 663px;
	width: 66.3%;
}


/*
	indexSeven : 6th ---------- */

#sectionTop #index #indexEnshutsu #indexSeven .gotetsu {
	left: 0px;
	top: 0px;
	width: 570px;
	width: 57%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis {
	left: 427px;
	left: 42.7%;
	top: 147px;
	top: 30.625%;
	width: 573px;
	width: 57.3%;
	height: 333px;
	height: 69.375%;
	overflow:hidden;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../img/top/index_en_seven_shatei.png) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei01 {
	top: 96px;
	top: 28.82882882882883%;
	width: 224px;
	width: 39.09249563699825%;
	height: 237px;
	height: 71.17117117117117%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei02 {
	left: 24px;
	left: 4.18848167539267%;
	top: 80px;
	top: 24.02402402402402%;
	width: 247px;
	width: 43.1064572425829%;
	height: 253px;
	height: 75.97597597597598%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei03 {
	left: 56px;
	left: 9.773123909249564%;
	top: 64px;
	top: 19.21921921921922%;
	width: 268px;
	width: 46.77137870855148%;
	height: 269px;
	height: 80.78078078078078%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei04 {
	left: 96px;
	left: 16.75392670157068%;
	top: 48px;
	top: 14.41441441441441%;
	width: 291px;
	width: 50.78534031413613%;
	height: 285px;
	height: 85.58558558558559%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei05 {
	left: 144px;
	left: 25.13089005235602%;
	top: 32px;
	top: 9.60960960960961%;
	width: 314px;
	width: 54.79930191972077%;
	height: 301px;
	height: 90.39039039039039%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei06 {
	left: 200px;
	left: 34.90401396160558%;
	top: 14px;
	top: 4.204204204204204%;
	width: 337px;
	width: 58.81326352530541%;
	height: 319px;
	height: 95.7957957957958%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei07 {
	left: 264px;
	left: 46.07329842931937%;
	width: 309px;
	width: 53.92670157068063%;
	height: 100%;
	background-size: 115.8576051779935% auto;
}
#sectionTop #index #indexEnshutsu #indexSeven .img01 {
	z-index: 1;
	left: 389px;
	left: 38.9%;
	top: 52px;
	top: 10.83333333333333%;
	width: 514px;
	width: 51.4%;
}


/*
	indexShop : 6th
---------------------------------------------- */

#sectionTop #index #indexShop {
	background: url(../img/top/index_shop_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexShop a,
#sectionTop #index #indexShop a:hover {
	background: none;
}

#sectionTop #index #indexShop .shopSearch {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index #indexShop .shopSearch .searchInner {
	position: relative;
	width: 500px;
	width: 73.20644216691069%;
	height: 150px;
	height: 100%;
	margin: 23px auto 0px;
	margin: 3.367496339677892% auto 0px;
}

#sectionTop #index #indexShop .shopSearch .searchTtl {
	position: relative;
	width: 100%;
}
#sectionTop #index #indexShop .shopSearch .searchBox {
	position: absolute;
	left: 0px;
	top: 74px;
	top: 49.33333333333333%;
	width: 260px;
	width: 52%;
	height: 40px;
	height: 26.66666666666667%;
	margin: 0px 120px;
	margin: 0px 24%;
}
#sectionTop #index #indexShop .shopSearch .searchBox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	display: block;
	float: left;
	width: 170px;
	width: 65.38461538461538%;
	height: 40px;
	height: 100%;
	padding: 0px 0px 0px 2.941176470588235%;
	margin: 0px;
	border: 0px;
	border: none;
	font-size: 20px;
	font-size: 1.65vw;
	font-weight: normal;
	color: #000;
	background: url(../img/top/index_shop_select.png) left top no-repeat;
	background-size: 100% 100%;
}
#sectionTop #index #indexShop .shopSearch .searchBox select::-ms-expand {
	display: none;
}
.ie #sectionTop #index #indexShop .shopSearch .searchBox select {
	background: url(../img/top/index_shop_select_ie.png) left top no-repeat;
	background-size: 100% 100%;
}
#sectionTop #index #indexShop .shopSearch .searchBox select option {
	background-color: #fff;
}
#sectionTop #index #indexShop .shopSearch .searchBox input {
	display: block;
	float: right;
	width: 80px;
	width: 30.8%;
	vertical-align: top;
}







/* =================================================

	sectionPage

================================================= */

.sectionPage {
	padding-top: 140px;
	padding-top: 10.25%;
	background-image: url(../img/common/header_bg_base.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}



/* ----------------------------------------------
	pageLnav
---------------------------------------------- */

.pageLnav {
}
.pageLnav ul {
	position: fixed;
	left: 0px;
	top: 70px;
	top: 9.1%;
	top: 0px;
	width: 1119px;
	width: 81.91800878477306%;
	margin-left: 247px;
	margin-left: 18.08199121522694%;
	margin-top: 70px;
	margin-top: 5.1%;
	overflow: hidden;
}
.pageLnav ul li {
	float: left;
}
.pageLnavBg {
	position: fixed;
	left: 0px;
	top: 70px;
	top: 9.1%;
	top: 0px;
	width: 100%;
	margin-top: 70px;
	margin-top: 5%;
}



/* ----------------------------------------------
	pageTtl
---------------------------------------------- */

.pageTtlTop .pageTtlBg {
	position: absolute;
	left: 0px;
	top: -50px;
	top: -6.5%;
	top: 0px;
	width: 100%;
}
.pageTtlTop .pageTtlBg img {
	position: relative;
	width: 100%;
	margin-top: -50px;
	margin-top: -3.68%;
}
.pageTtlTop .pageTtl {
	position: absolute;
	left: 0px;
	top: -50px;
	top: -6.5%;
	top: 0px;
	width: 100%;
}
.pageTtlTop .pageTtl img {
	position: relative;
	width: 100%;
	margin-top: -50px;
	margin-top: -3.68%;
}



/* ----------------------------------------------
	pageCmn
---------------------------------------------- */

.pageCmn {
	position: relative;
	background-size: 100%;
}
.pageCmnInner {
	position: relative;
	overflow: hidden;
}
.pageCmnInner .pageBg {
	position: relative;
	width: 100%;
}
.pageCmnInner .pageBtm {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	font-size: 0;
	line-height: 0;
}
.pageCmnInner .pageCmnTtlBgOn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.pageCmnInner .pageCmnTtlOn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}







/* =================================================

	sectionTokucho

================================================= */

/* ----------------------------------------------
	pageLnav
---------------------------------------------- */

#sectionTokucho #tokuchoLnav .lnav01 {
	width: 95px;
	width: 8.489722966934763%;
}
#sectionTokucho #tokuchoLnav .lnav02 {
	width: 180px;
	width: 16.0857908847185%;
}



/* ----------------------------------------------
	tokucho
---------------------------------------------- */

#sectionTokucho #pageTokucho {
	position: relative;
	background: url(../img/tokucho/tokucho_bg.jpg) left top no-repeat;
}

#sectionTokucho #pageTokucho .img01 {
	position: relative;
	width: 100%;
}
#sectionTokucho #pageTokucho .img02 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTokucho #pageTokucho .txt01 {
	position: absolute;
	left: 0px;
	top: 100px;
	top: 13%;
	width: 760px;
	width: 55.63689604685212%;
}
#sectionTokucho #pageTokucho .txt02 {
	position: absolute;
	left: 0px;
	top: 508px;
	top: 66.15%;
	width: 530px;
	width: 38.79941434846266%;
}
#sectionTokucho #pageTokucho .txt03 {
	position: absolute;
	left: 342px;
	left: 25.03660322108346%;
	top: 418px;
	top: 54.4%;
	width: 1024px;
	width: 74.96339677891654%;
}



/* ----------------------------------------------
	point
---------------------------------------------- */

#sectionTokucho #pagePoint {
	position: relative;
}

#sectionTokucho #pagePoint .img01 {
	position: absolute;
	left: 0px;
	top: -53px;
	top: -6.901041666666667%;
	width: 100%;
}
#sectionTokucho #pagePoint .img02 {
	position: absolute;
	left: -111px;
	left: -8.125915080527086%;
	top: -74px;
	top: -9.635416666666667%;
	width: 635px;
	width: 46.48609077598829%;
}
#sectionTokucho #pagePoint .img03 {
	position: absolute;
	left: 829px;
	left: 60.68814055636896%;
	top: 251px;
	top: 32.68229166666667%;
	width: 633px;
	width: 46.33967789165447%;
}
#sectionTokucho #pagePoint .img04 {
	position: absolute;
	left: 761px;
	left: 55.71010248901903%;
	top: -79px;
	top: -10.28645833333333%;
	width: 654px;
	width: 47.87701317715959%;
}
#sectionTokucho #pagePoint .img05 {
	position: absolute;
	left: -35px;
	left: -2.562225475841874%;
	top: 291px;
	top: 37.890625%;
	width: 697px;
	width: 51.02489019033675%;
}
#sectionTokucho #pagePoint .img06 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionTokucho #pagePoint .txt01 {
	position: absolute;
	left: 358px;
	left: 26.20790629575403%;
	top: 149px;
	top: 19.40104166666667%;
	width: 115px;
	width: 8.418740849194729%;
}
#sectionTokucho #pagePoint .txt02 {
	position: absolute;
	left: 922px;
	left: 67.49633967789165%;
	top: 471px;
	top: 61.328125%;
	width: 100px;
	width: 7.320644216691069%;
}
#sectionTokucho #pagePoint .txt03 {
	position: absolute;
	left: 1259px;
	left: 92.16691068814056%;
	top: 213px;
	top: 27.734375%;
	width: 92px;
	width: 6.734992679355783%;
}
#sectionTokucho #pagePoint .txt04 {
	position: absolute;
	left: 15px;
	left: 1.09809663250366%;
	top: 435px;
	top: 56.640625%;
	width: 112px;
	width: 8.199121522693997%;
}
#sectionTokucho #pagePoint .txt05 {
	position: absolute;
	left: 425px;
	left: 31.11273792093704%;
	top: 370px;
	top: 48.17708333333333%;
	width: 494px;
	width: 36.16398243045388%;
}







/* =================================================

	sectionCharacter

================================================= */

/* ----------------------------------------------
	pageLnav ul
---------------------------------------------- */

#sectionCharacter #characterLnav .lnav01 {
	width: 160px;
	width: 14.29848078641644%;
}
#sectionCharacter #characterLnav .lnav02 {
	width: 143px;
	width: 12.7792672028597%;
}



/* ----------------------------------------------
	character
---------------------------------------------- */

#sectionCharacter #pageCharacter .charasRival {
	position: relative;
	width: 100%;
}
#sectionCharacter #pageCharacter .charasPanda,
#sectionCharacter #pageCharacter .charasTodoroki {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionCharacter #pageCharacter .txt {
	position: relative;
	width: 100%;
}

#sectionCharacter #pageCharacter .ttlRival {
	position: absolute;
	left: 15px;
	left: 1.09809663250366%;
	top: 626px;
	top: 81.51041666666667%;
	width: 279px;
	width: 20.42459736456808%;
}
#sectionCharacter #pageCharacter .ttlPanda {
	position: absolute;
	left: 1173px;
	left: 85.87115666178624%;
	top: 232px;
	top: 30.20833333333333%;
	width: 185px;
	width: 13.54319180087848%;
}
#sectionCharacter #pageCharacter .ttlTodoroki {
	position: absolute;
	left: 534px;
	left: 39.09224011713031%;
	top: 653px;
	top: 85.02604166666667%;
	width: 199px;
	width: 14.56808199121523%;
}

#sectionCharacter #pageCharacter p {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 48px;
	width: 3.513909224011713%;
}
#sectionCharacter #pageCharacter .charaIwao {
	left: 239px;
	left: 17.49633967789165%;
	top: 403px;
	top: 52.47395833333333%;
}
#sectionCharacter #pageCharacter .charaSaki {
	left: 329px;
	left: 24.08491947291362%;
	top: 331px;
	top: 43.09895833333333%;
}
#sectionCharacter #pageCharacter .charaChappy {
	left: 428px;
	left: 31.33235724743777%;
	top: 268px;
	top: 34.89583333333333%;
}
#sectionCharacter #pageCharacter .charaNorio {
	left: 407px;
	left: 29.79502196193265%;
	top: 12px;
	top: 1.5625%;
}
#sectionCharacter #pageCharacter .charaMadara {
	left: 550px;
	left: 40.26354319180088%;
	top: 202px;
	top: 26.30208333333333%;
}
#sectionCharacter #pageCharacter .charaBuru {
	left: 186px;
	left: 13.61639824304539%;
	top: 46px;
	top: 5.989583333333333%;
}
#sectionCharacter #pageCharacter .charaFumio {
	left: 15px;
	left: 1.09809663250366%;
	top: 84px;
	top: 10.9375%;
}
#sectionCharacter #pageCharacter .charaYuka {
	left: 95px;
	left: 6.954612005856515%;
	top: 301px;
	top: 39.19270833333333%;
}
#sectionCharacter #pageCharacter .charaSanshita {
	left: 65px;
	left: 4.758418740849195%;
	top: 477px;
	top: 62.109375%;
}
#sectionCharacter #pageCharacter .charaPanda {
	left: 914px;
	left: 66.91068814055637%;
	top: 77px;
	top: 10.02604166666667%;
}
#sectionCharacter #pageCharacter .charaPapanda {
	left: 1084px;
	left: 79.35578330893119%;
	top: 0px;
}
#sectionCharacter #pageCharacter .charaKopanda {
	left: 1308px;
	left: 95.75402635431918%;
	top: 12px;
	top: 1.5625%;
}
#sectionCharacter #pageCharacter .charaKongo {
	left: 583px;
	left: 42.67935578330893%;
	top: 424px;
	top: 55.20833333333333%;
	width: 58px;
	width: 4.24597364568082%;
}
#sectionCharacter #pageCharacter .charaGotetsu {
	left: 856px;
	left: 62.66471449487555%;
	top: 175px;
	top: 22.78645833333333%;
	width: 58px;
	width: 4.24597364568082%;
}
#sectionCharacter #pageCharacter .charaKaoru {
	left: 1007px;
	left: 73.71888726207906%;
	top: 270px;
	top: 35.15625%;
	width: 58px;
	width: 4.24597364568082%;
}
#sectionCharacter #pageCharacter .charaMisao {
	left: 1033px;
	left: 75.62225475841874%;
	top: 493px;
	top: 64.19270833333333%;
	width: 58px;
	width: 4.24597364568082%;
}
#sectionCharacter #pageCharacter .charaMachiko {
	left: 1303px;
	left: 95.38799414348463%;
	top: 346px;
	top: 45.05208333333333%;
}
#sectionCharacter #pageCharacter .charaShatei {
	left: 415px;
	left: 30.38067349926794%;
	top: 512px;
	top: 66.66666666666667%;
}



/* ----------------------------------------------
	story
---------------------------------------------- */

#sectionCharacter #pageStory {
}

#sectionCharacter #pageStory .img01 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionCharacter #pageStory .storyTxt {
	position: absolute;
	left: 0px;
	top: 130px;
	top: 16.92708333333333%;
	width: 100%;
}

#sectionCharacter #pageStory .storyTxt .txtBg {
	position: relative;
	width: 860px;
	width: 62.95754026354319%;
}
#sectionCharacter #pageStory .storyTxt .txtFire {
	position: absolute;
	left: 250px;
	left: 18.30161054172767%;
	top: 440px;
	top: 68.96551724137931%;
	width: 150px;
	width: 10.9809663250366%;
}
#sectionCharacter #pageStory .storyTxt .txts {
	position: absolute;
	left: 130px;
	left: 9.516837481698389%;
	top: 50px;
	top: 7.836990595611285%;
	width: 500px;
	width: 36.60322108345534%;
}
#sectionCharacter #pageStory .storyTxt .txts p {
	line-height: 0px;
}







/* =================================================

	sectionSpec

================================================= */

/* ----------------------------------------------
	pageLnav ul
---------------------------------------------- */

#sectionSpec #specLnav .lnav01 {
	width: 127px;
	width: 11.34941912421805%;
}
#sectionSpec #specLnav .lnav02 {
	width: 170px;
	width: 15.19213583556747%;
}



/* ----------------------------------------------
	spec
---------------------------------------------- */

#sectionSpec #pageSpec .ttl {
	position: absolute;
	z-index: 10;
	left: 400px;
	left: 29.28257686676428%;
	top: 116px;
	top: 15.10416666666667%;
	width: 164px;
	width: 12.00585651537335%;
}

#sectionSpec #pageSpec .caseHalo {
	position: absolute;
	left: 183px;
	left: 13.39677891654466%;
	top: -125px;
	top: -16.27604166666667%;
	width: 1120px;
	width: 81.99121522693997%;
}
#sectionSpec #pageSpec .caseHalo span {
	display: block;
	position: relative;
	width: 100%;
	height: 1120px;
	height: 0px;
	padding-top: 145.8333333333333%;
	overflow: hidden;
}
#sectionSpec #pageSpec .caseHalo span img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

#sectionSpec #pageSpec .case {
	position: absolute;
	left: 452px;
	left: 33.08931185944363%;
	top: 17px;
	top: 2.213541666666667%;
	width: 584px;
	width: 42.75256222547584%;
}
#sectionSpec #pageSpec .caseDischarge {
	position: absolute;
	left: 283px;
	left: 20.71742313323572%;
	top: -20px;
	top: -2.604166666666667%;
	width: 882px;
	width: 64.56808199121523%;
}
#sectionSpec #pageSpec .img01 {
	position: absolute;
	left: 0px;
	top: 467px;
	top: 60.80729166666667%;
	width: 100%;
}
#sectionSpec #pageSpec .caseLight {
	position: absolute;
	left: 406px;
	left: 29.72181551976574%;
	top: 51px;
	top: 6.640625%;
	width: 720px;
	width: 52.7086383601757%;
}

#sectionSpec #pageSpec .detail {
	position: absolute;
	left: 21px;
	left: 1.537335285505124%;
	top: 131px;
	top: 17.05729166666667%;
	width: 368px;
	width: 26.93997071742313%;
}

#sectionSpec #pageSpec .graph01 {
	position: absolute;
	left: 1027px;
	left: 75.18301610541728%;
	top: 130px;
	top: 16.92708333333333%;
	width: 290px;
	width: 21.2298682284041%;
}
#sectionSpec #pageSpec .graph01 .graphInner {
	position: relative;
	/*height: 304px;*/
}
#sectionSpec #pageSpec .graph01 .graphTxt01 {
	position: absolute;
	left: 151px;
	left: 52.06896551724138%;
	top: 128px;
	top: 42.10526315789474%;
	width: 139px;
	width: 47.93103448275862%;
}
#sectionSpec #pageSpec .graph01 .graphTxt02 {
	position: absolute;
	left: 29px;
	left: 10%;
	top: 92px;
	top: 30.26315789473684%;
	width: 95px;
	width: 32.75862068965517%;
}

#sectionSpec #pageSpec .graph02 {
	position: absolute;
	left: 1000px;
	left: 73.20644216691069%;
	top: 437px;
	top: 56.90104166666667%;
	width: 342px;
	width: 25.03660322108346%;
}
#sectionSpec #pageSpec .graph02 .graphInner {
	position: relative;
	/*height: 310px;*/
}
#sectionSpec #pageSpec .graph02 .graphTxt01 {
	position: absolute;
	left: 178px;
	left: 52.04678362573099%;
	top: 101px;
	top: 32.58064516129032%;
	width: 164px;
	width: 47.95321637426901%;
}
#sectionSpec #pageSpec .graph02 .graphTxt02 {
	position: absolute;
	left: 0px;
	top: 165px;
	top: 53.2258064516129%;
	width: 102px;
	width: 29.82456140350877%;
}
#sectionSpec #pageSpec .graph02 .graphTxt03 {
	position: absolute;
	left: 50px;
	left: 14.61988304093567%;
	top: 231px;
	top: 74.51612903225806%;
	width: 90px;
	width: 26.31578947368421%;
}
#sectionSpec #pageSpec .graph02 .graphTxt04 {
	position: absolute;
	left: 66px;
	left: 19.29824561403509%;
	top: 70px;
	top: 22.58064516129032%;
	width: 95px;
	width: 27.77777777777778%;
}

#sectionSpec #pageSpec .graphTtl {
	position: relative;
}



/* ----------------------------------------------
	flow
---------------------------------------------- */

#sectionSpec #pageFlow .img01 {
	position: absolute;
	left: 12px;
	left: 0.8784773060029283%;
	top: 135px;
	top: 17.578125%;
	width: 385px;
	width: 28.18448023426061%;
}
#sectionSpec #pageFlow .img02 {
	position: absolute;
	left: 413px;
	left: 30.23426061493411%;
	top: 135px;
	top: 17.578125%;
	width: 368px;
	width: 26.93997071742313%;
}
#sectionSpec #pageFlow .img03 {
	position: absolute;
	left: 413px;
	left: 30.23426061493411%;
	top: 416px;
	top: 54.16666666666667%;
	width: 381px;
	width: 27.89165446559297%;
}
#sectionSpec #pageFlow .img04 {
	position: absolute;
	left: 783px;
	left: 57.32064421669107%;
	top: 108px;
	top: 14.0625%;
	width: 577px;
	width: 42.24011713030747%;
}
#sectionSpec #pageFlow .arw01 {
	position: absolute;
	left: 378px;
	left: 27.67203513909224%;
	top: 274px;
	top: 35.67708333333333%;
	width: 50px;
	width: 3.660322108345534%;
}
#sectionSpec #pageFlow .arw02 {
	position: absolute;
	left: 766px;
	left: 56.07613469985359%;
	top: 274px;
	top: 35.67708333333333%;
	width: 50px;
	width: 3.660322108345534%;
}
#sectionSpec #pageFlow .arw03 {
	position: absolute;
	left: 562px;
	left: 41.14202049780381%;
	top: 407px;
	top: 52.99479166666667%;
	width: 70px;
	width: 5.124450951683748%;
}
#sectionSpec #pageFlow .arw04 {
	position: absolute;
	left: 378px;
	left: 27.67203513909224%;
	top: 580px;
	top: 75.52083333333333%;
	width: 50px;
	width: 3.660322108345534%;
}
#sectionSpec #pageFlow .arw05 {
	position: absolute;
	left: 766px;
	left: 56.07613469985359%;
	top: 580px;
	top: 75.52083333333333%;
	width: 50px;
	width: 3.660322108345534%;
}







/* =================================================

	sectionEnshutsu

================================================= */

/* ----------------------------------------------
	pageLnav ul
---------------------------------------------- */

#sectionEnshutsu #enshutsuLnav .lnav01 {
	width: 131px;
	width: 11.70688114387846%;
}
#sectionEnshutsu #enshutsuLnav .lnav02 {
	width: 143px;
	width: 12.7792672028597%;
}
#sectionEnshutsu #enshutsuLnav .lnav03 {
	width: 98px;
	width: 8.757819481680071%;
}
#sectionEnshutsu #enshutsuLnav .lnav04 {
	width: 229px;
	width: 20.46470062555853%;
}
#sectionEnshutsu #enshutsuLnav .lnav05 {
	width: 134px;
	width: 11.97497765862377%;
}
#sectionEnshutsu #enshutsuLnav .lnav06 {
	width: 133px;
	width: 11.88561215370867%;
}
#sectionEnshutsu #enshutsuLnav .lnav07 {
	width: 170px;
	width: 15.19213583556747%;
}



/* ----------------------------------------------
	tuujyou
---------------------------------------------- */

#sectionEnshutsu #pageTuujyou .img01 {
	position: absolute;
	left: 25px;
	left: 1.830161054172767%;
	top: 140px;
	top: 18.22916666666667%;
	width: 425px;
	width: 31.11273792093704%;
}
#sectionEnshutsu #pageTuujyou .img02 {
	position: absolute;
	left: 470px;
	left: 34.40702781844802%;
	top: 140px;
	top: 18.22916666666667%;
	width: 425px;
	width: 31.11273792093704%;
}
#sectionEnshutsu #pageTuujyou .img03 {
	position: absolute;
	left: 915px;
	left: 66.98389458272328%;
	top: 140px;
	top: 18.22916666666667%;
	width: 425px;
	width: 31.11273792093704%;
}



/* ----------------------------------------------
	reach
---------------------------------------------- */

#sectionEnshutsu #pageReach .img01 {
	position: absolute;
	left: 25px;
	left: 1.830161054172767%;
	top: 135px;
	top: 17.578125%;
	width: 1316px;
	width: 96.33967789165447%;
}
#sectionEnshutsu #pageReach .img02 {
	position: absolute;
	left: 0px;
	top: 452px;
	top: 58.85416666666667%;
	width: 683px;
	width: 50%;
}
#sectionEnshutsu #pageReach .img02Label {
	position: absolute;
	left: 604px;
	left: 44.21669106881406%;
	top: 486px;
	top: 63.28125%;
	width: 89px;
	width: 6.515373352855051%;
}
#sectionEnshutsu #pageReach .img03 {
	position: absolute;
	left: 683px;
	left: 50%;
	top: 452px;
	top: 58.85416666666667%;
	width: 683px;
	width: 50%;
}
#sectionEnshutsu #pageReach .img03Label {
	position: absolute;
	left: 1083px;
	left: 79.28257686676428%;
	top: 465px;
	top: 60.546875%;
	width: 99px;
	width: 7.247437774524158%;
}



/* ----------------------------------------------
	bonus
---------------------------------------------- */

#sectionEnshutsu #pageBonus .txt01 {
	position: absolute;
	left: 378px;
	left: 27.67203513909224%;
	top: 100px;
	top: 13.02083333333333%;
	width: 610px;
	width: 44.65592972181552%;
}
#sectionEnshutsu #pageBonus .img01 {
	position: absolute;
	left: 25px;
	left: 1.830161054172767%;
	top: 175px;
	top: 22.78645833333333%;
	width: 425px;
	width: 31.11273792093704%;
}
#sectionEnshutsu #pageBonus .img02 {
	position: absolute;
	left: 470px;
	left: 34.40702781844802%;
	top: 175px;
	top: 22.78645833333333%;
	width: 425px;
	width: 31.11273792093704%;
}
#sectionEnshutsu #pageBonus .img03 {
	position: absolute;
	left: 915px;
	left: 66.98389458272328%;
	top: 175px;
	top: 22.78645833333333%;
	width: 425px;
	width: 31.11273792093704%;
}



/* ----------------------------------------------
	chance
---------------------------------------------- */

#sectionEnshutsu #pageChance .txt01 {
	position: absolute;
	z-index: 1;
	left: 218px;
	left: 15.95900439238653%;
	top: 100px;
	top: 13.02083333333333%;
	width: 930px;
	width: 68.08199121522694%;
}
#sectionEnshutsu #pageChance .img01 {
	position: absolute;
	left: 5px;
	left: 0.3660322108345534%;
	top: 146px;
	top: 19.01041666666667%;
	width: 684px;
	width: 50.07320644216691%;
}
#sectionEnshutsu #pageChance .img02 {
	position: absolute;
	left: 673px;
	left: 49.26793557833089%;
	top: 146px;
	top: 19.01041666666667%;
	width: 684px;
	width: 50.07320644216691%;
}
#sectionEnshutsu #pageChance .img03 {
	position: absolute;
	left: 10px;
	left: 0.7320644216691069%;
	top: 430px;
	top: 55.98958333333333%;
	width: 679px;
	width: 49.70717423133236%;
}
#sectionEnshutsu #pageChance .img04 {
	position: absolute;
	left: 693px;
	left: 50.73206442166911%;
	top: 430px;
	top: 55.98958333333333%;
	width: 664px;
	width: 48.6090775988287%;
}



/* ----------------------------------------------
	rush
---------------------------------------------- */

#sectionEnshutsu #pageRush .img01 {
	position: absolute;
	left: 21px;
	left: 1.537335285505124%;
	top: 118px;
	top: 15.36458333333333%;
	width: 318px;
	width: 23.2796486090776%;
}
#sectionEnshutsu #pageRush .img02 {
	position: absolute;
	left: 351px;
	left: 25.69546120058565%;
	top: 118px;
	top: 15.36458333333333%;
	width: 331px;
	width: 24.23133235724744%;
}
#sectionEnshutsu #pageRush .img03 {
	position: absolute;
	left: 25px;
	left: 1.830161054172767%;
	top: 303px;
	top: 39.453125%;
	width: 648px;
	width: 47.43777452415813%;
}
#sectionEnshutsu #pageRush .img04 {
	position: absolute;
	left: 25px;
	left: 1.830161054172767%;
	top: 518px;
	top: 67.44791666666667%;
	width: 648px;
	width: 47.43777452415813%;
}
#sectionEnshutsu #pageRush .img04Label {
	position: absolute;
	left: 581px;
	left: 42.53294289897511%;
	top: 513px;
	top: 66.796875%;
	width: 66px;
	width: 4.831625183016105%;
}

#sectionEnshutsu #pageRush .box01 {
	position: absolute;
	left: 683px;
	left: 50%;
	top: 118px;
	top: 15.36458333333333%;
	width: 670px;
	width: 49.04831625183016%;
}
#sectionEnshutsu #pageRush .box01Bg {
	position: relative;
}
#sectionEnshutsu #pageRush .box01Txt01 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 670px;
	width: 100%;
}
#sectionEnshutsu #pageRush .box01Img01,
#sectionEnshutsu #pageRush .box01Img02,
#sectionEnshutsu #pageRush .box01Img03,
#sectionEnshutsu #pageRush .box01Img04,
#sectionEnshutsu #pageRush .box01Img05,
#sectionEnshutsu #pageRush .box01Img06,
#sectionEnshutsu #pageRush .box01Img07,
#sectionEnshutsu #pageRush .box01Img08 {
	position: absolute;
	width: 298px;
	width: 44.47761194029851%;
}
#sectionEnshutsu #pageRush .box01 p span.label01 {
	position: absolute;
	left: -7px;
	left: -2.348993288590604%;
	top: -10px;
	top: -8.333333333333333%;
	width: 66px;
	width: 22.14765100671141%;
}
#sectionEnshutsu #pageRush .box01 p span.label02 {
	position: absolute;
	left: -6px;
	left: -2.013422818791946%;
	top: -5px;
	top: -4.166666666666667%;
	width: 59px;
	width: 19.79865771812081%;
}
#sectionEnshutsu #pageRush .box01Img01 {
	left: 33px;
	left: 4.925373134328358%;
	top: 54px;
	top: 8.709677419354839%;
}
#sectionEnshutsu #pageRush .box01Img02 {
	left: 337px;
	left: 50.29850746268657%;
	top: 54px;
	top: 8.709677419354839%;
}
#sectionEnshutsu #pageRush .box01Img03 {
	left: 33px;
	left: 4.925373134328358%;
	top: 180px;
	top: 29.03225806451613%;
}
#sectionEnshutsu #pageRush .box01Img04 {
	left: 337px;
	left: 50.29850746268657%;
	top: 180px;
	top: 29.03225806451613%;
}
#sectionEnshutsu #pageRush .box01Img05 {
	left: 33px;
	left: 4.925373134328358%;
	top: 306px;
	top: 49.35483870967742%;
}
#sectionEnshutsu #pageRush .box01Img06 {
	left: 337px;
	left: 50.29850746268657%;
	top: 306px;
	top: 49.35483870967742%;
}
#sectionEnshutsu #pageRush .box01Img07 {
	left: 33px;
	left: 4.925373134328358%;
	top: 432px;
	top: 69.67741935483871%;
}
#sectionEnshutsu #pageRush .box01Img08 {
	left: 337px;
	left: 50.29850746268657%;
	top: 432px;
	top: 69.67741935483871%;
}
#sectionEnshutsu #pageRush .box01Txt02 {
	position: absolute;
	left: 26px;
	left: 3.880597014925373%;
	top: 552px;
	top: 89.03225806451613%;
	width: 616px;
	width: 91.94029850746269%;
}



/* ----------------------------------------------
	issei
---------------------------------------------- */

#sectionEnshutsu #pageIssei .img01 {
	position: absolute;
	left: 24px;
	left: 1.756954612005857%;
	top: 135px;
	top: 17.578125%;
	width: 649px;
	width: 47.51098096632504%;
}
#sectionEnshutsu #pageIssei .img02 {
	position: absolute;
	left: 693px;
	left: 50.73206442166911%;
	top: 135px;
	top: 17.578125%;
	width: 648px;
	width: 47.43777452415813%;
}
#sectionEnshutsu #pageIssei .txt01 {
	position: absolute;
	left: 844px;
	left: 61.78623718887262%;
	top: 728px;
	top: 94.79166666666667%;
	width: 345px;
	width: 25.25622254758419%;
}



/* ----------------------------------------------
	seven
---------------------------------------------- */

#sectionEnshutsu #pageSeven .gotetsu {
	position: absolute;
	left: 0px;
	top: -30px;
	top: -3.90625%;
	width: 720px;
	width: 52.7086383601757%;
}
#sectionEnshutsu #pageSeven .img01 {
	position: absolute;
	left: 306px;
	left: 22.40117130307467%;
	top: 149px;
	top: 19.40104166666667%;
	width: 514px;
	width: 37.62811127379209%;
}
#sectionEnshutsu #pageSeven .img02 {
	position: absolute;
	left: 316px;
	left: 23.13323572474378%;
	top: 270px;
	top: 35.15625%;
	width: 516px;
	width: 37.77452415812592%;
}
#sectionEnshutsu #pageSeven .img03 {
	position: absolute;
	left: 326px;
	left: 23.86530014641288%;
	top: 399px;
	top: 51.953125%;
	width: 435px;
	width: 31.84480234260615%;
}
#sectionEnshutsu #pageSeven .img04 {
	position: absolute;
	left: 818px;
	left: 59.88286969253294%;
	top: 151px;
	top: 19.66145833333333%;
	width: 506px;
	width: 37.04245973645681%;
}
#sectionEnshutsu #pageSeven .img05 {
	position: absolute;
	left: 828px;
	left: 60.61493411420205%;
	top: 308px;
	top: 40.10416666666667%;
	width: 431px;
	width: 31.55197657393851%;
}
#sectionEnshutsu #pageSeven .img06 {
	position: absolute;
	left: 838px;
	left: 61.34699853587116%;
	top: 441px;
	top: 57.421875%;
	width: 506px;
	width: 37.04245973645681%;
}
#sectionEnshutsu #pageSeven .img07 {
	position: absolute;
	left: 848px;
	left: 62.07906295754026%;
	top: 581px;
	top: 75.65104166666667%;
	width: 506px;
	width: 37.04245973645681%;
}







/* =================================================

	section99ver

================================================= */

#section99ver.sectionPage {
	padding-top: 0px;
	background-image: none;
}


/* ----------------------------------------------
	99ver
---------------------------------------------- */

#section99ver #page99ver .page99verTtl {
	position: absolute;
	left: 271px;
	left: 19.838946%;
	top: 95px;
	top: 7.364341%;
	width: 820px;
	width: 60.029283%;
}

#section99ver #page99ver .charaMisao {
	position: absolute;
	left: 991px;
	left: 72.547584%;
	top: 137px;
	top: 10.620155%;
	width: 376px;
	width: 27.525622%;
}
#section99ver #page99ver .charaKopanda {
	position: absolute;
	left: 12px;
	left: 0.878477%;
	top: 478px;
	top: 37.054264%;
	width: 271px;
	width: 19.838946%;
}

#section99ver #page99ver .tokucho01 {
	position: absolute;
	left: 62px;
	left: 4.538799%;
	top: 221px;
	top: 17.131783%;
	width: 388px;
	width: 28.4041%;
}
#section99ver #page99ver .tokucho02 {
	position: absolute;
	left: 401px;
	left: 29.355783%;
	top: 331px;
	top: 25.658915%;
	width: 316px;
	width: 23.133236%;
}
#section99ver #page99ver .tokucho03 {
	position: absolute;
	left: 682px;
	left: 49.926794%;
	top: 281px;
	top: 21.782946%;
	width: 348px;
	width: 25.475842%;
}
				
#section99ver #page99ver .specTtl {
	position: absolute;
	left: 31px;
	left: 2.2694%;
	top: 672px;
	top: 52.093023%;
	width: 1306px;
	width: 95.607613%;
}
#section99ver #page99ver .specDetail {
	position: absolute;
	left: 38px;
	left: 2.781845%;
	top: 765px;
	top: 59.302326%;
	width: 719px;
	width: 52.635432%;
}
#section99ver #page99ver .specGraph {
	position: absolute;
	left: 727px;
	left: 53.221083%;
	top: 789px;
	top: 61.162791%;
	width: 590px;
	width: 43.191801%;
}







/* =================================================
	sectionKiwami
================================================= */

#sectionKiwami.sectionPage {
	padding-top: 0px;
	background-image: none;
}


/* ----------------------------------------------
	kiwami tokucho
---------------------------------------------- */

#sectionKiwami #pageKiwamiTokucho {
	margin-top: 70px;
	margin-top: 5.124450951683748%;
}
#sectionKiwami #pageKiwamiTokucho .tokuchoHero {
	position: absolute;
	z-index: 11;
	left: -339px;
	left: -24.81698389458272%;
	top: 16px;
	top: 2.588996763754045%;
	width: 1291px;
	width: 94.5095168374817%;
}
#sectionKiwami #pageKiwamiTokucho .tokuchoTtl {
	position: absolute;
	z-index: 12;
	left: 334px;
	left: 24.45095168374817%;
	top: 33px;
	top: 5.339805825242718%;
	width: 1009px;
	width: 73.86530014641288%;
}
#sectionKiwami #pageKiwamiTokucho .tokucho2400 {
	position: absolute;
	z-index: 10;
	left: 245px;
	left: 17.93557833089312%;
	top: -196px;
	top: -31.71521035598706%;
	width: 1074px;
	width: 78.62371888726208%;
}
#sectionKiwami #pageKiwamiTokucho .tokuchoTxt {
	position: absolute;
	z-index: 13;
	left: 608px;
	left: 44.5095168374817%;
	top: 444px;
	top: 71.84466019417476%;
	width: 882px;
	width: 64.56808199121523%;
}

/* ----------------------------------------------
	kiwami tokucho js
---------------------------------------------- */

#sectionKiwami #pageKiwamiTokucho .tokuchoHero{
	left: -24.81698389458272%;
	top: 2.588996763754045%;
	width: 94.5095168374817%;
	
    width: 30%;
    left: 9%;
    top: 53%;
    opacity: 0;
}

#sectionKiwami #pageKiwamiTokucho .tokuchoTtl{
	left: 24.45095168374817%;
	top: 5.339805825242718%;
	width: 73.86530014641288%;
	
    width: 10%;
    left: 47%;
    top: 13%;
    opacity: 0;
}

#sectionKiwami #pageKiwamiTokucho .tokucho2400{
	left: 17.93557833089312%;
	top: -31.71521035598706%;
	width: 78.62371888726208%;
	
    width: 20%;
    top: 35%;
    left: 80%;
    opacity: 0;
}

#sectionKiwami #pageKiwamiTokucho .tokuchoTxt{
    opacity:0;
}



/* ----------------------------------------------
	kiwami enshutsu
---------------------------------------------- */

#sectionKiwami #pageKiwamiEnshutsu {
}
#sectionKiwami #pageKiwamiEnshutsu .enshutsuImg {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 100px;
	top: 13.02083333333333%;
	width: 100%;
}
#sectionKiwami #pageKiwamiEnshutsu .enshutsuGlitter {
	position: absolute;
	z-index: 11;
	left: 0;
	top: 100px;
	top: 13.02083333333333%;
	width: 100%;
}
#sectionKiwami #pageKiwamiEnshutsu .enshutsuTxt {
	position: absolute;
	z-index: 12;
	left: 0;
	top: 100px;
	top: 13.02083333333333%;
	width: 100%;
}
#sectionKiwami #pageKiwamiEnshutsu .enshutsuTtl {
	position: absolute;
	z-index: 13;
	left: 226px;
	left: 16.54465592972182%;
	top: 295px;
	top: 38.41145833333333%;
	width: 979px;
	width: 71.66910688140556%;
}

/* ----------------------------------------------
	kiwami enshutsu js
---------------------------------------------- */
#sectionKiwami #pageKiwamiEnshutsu .enshutsuTtl {
	left: 16.54465592972182%;
	top: 38.41145833333333%;
	width: 71.66910688140556%;
	
    width: 10%;
    left: 48%;
    top: 54%;
    opacity: 0;
}

#sectionKiwami #pageKiwamiEnshutsu .enshutsuImg {
	left: 0;
	top: 13.02083333333333%;
	width: 100%;
	
    width: 10%;
    top: 52%;
    left: 48%;
	opacity: 0;
}

#sectionKiwami #pageKiwamiEnshutsu .enshutsuTxt {
	opacity:0;
}



/* ----------------------------------------------
	kiwami spec
---------------------------------------------- */

#sectionKiwami #pageKiwamiSpec {
}
#sectionKiwami #pageKiwamiSpec .specCase {
	position: absolute;
	left: -106px;
	left: -7.759882869692533%;
	
	top: 0;
	width: 826px;
	width: 60.46852122986823%;
}
#sectionKiwami #pageKiwamiSpec .specBtmFire {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#sectionKiwami #pageKiwamiSpec .specTtl {
	position: absolute;
	left: 16px;
	left: 1.171303074670571%;
	top: 133px;
	top: 17.31770833333333%;
	width: 119px;
	width: 8.711566617862372%;
}
#sectionKiwami #pageKiwamiSpec .specTxt {
	position: absolute;
	left: 504px;
	left: 36.89604685212299%;
	top: 26px;
	top: 3.385416666666667%;
	width: 905px;
	width: 66.25183016105417%;
}
#sectionKiwami #pageKiwamiSpec .specDetail {
	position: absolute;
	left: 527px;
	left: 38.57979502196193%;
	top: 344px;
	top: 44.79166666666667%;
	width: 572px;
	width: 41.87408491947291%;
}
#sectionKiwami #pageKiwamiSpec .specGraph01 {
	position: absolute;
	left: 1117px;
	left: 81.77159590043924%;
	top: 281px;
	top: 36.58854166666667%;
	width: 219px;
	width: 16.03221083455344%;
}
#sectionKiwami #pageKiwamiSpec .specGraph02 {
	position: absolute;
	left: 1117px;
	left: 81.77159590043924%;
	top: 488px;
	top: 63.54166666666667%;
	width: 219px;
	width: 16.03221083455344%;
}
#sectionKiwami #pageKiwamiSpec .specNotes {
	position: absolute;
	left: 1109px;
	left: 81.18594436310395%;
	top: 711px;
	top: 92.578125%;
	width: 224px;
	width: 16.39824304538799%;
}


/* ----------------------------------------------
	kiwami spec js
---------------------------------------------- */
/*
#sectionKiwami #pageKiwamiSpec .specTtl{
	left: 36.89604685212299%;
	top: 3.385416666666667%;
	width: 66.25183016105417%;

}
*/

#sectionKiwami #pageKiwamiSpec .specCase{
	left: -7.759882869692533%;
	top: 0;
	width: 60.46852122986823%;
	
	width: 10%;
    left: 16%;
    top: 48%;
    opacity: 0;	
}


#sectionKiwami #pageKiwamiSpec .specTxt{
	opacity: 0;
}


#sectionKiwami #pageKiwamiSpec .specDetail{
	left: 38.57979502196193%;
	top: 44.79166666666667%;
	width: 41.87408491947291%;
	
    width: 10%;
    left: 55%;
    top: 62%;
    opacity: 0;
}


#sectionKiwami #pageKiwamiSpec .specGraph01{
	left: 81.77159590043924%;
	top: 36.58854166666667%;
	width: 16.03221083455344%;
	
    width: 2%;
    top: 46%;
    left: 88%;
    opacity: 0;
}

#sectionKiwami #pageKiwamiSpec .specGraph02{
	left: 81.77159590043924%;
	top: 63.54166666666667%;
	width: 16.03221083455344%;
	
    width: 2%;
    top: 71%;
    left: 88%;
    opacity: 0;
}



/* =================================================

	modal

================================================= */

.modal {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}
.modal img {
	width: 100%;
	height: auto;
}

.modal .modalBlock {
	display: table;
	width: 100%;
	height: 100vh;
	text-align: center;
}
.modal .modalBlock .modalBox {
	display: table-cell;
	vertical-align: middle;
}







/* =================================================

	modalMovie

================================================= */

#modalMovie {
	background: url(../img/common/modal_movie_bg.png) center bottom no-repeat;
	background-size: cover;
}

#modalMovie .movieBlock {
	position: relative;
	width: 950px;
	width: 69.54612005856515%;
	margin: 0px auto;
}

#modalMovie .movieBlock .movieBox {
	position: relative;
	height: 0px;
	padding-bottom: 56.25%;
	overflow: hidden;

	-webkit-box-shadow: 0px 0px 20px 0px #000000;
	-moz-box-shadow: 0px 0px 20px 0px #000000;
	box-shadow: 0px 0px 20px 0px #000000;
	
	background-color: #000;
}
#modalMovie .movieBlock .movieBox iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#modalMovie .movieBtn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 114px;
	width: 8.345534407027818%;
}
#modalMovie .movieBtn a {
	display: block;
}







/* =================================================

	modalCharacter

================================================= */

#modalCharacter {
	position: absolute;
	background: url(../img/common/modal_chara_bg.png) left top repeat;
}

#modalCharacter .charaBlock {
	height: 100%;
}
#modalCharacter .charaBlock p {
	position: relative;
}
#modalCharacter .charaBlock .charaBtn {
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 129px;
	width: 9.443631039531479%;
}

#modalCharaKongo {
	background: url(../img/character/modal_chara_kongo.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaGotetsu {
	background: url(../img/character/modal_chara_gotetsu.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaKaoru {
	background: url(../img/character/modal_chara_kaoru.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaMisao {
	background: url(../img/character/modal_chara_misao.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaMachiko {
	background: url(../img/character/modal_chara_machiko.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaShatei {
	background: url(../img/character/modal_chara_shatei.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaPanda {
	background: url(../img/character/modal_chara_panda.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaKopanda {
	background: url(../img/character/modal_chara_kopanda.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaPapanda {
	background: url(../img/character/modal_chara_papanda.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaNorio {
	background: url(../img/character/modal_chara_norio.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaSaki {
	background: url(../img/character/modal_chara_saki.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaChappy {
	background: url(../img/character/modal_chara_chappy.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaMadara {
	background: url(../img/character/modal_chara_madara.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaIwao {
	background: url(../img/character/modal_chara_iwao.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaYuka {
	background: url(../img/character/modal_chara_yuka.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaFumio {
	background: url(../img/character/modal_chara_fumio.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaBuru {
	background: url(../img/character/modal_chara_buru.png) left top no-repeat;
	background-size: 100% auto;
}
#modalCharaSanshita {
	background: url(../img/character/modal_chara_sanshita.png) left top no-repeat;
	background-size: 100% auto;
}







/* =================================================

	z-index

================================================= */

/* ----------------------------------------------
	base
---------------------------------------------- */

#opening {
	z-index: 1000;
}
.modal {
	z-index: 999;
}
#pagetotop {
	z-index: 998;
}



/* ----------------------------------------------
	head + lnav + ttl
---------------------------------------------- */

#headerBlock {
	z-index: 500;
}
#headerBlock .gnav li .snav {
	z-index: 2000;
}
.pageLnav ul {
	z-index: 498;
}
#header #headerLogoBg {
	z-index: 494;
}
#header #headerLogo {
	z-index: 497;
}
#headerBg {
	z-index: 493;
}
/*#sectionCharacter #pageCharacter p {
	z-index: 496;
}*/
.pageCmnInner .pageCmnTtlOn {
	z-index: 495;
}
.pageTtlTop .pageTtl {
	z-index: 492;
}
.pageCmnInner .pageCmnTtlBgOn {
	z-index: 491;
}
.pageTtlTop .pageTtlBg {
	z-index: 490;
}
.pageLnavBg {
	z-index: 489;
}