@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags: 
Version: 0.1.0
*/


/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/
#header {
padding-top: 20px;
background: url(img/smart_coating_tech_header_bgimg.jpg) no-repeat center #FFF33F;
}
/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/
#headerTop {
background: url(img/smart_coating_tech_header_logo.png) no-repeat left;
height: 70px;
padding-left: 70px;
margin-bottom: 5px;
}
#headerTop #site-description {
font-size: 28px;
color: #000;
line-height: 70px;
letter-spacing : -0.5px;
font-weight: bold;
}
#headerTop #site-description span {
display: inline-block;
font-size: 15px;
margin-left: 40px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: normal;
}
/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/
#headerSiteMapLang {
font-size: 12px;
color: #666;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
float: right;
margin-bottom: 10px;
}
#headerSiteMap a,
#headerLang a {
text-decoration: none;
margin-left: 10px;
content: ">>";
}
#headerSiteMap a:before,
#headerLang a:before {
content: ">>";
color: #c00;
}
/*-------------------------------------------*/
/*	#gMenu
/*-------------------------------------------*/
#gMenu {
border-bottom: 10px solid #FFF337;
background-color: #231815;
}
#gMenu.itemOpen .menu {
background-color: #231815;
}
#gMenu .assistive-text {
color: #FFFFFF;
background-color: #231815;
}
#gMenu .menu li a {
color: #fff;
background-color: #231815;
}
#gMenu .menu li.current_page_item > a,
#gMenu .menu li > a:hover {
background-color: #8A8219;
}
#gMenu .menu > li.current_page_ancestor > a {
background-color: #8A8219;
}
/*-------------------------------------------*/
/*	3PRarea
/*-------------------------------------------*/
#topPr h3 {
padding: 2px 2px 2px 5px;
color: #FFFFFF;
background: #6C9BD2;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-left: -5px;
border-left: #999 solid 2px;
}
#topPr h3 a {
padding: 2px 2px 2px;
color: #FFFFFF;
background: #6C9BD2;
}
.topPrInner {
text-align: left;
border-left: 1px solid #999;
padding-left: 5px;
}
.topPrTxtBox .moreLink {
text-align: right;
}
.topPrTxtBox .moreLink a {
background: url(img/smart_coating_tech_arrow.png) no-repeat left;
}
/*-------------------------------------------*/
/*	top info & blog
/*-------------------------------------------*/
#topInfo h2,
#topBlog h2 {
padding: 5px;
color: #FFFFFF;
background: #6C9BD2;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-left: -5px;
border-left: #999 solid 2px;
border-top: none;
}
#topInfo .ttBox,
#topBlog .ttBox {
text-align: left;
margin-left: -5px;
border-left: 1px solid #999;
padding-left: 10px;
}
.content .infoList .rssBtn a {
right: 8px;
bottom: 8px;
}
#topInfo .moreLink a,
#topBlog .moreLink a {
background: url(img/smart_coating_tech_arrow.png) no-repeat left;
}
/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
#footerSection {
background-color: #FFF33F;
}
/*-------------------------------------------*/
/*	#footMenu
/*-------------------------------------------*/
#footer {
padding: 0;
}
#footMenu {
padding-top: 0px;
padding-bottom: 0
}
#footMenu .menu {
border: none;
}
#footMenu .menu li {
float: right;
}
#footMenu .menu li a {
border: none;
}
#footMenu .menu li a:before {
content: ">>";
color: #c00;
}
#footMenu .innerBox {
border: none;
}
#footer dl#footerOutline {
padding-left: 50px;
line-height: 40px;
width: 500px;
font-family: "Times New Roman", Times, serif;
background: url(img/smart_coating_tech_header_logo.png) no-repeat left;
background-size: 40px 40px;
}
#footer dl#footerOutline dt {
line-height: 40px;
}
#siteBottom {
padding-top: 0px;
padding-bottom: 15px;
}
/*-------------------------------------------*/
/*	#pageTitBnr
/*-------------------------------------------*/
#pageTit {
padding-bottom: 5px;
border-bottom: 2px #666 solid;
}
#pageTitBnr #pageTitInner #pageTit {
margin-bottom: 5px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.entry-content {
border-left: 1px solid #999;
padding-left: 20px;
}
.entry-content h2,
.entry-content h2:first-child {
color: #fff;
margin-left: -20px;
padding-left: 20px;
background: #6C9BD2;
border: none;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.entry-content h3 {
color: #6C9BD2;
text-indent: 1em;
font-size: 16px;
padding-left: 0;
border: none;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*-------------------------------------------*/
/*	#catalogImgLayout
/*-------------------------------------------*/
.catImgArea {
margin: 0 auto;
width: 100%;
height: auto;
max-width: 350px;
}
.catImgArea .imgMax img {
display: block;
width: 95%;
height: auto;
margin-bottom: 10px;
}
/*-------------------------------------------*/
/*	#イメージ左　テキスト右
/*-------------------------------------------*/
.txtRImgLArea .imgMax {
width: 80%;
margin: 0 auto 20px;
}
.txtRImgLArea img {
width: 100%;
height: auto;
}
/*-------------------------------------------*/
/*	#イメージ右　テキスト左
/*-------------------------------------------*/
.txtLImgRArea .imgMax {
width: 80%;
margin: 0 auto 20px;
}
.txtLImgRArea img {
width: 100%;
height: auto;
}
/*-------------------------------------------*/
/* 施工実績
/*-------------------------------------------*/
#post-616 {
border: none;
padding: 0;
}
.constructionImgArea {
margin: 0 auto;
max-width: 350px;
position: relative;
}
.constructionImgArea img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.constructionImgArea h4 {
color: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: absolute;
bottom: 5px;
padding: 5px;
background-color: rgba(184,214,255,0.7);
width: 80%;
margin: 0 0 5;
}
/*-------------------------------------------*/
/*			.child_page_block
/*-------------------------------------------*/
.content{
overflow:hidden !important;
margin-bottom:30px !important;
}
.content .child_page_block .child_page_blockInner {
padding: 0px;
position: relative;
margin: 0 auto;
max-width: 350px;
}
.content .child_page_block .childText {
display: none;
}
.content .child_page_block h4 {
border: none;
box-shadow: none;
padding: 5px;
position: absolute;
bottom: 0px;
background-color: rgba(184,214,255,0.7);
width: 80%;
margin-bottom:8%;
}
.content .child_page_block h4 a {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-decoration: none;
color: #fff;
display: inline-block;
height: 100% !important;
line-height:100%;
vertical-align:middle;
}
.content .child_page_block .thumbImage {
border: none;
float: none;
margin: 0;
}
.content .child_page_block .thumbImage .thumbImageInner {
max-width: 350px;
border: none;
width: 100%;
}
.content .child_page_block .thumbImage .thumbImageInner img {
width: 100%;
height: auto !important /* ie8 */;
}

/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/
.post-edit-link{
margin-bottom:50px;
}

/*-------------------------------------------*/
/*	Responsive Structure
/*-------------------------------------------*/

/*-------------------------------------------*/
/*	#catalogImgLayout
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) { /* スクロール分余裕に20px */
.catImgArea {
overflow: hidden;
max-width: 100%;
}
.catImgArea .imgMax {
max-width: 33.33%;
height: auto;
float: left;
}
.catImgArea p {
clear: both;
}
/*-------------------------------------------*/
/*	#イメージ左　テキスト右
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
.txtRImgLArea {
overflow: hidden;
}
.txtRImgLArea .imgMax {
float: left;
max-width: 250px;
margin-right: 20px;
margin-bottom: 20px;
}
.txtRImgLArea .imgMax {
width: 100%;
height: auto;
}
/*-------------------------------------------*/
/* イメージ右　テキスト左
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
.txtLImgRArea {
overflow: hidden;
}
.txtLImgRArea .imgMax {
float: right;
max-width: 250px;
margin-left: 20px;
margin-bottom: 20px;
}
.txtLImgRArea .imgMax {
width: 100%;
height: auto;
}
/*-------------------------------------------*/
/* 施工実績　コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
.constructionImgArea {
overflow: hidden;
max-width: 33.33%;
float: left;
}
.constructionImgArea h4 {
font-size: 80%;
}
/*-------------------------------------------*/
/*			.child_page_block
/*-------------------------------------------*/
.content .child_page_block h4 {
font-size:80%;
}
.content .child_page_block {
width: 33.33% !important;
}
.content .child_page_block.layout_odd {
float: left;
clear: none;
width: 100%;
margin-bottom: 0;
}
.content .child_page_block.layout_even {
float: left;
width: 100%;
margin-bottom: 0;
}
}