@charset "Shift_JIS";

/*
* $Id: gstyle.css $
* タイトル : Googleカスタム検索用css.
* 変更履歴 : 2020/10/22 第4次CISハードウェア更改.
*/

/*==========================================================

	1: headr
	2: cse-search-box
	3: input[name="q"]
	4: input[type="submit"]
	5: chizai_link
	6: clearButton
	7: ForLog
	8: button
	9: コンテンツ部検索ボックス（Google）

==========================================================*/

/* 1: headr 新デザイン取り込み部分
==========================================================*/
header #headSearch {
	width: 300px;
}

header #headSearch #cse-search-box {
	border-style: solid;
	border-color: #dfe1e5;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	width: 235px;
	height: 22px;
	display: flex;
}

header #headSearch #cse-search-box input[name="q"] {
	border-style: none;
	width: 205px!important;
	height: 22px!important;
}

header #headSearch #cse-search-box input[name="q"]:focus {
	outline: none;
}

header #headSearch input[type="submit"] {
	border: none;
	background-color: white;
	background-image: url(../img/btn-google-search.svg);
	background-repeat: no-repeat;
	padding-right: 0px;
	width: 54.1px;
	height: 24px;
	fill-opacity: 0;
	padding-left: 0px;
	padding-bottom: 1px;
	top: 1px;
	left: 165px;
	position: static;
}

header #clearButton, header #clearButton-sp  {
	top: 1px;
	left: 141px;
	width: 15px;
	padding-top: 8px;
	padding-bottom: 16px;
	background-image: url(../img/clear-button.png);
	background-repeat: no-repeat;
	background-position-y: center;
	cursor: pointer;
	box-sizing: border-box;
	visibility: hidden;
	margin-left: 5px;
	position: static;
}

header #log_siteallj {
	display: flex;
}

header input#gsc-i-id1 {
	max-width: none;
}

header .gsst_b {
	width: auto!important;
}

/* 2: cse-search-box ヘッダ部フォーム
==========================================================*/
#headSearch #cse-search-box {
	width: 160px;
	border-style: solid;
	border-color: #dfe1e5;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	margin-right: 0px;
}

/* 3: input[name="q"] ヘッダ部テキストボックス
==========================================================*/
#headSearch #cse-search-box input[name="q"] {
	border-style: none!important;
	width: 137px!important;
	line-height: 25.6px;
	padding: 0px 0px 0px 0px!important;
	margin-left:0px;
	height: 24px!important;
	background: #FFFFFF url("https://www.google.com/cse/static/images/1x/en/branding.png") top 50% left 9px no-repeat;
	font-size: 13px!important;
}

#cse-search-box input[name="q"]::-ms-clear {
	display: none;
}

#cse-search-box input[name="q"]:focus {
	outline: none;
}

.gscChizai #cse-search-box input[name="q"] {
	border-style: none;
	width: 137px!important;
	line-height: 25.6px;
	padding: 0px 0px 0px 0px;
	margin-left:0px;
	height: 24px!important;
}

#headSearch .gsc-input {
	padding-right: 0px;
}

/* 4: input[type="submit"] ヘッダ部検索ボタン
==========================================================*/
#headSearch input[type="submit"] {
	border: none;
	background-color: white;
	background-image: url(../img/btn-google-search.svg);
	background-repeat: no-repeat;
	padding-right: 0px;
	width: 54.1px;
	height: 24px;
	fill-opacity: 0;
	position: absolute;
	padding-left: 0px;
	padding-bottom: 1px;
	top: 1px;
	left: 162px;
}

#head #headSearch button {
	border: none;
	background-color: white;
	background-image: url(../img/btn-google-search.svg);
	background-repeat: no-repeat;
	padding: 1px 17px 1px 0px;
	margin: 2px 11px 4px 0px;
	width: 54.1px;
	height: 23px;
}

#head #headSearch button svg {
	fill-opacity: 0;
}

.headSearchSubmit {
	cursor: pointer;
}

/* 5: chizai_link ヘッダ部知財リンク
==========================================================*/
#head #headSearch_chizai #chizai_link {
	position: absolute!important;
	top: 3.5px!important;
	font-size: 13px!important;
}

/* 6: clearButton ヘッダ部クリアマーク
==========================================================*/
#clearButton {
	top: 1px;
	left: 141px;
	width: 15px;
	padding-top: 8px;
	padding-bottom: 16px;
	position: absolute;
	background-image: url(../img/clear-button.png);
	background-repeat: no-repeat;
	background-position-y: center;
	cursor: pointer;
	box-sizing: border-box;
	visibility: hidden;
	padding-left: 5px;
	margin-left: 1px;
}


/* 7: ForLog コンテンツ部検索ボックスサイズ
==========================================================*/
#gscForLog {
	width: 40%;
}

.cansTop {
	width: 70%!important;
}

/* 8: button コンテンツ部検索ボタン
==========================================================*/
#gscForLog button {
	border: none;
	background-color: white;
	background-image: url(../img/btn-google-search.svg);
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-bottom: 5px;
	margin-left: 0px;
	cursor: pointer;
}

#gscForLog button svg {
	fill-opacity: 0;
}

/* 9: コンテンツ部検索ボックス（Google）
==========================================================*/
.gsc-input {
	font-size: 13px!important;
}

.gsib_a > .gsc-input {
	height: 23px!important;
}

.gsc-input-box {
	height: 24px;
}

.gsib_a {
	padding-top: 1px!important;
	padding-bottom: 0px!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}

.gscb_a {
	font-size: 25px!important;
	color: #143c85!important;
}

.gsst_a {
	height: 24px;
}

#container .gsc-selected-option{
	line-height: 27px!important;
}

.gscNew .gsst_b {
	height: 24px;
}

/* 検索ボックスの大きさ調節 */
/* IE対応部分 */
_:-ms-lang(x)::-ms-backdrop, #contents table.gsc-search-box tr td.gsc-input {
	table-layout: fixed;
	width: 328px!important;
}

_:-ms-lang(x)::-ms-backdrop, .gscNew .gsc-input {
	max-width: none!important;
	width : 287px!important;
}

_:-ms-lang(x)::-ms-backdrop, .gscNew .gsib_a {
	max-width: none!important;
}

_:-ms-lang(x)::-ms-backdrop, header #gs_id50, #contents .gscNew #gs_id52, #contents .gscNew #gs_id50  {
	width: 100%!important;
}

/* Firefox対応部分 */
_:lang(x)::-moz-placeholder, #contents table.gsc-search-box tr td.gsc-input {
	table-layout: fixed;
	width: 328px!important;
}

_:lang(x)::-moz-placeholder, .gscNew .gsc-input {
	max-width: none!important;
	width : 287px!important;
}

_:lang(x)::-moz-placeholder, .gscNew .gsib_a {
	max-width: none!important;
}

_:lang(x)::-moz-placeholder, header #gs_id50, #contents .gscNew #gs_id52, #contents .gscNew #gs_id50  {
	width: 100%!important;
}

/* Safari対応部分 */
_:lang(x)+_:-webkit-full-screen-document, header .gstl_50.gsc-input {
	width: 100%!important;
}


/* 共通部分 */
.gscNew #gsc-i-id1, .cansTop #gsc-i-id1 {
	max-width: none;
}

#contents table.gsc-search-box tr td.gsc-input{
	width: 328px!important;
	padding-right: 0px;
}

header .gstl_50.gsc-input {
	width: 108%!important;
}