/*
Theme Name: KIJITASU SingleSet
Theme URL: 
Description: 
Author: WILLGATE
Version: 1.0
*/

/* Resetting ******************************************************************************/

@charset "UTF-8";

/*---------------------------------------------
	カスタム色設定
  ---------------------------------------------*/

/*--- 基本色 ---*/
body {
    color: #666;
    background: #eee;
}
#header, .menu-header-container, #footer { min-width: 980px;}
/*--- リンク色 ---*/
a:link,a:visited,a:active {
    text-decoration: none;
    color: #555;
}

/*--- ヘッダーメニュー背景色 ---*/
.menu-header-container {
		background: #f08300;
		border-top: 1px solid #ef7a00;
    border-bottom: 1px solid #ef7a00;
}
/*--- ヘッダーメニューリンク色 ---*/
ul#menu-header li a:link,ul#menu-header li a:visited,ul#menu-header li a:active {
    text-decoration: none;
    color: #fff;
}
ul#menu-header-1 li a:link,ul#menu-header-1 li a:visited,ul#menu-header-1 li a:active {
    text-decoration: none;
    color: #fff;
}
/*--- ヘッダーロゴ色 ---*/
#header h1 a {
    color: #000;
    font-size: 50px;
}

/*--- サイドバー見出し色 ---*/
.menu-box h2 {
    background: #555;
    color: #fff;
}

/*--- カテゴリ帯色 ---*/
.post_sub .cate {
    background: #00a3c6;
}
.post_sub .cate a {
    color: #fff;
}

/*--- moreリンク色 ---*/
.post_body .more a {
    background: #00a3c6;
}
.post_body .more a:link,.post_body .more a:visited,.post_body .more a:active {
    color: #fff;
}
.post_body .more a:hover {
    background: #666;
}

/*--- 記事本文見出し色 ---*/
.single_post h2 {
    color: #111;
}
.single_post h3 {
    color: #333;
    border-left: 5px solid #D22A37;
}
.single_post p strong {
    color: #666;
}

/*--- フッター背景色 ---*/
#footer {
    border-top: 1px solid #DDD;
}
#footer #menu-footer li a {
    color: #666;
}

#footer #menu-footer li {
    color: #666;
}
#footer p.copyright {
    color: #666;
}


/*---------------------------------------------
	COMMON
  ---------------------------------------------*/

body {
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
    line-height: 100%;
    text-align: left;
    -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
    margin: 0;
    padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
q:before ,q:after {
    content: '';
}
object, embed {
    vertical-align: top;
}
hr, legend {
    display: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
img, abbr, acronym, fieldset {
    border: 0;
}
img {
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}
ul li {
    list-style-type: none;
}



/*---------------------------------------------
        Anchor
  ---------------------------------------------*/

a {
    outline: none;
}
a:link,a:visited,a:active {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:hover img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


/*---------------------------------------------
	Wrapper
  ---------------------------------------------*/
#container {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    padding: 20px 0;
}
#container:after {
    content: "";
    clear: both;
    display: block;
}


/*---------------------------------------------
	Header
  ---------------------------------------------*/
#header {
    background: #fff;
    height: 100px;
}
#header_inner {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
#header h1 {
    margin-top: 22px;
    font-weight: bold;
    float: left;
    line-height: 1;
}
#header h1 img {
    vertical-align: middle;
}
#header h1 a:hover {
    text-decoration: none;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#header .headerR {
    float: right;
    text-align: right;
}
.headerR p {
    margin: 24px 0 0 0;
    font-size: 12px;
    color: #666;
}
.headerR .sb {
    margin-top: 5px;
}
.headerR .sb li {
    font-size: 12px;
    text-align: right;
}
#header:after {
    content: "";
    clear: both;
    display: block;
}


/*---------------------------------------------
	HeaderMenu
  ---------------------------------------------*/
ul#menu-header, ul#menu-header-1 {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0;
}
ul#menu-header li, ul#menu-header-1 li {
    display: inline;
    margin: 0 15px;
    font-size: 14px;
}
ul#menu-header li a:hover, ul#menu-header-1 li a:hover {
    text-decoration: underline;
}


/*---------------------------------------------
	Main
  ---------------------------------------------*/
#main {
    float: left;
    width: 660px;
}


/*---共通ポストCSS---*/
.post_sub .cate {
    float: left;
    padding: 2px 20px;
    font-size: 12px;
    font-weight: bold;
}
.post_sub .date {
    float: right;
    font-size: 13px;
    color: #666;
}
.post_sub:after {
    content: "";
    clear: both;
    display: block;
}

/*---メイン型ポストCSS---*/
.main_post {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.main_post h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 120%;
}
.main_post .post_sub {
    margin: 15px 0;
}
.main_post .post_img {
    float: left;
    width: 200px;
}
.main_post .post_img img {
    border: 1px solid #ddd;
    box-sizing: border-box;
    max-width: 200px;
    height: auto;
}
.main_post .post_body {
    float: right;
    width: 400px;
}
.main_post .post_body p {
    font-size: 15px;
    line-height: 170%;
}
.main_post .post_body .more {
    margin-top: 25px;
    text-align: right;
}
.post_body .more a {
    padding: 3px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
}
.post_body .more a:link,
.post_body .more a:visited,
.post_body .more a:active {
    text-decoration: none;
}
.post_body .more a:hover {
    text-decoration: underline;
}
.post_cont:after {
    content: "";
    clear: both;
    display: block;
}

/*---リスト型ポストCSS---*/
.post_list {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}
.post {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #eee;
}
.post:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.post:after {
    content: "";
    clear: both;
    display: block;
}
.post .post_img {
    float: left;
    width: 100px;
}
.post .post_img img {
    border: 1px solid #ccc;
    box-sizing: border-box;
    max-width: 100px;
    height: auto;
}
.post .post_cont {
    float: right;
    width: 500px;
}
.post h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
}
.post .post_sub {
    margin: 10px 0;
}
.post .post_body p {
    font-size: 13px;
    line-height: 170%;
}

/*---カテゴリ型ポストCSS---*/
.post_cate li {
    width: 320px;
    margin-bottom: 30px;
}
.post_cate li:nth-child(odd) {
    float: left;
}
.post_cate li:nth-child(even) {
    float: right;
}
.post_cate:after {
    content: "";
    clear: both;
    display: block;
}
.post_cate li h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.post_cate li h2 a {
    color: #333;
}
.post_cate_box {
    background: #fff;
    padding: 20px;
    border-top: 5px solid #666;
}
.post_cate_box dl dt h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    display: inline;
}
.post_cate_box dl dt span {
    font-size: 11px;
    color: #666;
    margin-left: 5px;
}
.post_cate_box dl dt {
    margin-bottom: 15px;
}
.post_cate_box dl dd {
    font-size: 12px;
    line-height: 1.5;
}
.post_cate_box dl {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.post_cate_box dl:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*---ページャー---*/
.paging {
    text-align: center;
    margin: 30px 0 40px 0;
    font-size: 14px;
}
.paging li {
    display: inline;
    margin: 0 2px;
}
.paging li a {
    border: 1px solid #ddd;
    padding: 3px 8px;
    background-color: #FFF;
}

/*---------------------------------------------
	tagcloud
  ---------------------------------------------*/
.tagcloud a {
font-size: 14px !important;
padding: 5px;
display: inline-block;
}
.tagcloud a:hover, .tagcloud a:hover {
	text-decoration: underline;

}

/*---------------------------------------------
	iconfont
  ---------------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-4pthj4');
	src:url('fonts/icomoon.eot?#iefix-4pthj4') format('embedded-opentype'),
		url('fonts/icomoon.woff?-4pthj4') format('woff'),
		url('fonts/icomoon.ttf?-4pthj4') format('truetype'),
		url('fonts/icomoon.svg?-4pthj4#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 16px;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-pencil:before { content: "\f040";}
.icon-trophy:before { content: "\f091";}
.icon-folder:before { content: "\f07b";}
.icon-tags:before { content: "\f02c";}
.icon-archive:before { content: "\f187";}

.icon-pencil:before,
.icon-trophy:before,
.icon-folder:before,
.icon-tags:before,
.icon-archive:before {
	position: absolute;
	z-index: 100;
	color: #FFF;
	top: 12px;
	left: 12px;
}

.icon-pencil:after,
.icon-trophy:after,
.icon-folder:after,
.icon-tags:after,
.icon-archive:after {
	content:"";
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
	position: absolute;
	top: 7px;
	left: 7px;
}
.icon-pencil:after { background-color: #ef7a00;}
.icon-trophy:after { background-color: #e5c025;}
.icon-folder:after { background-color: #35adc9;}
.icon-tags:after { background-color: #e07c7c;}
.icon-archive:after { background-color: #a4ce6a;}



/*---------------------------------------------
	Rnavi
  ---------------------------------------------*/
#Rnavi {
    float: right;
    width: 300px;
}

#Rnavi .bnrArea{ margin-bottom: 40px;}
#Rnavi .bnrArea li{ margin-bottom: 20px;}
#Rnavi .bnrArea img{ max-width: 300px;}
.columnArea, .menu-box {
    margin-bottom: 30px;
}
.columnArea h2 {
    padding: 10px 10px 10px 35px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    background: #555;
    color: #fff;
    position: relative;
}
.menu-box h2 {
    padding: 10px 10px 10px 35px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
		position: relative;
}
.columnArea ul, .menu-box ul {
    margin: 0 10px;
}
.columnArea ul li, .menu-box ul li {
    background: url(img/arrow.png) no-repeat 0 3px;
    line-height: 1.5;
    font-size: 11px;
    color: #858c9b;
    margin-bottom: 10px;
    padding-left: 15px;
}
.columnArea ul li a, .menu-box ul li a {
    color: #2d2d2d;
    font-size: 14px;
}
.menu-box ul li span {
    margin-left: 5px;
}
.menu-box ul li span a {
    font-size: 11px;
    color: #858c9b;
    display: inline;
}
.menu-box p {
    margin: 0 10px;
    font-size: 14px;
    line-height: 1.5;
}

/***ランキング***/
ul.ranking li a {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}
ul.ranking li {
    border-bottom: 1px solid #e4e4e4;
    font-size: 11px;
    color: #858c9b;
    padding-bottom: 10px;
}
ul.ranking li span {
    margin-left: 0;
}



/*---------------------------------------------
	Footer
  ---------------------------------------------*/
#footer { background: #FFF;}
.gFooter .menu-header-container{
	background: #f08300 !important;
	border: none !important;
}
.gFooter .cf {
	min-width: 950px;
	width: 950px;
	margin: 0 auto;
	padding: 15px;
	position: relative;
}
.fltL { float: left;}
.fltR { float: right;}
.gFooter .companyName {
	margin-bottom: 5px;
	text-align: right !important;
	font-size: 14px !important;
}
.gFooter .contactLink {
	position: absolute;
	top: 25px;
	left: 210px;
}
/* clearfix */
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html .cf { zoom: 1;}
/* IE7 */
*:first-child+html .cf { zoom: 1;}
#footer #menu-footer {
    width: 980px;
    margin: 0 auto;
}
#footer #menu-footer:after {
    content: "";
    clear: both;
    display: block;
}
#footer #menu-footer li {
    font-size: 12px;
    float: left;
    margin-right: 20px;
}
#footer p.copyright {
    font-size: 12px;
}


/*---------------------------------------------
	Single
  ---------------------------------------------*/
/***POSTエリア***/
.single_post {
    background: #fff;
    padding: 30px;
    margin-bottom: 50px;
}
.single_post h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 120%;
}
.single_post h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    margin: 30px 0;
    padding: 3px 0 3px 10px;
}
.single_post .post_sub {
    margin: 15px 0 10px;
}
.single_post .post_cont {
    margin-top: 20px;
}
.single_post .post_img {
    text-align: center;
    margin-bottom: 30px;
}
.single_post .post_img img {
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.single_post p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 1.8em; 
}
.single_post p strong {
    font-weight: bold;
}
.single_post ul {
    margin-bottom: 1.8em;
}
.single_post ul li {
    list-style: square inside;
    line-height: 1.5;
    font-size: 16px;
}

.single_post ul {
    border: 2px solid #ddd;
    padding: 10px;
}
.single_post blockquote p {
    background: #f5f5f5 url("./img/blockquote.png") 10px 10px no-repeat;
    padding: 10px 10px 10px 50px;
    margin-bottom: 10px;
}
.single_post blockquote p:last-child {
    margin-bottom: 1.8em
}
.single_post blockquote p {
    position: relative;
    z-index: 3;
}

/***関連リンク***/
.post_cont .yarpp-related {
    margin-top: 50px!important;
}
.post_cont .yarpp-related h3 {
    font-size: 16px!important;
    font-weight: normal!important;
    margin-bottom: 10px!important;
}



/***関連リンク***/
.single_recommend {
    margin-bottom: 30px;
}
.wp_rp_content h3 {
    font-size: 18px;
    font-weight: bold;
}
.wp_rp_content ul {
    margin-top: 10px;
    background: #fff;
    border-top: 5px solid #666;
    padding: 20px;
}
.wp_rp_content ul li {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.wp_rp_content ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.wp_rp_content ul li:after {
    content: "";
    clear: both;
    display: block;
}
.wp_rp_content ul li .wp_rp_thumbnail {
    float: left;
    width: 100px;
    margin-right: 20px;
}
.wp_rp_content ul li .wp_rp_thumbnail img {
    border: 1px solid #ccc;
    box-sizing: border-box;
    max-width: 100px;
    height: auto;
}
.wp_rp_content ul li .wp_rp_publish_date {
    margin-bottom: 5px;
    display: block;
    font-size: 11px;
}
.wp_rp_content ul li .wp_rp_title {
    font-size: 16px;
    line-height: 120%;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.wp_rp_content ul li .wp_rp_excerpt {
    font-size: 12px;
    line-height: 170%;
}


/***パンくずリスト***/
.pankuzu {
	border: none !important;
	font-size: 14px;
	padding: 0 15px 15px;
}
.pankuzu li {
	list-style: none;
	display: inline-block;
}

/***キーワード***/
.tagKeyword { font-size: 14px !important;}
.tagKeyword dt {
	margin-bottom: 5px;
	font-weight: bold;
}

/*---------------------------------------------
	Page
  ---------------------------------------------*/
.page_post h2 {
    margin-bottom: 30px;
}

/*---------------------------------------------
	404
  ---------------------------------------------*/
.notfound h2 {
    margin-bottom: 20px;
}
.notfound p {
    line-height: 1.7;
    font-size: 16px;
    margin-bottom: 1em;
}