@charset "UTF-8";

/*=========================================================================================================
ACTIVITIES
=========================================================================================================*/

/*【 ACTIVITIES ALL SETTING 】■■■■■■■■■■■■■■■■■■■■■■*/
/*.【 ACT AREA SETTING 】======================================■*/
.ACT{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0 0 20px 0;
	padding: 15px;
	font-size: clamp(1.375rem, 1.307rem + 0.34vw, 1.563rem);
	line-height: clamp(2rem, 1.932rem + 0.34vw, 2.188rem);
	position: relative;
	left: 5px;
}
/*. ===============================【 ACT AREA SETTING / END 】■*/

/*.【 ACT TEXT AREA SETTING 】=================================■*/
.ACT_T{
	font-size: clamp(1.375rem, 1.307rem + 0.34vw, 1.563rem);
    font-weight: bold;
    line-height: clamp(2rem, 1.932rem + 0.34vw, 2.188rem);
    letter-spacing: 1px;
    color: #3CB400;
	/*【 VALUES 】min: 22px & max:  25px */
	/*【 VALUES 】min: 32px & max:  35px 	＜line-height＞ */  
	/*【VIEWPORT】min:320px & max:1200px */
}
.ACT_b{
	min-width: 350px;
	margin: 0px 0px 10px 0px;
	padding: 8px 50px 8px 15px;
	font-size: clamp(1.375rem, 1.307rem + 0.34vw, 1.563rem);
	color: #FFFFFF;
	font-weight: bold;
    line-height: clamp(1.375rem, 1.307rem + 0.34vw, 1.563rem);
    letter-spacing: 2px;
    display: inline-block;
    border-left: 12px solid #8CC800;
    text-shadow: 0 -1px 2px #8CC800, 0 1px 2px #8CC800, 1px -1px 2px #8CC800, 1px 0px 2px #8CC800, 1px 1px 2px #8CC800, 2px -1px 2px #8CC800, 2px 0px 2px #8CC800, 2px 1px 2px #8CC800,
				-2px 2px 2px #8CC800, -2px -2px 2px #8CC800, -2px 0px 2px #8CC800, -2px 1px 2px #8CC800, -2px -1px 2px #8CC800, 0px 2px 2px #8CC800, 0px -2px 2px #8CC800;
	transform: skewX(-20deg);
	background: linear-gradient(to right, #E6F06E 85%, rgba(255,255,255,1) 100%);
	/*【 VALUES 】min: 22px & max:  25px */
	/*【 VALUES 】min: 22px & max:  25px 	＜line-height＞ */  
	/*【VIEWPORT】min:320px & max:1200px */
  }
.ACT_b > span{
	margin: 0 10px;
	font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
	/*【 VALUES 】min: 18px & max:  22px */
	/*【VIEWPORT】min:320px & max:1200px */
}
.ACT_b > div > span{
	font-size: clamp(1.125rem, 1.034rem + 0.45vw, 1.375rem);
}
.ACT_t{
	margin: 0 0 20px 10px;
}
.ACT_t > span{
	margin: 0 6px;
} 
.ACT_t2{
	margin: 0 0 20px 0;
}
.ACT_t2 div:first-child{
	min-width: 500px;
	margin: 10px 0;
	padding: 5px 30px 5px 10px;
	font-size: clamp(1.25rem, 1.182rem + 0.34vw, 1.438rem);
	line-height: clamp(1.25rem, 1.182rem + 0.34vw, 1.438rem);
	color: #8CC800;
	font-weight: bold;
	display: inline-block;
	border: dotted 3px #8CC800;
	text-shadow: 0 -1px 2px #FFFFFF, 0 1px 2px #FFFFFF, 1px -1px 2px #FFFFFF, 1px 0px 2px #FFFFFF, 1px 1px 2px #FFFFFF, 2px -1px 2px #FFFFFF, 2px 0px 2px #FFFFFF, 2px 1px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF, -2px 0px 2px #FFFFFF, -2px 1px 2px #FFFFFF, -2px -1px 2px #FFFFFF, 0px 2px 2px #FFFFFF, 0px -2px 2px #FFFFFF;
	background: rgba(230,240,110,0.3);
	/*
	linear-gradient(to right, #E6F06E 85%, rgba(255,255,255,1) 100%);*/
	
	transform: skewX(-20deg);/*
	box-sizing: border-box;*/
	/*【 VALUES 】min: 20px & max:  23px */
	/*【 VALUES 】min: 20px & max:  23px 	＜line-height＞ */  
	/*【VIEWPORT】min:320px & max:1200px */
}
.ACT_t2 div:first-child span{
	margin: 0 0 0 10px;
	font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
	line-height: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
	/*【 VALUES 】min: 18px & max:  20px */
	/*【 VALUES 】min: 18px & max:  20px 	＜line-height＞ */  
	/*【VIEWPORT】min:320px & max:1200px */
}
.ACT_t2 div:first-child::before{
	content: "●";
	margin: 0 10px 0 0;
}
.ACT_t2 div:nth-child(2){
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

/*..《《 LINK BOTTON SETTING 》》___________________________●*/
.LNK_btn{
	margin: 10px 0 40px 10px;
}
.LNK_btn a{
	text-decoration: none;
	display: inline-block;
	color: #FFFFFF;
	border-radius: 30px;
	box-shadow: 2px 2px 3px #AAAAAA;
	box-sizing: border-box;
	background: rgba(255,151,199,1.00);
	transition: all 300ms;
}

.LNK_btn a::before{
	content: "IDとパスコードは、こちらから";
	margin: 0 auto;
	padding: 3px 20px;
	font-size: clamp(0.938rem, 0.861rem + 0.38vw, 1.125rem);
	font-weight: bold;
	box-sizing: border-box;
	text-shadow: 0 0 3px rgba(100,100,100,0);
	/*【 VALUES 】min: 15px & max:  18px */
	/*【VIEWPORT】min:320px & max:1200px */
}
@media screen and (min-width: 781px) {
.LNK_btn a:hover{
	box-shadow: inset 2px 2px 3px #AAAAAA;
	color: rgba(255,151,199,1.00);
	text-shadow: 0 0 3px rgba(100,100,100,1);
	background: rgba(255,151,199,0.1);
	transition: all 300ms;
	}
}
/*.._____________________《《 LINK BOTTON SETTING / END 》》●*/
/*. ==========================【 ACT TEXT AREA SETTING / END 】■*/
/*■■■■■■■■■■■■■■■■■■■【 ACTIVITIES ALL SETTING / END 】*/
/*=========================================================================================================
ACTIVITIES / END
=========================================================================================================*/