@charset "utf-8";
/* CSS Document */


.article-program{padding: 1em;border-top: 1px solid #e5e5e5;margin-top: 2em;}
.article-program-figure{}
.article-program-image{}
.article-program-title{color: #20a399;font-size: 1.2em;margin-top: 1em;margin-bottom: 0.5em;}
.article-program-action{display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-top: 1em;flex-wrap: wrap;}
.article-program-action-rate{width: 100%;margin-bottom: 1em;font-size: 0.9em;}
.article-program-action-rate-star{color: #20a399;margin-right: 1em;}
.article-program-action-link{margin-right: 0.5em;}
.article-program-action-link-btn{display:inline-block;color: #20a399;border: 1px solid #20a399;padding: 0.2em 0.6em;}
.article-program-action .article-program-action-link:nth-child(2){margin-left: auto !important;}

/*関連プログラム*/
.list-category-links{display: flex;flex-wrap:wrap ;gap:1em;margin-top: 2em;}
.list-category-links-item{display: inline-block;}
.list-category-links-item-url{display: inline-block;padding:0.4em 1em ;border: 1px solid #e5e5e5;background-image: url(../images/chevron_right_black_24dp.svg); background-repeat: no-repeat; background-size: 1em auto; background-position: right 0.5em top 50%;font-size: 0.9em;padding-right: 1.5em;transition: background-color 0.3s ease-out;}
.list-category-links-item-url:hover,
.list-category-links-item-url:active,
.list-category-links-item-url:focus {background-color: #20a399;color: #FFF;background-image: url(../images/chevron_right_black_24dp-white.svg);}




@media (min-width: 768px){
.article-program{display: flex;flex-wrap:wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;margin-top: 0;padding: 1.5em 0;}
.article-program-inner {display: flex;width: 100%;margin-bottom: 1em;}
.article-program-figure {width: 8em;flex-shrink: 0;margin-right: 1em;}
.article-program-body {width: calc(100% - 9em);}
.article-program-title{margin-top: 0;}
.article-program-action-rate{width: auto;margin-bottom: 0;}
.article-program-action {width: 100%;margin-top: auto;}
.article-program-action-rate-star{margin-left: 0.5em;}
.article-program-action .article-program-action-link:nth-child(2){margin-left: auto !important;}
}