@charset "UTF-8";

html{
	font-size:62.5%;
}

body{
 margin: 0;
	font-size:1.2rem;
	color: black;
	font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

*,*::before,*::after{
	box-sizing:border-box;
}

.header{
	width:100%;
	height:247px;
	margin-bottom:40px;
	text-align:center;
}

.logo{
	width: 700px;
	height: 247px;
	margin:0 auto;
	background: url('assets/png/mainpage_old/header.png')no-repeat;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
}

.logo a{
	display:block;
	width:100%;
	height:100%;
}

.wrapper{
	width:900px;
	height:900px;
	margin:0px auto 0px;
}

.clearfix::after{
	content: '';
	display: block;
	clear: both;
}

.migi{
	float:left;
	width:440px;
	height:1000px;
}

.about,.news{
	text-align:center;
}

.naiyo{
	font-size:1.2rem;
	text-align:center;
	margin-bottom:10px;
	line-height:0.9;
}

.scroll-list{
	max-height:100px;
	overflow-y:auto;
	margin-bottom:10px;
	list-style-type:none;
}

.scroll-item{
	line-height:160%;
}

.sie{
	width: 400px;
	height: 572px;
	margin:0px auto;
	background:url('assets/png/mainpage_old/shikyo_kurai-1_OLD.png')no-repeat;
	background-size:contain;
	overflow: hidden;
	text-indent:120%;
	white-space:nowrap;
}

.sie a{
	display:block;
	width:100%;
	height:100%;
}

.sie a:hover{
	background:url('assets/png/mainpage_old/shikyo_kurai-2_OLD.png')no-repeat;
	width: 400px;
	height: 572px;
	margin:0px auto;
	background-size:contain;
	overflow: hidden;
	text-indent:120%;
	white-space:nowrap;
}

.hidari{
	float:right;
	width:440px;
	height:1000px;
	position:relative;
}

.content{
	width:440px;
	height:500px;
	position:absolute;
}

.content h2{
	text-align:center;
}

.contents{
	margin:0px auto;
	width:360px.
}

.contents p,.links p{

	margin-bottom:20px;
	text-align:center;
}


.music{
	width: 200px;
	height: 70px;
	margin:0px auto;
	background: url('assets/png/mainpage_old/musicroom.png')no-repeat;
	background-size:contain;
	overflow: hidden;
	text-indent:120%;
	white-space:nowrap;
}

.illust{
	width: 200px;
	height: 70px;
	margin:0px auto;
	background: url('assets/png/mainpage_old/illust.png')no-repeat;
	background-size:contain;
	overflow: hidden;
	text-indent:120%;
	white-space:nowrap;
}

.log{
	width: 200px;
	height: 70px;
	margin:0px auto;
	background: url('assets/png/mainpage_old/log.png')no-repeat;
	background-size:contain;
	overflow: hidden;
	text-indent:120%;
	white-space:nowrap;
}


.link{
	width:440px;
	height:500px;
	position:absolute;
	top:500px;
}

.link h2{
	text-align:center;
	margin-top:15px;
}

.twitter{
	width: 200px;
	height: 70px;
	margin:0px auto;
	background: url('assets/png/mainpage_old/twitter.png')no-repeat;
	background-size:contain;
	overflow: hidden;
	text-indent:120%;
	white-space:nowrap;
}

.youtube{
	width: 200px;
	height: 70px;
	margin:0px auto;
	background: url('assets/png/mainpage_old/youtube.png')no-repeat;
	background-size:contain;
	overflow: hidden;
	text-indent:120%;
	white-space:nowrap;
}

.music a,.illust a,.log a,.x a,.youtube a{
	display:block;
	width:100%;
	height:100%;
}

.music a:hover,.illust a:hover,.log a:hover,.x a:hover,.youtube a:hover{
	background: rgba(255,255,255,0.3);
}


.wakunowaku1{
	pointer-events: none;
	position:absolute;
}

.waku1{
	pointer-events: none;
	position:relative;
	width:440px;
	height:500px;
}

.waku2{
	pointer-events: none;
	position:relative;
	width:440px;
	height:340px;
	margin:500;
}
.waku1 img,.waku2 img{
	width:80px;
	height:80px;
	filter:opacity(80%);
}

.hidariue{
	position:absolute;
	left:25px;
	top:20px;
	transform:rotate(90deg);
}

.migiue{
	position:absolute;
	right:25px;
	top:25px;
	transform:rotate(180deg);
}

.hidarisita{
	position:absolute;
	left:25px;
	bottom:25px;
}

.migisita{
	position:absolute;
	right:25px;
	bottom:25px;
	transform:rotate(270deg);
}


.footer{
	width:100%;
	height:200px;
	text-align:center;
}