@import url("common/style1.css");
*, *::before, *::after {
  box-sizing: border-box;
	margin:0;
	padding:0;
}


/*新ヘッダー画像　07/26変更*/

#header_color{
	background-color: #000000;
}

#header_image{
	height: 0;
	padding-top: 22%;
	background-image:url("../images/header_image_big.png");
	background-repeat:no-repeat; 
	background-size:cover;
}
/*旧ヘッダー画像用*/
#header_visual{
	width:1000px;
	margin:0 auto;
	
}

/*新トップ画像下の帯07/26変更*/
#top_contents_color{
	background-color:#000000;
}
#top_contents{
	background-color:#000000;
	margin:0 auto;
	margin-bottom:10px;

	
}
#top_contents h5{
	color:#ffffff;
	font-size:18px;
	letter-spacing:1px;
	text-align:center;
	padding-top:4px;
	padding-bottom:2px;
	margin:0;	
}


/*メイン右側のスタイルここから↓*/

#main_right  p{
	font-size:13px;
}


#right_top{
	overflow:hidden;
}
#insta_left{
	width:480px;
	float:left;
}
#insta_left p{
	padding:10px;
}
#insta_right{
	width:100px;
	float:left;
	padding-top:7px;
}
#insta_right img{
	display:inline-block;
	width:96px;
	
}
#main_right section{
	margin-bottom:10px;
}
/*メイン右側のお知らせ部分*/
#news table,#table_title td{
	border:1px solid #000000;
	border-collapse: collapse;
	font-size:13px;
}
#news td{
	padding:0 15px;
}
#recommend p{
	font-size:14px;
}
#main_right_bottom{
	overflow:hidden;
	text-align:center;
}
#bottom_l{
	width:278px;
	height:150px;
	border:1px red solid;
	padding-top:15px;
	float:left;
	
}
#bottom_l p{
	font-size:25px;
	margin:0;
}
#bottom_l span{
	color:red;
	font-size:30px;
	font-weight:bold;
}
#bottom_r{
	width:278px;
	height:150px;
	border:1px red solid;
	margin-left:20px;
	float:left;
}
#bottom_r h5{
	color:red;
	font-size:25px;
	font-weight:bold;
	margin:10px 0;
}
#bottom_r p{
	text-align:left;
	width:222px;
	font-size:20px;
	margin:0 auto;
	margin-top:5px;
}
#main_visual img{
    width:580px;
}
#recommend img{
    width: 580px;
}
@media (max-width: 750px){
/*メイン部分右側*/
    #main{
            width:100%;
            margin:0 auto;
    }
    #responsive_right{
            width:100%;
    }
    #main_visual{
            text-align:right;
            width:100%;
    }
    #main_visual img,#recommend img{
            width:100%;
    }
    #news table{
            width:100%;
            margin:5px 0; 
    }

    #main_right section{
            margin-bottom:0px;
    }

    #recommend{
            width:100%;
            margin-bottom:5px;

    }

    #recommend p{
            font-size:12px;
    }
    #main_right_bottom{
            width:100%;
            overflow:hidden;
    }
    .clear{

    }
    #bottom_l p{
    }
    #bottom_l{        
        width: 39%;
    }
    #bottom_r{
        width:58%;
    }
    #bottom_l,#bottom_r{
        border:1px red solid;
        margin:0 5px 5px 5px;
        float:left;
        padding:10px 18px;
        height:80px;
    }
    #bottom_l span::before{
        content: "\A" ;
        white-space: pre ;
    }
    #main_right_bottom br{
        display: none;
    }
    #bottom_l p{
            font-size:15px;
            margin:0;
            font-weight:bold;
    }
    #bottom_l span{
            color:red;
            font-size:20px;
            font-weight:bold;
    }

    #bottom_r h5{
            color:red;
            font-size:20px;
            font-weight:bold;
            margin:0 0 0 5px;
    }
    #bottom_r p{
            text-align:left;
            width:100%;
            font-size:14px;
            margin:0 auto;
            font-weight:bold;
    }

}
@media (max-width: 400px){
    /*#bottom_l{        
        width: 39%;
    }
    #bottom_r{
        width:58%;
    }*/
    #bottom_l,#bottom_r{
        width:98%;
        height:100%;
    }
}