@charset "UTF-8";
/* CSS Document */
body
{
        font-family :"游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
        background-color:#fffefe; 
        color:#999;
	margin-right: auto;
	margin-left: auto;
　　　　　padding-right: 24px;
　　　　　padding-left: 24px;
        padding-top: 24px;
	padding-bottom: 36px;
	width: 272px;

        background: url(satellite.png);
        background-repeat: no-repeat;
        background-position: center 72px;
        background-attachment: fixed !important;
}


header p
{
	font-family:'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	margin-top: -24px;
	margin-bottom: 48px;
margin-left: 12px;
}

header p
{
	font-size:10px;
        line-height: 1.5;
}


section
{
    margin-top: -6px;
	padding-bottom: 72px;
}

.img_block img
{
        display: block;
        margin:auto;
        margin-bottom: 264px;
    width: 272px;
}

#more
{       
        display:none;
        border: solid 1px #999;
        padding: 0 12px 12px 12px;
	background-color:#fff;
        opacity:0.65;
        margin-bottom: 120px;
}


#more ul
{
         list-style-type: disc;
         margin: 36px 0 48px -24px;
}

#more li
{
         margin-bottom: 13px;
}


h3
{        text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
                      #fff 1px -1px 0px, #fff -1px -1px 0px;      
}

h3.chara
{
	border: solid 1px #aaa;
	width: 96px;
	padding: 2px 6px;
	font-family:'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
	margin: 0 auto 24px;
	background-color:#fff;
	opacity:0.65;
}

article
{
         margin-bottom: 36px;
	 background-color:#fff;
         opacity:0.65;
         padding: 6px 0 12px;
}

article p
{
         color:#aaa;
}

.box
{
	position: relative;
	padding: 8px 13px;
	margin-top: 18px;
}

.box:before,.box:after
{ 
	content:'';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}

.box:before
{
	border-left: solid 1px #aaa;
	border-top: solid 1px #aaa;
	top:0;
	left: 0;
}

.box:after
{
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	bottom:0;
	right: 0;
}

.box p
{
	margin: 0; 
	padding: 0;
}

.g_font
{
        font-family: 'Cormorant Garamond', serif;
}

#main-story .title
{
        margin-left: 24px;
}

#main-story .g_font
{
        padding: 0 6px;
}

#select-story
{	
	margin-top: 60px;
    padding: 12px;
}

#select-story .title
{
        margin-left: 12px;
}

#select-story ul
{
	list-style-type: none;
	margin-left: -42px;
	margin-top: -6px;
}

#select-story li
{
         display: inline-block;
}

#select-story li:after
{
        content: "/";
        font-size:13px;
}

#select-story li.mada
{
        text-decoration: line-through;
	color:#ccc;
}

#select-story li.li-end:after
{
        content: "end";
        font-size:12px;
}

footer
{
	margin-top: -12px;
        text-align: center;
        border-top:solid;
	border-width: 1px;
        color:#ccc;
        font-family:'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
}

/*フォントサイズ*/
h1
{
	font-size:48px;
        text-align: center;
}

h2
{
	font-size:13px;
        font-weight: normal;
}

h3
{
	font-size:12px;
        text-align: center;
        font-weight: normal;
}

p
{
	font-size:13px;
        line-height: 1.5;
}

ul
{
	font-size:13px;
        line-height: 1.5;
}

#main-story .g_font
{
        font-size:32px;
}

#select-story ul
{
        line-height: 1.5;
        font-size:18px;
}

#select-story .g_font
{
        font-size:24px;
}

.title
{
	font-size:24px;
        color:#999;
	padding:2px 4px;
}

#select-story article.off h2
{
	color:#ccc;
}

#select-story article.off .title
{	
	color:#ccc;
}

#select-story article.on h2
{
	color:#999;
}

footer p
{
	font-size:12px;
}

/*リンク関係*/
a:link
{
        color:#999;
	text-decoration:none;
}

a:visited, a:hover, a:active
{
        color:#999;
	text-decoration:none;
}

#main-story article a:link
{
        font-size:24px;
        margin-left: 24px;
}







@media (max-width: 640px)
{
body
{
	background: none;
}

.background-hack
{
        z-index: -1;
        background-image:url("satellite.png");
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center 48px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
}

.attention h3
{
        margin-top: 240px;
}
}