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

ul, li {
	list-style: none;
}

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

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

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

.repo-link{
	color:#8F7003;
	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: 1s;
}
.fadeIn.is-show {
  opacity: 1;
}

.t-strong{
	font-weight: 600;
	border-bottom:2px solid #bf916b;
}
h1{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

h2{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

h3{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

h4{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

h5{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#contents .clear{
	clear:both;
}


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

/* loading anime */
.loader {
    width: 400px;
    height: 300px;
    background: url("../img/preloader.gif") no-repeat;
    opacity: 0;
    animation: blink 1.5s infinite linear;
    position: relative;
}

@keyframes blink {
    50% {
        opacity: 0.5;
        }
}

/* end of loading */
.loaded {
    opacity: 0;
    visibility: hidden;
}



@media screen and (min-width:641px )
{
	/*トップ*/
	.pc { display: block !important; }
	.sp { display: none !important; }

	body{
		background:#000;
		/*background-attachment: fixed;*/
	   /* color:#eaff00;*/
		color:#222;
		letter-spacing:	0.05em;
		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;
		font-size:16px;
	}	

	#snsbanner{
		display: inline-block;
		margin: 2em auto 1em auto;
		padding:0.25em 0.5em;
		text-align: center;
		padding:0;
		background: #999;
		border-radius: 5em;
	}

	#gigyaShare {
		vertical-align: top;
		text-align: center;
		margin-left:-2.5em; 
	}
	
	header{
		width:100%;
		background-image:url("../img/top_main_a_pc.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 61%;
		position: relative;
	}
	header #container {
		display: flex;
		justify-content:center;
		align-items:center;
		margin: -61% 0 0 0;
		padding: 61% 0 0 0;
		position: relative;
	}
	header .mainImage{
		margin: 0;
		padding: 0;
	}
	header .borderArea{
		width:100%;
		position:absolute;
		right: 0;
		left: 0;
		bottom:22%;
		margin: 0 auto;
	}
	header .borderArea .c1{
		width:100%;
		height:3.5vw;
		max-height: 44.8px;
		margin: 0 auto;
		papdding:0;
		background: rgba(60,185,25,0.75);
	}
	header .borderArea .c2{
		width:100%;
		height:3.5vw;
		max-height: 44.8px;
		margin: 0 auto;
		papdding:0;
		background: rgba(255,216,0,0.75);
	}

	header .borderArea .c3{
		width:100%;
		height:3.5vw;
		max-height: 44.8px;
		margin: 0 auto;
		papdding:0;
		background: rgba(218,42,42,0.75);
	}
	header .mainTitle{
		width:80%;
		background-image:url("../img/top_title_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 8.4%;
		margin: -10.5vw 0 0 9%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	header .btnArea{
		width:100%;
		max-width: 1280px;
		height:auto;
		position:absolute;
		right: 0;
		left: 0;
		bottom:2.5%;
		margin: 0 auto;
		display: flex;
		justify-content:space-between;
		align-items:center;
	}
	header .btnArea img{
		width:100%;
		max-width: 409px;
		padding: 0;
		margin: 0;
	}
	header .btnArea img:hover {
		background:rgba(255,255,255,.2);
		padding: 0;
		margin: 0;
	}	
/*	header .btnArea .item1{
		width:32%;
		background-color: #000;
		background-image:url("../img/top_btn1_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 0;
		padding:9.45% 0 0 0;
		display: inline-block;
	}
	header .btnArea .item2{
		width:32%;
		height:auto;
		background: #000;
		background-image:url("../img/top_btn2_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 0;
		padding:9.45% 0 0 0;
	}
	header .btnArea .item3{
		width:32%;
		height:auto;
		background: #000;
		background-image:url("../img/top_btn3_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		margin: 0;
		padding:9.45% 0 0 0;
	}
*/	
	header .btnArea .item1{
		width:32%;
		background-color: #000;
		margin: 0;
		padding:0;
	}
	header .btnArea .item2{
		width:32%;
		background-color: #000;
		margin: 0;
		padding:0;
	}
	header .btnArea .item3{
		width:32%;
		background-color: #000;
		margin: 0;
		padding:0;
	}
	@media screen and (min-width:1280px )
	{
		header{
			width:100%;
			background-image:url("../img/top_main_b_pc.jpg");
			background-repeat: no-repeat;
			background-size:cover;
			background-position: center center;
			padding-top: 780px;
			position: relative;
		}
		header #container {
			display: flex;
			justify-content:center;
			align-items:center;
			margin: -780px 0 0 0;
			padding: 0;
			position: relative;
		}
		header .mainImage{
			width:1280px;
			background-image:url("../img/top_main_a_pc.jpg");
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			padding-top: 780px;
			top:0;
		}	
		header .mainTitle{
			width:1024px;
			background-image:url("../img/top_title_pc.png");
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			padding-top: 107px;
			margin: -132px auto 0 auto;
		}
	}
	
	header .copy{
		width:auto;
		max-width:520px;
		text-align:center;
		text-shadow: 0.2em 0.2em 1em black, 0 0 5em black, 0 0 0.2em black;
		font-weight: 600;
		font-style: normal;
		font-size:min(3vw,38px);
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		top:0.5em;
	}
	header .copy::before{
		content:"音楽で世界を変えたカリスマ";
		text-align:center;
		background: linear-gradient(90deg, #3bb919 10%, #ffd802 50%, #da2a2a 90%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: 600;
		font-style: normal;
		font-size:min(3vw,38px);
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		top:0;
		-webkit-background-clip: text;
		text-shadow: none;
	}
/*	header .copyShadow {
		width:auto;
		max-width:520px;
		text-align:center;
		text-shadow: 1px 2px 3px #808080;
		font-weight: 600;
		font-style: normal;
		font-size:min(3vw,38px);
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		top:0.5em;
	}
*/
	#contents{
		width:100%;
		max-width:1280px;
		padding:0;
		margin:0 auto;
	}
	#contents p{
		margi:0;
		padding: 0;
	}
	
	#contents2{
		width:100%;
		padding:0 0 4em 0;
		margin:0 auto;
		background: url("../img/hs_bg.jpg")repeat;
	}
	#contents2 p{
		margi:0;
		padding: 0;
	}
	#contents3{
		width:100%;
		padding:0 0 4em 0;
		margin:0 auto;
		background:#4b1d1d;
	}
	#contents3 p{
		margi:0;
		padding: 0;
	}
	#contents_mail{
		width:100%;
		padding:0 0 4em 0;
		margin:0 auto;
		background: url("../img/hs_bg.jpg")repeat;
	}

	/*イントロダクション*/

	#contents #intro{
		width:100%;
		height:auto;
		margin:4em auto;
		padding:0;
		position: relative;
	}
	#contents #intro .introRead{
		max-width:1280px;
		height:auto;
		margin:0 auto;
		background: linear-gradient(90deg, #3bb919 10%, #ffd802 50%, #da2a2a 90%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-align: center;
	}

	#contents #intro .introRead p{
		margin: 1.5em auto;
		font-size:min(2vw,26px);
		line-height:min(4vw,51px);
		padding:0;
	}

	/*映画*/
	#contents #movie{
		width:100%;
		height:auto;
		margin:4em auto;
		padding:0;
		position: relative;
	}
	#contents #movie .inner{
		width:90%;
		max-width: 1152px;
		height:auto;
		background: linear-gradient(180deg, #1e2f15 0%, #7ac615 100%);
		margin:4em auto;
		padding:0 0 2em 0;
		position: relative;
		text-align: center;
	}
	#contents #movie .inner .title{
		width:90%;
		background-image:url("../img/movie_title_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 62.63%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents #movie .inner .detail{
		display:none;
		font-size:0px;
		text-indent:-9999px;
	}
	#contents #movie .inner .youtube {
		width: 90%;
		aspect-ratio: 16 / 9;
		margin: 0 auto;
	}
	#contents #movie .inner .youtube iframe {
		width: 100%;
		height: 100%;
	}
	#contents #movie .inner .btn a{
		width:auto;
		display: inline-block;
		background: linear-gradient(90deg, #3bb919 10%, #ffd802 50%, #da2a2a 90%);
		padding:0.75em;
		border: solid #000 4px;
		font-size:min(2vw,24px);
		font-weight: 600;
		color:#000;
		transition: .3s;
		margin: 1em auto;
	}
	#contents #movie .inner .btn a:hover{
		background: linear-gradient(90deg, #a1ca95 10%, #ffd867 50%, #f68a83 90%);
	}
	#contents #movie .inner .images{
		width:90%;
		background-image:url("../img/movie_image_pc.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 12%;
		margin: 0 auto;
	}
	#contents #movie .inner .copyright{
		margin: 0.25em 5% 0 0;
		font-size:min(0.75vw,10px);
		color:#fff;
		padding:0;
		text-align: right;
	}
	#contents #movie .inner .preview{
		width:90%;
		height:auto;
		background: rgba(255,255,255,.4);
		margin:1.5em auto;
		padding:0;
		position: relative;
		text-align: center;
		padding-top:2em;
	}
	#contents #movie .inner .preview .title_pre{
		width:95%;
		font-size:min(2vw,24px);
		font-weight: 600;
		color:#000;
		text-align: center;
		display: inline-block;
		border-top: solid 0.2em #5ea24b;
		border-bottom: solid 0.2em #5ea24b;
		position: relative;
		padding:0.75em 0 0.25em 0;
		margin-bottom: 1em;
	}
	#contents #movie .inner .preview .title_pre:before{
	  content: "";
	  border-top: solid 0.2em #f1bf08;
	  border-bottom: solid 0.2em #f1bf08;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width:100%;
	  height: calc(100% - 0.01em);
	}
	#contents #movie .inner .preview .title_pre:after{
	  content: "";
	  border-top: solid 0.2em #f03d30;
	  border-bottom: solid 0.2em #f03d30;
	  position: absolute;
	  top: 0.19em;
	  left: 0;
	  width: 100%;
	  height: calc(100% - 0.01em);
	}
	#contents #movie .inner .preview p{
		width:95%;
		font-size:min(1.25vw,18px);
		font-weight: 600;
		color:#000;
		text-align: left;
		margin: 0.5em auto;
	}
	#contents #movie .inner .preview .scap{
		font-size:min(1vw,12px);
		font-weight: 400;
		color:#000;
	}
	
   /*ホリスペ*/
	#contents2 #program {
		width:100%;
		max-width:1280px;
		height:auto;
		margin:0 auto;
		padding:3em 0 0 0;
		position: relative;
	}
	
	#contents2 #program .wrap {
		width: 100%;	
		display: flex;
		justify-content:center;
		align-items:flex-start;
		flex-wrap: wrap;
		margin: 0 auto;
		padding:0;
	}
	#contents2 #program .box_g{
        width:30%;
		max-width:320px;
        height:auto;
		padding:0vw 1.25vw 0 1.25vw;
		magin:0 0 -1vw 0;
		text-align: center;
		padding-bottom: 2em
	}
	#contents2 #program .box_g_sp{
        width:30%;
		max-width:320px;
        height:auto;
		padding:1.5em 1.25vw 0 1.25vw;
		magin:0 0 -1vw 0;
		text-align: center;
		padding-bottom: 2em
	}
	#contents2 #program .box_g_comment{
        width:18.5%;
		max-width:220px;
        height:auto;
		padding:0vw 0.75vw 0 0.75vw;
		magin:0;
		text-align: center;
		padding-bottom: 2em
	}
	#contents2 #program .box_g_comment_sp{
        width:40%;
		max-width:232px;
        height:auto;
		padding:0vw 1.25vw 0 1.25vw;
		magin:0 0 -1vw 0;
		text-align: center;
		padding-bottom: 2em
	}
	#contents2 #program .navi{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/navi.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .reader1{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/reader1.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		/*background: #fff;*/
		display: inline-block;
	}
	#contents2 #program .reader2{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/reader2.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		/*background: #fff;*/
		display: inline-block;
	}
	#contents2 #program .guest1{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/guest1.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest2{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/guest2.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest3{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/guest3.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest4{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/guest4.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest5{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/guest5.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest6{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/guest6.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest7{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/guest7.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g1{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/comment_g1.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g2{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/comment_g2.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g3{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/comment_g3.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g4{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/comment_g4.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g5{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/comment_g5.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .mix_g{
        width:60%;
        height:auto;
        margin:0;
		padding-top:60%;
		background-image:url("../img/mix.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .name_navi{
        font-size:min(1.75vw,22px);
		color:#000;
        font-weight:600;
		text-align: center;
		margin: 0 0 0 0;
		padding: 0;
	}
	#contents2 #program .name{
        font-size:min(1.5vw,18px);
		color:#000;
        font-weight:600;
		text-align: center;
		margin: 0.25em 0 0 0;
		padding: 0;
	}
	#contents2 #program .name_s{
        font-size:min(1.25vw,14px);
		color:#000;
		text-align: center;
		margin: 0.25em 0 0 0;
		padding: 0;
    }
	#contents2 #program .name_t{
        font-size:min(1.25vw,14px);
		color:#000;
		text-align: center;
        font-weight:600;
		margin: 0.25em 0 0 0;
		padding: 0;
    }
	#contents2 #program .name_l{
        font-size:min(1.5vw,18px);
		color:#000;
		font-weight:400;
		text-align: center;
		margin: 0.25em 0 0 0;
		padding: 0;
    }
	#contents2 #program .pgTitle{
		width:100%;
		background-image:url("../img/program_title_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 41.875%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .introduction{
		width:100%;
		max-width: 1280px;
		height:auto;
		margin:4em auto;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}
	#contents2 #program .introduction .copy{
		width:auto;
		max-width:1150px;
		text-align:center;
		text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0-2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;
		font-weight: 600;
		font-style: normal;
		font-size:min(3vw,38px);
		right: 0;
		left: 0;
		margin: 0 auto;
		top:1em;
		padding-top:1em;
	}
	#contents2 #program .introduction .copy::before{
		content:"ボブ・マーリーの魅力に迫る9時間のスペシャルプログラム";
		text-align:center;
		background: linear-gradient(90deg, #3bb919 25%, #ffd802 50%, #db4c28 75%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: 600;
		font-style: normal;
		font-size:min(3vw,38px);
		right: 0;
		left: 0;
		margin: 1em auto;
		position: absolute;
		top:0;
		-webkit-background-clip: text;
		text-shadow: none;
	}
   #contents2 #program p{
		max-width:1280px;
        height:auto;
        margin:1.5em auto 1.5em auto;
 		font-size:min(1.5vw,20px);
        line-height:min(3vw,42px);
		text-align: center;
	}
	
	/*ストーリー*/
	#contents2 #program .story{
		width:100%;
		max-width: 1280px;
		height:auto;
		margin:4em auto;
		padding: 2em 0 1em 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .story .cornerT{
		width:100%;
		max-width: 421px;
		background-image:url("../img/program_subt_story.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 7%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	/*ゲスト*/
	#contents2 #program .guest{
		width:100%;
		max-width: 1280px;
		height:auto;
		margin:4em auto;
		padding: 2em 0 1em 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .guest .cornerT{
		width:100%;
		max-width: 355px;
		background-image:url("../img/program_subt_guest.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 7%;
		margin: 0 auto 2em auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .guest .commentT{
		width:auto;
		text-align:center;
		text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0-2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;
		font-weight: 600;
		font-style: normal;
		font-size:min(2.5vw,32px);
		right: 0;
		left: 0;
		margin: 0 auto;
		padding:0.5em 0;
	}
	#contents2 #program .guest .commentT::before{
		content:"COMMENT GUESTS";
		text-align:center;
		background: linear-gradient(90deg, #3bb919 25%, #ffd802 50%, #db4c28 75%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: 600;
		font-style: normal;
		font-size:min(2.5vw,32px);
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;

		-webkit-background-clip: text;
		text-shadow: none;
	}
	
	/*mix*/
	#contents2 #program .mix{
		width:100%;
		max-width: 1280px;
		height:auto;
		margin:4em auto;
		padding: 2em 0 1em 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .mix .cornerT{
		width:100%;
		max-width: 421px;
		background-image:url("../img/program_subt_show.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 7%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	/*メッセージ*/
	#contents2 #program .message{
		width:100%;
		max-width: 1280px;
		height:auto;
		margin:4em auto;
		padding: 2em 0 3em 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .message .cornerT{
		width:100%;
		max-width: 421px;
		background-image:url("../img/program_subt_message.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 7%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .message .btn a{
		width:auto;
		display: inline-block;
		background: #000;
		padding:0.75em 2em;
		font-size:min(2vw,24px);
		font-weight: 600;
		color:#fff;
		transition: .3s;
		margin: 0 auto;
	}
	#contents2 #program .message .btn a:hover{
		background: rgba(0,0,0,.5);
	}
	
/*x、ギャラリー*/	
	#contents2 #program .post {
		width: 100%;
		max-width:1280px;
		display: flex;
		justify-content:center;
		align-items:flex-start;
		flex-wrap: wrap;
		margin: 0 auto;
		padding:0;
		position:relative;
	}
	#contents2 #program .post .box{
        width:50%;
		max-width:640px;
		height:auto;
		padding:0;
		magin:0;
		text-align: center;
	}
	#contents2 #program .post .cornerT_x{
		width:100%;
		max-width: 421px;
		background-image:url("../img/program_subt_x.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 14%;
		margin: 0 auto 2em auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .post .cornerT_photo{
		width:100%;
		max-width: 421px;
		background-image:url("../img/program_subt_photo.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 14%;
		margin: 0 auto 2em auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	/*ギャラリー*/
	#contents2 .post .display{
		width:auto;
		height:auto;
		margin:0 auto;
	} 
	#contents2 .post .display .detail{
		width:93.75%;
		height:auto;
		margin: 0 auto ;
		padding:0;
		overflow: hidden; /* heightを戻す */
	}
	#contents2 .post .display .detail .hsPRimg ul{
		margin:0 0 0 0;
		padding:0;
		display: flex;
		justify-content: space-between;
    	flex-wrap:wrap;
		 list-style: none;
	}
	#contents2 .post .display .detail .hsPRimg ul::after{
		display: block;
		content:"";
		width: 25%;
		margin:0 1vw 0 1vw;
	}
	#contents2 .post .display .detail .hsPRimg li{
		width:25%;
		height:25%;
		margin:0 2.5% 5% 2.5%;
		padding:0;
	}
    
	/*X*/
	#contents2 .post .xpost{
		width:92%;
		height:auto;
		margin:0 auto;
		padding: 0;
		position: relative;
	}
	@media screen and (min-width:1280px )
	{
		#contents2 .post .xpost{
		width:100%;
		height:auto;
		margin:0 auto;
		padding: 0;
		}
	}
	
  /*トリビュート*/
	#contents3 #tribute {
		width:100%;
		max-width:1280px;
		height:auto;
		margin:0 auto;
		padding:3em 0 0 0;
		text-align: center;
		position: relative;
	}
	#contents3 #tribute .tbTitle{
		width:60%;
		background-image:url("../img/tribute_title_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 11.25%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
   #contents3 #tribute p{
		max-width:1280px;
        height:auto;
        margin:1.5em auto 1.5em auto;
 		font-size:min(1.5vw,20px);
        line-height:min(3vw,42px);
		color:#dac5c5;
		text-align: center;
	}
	#contents3 #tribute .wrap{
		width: 100%;	
		display: flex;
		justify-content:center;
		align-items: top;
		flex-wrap: wrap;
		margin: 0 auto;
		padding:0;
	}
	#contents3 #tribute .box_g{
        width:48%;
		max-width:460px;
        height:auto;
		padding:0 1%;
		magin:0;
		text-align: center;
		padding-bottom: 2em;
	}
	#contents3 #tribute img{
		width:100%;
		max-width: 460px;
		padding: 0;
		margin: 0;
	}
	#contents3 #tribute img:hover{
		background:rgba(75,30,30,.8);
		padding: 0;
		margin: 0;
	}
	#contents3 #tribute .t1{
        font-size:min(1.75vw,22px);
		color:#dac5c5;
        font-weight:600;
		text-align: center;
		margin: 0.5em 0 0 0;
		padding: 0;
	}
	#contents3 #tribute .t2{
        font-size:min(1.5vw,18px);
		line-height: min(2.4vw,28px);
		color:#dac5c5;
        font-weight:400;
		text-align: center;
		margin: 0 0 0 0;
		padding: 0;
	}
	#contents3 #tribute .t3{
        font-size:min(1.25vw,16px);
		line-height: min(2vw,20px);
		color:#dac5c5;
        font-weight:400;
		text-align: center;
		margin: 0.5em 0 0 0;
		padding: 0;
	}
	
	/*フッタ*/
	footer{
		width:100%;
		height:auto;
		margin:0 auto;
		padding: 0 0 1vw 0;
		background: #000;
		position: relative;
		text-align: center;
	}
	footer .jLogo{
		width:100%;
		margin:1em auto 5px 0;
		padding:0;
		text-align: center;
	}
	footer .logo_jwave {
		width: 240px;
		margin: 1em 0 5px 20px;
		padding:0;
	}
	footer .copyright{
		width:100%;
		font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		color:#fff;
		font-size:12px;
		text-align:center;
		padding:5px auto 0 auto;
	}
	
}


/* スマートフォン用 */

@media screen and (max-width:640px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }
	
	body{
		background:#000;
		/*background-attachment: fixed;*/
	   /* color:#eaff00;*/
		color:#222;
		letter-spacing:	0.05em;
		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;
	}

	#snsbanner{
		display: inline-block;
		margin: 4vw auto 3vw auto;
		text-align: center;
		padding:0;
		background: #999;
		border-radius: 8vw;
	}

	#gigyaShare {
		vertical-align: top;
		text-align: center;
		margin-left:-2.5em; 
	}
	
	header{
		width:100%;
		height:0;
		margin:0 0 0 0;
		padding-top: 100vh;
		background-image:url("../img/top_main_sp.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 178.2%;
		position: relative;
	}	

	header .mainImage{
		margin: 0;
		padding: 0;
	}

	@keyframes bggradient{
	  0% {
		background-position: 0% 50%;
	  }
	  50% {
		background-position: 100% 50%;
	  }
	  100% {
		background-position: 0% 50%;
	  }
	}


	header #container {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	header #header_inner{
		position:relative;
		width:100%;
		height:auto;
		margin:0 10%;
		text-align: center;
		position: absolute;
		top:7vh;
	}

	header .copy{
		width:auto;
		max-width:520px;
		text-align:center;
		text-shadow: 0.2em 0.2em 1em black, 0 0 5em black, 0 0 0.2em black;
		font-weight: 600;
		font-style: normal;
		font-size:6vw;
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		top:0.8em;
	}
	header .copy::before{
		content:"音楽で世界を変えたカリスマ";
		text-align:center;
		background: linear-gradient(90deg, #3bb919 10%, #ffd802 50%, #da2a2a 90%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: 600;
		font-style: normal;
		font-size:6vw;
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		top:0;
		-webkit-background-clip: text;
		text-shadow: none;
	}
	header .copyShadow {
		width:auto;
		max-width:520px;
		text-align:center;
		text-shadow: 1px 2px 3px #808080;
		font-weight: 600;
		font-style: normal;
		font-size:6vw;
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		top:0.5em;
	}
	header .borderArea{
		width:100%;
		height:20px;
		position:absolute;
		right: 0;
		left: 0;
		bottom:43%;
		margin: 0 auto;
	}
	header .borderArea .c1{
		width:100%;
		height:10vw;
		margin: 0 auto;
		papdding:0;
		background: rgba(60,185,25,0.75);
	}
	header .borderArea .c2{
		width:100%;
		height:10vw;
		margin: 0 auto;
		papdding:0;
		background: rgba(255,216,0,0.75);
	}

	header .borderArea .c3{
		width:100%;
		height:10vw;
		margin: 0 auto;
		papdding:0;
		background: rgba(218,42,42,0.75);
	}
	header .mainTitle{
		width:100%;
		background-image:url("../img/top_title_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 25%;
		margin: -30vw 0 0 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	header .btnArea{
		width:100%;
		min-width: 300px;
		height:auto;
		position:absolute;
		right: 0;
		left: 0;
		bottom:5.5%;
		margin: 0 auto;
		display: block;
	}
	header .btnArea img{
		width:100%;
		min-width: 300px;
		padding: 0;
		margin: 0;
	}
	header .btnArea img:hover {
		background:rgba(255,255,255,.2);
		padding: 0;
		margin: 0;
	}	

	header .btnArea .item1{
		width:100%;
		background-color: #000;
		margin: 0 0 1.5% 0;
		padding:0;
		display:inline-block;
	}
	header .btnArea .item2{
		width:100%;
		background-color: #000;
		margin: 0 0 1.5% 0;
		padding:0;
	}
	header .btnArea .item3{
		width:100%;
		background-color: #000;
		margin: 0 0 1.5% 0;
		padding:0;
	}

	#contents{
		width:100%;
		margin:0 auto;
		padding:0;
		position: relative;
	}
	#contents2{
		width:100%;
		margin:6vw auto 0 auto;
		padding:0;
		background: url("../img/hs_bg.jpg")repeat;
		position: relative;
	}
	#contents3{
		width:100%;
		margin:0 auto;
		padding:0;
		background:#4b1d1d;
	}
	#contents_mail{
		width:100%;
		margin:0 auto;
		padding:0;
		background: url("../img/hs_bg.jpg")repeat;
		position: relative;
	}
	#contents #intro{
		min-width:300px;
		height:auto;
		margin:0 auto;
		padding:3vw 0 0 0;
		position: relative;
	}
	#contents #intro .introRead{
		min-width:300px;
		height:auto;
		margin:0;
		background: linear-gradient(90deg, #3bb919 10%, #ffd802 50%, #da2a2a 90%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-size:3.25vw;
		line-height:5.5vw;
		text-align: center;
	}
	#contents #intro .introRead p{
		margin:1.5em 0;
	}

	/*映画*/
	#contents #movie{
		width:100%;
		height:auto;
		margin:6vw auto;
		padding:0;
		position: relative;
	}
	#contents #movie .inner{
		width:90%;
		min-width: 300px;
		height:auto;
		background: linear-gradient(180deg, #1e2f15 0%, #7ac615 100%);
		margin:0 auto;
		padding:1em 0 1.5em 0;
		position: relative;
		text-align: center;
	}
	#contents #movie .inner .title{
		width:40%;
		background-image:url("../img/movie_title_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 67.1%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents #movie .inner .detail{
		width:auto;
		height:auto;
		margin:1em auto;
		color:#b3c79c;
		font-weight: 600;
		font-size:2.8vw;
		line-height:5vw;
		text-align: center;
	}
	#contents #movie .inner .youtube {
		width: 90%;
		aspect-ratio: 16 / 9;
		margin: 0 auto;
	}
	#contents #movie .inner .youtube iframe {
		width: 100%;
		height: 100%;
	}
	#contents #movie .inner .btn a{
		width:85%;
		display: inline-block;
		background: linear-gradient(90deg, #3bb919 10%, #ffd802 50%, #da2a2a 90%);
		padding:1em;
		border: solid #000 2px;
		font-size:3vw;
		font-weight: 600;
		color:#000;
		transition: .3s;
		margin: 1em auto;
	}
	#contents #movie .inner .btn a:hover{
		background: linear-gradient(90deg, #a1ca95 10%, #ffd867 50%, #f68a83 90%);
	}
	#contents #movie .inner .images{
		width:90%;
		background-image:url("../img/movie_image_sp.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 20%;
		margin: 0 auto;
	}
	#contents #movie .inner .copyright{
		margin: 0.5em 5% 0 0;
		font-size:1.5vw;
		color:#fff;
		padding:0;
		text-align: right;
	}
	#contents #movie .inner .preview{
		width:90%;
		height:auto;
		background: rgba(255,255,255,.4);
		margin:1.5em auto 0 auto;
		padding:0;
		position: relative;
		text-align: center;
		padding-top:2vw;
	}
	#contents #movie .inner .preview .title_pre{
		width:95%;
		font-size:3.25vw;
		font-weight: 600;
		color:#000;
		text-align: center;
		display: inline-block;
		border-top: solid 0.2em #5ea24b;
		border-bottom: solid 0.2em #5ea24b;
		position: relative;
		padding:0.75em 0 0.25em 0;
		margin-bottom: 1em;
	}
	#contents #movie .inner .preview .title_pre:before{
	  content: "";
	  border-top: solid 0.2em #f1bf08;
	  border-bottom: solid 0.2em #f1bf08;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width:100%;
	  height: calc(100% - 0.01em);
	}
	#contents #movie .inner .preview .title_pre:after{
	  content: "";
	  border-top: solid 0.2em #f03d30;
	  border-bottom: solid 0.2em #f03d30;
	  position: absolute;
	  top: 0.19em;
	  left: 0;
	  width: 100%;
	  height: calc(100% - 0.01em);
	}
	#contents #movie .inner .preview p{
		font-size:3vw;
		line-height: 3.75vw;
		font-weight: 600;
		color:#000;
		letter-spacing:	0.02em;
		text-align: left;
		margin: 0.5em auto;
		padding-left: 5em;
  		text-indent: -5em;
		margin-left: 1em;
	}
	#contents #movie .inner .preview .scap{
		font-size:2.25vw;
		font-weight: 400;
		color:#000;
	}	
	
   /*ホリスペ*/
	#contents2 #program {
		width:100%;
		min-width:300px;
		height:auto;
		margin:0 auto;
		padding:3em 0 0 0;
		position: relative;
	}
	
	#contents2 #program .wrap {
		width: 100%;	
		display: flex;
		justify-content:center;
		align-items:flex-start;
		flex-wrap: wrap;
		margin: 0 auto;
		padding:0;
	}
	#contents2 #program .box_g{
        width:30%;
		max-width:320px;
        height:auto;
		padding:0 1vw 2vw 1vw;
		magin:0 ;
		text-align: center;
	}
	#contents2 #program .box_g_sp{
        width:50%;
		max-width:500px;
        height:auto;
		padding:1.5em 1.25vw 0 1.25vw;
		magin:0 0 -1vw 0;
		text-align: center;
		padding-bottom: 2em
	}
	#contents2 #program .box_g_comment{
        width:30%;
		max-width:260px;
        height:auto;
		padding:0vw 1.25vw 0 1.25vw;
		magin:0;
		text-align: center;
		padding-bottom: 1em
	}
	#contents2 #program .navi{
        width:90%;
        height:auto;
        margin:0;
		padding-top:90%;
		background-image:url("../img/navi.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .reader1{
        width:70%;
        height:auto;
        margin:0;
		padding-top:70%;
		background-image:url("../img/reader1.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		/*background: #fff;*/
		display: inline-block;
	}
	#contents2 #program .reader2{
        width:70%;
        height:auto;
        margin:0;
		padding-top:70%;
		background-image:url("../img/reader2.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		/*background: #fff;*/
		display: inline-block;
	}
	#contents2 #program .guest1{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/guest1.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest2{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/guest2.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest3{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/guest3.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center; 
		display: inline-block;
	}
	#contents2 #program .guest4{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/guest4.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest5{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/guest5.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest6{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/guest6.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .guest7{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/guest7.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g1{
        width:70%;
        height:auto;
        margin:0;
		padding-top:70%;
		background-image:url("../img/comment_g1.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g2{
        width:70%;
        height:auto;
        margin:0;
		padding-top:70%;
		background-image:url("../img/comment_g2.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g3{
        width:70%;
        height:auto;
        margin:0;
		padding-top:70%;
		background-image:url("../img/comment_g3.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g4{
        width:70%;
        height:auto;
        margin:0;
		padding-top:70%;
		background-image:url("../img/comment_g4.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .comment_g5{
        width:70%;
        height:auto;
        margin:0;
		padding-top:70%;
		background-image:url("../img/comment_g5.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .mix_g{
        width:80%;
        height:auto;
        margin:0;
		padding-top:80%;
		background-image:url("../img/mix.jpg");
		background-repeat: no-repeat;
		background-size: contain;
        background-position: top center;
		display: inline-block;
	}
	#contents2 #program .name_navi{
        font-size:3vw;
		color:#000;
        font-weight:600;
		text-align: center;
		margin: 0.75vw 0 0 0;
		padding: 0;
	}
	#contents2 #program .name{
        font-size:2.75vw;
		color:#000;
        font-weight:600;
		text-align: center;
		margin: 1vw 0 0 0;
		padding: 0;
	}
	#contents2 #program .name_s{
        font-size:2.5vw;
		color:#000;
		text-align: center;
		margin: 1vw 0 0 0;
		padding: 0;
    }
	#contents2 #program .name_t{
        font-size:2.5vw;
		color:#000;
		text-align: center;
        font-weight:600;
		margin: 1.5vw 0 0 0;
		padding: 0;
    }
	#contents2 #program .name_l{
        font-size:2.5vw;
		color:#000;
		font-weight:400;
		text-align: center;
		margin: 1.5vw 0 0 0;
		padding: 0;
    }
	
	#contents2 #program .pgTitle{
		width:100%;
		background-image:url("../img/program_title_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 76.575%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .introduction{
		width:100%;
		min-width: 300px;
		height:auto;
		margin:2vw auto;
		padding-top:2vw;
		padding-bottom: 2vw;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}
	#contents2 #program .introduction .copy{
		width:80%;
		background-image:url("../img/program_copy_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 14.6%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
   #contents2 #program p{
		min-width:300px;
        height:auto;
        margin:2vw auto;
 		font-size:3.25vw;
        line-height:5vw;
		text-align: center;
	}
	
	/*ストーリー*/
	#contents2 #program .story{
		width:100%;
		min-width: 300px;
		height:auto;
		margin:6vw auto;
		padding: 4vw 0 2vw 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .story .cornerT{
		width:100%;
		background-image:url("../img/program_subt_story.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 10%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	/*ゲスト*/
	#contents2 #program .guest{
		width:100%;
		max-width: 1280px;
		height:auto;
		margin:6vw auto;
		padding: 4vw 0 0 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .guest .cornerT{
		width:100%;
		background-image:url("../img/program_subt_guest.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 10%;
		margin: 0 auto 4vw auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .guest .commentT{
		width:auto;
		text-align:center;
		text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0-2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;
		font-weight: 600;
		font-style: normal;
		font-size:4.5vw;
		right: 0;
		left: 0;
		margin: 0 auto;
		padding:0.5em 0;
	}
	#contents2 #program .guest .commentT::before{
		content:"COMMENT GUESTS";
		text-align:center;
		background: linear-gradient(90deg, #3bb919 25%, #ffd802 50%, #db4c28 75%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: 600;
		font-style: normal;
		font-size:4.5vw;
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;

		-webkit-background-clip: text;
		text-shadow: none;
	}
	
	/*mix*/
	#contents2 #program .mix{
		width:100%;
		min-width: 300px;
		height:auto;
		margin:6vw auto;
		padding: 4vw 0 2vw 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .mix .cornerT{
		width:100%;
		background-image:url("../img/program_subt_show.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 10%;
		margin: 0 auto 4vw auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}	
	
	/*メッセージ*/
	#contents2 #program .message{
		width:100%;
		min-width: 300px;
		height:auto;
		margin:6vw auto;
		padding: 4vw 0 2vw 0;
		background:linear-gradient(to left, rgba(60, 185, 25, .5) 10%,rgba(255, 215, 2, .5) 50%,rgba(220, 40, 40, .5) 90%);
		box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);
		position: relative;
	}	
	#contents2 #program .message .cornerT{
		width:100%;
		background-image:url("../img/program_subt_message.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 10%;
		margin: 0 auto 4vw auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .message .btn a{
		width:auto;
		display: inline-block;
		background: #000;
		padding:4vw 8vw;
		font-size:3vw;
		font-weight: 600;
		color:#fff;
		transition: .3s;
		margin: 2vw auto;
		
	}
	#contents2 #program .message .btn a:hover{
		background: rgba(0,0,0,.5);
	}
	
/*x、ギャラリー*/	
	#contents2 #program .post {
		width: 100%;
		min-width:300px;
		display: flex;
		justify-content:center;
		align-items:flex-start;
		flex-wrap: wrap;
		margin: 4vw auto 0 auto;
		padding:0;
		position:relative;
	}
	#contents2 #program .post .box{
        width:100%;
		min-width:300px;
		height:auto;
		padding:0;
		magin:0;
		text-align: center;
	}
	#contents2 #program .post .cornerT_x{
		width:100%;
		background-image:url("../img/program_subt_x.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 10%;
		margin: 3vw auto 4vw auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#contents2 #program .post .cornerT_photo{
		width:100%;
		background-image:url("../img/program_subt_photo.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 10%;
		margin: 2vw auto 4vw auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	/*ギャラリー*/
	#contents2 .post .display{
		width:auto;
		height:auto;
		margin:0 auto;
	} 
	#contents2 .post .display .detail{
		width:93.75%;
		height:auto;
		margin: 0 auto ;
		padding:0;
		overflow: hidden; /* heightを戻す */
	}
	#contents2 .post .display .detail .hsPRimg ul{
		margin:0 0 0 0;
		padding:0;
		display: flex;
		justify-content: space-between;
    	flex-wrap:wrap;
		 list-style: none;
	}
	#contents2 .post .display .detail .hsPRimg ul::after{
		display: block;
		content:"";
		width: 25%;
		margin:0 1vw 0 1vw;
	}
	#contents2 .post .display .detail .hsPRimg li{
		width:25%;
		height:25%;
		margin:0 2.5% 5% 2.5%;
		padding:0;
	}
    
	/*X*/
	#contents2 .post .xpost{
		width:92%;
		height:auto;
		margin:0 auto 6vw auto;
		padding: 0;
		position: relative;
	}
	
  /*トリビュート*/
	#contents3 #tribute {
		width:100%;
		min-width:300px;
		height:auto;
		margin:0 auto;
		padding:6vw 0 0 0;
		text-align: center;
		position: relative;
	}
	#contents3 #tribute .tbTitle{
		width:80%;
		background-image:url("../img/tribute_title_pc.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		padding-top: 15%;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
   #contents3 #tribute p{
		min-width:300px;
        height:auto;
        margin:4vw auto;
 		font-size:3vw;
        line-height:4.75vw;
		color:#dac5c5;
		text-align: center;
	}
	#contents3 #tribute .wrap{
		width: 100%;	
		display: flex;
		justify-content:center;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 auto;
		padding:0;
	}
	#contents3 #tribute .box_g{
        width:90%;
		max-width:460px;
        height:auto;
		padding:0 5%;
		magin:0;
		text-align: center;
		padding-bottom: 2em;
	}
	#contents3 #tribute img{
		width:100%;
		max-width: 460px;
		padding: 0;
		margin: 0;
	}
	#contents3 #tribute img:hover{
		background:rgba(75,30,30,.8);
		padding: 0;
		margin: 0;
	}
	#contents3 #tribute .t1{
        font-size:3.5vw;
		color:#dac5c5;
        font-weight:600;
		text-align: center;
		margin: 1.5vw 0 0 0;
		padding: 0;
	}
	#contents3 #tribute .t2{
        font-size:3vw;
		line-height: 3.75vw;
		color:#dac5c5;
        font-weight:400;
		text-align: center;
		margin: 0 0 0 0;
		padding: 0;
	}
	#contents3 #tribute .t3{
        font-size:2.75vw;
		line-height: 3.5vw;
		color:#dac5c5;
        font-weight:400;
		text-align: center;
		margin: 1vw 0 0 0;
		padding: 0;
	}
	

/*フッタ*/	
	footer{
		width:100%;
		height:auto;
		margin:0 auto;
		padding: 0 0 5vw 0;
		background: #000;
		position: relative;
        text-align: center;
	}
	footer .jLogo{
		width:100%;
        margin:1vw auto 5px auto;
		padding:0;
        float: left;
        text-align: center;
	}
    footer .logo_jwave {
        width: 50%;
        margin:1vw 0 7px 20px;  
     }
	footer .copyright{
		width:100%;
		color:#fff;
		font-size:1vw;
		text-align:center;
        letter-spacing: 0.25vw;
		margin:4.5vw 0 0 0;
	}
}