/*
Theme Name: habakiri-child
Theme URI: https://kagu-no-kuniyoshi.jp/
Description: Habakiri の子テーマ
Author: 
Author URI: 
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,600,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p&display=swap&subset=japanese');

body {
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 500;
	color: #000;
}


#contents {
	font-size: 1.2em;
}

/* ページネーション */
ul .pagination > li > a, .pagination > li > span {
	background-color: #efefef !important;
	border: 1px solid #dddddd !important;
	color: #428bca;
	float: left;
	position: relative;
}

.pagination-wrapper {
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

/* グランドメニュー */
nav.global-nav {
	margin-top: 16px;
	margin-bottom: 4px;
	line-height: 1em;
}

@media screen and (min-width: 1025px) {
	.menu li {
		border-right: 1px solid #fff;
		width: 160px;
		margin-right: 2px;
		vertical-align: middle;
	}
	.menu li:first-child {
		border-left: 1px solid #fff;
	}
	.menu li a {
		font-size: 1em;
	}
}

/* ページタイトル */
.page-header {
	padding: 16px 0 !important;
}

/* スライダー */
.habakiri-slider__item-content {
	font-size: 2em;
	text-shadow: 2px 2px 1px #000;
}

/* タイトル */
article .mainSection-title,
article h2 {
	clear: both;
	border-top:none !important;
	border-bottom: 5px solid #232fb5 !important;
	/*background-color:#f8a834;*/
	/*border-radius:5px;*/
	color:#232fb5;
	padding: 7px 10px 7px 20px;
	line-height: 2.5em;
}

article .mainSection-title:before,
article h2:before {
    margin:0 10px 0 0;
    content:" ";
    display:inline-block;
    width:50px;
    height:50px;
    margin-right:20px;
    background-image:url('images/title-icon.jpg');
    background-size:contain;
    background-repeat: no-repeat;
    vertical-align:middle;
}

/* トップページ　コンテンツ　ウィジェットエリア */
.space_padding {
	padding-top: 3em;
	padding-bottom: 0;
}

/* prBlock */
.prBlocks {
	padding-top: 2em;
	padding-bottom: 0;
}

.prBlock .prBlock_image {
    width:100% !important;
    max-width:400px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    height:auto !important;
    border-radius:10% !important;
    margin-bottom:20px;
    }

.prBlock .prBlock_image img {
    width:100% !important;
    max-width:400px !important;
    height:auto !important;
}

.prBlock_title {
    background-color:#f1733e;
    color:#fff;
    font-weight:bold;
    padding:10px 0;
}

.prBlock_summary {
    text-align:left !important;
    margin-top:25px;
}

@media (min-width: 992px) {

	.prBlock_summary {
	    font-size:18px !important;
	} 

}

.prBlock .prBlock_image {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.veu_postList .postList_title a {
	font-weight: bold !important;
	font-size: 1.2em !important;
}

/* SNS */
.veu_socialSet {
	padding-top: 3em;
	padding-bottom: 0;
}

.addtoany_share_save_container {
	padding-top: 3em;
	padding-bottom: 0;
}

.wp-posts-carousel ~ .addtoany_share_save_container {
	display: none;
}

/* フッター（アクセス） */
table.sale {
	width: 100%;
}

/* フッター（アクセス） */
table.widget-access {
	width: 100%;
}
table.widget-access tr {
	margin-bottom: 4px;
}
table.widget-access th,
table.widget-access td {
	padding: 4px;
	vertical-align: top;
}
table.widget-access th {
	width: 20%;
}
table.widget-access td ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

/* 営業カレンダー */
#biz_calendar {
	width:100%;
}

/* Copyright */
.copyright {
	background-color: #fff !important;
	color: #333 !important;
}
.copyright .container {
	float: center;
	text-align: center;
}

.footer .postList_title,
.footer .postList_title a {
	color: #fff;
}

/* テーブル */

#contents table {
	clear: both;
	border-top: 1px solid #ccc;
	margin: 1em 0 2em 0;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	line-height:1.2em;
}
#contents table thead th {
	font-weight:bold;
}
#contents th,
#contents thead th {
	padding: 1em 2em;
	background-color:#f5f5f5;
	white-space:nowrap;
	width: 30%;
}
#contents tfoot th,
#contents tfoot td {
	font-weight:bold;
}
#contents table th,
#contents table td {
	border: 1px solid #ccc;
	padding: 1em 2em;
	vertical-align: top;
}
#contents table ul {
	margin-bottom: 0;
	margin-left: 0;
}
#contents table ul li {
	margin: 0.5em 0;
}

#contents table.karimoku {
	clear: both;
	margin: 1em 0;
}
#contents .karimoku-block {
	clear: both;
	width: 100%;
}
#contents .karimoku-block img {
	margin-bottom: 1em;
}

/* お問い合わせフォーム */

.mw_wp_form {
	text-align: center;
}
.mw_wp_form select {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* 枠付き文章 */

.frame-text {
	font-size: 1.2em;
	line-height: 1.8em;
	padding: 2em;
	border: 1px solid #333;
	margin-bottom: 2em;
}

.photo-block img {
	margin-bottom: 1em;
}

/* 修理事例 */

.repair_case_box p{margin:0 0 1em;}
.repair_case_box h4{margin:0 0 1em !important;}
.repair_case_ph_area{display: table;}
.repair_case_ph_left{display: table-cell;vertical-align: top;font-size:1.0em;}
.repair_case_ph_right{display: table-cell;vertical-align: top;font-size:1.0em;}
.repair_case_ph_left img,
.repair_case_ph_right img{margin-bottom: 5px; width:100% !important; height:auto !important;}
.repair_case_ph_arw{display: table-cell;background:  url('./images/arw1.png') center center no-repeat;width: 70px;}
.repair_case_ph_arw_none{display: table-cell;background:  none;width: 70px;}

.sale_box p{margin:0 0 1em;}
.sale_box h4{margin:0 0 1em !important;}
.sale_ph_area{display: table;}
.sale_ph_left{display: table-cell;vertical-align: top;font-size:1.0em; width:45%;}
.sale_ph_right{display: table-cell;vertical-align: top; text-align:left; font-size:1.0em;}
.sale_ph_right table{margin-top:0 !important;}
.sale_ph_left img,
.sale_ph_right img{margin-bottom: 5px; width:100% !important; height:auto !important;}
.sale_ph_arw{display: table-cell; width:5%;}

.original_size{width:auto !important;height:auto !important;}

#repair_searchform {
	margin: 0 0 2em;
	padding: 0;
	border: 1px solid #ccc;
}

#repair_searchform p {
	padding: 0.5em 2em;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #b22222;
	color: #fff;
	text-align: center;
}

#repair_searchform .sb-left {
	width: 80%;
	padding-left: 30px;
	display: inline-block;
}

#repair_searchform .sb-right {
	width: 15%;
	vertical-align: top;
	display: inline-block;
}

#repair_searchform .sb-btn {
    display: block;
    height: 30px;
    margin: 0 0 8px 15px;
    padding: 0 1em;
    text-decoration: none;
    color: #232fb5;
    border: solid 2px #232fb5;
    border-radius: 3px;
    transition: .4s;
}

#repair_searchform .sb-btn:hover {
    background: #232fb5;
    color: white;
}

#repair_searchform .sb-btn-reset {
    display: block;
    height: 30px;
    margin: 0 0 0 15px;
    padding: 0 1em;
    text-decoration: none;
    color: #b22222;
    border: solid 2px #b22222;
    border-radius: 3px;
    transition: .4s;
}

#repair_searchform .sb-btn-reset:hover {
    background: #b22222;
    color: white;
}


#repair_searchform select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0 5px;
    height: 30px;
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0 40px 0 10px;
    border: 1px solid #ccc;
    width: 200px;
	color: #b22222;
}

#repair_searchform select::-ms-expand {
    display: none;
}
#repair_searchform .selectWrap{
    position: relative;
    display: inline-block;
    margin-bottom: 0.5em;
}
#repair_searchform .selectWrap::before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background: #ccc;
    height: 100%;
    width: 30px;
}
#repair_searchform .selectWrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent; 
}

@media (max-width: 660px) { /* スクロール分余裕に20px */
	
	.habakiri-slider__item-content {
		font-size: 1.2em;
	}
	
	.repair_case_ph_area{display: block;}
	.repair_case_ph_left{display: block;}
	.repair_case_ph_right{display: block;}
	.repair_case_ph_left img,
	.repair_case_ph_right img{margin-bottom: 5px;}
	.repair_case_ph_arw{display: block;background:  url('./images/arw2.png') center center no-repeat;width: 100%;height:70px;}

	.sale_ph_area{display: block;}
	.sale_ph_left{display: block; width:100%;}
	.sale_ph_right{display: block; text-align:center;}
	.sale_ph_left img,
	.sale_ph_right img{margin-bottom: 5px;}
	.sale_ph_arw{display: block;background: width: 100%;height:20px;}
	
	#repair_searchform .sb-left {
		width: 100%;
		padding: 0;
		text-align: center;
		display: block;
	}
	
	#repair_searchform select{
		width: 300px;
	}
	
	#repair_searchform .sb-right {
		width: 100%;
		text-align: center;
		display: block;
	}
	#repair_searchform .sb-btn {
		display: inline-block;
	    margin: 10px auto;
	}
	#repair_searchform .sb-btn-reset {
		display: inline-block;
	    margin: 10px auto;
	}
	
	.karimoku-block p { clear: both; display: block; }
}

/* Post Grid ページネーション */
.grid-nav-bottom {
	text-align: center;
}
.paginate a {
	font-size: 20px !important;
}