body{
			margin: 0;
			font-family: "Noto Serif JP", serif;
			font-weight: 400;
			font-style: normal;
			color: #0b002b;
		}

		.active{
			display: block;
			visibility: visible;	
		}

		.inactive{
			display: none;
			visibility: hidden;			
		}

		#header{
			width: 100%;
/*			height: calc(100vw * 0.233333333333333 + 100vw * 0.081333333333333 + 100vw * 0.006666666666667);*/
			height: fit-content;
/*			background-image: url("./img/header.png");*/
/*			background-image: url("./img/header.jpg");*/
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			margin: 0px 0 80px;
		}

		#header div{
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;			
		}

		#header #header_banner{
			background-image: url("./img/header_banner.jpg");
			width: 100%;
			height: calc(100vw * 0.081639453515495);		
/*			height: calc(100vw * 0.081333333333333);		*/
		}

		#header #header_banner_space{
			background-image: url("./img/header_banner_space.jpg");
			width: 100%;
			height: calc(100vw * 0.006666666666667);		
		}

		#header #keyvisual{
			background-image: url("./img/ELPHONIC_top.jpg");
			width: 100%;
			height: calc(100vw * 0.233333333333333);		
		}

		#contact_links{
/*				background-image: url("./img/info-A.png");*/
/*			    background-size: contain;*/
/*			    background-repeat: no-repeat;*/
/*			    width: 40px;*/
/*			    height: 40px;*/
			    position: absolute;
			    top: calc(100vw * 0.081333333333333 + 100vw * 0.006666666666667 + 100vw * 0.233333333333333 + 10px);
			    left: 10px;
			    z-index: 170;
/*			    border-radius: 50%;*/
/*			    backdrop-filter: blur(5px);*/
			    cursor: pointer;
			    display: flex;
			    flex-wrap: wrap;

		}

		#contact_links div{
			border: 1px solid #ccc;
			padding: 0 10px;
/*			margin: 2px;*/
			color: #000;
			background-color: #fff;
			transition: all 0.5s;
			font-size: 10pt;
			height: 45px;
			line-height: 45px;
		}

		#contact_links div:hover{
			border: 1px solid #28bb96;
			color: #fff;
			background-color: #28bb96;
		}

		#contact_links a{
			text-decoration: none;
			color: #000;
			background-color: #28bb96;
			transition: all 0.5s;
			margin: 2px;
		}

		#contact_links a:hover{
			background-color: #28bb96;
		}


		#contact_links .idesound{
			background-repeat: no-repeat;
			background-size: contain;	
			background-color: #28bb96;
/*			width: calc(7pt + 10px);*/
/*			height: calc(7pt + 10px);*/
			width: 45px;
			height: 45px;
			padding: 0;
			filter: unset;
/*			border: 1px solid transparent;*/
			transition: all 0.5s;
			mix-blend-mode: initial;
		}

/*		#contact_links .idesound:hover{
			filter: invert(1);
			mix-blend-mode: color-dodge;
		}*/

		@media screen and (max-width:520px){
			#header{
				margin: 0px 0 40px;
/*				background-image: url(img/Title_mobile.jpg);*/
/*				height: calc(100vw*1.4495);*/
			}

			#header #header_banner{
				background-image: url("./img/header_banner.jpg");
				width: 100%;
				height: calc(100vw * 0.081333333333333);		
			}
	
			#header #header_banner_space{
				background-image: url("./img/header_banner_space.jpg");
				width: 100%;
				height: calc(100vw * 0.006666666666667);		
			}
	
			#header #keyvisual{
				background-image: url("./img/ELPHONIC_top.jpg");
				width: 100%;
				height: calc(100vw * 0.233333333333333);		
/*				height: calc(100vw * 0.562666666666667);		*/
/*				display: none;*/
			}



			#contact_links{
				width: 100%;
				justify-content: center;
				left: 0;
/*				top: calc(100vw * 1.4495 + 17px);*/
			}

		}


		#TopButton{
			background-image: url(./img/TopButton.png);
			width: 100px;
			height: 100px;
			background-repeat: no-repeat;
			background-size: contain;	
			position: fixed;
			right: 20px;
			bottom: 20px;
			cursor: pointer;
			z-index: 1000;	
		}

		#TopButton.active{
			opacity: 1;	
			visibility: visible;
			transition: all 0.5s;
		}

		#TopButton.inactive{
			opacity: 0;
			visibility: hidden;
			transition: all 0.5s;
		}
		

/* セパレーター  */
		.sepa_line{
			width: 30vw;
			height: calc(30vw * 0.076233183856502);
			background-image: url("./img/line.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
/*			margin: 80px auto;*/
			margin: 30px auto;

		}

		@media screen and (max-width:520px){
			.sepa_line{
				width: 50vw;
				height: calc(50vw * 0.076233183856502);
			}

			#TopButton{
				width: 60px;
				height: 60px;
			}
		}

/*  PRODUCER'S COMMENT */

		#producers_comment {
/*			width: 80vw;*/
/*			height: calc(80vw * 1.54875283446712);*/
/*			background-image: url("./img/ProducerComment.png");*/
/*			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
*/
			margin: 0px auto 50px;
			position: relative;
		}

		.pc_lang_switch{
			display:flex;
			position: absolute;
			right: 6vw;
			top: 5px;
		}

		.pc_lang_switch div{
			border: 1px solid #ccc;			
		}

		.lang_switch {
			display:flex;
		}

		.lang_switch div{
/*			display:flex;*/
/*			border: 1px solid #ccc;*/
		    font-size: 12pt;
		    vertical-align: middle;
		    text-align: center;
		    width: 35px;
		    height: 35px;
		    line-height: 32px;
		    cursor: pointer;
		}

		.lang_switch .active{
			background-color: #28bb96;
			color: #FFF;			
			visibility: visible !important;
			display: block !important;
		}

		.lang_switch .inactive{
			background-color: #FFF;
			color: #000;
			visibility: visible !important;
			display: block !important;
		}

		.lang_switch_jp{
			background-color: #28bb96;
			color: #FFF;
		}

		.lang_switch_en{
			
		}

		.pc_title{
			width: 50vw;
			height: calc(50vw * 0.091269841269841);
			background-image: url("./img/PC_Title.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			margin: 100px auto 30px;	
		}

		.pc_content{
			width: 100%;
			display: flex;
    		flex-wrap: wrap;
    		justify-content: center;

		}

		.pc_content .pc_photo{
			width: 40vw;
			height: calc(40vw * 0.632286995515695);
			float: right;
			margin: 0 0 40px 30px;
/*			background-image: url("./img/idesan_photo.jpg");*/
/*			background-repeat: no-repeat;*/
/*			background-position: center;*/
/*			background-size: cover;*/
		}

		.pc_content .pc_text{
/*			width: 46vw;*/
			width: 90vw;
/*			font-family: serif;*/
			margin: 0 3vw;
			font-size: 12pt;
		}

		.pc_content .pc_text .pc_text_content .active{
			display: block;
			visibility: visible;	
		}

		.pc_content .pc_text .pc_text_content .inactive{
			display: none;
			visibility: hidden;	
		}

		.pc_content .pc_text .pc_name{
			width: 100%;
			align-items: center;
			justify-content: right;	
			display: flex;
		}

		.pc_content .pc_text .pc_name .pc_name_text{
			text-align: left;
			font-size: 13pt;
			margin: 5vw 0 5vw 20px;
		}

		.pc_content .pc_text .pc_name .pc_sign{
			width: 20vw;
			height: calc(20vw * 0.635);
			background-image: url("./img/PC_ide_sign_nobanner.jpg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;			
/*			margin: 10px auto 20px;*/
			margin: 10px 0 20px;
		}


		@media screen and (max-width:780px){

			.pc_lang_switch{
				right: 10vw;
				top: calc(88vw* 0.091269841269841 + 80vw * 0.666666666666667 + 30px);
			}

			.pc_title{
				width: 88vw;
				height: calc(88vw * 0.091269841269841);
			}

			.pc_content{
	
			}
	
			.pc_content .pc_photo{
				width: 80vw;
				height: calc(80vw * 0.666666666666667);
			}
	
			.pc_content .pc_text{
				width: 80vw;
/*				margin: 0 1vw;*/
				margin: 0px 0 20px;
				font-size: 11pt;
			}

			.pc_content .pc_text .pc_name{
				flex-direction: column;
			}
	
			.pc_content .pc_text .pc_name .pc_name_text{
				width: 100%;
				margin: 12vw 0 5vw;
				text-align: center;
			}

			.pc_content .pc_text .pc_name .pc_sign{
				width: 60vw;
				height: calc(60vw * 0.635);
				margin: 0 auto 40px;
			}
		}



		#EP_Title{
		    width: 58vw;
		    height: calc(58vw * 0.055238095238095);
		    font-size: 24pt;
		    margin: 30px auto;
		    text-align: center;		
	    	background-image: url("./img/SpatialAudioAlbums.png");
	    	background-repeat: no-repeat;
	    	background-position: center;
	    	background-size: contain;	
		}


		@media screen and (max-width: 780px){
			#EP_Title{
			    width: 85vw;
			    height: calc(85vw* 0.055238095238095);
			}
		}


/* 17 ALBUMS */

		#albums17_title{
			width: 65vw;
			height: calc(65vw * 0.1033182503770739);
			background-image: url("./img/17ALBUMS.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			margin: 0 auto;
			
			display: none;
		}

		#albums17_title .sub_title{
			font-size: 24pt;	
			
			display: none;
		}

		#albums17{
			display: flex;
/*    		width: 100%;*/
    		flex-wrap: wrap;
    		justify-content: center;
			
			display: none;
		}

		.albums17_content{
			width: 220px;
			height: 220px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			display: inline-block;
			margin: 20px;
			cursor: pointer;
			
			display: none;
		}

		@media screen and (max-width:520px){
			#albums17_title{
				width: 80vw;
				height: calc(80vw * 0.1033182503770739);
				margin-top: 100px;
			}


			.albums17_content{
				width: 170px;
				height: 170px;
				margin: 5px;
			}
/*			.albums17_content{
				width: 47vw;
				height: 47vw;
				margin: 1vw;
			}*/
		}


/*	各アルバム共通、全体の設定	*/
		.snd_wrap{
/*			display: flex;*/
			display: flex;
/*    		width: 100%;*/
    		flex-wrap: wrap;
    		align-items: center;
    		justify-content: center;
/*    		margin: 70px 0;*/
/*    		padding: 70px 0;*/
    		padding: 20px 0;
    		position: relative;
    		min-height: 400px;

		}


		.


/*	各アルバムの初期化 */
		.album_icon{
			width: 100%;
			margin-bottom: 40px;
		}

		.album_icon .album_icon_img{
			width: 250px;
			height: calc(250px * 0.666666666666667);
		    background-image: url(./img/sample.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
		    margin: 0 auto;
		}

		.album_title{
/*			width: 100%;*/
/*			display:flex;*/
    		flex-wrap: wrap;
    		justify-content: center;
    		margin-bottom: 60px;
/*    		margin-top: 20px;*/
			margin: 30px;
/*    		font-family: serif;*/
/*			position: absolute;*/
		}

		.album_title .album_title_img{
			width: 23vw;
			height: 23vw;
		    background-image: url(./img/sample.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
/*		    margin: 0 auto;*/
		}

		.album_title .album_title_text{
			width: 40vw;
			text-align: left;
/*			margin-left: 5vw*/
			margin-left: 30px;
			font-family: "Noto Sans JP", sans-serif;
			font-optical-sizing: auto;
			font-weight: <weight>;
			font-style: normal;
			height: fit-content;
			align-self: center;
			position: relative;
			background-size: contain;	
			background-repeat: no-repeat;

		}


		.album_title .album_title_text .text_jp{
			display: none;
			font-size: 28pt;
/*    		font-family: serif;*/
		}

		.album_title .album_title_text .text_en{
			display: none;
			font-size: 20pt;
/*    		font-family: serif;*/
		}

		.album_title .album_title_text .album_artist .jp{
			display: none;
			font-size: 24pt;
/*    		font-family: serif;*/
		}


		.album_comment_wrap {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;	
			flex-flow: column;
			width: 39vw;
		}

		.album_title_maintext{
			font-size: 16pt;
		    margin: 0 0 20px 0;
		    font-weight: bold;
		}

		.album_title_maintext .active{
			display: block;
			visibility: visible;	
		}

		.album_title_maintext .inactive{
			display: none;
			visibility: hidden;			
		}

		.album_title .album_title_text .album_artist .en{
			display: none;
			font-size: 12pt;
/*    		font-family: serif;*/
    		margin-left: 10px;
		}

		.album_comment{
/*			width: 100%;*/
/*			width: fit-content;*/
/*			display:flex;*/
/*    		flex-wrap: wrap;*/
/*    		justify-content: center;*/
/*    		margin-bottom: 40px;*/
/*			margin: 0 auto 70px;*/
/*    		position: absolute;*/
/*    		font-size: 2rem;*/
/*    		font-size: 16pt;	*/
/*    		color: #424242;*/
/*    		width: calc(100vw - 800px - 80px);*/
/*    		width: calc(100vw - 400px - 80px);*/
		}

		.album_comment .album_comment_text{
/*			width: 55vw;*/
			margin-right: 1vw;
			position: relative;
			order: 1;
/*			font-family: serif;*/
		}

		.album_comment .lang_switch{
/*			position: absolute;*/
			bottom: -37px;
			right: 0;
			margin: 15px 0 0 0;
		}

		.album_comment .album_comment_text .active{
			display: block;
			visibility: visible;	
		}

		.album_comment .album_comment_text .inactive{
			display: none;
			visibility: hidden;
		}

		.album_comment .album_comment_img{
/*			width: 25vw;*/
/*			height: calc(25vw * 0.898134863701578);*/
		    background-image: url(./img/sample.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			order: 2;
		}

		@media screen and (min-width:781px) and (max-width: 1062px){
			.album_comment .lang_switch{
/*				top: calc(25vw * 0.898134863701578);*/
				right: 0;
			}

			.EP01 .album_comment .lang_switch, 
			.EP03 .album_comment .lang_switch, 
			.EP05 .album_comment .lang_switch {
				right: unset;
		        left: 0px;
		        bottom: -45px;
			}


			.EP02 .album_comment .lang_switch, 
			.EP04 .album_comment .lang_switch {
				left: unset;
		        right: 0px;
		        bottom: -45px;
			}

		}

		@media screen and (min-width: 1063px){
			.album_comment .lang_switch{
/*				top: calc(265px * 0.898134863701578 + 0px);*/
				right: 0;
			}

			.EP01 .album_comment .lang_switch, 
			.EP03 .album_comment .lang_switch, 
			.EP05 .album_comment .lang_switch {
				right: unset;
		        left: 0px;
		        bottom: -45px;
			}

			.EP02 .album_comment .lang_switch, 
			.EP04 .album_comment .lang_switch {
				left: unset;
		        right: 0px;
		        bottom: -45px;
			}

		}



		@media screen and (max-width:780px){

			.album_title, 
			.album_comment{
				position: relative;
			}

			.album_comment_wrap{
				width: 90vw;
			}

			.album_title .album_title_img{
				width: 70vw;
				height: 70vw;
				margin: 0 auto;
			}

			.album_title .album_title_text{
				width: 90vw !important;
				background-position: center;
			    text-align: center;
/*			    margin-top: 10px;*/
			    margin: 20px auto 10px;

				height: fit-content;
				align-self: center;
			}

			.album_comment .album_comment_text{
/*				width: 80vw !important;*/
/*				margin-right: 0vw;*/
/*				order: 2;*/

			}
	
			.album_comment .lang_switch{
/*				top: calc(50vw* 0.898134863701578);*/
/*    			right: calc(25vw - 7px);*/
    			right: 25vw;
			}

			.EP01 .album_comment .lang_switch, 
			.EP03 .album_comment .lang_switch, 
			.EP05 .album_comment .lang_switch {
/*				right: unset;
		        left: 0px;
		        bottom: -45px;*/
			}

			.EP02 .album_comment .lang_switch, 
			.EP04 .album_comment .lang_switch {
/*				left: unset;
		        right: 0px;
		        bottom: -45px;*/
			}

	
			.album_comment .album_comment_img{
				width: 50vw;
				height: calc(50vw * 0.898134863701578);
			    background-image: url(./img/sample.png);
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				order: 1;
				margin: 0 0 50px 0;
			}
			.album_comment{
	/*			width: 100%;*/
/*				width: fit-content;*/
/*				display:flex;*/
/*	    		flex-wrap: wrap;*/
/*	    		justify-content: center;*/
	/*    		margin-bottom: 40px;*/
				margin: 0 auto;
/*	    		position: relative;*/
			}

		}


		@media screen and (min-width: 1063px){
			.album_comment .album_comment_text{
/*				width: 585px;*/
				margin-right: 10px;
				order: 1;
			}

			.album_comment .album_comment_img{
				width: 265px;
				height: calc(265px * 0.898134863701578);
			}

		}

/*　各アルバム個別の設定　*/


/*	BE01 音吸い	*/

		.snd_wrap.EP01{
			background-color: #e4e9f8;
		}

		.snd_wrap.EP02{
			background-color: #e2e4e4;
		}

		.snd_wrap.EP03{
			background-color: #d5e9e7;
		}

		.snd_wrap.EP04{
			background-color: #e8d7e9;
		}

		.snd_wrap.EP05{
			background-color: #f3f3de;
		}

		.snd_wrap.EP06{
			background-color: #d4eaf9;
		}

		.snd_wrap.EP07{
			background-color: #fcedd0;
		}

		.snd_wrap.EP08{
			background-color: #c7dff9;
		}

		.snd_wrap.EP09{
			background-color: #f5dcf9;
		}

		.snd_wrap.EP10{
			background-color: #def9f5;
		}

		.snd_wrap.EP11{
			background-color: #fceded;
		}

		.snd_wrap.EP12{
			background-color: #e0fce5;
		}

		.snd_wrap.EP13{
			background-color: #fcf8e3;
		}

		.snd_wrap.EP14{
			background-color: #dcf1f9;
		}

		.snd_wrap.EP15{
			background-color: #fcefe6;
		}

		.snd_wrap.EP16{
			background-color: #e0ebfc;
		}

		.snd_wrap.EP17{
			background-color: #e3fce9;
		}



/*	Flexの順番	*/

		.EP01 .album_title,
		.EP02 .album_title,
		.EP03 .album_title,
		.EP04 .album_title,
		.EP05 .album_title {
			order: 2;
		}

		.EP01 .snd_contents_wrap,
		.EP03 .snd_contents_wrap,
		.EP05 .snd_contents_wrap{
			order: 1;
		}

		.EP02 .snd_contents_wrap,
		.EP04 .snd_contents_wrap{
			order: 3;
		}


		.EP01 .album_comment_wrap,
		.EP03 .album_comment_wrap,
		.EP05 .album_comment_wrap{
			order: 3;
		}

		.EP02 .album_comment_wrap,
		.EP04 .album_comment_wrap{
			order: 1;
		}


		@media screen and (max-width:780px){
			.EP01 .album_comment_wrap,
			.EP02 .album_comment_wrap,
			.EP03 .album_comment_wrap,
			.EP04 .album_comment_wrap,
			.EP05 .album_comment_wrap{
				order: 1;
			}

			.EP01 .snd_contents_wrap,
			.EP02 .snd_contents_wrap,
			.EP03 .snd_contents_wrap,
			.EP04 .snd_contents_wrap,
			.EP05 .snd_contents_wrap{
				order: 3;
			}
		}		


/*	各アルバムの設定	*/
/*　EP01　*/

		.EP01 .album_icon .album_icon_img{
		    background-image: url(./img/No01.png);
		}

		.EP01 .album_title {
			top: 0;
			left: 0;
		}

		.EP01 .album_title .album_title_img{
		    background-image: url(./img/EP01-JR-EL.png);
		}

		.EP01 .album_title .album_title_text{
/*			width: 520px;*/
/*			width: auto;*/
			width: 228px;
			height: 119px;

		}

		.EP01 .album_comment{
/*		    left: calc(50vw + 200px + 100px);*/
		    top: calc(200px / 2 + 66px);
/*		    width: calc(100vw - (50vw + 200px + 100px));*/
		    justify-content: left;
			left: 440px;
		    text-align: left;
		}

		.EP01 .album_comment .album_comment_text{
/*			width: 35vw;*/
		}

		.EP01 .album_comment .album_comment_img{
		    background-image: url(./img/sample.png);
		    display: none;
		}

		.EP01 .album_title .album_title_text .album_artist {
			display: none;
		}

		.EP01 .snd_contents_wrap{
			text-align: center;
		}



/*　EP02　*/

		.EP02 .album_icon .album_icon_img{
		    background-image: url(./img/No02.png);
		}

		.EP02 .album_title {
			top: 0;
			right: 0;
		}

		.EP02 .album_title .album_title_img{
		    background-image: url(./img/EP02-MusicOfTime.png);
		}

		.EP02 .album_title .album_title_text{
/*			width: 300px;*/
/*			width: auto;*/
			width:  193px;
			height:  151px;

		}

		.EP02 .album_comment{
/*		    right: calc(50vw + 200px + 100px);*/
		    top: calc(200px / 2 - 13px);
/*		    width: calc(100vw - (50vw + 200px + 100px));*/
		    justify-content: right;
		    right: 440px;
/*		    text-align: right;*/
		}

		.EP02 .album_comment .album_comment_text{
/*			width: 12vw;*/
		}

		.EP02 .album_comment .album_comment_img{
		    background-image: url(./img/artist_02.jpg);
		}

		.EP02 .snd_contents_wrap{
			display: flex;
		    text-align: left;
/*    		align-content: start;*/
/*    		flex-wrap: wrap;*/
		}


		.EP02 .snd_content{
			display: flex;
		    text-align: left;
		    margin: 5px;
		    align-items: center;
		}

		.EP02.jp .snd_content{
/*			flex-wrap: nowrap;*/
			flex-flow: row;
		}

		.EP02.en .snd_content{
			flex-flow: column;
			margin: 12px 5px;
		}

		.EP02 .snd_content .number{
			width: 30%;
			font-size: 10pt;
/*			font-weight: bold;*/
			width: calc(27vw * 0.17);
			text-align: center;
		}

		.EP02.jp .snd_content .title{
			width: calc(27vw * 0.15);
		}

		.EP02.en .snd_content .title{
			width: calc(27vw * 0.7);
/*			margin: 0 0 0 15px;*/
			text-align: center;
		}


		.EP02.jp .snd_content .comment p {
			text-align: left;
			width: calc(27vw * 0.65);
		}

		.EP02.en .snd_content .comment p {
			text-align: center;
			width: calc(27vw * 0.85);
		}


		@media screen and (max-width:780px){
			.EP02 .snd_content .number{
				width: calc(90vw * 0.17);
			}
	
			.EP02.jp .snd_content .title{
				width: calc(90vw * 0.15);
			}
	
			.EP02.en .snd_content .title{
				width: calc(90vw * 0.7);
			}
	
	
			.EP02.jp .snd_content .comment p {
				width: calc(90vw * 0.65);
			}
	
			.EP02.en .snd_content .comment p {
				width: calc(90vw * 0.85);
			}
		}


/*　EP03　*/

		.EP03 .album_icon .album_icon_img{
		    background-image: url(./img/No03.png);
		}

		.EP03 .album_title {
			top: 0;
			left: 0;
		}

		.EP03 .album_title .album_title_img{
		    background-image: url(./img/EP03-4D_Nature.png);
		}

		.EP03 .album_title .album_title_text{
/*			width: 300px;*/
/*			width: auto;*/
			width:  189px;	
			height:  148px;

		}

		.EP03 .album_comment{
/*		    left: calc(50vw + 200px + 100px);*/
		    top: calc(200px / 2 + 35px);
/*		    width: calc(100vw - (50vw + 200px + 100px));*/
		    justify-content: left;
			left: 440px;
		    text-align: left;
		}

		.EP03 .album_comment .album_comment_text{
/*			width: 30vw;*/
		}

		.EP03 .album_comment .album_comment_img{
		    background-image: url(./img/artist_03.jpg);
		}


		.EP03 .snd_content{
			display: flex;
    		flex-wrap: wrap;
    		justify-content: center;
    		align-items: center;
		}

		.EP03.jp .snd_content{
			flex-flow: row;
			flex-wrap: wrap;
		}


		.EP03.en .snd_content{
			flex-flow: column;
			flex-wrap: wrap;
		}

		.EP03 .snd_content .number{
			margin: 0 15px 0 0;
		}

/*  EP04 */

		.EP04 .album_icon .album_icon_img{
		    background-image: url(./img/No04.png);
		}

		.EP04 .album_title {
			top: 0;
			right: 0;
		}

		.EP04 .album_title .album_title_img{
		    background-image: url(./img/EP04-Thousand_Years-1000.jpg);
		}

/*		@media screen and (min-width:781px) and (max-width: 1200px){
			.EP04 .album_title .album_title_img{
			    background-image: url(./img/EP04-Thousand_Years-444.png);
			}
		}*/

		.EP04 .album_title .album_title_text{
/*			width: 320px;*/
/*			width: auto;*/
			width:  187px;	
			height:  147px;

		}

		.EP04 .album_comment{
/*		    right: calc(50vw + 200px + 100px);*/
		    top: calc(200px / 2 + 33px);
/*		    width: calc(100vw - (50vw + 200px + 100px));*/
		    justify-content: right;
		    right: 440px;
/*		    text-align: right;*/
		}

		.EP04 .album_comment .album_comment_text{
/*			width: 22vw;*/
		}
		

		.EP04 .album_comment .album_comment_img{
		    background-image: url(./img/artist_04.jpg);
		}


		.EP04 .snd_contents_wrap{
			text-align: center;
		}


/*  EP05 */

		.EP05 .album_icon .album_icon_img{
		    background-image: url(./img/No05.png);
		}

		.EP05 .album_title {
			top: 0;
			left: 0;
		}

		.EP05 .album_title .album_title_img{
		    background-image: url(./img/EP05-ImaginationTheater.png);
		}

		.EP05 .album_title .album_title_text{
/*			width: 400px;*/
/*			width: auto;*/
			width:  223px;	
			height:  143px;

		}

		.EP05 .album_comment{
/*		    left: calc(50vw + 200px + 100px);*/
		    top: calc(200px / 2 + 43px);
/*		    width: calc(100vw - (50vw + 200px + 100px));*/
		    justify-content: left;
			left: 440px;
		    text-align: left;
		}

		.EP05 .album_comment .album_comment_text{
/*			width: 22vw;*/
		}

		.EP05 .album_comment .album_comment_img{
		    background-image: url(./img/artist_06.jpg);
		}

		.EP05 .snd_contents_wrap{
			text-align: center;
		}

		@media screen and (max-width:780px){
			.EP01 .album_comment,
			.EP02 .album_comment,
			.EP03 .album_comment,
			.EP04 .album_comment,
			.EP05 .album_comment{
				right:unset;
				left: unset;
				top: unset;
			}
		}






/* 各曲の設定 */

		.snd_contents_wrap{
			display:flex;
			flex-wrap: wrap;
			justify-content: center;	
			flex-flow: column;
			width: 27vw;
		}


		.snd_content{
/*			width: 220px;*/
/*			height: 220px;*/
			display: inline-block;
			margin: 20px;
/*		    border: 1px solid #fff;*/
		    position: relative;
/*		    background-color: #fff;*/
		}

		.snd_content a{
			text-decoration: none;
    		text-align: center;
/*    		width: 10px;*/
  		}

		.snd_content .storeBtn{
			position: absolute;
    		bottom: 5px;
    		left: 10px;
			width: 50px;
    		height: 20px;
    		background-color: #8b8b8b;
    		color: #FFF;	
/*			background-image: url(./img/shop.png);*/
			background-size: contain;
			background-repeat: no-repeat;
    		margin: 0 auto;
    		font-size: 8pt;
    		line-height: 20px;
    		text-decoration: none;	
		}


		.snd_upper, .snd_lower{
			display: flex;
		}

		.snd_content .image{
/*			width: 30px;*/
/*			height: 30px;*/
			display: block;
/*			background-image: url("./img/sample.png");*/
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			clip-path: circle(10px at 15px 15px);
			filter: blur(1px);
			margin: 5px 0 0 5px;
		}

		.snd_content .title{
/*			width: 188px;*/
/*			height: 80px;*/
			display: block;
			text-align: center;
			position: relative;
			font-size: 14pt;
			font-weight: bold;
		}

		.snd_content .title p.title_en{
			margin: 2px 0 0 0;
			line-height: 1.2;
		}

		.snd_content .title.long_title{
/*			font-size: 9pt;*/
		}

		.snd_content .title.longlong_title{
/*			font-size: 7pt;*/
		}

		.snd_content .title p{
			margin: 10px auto 0;
		}



		.snd_content .snd_lower{
			position: relative;
		}

		.snd_content .comment{
/*			width: 145px;*/
/*			height: 138px;*/
			display: block;
			position: relative;
			font-size: 9.5pt;
		}

		.snd_content .comment.long_comment{
/*			font-size: 8pt;*/
		}
		.snd_content .comment.longlong_comment{
/*			font-size: 7pt;*/
		}

		.snd_content .comment .active{
			display: block;
			visibility: visible;	
		}

		.snd_content .comment .inactive{
			display: none;
			visibility: hidden;			
		}

		.snd_content .comment p{
			margin: 10px 0 0 0;
			text-align: center;
			line-height: 1.3;
		}

		.snd_content .comment p.comment_en{
			margin: 0;
/*			text-align: center;*/
			line-height: 1.2;
		}


		.snd_content div.artist{
			font-size: 10.5pt;
		    position: absolute;
    		bottom: 5px;
    		width: 155px;
/*			width: 95px;*/
    		text-align: center;
    		right: 4px;
    		line-height: 1.3;
		}

		.snd_content div.artist span{
			margin: 0 2px;
		}

		.snd_content .playPause{
			cursor: pointer;
			background-image: url("./img/play.png");
			background-repeat: no-repeat;
			background-size: contain;
			width: 60px;
			height: 60px;
			vertical-align: bottom;
			position: relative;
/*			margin-left: 5px;*/
			margin-right: 5px;
		}

		.snd_content .playPause p{
			width: 100%;
			margin: 0;
			position: absolute;
			bottom: 0;
			text-align: center;
		}


		@media screen and (max-width: 780px){
			.snd_contents_wrap{
				width: 90vw;
			}

		}

		@media screen and (max-width:520px){

			.snd_content{
/*				width: 170px;*/
/*				height: 170px;*/
				display: inline-block;
				margin: 5px;
/*			    border: 1px solid #fff;*/
			}
	
			.snd_upper, .snd_lower{
				display: flex;
			}
	
			.snd_content .image{
/*				width: 23px;*/
/*				height: 23px;*/
				display: block;
				background-image: url("./img/sample.png");
				clip-path: circle(10px at 10px 10px);
	
			}
	
			.snd_content .title{
/*				width: 145px;*/
/*				height: 67px;*/
				display: block;
				text-align: center;
				position: relative;
/*				font-size: 9pt;*/
			}


			.snd_content .title p{
				margin: 5px auto 0;
			}
	
	
			.snd_content .title a{
				text-decoration: none;
				position: absolute;
	    		top: 0;
	    		right: 0;
	    		width: 40px;
	  		}
	
			.snd_content .storeBtn{
	/*			width: 50%;*/
/*	    		height: 14px;*/
/*	    		background-color: #ccc;*/
/*	    		margin: 0 auto;*/
/*	    		font-size: 7pt;*/
/*	    		color: #333;	*/
	    		bottom: 5px;
	    		left: 5px;
/*	    		text-decoration: none;	*/
			}
	
			.snd_content .snd_lower{
				position: relative;
			}
	
			.snd_content .comment{
/*				width: 118px;*/
/*				height: 103px;*/
				display: block;
				position: relative;
				font-size: 8pt;
			}
	
			.snd_content .comment p{
				margin: 0px 0 0 0;
				text-align: center;
				line-height: 1.25;
			}


			.snd_content div.artist{
				font-size: 8pt;
			    position: absolute;
			    bottom: 5px;
/*			    bottom: 10px;*/
			    right: 0px;
			    width: 114px;
			    text-align: center;	
			}

			.snd_content div.artist span.long_name{
				font-size: 6pt;
			}

			.snd_content .number{
/*				font-size: 8pt;*/
/*			    position: absolute;*/
/*			    bottom: 8pt;*/
/*			    width: 100%;*/
			    text-align: center;	
			}


	
			.snd_content .playPause{
				cursor: pointer;
				background-image: url("./img/play.png");
				background-repeat: no-repeat;
				background-size: contain;
				width: 45px;
				height: 45px;
				vertical-align: bottom;
				position: relative;
				margin-left: −3px;
				margin-right: 5px;
			}
	
			.snd_content .playPause p{
				width: 100%;
				margin: 0;
				position: absolute;
				bottom: 0;
				text-align: center;
			}
	

		}


/*	INFORMATION	*/

		html#info{
			font-size: 20px;
		}

		#info_title{
			width: 100%;
			text-align: center;
			font-size: 36pt;
		}

		.contact_discription{
			width: 55%;
			margin: 40px auto;
		    text-align: center;
		}

		div#contact {
		    width: 40%;
		    margin: 4rem auto 0rem;
		    padding-bottom: 2rem;
		}

		div#contact_creation {
		    width: 40%;
		    margin: 4rem auto 5rem;
		    padding-bottom: 3rem;
		}


		form.messageForm label {
			display: block;
			margin: 0.5rem 0 0.2rem;
			font-size: 12pt;
		}

		form.messageForm label span.langEN.indent{
			margin-left: 12px;
		}

		form.messageForm input {
		    display: block;
		    width: 97%;
		    height: 1rem;
		}

		form.messageForm textarea {
		    width: 97%;
		    height: 7rem;
		}

		form.messageForm input.submit {
		    display: block;
		    width: 50%;
		    height: 2rem;
		    margin: 0 auto 2rem;
		}

		.recaptcha_policy {
		    font-size: 0.5rem;
		}


		#note{
			width: 70%;
			margin: 20px auto;
			text-align: center;
		}

		#footer_main{
			display: flex;
			text-align: center;
			justify-content: center;
			width: 90%;
			margin: 30px auto 50px;
			align-items: center;
			flex-wrap: wrap;
		}

		#footer_main div{
			margin: 10px;
		}

		#footer_main .footer_jp,
		#footer_main .footer_en{
			width: calc((100% - 160px) / 2);
		}

		#footer{
			text-align: center;
			line-height: 1.7;

			margin: 50px 0;
		}

		#footer h3,
		#footer_main h3{
			font-size: 110%;
		}

		#footer_main .idesound{
			width: 100px;
			height: 100px;
			background-repeat: no-repeat;
			background-size: contain;
		}

		#contact_header{
			width: 100%;
			height: calc(100vw * 0.081);
/*			background-image: url("./img/header.png");*/
			background-image: url("./img/contact_header.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			margin: 0px 0 80px;
		}

		.grecaptcha-badge{
			display: none;
			visibility: hidden;
		}

		@media screen and (max-width:520px){
			.contact_discription{
			    width: 85%;
			}

			div#contact {
			    width: 85%;
			    padding-bottom: 3rem;
			}
	
			div#contact_creation {
			    width: 85%;
			    margin: 4rem auto 5rem;
			    padding-bottom: 3rem;
			}

			#note{
				width: 85%;
			}

			#contact_header{
				margin-bottom: 30px;
			}

			#info_title{
				font-size: 24pt;
			}

			#footer{
				width: 85%;
				margin: 20px auto 100px;
				font-size: 12pt;
			}

			#footer_main .footer_jp,
			#footer_main .footer_en{
				width: 100%;
			}

			#footer_main div{
				width: 100%;
			}


		}


		.resultview{
/*			padding: 8px;*/
			background-color: #28bb96;
			color: #fff;
			font-weight: bold;
			text-align: center;
		}


	.Next_release{
		width: 32vw;
		height: calc(32vw * 0.101010101010101);
	    font-size: 24pt;
	    text-align: center;
	    margin: 30px auto;
	    background-image: url("./img/ReleaseNextSpring.png");
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: contain;
	}


	@media screen and (max-width: 780px){
			.Next_release{
			    width: 76.8035714285712vw;
			    height: calc(76.8035714285712vw* 0.101010101010101);
			}
	}