*{
	box-sizing: border-box;
}
html{
	font-size: 62.5%; /* 10px */
}
body{
	font-family: 'Open Sans',"Hiragino Sans","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Noto Sans JP",Meiryo,"Meiryo UI","メイリオ",sans-serif;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;
	min-width: 320px;
	color: #F0F0F0;
	background: #202020;
}

.sp{ display: block; }
.pc{ display: none; }

/* */
.effect img{
	transition: .8s;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
ul, li, ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
em{ font-style: normal; }
dl{
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
	padding: 0;
}
img:not(.aaaa){
	max-width: 100%;
	vertical-align: top;
}

a{
	color: #40B0FF;
	text-decoration: none;
	transition: 0.4s;
}
/*a:visited{ color: #4900c1; text-decoration: none; }*/
a:hover, a:active, a:focus{
	color: #ff2080;
	text-decoration: none;
	transition: 0.4s;
}
a:hover img, a:active img, a:focus img{
	transition: 0.4s;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* ボタン外部（チケット購入など） */
a[target="_blank"] p:after{
	content: "\f08e";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 4px;
}

/* text decoration */
.sat{ color: #4a95ff; }
.sun{ color: #ff4a95; }
.bold{ font-weight: bold; }
.white{ color: #FFF; }
.red{ color: #ff044f; }
.pink{ color: #ff54aa; }
.blue{ color: #0752b9; }
.yellow{ color: #ffd900; }
.green{ color: #00a226; }
.tline{ text-decoration: line-through; }
.uline{ text-decoration: underline; }

.size08{ font-size: 0.8rem; }
.size09{ font-size: 0.9rem; }
.size11{ font-size: 1.1rem; }
.size12{ font-size: 1.2rem; }
.size14{ font-size: 1.4rem; }
.size16{ font-size: 1.6rem; }
.size18{ font-size: 1.8rem; }
.size20{ font-size: 2.0rem; }
.size22{ font-size: 2.2rem; }
.size24{ font-size: 2.4rem; }

.size60p{ font-size: 60%; }
.size70p{ font-size: 70%; }
.size80p{ font-size: 80%; }
.size90p{ font-size: 90%; }
.size110p{ font-size: 110%; }
.size120p{ font-size: 120%; }
.size130p{ font-size: 130%; }
.size140p{ font-size: 140%; }
.size160p{ font-size: 160%; }
.size180p{ font-size: 180%; }
.size200p{ font-size: 200%; }
.size220p{ font-size: 220%; }
.size240p{ font-size: 240%; }

.w10_sp{ width: 10%; }
.w20_sp{ width: 20%; }
.w30_sp{ width: 30%; }
.w40_sp{ width: 40%; }
.w50_sp{ width: 50%; }
.w60_sp{ width: 60%; }
.w70_sp{ width: 70%; }
.w80_sp{ width: 80%; }
.w90_sp{ width: 90%; }
@media screen and (min-width: 960px){
	.w10{ width: 10%; }
	.w20{ width: 20%; }
	.w30{ width: 30%; }
	.w40{ width: 40%; }
	.w50{ width: 50%; }
	.w60{ width: 60%; }
	.w70{ width: 70%; }
	.w80{ width: 80%; }
	.w90{ width: 90%; }
}

.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.fl-left{ float: left; }
.fl-right{ float: right; }





/* /basic+ */
div#wrapper{
	background: #202020;

	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #2F2F2F calc(100% - 1px)),
					linear-gradient(90deg, transparent calc(100% - 1px), #2F2F2F calc(100% - 1px));
	background-size: 80px 80px;
	background-repeat: repeat;
	background-position: center center;
}
section{
	width: 100%;
	margin: 0 auto;
	padding: 0vw 0 10vw;
	overflow: hidden;
	clear: both;
}
	div.sec-inner{
		width: 96%;
		margin: 0 auto;
		text-align: left;
	}

	section#outline{
		/* background: url(../img/title.png);
		background-repeat: no-repeat;
		background-size: 100vw;
		background-position: top center;
		padding: 0; */
	}

	section.s-base{}
	dl{
		display: flex;
		flex-direction: column;
		border: 1px solid #C0C0C0;
		border-radius: 8px;
		padding: 1em 0.6em;
	}
		dt{
			background: #ffe5f2;
			margin-bottom: 0.4em;
			padding: 4px 0 4px 0.6em;
		}
		dd{
			margin: 0 0 1em 0.6em;
			padding: 4px 0;
		}
		dd:last-child{
			margin: 0 0 0em 0.6em;
			padding: 4px 0;
		}


	#outline div{}
	#outline h1.bg{
		background: url(../img/header-bg.jpg);
		background-repeat: no-repeat;
		background-size: 100vw;
		background-position: top left;
		padding: 0;
		margin: 0;
	}
		#outline h1.bg img{
			margin: 5vw auto;
			width: 94%;
		}
		#outline h1 img{
			width: 100%;
		}

	div.attention{
		width: 100%;
		margin: 0 auto 0;
		overflow: hidden;
		padding: 16px 16px 0;
		position: relative;
		background: #C7001C;
	}
		div.attention p{
			font-size: 2rem;
			font-size: clamp(2rem, (1.6rem + 2.2vw), 4rem);
			font-weight: 800;
			line-height: 1.64;
			margin: 0px auto 16px;
		}
		div.attention span.free{
			display: inline-block;
			background: #0b60ff;
			padding: 0 0.4em;
		}

	div.about{
		width: 94%;
		margin: 5vw auto 0;
		overflow: hidden;

		padding: 16px 16px 0;
		position: relative;
	}
		div.about h2{
			color: #F0F0F0;
			font-size: 1.6rem;
			font-size: clamp(1.6rem, (1.1rem + 1.6vw), 3.6rem);
			/* font-weight: bold; */
			line-height: 1.72;
			letter-spacing: 0.02rem;
			text-align: left;
			margin: 0 auto 16px;
		}
		.about::before, .about::after{
			content: '';
			width: 20px;
			height: 20px;
			position: absolute;
		}
		.about::before{
			border-left: solid 1px #FF1B93;
			border-top: solid 1px #FF1B93;
			top: 0;
			left: 0;
		}
		.about::after{
			border-right: solid 1px #FF1B93;
			border-bottom: solid 1px #FF1B93;
			bottom: 0;
			right: 0;
		}

	div.program-b{
		margin-top: -24px;
	}
	div.program-a ul,
	div.program-b ul{
		width: 98%;
		margin: 4vw auto;
		display: flex;
		flex-wrap: wrap;
	}
		div.program-a ul li,
		div.program-b ul li{
			width: 32.3%;
			margin: 0 0.5%;
		}
			div.program-a ul li img,
			div.program-b ul li img{
				height: 30vw;
			}
			div.program-a ul li:nth-child(1) img,
			div.program-a ul li:nth-child(3) img,
			div.program-b ul li:nth-child(2) img{
				margin-top: 8vw;
			}





	/* お知らせ */
	.news{
		margin: 24px auto 32px;
		width: 90%;
	}
		.news dl{
			text-align: left;
			overflow-x: auto;
			max-height: 160px;

			display: grid;
			grid-template-columns: 4em 1fr;
			gap: 0.1em;
			padding: 0.4em 0.4em;
			padding: 0.8em 0.5em 0.4em;
		}
			.news dt{
				font-size: 1.4rem;
				line-height: 1.6;
				display: inline-block;
				background: none;
				padding: 2px 0 2px 0.4em;
				margin: 0;
				margin-bottom: 0.6em;
			}
			.news dd{
				padding: 2px 0 2px 0em;
				margin: 0 0 0.6em 0em;
			}
			.news dd:last-child{
				padding: 2px 0 2px 0em;
				margin: 0 0 0em 0em;
			}





	h3{
		background: rgba(255,255,255,0.1);
		color: #FF1890;
		font-size: clamp(1.8rem, (1.32rem + 1.8vw), 3.2rem);
		font-weight: bold;
		line-height: 2;
		text-align: center;
		/* border-bottom: 4px #D8D8D8 double; */
		border-top: 1px #808080 solid;
		border-bottom: 1px #808080 solid;
		text-shadow: 2px 2px 0px #222;
	}
	h3 img{
		position: absolute;
		width: auto;
		height: 46px;
		margin: 0 0 0;
	}


	div.sec-box{
		text-align: center;
		width: 94%;
		margin: 0 auto;
	}
		div.sec-box p{
			/* font-size: clamp(1.4rem, (1.0rem + 1.6vw), 3.2rem); */
			line-height: 1.64;
			text-align: left;
			font-feature-settings: "palt";
		}

	section p{
		margin: 6vw auto 1.8vw;
		line-height: 1.64;
	}



	/* 放送作家とは？ */
	.about-bw{
		padding: 0vw 0 14vw;
	}
	.about-bw p{
		width: 96%;
		margin: 0 auto;
		border: 1px #2697d8 solid;
		font-size: clamp(1.0rem, (1.0rem + 1.4vw), 2.0rem);
		padding: 8px 8px;
		background: rgba(0, 208, 255, 0.2);
	}
		.about-bw p strong{
			display: inline-block;
			background: #1576d1;
			font-size: clamp(1.6rem, (1.2rem + 1.4vw), 2.6rem);
			padding: 0.1em 0.6em;
			margin-bottom: 6px;
		}



	/* 過去のセミナー */
	section.past{
		margin-bottom: 4vw;
	}
	p.p-date{
		background: #FF1890;
		border-radius: 2px;
		color: #FFF;
		font-size: clamp(1.8rem, (1.32rem + 1.8vw), 3.2rem);
		font-weight: bold;
		line-height: 1.64;
		text-align: center;
		padding: 6px 0;
	}
	p.p-txt{
		margin: 1vw auto 1.8vw;
		line-height: 1.64;
		text-align: center;
	}
	div.p-img{
		margin: 0 auto;
		width: 96%;
	}
	div.photo img{
		margin: 6px auto 0;
		border: 1px #808080 solid;
	}



	/* 開催日時 */
	.datetime{}
	.datetime div.sec-box p{
		font-size: 1.4rem;
	}
		.datetime div.sec-box p strong{
			font-size: 2.2rem;
		}



	/* セミナー内容 */
	.contents{}
	p.t-contents{
		font-size: 1.4rem;
		text-align: left;
	}
		p.t-contents strong{
			font-size: 1.8rem;
		}
	div.t-masumoto{
		margin: 4vw auto 2vw;
		font-size: 1.64rem;
	}
		div.p-masumoto img{
			width: 70%;
			max-width: 300px;
			margin: 2vw auto 2em;
			/* border-radius: 50%; */
			filter: drop-shadow(8px 8px 0px rgb(120, 120, 120));
		}
		div.t-masumoto p{
			margin: 0 auto 10px;
			text-align: left;
		}
		.n-masumoto{
			color: #4eaaff;
			font-size: 2.1rem;
		}
		p.career{
			border-top: 1px dotted #AAA;
			padding-top: 8px;
		}
		div.t-masumoto span{
			font-size: 88%;
		}



	/*　募集人数 */
	.people{}
	.people div.sec-box p{
		font-size: 1.6rem;
	}
		.people div.sec-box p strong{
			font-size: 2.2rem;
		}



	/*　締め切り */
	.deadline{}
	.deadline div.sec-box p{
		font-size: 1.6rem;
	}
		.deadline div.sec-box p strong{
			font-size: 2.2rem;
		}



	/* 応募規約 */
	section.condition{}
	div.t-condition{
		margin: 6vw auto 1.8vw;
	}
	.condition h4{
		text-align: left;
		font-size: 1.8rem;
		line-height: 1.72;
		font-weight: bold;
	}
	.condition ul{
		margin: 4px auto 24px;
	}
	.condition ul li{
		position: relative;
		padding-left: 1em;
		font-size: 1.6rem;
		line-height: 1.46;
		margin-bottom: 14px;
		text-align: left;
	}
		.condition ul li::before{
			content: "・";
			position: absolute;
			left: 0;
		}



	/* フォーム */
	section.entry{
		padding-top: 0px;
	}
	.entry .sec-inner{
		text-align: center;
	}
		a.form-btn{
			display: block;
			width: 88%;
			max-width: 320px;
			border: 1px solid #9ab3c7;
			background: #007FDD url(../img/arr.png) no-repeat;
			background-size: 32px;
			background-position: left 16px center;
			border-radius: 60px;
			color: #FFF;
			letter-spacing: 0.12em;
			transition: all .4s ease;
			font-size: 1.8rem;
			font-weight: bold;
			line-height: 1.46;
			margin: 0 auto 48px;
			padding: 8px 8px 10px;
			box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35);
			/* filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.35)); */
		}
			a.form-btn span{
				font-size: 1.46rem;
			}
			a.form-btn:hover{
				background: #FFF url(../img/arr2.png) no-repeat;
				background-size: 32px;
				background-position: right 16px center;
				color: #007FDD;
				border: 1px solid #007FDD;
				cursor: pointer;
				box-shadow: none;
			}
			a.form-btn:focus{
				background: #FFF url(../img/arr2.png) no-repeat;
				background-size: 32px;
				background-position: right 16px center;
				color: #007FDD;
				border: 1px solid #007FDD;
				cursor: pointer;
			}
		.entry .sec-inner img{
			max-width: 320px;
		}





	/* ボタン */
	a.btn-link{
		display: inline-block;
		border: 1px solid #9ab3c7;
		background: #007FDD;
		border-radius: 60px;
		color: #FFF;
		transition: all .4s ease;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.64;
		margin: 2px auto 16px 10px;
		padding: 8px 32px;
		text-align: center;
		box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20);
	}
		a.btn-link:hover{
			background: #FFF;
			color: #007FDD;
			border: 1px solid #007FDD;
			box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
		}





/* Page Top
=================================== */
#page-top{
	position: fixed;
	bottom: 6px;
	right: 6px;
	z-index: 20;

	display: block !important;
}
#page-top a{
	display: block;
	background: url(../img/top.png) center top no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	transition: 0.4s;
}
#page-top a:hover{
	background: url(../img/top.png) center top no-repeat;
	background-size: contain;
	transition: 0.4s;
	opacity: 0.5;
}



footer{
	clear: both;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
	padding: 0 0 0;
	background: #111;
}
	footer p{
		width: 96%;
		color: #FFF;
		line-height: 1.88;
		margin: 0 auto;
		padding: 2.4em 0;
	}
	footer p a{}
	footer p a:visited{}
	footer p a:hover{
		text-decoration: underline;
	}





/*
======================================================================================================================================================================================================== */
@media screen and (min-width: 424px){
	.spsp{ display: inline-block; }
}
@media screen and (min-width: 425px){
	.spsp{ display: none; }
}
@media screen and (min-width: 640px){
}










/* PC
==================================================================================================== */
@media screen and (min-width: 960px){
	body{
		background: #FCE4F0;
	}

	.sp{ display: none; }
	.pc{ display: inline-block; }

	@keyframes fadeIn{
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
	@-webkit-keyframes fadeIn{
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}

	div#wrapper{
		/* max-width: 1920px; */
		margin: 0 auto;
		overflow: hidden;
	}

	section{
		width: 100%;
		margin: 0 auto;
		padding: 0px 0 100px;
	}
		div.sec-inner{
			max-width: 1024px;
			margin: 0 auto;
		}

		section#outline{
			/* max-width: 1920px;
			background-repeat: no-repeat;
			background-size: 100%;
			background-position: top center;
			padding: 0;
			min-height: 44vw; */
		}

		section.s-base{}
		dl{
			display: flex;
			flex-direction: column;
			border-radius: 12px;
			padding: 1em 0.6em;

			display: grid;
			grid-template-columns: 280px 1fr;
			gap: 0.4em;
		}
			dt{
				background: none;
				margin-bottom: 0.4em;
				margin: 0;
				padding: 4px 0 4px 0.6em;
				border-bottom: 1px dotted #CCC;
			}
			dd{
				margin: 0 0 1em 0.6em;
				margin: 0;
				padding: 4px 0.6em;
				border-bottom: 1px dotted #CCC;
			}
				dt:last-of-type{
					border: none;
				}
				dd:last-of-type{
					margin: 0 0 0em 0em;
					padding: 4px 0.6em;
					border: none;
				}


		#outline div{}
		#outline h1.bg{
		}
			#outline h1.bg img{
				margin: 80px auto;
				max-width: 1280px;
			}
			#outline h1 img{
				margin: 0px auto 64px;
				margin: 0px auto 0px;
				max-width: 100%;
			}

		div.attention{
			padding: 16px 16px 0;
			margin-bottom: 48px;
		}
			div.attention p{
				font-size: 5.4rem;
				font-weight: 900;
				line-height: 1.7;
				margin: 0px auto 16px;
			}

		div.about{
			max-width: 1280px;
			margin: 32px auto 24px;

			padding: 32px 32px 0;
		}
			div.about h2{
				display: inline-block;
				font-size: 2.88rem;
				line-height: 1.88;

				margin: 0 auto 36px;
				text-align: center;
			}
			.about::before, .about::after{
				content: '';
				width: 32px;
				height: 32px;
			}
			.about::before{
				border-left: solid 2px #FF1B93;
				border-top: solid 2px #FF1B93;
			}
			.about::after{
				border-right: solid 2px #FF1B93;
				border-bottom: solid 2px #FF1B93;
			}

	div.program-b{
		margin-top: -32px;
	}
	div.program-a ul,
	div.program-b ul{
		max-width: 1400px;
		margin: 32px auto;
	}
		div.program-a ul li,
		div.program-b ul li{
			width: 32.3%;
			margin: 0 0.5%;
		}
			div.program-a ul li img,
			div.program-b ul li img{
				width: 88%;
				height: auto;
				/* height: auto; */
			}
			img.omouma{
				width: 65%;
				height: auto;
			}
			img.audrey{ max-width: 370px; }
			img.futtonda{ max-width: 355px; }
			img.otaueda{}
			img.gootakusan{ max-width: 360px; }

			div.program-a ul li:nth-child(1) img,
			div.program-a ul li:nth-child(3) img,
			div.program-b ul li:nth-child(2) img{
				margin-top: 120px;
			}





		/* お知らせ */
		.news{
			margin: 32px auto 60px;
			max-width: 900px;
		}
			.news dl{
				max-height: 180px;

				grid-template-columns: 6em 1fr;
				gap: 0.0em;
				padding: 0.8em 0.8em;
			}
				.news dt{
					font-size: 1.6rem;
					line-height: 1.8;
					padding: 8px 0 8px 0.6em;
					margin: 0;
					/* margin-bottom: 0.8em; */
				}
				.news dd{
					font-size: 1.6rem;
					line-height: 1.8;
					padding: 8px 0 8px 0.2em;
					margin: 0;
					/* margin: 0 0 0.8em 0em; */
				}
				.news dd:last-child{
					padding: 8px 0 8px 0.2em;
					margin: 0 0 0em 0;
				}





		h3{
			font-size: 3.2rem;
			font-weight: bold;
			line-height: 2;
			text-align: center;
			/* background: url(../img/lined.png);
			background-repeat: no-repeat;
			background-size: 100%;
			background-position: 100px 0px;
			height: 24px; */
		}
		h3 img{
			height: 64px;
			margin: 0 0 0;
		}

		div.sec-box{
			text-align: left;
			width: 86%;
			margin: 0 auto;
		}
			div.sec-box p{
				/* font-size: clamp(1.4rem, (1.0rem + 1.6vw), 2.4rem);
				line-height: 1.64; */
				text-align: left;
			}

		section p{
			font-size: 1.8rem;
			line-height: 1.8;
			margin: 48px auto 16px;
		}



		/* 放送作家とは？ */
		.about-bw{
			padding: 0vw 0 132px;
		}
		.about-bw p{
			width: 960px;
			font-size: 2.2rem;
			padding: 16px 16px 16px;
		}
			.about-bw p strong{
				font-size: 2.4rem;
				padding: 0.1em 0.6em;
				margin-bottom: 10px;
			}



		/* 過去のセミナー */
		section.past{
			margin-bottom: 48px;
		}
		p.p-date{
			font-size: 2.6rem;
			line-height: 1.88;
			padding: 8px 0;
		}
		p.p-txt{
			margin: 8px auto 12px;
			line-height: 1.6;
		}
		div.p-img-cont{
			display: flex;
			flex-wrap: wrap;
			width: 100%;
		}
		div.p-img{
			margin: 0 auto;
			width: 67%;
		}
			div.p-img div.photo img{
				width: 48%;
				margin: 6px 0.5% 0;
			}
		div.p-img1{
			margin: 0 auto;
			width: 33%;
		}
			div.p-img1 div.photo img{
				width: 98%;
				margin: 6px 2% 0 0;
			}



		/* 開催日時 */
		.datetime{}
		.datetime div.sec-box p{
			font-size: 2.2rem;
		}
			.datetime div.sec-box p strong{
				font-size: 3.2rem;
			}



		/* セミナー内容 */
		.contents{}
		p.t-contents{
			font-size: 1.8rem;
		}
			p.t-contents strong{
				font-size: 2.2rem;
			}
		div.t-masumoto{
			margin: 32px auto 8px;
			font-size: 1.8rem;
		}
			div.p-masumoto img{
				width: 320px;
				margin: 16px auto 2em;
			}
			div.t-masumoto p{
			}
			.n-masumoto{
				font-size: 2.2rem;
			}
			p.career{
			}
			div.t-masumoto span{
				font-size: 85%;
			}



		/*　募集人数 */
		.people{}
		.people div.sec-box p{
			font-size: 2.2rem;
		}
			.people div.sec-box p strong{
				font-size: 3.2rem;
			}
	


		/*　締め切り */
		.deadline{}
		.deadline div.sec-box p{
			font-size: 2.2rem;
		}
			.deadline div.sec-box p strong{
				font-size: 3.2rem;
			}



		/* 応募規約 */
		section.condition{}
		div.t-condition{
			margin: 48px auto 12px;
		}
		.condition h4{
			font-size: 1.8rem;
			line-height: 1.88;
		}
		.condition ul{
			margin: 4px auto 32px;
		}
		.condition ul li{
			font-size: 1.64rem;
			line-height: 1.52;
			margin-bottom: 16px;
		}
			.condition ul li::before{
				left: 0;
			}



		/* フォーム */
		section.entry{
			padding: 0px 0 100px;
		}
		.entry .sec-inner{}
			a.form-btn{
				width: 88%;
				max-width: 580px;
				font-size: 2rem;
				font-weight: bold;
				line-height: 3;
				margin: 0 auto 64px;
				padding: 10px;
			}
				a.form-btn span{
					font-size: 2rem;
				}
				a.form-btn:hover{}
				a.form-btn:focus{}
		.entry .sec-inner img{}






	/* ボタン */
	a.btn-link{
		/* width: 88%; */
		/* max-width: 320px; */
		font-size: 2.2rem;
		margin: 2px auto 16px 16px;
		padding: 16px 48px;
	}
		a.btn-link:hover{}




	footer{}
		footer p{
			padding: 3.2em;
		}
		footer p a{}
		footer p a:visited{}
		footer p a:hover{}


	/* Page Top
	==================================================================================================== */
	#page-top{
		position: fixed;
		bottom: 8px;
		right: 12px;
		font-size: 88%;
		z-index: 20;
	}
}

.clear{ clear: both; }
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.clearfix{
	display: inline-table;
	zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */