/* Lulla Music  */

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

		.word_break {
		    word-break: keep-all;
		    overflow-wrap: break-word;
		}

		#header{
			width: 100%;
/*			height: calc(100vw * 0.626666666666667);*/
/*			height: calc(100vw * 0.325);*/
/*			background-image: url("./img/header.png");*/
/*			background-image: url("./img/header_lulla.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/header_lulla_keyvisual.jpg");
			width: 100%;
			height: calc(100vw * 0.539666666666667);		
		}

		#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.626666666666667 + 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/header_lulla_mobile.jpg);
				height: calc(100vw * 0.627333333333333);
/*				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/header_lulla_keyvisual.jpg");*/
/*				width: 100%;*/
/*				height: calc(100vw * 0.539666666666667);		*/
				display: none;
			}

			#contact_links{
				width: 100%;
				justify-content: center;
				left: 0;
				top: calc(100vw * 0.627333333333333 + 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: 350px;
/*			height: 350px;*/
			height: calc(350px * 1.333333333333333);
/*			height: calc(350px * 1.5);*/
/*			background-image: url("./img/PC_ide25_lite_lite.jpg");*/
			background-image: url("./img/PC_uragami-tate.jpg");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}

		.pc_content .pc_text{
			width: calc(80vw - 350px);
/*			width: 51vw;*/
/*			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: center;	
			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.252475247524752);
			background-image: url("./img/PC_uragami-sign.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;			
			margin: 10px auto 20px;
		}


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

			.pc_lang_switch{
        		right: 10vw;
        		top: calc(88vw* 0.091269841269841 + 80vw * 0.75 + 30px);
/*				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{
				background-image: url("./img/PC_uragami-yoko.jpg");

				width: 80vw;
				height: calc(80vw * 0.75);
/*				height: 70vw;*/
			}
	
			.pc_content .pc_text{
				width: 80vw;
/*				margin: 0 1vw;*/
				margin: 40px 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.252475247524752);
/*				height: calc(60vw * 0.635);*/
				margin: 0 auto 40px;
			}
		}


/* 17 ALBUMS */

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

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

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

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

		@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;
    		justify-content: center;
/*    		margin: 70px 0;*/
    		padding: 70px 0;
		}


		.


/*	各アルバムの初期化 */
		.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;
/*    		font-family: serif;*/
		}

		.album_title .album_title_img{
			width: 200px;
			height: 200px;
		    background-image: url(./img/sample.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			display: none;
/*		    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_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;*/
			display: none;
    		flex-wrap: wrap;
    		justify-content: center;
/*    		margin-bottom: 40px;*/
			margin: 0 auto 70px;
    		position: relative;
		}

		.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;
		}

		.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;
			}

			.LM01 .album_comment .lang_switch, 
			.LM08 .album_comment .lang_switch, 
			.LM09 .album_comment .lang_switch, 
			.LM10 .album_comment .lang_switch, 
			.LM11 .album_comment .lang_switch, 
			.LM12 .album_comment .lang_switch, 
			.LM13 .album_comment .lang_switch, 
			.LM14 .album_comment .lang_switch, 
			.LM15 .album_comment .lang_switch, 
			.LM16 .album_comment .lang_switch, 
			.LM17 .album_comment .lang_switch{
				right: 0;
				top: -40px;
			}
		}

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

			.LM01 .album_comment .lang_switch, 
			.LM08 .album_comment .lang_switch, 
			.LM09 .album_comment .lang_switch, 
			.LM10 .album_comment .lang_switch, 
			.LM11 .album_comment .lang_switch, 
			.LM12 .album_comment .lang_switch, 
			.LM13 .album_comment .lang_switch, 
			.LM14 .album_comment .lang_switch, 
			.LM15 .album_comment .lang_switch, 
			.LM16 .album_comment .lang_switch, 
			.LM17 .album_comment .lang_switch{
				right: 0;
				top: -40px;
			}

		}



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

			.album_title .album_title_text{
/*				width: 90vw !important;*/
				width: 90vw ;
				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;
			}

			.LM01 .album_comment .lang_switch, 
			.LM08 .album_comment .lang_switch, 
			.LM09 .album_comment .lang_switch, 
			.LM10 .album_comment .lang_switch, 
			.LM11 .album_comment .lang_switch, 
			.LM12 .album_comment .lang_switch, 
			.LM13 .album_comment .lang_switch, 
			.LM14 .album_comment .lang_switch, 
			.LM15 .album_comment .lang_switch, 
			.LM16 .album_comment .lang_switch, 
			.LM17 .album_comment .lang_switch{
				right: 0;
				top: -40px;
			}


	
			.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;
			}

		}


		@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.LM01{
			background-color: #cdf9e4;
		}

		.snd_wrap.LM02{
			background-color: #bbedf9;
		}

		.snd_wrap.LM03{
			background-color: #c2f9f6;
		}

		.snd_wrap.LM04{
			background-color: #d4e0fc;
		}

		.snd_wrap.LM05{
			background-color: #fcd6db;
		}

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

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

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

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

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

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

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

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

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

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

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

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




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

		.LM01 .album_title .album_title_img{
		    background-image: url(./img/img_01-s.png);
		}

		.LM01 .album_title .album_title_text{
/*			width: 520px;*/
/*			height: calc(520px * 0.21232905982906);*/

			height: 110px;
			width: calc(110px / 0.215107348265638);

/*			width: auto;*/
/*			width: 228px;*/
/*			height: 119px;*/

		}

		.LM01 .album_comment .album_comment_text{
			width: 70vw;
		}

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

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




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

		.LM02 .album_title .album_title_img{
		    background-image: url(./img/img_02-s.png);
		}

		.LM02 .album_title .album_title_text{
			height: 110px;
			width: calc(110px / 0.19364910755959);
/*			width: calc(110px / 0.21232905982906);*/
/*			width: 300px;*/
/*			width: auto;*/
/*			width:  193px;*/
/*			height:  151px;*/

		}

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



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

		.LM03 .album_title .album_title_img{
		    background-image: url(./img/img_03-s.png);
		}

		.LM03 .album_title .album_title_text{
			height: 110px;
			width: calc(110px / 0.183972722129631);
/*			width: 300px;*/
/*			width: auto;*/
/*			width:  189px;	*/
/*			height:  148px;*/

		}

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



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

		.LM04 .album_title .album_title_img{
		    background-image: url(./img/img_04-s.png);
		}

		.LM04 .album_title .album_title_text{
			height: 110px;
			width: calc(110px / 0.153644982020268);
/*			width: 320px;*/
/*			width: auto;*/
/*			width:  187px;	*/
/*			height:  147px;*/

		}

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




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

		.LM05 .album_title .album_title_img{
		    background-image: url(./img/img_05-s.png);
		}

		.LM05 .album_title .album_title_text{
			height: 110px;
			width: calc(110px / 0.219791912981792);
/*			width: 400px;*/
/*			width: auto;*/
/*			width:  223px;	*/
/*			height:  143px;*/

		}

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



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

		.LM06 .album_title .album_title_img{
		    background-image: url(./img/img_06-s.png);
		}

		.LM06 .album_title .album_title_text{
			height: 110px;
			width: calc(110px / 0.207938332799337);
/*			width: 320px;*/
/*			width: auto;*/
/*			width:  192px;	*/
/*			height:  147px;*/

		}

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




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

		.LM07 .album_title .album_title_img{
		    background-image: url(./img/img_07-s.png);
		}

		.LM07 .album_title .album_title_text{
			height: 110px;
			width: calc(110px / 0.188072453861928);
/*			width: 300px;*/
/*			width: auto;*/
/*			width:  189px;	*/
/*			height:  122px;*/

		}

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



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


			.LM01 .album_title .album_title_text{
				height: 60px;
				width: calc(60px / 0.215107348265638);
			}

			.LM02 .album_title .album_title_text{
				height: 60px;
				width: calc(60px / 0.19364910755959);
			}

			.LM03 .album_title .album_title_text{
				height: 60px;
				width: calc(60px / 0.183972722129631);
			}

			.LM04 .album_title .album_title_text{
				height: 60px;
				width: calc(60px / 0.153644982020268);				
			}

			.LM05 .album_title .album_title_text{
				height: 60px;
				width: calc(60px / 0.219791912981792);
			}

			.LM06 .album_title .album_title_text{
				height: 60px;
				width: calc(60px / 0.207938332799337);
			}

			.LM07 .album_title .album_title_text{
				height: 60px;
				width: calc(60px / 0.21232905982906);
			}


		}










/* 各曲の設定 */

		.snd_contents_wrap{
			display:flex;
			flex-wrap: wrap;
			justify-content: center;	
		}


		.snd_content{
			width: 220px;
			height: 220px;
			display: inline-block;
			margin: 20px;
/*		    border: 1px solid #aaa;*/
		    border: 1px solid #fff;
/*		    font-family: serif;*/
		    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_wrap{
			position: relative;
			width: 30px;
			height: 30px;
			margin: 0 5px 5px 0;
		}

		.snd_content .image{
/*			width: 30px;*/
/*			height: 30px;*/
		    width: 96%;
		    height: 96%;
		    position: absolute;
		    top: 2%;
		    left: 2%;

			display: block;
/*			background-image: url("./img/sample.png");*/
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
/*			clip-path: circle(15px at 15px 15px);*/
/*			clip-path: circle(10px at 15px 15px);*/
/*			clip-path: xywh(0 0 100% 100% round 30% 30%);*/
			clip-path: border-box;

			filter: blur(1px);
			margin: 5px 0 0 5px;
		}

		.snd_content .image.overlay{
		    width: 100%;
		    height: 100%;
		    position: absolute;
		    top: 0;
		    left: 0;

/*			margin-left: -30px;*/
/*		    margin-top: 4px;*/
		    filter: blur(0px);
		    mix-blend-mode: lighten;
/*		    width: 31px;*/
/*		    height: 31px;*/
		    clip-path: border-box;
		}


		.LM01 .snd_content .image.overlay{
			background-image: url("./img/flower-icon-01.png");	
		}

		.LM02 .snd_content .image.overlay{
			background-image: url("./img/flower-icon-02.png");	
		}

		.LM03 .snd_content .image.overlay{
			background-image: url("./img/flower-icon-03.png");	
		}

		.LM04 .snd_content .image.overlay{
			background-image: url("./img/flower-icon-04.png");	
		}

		.LM05 .snd_content .image.overlay{
			background-image: url("./img/flower-icon-05.png");	
		}

		.LM06 .snd_content .image.overlay{
			background-image: url("./img/flower-icon-06.png");	
		}

		.LM07 .snd_content .image.overlay{
			background-image: url("./img/flower-icon-07.png");	
		}


		.snd_content .title{
			width: 188px;
			height: 80px;
			display: block;
			text-align: center;
			position: relative;
			font-size: 11.5pt;
		}

		.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: 8px auto 0;
/*			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 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: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_wrap{
				width: 23px;
				height: 23px;				
			}

			.snd_content .image{
/*				width: 23px;*/
/*				height: 23px;*/
				display: block;
/*				background-image: url("./img/sample.png");*/
/*				clip-path: circle(10px at 10px 10px);*/
/*				clip-path: circle(11px at 10px 10px);*/

/*				clip-path: xywh(0 0 99% 99% round 30% 30%);*/
				clip-path: inset(0 0);

			}

			.snd_content .image.overlay{
/*		        margin-left: -23px;*/
/*		        margin-top: 5px;*/
/*		        width: 24px;*/
/*		        height: 24px;*/
			}
	
			.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;
			}
	

		}


/* Description */

		#description {
			width: 100%;
			color: #333;
			margin-top: 100px;
		}

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

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


		#description .image{
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;

		}

		#description div div.title{
		    font-size: 21pt;
		    border-bottom: 1px solid #ccc;
		    text-align: left;
		    position: relative;
		}


		/*	points	*/
		#description .points{
			width: 75%;
/*			width: 90%;*/
			margin: 0 auto 150px;
			position: relative;
		}

		#description .points .lang_switch{
			position: absolute;
/*			bottom: -37px;*/
/*			top: -36px;*/
			top: 4px;
			right: 0;
			bottom: unset;
		}
	
		#description .points > div{
			display: flex;
			flex-wrap: wrap;
			align-items: start;
			margin: 40px 0;
			justify-content: start;

		}

		#description .points div div.image{
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;

		}

		#description .points div div span.subtitle{
			font-weight: bold;
			font-size: large;
		}
	

			#description .points .point1 .image{
				background-image: url(./img/point-1.jpg);
			    width: 350px;
	    		height: calc(350px* 0.75);
			}
	
			#description .points .point1 .text{
			    width: calc(100% - 390px);
			    margin-left: 30px;
			}

		
			#description .points .point2 .image{
				background-image: url(./img/point-2.jpg);
			    width: 240px;
	    		height: calc(240px* 1.333333);
			}
	
			#description .points .point2 .text{
			    width: calc(100% - 340px);
			    margin-left: 30px;
			}
	
		
			#description .points .point3 .image{
				background-image: url(./img/point-3.jpg);
			    width: 350px;
	    		height: calc(350px * 0.584967320261438);
/*	    		height: calc(350px* 0.666666666666667);*/
			}
	
			#description .points .point3 .text{
			    width: calc(100% - 390px);
			    margin-left: 30px;
			}
	

		@media screen and (max-width:780px){
			#description .points{
				width: 90%;
			}

			#description .points .title{
				margin-bottom: 80px;
			}

			#description .points > div {
				justify-content: center;

			}

			#description .points .lang_switch {
			    top: unset;
			    bottom: -37px;

			}


				#description .points .point1 .image{
					width: 88vw;
				    height: calc(88vw* 0.75);
				}

				#description .points .point1 .text{
					width: 88vw;
					margin-left: 0;
					margin-top: 10px;
				}

				#description .points .point2 .image{
				    width: 88vw;
		    		height: calc(88vw* 1.333333);
				}
		
				#description .points .point2 .text{
					width: 88vw;
					margin-left: 0;
					margin-top: 10px;
				}
					
				#description .points .point3 .image{
				    width: 88vw;
		    		height: calc(88vw* 0.666666666666667);
				}
		
				#description .points .point3 .text{
					width: 88vw;
					margin-left: 0;
					margin-top: 10px;
				}
		}



		/* artists */
		#description .artists {
			width: 75%;
/*			width: 90%;*/
			margin: 0 auto 150px;
			position: relative;
		}

		#description .artists .lang_switch{
			position: absolute;
/*			bottom: -37px;*/
/*			top: -36px;*/
			top: 4px;
			right: 0;
		}

		#description .artists > div{
			display: flex;
			flex-wrap: wrap;
			align-items: start;
			justify-content: start;
			margin: 40px 0;
		}

		#description .artists div div.image{
			width: 250px;
			height: 250px;
		}

		#description .artists div div.text{
			width: calc(100% - 290px);
		    margin-left: 30px;
		}

		#description .artists div div span.name{
			font-weight: bold;
			font-size: large;
			line-height: 2;
		}

			#description .artists .artist1 .image{
				background-image: url(./img/isshiki.jpg);
				background-size: cover;

			}
	
			#description .artists .artist2 .image{
				background-image: url(./img/matsuoka.jpg);
			}
	
			#description .artists .artist3 .image{
				background-image: url(./img/tanaka.jpg);
			}
	
			#description .artists .artist4 .image{
				background-image: url(./img/nishimoto.jpg);
			}




		@media screen and (max-width:780px){
			#description .artists{
				width: 90%;
			}

			#description .artists > div{
				justify-content: center;

			}

			#description .artists .title {
    			margin-bottom: 80px;
			}

			#description .artists div div.image{
				width: 80vw;
				height: 80vw;
			}
	
			#description .artists div div.text{
		        width: 80vw;
		        margin-left: 0;
    		    margin-top: 10px;
			}

			#description div div.title {
				text-align: center;
			}

			#description .artists .lang_switch {
			    top: unset;
			    bottom: -37px;
			}

		}




		/*	techs	*/
		#description .techs {
			width: 75%;
/*			width: 90%;*/
			margin: 0 auto 150px;
			position: relative;
		}

		#description .techs .lang_switch{
			position: absolute;
/*			bottom: -37px;*/
/*			top: -36px;*/
			top: 4px;
			right: 0;
		}

		#description .techs div.image{
		    width: calc(75vw* 0.20);
		    height: calc(75vw* 0.20);
/*		    width: calc(90vw* 0.20);*/
/*		    height: calc(90vw* 0.20);*/
		    display: inline-block;
			border-radius: 45%;
		}

		#description .techs div.subtitle{
			width: 100%;
		    text-align: center;
		    margin: 40px 0 0 0;
		    font-size: 18pt;
		}

		#description .techs div.subtitle span{
		    border-bottom: 1px solid #ddd;			
		}



		#description .techs div div.text{
/*			width: calc(100% - 270px);*/
			width: 90%;
/*		    margin-left: 10px;*/
		    display: inline-block;
		}

		#description .techs div div span.name{
			font-weight: bold;
			font-size: large;
			line-height: 2;
		}

		#description .techs div div h3{
			font-weight: bold;
			font-size: large;
/*			line-height: 2;*/
		}


		#description .techs div .tech_contents{
			display: flex;
			flex-wrap: wrap;
			align-items: start;
			margin: 40px 0;
		}

		#description .techs div .tech_contents > div{
			width: 25%;
			text-align: center;
		}

			#description .techs .tech1 div .tech_content_1 .image{
				background-image: url(./img/music-1.jpg);
			}

			#description .techs .tech1 div .tech_content_2 .image{
				background-image: url(./img/music-2.jpg);
			}

			#description .techs .tech1 div .tech_content_3 .image{
				background-image: url(./img/music-3.jpg);
			}

			#description .techs .tech1 div .tech_content_4 .image{
				background-image: url(./img/music-4.jpg);
			}

			#description .techs .tech2 div .tech_content_1 .image{
				background-image: url(./img/rec-1.jpg);
			}

			#description .techs .tech2 div .tech_content_2 .image{
				background-image: url(./img/rec-2.jpg);
			}

			#description .techs .tech2 div .tech_content_3 .image{
				background-image: url(./img/rec-3.jpg);
			}

			#description .techs .tech2 div .tech_content_4 .image{
				background-image: url(./img/rec-4.jpg);
			}



		@media screen and (max-width:780px){
			#description .techs{
				width: 90%;
			}

			#description .techs .title{
				margin-bottom: 80px;
			}

			#description .techs div .tech_contents > div {
			    width: 100%;
			    text-align: center;
			    margin-bottom: 15px;
			}

			#description .techs div.image {
			    width: 55vw;
			    height: 55vw;
			}

			#description .techs div.subtitle {
				margin: 60px 0 0 0;
			}

			#description .techs .lang_switch {
			    top: unset;
			    bottom: -37px;
			}

		}

		@media screen and (min-width:781px) and (max-width: 1062px){
		}



/*	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: 100px 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;
		}