@charset "UTF-8";
/* CSS Document */

.area_column {
	width: 92%;
	max-width: 1200px;
	margin: 0 auto 120px;
	display: flex;
	justify-content: space-between;
}
@media only screen and ( max-width: 850px ) {
	.area_column {
		margin: 0 auto 12%;
		display: block;
	}
}
.side_column {
	width: 320px;
	margin: 0;
	padding: 0;
}
@media only screen and ( max-width: 1200px ) {
	.side_column { width: 28%; }
}
@media only screen and ( max-width: 850px ) {
	.side_column { width: 100%; }
}

.side_column .col_side_column {
	width: 100%;
	margin: 0 0 30px;
	padding: 20px 6%;
	background-color: rgba(255,255,255,0.7);
	box-sizing: border-box;
}
.side_column .col_side_column .mds {
	margin: 0 0 16px;
	padding: 0 3px 5px;
	font-size: 18px;
	font-weight: 500;
	border-bottom: solid 2px #ffe100;
}
.side_column .col_side_column .list_popular {
	margin: 0;
	padding: 0;
}
.side_column .col_side_column .list_popular a {
	width: 100%;
	margin: 0 0 16px;
	padding: 0;
	color: #000;
	text-decoration: none;
	display: flex;
}
.side_column .col_side_column .list_popular a:last-child { margin-bottom: 0; }
@media only screen and ( min-width: 721px ) {
	.side_column .col_side_column .list_popular a { transition: all .4s; }
	.side_column .col_side_column .list_popular a:hover { box-shadow: 0 0 5px rgba(0,0,0,0.3); }
}
.side_column .col_side_column .list_popular a .thumb {
	width: 40%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
@media only screen and ( max-width: 850px ) {
	.side_column .col_side_column .list_popular a .thumb { max-width: 200px; }
}
.side_column .col_side_column .list_popular a .thumb .num {
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	text-align: center;
	background-color: #bbb;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.side_column .col_side_column .list_popular a .thumb .num.top3 { background-color: #ff6400; }
.side_column .col_side_column .list_popular a .thumb img {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
@media only screen and ( min-width: 721px ) {
	.side_column .col_side_column .list_popular a .thumb { transition: opacity .4s; }
	.side_column .col_side_column .list_popular a:hover .thumb { opacity: 0.7; }
}
.side_column .col_side_column .list_popular a .txt {
	width: 60%;
	margin: 0;
	padding: 0 0 0 0.5em;
	font-size: 12px;
	box-sizing: border-box;
	align-self: center;
}
@media only screen and ( max-width: 850px ) {
	.side_column .col_side_column .list_popular a .txt {
		width: max( 60%, calc( 100% - 200px ) );
		padding: 0 0.5em 0 1em;
		font-size: 15px;
	}
}
@media only screen and ( max-width: 550px ) {
	.side_column .col_side_column .list_popular a .txt { font-size: 12px; }
}
.side_column .col_side_column .mds.recent { margin: 0 0 5px; }
.side_column .col_side_column ul.list_recent {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.side_column .col_side_column ul.list_recent li {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #ddd;
}
.side_column .col_side_column ul.list_recent li a {
	width: 100%;
	margin: 0;
	padding: 0.9em 0.5em 0.9em 22px;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	box-sizing: border-box;
	display: block;
	position: relative;
	z-index: 0;
}
@media only screen and ( min-width: 721px ) {
	.side_column .col_side_column ul.list_recent li a { transition: all .4s; }
	.side_column .col_side_column ul.list_recent li a:hover {
		color: #2198dd;
		font-weight: 800;
	}
}
.side_column .col_side_column ul.list_recent li a::before {
	content: "";
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	background-color: #003680;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 1.05em;
	left: 2px;
}
.side_column .col_side_column ul.list_recent li a::after {
	content: "";
	width: 4px;
	height: 4px;
	margin: 0;
	padding: 0;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: calc( 1.05em + 5px );
	left: 6px;
}
.side_column .col_side_column ul.list_recent.category li a { font-size: 15px; }
.side_column .col_side_column ul.list_recent.category li a::before { top: 1.2em; }
.side_column .col_side_column ul.list_recent.category li a::after { top: calc( 1.2em + 5px ); }

.col_side_column .search_column {
	margin: 0;
	padding: 10px 0 0;
}
.col_side_column .search_column .search {
	margin: 0;
	padding: 0;
	border: solid 1px #ccc;
	border-radius: 3em;
	display: flex;
	overflow: hidden;
}
.col_side_column .search_column .search input {
	width: calc( 100% - 32px );
	margin: 0;
	padding: 0.1em 0 0.1em 0.5em;
	font-size: inherit;
	line-height: 1.8;
	border: none;
	outline: none;
	box-sizing: border-box;
}
.col_side_column .search_column .search button {
	width: 32px;
	margin: 0;
	background-color: #eee;
	border: none;
	cursor: pointer;
}
.col_side_column .search_column .search button img {
	width: 16px;
	height: auto;
}

/*--------------- list ---------------*/

.bg_columnlist {
	width: calc( 96% - 320px );
	margin: 0;
	padding: 48px 0;
	background-color: rgba(255,255,255,0.7);
}
@media only screen and ( max-width: 1200px ) {
	.bg_columnlist { width: 69%; }
}
@media only screen and ( max-width: 850px ) {
	.bg_columnlist {
		width: 100%;
		margin: 0 0 40px;
	}
}
@media only screen and ( max-width: 600px ) {
	.bg_columnlist {
		margin: 0 auto 10%;
		padding: 5% 0;
	}
}
.bg_columnlist .cont_searchword {
	width: 90%;
	margin: 0 auto 10px;
	padding: 0;
	display: flex;
}
.bg_columnlist .cont_searchword .word {
	margin: 0;
	padding: 0;
}
.bg_columnlist .cont_searchword .word + .word {
	margin: 0 0 0 8px;
}
.bg_columnlist .cont_searchword .word + .word::before {
	content: "/";
	margin: 0 8px 0 0;
	padding: 0;
	display: inline-block;
}
.col_columnlist {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.col_columnlist a.box_column {
	width: calc( ( 100% - 35px )/2 );
	margin: 0 35px 40px 0;
	padding: 0 0 35px;
	color: #000;
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px;
	display: block;
	position: relative;
	z-index: 0;
}
.col_columnlist a.box_column:nth-child(even) { margin-right: 0; }
@media only screen and ( min-width: 721px ) {
	.col_columnlist a.box_column:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px; }
}
@media only screen and ( max-width: 940px ) {
	.col_columnlist a.box_column {
		width: 47.5%;
		margin: 0 5% 40px 0;
	}
}
@media only screen and ( max-width: 480px ) {
	.col_columnlist a.box_column {
		width: 100%;
		margin: 0 auto 6%;
	}
	.col_columnlist a.box_column:nth-child(3n),
	.col_columnlist a.box_column:nth-child(even) { margin-right: auto; }
}
.col_columnlist a.box_column .thumb {
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.col_columnlist a.box_column .thumb .label {
	width: calc( 100% - 20px );
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}
.col_columnlist a.box_column .thumb .label span {
	margin: 0 8px 8px 0;
	padding: 0.2em 0.6em;
	color: #fff;
	font-size: 11px;
	line-height: 1.6;
	background-color: #ff6400;
	border-radius: 2em;
	display: inline-block;
}

.col_columnlist a.box_column .thumb img {
	width: 100%;
	vertical-align: top;
}
@media only screen and ( min-width: 721px ) {
	.col_columnlist a.box_column .thumb { transition: opacity .4s; }
	.col_columnlist a.box_column:hover .thumb { opacity: 0.7; }
}
.col_columnlist a.box_column .txt {
	width: 100%;
	margin: 0;
	padding: 0 10px;
	font-size: min( 2.5vw, 18px );
	font-weight: 500;
	text-align: justify;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
@media only screen and ( max-width: 480px ) {
	.col_columnlist a.box_column .txt { font-size: 3.75vw; }
}
.col_columnlist a.box_column .date {
	width: 100%;
	margin: 0;
	padding: 0 10px;
	color: #aaa;
	font-size: 0.8em;
	text-align: right;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 5px;
}
.bg_columnlist ul.col_pagenation { padding: 30px 0 0; }



/*--------------- detail ---------------*/

.main_column_d {
	width: calc( 96% - 320px );
	margin: 0;
}
@media only screen and ( max-width: 1200px ) {
	.main_column_d { width: 69%; }
}
@media only screen and ( max-width: 850px ) {
	.main_column_d {
		width: 100%;
		margin: 0 0 40px;
	}
}
.bg_column_d {
	width: 100%;
	margin: 0 auto 7px;
	padding: 48px 0;
	background-color: rgba(255,255,255,0.7);
}

.bg_column_s {
	width: 100%;
	margin: 0 auto 56px;
	padding: 33px 0;
	background-color: rgba(255,255,255,0.7);
}
@media only screen and ( max-width: 600px ) {
	.bg_column_d {
		padding: 5% 0;
	}
	
	.bg_column_s {
		padding: 5% 0;
	}
}
.innder_column_d {
	width: 90%;
	margin: 0 auto;
}
.col_ttl_column {
	margin: 0 0 25px;
	padding: 0 15px 10px;
	border-bottom: solid 1px #d4d4d5;
}
@media only screen and ( max-width: 850px ) {
	.col_ttl_column { padding: 0 8px 10px; }
}
.col_ttl_column .label {
	margin: 0;
	padding: 0 0 10px;
}
.col_ttl_column .label span {
	margin: 0 5px 5px 0;
	padding: 0.1em 0.8em;
	color: #fff;
	font-size: 13px;
	line-height: 1.6;
	background-color: #ff6400;
	border-radius: 2em;
	box-sizing: border-box;
	display: inline-block;
}
.col_ttl_column .ttl {
	margin: 0 0 15px;
	padding: 0;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.5;
}
.col_ttl_column .date {
	margin: 0;
	padding: 0;
	color: #aaa;
	line-height: 1.5;
	display: flex;
	justify-content: flex-end;
}
.col_ttl_column .date .publish {
	min-height: 16px;
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(../img/column/icon_time.svg);
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: left center;
}
.col_ttl_column .date .pause {
	margin: 0 0.3em;
	padding: 0;
}
.col_ttl_column .date .update {
	min-height: 16px;
	margin: 0;
	padding: 0 0 0 18px;
	background-image: url(../img/column/icon_update.svg);
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: left center;
}

.col_column_d {
	margin: 0;
	padding: 0 15px;
	line-height: 1.8;
}
@media only screen and ( max-width: 850px ) {
	.col_column_d { padding: 0 8px; }
}

.col_column_d p {
	margin: 0;
	padding: 0 0 1.5em;
	font-weight: 400;
}
.col_column_d > div { padding: 0 0 15px; }
.col_column_d > div.wp-block-group {
	margin: 0 0 1.5em;
	padding: 1.5em;
}
.col_column_d > div.wp-block-group p { padding: 0; }
.col_column_d h2 {
	margin: 10px 0 20px;
	padding: 0.2em 0.5em 0.3em;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	background-color: #ffe100;
}
.col_column_d h3 {
	margin: 0 0 15px;
	padding: 0.3em 0.5em;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	border-bottom: solid 3px #ffe100;
}
.col_column_d h4 {
	margin: 10px 0 15px;
	padding: 0.1em 0.5em;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	border-left: solid 2px #ffe100;
}
.col_column_d ol,
.col_column_d ul {
	margin: 0 0 20px;
}
.col_column_d ol:last-child,
.col_column_d ul:last-child { margin: 0; }
.col_column_d ol li,
.col_column_d ul li {
	margin: 0 0 0.5em;
	padding: 0;
	line-height: 1.5;
}
.col_column_d ol li:last-child,
.col_column_d ul li:last-child { margin: 0; }

.col_column_d blockquote {
	margin: 1em 0;
	padding: 2em 3em;
	background-color: #eee;
	border-radius: 5px;
	position: relative;
	z-index: 0;
}
.col_column_d blockquote::before {
	content: "";
	width: 2.6em;
	height: 2.05em;
	margin: 0;
	padding: 0;
	background-image: url(../img/column/quote_left.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 0.1;
	position: absolute;
	top: 0.8em;
	left: 0.8em;
}
.col_column_d blockquote::after {
	content: "";
	width: 2.6em;
	height: 2.05em;
	margin: 0;
	padding: 0;
	background-image: url(../img/column/quote_right.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	opacity: 0.1;
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
}
.col_column_d .marker {
	background: linear-gradient( 180deg, rgba(255,255,255,0) calc( 100% - 9px ), rgba(237,237,0,0.4) calc( 100% - 8px ) );
}


/* ---------- 目次 ---------- */

.col_column_d .rtoc-mokuji-content {
	width: 100%;
	margin: 0 0 40px;
	padding: 25px 3% 40px;
	border-top: solid 5px #ff6400;
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
}
.col_column_d .rtoc-mokuji-content #rtoc-mokuji-title {
	width: 100%;
	margin: 0 0 15px;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

.col_column_d .rtoc-mokuji-content .rtoc_open_close {
	margin: 0;
	padding: 0 0.7em;
	color: #666;
	font-size: 12px;
	border: none;
	background-color: #eee;
	border-radius: 5px;
	cursor: pointer;
	order: 1;
}

.col_column_d .rtoc-mokuji-content #rtoc-mokuji-title span {
	font-size: 19px;
	font-weight: 500;
}
.col_column_d ul.rtoc-mokuji.mokuji_ul {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
}
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-1 {
	max-width: 760px;
	margin: 0 auto;
}
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-1 > li {
	padding: 0 0 0 18px;
	font-weight: 500;
	text-indent: -18px;
}
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-1 > li * { text-indent: 0; }
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-1 > li::before {
	content: "";
	width: 12px;
	height: 12px;
	margin: 0 6px 0 0;
	padding: 0;
	background-color: #ff6400;
	border-radius: 50%;
	display: inline-block;
	position: relative;
}
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-2 { padding: 10px 0 0; }
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-2 > li {
	padding: 0 0 0 16px;
	font-weight: 400;
	text-indent: -16px;
}
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-2 > li * { text-indent: 0; }
.col_column_d ul.rtoc-mokuji.mokuji_ul.level-2 > li::before {
	content: "";
	width: 10px;
	height: 2px;
	margin: 0 6px 0 0;
	padding: 0;
	background-color: #ff6400;
	display: inline-block;
	vertical-align: middle;
}

.col_column_d ul.rtoc-mokuji a { text-decoration: none; }
.col_column_d ul.rtoc-mokuji a:hover { text-decoration: underline; }
.col_column_d .rtoc-mokuji.is_close { display: none; }


/* ---------- ページ送り ---------- */
.col_pager_column {
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: space-between;
}
@media only screen and ( max-width: 1024px ) {
	.col_pager_column { display: block; }
}
@media only screen and ( max-width: 850px ) {
	.col_pager_column { display: flex; }
}
@media only screen and ( max-width: 700px ) {
	.col_pager_column { display: block; }
}
.col_pager_column > div {
	width: 49%;
	max-width: 370px;
	margin: 0;
	padding: 0;
}
@media only screen and ( max-width: 1024px ) {
	.col_pager_column > div { width: 100%; }
	.col_pager_column .next { margin: 10px 0 0 auto; }
}
@media only screen and ( max-width: 850px ) {
	.col_pager_column > div { width: 49%; }
	.col_pager_column .next { margin: 0; }
}
@media only screen and ( max-width: 700px ) {
	.col_pager_column > div { width: 100%; }
	.col_pager_column .next { margin: 10px 0 0 auto; }
}
.col_pager_column > div a {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: min( 1.8vw, 12px );
	text-decoration: none;
	background-color: rgba(255,255,255,0.7);
	display: flex;
}
@media only screen and ( max-width: 600px ) {
	.col_pager_column > div a { font-size: min( 3.25vw, 13px ); }
}
.col_pager_column > div a .thumb {
	width: 42%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.col_pager_column > div a .thumb .label {
	margin: 0;
	padding: 0.2em 0.6em;
	color: #fff;
	font-size: min( 1.6vw, 11px );
	line-height: 1.5;
	background-color: #ff6400;
	display: inline-block;
	position: absolute;
	top: 0;
	z-index: 1;
}
@media only screen and ( max-width: 600px ) {
	.col_pager_column > div a .thumb .label { font-size: min( 2.75vw, 11px ); }
}
.col_pager_column .prev a .thumb .label {
	border-radius: 0 0 3px 0;
	left: 0;
}
.col_pager_column .next a .thumb .label {
	border-radius: 0 0 0 3px;
	right: 0;
}
.col_pager_column .prev a .thumb .label::before {
	content: "";
	margin: 0 4px 0 0;
	padding: 0;
	border-right: solid 6px #fff;
	border-top: solid 4px rgba(255,255,255,0);
	border-bottom: solid 4px rgba(255,255,255,0);
	display: inline-block;
}
.col_pager_column .next a .thumb .label::after {
	content: "";
	margin: 0 0 0 4px;
	padding: 0;
	border-left: solid 6px #fff;
	border-top: solid 4px rgba(255,255,255,0);
	border-bottom: solid 4px rgba(255,255,255,0);
	display: inline-block;
}

.col_pager_column > div a .thumb img {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.col_pager_column > div a .txt {
	width: 58%;
	margin: 0;
	padding: 0.5em 0.8em;
	text-align: justify;
	box-sizing: border-box;
	align-self: center;
}
@media only screen and ( min-width: 721px ) {
	.col_pager_column > div a .thumb img,
	.col_pager_column > div a .txt { transition: opacity .4s; }
	.col_pager_column > div a:hover .thumb img,
	.col_pager_column > div a:hover .txt { opacity: 0.7; }
}

.ttl_column_s{
	margin: 0 0 25px;
	text-align: center;
	font-size: 19px;
}

.wrap_column_s{
	display: flex;
  gap: 44px;
  padding: 0 0 0 44px;
}

dl.img_column_s{
	margin: 0;
	position: relative;
  flex: 0 0 140px; /* 左カラム固定幅 */
  text-align: center;
}

.img_column_s::after {
  content: "";
  position: absolute;
  top: 0;
  right: -16px;     /* カラム外に少し出す */
  width: 1px;
  height: 100%;
  background-color: #ddd;
}
dl.img_column_s dt{
	width: 100%;
    max-width: 100px;
    margin: 0 auto 12px;
    border-radius: 50%;
    overflow: hidden;
}

dl.img_column_s dt img{
	width: 100%;
    height: auto;
    vertical-align: top;
}

dl.img_column_s dd.name{
	font-size: 17px;
    margin: 0 0 8px;
    text-align: center;
    position: relative;
}

.txt_column_s{
	width: calc(100% - 230px);
	color: #666667;
}

.txt_column_s p{
	line-height: 1.6;
	margin: 0 0 20px;
}
a.btn1.column{
    max-width: 512px;
    margin: 0 auto;
    padding: 10px 22px;
    color: #666667;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    border: solid 1px #CCCCCC;
    transform: translateZ(0);
    font-size: 15px;
    display: block;
    position: relative;
}

a.btn1.column:hover{
	background-color: #CCCCCC;
	border: solid 1px #fff;
	color: #fff;
}

a.btn1.column::before{
	content: '';
    width: 9px;
    height: 9px;
    margin: auto;
    border: 0;
    border-top: solid 1px #727171;
    border-right: solid 1px #727171;
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 16px;
}

a.btn1.column:hover::before{
	border-top: solid 1px #fff;
    border-right: solid 1px #fff;
}

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

	.wrap_column_s{
		flex-direction: column;
		padding: 0;
		gap: 30px;
	}
	
	.txt_column_s{width: 82%; margin: 0 auto;}
	
	.img_column_s::after {
	  content: "";
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
	  right: 0;
	  top: 107%;
	  bottom: 0;   /* 画像＋名前の下に出す */
	  width: 90%;
	  height: 1px;
	  background-color: #ddd;
	}

}



.column-floating-banner {
  position: fixed;
  right: clamp(    10px,    calc((100vw - 1050px) / 2),    420px  );
  bottom: 20px;
  width: 320px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
  z-index: 9990;
  background-image: url(../img/column/bnr_column.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  border: solid 3px #E2E0D7;
  transition: transform 0.2s, box-shadow 0.2s;
}

.column-floating-banner:hover {
	transform: translateY(-2px);

}

.column-floating-inner {
  display: flex;
  align-items: center;
  padding: 14px 80px 9px 10px;
  text-decoration: none;
  color: #000;
}



.column-floating-text {
  flex: 1;
  width: 218px;
  text-align: center;
}

.column-floating-catch {
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
}

p.column-floating-title{
	font-size: 22px;
	color: #FF6400;
	margin: 0;
	font-weight: 700;
}

p.column-floating-title .small{
	font-size: 17px;
	
}

.column-floating-title .marker {
  display: inline-block;
    position: relative;
    z-index: 0;
}

.column-floating-title .marker::before {
	content: "";
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(180deg, rgba(255, 225, 0, 0) calc(100% - 13px), rgba(255, 225, 0, 1) calc(100% - 16px));
    transition: width .5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.column-floating-more {
  display: inline-block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 700;
}

.column-floating-image img {
  width: 80px;
  height: auto;
}

.column-floating-close {
  position: absolute;
  top: -4px;
  right: -4px;
  background: #000;
  color: #fff;
  border: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-size: 14px;
}

.column-floating-close::before,
.column-floating-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 1px;
  background-color: #fff; /* 色は自由に */
  transform-origin: center;
}

/* 1本目 */
.column-floating-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* 2本目 */
.column-floating-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media only screen and ( max-width: 850px ) {
	#footer.column{
		padding: 30px 0 115px;
	}
}

@media only screen and ( max-width: 450px ) {
	.column-floating-banner{
		width: 300px;
	}
	
	.column-floating-inner{
		padding: 10px 80px 6px 10px;
	}
	.column-floating-catch{font-size: 11px;}
	
	p.column-floating-title{font-size: 19px;}
	
	p.column-floating-title .small{
		font-size: 15px;
	}
	
	.column-floating-title .marker::before{background: linear-gradient(180deg, rgba(255, 225, 0, 0) calc(100% - 17px), rgba(255, 225, 0, 1) calc(100% - 7px));}
}





/* --------------- 関連記事 --------------- */

.col_relative_column {
	margin: 0 0 40px;
	padding: 30px 0;
	background-color: rgba(255,255,255,0.7);
}
.col_relative_column .mds {
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}
.slide_relative_column {
	margin: 0;
	padding: 0 30px;
}
.slide_relative_column .slick-arrow {
	width: 30px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background-color: rgba(0,0,0,0);
	border: none;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0;
}
.slide_relative_column .slick-prev { left: 0; }
.slide_relative_column .slick-next { right: 0; }
@media only screen and ( min-width: 721px ) {
	.slide_relative_column .slick-arrow { transition: background .4s; }
	.slide_relative_column .slick-arrow:hover { background-color: rgba(0,0,0,0.05); }
}
.slide_relative_column .slick-arrow::before {
	content: "";
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	border-top: solid 2px #000;
	position: absolute;
	top: 50%;
}
.slide_relative_column .slick-prev::before {
	border-left: solid 2px #000;
	transform: translate(-50%, -50%) rotate(-45deg);
	left: calc( 50% + 5px );
}
.slide_relative_column .slick-next::before {
	border-right: solid 2px #000;
	transform: translate(-50%, -50%) rotate(45deg);
	left: calc( 50% - 5px );
}
@media only screen and ( min-width: 721px ) {
	.slide_relative_column .slick-arrow::before { transition: all .4s; }
	.slide_relative_column .slick-prev:hover::before { left: 50%; }
	.slide_relative_column .slick-next:hover::before { left: 50%; }
}

.slide_relative_column a {
	margin: 5px;
	padding: 0 0 35px;
	color: #000;
	text-decoration: none;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px;
	display: block;
	position: relative;
	z-index: 0;
}
.slide_relative_column a .thumb {
	width: 100%;
	margin: 0 0 8px;
	padding: 0;
	position: relative;
	z-index: 0;
}
.slide_relative_column a .thumb .label {
	width: calc( 100% - 20px );
	margin: 0;
	padding: 0;
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 1;
}
.slide_relative_column a .thumb .label span {
	margin: 0 8px 8px 0;
	padding: 0.2em 0.6em;
	color: #fff;
	font-size: 11px;
	line-height: 1.6;
	background-color: #ff6400;
	border-radius: 2em;
	display: inline-block;
}
.slide_relative_column a .thumb img {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
@media only screen and ( min-width: 721px ) {
	.slide_relative_column a .thumb { transition: opacity .4s; }
	.slide_relative_column a .thumb { opacity: 0.7; }
}
.slide_relative_column a.box_column .txt {
	width: 100%;
	margin: 0;
	padding: 0 10px;
	font-weight: 500;
	text-align: justify;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}
.slide_relative_column a.box_column .date {
	width: 100%;
	margin: 0;
	padding: 0 10px;
	color: #aaa;
	font-size: 0.8em;
	text-align: right;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 5px;
}