@charset "utf-8";



/*----------------------------------------------------
	#mainimg
----------------------------------------------------*/
#mainimage {
	width:960px;
	height:300px;
	margin: 0 0 20px 0;
	position:relative;
}
#mainimage #main-layer1{
	position:absolute;
	width:960px;
	height:300px;
	overflow:hidden;
	z-index:20;
	top:0;
	left:0;
}
#mainimage #main-layer2{
	position:absolute;
	width:948px;
	height:256px;
	overflow:hidden;
	z-index:10;
	top:20px;
	left:6px;
}



/* top - main
------------------------ */

#main .top-news {
	padding: 10px 20px;
}

#main .top-news .news-scroll {
	height:300px;
	margin-bottom:30px;
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:scroll;
}
#main .top-news div.unit {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #ccc;
}
#main .top-news div.unit .date {
	width:15%;
	float:left;
}
#main .top-news div.unit .text {
	width:80%;
	float:left;
}
#main .top-news div.unit h6 {
	padding-bottom:3px;
	font-size:13px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #ED4715;
}

#date {
	text-align: right;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#1594cc;
}

#next {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}




/* レスポンシブ o.w.
====================================== */

@media screen and (max-width:768px){
    #mainimage{
        width:100%;
        height:calc((100vw - 24px) * 256 / 948);
        margin:0 0 20px 0;
        position:relative;
        overflow:hidden;
    }
    #mainimage #main-layer1{
        display:none;
    }
    #mainimage #main-layer2{
        position:relative;
        width:100%;
        height:100%;
        overflow:hidden;
        top:auto;
        left:auto;
    }
    #mainimage .bx-wrapper{
        width:100% !important;
        max-width:100% !important;
        margin:0 auto !important;
    }
    #mainimage .bx-viewport{
        width:100% !important;
        height:100% !important;
        overflow:hidden !important;
    }
    #mainimage .bxslider{
        margin:0 !important;
        padding:0 !important;
    }
    #mainimage .bxslider img{
        display:block;
        width:100% !important;
        height:auto !important;
    }
    #main .top-news{
        padding:10px 0;
    }
    #main .top-news .news-scroll{
        height:260px;
        margin-bottom:20px;
    }
    #main .top-news div.unit .date{
        float:none;
        width:100%;
        margin-bottom:4px;
        font-weight:bold;
    }
    #main .top-news div.unit .text{
        float:none;
        width:100%;
    }
}