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

/* ------------------------------------------------------------ contents */
.newsBox,
.newsCateBox{
    width: 900px;
    box-sizing: border-box;
    padding: 0 15px 0 30px;
    margin: 0 auto;
}
    .newsBox ul,
    .newsCateBox ul{

    }
        .newsBox ul li,
        .newsCateBox ul li{
            padding: 18px 10px;
            border-bottom: 1px dotted #cccccc;
            line-height: 1.4667;
            display: -webkit-flex;
            -js-display: flex;
            display: -ms-flexbox;
            display: flex;
        }
        /* .newsBox ul li:first-child{
            border-top: 1px dotted #cccccc;
        } */
        .newsBox ul li::after,
        .newsCateBox ul li::after{
            content: "";
            width: 12px;
            height: 12px;
            border-top: solid 2px #ebebeb;
            border-right: solid 2px #ebebeb;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: 3px;
        }
            .newsBox ul li .eb_date,
            .newsCateBox ul li .eb_date{
                font-size: 15px;
                font-size: 1.5rem;
                color: #32af00;
                margin-right: 25px;
            }
            .newsBox ul li .eb_ttl,
            .newsCateBox ul li .eb_ttl{
                font-size: 15px;
                font-size: 1.5rem;
                color: #333333;
                margin-right: auto;
                padding-right: 5px;
            }
                .newsBox ul li .eb_ttl a{
                    color: #333333;
                }
                .newsBox ul li .eb_ttl a:hover{
                    text-decoration: underline solid #32af00;
                }
.newsCateBox{

}
    .newsCateBox ul li::after{
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .newsCateBox .contBox{
        font-size: 14px;
        font-size: 1.4rem;
        color: #333333;
        padding: 30px 10px 30px 120px;
        line-height: 1.5;
    }

.news_detail_box{}

	.news_detail_box > .box_header{}
	
		.news_detail_box > .box_header h3{
			font-size:1.2em;
			line-height:1.4;
			border-bottom:1px dotted #aaa;
			padding:0 0.5em 0.5em 0.5em;
		}
		
		.news_detail_box > .box_header .news_date{
			text-align:right;
			padding:0.5em 0.5em 0 0;
		}
	
	.news_detail_box > .box_inner{
		padding:2em;
	}
	
		.news_detail_box > .box_inner p{
			line-height:1.6;
			margin-bottom:1em;
		}
		
		.newsCateBox .news_detail_box > .box_inner ul,
		.newsCateBox .news_detail_box > .box_inner ol{
			margin:1em 1em 1em 2em;
			line-height:1.4;
		}
		
		.newsCateBox .news_detail_box > .box_inner ul{
			list-style:disc;
		}
		
		.newsCateBox .news_detail_box > .box_inner ol{
			list-style:decimal;
		}
		
			.newsCateBox .news_detail_box > .box_inner ul li,
			.newsCateBox .news_detail_box > .box_inner ol li{
				padding:0;
				border:none;
				display:list-item;
				margin-bottom:0.5em;
			}
			
			.newsCateBox .news_detail_box > .box_inner ul li:after,
			.newsCateBox .news_detail_box > .box_inner ol li:after{
				content:none;
			}
			
		.newsCateBox .news_detail_box > .box_inner strong{
			font-weight:bold;
		}
		
		.newsCateBox .news_detail_box > .box_inner em{
			font-style:italic;
		}

	.news_detail_box > .box_footer{
		border-top:1px dotted #aaa;
		padding:1em 0 0 0;
		text-align:center;
	}
/* ------------------------------------------------------------ *** */

@media screen and (max-width:768px)
{
    /*##### SP #####*/

    /* ---------------------------------------------- contents */
    .newsBox,
    .newsCateBox{
        width: 100%;
        padding: 30px 5px 0;
    }
        .newsBox ul,
        .newsCateBox ul{

        }
            .newsBox ul li,
            .newsCateBox ul li{
                padding: 18px 5px;
            }

            .newsBox ul li::after,
            .newsCateBox ul li::after{

            }
                .newsBox ul li .eb_date,
                .newsCateBox ul li .eb_date{

                }
                .newsBox ul li .eb_ttl,
                .newsCateBox ul li .eb_ttl{

                }
                    .newsBox ul li .eb_ttl a{

                    }
                    .newsBox ul li .eb_ttl a:hover{

                    }
    .newsCateBox{

    }
        .newsCateBox ul li::after{

        }
        .newsCateBox .contBox{
            padding: 30px 5px 30px;
        }
    /* ---------------------------------------------- *** */

}