@charset "UTF-8";
/*
===========================
トップページ topPageWrap
===========================
*/
.titleTop { color: #000000; font-size: 40px; font-weight: bold; text-align: center; margin-top: 40px; letter-spacing: 2px; padding-bottom: 24px; }
.titleTop span { font-size: 32px; font-weight: bold; margin: 0 2px; }

@media only screen and (max-width: 880px) { .titleTop { margin-top: 20px; padding-bottom: 12px; } }
@media only screen and (max-width: 640px) { .titleTop { font-size: 32px; letter-spacing: -1px; } }
.ichiranIcon { color: #ffffff; font-size: 14px; width: 225px; border-bottom: 46px solid #02569C; border-left: 14px solid transparent; border-right: 0px solid transparent; height: 0; text-align: center; line-height: 46px; -webkit-transition: 0.2s; transition: 0.2s; position: absolute; right: 0px; bottom: 0px; }
.ichiranIcon:hover { border-bottom: 46px solid #00bcd4; color: #ffffff; }

.ichiranIcon02 { margin: 56px 0 20px; }
.ichiranIcon02 .ichiranIcon { position: static; margin: 0 auto; border-left: 0px solid transparent; margin-top: 16px; }

.categoryArea .ichiranIcon02 { margin-top: 24px; margin-bottom: 0; }

@media only screen and (max-width: 640px) { .categoryArea .titleFish, .partsItem .titleFish { margin: 30px 0 10px; }
  .ichiranIcon02 { margin-top: 40px !important; } }
.ichiranIcon02 .ichiranIcon, ichiranIcon02 { display: none; }

@media only screen and (max-width: 880px) { .ichiranIcon { display: none; }
  .ichiranIcon02 .ichiranIcon, ichiranIcon02 { display: block; width: 50%; } }
@media only screen and (max-width: 640px) { .ichiranIcon02 .ichiranIcon, ichiranIcon02 { width: 86%; } }
.partsItem a { text-decoration: none; }
.partsItem .titleFish { position: relative; }

.partsItem__search { background-size: 310px auto !important; width: 32%; height: 340px; color: #ffffff; }

.partsItem__search--img01 { background: url(https://source.unsplash.com/category/technology/620x680) no-repeat center center; }

.partsItem__search--img02 { background: url(https://source.unsplash.com/category/buildings/620x680) no-repeat center center; margin: 0 2%; }

@media only screen and (max-width: 880px) { .partsItem__search--img02 { margin: 0 1%; } }
.partsItem__search--img03 { background: url(https://source.unsplash.com/category/people/620x680) no-repeat center center; }

.partsItem__searchWrap { text-align: center; }
.partsItem__searchWrap .partsItem__search { float: left; }
.partsItem__searchWrap:after { content: ""; clear: both; display: block; }

@media only screen and (max-width: 880px) { .partsItem__searchWrap .partsItem__search { float: none; display: inline-block; vertical-align: top; }
  .partsItem__search--img01 { position: relative; top: -1px; }
  .partsItem__search--img02 { position: relative /* 		top: -19px; */ } }
@media only screen and (max-width: 640px) { .partsItem__search { background-size: 100% auto !important; width: 100%; height: 240px; }
  .partsItem__searchWrap .partsItem__search { float: none; display: block; margin: 0 auto; }
  .partsItem__search--img02 { margin-bottom: 10px !important; margin-top: 10px !important; } }
.partsBlack { width: 32%; height: 340px; background-color: rgba(0, 0, 0, 0.4); display: table-cell; vertical-align: middle; }
.partsBlack.lastPartsBlack { padding-top: 17px; }
.partsBlack p { font-size: 24px; }
.partsBlack p:first-child { font-size: 48px; font-weight: bold; line-height: 50px; }
.partsBlack p:nth-child(4) { font-size: 14px; font-weight: normal; margin-top: 16px; }
.partsBlack span { font-size: 32px; font-weight: bold; }

@media only screen and (max-width: 640px) { .partsBlack { padding: 20px; width: 100%; height: 240px; display: block; } }
@media only screen and (max-width: 880px) { .partsBlack p:first-child { font-size: 40px; } }
@media only screen and (max-width: 640px) { .partsBlack p:nth-child(4) { margin-top: 8px; line-height: 22px; } }
.pertsItem__search--btn { border: 2px solid #ffffff; display: inline-block; width: 74%; padding: 4px; font-size: 20px; margin-top: 16px; }
.pertsItem__search--btn .fa.fa-search { margin-right: 8px; }

@media only screen and (max-width: 640px) { .partsItem__search--img02 .partsBlack p { top: 16px; } }
.partsItem__search:hover { opacity: 0.8; }

.top__hr--blue { box-shadow: 0 3px 0 0 #E6E6E6; position: relative; background-color: #02569C; border: none; height: 3px; margin-bottom: 32px; overflow: visible; }
.top__hr--blue:after { content: ""; width: 0; height: 0; border-top: 30px solid #ffffff; border-right: 44px solid transparent; border-bottom: 44px solid transparent; border-left: 44px solid transparent; text-align: center; position: absolute; right: 0; left: 0; margin: 0 auto; top: -3.7px; }
.top__hr--blue:before { content: ""; width: 0; height: 0; border-top: 30px solid #02569C; border-right: 44px solid transparent; border-bottom: 44px solid transparent; border-left: 44px solid transparent; text-align: center; position: absolute; right: 0; left: 0; margin: 0 auto; }

.parts__infoIcon { color: #ffffff; font-size: 12px; padding: 2px 12px; width: 86px; display: inline-block; text-align: center; }

.parts__infoIcon--info { background-color: #E35537; }

.parts__infoIcon--blog { background-color: #00695C; }

/*
.parts__info--tab li {
	display: inline-block;
	width: 192px;
	text-align: center;
	padding: 4px 0;
	margin: 0 1px;
	position: relative;
	top: 1px;
	border-bottom: 1px solid #02569C;
}

.parts__info--tabAll:hover { background-color: #02569C !important;
}

.parts__info--tabInfo:hover { background-color: #E35537 !important;
}
.parts__info--tabBlog:hover { background-color: #00695C !important;
}

.parts__info--tabAll:hover a, .parts__info--tabInfo:hover a, .parts__info--tabBlog:hover a { color: #ffffff !important;
}

.parts__info--tabAll {
	border: 1px solid #01579B;
	color: #01579B;
	transition: 0.2s;
}
.parts__info--tabInfo {
	border: 1px solid #E35537;
	color: #E35537;
	padding: 0 4px;
	transition: 0.2s;
}
.parts__info--tabBlog {
	border: 1px solid #00695C;
	color: #00695C;
	transition: 0.2s;
}
*/
.parts__info--inner { border: 1px solid #CCCCCC; height: 360px; overflow-x: scroll; padding-top: 6px; }

#infoList li { min-height: 90px; }

.parts__info--main { /* 	border: 1px solid #CCCCCC; */ /* 	max-width: 591px; */ /* 	border-top: 2px solid #01579B; */ padding: 0 6px; text-align: left; }

.parts__info { /* 	display: inline-block; */ float: left; width: 62%; vertical-align: top; }

@media only screen and (max-width: 920px) { .parts__info { float: none; width: auto; padding-bottom: 8px; } }
/*
@media only screen and (max-width: 880px) {
	.parts__info {
		margin: 16px 0;
	}
}
*/
@media only screen and (max-width: 640px) { .parts__info { margin: 16px 8px; } }
.parts__info--date span { display: block; }

.parts__info--main li { border-bottom: 1px solid #CCCCCC; padding: 6px; -webkit-transition: 0.2s; transition: 0.2s; }
.parts__info--main li a { text-decoration: none; }
.parts__info--main li:hover { background-color: #EFF8FF; }
.parts__info--main li:last-child { border: none; }

.parts__info--date { display: inline-block; color: #4d4d4d; font-size: 1.2rem; background: #f5f5f5; padding: 1px 16px; width: 100%; text-align: center; margin: 8px 0; }

.gs_newsDate { display: inline-block; font-size: 1.2rem; color: #9d9d9d; }

.gs_listThumb { margin-bottom: 12px; text-align: center; }
.gs_listThumb img { max-width: 60px; max-height: 60px; }

@media only screen and (max-width: 640px) { .gs_listThumb img { max-width: 100%; max-height: 160px; }
  .parts__info--date { padding: 4px 16px; } }
.parts__info--img { width: 100%; text-align: center; float: left; margin-bottom: 4px; }
.parts__info--img img { max-width: 100%; max-height: 160px; }

.parts__info--main li div { vertical-align: top; font-size: 13px; }

.gs_newsTitle { border-bottom: 1px dotted #cccccc; margin-bottom: 5px; padding-bottom: 4px; font-weight: bold; }

.gs_newsTitleWrap .introduction, .gs_newsTitle, .parts__info--text p { line-height: 18px; }

.gs_listThumbWrap { display: inline-block; }

.gs_listDetail { display: inline-block; max-width: 240px; width: 100%; margin-left: 2px; }

@media only screen and (max-width: 640px) { .gs_listDetail { max-width: 100%; }
  .gs_listThumbWrap { display: block; } }
.gs_newsMeta { overflow: hidden; }

.parts__info--text { overflow: hidden; max-width: 330px; margin-left: 8px; font-size: 14px; color: #4D4D4D; }
.parts__info--text p:first-child { border-bottom: 1px dotted #CCCCCC; font-weight: bold; color: #4D4D4D; margin-bottom: 6px; padding-bottom: 6px; font-size: 13px; }

.parts__kodawari--content01 span, .parts__kodawari--content02 div span, .parts__kodawari--content03 span { font-weight: bold; display: block; font-size: 20px; line-height: 26px; margin: 8px 0 4px; border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; }

.parts__kodawari--content01 { width: 463px; display: inline-block; margin-bottom: 40px; margin-right: 12px; width: 47%; vertical-align: top; }

@media only screen and (max-width: 640px) { .parts__kodawari--content01 { width: 96%; margin-right: 0 !important; margin-bottom: 30px; }
  .parts__kodawari--content01 span, .parts__kodawari--content01 p { text-align: left; }
  .parts__info--text { max-width: 100%; } }
@media only screen and (max-width: 880px) { .parts__kodawari { margin: 50px 0 10px; } }
@media only screen and (max-width: 640px) { .parts__kodawari { text-align: center; } }
article .parts__kodawari--content01:first-child { margin-right: 24px; }

.parts__kodawari--content02 a { background-color: #02569C; -webkit-transition: 0.3s; transition: 0.3s; text-decoration: none; color: #ffffff; width: 550px; padding: 14px; display: inline-block; text-align: center; border: 1px solid #02569C; margin-top: 40px; position: absolute; bottom: 0px; }

.parts__kodawari--content03 a { background-color: #02569C; -webkit-transition: 0.3s; transition: 0.3s; text-decoration: none; color: #ffffff; width: 550px; padding: 14px; display: inline-block; text-align: center; border: 1px solid #02569C; margin-top: 40px; position: absolute; bottom: 0px; width: 75% !important; margin-top: 18px; position: relative; }

@media only screen and (max-width: 640px) { .parts__kodawari--content03 a { width: 100% !important; } }
.parts__kodawari--content02 a:hover { background-color: #ffffff; border: 1px solid #02569C; color: #02569C; }

.parts__kodawari--content03 a:hover { background-color: #ffffff; border: 1px solid #02569C; color: #02569C; }
.parts__kodawari--content03 div { display: inline-block; width: 367px; overflow: hidden; vertical-align: top; }
.parts__kodawari--content03 div:last-child { display: inline-block; overflow: hidden; width: 57%; text-align: center; padding-left: 16px; }
.parts__kodawari--content03 div:last-child span, .parts__kodawari--content03 div:last-child p { text-align: left; }

.parts__kodawari--content02 div, parts__kodawari--content03 div { position: relative; height: 280px; }

.parts__kodawari--content03 div:after { content: ""; clear: both; display: block; }
.parts__kodawari--content03 div:first-child { width: 43%; float: left; }

@media only screen and (max-width: 640px) { .parts__kodawari--content03 div:first-child { width: 96%; float: none; padding-left: 0px; }
  .parts__kodawari--content03 div:last-child { width: 96%; padding-left: 0 !important; } }
.parts__kodawari--content02 div { display: inline-block; max-width: 550px; overflow: hidden; margin-left: 40px; }
.parts__kodawari--content02 span { display: inline-block; }

.parts__kodawari--content03 { margin: 16px 0; clear: both; }

@media only screen and (max-width: 640px) { .parts__kodawari--content03 { margin-top: 8px; } }
.parts__kodawari--content02 p { float: left; }

.parts__info--tab { position: relative; right: 1px; }

.parts__kodawari--content02 div p { float: none; }
.parts__kodawari--content02:after { content: ""; clear: both; display: block; }

.parts__kodawari .parts__kodawari--content01:first-child { margin-right: 1%; }

/*
=======================
カルーセルbx-slider
=======================
*/
.partsItem .bx-wrapper { width: 100% !important; border: none; }
.partsItem .bxslider li { height: 270px; text-align: center; }
.partsItem .bxslider li img { max-width: 200px; max-height: 200px; margin: 0 auto; }
.partsItem .bxslider li div { width: 200px; height: 200px; display: table-cell; vertical-align: middle; position: relative; left: 10px; }
.partsItem .bxslider li p { text-decoration: none; color: #4D4D4D; text-align: center; border-top: 1px solid #CCCCCC; padding-top: 4px; margin-top: 16px; line-height: 20px; }
.partsItem .bxslider li a { width: 220px; display: inline-block; }
.partsItem .bx-wrapper .bx-controls-direction a { top: 34%; }
.partsItem .content_wrap { padding-bottom: 0; }

@media only screen and (max-width: 740px) { .partsItem .bxslider li { width: 270px !important; } }
@media only screen and (max-width: 400px) { .bx-wrapper .bx-pager { bottom: -20px !important; } }
/*
.parts__info--tabAll.active a, .parts__info--tabInfo.active a, .parts__info--tabBlog.active a {
	color: #ffffff;
}
*/
.parts__info a { text-decoration: none; }

/*
.parts__info--tab li a {
	display: inline-block;
	width: 100%;
	color: #4D4D4D;
}
.parts__info--tabAll.active {
	background-color: #02569C;
}
.parts__info--tabInfo.active {
	background-color: #E35537;
}
.parts__info--tabBlog.active {
	background-color: #00695C;
}
*/
.snsWidget.snsWidget__fb { display: inline-block; }

.topInfoWrap .content_wrap { text-align: center; }
.topInfoWrap:after { content: ""; clear: both; display: block; }

.topPage .pankuzu { clear: both; display: none; }

@media only screen and (max-width: 880px) { .header_text { margin-bottom: 10px; }
  .topPage .header_inner_main { top: 150px; } }
@media only screen and (max-width: 640px) { .topPage .header_inner { height: 240px; }
  .topPage .header_inner_main { top: 86px; }
  .bx-wrapper .bx-pager { width: 90%; } }
#parts__info--mainInfo { width: 42%; }

@media only screen and (max-width: 640px) { #parts__info--mainInfo { width: auto; margin-right: auto; margin-top: 16px; }
  #parts__info--mainBlog { float: none !important; width: 100% !important; }
  .infoHeight { height: 200px; } }
#parts__info--mainBlog { overflow: hidden; float: right; width: 56%; }

.parts__info--title a { display: block; padding: 8px; background: #C6543B; color: #FFF !important; font-weight: bold; }

#parts__info--mainBlog .parts__info--title a { background: #21838C; }

#blogList li a { color: #4d4d4d; }

a.thisItem_detail_btn { left: inherit; width: 80%; font-size: 1.4rem; white-space: nowrap; }

.fb-page { width: 340px; clear: both; }

@media only screen and (max-width: 920px) { .fb-page { width: auto; } }
/* モーダル追加部分 */
.remodal__closeBtn { width: 200px; border: 1px solid #02569C; color: #02569C; margin: 0 auto; padding: 10px 0; cursor: pointer; -webkit-transition: .2s; transition: .2s; }
.remodal__closeBtn:hover { background-color: #02569C; color: #ffffff; }