@charset "UTF-8";
/*
===========================
レイアウト
===========================
*/
* body a { color: #0071BC; -webkit-transition: 0.2s; transition: 0.2s; }
* a:hover { color: #01579B; }
* a img { -webkit-transition: 0.2s; transition: 0.2s; }
* a:hover img { opacity: 0.7; }
* body { color: #4D4D4D; }

.grayLine { border: 1px solid #CCCCCC; }

.content_wrap { max-width: 960px; margin: 0 auto; padding: 14px 0; position: relative; }

.contentMiniWrap { margin: 0 auto; max-width: 768px; padding-top: 14px; }

input[type="checkbox"] { display: none; margin: 0; }
input[type="checkbox"] + label { padding: 0 0 0 24px; position: relative; display: inline-block; margin-right: 12px; font-size: 15px; line-height: 20px; cursor: pointer; }
input[type="checkbox"] + label:before { content: ""; position: absolute; top: 50%; left: 0; box-sizing: border-box; display: block; width: 18px; height: 18px; margin-top: -9px; background: #FFF; border: 2px solid #ccc; cursor: pointer; }
input[type="checkbox"]:checked + label:after { content: ""; position: absolute; top: 50%; box-sizing: border-box; display: block; left: 3px; width: 16px; height: 8px; margin-top: -8px; border-left: 3px solid #02569C; border-bottom: 3px solid #02569C; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; }

.fb_iframe_widget { position: relative; top: -1px; }

/*
---------------
ぱんくず
---------------
*/
.pankuzu.content_wrap { list-style: none; background-color: #f5f5f5; padding: 0; border-left: 4px solid #02569C; margin-top: 32px; }
.pankuzu .fa.fa-home.fa-lg { margin-right: 4px; line-height: 4px; }
.pankuzu li { display: inline-block; }
.pankuzu li a { display: block; background-color: #e0e0e0; font-size: 12px; height: 28px; position: relative; line-height: 24px; -webkit-transition: 0.2s; transition: 0.2s; margin-left: 0px; padding: 2px 10px 2px 0; text-decoration: none; }
.pankuzu li:first-child a { padding-left: 15px; }
.pankuzu li a:last-child { margin-right: 24px; }
.pankuzu li a:before { content: ""; display: block; position: absolute; top: 0; left: -22px; border: 14px solid transparent; border-color: #e0e0e0; border-left: 8px solid transparent; -webkit-transition: 0.2s; transition: 0.2s; }
.pankuzu li a:after { content: ""; display: block; position: absolute; top: 0; right: -22px; border: 14px solid transparent; border-left: 8px solid #e0e0e0; -webkit-transition: 0.2s; transition: 0.2s; }
.pankuzu li:last-child a:before, .pankuzu li:last-child a:after { display: none; }
.pankuzu li:first-child a { padding-left: 8px; }
.pankuzu li:first-child a:before { display: none; }
.pankuzu li a:hover { background-color: #e0f7fa; }
.pankuzu a:hover:before { border-color: #e0f7fa; border-left-color: transparent; }
.pankuzu li a:hover:after { border-left-color: #e0f7fa; }
.pankuzu li:last-child a { background-color: #f5f5f5; color: #787777; text-decoration: none; }
.pankuzu li:last-child a:hover:before, .pankuzu li:last-child a:hover:after { display: none; }

@media only screen and (max-width: 640px) { .topPage .pankuzu { font-size: 12px; } }
/*
===========================
汎用CSS
===========================
*/
.titleFish { color: #4D4D4D; font-size: 28px; font-weight: bold; border-bottom: solid 2px #02569C; padding: 0.5em 0 4px 42px; background: url("https://www.gekkoseisaku.com/shared/images/title-h3.png") no-repeat; background-size: 30px 30px; background-position: 0% 70%; margin-bottom: 32px; }

@media only screen and (max-width: 880px) { .titleFish { margin-bottom: 16px; } }
.title02 { font-size: 20px; border-bottom: solid 2px #02569C; border-left: solid 6px #02569C; margin-bottom: 14px; width: auto; padding-left: 12px; }

.hr_blue { border: 1px solid #02569C; }

.fa.fa-external-link-square { color: #01579B; }

.item_detail_relation, .item_detail_blog { position: relative; }

.title_innner_link { font-size: 16px; color: #4D4D4D; text-decoration: none; position: absolute; right: 0px; }
.title_innner_link a { text-align: right; }

.space_40px { margin-top: 40px; }

.space_80px { margin-top: 80px; }

/*
===========================
グロナビ
===========================
*/
.globalnav { background-color: rgba(1, 87, 155, 0.8); height: 60px; position: absolute; top: 0; z-index: 10; width: 100%; box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.2); }

.glonav_inner { max-width: 960px; margin: 0 auto; }
.glonav_inner ul { position: relative; top: 10px; }

.globalnav ul li { display: table-cell; line-height: 16px; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.5); vertical-align: middle; }

.globalnav_home { max-width: 200px !important; float: left; }
.globalnav_home img { max-width: 200px; -webkit-transition: 0.2s; transition: 0.2s; position: relative; z-index: 5; }
.globalnav_home a:hover img { opacity: 0.9; }

.glonav_inner:after { content: ""; clear: both; display: block; }

.glonav_menu a { color: #ffffff; text-align: center; font-size: 13px; text-decoration: none; width: 131px; display: inline-block; padding: 6px 0; margin: 0 10px; line-height: 14px; }
.glonav_menu a:hover { background-color: white; color: #01579B; border-radius: 4px; }

/*
.globalnav ul li:last-child a {
	padding: 0;
	font-size: 13px;
	padding: 4px 0;
}
*/
.current { background-color: white; color: #01579B !important; border-radius: 4px; }

.globalnav_home a { margin: 0 !important; }

/*
.globalnav ul li:last-child a {
	padding: 0;
	font-size: 13px;
	padding: 4px 0;
}
*/
.current { background-color: white; color: #01579B !important; border-radius: 4px; }

.globalnav_home a { margin: 0 !important; }

/*
===========================
ヘッダ
===========================
*/
.header_inner { background: url(../img/head_bg01.jpg) no-repeat center center; background-size: cover; height: 240px; z-index: -1; text-align: center; }

.header_inner_main { position: relative; top: 68px; }

.header_text { font-size: 36px; color: #ffffff; margin-bottom: 8px; }

.header_search_btn[type="submit"] { width: 58px; height: 40px; position: relative; z-index: 1; top: 0; }

@media only screen and (max-width: 880px) { .header_search_btn[type="submit"] { top: 12px; } }
.header_search span:after { content: " \f002"; font-family: FontAwesome; color: #ffffff; position: absolute; font-size: 28px; z-index: 0; background-color: #02569C; width: 58px; height: 48px; bottom: -16px; right: 0px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .header_search span:after { top: auto; height: 47px; } }
.header_inner_main p .fa.fa-search { position: relative; left: 160px; bottom: 41px; font-size: 28px; }
.header_inner_main .fa.fa-search { color: #ffffff; }

.header_textbox { background-color: rgba(0, 0, 0, 0.5); color: #ffffff; width: 320px; height: 48px; border: none; text-indent: 1em; font-size: 16px; -webkit-transition: 0.3s !important; transition: 0.3s !important; }

input [type="search"] { padding: 0px; }

::-webkit-input-placeholder { line-height: 16px; display: inline-block; padding-top: 4px; color: #CCCCCC !important; }

::-moz-placeholder { line-height: 48px; display: inline-block; color: #CCCCCC !important; }

::-ms-input-placeholder { line-height: 16px; display: inline-block; padding-top: 2px; color: #CCCCCC !important; }

.header_inner_main form:hover input.header_textbox { background-color: #000000; }

.header_textbox::-moz-placeholder, .header_textbox::-webkit-input-placeholder, .header_textbox::-ms-input-placeholder { color: #ffffff; }

.header_search { border: 2px solid rgba(255, 255, 255, 0.6); display: inline-block; -webkit-transition: all .3s; transition: all .3s; }
.header_search .header_textbox:hover { background-color: #000000; }
.header_search:hover { border: 2px solid #ffffff; }
.header_search span { position: relative; }

.header_search_link { color: #ffffff; letter-spacing: 1px; margin-top: 4px; }
.header_search_link a { font-size: 14px; color: #ffffff; }

#fixHeader { display: none !important; }

/*
===========================
フッタ
===========================
*/
.titleFooter { font-size: 24px; color: #ffffff; border-bottom: 2px solid #ffffff; padding-bottom: 8px; }

.footer_menu ul { display: inline-block; width: 20%; margin-top: 24px; border-right: 1px solid rgba(255, 255, 255, 0.5); height: 120px; padding-left: 0.8em; vertical-align: top; line-height: 2em; }
.footer_menu ul li { margin-bottom: 1em; font-size: 14px; }
.footer_menu ul li a { position: relative; display: inline-block; -webkit-transition: .3s; transition: .3s; color: #ffffff; text-decoration: none; }
.footer_menu ul li a:after { position: absolute; bottom: 0.2em; left: 0; content: ''; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.6); opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; }
.footer_menu ul li a:hover:after { bottom: 0; opacity: 1; }

.footer_copyRight { text-align: center; display: block; background-color: #ffffff; padding: 6px 0; font-size: 10px; }

.footer { position: relative; overflow: hidden; width: 100%; }
.footer:after { content: ''; position: absolute; top: 0; left: 0; width: 120%; height: 100%; margin: 3% -10% 0; background: rgba(1, 87, 155, 0.8); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); z-index: -1; }
.footer:before { content: ''; position: absolute; top: 0; left: 0; width: 120%; height: 100%; margin: 3% -10% 0; background-image: url(https://source.unsplash.com/category/technology/1950x500); background-position: center center; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); z-index: -1; }

.footer_inner { box-sizing: border-box; height: auto; margin: 0 auto; padding: 110px 0 60px; color: #fff; max-width: 960px; margin: 0 auto; }

.footer_menu ul:first-child { padding-left: 0; }
.footer_menu ul:last-child { border-right: none; }

/*
===========================
製品詳細ページ　item_detail
===========================
*/
/*
ーーーーーーーーーーーーーーーーーーー
製品詳細情報　item_detail_innner
ーーーーーーーーーーーーーーーーーーー
*/
#bx-pager a { width: 90px; height: 90px; display: inline-block; padding: 4px; border: 1px solid #CCCCCC; text-align: center; box-sizing: border-box; margin: auto; vertical-align: top; }
#bx-pager a img { max-width: 80px; max-height: 80px; }
#bx-pager a span { width: 80px; height: 80px; text-align: center; display: table-cell; vertical-align: middle; }

@media only screen and (max-width: 640px) { #bx-pager a { width: 60px; height: 60px; }
  #bx-pager a span { width: 50px; height: 50px; }
  #bx-pager a img { max-width: 50px; max-height: 50px; } }
.item_image_main, .item_image_sub { border: 1px solid #CCCCCC; text-align: center; box-sizing: border-box; margin: auto; }

.item_image_main { max-width: 400px; height: auto; margin-bottom: 12px; padding: 10px; }

.item_image_sub { width: 90px; height: 90px; display: inline-block; padding: 4px; }

.item_image { width: 400px; margin-right: 24px; float: left; }

@media only screen and (max-width: 880px) { .item_image { float: none; width: auto; text-align: center; margin-right: 0; margin-bottom: 18px; } }
.item_image_sub img { max-width: 100%; max-height: 100%; }

.subItem_space { margin-right: 6px !important; }

@media only screen and (max-width: 640px) { .subItem_space { margin-right: 2px !important; } }
/*
ーーーーーーーーーーーーーーーーーーー
製品詳細情報　item_detail_innner
ーーーーーーーーーーーーーーーーーーー
*/
.item_detail_innner { overflow: hidden; position: relative; }
.item_detail_innner section { margin-bottom: 32px; }

.sns_btn { position: absolute; right: 0px; }

@media only screen and (max-width: 640px) { .sns_btn { position: static; margin-top: 8px; } }
.item_detail_innner:after { content: ""; clear: both; display: block; }

.twitter-share-button { position: relative !important; top: 6px; }

.item_detail_innner table { border: 1px solid #CCCCCC; border-left: 6px solid #02569C; font-size: 16px; }
.item_detail_innner table td { border-bottom: 1px solid #CCCCCC; padding: 0.7em; }
.item_detail_innner table td:nth-child(odd) { background-color: #F5F5F5; width: 30%; color: #02569C; text-align: center; vertical-align: middle; }
.item_detail_innner table td:nth-child(even) { padding-left: 16px; }

@media only screen and (max-width: 640px) { .item_detail_innner table { border-left: none; }
  .item_detail_innner table td:nth-child(odd) { border-left: 1px solid #CCCCCC; border-left: 6px solid #02569C; } }
@media only screen and (max-width: 640px) { .item_detail_innner table td:last-child { border-bottom: none; } }
.itemIcon { font-size: 12px; padding: 0.4em 1.8em; color: #ffffff; min-width: 64px; display: inline-block; text-align: center; margin: 4px 4px 4px 0; box-sizing: border-box; -webkit-transition: 0.2s; transition: 0.2s; background-color: #02569C; }

a .itemIcon:hover { opacity: 0.8; }

.category_icon_list a .itemIcon:hover { opacity: 0.8; }
.category_icon_list .itemIcon:hover { opacity: 1; }

.iconColorsave_type_1 { background-color: #3DC4D5; }

.iconColorsave_type_2 { background-color: #689F38; }

.iconColorsave_type_3 { background-color: #E79933; }

.iconColoruse_field_1 { background-color: #0288D1; }

.iconColoruse_field_2 { background-color: #00A99D; }

.iconColoritem_type_1 { background-color: #EA714C; }

.iconColoritem_type_2 { background-color: #00695C; }

.itemLink_list { float: right; margin-top: 4px; }
.itemLink_list:after { content: ""; clear: both; display: block; }
.itemLink_list a { color: #4D4D4D; font-size: 16px; }

.item01 { background-color: #E3F2FD; margin-bottom: 24px; padding: 1em; box-shadow: 6px 6px 0 0 #E6E6E6; margin: 40px 15px; }
.item01 p { color: #ffffff; background-color: #01579B; max-width: 240px; padding: 8px; position: relative; top: -2em; left: -2em; }
.item01 p:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 16px 16px 0; border-color: transparent #00a99e transparent transparent; position: relative; top: 11px; right: 8px; z-index: -2; }
.item01 div { position: relative; top: -10px; left: 10px; }

.relation_img { display: inline-block; text-align: center; text-decoration: none; color: #4D4D4D; margin-bottom: 32px; padding: 8px; width: 220px; vertical-align: top; }
.relation_img div { width: 220px; height: 220px; padding-bottom: 16px; border-bottom: 1px solid #CCCCCC; margin-bottom: 4px; vertical-align: middle; display: table-cell; box-sizing: border-box; }
.relation_img img { max-height: 220px; max-width: 220px; }

@media only screen and (max-width: 640px) { .relation_img { margin: 0; } }
s .item_detail_relation { margin-top: 80px; }

.item_detail_blog_inner { width: 300px; height: auto; display: inline-block; margin: 8px 8px 32px 8px; text-decoration: none; color: #4D4D4D; vertical-align: top; }

.item_detail_blog img { max-width: 300px; max-height: 180px; }

.item_detail_blog_inner div { width: 300px; height: 180px; text-align: center; display: table-cell; vertical-align: middle; }
.item_detail_blog_inner p { border-top: 1px solid #CCCCCC; margin-top: 16px; line-height: 1.2em; padding-top: 8px; }

/*
===========================
製品一覧ページ　item_search
===========================
*/
.item_search_allWrap h2 { margin-bottom: 0; }

/*
ーーーーーーーーーーーーーーーーーーー
検索エリア　item_search_form_wrap
ーーーーーーーーーーーーーーーーーーー
*/
.keyword_search_innerWrap { margin-top: 4px; }

.align_center { text-align: -webkit-center; text-align: -moz-center; text-align: -ms-center; text-align: -o-center; }

.item_search_form_wrap { background-color: #E3F2FD; padding-bottom: 8px; text-align: center; }

.content_wrap.item_search_allWrap.gsItemWrap .item_search_form_wrap { padding: 3%; }

.keyword_search { background-color: #C9D9E6; padding: 16px; }
.keyword_search form { margin: 8px 0; -webkit-transition: 0.2s; transition: 0.2s; }

@media only screen and (max-width: 640px) { .keyword_search { padding: 12px 8px 8px; } }
.keyword_search_link { font-size: 12px; color: #02569C; }

.keyword_search form:hover input.keyword_search_textbox { background-color: #E3F2FD; }

input.keyword_search_textbox:focus { -webkit-transition: 0.2s; transition: 0.2s; }

.keyword_search { color: #ffffff; position: relative; }

.keyword_search_link a { color: #02569C; }

.keyword_search_textbox { width: 60%; height: 52px; background-color: #ffffff; font-size: 18px; text-indent: 1em; -webkit-transition: 0.2s; transition: 0.2s; margin-bottom: 6px; padding-bottom: 8px; border: 1px solid #02569C; }

.keyword_search_btn { width: 10%; height: 52px; position: relative; z-index: 1; right: 13px; top: -3px; }

.keyword_search span:after { content: " \f002"; font-family: FontAwesome; display: inline-block; background-color: #02569C; width: 80%; height: 52px; position: absolute; top: -10px; right: 25px; font-size: 28px; line-height: 52px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .keyword_search span:after { top: -10px; } }
.content_wrap.item_search_allWrap.gsItemWrap .keyword_search span:after { top: -1px; }

@media only screen and (max-width: 640px) { .keyword_search_textbox { width: 80%; font-size: 14px; }
  .keyword_search_btn { width: 16%; }
  .keyword_search_innerWrap { position: relative; left: 6px; }
  .gsItemWrap .keyword_search_textbox { width: 70%; font-size: 14px; } }
@media only screen and (max-width: 472px) { .keyword_search_textbox { width: 76%; }
  .keyword_search span::after { font-size: 24px; } }
.keyword_search form span { position: relative; }
.keyword_search form span:after { content: " \f002"; font-family: FontAwesome; color: #FFF; font-size: 28px; background-color: #02569C; width: 100%; height: 52px; display: inline-block; position: absolute; right: 0px; top: -15px; z-index: 0; }
.keyword_search span { position: relative; }

.item_search_table, .recruit_inner table { background-color: #ffffff; margin: 12px 0; font-size: 16px; margin-bottom: 24px; }

.item_search_table { width: 100%; }

.now_search_box .search_submit_btn { background-image: none; margin: 4px 0; display: inline-block; }

@media only screen and (max-width: 640px) { .now_search_box .search_submit_btn { min-width: 270px; } }
.search_submit_btn .fa.fa-search { margin-right: 8px; }

.item_search_table th, .recruit_inner table th { background-color: #F5F5F5; border-left: 6px solid #02569C; color: #02569C; width: 20%; min-width: 150px; padding: 16px; }

@media only screen and (max-width: 750px) { .item_search_table th { width: 100%; padding: 8px; display: inline-block; }
  .item_search_table th br { display: none; } }
.item_search_table tr, .recruit_inner table tr { border-bottom: 1px solid #CCCCCC; }

.item_search_table tr:last-child, .recruit_inner table tr:last-child { border-bottom: none; }

@media only screen and (max-width: 640px) { .item_search_table tr { border: none; } }
.item_search_table td, .recruit_inner table td { padding: 16px 25px; text-align: left; }

.item_search_form span { padding: 16px; }

@media only screen and (max-width: 640px) { .item_search_table { margin-bottom: 16px; text-align: left; }
  .item_search_table td { display: inline-block; } }
.hitItem { font-size: 18px; padding: 4px 16px 0px; border-bottom: 2px solid #CCCCCC; display: inline-block; }
.hitItem .realtime { padding: 12px !important; }
.hitItem span { color: #fb8c00; font-size: 28px; font-weight: bold; }

@media only screen and (max-width: 880px) { .hitItem { font-size: 13px; } }
.formBtn01 { display: inline-block; margin-left: 4%; width: 46%; }
.formBtn01 .search_submit_btn { width: 100% !important; }

@media only screen and (max-width: 880px) { .formBtn01 { display: block; margin: 12px auto; width: 60%; } }
@media only screen and (max-width: 640px) { .formBtn01 { width: 100%; } }
.targetItem_list span.articleCountAll { padding: 2px !important; }

/*
ーーーーーーーーーーーーーーーーーーー
対象製品リスト上　item_list_top
ーーーーーーーーーーーーーーーーーーー
*/
.now_search_box { background-color: #E3F2FD; padding: 3%; margin: 3% 0 4%; text-align: center; }
.now_search_box span { padding: 8px 20px; }

@media only screen and (max-width: 880px) { .now_search_box { text-align: -ms-center; text-align: -moz-center; text-align: -webkit-center; text-align: -o-center; } }
.item_checkbox01 li { display: inline-block; width: 32%; padding: 6px 0; box-sizing: border-box; white-space: nowrap; }

@media only screen and (max-width: 750px) { .item_checkbox01 li { width: 264px; }
  .item_checkbox01.Type__width li { width: 170px; } }
@media only screen and (max-width: 640px) { .item_checkbox01 li, .item_checkbox01.Type__width li { width: 100%; } }
.item_checkbox02 li { display: inline-block; width: 164px; padding: 6px 0; box-sizing: border-box; }

.search_submit_btn { color: #ffffff; display: table-cell; min-width: 280px; box-sizing: border-box; vertical-align: middle; text-align: center; box-shadow: 6px 6px 0 0 #CCCCCC; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; background: url(../img/search.png) #02569C no-repeat 16% center; background-size: 16px 16px; font-size: 16px; padding: 20px 0; }
.search_submit_btn:hover { background-color: #00bcd4; }

.search_form_hidden { color: #ffffff; background-color: #02569C; padding: 16px; text-align: center; -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; }
.search_form_hidden:hover { background-color: #00bcd4; }

.targetItem_list { display: inline-block; padding: 0 1em; font-size: 18px; margin-right: 2px; line-height: 32px; padding-bottom: 6px; position: relative; top: 12px; border-bottom: 2px solid #CCCCCC; margin-bottom: 16px; }
.targetItem_list span { font-size: 28px; font-weight: bold; color: #fb8c00; position: relative; right: -4px; }

@media only screen and (max-width: 880px) { .targetItem_list { position: static; margin-bottom: 10px; margin-top: 6px; font-size: 14px; } }
.paging li { display: inline-block; font-size: 18px; }

.gs_tabContent.all.active .paging:last-child { margin-top: 16px; }

.list_hr { margin: 16px 0 12px; }

.paging li span { display: inline-block; padding: 6px 10px; color: #ffffff; background-color: #02569C; border: 1px solid #02569C; }
.paging li a span { border: 1px solid #02569C; display: inline-block; padding: 6px 10px; background-color: #ffffff; color: #02569C !important; -webkit-transition: 0.3s; transition: 0.3s; box-sizing: border-box; height: 45px; }
.paging li a:hover span { background-color: #02569C; color: #ffffff !important; }

.paging__numberLink { display: inline-block; }

.paging__total { text-align: left; display: inline-block; float: left; background-color: #f5f5f5; padding: 2px 10px 2px 14px; border-left: 6px solid #CCCCCC; position: relative; top: 8px; }
.paging__total em { font-style: normal; }
.paging__total span { font-size: 12px; }

@media only screen and (max-width: 640px) { .paging__total { width: 100%; margin-bottom: 10px; }
  .paging__numberLink { margin-top: 10px; }
  .paging li span, .paging li a span { padding: 3px 6px; height: 39px; } }
.paging { text-align: right; }

.numberNone { display: none !important; }

.numberShow { display: inline-block !important; }

.item_list_wrap:after { content: ""; clear: both; display: block; }

.select_btn { color: #02569C; font-size: 18px; border: 1px solid #02569C; padding: 6px; width: 140px; cursor: pointer; margin-right: 2px; -webkit-transition: 0.2s; transition: 0.2s; text-align: center; position: relative; bottom: 4px; text-indent: -0.3em; box-sizing: border-box; height: 45px; top: 0px; }

.paging__prevNext { clear: both; display: inline-block; }

.paging li { display: inline-block; }

.select_btn_wrap:hover .select_btn, .select_btn_wrap:hover.select_btn_wrap:after { color: #ffffff; background-color: #02569C; }

.select_btn:hover option { color: #02569C; background-color: #ffffff; }

.select_btn_wrap { display: inline-block; position: relative; }
.select_btn_wrap:after { content: " \f107"; font-family: FontAwesome; color: #02569C; position: absolute; right: 24px; top: 22px; font-size: 18px; line-height: 0; }

/*
ーーーーーーーーーーーーーーーーーーー
製品情報　item_list_main_wrap
ーーーーーーーーーーーーーーーーーーー
*/
.item_list_main { -webkit-transition: 0.2s; transition: 0.2s; }

.item_list_wrap hr { border: 1px solid #CCCCCC; }

.item_list_mainImage { width: 220px; height: 220px; float: left; box-sizing: border-box; margin-right: 32px; text-align: center; }
.item_list_mainImage img { max-width: 220px; max-height: 220px; }

.item_list_detail { overflow: hidden; }
.item_list_detail:after { content: ""; clear: both; display: block; }

.item_list_top { position: relative; top: 4px; }

.item_list_h3 { font-size: 22px; color: #02569C; font-weight: lighter; padding: 2px 1em 8px; width: auto; text-indent: 0; line-height: 1.3em; }

.item_list_title { font-weight: bold; display: inline-block; }

a .item_list_title { text-decoration: none; }

.item_price { font-size: 14px; color: #546e7a; margin-top: 8px; }

.search_fish_list { border: 1px solid #CCCCCC; padding: 14px 16px; position: relative; margin-top: 36px; }
.search_fish_list:before { content: "対象魚"; color: #ffffff; font-size: 12px; width: 80px; border-bottom: 30px solid #0097A7; border-left: 0px solid transparent; border-right: 10px solid transparent; height: 0; position: absolute; z-index: 3; top: -30px; left: -1px; text-align: center; line-height: 29px; }

a.thisItem_detail_btn { border: 1px solid #02569C; width: 320px; display: inline-block; padding: 12px; text-align: center; text-decoration: none; box-sizing: border-box; margin-top: 16px; position: relative; left: 388px; color: #02569C; -webkit-transition: 0.3s; transition: 0.3s; }

.thisItem_detail_btn:hover { background-color: #02569C; color: #ffffff; }

.fa-arrow-right { padding-left: 2px; position: relative; bottom: 1px; }

a .item_list_mainImage:hover img { opacity: 1; }

.item_list_main hr { margin: 16px 0 32px; }

.item_list_h3 span { padding: 0 18px; font-size: 12px; font-weight: bold; display: inline-block; margin: 2px 0; }
.item_list_h3 span:nth-child(odd) { background: #eeeeee; }
.item_list_h3 span:nth-child(even) { margin-right: 40px; padding: 0 8px; }

.category_icon_list { margin-top: 8px; }

/*
===========================
個人情報保護方針　privacy_wrap
===========================
*/
.privacy_wrap div { padding: 1.1em; margin-bottom: 16px; }
.privacy_wrap h2 { margin-bottom: 16px; }

.recruit_wrap h2 { margin-bottom: 16px; }

.privacy_wrap div p span { margin-right: 3em; }

.privacy_company { background-color: #F5F5F5; display: inline-block; margin-top: 1em; padding: 1.3em !important; margin-bottom: 0 !important; }
.privacy_company hr { border: 1px solid #BDBDBD; margin-top: 4px; }
.privacy_company p:first-child { font-weight: bold; font-size: 18px; }

.privacy_wrap div:last-child { margin-bottom: 0; }

.privacy_inner ul li { list-style: inside; }

/*
===========================
個人情報保護方針　ricruit_wrap
===========================
*/
.ricruit_inner { padding: 2em; }

.recruit_inner table { border: 1px solid #CCCCCC; font-size: 16px; }
.recruit_inner div { margin: 1.5em 0; background-color: #EEEEEE; padding: 1em; height: 230px; }
.recruit_inner table th { vertical-align: middle; color: #02569C; background-color: #F5F5F5; }

.recruitIcon { font-size: 12px; color: #ffffff; padding: 4px 20px; margin-right: 8px; display: inline-block; margin-bottom: 4px; }

.r_01 { background: #7CB342; }

.r_02 { background: #FB8C00; }

.r_03 { background: #01579B; }

.r_04 { background: #0288D1; }

.r_05 { background: #0097A7; }

.r_06 { background: #26A69A; }

.recruit_coment p { display: inline-block; }
.recruit_coment p:first-child { float: left; }
.recruit_coment p:first-child img { max-width: 350px; max-height: 200px; }
.recruit_coment p:last-child { max-width: 60%; overflow: hidden; padding-left: 24px; box-sizing: border-box; }

.ricruit_inner:after { content: ""; clear: both; display: block; }

.tell_font { font-size: 32px; font-weight: bold; }

.recruit_inner table hr { border: 1px solid #EEEEEE; margin: 1.5em 0 0.6em; }

/*
===========================
会社概要・沿革　company_wrap
===========================
*/
.company_wrap table { border: 1px solid #CCCCCC; font-size: 16px; margin: 12px 0 24px; width: 100%; }
.company_wrap table th { border-left: 6px solid #02569C; background-color: #F5F5F5; color: #02569C; width: 30%; vertical-align: middle; padding-left: 16px; }
.company_wrap table td { padding: 1.5em 2em; vertical-align: middle; }
.company_wrap table tr { border-bottom: 1px solid #CCCCCC; }

.company_inner01 { margin-bottom: 64px; }

.company_wrap h2 { margin-bottom: 24px; }
.company_wrap h3 { margin-bottom: 24px; font-weight: bold; }

.page__next { border-top: none !important; padding: 16px 0 0 !important; }

.article .page__next--label { background: #02569C !important; color: #ffffff; padding: 8px 0; margin: 0 8px 12px !important; }
.article .page__next a { padding: 0 8px !important; }
.article .page__next--title { padding: 0 1em !important; }

.companyImageTitle { color: #02569C; border-left: 4px solid #02569C; border-bottom: 1px solid #02569C; margin: 4px 0 2px; padding-left: 8px; }

.companyImageBig { width: 49%; float: left; margin-right: 2%; }

.companyImageNormal { width: 100%; }

.companyImageMain div p { font-size: 14px; }

.companyImageHead div { width: 24%; display: inline-block; vertical-align: top; padding-right: 1%; margin-bottom: 32px; }

.companyImageMain { clear: both; }
.companyImageMain div { width: 24%; display: inline-block; vertical-align: top; padding-right: 1%; margin-bottom: 32px; }

/* ブログカテゴリカラー */
.gs_newsCategory { padding: 2px 16px; color: #ffffff; display: inline-block; font-size: 12px; float: left; margin-right: 6px; margin-bottom: 5px; min-width: 80px; text-align: center; }

/* カテゴリボタンカラー */
.category1 { background: #D9534D !important; }

.category2 { background: #D08231 !important; }

.category3 { background: #CBBC09 !important; }

.category4 { background: #689F38 !important; }

.category5 { background: #2C98C9 !important; }

.category6 { background: #865b98 !important; }

.category7 { background: #D18BA6 !important; }

.category8 { background: #579066 !important; }

.category9 { background: #0277BD !important; }

.category10 { background: #26A69A !important; }

.category11 { background: #8D6E63 !important; }

.category12 { background: #00838F !important; }

.category13 { background: #E57373 !important; }

.category14 { background: #5C6BC0 !important; }

.category15 { background: #4E342E !important; }

.blogWrap .gs_list a { text-decoration: none; }

/* フッター下テキスト */
.fotter__lasttext, .header__firsttext { background-color: #00437B; padding: 4px; font-size: 10px; text-align: center; color: #ffffff; }

.miniFish { background: url("../img/shiro_fish.png") no-repeat; background-size: 22px auto; padding-left: 30px; background-position: 0% 50%; }

/* ヘッダー上テキスト */
.header__firsttext .miniFish { width: 960px; text-align: left; display: inline-block; }

.header__firsttext--discription { border-right: 1px dotted #ffffff; margin-right: 6px; padding-right: 6px; display: inline-block; }

@media only screen and (max-width: 880px) { .header__firsttext .miniFish { width: 100%; } }
@media only screen and (max-width: 640px) { .header__firsttext--discription { width: 100%; border: none; }
  .header__firsttext span { line-height: 15px; margin-top: 2px; } }
.recruitForm__btn { height: auto !important; background: #fff !important; text-align: center; }
.recruitForm__btn a { border: 1px solid #fff; padding: 16px 24px; width: 280px; color: #fff; background: #02569C; max-width: 300px; text-decoration: none !important; display: inline-block; -webkit-transition: .3s; transition: .3s; }
.recruitForm__btn a:hover { color: #02569C; background-color: #fff; border-color: #02569C; }