@charset "UTF-8";

/* ページトップへ戻る（.scrollTop）
----------------------------------------------------- */
.scroll {
	width:1020px;
}
.scrollTop {
	clear: both;
	position: fixed;
	right:40%;
	margin-right:-510px;
	bottom: 0;
	opacity: 0;
	transition: opacity 1s, all 0.7s ease-in-out 0s;
}
.scrollTop a {
	display: block;
	transform:0.3s;
	text-decoration:none;
	font-size:100%;
}
.scrollTop a:hover {
	transform:0.3s;
}
/* 条件を満たしたあとに追加するクラス */
.fadein {
	bottom: 15px;
	opacity: 1; /* 表示させる */
}

/* -----------------------------------------------------
　横幅 1400px以下のとき
----------------------------------------------------- */
@media screen and (max-width: 1400px) {
.scrollTop {
	right:45%;
}
}

/* -----------------------------------------------------
　横幅 1200px以下のとき
----------------------------------------------------- */
@media screen and (max-width: 1200px) {
.scroll {
	width:100%;
}
.scrollTop {
	right:15px;
	bottom:15px;
	margin-right:0;
}
}

/* -----------------------------------------------------
　横幅 768px以下のとき
----------------------------------------------------- */
@media screen and (max-width: 768px) {
.scrollTop img {
	width: 60px;
	height: 60px;
}
}