/* CSS Document */

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓


	h1


┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

h1{
	margin-top:50px;
	font-size:2.0em;
	font-weight:normal;
	border-bottom:#b1b1b1 1px solid;
	}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓


	Button
	

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.button:not(.off):hover{
	color:#fff;
	background:#028dff;
	}

/*──────────────────┐

	Common

└──────────────────*/

.button{
	display:inline-block;
	padding:0 15px;
	vertical-align:middle;
	color:#555;
	line-height:2em;
	border:none;
	border-radius:3px;
	background:#d2d2d2;
	}

.button.default{
	color:#fff;
	background:#0078d7;
	}

.button.off{
	color:#fff;
	background:#d2d2d2;
	cursor:default;
	}

/*
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}