@charset "UTF-8";


/*****************************************************
　オルガン・チェンバロ講習会　
*****************************************************/
/* その他共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:50px 0 0;
}
.block_inner{
	margin:0 50px;
}
.block_inner *{
	letter-spacing:0.025em;
	line-height:1.8;
}
.block_inner a{
	color:#d15e5e;
}
/* ----- .box ----- */
.box + .box{
	margin-top:30px;
}
.box .ttl{
	background:#fbf9f2;
	border-bottom:3px solid #a6a6a6;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
	padding:11px 28px;
}
.box .box_inner{
	margin:0 35px;
}
/* メインビジュアル 
------------------------------------------------- */
.main-visual{
	margin:35px 0 0;
	text-align:center;
}
/* オルガン・チェンバロ講習会テキスト 
------------------------------------------------- */
.oc-txt{
	letter-spacing:0.025em;
	line-height:1.8;
	margin:45px auto;
	max-width:1100px;
	width:100%;
}
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:35px 0 50px;
}
.anchor-link span + span:before{
	content:'/';
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.7;
}
.anchor-link a{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.7;
	margin:0 1em;
}
/* 表 
------------------------------------------------- */
table.style_yellow-bb td *{
	letter-spacing:0.025em;
	line-height:1.8;
}
table.style_yellow-bb td a{
	color:#d15e5e;
}
/* 講習会概要 
------------------------------------------------- */
.cp-block{
	margin:30px 0 0;
}
.cp-block .cp-block_ttl{
	background:#f2efe7;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.5;
	margin:0 0 20px;
	padding:10px 30px;
}
.cp-block .cp-block_txt{
	margin:0 30px 30px;
}
.cp-detail-item{
	margin:0 30px;
}
.cp-detail-item .ttl{
	cursor:pointer;
	position:relative;
}
.cp-detail-item .ttl:after{
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:8px solid #040404;
	content:'';
	display:block;
	position:absolute;
	right:30px;
	top:50%;
	transform:translate(0,-50%);
	z-index:0;
}
.cp-detail-item.open .ttl:after{
	border-bottom:8px solid #040404;
	border-top:8px solid transparent;
}
.cp-detail-item .txt{
	margin:0 0 20px;
}
.cp-detail-item .small-btn.information-btn{
	background:#f8f4e6;
	margin:25px auto 0;
}
.cp-detail-item .small-btn.information-btn a{
	color:#080808;
}
.cp-detail-item .small-btn.information-btn a:before{
	display:none;
}
/* 講師 
------------------------------------------------- */
.instructor-item{
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:1020px;
	width:100%;
}
.instructor-item .img{
	max-width:250px;
	width:25%;
}
.instructor-item .name-txt{
	max-width:700px;
	width:69%;
}
/* 年間スケジュール 
------------------------------------------------- */
#schedule .small-btn{
	background:#f8f4e6;
	margin:25px 0 0;
}
#schedule .small-btn a{
	color:#080808;
}
#schedule .small-btn a:before{
	display:none;
}
/* お知らせ 
------------------------------------------------- */
.report-list li{
	display:flex;
	list-style-type:none;
}
.report-list li + li{
	margin:30px 0 0;
}
.report-list li .date,
.report-list li a{
	display:block;
	letter-spacing:0.025em;
	line-height:1.4;
}
.report-list li .date{
	margin:0 30px 0 0;
	width:140px;
}
.report-list li a{
	border-bottom:1px solid #424242;
	color:inherit;
	padding:0 15px 13px;
	width:calc(100% - 30px - 140px);
}
/* ----- 記事なし ----- */
#news .none{
	margin:50px 0;
	text-align:center;
}
/* ----- もっと見るボタン ----- */
#news .more.small-btn{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.05em;
	margin:45px auto 0;
	max-width:455px;
}
#news .more.small-btn a{
	color:inherit;
	padding:15px 0;
}
#news .more.small-btn a:before{
	display:none;
}
/* 募集要項 
------------------------------------------------- */
#information .small-btn{
	background:#f8f4e6;
	margin:25px 0 0;
}
#information .small-btn a{
	color:#080808;
}
#information .small-btn a:before{
	display:none;
}


/*****************************************************
　オルガン・チェンバロ講習会　募集要項　
*****************************************************/
/* 通年コース・各種プログラム 
------------------------------------------------- */
#oc-info1 .txt,
#oc-info2 .txt{
	margin:35px 20px 0;
}
#oc-info1 .txt p,
#oc-info2 .txt p{
	letter-spacing:0.025em;
	line-height:1.8;
}
/* .none 
------------------------------------------------- */
.oc-info_area .none{
	text-align:center;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　オルガン・チェンバロ講習会　
	*****************************************************/
	/* その他共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:6.25vw 0 0;
	}
	.block_inner{
		margin:0 3.25vw;
	}
	/* ----- .box ----- */
	.box + .box{
		margin-top:7.5vw;
	}
	.box .ttl{
		border-bottom-width:0.37vw;
		font-size:3.6vw;
		margin:0 0 3.12vw;
		padding:1.37vw 3.5vw;
	}
	.box .box_inner{
		margin:0 4.37vw;
	}
	/* メインビジュアル 
	------------------------------------------------- */
	.main-visual{
		margin:4.37vw 0 0;
	}
	/* オルガン・チェンバロ講習会テキスト 
	------------------------------------------------- */
	.oc-txt{
		margin:5.62vw auto;
	}
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:4.37vw 0 6.25vw;
	}
	.anchor-link span + span:before,
	.anchor-link a{
		font-size:3vw;
	}
	/* 講習会概要 
	------------------------------------------------- */
	.cp-block{
		margin:3.75vw 0 0;
	}
	.cp-block .cp-block_ttl{
		font-size:3.5vw;
		margin:0 0 2.5vw;
		padding:1.25vw 3.75vw;
	}
	.cp-block .cp-block_txt{
		margin:0 3.75vw 3.75vw;
	}
	.cp-detail-item{
		margin:0 3.75vw;
	}
	.cp-detail-item .ttl:after{
		border-left-width:0.87vw;
		border-right-width:0.87vw;
		border-top-width:1vw;
		right:3.75vw;
	}
	.cp-detail-item.open .ttl:after{
		border-bottom-width:1vw;
		border-top-width:1vw;
	}
	.cp-detail-item .txt{
		margin:0 0 2.5vw;
	}
	.cp-detail-item table.style_yellow-bb{
		width:200vw;
	}
	.cp-detail-item .small-btn.information-btn{
		margin:3.12vw auto 0;
		max-width:50vw;
	}
	.cp-detail-item .small-btn.information-btn a{
		line-height:1;
		padding:3vw 0;
	}
	/* 講師 
	------------------------------------------------- */
	.instructor-item{
		display:block;
	}
	.instructor-item .img{
		margin:0 0 3.75vw;
		max-width:none;
		text-align:center;
		width:auto;
	}
	.instructor-item .img img{
		width:60vw;
	}
	.instructor-item .name-txt{
		max-width:none;
		width:auto;
	}
	/* 年間スケジュール 
	------------------------------------------------- */
	#schedule .small-btn{
		margin:3.12vw 0 0;
		max-width:50vw;
	}
	#schedule .small-btn a{
		line-height:1;
		padding:3vw 0;
	}
	/* お知らせ 
	------------------------------------------------- */
	.report-list li{
		display:block;
	}
	.report-list li + li{
		margin:3.75vw 0 0;
	}
	.report-list li .date{
		margin:0 0 1.87vw;
		width:auto;
	}
	.report-list li a{
		border-bottom-width:0.12vw;
		color:inherit;
		padding:0 0 1.62vw;
		width:auto;
	}
	/* ----- 記事なし ----- */
	#news .none{
		margin:6.25vw 0;
	}
	/* ----- もっと見るボタン ----- */
	#news .more.small-btn{
		font-size:3.5vw;
		margin:5.62vw auto 0;
		max-width:70vw;
	}
	#news .more.small-btn a{
		padding:1.87vw 0;
	}
	/* 募集要項 
	------------------------------------------------- */
	#information .small-btn{
		margin:3.12vw 0 0;
		max-width:50vw;
	}
	#information .small-btn a{
		line-height:1;
		padding:3vw 0;
	}


	/*****************************************************
	　オルガン・チェンバロ講習会　募集要項　
	*****************************************************/
	/* 通年コース・各種プログラム 
	------------------------------------------------- */
	#oc-info1 .txt,
	#oc-info2 .txt{
		margin:4.37vw 2.5vw 0;
	}
	.oc-info_area table.style_yellow-bb{
		width:200vw;
	}
}