.area-list .image-wrap {padding-top: 60%;}
.area-list .al-intro {margin-top: 24px; margin-bottom: 48px;}
.area-list .article--grid{margin-bottom: 24px;}
.area-list .article--grid__header .article__title .hN {height: auto; min-height: 34px; max-height: 68px; text-overflow: ellipsis;font-size: 22px !important;}
.area-featured-image {margin-bottom: 0; position: relative;}
.area-featured-image .image-wrap {padding-top: 0; background-color: #fff;}
.area-featured-image .image-wrap img {position: relative;}
.area-featured-header { position: relative; background: transparent; color: #444; padding: 1.71429rem;}
.area-featured-header h2 {color: #444; font-size: 19px !important; line-height: 28px; margin: 0;}
/*.area-featured-header:hover {background-color: #ef8400;}
.area-featured-header:hover h2 {color: #fff;}*/

.article-sub-list>li {display: block; padding-bottom: 24px;}
.article-sub-list>li>a {color: #444; cursor: pointer; display: block;}
.article-sub-list>li>a:hover {text-decoration: underline;}
.article-sub-list>li>a::after {content: ""; display: block; clear: both;}
.article-sub-list .al-sub-thumb, .article-sub-list .al-sub-title {display: table-cell; vertical-align: top;}
.article-sub-list .al-sub-thumb {width: 33.33%; padding-top: 20%; position: relative; overflow: hidden; display: inline-block; float: left;}
.article-sub-list .al-sub-thumb img {position: absolute; top: 0; left: 0; width: 100%; }
.article-sub-list .al-sub-title {width: 66.66%; padding-left: 16px; display: inline-block; float: left; line-height: 1.65;}
.article-sub-list .al-sub-title>span {display:-webkit-box; max-height: 80px; overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.article-sub-list>li:last-child {border-bottom: 0.14285rem solid #444;}

#area-select {display: block; width: 100%; margin-bottom: 24px;}
#area-select select:focus {outline: none;}
/*.custom-select {position: relative;}*/
/*.custom-select select {display: none;}*/
/*.select-selected {background-color: #fff; border: 1px solid #444; padding: 8px 32px 8px 16px;}*/
/*.select-selected:after {position: absolute; content: ""; top: 20px; right: 14px; width: 0; height: 0; border: 6px solid transparent; border-color: #444 transparent transparent transparent; }*/
/*.select-selected.select-arrow-active:after {border-color: transparent transparent #444 transparent; top: 14px; }*/
/*.select-items {margin-top: 1px; border: 1px solid #444;}*/
/*.select-items div {padding: 8px 16px; }*/
/*.select-items {position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; }*/
/*.select-hide {display: none; }*/
/*.select-items div:hover, .same-as-selected {background-color: #444; color: #fff;}*/

.area-list .article--grid__header .article__featured-image {height: auto;}

@media (min-width: 768px) {
	#area-select {display: none;}
}

@media (max-width: 767.98px) {
	.area-list .one-third {width: 50%;}
	.area-featured-header {position: relative; bottom: 0; width: 100%; padding: 0; margin: 0; display: block; background: transparent; margin-top: 24px;}
	.area-featured-header h2 {font-size: 18px; margin: 0; padding: 0; color: #fff; color: #444;}
}

@media (max-width: 599px) {
	.area-featured-image {margin-bottom: 24px;}
	.area-list .one-third,.area-list .one-half {width: 100%;}
	.area-featured-header h2 {font-size: 16.2px !important;}
}

/* digitalcover hubpage 2022/07/08 */
.digitalcover-title:after {
    /*position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: 5px;
    height: 4px;
    background-color: #f2f2f2;
    content: '';
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;*/
}

.digitalcover-title {
    position: relative;
    margin-bottom: 20px;
}
.digitalcover-title h2{
    position:relative;
    display: inline-block;  
    font-weight: bold;
    z-index:10;
    background-color: #fff;
    vertical-align: middle;
    margin: 0;
    padding: 6px 0;
    font-size: 30px !important;
    line-height: 30px;
}
@media (max-width: 767px) {
    .digitalcover-title h2{
        font-size: 28px !important;
        line-height: 28px;
    }
    .digitalcover-title {
        margin-top: 10px !important;
        margin-bottom: 8px;
    }
        
}

.area-list .article--grid__thumb .image-wrap {
    overflow: hidden;    
    padding-top: 0;
    height: 314px;    
}

@media (max-width: 1280px){
.area-list .article--grid__thumb .image-wrap {
    
    height: calc( 50vw * 1/1.91 - 24px );
   
}
}
@media (max-width: 768px){
.area-list .article--grid__thumb .image-wrap {
    
    height: calc( 50vw * 1/1.91 - 12px );
   
}
}

@media (max-width: 599px){
.area-list .article--grid__thumb .image-wrap {
    
    height: calc( 100vw * 1/1.91 - 20px );
   
}
}