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


/* 
 default Style [
----------------------------------------------------------- */
html{
	height:100%;
	margin-bottom:1px;
	text-align: center;
	overflow-y:scroll;
}

main.kotei_only {
  display: block;
  }

.kotei_only div,
.kotei_only dl,
.kotei_only dt,
.kotei_only dd,
.kotei_only ul,
.kotei_only ol,
.kotei_only li,
.kotei_only h1,
.kotei_only h2,
.kotei_only h3,
.kotei_only h4,
.kotei_only h5,
.kotei_only h6,
.kotei_only pre,
.kotei_only form,
.kotei_only fieldset,
.kotei_only p,
.kotei_only blockquote,
.kotei_only th,
.kotei_only td,
.kotei_only figure {
margin: 0;
padding: 0;
border: none;
list-style: none;
font-size: 16px;
}

.kotei_only h1,
.kotei_only h2,
.kotei_only h3,
.kotei_only h4,
.kotei_only h5,
.kotei_only h6 {
	font-weight:normal;
    transform: rotate(.03deg);
}

.kotei_only p {
	margin: 0;
	color: #1F1F1F;
}

.kotei_only ol,
.kotei_only ul {
	list-style:none;
}

.kotei_only ol li ,
.kotei_only ul li {
	list-style: none;
	text-align: left;
}

.kotei_only img { 
	border:0;
	vertical-align: top;
}

.kotei_only table {
	border-collapse:collapse;
	border-spacing:0;
}

.kotei_only caption,
.kotei_only th {
	text-align:left;
}

.kotei_only address,
.kotei_only caption,
.kotei_only cite,
.kotei_only code,
.kotei_only dfn,
.kotei_only em,
.kotei_only strong,
.kotei_only th,
.kotei_only var {
	font-style:normal;
}

.kotei_only a {
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
}

.kotei_only .red {
	color: #F00;
	font-weight: normal;
	}
	
.kotei_only form {
	margin: 0px;
	padding: 0px;
	}
    
.kotei_only input[type="submit"]{
-webkit-appearance: none;
}
	
/**** Clearfix ****/
.kotei_only nav .panel:after,
.kotei_only nav#mainNav:after,
.kotei_only .newsTitle:after, 
.kotei_only .bg:after,
.kotei_only .post:after, 
.kotei_only ul.post li:after,
.kotei_only nav#mainNav .inner:after{content:""; display: table;clear: both;}

.kotei_only nav .panel,
.kotei_only nav#mainNav,
.kotei_only .newsTitle,
.kotei_only .bg, 
.kotei_only .post, 
.kotei_only ul.post li,
.kotei_only nav#mainNav .inner{zoom: 1;}

/*
 Base Link Color [
----------------------------------------------------------- */
.kotei_only a {
	color: #000000;
    text-decoration-skip-ink: none;
}

.kotei_only a:hover {
    text-decoration: none;
    color: #999999;
    text-align: right;
}

.kotei_only a img,
.kotei_only a {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
		 	transition: 0.3s ease-in-out;
}

.kotei_only a img {
-webkit-backface-visibility: hidden; /* 追加 */
backface-visibility: hidden; /* 追加 */
}


.kotei_only a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}


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

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