@charset "Shift_JIS";

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

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

.hpb-parts-hl-style
{
    margin-top: 12px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 2px;
    border-color: #712b03;
}

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

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

.hpb-parts-pbox-style
{
    border-color: #712b03;
}
.hpb-parts-pbox-style h4
{
    padding: 0px;
}
.hpb-parts-pbox-style img
{
    background-color: #fff0cb;
}

.hpb-parts-blist-style
{
    border-color: #c4c28a;
}
a:link.hpb-parts-blist-style
{
    color: #333333;
}
a:visited.hpb-parts-blist-style
{
    color: #333333;
}
a:hover.hpb-parts-blist-style
{
    color: #b60005;
}
a:active.hpb-parts-blist-style
{
    color: #b60005;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
.money{
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    padding-left: 15px;
}
.zei{
    font-size: 117%;
    padding-left 15px;
}
/* 文字を流れるように動かすCSS 2025.6.3 */
.moving-text {
    display: inline-block; /* インライン要素をブロック要素のように扱い、幅を持たせる */
    white-space: nowrap; /* テキストの折り返しを防ぐ */
    animation: slidein 10s linear infinite; /* slideinというアニメーションを10秒かけて線形に無限に繰り返す */
}
@keyframes slidein {
    from {
        transform: translateX(100%); /* 画面の右端から開始 */
    }
    to {
        transform: translateX(-100%); /* 画面の左端まで移動 */
    }
}