@charset "UTF-8";

div.h1 img {
	width: 100%;
}

.type_wrap .att img {
	width: 100%;
}

/*20230928 H1タグ入れる*/
section h1{
display:table;
margin:7px auto 20px;
line-height:1;
font-size:22px;
font-weight:700;
text-align:center
}

section h1 span{
display:inline-block;
font-size:13px;
font-weight:500;
color:#6a6456
}

section h1 span:before{
content:"";
display:block;
width:80%;
margin:auto;
border-top:1px solid #4db4b0;
padding-top:20px;
margin-top:20px
}
/*20230928 H1タグ入れる*/


#type_h1 {
	text-align:center;
}


.next {
	margin: 4px 0 20px;
	background: url(images/arrow_next.svg);
	background-repeat: no-repeat;
	background-position: center 10px;
	padding-top: 50px;
	
	font-size: 16px;
	text-align: center;
}

.bg_green {
	background: #f2fbf8;
	padding: 20px;
	
	font-weight: 600;
	
	border: 1px dashed #575757;
	border-radius: 20px;
}

	.bg_green span {
		display: block;
		color: #02b2af;
	}
	
	
	
.sample_mp3 {
display:block;
padding:10px;
background:#f1f1f1;
margin-top:10px;
}

.sample_mp3 .audiojs{
margin-top:5px
}
	
	
	
	

.sample {
	margin: 20px 0;
	padding: 10px;
}

	.sample_title {
		border-bottom: 1px solid #5a5a52;
	}

		.sample_title span {
			display: inline-block;
			background: #5a5a52;
			padding: 5px 7px 4px 9px;
			
			color: #fff;
			font-size: 16px;
		}
		
		.sample_title p {
			padding: 7px 0;
			font-size: 26px;
		}
	
	.sample_image {
		margin: 10px 0;
	}
	
		.sample_image img {
			width: 100%;
			max-width: 654px;
		}
		
	.sample_movie {
		background: #fff;
	}
	
		.sample_movie p {
			padding: 5px;
			color: #fff;
			font-size: 16px;
			text-align: center;
		}
		
		.sample_movie iframe {
			padding: 20px;
			border: 0;
			
			width: 100%;
			box-sizing: border-box;
			height:250px;  /*2024.5.2 スマホ用の試聴をYoutubeに変えた際、画面の縦が短かったので強制的に伸ばした。不都合あれば調整*/


		}
		
		.mp3_wrap {
			padding: 10px;
		}
		
			.mp3_wrap .audiojs {
				margin-bottom: 10px;
			}
		
		.sample_movie div.sample_movie_att {
			font-size: 12px;
			padding: 0px 20px 20px;
		}

.sample_itemlist h3 {
	position: relative;
	margin: 1.5em 0;
	padding: 13px 0 10px;
	
	font-size: 19px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	
	border: 1px solid #555;
}

.sample_itemlist h3:before {
	content: "";
	position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #333;
	z-index: 1;
}

.sample_itemlist h3:after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #FFF;
	z-index: 2;
}
	
	.sample_itemlist ul {
		overflow: hidden;
	}
	
		.sample_itemlist ul li {
			float: left;
			width: 49%;
			margin-right: 2%;
			margin-bottom: 20px;
		}
		
		.sample_itemlist ul li:nth-child(2n) {
			margin-right: 0;
		}
		
			.sample_itemlist ul li img {
				width: 100%;
				margin-bottom: 4px;
			}
			
			.sample_itemlist ul li a {
				text-decoration: none;
			}
			
			.sample_itemlist ul li a:hover {
				opacity: 0.7;
				transition: 0.3s ease all;
			}
			
	.pr_area {
	}
	
		.pr_area > span {
			display: block;
			margin-bottom: 20px;
		}
	
		.pr_area span img {
			width: 100%;
		}
		
		.pr_area h3 {
			background: #42b1ae;
			
			color: #fff;
			font-weight: 500;
			text-align: center;
			
			border: 0;
			margin-bottom: 0;
		}
		
		.pr_area div {
			border: 1px solid #42b1ae;
			margin-bottom: 20px;
		}
		
			.pr_area div p:before {
				display: block;
				content: "";
				width: 100%;
				height: 150px;
				
				margin-bottom: 7px;
			}
		
			.pr_area div p {
				background: #fff;
				font-size: 14px;
				padding: 10px;
			}
			
				.pr_area div p span {
					display: block;
					
					color: #42b1ae;
					font-weight: 600;
					font-size: 18px;
					
					margin-bottom: 5px;
				}

	.select_music h3 {
		display: inline-block;
		
		width: 100%;
		box-sizing: border-box;
		
		font-size: 18px;
		text-align: left;
		padding: 12px 0 10px 80px;
		
		background-image: url(images/selectmusic_ttl_sp.webp);
		background-repeat: no-repeat;
		background-position: top left;
		
		border: 0;
		margin-bottom: 0;
	}
	
	.select_music ul {
		background: #fff;
		border-left: 8px solid #efefef;
		border-right: 8px solid #efefef;
		border-bottom: 8px solid #efefef;
	}
	
		.select_music ul li {
			padding: 10px 0;
			margin: 0 10px;
			border-bottom: 1px solid #ccc;
		}
	
		.select_music ul li:last-child {
			border-bottom: 0px;
		}
		
			.select_music ul li img {
				width: 100%;
			}
			
			.select_music ul li h4 {
				margin: 8px 0;
			}
			
			.select_music ul li dl {
				overflow: hidden;
			}
			
				.select_music ul li dt {
					background: #f1f1f1;
					padding: 6px;
					
					float: left;
					width: 20%;
					box-sizing: border-box;
					
					text-align: center;
					
					border-bottom: 1px solid #fff;
				}
				
				.select_music ul li dd {
					padding: 6px 6px 6px 10px;
					
					float: left;
					width: 80%;
					box-sizing: border-box;
					
					border-bottom: 1px solid #fff;
				}
			
			.select_music ul li p {
				padding: 10px 6px;
			}

				.select_music ul li div a {
					display: block;
					padding: 10px 0;
					
					font-size: 16px;
					border-radius: 10px;
					
					text-align: center;
					text-decoration: none;
					
					margin-top: 10px;
				}
				
					.select_music ul li div a:hover {
						opacity: 0.7;
						transition: 0.3s ease all;
					}
				
				.select_music ul li div a:first-child {
					background-color: #4784C0;
					color: #fff;
				}
				
					.select_music ul li div a:first-child span {
						background-image: url(../common/images/note.svg);
						background-repeat: no-repeat;
						background-position: left center;
						padding-left: 35px;
					}
	
				.select_music ul li div a:last-child {
					background-color: #d60b1f;
					color: #fff;
				}
				
					.select_music ul li div a:last-child span {
						background-image: url(../common/images/cart.svg);
						background-repeat: no-repeat;
						background-position: left center;
						padding-left: 35px;
					}



/*typeの試聴設定*/
	.audio_att {
		display: block;
		padding: 3px;
	}
	
		.cart_area .audiojs, .audio_att {
			display: none;
		}	

/*typeのindex がぞうがずれてる　*/
#selectmusic img{

}








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

/* インデックス */			
#selectmusic {
	overflow: hidden;
	
	width: 100%;
	margin-right: 0px;
}

	#selectmusic li {
		float: left;
		width: 176px;
		box-sizing: border-box;
		margin-right: 12px;
		
		text-align: center;
	}
	
		#selectmusic li:nth-child(4n) {
			margin-right: 0;
		}


/*	PC版はこちらを読む*/
#selectmusic li img{
width:152px;
}


/* 個別ページレイアウト */
.type_wrap {
	border-left: 1px solid #cecfcf;
	border-right: 1px solid #cecfcf;
	border-bottom: 1px solid #cecfcf;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.next {
	font-size: 28px;
}

.bg_green {
	padding: 30px;
	text-align: center;
	
	font-size: 18px;
	font-weight: bold;
	
	width: 80%;
	margin: auto;
}


.sample_mp3 {
display:block;
padding:10px;
background:#f1f1f1;
margin-left:20px;
}

.sample_mp3 .audiojs{
margin-top:0px;
padding-top:0px;
}
	
	




.sample {
	padding: 20px;
	margin: 20px;
}
	.sample_title {
		padding-bottom: 10px;
		overflow: hidden;
	}

	.sample_title span {
		display: block;
		float: left;
		font-size: 20px;
		margin-top: 10px;
	}
	
	.sample_title p {
		display: block;
		float: left;
		font-size: 34px;
		padding: 5px 0 0px 15px;
	}
	
.sample_movie p {
	padding: 5px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}

.sample_movie iframe {
	width: 658px;
	height: 494px;
}

	.sample_movie div.sample_movie_att {
		font-size: 14px;
	}

.sample_itemlist {
	margin: 0 20px;
}

	.sample_itemlist ul {
		width: 678px;
		margin: 26px 26px 0;
	}

		.sample_itemlist ul li {
			width: 142px;
			margin-right: 26px;
			margin-bottom: 0px;
			
			margin-bottom: 20px;
		}
		
		.sample_itemlist ul li:nth-child(2n) {
			margin-right: 26px;
		}
		
		.sample_itemlist ul li:nth-child(4n) {
			margin-right: 0%;
		}


.pr_area {
	padding: 20px;
}

	.pr_area h3 {
		font-size: 22px;
	}

	.pr_area div {
		background: #c7f0e8;
		border: 20px solid #c7f0e8;
	}
	
		.pr_area div p:before {
			display: none;
		}
	
		.pr_area div p span {
			font-size: 22px;
			font-weight: 500;
			text-align: center;
			
			padding-bottom: 7px;
			border-bottom: 1px dotted #42b1ae;
			margin-bottom: 10px;
		}

		.pr_area div p {
			width: 390px;
			height: 195px;

			padding: 13px 20px 20px;
			
			line-height: 1.7;
			font-size: 14px;
		}

	.select_music {
		margin: 0 20px 20px;
	}

		.select_music h3 {
			width: 100%;
			height: 83px;
			box-sizing: border-box;
			
			font-size: 24px;
			text-align: left;
			padding: 26px 0 0 130px;
			
			background-image: url(images/selectmusic_ttl.webp);
			background-repeat: no-repeat;
			background-position: left;
		}
	
		.select_music ul {
			background: #fff;
			border-left: 16px solid #efefef;
			border-right: 16px solid #efefef;
			border-bottom: 16px solid #efefef;
		}
		
			.select_music ul li {
				padding: 20px 0;
				margin: 0 20px;
				overflow: hidden;
			}
			
				.select_music ul li:last-child {
					border-bottom: 0;
				}
			
				.select_music ul li img {
					width: 150px;
					float: left;
				}
				
				.select_music ul li h4, .select_music ul li dl, .select_music ul li > p, .select_music ul li > div {
					float: right;
					width: 454px;
				}
				
				.select_music ul li p {
					padding: 0;
					margin: 10px 0;
				}
				
				.select_music ul li a {
					width: 49%;
					float: left;
					margin-right: 2%;
				}
					
					.select_music ul li a:last-child {
						margin-right: 0%;
					}



}


/* IEの游ゴシックズレを矯正 */
@media all and (-ms-high-contrast:none) {
	
body {
	font-family: 'メイリオ', 'Meiryo', sans-serif;
}

}