@charset "Shift_JIS";

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

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

.hpb-parts-hl-style{
    border-color: #2cabe2;
}

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

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

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

.hpb-parts-blist-style{
    background-color: #f3f3f3;
    border-color: #56bfed;
}
a:link.hpb-parts-blist-style{
    color: #666666;
}
a:visited.hpb-parts-blist-style{
    color: #666666;
}
a:hover.hpb-parts-blist-style{
    color: #56bfed;
}
a:active.hpb-parts-blist-style{
    color: #56bfed;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
.tab-wrap{
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-label{
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 3px 12px;
    order: -1;
}
.tab-content{
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-switch:checked +.tab-label{
    background: DeepSkyBlue;
}
.tab-switch:checked +.tab-label +.tab-content{
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch{
    display: none;
}