@charset "UTF-8";
/* CSS Document */

/* ============================================== スマートフォン ============================================================================================================================================== */


@media screen and (max-width: 769px) {
#ue {
display: none;
}
#main .ud {
display: none;
}

  /* sp トップページ */
.top_page{
display: block;
width: 100%;
height: auto;
position: absolute;
top: 70px;
}
.top_page h3{
width: 100%;
height: auto;
}
.top_page .top_img{
display: block;
width: 70%;
height: auto;
margin: 0px auto;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 61%;
z-index: 10;
}
.top_page .top_img2{
display: block;
width: 95%;
height: auto;
margin: 0px auto;
position: relative;
top: 140px;
}

#main {
width: 100%;
height: 1680px;
display: block;
margin: 0px auto 0px auto;
position: relative;
padding-bottom: 100px;
}

#main .top_list {
margin: 0px auto;
width: 80%;
height: auto;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
top: 65%;
}
#main .top_list li {
width: 70%;
height: auto;
display: block;
margin: 10px auto;
}
#main .top_list li .movie{
width: 140%;
height: auto;
display: block;
margin: 0px auto 0px -20%;
border: solid 1px #4F4F4F;
padding: 0px;
}

}