/*============================================================================================
↓＜ボタンの種類＞============================================================================
============================================================================================*/
/*ターコイズグラデーション*/
.btnTuSolid {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	/* Gradetion*/
	background: rgb(51,189,212);
	background: -moz-linear-gradient(top, rgba(51,189,212,1) 0%, rgba(51,189,212,1) 50%, rgba(2,172,201,1) 51%, rgba(2,172,201,1) 100%);
	background: -webkit-linear-gradient(top, rgba(51,189,212,1) 0%,rgba(51,189,212,1) 50%,rgba(2,172,201,1) 51%,rgba(2,172,201,1) 100%);
	background: linear-gradient(to bottom, rgba(51,189,212,1) 0%,rgba(51,189,212,1) 50%,rgba(2,172,201,1) 51%,rgba(2,172,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bdd4', endColorstr='#02acc9',GradientType=0 );
}
.btnTuSolid a:link,
.btnTuSolid a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	box-sizing:border-box;
	transition: all 0.3s;
}	
.btnTuSolid a:hover,
.btnTuSolid a.hover {
	text-decoration:none;
}

/*ターコイズグラデーション薄*/
.btnTuSolidThin {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	/* Gradetion*/
	background: rgb(51,189,212);
	background: -moz-linear-gradient(top, rgba(51,189,212,1) 0%, rgba(51,189,212,1) 50%, rgba(2,172,201,1) 51%, rgba(2,172,201,1) 100%);
	background: -webkit-linear-gradient(top, rgba(51,189,212,1) 0%,rgba(51,189,212,1) 50%,rgba(2,172,201,1) 51%,rgba(2,172,201,1) 100%);
	background: linear-gradient(to bottom, rgba(51,189,212,1) 0%,rgba(51,189,212,1) 50%,rgba(2,172,201,1) 51%,rgba(2,172,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33bdd4', endColorstr='#02acc9',GradientType=0 );
}
.btnTuSolidThin a:link,
.btnTuSolidThin a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	box-sizing:border-box;
	transition: all 0.3s;
}	
.btnTuSolidThin a:hover,
.btnTuSolidThin a.hover {
	text-decoration:none;
}
@media screen and (max-width: 480px) {
.btnTuSolidThin a:link,
.btnTuSolidThin a:visited {
	padding:10px;	
}
}

/*赤グラデーション*/
.btnReSolid {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	/* Gradetion*/
	background: rgb(237,126,77);
	background: -moz-linear-gradient(top, rgba(237,126,77,1) 0%, rgba(237,126,77,1) 50%, rgba(232,94,33,1) 51%, rgba(232,94,33,1) 100%);
	background: -webkit-linear-gradient(top, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	background: linear-gradient(to bottom, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7e4d', endColorstr='#e85e21',GradientType=0 );
}
.btnReSolid a:link,
.btnReSolid a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	box-sizing:border-box;
	transition: all 0.3s;	
}	
.btnReSolid a:hover,
.btnReSolid a.hover {
	text-decoration:none;
}

/*赤グラデーション薄*/
.btnReSolidThin {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	/* Gradetion*/
	background: rgb(237,126,77);
	background: -moz-linear-gradient(top, rgba(237,126,77,1) 0%, rgba(237,126,77,1) 50%, rgba(232,94,33,1) 51%, rgba(232,94,33,1) 100%);
	background: -webkit-linear-gradient(top, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	background: linear-gradient(to bottom, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7e4d', endColorstr='#e85e21',GradientType=0 );
}
.btnReSolidThin a:link,
.btnReSolidThin a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	box-sizing:border-box;
	transition: all 0.3s;	
}	
.btnReSolidThin a:hover,
.btnReSolidThin a.hover {
	text-decoration:none;
}
@media screen and (max-width: 480px) {
.btnReSolidThin a:link,
.btnReSolidThin a:visited {
	padding:10px;	
}
}

/*赤グラデーション大*/
.btnReSolidLarge {
	font-size:2.4rem;
	line-height:2.4rem;
	text-align:center;
	margin:0 auto;
	/* Gradetion*/
	background: rgb(237,126,77);
	background: -moz-linear-gradient(top, rgba(237,126,77,1) 0%, rgba(237,126,77,1) 50%, rgba(232,94,33,1) 51%, rgba(232,94,33,1) 100%);
	background: -webkit-linear-gradient(top, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	background: linear-gradient(to bottom, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7e4d', endColorstr='#e85e21',GradientType=0 );
}
.btnReSolidLarge a:link,
.btnReSolidLarge a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:50px 15px 30px;
	display:block;
	box-sizing:border-box;
	transition: all 0.3s;	
}	
.btnReSolidLarge a:hover,
.btnReSolidLarge a.hover {
	text-decoration:none;
}
.btnReSolidLarge a:after {
	font-family: "Open Sans", sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2rem;
    display: block;
	margin:20px 0 0;
    content: attr(title) " ";
}
.btnReSolidLarge a .ico {
	padding: 18px 0px 18px 70px;
    background-image: url(../../teoria-danrei/img/ico-entry.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
}
@media screen and (max-width: 480px) {
.btnReSolidLarge {
	font-size:2rem;
}
}


/*茶グラデーション 大*/
.btnBrSolidLarge {
	font-size:1.8rem;
	line-height:2.2rem;
	text-align:center;
	margin:0 auto;
	/* Gradetion*/
	background: rgb(93,80,65);
	background: -moz-linear-gradient(top, rgba(93,80,65,1) 0%, rgba(93,80,65,1) 50%, rgba(75,60,43,1) 51%, rgba(75,60,43,1) 100%);
	background: -webkit-linear-gradient(top, rgba(93,80,65,1) 0%,rgba(93,80,65,1) 50%,rgba(75,60,43,1) 51%,rgba(75,60,43,1) 100%);
	background: linear-gradient(to bottom, rgba(93,80,65,1) 0%,rgba(93,80,65,1) 50%,rgba(75,60,43,1) 51%,rgba(75,60,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5041', endColorstr='#4b3c2b',GradientType=0 );
}
.btnBrSolidLarge a:link,
.btnBrSolidLarge a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:25px;
	display:block;
	box-sizing:border-box;
	transition: all 0.3s;	
}	
.btnBrSolidLarge a:hover,
.btnBrSolidLarge a.hover {
	text-decoration:none;
}

/*フリーダイヤル*/
.btnFreeDial {
	text-align:center;
	margin:0 auto;
	padding:0 12px;
}
.btnFreeDial:link,
.btnFreeDial:visited {
	position:relative;
	text-decoration:none;
	display:inline-block;
	box-sizing:border-box;
	transition: all 0.3s;	
}	
.btnFreeDial:hover,
.btnFreeDial.hover {
	text-decoration:none;
}
.btnFreeDial img {
	width:230px;
	height:24px;
}

/*フリーダイヤルコール*/
.btnCall {
	text-align:center;
	margin:0 auto;
	display:none;
	/* Gradetion*/
	background: rgb(237,126,77);
	background: -moz-linear-gradient(top, rgba(237,126,77,1) 0%, rgba(237,126,77,1) 50%, rgba(232,94,33,1) 51%, rgba(232,94,33,1) 100%);
	background: -webkit-linear-gradient(top, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	background: linear-gradient(to bottom, rgba(237,126,77,1) 0%,rgba(237,126,77,1) 50%,rgba(232,94,33,1) 51%,rgba(232,94,33,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7e4d', endColorstr='#e85e21',GradientType=0 );
}
.btnCall a:link,
.btnCall a:visited {
	color:rgba(255,255,255,1);
	position:relative;
	text-decoration:none;	
	width:50px;
	height:50px;
	padding:10px;
	display:block;
	box-sizing:border-box;
	transition: all 0.3s;	
}	
.btnCall a:hover,
.btnCall a.hover {
	text-decoration:none;
}
.btnCall a img {
	width:auto;
	height:30px;
}

/*ターコイズライン*/
.btnTuLine {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	background-color:rgba(255,255,255,1);
}
.btnTuLine a:link,
.btnTuLine a:visited {
	color:rgba(0,0,0,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	border:solid 2px rgba(0,172,201,1);
	box-sizing:border-box;
	transition: all 0.3s;
}	
.btnTuLine a:hover,
.btnTuLine a.hover {
	text-decoration:none;
}

/*赤ライン*/
.btnReLine {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	background-color:rgba(255,255,255,1);
}
.btnReLine a:link,
.btnReLine a:visited {
	color:rgba(0,0,0,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	border:solid 2px rgba(232,94,33,1);
	box-sizing:border-box;
	transition: all 0.3s;
}	
.btnReLine a:hover,
.btnReLine a.hover {
	text-decoration:none;
}

/*茶ライン（ボックス）*/
.btnBrLine {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	background-color:rgba(255,255,255,1);
}
.btnBrLine a:link,
.btnBrLine a:visited {
	color:rgba(75,60,43,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	border:solid 2px rgba(75,60,43,1);
	box-sizing:border-box;
	transition: all 0.3s;
}	
.btnBrLine a:hover,
.btnBrLine a.hover {
	text-decoration:none;
}

/*茶ライン（インライン）*/
.btnBrLine-inline {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
}
.btnBrLine-inline a:link,
.btnBrLine-inline a:visited {
	color: rgba(75,60,43,1);
    position: relative;
    text-decoration: none;
    padding: 18px;
    display: inline-block;
    border: solid 2px rgba(75,60,43,1);
	background-color:rgba(255,255,255,1);
    box-sizing: border-box;
    transition: all 0.3s;
}	
.btnBrLine-inline a:hover,
.btnBrLine-inline a.hover {
	text-decoration:none;
}


/*トグルボタン*/
.btnToggle {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	background-color:rgba(255,255,255,1);
}
.btnToggle a:link,
.btnToggle a:visited {
	color:rgba(75,60,43,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	border:solid 2px rgba(75,60,43,1);
	box-sizing:border-box;
	transition: all 0.3s;
}	
.btnToggle a:hover,
.btnToggle a.hover {
	text-decoration:none;
}
.btnToggle a i {
	font-size:20px;
    position:absolute;
    top:50%;
    right:15px;
    margin-top:-8px;
}
.btnToggle.is-active a i {
	transform:rotate(180deg);
}

/*メニュートグルボタン*/
.navToggle {
	font-size:1.4rem;
	line-height:1.6rem;
	text-align:center;
	margin:0 auto;
	background-color:rgba(255,255,255,1);
}
.navToggle a:link,
.navToggle a:visited {
	color:rgba(0,0,0,1);
	position:relative;
	text-decoration:none;	
	width:100%;
	padding:18px;
	display:block;
	border:solid 2px rgba(0,0,0,1);
	box-sizing:border-box;
	transition: all 0.3s;
}	
.navToggle a:hover,
.navToggle a.hover {
	text-decoration:none;
}
.navToggle a i {
	font-size:20px;
    position:absolute;
    top:50%;
    right:15px;
    margin-top:-8px;
}
.navToggle.is-active a i {
	transform:rotate(180deg);
}