@charset "Shift_JIS";

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

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

.hpb-parts-hl-style {
    padding-top: 0.3em !important;
    padding-bottom: 0.2em !important;
    padding-left: 0.2em !important;
    border-color: #38CF86;
}

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

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

.hpb-parts-pbox-style {
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4 {
    padding: 0px !important;
}

.hpb-parts-blist-style {
    border-color: #38CF86;
}
a.hpb-parts-blist-style:link {
    color: #38CF86;
}
a.hpb-parts-blist-style:visited {
    color: #38CF86;
}
a.hpb-parts-blist-style:hover {
    color: #f6f6f6;
    background-color: #38CF86;
}
a.hpb-parts-blist-style:active {
    color: #f6f6f6;
    background-color: #38CF86;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
.visible-pc {
	display:block !important;
}
.visible-phone	{
	display:none !important;
}
body	{
	word-break: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	line-break:strict;
}

#hpb-header-page{
    width: 900px;
    height: 88px;
    margin-right: auto;
    margin-left: auto;
    background-image : url(mainimg_page.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
}

#hpb-header-page-e{
    width: 900px;
    height: 88px;
    margin-right: auto;
    margin-left: auto;
    background-image : url(mainimg_page-e.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
}

#hpb-header-page .homelink {
    display: block;
    width: 100%;
    height: 100%;
}
#hpb-header-page-e .homelink {
    display: block;
    width: 100%;
    height: 100%;
}
#hpb-headerLogo	{
	position: absolute;
	top: 0px;
	left: -1px;
	z-index:10;
}
#hpb-container	{
    overflow: hidden;
}
.slick-slider	{
	z-index: 5;
}
.figures	{
	max-width:300px;
}
.figures450	{
	max-width:450px;
}
.figures-max	{
	width:100%;
}
.clear	{
	clear:both;
}
.ita	{
	font-style:italic;
}
.bold	{
	font-weight:bold;
}
.underline	{
	text-decoration:underline;
}
.left	{
	float:left;
}
.right	{
	float:right;
}
.results	{
	margin-left: 4em;
	text-indent: -4em;
}
.gmap	{
	border:0;
	width:610px;
	height:250px;
	margin-left:10px;
	margin-right:10px;
}
#hpb-main .photo-dt	{
	width: 25em !important;
}
#guide ul li{
    text-align: left;
    line-height: 1.4;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 25px;
    width: 100%;
    background-image : url(point_3Ab.png);
    background-position: 13px 12px;
    background-repeat: no-repeat;
}
.photos	{
	margin-left:20px;
}
#toppage-newscontent	{
	height:300px;
	overflow:scroll;
}
.trends	{
	width:200px !important;
}
/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {

	.hpb-parts-hl-style {
		line-height: 100% !important;
	}

	.visible-pc {
		display:none !important;
	}
	.visible-phone	{
		display:block !important;
	}

	#hpb-header-page{
  		 width: 100%;
	}
	#hpb-header-page-e{
  		 width: 100%;
	}
	#hpb-headerLogo	{
		position: inherit;
		left: 0px;
	}
	.figures	{
		max-width:100%;
	}
	.figures450	{
		max-width:100%;
	}
	.gmap	{
		border:0;
		width:100%;
		height:auto;
		margin-left:5px;
		margin-right:5px;
	}
	.photos	{
		margin-left:0px;
	}
}


/* =======================================================
  お知らせ記事一覧設定
======================================================= */
.archivelist	{
	text-align: right;
	width: 100%;

/* 記事一覧リンクを表示したい場合は、「display:block」を有効にし、「display:none;」を無効にしてください */
        display:block;
/*	display:none;*/
}