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

.colomn-container {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: 50px 0;
	padding: 0 0 50px 0;
	border-bottom: #ececec solid 1px;
}

.colomn-box {
	position: relative;
	width: 100%;
}
.colomn-box a {
    display: block;
    width: 100%;
    height: 100%;
}

.colomn-box {
	width: 100%;
	height: auto;
}
.colomn-box::before{
	width: 100%;
	height: 98%;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.3);
}


.colomn-title {
  position: absolute;
	bottom:0;
  left:0;
  margin:0 20px;
  padding:0;
}
.colomn-title p.date {
  margin:0;
  padding:0;
	font-size: 0.85;
	color: #fff;
}
.colomn-title h2 {
  margin:0 0 20px 0;
  padding:0;
	font-size: 1.0;
	font-weight: bold;
	color: #fff;
	line-height: 1.25;
-webkit-text-stroke: 1px #fff;
font-family: Arial;
}


.colomn-head {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.colomn-head p.date {
  margin:0;
  padding:0;
	font-size: 0.75rem;
	color: #999;
}
.colomn-head h1 {
	font-size: 2.0rem;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	margin: 0 0 50px 0;
	padding: 0;
}
@media screen and (max-width: 640px) {
.colomn-head h1 {
	font-size: 1.4rem;
	margin: 0 0 20px 0;
	}
}

/* 上書き
------------------------*/