@charset "utf-8";

/* // modal //
----------------------------------------------- */
/* //    |- modalBtn.A  */
.modalBtn.A {
	position:fixed;
	top:0px;
	left:100%;
	width:60px;
	height:60px;
	padding:10px;
	box-sizing: border-box;
	background-color:#000;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	border-radius: 0px;
	line-height:1;
	z-index:999980;
	display:block;
	transform: translateX(-100%);
}
.modalBtn.A.active {
	left:0;
	transform: translateX(-0%);
	z-index:999995;
}
.modalBtn.A,
.modalBtn.A.active,
.modalBtn.A .inner .tx,
.modalBtn.A .line {
	transition: all .3s ease-out;
}
.modalBtn.A .inner {
	position:relative;
	top:-3px;
	width:40px;
	height:45px;
	overflow:hidden;
}
.modalBtn.A .inner .tx {
	position:absolute;
	bottom:0;
	left:50%;
	width:100%;
	transform: translateX(-50%) scale(1,0.85);
	display:block;
	font-size:12px;
	letter-spacing:0.1em;
	opacity: 1;
}
.modalBtn.A.active .inner .tx {
	opacity: 0;
}

.modalBtn.A .line {
	position: absolute;
	left: 0%;
	width: 100%;
	height: 1px;
	background-color: #fff;
	border-radius: 4px;
}
.modalBtn.A .line:nth-of-type(1) {
	top: 2px;
}
.modalBtn.A .line:nth-of-type(2) {
	top: 13px;
}
.modalBtn.A .line:nth-of-type(3) {
	top: 24px;
}
.modalBtn.A.active .line {
	height: 2px;
}
.modalBtn.A.active .line:nth-of-type(1) {
	transform: translate(0, 20px) rotate(-45deg);
	top: 0px;
}
.modalBtn.A.active .line:nth-of-type(2) {
	opacity: 0;
}
.modalBtn.A.active .line:nth-of-type(3) {
	transform: translate(0, -23px) rotate(45deg);
	top: auto;
	bottom:0;
}
.modalBtn.A i {
	color:#FFF;
	font-size:30px;
}
.modalBtn.A em {
	color:#FFF;
	display:block;
	font-size:11px;
}

/* //    |- modalBtn B  */
.modalBtn.B {
	padding:8px;
	background-color:#CCC;
	text-decoration:none;
	text-align:center;
	color:#000;
	border-radius: 0px;
	line-height:1;
	z-index:999980;
	display:inline-block;
}
.modalBtn.B .inner {
}
.modalBtn.B i {
	display:inline-block;
	color:#000;
	font-size:20px;
}
.modalBtn.BmodalBtn.B .tx {
	display:inline-block;
	font-size:11px;
}



/* // readmore //
----------------------------------------------- */
.readmore {
	position:relative;
	overflow:hidden;
	transition:0.3s;
	display:block;
	height: 90px;
	max-height: 90px;
}

.readmore.open {
	z-index: 1;
	height:auto;
	max-height: 50em;
	padding-bottom:26px;
}
.readmore:before {
	content:" ";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	background: linear-gradient(to bottom, rgba(241,251,255,0) 0%,rgba(241,251,255,1) 62%,rgba(241,251,255,1) 100%);
}
.readmore.open:before {
	display:none;
}
.readmore a.moreBtn {
	line-height:1;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%,0%);
	color:#6BA0BA;
	border:1px solid #6BA0BA;
	border-radius:50px;
	font-size:80%;
}
.readmore a.moreBtn span {
	padding:4px 10px;;
}
.readmore a.moreBtn .close {
	display:none;
}
.readmore.open a.moreBtn .close {
	display:inline-block;
}
.readmore a.moreBtn .open {
	display:inline-block;
}
.readmore.open a.moreBtn .open {
	display:none;
}



/* // xxx //
----------------------------------------------- */
/* //    |- xxx  */













/*
/*
*/