@charset "UTF-8";
/* CSS Document */
@media (min-width: 641px){
body {
    color: #000;
    background-attachment: fixed;
    background-image: url(forget-back.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100vw auto;
    margin: 0 auto;
    max-width: 1024px;
}
    
a:link, a:visited, a:hover {
	color: #000;
	 text-decoration:none; 
}
	
main {
	background-color: #fff;
	text-align: center;
	float: right;
	width: 33%;
	height: 100%;
	margin: 36px auto;
	margin-right: 120px;
	opacity: 0.75;
	padding-bottom: 96px;
}
	
h1 img {
	width: 80%;
}
    
ol {
    list-style: none;
	text-align: left;
	
	padding-right: 16px;
}

li {
	line-height: 1;
	margin-bottom: 16px;
}
li a::before {
		content: '○ ';
	}
	
	li a:hover::before {
		content: '● ';
	}    

.ura {
font-size: 10px;
}

.after {
font-size: 12px;
/*   margin: 72px 0;*/
}
	
h3 {
	margin: 48px 24px 32px;
	border-bottom: solid 1px;
}

.music {
	font-size: .625rem;
  margin-top: 48px;
	text-align: center;
}
    
footer {
    font-size: 12px;
    margin-top: 112px;
    font-family: sans-serif;
	clear: both;
	text-align: center;
}

footer a:link, footer a:visited, footer a:hover {
    text-decoration:none;  
	color: #fff;
}
     
}
/*スマートフォン*/
@media (max-width: 640px)
{
body {
    color: #000;
    margin: 0 auto;
    text-align: center;
/*    width: 100vw;*/
}

.background-hack
{
        z-index: -1;
        background-image:url("forget-back.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
}
    
a:link, a:visited, a:hover {
	color: #000;
	 text-decoration:none; 
}
	
	main {
		width: 80%;
		background-color: #fff;
		opacity: 0.75;
		margin: 16px auto;
		padding: 16px;
		position: relative;
	z-index: 0;
		padding-bottom: 96px;
		
	}
	main:before{
	border: 3px solid #000; /* 白い実線 */
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 13px;
	z-index: -1;
}
	
h1 img {
	width: 80%;
}
    
ol {
    list-style: none;
    font-size: 16px;
}

li {
    margin-bottom: 16px;
    text-align: left;
}
	
	li a::before {
		content: '○ ';
	}
	
	li a:hover::before {
		content: '● ';
	}
	
.ura {
font-size: 10px;
	line-height: 1;
}

.after {
    margin: 48px 0 0;
font-size: 12px;
	
}
	
h3 {
	margin: 48px 24px 32px;
	border-bottom: solid 1px;
}

.music {
	font-size: .625rem;
  margin-top: 48px;
	text-align: center;
}
    
footer {
    font-size: 12px;
    margin-bottom: 96px;
    font-family: sans-serif;
}

footer a:link, footer a:visited, footer a:hover {
	color: #fff;
}
}