@charset "utf-8";

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

	style
	 
----------------------------------------------------
*

	Page Layout

	sectionTop

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







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

	Page Layout

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

#document {
	background: none;
}

#header {
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 0px;
	width: 100%;
	background: none;
}

#contents {
	position: relative;
}

#footer {
	position: relative;
}







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

	sectionTop

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

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

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

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

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

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

#sectionTop #main .mainTxt {
	position: absolute;
	left: 12px;
	left: 1.875%;
	top: 153px;
	top: 16.6304347826087%;
	width: 140px;
	width: 21.875%;
}


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

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

#sectionTop #main .mainNewsInner {
	position: relative;
}
#sectionTop #main .mainNews h2 {
	position: relative;
}
#sectionTop #main .mainNews dl {
	position: absolute;
	left: 0px;
	top: 136px;
	top: 48.39857651245552%;
	width: 100%;
	font-size: 24px;
	font-size: 3.75vw;
	font-weight: bold;
}
#sectionTop #main .mainNews dl dt {
	margin-left: 236px;
	margin-left: 36.875%;
	color: #fff;
}
#sectionTop #main .mainNews dl dd {
	margin-top: 32px;
	margin-top: 5%;
}
#sectionTop #main .mainNews dl dd .newsCont {
	padding: 0px 55px;
	padding: 0px 8.59375%;
	color: #000;
}
#sectionTop #main .mainNews dl dd .newsCont .newsTxt {
	position: relative;
	z-index: 10;
	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;
	width: 1.5625%;
	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;
	transform: scale(-1, 1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
#sectionTop #main .mainNews dl dd .newsCont .newsTxt p {
	width: 250%;
}
#sectionTop #main .mainNews dl dd a {
	color: #e40000;
}


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

#sectionTop #main .mainSlide {
	position: absolute;
	left: 290px;
	left: 45.3125%;
	top: 151px;
	top: 16.41304347826087%;
	width: 350px;
	width: 54.6875%;
}

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

#sectionTop #main .mainSlide ul {
}
#sectionTop #main .mainSlide ul li {
	position: absolute;
	left: 78px;
	left: 22.28571428571429%;
	top: 43px;
	top: 7.570422535211268%;
	width: 232px;
	width: 66.28571428571429%;
	overflow: visible;
}
#sectionTop #main .mainSlide ul li.prev {
	top: 352px;

	top: 61.97183098591549%;
}
#sectionTop #main .mainSlide ul li.current {
	position: absolute;
	z-index: 7;
	left: 0px;
	top: 125px;
	top: 22.00704225352113%;
	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: 78px;
	left: 22.28571428571429%;
	width: 232px;
	width: 66.28571428571429%;
}
#sectionTop #main .mainSlide .slideInner .arw01 {
	top: 0px;
	z-index: 8;
}
#sectionTop #main .mainSlide .slideInner .arw02 {
	top: 388px;
	top: 68.30985915492958%;
	z-index: 9;
}

#sectionTop #main .mainSlide .slideInner div a {
	display: block;
	position: relative;
	/*height: 180px*/
}
#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 {
}
#sectionTop #index .indexBlock .ttl,
#sectionTop #index .indexBlock .ttlBg,
#sectionTop #index .indexBlock .btn,
#sectionTop #index .indexBlock p,
#sectionTop #index .indexBlock div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index .indexBlock a {
	position: relative;
	z-index: 10;
	display: block;
	width: 100%;
	background: url(../img/index_btn.png) right bottom no-repeat;
	background-size: 100% auto;
}
#sectionTop #index .indexBlock a:hover {
}
#sectionTop #index .indexBlock .frame {
	position: relative;
}


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

#sectionTop #index #indexTokucho {
	background: url(../img/index_tokucho_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexTokucho .txt01 {
	top: 172px;
	top: 37.39130434782609%;
}
#sectionTop #index #indexTokucho .txt02 {
	top: 245px;
	top: 53.26086956521739%;
}


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

#sectionTop #index #indexBanner {
	background: url(../img/index_banner_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexBanner a {
	position: absolute;
	left: 52px;
	left: 8.125%;
	top: 43px;
	top: 18.69565217391304%;
	width: 539px;
	width: 84.21875%;
	background: none;
}
#sectionTop #index #indexBanner a:hover {
	background: none;
}


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

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

#sectionTop #index #indexPoint .txt01,
#sectionTop #index #indexPoint .txt02,
#sectionTop #index #indexPoint .txt03,
#sectionTop #index #indexPoint .txt04 {
	z-index: 2;
	width: 204px;
	width: 31.875%;
}
#sectionTop #index #indexPoint .txt01 {
	left: 417px;
	left: 65.15625%;
	top: 148px;
	top: 32.17391304347826%;
}
#sectionTop #index #indexPoint .txt02 {
	left: 268px;
	left: 41.875%;
	top: 133px;
	top: 28.91304347826087%;
}
#sectionTop #index #indexPoint .txt03 {
	left: 172px;
	left: 26.875%;
	top: 197px;
	top: 42.82608695652174%;
}
#sectionTop #index #indexPoint .txt04 {
	left: 21px;
	left: 3.28125%;
	top: 183px;
	top: 39.78260869565217%;
}
#sectionTop #index #indexPoint .txt05 {
	z-index: 1;
	left: 115px;
	left: 17.96875%;
	top: 200px;
	top: 43.47826086956522%;
	width: 505px;
	width: 78.90625%;
}


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

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


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

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

#sectionTop #index #indexMusic .bg {
	position: relative;
}
#sectionTop #index #indexMusic .ttl {
	z-index: 11;
}
#sectionTop #index #indexMusic .misao {
	left: 409px;
	left: 63.90625%;
	width: 231px;
	width: 36.09375%;
}
#sectionTop #index #indexMusic .frameTop,
#sectionTop #index #indexMusic .frameBtm {
	height: 15px;
	height: 0px;
	padding-top: 2.1%;
	background: url(../img/index_music_frame.png) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexMusic .frameTop {
	z-index: 12;
}
#sectionTop #index #indexMusic .frameBtm {
	top: auto;
	bottom: 0px;
	background-position: left bottom;
}

#sectionTop #index #indexMusic .musicSlide {
	width: 100%;
	top: 103px;
	top: 10.1577909270217%;
	top: 6.65374677002584%;
	overflow: hidden;
}
#sectionTop #index #indexMusic .musicSlideInner {
	position: relative;
	height: 258px;
	height: 0px;
	padding-top: 40%;
}
#sectionTop #index #indexMusic .musicSlide ul li {
	position: absolute;
	left: 0px;
	top: 49px;
	top: 18.9922480620155%;
	width: 260px;
	width: 40.625%;
}
#sectionTop #index #indexMusic .musicSlide ul li.next {
	left: -58px;
	left: -9.0625%;
}
#sectionTop #index #indexMusic .musicSlide ul li.current {
	z-index: 10;
	left: 125px;
	left: 19.53125%;
	top: 0px;
	width: 388px;
	width: 60.625%;
}
#sectionTop #index #indexMusic .musicSlide ul li.prev {
	left: 438px;
	left: 68.4375%;
}
#sectionTop #index #indexMusic .musicSlide .currentAnchor {
	z-index: 12;
	left: 145px;
	left: 22.1%;
	top: 0px;
}
#sectionTop #index #indexMusic .musicSlide .currentAnchor a {
	display: block;
	position: relative;
	width: 350px;
	width: 55.5%;
	height: 220px;
	height: 0px;
	padding-top: 34.7%;
	margin-top: 2.6%;
}
#sectionTop #index #indexMusic .musicSlide .currentAnchor a img {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#sectionTop #index #indexMusic .musicOperation {
	position: absolute;
	left: 0px;
	top: 362px;
	top: 35.70019723865878%;
	top: 23.38501291989664%;
	width: 100%;
	border-bottom: 2px solid #000;
	font-size: 20px;
	font-size: 3.0vw;
	line-height: 1;
}
#sectionTop #index #indexMusic .musicOperation a {
	position: static;
	color: #fff;
}

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

#sectionTop #index #indexMusic .musicOperation .operationPlayer {
	position: static;
	width: 600px;
	width: 93.75%;
	padding: 20px;
	padding: 3.125% 3.125%;
	background: url(../img/index_music_operation_bg.png) left top;
	background-size: 2.65625% auto;
}
#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: 20px;
	font-size: 3.0vw;
	line-height: 2.2;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.timeCurrent {
	width: 105px;
	width: 17.5%;
	padding-right: 40px;
	padding-right: 6.666666666666667%;
	text-align: right;
}

#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: 40px;
	width: 6.666666666666667%;
	padding-right: 10px;
	padding-right: 1.666666666666667%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlShuffle {
	width: 40px;
	width: 6.666666666666667%;
	padding-left: 7px;
	padding-left: 1.166666666666667%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.controlRepeat {
	width: 40px;
	width: 6.666666666666667%;
	padding-left: 17px;
	padding-left: 2.833333333333333%;
}
#sectionTop #index #indexMusic .musicOperation .operationPlayer div.timeDuration {
	width: 111px;
	width: 17.34375%;
	padding-left: 40px;
	padding-left: 6.666666666666667%;
}

#sectionTop #index #indexMusic .musicOperation .operationPlayer div.time {
	clear: both;
	position: relative;
	width: 100%;
	height: 24px;
	height: 0px;
	padding-top: 4%;
	margin-bottom: 20px;
	margin-bottom: 3.3%;
	overflow: hidden;
	line-height: 0;
	background: url(../img/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/index_spec_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexSpec .ttl {
	z-index: 2;
}
#sectionTop #index #indexSpec .txt01 {
	z-index: 1;
	left: 0px;
	top: 70px;
	top: 15.21739130434783%;
	width: 100%;
}
#sectionTop #index #indexSpec .txt02 {
	z-index: 3;
	left: 480px;
	left: 75%;
	top: 330px;
	top: 71.73913043478261%;
	width: 160px;
	width: 25%;
}


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

#sectionTop #index #indexFlow {
	background: url(../img/index_flow_bg.jpg) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexFlow .img01 {
	left: 0px;
	top: 0px;
	width: 215px;
	width: 33.59375%;
}
#sectionTop #index #indexFlow .img02 {
	left: 215px;
	left: 33.59375%;
	top: 0px;
	width: 210px;
	width: 32.8125%;
}
#sectionTop #index #indexFlow .img03 {
	left: 215px;
	left: 33.59375%;
	top: 230px;
	top: 50%;
	width: 210px;
	width: 32.8125%;
}
#sectionTop #index #indexFlow .img04 {
	left: 425px;
	left: 66.40625%;
	top: 0px;
	width: 215px;
	width: 33.59375%;
}


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

#sectionTop #index #indexEnshutsu {
	/*height: 690px;*/
	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: 100%;
}
#sectionTop #index #indexEnshutsu .ttlBg {
	top: -5px;
	top: -0.7246376811594203%;
}
#sectionTop #index #indexEnshutsu .ttl {
	width: 240px;
	width: 37.5%;
}

#sectionTop #index #indexEnshutsu .frameTop,
#sectionTop #index #indexEnshutsu .frameBtm {
	height: 15px;
	height: 0px;
	padding-top: 2.1%;
	background: url(../img/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: 190px;
	top: 27.53623188405797%;
	width: 260px;
	width: 40.625%;
	height: 506px;
	height: 73.33333333333333%;
}

#sectionTop #index #indexEnshutsu .tabImg ul,
#sectionTop #index #indexEnshutsu .tabLink ul {
	position: relative;
	width: 260px;
	width: 100%;
	height: 506px;
	height: 100%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li,
#sectionTop #index #indexEnshutsu .tabLink ul li {
	position: absolute;
	left: 0px;
	width: 260px;
	width: 100%;
	height: 63px;
	height: 12.45059288537549%;
	-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: 63px;
	top: 12.45059288537549%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab03,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab03 {
	top: 126px;
	top: 24.90118577075099%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab04,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab04 {
	top: 189px;
	top: 37.35177865612648%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab05,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab05 {
	top: 252px;
	top: 49.80237154150198%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab06,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab06 {
	top: 315px;
	top: 62.25296442687747%;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.tab07,
#sectionTop #index #indexEnshutsu .tabLink ul li.tab07 {
	top: 378px;
	top: 74.70355731225296%;
}

#sectionTop #index #indexEnshutsu .tabImg ul li div,
#sectionTop #index #indexEnshutsu .tabLink ul li div {
	position: static;
	width: 275px;
	width: 105.7692307692308%;
	height: 100%;
	margin-left: -10px;
	margin-left: -3.846153846153846%;
	overflow: hidden;
}
#sectionTop #index #indexEnshutsu .tabImg ul li.current div,
#sectionTop #index #indexEnshutsu .tabLink ul li.current div {
	width: 340px;
	width: 130.7692307692308%;
}

#sectionTop #index #indexEnshutsu .tabImg ul li div span,
#sectionTop #index #indexEnshutsu .tabLink ul li div span {
	display: block;
	position: relative;
	width: 332px;
	width: 120.7272727272727%;
	height: 128px;
	height: 203.1746031746032%;
	padding-top: 10px;
	padding-top: 3.636363636363636%;
	margin-left: 10px;
	margin-left: 3.636363636363636%;
	margin-top: -33px;
	margin-top: -12%;
	-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: 332px;
	width: 97.64705882352941%;
	padding-top: 10px;
	padding-top: 2.941176470588235%;
	margin-left: 10px;
	margin-left: 2.941176470588235%;
	margin-top: -33px;
	margin-top: -9.705882352941176%;
}

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

#sectionTop #index #indexEnshutsu .tabContents {
	position: absolute;
	left: 260px;
	left: 40.625%;
	top: 0px;
	width: 350px;
	width: 54.6875%;
	height: 690px;
	height: 100%;
}
#sectionTop #index #indexEnshutsu .tabContentsInner {
	position: relative;
	width: 100%;
	height: 590px;
	height: 85.50724637681159%;
	margin-top: 50px;
	margin-top: 14.28571428571429%;
}
#sectionTop #index #indexEnshutsu .tabContents .contBg {
	position: relative;
}
#sectionTop #index #indexEnshutsu .tabContents .frame {
	position: absolute;
	left: -84px;
	left: -24%;
	top: -94px;
	top: -15.93220338983051%;
	width: 465px;
	width: 132.8571428571429%;
	height: 825px;
	height: 139.8305084745763%;
}
#sectionTop #index #indexEnshutsu .tabContents a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 350px;
	width: 100%;
	height: 590px;
	height: 100%;
}
#sectionTop #index #indexEnshutsu .tabContents a {
	background: url(../img/index_btn.png) right bottom no-repeat;
	background-size: 182.8571428571429% 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 .ttl {
	z-index: 15;
}
#sectionTop #index #indexEnshutsu .tabContentsInner {
	z-index: 14;
}
#sectionTop #index #indexEnshutsu .tabImg ul li {
	z-index: 13;
}


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

#sectionTop #index #indexEnshutsu #indexTuujyou {
	display: none;
}

#sectionTop #index #indexEnshutsu #indexTuujyou .img01 {
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index #indexEnshutsu #indexTuujyou .img02 {
	left: 0px;
	top: 180px;
	top: 30.50847457627119%;
	width: 100%;
}
#sectionTop #index #indexEnshutsu #indexTuujyou .img03 {
	left: 0px;
	top: 369px;
	top: 62.54237288135593%;
	width: 100%;
}


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

#sectionTop #index #indexEnshutsu #indexReach {
	display: none;
}

#sectionTop #index #indexEnshutsu #indexReach .img01 {
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index #indexEnshutsu #indexReach .img02 {
	left: 131px;
	left: 37.42857142857143%;
	top: 301px;
	top: 51.01694915254237%;
	width: 235px;
	width: 67.14285714285714%;
}
#sectionTop #index #indexEnshutsu #indexReach .img03 {
	left: 0px;
	top: 377px;
	top: 63.89830508474576%;
	width: 240px;
	width: 68.57142857142857%;
}


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

#sectionTop #index #indexEnshutsu #indexBonus {
	display: none;
}

#sectionTop #index #indexEnshutsu #indexBonus .img01 {
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index #indexEnshutsu #indexBonus .img02 {
	left: 0px;
	top: 197px;
	top: 33.38983050847458%;
	width: 100%;
}
#sectionTop #index #indexEnshutsu #indexBonus .img03 {
	left: 0px;
	top: 351px;
	top: 59.49152542372881%;
	width: 100%;
}


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

#sectionTop #index #indexEnshutsu #indexChance {
	display: none;
}

#sectionTop #index #indexEnshutsu #indexChance .img01 {
	left: 12px;
	left: 3.428571428571429%;
	top: 9px;
	top: 1.525423728813559%;
	width: 323px;
	width: 92.28571428571429%;
}
#sectionTop #index #indexEnshutsu #indexChance .img02 {
	left: 36px;
	left: 10.28571428571429%;
	top: 142px;
	top: 24.06779661016949%;
	width: 307px;
	width: 87.71428571428571%;
}
#sectionTop #index #indexEnshutsu #indexChance .img03 {
	left: 21px;
	left: 6%;
	top: 266px;
	top: 45.08474576271186%;
	width: 313px;
	width: 89.42857142857143%;
}
#sectionTop #index #indexEnshutsu #indexChance .img04 {
	left: 9px;
	left: 2.571428571428571%;
	top: 416px;
	top: 70.50847457627119%;
	width: 320px;
	width: 91.42857142857143%;
}


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

#sectionTop #index #indexEnshutsu #indexRush {
	display: none;
}

#sectionTop #index #indexEnshutsu #indexRush .img01 {
	left: 14px;
	left: 4%;
	top: 9px;
	top: 1.525423728813559%;
	width: 344px;
	width: 98.28571428571429%;
}
#sectionTop #index #indexEnshutsu #indexRush .img02 {
	left: 181px;
	left: 51.71428571428571%;
	top: 194px;
	top: 32.88135593220339%;
	width: 163px;
	width: 46.57142857142857%;
}
#sectionTop #index #indexEnshutsu #indexRush .img03 {
	left: 15px;
	left: 4.285714285714286%;
	top: 236px;
	top: 40%;
	width: 171px;
	width: 48.85714285714286%;
}
#sectionTop #index #indexEnshutsu #indexRush .img04 {
	left: 15px;
	left: 4.285714285714286%;
	top: 407px;
	top: 68.98305084745763%;
	width: 145px;
	width: 41.42857142857143%;
}
#sectionTop #index #indexEnshutsu #indexRush .img05 {
	left: 123px;
	left: 35.14285714285714%;
	top: 301px;
	top: 51.01694915254237%;
	width: 215px;
	width: 61.42857142857143%;
}


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

#sectionTop #index #indexEnshutsu #indexIssei {
}

#sectionTop #index #indexEnshutsu #indexIssei .img01 {
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 360px;
	width: 102.8571428571429%;
}
#sectionTop #index #indexEnshutsu #indexIssei .img02 {
	left: -10px;
	left: -2.857142857142857%;
	top: 271px;
	top: 45.93220338983051%;
	width: 370px;
	width: 105.7142857142857%;
}


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

#sectionTop #index #indexEnshutsu #indexSeven {
	display: none;
}

#sectionTop #index #indexEnshutsu #indexSeven .gotetsu {
	left: 0px;
	top: 0px;
	width: 100%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis {
	left: -11px;
	left: -3.142857142857143%;
	top: 378px;
	top: 64.06779661016949%;
	width: 361px;
	width: 103.1428571428571%;
	height: 212px;
	height: 35.93220338983051%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../img/index_en_seven_shatei.png) left top no-repeat;
	background-size: 100% auto;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei01 {
	top: 58px;
	top: 27.35849056603774%;
	width: 149px;
	width: 41.27423822714681%;
	height: 154px;
	height: 72.64150943396226%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei02 {
	left: 14px;
	left: 3.878116343490305%;
	top: 48px;
	top: 22.64150943396226%;
	width: 164px;
	width: 45.42936288088643%;
	height: 164px;
	height: 77.35849056603774%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei03 {
	left: 34px;
	left: 9.418282548476454%;
	top: 39px;
	top: 18.39622641509434%;
	width: 178px;
	width: 49.30747922437673%;
	height: 173px;
	height: 81.60377358490566%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei04 {
	left: 58px;
	left: 16.06648199445983%;
	top: 29px;
	top: 13.67924528301887%;
	width: 193px;
	width: 53.46260387811634%;
	height: 183px;
	height: 86.32075471698113%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei05 {
	left: 86px;
	left: 23.82271468144044%;
	top: 20px;
	top: 9.433962264150943%;
	width: 209px;
	width: 57.89473684210526%;
	height: 192px;
	height: 90.56603773584906%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei06 {
	left: 120px;
	left: 33.2409972299169%;
	top: 9px;
	top: 4.245283018867925%;
	width: 224px;
	width: 62.04986149584488%;
	height: 203px;
	height: 95.75471698113208%;
}
#sectionTop #index #indexEnshutsu #indexSeven .shateis span.shatei07 {
	left: 158px;
	left: 43.76731301939058%;
	width: 203px;
	width: 56.23268698060942%;
	height: 212px;
	height: 100%;
	background-size: 117.2413793103448% auto;
}
#sectionTop #index #indexEnshutsu #indexSeven .img01 {
	z-index: 1;
	left: -5px;
	left: -1.428571428571429%;
	top: 252px;
	top: 42.71186440677966%;
	width: 350px;
	width: 100%;
}


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

#sectionTop #index #indexShop {
	background: url(../img/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: 538px;
	width: 84.0625%;
	height: 148px;
	height: 100%;
	margin: 43px auto 0px;
	margin: 6.71875% auto 0px;
}

#sectionTop #index #indexShop .shopSearch .searchTtl {
	position: relative;
	width: 100%;
}
#sectionTop #index #indexShop .shopSearch .searchBox {
	position: absolute;
	left: 0px;
	top: 73px;
	top: 49.32432432432432%;
	width: 260px;
	width: 48.3271375464684%;
	height: 40px;
	height: 27.02702702702703%;
	margin: 0px 149px;
	margin: 0px 27.69516728624535%;
}
#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: 3.55vw;
	font-weight: normal;
	line-height: 170%;
	color: #000;
	background: url(../img/index_shop_select.png) left top no-repeat;
	background-size: 100% 100%;
}
#sectionTop #index #indexShop .shopSearch .searchBox select::-ms-expand {
	display: none;
}
#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;
}