@charset "UTF-8";
@import url(reset.css);

body{
	margin: 0;
	padding: 0;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size:4vw;
	line-height: 150%;
	position:relative;
}

img {width:100%;border:none;}
strong{font-weight:normal;}

/* common classes */
a {outline:none; text-decoration:none;}
a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none; }
a:focus {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}
a:hover img{
     opacity:0.6;
     filter:alpha(opacity=60);
     -ms-filter: "alpha( opacity=60 )";
     background:none !important;
}
.clear	{clear:both; height:0;}
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
span.new{display:inline-block;color:#cc0000 !important;margin-left:2px;}

.left	{	float:left;}
.right	{	float:right;}
.center	{	text-align:center;}
.tleft	{	text-align:left;}
.tright	{	text-align:right;}

.small	{	font-size: 80%;}

.tm5	{	margin-top:0.3rem; margin-top:0.75vw;}
.tm10	{	margin-top:0.625rem; margin-top:1.5vw;}
.tm15	{	margin-top:0.9rem; margin-top:2vw;}
.tm20	{	margin-top:1.25rem; margin-top:3vw;}
.tm30	{	margin-top:1.8rem; margin-top:4.5vw;}
.tm40	{	margin-top:2.5rem; margin-top:6vw;}
.tm50	{	margin-top:3rem; margin-top:7.5vw;}

.rm5	{	margin-right:0.3rem; margin-right:0.75vw;}
.rm10	{	margin-right:0.625rem; margin-right:1.5vw;}
.rm15	{	margin-right:0.9rem; margin-right:2vw;}
.rm20	{	margin-right:1.25rem; margin-right:3vw}
.rm30	{	margin-right:1.8rem; margin-right:4.5vw;}

.bm5	{	margin-bottom:0.3rem; margin-bottom:0.75vw;}
.bm10	{	margin-bottom:0.625rem; margin-bottom:1.5vw;}
.bm15	{	margin-bottom:0.9rem; margin-bottom:2vw;}
.bm20	{	margin-bottom:1.25rem; margin-bottom:3vw;}
.bm30	{	margin-bottom:1.8rem; margin-bottom:4.5vw;}
.bm40	{	margin-bottom:2.5rem; margin-bottom:6vw;}
.bm50	{	margin-bottom:3rem; margin-bottom:7.5vw;}

.lm5	{	margin-left:0.3rem; margin-left:0.75vw;}
.lm10	{	margin-left:0.625rem; margin-left:1.5vw;}
.lm15	{	margin-left:0.9rem; margin-left:2vw;}
.lm20	{	margin-left:1.25rem; margin-left:3vw}
.lm30	{	margin-left:1.8rem; margin-left:4.5vw;}

.mgtop10{margin-top:10px;}
.mgtop20{margin-top:20px;}
.mgtop30{margin-top:30px;}
.mgtop40{margin-top:40px;}
.mgtop50{margin-top:50px;}

/* COLOR */
.white{color:#fff !important;}
.black{color:#000 !important;}
.red{color:#ff0000 !important;}
.blue{color:#0000ff !important;}
.yellow{color:#ffff00 !important;}
.pink{color:#ff69b4 !important;}

/*flex*/
header,
header .inner,
nav ul,
#section03 .inner,
.point,
#section07 #tab,
#section08 ul li,
#section09 ul,
#section10 h2,
#section10 ul
{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

a.fortop{text-align:center;font-size:14px;background:#fff;color:#cc0000;border:2px solid #cc0000;padding:10px 5px;display:block;width:43%;margin:0 auto;margin-top:30px;box-sizing:border-box;}
a.fortop:hover{background:#cc0000;color:#fff;}


.bbtn{width:94% !important;font-size:1.3rem !important;padding: 1rem 0rem !important;}

#onlineform{margin:0;padding:0;font-size:0;}

/* header */
header{border-top:3px solid #b25a32;width: 100%;position:relative;padding:5px 0 25px;box-sizing:border-box;background: url(../img/bg02.png),linear-gradient(90deg, #0D2709, #264A19, #0D2709);}
header .fullsize{position:absolute;bottom:0;left:0;background:#181818;color: #f2c19c;width:100%;border-top:1px solid #b25a32;}
header .fullsize h1 span{display:none !important;}

header h1{font-size:11px;font-weight:normal;margin:0 auto;text-align:center;}
header h1 span{display:none !important;}
header .inner{padding:5px 10px 7px;}
header .inner h2 img{width:220px;height:auto;}
header .inner .flex div{display:none;}


.triangle{
	margin: 0 auto;
	width:0px;height:0px;
	border-top: 20px solid #fff;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
}


/* Main */
/*#main{position:relative;color:#fff;width:100%;height:230px;background:url(../img/bg01.jpg) no-repeat center;text-align:center;overflow:hidden;}*/

#main{
	position:relative;color:#fff;width:100%;text-align:center;overflow:hidden;
  background-image: url(../img/bg_sp.jpg);
  background-size: 1380px 230px ;
  animation: bgscroll 26s linear infinite both;
  height:230px;
}
/*
@-webkit-keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: 100% 0;}
 }

 @keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: 100% 0;}
 }
*/
@-webkit-keyframes bgscroll {
from {
background-position: 0 0;
}
to {
background-position: -1380px 0;
}
 }

 @keyframes bgscroll {
from {
background-position: 0 0;
}
to {
background-position: -1380px 0;
}
 }



#main .mask{position:relative;display:table;width:100%;height:100%;background: rgba(0,0,0,0.5);}

#main .title{text-align:left;display:table-cell;vertical-align:middle;box-sizing:border-box;padding:0 10px;}
#main .title div{width:;margin:0 auto;}

#main h3{font-size:1.3rem;margin-bottom:10px;}
#main h3 span{display:block;font-size:1.7rem;margin-top:12px;}
#main h4{font-size:1.1rem;line-height:2;}
#main p{margin-top:10px;}

#main .box{height:auto;width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


ul.pankuzu{display:flex;flex-direction: row;width:;padding:0 10px;margin:0px auto;font-size:12px;}
ul.pankuzu li:last-child{color:#cc0000;font-weight:bold;}
ul.pankuzu li a{text-decoration:underline;}
ul.pankuzu li a:hover{text-decoration:none;}



.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



/* Section */
section .inner{padding:30px 12px;}
#no2 .inner{padding:15px 8px}

#no2 h2{font-size:0.9rem;margin-bottom:2%;border-bottom:1px solid #cc0000;}
#no2 h2 span{color:#cc0000;}
#no2 h3{font-size:1.1rem;color:#cc0000;margin-bottom:5px;}
#no2 h5{font-weight:normal;font-size:0.8rem;line-height:1.6;margin-bottom:10px;}
#no2 p{line-height:1.5;font-size:13px;}

#no2 .flex{text-align:center;}
#no2 .flex li{padding:20px 20px;width:95%;margin:0 auto;margin-top:10px;box-sizing:border-box;background-color:#FAFAD2;font-size:14px;border-right:3px solid #A0A011;border-bottom:3px solid #A0A011;line-height:1.7;}
#no2 .flex li h4{font-size:1.2rem;color:#006400;border-bottom:1px dotted #006400;margin-bottom:7px;}
#no2 .flex li img{display:block;margin:0 auto;text-align:center;margin-top:10px;height:150px;width:auto;}


#no3{background:background:#d84038;
background-color: #d84038;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #e5443b), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #e5443b),color-stop(.75, #e5443b), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 34px 34px;
padding-bottom:20px;
}


#no3 .box{width:100%;background:#fff;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-o-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
margin-top:20px;
}
#no3 .box img{width:100%;}
#no3 .box h4{font-size:1.1rem;padding:10px 10px 0px;text-align:center;}
#no3 .box h4 span{color:#cc0000;font-size:1.3rem;margin-right:1px;}
#no3 .box p{padding:5px 10px 10px;font-size:14px;}


#no3 h3{font-size:1.6rem;margin-top:20px;text-align:center;color:#fff;}
#no3 h3 span{font-size:;display:inline-block;margin-top:;color:;padding-bottom:0;}
#no3 h3.main{font-size:2.6rem;text-align:center;color:#ffff00;margin-top:10px;line-height:1;margin-bottom:10px;}
#no3 h4{margin-top:15px;line-height:1.5;font-size:0.8rem;text-align:left;width:95%;margin:0 auto;color:#000;margin-bottom:10px;}
#no3 h4.white{font-size:1rem;text-align:center;}
#no3 p{font-size:12px;margin-top:0px;margin-bottom:15px;text-align:center;color:#000;}


a.forall{background:#fff;color:#cc0000;border:2px solid #cc0000;padding:8px 20px;display:block;width:40%;margin:0 auto;margin-top:20px;box-sizing:border-box;text-align:center;}
a.forall:hover{background:#cc0000;color:#fff;border:2px solid #cc0000;}

/* 店舗一覧 */
#no4{background:#ffffdd;font-size:1rem;}
#no4 .inner .shop{margin-top:20px;padding:20px 10px;background:#fff;
box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.2);
}
#no4 h2{text-align:center;font-size:1.4rem;}
#no4 h3 span{color:#000;font-size:1.6rem;display:block;margin-top:5px;}


#no4 h3{color:#d84038;font-size:1.8rem;line-height:1.1;}
#no4 p{margin-top:10px;font-size:0.8rem;line-height:1.6;}

#no4 h4{color:#b25a32;font-size:1.2rem;border-bottom:1px solid #b25a32;padding-bottom:3px;margin-bottom:8px;}
#no4 h4 span{margin-left:10px;font-weight:normal;font-size:1.2rem;display:inline-block;padding-bottom:0px;}
#no4 ul li.first{width:100%;margin-top:4%;text-align:left;}

#no4 a.forall{font-size:15px;background:#fff;color:#cc0000;border:2px solid #cc0000;padding:8px 15px;display:block;width:40%;margin:0 auto;margin-top:20px;box-sizing:border-box;}
#no4 a.forall:hover{background:#cc0000;color:#fff;border:2px solid #cc0000;}



/* no5 */
#no5{background:#F9EDEB;font-size:1rem;}
#no5 i{padding-bottom:4px;margin-right:3px;}

#no5 h2.title{color:#000;font-size:1.4rem;margin-bottom:20px;text-align:center;}
#no5 h3{color:#d84038;font-size:1rem;text-align: left;}
#no5 h4{color:#fff;font-size:1rem;text-align:left;line-height:1.7;}
#no5 h4 span{display:block;font-size:1.1rem;}
#no5 h4 span.ceo{display:block;font-size:0.8rem;}

#no5 p{color:#171717;margin-top:10px;line-height:1.5;}
#no5 ul{width:100%;position:relative}

#no5 div.owner_main{position:relative;}
#no5 div.owner_main img{width:17%;position:absolute;left:10px;top:10px;border:5px solid #fff;}
#no5 div.owner_main div.owner{width:100%;padding:10px 0 10px 100px;background-color:#000;box-sizing:border-box;}


#no5 ul.flex{display:block;}
#no5 ul li{width:100%;position:relative;margin-top:30px;}
#no5 ul li img{width:17%;position:absolute;left:10px;top:10px;border:5px solid #fff;}
#no5 ul li div.owner{width:100%;padding:10px 0 10px 100px;background-color:#000;box-sizing:border-box;}


#no5 ul li p{text-align:left;margin-top:0px;font-size:0.8rem;line-height:2;}


#no5 ul li p {
  position: relative;
  display: inline-block;
  margin: 0 0;
  padding: 3%;
  width: 100%;
  min-height:70px;
  color: #000;
  font-size: 16px;
  background: #fff;
  text-decoration:underline;
  text-decoration-style: dotted;
  text-decoration-color: #666;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  box-sizing: border-box;
}

#no5 ul li p:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -21px;
  border: 18px solid transparent;
  border-bottom: 18px solid #fff;
  z-index: 2;
}
#no5 ul li p:after {
  content: "";
  position: absolute;
  top: -42px;
  left: 50%;
  margin-left: -23px;
  border: 20px solid transparent;
  z-index: 1;
}






/* 店舗情報 */
#info .gmap {margin-top:0px;overflow:hidden;}
#info .gmap iframe {
height: 320px;
width: 100%;
}
#info .gmap img{height:auto;width:100%;}

#info .flex{}
#info .inner{padding-bottom:10px;}
#info h2{font-size:1.4rem;margin-bottom:5px;text-align:center;}
#info h2 span{display:block;font-size:1rem;color:#cc0000;}
#info h4{font-size:1rem;margin-bottom:10px;margin-top:10px;}
#info p{font-size:0.8rem;line-height:1.6;padding:5px 0;}

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:10px 0 20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: DeepSkyBlue;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
	text-align: left;
}
.tab-content img{width:100%;display:block;margin:0 auto;margin-top:10px;}
.tab-content h3{font-size:1.5rem;color:#6C6200;padding:10px 0 5px;}
.tab-content h3 i{display:inline-block;margin-top:-15px !important;}
.tab-content .flex li{width:100%;}
.tab-content .flex:last-child{margin-top:30px;}
.tab-content ul.osusume li{border-bottom:1px dotted #999;box-sizing:border-box;padding:10px 0;width:100%;font-weight:bold;}

.tab-content .flex li.merit{width:100%;box-sizing:border-box;padding:20px;border:4px solid #ff7f50;}
.tab-content .flex li.merit:last-child{margin-top:10px;border:4px solid #a9a9a9;}
.tab-content .flex li.merit h4{background-color:#ff7f50;padding:5px 0;text-align:center;color:#fff;}
.tab-content .flex li.merit:last-child h4{background-color:#a9a9a9;}
.tab-content .flex li.merit ul li{width:100%;padding:3px 0 0 5px;}


/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}










.balloon2-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 10px;
  color:#3A3300;
  line-height:1.5;
  background: #F9F2BB;
  text-align:left;
}

.balloon2-right:before {
  content: "";
  position: absolute;
  bottom: -10%;
  left: 45%;
  margin-top: -0px;
  border: 20px solid transparent;
  border-top: 35px solid #F9F2BB;
}




/* 流れ */
.flow1{background:#e9f2d0;margin-top:10px;}
.flow2{background:#C6FFD6;}
.flow2 .triangle{border-top: 20px solid #FFCBC6;}
#flow{}
#flow .inner{padding-top:10px;}
#flow h3{font-size:1.4rem;text-align:center;color:;}
#flow p{font-size:0.8rem;line-height:1.6;padding:5px 0;}

#flow ul{width:100%;}
#flow ul li{width:100%;position:relative;margin-top:20px;}
#flow ul li img{width:100%;}
#flow ul li p {
  position: relative;
  text-align:left;
  display: inline-block;
  margin: 0 0;
  padding: 10px 10px;
  width: 100%;
  min-height:70px;
  color: #000;
  font-size: 13px;
  background: #fff;
  box-sizing: border-box;
}
#flow ul li p span{display:block;font-size:1.2rem;color:#d16960;font-weight:bold;}

#flow ul li p:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -21px;
  border: 18px solid transparent;
  border-bottom: 18px solid #fff;
  z-index: 2;
}
#flow ul li p:after {
  content: "";
  position: absolute;
  top: -42px;
  left: 50%;
  margin-left: -23px;
  border: 20px solid transparent;
  z-index: 1;
}
.balloon1-top p {
  margin: 0;
  padding: 0;
}

#flow ul li .num{
	position:absolute;
	left:0;top:0;
	width:0px;height:0px;
	border-top: 30px solid #d16960;
	border-right: 30px solid transparent;
	border-left: 30px solid #d16960;
	border-bottom: 30px solid transparent;
}
#flow ul li .num span{position:absolute;margin:0;padding:0;top:-18px;left:-25px;display:block;color:#fff;font-weight:bold;font-size:1.5rem;}




/* よくある質問 */
#faq{background:#CAF5F0;margin-top:0px;}
#faq h3{font-size:1.2rem;text-align:center;margin-bottom:10px;}
#faq  span.que{color:#0071bc;}
#faq  span.ans{color:#cc0000;}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	text-align:left;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
	padding:0 0px;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	font-size:1rem;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: -5px;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	color:#ff0000;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}

/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}




/* 問い合わせ */

#no7{background:#434f24;text-align:center;}
#index_main #no7 .triangle{border-top: 20px solid #CAF5F0;}
#no7 h3{font-size:1rem;color:#fff;line-height:1.2;}
#no7 h3 span{color:#ffff00;font-size:1.5rem;}
#no7 h4{font-size:15px;color:#fff;margin-bottom:15px;}
#no7 .share{padding:5px 0px 15px;}

#no7 .flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}

#no7 a{font-weight:bold;background:#fff;display:block;width:90%;margin:0 auto;padding:15px 0px;box-sizing:border-box;font-size:1.1rem;}
#no7 a:hover{background:#990000;color:#fff;}
#no7 a span{display:none;}





/* 固定用 */
.fixed{position:fixed;width:100%;bottom:0;padding:10px 0;z-index:1000;}
.fixed ul{width:97%;}

footer{background:#000;margin:0;padding:0;text-align:center;padding:10px 0;}
footer h4{color:#4C4C4C;font-size:12px;}
footer a{color:#595959 !important;font-size:0.8rem;text-decoration:underline !important;}
footer a:hover{text-decoration:none !important;color:#999 !important;}


/* Page Top */
#page_top{
  width: 40px;
  height: 35px;
  position: fixed;
  right: 5px;
  bottom: 78px;
  background: #444;
  opacity: 0.6;
	z-index:1001;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 35px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  margin: auto;
  text-align: center;
}

/* ページネーション */
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 20px 0 0;
}

ul.pagination li {display: inline;}
ul.pagination li a {
    color: #FF6565;
    float: left;
    padding: 4px 8px;
    margin:0 2px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    font-size: 13px;
}

ul.pagination li a.active {
    background-color: #FF6565;
    color: white;
    border: 1px solid #FF6565;
    font-size:1.2rem;margin-top:-5px;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;color:#cc0000;}

ul.pagination li a span{display:none;}
ul.pagination li span {
    color: #ccc;
    float: left;
    padding: 4px 8px;
    margin:0 2px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    font-size: 13px;
}

ul.pagination li span.active {
    background-color: #FF6565;
    color: white;
    border: 1px solid #FF6565;
    font-size:1.2rem;margin-top:-5px;
}
#btn_animation{display:none;}