@charset "utf-8";
/*
Theme Name: 蒲原燃料住宅設備株式会社用子テーマ
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: 蒲原燃料住宅設備株式会社 
Tags: 
Version: 0.1.0
*/

/***** Default Setting ****/
body {
	font-family: "メイリオ", sans-serif; 
	letter-spacing: normal;
}

/* Header */
#gMenu .menu li a {height:25px !important; padding:10px 20px 0; margin:10px 0 0 0;}

#content .entry-content h2 {
	font-size:125% !important; 
	border-top: none;
    border-bottom: none;
    margin: 0 0 10px;
	}
#content .entry-content h3 {
	font-size:115% !important;
	margin:40px auto 20px 5px; 
	border-bottom:1px solid #a89b6b !important;
}
#content .entry-content h4 {
	font-size:100% !important; 
	margin:30px auto 10px 10px;
	border:0px; 
	border-bottom: 0px dotted #ccc !important;
	text-decoration:underline;
}
#content .entry-content p {
	font-size: 100%;
	font-weight: normal;
}

/***** ポイント時の色の変化 *****/
/* Header */
#header #site-title a img { max-height: 150px;}
#headContactTel { color: rgb(0, 112, 192); }
#headerTop #site-description {color: blue;}

/* Tab */
/*#gMenu .menu li.current_page_item>a { background-color:#dbf1f2; }*/
#gMenu .menu li.current_page_item>a { background-color: #effdff; }
#gMenu .menu li a:hover { background-color: #f0faff; }
#gMenu .menu>li.current-menu-ancestor>a, #gMenu .menu>li.current_page_ancestor>a, #gMenu .menu>li.current-page-ancestor>a { background-color: #effdff; }

/* Sidemenu */
* { color: #333; }
#panList { font-size: 12px; }
#sideTower li a { color: #333; }
#sideTower .sideWidget li a:hover {	background-color: #f0faff;}
#sideTower .sideWidget li.current_page_item>a, #sideTower .sideWidget li.current-cat>a { background-color: #effdff; }



/* Footer */
#footer { border-top:1px solid white; }
#footerSiteMap .menu li	a	{ border-bottom:1px solid #ccc; margin:5px 0 10px 0; font-weight:bold; }
#footerSiteMap .menu li	li a	{ border-bottom:0px; margin:2px 0 2px 0; font-weight:normal;　 }
#footer dl#footerOutline dd {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; 
}
@media (min-width: 970px) {
	#footer .innerBox #footerOutline dt img { max-height:160px !important; }
}
#footer .innerBox {
    padding-top: 15px ;
    padding-bottom: 5px;
	background-color:#effdff;
}
#footer dl#footerOutline dd {
	font-size: 100% !important;
	font-weight: bold;
	color: rgb(0, 112, 192);
}
#content .mainFootContact { display: none; }


/* Footer　下部 */
#siteBottom {border:0px; background-color: rgb(123, 197, 235);}
#siteBottom ul li { display: inline-block !important; color:#000 !important; margin:25px auto 0px 50px; }
#siteBottom a:hover {color:#f00!important;}


/* Background Design */
#headerTop #site-description { padding-top: 3px; background-color: #1e73be;}
#header .innerBox { padding-top: 10px;}
#headerTop { display: block; background-color: #1e73be;}
.innerBox { background-color: transparent; }
#panList .innerBox ul { background-color: #effdff; border-top: 0.5px dotted #e5e5e5; border-bottom: 0.5px dotted #e5e5e5; }
#gMenuInner .innerBox { background-color: #f9f9f9; }
#footer { background-color: #effdff; border-top: 1px solid white;}
/*#main #container { padding-top: 15px; }*/
#main #container { padding-top: 7px; }
#main #container #content { padding-bottom: 5px !important; }


/* Delete BizVektor名, RSS, PageBox etc  */
#powerd, #sitemapOuter { display: none; }
#content .rssBtn { display: none; } 
#content .caption { display: none; } 
#content .childPageBox { display: none; }
a.btn.btnS, .linkBtn.linkBtnS a { display: none; }

/* 「編集」ボタンの消す */
.adminEdit {display:none;}
#container #content {padding-bottom: 0px;}
#topFreeArea { margin-bottom: 0px; }

/* 最新情報・お知らせの「最終更新日時」を消す */
.content .entry-meta .updated { display:none; }


/* Slider　 */
.slider-c{margin:0 !important; text-align:center !important;}

/* ブログのNo Sidebar */
.com-nosidebar {
	width: 100% !important;
	float: left !important;
}

/* ウィンドウ幅が480px以上の場合に適用 */
@media screen and ( min-width:950px )
{
	.slider-bottom{
		width:950px;  
		margin: 12px auto 0px auto!important;
		text-align:center !important; 
		background:#fff;
		border:0px solid #ccc; 
	}
}

#container ul#banarea li{float:left;	margin:0 10px 10px 0;}

#header .innerBox #site-title a img {
    max-height: 80px;
}

#gMenu .menu li a strong {
    font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* スマホ画面のメニュー */
#gMenu .assistive-text span { color: rgba(255, 255, 255, 1); }

/* お知らせ */
#content .infoList ul li .infoTxt a {
    text-decoration: none;
    color: #09c;
    display: block;
    overflow: hidden;
}

#content .infoList .infoDate {
    margin-right: 8px;
    color: #666;
}
.moreLink a {
	font-size: 12px;
	padding: 12px 25px;
}


/* Default Page */
@media (min-width: 970px) {
	/* Header */
	#header .innerBox #site-title img { max-height:80px !important; }
    /* メインコンテンツの幅 */
    #main #container #content { width: 76%;}
     /* サイドバーの幅 */
    #main #container #sideTower { width: 20%;}
}


/* Default Template */
#pageTitBnr #pageTitInner #pageTit { font-weight: bold;}


/* ※マーク */
.com-liMark {
	list-style: none !important;
	text-indent: -1em;
}


#content table th {
	background-color: #ffffff;
	font-size: 120%;
	white-space: normal !important;
	letter-spacing: normal;
}

#content table td {
	font-size: 120%;
	letter-spacing: normal;
}

.tbl-smallfont {font-size: 118% !important;}

/* Search Function on Top */
form#searchform {
	border: none;
    background: none;
}

#content form input[type=text], #content form textarea {
    padding: 4px;
    margin: 0 5px 0 0;
	font-size: 100% !important;
}

.s{
    border: 1px solid #D6D6D6;
    height: 22px;
	width: 59%
}

.searchsubmit{
    border: 1px solid #999;
    background: #999;
    padding: 8px 20px !important;
    color: #FFFFFF;
    font-size: 0.9em;
    margin: 3px !important;
}

/*　InformationとBlogを横並びに　*/
#content #topInfo {
    width:60%;
    float:left;
    margin:10px;
    margin-left: 30px;
}
#content #topBlog {
    width:30%;
    float:right;
    margin:10px ;
}

/*　フリーエリアで横並びを解除　*/
#topContentsBottom { clear:both; }

#content #topBlog h2 {
    margin-bottom: 0;
	display: none;
}

#content .infoList .infoListBox div.entryTxtBox h4.entryTitle { display: none; }
#content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate, #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoCate {
    display: none;
}
#pagetop a { display: none; }

#content .infoList .infoListBox {
    border-bottom: none;
	padding: 0 0;
}

/* 提携会社をTOPに表示させる */
#content .infoList .infoListBox { display: block !important; }

#content ul.linkList li a { font-size: 120% !important; }

/* 改行させない */
.com-dspPC { display: block; }
/* 改行させる */
.com-dspPC2 { display: block; }
/* 改行させる */
.com-dspPhone { display: none; }
 /* 改行させる */
 .com-dspPhone2 { display: none; }
/* 改行させない */
.com-dspSide { display: none; }

/* imageサイズ */
.com-imgStd { zoom: 1.00; }
.com-imgStd2 { zoom: 1.00; }


/* ボタン */
.com-txtBtn {
		padding: 10px 15px !important;
		font-size: 1.2em !important;
		text-align: center;
		color: #FFF;
		border-radius: 4px;
		width: 80%;
		margin: auto;
}

/* 一覧BOXの体裁 */
#content .entry-content{ margin-left:13px; }

/*　Table / Smartphoneへの対応　*/
@media screen and (max-width: 970px) {
	body.left-sidebar #main #container #sideTower { display: none; }
}
/********** スマホ画面（横向き） *********/
@media screen and (max-width: 828px) { 	
 	/* 改行させる */
	.com-dspSide { display: block; }
	/* 改行させない */
	.com-dspPC2 { display: none; }
 	/* imageサイズ */
 	.com-imgStd{ zoom: 0.90; }
 	
 	/* Search Function */
 	.s { width: 58%; }
 	.searchsubmit{ padding: 8px 15px !important; }
 	
 	/* Footer */
 	#footerSiteMap .menu li	a {
 		 margin: 10px 0 5px 0 !important;
 		 padding: 8px 0 5px
 	}
	#footerSiteMap .menu li	li a {
		margin: 0 0 0 0 !important;
		font-size: 91.7%;
		padding: 3px 1em;
	}
	#siteBottom a {font-size: 91.7%;}
	
	/* TopInfo体裁調整 */
	#content #topInfo {
    	width:60%;
    	float:left;
    	margin:10px;
    }
	
}
/********** スマホ画面 *********/
@media screen and (max-width: 480px) {	
 	body {
		letter-spacing: 1px;
	}
	
	#header .innerBox { padding-top: 7px;}
 	
 	/* imageサイズ */
 	.com-imgStd{ zoom: 0.80; }
 	 
 	 /* imageサイズ */
 	.com-imgStd2{ zoom: 0.70; }
 	
 	 /* 改行させない */
 	.com-dspPC { display: none; }
 	/* 改行させる */
 	.com-dspPhone { display: block; }
  	/* 改行させる */
 	.com-dspPhone2 { display: block; }
 	 	
 	/* Search Function */
 	.s { width: 65%; }
 	.searchsubmit{ padding: 8px 20px !important; }
 	
 	/* 横並び解除 */
 	#content #topBlog, #content #topInfo { float: none; width:98%;  }
    /* Footer */
    #footerSiteMap .menu li	li a , #siteBottom a { font-size: 100%;}
    /* 一覧BOXの体裁 */
    #content .entry-content{ margin-left:0; }
    
}

/********** iPhone5/SE *********/
@media screen and (max-width: 320px) {
 	/* imageサイズ */
 	.com-imgStd{ zoom: 0.70; }
 	/* 改行させない */
 	.com-dspPhone2 { display: none; }
}


/* ==========================================================================
   【サイズ完全復元】新旧の幅のズレを解消し、1010pxに広げて中央に寄せる
   ========================================================================== */
body.home #main,
body.home #container #content {
    float: none !important;            /* 左寄せを強制解除 */
    margin: 0 auto !important;         /* ど真ん中に配置 */
    width: 100% !important;            /* 横幅をいっぱいまで解放 */
    max-width: 1010px !important;      /* 【重要】旧環境と同じ「1010px」にサイズを完全固定 */
    box-sizing: border-box !important;
}

/* 子要素の #topFreeArea も親の 1010px いっぱいまで追従させる */
body.home #topFreeArea {
    width: 100% !important;
    max-width: 1010px !important;
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;    /* 3つのバナーなどの中身を中央揃えに */
}

/* --- マルチステップ用の表示・非表示切り替え設定 --- */
/* 1. 最初のページ（入力画面）での表示設定 */
.form-step-input { display: block !important; /* 入力ボタンエリアを表示 */ }
.form-step-confirm { display: none !important;  /* 確認ボタンエリアを表示 */ }