/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}

/*address, caption, cite, code, dfn, em, strong, th, var {*/
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

/*---------------------------------------------
	body
  ---------------------------------------------*/
body {
	color: #333;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	-webkit-text-size-adjust: none;
}

/*---------------------------------------------
	Text
  ---------------------------------------------*/

html {
    font-family: sans-serif; /* 1 */
    font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */}

html { font-size: 10px;}
body { font-size: 16px; font-size: 1.6rem; }

h2, h3, h4, h5, h6 { line-height:1.6; }
h2 { font-size: 34px; font-size: 3.4rem; }
h3 { font-size: 26px; font-size: 2.6rem; }
h4 { font-size: 20px; font-size: 2.0rem; }
h5 { font-size: 18px; font-size: 1.8rem; font-weight: 700; }
p { line-height: 180%; }

h2 { margin:30px 0 30px; }
h3 { margin:30px 0 20px; }
h4 { margin:0px 0 15px; }
h5 { margin:20px 0 10px; }
p { margin-bottom: 0.7em; }
i.fa { margin: 0 0.3em 0 0.4em; }

.text11 { font-size: 11px; font-size: 1.1rem; }
.text12 { font-size: 12px; font-size: 1.2rem; }
.text13 { font-size: 13px; font-size: 1.3rem; }
.text14 { font-size: 14px; font-size: 1.4rem; }
.text15 { font-size: 15px; font-size: 1.5rem; }
.text16 { font-size: 16px; font-size: 1.6rem; }
.text18 { font-size: 18px; font-size: 1.8rem; }
.text20 { font-size: 20px; font-size: 2.0rem; }
.text24 { font-size: 24px; font-size: 2.4rem; }
.text28 { font-size: 28px; font-size: 2.8rem; }
.text32 { font-size: 32px; font-size: 3.2rem; }

@media (max-width: 767px) {
	h2 { font-size: 28px; font-size: 2.8rem; }
	h3 { font-size: 24px; font-size: 2.4rem; }
	h2 { margin:30px 0 20px; }
	h3 { margin:20px 0 20px; }
	h4 { margin:10px 0 10px; }
	.text18 { font-size: 16px; font-size: 1.6rem; }
	.text24 { font-size: 18px; font-size: 1.8rem; }
	.text28 { font-size: 20px; font-size: 2.0rem; }
	.text32 { font-size: 24px; font-size: 2.4rem; }
}

.caution { color:#c00; }
.red { color:#b81c22 }
.bold { font-weight: 700; }

/*---------------------------------------------
	Anchor
  ---------------------------------------------*/

a { outline: none; }
a:link { text-decoration: none; color: #b81c22; }
a:visited { text-decoration: none; color: #b81c22; }
a:hover { text-decoration: underline; color: #b81c22; }
a:active { text-decoration: underline; color: #b81c22; }


/*---------------------------------------------
	Table
  ---------------------------------------------*/
table {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;
	font-size:inherit;
}

/*---------------------------------------------
	全体設定
  ---------------------------------------------*/
img { max-width: 100%; height: auto; }
.text-center { text-align: center; }
table { width:100%; }
a img:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.zero-top {	margin-top:0px; padding-top:0px; }
.round { border-radius: 7px; }
.circle { border-radius: 50%; }
.center { text-align:center; }
.underline-dot { border-bottom: 1px dotted #999999; margin-bottom: 8px; padding-bottom: 6px; }
.float-right { float: right; position: relative; }
.float-left { float: left; position: relative; }
.line-wide { line-height: 2.2; }
@media (max-width: 479px) {
	.line-wide { line-height: 2; }
}
/* ------ テキスト折り返し指定 ------ */
.read span { display:inline-block }

/* float clear
------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear { clear: both; }


/*---------------------------------------------
	ヘッダ
  ---------------------------------------------*/
header { width: 100%; }
header h1 { display: none; }

/*---------------------------------------------
	メニュ
  ---------------------------------------------*/

/* ------ PC用 ------ */
#pc-menu nav {
	max-width: 1440px;
	margin: 0 auto;
	text-align:center;
}
#pc-menu nav ul {
	display: -webkit-box; /* Android 2~4 */
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
}
#pc-menu nav ul li {
	border-right: 1px solid #999;
	box-sizing: border-box;
}
#pc-menu nav ul li:first-child {
	border-left: 1px solid #999;
}

#pc-menu nav ul li.menu {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

#pc-menu nav ul li a {
	display: block;
	padding: 15px 10px;
	border-bottom: rgba(255,255,255,0) 2px solid;
}
#pc-menu nav ul li a:hover,
#pc-menu nav ul li.current a {
	border-bottom: #b81c22 2px solid;
}
#pc-menu nav ul li.logo { width: 270px; }
#pc-menu nav ul li.icon { width: 75px; }

@media (max-width: 1439px) {
	#pc-menu nav ul li:first-child {
		border-left: none;
	}
	#pc-menu nav ul li:last-child {
		border-right: none;
	}
}
@media (max-width: 1239px) {
	#pc-menu nav ul li.logo { width: 200px; }
	#pc-menu nav ul li.icon { width: 50px; }
}

/* ------ ハンバーガーメニュ ------ */
@media (max-width: 979px) {
	#sp-menu #btn {
		display: block;
		float: left;
		padding: 5px;
	}

	#sp-menu #btn a {
		display: block;
		width: 40px;
		height: 40px;
		background: #fff url(https://ibarakimarche.com/wp-content/themes/ibarakimarche_theme/images/btn_menu.png);
		background-size: auto 40px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}

	#sp-menu .logo-sp {
		position:relative;
		top: 12px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		max-width:120px;
		max-height: 30px;
	}

	#sp-menu nav {
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #ccc;
	}

	#sp-menu nav ul.menu {
		display:none;
		float: none;
		left:0;
		width: 100%;
		font-size: 100%;
		border-top: 1px solid #ccc;
	}

	#sp-menu nav i.fa {
		color: #b81c22;
		margin-right: 0.5em;
	}

	#sp-menu nav ul li {
		float: none;
		left:0;
		margin-right: 0;
		width: 100%;
		border-bottom: 1px solid #ddd;
		border-top:none;
	}
	#sp-menu nav ul li a {
		display: block;
		line-height: 1.4;
		color: #444;
		text-decoration: none;
		padding:11px 0 11px 10px;
		background-color: #fff;
		}
	#sp-menu nav ul ul.last li {
		border-bottom: none;
	}
	#sp-menu nav ul li.color1 a { border-right: 1px solid  #ddd; background-color: #FAF8EF; }
	#sp-menu nav ul li.color2 a { background-color: #FAF8EF; }
	#sp-menu nav ul ul li { float: left; width: 50%; }
	#sp-menu nav ul li a:hover { text-decoration: underline; color:#444; border-top:none; }
}



/*---------------------------------------------
	全体枠
  ---------------------------------------------*/
#contents-container { max-width: 1440px; margin: 0 auto; padding: 15px 0; }
.contents1000 { max-width: 1000px; margin: 0 auto; }
@media (max-width: 1439px) {
	#contents-container { margin: 0 20px; padding: 15px 0 10px; }
}
@media (max-width: 767px) {
	#contents-container { margin: 0 10px; }
}


/*---------------------------------------------
	コラム
  ---------------------------------------------*/
.column-set {
	width: 100%;
	margin-bottom: 30px;
}
.column-set:before,
.column-set:after {
	content: "";
    clear: both;
    display: block;
}

.column { float: left; width: 47%; margin-right: 6%; }
.column-set .rightside { margin-right: 0; }
@media (max-width: 1119px) {
	.column { width: 48%; margin-right: 4%; }
}
@media (max-width: 479px) {
/*	.column-set { margin-bottom: 0; }*/
	.column {
		float: none;
		width: 100%;
		margin:0 0 15px 0;*/
	}
}

.column32l { float: left; width: 63%; }
.column32r { float: right; width: 32%; }

@media (max-width: 479px) {
	.column32l,
	.column32r {
		float: none;
		width: 100%;
		margin:0 0 25px 0;
	}
}

.column41l { float: left; width: 72%; }
.column41r { float: right; width: 23%; }

@media (max-width: 479px) {
	.column41l,
	.column41r {
		float: none;
		width: 100%;
		margin:0 0 25px 0;
	}
	.column41r {
		margin-bottom: 0;
	}
}

/*---------------------------------------------
	トップページ
  ---------------------------------------------*/

/* ------ メインビジュアルスライダー ------ */
.main-slider {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0;
}

/* ------ facebook ------ */
.facebook-wrapper {
	max-width: 500px;
	margin: 0 auto;
}
.facebook-wrapper > .fb-page {
	width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
	width: 100% !important;
}

/* ------ 見出し ------ */
/* ------ 見出し ------ */
.top .titlewaku { text-align: center; }
.top h3 {
	color: #fff;
	background-color: #b81c22;
	line-height: 1;
	padding: 10px 20px;
	margin: 20px 0 25px;
	display: inline-block;
}
.top h3 span { font-size: 16px; }

@media (max-width: 800px) {
	.top h3 {
		padding: 10px 10px;
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.top h3 span {
		font-size: 10px;
		font-size: 1.0rem;
	}
}

/* ------ お知らせ ------ */
.top-topics-inner {
	box-sizing: border-box;
	border: 1px solid #E9EBEE;
	padding: 0 15px 0;
	margin-bottom: 20px;
}

.top-topics dl { font-size: 14px; font-size: 1.4rem; }
.top-topics dl dt {
	clear : both;
	float : left;
	width : 155px;
}
.top-topics dl dt span.event,
.top-topics dl dt span.news {
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	margin-right: 10px;
	padding: 4px 10px 3px;
	font-family: Arial;
}
.top-topics dl dt span.event { background-color: #f09400; padding: 4px 10px 3px; }
.top-topics dl dt span.news { background-color: #0068b3; padding: 4px 12px 3px; }

.top-topics dl dd {
	padding-left : 155px;
	padding-bottom: 4px;
	border-bottom: #ccc dotted 1px;
	margin-bottom: 4px;
}
.top-topics dl {
	border-top: #ccc dotted 1px;
	padding-top: 4px;
}

.top-topics .btn a {
	text-align: center;
	border: 1px solid #ccc;
	max-width: 140px;
	padding: 5px;
	margin: 25px auto 20px;
}
.top-topics .btn a {
	display: block;
	color: #333;
}

@media (max-width: 800px) {
	.top-topics dl dt { float : none; margin-bottom: 0; font-size: 12px; font-size: 1.2rem; }
	.top-topics dl dt span { font-size: 10px; margin-right: 10px; }
	.top-topics dl dd {	padding-left : 0em; }
	.top-topics .btn a {
		font-size: 12px; font-size: 1.2rem;
		max-width: 100px;
		padding: 2px;
		margin: 20px auto 20px;
	}
}

/* ------ 商品写真アスペクト比統一 ------ */
.top-recommend .photo,
.topitem-slider .item .photo,
.ichiran .item .photo,
.item-slider .item {
    position: relative;
	overflow: hidden;
}
.top-recommend .photo:before,
.topitem-slider .item .photo:before,
.ichiran .item .photo:before,
.item-slider .item:before {
    content:"";
    display: block;
    padding-top: 66.666%; /* アスペクト3:2の場合。4:3の場合は75%にする。*/
}
.top-recommend .photo img,
.topitem-slider .item .photo img,
.ichiran .item .photo img,
.item-slider .item img {
    position: absolute;
	width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* ------ スタッフの一押し ------ */
.top-recommend {
	background-color: #eee;
	padding: 0 20px 20px;
	box-sizing: border-box;
}

.top-recommend h3 {
/*	margin: 0;*/
}
.top-recommend h4 {
	text-align: center;
}
.top-recommend h5 span {
	font-size: 14px;
	font-weight: normal;
	margin-left: 1em;
}
@media (max-width: 1119px) {
	.top-recommend {
	}
}
@media (max-width: 479px) {
	.top-recommend h4 {
		text-align: left;
	}
}
.top-recommend .column { margin-bottom: 0; }
.top-recommend dl dt {
	clear : both;
	float : left;
	width : 35%;
}
.top-recommend dl dd {
	padding-left : 38%;
}
.top-recommend h5 span:before {
	content: "\A"; white-space: pre;
}

/* ------ スタッフの一押し＆買う＆食べる ------ */


.top-recommend h5,
.item-slider h5 {
	margin: 10px 0 0;
}
.top-recommend p.price,
.item-slider p.price {
	color: #102686;
	margin-bottom: 0;
}
p.icon-link {
	text-align: right;
	margin-bottom: 0;
}
p.icon-link:before {
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 0.3em;
	color: #b81c22;
}
.top-buy,
.top-eat {
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}
.top-buy .btn,
.top-eat .btn {
	text-align: center;
	max-width: 180px;
	background-color: #b81c22;
	padding: 8px;
	margin: 25px auto 0;
}
.top-buy .btn a,
.top-eat .btn a {
	display: block;
	color: #fff;
}

@media (max-width: 767px) {
	.top-recommend h5 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
	.top-recommend h5 span,
	.top-recommend p,
	.topitem-slider h5,
	.topitem-slider p.price,
	.topitem-slider p.icon-link {
		font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin: 0;
	}
	.topitem-slider h5 { margin-top: 10px;}
	.top-buy,
	.top-eat {
		padding-bottom: 0;
		border-bottom: none;
	}
	.top-buy .btn,
	.top-eat .btn {
		font-size: 11px; font-size: 1.1rem;
		max-width: 120px;
		padding: 5px;
		margin: 15px auto 0;
	}
}

/* ------ バナー ------ */
.column-banner { float: left; margin-top: 40px; width: 24%; margin-right: 1.3%; }
.column-banner img { margin-bottom: 10px; }
.column-banner.rightside { margin-right: 0; }

.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 20px;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/* ------ お知らせ一覧 ------ */
.news-ichiran dl {
	margin-top: 20px;
}
.news-ichiran dl dd {
	padding-left : 180px;
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #aaa;
}

.news-ichiran dl dd span.event,
.news-ichiran dl dd span.news {
	width: 200px;
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	padding: 4px 20px 3px;
	margin-right: 10px;
}
.news-ichiran dl dd span.event { background-color: #f09400; padding: 4px 20px 3px;}
.news-ichiran dl dd span.news { background-color: #0068b3; padding: 4px 22px 3px;}

.news-ichiran dl dd .continues {
	text-align: right;
	font-size: 14px; font-size: 1.4rem;
}
.news-ichiran dl dd .continues a {
	color: #aaa;
}

.news-ichiran dl dd h4 {
	font-size: 16px; font-size: 1.6rem;
	font-weight: 700;
	margin: 10px 0 5px;
}
.news-ichiran dl dt {
	clear : both;
	float : left;
	width : 150px;
}
@media (max-width: 479px) {
	.news-ichiran dl dt { float:none; width: 100%; margin-bottom: 10px; }
	.news-ichiran dl dd { padding-left : 0; font-size: 14px; font-size: 1.4rem; border-bottom: none; margin-bottom: 10px; }
	.news-ichiran dl dd h4 { font-size: 14px; font-size: 1.4rem; }
}

.pager { margin-bottom: 30px; }
.pager ul li {
    float: left;
    margin-right: 20px;
	border: 1px solid #666;
}
.pager ul li:last-child { margin: 0 0 0 20px;}
.pager ul li a {
    display: block;
    font-size: 20px; font-size: 2.0rem;
    padding: 15px;
    color: #666;
    text-decoration: none;
}
.pager ul li.current a,
.pager ul li a:hover {
    background: #666;
    color: #FFF;
}

@media (max-width: 479px) {
	.pager ul li {
		margin-right: 8px;
	}
	.pager ul li:last-child { margin: 0 0 0 12px;}
	.pager ul li a {
		font-size: 14px; font-size: 1.4rem;
		padding: 8px;
	}
}

/*---------------------------------------------
	コンテンツページ
  ---------------------------------------------*/

ul.bread {
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
}
ul.bread li { float: left; line-height: 1; }
ul.bread li:before {
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 0.5em;
	color: #aaa;
}
ul.bread li:first-child:before { content: none; }
ul.bread li img { margin-top: -2px; margin-right: 5px; }
ul.bread li a { color: #666; }
@media (max-width: 979px) {
	ul.bread { float: none; margin-bottom: 20px; }
}

#pagetitle span {
	font-size: 18px;
	font-size: 1.8rem;
	margin-left: 1em;
}
@media (max-width: 767px) {
	#pagetitle h2 {
		margin-top: 0;
		font-size: 20px; font-size: 2.0rem;
		line-height: 1.2;
		text-align: center;
	}
	#pagetitle h2 span {
		font-size: 12px; font-size: 1.2rem;
	}
	#pagetitle h2 span:before {
		content: "\A"; white-space: pre;
	}
}

.midashi {
	font-size: 30px; font-size: 3.0rem;
	font-weight: 700;
	margin-top: 60px;
}
@media (max-width: 767px) {
	.midashi {
		font-size: 24px; font-size: 2.4rem;
		font-weight: 700;
		margin-top: 30px;
	}
}


/* ------ 茨城マルシェって？ ------ */
.btn2 {
	margin-top: 40px;
}
.btn2 li a {
	float: left;
	text-align: center;
	background-color: #b81c22;
	font-size: 20px; font-size: 2.0rem;
	width: 230px;
	color: #fff;
	padding: 20px;
	display: block;
	margin-right: 40px;
}
@media (max-width: 979px) {
	.btn2 {
		margin-top: 20px;
	}
	.btn2 li a {
		font-size: 12px; font-size: 1.2rem;
		width: 120px;
		padding: 10px;
		margin-right: 10px;
	}
}

.about-slider { margin: 60px 0; }
@media (max-width: 479px) {
	.about-slider { margin: 30px 0; }
}
#map {
	margin-top: 20px;
}

dl.outline {
	margin-top: 20px;
	font-size: 14px; font-size: 1.4rem;
}
dl.outline dd {
	padding-left : 6em;
	margin-bottom: 0.5em;
}
dl.outline dt {
	clear : both;
	float : left;
	width : 6em;
}
@media screen and (max-width: 479px) {
	dl.outline dt { float:none; font-weight:bold; }
	dl.outline dd { padding-left : 0; }
}

/* ------ マルシェ＆イートイン カテゴリ（8種） ------ */

.category8 {
	margin-top: 20px;
	padding-right: 70px;
	text-align: center;
	font-size: 14px; font-size: 1.4rem;
}
.category8 .item img {
	margin-bottom: 8px;
}
.category8 .item {
    margin: 0 10px 10px 0;
	float: left;
	width: 12.5%;
	*width: 12.4%;
}
.category8 .item8 {
	margin-right: -70px;
}
@media (max-width: 979px) {
	.category8 { padding-right: 30px; }
	.category8 .item { width: 25%; }
	.category8 .item4 { margin-right: -30px; }
}
@media (max-width: 479px) {
	.category8 { padding-right: 10px; }
	.category8 .item { width: 50%; }
	.category8 .item2 { margin-right: -10px; }
}

.category7 {
	margin-top: 20px;
	padding-right: 60px;
	text-align: center;
	font-size: 14px; font-size: 1.4rem;
}
.category7 .item img {
	margin-bottom: 8px;
}
.category7 .item {
    margin: 0 10px 10px 0;
	float: left;
	width: 14.28%;
	*width: 14.38%;
}
.category7 .item7 {
	margin-right: -60px;
}
@media (max-width: 1119px) {
	.category7 { font-size: 12px; font-size: 1.2rem; }
}


/* ------ マルシェ＆イートイン カテゴリ別 商品一覧 ------ */
.category-menu .category8 .item,
.category-menu .category7 .item {
	padding-bottom: 60px;
	margin-bottom: 0;
}
.category-menu .category8 .item img,
.category-menu .category7 .item img {
	filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
}
.category-menu .category8 .item.current,
.category-menu .category7 .item.current {
	background: url(../select/image/cat-bg-current.png) no-repeat center bottom;
}
.category-menu .category8 .item.current img,
.category-menu .category7 .item.current img {
	filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
}
.category-menu .category8 .item a img:hover,
.category-menu .category7 .item a img:hover {
	filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
}


/* ------ マルシェ＆イートイン カテゴリ別 商品一覧（スマホ用） ------ */
.category-menu ul.column-l { float: left; width: 46%; }
.category-menu ul.column-r { float: right; width: 46%; }
.category-menu ul li { font-size: 13px; font-size: 1.3rem; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ccc; }
.category-menu ul li a { display: block; }
.category-menu p.icon-link { text-align: left; margin: 10px 0 15px; font-size: 13px; font-size: 1.3rem; }

.ichiran { background-color: #eee; padding: 30px 0 20px; margin-bottom: 25px;}
@media (max-width: 1119px) { .ichiran { padding: 20px 20px 5px; } }
@media (max-width: 479px) { .ichiran { padding: 15px 10px 0; } }

.ichiran4 {
	margin-top: 20px;
	padding-right: 60px;
	font-size: 14px; font-size: 1.4rem;
}
.ichiran4 .item img {
	margin-bottom: 8px;
}
.ichiran4 .item {
    margin: 0 20px 20px 0;
	float: left;
	width: 25%;
	*width: 24.9%;
}
.ichiran4 .item4 {
	margin-right: -60px;
}
@media (max-width: 767px) {
	.ichiran4 { margin-top: 0px; padding-right: 10px; }
	.ichiran4 .item { margin: 0 10px 10px 0; width: 50%; }
	.ichiran4 .item2 { margin-right: -10px; }
}

.ichiran4 .item h5 {
	margin: 5px 0 0;
}
.ichiran4 .item p.price {
	color: #102686;
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.ichiran4 .item h5 { font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
	.ichiran4 .item p.price { font-size: 12px; font-size: 1.2rem; line-height: 1.5; }
}


/* ------ 商品詳細 ------ */
.item-spec { margin-top: 80px; }
.item-spec h4 { margin-top: 0; }
.item-spec h5 { margin:10px 0 0; }
.item-spec .column32r {
	background-color: #eee;
	padding: 20px;
	box-sizing: border-box;
}

.item-spec .column32r dl {
	margin-top: 20px;
}
.item-spec .column32r dl dd {
	padding-left : 4.5em;
	font-size: 14px; font-size: 1.4rem;
}
.item-spec .column32r dl dt {
	font-size: 12px; font-size: 1.2rem;
	clear : both;
	float : left;
	width : 4.5em;
}
@media screen and (max-width: 767px) {
	.item-spec .column32r dl dt { float:none; font-weight:bold; }
	.item-spec .column32r dl dd { padding-left : 0; }
}


.banner { margin-top: 60px; text-align: center; }
@media (max-width: 979px) {
	.banner { margin-top: 20px; }
	.item-spec { margin-top: 30px; }
}


/* ------ スタッフ募集 ------ */
.imagephoto { margin-bottom: 60px; }
@media screen and (max-width: 767px) {
	.imagephoto { margin-bottom: 20px; }
}

dl.recruit {
	margin-top: 20px;
}
dl.recruit dd {
	padding : 5px 0 5px 8em;
}
dl.recruit>dd:nth-of-type(odd) {
	background-color: #eee;
}
dl.recruit dt {
	clear : both;
	float : left;
	width : 8em;
	padding : 5px 0 5px 5px;
}
@media screen and (max-width: 479px) {
	dl.recruit dt { float:none; font-weight:bold; padding : 0; }
	dl.recruit dd { padding : 0; margin-bottom: 10px; }
	dl.recruit>dd:nth-of-type(odd) { background-color: #fff; }
}


/*---------------------------------------------
	ボタン
  ---------------------------------------------*/
.btn-red {
	text-align: center;
	max-width: 200px;
	background-color: #b81c22;
	padding: 8px;
	margin: 30px auto;
}
.btn-red a {
	display: block;
	color: #fff;
}
@media (max-width: 767px) {
	.btn-red {
		font-size: 11px; font-size: 1.1rem;
		max-width: 120px;
		padding: 5px;
		margin: 15px auto 0;
	}
}

/*---------------------------------------------
	画像フロート設定
  ---------------------------------------------*/
.img-right { float: right; margin: 5px 0 20px 30px; }
.img-left { float: left; margin: 5px 30px 20px 0; }
.img-right.w280, .img-left.w280 { width:280px; }
.img-right.w200, .img-left.w200 { width:200px; }

@media (max-width: 767px) {
	.img-right.w280, .img-left.w280 { width:200px; }
	.img-right.w200, .img-left.w200 { width:160px; }
}
@media (max-width: 479px) {
	.img-right, .img-left { float: none; margin: 10px 0 15px 0; }
	.img-right.w280, .img-left.w280 { width:200px; }
	.img-right.w200, .img-left.w200 { width:160px; }
}

/*---------------------------------------------
	リスト
  ---------------------------------------------*/
.list-icon li {
	margin: 20px 0;
	padding-left:30px;
	background: url(https://ibarakimarche.com/wp-content/themes/ibarakimarche_theme/images/icon-link.png) no-repeat;
	background-size: auto 20px;
	background-position: 0 1px;

}

.list-icon li a {
	color: #B69B7B;
	font-weight: 600;
}




/*---------------------------------------------
	ページの先頭へ
  ---------------------------------------------*/
.pagetop {
	max-width: 1000px;
	text-align: right;
	margin: 20px auto;
}
@media (max-width: 1119px) {
	.pagetop {
		padding: 0 10px;
	}
}

@media (max-width: 767px) {
	.pagetop { display: none; }
}

#page-top {
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:20px;
	bottom:20px;
	border: 2px solid #ffffff;
	z-index: 1000;
}

#page-top p {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #b81c22;
}

#page-top p:hover{
	background-color: #961016;
}

#move-page-top {
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
@media (min-width: 1120px) {
	#page-top {
		right:80px;
	}
}

/*---------------------------------------------
	フッタ
  ---------------------------------------------*/
footer {
	width: 100%;
	background-color: #b81c22;
	line-height: 1.8;
}

/* ------ フッタ サイトマップ ------ */
#sitemap {
	max-width: 1000px;
	margin: 0 auto;
}
#sitemap-inner {
	display: -webkit-box; /* Android 2~4 */
	display: -webkit-flex; /* Safari */
	display: flex;
	margin-left: -30px;
}
#sitemap-inner section {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	border-right: 1px solid #fff;
	padding: 30px 30px 20px 30px;
}
#sitemap-inner section:last-child {
	border-right: none;
}
#sitemap-inner section ul ul {
	margin-left: 1.3em;
}
#sitemap-inner section li a,
#sitemap-inner section li a:link,
#sitemap-inner section li a:visited { display:block; color: #fff; }

#sitemap-inner section .icon img {
	margin: 80px 15px 0 0;
}


#sitemap-inner-sp { margin-top: 20px; padding: 10px; font-size: 12px; font-size: 1.2rem; }
#sitemap-inner-sp ul.column-l { float: left; margin-right: 15px; }
#sitemap-inner-sp ul.column-r { float: left; }

#sitemap-inner-sp,
#sitemap-inner-sp li a,
#sitemap-inner-sp li a:link,
#sitemap-inner-sp li a:visited { display:block; color: #fff; }


#copyright {
	background-color: #fff;
}
#copyright-inner {
	max-width: 1000px;
	margin: 0px auto;
	padding: 20px 0;
}
#copyright-inner .logo {
	float: left;
	width: 226px;
	border-right: 1px solid #666;
	margin-right: 30px;
	padding-bottom: 25px;
}
#copyright-inner .address {
	float: left;
	line-height: 1.6;
	font-size: 14px; font-size: 1.4rem;
}
#copyright .copy {
	float: right;
	font-size: 12px; font-size: 1.2rem;
	margin-top: 45px;
}
@media (max-width: 979px) {
	#copyright-inner {
		padding: 10px 10px 0;
	}
	#copyright .address {
		float: none;
		font-size: 12px; font-size: 1.2rem;
	}
}


/* -------------- */
/*	レスポンシブ　   */
/* -------------- */

/*	PC用　*/

@media (min-width: 980px) {
	.forSP { display:none }
	#sp-menu { display:none }
	#sitemap-inner-sp { display:none }
}

/*	タブレット横（979px以下）　*/
@media (max-width: 979px) {
	#pc-menu { display:none }
	#sitemap-inner { display:none }
	.forPC { display:none }
}
@media (max-width: 767px) {
	.page-contents { padding-bottom: 20px; }
}

@media (max-width: 1119px) {
}
@media (max-width: 979px) {
}
@media (max-width: 767px) {
}
@media (max-width: 479px) {
}

/* プライバシーポリシー */
.gene_box {
    border: solid 1px #CCC;
    padding: 20px 30px 10px;
    margin-bottom: 10px;
}

.pri_dl dt {
    font-weight: bold;
    font-size: 120%;
    background: url(https://ibarakimarche.com/wp-content/themes/ibarakimarche_theme/images/arrow_black.jpg) no-repeat 2px 10px;
    padding-left: 15px;
}

/* お問い合わせ */
/* ContactForm7 */
span .wpcf7-list-item {
display : block ;
}

.form-width { max-width: 100%;}

.formarea {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}
.formarea table td{
	  padding: 10px 0px;
}

@media screen and (max-width:640px){

.mainImg img{
	width:100%;
	height:auto;
}

.bread_link {
}
.bread_link li{
    display:block;
    background:#f2f2f2;
    border-bottom:solid 1px #e6e6e6;
    padding:10px;
	margin:0;
}
.bread_link li:nth-child(even){
    display:none;
}
    .bread_link li a{
        display:block;
        font-weight:bold;
    }
    .bread_link li a:before{
    	content:">";
    	margin-right:5px
    }

.side{
    display:none;
}

.se_left_img {
    float: none;
    margin-bottom:10px
}
    .se_left_img img{
        width:100%;
        height:auto;
    }
.se_right_area {
    float: none;
    width: auto;
}
.se_box_text {
    margin-top:0;
    padding:3%;
    line-height:180%;
}
.ranking_left_area {
	float:none;
    width: auto;
    border-right: 0;
    padding: 0;
}
.ranking_right_area {
    float: none;
    width: auto;
    padding: 0;
}
.ranking_img {
    width: 25%;
}
	.ranking_img img{
		width:100%;
		height:auto;
	}
.ranking_right {
    width: 70%;
}

.page_title img{
    width:100%;
    height:auto;
}
.ac_left {
    float: none;
}
    .ac_left img{
        width:100%;
        height:auto;
    }
.ac_right {
    float: none;
    width: auto;
    padding:3%;
}
.ac_table {
    width: 100%;
    margin-bottom:10px
}

.formarea{
    /*padding:3%;*/
}
.formarea table{
    width:auto;
	border-collapse:collapse;
}
.formarea table td{
	  padding: 30px 20px;
    background:#f2f2f2;
    border:solid 1px #ffffff;
}
	.formarea table strong{
		color:#F00;
	}
.formarea input[type="text"]{
    width:80%;
    padding: 5px;
    border: 1px solid #ccc;
}
.formarea input[type="tel"]{
    width:80%;
    padding: 5px;
    border: 1px solid #ccc;
}
.formarea input[type="email"]{
    width:80%;
    padding: 5px;
    border: 1px solid #ccc;
}
.formarea label{
	display:block;
	padding:5px;
}
.formarea textarea{
    width:80%;
}

table.ac_table {
    width: 100%;
    margin-bottom: 10px;
}

}

/* 固定ページ用文字サイズ */
.fixedpage h1{
	font-size: 30px; font-size: 3.0rem;
	font-weight: normal;
	margin-top: 40px;
}
@media (max-width: 767px) {
	.fixedpage h1{
		font-size: 24px; font-size: 2.4rem;
		font-weight: normal;
		margin-top: 30px;
	}
}
.fixedpage h2{
	font-size: 26px; font-size: 2.6rem;
	font-weight: normal;
	margin-top: 40px;
}
@media (max-width: 767px) {
	.fixedpage h2{
		font-size: 22px; font-size: 2.2rem;
		font-weight: normal;
		margin-top: 30px;
	}
}
.fixedpage h3{
	font-size: 18px; font-size: 1.8rem;
	font-weight: normal;
	margi-top: 40px;
}
@media (max-width: 767px) {
	.fixedpage h3{
		font-size: 20px; font-size: 2.0rem;
		font-weight: normal;
		margin-top: 30px;
	}
}
.fixedpage h4{
	font-size: 14px; font-size: 1.4rem;
	font-weight: normal;
	margin-top: 40px;
}
@media (max-width: 767px) {
	.fixedpage h4{
		font-size: 18px; font-size: 1.8rem;
		font-weight: normal;
		margin-top: 30px;
	}
}
.fixedpage h5{
	font-size: 10px; font-size: 1.0rem;
	font-weight: normal;
	margin-top: 40px;
}
@media (max-width: 767px) {
	.fixedpage h5{
		font-size: 16px; font-size: 1.6rem;
		font-weight: normal;
		margin-top: 30px;
	}
}
.fixedpage h6{
	font-size: 8px; font-size: 0.8rem;
	font-weight: normal;
	margin-top: 40px;
}
@media (max-width: 767px) {
	.fixedpage h6{
		font-size: 14px; font-size: 1.4rem;
		font-weight: normal;
		margin-top: 30px;
	}
}
.fixedpage p{
	font-size: 18px; font-size: 1.8rem;
	font-weight: normal;
	margin: 0px;
}
@media (max-width: 767px) {
	.fixedpage p{
		font-size: 16px; font-size: 1.6rem;
		font-weight: normal;
		margin: 0px;
	}
}

/* ビストロ */
.res_box4 {
    margin-bottom: 40px;
}
.res_box4_table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.res_box4_table	th {
    background: #fff1cf;
    width: 140px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
.res_box4_table	th, .res_box4_table td {
    border: 1px solid #ccc;
    padding: 7px;
}
.res_box4_table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

pagenavi base

/*wp-pagenavi base*/
.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}
.wp-pagenavi a:hover{
color:#FFF;
background-color:#999;
border-color:#999;
}
.wp-pagenavi span.current{
color: #FFF;
background-color: #66cccc;
border-color: #66cccc;
font-weight: bold;
}

/*wp-pagenavi base*/
.wp-pagenavi {
	clear: both;
	/*text-align:center;*/

}
.wp-pagenavi a:last-child { margin: 0 0 0 15px;}
.wp-pagenavi a, .wp-pagenavi span {
	color: #666;
	background-color: #FFF;
	border: solid 1px #666;
	padding: 13px 10px;
	margin: 0 16px 0 0px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
	font-size: 14px; font-size: 1.4rem;
}
.wp-pagenavi a:hover{
    color:#FFF;
    background-color:#666;
    border-color:#666;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #666;
	border-color: #666;
	font-weight: bold;
    }

@media (max-width: 479px) {

	.wp-pagenavi a:last-child { margin: 0 0 0 12px;}
	.wp-pagenavi a, .wp-pagenavi span {
		font-size: 14px; font-size: 1.4rem;
		padding: 8px;
		margin-right: 8px;
	}
}
img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */
img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */
img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */
img.float-left { float:left; }/* 回り込み 左 */
img.float-right { float:right; }/* 回り込み 右 */

.details dd:after {
  content: '';
  display: block;
  clear: both;
}