/* 1140px以下のデザイン */
@media screen and (max-width: 1140px) {
	/* 動画 */
	.video_wrap {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		position: relative;
	}

	/* slick,展示会出展情報の行 */
	.row.slick_banner_row {
		margin-top: -16%;
	}

	/* タブ非表示 */
	.nav.nav-tabs {
		display: none;
	}

	/* タブ非表示の時はボーダーなし */
	.pdctTile_border {
		border: none;
	}

	/* セレクトボックス */
	select.selectByFunction {
		display: flex;
	}

	/* 展示会 出展情報 一覧 */
	.top-side-exib_pc {
		display: none !important;
	}

	/* 展示会 出展情報 一覧 */
	#main .top-side-exib a.top-side-exib_sp {
		display: block !important;
		/*max-width: 80%;*/
		padding: 0 15%;
	}
}

/* 1140px以上のデザイン */
@media screen and (min-width: 1140px) {

	/* 動画 */
	.video_wrap {
		width: 100%;
	}

	/* 展示会 出展情報 一覧 */
	img#exib_all_img {
		margin-top: -5px;
	}

	/* スライドの位置調整 */
	.slick_row {
		left: -5px;
	}

	/* slick,展示会出展情報の行 */
	.row.slick_banner_row {
		margin-top: -16%;
	}

	/* タブの枠線 */
	.pdctTile_border {
		border: #1a3be3 solid 1px;
	}

	/* タブが表示中は非表示にする */
	select.selectByFunction {
		display: none;
	}

	/* 展示会 出展情報 一覧 */
	.top-side-exib_pc {
		display: block !important;
	}

	/* 展示会 出展情報 一覧 */
	.top-side-exib_sp {
		display: none !important;
	}
}

/* 1199px以下のデザイン */
@media screen and (max-width: 1199px) {
	.cmn_box01v h4.intro_title {
		height: 4em;
	}
}

/* 992px以下のデザイン */
@media screen and (max-width: 992px) {

	/* slick,展示会出展情報の行 */
	.row.slick_banner_row {
		margin-top: -14%;
	}

	/* 画面下部の展示会出展情報 */
	.exib_bottom_sp {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* 768px以下のデザイン(タブレット以下(bootstrapのmd)) */
@media screen and (max-width: 768px) {

	/* 当サイトに掲載していないつばき製品について～ */
	.al_R {
		margin-top: -30px;
	}

	/* slick,展示会出展情報の行 */
	.row.slick_banner_row {
		margin-top: -8%;
	}

	.pdct-tile .cmn_box01v h4.intro_title {
		height: unset;
	}
}

/* 展示会出展情報 */
.top-side-exib {
	margin: 5px;
	margin-left: 15px;
	padding: 0;
}

/* 動画 */
#video {
	width: 100%;
	object-fit: cover;
	height: 80%;
}
.video_wrap {
	z-index: -100;
}

/* 動画上の画像 */
.overlay_img {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
}
/************************** 
　　新着情報
***************************/
.whats_news_list {
	border: 2px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	width: 100%;
	padding: 1em;
	margin-bottom: 10px;
	height: 100%;
}

.whats_news span {
	display: block;
	float: left;
}

.whats_news span.date {
	clear: left;
	width: 6em;
}

/************************** 
  製品検索 
***************************/
.title_search_pdct {
	padding-bottom: 0.8rem;
	text-indent: -2rem;
	padding-left: 2rem;
	border-bottom: 2px solid #1a3be3;
	font-size: 1.7rem;
	font-weight: bolder;
	line-height: 1;
	text-align: left;
}
#searchpdct {
	padding: 2rem;
	background: #edf2f6;
	width: 85%;
	margin: 1rem auto;
	border-radius: 55px;
}
#search_pdct {
	max-width: 600px;
	margin: auto;
}
.search_input {
	position: relative;
	display: flex;
	align-items: stretch;
	height: 4rem;
	border: 4px solid #d6d6d6;
	border-radius: 10px;
	background-color: #fff;
}
.search_txt {
	flex: 1;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	padding: .1rem .1rem .1rem 3.5rem;
	border-radius: 10px;
}
.search_icon {
	position: relative;
	font-size: 1rem;
	color: #ccc;
	width: 1em;
	height: 1em;
	border: solid 3px currentColor;
	border-radius: 50%;
	transform: translate3d(-10%, -10%, 0) rotate(-45deg);
	pointer-events: none;
}
.search_exe_icon {
	position: absolute;
	top: 0;
	left: 15px;
	right: 0;
	bottom: 0;
	margin: auto 0;
	color: #0099ff;
	font-size: 1.2rem;
}
.search_icon::after {
	content: '';
	display: block;
	width: 3px;
	height: 50%;
	background-color: currentColor;
	position: absolute;
	left: 50%;
	bottom: -50%;
	transform: translate3d(-50%, 3px, 0);
}
#search_suggest {
	margin-left: 3px;
	width: 99%;
	border: 2px solid #ccc;
	border-radius: 3px;
	border-top: none;
	position: absolute;
	background: white;
	z-index: 999;
	top: 51px;
}
#SearchTxt::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
#SearchTxt:focus-visible {
	outline: 4px solid black;
}
.suggest_item_category {
	background-color: #edf8fb;
	line-height: 2.5;
	height: 2.5em;
	display: flex;
	border-top: none;
}
.suggest_item {
	border-bottom: solid 0.5px #d6d6d6;
	background-color: #fff;
	line-height: 2.5;
	height: 2.5em;
	display: flex;
}
.suggest_item:hover {
	background-color: #c9edff;
}
.suggest_exe {
	flex: 1;
	text-align: left;
	padding-left: 2.5rem;
	position: relative;
	border: none;
	background-color: transparent;
}
.suggest_icon {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto -2rem;
	font-size: 1rem;
	border-width: 2px;
}
.suggest_icon::after {
	width: 2px;
}
#search_suggest {
	margin-left: 3px;
	width: 99%;
	border: 2px solid #ccc;
	border-radius: 3px;
	border-top: none;
	position: absolute;
	background: white;
	z-index: 999;
	top: 51px;
}
#paging_title {
	width: 100%;
	border-top: none;
	max-height: 390px;
	background: #1A3BE3;
	height: 20px;
	text-align: center;
	color: white;
}
#paging {
	width: 100%;
	border-top: none;
	max-height: 390px;
	height: 33px;
	text-align: center;
}
#paging li {
	width: 15%;
}
.page-link{
	color: #1A3BE3;
}
.page_link_active {
	position: relative;
	display: block;
	color: #ffffff;
	text-decoration: none;
	background-color: #95aae5;
	border: 1px solid #dee2e6;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	padding: 0.375rem 0.75rem;
}
a.page-link:hover {
	cursor: pointer;
	background-color: #7bcaff !important
}

/************************** 
  slick関連 
***************************/
.slider {
	width: 100%;
	display: flex;
}

.slider li {
	height: 100%;
	margin-right: 2px;
	margin-left: 2px;
}

.slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slick-dots {
	left: 50%;
	transform: translateX(-50%);
}

.slick-arrow {
	z-index: 5;
	opacity: 1;
}

.slick-arrow.slick-prev {
	top: 50%;
	left: -3%;
}

.slick-arrow.slick-next {
	top: 50%;
	right: 1.5%;
}

/************************** 
  ボックス周り
***************************/
.cmn_box01v {
	/* height: 100%; */
	width: 100%;
	background: rgb(255 255 255 / 70%);
	background: rgba(255, 255, 255, 0.7);
	/* for IE */
	box-shadow: 1px 1px 4px #c3c3c3;
	margin: 0 0 4px 0;
	padding: 0 0 2rem;
	border-radius: 10px;
}
.cmn_box01v h4.intro_title::after {
	content: '';
	position: absolute;
	left: 45%;
	bottom: 0px;
	display: inline-block;
	width: 90%;
	height: 2px;
	background-color: #1a3be3;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.cmn_box01v h4.intro_title {
	padding: 20px 10px 10px 10px;
	text-align: left;
	position: relative;
	font-size: 1.3em;
}

.cmn_box01v .intro_text {
	padding: 10px;
	min-height: 130px;
	/* jp,cn */
}

section#pdctTile {
	padding: 2rem 10px 0 10px;
}

.cmn_box01v .button_row {
	width: 100%;
	margin-left: 0px;
	text-align: center;
}

.cmn_box01v .button_row .link_button01 {
	margin: 5px auto 5px auto;
}


/************************** 
  タブ関連 
***************************/
.nav-tabs a.nav-link {
	color: #000000;
	background-color: #eaeaea !important;
	border: 1px solid #cecaca;
	/* min-width: 120px; 1140/9 = 126px をもとに微調整 */
	text-align: center;
	cursor: pointer;
	padding: 5px;
}

.nav-tabs a.nav-link.active {
	color: #ffffff;
	background-color: #1a3be3 !important;
	border: #1a3be3 solid 1px;
}

.nav-tabs a.nav-link:hover {
	background-color: #7bcaff !important;
	/* ホバー時の色味　要検討 */
	text-decoration: none;
}

.nav-tabs a.nav-link.active:hover {
	background-color: #1a3be3 !important;
	text-decoration: none;
}


/**************************
 ソリューション事例関連
***************************/
.border_subtitle {
	padding: 3px;
	border: 1px solid #0099ff;
}

.border_subtext {
	padding: 3px;
	width: 80%;
	border: 1px solid #0099ff;
	border-left: none;
}

.disp_flex {
	display: flex;
}