@charset "utf-8";
/* CSS Document */


body {
	margin: 0;
	padding: 0;
	font-family: "Noto Sans JP";
	color: #333333;
	font-size: 90%;
	line-height: 1.5em;
	text-align: justify;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	font-weight: 400;
	letter-spacing: 0.2em;
	background-color: #FFF;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, th, td {
	margin: 0px;
	padding: 0px;
}
address, em { font-style: normal; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,fieldset { border: 0; }

img { max-width: 100%; }

li { list-style-type: none; }

textarea { resize: none; }

.out_wrap {
	width: 90%;
	margin: -10px 5% 0;
	padding: 0;
	background-color: #FFF;
	float: left;
}

table {
	width: 100%;
	float: left;
	margin: 0;
	border-collapse: collapse;
	box-sizing: border-box;
}

table td {
	padding: 10px 20px;
	box-sizing: border-box;
}

table th{ 
	padding: 10px 20px;
	box-sizing: border-box;
}


/* clearfix
--------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {	zoom: 1; }

/* common rayout
--------------------------------*/
.wrpper-100 { margin: 0;padding: 0;width: 100%;float: left; }
.wrpper-main { margin: 0 auto;padding: 0;width: 1000px; }

.glid-50 { width: 50%;margin: 0;padding: 0; }

.flo_left { float: left; }
.flo_right { float: right; }

.tx_left { text-align: left; }
.tx_center { text-align: center; }
.tx_right { text-align: right; }

.margin-top100 { margin-top: 100px; }
.margin-top50 { margin-top: 50px; }
.margin-bottom50 { margin-bottom: 50px; }

/* ************************************************************* */
/*             Read More Button                         */
/* ************************************************************* */


/*************************************************/
/*　　　　　画像表示効果
/*************************************************/

.list li{ margin: 0;transition: .8s; }

/* 1つ目：縮小・拡大 */
.list-mv01{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/* 2つ目：opacity*/
.list-mv02{ opacity: 0; }
.mv02{ opacity: 1.0; }

/* 3つ目：回転 */
.list-mv03{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.mv03{
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}


	/* 4つ目：3D回転 */
	.list-mv04{
		transform:rotateY(0deg);
		-webkit-transform:rotateY(0deg);
	}
	.mv04{
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
	}

/* 5つ目：移動 */
.list-mv05{
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv05{
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/* ６つ目：縮小・拡大＆3D回転 */
.list-mv06{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
}
.mv06{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}


/* ７つ目：移動＋透明度 */
.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



/****************************************************
/*               page-top
*****************************************************/
.pagetop {
	position: fixed;
	bottom: 50px;
	right: 10px;
	z-index: 99999;
	display: block;
}

.pagetop a { display: block;cursor: pointer; }
 
.pagetop p {
	font-size:150%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
}

#p_top {
	width: 50px;
	height: 50px;
	padding: 15px 0 0;
	background-color: #FFF;
	background-image: url("../images/common/arr-top.webp");
	background-position: center top 5px;
	background-repeat: no-repeat;
	background-size: 10px;
	font-size: 12px;
	line-height: 13px;
	letter-spacing: 0;
	text-align: center;
	border: #adadad 1px solid;
	box-sizing: border-box;
	transition:all .5s ease;
}

#p_top:hover { background-color: #adadad; }