.section__contents { padding: 90px 0; }
@media (max-width: 767px) { .section__contents { padding: 45px 0; } }

.page-title { padding-bottom: 60px; margin-bottom: 60px; } 
@media (max-width: 767px) { .page-title { padding-bottom: 30px; margin-bottom: 30px; } }

@media (min-width: 768px) { .page-list .col-list-item:nth-child(odd) { padding-right: 80px; }
  .page-list .col-list-item:nth-child(even) { padding-left: 80px; border-left: 1px solid rgba(151, 151, 151, 0.18); } }
.page-list .col-title { margin-bottom: 50px; }
.page-list .col-list .card-item { position: relative; padding-bottom: 44px; }
.page-list .col-list .card-item .card-link { display: block; }
@media (min-width: 1180px) { .page-list .col-list .card-item .card-link { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.page-list .col-list .card-item .card-link:hover .card-image .image { box-shadow: 0 40px 36px -27px rgba(74, 143, 179, 0.33); }
@media (min-width: 1180px) { .page-list .col-list .card-item .card-image { -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; } }
@media (max-width: 1179px) { .page-list .col-list .card-item .card-image { margin-bottom: 20px; } }
.page-list .col-list .card-item .card-image .image { padding-top: 85%; border-radius: 5px; border: 1px solid #eee; }
@media (max-width: 1179px) { .page-list .col-list .card-item .card-image .image { padding-top: 55%; } }
@media (min-width: 1180px) { .page-list .col-list .card-item .card-text { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding-left: 55px; } }
@media (min-width: 1180px) and (max-width: 1279px) { .page-list .col-list .card-item .card-text { padding-left: 25px; } }

.page-list .col-list .card-item .card-text > div { position: relative; padding-bottom: 50px; height: 100%; }
.page-list .col-list .card-item .card-text .card-title { max-height: 54px; overflow: hidden; }
.page-list .col-list .card-item .card-text .card-desc { max-height: 48px; overflow: hidden; }
.page-list .col-list .card-item .card-text .card-bottom { position: absolute; bottom: 5px; left: 0; width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.page-list .col-list .card-item .card-text .card-bottom .card-author { max-height: 38px; overflow: hidden; }
.page-list .col-list .card-item .card-text .card-bottom .card-author > div { max-width: 130px; }
@media (min-width: 768px) { .page-list .col-list .card-item .card-remove { position: absolute; top: 10px; right: 10px; opacity: 0; } }
.page-list .col-list .card-item .card-remove a { color: #EF1137; }
.page-list .col-list .card-item .card-remove a:hover { color: #c00d2c; }
@media (min-width: 768px) { .page-list .col-list .card-item:hover .card-link { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -o-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); }
  .page-list .col-list .card-item:hover .card-remove { opacity: 1; } }

/*# sourceMappingURL=bookmark.css.map */
