/***********TOPロゴ**********/
/*統一デザイン*/
.contents{
    padding: 50px 0 0 0 ;
    margin: 0 auto;
}
.page_title_logo .wrapper{
    padding-bottom: 10px;
}
.page_title_logo table{
    width: 100%;
}
.categorylogo{
    width: 30%;
}
.car_logo{
    width: 70%;
    padding-left: 20px;
    text-align: right;
}
.car_logo img{
    padding-bottom: 10px;
}
.oc_official{
    text-align: center;
    padding: 40px 0;
    width: 100%;
    margin-top: 40px;
}
.oc_official .link{
    margin-top: 15px;
    width: 100%;
    max-width: 350px;
    background: #35ae9e;
    display: inline-block;
    border-radius: 20px;
}
.oc_official .link a{
    padding: 10px;
    display: block;
    color: #fff!important;
}
.archive_btn{
    margin-bottom: 60px;
}
@media only screen and (max-width: 1040px) {
    .page_title_logo{
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 20px;
    }
    .page_title_logo .wrapper{
        padding:0 0 20px 0;
    }
}

/***********タブ切り替え**********/
input[type="radio"]{
    display:none;
}
.tab_area{
    font-size:0;
    padding: 20px 0;
}
.tab_area_new{
    padding: 0 0 20px;
}
.tab_area_text{
    padding: 10px 0;
}
.tab_area_text img{
    width: 80%;
    display: block;
    margin: 0 auto;
    max-width: 438px;
}
.active{
    border: 1px solid red;
}
.tab_area label::before{
    border-top: 15px solid #979797;
}
.tab_area label.active::after{
    border-top: 15px solid #f1f1f1!important;
}

.tab_area label.active::before{
    border-top: 15px solid red!important;
}

.tab_area label.active::after{
    content: "";
    position: absolute;
    top: 98.5%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
}
.tab_area label{
    display:inline-block;
    padding:15px;
    text-align:center;
    cursor:pointer;
    transition:ease 0.2s opacity;
    box-sizing: border-box;
    position: relative;
}
/*タブ1個*/
.tab_area_column1 label.style_tab{
    width:60%;
}
.tab_area_column1{
    text-align: center;
}
/*タブ2個*/
.tab_area_column2 label.style_tab{
    width:49%;
    margin-right: 2%;
}
.tab_area_column2 label.style_tab:last-child{
    margin-right: 0;
}
/*タブ3個*/
.tab_column3{
    width:32%;
    margin-right: 2%;
}
.tab_area_column3 label.style_tab:last-child{
    margin-right: 0;
}
/*タブ4個*/
.tab_column4{
    width:23.5%;
    margin-right: 2%;
}
.tab_area_column4 label.style_tab:last-child{
    margin-right: 0;
}

.tab_area label::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
}
.panel_area{
    background:#fff;
}
.tab_panel{
    width:100%;
    display:none;
}
@media only screen and (max-width: 640px) {
    .tab_area label{
        padding: 8px 6%;
    }
    .tab_area_column3 label{
        padding: 8px 3%;
    }
    .tab_area label.active::before{
        border-top: 10px solid red!important;
    }
    .tab_area label.active::after{
        margin-left: -10px;
        border: 10px solid transparent;
    }
    .tab_area label{
        padding:10px;
    }
    .tab_area label::before{
        margin-left: -10px;
        border: 10px solid transparent;
    }
    .tab_area label.active::after {
        border-top: 10px solid #f1f1f1!important;
    }
}