.content_title_area{padding-top:80px; text-align:center;}
.content_title_area .pagetitle {position:relative; width:976px; margin:auto;}
.pageTitle p.subtitle {width:976px; margin:1em auto; text-align:left;}
.pageTitle p.subtitle span { padding:3px; font-weight:bold; background-color:#006255; color:#fff;}
.title_movie_area{display: flex; align-items: center; justify-content: center; margin-top:40px;}
.title_movie_area a{ cursor: pointer;}
.title_movie_area a:hover{opacity:0.7;transition: all 0.3s;}

#related h2{margin-top:3em;}
.card { display: flex; align-items: center; margin: 2em 0; padding: 15px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.05); text-decoration: none; transition: all 0.3s;}
.card:hover {opacity:0.8; border:1px solid #006255;}
.blog-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); transform: translateY(-2px);}
.card-thumb { flex-shrink: 0; width: 120px; margin-right: 15px; border:1px solid #CCC; }
.card-thumb img { width: 100%; display: block;}
.card-content { flex-grow: 1;}
.card-tag { display: inline-block; font-size: 0.75rem; color: #e14ece; border: 1px solid #e14ece; padding: 1px 6px; border-radius: 3px; margin-bottom: 5px;}
.card-title { margin: 0; font-size: 0.95rem; color: #333; font-weight: bold; line-height: 1.4;}
.lib-card { display: flex; background: #fff; overflow: hidden; position: relative;}
.lib-card-list { display: flex; flex-direction: column; gap: 24px; max-width: 976px; margin: 40px auto; padding: 20px;}
.lib-card-image { flex: 0 360px; height: 200px;}
.lib-card-image img { width: 100%; object-fit: cover; display: block;}
.lib-card-content { flex: 1; padding: 0 20px; display: flex; flex-direction: column; justify-content: flex-start; vertical-align: text-top;}
.lib-card-title { margin: 0 0 12px 0; font-size: 1.25rem;}
.lib-card-description { line-height: 1.6; margin-bottom: 16px;}
.lib-card-link { align-self: flex-end;  cursor: pointer; text-decoration:underline;}
.lib-card-link img{ border-radius: 15px;}
.lib-card-link:hover { opacity: 0.75;}
.lib-card a:hover { transition: opacity 0.5s ease;}
.lib-card a:hover { opacity:0.7;}
.lib-return {margin-top:60px;}
h2.mv_title{ font-size:1.5rem; border-bottom: 1px solid #DDD; padding: 20px 10px;}
h2.mv_title a{ display:block;}
h2.mv_title:hover{ background-color:#F6F6F6;}
h2.mv_title:not(:first-child){ margin-top:1.5em;}

.slider-item { display: flex; align-items: center; gap: 16px; text-decoration: none; color: #333; padding: 12px; border-radius: 8px; box-sizing: border-box;}
.slider-images { flex-shrink: 0; width: 485px; padding:20px;}
.slider-images img { width: 100%; height: 100%; object-fit: cover; border-radius:10px; border:2px solid #ccc;}
.slider-text { flex-grow: 1; padding:10px;}
.slider-title { margin: 0 0 4px 0; font-size: 1.25rem; font-weight: bold;}
.slider-desc { margin: 0; font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.my-flex-card { display: flex !important; justify-content: space-between; align-items: center;}
.mv_library {min-height:295px;}
.mv_library a{ background-color:#f3f3f3;}
.slider-text p:not(:first-child){ margin-top:1em;}
.responsive.slider a{ box-shadow: inset 0 0 0 0px #eee;}
.slick-slide:hover::after { transform: scaleX(1);}
.slick-prev::after, .slick-next::after{ border-color:#006255;}
.slider-title br,.mv_title br,.pageTitle h1 br,.lib-card-description p strong br,.lib-card-description strong br{ display:none;}
.lib-card-description strong{ padding-left:1em; text-indent:-1em; display:inline-block;}
.slider-text p:not(:first-child){ line-height:1.5;}

@media (min-width:641px){
.more_link{ position:absolute; right:20px; bottom:0px;}
}
@media (max-width: 640px) {
.lib-card { flex-direction: column;}
.lib-card-image { flex: 0 0 180px;}
.lib-card-content { padding:0px; margin:1em 0;}
.pageTitle h1{font-size:20px; text-align:left; padding:5px;}
.pageTitle h1 img{ width:100%; }
.title_movie_area{ margin-top:20px;}
.card { display: flex; flex-direction: column;}
.card img { width: 100%; height: auto; object-fit: cover;  display: block;}
.card-thumb {width:100%; margin-right:0px;}
.card-content { padding: 12px; font-size: 0.9rem; font-weight: bold; line-height: 1.4; box-sizing: border-box;}
.my-flex-card { display: flex !important; flex-direction: column; align-items: stretch; padding: 10px 0px;}
.slick-slide { align-items: flex-start;}
.slider-images { flex-shrink: 0; padding:0px; width:100%;}
.lib-card-image { flex: 0 0 auto; height:auto;}
.slider-text{ display: flex; flex-direction: column;}
.slider-text p:first-child{min-height:3rem;}
.slider-text p:not(:first-child){ margin-top:1em; min-height:90px; line-height:1.5;}
.slider-text{width:100%;}
.content_title_area { padding-top:40px;}
.content_title_area .pagetitle { position:relative; width:100%; margin:auto;}
.pageTitle p.subtitle { width:100%; margin:1em auto; text-align:left;}
.title_movie_area img { width:100%;}
.slider-title br,.mv_title br,.pageTitle h1 br,.lib-card-description p strong br{ display:block;}
h2.mv_title {padding:20px 0px; font-size:20px; line-height:1.5;}
.slider-text .sp-br{ display:none;}
}

@media (max-width: 540px) {
.lib-card-description strong br{ display:block;}
}