﻿/* �V���f�� CSS*/
/* �g�s�b�N�X�@CSS*/
.whatsnew {}

@media print, screen and (min-width: 768px)
 {
    .whatsnew {
        width: 520px;
    }
    .whatsnew__edge {
        max-width: 100%;
        margin: 0 10px 20px 10px;
    }
}

@media print, screen and (max-width: 767px) {
    .whatsnew__edge {
        max-width: 100%;
        margin: 0 0 20px 0;
    }
}    

.whatsnew-container {
    padding: 0px;
}

.whatsnew__item {
    font-size:  1.1em;
    text-align: left;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 7px 15px 5px 15px;
    list-style: none;
}

.whatsnew__item a {}

.whatsnew__item a:hover {}

.whatsnew__item:nth-last-child(1) {
    border-bottom-style: none;
    padding: 5px 0px;
    text-align: right;
}

.whatsnew__comment {
     padding-top: 5px;     
}

.whatsnew__info {
    display: flex;
    justify-content: flex-end;
}

.whatsnew__divname{
    font-size: 0.9em;
    margin: 0;
    flex-grow: 0;
}

.whatsnew__update {
    font-size: 0.9em;
    display: block;
    flex-grow: 0;
    margin: 0;
    margin-left: 10px;
}


.whatsnew_container{
    padding: 10px;
}

.whatsnew_item{	

}

.whatsnew_update {
	-webkit-box-flex: 0;
	-ms-flex: auto;
	    flex: auto;
}

.whatsnew_comment {
    font-size: 1em;
    margin-left: 10px;
}

.whatsnew_divname {
    display: none;
}

.whatsnew_button{
    width: 100%;
    text-align: right;
}

@media print, screen and (min-width: 768px)
 {
	.whatsnew_update {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 20%;
		    flex: 0 1 20%;
	}
	.whatsnew_comment {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		    flex: 1;
	}
}


/* alllist-whatsnew CSS*/
.alllist-whatsnew {}

@media print, screen and (min-width: 768px)
 {
    .alllist-whatsnew {
        max-width: 100%;
    }    
    .alllist-whatsnew__edge {
        max-width: 100%;
        margin: 0 10px 20px 10px;
    }
}

@media print, screen and (max-width: 767px) {
    .alllist-whatsnew__edge {
        max-width: 100%;
        margin: 0 0px;
    }
}    

.alllist-whatsnew-container {
    padding: 0px;
}

.alllist-whatsnew__item {
    font-size:  1.1em;
    text-align: left;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 7px 15px 5px 15px;
    list-style: none;
}

.alllist-whatsnew__item a {}

.alllist-whatsnew__item a:hover {}

.alllist-whatsnew__item:nth-last-child(1) {
    border-bottom-style: none;
    padding: 5px 0px;
    text-align: right;
}

.alllist-whatsnew__comment {
     padding-top: 5px;     
}

.alllist-whatsnew__info {
    display: flex;
    justify-content: flex-end;
}

.alllist-whatsnew__divname{
    font-size: 0.9em;
    margin: 0;
    flex-grow: 0;
}

.alllist-whatsnew__update {
    font-size: 0.9em;
    display: block;
    flex-grow: 0;
    margin: 0;
    margin-left: 20px;
}


.alllist-whatsnew_container{
    padding: 10px;
}

.alllist-whatsnew_item{	

}

.alllist-whatsnew_update {
	-webkit-box-flex: 0;
	-ms-flex: auto;
	    flex: auto;
}

.alllist-whatsnew_comment {
    font-size: 1em;
    margin-left: 10px;
}

.alllist-whatsnew_divname {
    display: none;
}

.alllist-whatsnew_button{
    width: 100%;
    text-align: right;
}

@media print, screen and (min-width: 768px)
 {
	.alllist-whatsnew_update {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 20%;
		    flex: 0 1 20%;
	}
	.alllist-whatsnew_comment {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		    flex: 1;
	}
}}