/*
Theme Name: Lightning Child
Template: lightning
Author: tokunaga
Version: 15.29.4
*/

/*--------------------------------------
  前の記事 次の記事 を非表示
--------------------------------------*/
.postNextPrev {
	display:none;
}

/*--------------------------------------
  tab
--------------------------------------*/
.tab-wrap{
    margin-bottom: 40px;
}
.tab-group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}
.tab{
    flex-grow: 1;
    /* background: #58A9EF; /* タブのカラー */
    background: #CCCCCC; /* タブのカラー */
    border-radius: 10px 10px 0 0;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px;
    padding: 14px 0 12px;
    text-align: center;
    /* transition: 1s;/* アニメーション */
    vertical-align: bottom;
}
.panel-group{
    min-height:100px;
    border:solid 1px #CCC;
    /* border-top: 8px solid #C8E4FF;  */
    padding: 10px;
}
.panel{
    display:none;
}
.tab.is-active{
    background: #337ab7; /* タブのカラー */
    color:#FFF;
    /* transition: 1s; /* アニメーション */
    /* opacity: 0.6; /* 不透明度 */
    padding-bottom: 20px; /* 選択するとすこし高めに表示 */
}
.panel.is-show{
    display:block;
}

@media screen and (max-width:480px) { 
.tab{
    padding: 10px 0 7px;
}
.tab.is-active{
    padding-bottom: 15px;
}
}