/*===============================================
  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	#edp_container{
		width:100%;
	}
	
	
	/****** header ******/
	.core_header {
	}
	
	
	/****** main(contents) ******/
	.core_main{
	}


	/****** footer ******/
	.core_footer{
		text-align:center;
	    height:95px;
	}


    /****** control ******/
    .edp_login{
        padding:20px 0 50px 0;
    }

    .edp_menu_list {
        text-align:center;
    }
    .edp_onlypc{
         display:none;
    }
    .edp_mail_text{
        width:95%;
    }
    .edp_cost_item{
    	width:100%;
    }
    .edp_correspondence_item{
    	width:100%;
    }
    .edp_roof_select,.edp_outwall_select,.edp_innerwall_select,.edp_ceiling_select,.edp_toplight_select,.edp_balcony_select,.edp_waterheater_select{
        max-width:100%;
    }


    /****** 領域設定 ******/
    .edp_button {
        min-width:50px;
	    padding: 5px 10px 0 10px;
    }
    .edp_tab li{
        margin-right:10px;
        margin-bottom:10px;
        font-size:120%;
        float:none; 
        width:100%;
    }
    .responsive_table th,.responsive_table td{
        display:block;
    }
    .facilities_title p{
        font-size:120%;
        margin:5px 0 5px 0;
        font-weight:bold;
    }
    
    /************************ コンテンツ ************************/
    /*------------------* h1 *------------------*/
    .edp_contents h1 {
        margin: 10px 0px 10px -5px;
    }
    /*------------------* h2 *------------------*/
    .edp_contents h2 {
        margin: 20px 0px 10px -5px;
    }
    /*------------------* h3 *------------------*/
    .edp_contents h3 {
        margin:30px 0px 10px 0px;
    }
    /*------------------* h4 *------------------*/
    .edp_contents h4 {
        margin: 30px 0 0 10px;
    }
    /*------------------* レイアウト2 *------------------*/
    .edp_contents_layout_2 img{
        max-width:50%;
        margin-right:5px;
    }
    /*------------------* レイアウト3 *------------------*/
    .edp_contents_layout_3 div.edp_contents_article{
        max-width:48%;
    }
    .edp_contents_layout_3 img{
        max-width:50%;
    }
}