【オプション用CSS】 {
}
■■■スマホ（1-480）■■■ {
}
●クラス {
}
.fadeup▼ふわっと出現▼ {
}
/* 下から */
.fadeup{
	animation-name:fadeUpAnime;
	animation-duration:1s;/*アニメーション変化時間*/
	animation-fill-mode:both;/*アニメーションの開始と終了時の状態を指定*/
	animation-timing-function:ease;/* アニメーションの進行具合を操作する*/
	opacity:0;
}
/*アニメーションの開始から終了までを指定する*/
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeup-anima{
    opacity: 0;
}
　 {
}
.jump-bu▼ジャンプボタン▼ {
}
.jump-button-box {
	display: block;
	overflow: hidden;
}
.jump-button-box a {
	color: #FFF;
}
.jump-button01 {
	width: 46.8%;
	height: auto;
	margin-right: 1%;
	display: block;
	float: left;
	background-image: url(/images/sozai/option/jump-button.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	line-height: 15px;
	padding-top: 1.3%;
	padding-bottom: 1.3%;
	padding-right: 0.7%;
	padding-left: 0.7%;
	text-align: center;
	border-radius: 5px;
	text-decoration: underline;
	margin-bottom: 1.3%;
}
.jump-button02 {
	width: 46.8%;
	height: auto;
	margin-right: 1%;
	display: block;
	float: left;
	background-image: url(/images/sozai/option/jump-button.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	line-height: 15px;
	padding-top: 1.3%;
	padding-bottom: 1.3%;
	padding-right: 0.7%;
	padding-left: 0.7%;
	text-align: center;
	border-radius: 5px;
	text-decoration: underline;
	margin-bottom: 1.3%;
}
.jump-button03 {
	width: 46.8%;
	height: auto;
	margin-right: 1%;
	display: block;
	float: left;
	background-image: url(/images/sozai/option/jump-button.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	line-height: 15px;
	padding-top: 1.3%;
	padding-bottom: 1.3%;
	padding-right: 0.7%;
	padding-left: 0.7%;
	text-align: center;
	border-radius: 5px;
	text-decoration: underline;
	margin-bottom: 1.3%;
}
.jump-button-border-box {
	display: block;
	overflow: hidden;
}
.jump-button-border-box a {
	color: #FF6A66;
}
.jump-button01-border {
	width: 46.8%;
	height: auto;
	margin-right: 1%;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 15px;
	padding-top: 1.3%;
	padding-bottom: 1.3%;
	padding-right: 0.7%;
	padding-left: 0.7%;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #FF6A66;
	text-decoration: underline;
	margin-bottom: 1.3%;
}
.jump-button02-border {
	width: 46.8%;
	height: auto;
	margin-right: 1%;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 15px;
	padding-top: 1.3%;
	padding-bottom: 1.3%;
	padding-right: 0.7%;
	padding-left: 0.7%;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #FF6A66;
	text-decoration: underline;
	margin-bottom: 1.3%;
}
.jump-button03-border {
	width: 46.8%;
	height: auto;
	margin-right: 1%;
	display: block;
	float: left;
	font-size: 13px;
	line-height: 15px;
	padding-top: 1.3%;
	padding-bottom: 1.3%;
	padding-right: 0.7%;
	padding-left: 0.7%;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #FF6A66;
	text-decoration: underline;
	margin-bottom: 1.3%;
}
　 {
}
■■■タブレット（481-999）■■■ {
}
@media only screen and (min-width:481px) {
●クラス {
}
.jump-bu▼ジャンプボタン▼ {
}
.jump-button01 {
	width: 47.3%;
	font-size: 16px;
	line-height: 23px;
	padding-top: 0.8%;
	padding-right: 1%;
	padding-bottom: 0.6%;
	padding-left: 1%;
	margin-right: 0.7%;
	margin-bottom: 0%;
}
.jump-button02 {
	width: 30.6%;
	font-size: 16px;
	line-height: 23px;
	padding-top: 0.8%;
	padding-right: 1%;
	padding-bottom: 0.6%;
	padding-left: 1%;
	margin-right: 0.7%;
	margin-bottom: 0%;
}
.jump-button03 {
	width: 22.3%;
	font-size: 16px;
	line-height: 23px;
	padding-top: 0.8%;
	padding-right: 1%;
	padding-bottom: 0.6%;
	padding-left: 1%;
	margin-right: 0.7%;
	margin-bottom: 0%;
}
.jump-button01-border {
	font-size: 16px;
	line-height: 23px;
	padding-top: 0.8%;
	padding-right: 1%;
	padding-bottom: 0.6%;
	padding-left: 1%;
	margin-right: 0.7%;
	margin-bottom: 0%;
}
.jump-button02-border {
	width: 30.1%;
	font-size: 16px;
	line-height: 23px;
	padding-top: 0.8%;
	padding-right: 1%;
	padding-bottom: 0.6%;
	padding-left: 1%;
	margin-right: 0.7%;
	margin-bottom: 0%;
}
.jump-button03-border {
	width: 21.8%;
	font-size: 16px;
	line-height: 23px;
	padding-top: 0.8%;
	padding-right: 1%;
	padding-bottom: 0.6%;
	padding-left: 1%;
	margin-right: 0.7%;
	margin-bottom: 0%;
}
　 {
}
}
■■■PC（1000-）■■■ {
}
@media only screen and (min-width:1000px) {
●クラス {
}
.jump-bu▼ジャンプボタン▼ {
}
.jump-button01-border {
	width: 47%;
}
.jump-button02-border {
	width: 30.3%;
}
.jump-button03-border {
	width: 22%;
}
　 {
}
}