/* ------------------------------
トップページ
------------------------------ */
#column_top .elementor-widget-wrap{
	display: none;
}
#column_top .elementor-widget-wrap:has(.elementor-element-6c5e366 .column.col3){
	display: block;
}

#column_top h2{
	margin-bottom: 40px;
}
#column_top .elementor-widget-wrap .elementor-widget-container a[href="/column/"]{
	color: var( --e-global-color-primary );
}


/* ------------------------------
アーカイブ、シングルページ
------------------------------ */
.sort_selector{
	text-align: right;
	padding-bottom: 20px;
}
.sort_selector select{
	appearance: none;
	padding: 5px 30px 5px 10px;
	border: 1px solid #C9D0D1;
	border-radius: 0;
	background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23270703%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
	background-size: 16px 16px;
	color: #270703;
	line-height: 2;
	box-shadow: none;
	cursor: pointer;
}

.column.col3{
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 40px 30px;
}
.column.col3 > a{
	position: relative;
	align-self: stretch;
	width: calc( (100% - 30px * (3 - 1) ) / 3 );
	border: 1px solid #C9D0D1;
}
.column.col3 .thumb{
	width: 100%;
	aspect-ratio: 347 / 185;
	overflow: hidden;
}
.column.col3 .thumb img{
	transition: transform 0.3s;
}
.column.col3 a:hover .thumb img{
	transform: scale(1.1);
}

.column.col3 .cts{
	padding: 20px 20px 40px;
}

.column .cat_list{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.column.col3 .cat_list li,
.column .header .cat_list a,
.column .header .cat_list a:visited{
	display: inline-block;
	margin-bottom: 5px;
	padding: 2px 18px;
	border-radius: 5px;
	background-color: #6ED2F4;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
.column .header .cat_list a:hover{
	background-color: #39a1c4;
}

.column.col3 .cts .title{
	margin-bottom: 0;
	padding-top: 10px;
	color: #270703;
}
.column.col3 a:hover .cts .title{
	color: #39a1c4;
}


.column.col3 .cts .post_time{
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin-bottom: 0;
	padding-top: 10px;
	color: #1EB4E6;
	font-size: 0.9em;
	text-align: right;
}
@media (max-width: 768px) {
	.column.col3{
		flex-flow: column;
	}
	.column.col3 > a{
		width: 100%;
	}
} /* @media (sp)*/


.column .pagenation{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	padding-top: 40px;
}
.column .pagenation span,
.column .pagenation a,
.column .pagenation a:visited{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #C9D0D1;
	background-color: #fff;
	color: #270703;
}
.column .pagenation .current{
	border: 1px solid #6ED2F4;
	background-color: #6ED2F4;
	color: #fff;
}

.column ~ .tax_list{
	margin-block: 40px;
	padding: 40px;
	background-color: #EFFBFE;
}
.column ~ .tax_list h2{
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #707070;
	font-size: 1rem;
	font-weight: bold;
}
.column ~ .tax_list ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	max-width: 500px;
	margin: 0;
	padding: 0;
}
.column ~ .tax_list a,
.column ~ .tax_list a:visited{
	text-decoration: underline;
	color: #1EB4E6;
}
.column ~ .tax_list.tag ul{
	display: block;
}
.column ~ .tax_list.tag ul li{
	display: inline-block;
	margin-right: 20px;
}
@media (max-width: 768px) {
	.column ~ .tax_list ul{
		grid-template-columns: 1fr;
	}
} /* @media (sp)*/

body.single-column .shopengine-breadcrumbs:not(.column){
	display: none;
}

.column .header{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 40px;
	font-size: 16px;
}
.column .header .cat_list{
	padding-left: 20px;
}
.column .header .cat_list a{
	padding-inline: 10px;
}

.column .thumbnail img{
	display: block;
	max-width: 100%;
	margin-inline: auto;
	margin-bottom: 40px;
}

.column .editor{
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 10px;
	padding: 20px;
	border: 1px solid #C9D0D1;
}
.column .editor .cts{
	padding: 0;
}
.column .editor p{
	margin-bottom: 10px;
	font-size: 14px;
}
.column .editor p.ttl{
	display: inline-block;
	padding-inline: 20px;
	border-radius: 5px;
	background-color: #C9D0D1;
	color: #fff;
}
.column .editor p.name{
	font-size: 16px;
}
.column .editor p.name small{
	display: inline-block;
	margin-left: 1em;
	font-size: 12px;
}
@media (max-width: 768px) {
	.column .editor{
		grid-template-columns: 1fr;
	}
	.column .editor .img img{
		margin-inline: auto;
		display: block;
		max-width: 60%;
	}
} /* @media (sp)*/

.column .column-content{
	font-size: 16px;
}

.column .column-content #toc_container{
	width: 100% !important;
	background-color: #EFFBFE;
	margin-top: 20px;
	margin-bottom: 40px;
	padding-inline: 50px;
	padding-bottom: 40px;
	border: none;
}
.column .column-content #toc_container a{
	color: #270703;
	text-decoration: underline;
}
@media (max-width: 768px) {
	.column .column-content #toc_container{
		padding-inline: 15px;
	}
} /* @media (sp)*/

.column .column-content h2{
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 0.8em;
	border-left: 4px solid #6ED2F4;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
.column .column-content h3{
	margin-top: 40px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #6ED2F4;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.column .column-content h4{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.column .column-content h4:before{
	content: '\025a0';
	display: inline-block;
	margin-right: 0.5em;
	color: #6ED2F4;
	font-size: 0.75em;
	vertical-align: 1px;
	rotate: 45deg;
}
.column .column-content h5{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.column .column-content h6{
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.column .column-content a,
.column .column-content a:visited{
	display: inline-block;
	color: #6ED2F4;
	text-decoration: underline;
}

.column .ttls-archive{
	display: block;
	margin-top: 80px;
	margin-bottom: 40px;
	padding: 12px 10px 8px;
	background-color: #C9D0D1;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.column .f_nav{
	display: grid;
	grid-template-columns: 200px 200px 200px;
	justify-content: center;
	gap: 20px;
	padding-bottom: 10px;
}
.column .f_nav > :nth-child(1){
	justify-self: flex-end;
}
.column .f_nav > :nth-child(2){
	justify-self: center;
}
.column .f_nav > :nth-child(3){
	justify-self: flex-start;
}
.column .f_nav a,
.column .f_nav a:visited{
	display: inline-block;
	min-width: 220px;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #6ED2F4;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}
.column .f_nav a:hover{
	background-color: #39a1c4;
}
.column .f_nav > :nth-child(1) a:before{
	content: '\025c0';
	display: inline-block;
}
.column .f_nav > :nth-child(3) a:after{
	content: '\025b6';
	display: inline-block;
}
@media (max-width: 768px) {
	.column .f_nav{
		grid-template-columns: 1fr 1fr;
	}
	.column .f_nav > :nth-child(2){
		order: 3;
		grid-column: 1 / 3;
		padding-top: 20px;
	}
	.column .f_nav a,
	.column .f_nav a:visited{
		min-width: unset;
		padding: 10px;
		font-size: 80%;
	}
} /* @media (sp)*/