@charset "utf-8";

/*
キャラA：#5EC656
コミケS：#2DBEFF
電気街S：#FF9800
キャラO：#FF7444
コミケW：#916AFF
電気街W：#EF5350
*/

body{ background: #2DBEFF; } /* イベントカラー */
*{ box-sizing: border-box; }

.bg{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: -webkit-linear-gradient(90deg, #2DBEFF, #47ffea, #2DBEFF);
background: linear-gradient(90deg, #2DBEFF, #47ffea, #2DBEFF);
}
.bg > div{
width: 100%;
height: 100%;
background: url(../img/common/background01.png) repeat center top;
opacity: 0.4;
position: relative;
}
img{ vertical-align: text-bottom; }
.bt-link{ transition: all 0.4s ease; }
.bt-link:hover{
opacity: 0.4;
-webkit-animation-name: pulse;
animation-name: pulse;
}
.no-link{ opacity: 0.3; }

/* フォント */
*{
font-family: 'メイリオ',sans-serif;
color: #424242;
font-size: clamp(0.9rem, calc(0.6142857142857144rem + 0.714285714285714vw), 1.15rem);
line-height: clamp(1.4rem, calc(0.6142857142857144rem + 0.714285714285714vw), 1.65rem);
}
::selection{ background: rgba(30, 30, 30, 0.3); color: #FFFFFF; }
.f_m-pl{ font-family: "Noto Sans JP", sans-serif; }
/* カラー */
.f_ac{ color: #2DBEFF; } /* イベントカラー */
.f_red{ color: #ff4949; }
.f_out{ color: #ccc; }
/* サイズ */
.f_s{	/* .T-14px */
font-size: clamp(0.75rem, calc(0.5785714285714285rem + 0.4285714285714286vw), 0.9rem);
line-height: clamp(1.25rem, calc(0.5785714285714285rem + 0.4285714285714286vw), 1.4rem);
}
.f_l{	/* .T-24px */
font-size: clamp(1.3rem, calc(0.842857142857143rem + 1.1428571428571428vw), 1.7rem);
line-height: clamp(1.8rem, calc(0.842857142857143rem + 1.1428571428571428vw), 2.2rem);
}
.f_xl{	/* .T-50px */
font-size: clamp(2.5rem, calc(1.7571428571428571rem + 1.8571428571428568vw), 3.15rem);
line-height: clamp(3.0rem, calc(1.7571428571428571rem + 1.8571428571428568vw), 3.65rem);
}
/* フォントリンク */
.font-link:link,
.font-link:visited,
.font-link:hover,
.font-link:active{ color: #2DBEFF; } /* イベントカラー */


/* コンテンツ */


/* 包装 */
main{
width: 100%;
position: relative;
margin: 0;
padding: 0 5%;
}
main > div{
width: 100%;
max-width: 1600px;
background: #FFFFFF;
position: relative;
margin: 0 auto 40px;
padding: 40px;
border-radius: 16px;
}
/* 見出し */
h2{
width: 100%;
text-align: center;
font-size: clamp(2rem, calc(1.4285714285714286rem + 1.4285714285714286vw), 2.5rem);	/* 40px */
line-height: clamp(2.5rem, calc(1.9285714285714286rem + 1.4285714285714286vw), 3rem);
position: relative;
margin: 0 auto 40px auto;
padding: 0 0 20px;
}
h2:before{
width: 60px;
content: " ";
border-bottom: 6px #2DBEFF solid; /* イベントカラー */
border-radius: 3px;
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -30px;
}
h4{
width: 100%;
text-align: center;
display: block;
font-size: clamp(2rem, calc(1.4285714285714286rem + 1.4285714285714286vw), 2.5rem);	/* 40px */
line-height: clamp(2.5rem, calc(1.9285714285714286rem + 1.4285714285714286vw), 3rem);
margin: 0 auto 20px auto;
}
/* ライン */
hr{
width: 100%;
height: 0px;
border-top: 1px #E0E0E0 solid;
margin: 80px auto;
}


/* レスポンシブ */


@media screen and (max-width: 1000px){

	/* 包装 */
	main{ padding: 0; }
	main > div{
	padding: 20px;
	border-radius: 0px;
	}
	/* 見出し */
	h2{
	margin: 0 auto 20px;
	padding: 0 0 20px;
	}
	/* ライン */
	hr{ margin: 40px auto; }

}

@media screen and (max-width: 670px){



}


/* end */