@charset "UTF-8";


#content{
	width:100%;
	margin:0 auto;	
}

#container{
	width:960px;
	height:157px;
	margin:10px auto 0;
}

#main{
	width:960px;
	margin:20px auto;
}

#main #left_block{
	width:700px;
	float:left;
}

.sp_visual{
    display: none;
}

#left_block #news{
	border:1px solid #e70012;
	padding:20px;
}

#left_block #news h1#news_title{
	text-indent:-9999px;
	background:url(../images/top/news.jpg) no-repeat;
	width:97px;
	height:35px;
	float:left;
	margin-bottom:10px;
}

#news .news_menu{
	float:right;
	background:url(../images/top/news_list.jpg) no-repeat bottom;
	background-position: 0 0;
	height:25px;
	width:109px;
	margin-top:10px;
	text-indent:-9999px;
}

#news .news_menu:hover{
	background-position: 0 -27px;
}

#news #news_box{
	border:2px solid #000;
	padding:15px;
	overflow:auto;
	height:154px;
}

#news_box dl{
}

#news_box dl dt{
	margin-bottom: 5px;  
    padding-bottom: 5px;  
    float: left;
	clear: both;
}

#news_box dl dd{
    margin-bottom: 5px;  
    padding: 0 0 5px 80px;  
    border-bottom: 1px dotted #e70012;
}

#news_box dl dd a{
	font-weight:bold;
	color:#e70012;
}

#content_box{
	width:960px;
	margin:30px auto;
}

#content_box a:link{
	color:#000000;
	text-decoration:none;
}

#content_box a:visited{
	color:#000000;
	text-decoration:none;
}

#content_box a:hover{
	color:#000000;
	text-decoration:none;
}

#content_box .syokuhin{
	width:300px;
	margin-right:30px;
	float:left;
}

#content_box .kashi{
	width:300px;
	margin-right:30px;
	float:left;
}

#content_box .gas{
	width:300px;
	margin:0;
	float:right;
}

#content_box img{
    width: 100%;
    height: auto;
}

#content_box h2{
	margin:5px 0;
}

#content_box h2 span{
	font-size:80%;
}

#content_box h2 span.pink{
	color:#E4007F;
}

#content_box h2 span.green{
	color:#5BB531;
}

#content_box h2 span.blue{
	color:#00B4ED;
}

#content_box p{
	color:#3F3B3A;
}

#main #right_block{
	width:240px;
	float:right;
}


/************
			 サイドバー
		  				 ************/


#right_block .banner{
	margin-bottom:10px;
}



@media only screen and (max-width: 767px) {
.banner_l,.banner_r{float: none; width: 100%; height: auto; max-width: 475px;}
    
    #container{
	width:100%;
	height:auto;
	margin:10px auto 0;
}

#main{
	width:100%;
	margin:20px auto;
}

#main #right_block{
	width:100%;
	float:none;
    text-align: center;
}
    
#main #top_left{
	width: 100%;
	float: none;
    margin-top: 40px;
}
    
.sp_visual{
    display: block;
}

.pc_visual{
    display: none;
}
    


    
#main #left_block{
	width:100%;
	float:none;
}
    
    #content_box{
        width: 100%;
    }
    
    
    
#news {
    margin: 20px auto 40px;
}   

#news #news_box {
    border: 2px solid #000;
    padding: 15px;
    overflow: auto;
    height: 200px;
}   

#news_box dl dt {
    margin-bottom: 1px;
    padding-bottom: 1px;
    float: none;
    clear: both;
}

#news_box dl dd {
    margin-bottom: 3px;
    padding: 0 0 3px 0px;
    border-bottom: 1px dotted #e70012;
}   
    
    #content_box .syokuhin,#content_box .kashi,#content_box .gas{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    #top_sidebar{
        margin-bottom: 30px;
    }
    
    #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;
    }
}