/* モバイルレイアウト : 480 px およびそれ以下. */
.scroll-up {
	position: fixed;
	bottom:-5px;
	right:15px;
	display:block;
	z-index: 300;
}

.btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius:  6px 6px 0 0;
	border-radius:  6px 6px 0 0;	    
	position:relative;
	display:inline-block;
	overflow: hidden;
	font-size:.7em;
	color:#FFF;
	text-align: center;
	text-decoration: none;
}
.icon , .title {
	display:block;
	position: relative;
	color: #1a478c;
}
.icon {
	background-color: papayawhip;
	padding:10px 15px 13px;
}
.title {
/*	background-color: #CCC;
	text-shadow: 0 1px 1px #999;
	padding:0px 8px 0px;
	letter-spacing: normal;
*/}
.icon-top {
/*	position: absolute;
	left:0;
	bottom:0;
	width: 0; 
    height: 0; 
    border: 33px solid transparent;
    border-bottom:15px solid #CCC;
    -webkit-box-shadow: 0 15px 0 0 #CCC;
    box-shadow: 0 14px 0 0 #CCC;
    -webkit-transition: all .15s;
    transition: all .15s;
*/}

/* Hover Style */
.btn:hover .icon-top {
	bottom:8px;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
.scroll-up {
	position: fixed;
	bottom:-5px;
	right:40px;
	display:block;
	z-index: 300;
}

.btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius:  6px 6px 0 0;
	border-radius:  6px 6px 0 0;	    
	position:relative;
	display:inline-block;
	overflow: hidden;
	font-size:0.9em;
	color:#FFF;
	text-align: center;
}
.icon , .title {
	display:block;
	position: relative;
	
}
.icon {
	background-color: papayawhip;
	padding:10px 15px 13px;
}
.title {
/*	background-color: #CCC;
	text-shadow: 0 1px 1px #999;
	padding:5px 8px 10px;
	letter-spacing: normal;
*/}
.icon-top {
/*	position: absolute;
	left:0;
	bottom:0;
	width: 0; 
    height: 0; 
    border: 50px solid transparent;
    border-bottom:15px solid #CCC;
    -webkit-box-shadow: 0 15px 0 0 #CCC;
    box-shadow: 0 14px 0 0 #CCC;
    -webkit-transition: all .15s;
    transition: all .15s;
*/}

/* Hover Style */
.btn:hover .icon-top {
	bottom:8px;
}
}
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
	
}
@media only screen and (min-width: 1233px) {
	
}