@charset "utf-8";
/*
Theme hatarakikata3
Theme URI:http://http://www.i-oshigoto.co.jp/work/
Description:「四国の多様な働き方と採用について」のテンプレート
Version:1.0
Author:AbilityCenter
Author URI:http://abi.co.jp/
*/

.post{
	margin-bottom:60px;
	overflow:hidden;
}

.tit_b{
	margin-bottom:30px;
	padding-bottom:9px;
	border-bottom:solid 1px #0071bb;
}

#tit_writer{
	margin:15px 0 12px;
	font-size:16px;
	line-height:1.4;
}
#tit_writer a{
	margin-left:2px;
	color:#444;
}
#tit_writer img.icon,
#tit_writer img.avatar{
	width:55px;
	margin-right:20px;
	vertical-align:middle;
}

.single h1,
.page h1,
.post h1{
	margin-top:20px;
	font-size:28px;
	line-height:1.6;
	font-weight:bold;
}

.post h1{
	line-height:1.4;
}
.post h1 a{
	color:#444;
}
.post_img{
	margin-bottom:20px;
}


.post .entry_content,
.single .entry_content,
.page .entry_content {
	margin-bottom:24px;
}

.post .entry_content h2,
.single .entry_content h2,
.page .entry_content h2 {
	margin:33px 0px 25px 0px;
	padding:10px 0 4px 15px;
    font-size:24px;
	font-weight:bold;
	color:#0071bb;
	line-height:1.3;
	border-left:6px solid #0071bb;
	border-bottom:2px solid #0071bb;
}

.post .entry_content h3,
.single .entry_content h3,
.page .entry_content h3 {
	margin:73px 0px 25px 0px;
	padding:0 0 4px 10px;
	font-size:20px;
	font-weight:bold;
	color:#0071bb;
	line-height:1.3;
	border-bottom:2px dotted #0071bb;
}

.post .entry_content h4,
.single .entry_content h4,
.page .entry_content h4 {
	background-color:#d9effd;
	padding:1px 0 1px 12px;
	margin:15px 0px 15px 0px;
}


@media screen and (max-width: 630px) {

.post{
	margin-bottom:50px;
}
.tit_b{
	margin-bottom:16px;
}

#tit_writer{
	font-size:14px;
}
#tit_writer img.icon{
	margin-right:15px;
}

.single h1,
.page h1,
.post h1{
	font-size:24px;
	line-height:1.2;
}

.post .entry_content h2,
.single .entry_content h2,
.page .entry_content h2{
	font-size:21px;
}

.post .entry_content h3,
.single .entry_content h3,
.page .entry_content h3 {
	font-size:18px;
	padding-left:6px;
}

}

/* アーカイブページ,カテゴリーページ,タグページ,検索ページのh1スタイル */

.archive h1,
.category h1,
.tag h1,
.search h1{
    margin:0 0 15px;
    padding: 5px 5px 5px 15px;
	font-weight:bold;
    font-size: 26px;
    background-color: #D7D7D7;
    border-left: 5px solid #999999;
}

.archive h2,
.category h2,
.tag h2,
.search h2{
	font-weight:bold;
    font-size: 20px;
	line-height:1.6;
}

.archive .k-tit,
.category .k-tit,
.tag .k-tit,
.search .k-tit{
	width:395px;
	float:right;
	margin-left:5px;
}

.kiji {
	margin-bottom:15px;
	padding:15px;
	border:1px solid #CCCCCC;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.sp_cat{
	clear:both;
	margin-top:30px;
	padding:10px 0;
}


@media screen and (max-width: 630px) {

.archive h1,
.category h1,
.tag h1,
.search h1{
    padding: 5px 5px 5px 10px;
    font-size: 18px;
}

.kiji {
	width:100%;
	padding:12px;
	border:1px solid #CCCCCC;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:15px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.archive .k-tit,
.category .k-tit,
.tag .k-tit,
.search .k-tit{
	width:70%;
	margin-left:0px;
	float:right;
}

.archive h2,
.category h2,
.tag h2,
.search h2{
	font-weight:bold;
    font-size: 16px;
	line-height:1.4;
}

.spkimg{
	max-width:25%;
	margin-top:4px;
	}

}

/*==========================================
 ソーシャルボタン
===========================================*/

@media screen and (max-width: 630px) {
.social-button img{
	max-height:20px !important;
}

}

.sns {
	width:100%;
	text-align:center;
	z-index:1;
	overflow:hidden;
}

.post .sns2 {
	margin-top:40px;
}

.single .sns{
	margin-bottom:0px;
}

.social-button {
	list-style-type: none !important;
	padding: 0;
	float:left;
}
.social-button li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	height:30px !important;
}
.social-button li div {
	display: inline;
}
.social-button:before,
.social-button:after {
	content: " ";
	display: table;
}
.social-button:after {
	clear: both;
}
.social-button {
	*zoom: 1;
}
.social-button .fb-like span {
	vertical-align: top !important;
}
.social-button iframe.twitter-share-button {
    width: 90px !important;
}
.social-button .google {
	vertical-align: top !important;
	margin-right:-30px !important;
}


/*==========================================
 この記事を書いた人
===========================================*/

#writer{
	margin-bottom:10px;
	overflow:hidden;
}
#writer h1,
#writer h4{
    margin:0 0 15px;
    padding:0;	
    background-color:transparent;
    border-left:none;
    font-size:10px;
}
#writer img.icon,
#writer img.avatar{
	margin:0 22px 40px 0;
	float:left;
}
#writer p{
	font-size:14px;
	line-height:1.6;
}
#writer p.name{
	margin-bottom:9px;
	font-size:22px;
	line-height:1.3;
}
#writer p.name a{
	color:#444;
}


@media screen and (max-width: 630px) {

#main.category #writer{
	margin-bottom:20px;
}

#writer h1 img,
#writer h4 img{
	width:190px;
}
#writer img.icon{
	width:80px;
	margin-bottom:10px;
}
#writer p.name {
	font-size:20px;
}
}


/*==========================================
 関連記事
===========================================*/

#kanren{
	margin-bottom:30px;
}
#kanren h2{
	margin-bottom:26px;
	padding:2px 20px 0 20px;
	font-weight:bold;
	font-size:16px;
	background-color:#e6e6e6;
}
#kanren ul{
	overflow:hidden;
}
#kanren li{
	width:195px;
	margin:0 0 28px 27px;
	float:left;
	font-size:14px;
	line-height:1.5;
}
#kanren li:first-child{
	margin-left:0;
}
#kanren li img {
	margin-bottom:14px;
}
#kanren .link{
	text-align:right;
	font-size:14px;
}
#kanren .link a{
	color:#29aae1;
}



@media screen and (max-width: 630px) {
#kanren{
	margin-top:50px;
}

#kanren ul {
	margin-bottom:20px;
}
#kanren li {
	width:100%;
	float:none;
	margin:0 0 2px 0;
	overflow:hidden;
}
#kanren li img {
	display:block;
	width:80px;
	float:left;
	margin:0 16px 20px 0;
}
}

/*==========================================
 ページ移動
===========================================*/

.post_link,
.pagenavi {
	clear:both;
	padding-bottom:20px;
	color:#29aae1;
}

.previus,
.previous_page {
	float:left;
}

.next_page,
.next{
	float:right;
}


/*==========================================
 その他の設定
===========================================*/


/* トップへ戻る */

#goto_top {
	position:fixed;
	right:10px;
	bottom:10px;
}
#goto_top a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.51, #d1d1d1), color-stop(0.50, #dbdbdb), color-stop(0.00, #dcdcdc));
	background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
	background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
	background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
	background: linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 51%, #ffffff 100%);
    background-color:#DCDCDC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
	padding:2px 4px 2px 4px;
	display:block;
	border:solid 1px #CCC;
	color:#333;
}
#goto_top a:hover {
	text-decoration:underline;
}
* html #goto_top a {
   position:absolute;
   right:30px;
}

/* トップへ戻るend */


/* 投稿画像等設定 */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; 
	height: auto;
	margin:12px 0;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important;
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery img {
	border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery img {
	border: 10px solid #f1f1f1;
}

.gallery br+br {
	display: none;
}

#content .attachment img {
	display: block;
	margin: 0 auto;
}

/* 投稿画像等設定end */


/* コメント欄 */

#respond {
	margin:15px 0px 0px 0px;
}

#commentform {
	margin:0px 0px 30px 0px;
}
#commentform p{
	margin:5px 0px 5px 0px;
}

#comments {
	margin:15px 0px 15px 0px;
}
.commentlist p {
	margin:15px 0px 15px 0px;
}

.comment{
	margin:15px 0px 15px 0px;
}

.reply a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f5f6), color-stop(0.00, #c8d7dc));
	background: -webkit-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -moz-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -o-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -ms-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
        background-color:#c8d7dc;
	color:#333;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:1px 5px 1px 5px;
	border:solid 1px #CCC;
	margin:15px 0px 0px 0px;
}

.depth-1 {
	border:dotted 1px #666;
	padding:10px;
}

.children {
	margin:0px 0px 0px 30px;
}

/* コメント欄end */

/* セレクトボックス */

#side select {
	padding:4px;
	margin:20px 0 10px;
}

/* セレクトボックスend */


/* 検索フォーム */
 
#side form {
	margin:30px 0px 30px 0px;
}
#side form input {
	padding:4px;
}
 
.widget_search label {
	display: none;
} 
 
/* 検索フォームend */


/*==========================================
 トップページの新着記事
===========================================*/

.topsintyaku li{
	line-height: 1.5;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 0;
}

.topsintyaku img{
	margin-right:20px;
	float:left;}

@media screen and (max-width: 640px) {
.topsintyaku{display:none;}
}


/*==========================================
 Youtube
===========================================*/

@media screen and (max-width: 640px) {
.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}



/*==========================================
 人気記事ランキング
===========================================*/


/* カウンターの初期化 */
.wpp-list {
    counter-reset: wpp-ranking;
}
/* カウンターの値を表示 */
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}

.wpp-thumbnail {
    margin: 0 10px -4px 0 !important;
}

.wpp-list li {
    position: relative;
    list-style-type: none;
    padding-top: 5px;
    padding-left: 5px;
	font-size:90%;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    background: rgba(247, 147, 30, 0.9);
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 4px 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
	margin-left:10px;
}