@charset "UTF-8"; 
/* デフォルト */
* {
	margin: 0; padding: 0;
	font-family:Georgia, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-family: 'Poiret One', cursive;
	text-decoration:none;
	line-height:130%;
}
html,body{
height:100%;}
.smf{
	display:none;
}
.block{
	text-indent:14px;
	color:#999;
	font-size:13px;
}
#jisseki td{
	font-size:14px;
}
#sounds2{
	text-align:left;
}
#sounds2 h4{
	color:#444;
	border-left:20px solid #BBB;
	text-indent:5px;
	font-weight:normal;
	text-align:left;
	margin:5px;
	padding:5px;
	background:#EEE;
}
#sounds2 img{
	width:48px;
	height:48px;
	display:inline-block;
	vertical-align:middle;
}
#sounds2 .sTw{
	margin-top:30px;
	float:right;
}
#sounds{
	text-align:left;
}
#sounds h4{
	color:#444;
	border-left:20px solid #BBB;
	text-indent:5px;
	font-weight:normal;
	text-align:left;
	margin:5px;
	padding:5px;
	background:#EEE;
}
#sounds img{
	width:48px;
	height:48px;
	display:inline-block;
	vertical-align:middle;
}
#sounds .sTw{
	margin-top:30px;
	float:right;
}
a{
	color:#059;
	transition:.2s;
}
blockquote{
	background:#DEE;
	color:#444;
	font-size:15px;
	margin:10px;
	padding:15px;
}
body{
	overflow-y:scroll;
	background-size:cover;
	width:100%;
}
#topimg{
	position:relative;
	background:#000 url(./img/top.jpg) top left no-repeat;
	background-size:cover;
	min-width:100%;
	min-height:100%;
}
#logo{
	position:relative;
	width:100%;
	margin:0 auto;
	height:64px;
	z-index:3;
	background:#FFF;
}
@media screen and (min-width: 1220px) and (max-width: 9999px) {
#logoimg{

}
}

@media screen and (min-width: 1px) and (max-width: 1279px) {
#logoimg{
	display:none;
}
}



@media screen and (min-width: 1220px) and (max-width: 9999px) {
#navi{
	position:relative;
	float:right;
	z-index:3;
	margin-right:20px;
}
}

@media screen and (min-width: 1px) and (max-width: 1279px) {
#navi{
	position:relative;
	text-align:center;
	z-index:3;
}
}

#navi .active{
	background:#79B;
	color:#FFF;
}
#navi ul{
	margin:0 auto;
	text-align:center;
}
#navi li{
	display:inline-block;
	vertical-align:middle;
}
#navi li a{
	display:block;
	padding:22px 12px;
	font-size:15px;
	color:#444;
	transition:.2s;
}
#navi li a:hover{
	background:#579;
	transition:.3s;
	color:#FFF;
}




#sns{
	position:relative;
	height:64px;
	margin:0px auto 64px auto;
}
#sns ul{
	margin:8px auto;
	text-align:center;
}
#sns li{
	display:inline-block;
	margin:0 24px;
}
#sns li img{
	width:64px;
	height:auto;
border-radius:48px;
-moz-border-radius: 48px;
-webkit-border-radius:48px;
-o-border-radius: 48px;
-ms-border-radius:48px;
}
#sns li a{
	display:block;
	opacity:.8;
	transition:.2s;
}
#sns li a:hover{
	opacity:.9;
	transition:.3s;
}


#note{
	padding:32px;
	margin:64px auto;
	width:80%;
	position:relative;
	text-align:center;
	color:#333;
	background:#EEE;
	font-size:19px;
}

#footer{
	margin-top:64px;
	padding:64px 0;
	position:relative;
	width:100%;
	text-align:center;
	background:#222;
	color:#AAA;
	font-size:16px;
}
#footer a{
	font-size:13px;
	color:#AAA;
	transition:.2s;
}
#footer a:hover{
	font-size:13px;
	color:#5AD;
	transition:.3s;
}
#footer h2{
	margin-top:16px;
	font-weight:normal;
	font-size:13px;
	}
#footer h3{
	margin-top:16px;
	font-weight:normal;
	font-size:13px;
}
#note h1{
	margin-bottom:16px;
}


#music{
	width:94%;
	background:#FFF;
	text-align:center;
	margin:0 auto;
	padding-top:32px;
}

.box{
	position:relative;
	z-index:1;
	vertical-align:top;
	display:inline-block;
	width:280px;
	overflow:hidden;
	padding:15px 0px 15px 0px;
	margin:24px 24px;
	border:1px solid #CCC;
  -webkit-box-shadow: 0 2px 6px #777;
  -moz-box-shadow: 0 2px 6px #777;
  box-shadow: 0 2px 6px #777;
}

.box h1{
	color:#444;
	text-align:left;
	padding:0px 20px;
	font-size:19px;
	margin-bottom:4px;
}
.box p{
	text-align:left;
	text-indent:16px;
	color:#444;
	padding:0px 20px;
}
.boxInfo{
	vertical-align:bottom;
	position:absolute;
	opacity:0;
	z-index:2;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#333;
	font-weight:normal;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	overflow:hidden;
}
.boxInfo p{
	width:100%;
	position:absolute;
	text-align:center;
	margin:0 auto;
	padding:0;
	bottom:15px;
	color:#FFF;
	font-size:26px;
}
.boxInfo small{
	font-size:18px;
	color:#FFF;
}
.box:hover .boxInfo{
	color:#FFF;
	opacity:.7;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}

.box2{
	margin:0 auto;
	width:80%;
}

.listening{
	margin:100px auto 40px auto;
}
.box2{
	margin:0 auto;
	width:920px;
	border:1px solid #AAA;
	padding:20px;
	text-align:left;
}
.box2 h2{
	color:#999;
	font-size:36px;
	margin-bottom:-16px;
}
.h2size{
	color:#999;
	font-size:36px;
	margin-bottom:-16px;
	font-weight:bold;
}
.box2 img{
	margin:10px;
}
.box2 p{
	color:#555;
	float:right;
	text-align:right;
	margin:20px 10px;
	width:640px;
	overflow:hidden;
}
.box2 a{
	color:#058;
	text-decoration:underline;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
.box2 a:hover{
	color:#058;
	background:#7CF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
.boxc{
	margin:4px;
	text-align:right;
	font-size:14px;
	color:#888;
}

.gotop{
	position:fixed;
	z-index:3;
	right:32px;
	opacity:.5;
	bottom:32px;
}
.gotop img{
border-radius:48px;
-moz-border-radius: 48px;
-webkit-border-radius:48px;
-o-border-radius: 48px;
-ms-border-radius:48px;
}

.box3 a:hover{
	text-decoration:underline;
	transition:.3s;
}
#music .box3{
	margin:0 auto;
	width:80%;
}
#music .box3 h1{
	margin:32px auto;
	text-align:left;
	color:#444;
}
#music .box3 h1 small{
	font-size:19px;
}
#music .box3 h2{
	margin:48px 32px 24px 32px;
	text-align:left;
	color:#444;
	text-indent:8px;
	border-left:32px solid #DDD;
	border-bottom:1px solid #CCC;
}
#music .box3 p{
	margin:0px 64px 32px 64px;
	text-align:left;
	color:#444;
}
#music .box3 table{
	margin:0 100px;

}
#music .box3 th{
	padding:4px 8px;
	border:1px solid #BBB;
	background:#EEE;
}
#music .box3 td{
	padding:4px;
	border:1px solid #BBB;
}



.contact{
	display:inline-block;
	background:#058;
	margin-top:32px;
	margin-left:60px;
border-radius:40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
-o-border-radius:  40px;
-ms-border-radius: 40px;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
 .contact a{
	display:inline-block;
	font-size:22px;
	padding:20px 40px;
	color:#FFF;
}
 .contact:hover{
	background:#333;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}


.nagare{
	
	display:inline-block;
	width:14	0px;
	height:120px;
	padding:8px;
	margin:8px 16px;
	border:1px solid #AAA;
	text-align:center;
	vertical-align:top;
	font-size:14px;
}

.nagareUser{
	background:#EEE;
	font-weight:bold;
	color:#666;
	padding:2px;
}
.nagareNote{
	padding:16px;
	text-align:left;
}
#nagareAll{
	text-align:left;
	margin:0 48px;
}
.nagareArrow{
	display:inline-block;
	height:160px;
	vertical-align:middle;
}


#soundtrack{
	text-align:left;
}
#soundtrack ul{

}
#soundtrack li{
	display:inline-block;
	margin:16px;
	padding:8px;
	border:1px solid #aaa;
}
#soundtrack li img{
	width:320px;
	height:320px
}

#music #m3_doujin .box3 p{
}
#m3_doujin img{
	padding:4px;
	border:1px solid #BBB;
	background:#FFF;
}
p.m3_date{
	background:#DEEEE9;
	padding:8px;
}
p.m3junle{
	padding:10px 20px;
	font-size:13px;
	background:#777;
	color:#eee !important;
	border-radius:20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius:  20px;
-ms-border-radius: 20px;
	text-align:center;
}
.aki{
	color:#F85;
	font-size:28px;
}
.haru{
	color:#5B5;
	font-size:28px;
}

p.m3note{
	padding:20px;
	border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius:  15px;
-ms-border-radius: 15px;
	background:#E3E3E3;
}
.m3kansou{
	margin:0px 50px 32px 50px;
	padding:20px;
	border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius:  15px;
-ms-border-radius: 15px;
	background:#F9F1DD;
}
.m3kansou p{
	margin:20px 20px !important;
}
.m3kansou img{
	display:block;
	margin:15px 30px !important;
	padding:2px;
	border:1px solid #BBB;
}
.m3kansou h2{
	border-left:32px solid #DB9 !important;
	border-bottomt:1px solid #B97 !important;
	marign:0 !important;
	font-size:18px !important;
}

.lv1 img{
	border:1px solid #BBB;
	padding:8px;
}


@media screen and (min-width: 1220px) and (max-width: 9999px) {
.lv12 img{
	float:right;
	padding:8px;
	
}}
@media screen and (min-width: 1px) and (max-width: 1219px) {
.lv12 img{
		display:none;
	
}}


#form{
	text-align:left;
	margin:24px 64px;
}
#form input{
	width:240px;
	padding:5px 10px;
	margin-bottom:10px;
	border:1px solid #AAA;
}
#form input.formUrl{
	width:360px;
}
#form textarea{
	padding:5px 10px;
	width:480px;
	height:240px;
	border:1px solid #AAA;
}
.send_1{
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
.send_1:hover{
	cursor:pointer;
	background:#27A;
	color:#FFF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}



.sitemap{
	text-align:left;
	margin:0 auto;
	width:80%;
}
.sitemap b{
	display:block;
	margin-bottom:20px;
	font-size:30px;
}
.sitemap h1{
	font-size:16px !important;
	margin:0 !important;
	padding:0 !important;
	font-weight:normal !important;
}
.sitemap h2{
	font-size:16px !important;
	margin:0 !important;
	padding:0 !important;
	font-weight:normal !important;
}
.sitemap ul{
	margin:0 40px;
}
.sitemap li{
	font-size:21px;
	margin-bottom:20px;
}
.sitemap a{
	font-size:16px;
	margin-left:40px;
	padding:0 5px;
	display:inline-block;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	font-weight:normal;
}
.sitemap a:hover{
	background:#5CE;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}

#blog{
	padding:0px 30px;
}	
#blog-main h2 a{
	font-size:26px;
}
#blog-main li{
	padding:0;
	margin:5px;
}
#blog-main ul{
	margin:10px;
	padding:20px;
}

#blog-main .otherPosts ul{
	margin:10px auto;
	padding:0;
}
#blog-main .otherPosts li{
	margin:10px auto;
	padding:0;
}
#year{
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
#blog-month {
	margin:0 auto;
	text-align:center;
	margin-top:32px;
}
#blog-month li{
	display:inline-block;
	margin:0px 5px;
	padding:0px 5px;
}
#blog-month a{
	display:block;
	background:#8DF;
	color:#FFF;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
#blog-month a:hover{
	background:#38A;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
.blog-active{
	background:#49C !important;
	color:#FFF;
	font-weight:bold;	
}
#up{
	text-align:left;
	padding:16px 32px;
	margin:0px 32px;
	background:#F3F3F3;
}
#up a{
	display:inline-block;
	margin-left:10px;
	text-decoration:underline;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
#up a:hover{
	background:#8DF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
#up_more{
	margin:0px 60px;
}
#up_more {
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
#up_more a:hover{
	background:#8DF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
.blog_more{

	margin-bottom:60px;
}
.blog_more ul{
	margin-top:10px;
	width:100%;
}
.blog_more li{
	display:inline-block;
}
.blog_more a{

	font-size:14px;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
.blog_more a:hover{
	background:#8DF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
.more_left{
	margin-left:20px;
	float:left;
}
.more_right{
	margin-right:20px;
	float:right;
}
#blog_next table{
	width:80%;
	margin:20px auto 0px auto;
	text-align:center;
}
#blog_next td{
	width:50%;
}
#blog_next a{
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
#blog_next a:hover{
	background:#8DF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
#blog h3{
	margin-top:30px;
}
#blog small{
	font-weight:normal;
	font-size:14px;
}
#date{
	margin-top:40px;
	text-align:right;
	font-size:32px;
	color:#CCC;
}
#blog-main{
	border:1px solid #CCC;
	padding:20px;

border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius:  10px;
-ms-border-radius: 10px;

}
#blog-main img{
	margin:20px auto;
	border:1px solid #CCC;
	padding:2px;
}
#blog-main p{
	margin:20px 40px;
}
.blogLink{
	margin:4px;
	float:left;
}
.blogLink a{
	color:#BBB;
	font-size:14px;
	text-decoration:none;
}
#store{
	margin:0 auto;
	text-align:center;
}
#store li{
	display:inline-block;
	margin:0 30px;
}
#store a{
	padding:10px 20px;
	display:block;
	background:#6BE;
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
#store a:hover{
	color:#FFF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}
#up_more{
	text-align:left;
	margin:20px 200px;
}
#up_more {
	transition:.2s;
	-o-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
}
#up_more a:hover{
	background:#8DF;
	transition:.3s;
	-o-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
}

.tuduki{
	background:#CCC;
	display:block;
	padding:2px;
}
.tuduki:hover{
	background:#CDE;
}

p.rep{
	margin:10px;
	padding:20px;
	background:#DDC;
border-radius:20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius:  20px;
-ms-border-radius: 20px;
}
.atimg{
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}




#newBlog{

}
#music .box3 #newBlog h2{
	font-size:18px;
	border:none;
	background:#F5F5F5;
	margin:0 auto;
	padding:10px;
	text-indent:0;
}
#music .box3 #newBlog li{
	position:relative;
	border:1px solid #BBB;
	padding:5px;
	display:inline-block;
	width:300px;
	height:410px;
	margin:10px;
	overflow:hidden;
	font-size:15px;
}
#music .box3 #newBlog li img{
	width:300px;
	margin:0;
}
.newIntro{
	margin:10px;
	text-align:left;
}
.newImg{
	min-height:160px;
	max-height:300px;
	overflow:hidden;
}
.newDate{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#555;
	color:#EEE;
	padding:4px 0;
}
.newCate{
	position:absolute;
	bottom:26px;
	left:0;
	background:#FFF;
	text-align:right;
	width:100%;
	border-top:1px dotted #DDD;
	padding:4px 0px;
}
.newCate a{
	display:inline-block;
	margin-right:10px;
	font-size:14px;
}
#music #newBlog .newCate img{
	width:18px !important;
	opacity:.3;
}

#blogBox{
	margin:0 auto;
	width:960px;
}
#music #blogBox .blog-note h2{
	margin:40px 0px 0px 0px;
}
#music #blogBox .blog-note img{
	margin-bottom:20px;
}
.blog-note h3{
	border-left:20px solid #333;
	text-indent:5px;
	margin-top:30px;
}
.blog-note{
	text-align:left;
	padding:10px 20px;
}
.blog-note a{
	background:#DEF;
	text-decoration:underline;
}
.blog-note a:hover{
	background:#CDE;
}
.blog-note b{
	color:#389;
	font-weight:bold;
}
.blogSide{
	float:right;
	width:300px;
	margin-top:14px;
	overflow:hidden;
}
.blogSide img{
	width:100%;
	opacity:1;
}
.blogSide img:hover{
	opacity:0.9;
}
.blogSide li{
	list-style:none;
	display:block;
	margin:10px 5px;
	text-align:left;
}
.blogSideTitle{
	margin-top:30px;
	background:#368;
	color:#EEE;
	padding:5px;
	font-size:18px;
}
#music .blogSideSns li img{
	width:16px;
	height:16px;
	margin-right:5px;
}

#music .blogSide .blogProfile img{
	width:150px !important;
	display:block;
}
#music .blogSide .blogProfile{
	font-size:16px;
}

#blogBox .blogSide li a:hover{
	text-decoration:underline;
}

.box5 a:hover{
	text-decoration:underline;
	transition:.3s;
}
#music .box5{
	margin:0 auto;
	width:640px;
	float:left;
}
#music . box5 img{
	width:94%;
	border:none;
	padding:0;
	margin:0;
}
#music .box5 h1{
	margin:20px auto 0px auto;
	text-align:left;
	color:#444;
}
#music .box5 h2{
	margin:48px 32px 24px 32px;
	text-align:left;
	color:#444;
	text-indent:8px;
	border-left:32px solid #DDD;
	border-bottom:1px solid #CCC;
}
#music .box5 p{
	margin:30px 50px;
	text-align:left;
	color:#444;
}
#share{
	margin-top:30px;
}
#share li{
	display:inline-block;
	margin:0 28px;
	color:#BBB;
	font-size:28px;
	vertical-align:middle;
}
#share li img{
  border-radius: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 100%;
	opacity:1;
	transition:.2s;
	width:56px;
	height:56px;
}
#share li img:hover{
	opacity:.7 ;
	transition:.3s;
}
.otherPosts{
	margin:10px auto;
	text-align:left;
}
.otherPosts li{
	width:294px;
	height:160px;
	display:inline-block;
	overflow:hidden;
	border:1px solid #DDD;
	position:relative;
	margin:10px auto;
	transition:.2s;
}
.otherPosts li:hover{
	border:1px solid #888;
	transition:.3s;
}
.otherPosts li img{
	width:100%;
	padding:0 !important;
	border:0 !important;
}
.otherPostsTitle{
	font-size:20px;
	background:#EEE;
	padding:5px;
	
}
.otherPostsTitle img{
	border:none !important;
	width:20px;
	margin:0 !important;
}
.otherPostsNote{
	position:absolute;
	overflow:hidden;
	background:#000;
	color:#FFF;
	opacity:0.6;
	bottom:0;
	padding:5px;
	height:42px;
	overflow:hidden;
	display:block;
	width:100%;
	transition:.2s;
}
.otherPosts a:hover .otherPostsNote{
	opacity:0.7;
	transition:.3s;
	background:#024;
}


#comment{
	text-align:left;
	margin:20px;
	background:#F3F3F3;
	padding:20px;
	font-size:16px;
}
#comment input{
	font-size:15px;
	display:block;
	padding:3px;
	width:300px;
	border:1px solid #BBB;
}
#comment textarea{
	width:500px;
	height:100px;
}
input.comSubmit{
	background:#BFD;
	transition:.2s;
	margin-top:5px;
}
input.comSubmit:hover{
	background:#9DB;
	transition:.3s;
	cursor:pointer;
}
.comTitle{
	font-size:24px;
	margin-top:10px;
	margin-bottom:30px;
}
.comPost{
	margin:5px;
	padding:10px
	border:1px solid #BBB;

border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius: 12px;
-ms-border-radius:12px;
	font-size:15px;
}
.comPostDate{
	text-align:right;
	border-bottom:1px solid #BBB;
	margin-top:25px;
	margin-bottom:40px;
}
.comPostName b{
	color:#378;
}
.comPostCom{
	margin:10px 30px;
}
.comPostDate{
	font-size:13px;
	color:#999;
}
#pan{
	margin-top:42px;
	text-align:left;
	font-size:16px;
}
#pan a{
	font-size:16px;
}
#pan a:hover{
	text-decoration:underline;
}
#pan img{
	opacity:.5;
}
#blog_copy{
	text-align:right;
	font-size:14px;
	color:#999;
	margin-bottom:12px;
}

.h1size{
	margin-top:30px;
	margin-bottom:30px;
	font-size:30px;
	text-align:left;
}

.categorySonota li{
	display:inline-block;
	margin:10px;
	
}
.categorySonota li a{
	font-size:18px;
}
a.twitter-follow-button{
	margin-top:10px !important;
}