@charset "UTF-8";

.ctsArea {
padding: 20px 0 80px;
position: relative;
}
@media (max-width:768px) {
.ctsArea {padding: 0px 0 50px;
}
}
.cts-inner {
width: 100%;
max-width: 1120px;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.cts-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.cts-item {
width: calc(33.3333% - 40px);
margin: 10px 20px 30px;
border-radius: 16px;
background-color: #fff;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
}
.cts-item-img {
padding-top: 75%;
position: relative;
}
.cts-item-img img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cts-item a{text-decoration: none;}
.cts-item-info {
padding: 0px 20px 20px
}
.cts-name {
position: relative;
color: #609ed5;
font-size: 1.4rem;
letter-spacing: 0.5px;
font-weight: bold;
margin: 10px 0;
}
.cts-name02 {
font-size: 0.9rem;
}
.cts-name03 {
font-size: 1.15rem;
}

@media (max-width:1024px) {
.cts-item {
width: calc(50% - 40px);
margin: 20px 20px 0;
}
.cts-name{
font-size: 1.8rem;
}
.cts-name02,.cts-name03 {
font-size: 1.3rem;
padding: 1px 0;
}
}
@media (max-width:599px) {
.cts-item {
width: 100%;
margin: 20px 0px 0;
border-radius: 16px;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16)
}
.cts-item-img {
padding-top: 56.11940298507463%
}
.cts-item-info {
padding: 20px 20px 20px
}
.cts-name{
font-size: 1.2rem;
}
.cts-name02,.cts-name03 {
font-size: 1rem;
padding: 0px;margin: 0px;
}

}


/* -----------------------------------------------------------------
 youtube
----------------------------------------------------------------- */
.youtube{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.m_b50{margin-bottom: 50px;}


.block_movie_sub {
    width: 100%;
    margin: 75px auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block_movie_sub .item {
    flex-basis: 47%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px
}
@media (max-width:599px) {
.block_movie_sub {
    margin: 25px auto 0 auto;
}
.block_movie_sub .item {
flex-basis: 100%;    
}
}