@charset "UTF-8";

/* pc -------------------------------------------------- */
/* 共通 */
div.wrapper_ > div.container_ {
	width: 100%;
    min-width: 1400px;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list ul li .useful_contents_list_item_title {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/* お役立ちコンテンツ */
.lab_spcbarrier_usefulcontents_content.usefulcontents_heading {
	height: 310px;
	padding-top: 60px;
	background: url(/cms/img/usr/lab/spcbarrier/usefulcontents/bg_usefulcontents_pc.jpg) center top no-repeat;
}
.lab_spcbarrier_usefulcontents_content h2 {
	display: flex;
	justify-content: center;
}
.lab_spcbarrier_usefulcontents_content h2 img {
	display: block;
}

/* お役立ちコンテンツ一覧 */

/* 4/6まで用 */
.lab_spcbarrier_usefulcontents_content {
	display: none;    
}
/* 4/6まで用 */
.lab_spcbarrier_usefulcontents_content.lab_spcbarrier_usefulcontents_content_20230314,
.lab_spcbarrier_usefulcontents_content.usefulcontents_heading {
	display: block;
}

.lab_spcbarrier_usefulcontents_content .useful_contents_list ul {
	width: 770px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list ul li {
	width: calc((100% - 22px) / 2);
	margin-top: 80px;
	margin-right: 22px;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list ul li:nth-child(-n + 2) {
	margin-top: 0;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list ul li:nth-child(2n) {
	margin-right: 0;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list .useful_contents_list_item_thumb > img {
	border-radius: 20px;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list .useful_contents_list_item_sub_title {
	margin-top: 30px;
	display: flex;
	align-items: flex-end;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list .useful_contents_list_item_sub_title .useful_contents_list_item_hashtag {
	margin-left: 20px;
	color: #48bffa;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list .useful_contents_list_item_title {
	margin-top: 20px;
	font-size: 21px;
	line-height: 1.66;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list .useful_contents_list_item_thumb > a > img {
	width: 100%;
	height:auto;
	border-radius: 20px;
}

/* アイコン */
.lab_spcbarrier_usefulcontents_content .useful_contents_list .useful_contents_list_item_thumb > a {
	position: relative;
	display: block;
}
.lab_spcbarrier_usefulcontents_content .useful_contents_list .useful_contents_list_item_thumb > a .useful_contents_list_item_thumb_icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 34px;
	background-color: #a9aeb0;
	color: #fff;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.lab_spcbarrier_usefulcontents_content .icon_movie:before {
	content: '';
	display: block;
	width: 19px;
	height: 18px;
	margin-right: 12px;
	padding-top: 2px;
	background: url(/cms/img/usr/lab/spcbarrier/icon_movie.png) top left no-repeat;
	background-size: 19px 18px;
}

/* ページャ */
.navipage_ {
	padding: 0;
}
.navipage_.bottom_ {
	margin-top: 110px;
}
.navipage_inner,
.navipage_.bottom_ center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.navipage_first_,
.navipage_last_{
	display: none;
}
.navipage_now_,
.navipage_ a,
.navipage_ .navipage_prev_ a,
.navipage_ .navipage_next_ a {
	width: 62px;
	height: 62px;
	margin: 0;
	border: none;
	padding: 0;
	background-color: #b7e3ff;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.navipage_now_ {
	background-color: #6fc8ff;
}
.navipage_ .navipage_next_ a {
	text-indent: -9999px;
    background: #b7e3ff url(/cms/img/usr/lab/spcbarrier/pager_next_arrow.png) center center no-repeat;
}
.navipage_ .navipage_prev_ a {
	text-indent: -9999px;
    background: #b7e3ff url(/cms/img/usr/lab/spcbarrier/pager_prev_arrow.png) center center no-repeat;
}
.navipage_ .navipage_reverse_,
.navipage_inner > a,
.navipage_.bottom_ center > a,
.navipage_inner > span,
.navipage_.bottom_ center > span,
.navipage_ .navipage_forward_ {
	margin-right: 8px;
}
.navipage_ .navipage_reverse_:last-child,
.navipage_inner > a:last-child,
.navipage_.bottom_ center > a:last-child,
.navipage_inner > span:last-child,
.navipage_.bottom_ center > span:last-child,
.navipage_ .navipage_forward_ :last-child{
	margin-right: 0;
}
.navipage_ a:hover {
	background-color: #E5F0F8;
	border: none;
}