body{
	background:#fff;
   /* color:#eaff00;*/
    color:#000;
	letter-spacing:	2px;
	font-family: 'Noto Sans JP', sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック',’MS PGothic’, 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;
}

a:link{
	color:#003F7D;
	text-decoration:none;
}

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

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

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

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

#contents h1{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h2{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h3{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h4{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents h5{
	display:none;
	font-size:0px;
	text-indent:-9999px;
}

#contents .clear{
	clear:both;
}

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

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

.fadein-h {
  animation-name: fadeInAnime;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}


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

	/*トップ*/
	.pc { display: block !important; }
	.sp { display: none !important; }

	header{
		width:100%;
		padding-top: 54%;
		background:url("../img/top_bg_pc.jpg");
		background-position: top center;
		background-size: cover;
		display: flex;
		align-items: center;
	}

	header .g-shape{
		width:45%;
		height:0;
		margin:0;
		padding-top: 45%;
		background-image:url(../img/g-shape.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 0 auto;
	}

	header .programe-t{
		position: relative;
		width:65%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: -35% 0 0 0 ;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}	

	header .programe-t_2304{
		position: relative;
		width:65%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc_2304.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: -35% 0 0 0 ;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}	
	header .programe-t_2306{
		position: relative;
		width:65%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc_2304.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: -35% 0 0 0 ;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}	
	header .programe-t_2510{
		position: relative;
		width:65%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc_2510.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: -35% 0 0 0 ;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}	
	
	header #header_inner{
		position:relative;
		width:100%;
		max-width: 1240px;
		height:auto;
		/* margin:-54%  auto 0 auto;*/
		margin:-65%  auto 0 auto;
		text-align: center;
	}


	#message-t{
		width:100%;
		padding-top: 20%;
		background:url("../img/top_bg_pc.jpg");
		background-position: top center;
		background-size: cover;
	}
	
	#message-t .g-shape{
		width:15%;
		height:0;
		margin:0;
		padding-top: 15%;
		background-image:url(../img/g-shape.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: -18% auto 0 auto;
	}

	#message-t .programe-t_2306{
		position: absolute;
		width:37.5%;
		height:0;
		margin:0;
		padding-top: 12%;
		background-image:url("../img/title_pc_2304.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 3% 31.25% 0 31.25%;
		text-indent: 100%;
		top:0;
		white-space: nowrap;
		overflow: hidden;
	}

	#message-t .programe-t_2510{
		position: absolute;
		width:37.5%;
		height:0;
		margin:0;
		padding-top: 12%;
		background-image:url("../img/title_pc_2510.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 3% 31.25% 0 31.25%;
		text-indent: 100%;
		top:0;
		white-space: nowrap;
		overflow: hidden;
	}
	.img{	
		max-width: 100%;
		border: 0;
		margin:0;
		paddingg:0;
	}

	#contents{
		width:100%;
		padding:0;
		margin:0 auto;
		flex: 1;
	}

	#contents p{
		margin:0;
		padding: 0;
	}

	/*コーナータイトル*/
	#contents .c-title{
		border:1px solid #000;
		font-family: multi-display, sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#000;
		font-size:min(2.5vw,32px);
		line-height:min(5vw,52px); 
		padding:0 0.75vw;
		display: inline-block;
	}

	#contents .c-title .t2{
		font-family: multi-display, sans-serif;
		font-weight: 400;
		font-style: normal;	
		font-size:min(2.5vw,32px);
		line-height:min(5vw,52px); 
	}
	
/*twitter*/
	
	#contents .twitter{
		width:72%;
		max-width: 1240px;
		height:auto;
		margin:4vw auto 3vw auto;
		padding:0 ;

	}
	#contents .twitter .wrap{
		width:60%;
		max-width: 640px;
		height:auto;
		margin:2vw auto 0 auto;
		padding:0 ;
		display: flex;
		Justify-content:center;
		outline: 1px solid #ccc;
		outline-offset: -1px;
	}
	
/*latest&next*/
	
	#contents .p-ln{
		width:72%;
		max-width: 1240px;
		height:auto;
		margin:4vw auto 3vw auto;
		padding:0 ;

	}
	#contents .p-ln .wrap{
		width:100%;
		max-width: 1240px;
		height:auto;
	}
	/*プログラム*/

	#contents .program{
		width:72%;
		max-width: 1240px;
		height:auto;
		margin:3vw auto 0 auto;
		padding: 0 ;
	}

	#contents .program p{
		margin: 2vw 0 0 0;
		font-size:min(1.5vw,21px);
		line-height:min(2.5vw,42px);
		font-family: source-han-serif-japanese, serif;
		font-weight: 400;
		font-style: normal;
		padding:0;
	}
	
	#contents .program .right{
		margin:0;
		font-size:min(1.75vw,24px);
		line-height:min(2.5vw,42px);
		font-family: source-han-serif-japanese, serif;
		font-weight: 900;
		font-style: normal;
		padding:0;
		text-align: right;
	}	
	#contents .program .profile{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 1vw auto 0 auto;
	}
	#contents .program .profile_2304{
		width:100%;
		height:0;
		margin:0;
		padding-top: 75%;
		background-image:url("../img/profile_pic_2308.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 1vw auto 0 auto;
	}
	#contents .program .profile_2404{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url("../img/profile_pic_2404.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 1vw auto 0 auto;
	}
	#contents .program .profile_2407{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url("../img/profile_pic_2407.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 1vw auto 0 auto;
	}
	#contents .program .profile_2504{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url("../img/profile_pic_2504.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 1vw auto 0 auto;
	}
	#contents .program .profile_2508{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url("../img/profile_pic_2508.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 1vw auto 0 auto;
	}
	#contents .program .profile_2511{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url("../img/profile_pic_2511.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 1vw auto 0 auto;
	}

	
	
		#contents .podcast{
		width:72%;
		max-width: 1240px;
		height:auto;
		margin:3vw auto 0 auto;
		padding: 0 ;
	}

	#contents .podcast p{
		margin: 2vw 0 0 0;
		font-size:min(1.5vw,21px);
		line-height:min(2.5vw,42px);
		font-family: source-han-serif-japanese, serif;
		font-weight: 400;
		font-style: normal;
		padding:0;
	}
	#contents .podcast .linkBtn{
		font-family: multi-display, sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#000;
		font-size:min(2.5vw,32px);
		line-height:min(5vw,52px); 
		position:relative;
		font-size:18px;
		text-align: center;
		margin:0.5vw auto 4vw auto;
		font-style: normal;
	} 
	#contents .podcast .linkBtn a:link{
		color:#fff;
		border:1px solid #666;
		background: #999;
		padding:0.75vw;
	}
	#contents .podcast .linkBtn a:visited{
		color:#fff;
		border:1px solid #666;
		background: #999;
		padding:0.75vw;
	}
	#contents .podcast .linkBtn a:hover{
		color:#fff;
		border:1px solid #222;
		background: #444;
		padding:0.75vw;
	}
	#contents .podcast .AMAbanner{
		position: relative;
		width:32%;
		height:0;
		margin:0;
		padding-top: 10.4%;
		background-image:url("../img/amazon_banner.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw auto;
	} 
	#contents .podcast .amab1{
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		margin-bottom: 4vw;
	}
	#contents .gyao{
		padding:0;
		margin: 2vw auto;
		text-align: center;
	}
	#contents .gyao .sp_site{
			font-size:min(2.5vw,21px);
			line-height:min(4vw,42px);
			font-weight: 600;
			font-style: normal;
			background:#000;
            border-radius:0.75vw;
			padding:0.5vw 0 0.25vw 0;
			margin: 0;
	} 
	#contents .gyao .sp_site a:link{
			color:#fff;
	}

	#contents .gyao .sp_site a:visited{
			color:#fff;
	}
	#contents .gyao .sp_site a:hover{
			color:#fff;
	}
	#contents .gyao .sp_site:after{
            content:"";
            content: '\f144';
            font-family: 'Font Awesome 5 Free';
            font-size: min(2.5vw,21px);
            font-weight: 900;
            color:#fff;
            margin-right:0.25vw;
	}
	
	#contents .gyao  .caption-g{
            font-size:min(1.5vw,12px);
			font-weight: 400;
			font-style: normal;
			margin-top:0.25vw;
			padding: 0;
			font-family: 'Noto Sans JP', sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック',’MS PGothic’, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	}

	
	/*フッタ*/
	footer{
		background:#000;
		height:auto;
		margin:1vw auto 0 auto;
		padding-bottom:10px;
		width:100vw;
	}
	footer .jLogo{
		width:100%;
		margin:20px 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, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size:12px;
		color:#fff;
		text-align:center;
		padding:5px auto 0 auto;
	}

}


/* スマートフォン用 */
@media screen and (max-width:640px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }
	
	header{
		width:100%;
		height:100vh;
		background:url("../img/top_bg_sp.jpg");
		background-position: top center;
		background-size: cover;
		display: flex;
		align-items: center;
	}	

	header .g-shape{
		width:100%;
		height:0;
		margin:0;
		padding-top: 80%;
		background-image:url(../img/g-shape.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: -25% 0 0 auto;
	}

	header .programe-t{
		width:95%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin:-50% 0 0 2vw;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}	
	header .programe-t_2304{
		width:95%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc_2304.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin:-50% 0 0 2vw;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}	
	header .programe-t_2306{
		width:95%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc_2304.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin:-50% 0 0 2vw;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	header .programe-t_2510{
		width:95%;
		height:0;
		margin:0;
		padding-top: 23.77%;
		background-image:url("../img/title_pc_2510.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin:-50% 0 0 2vw;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	header #header_inner{
		width:100%;
		min-width: 300px;
		height:auto;
		/* margin:-65%  auto 0 auto;*/
		margin:0 auto;
		padding: 0;
		text-align: center;
	}

	#message-t{
		width:100%;
		padding-top: 40%;
		background:url("../img/top_bg_pc.jpg");
		background-position: top center;
		background-size: cover;
	}
	
	#message-t .g-shape{
		width:35%;
		height:0;
		margin:0;
		padding-top: 35%;
		background-image:url(../img/g-shape.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: -38% auto 0 auto;
	}

	#message-t .programe-t_2306{
		position: absolute;
		width:90%;
		height:0;
		margin:0;
		padding-top: 24%;
		background-image:url("../img/title_pc_2304.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 7% 5% 0 5%;
		text-indent: 100%;
		top:0;
		white-space: nowrap;
		overflow: hidden;
	}

	#message-t .programe-t_2510{
		position: absolute;
		width:90%;
		height:0;
		margin:0;
		padding-top: 24%;
		background-image:url("../img/title_pc_2510.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 7% 5% 0 5%;
		text-indent: 100%;
		top:0;
		white-space: nowrap;
		overflow: hidden;
	}

	#contents{
		width:100%;
		margin:0 auto;
		padding:0;
		flex: 1;
	}

	/*コーナータイトル*/
	
	#contents .c-title{
		border:1vw solid #000;
		font-family: multi-display, sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#000;
		font-size:7vw;
		line-height:9vw; 
		padding:0 0.75vw;
		margin: 0 3vw;
		display: inline-block;
	}

	#contents .c-title .t2{
		font-family: multi-display, sans-serif;
		font-weight: 400;
		font-style: normal;	
		font-size:7vw;
		line-height:9vw; 
	}

/*twitter*/	
	#contents .twitter{
		width:100%;
		min-width: 300px;
		height:auto;
		margin:8vw auto 0 auto;
		padding:0;
	}
	#contents .twitter .wrap{
		width:100%;
		height:auto;
		margin:3vw auto 0 auto;
		padding:0 ;
		display: flex;
		Justify-content:center;
	}

/*latest&next*/	
	#contents .p-ln{
		width:100%;
		min-width: 300px;
		height:auto;
		margin:8vw auto 0 auto;
		padding:0;
	}
	#contents .p-ln .wrap{
		margin:2vw 3vw 0 3vw;
		padding:0 ;
/*		display: flex;
		Justify-content:center;*/
	}

	#contents .program{
        min-width:300px;
        height:auto;
        margin:6vw auto 0 auto;
        padding:0;
    }
	
	#contents .program p{
		margin: 3vw 3vw 0 3vw;
		font-size:3.5vw;
		line-height:6.5vw;
		font-family: source-han-serif-japanese, serif;
		font-weight: 400;
		font-style: normal;
		padding:0;
	}
	#contents .program .right{
		margin:0 3vw;
		font-size:3.5vw;
		line-height:5vw;
		font-family: source-han-serif-japanese, serif;
		font-weight: 900;
		font-style: normal;
		padding:0;
		text-align: right;
	}   
	#contents .program .profile{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}
	#contents .program .profile_2304{
		width:100%;
		height:0;
		margin:0;
		padding-top: 75%;
		background-image:url(../img/profile_pic_2308.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}
	#contents .program .profile_2404{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic_2404.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}
	#contents .program .profile_2407{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic_2407.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}
	#contents .program .profile_2412{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic_2412.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}
	#contents .program .profile_2504{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic_2504.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}
	#contents .program .profile_2508{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic_2508.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}
	#contents .program .profile_2511{
		width:100%;
		height:0;
		margin:0;
		padding-top: 66.7%;
		background-image:url(../img/profile_pic_2511.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 2vw 0;
	}

	#contents .podcast{
        min-width:300px;
        height:auto;
        margin:6vw auto 0 auto;
        padding:0;
    }
	
	#contents .podcast p{
		margin: 3vw 3vw 0 3vw;
		font-size:3.5vw;
		line-height:6.5vw;
		font-family: source-han-serif-japanese, serif;
		font-weight: 400;
		font-style: normal;
		padding:0;
	}
	#contents .podcast .linkBtn{
		font-family: multi-display, sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#000;
		font-size:5vw;
		position:relative;
		margin: 5vw 0 10vw 0;
		font-style: normal;
		color:#fff;
		text-align: center;
	} 
	#contents .podcast .linkBtn a:link{
		color:#fff;
		border:1px solid #666;
		background: #999;
		padding:2vw 12vw;
	}
	#contents .podcast .linkBtn a:visited{
		color:#fff;
		border:1px solid #666;
		background: #999;
		padding:2vw 12w;
	}
	#contents .podcast .AMAbanner{
		position: relative;
		width:80%;
		height:0;
		margin:0;
		padding-top: 26.24%;
		background-image:url("../img/amazon_banner.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 4vw auto;
	} 
	#contents .podcast .amab1{
		border-top:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
		margin: 0 auto 8vw auto;
		width:95%;
	}
	#contents .gyao{
		padding:2vw;
	}
	

	#contents .gyao .sp_site{
		width:94%;
		font-size:3.2vw;
		font-weight: 600;
		font-style: normal;
		background:#000;
		border-radius:0.75vw;
		padding:2.75vw 0 2.5vw 0;
		margin: 0 auto;
	} 
	#contents .gyao .sp_site a:link{
			color:#fff;
	}

	#contents .gyao .sp_site a:visited{
			color:#fff;
	}
	#contents .gyao .sp_site a:hover{
			color:#fff;
	}
	#contents .gyao .sp_site:after{
            content:"";
            content: '\f144';
            font-family: 'Font Awesome 5 Free';
            font-size: 3.2vw;
            font-weight: 900;
            color:#fff;
            margin-left:1vw;
	}
	
	#contents .gyao .caption-g{
			font-size: 2vw;
			margin-top:0.25vw;
			padding: 0;
			font-family: 'Noto Sans JP', sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック',’MS PGothic’, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	}
    
	/*フッタ*/	
	footer{
		width:100%;
		height:auto;
		margin:20px auto 0 auto;
		padding:0 0 3vw 0;
        background: #000;
	}
		
	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;
	}
	
}