/*レイアウト*/

#site_map{
	margin:1em auto;
}

#left_block h1{
	color:#FF0000;
	font-size:25px;
	font-weight:bold;
}

#site_map ul{
	float:none;
	padding-left:20px;
}

#site_map ul li{
	float:none;
	padding-bottom:10px;
}

.site_left{
	width:350px;
	float:left;
}

.site_right{
	width:350px;
	float:right;
}

#site_map ul li.c1 a{
	background-image:url(../images/sitemap/site_map_navi.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:15px;
}

#site_map ul li.c2 a{
	background-image:url(../images/sitemap/site_map_navi.png);
	background-repeat:no-repeat;
	background-position:0 -14px;
	padding-left:15px;
}

#site_map ul li.c3 a{
	background-image:url(../images/sitemap/site_map_navi.png);
	background-repeat:no-repeat;
	background-position:0 -30px;
	padding-left:15px;
}

#site_map ul li.c4 a{
	background-image:url(../images/sitemap/site_map_navi.png);
	background-repeat:no-repeat;
	background-position:0 -46px;
	padding-left:15px;
}


@media only screen and (max-width: 767px) {

#main #right_block{
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
    
    #main #right_block .banner{
         width: 45%;
        margin-bottom: 20px;
    }
    
    .site_left{
	width:100%;
	float:none;
}

.site_right{
	width:100%;
	float:none;
    }


    
}