@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

html {
	overflow-y: scroll;
	font-size: 62.5%; 
}
html {
  visibility: hidden;
  height:100%;
}
html.wf-active {
  visibility: visible;
}
body, html, main {
	/* important */
    height: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}

caption, th {
	text-align: left;
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
}

img {
	border: none;
	vertical-align: bottom;
}

li {
	list-style: none;
	text-align: left;
}

p {
	text-align: justify;
text-justify: inter-ideograph;
	
}
input {
	padding: 1px;
}

textarea {
	width: 98%;
	vertical-align: top;
	padding: 2px;
	overflow: auto;
	font-size: 100%;
}

option {
	padding-right: 10px;
}

*+html option {
	padding-right: 0; /* for IE7&Opera */
}

* html option {
	padding-right: 0; /* for IE6 */
}

acronym, abbr {
	cursor: help;
}


/* Body setting
----------------------------------------------------------- */
body {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	text-align: center;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	border: 3px none #E4007F;
	-webkit-font-smoothing: antialiased;
	color: #111;
	font-size: 1.0rem;
	margin: auto;
	height:100%;
}


/* Link setting
----------------------------------------------------------- */
a:link {
	color: #141414;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

a:active {
}

/* clearfix
----------------------------------------------------------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}
#contents_page .message-t .arrow li:nth-child(even){
    *zoom: 1;
}

/* img
----------------------------------------------------------- */
a img {
	box-shadow: #fff 0 0 0;
}


/*----- フェードイン -----*/
    .inviewfadeIn {
	opacity: 0;
	transition: .8s;
}
.fadeIn {
	opacity: 1.0;
}
/*----- 上へスライド -----*/
    .inviewUp {
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: .8s;
}
.Up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/*----- ズームイン -----*/
    .inviewzoomIn {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .8s;
	opacity: 0;
	animation-iteration-count: 1;
}
.zoomIn {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	opacity: 1.0;
}
/*----- フェードインしながら上へスライド -----*/
    .inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;
	animation-iteration-count: 1;
}
.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
/*----- フェードインしながら左へスライド -----*/
    .inviewfadeInLeft {
	opacity: 0;
	transform: translate(60px, 0);
	-webkit-transform: translate(60px, 0);
	transition: .8s;
	animation-iteration-count: 1;
}
.fadeInLeft {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}