@charset "utf-8";
@media (max-width: 1350px){
#wrapper{
	width: 100%;
}}
#wrapper{
	background-image: url("../img/rev4235404_m.jpg");
	width:100%;
	overflow: hidden;
	
}

#contents{
	line-height: 2.5em;
	color: #5E1D08;
}
/*ここから変更なし*/
/*ロゴ*/
.start{
	width:1300px;
	height:210px;
	clear: both;
	overflow: hidden;
}

.logo{
 width:  580px;
 height: 185px;	
 margin: 30px 0 0 0;	
 padding-right:10px;
 float: left;
}

/*無料レッスン受付*/
.type-shine {
     width: 300px;
    height: 130px;
    margin: 10px -15px 0 0;
    padding: 60px 30px 0 150px;
    font-size: 26px;
    position: relative;
    overflow: hidden;
    color: #F2812A;
    float: left;
    font-family: 'Cardo', serif;
    font-weight: bolder;
	line-height: 30px;
}
.type-shine:before {
  -webkit-animation: shine 1.5s ease 1.5s;
  content:"";
  position: absolute;
  top: 0;
  left: -50px;
  width: 100%;
  height: 100%;
  transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);
}
@-webkit-keyframes shine {
  0% {transform: rotate3d(0,0,1,-45deg) translate3d(0,-120%,0);background: rgba(255,255,255,0.5);}
  100% {transform: rotate3d(0,0,1,-25deg) translate3d(0,150%,0);background: rgba(255,255,255,0.5);}
}
/*SNS*/
.sns{
	margin: 65px 0 10px 0;
	padding-top:10px;
	width: 180px;
 	height: 100px;
	float: left;
}
/* ボタン全体 */
.flowbtn{
font-family:'Arial',sans-serif;
border-radius:4px;
position:relative;
display:inline-block;
width:48px;
height:46px;
font-size:22px;
color:#fff!important;
transition:.5s;
text-decoration:none;
box-shadow:0 1px 2px #999;
}
.flowbtn i{
position:relative;
bottom:-6.5px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* Instagram紫グラデ背景 */
.insta_btn1{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景 */
.insta_btn1:before{
content: '';
position:absolute;
top:33px;
left:-20px;
width:80px;
height:50px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
/* ボタン内テキスト調整 */
.flowbtn div{
font-size:6px;	
font-weight:bold;
letter-spacing:0;
position:relative;
bottom:-9px;
}
/* ボタンマウスホバー時 */
.flowbtn:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン全体の位置調整 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白調整 */
.snsbtniti li{
flex:0 0 32%;
text-align:center!important;
}


@media (max-width: 1024px){

.start{
	width:1020px;
	height:210px;
	clear: both;
	overflow: hidden;
}

.logo{
 width:  590px;
 height: 138px;	
 margin: 15px 0 0 0;	
 padding-right:5.5px;
}

.type-shine {
    width: 250px;
    height: 70.5px;
    margin: 7px 5px 0 70px;
    padding: 30px 5px 0 40px;
    font-size: 22px;
    position: relative;
    overflow: hidden;
    color: #F2812A;
    float: left;
    font-family: 'Cardo', serif;
    font-weight: bolder;
	line-height: 25px;
}
		
/*SNS*/
.sns{
	margin: 0px 0 7.5px 50px;
	padding: 5px 0 5px 80px; 
	width: 200px;
 	height: 75px;
	float: left;
}}

@media (max-width: 769px){


.start{
	width:760px;
	height:210px;
	clear: both;
	overflow: hidden;
}

.logo{
 width:  500px;
 height: 138px;	
 margin: 15px 0 0 0;	
 padding-right:0px;
}
.type-shine {
    width: 200px;
    height: 70.5px;
    margin: 7px 25px 0 5px;
    padding: 30px 5px 0 5px;
    font-size: 18px;
	line-height: 20px;
}
		
/*SNS*/
.sns{
	margin: 0px 0 7.5px 40px;
	padding: 5px 0 5px 50px; 
	width: 200px;
 	height: 75px;
	float: left;
}}

/*スライダー*/
.slider{
	width: 100%;
	max-width: 1300px;
	height: 500px;
	margin:0 auto;
	text-align: center;
	position:relative;
}
.slider ul{
	margin:0;
	padding:0;
	list-style:none;
}
.slider ul li{
	width:1000px;
	height:400px;
	position:absolute;
	top:0;
	left:0;
	animation-iteration-count:infinite;
	animation-duration:24s;
}
.slider ul li:nth-child(1){
	animation-name:slider;
	animation-delay:-3s;
}
.slider ul li:nth-child(2){
	animation-name:slider;
	animation-delay:5s;
	opacity:0;
}
.slider ul li:nth-child(3){
	animation-name:slider;
	animation-delay:13s;
	opacity:0;
}
@keyframes slider{
	0%{
		opacity:0;
	}
	20.83%{
		opacity:1;
	}
	33.33%{
		opacity:1;
	}
	45.83%{
		opacity:0;
	}
	100%{
		opacity:0;
	}}
@media (max-width: 1024px){
.slider{
	width: 100%;
	max-width: 1024px;
	margin:0 auto;
	text-align: center;
	position:relative;
}}
@media (max-width: 769px){
.slider{
	width: 100%;
	max-width: 769px;
	height: 500px;
	margin:0 auto;
	text-align: center;
	position:relative;
}}

@media (max-width: 415px){
.slider{
	width: 100%;
	max-width: 415px;
	height: 500px;
	margin:0 -40.5%;
	text-align: center;
	position:relative;
}}

/*NAV*/
.gnav{
	width:100%;
}
nav ul{
    background-color: rgba(193,222,121,0.80);
    display: table;
    margin: 15px 0 15px 12px;
    padding: 20px 5px 15px 0px;
    width: 98%;
    text-align: center;
}
nav li{
display: table-cell;
min-width: 20px;
}
nav a{
    display: block;
    width: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 32px;
    font-family: 'Cardo', serif;
    font-style: italic;
    font-weight: bolder;
    padding-bottom: 5px;
    text-shadow: 0px 0.5px 70px #2B4B0A;
}
nav li:hover{
    color: #F5EFB9;
	border-bottom: 4px  solid #F0E475;    
}

@media (max-width: 1024px){

nav ul{
    display: table;
    margin: 15px 5px 15px 5px;
    padding: 20px 10px 15px 5px;
    width: 97%;
    text-align: center;
}
nav li{
display: table-cell;
min-width: 15px;
}
nav a{
    font-size: 22px;
}}


/*ここまで変更なし*/

/*====================TOP start==========================*/
/*お知らせ*/
#news{ 
	width:90%;
	height:180px;
	padding: 80px 180px;
	color: rgba(94,29,8,1.00);
	text-align: center;
	}
#news h2{
    width: 280px;
	height: 200px;
    margin: 25px 0 0 -50px;
    padding-top: 25px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background-image: url("../img/news.png");
	background-position: center center;
	background-repeat: no-repeat;
    float: left;
 		}
.online {
	padding-top: 50px;
	padding-right: 50px;
}

@media (max-width: 1024px){
	#news{ 
padding: 40px 120px;
	}}

/*Nanaについて*/
#about{
    width: 97%;
    height: 740px;
    margin-bottom: 50px; 
	   }
.flower{
    float: left;
    margin-left: 65px;
    margin-top: 30px;
    -webkit-box-shadow: 50px 40px 40px 0px #8A320C;
    box-shadow: 50px 40px 50px 0px #8A320C;
	}

.nana{
    float: right;
    color: #5E1D08;
    margin: 10px -10px 20px 0;
    padding: 160px 118px 200px 175px;
    background-color: #ffffff;
    background-image: url("../img/left2.png"), url("../img/right2.png");
    position: left top, right bottom;
	background-repeat: no-repeat;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
    border-bottom-right-radius: 180px;
    border-bottom-left-radius: 180px;
	}
.nana h2 {
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
    color: #5E1D08;
    background: linear-gradient(transparent 20%, #ffff66 60%);
    border-radius: 10px;
    line-height: 30px;
	padding-bottom: 10px;
   }

@media (max-width: 1024px){
	.flower{
    float: left;
	margin:-250px 25px 100px 100px;
 	}

.nana{
    float: right;
    margin: 5px 2px 20px 2px;
    padding: 160px 158px 250px 175px;    
	}}

/*Profile*/
#profile{
	width: 97%;
	height: 650px;
	color: #5E1D08;
	border-radius: 10px;
	padding-bottom: 60px;	
}
.resume{
	float: left;
	margin:50px 0 0 130px;
	background-color: #ffffff;
	border-radius: 40%;
	padding: 0 3px 80px 30px;
	}
.resume h2 {
	font-weight: bold;
    font-size: 25px;
    text-align: center;
    color: #5E1D08;
	background: linear-gradient(transparent 20%, #ffff66 60%);
	border-radius:10px;
	margin-top: 65px;
	padding-bottom: 20px;
   }

.teacher{
    float: right;
    -webkit-box-shadow: -60px 50px 50px 0px #CEC853;
    box-shadow: -60px 50px 50px 0px #CEC853;
	margin-right: 120px;
}

@media (max-width: 1024px){
	#profile{
	height: 900px;
	padding-bottom: 60px;	
}
.resume{
	float: left;
	margin:90px 0 0 50px;
	background-color: #ffffff;
	border-radius: 40%;
	padding: 0 3px 80px 10px;
	}

.teacher{
    float: right;
	margin: 300px 0px 150px 5px;
}}
/*===================TOP end=================*/

/*===================ONLINE start=================*/

.about_online{
    text-align: left;
    width: 97%;
    max-width: 1000px;
	padding-left: 100px;
    height: 450px;
    color: #5E1D08;	
}

.about_online h2 {
    text-align: center;
	margin: 0 120px 35px 230px;     
	padding: 0 110px 10px 100px;
	font-weight: bold;
    font-size: 25px;
   	background: linear-gradient(transparent 20%, #ffff66 60%);
	border-radius:10px;
	
}
.about_online p{
	line-height: 2.5em;
	padding-left: 160px;
}

.family{
	text-align: center;
	padding-bottom: 180px;
}


@media (max-width: 1024px){
	
	#news{
		margin-right:15%;
	}
	
	#online_lesson{
		margin-right: 50px;
	}
	.about_online h2 {
    text-align: center;
	margin: 0 250px 35px 100px;     
	padding: 0 100px 10px 100px;		
}
.about_online p{
	line-height: 2.5em;
	padding-left: 0px;
}}
/*===================ONLINE end=================*/

/*===================CONTACT start=================*/

#contact{

	width:100%;
	max-width:1300px; 
	overflow: hidden;
	
}
.contact-bg {
    	background-image: url(../img/2427308.jpg);
	background-repeat: no-repeat;
	width:90%;
	max-width: 1300px;
    padding: 100px 0;
    margin: 100px auto 0;
}
 
.contact-message {
    text-align: center;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 50px;
	padding-left: 30%;
	color:#5E1D08;
}

.message-notice {
    color: #c10811;
    font-size: 16px;
}
 
.essential {
    background-color: #F63C53;
    color: #fafafa;
    font-size: 15px;
    padding: 0 10px;
    font-weight: normal;
    margin-left: 10px;
}
 
.contact-area {
    background: #fafafa;
    padding: 90px;
    margin: 100px auto;
    width: 80%;
	max-width: 800px;
	color: #5E1D08;
}
 
.contact-table {
    width: 100%;
	padding-left: 50px;
}
 
.table-list {
    display: flex;
    justify-content: space-between;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.05em;
    width: 100%;
    margin-bottom: 40px;
}
 
.table-list th {
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    text-align: left;
}
 
.table-list-address {
    flex-wrap: wrap;
}
 
.table-list-address .input-area {
    margin-bottom: 10px;
}
 
.input-area {
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.05em;
    padding: 0 10px;
    border: none;
    width: 550px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #c4c4c4;
}
 
.table-list td {
    font-size: 16px;
    width: calc(100% - 250px);
}
 
input::placeholder {
    color: #bfbfbf;
    font-size: 15px;
    font-weight: bold;
}
 
textarea {
    border: none;
    width: 550px;
    height: 200px;
    padding: 0;
    border: 1px solid #c4c4c4;
}
 
textarea::placeholder {
    color: #bfbfbf;
    font-size: 16px;
}
 
input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 
.contact-area .text {
    font-size: 16px;
    text-align: center;
    margin-bottom: 100px;
}
 
.contact-area .text a {
    color: #5E1D08;
    border-bottom: 1px solid #5E1D08;
    transition: all .3s;
}
 
.contact-area .text a:hover {
    border-bottom: 1px solid #777;
    padding-bottom: 5px;
    color: #777;
}
 
.submitbtn{
	padding-left: 32%;
}
.submit-button {
    box-sizing: border-box;
    position: relative;
    display: block;
    margin: 30px auto 0;
    background-color: rgba(205,228,148,0.80);
    cursor: pointer;
    border: 1px solid #e4eeef;
    color: #5E1D08;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    outline: none;
    -webkit-transition: all .3s;
    transition: all .5s;
    padding: 20px 100px;
}
 
.submit-button:hover {
    background: #C1DE79;
    color: #5E1D08;
    border: 1px solid #cae1e3;
}
 
 
@media(max-width:1300px) {
    .contact-area {
        width: 98%;
        padding: 60px;
    }}
 
@media(max-width:1024px) {
    .contact-area {
        padding: 30px 15px;
    }
 
    .table-list th {
        width: 180px;
    }
 
    .table-list td {
        width: 100%;
    }
 
    .input-area {
        width: 500px;
        height: 40px;
    }
 
    textarea {
        width: 500px;
        height: 200px;
    }
 
    .contact-message {
        margin-bottom: 30px;
		padding-left: 7%;
    }
 
    .contact-area .text {
        margin-bottom: 30px;
	}
	.submitbtn{
	padding-left: 0;
}}
 
@media(max-width:834px) {
    .contact-bg {
        margin: 50px auto 0;
        padding: 50px 0;
    }
 
    .contact-area {
        margin: 50px auto;
        padding: 50px 20px;
    }
 
    .check-box label {
        width: 100%;
    }
 
    .input-area {
        width: 100%;
        height: 30px;
    }
 
    textarea {
        width: 100%;
        height: 200px;
    }
    .table-list {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .table-list th {
        font-size: 16px;
        width: 200px;
        margin-bottom: 10px;
    }
    .table-list td {
        font-size: 12px;
    }
    .table-list td {
        width: 100%;
    }
    .contact-message {
        font-size: 13px;
    }
    .contact-area .text {
        font-size: 13px;
    }}
@media (max-width:640px) {
    .contact-message {
        text-align: left;
    }
    .contact-area .text {
        text-align: left;
    }}
@media(max-width:415px) {
    .input-area {
        width: 100%;
    }
    textarea {
        width: 100%;
    }}
/*===================CONTACT end=================*/

/*===================ACCESS start=================*/
#access{
    color: #5E1D08;
    text-align: center;
}

.access_detail{
	margin:8% 0 12% 0;
}
.access_detail h2{
	font-size: 25px;
	padding-bottom: 10px;
	font-weight: bold;
    text-align: center;
    color: #5E1D08;
	bacgound-color:#ffffff;
	background: linear-gradient(transparent 20%, #ffff66 60%);
	border-radius:10px;
	margin: 20% 30% 3% 30%;
	}

.ggmap {
position: relative;
padding-bottom: 45%;
margin-left: 28%;
padding-top: 10%;
margin-top:-4%;
margin-bottom: -12%;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 50%;
}

#room{
    color: #5E1D08;
    text-align: center;
}
.room_detail{
	margin:90px 0 100px 0;
}

.room_detail h2{
	font-size: 25px;
	padding-bottom: 20px;
	font-weight: bold;
    text-align: center;
    color: #5E1D08;
	bacgound-color:#ffffff;
	background: linear-gradient(transparent 20%, #ffff66 60%);
	border-radius:10px;
	margin:0 30% 3% 30%;
}

#staff{
    color: #5E1D08;
    text-align: center;
	margin-bottom: 5%;
	padding-bottom: 150px;
}
.staff_detail{
	margin:100px 0 100px 0;
}

.staff_detail h2{
	font-size: 25px;
	padding-bottom: 20px;
	font-weight: bold;
    text-align: center;
    color: #5E1D08;
	bacgound-color:#ffffff;
	background: linear-gradient(transparent 20%, #ffff66 60%);
	border-radius:10px;
	margin: 20% 30% 3% 30%;
}
/*===================ACCESS end=================*/

/*===================LESSON start=================*/
#lesson{
	width:100%;
	max-width:1300px;
	height:30%;
}
#lesson .lesson_price{
    margin: 100px 0 50px 50px;
    font-weight: bolder;
    font-size: 21px;
    text-align: center;
    background-image: url(../img/green_circle.png);
    background-position: 50.5% 150%;
    padding-top: 100px;
    padding-bottom: 145px;
    text-decoration: underline;
    text-indent: 0px;
    background-repeat: no-repeat;
}

#bcourse,#mcourse,#bqcourse,#onlinecourse{
	text-align: center;
	padding-bottom: 30px;
}

#onlinecourse{
	padding-bottom: 80px;
	margin-left:-5px;
}

.basic_detail,.master_detail,.bouquet_detail,.online_detail{
    padding: 30px 0px 80px 20px;
    font-size: 20px;
    line-height: 40px;
    background-image: url("../img/underber.png");
    background-repeat: no-repeat;
    background-position: 59% -30%;
}

.class{
    width: 100%;
    max-width: 1000px;
    margin: 30px 10px 100px 105px;
    text-align: center;
}

.one,.two,.three,.four{
 text-align: center;
}
.basic_class,.master_class,.bouquet_class,.online_class {
  border-collapse: collapse;
  text-align: center;
}
.basic_class th,.master_class th,.bouquet_class th, .online_class th {
  /* １番上の線 */
   border-top: 3px solid #A28C63;
}
.basic_class th,.master_class th,.bouquet_class th,
.basic_class td,.master_class td,.bouquet_class td{
  padding: 20px 65px 20px 105px;
  text-align: center;
  /* ２番目以降の線 */
  color: rgba(94,29,8,0.90);
  border-bottom: 3px solid #A28C63;
}

.online_class th, .online_class td{
 padding: 20px 20px 20px 40px;
  text-align: center;
  /* ２番目以降の線 */
  color: rgba(94,29,8,0.90);
  border-bottom: 3px solid #A28C63;
}

/* 上段の背景色 */
.basic_class th, .master_class th,.bouquet_class th,.online_class th {
  /* background: pink; */
  font-weight: normal;
  color: rgba(94,29,8,1.00);
}

.one, .two, .three, .four{
	padding-bottom: 5%;
	padding-left: 31.5%;
}

.basic_ph, .master_ph,.bouquet_ph{
	margin-left: 120px;
}

@media (max-width: 1024px){
	#lesson{
	width:100%;
	max-width:1015px;
	height:30%;
}

.basic_detail,.master_detail,.bouquet_detail,.online_detail{
    background-position: 65% -20%;
}
.class{
    width: 100%;
    max-width: 1000px;
    margin: 30px 0px 100px -35px;
    text-align: center;
}}


/*===================LESSON end=================*/

/*ここから変わらない*/
/*フッター*/
#footer{
	clear:both;
	width:100%;
	max-width:1300px;
	height:300px;
	}

.footer-ph{
	width:20%;
	max-width:280px;
	float: left;
	margin: 50px 10px;
	padding: 20px 10px 0 52px;
}

.footer .detail{
    width: 40%;
    max-width: 400px;
	line-height: 1.5em;
	margin: 10px 10px 10px 280px;
   	padding: 60px 20px 10px 80px;
}

.footer-info-list{
    color: rgba(94,29,8,0.90);
    font-size: 16px;
}

.hour{
	width: 40%;
	max-width: 450px;
	margin: -195px 10px 10px 0;
	padding:10px  5px 10px 0;
	float: right;
}
.biz-hour {
  border-collapse: collapse;
}
.biz-hour th {
  /* １番上の線 */
   border-top: 1px solid #A28C63;
}
.biz-hour th, .biz-hour td {
  padding: 8px 8px;
  text-align: center;
  /* ２番目以降の線 */
  color: rgba(94,29,8,0.90);
  border-bottom: 1px solid #A28C63;
}

/* 上段の背景色 */
.biz-hour th {
  /* background: pink; */
  font-weight: normal;
  color: rgba(94,29,8,1.00);
}

/* 土曜日の文字色 */
.biz-hour th.sat {
  color: #3db2da;
}

/* 日曜日の文字色 */
.biz-hour th.sun {
  color: #e66a6a;
}


.footer p {
	clear:both;
	width:100%;
	text-align: center;
   	color: rgba(94,29,8,1.00);
}
#page_top{
    width: 100px;
    height: 60px;
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #F9B8D9;
    opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  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;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 1024px){
#footer{
	clear:both;
	width:100%;
	max-width:1024px;
	height:300px;
	}

.footer-ph{
	width:20%;
	max-width:210px;
	float: left;
	margin: 50px 7.5px;
	padding: 20px 7.5px 0 39px;
}

.footer .detail{
    width: 40%;
    max-width: 400px;
	line-height: 1.4em;
	margin: 20px 5px 10px 120px;
   	padding: 50px 25px 5px 40px;
}


.hour{
	width: 40%;
	max-width: 400px;
	margin: -200px 5px 10px 10px;
	padding:10px 0 10px 10px;
	float: right;
}
#page_top{
    width: 100px;
    height: 60px;
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #F9B8D9;
    opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  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;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}	}