/* SET */
html {font:13px 'PT serif',\5FAE\8EDF\6B63\9ED1\9AD4,\5FAE\8F6F\96C5\9ED1,\534E\6587\7EC6\9ED1,serif;color:#333;overflow:hidden;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;}
body,h1,h2,h3,h4,h5,p,form,ol,ul{margin:0;}
ol,ul{padding:0;}
textarea,input,option,select,button{font:inherit;}
a{color:#333;text-decoration:none;outline:0;cursor:pointer}
code{display:inline-block;color:#999;background-color:#ddd;padding:3px;line-height:1em;margin:0 3px;}
del{color:#999;}
fieldset{border:1px solid #ccc;}
hr{border:none;border-bottom:1px solid #666}
iframe{max-width:100%;}
img{border:0;}
ruby>rt {color:grey}
table,th,td {border-collapse:collapse;border:1px solid black;padding:3px 10px}
ul{list-style-type:none}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow:none}/*firefox*/
textarea:focus,input:focus{border-color:#aaa!important;outline:0;}
a:hover{text-decoration:underline;}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{height:20px;border-radius:4px;background-color:#d2d2d2}
::-webkit-scrollbar-thumb:hover{background-color:#aaa}

.o{overflow:hidden;zoom:1;}
.l{float:left;}
.r{float:right;}
.h{opacity:0;pointer-events:none;}
.c:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
* html .c{height:1%;}
.text{padding:.3em .5em;color:#666;background-color:#fff;font-size:1em;border:1px solid #ddd;}

/* MAIN */
#header{padding:1.5em 0;height:3em;}
	#header div{font-size:2em;font-weight:900;}
#nav{max-width:100%;padding:.5em 0;height:1.5em;}
	#nav a{border-bottom:1px solid transparent;margin-right:2em;font-size:1em;}
	#nav a:hover{border-color:#ff3c00;text-decoration:none;}
	#nav .a{border-color:#ff3c00;}

#header,#nav,#main,#footer{margin:0 auto;}
#footer{height:5em;max-width:100%;}
#header,#nav,#main,#footer{width:56em;}
#main{overflow:hidden;padding:2.5em 0 6em;max-height:9999999999px;/*chrome mobile*/}
	#main article:first-child{margin-top:0}
	article{padding-bottom:3em;margin-top:.8em;}
		.p-title{font-size:1.1em;font-weight:inherit;line-height:1.5;margin-bottom:.3em;}
		.p-meta li{padding-right:.3em;display:inline-block;vertical-align:top;}
			.p-meta time{color:#999;white-space:nowrap;font-size:.9em;}
			.cmt-num{color:#f60}
		.cover img{max-height:420px;background-color:#fff;max-width:100%;display:inline-block;transition:opacity .3s ease;}
		.cover img.h{min-height:420px;}
			.tags a{padding:.2em .5em;font-size:.9em;color:#ccc;}
				.tags a:before {content:'#';margin-right:.2em;opacity:.5;}
		.p-text{line-height:1.6;margin-top:1em;word-wrap:break-word;word-break:normal;}
			.p-text:empty{margin:0}
		.p-text h1,.p-text h2,.p-text h3,.p-text h4,.p-text h5{color:#000;}
		.p-text h1{font-size:1.3em;}
		.p-text h2{font-size:1.2em;}
		.p-text h3{font-size:1.1em;}
		.p-text h4{font-size:1.0em;}
		.p-text h5{font-size:0.9em;}
		.p-text ul{list-style-type:square;padding:.5em 1em .5em 1.8em;}
		.p-text ol{padding:.5em 1em .5em 1.8em;}
		.p-text ul>li,.p-text ol>li{padding:0;}.p-text>ul>li,.p-text>ol>li{padding:.3em 0;}
		.p-text p{margin-bottom:1.2em;}
			.p-text li p{padding:0;margin:0}
			.p-text p:last-child{margin-bottom:0}
			.p-text a{color:#c00}
		.p-text img{max-width:100%;}
		.p-text blockquote{background-color:#eee;padding:.5em 2em;color:#666;}
		.home .p-text img,.cat .p-text img{max-height:500px;}

	.single{margin-bottom:5em;}
	.single .p-meta{/* margin-bottom:2em; */}
	.banner{height:8em;padding:1em;text-align:center;color:#999;}
	#more{overflow:auto;}
	#more a{margin:1em 0;padding:0 .2em;white-space:nowrap;text-transform:uppercase;border:1px solid #666;}
	#more a:hover{color:#fff;background:#777;text-decoration:none}

#footer{color:#ddd;}
	#main:empty+footer{display:none}
	#footer .copy{font-size:.9em;}


/* ANIME */
input,button,img{transition:.3s ease;}
#more a,nav a{transition:.1s ease-in;}


/* EXTRA STYLE */
#nav a[href='#!links']:before{content:'';border-left:1px solid #ddd;position:relative;left:-1em;pointer-events:none}
.xiami,.music163{color:#06c;line-height:1.2em;margin-top:.5em;display:inline-block;}
.xiami:hover,.music163:hover{text-decoration:none}
.cmt{margin-top:2em;min-height:42em}


/* MEDIA QUERY */
@media(max-width:728px){
	body {margin:0 .8em;font-size:12px}
	#nav a{margin-right:2em;font-size:1em}
	#nav a[href='#!music']{display:none}
	#header,#nav,#main,#footer{width:auto;}
	.p-text blockquote {margin:1em;}
	.p-text img{width:100%;height:auto;}
	.cover img.h{min-height:180px;}
	#music-box{display:none}
}



/* NPROGRESS */
#nprogress {pointer-events:none;}
#nprogress .bar {background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px;}
#nprogress .peg {display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d, 0 0 5px #29d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px);}
#nprogress .spinner {display:block;position:fixed;z-index:1031;top:15px;right:15px;}
#nprogress .spinner-icon {width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;}
.nprogress-custom-parent {overflow:hidden;position:relative;}
.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar {position:absolute;}
@-webkit-keyframes nprogress-spinner {0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@keyframes nprogress-spinner {0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}