@charset "UTF-8";

/*===================================================================================================
SPECIAL
===================================================================================================*/

/*【 SP Frame設定 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#Special{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.SP_e{
	max-width: 98%;
	min-height: 50px;
	margin: 0 auto 20px auto;
	border-radius: 20px;
	background: #FFFFFF;
	position: relative;
	transition: all 500ms;
}
.SP_lnk,.SP_tlk,.SP_apy,.SP_ent,.SP_ent2{
	text-decoration: none;
	display: flex;
	overflow: hidden;
	border-radius: 20px;
	transition: all 500ms;
}
.SP_lnk{
	min-height: 130px;
	text-align: center;
}
.SP_tlk{
	min-height: 130px;	
}
.SP_apy,.SP_ent,.SP_ent2{
	min-height: 100px;
}
.SP_e .SP_lnk:hover,
.SP_e .SP_tlk:hover,
.SP_e .SP_apy:hover,
.SP_e .SP_ent:hover,
.SP_e .SP_ent2:hover{
	opacity: 0.7;
	box-shadow: 0px 0px 8px #888888;
	transition: all 500ms;
}
.SP_lnk{
	box-shadow: 0px 0px 1px #A7D398;
	-webkit-box-shadow: 0px 0px 1px #A7D398;
	border: 5px solid #A7D398;	
	background: #A7D398;
	animation: blinkAnime 1.75s infinite alternate;
	}
.SP_tlk{
	box-shadow: 0px 0px 1px #E6F064;
	-webkit-box-shadow: 0px 0px 1px #E6F064;
	border: 5px solid #E6F064;	
	background: #FAFFAA;
	}
.SP_apy{
	box-shadow: 0px 0px 1px #FFA096;
	-webkit-box-shadow: 0px 0px 1px #FFA096;
	border: 5px solid #FFA096;	
	background: #FFD2C8;
	}
.SP_ent,.SP_ent2{
	box-shadow: 0px 0px 1px #FFB450;
	-webkit-box-shadow: 0px 0px 1px #FFB450;
	border: 5px solid #FFB450;	
	background: #FFD278;
	}
/*【 SP Frame設定 / END 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*【 CATEGORY設定 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.SP_ctg{
	width: 400px;
	height: 100px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	background: #00C8FF;
	transition: all 300ms;
} 
.SP_ent2 > .SP_ctg{
	
	width: auto;
	height: 100px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	background: #00C8FF;
	transition: all 300ms;
	
}
.lnk_cl{
	width: 120%;
	height: 170px;
	background: #D2FABE;
}
.tlk_cl{
	width: 120%;
	height: 170px;
	background: #FAFFAA;
}
.apy_cl{
	width: 120%;
	height: 170px;
	background: #FFD2C8;
}
.SP_ent2 > div > .ent_cl{
	/*
	width: 100%;
	height: 170px;
	background: #FFD2C8;
	*/
	width: 0;
	background: red;
	
}
.ent_cl{
	width: 120%;
	height: 170px;
	background: #FFD278;
}
.lnk_cl::after{
	content: "";
	width: 220px;
	height: 70px;
	margin: 0 auto;
	background-image: url("../../../_SPECIAL/2021/img/SP-MMT1.png");
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 30px;
	left: 12%;
	}
.SP_apy .apy_cl::after,
.SP_ent .ent_cl::after{
	content: "＜ インターネット配信 ＞";
	color: #FFFFFF;
	font-size: 20px;
	position: relative;
	top: 32px;
	left: 5%;
}
.SP_apy .apy_cl::after{
	text-shadow: 0 0 3px #FF786E;
}
.SP_ent .ent_cl::after{
	text-shadow: 0 0 3px #FF821E;
}
.SP_Lg{
	width: 190px;
	height: 45px;
	margin: 0px auto;
	background-image: url("../../111_IMG/_TOP/_MAIN/KNT_LG.svg");
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 10px;
	transform: rotate(-20deg);
	}
.SP_Lg::after{
	content: "infomation";
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 8px;
	color: #FFFFFF;
	text-shadow: 0 0 5px #8C961E;
	position: absolute;
	top: 55px;
	left: -10px;
	transform: rotate(20deg)skewY(-10deg);
}
/*【 CATEGORY設定 / END 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*【 SP情報area設定 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.SP_sent,.SP_ent2 > div > .SP_sent{
	width: 100%;
	padding: 10px;
	overflow: hidden;
	background: #FFFFFF;
	position: relative;
}

/*【 項目別COLOR 設定 】--------------*/
.SP_apy > .SP_sent{
	background: #FFD2C8;
	text-shadow: 1px 1px 3px #FF786E;
}
.SP_ent .SP_sent,
.SP_ent2 > .SP_sent{
	background: #FFD278;
	text-shadow: 1px 1px 3px #FF821E;
}
.SP_apy .SP_T,
.SP_ent .SP_T,
.SP_ent2 .SP_T{
	color: #FFFFFF;
}
/*【 項目別COLOR 設定 / END 】--------------*/

/*【 DATE COLOR 設定 】--------------*/
.SP_DATE{
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 3px;
	font-weight: 500;
	color: #666666;
	transition: 300ms;
	}
.SP_ent2 .SP_DATE{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 3px;
	font-weight: 500;
	color: #666666;
	transition: 300ms;
	
	text-align: center;
	box-sizing: border-box;
}
.SP_apy .SP_DATE,
.SP_ent .SP_DATE,
.SP_ent2 .SP_DATE{
	margin: 5px 0 0 0;
	color: #FFFFFF;
}
/*【 DATE COLOR 設定 / END 】--------------*/

/*【 SERIES TITLE 設定 】--------------*/
#CR_srs{
	width: 180px;
	height: 180px;
	border-radius: 150px;
	overflow: hidden;
	text-decoration: none;
	position: absolute;
	top: -200px;
	left: 220px;
	background: #FFF8DC/*#FFFFD2*/;
	animation: cr_srs 8s linear infinite;
	z-index: 998;
}

#srs_t {
	width: 104%;
	height: auto;
	margin: -2% 0 0 -2%;/*
	animation: cr_srs_img 10s linear infinite;*/
}


@keyframes cr_srs {
  0% {
    transform: translateY(0px);
  }
  50% {
	  width: 200px;
	  height: 200px;
	  border-radius: 200px;
	  transform: translate(-10px,-50px)rotate(-3deg);
	  background: #FFF8DC/*#FAFFAA*/;
  }
  100% {
	  transform: translateY(0px);
  }
}


.Srs{
	margin: 0 0 0 10px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 5px;
	color: #FFFFFF;
	background: #0081E6;
	border-radius: 10px;
	position: absolute;
}
.Srs::after{
	content: "会長山口信廣と“現在”を語るシリーズ";
	}
/*【 SERIES TITLE 設定 / END 】--------------*/

/*【 TITLE 設定 】--------------*/
.SP_T{
	font-size: 28px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin: 0;
	color: #0081E6;
}
.SP_ent2 > div > .SP_T{
	text-align: center;
}
.SP_Ts{
	font-size: 23px;
	margin: 2px 0 0 10px;
	letter-spacing: 5px;
}
/*【 TITLE 設定 / END 】--------------*/

/*【 UNDER 設定 】--------------*/
.SP_H,.SP_ent2 > div > .SP_H{
	margin: 5px 0 0 0;
	font-size: 18px;
	line-height: 23px;
	color: #FFFFFF;
}
.SP_ent2 > div > .SP_H{
	text-align: center;
}
.SP_H::before{
	content: "［";
	margin: 0 10px 0 -10px;
}
.SP_H::after{
	content: "］";
	margin: 0 0 0 10px;
}
.SP_ent2 > div > .SP_H::before{
	content: "＜";
}
.SP_ent2 > div > .SP_H::after{
	content: "＞";
}

.SP_DP{
	width: 60%;
	min-width: 410px;
	font-size: 16px;
	line-height: 18px;
	margin: 0 auto 25px auto;
	color: #FFFFFF;
	letter-spacing: 2px;
	border-radius: 20px;
	background: #BBBBBB;
	position: relative;
	top: 10px;
	}
/*【 UNDER 設定 / END 】--------------*/

/*【 SP NEW 設定 】--------------*/ 
.SN::after{
	width: 350px;
	height: 60px;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 5px;
	color: #FFFFFF;
	position: absolute;
	right: -140px;/**/
	bottom: -20px;/**/
	transform: rotate(-16deg);
	content: "NEW";
	text-shadow: 2px 2px 2px #FFA0AA;
	animation: SN 2s linear infinite;
	z-index: 1;
}
/*【 SP NEW 設定 / END 】--------------*/ 
/*【 SP情報area設定 】■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*=========================================================================================================
SPECIAL / END
=========================================================================================================*/