header.pc {
    display: none;
}
#responsive-menu p{
	color:#FFF;
	margin-top:12px;
}
#content #wrapper table.table-sp {
 display:none;
}
#content #wrapper table.table-tb {
 display:none;
}
/**スマフォ**/
@media screen and ( max-width:479px ){
	body{
		max-width:479px!important;
	}
	#header .inner {
	    background-image: url(../images/head_sp.png);
    	background-repeat: no-repeat;
    	max-width:479px!important;
    	height:75px;
    	position: relative;
	}
	#header h1 a img {
	    width: 135px;
	    height: 43px;
	    /* z-index: 9999; */
	}
	header.pc {
	    display: inline;
	}
	#header .r-nav {
	    display: none;
	}
	#nav {
	    display: none;
	}
	#footer {
	    /* display: none; */
	    display: table;
	    margin: auto;
	    width: 100%;
	    float: none!important;
	    padding-top: 15px;
	    padding-left: 0px!important;
	}
	#footer .inner {
	    display: table;
	    margin: 0;
	    width: 100%;
	    height: 280px;
	}
	#footer .inner .l {
	    display: table;
	    margin: 0;
	    width: 100%;
	    float: none;
	    padding-top: 0px;
	    padding-left: 0px!important;
	}
	#footer .inner .l .box {
 	   width: 100%;
 	   float: none;
	}
	#footer .inner .l .box_ {
	    width: 100%;
	    float: none;
	}
	#footer .inner .r {
	    margin-left: 0px;
	    width: 100%!important;
	    height: 135px;
	}
	
	#footer .inner .r .box {
	    margin: auto;
	    border: 1px solid #3f3f3f;
	    background-color: #FFF;
	    width: 96%;
	    color: #3f3f3f;
	    font-size: 77%;
	    margin-top: 15px;
/*	    margin-left: 5px;*/
	    line-height: 1.3;
	}
	#footer .inner .r .box img {
	    margin: 6px;
	    margin-left: 0px;
	    max-width: 100%;
	}
	#footer .inner .l .box li a {
	    font-size: 90%;
	    padding: 0;
	    padding-left: 20px!important;
	}
	#footer .inner .l .box_ li a {
	    font-size: 90%;
	    padding: 0;
	    padding-left: 20px!important;
	}
	#footer .inner p {
	    color: #FFF;
	    text-align: right;
/*	    margin-left: 2px;*/
	    padding-top: 0px;
	    margin-top: 75px;
	    font-size: 75%;
	    margin-bottom: 12px;
	}
	#content #wrapper{
		height: 100%;
		padding:0px;
		padding-top:0px;
		overflow:hidden;
/*		margin-top:20px;*/
	}
	#content #wrapper h2 {
	    margin-top: 10px;
	    margin-left: 10px;
	    padding: 6px 0px 6px 15px;
	}
	#content #wrapper h3 {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	#content #wrapper h4 {
	    font-size: 125%;
	    margin-left: 14px;
	    margin-bottom: 14px;
	}
	#content #wrapper p {
	    font-size: 106%;
	    margin-left: 14px;
	    margin-right: 14px;
	    margin-bottom: 14px;
	}
	#Container {
	    width: 100%;
    	height: 100%;
/*        margin-top: 50%;*/
	}
	/*TOP***************************************/
	#slider {
	    background-size: contain;
	    width: 100%!important;
/*    	height: 185px!important;*/
    	height: 100%!important;
	    background-size: contain;
	    background-repeat: no-repeat;
	}
	#slider img {
	    width: 100%;
	    max-width: 100%;
	    height: auto;
	}
	#top_content_l {
    	margin: 0px!important;
	    width: 100%;
/*	    padding-left: 5%;*/

	}
	#top_content_l img{
	    width: 100%;
	}
	#top_bt1 {
	    float: left;
	    width: 90%;
	    padding-left: 5%;
	    padding-top: 2%;
	}
	#top_bt2 {
	    padding-left: 5%;
	    width: 90%;
	    float: left;
	}
	#top_content_r {
    	margin: 0px!important;
	    float: left;
	    width:100%;
/*	    padding-left:5%;*/
	    padding-bottom:5%;
	    padding-top: 5%!important;
/*	        display: none;*/

	}
	#news {
	    width: 90%;
	    padding-left:5%;
	}
	#news .head {
	    width: 100%!important;
/*	    margin-left:5%;*/
	}
	#news .head a {
		margin-top:-1px!important;
    	margin-left: 60px!important;
   	}
   	#news .body{

	}
	#news .body .newsTitle {
	    width: 62%!important;
	}
	/*END TOP***************************************/
    #content #wrapper #feed {
	    margin: 5px;
	}
    #content #wrapper #feed .cap {
	    top: 0px;
	    right: 0px;
	    font-size: 84%;
    	position: relative;
	    width: 40%;
     	margin-top: 5px;
    	margin-left: 5px;

	}
    #content #wrapper #feed2 {
	    margin: 5px;
	}
    #content #wrapper #feed2 .left {
	    padding: 9px;
	    background-color: #0c59c5;
	    color: #FFFFFF;
	    width: 30%;
	    text-align: center;
	    float: left;
	    font-size: 84%;
	}
    #content #wrapper #feed2 .cap {
		top: 0px;
    	right: 0px;
    	margin-top: 5px;
    	position: relative;
    	width: 40%;
    	margin-left: 5px;
	}


	img.aligncenter.size-full.wp-image-103 {
	    width: 100%;
	}
	#content #wrapper table {
	    margin-left: 14px;
	    margin-bottom: 14px;
	    font-size: 94%;
	    font-weight: 200;
	}
	#content #wrapper td {
	    padding-bottom: 5px;
	}
	#content #wrapper table.table-pc {
		 display:none;
	}
	#content #wrapper table.table-tb {
		 display:none!important;
	}
	#content #wrapper table.table-sp {
 		display:inline!important;
 		text-align: center;
	}
	#wrapper .dl_btn_ {
	    position: absolute;
	    right: 5px;
	    top: 180px;
	}
	/**DRAWER MENU**/
    .drawer-nav h1{
	    background-color:#245892;
	    background-image: url(../images/head_sp.png);
	    background-repeat: no-repeat;
	    max-width:479px!important;
	    height:74px;
    }
    .drawer-nav h1 img{
	    max-width: 135px;
	    height: 43px;
		margin-top: 17px;
		margin-left: 17px;
    }
    .drawer-nav ul{    
    }
    .drawer-nav ul li{
		border-bottom:1px solid #FFF;
		margin-top: -1px;
		padding: 10px!important;
    }
    .drawer-nav  ul li.dummy {
		border-top:0px solid #FFF;
		border-bottom:0px solid #FFF;    
    }
    .drawer-nav ul li a{

		text-decoration: none;
		color: #FFF;
    }
    .drawer-nav ul li ul li a{
		text-decoration: none;
		color: #FFF;
    }
    .drawer-nav #sp_foot{
		background-color: #245892;
    	height: 40px;
    	padding-top: 8px;
    	padding-left: 84%;
	}
	.drawer-nav #sp_foot a{
		text-align:right;
		text-decoration: none;
		color: #FFF;
		font-size: 35px;
	}
	.drawer-menu{
		width:100%!important;
		height:100%!important;
		overflow-y: scroll!important;
		-webkit-overflow-scrolling:touch!important;
	}
	/**END DRAWER MENU**/	
}


/**タブレット**/
@media screen and ( max-width:768px ){
	body{
		max-width:768px!important;
	}
	header.pc {
	    display: inline;
	}
	#header .r-nav {
	    display: none;
	}
	#nav {
	    display: none;
	}
	#header .inner {
	    background-image: url(../images/head_sp.png);
    	background-repeat: no-repeat;
    	max-width:768px!important;
    	height:75px;
    	position: relative;
	}
	#header h1 a img {
	    width: 135px;
	    height: 43px;
	    /* z-index: 9999; */
	}
	header.pc {
	    display: inline;
	}
	#header .r-nav {
	    display: none;
	}
	#nav {
	    display: none;
	}
	#footer {
	    /* display: none; */
	    display: table;
	    margin: auto;
	    width: 100%;
	    float: none!important;
	    padding-top: 15px;
	    padding-left: 0px!important;
	}
	#footer .inner {
	    display: table;
	    margin: 0;
	    width: 100%;
	    height: 280px;
	}
	#footer .inner .l {
	    display: table;
	    margin: 0;
	    width: 100%;
	    float: none;
	    padding-top: 0px;
	    padding-left: 0px!important;
	}
	#footer .inner .l .box {
 	   width: 100%;
 	   float: none;
	}
	#footer .inner .l .box_ {
	    width: 100%;
	    float: none;
	}
	#footer .inner .r {
	    margin-left: 0px;
	    width: 100%!important;
	    height: 135px;
	}
	
	#footer .inner .r .box {
	    margin: auto;
	    border: 1px solid #3f3f3f;
	    background-color: #FFF;
	    width: 96%;
	    color: #3f3f3f;
	    font-size: 77%;
	    margin-top: 15px;
/*	    margin-left: 5px;*/
	    line-height: 1.3;
	}
	#footer .inner .r .box img {
	    margin: 6px;
	    margin-left: 0px;
	    max-width: 100%;
	}
	#footer .inner .l .box li a {
	    font-size: 90%;
	    padding: 0;
	    padding-left: 40px;
	}
	#footer .inner .l .box_ li a {
	    font-size: 90%;
	    padding: 0;
	    padding-left: 40px;
	}
	#footer .inner p {
	    color: #FFF;
	    text-align: right;
/*	    margin-left: 2px;*/
	    padding-top: 0px;
	    margin-top: 75px;
	    font-size: 75%;
	    margin-bottom: 12px;
	}
	#content #wrapper{
		height: 100%;
		padding:0px;
		padding-top:0px;
		overflow:hidden;
/*		margin-top:20px;*/
	}
	#content #wrapper h2 {
	    margin-top: 10px;
	    margin-left: 10px;
	    padding: 6px 0px 6px 15px;
	}
	#content #wrapper h3 {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	#content #wrapper h4 {
	    font-size: 125%;
	    margin-left: 14px;
	    margin-bottom: 14px;
	}
	#content #wrapper p {
	    font-size: 106%;
	    margin-left: 14px;
	    margin-right: 14px;
	    margin-bottom: 14px;
	}
	#Container {
	    width: 100%;
    	height: 100%;
	}

	/*TOP***************************************/
	#slider {
	    background-size: contain;
	    width: 100%!important;
/*    	height: 360px!important;*/
    	height: 100%!important;
	    background-size: contain;
	    background-repeat: no-repeat;
	    padding-top: 50%;
	}
	#slider img {
	    width: 100%;
	    max-width: 100%;
	    height: auto;
	    top: 74px;
	}
	#top_content_l {
    	margin: 0px!important;
	    width: 100%;
/*	    padding-left: 5%;*/
	}
	#top_content_l img{
	    width: 100%;
	}
	#top_bt1 {
	    float: left;
	    width: 90%;
	    padding-left: 5%;
	    padding-top: 2%;
	}
	#top_bt2 {
	    padding-left: 5%;
	    width: 90%;
	    float: left;
	}
	#top_content_r {
    	margin: 0px!important;
	    float: left;
	    width:100%;
/*	    padding-left:5%;*/
	    padding-bottom:5%;
	    padding-top: 5%!important;
/*	        display: none;*/

	}
	#news {
	    width: 90%;
	    padding-left:5%;
	}
	#news .head {
	    width: 100%!important;
	}
	#news .head a {
		margin-top:-1px!important;
    	margin-left: 60px!important;
   	}
   	#news .body{

	}
	#news .body .newsTitle {
	    width: 62%!important;
	}
	/*END TOP***************************************/
    #content #wrapper #feed {
	    margin: 5px;
	}
    #content #wrapper #feed .cap {
	    top: 0px;
	    right: 0px;
	    font-size: 84%;
    	position: relative;
	    width: 22%;
     	margin-top: 5px;
    	margin-left: 5px;

	}
    #content #wrapper #feed2 {
	    margin: 5px;
	}
    #content #wrapper #feed2 .left {
	    padding: 9px;
	    background-color: #0c59c5;
	    color: #FFFFFF;
	    width: 30%;
	    text-align: center;
	    float: left;
	    font-size: 84%;
	}
    #content #wrapper #feed2 .cap {
		top: 0px;
    	right: 0px;
    	margin-top: 5px;
    	position: relative;
    	width: 40%;
    	margin-left: 5px;
	}
	img.aligncenter.size-full.wp-image-103 {
	    width: 100%;
	}
	#content #wrapper table {
	    margin-left: 14px;
	    margin-bottom: 14px;
	    font-size: 94%;
	    font-weight: 200;
	}
	#content #wrapper td {
	    padding-bottom: 5px;
	}
	#content #wrapper table.table-pc {
	 display:none;
	}
	#content #wrapper table.table-sp {
	 display:none;
	}

	#content #wrapper table.table-tb {
 	display:inline;
 	text-align: center;
	}
	#wrapper .dl_btn_ {
	    position: absolute;
	    right: 5px;
	    top: 180px;
	}
	/**DRAWER MENU**/
    .drawer-nav h1{
	    background-color:#245892;
	    background-image: url(../images/head_sp.png);
	    background-repeat: no-repeat;
	    max-width:768px!important;
	    height:74px;
    }
    .drawer-nav h1 img{
	    max-width: 135px;
	    height: 43px;
		margin-top: 17px;
		margin-left: 17px;
    }
    .drawer-nav ul{    
    }
    .drawer-nav ul li{
		border-bottom:1px solid #FFF;
		margin-top: -1px;
		padding: 18px;
    }
    .drawer-nav  ul li.dummy {
		border-top:0px solid #FFF;
		border-bottom:0px solid #FFF;    
    }
    .drawer-nav ul li a{

		text-decoration: none;
		color: #FFF;
    }
    .drawer-nav ul li ul li a{
		text-decoration: none;
		color: #FFF;
    }
    .drawer-nav #sp_foot{
		background-color: #245892;
    	height: 40px;
    	padding-top: 8px;
    	padding-left: 84%;
	}
	.drawer-nav #sp_foot a{
		text-align:right;
		text-decoration: none;
		color: #FFF;
		font-size: 35px;
	}
	.drawer-menu{
		width:100%!important;
		height:100%!important;
		overflow-y: scroll!important;
		-webkit-overflow-scrolling:touch!important;
	}
	/**END DRAWER MENU**/	
}

#sp_foot button.toggle_bt{
	background-image:url(../images/toggle.png);
	background-repeat: no-repeat;
	width:100px;
	height:100%;
	border:none;
	background-color:#245892;
}