@charset "utf-8";
/* キャラクターページ用 スマホ*/
/* 詳細ページ */
/* 画像表示 */
section.image img{
    max-width: 480px;
}
.col.image{
    padding: 0px 8px;
}
img.disp-image{
    border: 1px #472720 solid;
    width: 100%;
}

/* タブ動作 */
.tab-area {
    display: flex;
    justify-content: flex-start;
}

.tab-area.top {
    border-bottom: 4px solid #e1e196;
}
.tab-area.bottom {
    border-top: 4px solid #e1e196;
}

.tab-area.active .tab{
    cursor: pointer;
}
.tab-area .tab {
    width: 25%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #472720;
    border: 2px solid  #ffffee;;
    border-bottom: none;
    opacity: 0.3;
    background-color: #e1e196;
}
.tab-area .tab.active {
    opacity: 1;
    border: 1px solid #e1e196;
    font-weight: bold;
    border-bottom: 1px solid #ffffee;
    cursor: default;
}
.tab-area .tab.disable{
    display: none;
}
.content-area .sub-content {
    display: none;
}
.content-area .sub-content.show {
    display: block;
}
.content-area .sub-content h2 {
    display: none;
}