/*
Template:zerif-lite
Theme Name:satonishiki
Theme URI:http://www.satonishiki-bento.com/
Author:okada-design
Version:1.0
*/

@media print{
	header,.navbar,#main-nav { 
		display:block !important;
		width: 100% !important;
		}
	.navbar img {
		zoom: 0.5 !important;
		}
	.container {
		width: 100% !important;
		}

	a[href]:after {
    	content: " " !important;
	}
	abbr[title]:after {
	content: " " !important;
  	}
}


.slider { background:#fff;
	margin: 32px auto 0px;
	text-align: center;
	}


.entry-header h1 {
	text-align: center;
	font-size: 38px;
	color:#000;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 100%;
	}
h1.entry-title {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 100%;
	}
.entry-header .bentoprice {
	margin: 0.5em 0  !important;
	padding: 0 !important;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color:#000;
	}
.entry-header .bentoprice .middle {
	font-size: 20px ;
	}
.entry-header .bentoprice .small {
	font-size: 13px ;
	}
.single .entry-content {
	margin: 0 5em 40px;
	font-size: 14px !important;
	}

.entry-header {
	position: relative ;
	}
.catch {
	position: absolute;
	left: 20px;
	top: 20px;
	}

.entry-meta,.comments-area,.entry-footer {display:none;}


.breadcrumbs,.breadcrumbs a,.breadcrumbs span {
	font-size:11px ;
	}

.page h1.entry-title { display:none;}
.page.home h1.entry-title { display:block;}

.yoyaku {
	background: #a22041 ;
	color: #fff;
	padding: 0.2em 0.5em ;
	margin-right: 0.7em;
	font-weight: normal;
	font-size: 13px;
	}


@media screen and (max-width: 736px) {
	.catch {
		position: absolute;
		left: 0px;
		top: 0px;
		}
	.catch img{ zoom: 0.7; }
	}



/*-----　トップ　----*/

.recommend {
	max-width: 1200px;
	margin: 0px auto ;
	border-top: 1px solid #ccc;
	position: relative;
	}
.recommend h2 {
	margin: 1em 0 0 ;
	font-size: 18px !important;
	font-weight: bold;
	}

div.list {
	width: 22%;
	margin: 1.5%;
	float:left;
	position: relative;
	}
.recommend .catch {
	position: absolute;
	left: 0 !important;
	top: 0px;
	}
.recommend .catch img {
	zoom: 0.4;
	z-index: 999;
	}

.home .banner {
	max-width: 1200px;
	margin: 20px auto ;
	}
.home .banner img {
	width: 49%;
	margin: 0.5%;
	float: left;	
	}


@media screen and (max-width: 736px) {
	div.list {
		width: 47%;
		margin: 1.5%;
		}
	.recommend h1.entry-title a {
		font-size: 16px !important;
		}
	.recommend h2 {
		font-size: 16px !important;
		}
	.slider {
		margin: 0px auto 0;
		}
	.home .banner img {
		width: 100%;
		margin: 1% 0 ;
		float: none;	
		}
	}


/*-----　バナー　----*/

.banner {
	margin: 20px 0 ;
	}
.banner img {
	margin: 5px 0 ;
	}

/*-----　カテゴリー　----*/

h1.page-title {display:none;}

.cat-title {
	margin-top: 50px;
	}
.expl {
	text-align: right;
	}
.single .expl {
	margin: 10px ;
	}

.expl li {
	list-style: none;
	float: right;
	border:	1px solid #888;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 12px;
	padding: 0.5em ;
	margin: 0px 5px 10px ;
	}
.site-main { clear:both; }

.category .catch {
	position: absolute;
	left: 0px;
	top: 0px;
	}
.category .catch img {
	zoom: 0.5;
	z-index: 999;
	}

.category .content-area {
	margin-top: 0px !important;
	}
.category .content-left-wrap {
	padding: 20px 5px !important;
	}
.category article {
	width: 30.3333333333% ;
	margin: 1% 1.5%;
	float: left;
	border: 0px !important;
	padding: 0 !important;
	}

.category h1.entry-title.category h1.entry-title a,.category .entry-header h1,.category .entry-header h1 a ,.category .entry-header a h1 {
	font-size: 18px !important;
	margin: 0.5em 0 0.3em !important; 
	}
.category .entry-header .bentoprice {
	margin: 0.2em 0 !important;
	font-size: 18px !important;
	}
.category .entry-header .bentoprice .middle {
		font-size: 15px !important;
		}
.category .entry-content {display:none;}



.category .site-content {
	background: rgba(190,143,104,0.15);
	}

@media screen and (max-width: 1200px) {
	.menu-item-89 {display: none !important;}
	}
@media screen and (max-width: 736px) {
	.single .entry-content {
		margin: 0 1em 40px;
		}
	.freedial ul {
		margin: 2em 1em 2em 2em ;
		}
	.menu-item-89 {display: none !important;}
	.cat-title {
		margin: 10px;
		}
	.category .content-left-wrap {
		padding: 10px 5px !important;
		}
	.entry-header h1 {
		font-size: 28px;
		}
	.category .catch img {
		zoom: 0.35;
		}
	.category article {
		width: 47% ;
		margin: 1.5%;
		}
	.category h1.entry-title a {
		font-size: 16px !important;
		}
	.category .entry-header .bentoprice {
		margin: 0.2em 0 !important;
		font-size: 18px !important;
		}
	.category .entry-header .bentoprice .middle {
		font-size: 16px !important;
		}
	.category .expl li {
		margin: 0.3em ;
		}
	.no-sp { display:none !important;}
	.no-pc { display:block !important;}
	}

	.no-sp { display:block;}
	.no-pc { display:none;}

/*-----　見出しの線を消す　----*/

.entry-title:before,.widget-title:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 100%;
	height: 0px !important;
	background: #fff !important;
	bottom: -9px;
	left: 0;
	}
.entry-title:after,.widget-title:after {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 0%;
	height: 0px;
	background: #fff !important;
	bottom: -9px;
	left: 0%;
	}

.page-title:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 0%;
	height: 0px;
	background: #fff !important;
	bottom: -9px;
	left: 0%;
	}

.single-post .entry-footer {
	display: none ;
	}
.single-post .post-navigation {
	display: none ;
	}



body,.site-content,.container {
	background-size: cover !important ;
	}

.entry-content {
	line-height:180% !important;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	}

a {
	color:#cd5e3c;
	}
a:hover {
	color:#ec6d71;
	}

img {
  transition: 0.5s;
}
a img:hover {
  opacity: 0.75;
  transition: 0.5s;
}


.navbar-brand {
	height:auto !important;
	width: auto !important ;
	}
.navbar-brand img {
	width: auto !important ;
	height: auto !important;
	zoom: 0.7 ;
	}
*::-ms-backdrop, .navbar-brand {
	width: 200px !important ;
	}
*::-ms-backdrop, .navbar-brand img {
	zoom: 0.9 ;
	}

@media screen and (max-device-width: 736px) {
	.navbar-brand img {
		width: 200px !important ;
		}
	}


.navbar,.navbar-nav,.menu-item,menu-item-type-custom,.menu-item-object-custom {
	font-size:13px !important;
	background:#fff;
	border: 0 !important;
	}
.navbar a,.navbar-nav a,.menu-item a,menu-item-type-custom a,.menu-item-object-custom a {
	font-size:13px !important;
	color: #111 !important;
	}

.navbar img {
	margin: 0 !important;
	padding: 0 !important;
	}

.navbar nav {
	margin: 20px 0 5px !important;
	}
.navbar a:hover {
	color:#ec6d71 !important;
	}
.navbar li {
	margin: 5px 10px !important;
		}
.sub-menu li {
	border-bottom: 1px solid #eee !important;
	}
.sub-menu li a {
	font-size: 13px !important;
	padding: 0.3em 0.2em !important;
	margin: 0 !important;
	}

@media screen and (max-width: 990px) {
	nav img {
		zoom: 0.7 !important;
		}
	}



footer {
	background: #fff !important;
	}
footer .container {
	padding: 40px 20px ;
	}

.freedial {
	max-width: 570px ;
	clear: both;
	margin: 0 auto !important;
	text-align: center ;
	}
.freedial ul {
	clear: both;
	margin: 2em 1em;
	}
.freedial ul li {
	font-size: 13px;
	text-align: left;
	}

footer .name {
	font-size: 20px;
	font-weight: bold;
	margin-right: 1em ;
	line-height: 180%;
	}
footer .address {
	line-height: 180%;
	}
footer .cr {
	clear: both;
	font-size: 12px;
	margin-top: 20x;
	}

footer .onlineshop {
	margin: 20px 10px ;
	width: 100px;
	}
footer .onlineshop:hover {
	width: 150px;
	}


.map {
	margin-top: 50px;
	}

.focus,.our-team,.about-us,.testimonial { display: none !important;}