@charset "UTF-8";

#downloadsection.livelist{
    background: var(--light);
}
#livelist_bnr {
	padding-top: 60px;
	margin-top: -60px;
}
.campaign_bg.livelist{
    background: #fff;
}
#child.livelist .til span {
	line-height: 1.4em;
	display: block;
	margin-top: 15px;
}
.login-box{
	padding-top: 4rem;
	padding-bottom: 4rem;
	color: #09577b;
}
.mail-box{


	border: 2px solid var(--light);
	box-shadow: 0 0 16px 0px rgba(68,186,243,.1);
}
.login_lead{
	padding-bottom: 3.2rem;
}
.login_lead h4{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.8rem;
}
.first{
	padding: 1rem 1.6rem;
	background: var(--light);
	font-weight: 500;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	line-height: 2.4rem;
	margin-bottom: 1rem;
}
.first span{
	font-weight: bold;
}
.login_lead p.txt{
	font-size: 1.5rem;
	line-height: 2.4rem;
	letter-spacing: 0.08em;

}
.login_lead h4 span{
	font-weight: bold;
}
.remind a{
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	text-decoration: underline;
	width: 100%;
	display: block;
	font-weight: 500;
}
.remind a:last-child{
	margin-bottom: 0;
}
.mail{
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
	padding-left: 1.6rem;
	padding-right:  1.6rem;
	border-radius: 8px;
}
.mail .btn{
	margin-bottom: 1.6rem;
}
.mail table{
	width: 800px;
	max-width: 100%;
	justify-content: center;
	margin:auto;
	margin-bottom: 2rem;

}
.mail th{
	font-weight: bold;
	text-align: left;
	width: 40%;
}
.mail td{
	width: 60%;
}
.mail input[type="email"], .mail input[type="password"] {
	line-heght: 1.5em;
	padding: 1rem;
	border-radius: 5px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	background-color: #fff;
	border:2px solid var(--basic);
	text-align: left;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	line-height: 1.9rem;
}


.schedule-boxes li.detail-box .btn.btn-livelist{
	padding: 1.4rem 0.8rem;
	height:48px;
	font-size: 1.5rem;
	line-height: 1.5rem;
	width:100%;
}
.schedule-boxes li.detail-box .btn.btn-livelist::before{
	width:100%;
	letter-spacing: 0.05em;
	font-size: 1.8rem;
	line-height:1.8rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
/* 配信待ち */
.schedule-box .btn:hover:before {
	width: auto;
	z-index: 1;
  }
.schedule-box .btn.entry {
	background: #999;
	pointer-events: none;
}
.schedule-box .btn.entry:before {
	content:'配信待ち';
}
.schedule-box .btn.entry:after {
	content: none;
}
.schedule-box .btn.live {
	background: var(--sub);
}
.schedule-box .btn.live:before {
	content:'ライブ配信';
}
.schedule-box .btn.archive {
	background: #01317a;
}
.schedule-box .btn.archive:before {
	content:'アーカイブ視聴';
}
/*.schedule-boxes li.detail-box .btn.entry::before{
	content:'配信待ち';
	color: var(--basic);
}
.schedule-boxes li.detail-box .btn.entry,.schedule-boxes li.detail-box .btn.entry:hover{
	border-color:var(--dark);
	background: var(--light);
	color: var(--basic);
}
.schedule-boxes li.detail-box .btn.entry::after,.schedule-boxes li.detail-box .btn.entry:hover::after{
	border-color:var(--light);
}*/
/* END  配信待ち */
/* ライブ配信 */
/* .schedule-boxes li.detail-box .btn.live::before{
	content:'ライブ配信';
	color: var(--light);
}
.schedule-boxes li.detail-box .btn.live{
	border-color:var(--or);
	background: var(--or);
	color: var(--light);
}
.schedule-boxes li.detail-box .btn.live:hover{
	background: transparent;
	color: var(--or);
}
.schedule-boxes li.detail-box .btn.live::after{
	border-color:var(--light);
}
.schedule-boxes li.detail-box .btn.live:hover::after{
	border-color: var(--or);
}
.schedule-boxes li.detail-box .btn.live:hover::before{
	color: var(--or);
} */
/* END ライブ配信 */
/* 見逃し配信 */
/* .schedule-boxes li.detail-box .btn.archive{
	border-color:var(--bl);
	background: var(--bl);
	color: var(--light);
}
.schedule-boxes li.detail-box .btn.archive::after{
	border-color:var(--light);
}

.schedule-boxes li.detail-box .btn.archive:hover{
	background: transparent;
	color: var(--bl);
}
.schedule-boxes li.detail-box .btn.archive::before{
	content:'見逃し配信';
	color: var(--light);
}
.schedule-boxes li.detail-box .btn.archive:hover::before{
	color: var(--bl);
}
.schedule-boxes li.detail-box .btn.archive:hover::after{
	border-color:var(--bl);
} */
/* END 見逃し配信 */

/* 追加申し込み */
/* .schedule-boxes li.detail-box .btn.new{
	border-color:var(--basic);
	background: var(--basic);
	color: var(--light);
}
.schedule-boxes li.detail-box .btn.new::after{
	border-color:var(--light);
}
.schedule-boxes li.detail-box .btn.new:hover{
	background: transparent;
	color: var(--basic);
}
.schedule-boxes li.detail-box .btn.new:hover::after{
	border-color:var(--basic);
}
.schedule-boxes li.detail-box .btn.new::before{
	content:'追加申し込み';
	color: var(--light);
}
.schedule-boxes li.detail-box .btn.new:hover::before{
	color: var(--basic);
} */
/* END 追加申し込み */
/* 配信終了 */
.schedule-boxes li.detail-box .btn.end,.schedule-boxes li.detail-box .btn.end:hover{
	border-color:#eee;
	background:#eee;
	color: #6e6e6e;
	cursor: default;
}
.schedule-boxes li.detail-box .btn.end::after,.schedule-boxes li.detail-box .btn.end:hover::after{
	border-color:#eee;
	content: none;
}
.schedule-boxes li.detail-box .btn.end::before{
	content:'配信終了';
	color: #6e6e6e;
}
/* END 配信終了 */
.special_til_box{
	padding-top: 3.2rem;
	/*	padding-bottom: 2rem;*/
}
.special_til_box .til{
	margin-bottom: 1rem;
}
.special_til.txtbg{
	background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(248,241,242) 20%);
}
.til span.special_til{
	font-size: 1.8rem;
	margin-right: 1.6rem;
	font-weight: bold;
}
.special-con{
	position:relative;
	padding-top: 2.4rem;
	padding-bottom: 3.2rem;
	background: var(--light);
/*	background: #f8f1f2;*/
}
.special-con .txt{
	font-weight: bold;
	text-align: center;
	line-height: 2.4rem;
	letter-spacing: 0.08em;
	margin-bottom: 1.4rem;
/*	color: #f08383;*/
}
.special-session_li li{
	width: 32.8%;
/*	border:2px solid var(--light);*/
	    box-shadow: 0 0px 16px 0px rgba(68,186,243,.1);
	border-radius:8px;
	background: #fff;
	padding: 2rem;
	margin-bottom: 1.8rem;
/*	flex-direction: column;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	
}
.special-session_li li.col01{
	width: 100%;
	border-radius:999px;
	position:relative;
	transition:.3s;
	justify-content: flex-start;
	border:2px solid #f08383;
	
}

.special-session_li li.col01:hover{
	    /* transform: translateX(0.8rem);
	border:2px solid #f08383; */
}
.special-session_li li img{
	border-radius:8px;
	object-fit: cover;
	aspect-ratio: 3 / 1.4;
	margin-bottom: 1.6rem;
	 
	
}
.special-session_li li.col01 .img{
	width: 180px;
	height: 180px;
	border-radius:999px;
		margin-right: 4rem;
	 box-shadow: 0 0px 16px 0px rgba(240,131,131,.2);
}
.special-session_li li.col01 img{
	border-radius:999px;
	width: 180px;
	border:2px solid var(--light);
	height: 180px;
	

}
.special-session_li-box{
	width: calc(100% - 280px);
}
.btn-box{
	margin-top: auto;
}
.schedule-box .special-session_li li h3{
	line-height: 3rem;
	font-size: 2rem;
	letter-spacing: 0.08em;
	font-weight: bold;
	margin-bottom: 2.4rem;
}
.sp-livelist_btn{
	position: absolute;
    bottom: 1.6rem;
    right: 8rem;
    z-index: 5;
	
}
.sp-livelist_btn P {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    color: #f08383;
    padding-right: 4rem;
}
.sp-livelist_btn p:before {
    content: '';
    background: #f08383;
    z-index: 10;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    box-shadow: 0 0 10px 0px rgba(240,131,131,.1);
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 4;
}
.sp-livelist_btn p:after {
    color: #fff;
    position: absolute;
    bottom: 2.5px;
    /* transform: translateY(-50%); */
    right: 10px;
    z-index: 5;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.special-session_li li p.name{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.5rem;
	margin-bottom: 1rem;
}
.special-session_li li p.name span{
	font-size: 1.6rem;
}
.special-session_li li p.campany{
	font-size: 1.5rem;
	line-height: 2.2rem;
	margin-bottom: 0rem;
	letter-spacing: 0.05em;
	color: var(--dark);
}
.link{
	display: block;
	position:absolute;
	width: 100%;
	height: 100%;
	bottom:0;
	left:0;
}
.special-session_li li .btn{
	font-size: 1.6rem;
	line-height: 2.3rem;
	padding: 0.8rem 0.6rem;
}
.error{
	margin: 0.4rem;
	color: #ef2121;
	line-height: 2rem;
	font-size: 1.4rem;
}
.mail-error p{
	margin-bottom: 1.6rem;
}
.mail-form{
	text-align: center;
	font-weight: bold;
	border-bottom:1px solid var(--basic);
}

.livelist-banner{
    position: fixed;
    right: 0rem;
    top: 8.8rem;
    width: 300px;
    z-index: 50;
    transition: .2s;
}
.livelist-banner a{
	box-shadow: 0 0 2px 1px rgb(0,0,0,.08);
	margin-bottom:0.6rem;
	transition:.2s;
	width: 100%;
}
.livelist-banner a:last-child{
	margin-bottom:0rem;
}
.livelist-banner a:hover{
	opacity:0.8;
}
#downloadinnerdiv{
		margin-top: -10rem;
	padding-top: 10rem;
}
@media screen and (max-width: 1024px) {
	.special-session_li li.col01 .img{
		margin-right: 3.2rem;
	}
	.special-session_li-box{
		width: calc(100% - 260px);
	}

}

@media screen and (max-width:769px) {
	#child.livelist {
		padding-top: 100px;
	}
	#child.livelist .til span {
		font-size: 1.6rem;
		letter-spacing: 0.04em;
		line-height: 2.2rem;
		margin-top: 10px;
		display: block;
	}
	.special-session_li li{
		width: 49.5%;
	}
	.mail tr, .mail th,.mail td{
		display: block;
		width: 100%;
	}
	.mail{
		/*
		width:100%;
		padding-top: 0;
		padding-bottom: 0;
		*/
		display: block;
	}
	.mail table{
		width: 100%;
		display: table;
	}
	.schedule-boxes li.detail-box .btn.btn-livelist{
		padding: 1.4rem 0.8rem;
		height:44px;
		width:100%;
	}
	.schedule-boxes li.detail-box .btn.btn-livelist::before{
		letter-spacing: 0.05em;
		font-size: 1.6rem;
		line-height:1.6rem;

	}
	.special-session_li li.col01{
		border-radius:8px;
		display: block;
		    padding: 2rem;
	}
	.special-session_li-box{

		width: 100%;
	}
	.special-session_li li.col01 .img,.special-session_li li.col01 img{
		margin: 0;
		width: 110px;
		height: 110px;
	}
	.special-session_li-box{
		width: calc(100% - 180px);
	}
	.sp-livelist_btn{
		right:1.6rem;
		bottom:1.6rem;
	}

	.sp-livelist_btn p{
		font-size: 1.5rem;
	}
	.special-session_li li h3{
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin-bottom: 1.6rem;
		width: 100%;
	}
	.namebox{
		width: calc(100% - 140px);
	}
	.livelist-banner{
		position: fixed;
		display:flex;
		right: 0rem;
		bottom: 0rem;
		top:inherit;
		width: 100%;
		z-index: 50;
		transition: .2s;
	}
	.livelist-banner a{
		width:100%;
		margin-bottom:0;
	}
	.schedule-box .btn {
		letter-spacing: 0.02em;
		border-radius: 4px;
		padding: 1.2rem 0;
	}
	.schedule-box .btn:after {
		right: 7px;
	}
}


@media screen and (max-width:640px){
	.schedule-boxes li.detail-box .btn.btn-livelist{
		padding: 1.4rem 0.8rem;
		height:38px;

	}
	.schedule-boxes li.detail-box .btn.btn-livelist::before{
		letter-spacing: 0.05em;
		font-size: 1.5rem;
		line-height:1.5rem;

	}
	.sp-livelist_btn{
		right:1rem;
		bottom:1rem;
	}
	.special-session_li li.col01 .img, .special-session_li li.col01 img{
		width: 110px;
		height: 110px;
	}
	.namebox {
    width: calc(100% - 130px);
}
		.sp-livelist_btn p:before{
		bottom:-0.3rem;
	}
	.sp-livelist_btn p:after{
		bottom:1px;
	}
	.special-session_li li.col01{
		padding: 1.6rem;
		padding-bottom: 3.2rem;
	}
	.special-session_li li.col01 .img, .special-session_li li.col01 img{
		width: 88px;
		height: 88px;
	}
	.namebox {
    width: calc(100% - 100px);
	}
	.special-session_li li p.name{
		font-size: 1.6rem;
		margin-bottom: 0.4rem;
	}
	.special-session_li li p.name span {
    font-size: 1.5rem;
	}
	.special-session_li li p.campany{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.sp-livelist_btn p{
		font-size: 1.4rem;
	}
	.schedule-box .special-session_li h3 p {
		line-height: 2.2rem;
		letter-spacing: 0.07em;
	}
	.schedule-box .special-session_li li h3 {
		margin-bottom: 5px;
	}
	.schedule-box .special-session_li .cap {
		font-size: 1.2rem;
		line-height: 1.6rem;
		margin-bottom: 10px;
	}
	.schedule-box .name_cont {
		width: 70%;
	}
	.schedule-box .special-session_li li p.campany {
		font-size: 1.2rem;
	}
}

@media screen and (max-width:400px){
	.special-session_li li{
		width: 100%;
	}
}