@charset "utf-8";

@media only screen and (max-width:850px) {
.ill{
    display: none;
}	
}

@media only screen and (min-width:851px) {
.ill{
    width: 410px;
    height: auto;
    position: absolute;
    bottom: 10%;
    left: 68%;
}
.ill img{
    width: 100%;
    height: auto;
}	
}	
	
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュース　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュース　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュース　ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:421px) {
.icon{
    width: 250px;
    margin-bottom: 30px;
    float: right;
    margin-top: 0px;
    text-align: left;
    margin-left: 15px;
}
.icon_in{
    width: 140px;
    text-align: right;
    float: left;
    margin-right: 3px;
}
.icon_in img{
    width: 140px;
    height: auto;
}
}

@media only screen and (min-width:420px) and (max-width:650px){
.icon{
    width: 100%;
    float: left;
    margin-top: 0px;
}
}

@media only screen and (min-width:651px) and (max-width:850px){
.icon{
    width: 100%;
    float: left;
    margin-top: 0px;
}
}

@media only screen and (min-width:850px) {
.icon{
    width: 800px;
    float: left;
    position: relative;
    top: 6%;
    margin-left: 160px;
}
}

.icon_in{
    width: 70px;
    text-align: right;
    float: right;
    margin-right: 1px;
}
.icon_in img{
    width: 70px;
    height: auto;
}




@media only screen and (max-width:850px) {
.cat{
    float: left;
    width: 60px;
    margin-right: 30px;
    text-align: left;
    clear: left;
    margin-top: -5px;
}
.cat img{
    width: 60px;
    height: auto;
}
}

@media only screen and (min-width:850px) {
.cat{
    width: 60px;
    margin-right: 25px;
    float: left;
    margin-top: 2px;
}
.cat img{
    width: 60px;
    height: auto;
}
}

.date{
    float: left;
    font-family: 'Josefin Sans', sans-serif;
    margin-right: 27px;
    font-size: 110%;
    transition: 0.8s;
    color: #555555;
    width: 70px;
}

.date:hover{
    color: #D90000;
}

@media only screen and (max-width:650px) {
ol.news_list {
    counter-reset: list;
    list-style-type: none;
    padding: 0;
    float: left;
    clear: left;
    width: 100%;
    height: auto;
    text-align: left;

}
ol.news_list li{
    position: relative;
    padding-top: 0;
    padding-left: 5px;
    margin-top: 35px;
    font-size: 100%;
    width: 100%;
    line-height: 25px;
    padding-bottom: 32px;
    clear: left;
    float: left;
    border-bottom: 1px dotted #555555;
    text-align: left;
}
.title{
    font-size: 100%;
    width: auto;
    margin-left: 5px;
    color: #555555;
    transition: 0.8s;
    text-align: left;
}
.title:hover{
    color: #D90000;
    text-align: left;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
ol.news_list {
    counter-reset: list;
    list-style-type: none;
    padding: 0;
    float: left;
    clear: left;
    width: 100%;
    height: auto;
    text-align: left;

}
ol.news_list li{
    position: relative;
    padding-top: 0;
    padding-left: 5px;
    margin-top: 35px;
    font-size: 100%;
    width: 100%;
    line-height: 25px;
    padding-bottom: 32px;
    clear: left;
    float: left;
    border-bottom: 1px dotted #555555;
    text-align: left;
}
.title{
    font-size: 100%;
    width: auto;
    margin-left: 5px;
    color: #555555;
    transition: 0.8s;
    text-align: left;
}
.title:hover{
    color: #D90000;
    text-align: left;
}
}


@media only screen and (min-width:850px) {
ol.news_list {
    counter-reset: list;
    list-style-type: none;
    float: left;
    width: 800px;
    height: auto;
    top: 3%;
    position: relative;
    padding-left: 0px;
    margin-left: 160px;
}
ol.news_list li{
    position: relative;
    padding-top: 0;
    margin-top: 35px;
    font-size: 100%;
    width: 100%;
    line-height: 25px;
    padding-bottom: 11px;
    float: left;
    border-bottom: 1px dotted #555555;
}
.title{
    font-size: 100%;
    width: auto;
    margin-left: 5px;
    color: #555555;
    transition: 0.8s;
    text-align: left;
}
.title:hover{
    color: #D90000;
    text-align: left;
}
}

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュース　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュース　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ニュース　ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */