@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
html{font-size:14px!important;}
body{
	font-family: 'Alata', sans-serif;
	letter-spacing: 2px;
	word-wrap:break-word;
	word-break:break-all;
}
#body{overflow:hidden;}
#bottom_menu ul li a:hover{
	opacity:0.5;
	transition:all 0.3s;	
}
#header{z-index:99;}
/*top_return*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 0;
	z-index: 10;
}
#page-top a {
    width: 50px;
    height: 50px;
}
#page-top a:hover{transform: translateY(-5px);}
#page-top a::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    right: 0;
    left: 0;
    top: 10px;
    bottom: 0;
    margin: auto;
    transform: rotate(-45deg);
}
/*sns_link*/
#fixed_right_banner {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 99;
}

/*ハンバーガーメニュー*/
.menu_stick{
     z-index: 100;
     height: 20px;
	 width: 30px;
     right: 20px;
	 top: 15px;
}
.menu_stick span{
     height: 2px;
     transition: 0.3s;
}
.menu_stick span::before,.menu_stick span::after{
     height: 2px;width: 100%;
     background-color: #616060;
     transition: 0.3s;
     position: absolute;
     content: "";
     display: block;
     left: 0;
	 right: 0;
}
header .menu_stick span::before{top: -10px;}
header .menu_stick span::after{bottom: -10px;}

.menu_stick.stick_trans span::before,.menu_stick.stick_trans span::after{
     top: 0;bottom: 0;
     margin: auto;
     background-color: white;
}
.menu_stick.stick_trans span{background-color: transparent;}
.menu_stick.stick_trans span::before{transform: rotate(225deg);}
.menu_stick.stick_trans span::after{transform: rotate(-225deg);}

#sp_nav{
     z-index: 99;
     left: 0;top: 0;
     overflow-y: scroll;
}
#sp_nav ul{box-sizing: border-box;}

.linkStyle{color:#47E2E2;}




/* 画像ホバー時のエフェクト
   ----------------------------------------------------------------- */
.snip1352 {
  position: relative;
  overflow: hidden;
}
.snip1352 img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: all 1s ease-out;
  transition: all 0.5s ease-out;
}
.snip1352:hover img,
.snip1352.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
/*	transform: scaleZ(0.5);*/
}





/*IE*/
@media all and (-ms-high-contrast: none){
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.menu_stick{top: 35px;}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.menu_stick{top: 15px;}
/*top_return*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 15px;
    z-index: 10;
}
#page-top a img {
    height: 60px;
    width: 60px;
}
}