@charset "UTF-8";
/* CSS Document */

#line_wrap {
	width: 620px;
	margin: 0 auto;
	background-image: url(/lineat/images/bg.png);
	border-radius: 30px;
	padding: 50px 10px;
	color: #333;
}

#line_wrap img {
	width: 100%;
}
#line_wrap .line_box {
	border-radius: 30px;
	border: 4px solid #666;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

#line_wrap h1,#line_wrap .read p,#line_wrap .magazine .line_box.smaga h2,
#line_wrap .magazine .line_box.bmaga h2,#line_wrap .magazine .line_box.magasp h2 {
	text-indent: -9999px;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
}

#line_wrap h1 {
	background-image: url(/lineat/images/sp_tit.png);
	margin: 0 auto;
	width: 519px;
	height: 272px;
	margin-bottom: 40px;
}

#line_wrap .read {
	margin: 0 auto 50px;
	padding: 50px 0;
}

#line_wrap .read p {
	background-image: url(/lineat/images/sp_read.png);
	margin: 0 auto;
	width: 532px;
	height: 363px;
}

#line_wrap .magazine .line_box {
	padding: 30px 34px;
	text-align: center;
	margin-bottom: 30px;
}

#line_wrap .magazine .line_box.magasp {
	margin-bottom: 0;
}

#line_wrap .magazine .line_box h2 {
	margin: 0 auto 30px;
}

#line_wrap .magazine .line_box.smaga h2 {
	background-image: url(/lineat/images/smaga.png);
	width: 206px;
	height: 67px;
}

#line_wrap .magazine .line_box.bmaga h2 {
	background-image: url(/lineat/images/bmaga.png);
	width: 165px;
	height: 74px;
}

#line_wrap .magazine .line_box.magasp h2 {
	background-image: url(/lineat/images/magasp.png);
	width: 165px;
	height: 65px;
}

#line_wrap .magazine .line_box .detail {
	font-size: 24px;
	margin-bottom: 30px;
}

#line_wrap .magazine .line_box .detail span {
	font-weight: bold;
	display: block;
}

#line_wrap .magazine .line_box.smaga .detail span {
	color: #e60012;
}

#line_wrap .magazine .line_box.bmaga .detail span {
	color: #00479d;
}

#line_wrap .magazine .line_box.magasp .detail span {
	color: #00b0ec;
}

#line_wrap .magazine .line_box .friend_btn {
	width: 219px;
	height: 67px;
	margin: 0 auto;
}