@charset "UTF-8";

/* 開閉パネル */
.button-style {
width: 672px;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 50px;
text-align: left;
padding: 0 0 0 20px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -1px;
margin-left: 0px;
border-top: 1px solid #8ADFFF;
border-bottom: 1px solid #21C2FF;
border-right-width: 0px;
border-left-width: 0px;
background-color: #DBEFFF;
background: linear-gradient(hsla(208,100%,97%,1.00), hsla(198,100%,85%,1.00)); 
}
.button-style:visited {
outline: none;
}
.button-style:hover {
outline: 2px solid hsla(197,40%,60%,1.00);
background: linear-gradient(#FFFFFF, hsla(199,100%,97%,1.00)); 
}
.button-style:active {
outline: none;
}

/* =======================================================
  レスポンシブル設定
======================================================= */

@media screen and (max-width: 767.98px) {
	/* 開閉パネル */
	.button-style {
		width: 100%;
	}
}