@charset "utf-8";

/*下層ページ用のスタイルです。*/

/* ------------ */
/* デザイン共通 */
/* ------------ */

main::before {
	z-index:-10;
	height:16rem;
	transform:skewY(-16deg);
	transform-origin:right top;
	background:#F5EFE1;
}
main::after {
	z-index:-5;
	height:20rem;
	transform:skewY(16deg);
	transform-origin:left top;
	background:#A30A0B;
}

main.single_common::before,
main.single_common::after,
main.topics_archive::before,
main.topics_archive::after { display:none; }

@media print,screen and (max-width:767px) {
	main::before { top:64rem; }
	main::after { top:-9.6rem; }
}
@media print,screen and (min-width:768px) {
	main::before { top:32rem; }
	main::after { top:2.4rem; }
}
@media print,screen and (min-width:960px) {
	
}
@media print,screen and (min-width:1100px) {
	
}

/* ------------ */
/*  sec_topics  */
/* ------------ */

.sec_topics .btn_link01 {
	width:10rem;
	margin:0 0 2rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
}

.sec_topics .heading_coverage { margin-top:4rem; }

.sec_topics .list_brand_links {
	margin:0;
	padding:0;
	text-align;left;
}
.sec_topics .list_brand_links li,
.sec_topics .list_brand_links li a {
	display:inline-block;
	position:relative;
	margin:0;
	padding-right:1rem;
	text-align:left;
}
.sec_topics .list_brand_links li { margin-bottom:0.75rem; }
.sec_topics .list_brand_links li a { padding-right:2rem; }
.sec_topics .list_brand_links li a::after {
	display:block;
	content:"／";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	height:1rem;
	margin:auto;
}
@media print,screen and (max-width:767px) {
	
}
@media print,screen and (min-width:768px) {
	
}
@media print,screen and (min-width:960px) {
	
}
@media print,screen and (min-width:1100px) {
	
}

/* ---------- */
/*  coverage  */
/* ---------- */

.heading_coverage {
	margin:0 auto 1.5rem;
	padding:0 0 0.75rem;
	font-weight:normal;
	border-bottom:#ddd 1px solid;
}
.table_coverage {
	margin-top:1.5rem;
	border:#ddd 1px solid;
	border-collapse:collapse;
}
.table_coverage th,
.table_coverage td {
	padding:0.75rem 1.5rem;
}
.table_coverage th { font-weight:normal; background:#F4F3F3 }

.table_coverage td a{
	display:inline-block;
	margin:0 1rem;
	padding-left:2rem;
}
.table_coverage td a:hover { opacity:0.75; }
.table_coverage td a.tel{ background:url('images/page/topics/icon_coverage_tel.png') 0 50% no-repeat; background-size:contain; }
.table_coverage td a.mail{ background:url('images/page/topics/icon_coverage_mail.png') 0 50% no-repeat; background-size:contain; }
@media print,screen and (max-width:767px) {
	.heading_coverage { font-size:1.375rem; }
	.table_coverage { width:100%; }
	.table_coverage td p { text-align:center; }
	.table_coverage td p:last-child {
		margin-top:0.75rem;
		padding-top:0.75rem;
		border-top:#ddd 1px solid;
	}
}
@media print,screen and (min-width:768px) {
	.heading_coverage { font-size:1.625rem; }
	.table_coverage { width:auto; }
	.table_coverage td { display:flex; justfy-content:center; }
	.table_coverage td p:first-child {
		/*padding-right:1rem;*/
		border-right:#999 1px solid;
	}
}
@media print,screen and (min-width:960px) {
	/*.table_coverage { width:50%; }*/
}
@media print,screen and (min-width:1100px) {
	
}

/* ------------------- */
/*  sec_topics_single  */
/* ------------------- */

.sec_topics_single .heading_single {
	position:relative;
	margin-top:1rem;
	color:#D10001;
	border-bottom:#D10001 4px solid;
}
.sec_topics_single .heading_single::after {
	display:block;
	content:"";
	position:absolute;
	bottom:-10px;
	left:0;
	width:50%;
	height:1px;
	background:#D10001;
}
.sec_topics_single.brand .heading_single { color:#008A32; border-bottom:#008A32 4px solid; }
.sec_topics_single.brand .heading_single::after { background:#008A32; }

.sec_topics_single .area_single {
	margin-top:calc(2rem + 10px);
	margin-bottom:2rem;
}
.sec_topics_single .area_single .eye_catch {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 3.25rem;
}
.sec_topics_single .area_single .eye_catch.no_thumb {
	background-color: #F4F3F3;
	padding: 1rem 2rem;
}

@media all and (-ms-high-contrast: none){
	.sec_topics_single .area_single .eye_catch.no_thumb {
		position: relative;
	}

	.sec_topics_single .area_single .eye_catch.no_thumb img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

.sec_topics_single .area_single pre { white-space:pre-wrap; }
.sec_topics_single .area_single img { max-width:100%; }
.sec_topics_single .topics_single_navi{
	margin:2rem auto;
	text-align:center;
}
.sec_topics_single .topics_single_navi a{
	display:inline-block;
	margin:0 1rem;
}
.sec_topics_single .topics_single_navi a:hover{ opacity:0.75; }

.back_parent_page {
	margin-top:2rem;
	padding:2rem 0;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
}

@media print,screen and (max-width:767px) {
	.sec_topics_single .date,
	.sec_topics_single .heading_single {
		font-size:1.275rem;
	}
}
@media print,screen and (min-width:768px) {
	.sec_topics_single { margin-bottom:8rem; }
	.sec_topics_single .date,
	.sec_topics_single .heading_single {
		font-size:1.625rem;
	}
	.sec_topics_single .btn_link01,
	.back_parent_page .btn_link01 {
		width:50%;
		margin:0 auto;
	}
	.sec_topics_single .area_single .eye_catch {
		min-height: 25rem;
	}
}
@media print,screen and (min-width:960px) {
	
}
@media print,screen and (min-width:1100px) {
	
}

/* ------------------- */
/*  area_latest_posts  */
/* ------------------- */

.area_latest_posts {
	margin:2rem 0 4rem;
}

.area_latest_posts h3 {
	position:relative;
	margin-bottom:1rem;
	padding:0.75rem 0;
	line-height:1;
	font-weight:normal;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
}
/*
.area_latest_posts h3::before {
	display:block;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:5px;
	height:1rem;
	margin:auto;
	background:#D10001;
}
*/

.area_latest_posts .list a {
	display:inline-block;
	position:relative;
	margin:0;
	color:#000;
	text-align:center;
}
.area_latest_posts .list a:hover { color:#a30a0b; }
.area_latest_posts .list a::after {
	display:block;
	content:"|";
	position:absolute;
	top:0;
	right:0;
	color:#000;
}

@media print,screen and (max-width:767px) {
	.area_latest_posts .list a {
		width:49%;
		padding-left:1rem;
		text-align:left;
	}
	.area_latest_posts .list a:nth-child(2n)::after { display:none; }
}
@media print,screen and (min-width:768px) {
	.area_latest_posts .list a { width:33%; }
	.area_latest_posts .list a:nth-child(3n)::after { display:none; }
}
@media print,screen and (min-width:960px) {
	
}
@media print,screen and (min-width:1100px) {
	
}

/* ---- */
/* LAST */
/* ---- */