@charset "UTF-8";
/* CSS Document */
* {
    margin:0;
    padding:0;
}
#content {
    width:95%;
    max-width:1024px;
    margin:0 auto;
    overflow:hidden;
   }


/***************右側コンテンツ***************/
h2{	
	color:#33F;
	font-size:32px;
    margin:20px 150px 30px;
    text-align:center;
   	border-bottom:solid #33f 2px;
}
#main{
	width:100%;
	margin:0 auto;
    float:left;
}
.news {
    margin-bottom:30px;
}

#section{
	width:95%;
    height:150px;
    overflow:auto;
    padding-top:10px;
    margin:0 auto;
	text-align:center;

}

.photo{
	 display:block;
	 margin-left:auto;
	 margin-right:auto;
	 width:100%;
 
}

#content h3 {
	font-size:1.375rem;
    font-weight:100;
    border-left:solid #30a0d2 10px;
    border-bottom:solid #30a0d2 4px;
    padding-left:20px;
    background:linear-gradient(to bottom, #ffffff 0%,#b7b7b7 100%);
	margin:10px;
    position:relative;
}
.list {
    position:absolute;
    right:0;
    bottom:0;
    font-size: 0.8rem;
    padding:0 10px;
}
.list a {
    color:#000;
}
.list a:hover {
    text-decoration:none;
    color:#333;
}
.infobox {
    width:95%;
    height:150px;
    overflow:auto;
    padding-top:10px;
    margin:0 auto;
}
main li {
	border-bottom:dashed 2px  #FFCC00;
	line-height:3;
}
#hqmreport ul{

    width:100%;
    display:flex;
    flex-wrap:wrap;
}
#hqmreport li{
	
    width:100%;
    border-bottom:dotted 2px #999;
    margin-bottom:20px;
}


.shousai {
	padding-right: 10px;
	float: right;
	
}
.shousai a{
	margin:auto 0;
}
/***************右側コンテンツここまで***************/
@media screen and (max-width:480px){
#title,#sub,#main {
    float:none;
}
h2 {
    margin:0 40px;
}
#sub {
    width:100%;
    margin:5px 0px;
    padding:0;
}
#sub ul {
    display:flex;
    justify-content:center;
}
#sub ul li {
    border-bottom:none;

}
#sub li a {
    border-right:solid 1px #000;
    color:#000;
    text-decoration:none;
    padding:0px 5px;
}
#sub li:last-child a {
    border:none;
}
#sub li a:hover {
    text-decoration:underline;
}
#main {
    width:95%;
}
#kumiai dl,#oshirase dl {
    flex-wrap:wrap;
}
#kumiai dt,#oshirase dt {
    width:100%;
    border:none;
}
#kumiai dd,#oshirase dd {
    width:100%;
}
#content {
    width:95%;
    display:block;
}
.photo {
    width:100%;
    float:none;
    display: block;
    margin: 0 auto 10px;
}
.event1,.event2 {
    display:block;
    margin-bottom:30px;
}
.text {
    width:100%;
    border-bottom:double #000;
    padding-bottom:10px;
}