@charset "UTF-8";

@media all and (max-width:480px){
    
    .content-right{display: none}

}
@media all and (min-width:481px) and (max-width:900px){
    
    .content-right{display: none}

}
@media all and (min-width:901px) and (max-width:1024px){
    
    .content-right{display: none}

}
@media all and (min-width:1025px) and (max-width:1279px){

    .content-right .right-list-box{width:245.75px}
    .content-right .right-list-box .content-right-issue ul li figure{overflow: hidden;height: 130px}
    .content-right .right-list-box .content-right-issue ul li figure img{object-fit: cover;min-height: 100%}
    
    .content-right .right-list-box .content-right-related .news-image figure{max-height: 160px !important;overflow: hidden !important}
    .content-right .right-list-box .content-right-related .news-image figure img{object-fit: cover !important;min-height: 100% !important}

    .content-right .right-list-box .content-right-nwreport ul li figure{overflow: hidden;height: 130px}
    .content-right .right-list-box .content-right-nwreport ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-list-box .content-right-shorts ul li figure{overflow: hidden;height: 130px}
    .content-right .right-list-box .content-right-shorts ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-list-box .content-right-life .news-image figure{overflow: hidden;max-height: 174px}

    .content-right .right-list-box #missingchild-area > div:first-child{font-size: 14px}
    .content-right .right-list-box .missingchild-content > div a div:first-child{font-size: 14px}

    .content-right .right-view-box{width: 192px}
    .content-right .right-view-box .content-right-issue ul li figure{overflow: hidden;height: 130px}
    .content-right .right-view-box .content-right-issue ul li figure img{object-fit: cover;min-height: 100%}
    
    .content-right .right-view-box .content-right-related .news-image figure{max-height: 160px !important;overflow: hidden !important}
    .content-right .right-view-box .content-right-related .news-image figure img{object-fit: cover !important;min-height: 100% !important}

    .content-right .right-view-box .content-right-nwreport ul li figure{overflow: hidden;height: 130px}
    .content-right .right-view-box .content-right-nwreport ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-view-box .content-right-shorts ul li figure{overflow: hidden;height: 118px}
    .content-right .right-view-box .content-right-shorts ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-view-box .content-right-life .news-image figure{overflow: hidden;max-height: 174px}

    .content-right .right-view-box #missingchild-area > div:first-child{font-size: 12px}
    .content-right .right-view-box .missingchild-content > div a div:first-child{font-size: 12px}
}
@media all and (min-width:1280px){

    .content-right .right-list-box{width:281.19px}
    .content-right .right-list-box .content-right-issue ul li figure{overflow: hidden;height: 160px}
    .content-right .right-list-box .content-right-issue ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-list-box .content-right-related .news-image figure{max-height: 160px !important;overflow: hidden !important}
    .content-right .right-list-box .content-right-related .news-image figure img{object-fit: cover !important;min-height: 100% !important}

    .content-right .right-list-box .content-right-nwreport ul li figure{overflow: hidden;height: 160px}
    .content-right .right-list-box .content-right-nwreport ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-list-box .content-right-shorts ul li figure{overflow: hidden;height: 160px}
    .content-right .right-list-box .content-right-shorts ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-list-box .content-right-life .news-image figure{overflow: hidden;max-height: 242px}

    .content-right .right-list-box #missingchild-area > div:first-child{font-size: 14px}
    .content-right .right-list-box .missingchild-content > div a div:first-child{font-size: 14px}

    .content-right .right-view-box{width: 216px}
    .content-right .right-view-box .content-right-issue ul li figure{overflow: hidden;height: 160px}
    .content-right .right-view-box .content-right-issue ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-view-box .content-right-related .news-image figure{max-height: 160px !important;overflow: hidden !important}
    .content-right .right-view-box .content-right-related .news-image figure img{object-fit: cover !important;min-height: 100% !important}

    .content-right .right-view-box .content-right-nwreport ul li figure{overflow: hidden;height: 160px}
    .content-right .right-view-box .content-right-nwreport ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-view-box .content-right-shorts ul li figure{overflow: hidden;height: 118px}
    .content-right .right-view-box .content-right-shorts ul li figure img{object-fit: cover;min-height: 100%}

    .content-right .right-view-box .content-right-life .news-image figure{overflow: hidden;max-height: 242px}

    .content-right .right-view-box #missingchild-area > div:first-child{font-size: 14px}
    .content-right .right-view-box .missingchild-content > div a div:first-child{font-size: 14px}
}

.content-right{float: right;width:24%;position: relative;min-height:3700px;}
.content-right .right-list-box{ position:absolute; left:0; top:0; }
.content-right .right-list-box .content-right-related{margin: 0 0 30px 0;border-top:1px solid #004a87;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding: 20px 0}
.content-right .right-list-box .content-right-related .title{margin: 0 0 10px 0;padding: 0 15px}
.content-right .right-list-box .content-right-related .title span{font-size: 20px;letter-spacing: -.065em}

.content-right .right-list-box .content-right-related ul li{padding: 10px 15px;border-bottom: 1px solid #ccc}
.content-right .right-list-box .content-right-related ul li:nth-child(1) .news-image{margin: 0 0 10px 0}
.content-right .right-list-box .content-right-related ul li:nth-child(1) .related-number{color: #004a87}
.content-right .right-list-box .content-right-related ul li:nth-child(2) .related-number{color: #004a87}
.content-right .right-list-box .content-right-related ul li:nth-child(3) .related-number{color: #004a87}
.content-right .right-list-box .content-right-related ul li:hover{cursor: pointer;background: #f8f8f8}
.content-right .right-list-box .content-right-related ul li:last-child{border:none}

.content-right .right-list-box .content-right-related .news-text{overflow: hidden;padding: 0 2.5%}
.content-right .right-list-box .content-right-related .news-text .related-number{float: left;width: 10%}
.content-right .right-list-box .content-right-related .news-text .related-number span{font-size: 22px}
.content-right .right-list-box .content-right-related .news-text .headline{
    float: right;
    width: 90%;
    font-size: 16px;
    margin: 4px 0 0 0;
    font-weight: 500;
    letter-spacing: -.065em;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-right .right-list-box .view-ad-shot{margin: 0 0 20px 0;width: 100%}
.content-right .right-list-box .view-ad-shot ul{overflow: hidden;height: 103px;width: 100%}
.content-right .right-list-box .view-ad-shot ul li{float: left;}
.content-right .right-list-box .view-ad-shot ul li:hover{cursor: pointer}
.content-right .right-list-box .view-ad-shot ul li img{object-fit: contain;width: 100%;display: inline-block;vertical-align: middle}

.content-right .right-list-box .view-ad-long{border:1px solid #ccc;margin: 0 0 30px 0;text-align: center;padding: 20px 0}
.content-right .right-list-box .view-ad-long figure{width: 70%;margin: 0 auto;display: inline-block}

.content-right .right-list-box .content-right-life{border: 1px solid #ccc;padding: 20px 20px;margin: 0 0 30px 0}
.content-right .right-list-box .content-right-life .title{margin: 0 0 10px 0}
.content-right .right-list-box .content-right-life .title span{
    font-size: 20px;
    letter-spacing: -.065em;
}
.content-right .right-list-box .content-right-life ul{overflow: hidden}
.content-right .right-list-box .content-right-life ul li{float: left}
.content-right .right-list-box .content-right-life ul li article:hover{cursor: pointer}

.content-right .right-list-box .content-right-life .title .category{
    font-size: 14px;
    color: #004a87;
    letter-spacing: -.065em;
    line-height: 35px;
}

.content-right .right-list-box .content-right-life .news-text .headline{
    font-weight: 500;
    font-size: 18px;
    margin: 5px 0 0 0;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.content-right .right-list-box .content-right-shorts{border: 1px solid #ccc;padding: 15px 15px 20px 15px;margin: 0 0 30px 0}
.content-right .right-list-box .content-right-shorts .title{margin: 0 0 10px 0}
.content-right .right-list-box .content-right-shorts .title span{
    font-size: 20px;
    letter-spacing: -.065em;
}
.content-right .right-list-box .content-right-shorts ul{overflow: hidden}
.content-right .right-list-box .content-right-shorts ul li{float: left}
.content-right .right-list-box .content-right-shorts ul li article:hover{cursor: pointer}

.content-right .right-list-box .content-right-shorts .title .category{
    font-size: 14px;
    color: #004a87;
    letter-spacing: -.065em;
    line-height: 35px;
}

.content-right .right-list-box .content-right-shorts .news-text .headline{
    font-weight: 500;
    font-size: 16px;
    margin: 5px 0 0 0;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.content-right .right-list-box .content-right-shorts .news-image{position: relative}
.content-right .right-list-box .content-right-shorts .news-image .play-icon{
    width: 40px !important;
    height: 30px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    border-radius: 10px !important;
    overflow: hidden;
}
.content-right .right-list-box .content-right-shorts .news-image .play-icon img{
    width: 40px !important;
    height: 30px !important;
}

.content-right .right-list-box .content-right-issue{border:1px solid #ccc;padding: 20px;margin: 0 0 30px 0;background: #f1f1f1}
.content-right .right-list-box .content-right-issue .title{margin: 0 0 10px 0;overflow: hidden}
.content-right .right-list-box .content-right-issue .title span:nth-child(1){
    font-size: 20px;
    letter-spacing: -.065em;
    float: left;
}
.content-right .right-list-box .content-right-issue .title span:nth-child(2){float: right;letter-spacing: -.065em}

.content-right .right-list-box .content-right-issue ul li{border-bottom: 1px solid #ccc}
.content-right .right-list-box .content-right-issue ul li:last-child{border: none}
.content-right .right-list-box .content-right-issue ul li:hover{cursor: pointer}
.content-right .right-list-box .content-right-issue .news-text{padding: 10px 0}
.content-right .right-list-box .content-right-issue .news-text .headline{
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.right-view-box{width: 216px; position:absolute; left:0; top:0;}
.content-right .right-view-box .content-right-related{margin: 0 0 30px 0;border-top:1px solid #004a87;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding: 20px 0}
.content-right .right-view-box .content-right-related .title{margin: 0 0 10px 0;padding: 0 15px}
.content-right .right-view-box .content-right-related .title span{font-size: 20px;letter-spacing: -.065em}

.content-right .right-view-box .content-right-related ul li{padding: 10px 15px;border-bottom: 1px solid #ccc}
.content-right .right-view-box .content-right-related ul li:nth-child(1) .news-image{margin: 0 0 10px 0}
.content-right .right-view-box .content-right-related ul li:nth-child(1) .related-number{color: #004a87}
.content-right .right-view-box .content-right-related ul li:nth-child(2) .related-number{color: #004a87}
.content-right .right-view-box .content-right-related ul li:nth-child(3) .related-number{color: #004a87}
.content-right .right-view-box .content-right-related ul li:hover{cursor: pointer;background: #f8f8f8}
.content-right .right-view-box .content-right-related ul li:last-child{border:none}

.content-right .right-view-box .content-right-related .news-text{overflow: hidden;padding: 0 2.5%}
.content-right .right-view-box .content-right-related .news-text .related-number{float: left;width: 10%}
.content-right .right-view-box .content-right-related .news-text .related-number span{font-size: 22px}
.content-right .right-view-box .content-right-related .news-text .headline{
    float: right;
    width: 90%;
    font-size: 16px;
    margin: 4px 0 0 0;
    font-weight: 500;
    letter-spacing: -.065em;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-right .right-view-box .view-ad-shot{margin: 0 0 30px 0;width: 100%}
.content-right .right-view-box .view-ad-shot ul{overflow: hidden;height: 103px;width: 100%}
.content-right .right-view-box .view-ad-shot ul li{float: left;}
.content-right .right-view-box .view-ad-shot ul li:hover{cursor: pointer}
.content-right .right-view-box .view-ad-shot ul li img{object-fit: contain;width: 100%;display: inline-block;vertical-align: middle}

.content-right .right-view-box .view-ad-long{border:1px solid #ccc;margin: 0 0 30px 0;text-align: center;padding: 20px 0}
.content-right .right-view-box .view-ad-long figure{width: 70%;margin: 0 auto;display: inline-block}

.content-right .right-view-box .content-right-life{border: 1px solid #ccc;padding: 20px 20px;margin: 0 0 30px 0}
.content-right .right-view-box .content-right-life .title{margin: 0 0 10px 0}
.content-right .right-view-box .content-right-life .title span{
    font-size: 20px;
    letter-spacing: -.065em;
}
.content-right .right-view-box .content-right-life ul{overflow: hidden}
.content-right .right-view-box .content-right-life ul li{float: left}
.content-right .right-view-box .content-right-life ul li article:hover{cursor: pointer}

.content-right .right-view-box .content-right-life .title .category{
    font-size: 14px;
    color: #004a87;
    letter-spacing: -.065em;
    line-height: 35px;
}

.content-right .right-view-box .content-right-life .news-text .headline{
    font-weight: 500;
    font-size: 18px;
    margin: 5px 0 0 0;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.content-right .right-view-box .content-right-shorts{border: 1px solid #ccc;padding: 15px 15px 20px 15px;margin: 0 0 30px 0}
.content-right .right-view-box .content-right-shorts .title{margin: 0 0 10px 0}
.content-right .right-view-box .content-right-shorts .title span{
    font-size: 20px;
    letter-spacing: -.065em;
}
.content-right .right-view-box .content-right-shorts ul{overflow: hidden}
.content-right .right-view-box .content-right-shorts ul li{float: left}
.content-right .right-view-box .content-right-shorts ul li article:hover{cursor: pointer}

.content-right .right-view-box .content-right-shorts .title .category{
    font-size: 14px;
    color: #004a87;
    letter-spacing: -.065em;
    line-height: 35px;
}

.content-right .right-view-box .content-right-shorts .news-text .headline{
    font-weight: 500;
    font-size: 16px;
    margin: 5px 0 0 0;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.content-right .right-view-box .content-right-shorts .news-image{position: relative}
.content-right .right-view-box .content-right-shorts .news-image .play-icon{
    width: 40px !important;
    height: 30px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    border-radius: 10px !important;
    overflow: hidden;
}
.content-right .right-view-box .content-right-shorts .news-image .play-icon img {
    width: 40px !important;
    height: 30px !important;
}

.content-right .right-view-box .content-right-issue{border:1px solid #ccc;padding: 20px;margin: 0 0 30px 0;background: #f1f1f1}
.content-right .right-view-box .content-right-issue .title{margin: 0 0 10px 0;overflow: hidden}
.content-right .right-view-box .content-right-issue .title span:nth-child(1){
    font-size: 20px;
    letter-spacing: -.065em;
    float: left;
}
.content-right .right-view-box .content-right-issue .title span:nth-child(2){float: right;letter-spacing: -.065em}

.content-right .right-view-box .content-right-issue ul li{border-bottom: 1px solid #ccc}
.content-right .right-view-box .content-right-issue ul li:last-child{border: none}
.content-right .right-view-box .content-right-issue ul li:hover{cursor: pointer}
.content-right .right-view-box .content-right-issue .news-text{padding: 10px 0}
.content-right .right-view-box .content-right-issue .news-text .headline{
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.view-ad-shot{width: 100%}

#missingchild-area{
    border:1px solid #004b88;
    width: 99%;
    margin:17px auto;
}
#missingchild-area > div > div{}
#missingchild-area > div:first-child{
    text-align: center;
    background: #004b88;
    color: #fff;
    padding: 10px 0px 10px 0;
    font-weight: bold
}
#missingchild-area > div:nth-child(2){padding: 5px;min-height: 90px}

.missingchild-title{
    text-align:center;
    background:#004b88;
    color:#fff;
    font-size:12px;
    padding:10px 0px 10px 0px;
    font-weight:bold;
    letter-spacing: -.065em;
}
.missingchild-content{
    padding:5px;
    min-height:90px;
    overflow: hidden;
    position: relative;
}

.missingchild-content > div{float: left;width: 69%;font-size: 12px;letter-spacing: -.065em}
.missingchild-content > div a div:first-child{font-weight: 600;margin: 0 0 2px 0}
.missingchild-content > div > div{position: absolute;right: 0;bottom: 0}
.missingchild-content > div > div > a{position: absolute;right: 5px;bottom: 5px}

.missingchild-content .missingchild-image{
    display:inline;
    width:30%;
    height:90px;
    margin: 0 1% 0 0;
}
.missingchild-content .missingchild-image img{width: 100%;display: inline-block}

.content-right-nwreport{border:1px solid #ccc;padding: 15px 15px 5px 15px;margin: 0 0 10px 0}
.content-right-nwreport .title{display: inline-block;margin: 0 0 10px 0}
.content-right-nwreport .title span{
    font-size: 20px;
    letter-spacing: -.065em;
}
.content-right-nwreport ul li{border-bottom: 1px solid #ccc;padding: 2px 0 7px 0;margin: 0 0 5px 0}
.content-right-nwreport ul li:last-child{border-bottom: none}
.content-right-nwreport .headline{
    font-size: 16px;
    line-height: 26px;
    max-height: 52px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -.065em;
}

.content-right-governance{border:1px solid #ccc;padding: 15px 15px;margin: 0 0 10px 0}
.content-right-governance .title{background: #004b88;display: inline-block;margin:0 0 4px 0}
.content-right-governance .title span{color: #fff;padding: 4px 8px}

.content-right-governance li{padding:4px 0}
.content-right-governance li:nth-child(2){border-bottom: 1px dashed #ccc;padding: 5px 0 10px 0;margin: 0 0 5px 0}
.content-right-governance li .headline{
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    max-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    letter-spacing: -.065em;
}

.content-right-blockstreet{margin: 25px auto;border:1px solid #ccc;border-top:1px solid #124982}
.content-right-blockstreet .title{padding: 0 20px;border-bottom: 1px solid #ccc;overflow: hidden}
.content-right-blockstreet .title span{display: inline-block}
.content-right-blockstreet .title span img{width: 130px}
.content-right-blockstreet .title span:first-child{
    float: left;
    margin: 21px auto 18px auto;
}
.content-right-blockstreet .title span:last-child{
    float: right;
    font-size: 11px;
    letter-spacing: -.065em;
    border:1px solid #ccc;
    border-radius: 20px;
    padding: 5px 10px;
    margin: 16px 0 0 0;
}
.content-right-blockstreet .title span:last-child a{display: inline-block;width: 100%;height: 100%}
.content-right-blockstreet .title span:last-child:hover{cursor: pointer;background: #222;color: #fff;transition: 1s}

.content-right-blockstreet ul li{border-bottom: 1px dashed #ccc;padding: 10px 0}
.content-right-blockstreet ul li:last-child{border-bottom: none}
.content-right-blockstreet ul li:hover{cursor: pointer;background: #f1f1f1}
.content-right-blockstreet ul li article{padding: 0 23px}
.content-right-blockstreet ul li article p span{
    font-size: 16px;
    letter-spacing: -.065em;
    line-height: 22px;
    height: 44px;
    margin: 0 0 2px 0;
    
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}