@charset "Shift_JIS";
/******************************
 * float clear
 ******************************/

.hpb-clear{
	clear: both;
}

.hpb-clearfix::after{
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.hpb-clearfix{
	zoom: 1;/* for IE6 */
}
/******************************
 * レイアウト コンテナ (div)
 ******************************/

/* 飾りなし 幅自動 */

.hpb-parts-cnt-01{
	margin: 0px;
	padding: 0px;
	border: none;
	width: auto;
	float: none;
	clear: both;
}
/* 飾りなし 幅60px */

.hpb-parts-cnt-01-060{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 60px;
	float: left;
}
/* 飾りなし 幅120px */

.hpb-parts-cnt-01-120{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 120px;
	float: left;
}
/* 飾りなし 幅180px */

.hpb-parts-cnt-01-180{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 180px;
	float: left;
}
/* 飾りなし 幅240px */

.hpb-parts-cnt-01-240{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 240px;
	float: left;
}
/* 飾りなし 幅360px */

.hpb-parts-cnt-01-360{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 360px;
	float: left;
}
/* 線囲み 幅自動 */

.hpb-parts-cnt-02{
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	width: auto;
	float: none;
	clear: both;
}
/* 線囲み 幅60px */

.hpb-parts-cnt-02-060{
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	width: 60px;
	float: left;
}
/* 線囲み 幅120px */

.hpb-parts-cnt-02-120{
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	width: 120px;
	float: left;
}
/* 線囲み 幅180px */

.hpb-parts-cnt-02-180{
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	width: 180px;
	float: left;
}
/* 線囲み 幅240px */

.hpb-parts-cnt-02-240{
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	width: 240px;
	float: left;
}
/* 線囲み 幅360px */

.hpb-parts-cnt-02-360{
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	width: 360px;
	float: left;
}
/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */

.hpb-parts-hl-01{
	margin: 0px;
	padding: 0px 0.2em;
	border: none !important;
	line-height: 1.2em;
}
/* 下線 1 */

.hpb-parts-hl-02{
	margin: 0px;
	padding: 0px 0.2em;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
	line-height: 1.2em;
}
/* 下線 2 (2重線) */

.hpb-parts-hl-03{
	margin: 0px;
	padding: 0px 0.2em;
	border-bottom-width: 3px !important;
	border-bottom-style: double !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
	line-height: 1.2em;
}
/* 線囲み 1 */

.hpb-parts-hl-04{
	margin: 0px;
	padding: 0px 0.2em;
	border-width: 1px !important;
	border-style: solid !important;
	line-height: 1.2em;
}
/* 線囲み 2 (2重線) */

.hpb-parts-hl-05{
	margin: 0px;
	padding: 0px 0.2em;
	border-width: 3px !important;
	border-style: double !important;
	line-height: 1.2em;
}
/* 飾りつき 1 (左■付き) */

.hpb-parts-hl-06{
	margin: 0px;
	padding: 0px 0px 0px 0.2em;
	border-left-width: 1.2em !important;
	border-left-style: solid !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	line-height: 1.2em;
}
/******************************
 * デフォルトスタイル設定
 ******************************/

.hpb-parts-cnt-style{
	text-align: left;
}

.hpb-parts-hl-style{
	border-color: #cccccc;
}

.hpb-parts-cbox-style{
	text-align: left;
}

.hpb-parts-hr-style{
	clear: both;
}

.hpb-parts-pbox-style{
	border-color: #cccccc;
}
/*--------------------------------------------------------
  フルCSSテンプレート部品レスポンシブル設定
--------------------------------------------------------*/
@media screen and (max-width: 868px) {

	
	/******************************
	 * フォトモーション
	 ******************************/
	.hpb-photomotion{
		max-width: 100% !important;
		height: auto !important;
	}
	.hpb-photomotion::after{
		display:table;
		clear:both;
		content:"";
	}

	/* 画像設定 */
	#hpb-main img{
		max-width: 100%;
		height: auto;
	}

	/******************************
	 * レイアウト コンテナ (div)
	 ******************************/
	/* 飾りなし 幅60px */
	.hpb-parts-cnt-01-060,
	/* 飾りなし 幅120px */
	.hpb-parts-cnt-01-120,
	/* 飾りなし 幅180px */
	.hpb-parts-cnt-01-180,
	/* 飾りなし 幅240px */
	.hpb-parts-cnt-01-240,
	/* 飾りなし 幅360px */
	.hpb-parts-cnt-01-360{
		max-width:100%;
		margin-left: auto;
		margin-right: auto;
	}

	
	


}