@charset "utf-8";
/* -------------- Common: 
+ contents_list/
+ archive/
+ search_result/
+ talk_session/
+ report/
---------------------------- */

/* Contents List */
.contents-list{display: flex; flex-wrap: wrap; }
.contents-list .item{position: relative; padding-bottom: 45px;}
.contents-list .img{border-radius: 10px; overflow: hidden; position: relative; line-height: 1; transition: .4s;}
.contents-list .img a:hover{opacity: .8;}

.contents-list [class*="cate"]{min-width: 5.5em; padding: 4px; border: 1px solid #fff; text-align: center; position: absolute; top: 12px; right: 12px; color: #fff; font-size: 1.4rem; line-height: 1.2; font-weight: bold;}
.contents-list .cate01{background: #2AA4E6;}
.contents-list .cate02{background: #E57139;}
.contents-list .outer{position: relative; padding: 15px 0 0 0;}
.contents-list .txt{margin-bottom: 10px;}
.contents-list .tit{font-size: 2rem; line-height: 1.6; font-weight: bold; text-decoration: underline; text-underline-offset: 0.2em; margin-bottom: 10px;}
.contents-list .inner a:hover .tit{text-decoration: none; color: #4B4594;}

.contents-list .hashtag{font-size: 1.3rem; line-height: 1.6; font-weight: bold; color: #6F6F6F;}
.contents-list .hashtag a:not(:last-of-type){margin-right: 1em;}
.contents-list .hashtag a{text-decoration: underline;}
.contents-list .hashtag a:hover{text-decoration: none;}

.contents-list .btn{position: absolute; bottom: 0; right: 0;}
.contents-list .btn a{width: 170px; height: 34px; border: 1px solid #4B4594; background: #fff; text-align: center; font-weight: bold; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; border-radius: 34px; color: #4B4594; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}
.contents-list .btn a:after{content: ""; position: absolute; top: 50%; right: 10px; width: 14px; height: 14px; margin-top: -7px; background: #4B4594; 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%; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}

.contents-list .btn a:hover{background: #4B4594; color: #fff;}
.contents-list .btn a:hover:after{background: #fff; right: 5px;}

.contents-list .item.soon{padding-bottom: 0;}
.contents-list .item.soon a{pointer-events: none;}
.contents-list .item.soon .outer{opacity: .2;}
.contents-list .item.soon .img:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index: 1; display: block;}
.contents-list .item.soon .img:after{content: "COMING SOON"; font-size: min(2.8vw,3rem); line-height: 1; font-weight: bold; font-family: "Afacad", sans-serif; letter-spacing: 0.04em; background: #fff; color: #4B4594; display: flex; justify-content: center; align-items: center;
position: absolute; top: 50%; right: 0; left: 0; width: 90%; max-width: 307px; height: 2.13em; margin: 0 auto; border-radius: 2.2em;
transform: translateY(-50%); text-align: center; z-index: 7; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); opacity: 1;}
.contents-list .item.soon .btn{display: none;}

.contents-list .item.end{padding-bottom: 0;}
/*.contents-list .item.end a{pointer-events: none;}*/
/*.contents-list .item.end .outer{opacity: .2;}*/
.contents-list .item.end .img:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index: 1; display: block;}
.contents-list .item.end .img:after{content: "このイベントは\A終了しました"; font-size: min(2.6vw,2.6rem); line-height: 1.23; font-weight: bold; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; z-index: 10; white-space:pre;}
.contents-list .item.end .btn{display: none;}

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

@media screen and (max-width: 768px){
    .contents-list .item{width: calc(50% - 10px); margin: 0 20px 40px 0;}
    .contents-list .item:nth-of-type(2n){margin-right: 0;}
    
    .contents-list .img{border-radius: 6px;}
    .contents-list [class*="cate"]{top: 8px; right: 8px; font-size: 1.2rem; padding: 2px 0;}
    
    .contents-list .tit{font-size: 1.6rem;}
    .contents-list .txt{font-size: 1.4rem;}
    .contents-list .hashtag{font-size: 1.1rem;}
    .contents-list .btn a{width: 120px; height: 30px; font-size: 1.4rem; padding-right: 5px;}
    .contents-list .btn a:after{width: 12px; height: 12px; margin-top: -6px;}
    
    .contents-list .item.soon .img:after{font-size: min(4.6vw,3rem);}
    .contents-list .item.end .img:after{font-size: min(4.6vw,3rem);}
}

/* Archive */
.archive-list{display: flex; flex-wrap: wrap;}
.archive-list .item{display: flex; align-content: flex-start; flex-wrap: wrap; width: 100%; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; background: #fff; font-weight: bold;}

.archive-list .img{width: 100%; position: relative;}
.archive-list .img a:hover{opacity: .8;}

.archive-list .outer{padding: 15px 20px 20px; width: 100%;}
.archive-list .date{font-size: 1.6rem; line-height: 1.2; color: #4B4594; font-family: "Afacad", sans-serif;}
.archive-list .txt{font-size: 2rem; line-height: 1.6; text-decoration: underline; text-underline-offset: 0.1em;}
.archive-list .hashtag{font-size: 1.3rem; line-height: 1.6; margin-top: 10px; color: #6F6F6F;}
.archive-list .hashtag a:not(:last-of-type){margin-right: 1em;}
.archive-list .hashtag a{text-decoration: underline;}
.archive-list .hashtag a:hover{text-decoration: none;}

.archive-list .list{font-size: 1.4rem; line-height: 1.6; color: #4B4594; margin: 3px 0;}
.archive-list .list li{position: relative; padding-left: 14px;}
.archive-list .list li:before{content: ""; width: 8px; height: 8px; display: block; border-radius: 100%; background: #4B4594; position: absolute; top: 7px; left: 0;}
.archive-list .time{font-size: 1.6rem; line-height: 1.6; margin-top: 5px;}

.archive-list .inner a:hover .txt{text-decoration: none;}

/*.archive-list .item.end a{pointer-events: none;}*/
/*.archive-list .item.end .outer{opacity: .2;}*/
.archive-list .item.end .img:before{content: "このイベントは\A終了しました"; font-size: min(2.6vw,2.6rem); line-height: 1.23; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; background: rgba(255,255,255,.85); z-index: 10; white-space:pre;}

.archive-list .item.soon a{pointer-events: none;}
/*.archive-list .item.soon .outer{opacity: .2;}*/
.archive-list .item.soon .img:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index: 1; display: block;}
.archive-list .item.soon .img:before{content: "COMING SOON"; font-size: min(2.8vw,3rem); line-height: 1; font-weight: bold; font-family: "Afacad", sans-serif; letter-spacing: 0.04em; background: #fff; color: #4B4594; display: flex; justify-content: center; align-items: center;
position: absolute; top: 50%; right: 0; left: 0; width: 90%; max-width: 307px; height: 2.13em; margin: 0 auto; border-radius: 2.2em;
transform: translateY(-50%); text-align: center; z-index: 7; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); opacity: 1;}

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

@media screen and (max-width: 768px){
    .archive-list .item{width: calc(50% - 10px); margin: 0 20px 20px 0; border-radius: 6px;}
    .archive-list .item:nth-of-type(2n){margin-right: 0;}
    
    .archive-list .outer{padding: 15px 10px;}
    .archive-list .txt{font-size: 1.6rem;}
    .archive-list .img img{width: 100%;}
    .archive-list .hashtag{font-size: 1.1rem;}
    .archive-list .time{font-size: 1.4rem;}
    .archive-list .list{font-size: 1.2rem;}
    
    .archive-list .item.end .img:before{font-size: min(4.6vw,3rem);}
    .archive-list .item.soon .img:before{font-size: min(4.6vw,3rem);}
}

/* Publish */
.publish-list{display: flex; flex-wrap: wrap;}
.publish-list .item{display: flex;}
.publish-list a{display: flex; align-content: flex-start; align-content: space-between; flex-wrap: wrap; width: 100%; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; transition: .6s; background: #fff; font-weight: bold; position: relative; padding: 30px 30px 100px; text-align: center;}
.publish-list .img{margin-bottom: 30px; width: 100%; line-height: 1;}
.publish-list .platform{width: 80%; line-height: 1; margin: 0 auto;}
.publish-list .btn{width: 170px; height: 48px; border: 1px solid #4B4594; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; background: #fff; text-align: center; font-weight: bold; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; border-radius: 48px; color: #4B4594; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}
.publish-list .btn:after{content: ""; width: 0.8125em; height: 0.8125em; margin-left: 8px; display: block; position: relative; top: 1px; background: #4B4594; mask: url("../img/common/ic-open.svg") no-repeat top left/100% 100%; -webkit-mask: url("../img/common/ic-open.svg") no-repeat top left/100% 100%; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}

.publish-list a:hover{box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2);}
.publish-list a:hover .btn{background: #4B4594; color: #fff;}
.publish-list a:hover .btn:after{background: #fff;}

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

@media screen and (max-width: 768px){
    .publish-list .item{width: calc(50% - 10px); margin: 0 20px 20px 0;}
    .publish-list .item:nth-of-type(2n){margin-right: 0;}
    .publish-list a{border-radius: 6px; padding: 20px 20px 75px;}
    .publish-list .img{margin-bottom: 20px;}
    .publish-list .btn{width: calc(100% - 30px); max-width: 170px; bottom: 20px; font-size: 1.4rem; height: 40px;}
}