@charset "utf-8";

.skinBody{
 overflow:hidden;
 /*height:382px;*/
 width:100%;
}
.skinFrame{
position:relative;
}
.skinFrame .imgBox {
height:135px;
margin:auto;
padding-top:155px;
}
.skinFrame .imgBox .warking {
height:135px;
display:block;
margin:auto;
opacity:1;
}
.skinFrame .btnBox {
width:100%;
position:absolute;
}
.skinFrame .airshipBox {
top:70px;
opacity:0;
width:150px;
position:absolute;
z-index:1000;
transform-origin: 0 50%;
}
.skinFrame .airshipBox img{
width:180px;
/*margin-left:-90px;*/
}
.skinFrame .btnBox span{
display:inline-block;
}
.skinFrame .btnBox span img{
padding-top:8px;
display:block;
margin:auto;
height:45px;
}

.img1 {
 transform:translateZ(0);
 animation:backright2 80s linear 0s infinite;
 -moz-animation:backright2 80s linear 0s infinite;
 -webkit-animation:backright2 80s linear 0s infinite;
 -o-animation:backright2 80s linear 0s infinite;
 -ms-animation:backright2 80s linear 0s infinite;
}
.img2 {
 transform:translateZ(0);
 animation:backright2 160s linear 0s infinite;
 -moz-animation:backright2 160s linear 0s infinite;
 -webkit-animation:backright2 160s linear 0s infinite;
 -o-animation:backright2 160s linear 0s infinite;
 -ms-animation:backright2 160s linear 0s infinite;
}
.img3 {
 transform:translateZ(0);
 animation:backright2 400s linear 0s infinite;
 -moz-animation:backright2 400s linear 0s infinite;
 -webkit-animation:backright2 400s linear 0s infinite;
 -o-animation:backright2 400s linear 0s infinite;
 -ms-animation:backright2 400s linear 0s infinite;
}
@keyframes backright2 {
 0% { transform:translateX(0); }
 100% { transform:translateX(1768px);}
}
@-moz-keyframes backright2 {
 0% { -moz-transform:translateX(0); }
 100% { -moz-transform:translateX(1768px); }
}
@-webkit-keyframes backright2 {
 0% { -webkit-transform:translateX(0); }
 100% { -webkit-transform:translateX(1768px); }
}
@-o-keyframes backright2 {
 0% { -o-transform:translateX(0); }
 100% { -o-transform:translateX(1768px); }
}
@-ms-keyframes backright2 {
 0% { -ms-transform:translateX(0); }
 100% { -ms-transform:translateX(1768px); }
}

@keyframes airship {
0%   {left:65%;top:65px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:65px;transform: scale(1);opacity:1;}
20%  {left:65%;top:55px;transform: scale(1);opacity:1;}
30%  {left:65%;top:65px;transform: scale(1);opacity:1;}
40%  {left:26%;top:75px;transform: scale(1);opacity:1;}
50%  {left:26%;top:73px;transform: scale(1.1);opacity:1;}
60%  {left:26%;top:63px;transform: scale(1.1);opacity:1;}
70%  {left:26%;top:73px;transform: scale(1);opacity:1;}
80%  {left:26%;top:63px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:73px;transform: scale(1);opacity:1;}
100% {left:-110px;top:73px;transform: scale(1);opacity:1;}
}
@-moz-keyframes airship {
0%   {left:65%;top:65px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:65px;transform: scale(1);opacity:1;}
20%  {left:65%;top:55px;transform: scale(1);opacity:1;}
30%  {left:65%;top:65px;transform: scale(1);opacity:1;}
40%  {left:26%;top:75px;transform: scale(1);opacity:1;}
50%  {left:26%;top:73px;transform: scale(1.1);opacity:1;}
60%  {left:26%;top:63px;transform: scale(1.1);opacity:1;}
70%  {left:26%;top:73px;transform: scale(1);opacity:1;}
80%  {left:26%;top:63px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:73px;transform: scale(1);opacity:1;}
100% {left:-110px;top:73px;transform: scale(1);opacity:1;}
}
@-webkit-keyframes airship {
0%   {left:65%;top:65px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:65px;transform: scale(1);opacity:1;}
20%  {left:65%;top:55px;transform: scale(1);opacity:1;}
30%  {left:65%;top:65px;transform: scale(1);opacity:1;}
40%  {left:26%;top:75px;transform: scale(1);opacity:1;}
50%  {left:26%;top:73px;transform: scale(1.1);opacity:1;}
60%  {left:26%;top:63px;transform: scale(1.1);opacity:1;}
70%  {left:26%;top:73px;transform: scale(1);opacity:1;}
80%  {left:26%;top:63px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:73px;transform: scale(1);opacity:1;}
100% {left:-110px;top:73px;transform: scale(1);opacity:1;}
}
@-o-keyframes airship {
0%   {left:65%;top:65px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:65px;transform: scale(1);opacity:1;}
20%  {left:65%;top:55px;transform: scale(1);opacity:1;}
30%  {left:65%;top:65px;transform: scale(1);opacity:1;}
40%  {left:26%;top:75px;transform: scale(1);opacity:1;}
50%  {left:26%;top:73px;transform: scale(1.1);opacity:1;}
60%  {left:26%;top:63px;transform: scale(1.1);opacity:1;}
70%  {left:26%;top:73px;transform: scale(1);opacity:1;}
80%  {left:26%;top:63px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:73px;transform: scale(1);opacity:1;}
100% {left:-110px;top:73px;transform: scale(1);opacity:1;}
}
@-ms-keyframes airship {
0%   {left:65%;top:65px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:65px;transform: scale(1);opacity:1;}
20%  {left:65%;top:55px;transform: scale(1);opacity:1;}
30%  {left:65%;top:65px;transform: scale(1);opacity:1;}
40%  {left:26%;top:75px;transform: scale(1);opacity:1;}
50%  {left:26%;top:73px;transform: scale(1.1);opacity:1;}
60%  {left:26%;top:63px;transform: scale(1.1);opacity:1;}
70%  {left:26%;top:73px;transform: scale(1);opacity:1;}
80%  {left:26%;top:63px;transform: scale(1);opacity:1;}
90%  {left:-110px;top:73px;transform: scale(1);opacity:1;}
100% {left:-110px;top:73px;transform: scale(1);opacity:1;}
}
@media screen and (max-width:320px){
	@keyframes airship {
0%   {left:65%;top:50px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
20%  {left:65%;top:40px;transform: scale(0.85);opacity:1;}
30%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
40%  {left:26%;top:60px;transform: scale(0.85);opacity:1;}
50%  {left:26%;top:57px;transform: scale(1.05);opacity:1;}
60%  {left:26%;top:47px;transform: scale(1.05);opacity:1;}
70%  {left:26%;top:57px;transform: scale(0.85);opacity:1;}
80%  {left:26%;top:47px;transform: scale(0.85);opacity:1;}
90%  {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
100% {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
}
@-moz-keyframes airship {
0%   {left:65%;top:50px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
20%  {left:65%;top:40px;transform: scale(0.85);opacity:1;}
30%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
40%  {left:26%;top:60px;transform: scale(0.85);opacity:1;}
50%  {left:26%;top:57px;transform: scale(1.05);opacity:1;}
60%  {left:26%;top:47px;transform: scale(1.05);opacity:1;}
70%  {left:26%;top:57px;transform: scale(0.85);opacity:1;}
80%  {left:26%;top:47px;transform: scale(0.85);opacity:1;}
90%  {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
100% {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
}
@-webkit-keyframes airship {
0%   {left:65%;top:50px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
20%  {left:65%;top:40px;transform: scale(0.85);opacity:1;}
30%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
40%  {left:26%;top:60px;transform: scale(0.85);opacity:1;}
50%  {left:26%;top:57px;transform: scale(1.05);opacity:1;}
60%  {left:26%;top:47px;transform: scale(1.05);opacity:1;}
70%  {left:26%;top:57px;transform: scale(0.85);opacity:1;}
80%  {left:26%;top:47px;transform: scale(0.85);opacity:1;}
90%  {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
100% {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
}
@-o-keyframes airship {
0%   {left:65%;top:50px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
20%  {left:65%;top:40px;transform: scale(0.85);opacity:1;}
30%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
40%  {left:26%;top:60px;transform: scale(0.85);opacity:1;}
50%  {left:26%;top:57px;transform: scale(1.05);opacity:1;}
60%  {left:26%;top:47px;transform: scale(1.05);opacity:1;}
70%  {left:26%;top:57px;transform: scale(0.85);opacity:1;}
80%  {left:26%;top:47px;transform: scale(0.85);opacity:1;}
90%  {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
100% {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
}
@-ms-keyframes airship {
0%   {left:65%;top:50px;transform: scale(0.1);opacity:1;}
10%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
20%  {left:65%;top:40px;transform: scale(0.85);opacity:1;}
30%  {left:65%;top:50px;transform: scale(0.85);opacity:1;}
40%  {left:26%;top:60px;transform: scale(0.85);opacity:1;}
50%  {left:26%;top:57px;transform: scale(1.05);opacity:1;}
60%  {left:26%;top:47px;transform: scale(1.05);opacity:1;}
70%  {left:26%;top:57px;transform: scale(0.85);opacity:1;}
80%  {left:26%;top:47px;transform: scale(0.85);opacity:1;}
90%  {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
100% {left:-110px;top:57px;transform: scale(0.85);opacity:1;}
}
}
.skinFrame .airshipBox {
top:150px;
opacity:0;
width:250px;
position:absolute;
z-index:1000;
transform-origin: 0 50%;
}
.skinFrame .airshipBox img{
/*width:250px;*/
margin-left:-90px;
}
.skinFrame .airshipBox.run img{
/*margin-left:-135px;*/
}

.tvbtn {
    display:block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
    text-align: center;
    border-radius: 35px 35px 35px 35px / 36px 36px 36px 36px;
    box-shadow: 0px 10px 8px -8px rgba(0,0,0,0.5);
    color:white;
    font-weight:bold;
    letter-spacing:-1px;
}
.bko{
    background: linear-gradient(#ff9000,#ff694f);
    background: -webkit-gradient(linear, center top, center bottom, from(#ff9000), to(#ff694f));
    background: -moz-linear-gradient(top center, #ff9000 0%, #ff694f 100%);
    opacity:0.94;
}
.bkb{
    background: linear-gradient(#90e9ff,#01afff);
    background: -webkit-gradient(linear, center top, center bottom, from(#90e9ff), to(#01afff));
    background: -moz-linear-gradient(top center, #90e9ff 0%, #01afff 100%);
    opacity:0.94;
}
.bkg{
    background: linear-gradient(#96fa65,#31d831);
    background: -webkit-gradient(linear, center top, center bottom, from(#96fa65), to(#31d831));
    background: -moz-linear-gradient(top center, #96fa65 0%, #31d831 100%);
    opacity:0.94;
}
.bky{
    background: linear-gradient(#ffdd14,#ff9c4c);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffdd14), to(#ff9c4c));
    background: -moz-linear-gradient(top center, #ffdd14 0%, #ff9c4c 100%);
    opacity:0.94;
}
.bkp{
    background: linear-gradient(#ff90f0,#ff00be);
    background: -webkit-gradient(linear, center top, center bottom, from(#ff90f0), to(#ff00be));
    background: -moz-linear-gradient(top center, #ff90f0 0%, #ff00be 100%);
    opacity:0.94;
}
.bkv{
    background: -webkit-gradient(linear, center top, center bottom, from(#dd92ff), to(#d000ff));
    background: -moz-linear-gradient(top center, #dd92ff 0%, #d000ff 100%);
    background: linear-gradient(#dd92ff,#d000ff);
    opacity:0.94;
}
.newNavi {
    margin-bottom:5px;
    padding:0 10px;
}
.newNavi ul {
    padding: 5px 0 6px 0;
}
.newNavi ul li {
    float:left;
    /*メニューが5つの時
	width:19.2%;
	*/
    margin-right:1%;
}
.newNavi ul li:last-child {
    margin-right:0;
}
.newNavi ul li a {
    padding-top:5px;
    font-size: 9px;
    font-weight: bold;
//    border: 1px solid #fab0e3;
    border: 1px solid #e72874;
    border-radius:5px;
    display: block;
    text-align: center;
//    color: #f560c7;
    color: white;
//    box-shadow: 0px 3px 0px #f560c7;
    box-shadow: 0px 3px 0px #e72874;
    background:#ff4c96;
}
.newNavi ul li a span {
    margin-top:5px;
    background:white;
    color:#ff4c96;
    border-radius:0 0 5px 5px;
    display:block;
}
.newNavi ul li a img {
    width: 24px;
    display: block;
    margin: 0 auto 3px;
}
.newNavi ul li a.blue {
    padding-top:5px;
    font-size: 9px;
    font-weight: bold;
    border: 1px solid #5dabfb;
    border-radius:5px;
    display: block;
    text-align: center;
    color: white;
    box-shadow: 0px 3px 0px #5dabfb;
    background:#368ce4;
}
.newNavi ul li a.blue span {
    margin-top:5px;
    background:white;
    color:#368ce4;
    border-radius:0 0 5px 5px;
    display:block;
}
#searchKeyword {
    margin:0;
    padding:10px;
    background:#EEE;
    border-top:1px solid #ccc;
}
.areaTopBlogNeta .box {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(100%, #EEE));
    background: -webkit-linear-gradient(top, #EEE 0%, #EEE 100%);
    background: linear-gradient(to bottom, #EEE 0%,#EEE 100%);
    box-shadow: 0px 3px 0px #999;
}
.areaTopBlogNeta .box:after {
    border-bottom: 15px solid #EEE;
}
#searchKeyword p a {
    background-color: #f08187;
    box-shadow: 0px 5px 0px #ef5d64;
}
#searchKeyword p input {
	margin: 0;
	padding: 0;
	background: white;
	border: 1px solid #555;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
        height:33px;
        border-radius:5px;
        padding-left:10px;
        width:100%;
}