【規約同意】css修正

abweb/css/agreementToTerms/agreementToTerms.css

@@ -98,7 +98,7 @@ body {
 	width: 100%;
 	width: 100%;
 	margin: 1rem auto;
 	margin: 1rem auto;
 }
 }
-.tos-wrapper .btn-wrapper button.btn {
+.tos-wrapper .btn-wrapper a.btn {
 	display: block;
 	display: block;
 	width: 160px;
 	width: 160px;
 	height: auto;
 	height: auto;
@@ -113,40 +113,40 @@ body {
 	-webkit-border-radius: 6px;
 	-webkit-border-radius: 6px;
 	border-radius: 6px;
 	border-radius: 6px;
 }
 }
-.tos-wrapper .btn-wrapper button.btn.btn-agree {
+.tos-wrapper .btn-wrapper a.btn.agreebtn {
     color: #fff;
     color: #fff;
     background-color: #0053f0;
     background-color: #0053f0;
     border-color: #0053f0
     border-color: #0053f0
 }
 }
-.tos-wrapper .btn-wrapper button.btn.btn-agree.focus,
-.tos-wrapper .btn-wrapper button.btn.btn-agree:focus,
-.tos-wrapper .btn-wrapper button.btn.btn-agree:hover {
+.tos-wrapper .btn-wrapper a.btn.agreebtn.focus,
+.tos-wrapper .btn-wrapper a.btn.agreebtn:focus,
+.tos-wrapper .btn-wrapper a.btn.agreebtn:hover {
     color: #fff;
     color: #fff;
     background-color: #0046ca;
     background-color: #0046ca;
     border-color: #0041bd
     border-color: #0041bd
 }
 }
 
 
-.tos-wrapper .btn-wrapper button.btn.btn-agree.focus,
-.tos-wrapper .btn-wrapper button.btn.btn-agree:focus {
+.tos-wrapper .btn-wrapper a.btn.agreebtn.focus,
+.tos-wrapper .btn-wrapper a.btn.agreebtn:focus {
     box-shadow: 0 0 0 .2rem rgba(38,109,242,.5)
     box-shadow: 0 0 0 .2rem rgba(38,109,242,.5)
 }
 }
 
 
-.tos-wrapper .btn-wrapper button.btn.btn-disagree {
+.tos-wrapper .btn-wrapper a.btn.disagreebtn {
     color: #fff;
     color: #fff;
     background-color: #6c757d;
     background-color: #6c757d;
     border-color: #6c757d
     border-color: #6c757d
 }
 }
 
 
-.tos-wrapper .btn-wrapper button.btn.btn-disagree.focus,
-.tos-wrapper .btn-wrapper button.btn.btn-disagree:focus,
-.tos-wrapper .btn-wrapper button.btn.btn-disagree:hover {
+.tos-wrapper .btn-wrapper a.btn.disagreebtn.focus,
+.tos-wrapper .btn-wrapper a.btn.disagreebtn:focus,
+.tos-wrapper .btn-wrapper a.btn.disagreebtn:hover {
     color: #fff;
     color: #fff;
     background-color: #5a6268;
     background-color: #5a6268;
     border-color: #545b62
     border-color: #545b62
 }
 }
 
 
-.tos-wrapper .btn-wrapper button.btn.btn-disagree.focus,
-.tos-wrapper .btn-wrapper button.btn.btn-disagree:focus {
+.tos-wrapper .btn-wrapper a.btn.disagreebtn.focus,
+.tos-wrapper .btn-wrapper a.btn.disagreebtn:focus {
     box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
     box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
 }
 }
 
 
@@ -160,7 +160,7 @@ body {
 		margin: 0.5rem auto 1.5rem;
 		margin: 0.5rem auto 1.5rem;
 		padding: 0.5rem 1rem;
 		padding: 0.5rem 1rem;
 	}
 	}
-	.tos-wrapper .btn-wrapper button.btn {
+	.tos-wrapper .btn-wrapper a.btn {
 		width: 120px;
 		width: 120px;
     	font-size: 12px;
     	font-size: 12px;
 	}
 	}

abweb/html/agreementToTerms.html

@@ -53,10 +53,9 @@
 			<p id="terms"></p>
 			<p id="terms"></p>
 		</div>
 		</div>
 		<div class="btn-wrapper">
 		<div class="btn-wrapper">
-			<button class="btn btn-agree" id="agreeTerm" onclick="agreementToTerms.agreeTerm()">同意する</a>
-			<button class="btn btn-disagree" id="disagreeTerm" onclick="agreementToTerms.disagreeTerm()">同意しない</a>
+			<a class="btn agreebtn" id="agreeTerm" onclick="agreementToTerms.agreeTerm()">同意する</a>
+			<a class="btn disagreebtn" id="disagreeTerm" onclick="agreementToTerms.disagreeTerm()">同意しない</a>
 		</div>
 		</div>
-
 	</div>
 	</div>
 </body>
 </body>
 </html>
 </html>
\ No newline at end of file