@charset "utf-8";
/* CSS Document */
.prof_wrap{
    display: flex;
    justify-content: center;
}

.prof_l{
    width:50%;    
}

.prof_r{
    width:50%;    
}

#profile_slider_wrap{
    width:100%;
    height:0;
    padding-top:133.3333333333333%;
    position:relative;
}

#profile_slider{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
}

.slick-list{
    padding-top:0 !important;
}

#profile_slider img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#profile_slider_nav{
    display: flex; 
    list-style: none;   
}

#profile_slider_nav li{
    width:20%;
    cursor: pointer;
}

#profile_slider_nav figure{
    width: 100%;
    height:0;
    padding-top:133.3333333333333%;
    position:relative;
}

#profile_slider_nav img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

#profile_slider_nav .thumbnail-current {
    filter: brightness(50%);
}

#prof_name{
    color:#988d6d;
    font-size:50px;
    letter-spacing: 0.1em;
    padding:0 10px 10px 30px;
    border-bottom:2px solid #988d6d;
}

.prof_info{
    padding:20px 0 0 30px;
}

#prof_size{
    font-size:110%;
    margin-bottom:10px;
}

.prof_info .table1{
    font-size:90%;
    border-spacing: 10px;
    margin-left:-10px;
}

.prof_info .table1 th{
    width:30%;
}

#prof_pager{
    display: flex;
    padding-top:30px;
    justify-content: center;
    align-items: center;
    gap:10px;
}

#prof_pager a{
    display: block;
    border:1px solid #b5b195;
    color:#b5b195;
    text-decoration: none;
    font-size:180%;
    padding:10px 20px 8px;
}

#prof_pager a:hover{
    background: #000;
}

#prof_pager #prev{
    padding-left:10px;
}

#prof_pager #next{
    padding-right:10px;
}
    
#prof_sch2{
    display:none;
}

.prof_sch_dl_wrap{
    display: flex;
    font-size: 90%;
	align-items: stretch;
}

.prof_sch_dl{
    width:calc(100% / 7);
    padding-right:2px;
    box-sizing: border-box;
	line-height: 1.2;
    display: flex;
	flex-direction: column;
}

.prof_sch_dl dt{
    background:#c9bd9a;
    color:#000;
    padding:10px 5px;
    text-align: center;
    font-weight: bold;
}

.prof_sch_dl dd{
    background:rgba(0,0,0,0.5);
    color:#fff;
    padding:10px 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-grow: 1;
}


/*===============================================
●smart.css  画面の横幅が960pxまで
===============================================*/
@media screen and (max-width:960px){
    #prof_name{
        font-size:30px;
        padding:0 10px 10px 20px;
    }

    .prof_info{
        padding:20px 0 0 20px;
    }
    
    .prof_info .table1{
        margin-left:0;
    }

    .prof_info .table1,
    .prof_info .table1 tbody,
    .prof_info .table1 tr,
    .prof_info .table1 th,
    .prof_info .table1 td{
        display: block;
        width:100%;
    }

    .prof_info .table1 th p{
        width:100%;
        box-sizing: border-box;
    }
    
    .prof_info .table1 td{
        padding-bottom:10px;
    }
    
    #prof_sch1{
        display: none;
    }
    
    #prof_sch2{
        display: block;
    }    
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
    .prof_wrap{
        flex-wrap:wrap;
    }

    .prof_l{
        width:100%;
        padding-bottom:30px;
    }

    .prof_r{
        width:100%;    
    }

    .prof_info{
        padding:20px 0 0 0;
    }
    
    .prof_sch_dl_wrap{
        flex-wrap: wrap
    }

    .prof_sch_dl{
        width:100%;
        padding-right:0;
    }

    .prof_sch_dl dt{
        padding:10px 5px;
    }

    .prof_sch_dl dt br{
        display: none;
    }

    .prof_sch_dl dd{
        margin-bottom:5px;
        min-height:inherit;
    }
}