@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap');

body{
	background:#fff;
   /* color:#eaff00;*/
    color:#000;
	letter-spacing:	2px;
	font-family: 'Noto Sans JP', sans-serif,ŸΰƒSƒVƒbƒN‘Μ, 'Yu Gothic', YuGothic, 'ƒqƒ‰ƒMƒmŠpƒS Pro','Hiragino Kaku Gothic ProN', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ƒSƒVƒbƒN',fMS PGothicf, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align:	center;
	-webkit-text-size-adjust: 100%;
    display: flex;
	flex-flow: column;
	min-height: 100vh;
}


ul, li {
	list-style: none;
}


.hidden{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}


#contents .clear{
	clear:both;
}

#snsbanner{
    margin: 0 auto;
    text-align: center;
	padding:0;
}

#gigyaShare {
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
}

#loader_wrap {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    background: #1b1b1b;
    z-index: 50;
}


@media screen and (min-width:641px )
{

/*ƒgƒbƒv*/
.pc { display: block !important; }
.sp { display: none !important; }


    #contents{
        width:100%;
        padding:0;
        margin:0 auto;
        flex: 1;
    }
		
	#contents #top{
		width:100%;
		height:auto;
	}
 
    /*top*/
    
    #contents #top .topImg{
        max-width:1080px;
        height:auto;
        padding:0;
        margin:0 auto;
        text-align: center;
		position: relative;
    }

 
    /*ƒtƒbƒ^*/

    footer{
		background:#000;
        height:auto;
        margin:2vw auto 0 auto;
        padding:2vw 00;
        width:100vw;
    }
    footer .jSns{
        width:100%;
        margin:0px auto 5px auto;
        padding:0;
        text-align: center;
    }
    footer .jLogo{
        width:100%;
        margin:0px auto 5px 0;
        padding:0;
        text-align: center;
        
    }

    footer .logo_jwave {
        width: 240px;
        margin: 20px 0 5px 20px;
    }

    footer .copyright{
        width:100%;
        font-family: Arial, "ŸΰƒSƒVƒbƒN", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
        font-size:12px;
        color:#fff;
        text-align:center;
        padding:5px auto 0 auto;
    }

}


/* ƒXƒ}[ƒgƒtƒHƒ“—p */

@media screen and (max-width:640px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }

	#contents{
		width:100%;
		margin:0 auto;
		padding:0;
        flex: 1;
	}
		
	#contents #top{
		width:100%;
		height:auto;
	}
     
    #contents #top .topImg{
		min-width: 300px;
        height:100%;
        padding:0;
        margin:0 auto;
        text-align: center;
    }

/*ƒtƒbƒ^*/	
	footer{
		width:100%;
		height:auto;
		margin: 0 auto;
		padding:2vw 0;
		background: #000;
	}
    footer .jSns{
        width:100%;
        margin:20px auto 5px auto;
        padding:0;
        text-align: center;
    }
	footer .jLogo{
		width:100%;
        margin:10px auto 5px auto;
		padding:0;
        float: left;
        text-align: center;
	}

    footer .logo_jwave {
        width: 50%;
        margin:0 0 7px 20px;  
      }

	footer .copyright{
		width:100%;
		font-size:2vw;
		color:#fff;
		text-align:center;
        letter-spacing: 0.25vw;
		margin:4.5vw 0 0 0;
	}
	
}