@charset "utf-8";

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

html,body{ background: #916AFF url(../image/common/background01.png) repeat center top fixed; } /* イベントカラー */
h1 , h2 , h3 , h4 , h5 , h6{ font-weight: normal; }
img{ vertical-align: text-bottom; }

.relative{ position: relative; }
.absolute{ position: absolute; }
.float-clear{ width: 100%; height: 0; clear: both; }
.check01{ background: #FF0000; }

/* リンク */
.link-motion{	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; animation: all 0.4s ease; }
.link-opacity:hover{ opacity: 0.4; }
.no-link{ opacity: 0.2; }

/* デザイン */
.shadow{ box-shadow: rgba(0,0,0,0.2) 0px 1px 6px 1px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 6px 1px; -moz-box-shadow :rgba(0,0,0,0.2) 0px 1px 6px 1px; }
.flat{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrap{ display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.sab-scrollbar::-webkit-scrollbar{ width:6px; }
.sab-scrollbar::-webkit-scrollbar-track{ background:#EEEEEE; }
.sab-scrollbar::-webkit-scrollbar-thumb{ background:#BDBDBD; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

/* フォント */
*{ font-family: 'メイリオ',sans-serif; color: #424242; }
::selection{ background: #FF4949; color: #FFFFFF; }
.m-pl{ font-family: 'Noto Sans JP', sans-serif; color: #424242; font-weight: 900; }
/* カラー */
.T-attention{ color: #916AFF; } /* イベントカラー */
.T-white{ color: #FFFFFF; }
.T-red{ color: #FF4949; }
.T-yellow { color: #FFAB00; }
.T-blue{ color: #0091EA; }
.T-green{ color: #558B2F; }
.T-gray{ color: #7F7F7F; }
/* サイズ */
.T-10px{ font-size: 10px; line-height: 20px; }
.T-12px{ font-size: 12px; line-height: 22px; }
.T-14px{ font-size: 14px; line-height: 24px; }
.T-16px{ font-size: 16px; line-height: 26px; }
.T-18px{ font-size: 18px; line-height: 28px; }
.T-20px{ font-size: 20px; line-height: 30px; }
.T-22px{ font-size: 22px; line-height: 32px; }
.T-24px{ font-size: 24px; line-height: 34px; }
.T-26px{ font-size: 26px; line-height: 36px; }
.T-28px{ font-size: 28px; line-height: 38px; }
.T-30px{ font-size: 30px; line-height: 40px; }
.T-34px{ font-size: 34px; line-height: 44px; }
.T-38px{ font-size: 38px; line-height: 48px; }
/* フォントリンク */
.font-link:link{ color: #916AFF; text-decoration: none; } /* イベントカラー */
.font-link:visited{ color: #916AFF; text-decoration: none; } /* イベントカラー */
.font-link:hover{ color: #916AFF; text-decoration: none; } /* イベントカラー */
.font-link:active{ color: #916AFF; text-decoration: none; } /* イベントカラー */


/* コンテンツ */


/* 包装 */
.wrapper{
max-width: 1700px;
overflow: hidden;
margin: 0 auto;
padding: 0 20px 20px 20px;
}
/* メインコンテンツ */
.main-content{
width: 100%;
background: #FFFFFF;
border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px;
/* box-shadow指定：左右 上下 ぼかし 広がり */
/*
box-shadow: rgba(0,0,0,0.4) 0px 1px 20px 4px; -webkit-box-shadow: rgba(0,0,0,0.4) 0px 1px 20px 4px; -moz-box-shadow :rgba(0,0,0,0.4) 0px 1px 20px 4px;
*/
margin: 0 auto;
padding: 40px;
}
/* 見出し */
h2{
width: 100%;
text-align: center;
display: block;
font-size: 40px;
line-height: 40px;
margin: 0 auto 40px auto;
padding: 0 0 20px 0;
}
h2:before{
width: 60px;
content: " ";
border-bottom: 6px #916AFF solid; /* イベントカラー */
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
position: absolute;
bottom: 0;
left: 50%;
margin: 0 0 0 -30px;
}
h4{
width: 100%;
text-align: center;
display: block;
font-size: 40px;
line-height: 40px;
margin: 0 auto 20px auto;
}
/* ライン */
hr{
width: 100%;
height: 0px;
border-top: 1px #E0E0E0 solid;
margin: 80px auto;
}
/* ページトップボタン */
.return-top{
width: 80px;
height: 80px;
background: rgba(0,0,0,0.2) url(../image/common/return-top.png) no-repeat center;
border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;
cursor: pointer;
position: fixed;
bottom: -120px;
right: 40px;
}
.return-top:hover{
background: #916AFF url(../image/common/return-top.png) no-repeat center; /* イベントカラー */
}


/* レスポンシブ */


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

/* 包装 */
.wrapper{
padding: 0 0 20px 0;
}
/* メインコンテンツ */
.main-content{
border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
padding: 20px;
}
/* 見出し */
h2{
font-size: 30px;
line-height: 30px;
margin: 0 auto 20px auto;
padding: 0 0 20px 0;
}
/* ライン */
hr{
margin: 40px auto;
}
/* ページトップボタン */
.return-top{
width: 60px;
height: 60px;
right: 20px;
}

}

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

/* ページトップボタン */
.return-top{
display: none;
}

}


/* end */
