@charset "utf-8";
/*
Theme Name: トマト建設株式会社スタッフブログ-pc
Theme URI: http://www.ycomps.co.jp/
Description: WordPress のテーマ「YPS」
Version: 1.0
Author: YPS
Author URI: http://www.ycomps.co.jp/
*/


/*category_blog-simple
--------------------------*/
.blog-simple{border-bottom:1px dotted #000;}

.blog-simple:hover{
	background:#eee;
	background-position: center center;
	-webkit-transition: .5s ease-in-out;
}

.blog-simple a{
	display:block;
	margin-bottom:15px;
	padding:15px;
	position:relative;
}

.blog-simple a::after {
	content:"";
	display:block;
	clear:both;
}

.blog-simple .area_img{
	float:left;
	width:25%;
	overflow: hidden;
	margin-right:3%;
	height:200px;
	border:1px solid #999;
}

.blog-simple .img{
	height:200px;
	background-size: cover;
	background-position: center center;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}


.blog-simple .contents{
	float:right;
	width:71%;
}

.blog-simple .date::before {
    font-family: "fontawesome";
    content: "\f274";
    font-size: .88em;
    margin-right: .3em;
    position: relative;
    top: -1px;
}


.blog-cat_ttl{
	text-align: center;
	margin-bottom: 35px;
	font-size: 1.7em;
	font-weight: bold;
	color: #666;
}


#contents-nav .disc li:hover{
	background:#fff;
}

#contents-nav .disc li {
    border-bottom:0;
    padding: 12px 0;
    line-height: 1.2em;
    position: relative;
}

#contents-nav .disc li::after {
    font-family: "fontawesome";
    content: '';
    position:relative;
    right:0;
    top:0;
    margin-top:0;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


/*archives-dropdown
---------------------------*/
#archives-dropdown{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-transform: none;
	width:100%;
	height:100%;
	border:0;
	border-radius: 3px;
	background:#fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;
	display: block;
	line-height: 40px;
	padding: 0 4%;
	background: url(images/contents/arrow.png) right 5% top 50% no-repeat;
    background-size: auto auto;
	background-size: 10px, 100%;
}

#archives-dropdown_wrap{
	position:relative;
	margin-bottom: 15px;
	height: 40px;
}
#wp-calendar{
	width:100%;
	margin-bottom:15px;
}

#wp-calendar caption{
	color:#999;
	font-weight:bold;
	padding:5px 0;
}

#wp-calendar thead{
	color:#000;
}

#wp-calendar th,
#wp-calendar td{
	text-align:center;
}

#wp-calendar a{
	text-decoration:underline !important;
}

#wp-calendar  #prev{
	text-align:left;
}

#wp-calendar  #next{
	text-align:right;
}


#contents-nav .txt-btn a{
	width:100%;
	background:#535353;
	color:#fff;
}

#contents-nav .txt-btn a:hover{
	width:100%;
	background:#fff;
	color:#535353;
}