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

}


}
  body{
    color: #5bc0de;
  }
}
ul {
list-style: none;
top: 0;
height: 30px;
margin: 0;
padding: 0;
text-align: center;
}



ul li div {
width:175px;
height: 285px;
}

ul li .tt{
display: inline-block;
position: relative;
overflow: hidden;
margin: 0 30px;
letter-spacing: 0;
}


dl dd .pre {
width:150px;
margin: 0;
font-size: 8px;
line-height: 1.2;
text-align: justify;
word-break: break-all;
}




.A01 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Kura_u.jpg");
background-repeat: no-repeat;
}

.A02 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Usa_u.jpg");
}

.A03 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Koya_u.jpg");
}


.A04 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Mae_u.jpg");
}

.A05 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Nag_u.jpg");
}


.A06 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Oza_u.jpg");
}

.A07 {
position: absolute;
top: 0;
margin: 0;
padding: 20px 25px;
box-sizing: border-box;
color: #fff;
background-image: url("../img/Ozas_u.jpg");
}



li.type2Y {
display: inline-block;
position: relative;
overflow: hidden;
margin: 0 30px;
letter-spacing: 0;
}

.type2Y {
overflow: visible;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.type2Y img {
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.type2Y div {
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.type2Y:hover img {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.type2Y div {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}

.type2Y:hover div {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}