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

	

/* #post_all
----------------------------------------- */

#post_all{	
}

#post_all .colum5 {
	margin-top: 30px;
}

#post_all .colum5 li {
	position: relative;
	margin-bottom: 30px;
}

#post_all .colum5 li.big {
	width: 38%;
}

#post_all .colum5 li .thumb_img {
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 160px;
}

#post_all .colum5 li .category {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1.1rem;
	padding: 0.3rem 1rem;
}

#post_all .colum5 li .category a {
	color: #FFFFFF;
}

#post_all .colum5 li .txt_wrap {
	padding: 0.3rem 1rem;
	color: #FFFFFF;
}

#post_all .colum5 li .txt_wrap .data {
	display: block;
	font-size: 1.1rem;
}

#post_all .colum5 li.news .category, #post_all .colum5 li.news .txt_wrap {
	background: #d2ddf9;
}
#post_all .colum5 li.recruit .category, #post_all .colum5 li.recruit .txt_wrap {
	background: #f28b92;
}
#post_all .colum5 li.catalog .category, #post_all .colum5 li.catalog .txt_wrap {
	background: #f7d2e0;
}
#post_all .colum5 li.shoplist .category, #post_all .colum5 li.shoplist .txt_wrap {
	background: #c4ea6a;
}
#post_all .colum5 li.dictionary .category, #post_all .colum5 li.dictionary .txt_wrap {
	background: #a1c499;
}

#information h2{
	font-size: 3.6rem;
	margin-bottom: 1rem;
	text-align: center;
}
#information p{
	font-size: 1.6rem;
	line-height: 1.8;
}

#information li a.btn {
	padding: 1.5rem 2rem;
	display: inline-block;
	background: rgba(0,0,0,0.60);
}

#information li a::first-letter {
	margin-right: 20px;
}


@media screen and (max-width: 640px) {
#information .colum2 li {
	width: 100%;
	height: 200px;
}
#information h2{
	font-size: 2.6rem;
	margin-bottom: 0.5rem;
}
#information p{
	font-size: 1.2rem;
}
#information li a.btn {
	font-size: 1.2rem;
	padding: 0.5rem 1rem;
	margin-top: 1rem;
}
#information li {
	margin-bottom: 0;
}
#post_all .colum5 li.big {
	width: 48%;
}
}



/* #news
----------------------------------------- */
#news .inner {
	    max-width: 800px;
	overflow: hidden;
}
#news h2{
	font-size: 3.0rem;
}
#news .colum2 li{
	text-align: left;
}

#news .colum2 li:first-child{
	width : -webkit-calc(180 / 800 * 100%) ;
   width : calc(180 / 800 * 100%)  ;
}

#news .colum2 li:last-child{
	width : -webkit-calc(610 / 800 * 100%) ;
   width : calc(610 / 800 * 100%)  ;
}

#news .news_wrap {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
}

#news .category {
	font-size: 1.5rem;
	margin-right: 2rem;
	width: auto;
	min-width: 70px;
    max-width: 70px;
}

#news .data {
	font-size: 1.2rem;
	margin-right: 1rem;
}

#news a.btn {
	float: right;
	font-size: 1.6rem;
    color: #000;
    background: none;
	padding: 0;
}

#news a.btn span::before {
    color: #000;
}


@media screen and (max-width: 640px) {
	#news .colum2 li:first-child, #news .colum2 li:last-child {
	width : 100%;
}
#news h2 {
    text-align: center;
}
#news .category {
    font-size: 1.4rem;
    margin-right: 1rem;
	min-width: 60px;
    max-width: 60px;
}
#news .data {
    font-size: 1.0rem;
	margin-right: 1rem;
}
#news .news_wrap a {
    font-size: 1.2rem;
}
#news {
    position: relative;
}
#news a.btn {
	font-size: 1.2rem;
	position: absolute;
	top: 0;
	right: 10px;
	margin-top: 13px;
}
#news a.btn span::before {
    font-size: 1.2rem;
	margin-right: 1rem;
}
}