@charset "utf-8";

/*
 * イシハラフード用　CSS common.css
 * 作成日：2016.01.20
 * 2016.02.03 レイアウト調整　共通化
 * 2016.02.05 イシハライズムスタイル追加
 * 2016.02.15 ページの記事一覧のヘッダ部「　○件あります・・　」部分の前後に、黒い点が出ないように修正
 * 2016.02.29 レイアウト調整
 * 2016.03.10 スマホ版のロゴ表示調整
 * 2016.03.22 記事詳細にも説明記事のTableのボーダーラインを消す設定追加
 * 2016.04.28 店舗案内ページのレイアウト変更
 * 2019.11.11 ヘッダ部のロゴと連絡情報画像のサイズを調整
 */

/* 共通定義 */
/* ページの背景色　白色　（イシハラフードの場合） */
body{
	background:#fff;
	letter-spacing:0;
}
.slidenavi_group{
	margin-bottom:30px;
}
.slidenavi_group .sidenavi_banner,
.slidenavi_group .sidenavi_button{
	margin-bottom:10px;
}
.sidenavi_button{
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:240px;
}
.sidenavi_button a{
	color:#fff;
	text-decoration: none;
	display:block;
	padding:10px;
	background-color: #339966;
}
.sidenavi_button a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #66cc99;
}
.threecolumn_top,
.threecolumn_top table,
.threecolumn_top th,
.threecolumn_top td{
	border:0 none;
	padding:0;
	margin:0 auto;
}
.threecolumn_top{
	margin-bottom:25px;
}
.threecolumn_top th,
.threecolumn_top td{
	padding:0;
	padding-left:25px;
	padding-bottom:35px;
	text-align:left;
	max-width:182px;
	width:182px;
	vertical-align:top;
}
.threecolumn_top th.first_item,
.threecolumn_top td.first_item{
	padding-left:0;
}
.threecolumn_top .threecolumn-thumbnail{
	margin-bottom:10px;
}
.threecolumn_top .threecolumn-thumbnail img{
	max-width:100%;
}
.threecolumn_top .threecolumn-title{
	font-weight:bold;
}
.sns{
	margin-top:10px !important;
}
div.listphoto{
	width:146px;
}
table{
	width:100%;
}
table th{
	text-align:center;
	font-weight:bold;
}
h3{
	color:#666;
	background:none;
	letter-spacing:unset;
	margin-bottom:5px;
	min-height:0;
	text-indent:0;
	width:100%;
}
img{
	vertical-align:middle;
}
#container li{
	list-style-type:unset;
	margin-left:20px;
}
/* 2016.02.15 ページの記事一覧のヘッダ部「　○件あります・・　」部分の前後に、黒い点が出ないように修正 */
#container ul.pagenumberarea li{
	list-style-type:none;
	margin-left:0;
}

/* コラボプラザバナー　「チャレンジ２５」は、不要。 */
#challenge25{
	display:none;
}

/* 画像のボーダー指定 なしとする */
.kl_photo{
	border:0 none;
}

/* メインメニューのテキスト色　マウスが当たったときも、白色 */
.menu li.current-page a,
.menu li a:hover {
	color:#fff !important;
}

/* スライダー */
#top_slider_2{
	margin-top:-15px;
	padding-bottom:30px;
}
.theme-default .nivoSlider{
	margin-bottom:0;
}

/* メインコラム */
.contents{
	width:auto;
}
div#two_maincolumn{
	margin:0 0 0 44px;
	width:596px;
}
div#two_maincolumn h2{
	padding:0;
	height:30px;
	line-height:30px;
	width:auto;
}
div.listarea{
	padding:5px 0 5px 10px;
	margin-bottom:10px;
}
div.listarea a.news_title{
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
div.listarea a.news_title:hover{
	text-decoration:underline;
}
div#undercolumn,
div#undercolumn table{
	width:auto;
}
div.event_exp_top,
div.event_exp_bottom,
div.event_exp_top table,
div.event_exp_bottom table{
	width:auto;
}
div.event_exp_top table.table_exp,
div.event_exp_bottom table.table_exp{
	width:100% !important;
	border:0 none;
}
div.event_exp_top table.table_exp th,
div.event_exp_bottom table.table_exp th,
div.event_exp_top table.table_exp td,
div.event_exp_bottom table.table_exp td{
	border:0 none;
}
div.intro,
div.intro h4{
	width:auto;
	float:none;
}

/* フッター */
#to_pagetop p{
	padding-top:75px;
}

/* メインバナー */
#main_banner{
	margin:0 auto;
}


/* チラシページ */
#tirashi table{
	width:auto;
	margin:0 auto;
}
#tirashi #tirashi_p img{
	margin:8px;
	width:auto;
}
#tirashi > table{
	margin-bottom:10px;
}
#tirashi_p,
#tirashi_p table,
#tirashi_p th,
#tirashi_p td{
	border:0 none;
	padding:0;
	text-align:center;
}

/* イシハラカード */
#ishihara_card,
#ishihara_card table,
#ishihara_card th,
#ishihara_card td{
	border:0 none;
	padding:0;
}
#ishihara_card th,
#ishihara_card td{
	padding:5px;
	text-align:center;
}
#ishihara_card_name{
	font-size:32px;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	line-height:1.4em;
}
#ishihara_card_info{
	border:1px solid #ccc;
	border-collapse:separate;
	background:#fff;
	width:100%;
}
#ishihara_card_info th{
	background:#ffccff;
	color:#ff0000;
	font-size:18px;
	padding:5px;
	font-weight:bold;
	border:1px solid #fff;
	text-align:left;
}
#ishihara_card_info th span{
	font-size:16px;
	font-weight:normal;
	color:#666;
}
#ishihara_card_info td{
	background:#fff;
	padding:5px;
	border:1px solid #fff;
}

/* 会社概要 */
#company th{
	white-space:nowrap;
}

/* イシハライズム */
.ism{
	margin-top:20px;
}
.ism_name{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid;
	margin-bottom:5px;
}
.ism_description{
	margin-left:20px;
	font-weight:normal;
	font-size:14px;
}

/* 店舗案内 */
.tempo_img{
	display:inline-block;
	vertical-align:middle;
	width:130px;
	margin-right:15px;
}
.tempo_img img{
	width:130px;
}
.tempo_name{
	display:inline-block;
	vertical-align:middle;
	width:140px;
	margin-right:15px;
	font-weight:bold;
}
.tempo_info{
	display:inline-block;
	vertical-align:middle;
	width:286px;
}
a.tempo_map,
a.tempo_map:link,
a.tempo_map:hover,
a.tempo_map:visited{
	background-color:#006600;
	color:#fff;
	padding:1px 10px;
	display:inline-block;
	vertical-align:middle;
	border:1px solid #ccc;
	font-weight:bold;
	text-decoration:none;
}

/* PC版 */
@media (min-width: 768px) {
	/* ヘッダー */
	div#u_header {
		border-top-width: 10px;
	}
	div#sitename{
		max-height: 41px;
		padding-bottom: 9px;
	}
	#header_logo{
		margin-top: 9px !important;
	}
	#header_logo img,
	div#sitename img#nameimg2 {
		max-height: 32px !important;
	}

	/* ボタン（ナビ） */
	.menu{
		height: 50px;
	}
	.menu li a,
	.menu li a:visited {
		height:50px;
		line-height:50px;
	}
	.menu li a,
	.menu li a:visited,
	.menu li.current-page a,
	.menu li a:hover{
		background-position:left bottom;
	}
}

/* SP版 */
@media (max-width: 767px) {
	#top_slider_2{
		margin-top:0;
		padding-bottom:4%;
	}
	.threecolumn_top{
		margin-bottom:0;
	}
	.threecolumn_top th, .threecolumn_top td{
		max-width:100%;
		padding:0 2% 4%;
	}
	.threecolumn_top th.first_item, .threecolumn_top td.first_item{
		padding-left:2%;
	}
	div#two_maincolumn h2{
		height:auto;
		line-height:1.2em;
	}
	div.listarea{
		border-bottom:1px solid #ccc !important;
		margin-bottom:5px !important;
		padding:2.297% 0 !important;
	}
	.banner a{
		margin-top:0 !important;
	}
	.menu_sp{
		margin:13px 0 0 !important;
	}
	.pagenumberarea, .pagecondarea{
		margin-bottom:10px;
	}
	#tirashi #tirashi_p a{
		display:inline-block;
	}
	#tirashi #tirashi_p img{
		margin:0;
		width:100%;
		max-width:100%;
	}
	#ishihara_card td{
		float:left;
		width:100%;
	}
	form table.table_exp th,
	form table.table_exp td{
		float:none;
		width:auto;
	}
	.tempo_img,
	.tempo_name,
	.tempo_info{
		margin-right:0;
		margin-bottom:10px;
		float:none;
		display:block;
		width:100%;
	}
}
