@charset "utf-8";

/* Minimum width of 600 pixels. */
@media screen and (max-width: 800px) {
	
#masthead hgroup,
#topicpath{
	width:96%;
	margin:auto;
}

/*--- header-parts ---*/
#header-parts{
	clear:both;
	padding-bottom:1em;
	max-width:1000px;
	width:100%;
	float:none;
	text-align:center;
	position:static;
	height:auto;
}

#siteName h2{
	margin-top:5px;
	font-size:.8em;
	margin-bottom:1em;
}

#searchBox {
	position: absolute;
	top: 10px;
	right: 20px;
}

.main-navigation li { width:19.81%;}

.entry-title,
#footer-parts,
.site-info p.poricy{
	margin-left:.5em !important;
}

#primary{
	float: left;
	width: 71%;
	margin-left:2%;
}
#secondary{
	float: right;
	width: 22%;
	margin-right:2%;
	line-height:1;
}

#secondary h3{
	padding-left:0;
	font-size:.9em;
	line-height:1.5;
	min-height:60px;
	background:url(../images/common/side_h3.gif) no-repeat 0 0;
}
.isp #secondary h3 a,
.catv #secondary h3 a{
	display:block;
	padding-top:34px;
	padding-left:0px;
}

.home #page{
	background-size:160% !important;
}
.home #carousel-example-generic{
	height:270px;
}
.page-id-12 #page,
.page-id-14 #page{
	background-size:150% !important;
}
.page-id-12 #page .entry-header,
.page-id-14 #page .entry-header{
	height:230px;
}

/* #secondary */
#secondary #menu-side-net li#net01{
	font-size:1em;
	padding-top:1em;
	background:#02789D;
}
#secondary #menu-side-net li a,
#secondary #menu-side-tv li a{
	padding-left: 8px;
	padding-right:20px;
}
#secondary #menu-side-net li#net02,
#secondary #menu-side-net li#net03{
	background:#4FBDC9 !important;
}
#secondary #menu-side-tv li#tv01{
	font-size:1em;
	padding-top:1em;
	background:#248D5E;
}
#secondary #menu-side-tv li#tv02{
	background:#4CAF3E !important;
}
#secondary #menu-side-net li#net02 a,
#secondary #menu-side-net li#net03 a,
#secondary #menu-side-tv li#tv02 a{
	min-height:40px;
}



}

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

#searchBox {
	top:20px;
	right: 10px;
}	
/* ※Index※　AnimationImage */
.home #carousel-example-generic{
	height:240px;
}
#masthead.site-header{
	height:120px;
}
#siteName{
	float:none;
	width:80%;
}

/*--- Glovalmenu ---*/

button#gmenu {
	border:none;
	padding:8px 6px;
	background:#003366;
	color:#FFF;
	font-size:80%;
	position:absolute;
	top:80px;
	right:10px;
}
.menu-gnav-container{
		display:none;
}
#MainNav{
	height:auto;
	clear:both;
	border-top: none;
	border-bottom: none;
	text-align:right;
}
#menu-gnav {
	margin:auto;
	width:98%;
	display: block;
}
.nav-menu li {
	width:49%;
	z-index:9999;
	padding:auto 30px !important;
}
.main-navigation li#menu-item-34 a,
.main-navigation li#menu-item-35 a,
.main-navigation li#menu-item-39 a,
.main-navigation li#menu-item-451 a,
.main-navigation li#menu-item-452 a,
.main-navigation li#menu-item-34 a:hover,
.main-navigation li#menu-item-35 a:hover,
.main-navigation li#menu-item-39 a:hover,
.main-navigation li#menu-item-451 a:hover,
.main-navigation li#menu-item-452 a:hover{
	line-height: 3;
	border:1px solid #036;
	margin-bottom:.1em;
}
.main-navigation li#menu-item-34.current-menu-item > a,
.main-navigation li#menu-item-34.current-menu-ancestor > a,
.main-navigation li#menu-item-34.current_page_item > a,
.main-navigation li#menu-item-34.current_page_ancestor > a,
.main-navigation li#menu-item-34 a,
.main-navigation li#menu-item-35.current-menu-item > a,
.main-navigation li#menu-item-35.current-menu-ancestor > a,
.main-navigation li#menu-item-35.current_page_item > a,
.main-navigation li#menu-item-35.current_page_ancestor > a,
.main-navigation li#menu-item-35 a,
.main-navigation li#menu-item-39.current-menu-item > a,
.main-navigation li#menu-item-39.current-menu-ancestor > a,
.main-navigation li#menu-item-39.current_page_item > a,
.main-navigation li#menu-item-39.current_page_ancestor > a,
.main-navigation li#menu-item-39 a,
.main-navigation li#menu-item-451.current-menu-item > a,
.main-navigation li#menu-item-451.current-menu-ancestor > a,
.main-navigation li#menu-item-451.current_page_item > a,
.main-navigation li#menu-item-451.current_page_ancestor > a,
.main-navigation li#menu-item-451 a,
.main-navigation li#menu-item-452.current-menu-item > a,
.main-navigation li#menu-item-452.current-menu-ancestor > a,
.main-navigation li#menu-item-452.current_page_item > a,
.main-navigation li#menu-item-452.current_page_ancestor > a,
.main-navigation li#menu-item-452 a {
	background-color:#fff;
	border-bottom:1px solid #006;
	}
#header-parts{
	max-width:300px;
	margin:auto;
	z-index:9999;
}
.page-id-12 #page .entry-header,
.page-id-14 #page .entry-header{
	height:180px;
}

}

@media screen and (max-width: 480px) {
html,
body { overflow-x: hidden; }/*横scroll*/

.responsive th,.responsive td{
	display: list-item;
	width:100% !important;
	list-style:none;
}
.page-id-12 #page .entry-header,
.page-id-14 #page .entry-header{
	height:180px !important;
}


/* ※Index※　AnimationImage */
.home #carousel-example-generic{
	height:180px;
}

#topicpath-area {display:none;}


#page .entry-header h1.entry-title {
		padding:10px 10px ;
		line-height: 1.2;
		font-size: 24px ;
}
#masthead.site-header{
	height:135px;
}
#siteName h1 {
	margin-left:0px;
}
/*--- header-parts ---*/
#header-parts{
	margin:1em 0;
	text-align:left;
	font-size:11px;
}
.entry-header {
	height:auto !important;
}

#page{
	background:none !important;
}
#page .entry-header{
	background: url(../images/top/img_2ndtop.jpg) no-repeat top center;
}

/*layout*/

#main,
#primary{
	clear:both;
	float: none;
	width: 94%;
	margin:auto;
}
#secondary{
	clear:both;
	float: none;
	margin:auto;
	max-width:480px;
	width:94%;
}
#secondary p img{
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
	
}
.widget-area .widget {
	max-width:260px;
	margin:auto;
}


/* footer */

#footer-box h4,
#footer-box .innerbox,
#partslink{
	display:none;
}

#poricy{
	position: static;
	width: 100%;
	font-size:11px;
}
#footer-box span {
	display:block;
}


/*-------
module
--------*/

.unit-l,.unit-r,
.unit3_f,.unit3,
.unit4,.unit2_2,.unit2_3{
	float:none;
	clear:both;
	width:100%;
	margin-left:0;
}

}
@media screen and (max-width: 380px) {

/* Images */
.alignleft,
.alignright {
	float:none;
	margin: 0 auto 1em auto !important;
	display:block;
}
	
.entry-title,
#footer-parts{
	margin-left:0 !important;
}


.page-id-12 #page,
.page-id-14 #page{
	background-size:130% !important;
}
.page-id-12 #page .entry-header,
.page-id-14 #page .entry-header{
	height:130px !important ;
}
/*--- header-parts ---*/
.site-header #s {
	padding: 3px 10px 3px 4px;
}

/* ※Index※　AnimationImage */
.home #carousel-example-generic{
	height:160px;
}

/* ニュースリリース */
.dl_archive dt {
	clear:both;
	margin:.5em 0 0 .8em;
	float:none;
}
.dl_archive dd{
	margin:0 .8em 0 .8em;
	padding-top:0;
	padding-left:0;
}

.widget_links ul.blogroll {
	width:94%;
	margin:auto;
}




/* post format*/
.entry-header .entry-title {
	font-size: 20px;
}
#content h2 {
	font-size: 20px;
}
#content h2 strong {
	font-size: 1.5em;
	display:block;
}
.entry-content h3,
.comment-content h3 {
	font-size: 1.2em;
	line-height:1.6;
}
.entry-content h4,
.comment-content h4 {
	font-size: 1.2em;
}
.entry-content h5,
.comment-content h5 {
	font-size: 1.1em;
}

}
@media screen and (min-width: 615px) {

#gmenu{ display:none; }
	
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}


}