.m-media-card-section{color:#fff;width:100%}.m-media-card-section *{box-sizing:border-box}.m-media-card-section .title-header{align-items:center;display:flex}.m-media-card-section .title-header .main-title{border-left:4px solid #3b3b3b;display:inline-block;font-size:2.8rem;line-height:1;padding:0 0 2px 16px}.m-media-card-section .title-header .button{background:#fff;border:1px solid #1d2088;color:#1d2088;display:inline-block;margin:0 0 0 28px;max-width:180px;width:100%}.m-media-card-section .title-header .button:hover{background:#1d2088;color:#fff;opacity:.7}.m-media-card-section .column-block{display:flex;flex-wrap:wrap;justify-content:space-between}.m-media-card-section .column-block:after{content:"";display:block;width:30.8%}.m-media-card-section .title-header+.column-block{margin-top:30px}.m-media-card-section .column{margin:0 0 40px;width:30.8%}.m-media-card-section .column>a{background:#fff;color:#3b3b3b;display:block;padding:8px 8px 40px;transition:opacity .3s}.m-media-card-section .column>a:hover{opacity:.7;text-decoration:none}.m-media-card-section .column>a .content,.m-media-card-section .column>a .subtitle,.m-media-card-section .column>a .title{transition:opacity .3s}.m-media-card-section .column>a:hover .content,.m-media-card-section .column>a:hover .subtitle,.m-media-card-section .column>a:hover .title{opacity:.7}.m-media-card-section .image{text-align:center}.m-media-card-section .title{font-family:Montserrat,Noto Sans JP,sans-serif;font-size:2.2rem;font-weight:200;line-height:1;margin:0;padding:0}.m-media-card-section p{margin:10px 0 0;padding:0}.m-media-card-section .media-name{font-size:1.8rem;line-height:1.4;margin:10px 0;padding:0 16px;text-align:center}.m-media-card-section .content{letter-spacing:.013em;padding:0 4px}.m-media-card-section .button{background:transparent;border:1px solid #1d2088;border-radius:50px;color:#1d2088;display:block;margin:30px auto 0;max-width:170px;padding:5px;transition:opacity .3s,background .3s,color .3s}.m-media-card-section .button .text{font-size:1.4rem}.m-media-card-section .column>a:hover .button{background:#1d2088;color:#fff}.m-media-card-section .movie-link a{background:url(https://osakametro-adera.jp/hubfs/ADERA_August2022/Images/digital-signage/icon-movie.svg) no-repeat 0;background-size:20px;color:#1d2088;display:block;line-height:1.5;padding-left:26px}.m-media-card-section .movie-link a .text{transition:opacity .3s}.m-media-card-section .movie-link a .text:after{background:#1d2088;content:"";display:block;height:1px;transition:width .3s;width:0}.m-media-card-section .movie-link a:hover{opacity:.7;text-decoration:none}.m-media-card-section .movie-link a:hover .text:after{width:100%}@media(max-width:767px){.m-media-card-section .title-header{display:block}.m-media-card-section .title-header .main-title{border-left:2px solid #3b3b3b;display:block;font-size:1.8rem;line-height:1.3;padding:0 0 2px 14px}.m-media-card-section .title-header .button{margin:10px 0 0}.m-media-card-section .column-block{margin-top:40px}.m-media-card-section .column{margin:0 0 40px;padding:0;width:100%}.m-media-card-section .column:last-child{margin-bottom:60px}.m-media-card-section .media-name{font-size:1.6rem;padding:0}.m-media-card-section .content{padding:0}.m-media-card-section .movie-link a{font-size:1.4rem}}