@charset "UTF-8";
@import url("base.css");

/* =========================================================
ムービー
========================================================= */
#movie{ padding-bottom: 80px;}
#movie .movie_inner{ box-sizing: border-box;}

#movie .movie_list{ display: flex; flex-wrap: wrap;}

#movie .movie_list li.item{ box-sizing: border-box; width: 33.33%; padding: 1px 1px 9px 1px;}
#movie .movie_list li.item .item_inner{ box-sizing: border-box; background: #fff; border-radius: 10px; padding: 15px; height: 525px;}

#movie .movie_list li.item .item_inner h3{ height: 25px; line-height: 25px; font-size: 14px; color: #fff; border-radius: 13px 13px 13px 13px / 50% 50% 50% 50%; text-align: center; margin-bottom: 10px; padding: 0 15px;}
#movie .movie_list li.item .item_inner.item_staff h3{ background: #60afff;}
#movie .movie_list li.item .item_inner.item_cast h3{ background: #f995d0;}

#movie .movie_list li.item .item_inner video{ width: 100%; aspect-ratio: 16/9; margin-bottom: 5px;}
#movie .movie_list li.item .item_inner h4{ box-sizing: border-box; font-size: 15px; font-weight: bold; margin-bottom: 5px; position: relative; padding-left: 19px;}
#movie .movie_list li.item .item_inner h4 i{ position: absolute; top: 5px; left: 0;}
#movie .movie_list li.item .item_inner.item_staff h4{ color: #60afff;}
#movie .movie_list li.item .item_inner.item_cast h4{ color: #f995d0;}

#movie .movie_list li.item .item_inner .txt{ box-sizing: border-box; padding: 10px; border: 2px solid #f5f5f5; border-radius: 7px;}