@charset "UTF-8";

/* ----------------------------------------
共通
---------------------------------------- */

/* #topics-archive */

.btn-topics-archive{
	position:relative;
	margin:0 0 12px 0;
	box-sizing:border-box;
/* 	border:solid 1px #bc034a;
	border-radius:10px; */
	width:100%;
/* 	background: linear-gradient(90deg, #f9f3fa, #f9f3fa 64.8%); */
	padding:0 0 0 50px;
/* 	color:#bc034a; */
	line-height:2.5em;
	text-align:left;
	font-size:1.0rem;
	font-weight:bold;
	letter-spacing:0.10em;
}

.btn-topics-archive::before{
	position:absolute;
	top:22%;
	right:50px;
	transform:translatey(-28%);
	font-family:'Font Awesome 5 Free';
	content:'\f0dd';
	color:#bc034a;
	font-size:2em;
}

.btn-topics-archive .h3{
	display:inline;
	vertical-align:-0.06em;
	color:#333333;
	line-height:2.5em;
	font-size:1.44rem;
}

.btn-topics-archive:hover,
.btn-topics-archive:not(:disabled):not(.disabled).active,
.btn-topics-archive:not(:disabled):not(.disabled):active,
.show > .btn-topics-archive.dropdown-toggle{
	background-color:#f3e9f5;
	color:#bc034a;
}

#topics-archive .badge{
	display:inline-block;
	margin:10px 5px;
	width:auto;
/* 	min-width:8em; */
	padding:0.25em 1.0em;
	font-size:0.94rem;
	text-decoration:none;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	.topics-archive-list{
		padding:0 0;
	}
}

@media screen and (min-width: 0px) and (max-width: 575px){
	.btn-topics-archive{
		padding-left:30px;
	}

	.btn-topics-archive::before{
		right:30px;
	}
}








/* ----------------------------------------
#topics-index 
---------------------------------------- */


#topics-index .category-list .badge{
	margin:10px 5px;
}

/* .topics-item */
#topics-index .topics-item{
	display:block;
	margin-bottom:1.0em;
	border-bottom:solid 1px #dee2e6;
	padding:1.0em;
	text-decoration:none;
	color:#333333;
}

#topics-index .topics-list-row .col-12:nth-last-child(1) .topics-item{
	border-bottom:none;
}

#topics-index .topics-item .topics-date-text{
	font-weight:bold;
}

#topics-index .topics-item .topics-date .badge{
	transform:translateY(-0.25em)
}

#topics-index .topics-item p{
	margin:0.125em 0 0 0;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#topics-index .topics-item{
		padding:1.0em 0;
	}

	#topics-index .topics-item .topics-date-text{
		display:block;
		padding-bottom:0.25em;
	}
}

/* .pagination */
#topics-index .pagination{
	margin:1em auto;
}

#topics-index .page-item{
	margin:2px 2px;
}

#topics-index .page-item .page-link,
#topics-index .page-item .page-link-space{
	display:block;
/* 	border:solid 1px #bc034a; */
	border-radius:200px;
	width:2.5em;
	padding:0 0 0 0;
	line-height:2.5em;
	text-align:center;
/* 	color:#bc034a; */
	font-size:1.25rem;
}

#topics-index .page-item .page-link-space{
	border:none;
}

#topics-index .page-item .page-link.disabled{
	display:none;
}

#topics-index .page-item .page-link.active{
	pointer-events:none;
/* 	border-color:#bc034a;
	background-color:#bc034a;
	color:#ffffff; */
}

@media screen and (min-width: 0px) and (max-width: 430px){
	#topics-index .page-item .page-link,
	#topics-index .page-item .page-link-space{
		font-size:4.65vw;
	}
}








/* ----------------------------------------
#topics-detail
---------------------------------------- */

#topics-detail{}

#topics-detail .posted-category{}

#topics-detail .topics-date .topics-date-text{
	margin-right:1.5em;
	margin-bottom:0.5em;
	font-size:1.25rem;
	font-weight:bold;
}

#topics-detail .topics-date .badge{
	transform:translateY(-0.19em);
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#topics-detail .topics-date .topics-date-text{
		display:block;
	}
}

#topics-detail h2{
	margin-top:0.25em;
	margin-bottom:1.0em;
	font-size:1.38rem;
	line-height:1.31em;
}

#topics-detail h3{
	margin-top:1.0em;
	margin-bottom:0.7em;
	font-size:1.31rem;
	font-weight:bold;
	line-height:1.31em;
}

#topics-detail .main-visual{
	text-align:center;
}

#topics-detail .main-visual img{
	margin-bottom:2em;
	width:100%;
}

#topics-detail h4{
/* 	font-size:1.25rem; */
}

#topics-detail .text-wrapper{
	margin:0 0 1em 0;
	padding-right:0;
	padding-left:0;
}

#topics-detail .story{
	margin-bottom:1.5em;
}

/* #topics-detail .story-img{
	margin:0 0 1.5em 0;
	text-align:center;
}

#topics-detail .story-img img{
	width:100%;
} */

#topics-detail .image-align-center .image-wrapper{
	display:block;
	padding:0 0 15px 0;
	text-align:center;
	line-height:1.6em;
	font-size:81%;
	font-weight:bold;
	color:#003866;
}

#topics-detail .image-align-left .image-wrapper,
#topics-detail .image-align-right .image-wrapper{
	display:inline-block;
	float:left;
/* 	max-width:52%; */
	width:50.81%;
/* 	padding:0 15px 15px 0; */
	padding:0 20px 15px 0;
	text-align:center;
	line-height:1.6em;
	font-size:81%;
	font-weight:bold;
	color:#003866;
}

#topics-detail .image-align-right .image-wrapper{
	float:right;
/* 	padding:0 0 15px 15px; */
	padding:0 0 15px 20px;
}

#topics-detail .story .image-wrapper img{
	width:100%;
	padding-bottom:3px;
}

#topics-detail .image-align-center .image-wrapper img{
/* 	max-width:668px; */
/* 	max-width:66%; */
	width:66%;
}

@media(min-width: 0px) and (max-width: 540px){
	#topics-detail .image-align-left .image-wrapper,
	#topics-detail .image-align-right .image-wrapper{
		float:none;
		padding:0 0 15px 0;
/* 		max-width:100%; */
		width:100%;
	}

	#topics-detail .image-align-center .image-wrapper img{
/* 		max-width:100%; */
		width:100%;
	}
}

/* embed_video */
#topics-detail .embed_video>iframe,
#topics-detail .embed_video video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#topics-detail *:has(>.embed_video){
	margin-right:auto;
	margin-left:auto;
/* 	max-width:calc(668px + 12px * 2); */
/* 	max-width:calc(66% + 12px * 2); */
	width:calc(66% + 12px * 2);
}

#topics-detail .embed_video{
	position:relative;
	margin:0 5px 3px 5px;
	padding-bottom:56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height:0;
	overflow:hidden;
}

#topics-detail .embed_video + br{
	display:none;
}

/* embed_audio */
#topics-detail .embed_audio audio{
	width:100%;
}

#topics-detail *:has(>.embed_audio){
	margin-right:auto;
	margin-left:auto;
/* 	max-width:calc(668px + 12px * 2); */
/* 	max-width:calc(66% + 12px * 2); */
	width:calc(66% + 12px * 2);
}

#topics-detail .embed_audio{
	margin:0 5px 3px 5px;
}

#topics-detail .embed_audio + br{
	display:none;
}

@media(min-width: 0px) and (max-width: 540px){
	#topics-detail *:has(>.embed_video),
	#topics-detail *:has(>.embed_audio){
/* 		max-width:100%; */
		width:100%;
	}

	#topics-detail .embed_video,
	#topics-detail .embed_audio{
		margin:3px 0;
	}
}

#topics-detail .att-link-btn{
	margin-bottom:1.5em;
}

#topics-detail .ext-link-btn{
	margin-bottom:1.5em;
}

#topics-detail .block-label{}

#topics-detail a .att-link{
	padding:8px 0 4px 0;
}

#topics-detail a .att-link img{
	transform: translateY(-2px);
	width: 36px;
	height: 36px;
	margin-right:0.75em;
}

#topics-detail a .ext-link{
	padding:6px 0;
}

#topics-detail a.btn-link .ext-link{
	padding:0;
}

#topics-detail a .ext-link i{
	transform: translateY(-0.05em);
	font-size:0.75em;
}

#topics-detail .prev-next{
	margin:0 0 1em 0;
	border-top:none 1px #cccccc;
}

#topics-detail .prev{
/* 	display:flex; */
	align-items:center;
/* 	padding-right:1em; */
	padding-top:0;
	text-align:left;
}

#topics-detail .indx{
/* 	display:flex; */
	align-items:center;
	margin:0;
	padding-top:0;
	text-align:center;
}

#topics-detail .next{
/* 	display:flex; */
	align-items:center;
/* 	padding-left:1em; */
	padding-top:0;
	text-align:right;
}

#topics-detail .prev-page-none{
	font-size:0.88rem;
	color:#999999;
}

#topics-detail .prev-btn,
#topics-detail .next-btn{
	display:inline-block;
	width:auto;
	max-width:100%;
	text-align:left;
	text-decoration:none;
	font-size:0.88rem;
	color:#333333;
}

#topics-detail .prev-btn{
	margin-right:auto;
	margin-left:0;
}

#topics-detail .next-btn{
	margin-right:0;
	margin-left:auto;
}

#topics-detail .prev-btn .d-flex,
#topics-detail .next-btn .d-flex{
	align-items:top;
}

#topics-detail .prev-btn .page-link,
#topics-detail .next-btn .page-link{
/* 	display:block;
	border:solid 1px #bc034a;
	border-radius:200px;
	width:3.75em;
	padding:0 0 0 0;
	line-height:1.5em;
	text-align:center; */
	color:#bc034a;
	font-size:1.0rem;
}

#topics-detail .prev-btn .page-link{
	margin-right:0.38em;
}

#topics-detail .next-btn .page-link{
	margin-left:0.38em;
}

#topics-detail .prev-btn .prev-page-title,
#topics-detail .next-btn .next-page-title{
	margin:0;
	padding:0.13em 0 0 0;
	text-align:justify;
}

#topics-detail .indx-btn{
	display:inline-block;
	margin:0 auto;
	border:solid 1px #bc034a;
	border-radius:20px;
	width:100%;
	max-width:9em;
	padding:0.25em;
	color:#bc034a;
	text-decoration:none;
	font-size:1.0rem;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#topics-detail .indx{
		margin:20px 0 0 0;
	}
}

@media screen and (min-width: 0px) and (max-width: 575px){
	#topics-detail .main-visual img{
		width:100%;
	}
}

/* .info-members-only */
#topics-detail .info-members-only{
	margin:0 auto 36px auto;
	border-radius:20px;
	text-align:center;
}

#topics-detail .info-members-only>div{
	border-radius:16px;
}

#topics-detail .info-members-only.bg-gold>div{
	background-color:#ffffff;
}

#topics-detail .info-members-only.bg-corporate>div{
	background-color:#fff0f6;
}

#topics-detail .info-members-only p{
	margin-bottom:0.125em;
	text-shadow:none;
	font-size:1.25rem;
	font-weight:bold;
	color:#212529;
}

#topics-detail .info-members-only p.lead{
	margin-bottom:1em;
	font-size:1.38rem;
	color:#dc3545;
}

#topics-detail .members-btn{
	border:solid 2px #dfa9e0;
	width:100%;
	max-width:300px;
	font-size:25px;
}

@media screen and (min-width: 0px) and (max-width: 767px){
	#topics-detail .members-btn{
		width:100%;
		max-width:auto;
		font-size:20px;
	}
}