@charset "utf-8";

.cat1 .aName{color:#79B53C;}
.cat2 .aName{color:#61B0D0;}
.cat3 .aName{color:#ef7575;}
.cat4 .aName{color:#a67eb7;}
.cat5 .aName{color:#af913e;}
.cat6 .aName{color:#ea6097;}

/*------------------------------------------------------------------------------ youtube --*/

iframe{
	width:868px !important;
	height:488px !important;
	margin:0 auto !important;
	/* display:block !important; */
}

/*------------------------------------------------------------------------------ modal --*/

#modal{
	position:fixed;
	width:100% !important;
	height:100%;
	background:url(/common/img/modal/modal_bg.png) 0 0 repeat;
	top:0;
	left:0;
	z-index:999;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display:none;
	}
#modal #modalBox{
	margin:70px auto 20px;
	max-width: 1005px;
	width: 100%;
}

#modal #modalBox .close{
	text-align:right;
	padding: 0 5px 10px 0;
	line-height:0;
	}

#modal #modalBox .close img{
	cursor:pointer;
	width: 24px;
	height: 24px;
}
#modal #modalBox .parts{
	line-height:0;
	}

#modal #modalBox #include{
	padding:40px 0 0;
	line-height:0;
	background:url(/common/img/modal/kitchen_modal_bg_middle.png) 0 0 repeat-y;
	}

@media screen and (max-width: 768px) {
	#modal{
		height:100%;
		background:url(/common/img/modal/modal_bg.png) 0 0 repeat;
		top:0;
		left:0;
		z-index:999;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		display:none;
		}
	#modal #modalBox{
		margin: 35px auto 20px;
		width: calc(100% - 30px);
	}

	#modal #modalBox .close{
		text-align:right;
		padding: 0 5px 10px 0;
		line-height:0;
		}

	#modal #modalBox .close img{
		cursor:pointer;
		width: 24px;
		height: 24px;
	}
	#modal #modalBox .parts{
		height: 0;
		line-height:0;
	}
	#modal #modalBox .parts img {
		height: 0;
	}
	#modal #modalBox #include{
		background: #fff;
		border-radius: 12px;
		padding: 15px;
	}
}