@charset "utf-8";

/* ========================================================
	news.css => アイビックフーズニュースリリースページ用CSS
======================================================== */



/* main
============================================================================================================ */
.main {
	position: relative;
	padding: 10px 0 0 15px;
}
.main:before {
	content: "";
	position: absolute;
	right: -18px;
	top: -48px;
	width: 384px;
	height: 307px;
	background: url(../images/main_img.png) no-repeat;
}
.main > * {
	position: relative;
	z-index: 3;
}
.main .lead {
	margin-bottom: 30px;
}

@media screen and (max-width: 680px) {
	.main {
		padding: 0 15px;
	}
	.main:before {
		right: 0;
		top: -15px;
		width: 120px;
		height: 140px;
		-webkit-background-size: 120%;
		background-size: 120%;
	}
	.main .lead {
		width: 215px;
		margin-bottom: 10px;
	}
	img {
    max-width: 95%;
    }
    .small-img {
    max-width: 80%;
	}
}
a img:hover {
    opacity: 0.75;
}

.sp_content_inline{
	display: none;
}

.tab_title {
    position: relative;
    overflow: hidden;
    margin-bottom: 35px;
    border-bottom: 2px solid #bf0008;
    font-size: 22px;
    font-size: 2.6rem;
    line-height: 1.5;
    margin-top: 100px;
    text-align: center;
}
.tab_title span {
    position: relative;
    display: inline-block;
    padding: 6px 20px 0px;
    color: #bf0008;
    z-index: 1;
}
.main {
    margin: 0px auto;
    text-align: center;
    width: 920px;
    max-width: 100%;
}
.head_year{
    text-align: left;
}
.head_year h2{
    margin-bottom: 15px;
    padding-left: 30px;
    background:url(../../common/images/parts/title_ico.png) no-repeat 0 0.2em;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.3;
    color: #BF0008;
}

table {
	margin: 0 auto;
	width: 750px;
}
table *{
	padding: 0 0 0 10px;
	vertical-align: top;
	text-align: left;
}
table th{
	width: 8em;
}
table td{
	/*width: 30em;*/
}
table td *{
	padding: 0;
}
table td a{
	text-decoration: unset;
}
table td a:hover{
	text-decoration: underline;
}
.news_none_text{
	text-align: center;
}
@media screen and (max-width: 680px){
	.sp_content_inline{
		display: inline;
	}
	.main{
		margin: 0px auto 20px;
		width: unset;
	}
	table {
		width: 100%;
	}
	table * {
		padding: 0 0 10px 0;
	}
	table th {
		padding: 2px;
		/*width: 20em;*/
	}
}