@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style
{
	border-color: #5d3800;
}

.hpb-parts-hl-style
{
	clear: both; 
    color: #5d3800 !important;
    background-image: none !important;
    padding: 3px 3px !important;
    border-color: #5d3800;
	line-height: normal !important;
}

.hpb-parts-cbox-style
{
	border-color: #5d3800;
}

.hpb-parts-img-02
{
	background-color: #FFFFFF;
}

.hpb-parts-hr-style
{
    border-color: #5d3800;
}

.hpb-parts-pbox-style
{
    border-color: #5d3800;
	background-color: #fff;
}
.hpb-parts-pbox-style h4
{
    padding: 0px !important;
    background-image: none !important;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	border: none !important;
	background-color: #fff;
}
.hpb-parts-pbox-style img
{
    background-color: #FFFFFF;
}

.hpb-parts-blist-style
{
    border-color: #f4b367;
	background-color: #ffecc4;
}
a.hpb-parts-blist-style:hover
{
	background-color: #fcf5e5;
}

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {

	#hpb-container #hpb-main img {
		margin: 0 !important;
	}
	#hpb-container #hpb-main h2,
	#hpb-container #hpb-main h3,
	#hpb-container #hpb-main h4 {
		clear: both !important;
	}
	.hpb-layoutset-01 #hpb-wrapper {
		margin-top: -70px !important;
		background-size: 100% auto !important;
	}
	.hpb-layoutset-01 #hpb-main {
		padding-top: 130px !important;
	}
	div.textimg {
		width: 100% !important;
		background-size: 100% auto !important;
	}
	#toppage div[style] {
		background-image: none !important;
	}
	#topbutton {
		position: static !important;
		bottom: 0 !important;
		right: 0 !important;
		width: auto !important;
		display: block !important;
		border-radius: 0 !important;
	}

}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
span.small {
	font-size: 80%;
}
#hpb-header {
	font-size: 75%;
}
#hpb-headerMain {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#hpb-headerLogo a {
	background-image: url(../img/logo.png);
}
#hpb-headerExtra1 {
	margin-top: 15px;
}
#hpb-headerExtra1 p.tel span {
	display: inline-block;
	line-height: 26px;
}
.hpb-layoutset-01 #hpb-inner {
	margin-top: 73px;
}
.hpb-layoutset-01 #hpb-wrapper {
	background: url(../img/main.jpg) no-repeat center 6px;
}
.hpb-layoutset-02 #hpb-wrapper {
	float: none;
	width: auto;
}
#hpb-wrapper h3 {
	padding-top: 10px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	background-position: right bottom;
}
.hpb-layoutset-01 #hpb-title {
	height: 7px;
	margin-left: -15px;
	padding-bottom: 0;
	background-position: center top;
	position: static;
	left: 0;
	top: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.hpb-layoutset-02 #hpb-title {
	width: auto;
	padding-left: 10px;
}
#hpb-main {
	float: none;
	width: auto;
	padding-top: 26px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
.hpb-layoutset-01 #hpb-main {
	padding-top: 300px;
}
#hpb-main ul {
	margin: 10px 0 15px;
}
#hpb-main ul li {
	margin: 0;
	color: #660000;
	background-position: 1px 15px;
	border-bottom: 2px dashed #e5c090;
	font-size: 110%;
}
div.textimg {
	width: 870px;
	height: 26px;
	background: url(../img/text.png) no-repeat;
}
div.textimg p {
	margin: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
b.shop_tel {
	color: #CC3333;
	font-size: 220%;
}
div.information_box {
	padding: 18px 20px;
	background-color: #ebd0aa;
	border: 1px #333333 dashed;
	line-height: 1.8;
}
div.sample_box {
	margin-left: 3px;
}
div.sample_box img {
	border: 20px solid #CCCCCC;
}
div.qa b {
	color: #000000;
}
div.qa p {
	text-indent: -1em;
	padding-left: 1em;
}
#hpb-main dl.guidemap dt {
	font-weight: bold;
}
div.map_box {
	width: 482px;
	margin: 0 auto;
}
.hpb-layoutset-01 #hpb-nav {
	top: -69px;
}
#hpb-footerMain {
	float: none;
	width: auto;
}
#hpb-footerMain p {
	font-size: 80%;
}
#hpb-footerMain p a {
	color: #da6b27;
}
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	width: 7em;     /* ←横幅 */
	
	/* ▼最初は非表示にしておく */
	display: none;
	
	/* ▼配色・配置・文字の装飾など */
	background-color: #660000; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 24px;       /* ←角丸の半径 */
	text-align: center;    /* ←文字の位置 */
	font-size: 120%;       /* ←文字サイズ */
	font-weight: bold;     /* ←文字の太さ */
	margin: 0px;    /* ←外側の余白 */
	padding: 10px;  /* ←内側の余白 */
}
#topbutton a {
	/* ▼リンクの装飾 */
	color: white;          /* ←文字色 */
	text-decoration: none; /* ←下線なし */
}
#topbutton a:hover {
	/* ▼マウスが載ったときの装飾 */
	color: yellow;              /* ←文字色 */
	text-decoration: underline; /* ←下線あり */
}