@charset "utf-8";
/* Archive Detail */
.heading{display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 80px;}

@media screen and (max-width: 768px){
    .heading{margin-bottom: 50px;}    
}

.detail{width: 70%; border-radius: 10px; background: #fff; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); overflow: hidden;}
.detail .img-main img{width: 100%;}
.detail .inner{padding: 40px 50px 50px;}
.detail .date{font-size: 1.6rem; line-height: 1.6; font-weight: bold; font-family: "Afacad", sans-serif; color: #4B4594; margin-bottom: 2px;}
.detail .time{font-size: 2.2rem; line-height: 1.6; font-weight: bold; margin-bottom: 20px;}
.detail .m-tit1{margin-bottom: 35px;}

.detail .share{display: flex; flex-wrap: wrap; align-items: center; font-size: 1.6rem; line-height: 1.6; margin-bottom: 60px;}
.detail .share-tit{margin-right: 20px;}
.detail .share-sns{display: flex;}
.detail .share-sns li{margin-right: 20px;}
.detail .share-sns li:last-of-type{margin-right: 30px;}
.detail .share-sns a:hover{opacity: .8;}

.detail .share-btn a{width: 220px; height: 36px; border: 1px solid #4B4594; color: #4B4594; border-radius: 36px; display: flex; justify-content: center; align-items: center; background: #fff; font-weight: bold; text-align: center; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}
.detail .share-btn a:before{content: ""; background: #4B4594; width: 18px; height: 16px; margin-right: 8px; transition: .4s cubic-bezier(0.37, 0, 0.63, 1); mask: url("../img/common/ic-box.svg") no-repeat center center/100% auto; -webkit-mask: url("../img/common/ic-box.svg") no-repeat center center/100% auto;}
.detail .share-btn a:hover{background: #4B4594; color: #fff;}
.detail .share-btn a:hover:before{background: #fff;}

.detail .desc{margin-bottom: 35px;}

.detail .intro{margin-top: 40px;}
.detail .intro-tit{font-weight: bold; margin-bottom: 30px;}
.detail .intro-tit2{font-weight: bold;}
.detail .intro-rows{margin-bottom: 30px;}
.detail .intro-img{text-align: center; margin-bottom: 30px;}

.detail .intro-txt h1{font-size: 2.8rem;}
.detail .intro-txt h2{font-size: 2.6rem;}
.detail .intro-txt h3{font-size: 2.4rem;}
.detail .intro-txt h4{font-size: 2.2rem;}
.detail .intro-txt h5{font-size: 2rem;}
.detail .intro-txt h6{font-size: 1.8rem;}

@media screen and (max-width: 1200px){
    .detail{width: 100%; margin-bottom: 50px;}    
}

@media screen and (max-width: 768px){
    .detail{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);}
    .detail .inner{padding: 25px 25px 30px;}
    .detail .time{font-size: 1.8rem;}
    .detail .m-tit1{margin-bottom: 20px;}
    
    .detail .share{display: block; margin-bottom: 40px;}
    .detail .share-tit{margin: 0 0 10px;}
    .detail .share-sns{margin-bottom: 20px;}
    .detail .share-sns li:last-of-type{margin-right: 0;}    
    
    .detail .intro-tit{margin-bottom: 20px;}
    .detail .intro-rows{margin-bottom: 20px;}
    .detail .intro-img{margin-bottom: 20px;}
    
    .detail .intro-txt h1{font-size: 2.6rem;}
    .detail .intro-txt h2{font-size: 2.4rem;}
    .detail .intro-txt h3{font-size: 2.2rem;}
    .detail .intro-txt h4{font-size: 2rem;}
    .detail .intro-txt h5{font-size: 1.8rem;}
    .detail .intro-txt h6{font-size: 1.6rem;}
}


/* Detail Btn */
.detail .wp-block-buttons{text-align: center; margin: 30px 0;}
.detail .wp-block-button{min-width: 325px;}
.detail .wp-block-button__link{width: 100%; font-size: 1.8rem; font-weight: bold; line-height: 1.2; padding: 5px 50px; min-height: 52px; border-radius: 100px; flex-wrap: wrap; display: flex; justify-content: center; align-items: center; align-content: center; position: relative; background: #4B4594; border: 2px solid #4B4594; color: #fff; transition: .4s cubic-bezier(0.37, 0, 0.63, 1); text-align: center;}
.detail .wp-block-button__link:after{content: ""; width: 18px; height: 18px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: #fff; mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%; -webkit-mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%; display: block; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}
.detail .wp-block-button__link:hover{background: #fff; color: #4B4594;}
.detail .wp-block-button__link:hover:after{background: #4B4594; right: 15px;}

@media screen and (max-width: 768px){
    .detail .wp-block-button__link{font-size: 1.6rem; min-height: 46px; padding: 5px 30px;}
    .detail .wp-block-button__link:after{width: 16px; height: 16px; right: 10px;}
}

@media screen and (max-width: 480px){
    .detail .wp-block-button{min-width: 1px; width: 100%;}    
}

/* Sidebar */
.sidebar{width: 26%; padding: 25px 30px; border-radius: 10px; background: #fff; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2);}

.sidebar-info {margin-bottom: 30px; font-size: 1.4rem; line-height: 1.8;}
.sidebar-info .img{width: 80%; max-width: 200px; border-radius: 100%; margin: 0 auto 5px; overflow: hidden;}
.sidebar-info .author{font-size: 1.6rem; line-height: 1.6; font-weight: bold;}
.sidebar-info .name{font-size: 2.4rem; line-height: 1.6; font-weight: bold;}
.sidebar-info .name span{font-size: 1.6rem;}
.sidebar-info .desc{margin-top: 12px;}

.sidebar-keyword{margin-bottom: 35px;}
.sidebar-keyword .m-tit4{margin-bottom: 13px;}
.sidebar-keyword .list li:not(:last-of-type){margin-bottom: 6px;}
.sidebar-keyword .list a{display: inline-block; font-size: 1.3rem; line-height: 1.6; font-weight: bold; color: #6F6F6F; padding: 4px 7px; background-color: #EBE9E6; transition: .4s;}
.sidebar-keyword .list a:hover{background: #6F6F6F; color: #fff;}

.sidebar-bnr{margin-bottom: 25px;}
.sidebar-bnr a{transition: .4s; display: inline-block;}
.sidebar-bnr a:hover{box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.4); transform: translateY(-2px);}

.sidebar-sns .tit{font-weight: bold; margin-bottom: 5px;}
.sidebar-sns .list{display: flex;}
.sidebar-sns .list li:not(:last-of-type){margin-right: 20px;}
.sidebar-sns .list a:hover{opacity: .8;}

@media screen and (max-width: 1200px){
    .sidebar{width: 100%; padding: 40px 50px;}    
}

@media screen and (max-width: 768px){
    .sidebar{padding: 25px 25px 30px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);}
    .sidebar-keyword .list span{font-size: 1.1rem;}
    
    .sidebar-bnr{text-align: center;}
    .sidebar-sns{text-align: center;}
    .sidebar-sns .list{justify-content: center;}
}

/* Instructor */
.instructor{padding-bottom: 40px;}
.instructor-list{display: flex; flex-wrap: wrap;}
.instructor-list .item{display: flex;}
.instructor-list a{width: 100%; padding: min(3vw,30px); border-radius: 10px; background: #fff; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); transition: .6s;}
.instructor-list .img{max-width: 200px; width: 90%; margin: 0 auto 20px; border-radius: 100%; overflow: hidden;}
.instructor-list .name{font-weight: bold; font-size: 1.6rem; margin-bottom: 3px;}
.instructor-list .name span{font-size: 2.4rem; display: inline-block; line-height: 1.3;}
.instructor-list .cname{font-size: 1.4rem; margin-bottom: 20px;}
.instructor-list .tit{font-weight: bold; padding-left: 14px; position: relative; margin-bottom: 6px;}
.instructor-list .tit:before{content: ""; position: absolute; left: 0; top: 6px; bottom: 4px; width: 4px; border-radius: 4px; background: #4B4594;}
.instructor-list .txt{font-weight: bold;}
.instructor-list a:hover{box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2); transform: translateY(-1px);}

@media screen and (min-width: 769px){
    .instructor-list .item{width: 30%; margin: 0 5% 5% 0;}
    .instructor-list .item:nth-of-type(3n){margin-right: 0;}
}

@media screen and (max-width: 768px){
    .instructor-list .item{width: calc(50% - 10px); margin: 0 20px 20px 0;}
    .instructor-list .item:nth-of-type(2n){margin-right: 0;}
    .instructor-list a{padding: 20px 15px; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);}
    .instructor-list .img{margin: 0 auto 10px;}
    .instructor-list .name{font-size: 1.4rem;}
    .instructor-list .name span{font-size: 2.2rem;}
    .instructor-list .cname{font-size: 1.2rem;}
    .instructor-list .tit{font-size: 1.4rem; padding-left: 8px;}
    .instructor-list .tit:before{width: 2px;}
    .instructor-list .txt{font-size: 1.4rem;}
}