body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#fff;
	width: 100%;
	height:100%;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	margin: 0px;
}

#wrap{
	width: 100%;
    height: 100%;
	min-width:1200px;
	min-height:650px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}


#mainImg01{
	background: url(../images/top/img_main01.jpg) no-repeat center top;
	background-size: cover;
	width:100%;
	height:110%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#mainImg02{
	background: url(../images/top/img_main02.jpg) no-repeat center top;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}


.row-fluid{
	width:100%;
	height:100%;
	position: relative;
	bottom:0;
	left:0;
	z-index:1;
	overflow:hidden;
}

.mainImg01{
	background: url(../images/top/img_main_a.jpg) no-repeat center top;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	overflow:hidden;
}

.mainImg02{
	background: url(../images/top/img_main_b.jpg) no-repeat right;
	background-size: cover;
	width:101%;
	height:96%;
	position:absolute;
	bottom:80px;
	right:0;
	z-index:5;
	overflow:hidden;
}

.mainImg01b{
	background: url(../images/top/img_main_a0.jpg) no-repeat center top;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	overflow:hidden;
}

.mainImg02b{
	background: url(../images/top/img_main_b0.jpg) no-repeat right;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	overflow:hidden;
}

#catchA{
	background:url(../images/top/catch.png) no-repeat center top;
	background-size: auto 100%;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:7;
}

#catchB{
	background:url(../images/top/catch_b.png) no-repeat left top;
	background-size: contain;
	width:100%;
	height:100%;
	position:absolute;
	top:60px;
	left:1%;
	z-index:7;
}

.mainImg02grade{
	background: url(../images/top/grade.png) no-repeat bottom;
	background-size: 100% 100%;
	width:100%;
	height:150px;
	position:absolute;
	bottom:80px;
	left:0;
	z-index:2;
}


@media screen and (min-height : 701px){

#bnrLall{
	width:140px;
	height:140px;
	position:absolute;
	bottom:120px;
	right:0;
	z-index:30;
	line-height:0;
}

#bnrLall2{
	width:140px;
	height:140px;
	position:absolute;
	bottom:120px;
	right:140px;
	z-index:30;
	line-height:0;
}

#bnrLall3{
	width:140px;
	height:140px;
	position:absolute;
	bottom:120px;
	right:280px;
	z-index:30;
	line-height:0;
}

#bnrLall4{
	width:140px;
	height:140px;
	position:absolute;
	bottom:120px;
	right:420px;
	z-index:30;
	line-height:0;
}

#bnrLall5{
	width:180px;
	height:180px;
	position:absolute;
	bottom:120px;
	right:10px;
	z-index:30;
	line-height:0;
}


}

@media screen and (max-height : 700px){

#bnrLall{
	width:110px;
	height:110px;
	position:absolute;
	bottom:110px;
	right:0;
	z-index:30;
	line-height:0;
}

#bnrLall2{
	width:110px;
	height:110px;
	position:absolute;
	bottom:110px;
	right:110px;
	z-index:30;
	line-height:0;
}

#bnrLall3{
	width:110px;
	height:110px;
	position:absolute;
	bottom:110px;
	right:220px;
	z-index:30;
	line-height:0;
}

#bnrLall4{
	width:110px;
	height:110px;
	position:absolute;
	bottom:110px;
	right:330px;
	z-index:30;
	line-height:0;
}

#bnrLall5{
	width:140px;
	height:140px;
	position:absolute;
	bottom:110px;
	right:10px;
	z-index:30;
	line-height:0;
}

}






/*

menu

*/

#menuBg{
	background: #fff url(../images/nav_bg.jpg) no-repeat left top;
	background-size: auto 100%;
	width:100%;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
}

#menuAll{
	width:800px;
	height:25px;
	position:absolute;
	bottom: 85px;
	right:10px;
	z-index:20;
}

#btnTwitter{
	width:25px;
	height:25px;
	float:right;
	margin-right:15px;
}

#btnInsta{
	width:25px;
	height:25px;
	float:right;
}

.menuBtn{
	float:right;
}

#btnTwitter,.menuBtn{
	margin-left:15px;
}

#new01{
	background:url(../images/newmark.png) no-repeat;
	background-size:cover;
	width:25px;
	height:13px;
	position:absolute;
	bottom: 110px;
	right:420px;
	z-index:10;
	 animation: Flash1 2s infinite;
}

#new02{
	background:url(../images/newmark.png) no-repeat;
	background-size:cover;
	width:25px;
	height:13px;
	position:absolute;
	bottom: 110px;
	right:250px;
	z-index:10;
	 animation: Flash1 2s infinite;
}

#new03{
	background:url(../images/newmark.png) no-repeat;
	background-size:cover;
	width:25px;
	height:13px;
	position:absolute;
	bottom: 110px;
	right:165px;
	z-index:10;
	 animation: Flash1 2s infinite;
}

/* アニメーション */
@keyframes Flash1{
  50%{
    opacity: 0.2;
  }
}


/*

logo

*/
	
#logoAll{
	background:url(../images/logo.png) no-repeat left bottom;
	background-size:contain;
	width: 30%;
	height: 29%;
	position: absolute;
	bottom: 30px;
	left: 20px;
	z-index: 11;
}

#logoAll2{
	background:url(../images/logo2.png) no-repeat left bottom;
	background-size:contain;
	width: 30%;
	height: 29%;
	position: absolute;
	bottom: 30px;
	left: 20px;
	z-index: 11;
}

#logoAll3{
	background:url(../images/logo3.png) no-repeat left bottom;
	background-size:contain;
	width: 30%;
	height: 29%;
	position: absolute;
	bottom: 10px;
	left: 20px;
	z-index: 11;
}


@media screen and (min-height : 700px){

}

@media screen and (min-height : 900px){

}


/*

catch

*/

#catch{
	background:url(../images/top/catch.png) no-repeat center top;
	background-size: auto 100%;
	width:100%;
	height:95%;
	position:absolute;
	top:0;
	left:0;
	z-index:7;
}

/*

#catchAll{
	width:100%;
	height:99%;
	position:absolute;
	top:0;
	left:0;
	z-index:7;
}

#catch01{
	background:url(../images/top/c01.png) no-repeat center;
	background-size:auto 100%;
}

#catch02{
	background:url(../images/top/c02.png) no-repeat center;
	background-size:auto 100%;
}

#catch03{
	background:url(../images/top/c03.png) no-repeat center;
	background-size:auto 100%;
}

#catch04{
	background:url(../images/top/c04.png) no-repeat center;
	background-size:auto 100%;
}

#catch05{
	background:url(../images/top/c05.png) no-repeat center;
	background-size:auto 100%;
}

#catch06{
	background:url(../images/top/c06.png) no-repeat center;
	background-size:auto 100%;
}

#catch01,#catch02,#catch03,#catch04,#catch05,#catch06{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

*/

/*

introduction

*/

#introAll{
	background:url(../images/introduction/img_intro.jpg) #fff no-repeat right top;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:40;
	display:none;
}

#introTxt{
	background: url(../images/introduction/txt_intro2.png) no-repeat left bottom;
	background-size: contain;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#introClose{
	width:60px;
	height:60px;
	position:absolute;
	top:20px;
	left:20px;
	z-index:2;
}


/*

story

*/

#storyAll{
	background: #fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:40;
	display:none;
}

/*
#storyAll{
	background: url(../images/story/bg_story.jpg) #fff no-repeat right top;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:40;
	display:none;
}


#storyTxt{
	background: url(../images/story/img_story.png) no-repeat center;
	background-size: contain;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

*/

#storyClose{
	width:60px;
	height:60px;
	position:absolute;
	top:20px;
	left:20px;
	z-index:2;
}

#story2Img{
	background: #e5eaf2 url(../images/story/img_story02a.jpg) no-repeat center top;
	background-size: auto 100%;
	width:100%;
	height:56%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#story2TxtAll{
	background:url(../images/story/img_story02.jpg) no-repeat center;
	background-size:cover;
	width:100%;
	height:44%;
	position: absolute;
	bottom:0;
	left:0;
	z-index:2;
}

#story2Title{
	background:url(../images/story/m_story02.png) no-repeat right bottom;
	background-size: auto 100%;
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}

#story2Txt{
	background: url(../images/story/txt_story02.png) no-repeat left;
	background-size: auto 100%;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}





/*

credit

*/

#creditAll{
	background:url(../images/white.png);
	width:100%;
	height:250px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:35;
	display:none;
}

#credit{
	background:url(../images/img_credit.png) no-repeat center;
	background-size:contain;
	width:689px;
	height:250px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-344.5px;
	z-index:1;
}

#credit2{
	background:url(../images/img_credit2.png) no-repeat center;
	background-size:contain;
	width:689px;
	height:250px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-344.5px;
	z-index:1;
}

#creditClose{
	width:60px;
	height:60px;
	position:absolute;
	top:5px;
	right:5px;
	z-index:2;
}


/*

bnr

*/

#bnrArea{
	width:500px;
	height:40px;
	text-align:right;
	position:absolute;
	bottom:38px;
	right:10px;
	z-index:11;
}

#bnrArea2{
	width: 450px;
	height: 35px;
	text-align: right;
	position: absolute;
	bottom: 35px;
	right: 110px;
	z-index: 30;
}

#bnrArea2 img{ margin:0 0 0 2px;}

#bnrTwitter{
	width:35px;
	height:35px;
	text-align:right;
	position:absolute;
	bottom:35px;
	right:10px;
	z-index:11;
}

#bnrInsta{
	width:35px;
	height:35px;
	text-align:right;
	position:absolute;
	bottom:35px;
	right:55px;
	z-index:11;
}

/*

tweet

*/

#tweetMark{
	background:url(../images/tweetmark.png) no-repeat;
	background-size:cover;
	width:20px;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:26;
}

#tweetMark2{
	background:url(../images/tweetmark2.png);
	width:20px;
	height:20px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:26;
}

#tweetTxt{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:2000px;
	height:10px;
	position:absolute;
	bottom:5px;
	left:30px;
	z-index:25;
	color:#000;
	font-size:10px;
	line-height:1em;
}

#tweetBg{
	background: url(../images/tweetbg.png);
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:24;
}

#tweetLink{
	width:100%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:27;
}

#tweetCover{
	background-color: #fff;
	width:290px;
	height:20px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:29;
}


/*

footer

*/

#udcastBtn{
	width:169px;
	height:30px;
	position:absolute;
	bottom: 0;
	right:0;
	z-index:32;
	display:none;
}

#tweetBtn{
	width:63px;
	height:16px;
	position:absolute;
	bottom: 5px;
	right:75px;
	z-index:31;
}

#shareBtn{
	width:63px;
	height:16px;
	position:absolute;
	bottom: 5px;
	right:5px;
	z-index:31;
}


#copyrigt{
	background: url(../images/copyright.png) no-repeat center bottom;
	background-size: contain;
	width: 129px;
	height: 10px;
	position: absolute;
	bottom: 7px;
	right: 150px;
	z-index: 31;
	opacity: 0.5;
    filter: alpha(opacity=50);  
}