/* ベーススタイル */
.button {
margin: 0;
padding: 0;
text-align: center;
font-weight: bold;
cursor: pointer;
display: block;
box-shadow: none;
border: none;
border-radius: 6px;
background-color: transparent;
text-decoration: none;
}

a.button {
text-decoration: none;
}

/* ボタン大きさ */
.button.tiny {
margin: 0 auto;
padding: 0.1em 0.4em;
font-size: 0.8em;
}

.button.small {
margin: 0 auto;
padding: 0.2em 0.8em;
font-size: 1em;
}

.button.medium {
margin: 0 auto;
padding: 0.4em 1.5em;
font-size: 1.2em;
}

.button.large {
margin: 0 auto;
padding: 0.6em 2em;
font-size: 1.6em;
}

.button.huge {
margin: 0 auto;
padding: 0.6em 2em;
font-size: 1.8em;
}

.button.disabled {
background: #ddd !important;
color: #fff;
pointer-events: none;
}

/* ボタンカラー */
.button.blue {
background: #097388;
color: #fff;
}

.button.blue:hover {
background: #046477;
}

.button.red {

}

.button.green {
background: #84C655;
color: #fff;
}

.button.green:hover {
background: #95CB23;
}

/*
.button.green {
background: #95CB23;
color: #fff;
}

.button.green:hover {
background: #98d21e;
}
*/

.button.green-alt {
background: transparent;
border: 1px solid #95CB23;
color: #95CB23;
}

.button.green-alt:hover {
background: #98d21e;
color: #fff;
}


.button.yellow {

}

.button.black {

}

.button.orange {
background: #ffa200;
color: #fff;
}

.button.purple {

}

.button.gray {
background: #ddd;
color: #fff;
}

.button.pink {

}

.button.teal {

}

.button.teal:hover {

}

.button.white {
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
color: #0F8493;
}

.button.white:hover {
background: #0F8493;
border: 1px solid #0F8493;
color: #fff;
}

/* メインボタン */
.button.button-main {
margin: 10px auto;
border: 1px solid #fff;
position: relative;
max-width: 500px;
text-shadow: 0 0 8px #888;
font-size: 2.5rem;
}

.button.button-main:hover::after {
position: absolute;
top: 50%;
left: .8em;
content: '';
margin-top: -5px;
border: 8px solid transparent;
border-top-width: 6px;
border-bottom-width: 6px;
border-left-color: #fff;
}

.button.button-main:active {
top: 0;
}

/* LPボタン */
/*
.button.button-lp {
margin: 100px auto 30px;
padding: 15px 30px;
border-radius: 10px;
background: #b4ca0c;
color: #fff;
}*/