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

/*ここからフッター*/
#footer{
	width:100%;
	height:250px;
	background:#000;
}

#footer_content{
	width:980px;
	height:181px;
	margin-left:auto;
	margin-right:auto;
}

#footer_area{
	width:920px;
	height:auto;
	background-color:#000;
	margin-left:30px;
	font-family:"eb garamond";
	font-size:14px;
	float:left;
	margin-bottom:20px;
	color:#FFF;
	margin-top:15px;
}

#footer a{
	letter-spacing:0.1em;
	color:#999;
}

#footer a:hover{/*マウスをのせたとき*/
    color:#FFF;
}

#about{
	width:145px;
	height:120px;
	margin-top:20px;
	padding-top:1px;
	padding-left:10px;
	padding-bottom:10px;
	float:left;
}


#company{
	width:145px;
	height:120px;
	margin-top:20px;
	padding-top:1px;
	padding-left:10px;
	padding-bottom:10px;
	float:left;
}

#customer{
	width:145px;
	height:120px;
	margin-top:20px;
	padding-top:1px;
	padding-left:10px;
	padding-bottom:10px;
	float:left;
}


#follow{
	width:145px;
	height:120px;
	margin-top:20px;
	padding-top:1px;
	padding-left:10px;
	padding-bottom:10pz;
	float:left;
	
}

#mail_box{
	width:145px;
	height:120px;
	margin-top:12px;
	padding-top:1px;
	padding-left:10px;
	padding-bottom:10pz;
	margin-left:5px;
	float:left;
}


#search{
	width:145px;
	height:120px;
}

#mail_magazine{
	position: absolute;
	margin-top:-70px;
	margin-left:60px;
	color:#000;
}

#join{
	width:214px;
	height:27px;
	margin-top:-47px;
	margin-left:46px;
}




p#headline {
   border-bottom: 1px solid black;
   width:180px;
   font-size:17px;

}


#sub1{
	width:auto;
	height:auto;
	margin-top:10px;
	margin-right:5px;
}

.sub1{
	width:auto;
	height:auto;
	margin-top:20px;
	margin-right:5px;
	
}

.sub2{
	width:auto;
	height:auto;
	margin-top:1px;
	margin-right:5px;
}

#follow_box{
	width:120px;
	height:auto;
}
.sub_follow{
	width:25px;
	height:25px;
	float:left;
	margin-top:20px;
	margin-right:5px;
	margin-bottom:10px;
}


#galleriebyspins{
	width:492px;
	height:51px;
	margin-top:30px;
}

#copy_right{
	font-size:14px;
	color:#666;
	text-align:center;
	font-family:"eb garamond";
	margin-top:20px;

}






.kiji_img{
	width:250px;
	height:auto;
	text-align:center;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}

.kiji_body{
	width:200px;
	height:auto;
	margin-bottom:5px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}

.kiji_new{
	font-size:9px;
	text-align:center;
	color:#FD0000;
	margin-bottom:0px;
}

.kiji_title{
	font-size:12px;
	font-weight:bold;
	color:rgb(51,51,51);
}

.kiji{
	width:250px;
	height:auto;
	text-align:center;
	font-size:8px;
}

.footer_blog{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	font-family: 'EB Garamond', serif;
	color:#000;
}

.latest_article_s{
	font-size:18px;
	font-weight:bold;
	font-family: 'EB Garamond', serif;
	color:#000;
	margin-top:0px;
	margin-bottom:5px;
	float:left;
	}


#latest_articlebox{
	width:250px;
	text-align:center;
}






.button {
	display: inline-block;
	width: 100px;
	height: 20px;
	margin-top:5px;
	text-align: center;
	font-size:11px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #FFF;
	border: 1px solid #000;
	color: #fff;
}
.button:hover {
	background-color: #000;
	border-color: #000;
	color: #FFF
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color:#FFFFFF;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #FFF;
}