/*============================================================================================
↓＜ボタンの種類＞============================================================================
============================================================================================*/
/*ブルーボタン（幅固定）*/
.btn-style1 {
	text-align:center;
	display:table;
	/*max-width:200px;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;*/
}
.btn-style1 a:link,
.btn-style1 a:visited {
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(255,255,255,1);
	background-color:rgba(9,97,185,1);
	transition: all 0.3s ease 0s;
}
.btn-style1 a:hover {
	
}
.btn-style1 a span {
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
	white-space:nowrap;
}
@media screen and (max-width: 768px) {
.btn-style1 {
	margin:0 auto;
}
}

/*ブルーボタン（ブルー囲み・100%）*/
.btn-style2 {
	text-align:center;
	display:table;
	/*max-width:200px;*/
	width:100%;
	height:48px;
	margin:0 auto;
	box-sizing:border-box;
}
.btn-style2 a:link,
.btn-style2 a:visited {
	font-size:12px;
	line-height:1.5em;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:0 10px;
	border:solid 1px rgba(0,84,167,1);
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(0,84,167,1);
	background-color:rgba(255,255,255,1);
	transition: all 0.3s ease 0s;
}
.btn-style2 a:hover {
	color:rgba(255,255,255,1);
	border:solid 1px rgba(107,199,225,1);
}
.btn-style2 a span {
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
	white-space:nowrap;
}

.btn-style2_icon{
	display: inline-block;
	padding-left: 5px;
}

/*ターコイズボタン（幅固定）*/
.btn-style3 {
	text-align:center;
	display:table;
	/*max-width:200px;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;*/
}
.btn-style3 a:link,
.btn-style3 a:visited {
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(255,255,255,1);
	background-color:rgba(9,137,185,1);
	transition: all 0.3s ease 0s;
}
.btn-style3 a:hover {
	
}
@media screen and (max-width: 768px) {
.btn-style3 {
	margin:0 auto;
}
}

/*ホワイトボタン（幅100%）*/
.btn-style4 {
	text-align:center;
	display:table;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	border:solid 1px rgba(220,209,197,1);
}
.btn-style4 a:link,
.btn-style4 a:visited {
	font-size:16px;
	line-height:1.5em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(9,137,185,1);
	background-color:rgba(255,255,255,1);
	transition: all 0.3s ease 0s;
}
.btn-style4 a:hover {
	
}
.btn-style4 a span {
	padding:0 3px;
	white-space:nowrap;
}
@media screen and (max-width: 768px) {
.btn-style4 {
	margin:0 auto;
}
}

/*ブルーボタン（幅固定）*/
.btn-style5 {
	text-align:center;
	display:table;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
.btn-style5 a:link,
.btn-style5 a:visited {
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(255,255,255,1);
	background-color:rgba(9,97,185,1);
	transition: all 0.3s ease 0s;
}
.btn-style1 a:hover {
	
}


/*はじめての方へ（幅固定）*/
.btnStyle-first {
	text-align:center;
	display:table;
	/*max-width:200px;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;*/
}
.btnStyle-first a:link,
.btnStyle-first a:visited {
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:15px 20px;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(255,255,255,1);
	background-color:rgba(9,137,185,1);
	transition: all 0.3s ease 0s;
}
.btnStyle-first a:hover {
	
}
.btnStyle-first a span {
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
	white-space:nowrap;
}
.btnStyle-first a span.beginner {
	padding:0 2px 0 25px;
	background-image:url(../img/ico-first.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:18px 18px;
}
@media screen and (max-width: 768px) {
.btnStyle-first {
	margin:0 auto;
}
}

/*診療予約（幅固定）*/
.btnStyle-booking {
	text-align:center;
	display:table;
	/*max-width:200px;
	width:100%;*/
	margin:0 auto;
	/*box-sizing:border-box;*/
	
	background-color: rgba(0,84,167,1);
}
.btnStyle-booking a:link,
.btnStyle-booking a:visited {
	font-size:16px;
	line-height:16px;
	letter-spacing:0.2em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:20px 60px;
	box-sizing:border-box;
	text-decoration:none;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	color:rgba(255,255,255,1);
	background: rgba(0,84,167,1);
	background: -moz-linear-gradient(top, rgba(57,112,186,1) 0%, rgba(57,112,186,1) 50%, rgba(9,97,185,1) 51%, rgba(9,97,185,1) 100%);
	background: -webkit-linear-gradient(top, rgba(57,112,186,1) 0%,rgba(57,112,186,1) 50%,rgba(9,97,185,1) 51%,rgba(9,97,185,1) 100%);
	background: linear-gradient(to bottom, rgba(57,112,186,1) 0%,rgba(57,112,186,1) 50%,rgba(9,97,185,1) 51%,rgba(9,97,185,1) 100%);
	transition: all 0.3s ease 0s;
}
.btnStyle-booking a:hover {
	
}
.btnStyle-booking a span {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
}
.btnStyle-booking a span img {
	width:auto;
	height:20px;
}
.btnStyle-booking a span.ico-cal {
	padding:5px;
	background-color:rgba(0,84,167,1);
	border-radius:30px;
}
.btnStyle-booking a:hover span.ico-cal {
	padding:5px;
	background-color:rgba(9,137,185,1);
	border-radius:30px;
}
@media screen and (max-width: 768px) {
.btnStyle-booking {
	margin:0 auto;
}
}

/*診療予約Sサイズ（幅固定）*/
.btnStyle-booking-s {
	text-align:center;
	display:table;
	/*max-width:200px;
	width:100%;*/
	margin:0 auto;
	/*box-sizing:border-box;*/
	background-color: rgba(0,84,167,1);
}
.btnStyle-booking-s a:link,
.btnStyle-booking-s a:visited {
	font-size:16px;
	line-height:16px;
	letter-spacing:0.2em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:10px 30px;
	box-sizing:border-box;
	text-decoration:none;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	color:rgba(255,255,255,1);
	background: rgba(0,84,167,1);
	background: -moz-linear-gradient(top, rgba(57,112,186,1) 0%, rgba(57,112,186,1) 50%, rgba(9,97,185,1) 51%, rgba(9,97,185,1) 100%);
	background: -webkit-linear-gradient(top, rgba(57,112,186,1) 0%,rgba(57,112,186,1) 50%,rgba(9,97,185,1) 51%,rgba(9,97,185,1) 100%);
	background: linear-gradient(to bottom, rgba(57,112,186,1) 0%,rgba(57,112,186,1) 50%,rgba(9,97,185,1) 51%,rgba(9,97,185,1) 100%);
	transition: all 0.3s ease 0s;
}
.btnStyle-booking-s a:hover {
	
}
.btnStyle-booking-s a span {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
}
.btnStyle-booking-s a span img {
	width:auto;
	height:20px;
}
.btnStyle-booking-s a span.ico-cal {
	padding:5px;
	background-color:rgba(0,84,167,1);
	border-radius:30px;
}
.btnStyle-booking-s a:hover span.ico-cal {
	padding:5px;
	background-color:rgba(9,137,185,1);
	border-radius:30px;
}
@media screen and (max-width: 768px) {
.btnStyle-booking-s {
	margin:0 auto;
}
}

/*ドクターに相談（幅固定）*/
.btnStyle-request {
	text-align:center;
	display:table;
	/*max-width:200px;
	width:100%;*/
	margin:0 auto;
	/*box-sizing:border-box;*/
	background-color: rgb(255,255,255);
}
.btnStyle-request a:link,
.btnStyle-request a:visited {
	font-size:16px;
	line-height:16px;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding:10px 15px;
	box-sizing:border-box;
	text-decoration:none;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 5px 0;  /* 左右 上下で記述 */
	color:rgba(255,255,255,1);
	background: rgba(107,199,225,1);
	background: -moz-linear-gradient(top, rgba(107,199,225,1) 0%, rgba(107,199,225,1) 50%, rgba(98,187,212,1) 51%, rgba(98,187,212,1) 100%);
	background: -webkit-linear-gradient(top, rgba(107,199,225,1) 0%,rgba(107,199,225,1) 50%,rgba(98,187,212,1) 51%,rgba(98,187,212,1) 100%);
	background: linear-gradient(to bottom, rgba(107,199,225,1) 0%,rgba(107,199,225,1) 50%,rgba(98,187,212,1) 51%,rgba(98,187,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
	transition: all 0.3s ease 0s;
}
.btnStyle-request a:hover {
	color:rgba(255,255,255,1);
}
.btnStyle-request a span {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
}
.btnStyle-request a span img {
	width:auto;
	height:20px;
}
.btnStyle-request a span.ico-free {
	color:rgba(255,255,255,1);
	font-size:12px;
	line-height:1em;
	letter-spacing:0;
	text-align:center;
	width:40px;
	height:40px;
	background-color:rgba(174,188,186,1);
	border-radius:30px;
}
.btnStyle-request a:hover span.ico-free {
	background-color:rgba(0,84,167,1);
}
@media screen and (max-width: 768px) {
.btnStyle-request {
	margin:0 auto;
}
}

/*エンビロンナビ*/
.btnStyle-environnav {
	text-align:center;
	display:table;
	max-width:340px;
	width:100%;
	height:60px;
	margin:0 auto;
	box-sizing:border-box;
	
}
.btnStyle-environnav a:link,
.btnStyle-environnav a:visited {
	font-size:14px;
	line-height:14px;
	letter-spacing:0.2em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,1);
	position:relative;
	transition: all 0.3s ease 0s;
}
.btnStyle-environnav a:hover {
	color:rgba(255,255,255,1);
	background-color:rgba(220,209,197,1);
}
.btnStyle-environnav a span.navi {
	padding:3px 6px;
	margin:0 3px;
	color:rgba(0,0,0,1);
	background-color:rgba(210,93,19,1);
	transition: all 0.3s ease 0s;
}
.btnStyle-environnav a:hover span.navi {
	color:rgba(220,209,197,1);
	background-color:rgba(255,255,255,0.4);
}
.btnStyle-environnav a span.corner {
	position:absolute;
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent rgba(210,93,19,1) transparent;
}
@media screen and (max-width: 768px) {
.btnStyle-environnav {
	margin:0 auto;
}
}

/*エンビロンメニュー*/
.btnStyle-environtreatment {
	text-align:center;
	display:table;
	max-width:340px;
	width:100%;
	height:60px;
	margin:0 auto;
	box-sizing:border-box;
	border:solid 1px rgba(220,209,197,1);
}
.btnStyle-environtreatment a:link,
.btnStyle-environtreatment a:visited {
	font-size:14px;
	line-height:14px;
	letter-spacing:0.2em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(210,93,19,1);
	background-color:rgba(255,255,255,1);
	position:relative;
	transition: all 0.3s ease 0s;
}
.btnStyle-environtreatment a:hover {
	color:rgba(255,255,255,1);
	background-color:rgba(220,209,197,1);
}
.btnStyle-environtreatment a span.corner {
	position:absolute;
	bottom:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent rgba(210,93,19,1) transparent;
}
@media screen and (max-width: 768px) {
.btnStyle-environtreatment {
	margin:0 auto;
}
}

/*電話番号（幅固定）*/
.btnStyle-phone {
	text-align:center;
	display:table;
	max-width:200px;
	width:100%;
	height:48px;
	margin:0 auto;
	border:solid 1px rgba(0,84,167,1);
	box-sizing:border-box;
	border-radius:30px;
	overflow:hidden;
}
.btnStyle-phone:hover {
	border:solid 1px rgba(0,84,167,1);
}
.btnStyle-phone a:link,
.btnStyle-phone a:visited {
	font-size:18px;
	line-height:20px;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(9,97,185,1);
	border-radius:30px;
	transition: all 0.3s ease 0s;
}
.btnStyle-phone a:hover {
	color:rgba(255,255,255,1);
	background-color:rgba(0,84,167,1);
}
.btnStyle-phone a span {
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
	white-space:nowrap;
}

/*お問い合わせ（幅固定）*/
.btnStyle-mail {
	text-align:center;
	display:table;
	max-width:200px;
	width:100%;
	height:48px;
	margin:0 auto;
	border:solid 1px rgba(0,84,167,1);
	box-sizing:border-box;
	border-radius:30px;
	overflow:hidden;
}
.btnStyle-mail:hover {
	border:solid 1px rgba(0,84,167,1);
}
.btnStyle-mail a:link,
.btnStyle-mail a:visited {
	font-size:16px;
	line-height:20px;
	letter-spacing:0.1em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(9,97,185,1);
	border-radius:30px;
	transition: all 0.3s ease 0s;
}
.btnStyle-mail a:hover {
	color:rgba(255,255,255,1);
	background-color:rgba(0,84,167,1);
}
.btnStyle-mail a span {
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
	white-space:nowrap;
}

/*エンビロンバナー*/
.bnr-environ {
	text-align:center;
	display:table;
	
	height:60px;
	margin:0 auto;
	box-sizing:border-box;
	border:solid 1px rgba(220,209,197,1);
}
.bnr-environ a:link,
.bnr-environ a:visited {
	font-size:14px;
	line-height:14px;
	letter-spacing:0.2em;
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding: 10px 30px;
	box-sizing:border-box;
	text-decoration:none;
	color:rgba(51,51,51,1);
	transition: all 0.3s ease 0s;
}
.bnr-environ a:hover {
	color:rgba(255,255,255,1);
	background-color:rgba(220,209,197,1);
}
.bnr-environ a div {
	width:100%;
	height:100%;
	display:table;
	border-collapse: separate;
    border-spacing:5px 0;
}
.bnr-environ a div span {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
}
@media screen and (max-width: 480px) {
.bnr-environ a div {
	display:block;
}
.bnr-environ a div span {
	display:block;
}
}