@charset "Shift_JIS";

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

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

.hpb-parts-hl-style
{
    margin: 0px;
    padding: 8px 5px 0.2em;
    background-image: none;
    border-color: #ffffff;
    width: auto;
    height: auto;
}

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

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

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

.hpb-parts-pbox-style
{
    background-color: #000000;
    border-color: #ffffff;
    color: #ffffff;
}
.hpb-parts-pbox-style h4
{
    margin: 0px;
    padding: 0px;
    background-image: none;
    display: block;
}

.hpb-parts-blist-style
{
    border-color: #000000;
}
a.hpb-parts-blist-style:link
{
    color: #ffffff;
}
a.hpb-parts-blist-style:visited
{
    color: #ffffff;
}
a.hpb-parts-blist-style:hover
{
    color: #000000;
}
a.hpb-parts-blist-style:active
{
    color: #000000;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
/* 参加申込ボタン */
.button a {
    background: #eee;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: left;
    margin: 0 auto;
    max-width: 200px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}
.button a:hover {
    background: #313131;
    color: #FFF;
}
.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #313131;
    border-right: 3px solid #313131;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button a:hover:after {
    border-color: #FFF;
}