@charset "utf-8";

/*タブのインデックス部分--------------------------------------------------------*/

/*タブ全体の設定*/
.tubs{
    width: 99%;
}

/*タブのインデックス見出し（個別）のサイズ、配置設定*/
.tub_topic{
    width: 7%;
    margin: 20px 3px -5px 3px;
    padding: 10px 8px;
    font-size: 15px;
    border-radius: 20px 20px 0 0;
    border-left: 3px solid #cbc8c8;
    border-top: 3px solid #cbc8c8;
    border-right: 3px solid #cbc8c8;
    color: #dfdfdf;
    background-color: #acacac;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.tub_topic_s{
    margin-top: 5px;
    width: 7.3%;
    height: 18px;
}

/*ラジオボタンを消す*/
input[name="onOffshop"]{
    display: none;
}

input[name="tub_topic"] {
    display: none;
}

/*選択されているタブを強調する*/
.container2 input:checked + .tub_topic,
input:checked + .tub_topic_s{
    color: #20b2aa;
    background-color: #fefefe;
    border-left: 5px solid #20b2aa;
    border-top: 5px solid #20b2aa;
    border-right: 5px solid #20b2aa;
    position: relative;
    z-index: 1;
}
input:checked + .tub_topic_s {
    background-color: #f5fff6;
    height: 21px;

}

/*選択しているタブのコンテンツのみを表示*/

#tub1:checked ~ #tub_content1,
#tub2:checked ~ #tub_content2,
#tub3:checked ~ #tub_content3,
#tub4:checked ~ #tub_content4,
#tub5:checked ~ #tub_content5,
#tub6:checked ~ #tub_content6,
#tub7:checked ~ #tub_content7,
#tub8:checked ~ #tub_content8,
#tub9:checked ~ #tub_content9,
#tub10:checked ~ #tub_content10{
    display: block;
    position: relative;
    z-index: 0;
}
#tub_app1:checked ~ #tub_app_content1,
#tub_app2:checked ~ #tub_app_content2,
#tub_app3:checked ~ #tub_app_content3,
#tub_app4:checked ~ #tub_app_content4,
#tub_app5:checked ~ #tub_app_content5,
#tub_app6:checked ~ #tub_app_content6,
#tub_app7:checked ~ #tub_app_content7,
#tub_app8:checked ~ #tub_app_content8,
#tub_app9:checked ~ #tub_app_content9,
#tub_app10:checked ~ #tub_app_content10{
    display: block;
    position: relative;
    z-index: 0;
}
#tub_pop1:checked ~ #tub_pop_content1,
#tub_pop2:checked ~ #tub_pop_content2,
#tub_pop3:checked ~ #tub_pop_content3,
#tub_pop4:checked ~ #tub_pop_content4,
#tub_pop5:checked ~ #tub_pop_content5,
#tub_pop6:checked ~ #tub_pop_content6,
#tub_pop7:checked ~ #tub_pop_content7,
#tub_pop8:checked ~ #tub_pop_content8,
#tub_pop9:checked ~ #tub_pop_content9,
#tub_pop10:checked ~ #tub_pop_content10{
    display: block;
    position: relative;
    z-index: 0;
}
#tub_flyer1:checked ~ #tub_flyer_content1,
#tub_flyer2:checked ~ #tub_flyer_content2,
#tub_flyer3:checked ~ #tub_flyer_content3,
#tub_flyer4:checked ~ #tub_flyer_content4,
#tub_flyer5:checked ~ #tub_flyer_content5,
#tub_flyer6:checked ~ #tub_flyer_content6,
#tub_flyer7:checked ~ #tub_flyer_content7,
#tub_flyer8:checked ~ #tub_flyer_content8,
#tub_flyer9:checked ~ #tub_flyer_content9,
#tub_flyer10:checked ~ #tub_flyer_content10{
    display: block;
    position: relative;
    z-index: 0;
}

/*-----------------------------------------------------------------------------*/

/*タブのコンテンツ（質問内容）部分-----------------------------------------------*/

/*コンテンツ全体のスタイル*/
.content {
    display: none;
    width: 100%;
    border: 5px solid #20486d;
    clear: both;
    overflow: hidden;
    background-color: #fefefe;
}

/*-----------------------------------------------------------------------------*/