@charset "utf-8";









.g-column{}



.g-column .underlayer_visual{
	background-image: url(../v2-img/column/visual.jpg);
}



/*
.page-title{
	font-size: 3.2rem;
	line-height: 1em;
	text-align: center;
	
	margin-top: 3.75em;
	margin-bottom: 3.75em;
}
*/



.filter{
	margin-bottom: 7.25em;
}
.filter__title{
	margin-bottom: 1em;
}
.filter-option{
	margin-top: 1em;
}
.filter-option__item{
	
}
.filter-select{
	position: relative;
	z-index: 0;
}
.filter-select:before{
	content: "";
	pointer-events: none;
	
	display: block;
	position: absolute;
	
	top: .25em;
	right: 2em;
	bottom: 0;
	
	width: 0;
	height: 0;
	
	margin-top: auto;
	margin-bottom: auto;
	
	border: .5em solid transparent;
	border-top-color: #000;
}
.filter-option__select{
	width: 100%;
	padding: 1em 2em;
	box-sizing: border-box;
	
	
	-webkit-appearance: none;
	appearance: none;
	padding-right: 3.5em;
	border: 1px solid #ccc;
}
.filter-option__select::-ms-expand{
	display: none;
}

@media (min-width:769px){
	.filter-option{
		display: flex;
		
		justify-content: center;
	}
	.filter-option__item:not(:last-child){
		margin-right: 1em;
	}
}
@media (max-width:768px){
	.filter-option__item:not(:last-child){
		margin-bottom: 1em;
	}
}



.column{}
.column__article{}
.column__more{
	color: inherit;
	display: block;
}
.column-thumb{
	margin-bottom: .5em;
}
.column-thumb__data{
	width: 100%;
}
.column__date{
	font-size: .875em;
	margin-bottom: 1em;
}
.column__title{
	font-size: 1.25em;
}
.column__author{}

@media (min-width:769px){}
@media (max-width:768px){
	.column-thumb{}
}

.column-list{}
.column-list__item{
	box-sizing: border-box;
}

@media (min-width:769px){
	.column-list{
		display: flex;
		flex-wrap: wrap;
		
		margin-left: -2%;
	}
	.column-list__item{
		margin-left: 2%;
		margin-bottom: 6%;
	}

	.column-list__item{
		flex: 0 0 31.33%;
	}
}
@media (max-width:768px){
	.column-list__item{
		/*flex: 0 0 48%;*/
		
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 10%;
	}
}





.column-nav{}
.column-nav__item{}
.column-nav__more{
	color: #fff;
	background-color: #E05D45;
	
	box-sizing: border-box;
	display: block;
	width: 100%;
	
	margin: 0;
	padding: 1em;
	
	border: 0 none;
	outline: 0 none;
	
	cursor: pointer;
}

@media (min-width:769px){
	.column-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
		margin-left: -1%;
		margin-bottom: -1%;
	}
	.column-nav__item{
		flex: 0 0 350px;
		
		margin-left: 1%;
		margin-bottom: 1%;
	}
}
@media (max-width:768px){}






.js-more__target:not(.js-more--active){
	display: none;
}
.js-more__target.js-more--active{
	animation: fadein 360ms ease-out;
}
@keyframes fadein{
	from{ opacity: 0; }
}







@media (min-width:769px){}
@media (max-width:768px){}








.g-column-article{}



.article-header{
	margin-top: 7.25em;
	margin-bottom: 3.125em;
}
.article-thumb{}
.article-thumb__data{
	width: 100%;
}
.article-meta{}
.article__title{
	font-size: 2.25em;
	
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.article__author{
	font-size: 1.5em;
	
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.article__date{
	font-size: 1.125em;
	
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.article-body{
	font-size: 1.125em;
	line-height: 2em;
}
.article-body .img-box{
	display: inline-flex;
	flex-direction: column;
	margin: 0 auto;
}
.article-body .img-box img{
	max-width: 15%;
}

@media (min-width:769px){
	.article-header{
		display: flex;
	}
	.article-thumb{
		flex: 0 0 auto;
		max-width: 46.5%;
		margin-right: 3.5%;
	}
	.article-meta{
		flex: 1 1 auto;
		align-self: center;
	}
}
@media (max-width:768px){
	.article-header{}
	.article-thumb{
		margin-bottom: 2em;
	}
	.article-meta{}
}




.article-nav{
	margin-top: 6.25em;
	margin-bottom: 6.25em;
}

/*add_20200629追加*/
@media (min-width:769px){
.page-title2{
	font-size: 3.5rem;
	/*line-height: 1.5em;*/
	text-align: center;
	
	margin-top: 2.75em;
	margin-bottom: 2.75em;
}
.main-title{
	font-size: 5rem;
} 
.g-column small {
  font-size: 3rem;
  text-align: center;
  margin: 10px 0 0; }
}
@media (max-width:768px){
.page-title2{
	font-size: 3.75rem;
	line-height: 0.8em;
	text-align: center;
	
	margin-top: 2.75em;
	margin-bottom: 2.75em;
}
.main-title{
	font-size: 4.5rem;
} 
.g-column small {
  font-size: 2.8rem;
  text-align: center;
  margin: 10px 0 0; }
}
/*add_20200629追加*/






/* Navigation new version */
.article-nav .v2-nav1{
	flex-wrap: nowrap;
}
.v2-nav1__item--next{
	order: -1;
}
.v2-nav1__item--back{
	order: 1;
}



.v2-button3{
	line-height: 1.33;
	text-align: center;
	color: inherit;
	
	display: block;
	box-sizing: border-box;
	
	position: relative;
	z-index: 0;
	
	padding: 1em;
	border: 1px solid;
	
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.v2-button3--top{
	color: #e05d45;
}
.v2-button3--top:after{
	content: "↑";
	margin-left: .5em;
}
.v2-button3--next,
.v2-button3--back{
	color: #fff;
	background: #e05d45;
	/*border-color: transparent;*/
}
.v2-button3--next:hover,
.v2-button3--back:hover{
	color: #fff !important;
	opacity: .78;
}
.v2-button3--next{
	padding-left: 2em;
}
.v2-button3--back{
	padding-right: 2em;
}
.v2-button3--next:before,
.v2-button3--back:before{
	display: block;
	
	font-size: .75em;
	font-weight: bold;
	line-height: 1;
	height: 1em;
	
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	padding: .25em;
	
	color: #e05d45;
	background: #fff;
	
	background-size: .5em 50%;
	background-repeat: no-repeat;
}
.v2-button3--next:before{
	content: "次";
	left: 1em;
	padding-left: .5em;
	background-image:
		linear-gradient(to right bottom, #e05d45 47%, #fff 52%),
		linear-gradient(to right top, #e05d45 47%, #fff 52%);
	background-position:
		left top,
		left bottom;
}
.v2-button3--back:before{
	content: "前";
	right: 1em;
	padding-right: .5em;
	background-image:
		linear-gradient(to left bottom, #e05d45 47%, #fff 52%),
		linear-gradient(to left top, #e05d45 47%, #fff 52%);
	background-position:
		right top,
		right bottom;
}