#content {
	max-width: 1120px;
	width: calc(100% - 320px);
}

a:hover{
    opacity: 1;
    transition: all 0.2s;
    text-underline-offset: 3px;
    text-decoration: underline;
}

.accessbilityTxt {
    display: inline-block;
    text-indent: -9999px;
    height: 0;
}

.content_inner {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.content_title {
	margin-bottom: 140px;
}

.blog_list_box {
	width: 100%;
	max-width: 690px;
}

.arcive_box_wrap {
	width: 100%;
	max-width: 274px;
}


.blog_list li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #bababa;
}

.blog_list li:last-child {
	/* border-bottom: none; */
	margin-bottom: 0;
}


.blog_list li a {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.list_catch {
	max-width: 300px;
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.list_txt {
	width: 100%;
}

.list_txt_ttl {
	display: block;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.6;
}

.tag_list_txt {
	font-size: 1.4rem;
	padding: 2px 10px 3px;
	display: inline-block;
	min-width: 140px;
	border-radius: 50px;
	border: 1px solid #000;
	text-align: center;
}

.arcive_box {
	margin-bottom: 50px;
}

.arcive_box .boxTtl {
	color: #2163D9;
	margin-bottom: 30px;
}

.cate_list li {
	margin-bottom: 20px;
	font-size: 1.4rem;
}

.ranking_list li {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #bababa;
}

.ranking_list li a {
	display: flex;
	gap: 20px;
	font-size: 1.4rem;
	line-height: 1.6;
}

.ranking_list li img {
	max-width: 100%;
	width: 100px;
	height: 67px;
	aspect-ratio: 100 / 67;
	object-fit: cover;
}


/*------- detail_conts -------*/
.detail_conts_wrap {
	width: 100%;
	max-width: 690px;
}

.detail_conts_wrap p {
	line-height: 2;
}

.inner_head,
.author_info {
	display: flex;
	gap: 20px;
	margin-bottom: 24px;
	align-items: center;
}

.date_box {
  display: flex;
  gap: 24px;
}

.date_item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.inner_head .date {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	font-size: 1.4rem;
}

.author_info {
	margin-bottom: 16px;
	font-size: 1.4rem;
	gap: 12px;
}

.author_info img {
	width: 32px;
	height: 32px;
}

.author_intro {
	font-size: 1.4rem;
	line-height: 1.6;
}


.detail_conts {
	margin-top: 70px;
}

.detail_conts_title {
	font-size: 4rem;
	margin-bottom: 10px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.6;
}

.catch,
.detail_conts_intro {
	margin-bottom: 60px;
}

.catch {
	max-width: 690px;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}


.topic_list_box {
	background: #F3F1E9;
	/* 背景色 */
	box-sizing: border-box;
	/* スマホの横揺れ防止 */
	display: block !important;
	border-radius: 10px;
	padding: 30px 40px;
	margin-bottom: 80px;
}

.topic_list_title {
	font-size: 2.4rem;
	border-bottom: 1px solid #BABABA;
	padding-bottom: 10px;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
}

.topic_toggle {
	font-size: 1.2rem;
	font-weight: normal;
	border: 1px solid #000;
	border-radius: 50px;
	display: block;
	width: 70px;
    height: 20px;
	text-align: center;
	color: #111;
	line-height: 20px;
}

.topic_list li {
	margin-bottom: 16px;
	position: relative;
	padding-left: 20px;
	line-height: 1.8;
}

.topic_list li::before {
	content: "・";
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
}


.topic_list_inner {
	margin-top: 20px;
	/*padding-left: 20px;*/
}

.topic_list_inner li {
	margin-bottom: 12px;
	padding-left: 20px;
	position: relative;
	font-size: 1.4rem
}

.topic_list_inner li::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 1px;
	background: #000;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
}

.detail_conts_inner {
	border-top: 1px solid #BABABA;
	padding-top: 30px;
	margin-bottom: 60px;
}

.detail_conts .title {
	margin-bottom: 24px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.6;
}

.detail_conts .img,
.inner_conts .inner_img {
	display: block;
	margin: 0 auto 40px;
	max-width: 690px;
	width: 100%;
	height: 100%;
	aspect-ratio: 329 / 144;
	object-fit: cover;
}

.inner_conts .inner_title {
	margin-bottom:24px;
	font-size: 2.4rem;
	font-weight: 700;
}

.inner_conts {
	margin: 48px auto;
}


.media_link_box {
	border-top: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	padding: 30px 0;
	margin: 30px 0;
}

.media_link_box .box_title {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

.media_link_box .link_list {
	display: flex;
	justify-content: center;
	gap: 40px;
}

.link_list li a{
	display: block;
}

.author_box {
	background: #F3F1E9;
	box-sizing: border-box;
	display: block !important;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 100px;
}

.author_box_head img {
	width: 50px;
	height: 50px;
	padding: 8px;
}

.author_box_head {
	display: flex;
	margin-bottom: 0;
	justify-content: space-between;
}

.info_name {
	line-height: 1.6;
}

.info_name span {
	color: #666;
	font-size: 1.4rem;
	display: block;
}

.author_media_link {
	display: flex;
}

.author_media_link li a {
	display: block;
}

.same_cate_box {
	margin-bottom: 120px;
}

.cate_box_title {
	font-size: 2.4rem;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #bababa;
	font-weight: 700;
}

.blog_rand_list {
	display: inline-flex;
	align-items: flex-start;
	gap: 80px;
}

.blog_rand_list li {
	max-width: 220px;
	width: 100%;
	font-weight: 700;
}

.blog_rand_list li a {
	display: block;
}

.blog_rand_list li img {
	display: block;
	margin-bottom: 14px;
	width: 100%;
	max-width: 220px;
	aspect-ratio: 3 / 2;
	height: auto;
	object-fit: cover;
}

.blog_rand_list p {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.6;
}

.btn {
	background: #2163D9;
	display: block;
	width: 340px;
	height: 77px;
	line-height: 77px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
	border-radius: 50px;
	margin: 0 auto 100px;
	text-align: center;
}

.btn::after {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 24px;
	height: 24px;
	background: url("../img/blog/icon_arrow.svg") no-repeat left top;
	background-size: contain;
}


#breadcrumb_list_box {
	margin-top: 160px;
	font-size: 1.2rem;
	border-top: 1px solid #D9D9D9;
	padding: 12px 0;
	color: #444;
}

.breadcrumb_list {
	max-width: 1120px;
	margin: 0 auto;
	line-height: 1.6;
}

.breadcrumb_list li {
	position: relative;
	display: inline;
	padding: 0 20px 0 0;
	margin: 0 10px 0 0;
	color: #5D636F;
}

.breadcrumb_list li a:visited {
	color: #9C9C9C;
}

.breadcrumb_list li::after {
	content: '>';
	position: absolute;
	color: #D9D9D9;
	right: 0;
}

.breadcrumb_list li:last-child::after {
	display: none;
}

.breadcrumb_list li a {
	color: #444;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.pager .pagination {
	margin-top: 100px;
	gap: 32px;
	font-family: "Roboto", sans-serif;
	font-size: 1.8rem;
}


.selectBox{
	padding: 32px;
	background: #F5F3F3;
	display: flex;
	gap:32px;
	border-radius: 8px;
}

.selectBox .thumb{
	max-width: 120px;
    width: 100%;
    aspect-ratio: 12 / 8;
    object-fit: cover;
}

.detail_conts_wrap strong{
	font-weight: 500;
	line-height: 1.6;
}


.detail_conts_wrap em{
	font-style: italic;
}


.detail_conts_wrap table,
.detail_conts_wrap td,
.detail_conts_wrap th,
.detail_conts_wrap caption {
  border:1px dashed #BBB
}

.detail_conts_wrap td[data-mce-selected],
.detail_conts_wrap th[data-mce-selected] {
  background-color:#2276d2 !important
}

.detail_conts_wrap td,
.detail_conts_wrap th{
	padding: 6px 8px; /* 上下6px */
}

.detail_conts_wrap blockquote{
	padding: 10px 30px;
}


.detail_conts_intro h1,
.detail_conts_intro h2,
.detail_conts_intro h3,
.detail_conts_intro h4,
.detail_conts_intro h5,
.detail_conts_intro h6,
.detail_conts h1,
.detail_conts h2,
.detail_conts h3,
.detail_conts h4,
.detail_conts h5,
.detail_conts h6,
.detail_conts_intro p,
.detail_conts p{
	padding: 20px 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


@media screen and (max-width: 1280px) {

	#breadcrumb_list_box {
		padding: 12px;
	}
}

/* Media Queries ================================================== */
/*896*/
@media screen and (max-width: 1080px) {

	#content {
		width: calc(100% - 48px);
		padding: 0;
	}

	.content_inner {
		display: block;
	}

	.blog_list_box {
		width: 100%;
		max-width: initial;
	}

	.arcive_box_wrap {
		width: 100%;
		max-width: initial;
	}



	.blog_list_box {
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #bababa;
	}

	.blog_list li {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}

	.blog_list li a {
		display: block;
	}

	.list_catch {
		max-width: 100%;
		width: 100%;
		margin-bottom: 16px;
	}

	.list_txt_ttl {
		font-size: 1.6rem;
	}

	.list_txt {
		width: 100%;
	}


	.arcive_box .boxTtl {
		margin-bottom: 20px;
	}

	.cate_list li {
		margin-bottom: 16px;
		font-size: 1.4rem;
	}

	.ranking_list li {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.ranking_list li img {
		width: 120px;
		height: 100%;
		aspect-ratio: 120 / 80;
		object-fit: cover;
	}

	.ranking_list li a {
		font-size: 1.4rem;
		line-height: 1.6;
	}


	/*------- detail_conts -------*/

	.detail_conts_title {
		font-size: 2.4rem;
	}

	.detail_conts_wrap {
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #bababa;
	}

	.detail_conts_wrap p {
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.detail_conts_inner h3.title {
		font-size: 2rem;
	}

	.inner_conts {
		margin: 40px auto;
	}

	.inner_head {
		display: block;
	}

	.date_box {
		display: flex;
		gap: 10px;
		margin-top: 10px;
	}

	.author_info {
		margin-bottom: 20px;
	}

	.detail_conts {
		margin-top: 30px;
	}

	.topic_list_box {
		padding: 18px;
		margin-bottom: 40px;
	}

	.topic_list_title{
		font-size: 1.8rem;
	}

	.topic_list li{
		font-size: 1.4rem;
		line-height: 1.7;
	}

	.topic_list_inner{
		margin-top: 14px;
	}

	.catch {
		display: block;
		margin: 0 auto 30px;
	}

	.detail_conts_intro {
		margin-bottom: 30px;
	}

	.detail_conts .title {
		margin-bottom: 20px;
		font-size: 2.4rem;
	}

	.detail_conts_inner {
		padding-top: 20px;
		margin-bottom: 30px;
	}

	.inner_conts .inner_title {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	.detail_conts .img,
	.inner_conts .inner_img {
		margin: 0 auto 20px;
	}

	.author_box {
		margin-bottom: 50px;
	}

	.btn {
		margin: 0 auto 50px;
		max-width: 100%;
	}

	.cate_box_title {
		font-size: 1.6rem;
	}

	.blog_rand_list {
		display: block;
	}

	.blog_rand_list li {
		max-width: 100%;
		width: 100%;
		margin-bottom: 30px;
	}

	.blog_rand_list li img {
		max-width: 100%;
		aspect-ratio: 3 / 2;
		margin-bottom: 10px;
	}

	.blog_rand_list li a{
		display: block;
	}

	#breadcrumb_list_box {
		width: 100%;
        margin: 80px auto 0;
        padding: 8px 0;
	}

	.breadcrumb_list {
		width: 90%;
	}

	.breadcrumb_list li span {
		line-height: 1.5;
	}


	.selectBox{
		padding: 20px 10px;
		display: flex;
		gap:20px;
	}

	.selectBox .thumb{
		max-width: 100px;
	}

	.detail_conts_wrap strong{
		font-size: 1.2rem;
	}

}


@media screen and (max-width: 560px) {}