@charset "UTF-8";

/*======================

  コラム（SP

========================*/

.inner {
	width:90%;
}
#column_list,
#column_date,
#column_menu {
    width: auto;
    float: none;
}
#column_list .list_box,
#column_date .article_box {
	padding:10% 5%;
}
#column_list .text_box {
	float:none;
	width:auto;
}
#column_list .photo {
    float: right;
    width: 30%;
}
#column_list .list_box h2 a {
	font-size:20px;
    padding: 15px 0;
	color:#367d72;
	text-decoration:underline;
}
#column_date .article_box .title_box {
	padding: 0 0 10px;
	margin-bottom:1em;
}
#column_date .article_box .title_box h2 {
	font-size:18px;
	border-bottom:1px solid #DDD;
	padding-bottom:0.5em;
}
#column_date .article_box .title_box .tag {
	position:relative;
	top:inherit;
	right:inherit;
}
#column_date .article_box .title_box .tag li {
	float:left;
}
#column_list .list_box .tag li a,
#column_date .article_box .title_box .tag li a {
	font-size:12px;
}
#column_date .article_box .title_box .date {
	font-size:14px;
	line-height:1em;
	position:relative;
	top:inherit;
	left:inherit;
	margin-bottom:15px;
}
#column_date .article_box .article_text p {
	font-size:14px;
	line-height:1.7em;
}


#column_menu {
	margin-top:40px;
}
#column_menu .side_box .photo {
	width:25%;
}
#column_menu .side_box .photo img{
	width: 100%;
	height: auto;
}
#column_menu .side_box .text_box {
	width:70%
}
#column_menu .side_box {
	padding:10% 5%;
}
#column_menu .popular_box {
	margin-bottom:20px;
}