@charset "utf-8";

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 8 10 8px;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  background-color: #61a0f4;
  color: #fff;
  font-weight: bold;
  font-size:30px;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/*==========================================
ボタン
===========================================*/


.top_button {
  width: 85%;
    max-width: 850px;
	max-height:100px;	
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
	font-size: 2vw;
    border:0.15vw solid #5B5B5B;
	border-radius: 25px / 25px;
background-color:#D6254D;
text-shadow:0 -1px #6b8425;
margin:30px 0;
}

.top_button:hover {
  text-decoration: none;
  opacity: 0.7;
}


.top_button_pc {
  width: 85%;
    max-width: 850px;
	max-height:100px;	
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
	font-size: 2vw;
    border:0.15vw solid #5B5B5B;
	border-radius: 25px / 25px;
background-color:#C14082;
text-shadow:0 -1px #6b8425;
margin:30px 0;
}

.top_button_pc:hover {
  text-decoration: none;
  opacity: 0.7;
}
.pc { display: block !important; }
.sp { display: none !important; }



/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media screen and ( max-width:480px )
 {
	.top_button {
  width: 95%;
  padding: 20px 0;
  font-size: 4.2vw;
}
	.top_button_pc {
  width: 95%;
  padding: 20px 0;
  font-size: 4.2vw;
}

.pc { display: none !important; }
.sp { display: block !important; }
 }
@media screen and ( max-width:768px ){
.pc { display: none !important; }
.sp { display: block !important; 
}
	.top_button {
  width: 95%;
  padding: 20px 0;
  font-size: 4.2vw;
}
	.top_button_pc {
  width: 95%;
  padding: 20px 0;
  font-size: 4.2vw;
}

}