@charset "UTF-8";


/*****************************************************

*****************************************************/
/* 
------------------------------------------------- */
.trainingroom-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.trainingroom-list .item{
	margin:0 2% 6% 0;
	max-width:370px;
	width:32%;
}
.trainingroom-list .item:nth-child(3){
	margin-right:0;
}
.trainingroom-list .item:nth-child(4),
.trainingroom-list .item:nth-child(5){
	margin-bottom:0;
}
.trainingroom-list .item .ttl{
	font-size:22px;
	font-size:2.2rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:15px 0 0;
	text-align:center;
}
.trainingroom-list .item .more{
	color:#222;
	margin:25px auto 0;
	text-align:center;
	max-width:300px;
	width:81%;
}
.trainingroom-list .item .more a{
	display:block;
	padding:15px 0;
	position:relative;
	transition:all 0.4s ease-out;
}
.trainingroom-list .item .more a:hover{
	background:#222;
	color:#fff;
	opacity:1;
}
.trainingroom-list .item .more a:before,
.trainingroom-list .item .more a:after{
	background:#bbb;
	content:'';
	height:2px;
	transition:all 0.4s ease-out;
	position:absolute;
	width:100%;
}
.trainingroom-list .item .more a:before{
	top:0;
	right:0;
}
.trainingroom-list .item .more a:after{
	bottom:0;
	left:0;
}
.trainingroom-list .item .more a:hover:before,
.trainingroom-list .item .more a:hover:after{
	transition:all 0.6s ease-out;
	width:0;
}


/*****************************************************

*****************************************************/
/*  
------------------------------------------------- */
.subttl{
	font-size:22px;
	font-size:2.2rem;
	font-weight:400;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:20px 0 80px;
	text-align:center;
}
/*  
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin-top:80px;
}
/*  */
.block-ttl{
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 30px;
	text-align:center;
}
/* ----- .in-block ----- */
.in-block + .in-block{
	margin-top:50px;
}
.in-block-ttl{
	border-bottom:1px solid #bbb;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
	padding:0 0 10px;
}
/* �gλ 
------------------------------------------------- */
.unit{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:10px 0;
	text-align:right;
}
/* �����Ҹ�Ҫ 
------------------------------------------------- */
.trainingroom-summary-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.trainingroom-summary-list .item{
	display:flex;
	justify-content:space-between;
	margin:0 0 2%;
	width:48%;
}
/* -----  ----- */
.trainingroom-summary-list .item .img{
	width:44%;
}
/* -----  ----- */
.trainingroom-summary-list .item .text{
	width:53%;
}
.trainingroom-summary-list .item .space{
	background:#f7f5ed;
	border:1px solid #060001;
	display:inline-block;
	padding:4px 15px;
}
.trainingroom-summary-list .item .text .ttl,
.trainingroom-summary-list .item .text p{
	letter-spacing:0.025em;
	line-height:1.7;
}
.trainingroom-summary-list .item .text .ttl{
	font-size:20px;
	font-size:2.0rem;
	font-weight:700;
	margin:5px 0;
}
.trainingroom-summary-list .item .text .basin{
	margin:5px 3px 5px 0;
}
/* 
------------------------------------------------- */
.musical-instrument .table{
	max-width:800px;
}
.musical-instrument .table td{
	text-align:left;
}
/*  
------------------------------------------------- */
.price{
	margin:0 auto;
	max-width:1000px;
}
.price .table{
	margin:0 auto;
}
.price .table tr.bg-222 th{
	background:#222;
	color:#fff;
}
.price .table td.num{
	text-align:right;
}
.price dl{
	margin:20px 0 60px;
}
.price dl dt,
.price dl dd,
.price dl dd p{
	letter-spacing:0.025em;
	line-height:1.4;
}
.price .accessory-equipment_table tbody tr td:nth-child(1),
.price .accessory-equipment_table tbody tr td:nth-child(4){
	text-align:left;
}
.price .notice-txt{
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
}


/*****************************************************
*****************************************************/
.page-template-japanesestyleroom .page-main-content p,
.page-template-japanesestyleroom .page-main-content li,
.page-template-japanesestyleroom .page-main-content dl dt,
.page-template-japanesestyleroom .page-main-content dl dd,
.page-template-meetingroom .page-main-content p,
.page-template-meetingroom .page-main-content li,
.page-template-meetingroom .page-main-content dl dt,
.page-template-meetingroom .page-main-content dl dd{
	letter-spacing:0.025em;
	line-height:1.7;
}
.page-template-japanesestyleroom .page-main-content ul,
.page-template-japanesestyleroom .page-main-content ol,
.page-template-meetingroom .page-main-content ul,
.page-template-meetingroom .page-main-content ol{
	padding:0 0 0 25px;
}
.page-template-japanesestyleroom .page-main-content ul + p,
.page-template-japanesestyleroom .page-main-content ol + p,
.page-template-japanesestyleroom .page-main-content p + p:not(.notice-txt),
.page-template-meetingroom .page-main-content ul + p,
.page-template-meetingroom .page-main-content ol + p,
.page-template-meetingroom .page-main-content p + p:not(.notice-txt){
	margin:1em 0 0;
}
.notice{
	margin:0 auto;
	max-width:800px;
}
.notice-subttl{
	border-bottom:1px solid #222;
	font-size:22px;
	font-size:2.2rem;
	font-weight:700;
	letter-spacing:0.025em;
	line-height:1.7;
	margin:0 0 10px;
	padding:0 0 5px;
}
.notice li dl.ex{
	margin:10px 30px 0;
}
.page-template-japanesestyleroom .page-main-content .in-block + .in-block{
	margin:40px 0 0;
}
/*  
------------------------------------------------- */
.apply p + dl{
	margin:20px 0 0;
}
.apply dl{
	display:flex;
	margin:5px 0 0;
}
.apply dl dt{
	width:6em;
}
.apply dl dd{
	width:calc(100% - 6em);
}



@media screen and (max-width:1024px){
	/*****************************************************
	
	*****************************************************/
	/* 
	------------------------------------------------- */
	.trainingroom-list{
		justify-content:flex-start;
	}
	.trainingroom-list .item{
		margin:0 1% 6% 1%;
		max-width:none;
		width:48%;
	}
	.trainingroom-list .item:nth-child(3){
		margin-right:1%;
	}
	.trainingroom-list .item:nth-child(4){
		margin-bottom:6%;
	}
	.trainingroom-list .item img{
		width:100%;
	}
	.trainingroom-list .item .ttl{
		font-size:3.6vw;
		margin:1.87vw 0 0;
	}
	.trainingroom-list .item .more{
		margin:3.12vw auto 0;
	}
	.trainingroom-list .item .more a{
		padding:1.87vw 0;
	}
	.trainingroom-list .item .more a:before,
	.trainingroom-list .item .more a:after{
		height:0.37vw;
	}


	/*****************************************************
	
	*****************************************************/
	/*  
	------------------------------------------------- */
	.subttl{
		font-size:3vw;
		margin:2.5vw 0 10vw;
	}
	/* 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin-top:10vw;
	}
	/*  */
	.block-ttl{
		font-size:4.2vw;
		margin:0 0 3.75vw;
	}
	/* ----- .in-block ----- */
	.in-block + .in-block{
		margin-top:6.25vw;
	}
	.in-block-ttl{
		border-width:0.12vw;
		font-size:2.75vw;
		margin:0 0 2.5vw;
		padding:0 0 1.25vw;
	}
	/* 
	------------------------------------------------- */
	.unit{
		font-size:3.0vw;
		margin:1.25vw 0;
	}
	/* 
	------------------------------------------------- */
	.trainingroom-summary-list .item{
		display:block;
		margin:0 0 6%;
	}
	/* ----- ----- */
	.trainingroom-summary-list .item .img{
		margin:0 0 2.5vw;
		width:auto;
	}
	.trainingroom-summary-list .item .img img{
		width:100%;
	}
	/* -----  ----- */
	.trainingroom-summary-list .item .text{
		width:auto;
	}
	.trainingroom-summary-list .item .space,
	.trainingroom-summary-list .item .text .basin,
	.trainingroom-summary-list .item .text .hanger-rack,
	.trainingroom-summary-list .item .text .coin-locker{
		border-width:0.12vw;
		padding:1.5vw 1.87vw;
	}
	.trainingroom-summary-list .item .text .ttl{
		font-size:3.75vw;
		margin:0.62vw 0;
	}
	.trainingroom-summary-list .item .text .basin,
	.trainingroom-summary-list .item .text .hanger-rack,
	.trainingroom-summary-list .item .text .coin-locker{
		margin:0.62vw 0.37vw 0.62vw 0;
	}
	/*  
	------------------------------------------------- */
	.price .table{
		width:150vw;
	}
	.price dl{
		margin:2.5VW 0 7.5vw;
	}
	.price .notice-txt{
		margin:0 0 2.5vw;
	}


	/*****************************************************
	
	*****************************************************/
	.page-template-japanesestyleroom .page-main-content ul,
	.page-template-japanesestyleroom .page-main-content ol,
	.page-template-meetingroom .page-main-content ul,
	.page-template-meetingroom .page-main-content ol{
		padding:0 0 0 3.12vw;
	}
	.notice-subttl{
		border-width:0.12vw;
		font-size:3.75vw;
		margin:0 0 1.25vw;
		padding:0 0 0.62vw;
	}
	.notice li dl.ex{
		margin:1.25vw 3.75vw 0;
	}
	.page-template-japanesestyleroom .page-main-content .in-block + .in-block{
		margin:5vw 0 0;
	}
	/* 
	------------------------------------------------- */
	.apply p + dl{
		margin:2.5vw 0 0;
	}
	.apply dl{
		margin:0.62vw 0 0;
	}
}