.g-search-control{ display:none; }
.g-search{ display:none; }

@media screen and (max-width: 768px) {
/*******************************************

 ヘッダー 検索＆メニュー

********************************************/

/*	検索 */
.g-search-control{	display: block;
					float: right;
					margin-right: 10px;
					text-indent: -9999px;
					width: 40px;height: 27px;
					cursor: pointer;
					background: url('../../2014renew_common/images/icon-search.png') no-repeat 0 0;
}
.g-search-control.g-search-control-active{
					background: url('../../2014renew_common/images/icon-menu-close-bk.png') no-repeat 0 0;
}

.g-search {	display: none;
			position: absolute;
			top: 70px;left: 0;
			z-index: 1;
			width: 100%;
			background-color: #fff;
			border-bottom: 1px solid #5e5e5e;
			border-top: 1px solid #5e5e5e;
}

.g-search-inner{
			padding:3%;
}
.g-search form{
			border:2px solid #a6a6a6;
			margin:0;padding:0;
			outline:0;
			vertical-align:baseline;
			background:transparent;
}

.g-search form input{ 
	 -webkit-appearance: none;
     vertical-align:middle; 
     position:relative; 
     margin: 0 4px 2px 0;
     margin-right:3px; 
/*     top:-1px;   */
}

.topLogos #keyword{
			width:75%;
			/* TAB版の文字サイズ*/
			font-size: 200%;
			background-image:none;
			margin:0;padding:3%;
			color:#000;
}

.topLogos #submit{
		margin: 0 0 0 2.4%;
		width: 15%;
		-webkit-appearance: none;
  		border-radius: 0;
}

.search-close{
width: 100%;
text-align: center;
border-top: 1px solid #5e5e5e;
}
.search-close-btn {
			display: inline-block;
			padding: 22px 0px 22px 24px;
			background: url('../../2014renew_common/images/icon-menu-close-gray.png') no-repeat left;
			background-size: 16px 16px;
			cursor: pointer;
			font-size: 16px;
			line-height: 1em;
			color: #5e5e5e;
}

/*	メニュー */
.g-nav-control { display:block;	float:right; text-indent:-9999px; width:40px; height:27px; cursor:pointer; background:url('../../2014renew_common/images/icon-menu.png') no-repeat 0 0;display: block;text-decoration: none;font-weight: bold }
.g-nav-control.g-nav-active { background:url('../../2014renew_common/images/icon-menu-close-bk.png') no-repeat center; }

.g-nav { display:none; position:absolute; top:70px; left:0; width:100%;z-index:1; background-color:#fff; border-bottom:1px solid #5e5e5e; }
.g-nav ul { width:100%; }
.g-nav ul li { width:100%; border-top:1px solid #5e5e5e; position:relative; }
.g-nav ul li a{ text-decoration: none!important; }

.g-nav ul li span.layer-open { display:block; padding:16px; font-size:20px; line-height:1.5em; color: #004473; font-weight:bold; cursor:pointer; border-left: 10px solid #004473; }
.g-nav ul li span.layer-open:hover { background-color:#ddd; text-decoration:none; }
.g-nav ul li .third-layer a { display:block; margin-right:0px; padding:16px; font-size:16px; line-height:1.5em; color:#5e5e5e; }
.g-nav ul li .third-layer a:hover { background-color:#ddd; text-decoration:none; }

.g-nav ul li span a{ display:block; }
.g-nav ul li span.top_nav { display:block; padding:16px; font-size:20px; line-height:1.5em; color: #004473; font-weight:bold; cursor:pointer; border-left: 10px solid #004473;background: url('../../2014renew_common/images/third-arrow.png') no-repeat 94% 50%; }
.g-nav ul li span.top_nav:hover { background-color:#ddd; text-decoration:none; }

.g-nav ul li span.cat_top { display:block; padding:16px 0; font-size:20px; line-height:1.5em; color: #004473; font-weight:bold; cursor:pointer; border-left: 10px solid #004473;background: url('../../2014renew_common/images/third-arrow.png') no-repeat 94% 50%; }
.g-nav ul li span.cat_top a{ text-decoration:none;font-weight:bold;background: url('../../2014renew_common/images/third-arrow.png') no-repeat 94% 50%; }

.g-nav ul.first-layer { border-bottom:1px solid #5e5e5e; }
.g-nav ul.second-layer li .layer-open,
.g-nav ul.second-layer li a { padding-left:32px; background-color:#fff; }
.g-nav ul.second-layer li a:hover { background-color:#ddd; }
.g-nav ul.third-layer{ box-sizing: border-box; }
.g-nav ul.third-layer li .layer-open,
.g-nav ul.third-layer li a{ padding-left:32px; background-color:#fff; color: #004473; border-left: 10px solid #dadada;font-weight:bold;background: url('../../2014renew_common/images/third-arrow.png') no-repeat 94% 50%; }
.g-nav ul.third-layer li a:hover { background-color:#ddd; }

/* button */
.g-nav .layer-open-btn { position:absolute; top:0;	right:0; height:16px; width:16px; padding:20px 16px; text-indent:-9999px; background: url('../../2014renew_common/images/icon-plus-gray.png') no-repeat 50% 50%; }
.g-nav .layer-active .layer-open-btn { background: url('../../2014renew_common/images/icon-minus-gray.png') no-repeat 50% 50%; }

.nav-close { width:100%; text-align:center; }
.nav-close-btn { display:inline-block; padding:22px 0px 22px 24px; background:url('../../2014renew_common/images/icon-menu-close-gray.png') no-repeat left;
	background-size:16px 16px;
	cursor:pointer;
	font-size:16px;
	line-height:1em;
	color:#5e5e5e;
}

.logo02{ display:none; }

}

@media screen and (max-width: 480px) {
#keyword{
			/* SP版の文字サイズ*/
			font-size:100%;
}
#submit {
border-radius:none;
width: 20%;
margin: 0 0 0 1.5%;
}

#keyword {
width: 70%;
font-size: 200%;
}

}