@charset "Shift_JIS";

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

.hpb-parts-cnt-style {
    border-color: #d5d5d6;
    text-align: left !important;
}

.hpb-parts-hl-style {
    margin-top: 15px !important;
    padding: 5px 0.2em !important;
    background-image: none !important;
    background-color: #ffffff !important;
    border-color: #009de8 !important;
}

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

.hpb-parts-img-01 {
    margin: 0px !important;
}

.hpb-parts-img-02 {
    margin: 0px !important;
}

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

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

.hpb-parts-blist-style {
    border-color: #009de8;
}
a.hpb-parts-blist-style:link {
    color: #333333;
}
a.hpb-parts-blist-style:visited {
    color: #333333;
!important}
a.hpb-parts-blist-style:hover {
    color: #009de8;
}
a.hpb-parts-blist-style:active {
    color: #009de8;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/** マーカー黄色 **/
.marker-yellow{
	background: linear-gradient(transparent 40%, #ffffb2 80%);
}


#hpb-main ul.mark-come,
#hpb-main ul.mark-star{
	list-style-type: none;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
	margin-left: 1.2em;/* マーカーを1文字寄せた分、ULにマージンを設定*/
    padding-left: 0;
}
#hpb-main ul.mark-come li,
#hbp-main ul.mark-star li{
    background-image : none;
    text-align: left;
    line-height: 1.5;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0.5em;
    border-bottom-style: none;

}
#hpb-main ul.mark-come li:before {
	content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left: -1em; /* 1文字分、左に寄せる */
}

#hpb-main ul.mark-star li:before {
	content: '☆'; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left: -1em; /* 1文字分、左に寄せる */
}




.pc-off{
	display: none !important;
}

.smapho-off{
	display: block !important;
}

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

	.pc-off{
		display: block !important;
	}

	.smapho-off{
		display: none !important;
	}


	#hpb-main ul.mark-come,
	#hpb-main ul.mark-star{
		margin-left: 1.2em;/* マーカーを1文字寄せた分、ULにマージンを設定*/
	}

}