@charset "UTF-8";
/* CSS Document */
body
{
	font-family: 'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', serif;
    background-color: #fff; 
	color: #999;
    width: 472px;
	margin: 0 auto;
    padding: 24px 84px 60px;
}

*
{
    margin: 0;
    padding: 0;
}

a:link, a:visited, a:hover, a:active
{
    color: #999;
}

#omake a:link, #omake a:visited, #omake a:hover, #omake a:active
{
	text-decoration: none;
}

header p, footer p
{
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
}

header
{
	margin-bottom: 96px;
}

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

article
{
    margin-bottom: 120px;
}

article p, nav li
{
	font-size: 13px;
    line-height: 2;
}

h2
{
	font-size: 48px;
    color: #eee;
    line-height: 1;
    margin: 96px 0 -12px;
}

h3
{
	font-size:13px;
    border-bottom: solid;
	border-width: 1px;
    margin-bottom: 72px;
}

footer
{
	margin-top: 120px;
    text-align: center;
}

footer p
{
	font-size:12px;
}

footer a:link, footer a:visited, footer a:hover, footer a:active
{
    color: #000;
	text-decoration: none;
}

.grey
{
    color: #ccc;
}

.music {
    font-size: .625rem;
    padding-top: 3rem;
  }

em {
    -webkit-text-emphasis: filled sesame;
   text-emphasis: filled sesame;
}

/*おまけページ*/
#omake nav
{
	margin: 0px auto 120px;
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
}

#omake nav ul
{
	list-style: none;
}

#omake nav li
{
	list-style: none;
    margin-bottom: 24px;
}

#omake h3
{
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
    font-weight: normal;
}

#omake p.page-top
{
    font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif;
    margin: 60px 12px 120px;
    float: right;
    display: inline-block;
}

#omake img
{
    display: block;
    width: 180px;
    margin: 0 auto 168px;
    padding-top: 72px;
    clear: both;
}

#omake article
{
    padding-top: 12px;
}

#omake footer
{
    margin-top: 180px;
    clear: both;
}

/*スマートフォン*/
@media (max-width: 640px)
{
body
{
	margin: 0 auto;
	padding: 24px 24px 180px;
	width: 272px;
}

img
{
    width: 264px;
}
    
#omake nav ul
{
	line-height: 2.5;
	margin-left: 12px;
}

h2
{
	margin: 72px 0 -24px;
    line-height: 1.2;
}
}