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


ul, li {
	list-style: none;
}

a:link{
	color:#8F7003;
	text-decoration:none;
}

a:visited{
	color:#435766;
	text-decoration:none;
}

a:hover{
	color:#ff6600;
	text-decoration:none;
}

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

.object-fitImg{
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

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

#contents .clear{
	clear:both;
}

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

/*ƒgƒbƒv*/
.pc { display: block !important; }
.sp { display: none !important; }
	
	body{
		background-color: #05060a;
		background-image: url("../img/bg.jpg");
		background-repeat: no-repeat;
		padding-top: 63.4146%;
		background-attachment: fixed;
		background-size: 100%;
		background-position: top center;
	   /* color:#eaff00;*/
		color:#fff;
		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;
	}

	#snsbanner{
		display: inline-block;
		margin: 2em auto 1em auto;
		padding:0.25em 0.5em;
		text-align: center;
		padding:0;
		background: #444;
		border-radius: 5em;
	}
	#gigyaShare {
		vertical-align: top;
		text-align: center;
		margin-left:-2.5em; 
	}
	
    header{
        width:100%;
        padding:0;
        margin:0 auto;
		position: relative;
		text-align: center;
    }
	header h3{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:min(2.5vw,40px);
        letter-spacing: 0.1em;
		margin: 4em auto 0 auto;
		text-align: center;
    } 
	header h1{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:600;
        font-size:min(8vw,128px);
        letter-spacing: 0.075em;
		margin: 0.25em auto 0 auto;
		color: transparent;
  		-webkit-text-stroke: 0.05em #fff;
		text-align: center;
		-webkit-box-reflect: below -0.45em -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0,0,0,.09));
    } 
	header h2{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:min(6vw,96px);
        letter-spacing: 0.025em;
		margin: 0 auto;
		text-align: center;
 		-webkit-box-reflect: below -0.4em -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0,0,0,.09));
	} 
	header .date{
		display: inline-block;
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:100;
        font-size:min(2vw,32px);
        letter-spacing: 0.15em;
		line-height: 1.5em;
		margin: 1em auto 0 auto;
		text-align: center;
		background: rgba(0,0,0,.1);
		padding:0 .75em;
	} 
	header .navi{
		width:15%;
		background:url("../img/navi.jpg") no-repeat;
		padding-top:15%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	} 
	header .name{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:100;
        font-size:min(1.75vw,28px);
        letter-spacing: 0.1em;
		line-height: 1.5em;
		margin: 0.2em auto 0 auto;
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
		padding:0;
	} 
	header .name .bold{
        font-weight:600;
	} 
	
	#contents{
		width:100%;
		padding:0;
		margin:20em auto 0 auto;
	}
	#contents #top{
		width: 90%;
		max-width:1440px;
		margin: 0 auto;
		padding:0;
		list-style: none;
		position: relative;
	}
	#contents #top ul{
		display: flex;
		justify-content:space-between;
		align-items: center;
		flex-wrap: wrap;
		margin:0;
		padding:0;
	}
	#contents #top ul li{
		display:block;
		width:100%;
		margin:0;
		padding:0;
	}
	#contents #top ul li:nth-child(1){
		width:27%;
		margin:0;
		padding:0;
	}
	#contents #top ul li:nth-child(2){
	  	width:70%;
		margin:0;
		padding:0;
	}
	#contents #top .logo{
		width:100%;
		background:url("../img/bmsg_logo.jpg") no-repeat;
		padding-top:56.25%;
		background-position: center center;
		background-size:contain;
		margin: 1.5em auto 0 auto;
	} 
	#contents #top .copy{
		color:#fff;
        font-style: normal;
        font-weight:600;
        font-size:min(1.9vw,28px);
        letter-spacing: 0.1em;
		line-height: 1.75em;
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
		margin: 0;
		padding:0;
	} 
	#contents #top p{
		color:#ccc;
        font-style: normal;
        font-weight:400;
        font-size:min(1.6vw,20px);
        letter-spacing: 0.1em;
		line-height: 1.7em;
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
		margin: 2em auto 0 auto;
		padding:0;
	}
	
	#contents #program{
		width: 100%;
		margin: 0 auto;
		padding:0;
		position: relative;
	}
	#contents #program .wrap{
		width: 100%;
		background: rgba(64,64,64,.45);
		margin: 5em auto 0 auto;
		padding:2em 0;
	}
	#contents #program .wrap h3{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:min(6vw,72px);
        letter-spacing: 0.15em;
		margin: 0 auto;
		padding:0;
		text-align: center;
	}
	#contents #program .wrap h4{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style:italic;
        font-weight:600;
        font-size:min(4vw,48px);
        letter-spacing: 0.05em;
		margin: 0 auto;
		padding:0;
		text-align: center;
		color: transparent;
  		-webkit-text-stroke: 0.05em #fff;
	}
	#contents #program .wrap p{
		color:#bbb;
        font-style: normal;
        font-weight:400;
        font-size:min(1.5vw,18px);
        letter-spacing: 0.05em;
		line-height: 1.7em;
		margin: 2em auto 0 auto;
		padding:0;
		text-align: center
	}
	#contents #program ul{
		width:90%;
		max-width: 1440px;
		display: flex;
		justify-content:center;
		align-items: top;
		flex-wrap: wrap;
		margin:1em auto;
		padding:0;
	}
	#contents #program ul li{
		display:block;
		width:100%;
		margin:0;
		padding:0;
	}
	#contents #program ul li{
		width:30%;
		margin:0 1%;
		padding:0;
	}	
	#contents #program .img1{
		width:100%;
		background:url("../img/befirst.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img2{
		width:100%;
		background:url("../img/mazzel.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img3{
		width:100%;
		background:url("../img/hana.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img4{
		width:100%;
		background:url("../img/aile_the_shota.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img5{
		width:100%;
		background:url("../img/shunto.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img6{
		width:100%;
		background:url("../img/showminorsavage.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img7{
		width:100%;
		background:url("../img/reiko.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img8{
		width:100%;
		background:url("../img/kairyu.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img9{
		width:100%;
		background:url("../img/skyhi.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img10{
		width:100%;
		background:url("../img/no_photo.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .name{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:min(1.6vw,21px);
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
		margin: 0.5em auto 0 auto;
		padding:0;
		text-align: center;
	}
	#contents #program .name .small{
        font-weight:100;
        font-size:min(1.3vw,14px);
	}
	
	/* spotify */
	#contents #spotify{
		width: 100%;
		max-width: 1600px;
		margin: 12em auto 5em auto;
		padding:0;
		position: relative;
	}
	#contents #spotify .img{
		width:25%;
		background:#666;
		padding-top:18.75%;
		background-position: center center;
		background-size:contain;
		margin: 0 auto;
	}
	
	@media screen and (min-width:1601px )
	{
		header .navi{
			width:240px;
			background:url("../img/navi.jpg") no-repeat;
			padding-top:240px;
			background-position: center center;
			background-size:contain;
			border-radius: 12.8px;
			margin: 1.5em auto 0 auto;;
		} 
	}
    
    footer{
        height:auto;
        margin:2vw auto 0 auto;
        padding:2vw 00;
        width:100vw;
		text-align: center;
		background: #222;
    }
	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; }

	body {
	  margin: 0;
	  min-height: 100vh;
	  position: relative;
	  color: #fff;
	  font-family: 'Noto Sans JP', sans-serif;
	}
	body::before {
	  content: "";
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: url("../img/bg_sp.jpg") no-repeat center top;
	  background-size: cover;
	  z-index: -1;
	}

	#snsbanner{
		display: inline-block;
		margin: 4vw auto 3vw auto;
		text-align: center;
		padding:0;
		background: #444;
		border-radius: 8vw;
	}
	#gigyaShare {
		vertical-align: top;
		text-align: center;
		margin-left:-2.5em; 
	}
	
	header{
        width:100%;
		height:100vh;
        padding:0;
        margin:0 auto;
		position: relative;
		text-align: center;
    }
	header h3{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:4vw;
        letter-spacing: 0.1em;
		margin: 30vw auto 0 auto;
		text-align: center;
	} 
	header h1{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:600;
        font-size:12vw;
        letter-spacing: 0.025em;
		margin: 0.25em auto 0 auto;
		color: transparent;
  		-webkit-text-stroke: 0.05em #fff;
		text-align: center;
		-webkit-box-reflect: below -0.45em -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0,0,0,.09));
	} 
	header h2{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:10vw;
        letter-spacing: 0.025em;
		margin: 0 auto;
		text-align: center;
 		-webkit-box-reflect: below -0.4em -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0,0,0,.09));
	} 
	header .date{
		display: inline-block;
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:100;
        font-size:3.25vw;
        letter-spacing: 0.15em;
		line-height: 1.5em;
		margin: 1em auto 0 auto;
		text-align: center;
		background: rgba(0,0,0,.1);
		padding:0 .75em;
	} 
	header .navi{
		width:40%;
		background:url("../img/navi.jpg") no-repeat;
		padding-top:40%;
		background-position: center center;
		background-size:contain;
		border-radius: 8%;
		margin: 1.5em auto 0 auto;;
	} 
	header .name{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:100;
        font-size:3vw;
        letter-spacing: 0.1em;
		line-height: 1.5em;
		margin: .75em auto 0 auto;
		padding:0;
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
	} 
	header .name .bold{
        font-weight:600;
	} 

 	#contents{
		width:100%;
		margin:0 auto;
		padding:0;
		position: relative;
	}
	#contents #top{
		width: 90%;
		margin: 0 auto;
		padding:0 5%;
		list-style: none;
	}
	#contents #top ul{
		display: flex;
		flex-flow: column;
		margin:0;
		padding:0;
	}
	#contents #top ul li{
		display:block;
		margin:0 auto;
		padding:0;
	}
	#contents #top ul li:nth-child(1){
		width:40%;
		margin:0 auto;
		padding:0;
	}
	#contents #top ul li:nth-child(2){
	  	width:100%;
		margin:0;
		padding:0;
	}
	#contents #top .logo{
		width:100%;
		background:url("../img/bmsg_logo.jpg") no-repeat;
		padding-top:56.25%;
		background-position: center center;
		background-size:contain;
		margin: 1.5em auto 0 auto;
	} 
	#contents #top .copy{
		color:#fff;
        font-style: normal;
        font-weight:600;
        font-size:3.8vw;
        letter-spacing: 0.1em;
		line-height: 1.5em;
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
		margin: 1em 0 0 0;
		padding:0;
	} 
	#contents #top p{
		color:#ccc;
        font-style: normal;
        font-weight:400;
        font-size:3.2vw;
        letter-spacing: 0.1em;
		line-height: 1.5em;
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
		margin: 2em auto 0 auto;
		padding:0 0 2em 0;
	} 

	#contents #program{
		width: 100%;
		margin: 0 auto;
		padding:0;
		position: relative;
	}
	#contents #program .wrap{
		width: 100%;
		background: rgba(64,64,64,.45);
		margin: 5em auto 0 auto;
		padding:2em 0;
	}
	#contents #program .wrap h3{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:8vw;
        letter-spacing: 0.15em;
		margin: 0 auto;
		padding:0;
		text-align: center;
	}
	#contents #program .wrap h4{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style:italic;
        font-weight:600;
        font-size:6vw;
        letter-spacing: 0.05em;
		margin: 0 auto;
		padding:0;
		text-align: center;
		color: transparent;
  		-webkit-text-stroke: 0.05em #fff;
	}
	#contents #program .wrap p{
		color:#ccc;
        font-style: normal;
        font-weight:400;
        font-size:2.75vw;
        letter-spacing: 0.05em;
		line-height: 1.7em;
		margin: 2em auto 0 auto;
		padding:0;
		text-align: center
	}
	#contents #program ul{
		width:90%;
		display: flex;
		justify-content:space-between;
		align-items: center;
		flex-wrap: wrap;
		margin:1em auto;
		padding:0;
	}
	#contents #program ul li{
		display:block;
		width:100%;
		margin:0;
		padding:0;
	}
	#contents #program ul li{
		width:70%;
		margin:0 auto;
		padding:0;
	}	
	#contents #program .img1{
		width:100%;
		background:url("../img/befirst.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img2{
		width:100%;
		background:url("../img/mazzel.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img3{
		width:100%;
		background:url("../img/hana.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img4{
		width:100%;
		background:url("../img/aile_the_shota.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img5{
		width:100%;
		background:url("../img/shunto.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img6{
		width:100%;
		background:url("../img/showminorsavage.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img7{
		width:100%;
		background:url("../img/reiko.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img8{
		width:100%;
		background:url("../img/kairyu.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img9{
		width:100%;
		background:url("../img/skyhi.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .img10{
		width:100%;
		background:url("../img/no_photo.jpg") no-repeat;
		padding-top:66.666%;
		background-position: center center;
		background-size:contain;
		border-radius: 10%;
		margin: 1.5em auto 0 auto;
	}
	#contents #program .name{
        color:#fff;
        font-family: brother-1816, sans-serif;
        font-style: normal;
        font-weight:400;
        font-size:3.5vw;
		text-shadow: 2px 2px 10px #000, -2px 2px 10px #000, 2px -2px 10px #000, -2px -2px 10px #000;
		margin: 0.5em auto 1em auto;
		padding:0;
		text-align: center;
	}
	#contents #program .name .small{
        font-weight:100;
        font-size:2.75vw;
	}

	/* spotify */
	#contents #spotify{
		width: 100%;
		margin: 12em auto 5em auto;
		padding:0;
		position: relative;
	}
	#contents #spotify .img{
		width:40%;
		background:#666;
		padding-top:30%;
		background-position: center center;
		background-size:contain;
		margin: 0 auto;
	}
		
	footer{
		width:100%;
		height:auto;
		margin: 0 auto;
		padding:2vw 0;
		text-align: center;
		background: #222;
	}
	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:1vw;
		color:#fff;
		text-align:center;
        letter-spacing: 0.25vw;
		margin:4.5vw 0 0 0;
	}
	
}