@charset "UTF-8";

/* pc -------------------------------------------------- */
/* 共通 */
.lab_spcbarrier_usefulcontents_content {
	display: block;
}

.lab_spcbarrier_usefulcontents_article .useful_contents_article_heading .article_heading_title,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_sec h3,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_sec h4,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_info .profile_info_ttl,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_info .profile_info_name  {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/* お役立ちコンテンツ詳細 */
.lab_spcbarrier_usefulcontents_article .useful_contents_article {
	width: 770px;
	margin: 0 auto;
}

/* お役立ちコンテンツ詳細：メインタイトル */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_heading {
	margin-bottom: 40px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_heading .article_heading_hashtag {
	font-size: 16px;
	color: #50afd2;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_heading .article_heading_hashtag + .article_heading_title {
	margin-top: 24px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_heading .article_heading_title {
	font-size: 32px;
	line-height: 1.43;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_heading .article_heading_title + .article_heading_date {
	margin-top: 24px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_heading .article_heading_date {
	margin-top: 24px;
	font-size: 16px;
}

/* お役立ちコンテンツ詳細：main visual */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_main_mv > a,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_main_mv > span {
	display: flex;
	justify-content: center;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_main_mv > a img,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_main_mv > span img {
	width: 100%;
	border-radius: 20px;
}

/* スペシャルコンテンツ詳細：トップテキスト */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_top_txt {
	margin-top: 40px;
	display: flex;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_top_txt p {
	width: 100%;
	line-height: 2.2;
}

/* スペシャルコンテンツ詳細：記事 */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_sec {
	margin-top: 90px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_sec h3 {
	padding: 8px 0 0 18px;
	font-size: 28px;
	color: #48bffa;
	background: url(/cms/img/usr/lab/spcbarrier/heading_bullet.png) top left no-repeat;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_sec h4 {
	margin: 50px 0 30px;
	font-size: 20px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_img.article_img_one ul li {
	display: flex;
	justify-content: center;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_img.article_img_one ul li img {
	display: block;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_img.article_img_two {
	margin-top: 40px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_img.article_img_two ul {
	display: flex;
	justify-content: space-between;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_img.article_img_two ul li {
	width: calc((100% - 20px) / 2);
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_img.article_img_two ul li img {
	display: block;
	border-radius: 20px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_sec .useful_contents_article_body .useful_contents_article_txt {
	margin-top: 40px;
}

/* お役立ちコンテンツ詳細：記事：本文：説明 */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_desc {
	margin-top: 70px;
}
.lab_spcbarrier_usefulcontents_article h4 + .useful_contents_article_body_desc {
	margin-top: 30px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_desc h4 {
	margin-bottom: 40px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_desc_1,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_desc_2 {
	margin-top: 30px;
	line-height: 2.2;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_desc_1 {
	padding: 35px 40px 40px;
	background-color: #f4f5fa;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_desc_2 {
	border: 1px solid #cbced0;
	padding: 35px 40px 40px;
	background-color: #fff;
}

/* お役立ちコンテンツ詳細：記事：本文：商品 */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products {
	box-sizing: border-box;
	position: relative;
	margin: 136px auto 0;
	padding: 30px;
	border-radius: 20px;
	background: url(/cms/img/usr/lab/spcbarrier/bg_products.jpg) top left no-repeat;
	background-size: 100% 100%;
	display: flex;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_baloon {
	position: absolute;
	top: -66px;
	left: -100px;
	display: block;
	width: 200px;
	height: 162px;
}
.lab_spcbarrier_usefulcontents_article h4 + .useful_contents_article_body_products {
	margin-top: 30px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_img {
	width: 234px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_img img {
	width: 100%;
	border-radius: 10px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_txt {
	width: calc(100% - 50px - 234px);
	margin-left: 50px;
	color: #fff;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_txt .products_name {
	font-size: 26px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_txt .products_info {
	margin-top: 10px;
	font-size: 17px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_txt .products_txt {
	margin-top: 20px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_txt .more_btn {
	margin-top: 30px;
	display: flex;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_body_products_txt .more_btn a {
	width: 160px;
	height: 44px;
	background-color: #878787;
	color: #fff;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* お役立ちコンテンツ詳細：記事：テーブル */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table {
	margin-top: 60px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table .table_title {
	font-weight: bold;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table table {
	border-collapse: collapse;
	margin-top: 30px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table table th {
	padding: 12px 0;
	border: 1px solid #666666;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	background: #E6F1F8;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table table td {
	padding: 12px 10px;
	border: 1px solid #666666;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
}

/* お役立ちコンテンツ詳細：記事：テーブル：summer */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table table.table_summer {
	width: 100%;
	margin-bottom: 40px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table table.table_summer th {
	width: 120px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table table.table_summer td {
	width: 170px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_table table.table_summer tr:first-child td {
    background: #f0f9ff;
}

/* プロフィール */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile {
	margin: 100px auto 0;
	padding: 0 0 9px;
	background: url(/cms/img/usr/lab/spcbarrier/bg_double_line_pc.png) bottom left repeat-x;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile {
	padding: 39px 0 30px;
	background: url(/cms/img/usr/lab/spcbarrier/bg_double_line_pc.png) top left repeat-x;
	display: flex;
	align-items: center;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_img {
	width: 218px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_info {
	width: calc(100% - 50px - 218px);
	margin-left: 50px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_info .profile_info_ttl {
	font-size: 13px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_info .profile_info_name {
	margin-top: 20px;
	font-size: 26px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_info .profile_info_name span {
	font-size: 18px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_profile .profile .profile_info .profile_info_txt {
	margin-top: 32px;
	line-height: 1.85;
}

/* お役立ちコンテンツ詳細：ページネーション */
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation {
	width: 770px;
	margin: 70px auto 0;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul {
	display: block;
	position: relative;
	height: 76px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li {
	position: absolute;
	top: 0;
	display: block;
	width: calc((100% - (4px * 2)) / 3);
	height: 76px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_prev {
	left: 0;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_list {
	left: calc(((100% - (4px * 2)) / 3) + 4px);
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_next {
	left: calc((((100% - (4px * 2)) / 3) + 4px) * 2);
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li > a,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li > span {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: #6fc8ff;
	color: #fff;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_prev > a,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_prev > span {
	background: #6fc8ff url(/cms/img/usr/lab/spcbarrier/usefulcontents/ico_usefulcontents_article_prev.png) center left 30px no-repeat;
	background-size: 22px 10px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_list > a,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_list > span {
	padding-left: 16px;
	background: #6fc8ff url(/cms/img/usr/lab/spcbarrier/usefulcontents/ico_usefulcontents_article_list.png) center left 60px no-repeat;
	background-size: 26px 26px;
}
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_next > a,
.lab_spcbarrier_usefulcontents_article .useful_contents_article_pagenation ul li.article_pagenation_next > span {
	background: #6fc8ff url(/cms/img/usr/lab/spcbarrier/usefulcontents/ico_usefulcontents_article_next.png) center right 30px no-repeat;
	background-size: 22px 10px;
}