/*============================================================================================
↓＜ボタンの種類＞============================================================================
============================================================================================*/
/*詳細（幅固定）*/
.btnStyle-more {
	font-size:14px;
	text-align:center;
	width:100px;
	margin:0 auto;
}
.btnStyle-more a:link,
.btnStyle-more a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:20px;
	display:block;
	background-color:rgba(46,75,167,1);
	border:solid 0px rgba(46,75,167,1);
	box-sizing:border-box;
	transition: all 0.3s ease 0s;
}	
.btnStyle-more a:hover, .btnStyle-more a.hover {
	text-decoration:none;	
}
.btnStyle-more a span.ico {
	position:absolute;
	top:50%;
	width:20px;
	height:20px;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	background-image:url(../../assets/images/common/arr-wh-40px.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
	transition: all 0.3s ease 0s;
}
.btnStyle-more a:hover span.ico, .btnStyle-more a.hover span.ico {
	background-position:5px 0px;
}

/*詳細（幅固定）*/
.btnStyle1 {
	font-size:14px;
	text-align:center;
	max-width:200px;
	margin:0 auto;
}
.btnStyle1 a:link,
.btnStyle1 a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:30px 10px;
	display:block;
	background-color:rgba(46,75,167,1);
	border:solid 0px rgba(46,75,167,1);
	box-sizing:border-box;
	transition: all 0.3s ease 0s;
}	
.btnStyle1 a:hover,
.btnStyle1 a.hover {
	text-decoration:none;	
}
.btnStyle1 a span.ico {
	position:absolute;
	top:50%;
	width:20px;
	height:20px;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	background-image:url(../../assets/images/common/arr-wh-40px.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
	transition: all 0.3s ease 0s;
}
.btnStyle1 a:hover span.ico {
	background-position:5px 0px;
}

/*リンク（幅100%）*/
.btnStyle2 {
	text-align:center;
	margin:0 auto;
}
.btnStyle2 a:link,
.btnStyle2 a:visited {
	color:rgba(46,75,167,1);
	position:relative;
	text-decoration:none;
	padding:10px 20px;
	display:inline-block;
	background-color:rgba(255,255,255,1);
	border:solid 1px rgba(46,75,167,1);
	box-sizing:border-box;
	transition: all 0.3s ease 0s;
}	
.btnStyle2 a:hover,
.btnStyle2 a.hover {
	background-color:rgba(46,75,167,0.2);
}

/*詳細（ターコイズ・幅固定）*/
.btnStyle3 {
	font-size:14px;
	text-align:center;
	max-width:200px;
	margin:0 auto;
}
.btnStyle3 a:link,
.btnStyle3 a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:15px 10px;
	display:block;
	background-color:rgba(58,167,194,1);
	border:solid 0px rgba(58,167,194,1);
	box-sizing:border-box;
	transition: all 0.3s ease 0s;
}	
.btnStyle3 a:hover,
.btnStyle3 a.hover {
	text-decoration:none;	
}
.btnStyle3 a span.ico {
	position:absolute;
	top:50%;
	width:20px;
	height:20px;
	-webkit-transform:translate(0,-50%);
	transform:translate(0,-50%);
	background-image:url(../../assets/images/common/arr-wh-40px.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:cover;
	transition: all 0.3s ease 0s;
}
.btnStyle3 a:hover span.ico {
	background-position:5px 0px;
}

/*お問い合わせ（幅固定）*/
.btnStyle-mail {
	margin:0 10px;
	border:solid 1px rgba(255,255,255,1);
	border-radius:30px;
	-webkit-border-radius:30px;
	overflow:hidden;
}
.btnStyle-mail:hover,
.btnStyle-mail:active {
	border:solid 1px rgba(46,75,167,1);
}
.btnStyle-mail a:link,
.btnStyle-mail a:visited {
	color:rgba(255,255,255,1);
	text-decoration:none;
	text-align:center;
	box-sizing:border-box;
	padding:10px 40px;
	border-radius:30px;
	-webkit-border-radius:30px;
	overflow:hidden;
	transition: all 0.3s ease 0s;
}
.btnStyle-mail a:hover,
.btnStyle-mail a:active,
.btnStyle-mail a.hover {
	color:rgba(46,75,167,1);
}

/*TEL（幅固定）*/
.btnStyle-phone {
	font-size:1.2em;
	overflow:hidden;
}
.btnStyle-phone:hover,
.btnStyle-phone:active {
	
}
.btnStyle-phone a:link,
.btnStyle-phone a:visited {
	color:rgba(255,255,255,1);
	text-decoration:none;
	background-color:rgba(46,75,167,1);
	text-align:center;
	box-sizing:border-box;
	padding:15px 30px;
	overflow:hidden;
	transition: all 0.3s ease 0s;
}
.btnStyle-phone a:hover,
.btnStyle-phone a:active,
.btnStyle-phone a.hover {
	color:rgba(46,75,167,1);
}
@media screen and (max-width: 480px) {
.btnStyle-phone a:link {
	display:block;
}
}

/*マップ（インライン要素）*/
.btnStyle-map {
	display:inline-block;
	border-radius:20px;
	-webkit-border-radius:20px;
	margin:0;
}
.btnStyle-map a:link,
.btnStyle-map a:visited {
	color:rgba(255,255,255,1);
	text-decoration:none;
	padding:4px 6px;
	background-color:rgba(58,167,194,1);
	border-radius:20px;
	-webkit-border-radius:20px;
	overflow:hidden;
}
@media screen and (max-width: 768px) {
.btnStyle-map {
	margin:10px 0;
	display:block;
}
}

/*トグルボタン*/
.btnToggle {
	color:rgba(46,75,167,1);
	background-color:rgba(236,236,236,1);
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:0.1em;
	text-align:center;
	display:table;
	white-space:nowrap;
	width:100%;
	box-sizing:border-box;
	text-decoration:none;
	transition: all 0.3s ease 0s;
	cursor:pointer;
	position:relative;
}
.btnToggle2 {
	color:rgba(46,75,167,1);
	background-color:rgba(255,255,255,1);
	border: solid 1px rgba(210,210,210,1);
	font-size:1.2em;
	line-height:1.6em;
	letter-spacing:0.1em;
	text-align:center;
	display:table;
	white-space:nowrap;
	width:100%;
	box-sizing:border-box;
	text-decoration:none;
	transition: all 0.3s ease 0s;
	cursor:pointer;
	position:relative;
}
.btnToggle::before,
.btnToggle2::before {
	content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
    width: 20px;
    height: 20px;
    background-image: url(../../assets/images/common/arr-bl-40px.png);
    background-position: -40px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.btnToggle span {
	display:table-cell;
	vertical-align:middle;
	padding:15px;
}
.btnToggle2 span {
	display:table-cell;
	vertical-align:middle;
	padding:10px;
}
/*ホバー時*/
.btnToggle:hover,
.btnToggle.hover {
	background-color:rgba(210,210,210,1);
}
.btnToggle2:hover,
.btnToggle2.hover {
	background-color:rgba(210,210,210,1);
	border: solid 1px rgba(210,210,210,1);
}
/*アクティブ時*/
.btnToggle.is-active,
.btnToggle2.is-active {
	color:rgba(255,255,255,1);
	background-color:rgba(58,167,194,1);
}
.btnToggle.is-active::before,
.btnToggle2.is-active::before {
	background-image: url(../../assets/images/common/arr-wh-40px.png);
	background-position: -60px 0;
}