@charset "UTF-8";

/* list courseCont ------------------------------------- */
.birthdayCourseList *{ box-sizing: border-box;}
.birthdayCourseList-Cont{
	margin: 30px auto;
	overflow: hidden;
	background: #FEF3DF;
	border: 1px solid #EF656F;
}
.birthdayCourseList-Cont a{
	display: block;
	color: #333;
}

/* title */
.birthdayCourseList-name{
	padding: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #442b0a;
	background: #f7f7f7 url("../img/tit_courseName.png") no-repeat top right;
	background-size: cover;
}

/* cont */
.birthdayList-cont-point,
.birthdayCourseList-useCoupon,
.birthdayCourseList-Cont-menuData,
.birthdayCourseList-copy,
.birthdayCourseList-price,
.birthdayCourseList-priceOption,
.birthdayCourseList-Image,
.birthdayCourseList-shopCopy{
	margin: 5px 3% 0;
}

.birthdayCourseList-price{
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 70px;
	background: url('../img/tit_price.png') no-repeat 0 0;
}
.birthdayCourseList-priceOption{
}

/* menuData */
.birthdayCourseList-Cont-menuData{
	margin-bottom: 10px;
}
	.birthdayCourseList-Cont-menuData dt{
		display: none;
	}
	.birthdayCourseList-Cont-menuData dd{
		margin-right: .2em;
	}

/* img */
.birthdayCourseList-Image{
	overflow: hidden;
}
	.birthdayCourseList-Image figure{
		position: relative;
		width: 32%;
		padding-top: 32%;
		float: left;
		margin: 0 0 0 2%;
	}
		.birthdayCourseList-Image figure > img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	.birthdayCourseList-Image figure:first-child{ margin:0;}
	/*.birthdayCourseList-Image figure:nth-child(2){ display: none;}*/

/* point */
.birthdayList-cont-point{
	font-size: 1.4rem;
}

/* クーポン */
dl.birthdayCourseList-useCoupon{
}
	.birthdayCourseList-useCoupon dt,
	.birthdayCourseList-useCoupon dd{
		padding: 8px;
	}
	.birthdayCourseList-useCoupon dt{
		background: #fa7b81;
		color: #fff;
		font-weight: bold;
	}
	.birthdayCourseList-useCoupon dd{
		background: #fff;
	}

/* お店情報 */
.birthdayCourseList_shopData{
	background: #fff;
	padding: 10px;
	margin-top: 10px;
}
	.birthdayCourseList_shopData .el_shopArea{}
	.birthdayCourseList_shopData .el_shopName{
		font-size: 1.2em;
		font-weight: bold;
	}
	.birthdayCourseList_shopData .el_moreBtn{
		padding: 10px;
		margin: 8px 0 0;
		text-align: center;
		border-radius: 3px;
		background: #fff;
		border: 1px solid #ccc;
	}

/* PC サイズ */
@media screen and (min-width: 992px){
	/* title */
	.birthdayCourseList-name{
		font-size: 2.4rem;
	}
	.birthdayCourseList-price{
		padding-left: 70px;
		background: url('../img/tit_price.png') no-repeat 0 0;
	}

	/* cont */
	.birthdayList-cont-point,
	.birthdayCourseList-useCoupon,
	.birthdayCourseList-Cont-menuData,
	.birthdayCourseList-copy,
	.birthdayCourseList-price,
	.birthdayCourseList-priceOption,
	.birthdayCourseList-Image,
	.birthdayCourseList-shopCopy{
		margin: 10px 2% 0;
	}

	/* menuData */
	.birthdayCourseList-Cont-menuData{
		display: table;
		table-layout: fixed;
		margin-bottom: 10px;
	}
		.birthdayCourseList-Cont-menuData dt,
		.birthdayCourseList-Cont-menuData dd{
			display: table-cell;
			padding: .4em .6em;
			line-height: 1;
			margin-right: .2em;
		}
		.birthdayCourseList-Cont-menuData dt{
			width: 7em;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			background: #fff;
		}
		.birthdayCourseList-Cont-menuData dd:nth-of-type(1){ width: 228px;}
		.birthdayCourseList-Cont-menuData dd:nth-of-type(2){ width: 522px;}

	/* img */
	.birthdayCourseList-Image{
		clear: both;
		overflow: hidden;
	}
	.birthdayCourseList-Image figure{
		position: relative;
		width: 32%;
		padding-top: 32%;
		float: left;
		margin: 0 0 0 2%;
	}
		.birthdayCourseList-Image figure > img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	.birthdayCourseList-Image figure:first-child{ margin: 0}
	.birthdayCourseList-Image figure:nth-child(2){ display: block;}

	/* point */
	.birthdayList-cont-point{
		font-size: 1.6rem;
	}
	/* お店情報 */
	.birthdayCourseList_shopData{
		position: relative;
		padding-right: 210px;
	}
		.birthdayCourseList_shopData .el_shopArea{}
		.birthdayCourseList_shopData .el_shopName{}
		.birthdayCourseList_shopData .el_moreBtn{
			width: 200px;
			position: absolute;
			top: 10px;
			right: 10px;
			margin: 0;
		}

	a:hover{
		text-decoration: none;
	}
	a:hover .birthdayCourseList-name{
		text-decoration: underline;
	}
}