@charset "Shift_JIS";

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

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

.hpb-parts-hl-style {
    clear: both;
    background-image: none !important;
    padding: 0.5em 0.2em !important;
    margin: 0.5em 0px !important;
    border-color: #F98700;
}

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

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

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

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

.hpb-parts-blist-style {
    border-color: #F98700;
}

.hpb-parts-blist-style {
    background-color: #ffffff;
    font-size: 10px;
}
a.hpb-parts-blist-style:link {
    color: #666666;
}
a.hpb-parts-blist-style:visited {
    color: #666666;
}
a.hpb-parts-blist-style:hover {
    color: #F98700;
}
a.hpb-parts-blist-style:active {
    color: #F98700;
}

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

/* テンプレート側のトップ背景画像（h2 の背景）を消す */
.hpb-layoutset-01 #hpb-title h2 {
    display: none !important;
}

/* #hpb-title 自体の背景も無効化（下の画像を消す保険） */
#hpb-title.hpb-top-image {
    background: none !important;
    background-image: none !important;
    margin: 0;
    padding: 0;
}

/* 上に追加したメイン写真の見た目を調整 */
#hpb-title img.mainphoto {
    display: block;
    width: 100%;        /* hpb-wrapper の幅いっぱい（黄色枠とほぼ同じ） */
    height: auto;       /* 縦横比を維持 */
    margin: 0 0 18px 0; /* 写真と黄色枠の間に少しだけすき間を空ける */
}

html, body {
  height: 100%;
}

body {
  overflow-y: scroll !important;
}

.mainphoto {
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}