@charset "UTF-8";

/**eeeeeeeeeeeeeeeeeeeeeeeeeeeeee

	ページ別で記述を行うCSS

eeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/

/**
ニュースリリースの改行を消す
*/
.news_area ul li ul li.link br,.section ul li.link ul li br {
	display:none;
}

/** PC SP共通 */
.top .news_area div span label,
.news div span label,
.csr .company {
	border:1px solid #C30018;
}
.top .news_area div span label.category,
.news .tag,
.news .company,
.news label.category,
.csr .tag,
.csr label.category,
.csr .company {
	width:89px;
	display:inline-block;
	/*border-radius:3px 0 0 3px/ 3px 0 0 3px;*/
	padding:0 3px;
	color:#C30018;
	margin-right: 0;
	font-size:11px;
	text-align:center;
}
.csr .csr_health {
	/*width:89px;*/
	width:100px;
	display:inline-block;
	/*border-radius:3px 0 0 3px/ 3px 0 0 3px;*/
	padding:0 3px;
	background: #6AA84F;
	color:#fff;
	margin-right: 0;
	font-size:11px;
	text-align:center;
}
.news_area label,
.news label {
	line-height: 2em;
}
.csr .tag,
.csr label.category,
.csr .company {
	width: 105px;
	margin-right: 0.5em;
	margin-bottom: 0.7em;
}
.top .news_area div span label.tag,
.news span label.tag {
	width:89px;
	display:inline-block;
	/*border-radius:0 3px 3px 0/ 0 3px 3px 0;*/
	padding:0 3px;
	font-size:11px;
	text-align:center;
}
.top .news_area div span label.ir,
.news div span label.ir {
	border-color:#3B68B1;
	background:#3B68B1;
	color:#fff;
}

.top .news_area div span label.csr_news,
.csr .csr_news {
	border-color:#f00;
	background-color:#f00;
	color:#fff;
}
.top .news_area div span label.csr_market,
.csr .csr_market {
	border-color:#DA9492;
	background-color:#DA9492;
	color:#fff;
}
.top .news_area div span label.csr_respect,
.csr .csr_respect {
	border-color:#DB924B;
	background-color:#DB924B;
	color:#fff;
}
.top .news_area div span label.csr_conservation,
.csr .csr_conservation {
	border-color:#87BA69;
	background-color:#87BA69;
	color:#fff;
}
.top .news_area div span label.csr_harmony,
.csr .csr_harmony {
	border-color:#756BAA;
	background-color:#756BAA;
	color:#fff;
}
.top .news_area div span label.csr_quality,
.csr .csr_quality {
	border-color:#6B96AA;
	background-color:#6B96AA;
	color:#fff;
}

.top .news_area div span label.date,
.news div span label.date {
	margin-right:10px;
	border:none;
}
.group_all .thumbnail span img {
	height: initial;
    max-width: 100%;
}

/** PC SP共通 */

	/** -------------------トップページ--------------------- */
	.top #mainVisual {
		height:100%;
		clear: both;
		overflow:hidden;
		margin-top:-25px;
		line-height:0;
		padding-bottom:70px;
		margin-bottom: 15px;
	}
	.top #mainVisual > a{
		position:relative;
		z-index:0;
		display: block;
	}
	.top #mainVisual > a.after_date_diff .count{
		display: none !important;
	}
	.top #mainVisual ul {
		width:10000px;
	}
	.top #mainVisual ul li {
		float:left;
	}
	.top #mainVisual .bx-wrapper img {
		width: 100%;
	}
	.top h1 {
		border:none;
	}
	/*
	.top #mainVisual {
		padding-bottom:20px;
	}
	*/
	.main_visual {
		margin-bottom:33px;
	}
	/** サムネイルの表示非表示 */
	.top .bx-pager-item a p {
		display:none;
	}

	/** スライドショー */
	.bx-controls.bx-has-pager.bx-has-controls-direction {
		position: absolute;
		bottom: -27px;
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		position: initial !important;
	}
	.bx-pager-item {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 6px;
	}
	.bx-pager-item a {
		display: inline-block;
		width: 10px;
		height: 10px;
		text-indent: -9999px;
		background: #ccc;
		border-radius: 12px;
		text-align: left;
	}
	.bx-pager-item a.active {
		background: red;
	}
	.bx-controls-direction {
		margin: -14px auto 0;
	}
	.bx-prev, .bx-next {
		display: inline-block;
		width: 10px;
		height: 15px;
		text-indent: -9999px;
		background: url(../images/icon_red.png) no-repeat right center;
		background-size: 100%;
	}
	.bx-prev {
		float: left;
		margin-left: -30px;
		transform: rotate(-180deg) translateY(0px);
	}
	.bx-next {
		float: right;
		margin-right: -30px;
	}
	/** スライドショー */
	/** 大事なお知らせ */
	.top .notice_small{
		margin:-33px 10px 0px;
	}
	.top table.notice{
		width:100%;
		border:1px solid #E30011;
	}
	.top table.notice th{
		display:block;
		background:#E30011;
		color:#fff;
		border:1px solid #E30011;
	}
	.top table.notice td{
		display:block;
		border:1px solid #E30011;
		text-align:left;
		padding:0px 10px 3px
	}
	.top table.notice td p{
		line-height:1.8;
	}
	.notice_area,
	.notice_addition{
		margin:0px 10px 20px;
	}
	.notice_area h2,
	.notice_addition h2{
		margin:0px 0px 15px;
	}
	/** 大事なお知らせ  */
	
	/** トップコンテンツ */
	.top .column1_1_1_1{
		display: none;
	}
	.top .news_head, .top .csr_topics{
		margin: 0;
	}
	.top .column1_1 .col{
		display: table;
		width: 100%;
		border-spacing: 10px 0;
		border-collapse: separate;
	}
	.column1_1.news_head a {
		color:#fff;
		text-decoration:none;
	}
	.urgency_box ul li p{
		padding: 5px 0;
	}
	.top .column1_1 p{
		display: table-cell;
		border-radius: 5px 5px 0 0;
		text-align: center;
		font-size: 18px;
		color: #fff;
	}
	.top .column1_1 p a{
		padding: 5px 2% 0;
		display:block;
	}
	.top .column1_1 p.group_all{
		width: 50%;
		background-color: #AFAFAF;
	}
	.top .column1_1 p.group_all.on{
		background-color: #E20011;
	}
	.top .column1_1 p.group_com{
		width: 50%;
		background-color: #AFAFAF;
	}
	.top .column1_1 p.group_com.on{
		background-color: #E20011;
	}
	.top .csr_topics.column1_1 p{
		width: 100%;
		padding: 5px 0 0;
		background-color: #E20011;
	}
	.top .column1_1:after{
		content: "";
		display: block;
		clear: both;
	}
	.news_area{
		margin: 0 10px 40px;
	}
	.news_area > ul{
		padding: 0 8px;
		border: 1px solid #E5E5E5;
		border-top-color: #FF0000;
		border-radius: 0 0 5px 5px;
	}
	.news_area > ul > li{
		display: table;
		width: 100%;
		padding: 10px 0;
		font-size: 14px;
		line-height: 1.6em;
		border-bottom: 1px solid #E5E5E5;
	}
	.news_area li a{
		text-decoration: none;
	}
	.news_area .thumbnail{
		display: table-cell;
		width: 44px !important;
		height: 44px;
		overflow: hidden;
		background: none !important;
		padding-top: 5px;
	}
	.top .news_area .thumbnail span {
		display:block;
		width:44px;
		height:44px;
		overflow: hidden;
		overflow-x: hidden;
	}
	.news_area .thumbnail img{
		width: auto !important;
		height: 100%;
	}
	.news_area .thumbnail img.default_img {
		width: 100% !important;
		height: auto !important;
		margin: 6px 0 !important;
	}
	.news_area .link a {
		display: block;
		padding-left: 12.5px;
		background: url('../images/sp/ar_r1.png') no-repeat 2px 7px;
		background-size: 5.5px 7.5px;
	}
	.news_area li > div {
		display: table-cell;
		vertical-align: top;
		padding-left: 6px; 
	}
	.news_area li.last_news{
		display: block;
		width: 100%;
		padding: 0;
		border: none;
	}
	.news_area li.last_news ul,
	.news_area li.last_news li {
		display: block;
		width: 100%;
	}
	.news_area .last_news a.link{
		display: block;
		width: 100%;
		margin: 10px 0;
		padding: 15px 0;
		font-size: 14px;
		text-align: center;
		color: #000;
		background: #FFC4C4;
	}
	
	
	.top .news_area div span label.tag,
	.top .news_area div span label.category {
		width: 72px;
		padding:3px 1px !important;
		line-height:1.5em;
		font-size:10px;
		margin-top:-5px;
	}
	.top .news_area div span label.date {
		font-size:10px;
		margin-right: 0;
		width: 54px;
	}
	.top .news_area > ul {
		overflow-y: scroll;
	}
	.top .news_area.group_all > ul {
		height: auto!important;
		overflow: auto;
	}
	.top .category,
	.top .tag {
		display: none !important;
	}
	.csr .tag_no_link.tag {
		padding:5px !important;
	}
	.csr_back_number {
		table-layout: fixed;
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		margin-left: 0 !important;
	}
	.csr_back_number ul {
		display: flex;
	}
	.csr_back_number li {
		width: 100%;
		margin-right: 15px;
	}

	.thumbnail_info {
		margin-bottom: 5px;
		display: block;
	}
	
	/** サイドナビ */
	.top #sidenav{
		margin: 0 0 20px;
		border: none;
	}
	.top #sidenav li.sidenav_head{
		color: #fff;
		background-color: #E20011;
	}
	.top #sidenav li.sidenav_head span{
		color: #fff;
		background: none;
		border: none;
	}
	.top #sidenav a {
		padding-right: 15px;
		padding-left: 15px;
	}
	.top #sidenav .banner a {
		padding: 0;
	}
	/** サイドナビ */
	/** -------------------トップページ--------------------- */

	/** ニュース系 */
	.news .section {
		line-height: 2em;
	}
	.news li ul {
		padding-bottom: 2em;
	}
	/** -------------------緊急--------------------- */
	.urgency_box{
		margin-bottom:20px;
		margin-top:-20px;
	}
	.urgency_box ul li span{
		display:block;
	}
	.urgency_box ul li ul{
		border:1px solid #E40011;
		padding:10px;
	}
	.urgency_box ul li p{
	background:#E40011;
	border-radius:0 !important;
	display:block !important;
	width:100%;
}

/* 2016/1/21 Banner */
#mainVisual .after_date_diff {
	margin-top: 75px;
 }
#mainVisual .after_date_diff:after {
    content: '' !important;
    position: absolute;
    right: 3.1%;
    bottom: 12%;
    display: none;
    width: 23.4%;
    height: 41%;
    background: url(/img/bg_countdown_sp.png) no-repeat;
    background-size: 100%;
 }
 /* android 4系 下線対応 ここから */
#mainVisual a {
    text-decoration: none !important;
 }
 /* android 4系 下線対応 ここまで */

#mainVisual .after_date_diff .count {
    position: absolute;
	right: 3.1%;
    bottom: 23%;
    width: 23.4%;
    font-family: helvetica;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    color: #fff;
    z-index: 9999;
}

#mainVisual .after_date_diff .diff {
    font-size: 190%;
}
	
/** -------------------あいさつ--------------------- */
.section .column1_1 .col .col1_1 .name, .section .column1_1 .col .col1_1.name {
	margin-top: 1em;
	margin-bottom: 3em;
}
.message .name{
	margin-bottom: 30px;
}
.message .name figure img{
	width: auto;
	max-width: 100%;
}
.message .name figcaption{
	color: #3c3c3c;
	line-height: 1.5;
	margin-top: 1em;
}
.message .name p{
	width: 100%;
}
.message .name p img{
	width: auto;
	max-width: 100%;
}
/** -------------------井村屋の歴史--------------------- */
.history_body .column1_1 .col {text-align:center;}
.history_body .column1_1 .col * {text-align:left;}
.history_body .column1_1 .caption {display:block;text-align:center;}

/* 逆転の発想！高カロリー豆腐 */
.highcaltofu h3,
.highcaltofu h4{
    color: #009cd0;
    margin: 0 0 5px;
    width: auto;
}
.highcaltofu .bold {
	font-weight: bold;
}

.highcaltofu .column1_3 .column1_1 {
	display: flex;
}
.highcaltofu .column1_3 .column1_1 .col {
    background: #9CC0EC;
    border-radius: 10px;
    line-height: 1.4;
    padding: 10px;
    width: 43%;
    margin: 0 15px 15px 0;
}

/* えいようかん */
.bousaibichiku_eiyoukan #container {
	position: relative;
}
.bousaibichiku_eiyoukan h1 {
	padding-right: 90px;
}
.bousaibichiku_eiyoukan #img-products {
	display: inline-block;
	position: absolute;
	top: -23px;
    right: 10px;
}
.bousaibichiku_eiyoukan #img-products img {
	width: 70px;
}

/* ------------------------------------------ */
/* --- ニュースリリース -------------------------- */
/* ------------------------------------------ */

/* お問い合わせ先 */
.contact-area{
	border:1px solid #BFBFBF;
	padding:15px 10px;
	border-radius:5px;
  margin-top: 40px;
}
.contact-area .contact-item h2{
	border-bottom:1px solid #ccc;
	font-size:17px;
	padding-left:0px;
	line-height:1.5;
  border-left: none;
  padding: 0;
  color: #646464;
  background: none;
}
.contact-area .contact-item h2:before{
	display:none;
}
.contact-area .contact-item{
	margin-bottom:30px;
	color:#4d4d4d;
}
.contact-area .contact-item:last-child{
	margin-bottom:0px;
}
.contact-area .contact-item p{
	margin-bottom:0px;
}

/* ------------------------------------------ */
/* --- 株主優待 -------------------------- */
/* ------------------------------------------ */
.ir.shareholder .section h2 {
	background: none!important;
    border: none!important;
}
.ir.shareholder .column1_1 {
	display: block!important;
	margin: 10px 15px 20px!important;
}
.ir.shareholder .column1_1 {
	display: block!important;
	margin: 10px 15px 20px!important;
}
.ir.shareholder .section > .column1_1 {
	margin: 0!important;
}
.ir.shareholder .column1_1 .col {
	width: 100%!important;
	padding: 1px 0 20px!important;
}
.ir.shareholder .column1_1 .col div {
	height: auto!important;
}
.ir.shareholder .column1_1 .col .col {
	width: 100%!important;
}
/* ------------------------------------------ */
/* --- よくあるご質問（Q&A） -------------------------- */
/* ------------------------------------------ */
#container .faq + h2 {
    margin-top: 50px;
}
#container .faq dt{
	font-size: 14px;
	font-weight: bold;
	position: relative;
	padding: 15px 40px 15px 20px;
	border-top: 2px solid #D5D5D5;
	cursor: pointer;
	padding-left: 60px;
}
#container .faq dt::before{
	content: "Q";
	width: 24px;
	height: 24px;
	font-size: 16px;
	color: #FFF;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background-color: #0268B4;
	border-radius: 24px;
	display: block;
	position: absolute;
	left: 20px;
}
#container .faq dt::after{
	content: "";
	width: 12px;
	height: 12px;
	display: block;
	border-right: 2px solid #0268B4;
	border-bottom: 2px solid #0268B4;
	transform: rotateZ(45deg) translateY(-50%);
	position: absolute;
	right: 30px;
	top: 40%;
}
#container .faq dt:not(.dd_open):last-of-type{
	padding-bottom: 0;
}
#container .faq dd{
	display: none;
	line-height: 2;
	background-color: #F8F8F8;
	padding: 10px 10px 10px 60px;
	margin-bottom: 10px;
	position: relative;
}
#container .faq dd::before{
	content: "A";
	width: 24px;
	height: 24px;
	font-size: 16px;
	color: #FFF;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background-color: #E9132B;
	border-radius: 24px;
	display: block;
	position: absolute;
	left: 20px;
}