@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSスマートフォンテンプレート部品設定
--------------------------------------------------------*/
/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/* マージン */
.hpb-layoutset-02 #hpb-main .hpb-parts-smt-cnt-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-cbox-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-sbox-style, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbox-style{
    margin: 0 15px !important;
}
.hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbtn-01, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbtn-02, .hpb-layoutset-02 #hpb-main .hpb-parts-smt-lbtn-03{
    margin: 5px 15px !important;
}

/* レイアウトコンテナ　2種類
================================================== */

/* 見出し　7種類
================================================== */
.hpb-parts-smt-hl-style, .hpb-parts-smt-hl-bg-style{
    background-color: #f5f4f1;
    background-image : url(ico_plus_00_3.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 19px 10px;
    border-color: #edecea !important;
    min-height: 22px;
    margin: 0 0 5px !important;
    padding: 6px 15px 0 34px !important;
    color: #2c2c2c;
    line-height: 1.1;
    word-break: break-all;
}

.hpb-parts-smt-hl-bg-style{
    background-color: #cccccc !important;
}

/* 文書枠　5種類
================================================== */
.hpb-parts-smt-cbox-style{
    border-color: #595757 !important;
    color: #595757;
}

/* リスト枠　4種類（2×2種類　見出しアリ・ナシ）
================================================== */
.hpb-parts-smt-sbox-style{
    color: #595757;
}

.hpb-parts-smt-sbox-style h3{
    background-image: none !important;
    background-color: #f5f4f1;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 15px !important;
    font-weight: bold;
}

.hpb-parts-smt-sbox-style ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.hpb-parts-smt-sbox-style li{
    background-image: none !important;
    padding-left: 12px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.hpb-parts-smt-sbox-style li a img{
    display: inline !important;
    margin: 0px !important;
    padding: 0px 5px 0px 0px !important;
}

/* リンクリスト　2種類（2×6種類　枠角・枠丸／見出しアリ・ナシ／画像アリ・ナシ）
================================================== */
.hpb-parts-smt-lbox-style{
    color: #595757;
}

.hpb-parts-smt-lbox-style h3{
    background-image: none !important;
    background-color: #f5f4f1;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 15px !important;
    font-weight: bold;
}

.hpb-parts-smt-lbox-style ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.hpb-parts-smt-lbox-style li a img{
    display: inline !important;
    margin: 0px !important;
    padding: 0px 5px 0px 0px !important;
}

/* リンクボタン　9種類
================================================== */
.hpb-parts-smt-lbox-style{
    color: #595757;
}

/* リンクカラー　2種類
================================================== */
.hpb-parts-smt-lbox-style a, .hpb-parts-smt-lbtn-style a{
    color: #595757;
}


/* hpbテーマに含まれないカスタマイズ
================================================== */
html, body {
    margin: 0;
    padding: 0;
}
.home-image-area img {
    width: 100%;
    height: auto;
}

#hpb-headerLogo {
    text-indent: 90px;
	font-size: 18px
}
#hpb-headerLogo a {
    background: url(./assets/img/logo-tsukamoto.png) no-repeat !important;
	background-size: contain !important;
    height: 30px !important;
    width: 290px !important;
	text-decoration: none !important;
	color: #000 !important;
	font-weight: bold !important;
}

@media(max-width:1023px){
.p_box_area {
  display: flex;
  justify-content: space-between;	
  flex-wrap: wrap;
  margin: 0 5vw;
}
.p_box {
	width: 42.5vw;
	background: #f7f7f7;
	padding: 0 1px;
	margin-bottom: 15px; 
	border-radius: 10px;
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
}
.p_box .p_title {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0;
	line-height: 2.5;
	text-decoration: none;
	color: #000;
	font-size: 16px;
}
}
@media(min-width:1024px){
	#p_car,
	#p_haiden,
	#p_aircon,
	#p_ih,
	#p_rumba,
	#p_taiyo,
	#p_bohan,
	#p_ecoq,
	#p_hems {
		display: none;
	}
	.p_box {
		width: 200px;
		position: absolute;
		background: #f7f7f7;
		padding: 0 1px;
		border-radius: 10px;
		box-shadow: 0px 2px 2px rgba(0,0,0,.3);
		font-size: 18px;
	}
	.p_box .p_title {
		display: block;
		text-align: center;
		margin: 0;
		line-height: 2.5;
		text-decoration: none;
		color: #000;
	}
}
.p_box#p_car { background: #dcffb3;}
.p_box#p_haiden { background: #aaa37e;}
.p_box#p_aircon { background: #ffcfcf;}
.p_box#p_ih { background: #dab2ed;}
.p_box#p_rumba { background: #ffcfcf;}
.p_box#p_taiyo { background: #ffdd7d;}
.p_box#p_bohan { background: #a8a1ff;}
.p_box#p_ecoq { background: #bde1ff;}
.p_box#p_hems { background: #89e8b0;}