/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
*/


/*
 default Style [
----------------------------------------------------------- */
#classic{
	height : 100%;
	margin-bottom : 1px;
	overflow-y : scroll;
	text-align : center;
	main{
		display : block;
	}
	div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , p , blockquote , th , td , figure{
		padding : 0;
		margin : 0;
		font-size : 16px;
		list-style : none;
		border : none;
	}
	h1 , h2 , h3 , h4 , h5 , h6{
		font-weight : 400;
		transform : rotate( .03deg );
	}
	p{
		margin : 0;
		line-height : 1.8;
		color : #222;
	}
	ol , ul{
		list-style : none;
	}
	ol , ul li{
		text-align : left;
		list-style : none;
	}
	img{
		vertical-align : top;
		border : 0;
	}
	table{
		border-spacing : 0;
		border-collapse : collapse;
	}
	caption , th{
		text-align : left;
	}
	address , caption , cite , code , dfn , em , strong , th , var{
		font-style : normal;
	}
	a{
		overflow : hidden;
		text-decoration : none;
		cursor : pointer;
	}
	.red{
		font-weight : 400;
		color : #a8081e;
	}
	form{
		padding : 0;
		margin : 0;
	}
	input[type="submit"]{
		-webkit-appearance : none;
	}

	/**** Clearfix ****/
	nav .panel::after , nav#mainNav::after , .newsTitle::after , .bg::after , .post::after , ul.post li::after , nav#mainNav .inner::after{
		display : table;
		clear : both;
		content : "";
	}
	nav .panel , nav#mainNav , .newsTitle , .bg , .post , ul.post li , nav#mainNav .inner{
		zoom : 1;
	}

	/*
 Base Link Color [
----------------------------------------------------------- */
	a{
		color : #000;
		text-decoration-skip-ink : none;
	}
	a:hover{
		color : #999;
		text-decoration : none;
	}
	a img ,
	a{
		-webkit-transition : .3s ease-in-out;
		-moz-transition : .3s ease-in-out;
		-o-transition : .3s ease-in-out;
		transition : .3s ease-in-out;
	}
	a img{
		-webkit-backface-visibility : hidden; /* 追加 */
		backface-visibility : hidden; /* 追加 */
	}
	a:hover img{
		filter : alpha( opacity=60 );
		opacity : .6;
	}


	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"] ,
	input[type="button"]{
		-webkit-box-sizing : content-box;
		box-sizing : border-box;
		cursor : pointer;
		border : none;
		border-radius : 0;
		-webkit-appearance : button;
		appearance : button;
	}
	input[type="submit"]::-webkit-search-decoration ,
	input[type="button"]::-webkit-search-decoration{
		display : none;
	}
	input[type="submit"]::focus ,
	input[type="button"]::focus{
		outline-offset : -2px;
	}

	/* アニメーション要素のスタイル */
	.animation{
		visibility : hidden;
		opacity : 0;
		transition : 1.3s;
		transform : translateY( 100px );
	}

	/* アニメーション要素までスクロールした時のスタイル */
	.active{
		visibility : visible;
		opacity : 1;
		transform : translateY( 0 );
	}
}