@charset"UTF-8";
/*全体の設定*//*border:solid 1px #FFFF00確認用枠線*/
body{
	width:100%;
}
#back{
	width:100%;
	background:
	linear-gradient(-45deg, rgba(246, 255, 0, 0.8),
	rgba(255,0,161,0.8)),
	url(../images/top/top-bike.png);
	background-size:100px 100px 100% 100%;
	height:1000px;
}
#back h1{
	font-size:240px;
	font-style:italic;
	font-family:fantasy;
	color:#FFFFFF;
	margin:0;
	padding-top:150px;
	padding-left:110px;
}
/*ここまで全体の設定*/

/*下部の設定*/
#kabu{
	width:100%;
	height:300px;
	background-color:#000000;
	position:relative;
}
/*↓ナビゲーションバー*/
.nav{
	width:100%;
	overflow:hidden;
}
.dropmenu{
	*zoom: 1; 
	list-style-type: none; 
	width:960px; 
	margin: 0px auto 30px; 
	padding: 0; 
} 
.dropmenu:before, .dropmenu:after{ 
	content: ""; 
	display: table; 
} 
.dropmenu:after{ 
	clear: both; 
} 
.dropmenu li{ 
	position: relative; 
	width: 20%; 
	float: left; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
}
.dropmenu li a{ 
	display: block; 
	margin: 0; 
	padding: 15px 0 11px; 
	background:url(../images/top/hor_menu4_back1.gif); 
	color: #fff; 
	font-size: 14px; 
	line-height: 1; 
	text-decoration: none; 
	border-left:solid 1px #FFFFFF
}
.dropmenu li.first-menu a{
	border-left:none;
	display: block; 
}
.dropmenu li ul{ 
	list-style: none; 
/*	position: absolute; 
*/	z-index: 9999; 
	top: 100%; 
	left: 0; 
	margin: 0; 
	padding: 0; 
} 
.dropmenu li ul li{ 
	width: 100%; 
} 
.dropmenu li ul li a{ 
	padding: 13px 15px; 
	border-top: 1px solid #FFFFFF; 
	background:#000000;
	text-align: left; 
} 
.dropmenu li:hover > a{
	background: #000000; 
} 
.dropmenu li a:hover{ 
	background:url(../images/top/hor_menu4_back1-1.gif); 
}
#flip2 li ul {
	visibility: hidden; 
	perspective: 400px;
} 
#flip2 li:hover ul{ 
	visibility: visible; 
} 
#flip2 ul li{
	transform:rotateY(90deg); 
	transform-origin: 50% 0; 
	transition: .3s; 
} 
#flip2 li:hover li{ 
	transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
	transition-delay: .1s; 
} 
#flip2 ul li:nth-child(3) { 
	transition-delay: .2s;
}
#flip2 ul li:nth-child(4) { 
	transition-delay: .3s; 
}
#flip2 ul li:nth-child(5) { 
	transition-delay: .4s;
}
.nav ul li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #FFCC66; /* 英字の文字色 */
}
.navi ul li ul li{
	width:20%;
}
/* --- clearfix ---*/ 
#clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#clearFix {
	background:url(../images/top/hor_menu4_back1.gif);
	height:53px;
}
/*↑↑ナビゲーションバーここまで*/

/*ここからは↓↓*/
/*ひかってるアイコンの設定*/
#hikari{
	position: absolute;
	width:100%;
	padding:0px;
	top:170px;
	background-color:#000000;
}
.btn01 {
    position: absolute;
    top:0;
    margin: auto; 
    z-index: 10; 
    display: block;
    width: 35px;/*ここは画像の大きさ変更場所*/
    height: 35px;
    /* ここで動く速度とか設定 */
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.btn01:hover {
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
}
#bg7 { 
    width: 35px; 
    height:35px;
    background-color: #000000; 
    position: absolute;
    left:35%;
}
#bg6 { 
    width:35px; 
    height:35px;
    background-color: #000000; 
    position: absolute;
    left:30%;
}
#bg5 { 
    width:35px; 
    height:35px;
    background-color: #000000; 
    position: absolute;
    left:25%;
}
#bg4 { 
    width:35px; 
    height:35px;
    background-color: #000000; 
    position: absolute;
    left:20%;
}
#bg3 { 
    width:35px; 
    height:35px;
    background-color: #000000; 
    position: absolute;
    left:15%;
}
#bg2 { 
    width:35px; 
    height:35px;
    background-color: #000000; 
    position: absolute;
    left:10%;/*位置を変更*/
} 
#bg { 
    width:35px; 
    height:35px;
    background-color: #000000; 
    position: absolute;
    left:5%;
} 
.btn { 
    display: inline-block; 
    position: relative; 
    z-index: 0; 
    width:35px;/*ここは画像の大きさ変更場所*/
    height:35px;
    margin: 0; 
} 
.mainLight { 
    display: block; 
    position: absolute; 
    top: 0; 
    z-index: 2; 
    width: 35px;/*ここは画像の大きさ変更場所*/
    height: 35px;
    background-color: #ffffff; 
    border-radius: 50%; 
    transition: .2s linear; 
    -webkit-transition: .2s linear; 
    -moz-transition: .2s linear; 
    -o-transition: .2s linear; 
    box-shadow: 0 0 5px rgba(255,255,255,1); 
} 
a:hover .mainLight { 
    background-color: #52d3ff; 
    box-shadow: 0 0 10px rgba(82,211,255,1); 
} 
.ripple { 
    display: block; 
    position: absolute; 
    top: 0; 
    z-index: 1; 
    width:35px;/*ここは画像の大きさ変更場所*/
    height:35px;
    background-color: #52d3ff; 
    border-radius: 50%; 
    box-shadow: 0 0 5px rgba(82,211,255,1); 
    animation-name: rippleAnimation; 
    animation-timing-function: ease-out; 
    animation-iteration-count: infinite; 
    animation-duration: 2s; 
    -webkit-animation-name: rippleAnimation; 
    -webkit-animation-timing-function: ease-out; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 2s; 
    -moz-animation-name: rippleAnimation; 
    -moz-animation-timing-function: ease-out; 
    -moz-animation-iteration-count: infinite; 
    -moz-animation-duration: 2s; 
} 
@keyframes rippleAnimation { 
    0% { 
        transform: scale(1, 1); 
        opacity: 1; 
    } 
    100% { 
        transform: scale(2.5, 2.5); 
        opacity: 0; 
    } 
} 
@-webkit-keyframes rippleAnimation { 
    0% { 
        -webkit-transform: scale(1, 1); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: scale(2.5, 2.5); 
        opacity: 0; 
    } 
} 
@-moz-keyframes rippleAnimation { 
    0% { 
        -moz-transform: scale(1, 1); 
        opacity: 1; 
    } 
    100% { 
        -moz-transform: scale(2.5, 2.5); 
        opacity: 0; 
    } 
} 
/*ここまで↑↑*/
/*ひかってるアイコンの設定*/

/* フッター */
footer{
	clear:both;
	width:100%;
	height:40px;
	background-color:#000000;
	color:#FFFFFF;
	margin-top:100px;
	padding:0;
	border-top:dotted 1px #FFFFFF;
}
small{
	color:#FFFFFF;
	display:block;
	text-align:center;
	margin-bottom:5px;
}
footer p{
	margin:0;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
	font-size:22px;
}
footer p span{
	font-weight:nomal;
	font-size:12px;
}