@charset "utf-8";

/*==共通レイアウト==*/

/*==========================================
 body
===========================================*/
/*=================
/* = Selected Text
==================*/
::selection {
	background:#b72020; 
	color: #fff;
	/* Safari */
}
::-moz-selection {
	background:#b72020;
	 color: #fff;
	/* Firefox */
}

html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    background-color:#000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#000;
  /* 背景画像を中央に配置 動画再生前に表示される画像。ない場合指定の背景色 
  background-image: url(../img/bg_tokage.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;*/
}

body.chara_bg {
    background-image: url(../img/bg_headerLine.jpg);
    background-repeat: repeat-x;
}
body.story_bg {
    background-image: url(../img/pattern.png);
}

a {
    color:#000;
    text-decoration:none;
}
a:hover {
    color:#333;
    text-decoration:underline;
}
div#stage {
    overflow: hidden;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    
}
#cg {
    background-image: url(../img/bg_chara.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

    text-align: center;
    padding: 15px;
}
#cg img{
    max-width: 100%;
    border: 2px dashed #FFF;
    -webkit-box-shadow: inset 0px 0px 5px #000; /* Safari, Chrome用 */
    -moz-box-shadow: inset 0px 0px 5px #000; /* Firefox用 */
    box-shadow: inset 0px 0px 5px #000; /* CSS3 */
    -webkit-border-radius: 3px; /* Safari, Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */
    border-radius: 3px; /* CSS3 */
    background:#555;
    color:#FFF;
    padding:5px;
}
#eventCG {
    width: 100%;
    height: 100%;
}
#cgText {
    color: #FFF;
    text-shadow: 1px 1px 10px #616161,
    -1px 1px 10px #616161,
    1px -1px 10px #616161,
    -1px -1px 10px #616161;
    padding-top: 90px;
    font-size: 1em;
    line-height: 25px;
    text-align: left;
    padding: 5% 15%;

}
#cgText p {
    padding-bottom: 15px;
}
#copy {
    float: right;
    font-size: 10px;
    color: #FFF;
}


dl {
    padding-bottom: 20px;
}
dt {
}
dd {
}

/*==========================================
 各キャラカラー
===========================================*/
/*--秀--*/
.s_text {
    color: #96B4F7;
}
/*--叶--*/
.k_text {
    color: #f97188;
}
/*--智秋--*/
.t_text {
    color: #FF905A;
}
/*--真菜香--*/
.m_text {
    color: #5baf8f;
}
/*==========================================

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

    #cgText {
        display: none;
    }

===========================================*/