@charset "UTF-8";
/* CSS Document */
/*メインイメージ*/
#topmainimg{
	width:95%;
	height:auto;
	margin:0 2.5%;
}
#mainimg {
	clear: both;
	width: 95%;
	margin-left:2.5%;
	margin-right:2.5%;
	
}
#mainimg-2020 {
	clear: both;
	width: 95%;
	margin-left:2.5%;
	margin-right:2.5%;
	
}




/*----------鯛などのバナー部分ーーーーーーー*/
#banner-area{
	width:95%;
	margin:0 auto;
	padding:0;
}
#banner-area a{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#333;
	font-size:1em;
	text-align:left;
	display:inline-block;
	width:90%;

}
#banner-area h3 {
	font-size:2em;
	
	
	
}
#banner-area h3 a{
	width:90%;
	display:inline-block;
	
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	padding-top:10px;
	padding-left:2%;
	
}
#banner-area .top-banner-txt{
	text-align:left;
	padding-left:2%;
}


.top-banner-season {
	clear:both;
	background-repeat:no-repeat;
	margin: 0 auto 15px auto;
	width:100%;
	padding-bottom:10px;
	border:1px solid #AF9F94;
	background-color:#fff;
	box-sizing:border-box;
}
.top-banner-season.spring {
	background-image: url(../../img/top/2018/top-summer1.jpg);
	background-position: left;
}

.top-banner-season.promotion {
	background-image: url(../../img/special/promotion/top-promotion1.jpg);
	background-position: left;
}

.top-banner-season.osechi {
	background-image: url(../../img/top/2018/top-osechi.jpg);
	background-position:left;
}


.top-banner2{
	width: 100%;	
	padding-bottom:10px;
	margin: 0 auto 15px auto;
	border:1px solid #AF9F94;	
	background-repeat:no-repeat;
	background-position:left;	
	background-color:#fff;
	box-sizing:border-box;
}
.top-banner2.tai{
	background-image:url(../../img/top/201606/tai-topbg.jpg);
}
.top-banner2.okuizome{
	background-image:url(../../img/top/201606/okuizome-top.jpg);
	
}
.top-banner2.takumi{
	background-image:url(../../img/top/2021/top_banner_takumi.jpg);
}
.top-banner2.yururi{
	background-image:url(../../img/top/2021/top_banner_yururi.jpg);
	
}
.top-banner2.hako{
	background-image:url(../../img/top/201606/hako-shinkansenbg.jpg);
}
.top-banner2.hoji{
	background-image:url(../../img/top/2018/top-hoji1.jpg);
}
.top-banner2.temari{
	background-image:url(../../img/top/201606/temari-topbg.jpg);	
}
.top-banner2.dashi{
	background-image:url(../../img/top/201606/dashimaki-top.jpg);	
}

.top-banner2.hare {
	background-image:url(../../img/top/201606/ebimeshi-topbg.jpg);
}




.top-banner2-img{
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
}
.top-banner2-img img{
	padding:0;
	margin:0;
	width:100%;
}

/*----------鯛バナー終わり-------------------------*/
/*----------弁当、仕出し膳、オードブルバナー-----*/
.top-bento-shokado {
	clear:both;
	background-repeat:no-repeat;
	margin: 0 auto;
	width:100%;
	padding-bottom:10px;
	border:1px solid #AF9F94;
	background-color:#fff;
	box-sizing:border-box;
}
.top-bento-shokado.shokado{	  	
background-image:url(../../img/top/2018/top-shokado1.jpg);
background-position:left top;
}
.top-bento-shokado.bento{	  	
background-image:url(../../img/top/2018/top-orizume1.jpg);
background-position:left;
}
.top-bento-shokado.horsd{	  	
background-image:url(../../img/horsd/set/pagetopimg1.jpg);
background-position:left;
}
.top-bento-shokado.omotenashi{	  	
background-image:url(../../img/top/2020/omotenashi-3.jpg);
background-position:left top;
}
.top-bento-shokado.omotenashispring{	  	
background-image:url(../../img/top/2021/omotenashi-6.jpg);
background-position:lef top;
}	
.top-bento-shokado.takeout2021{	  	
background-image:url(../../img/takeout/topbanner-pc.jpg);
background-position:left top;
}
.top-bento-shokado.osechi{	  	
background-image: url(../../img/top/2018/top-osechi.jpg);
	background-position:left;
}

.top-bento-shokado.noukai {
	background-image:url(../../img/top/2021/miyabi-topbg.jpg);
		background-position:top left;
}


#orizume-nav {
  list-style: none;
  overflow: hidden;
  margin-bottom:15px;

}

#orizume-nav li {
  width:33%;
  text-align: center;
 background-color:#404201;
  float: left;
  margin-right:0.5%;
  margin-bottom:5px;
	height:35px;
	line-height:35px;

}
#orizume-nav li.right{
	  float:right;
 margin-right:0;
}
#orizume-nav li a {
  text-decoration: none;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#orizume-nav li:hover{
	opacity: 0.8;
}


#shokado-nav {
  list-style: none;
  overflow: hidden;
  margin-bottom:15px;
}

#shokado-nav li {
  width:49.5%;
  text-align: center;
background-color:#670001;
  float: left;
  margin-bottom:5px;
	height:35px;
	line-height:35px;
}

#shokado-nav li a {
  text-decoration: none;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#shokado-nav li:hover{
	opacity:0.8;
}


#horsd-nav {
  list-style: none;
  overflow: hidden;
  margin-bottom:15px;
}
#horsd-nav li {
  width:33%;
  text-align: center;
  background-color:#BA553A;
  float: left;
  margin-right:0.5%;
  margin-bottom:5px;
	height:35px;
	line-height:35px;
}
#horsd-nav li a {
  text-decoration: none;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#horsd-nav li:hover{
	opacity:0.8;
}
#horsd-nav li.right{
	  float:right;
 margin-right:0;
}


#omotenashi-nav {
  list-style: none;
  overflow: hidden;
  margin-bottom:15px;
}
#omotenashi-nav li {
  width:33%;
  text-align: center;
  background-color:#6D6918;
  float: left;
  margin-right:0.5%;
  margin-bottom:5px;
	height:35px;
	line-height:35px;
}
#omotenashi-nav li a {
  text-decoration: none;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#omotenashi-nav li:hover{
	opacity:0.8;
}
#omotenashi-nav li.right{
	  float:right;
 margin-right:0;
}

/*----------弁当、仕出し膳、オードブル、おもてなし重おわり-----*/

.top_banner_undertxt{
	font-size: 0.875em;
}
.contentsimgbox {
	width:95%;
	margin-bottom: 25px;
	overflow: hidden;
	margin:0 auto;
	}

.contentsimgbox .listbox_left h3{
	margin-bottom: 15px;
	text-align: center;
	width: 100%;
	padding: 5px 0;
}
	
.contentsimgbox .listbox_left h3  a {

	color: #FFF;
	text-decoration: none;
	padding: 4px 0;

}



.contentsimgbox img{
	width: 100%;
	height: auto;
	max-width: 600px;
}
.subdesc{
	display:none;
}

.listbox_right{
	font-size:0.9em;
	text-align:center;
	padding-bottom:20px;
	
}

/*------------------各弁当へのリンク------------------*/
.small_list {
	width: 95%;
	margin-bottom: 30px;
	clear: both;
	overflow:hidden;
	margin-left:2.5%;
	margin-right:2.5%;

}
.small_list a{
	disply: inline-block;
	width: 49%;
	float: left;
	color: #fff;
	margin-bottom: 10px;
	padding-top: 3px;
	line-height: 1.45em;
	text-align: center;
	font-size: 12px;
}
.small_list a:hover{
	opacity:0.8;
	filter:opacity(0.8);
	
}


 .small_list a.two{	
	float:right;	
}	
.small_list a.four{	
	float:right;	
}
/*------------------各弁当へのリンク2------------------*/




 .toppage_list{
	width:100%;
	margin: 0 0 30px;
	clear: both;
	overflow:hidden;
}


.toppage_list li{
	width: 48.5%;
	float: left;
	font-size:14px;
	line-height:1.4em;
	padding-top:5px;
	padding-bottom:5px;
}

.toppage_list li.two{
	width: 48.5%;
	float:right;
}
.toppage_list li:hover{
	opacity:0.8;
	filter:opacity(0.8);
}

/*---------更新情報枠 -----------------*/
#news .newstable {

	width:95%;
	margin:0 auto 15px;
	font-size:13px;
	color: #6D5949;
	border-collapse:collapse;
	border:1px solid #AF9F94;
	line-height:1.56em;
	
}
#news .newstable .headline {
	color: #fff;
	background-color: #6D5949;
	text-align: left;
	padding:6px 0 6px 15px;
}
#news .newstable  td.hiduke {
	border-left: 1px solid #AF9F94;
	width:26%
}
#news .newstable  td.koumoku {
	
	display:none;
}

#news .newstable  td{
	border-bottom: 1px solid #AF9F94;
	text-align:left;
	padding-top: 5px;
	padding-right: 2%;
	padding-bottom:5px;
	padding-left: 2%;
	border-right: 1px dotted #AF9F94;
  	background: #FFFFFF;
}


@media only screen and (min-width:430px) {
	.top_banner_undertxt{
	font-size:1em;
}
}
@media only screen and (min-width:600px) {
	.top-banner2{
	
	background-position:right;
}

.top-banner-ouchi {
	
	background-position:right;
	
}
.top-bento-shokado.omotenashi{	  	
background-image:url(../../img/top/2020/omotenashi-4.jpg);
background-position:left top;
}

}

@media only screen and (min-width:780px) {
	/*メインイメージ*/
#topmainimg{
	display:none;
}
#mainimg {
	clear: both;
	width: 98%;
	border: 1px solid #888;
	margin-bottom: 30px;
	background-image: url(../../img/top/2021/top-pc.jpg);
	background-position: left top;
	height: 283px;
	padding-left: 15px;
	margin: 0 0 30px;
	background-repeat:no-repeat;
}
#mainimg-2020 {
	clear: both;
	width:95%;
	border: 1px solid #888;
	margin-bottom: 30px;
	background-image: url(../../img/top/2020/top-pc-utage-700-2.jpg);
	background-position: left bottom;
	height: 283px;
	padding-left:5%;
	margin:0 auto 30px;
}

h1#topmaintxt{
	text-align:left;
	font-size:1.2em;
	width:55%;
	line-height:1.75em;
}
h1#topmaintxt .lrgr{
	font-size:2em;
	letter-spacing: 3px;
	line-height:2em;
	
}


.txtalgnlft{
	text-align:left;
}


.waku {
	width:100%;
	margin:0 0 20px;
	
}

.waku h3{
	padding: 10px;
	font-size: 14px;
	line-height: 1.45em;
	
}
/*ーーーーーーーお知らせーーーーー*/
#news .newstable{
	width:100%;
}
#news .newstable  td{
	padding-top: 5px;
	padding-right: 1%;
	padding-bottom:5px;
	padding-left:1%;
}
#news .newstable  td.hiduke {

	width:12%
}



/*----------鯛などのバナー部分ーーーーーーー*/
#banner-area{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.top-banner-season.spring {
	background-position:left;
	background-image:url(../../img/top/2018/top-spring1.jpg);
}
.top-banner-season.promotion {
	background-image: url(../../img/special/promotion/top-promotion2.jpg);
	background-position: right;
}

.top-banner2{
	width:49%;
	padding-bottom:10px;
	background-position:left;
}
.top-banner2-img{
	width:49%;
	padding:0 0 10px;
	
}
.top-banner2-img.left{
	float:left;
	margin:0 1.5% 0 0;
}
.top-banner2-img.right{
	float:right;
	margin:0;
}
.top-banner2.clear{
	clear:both;
}
.top-banner2.tai{
	margin: 0 2% 15px 0;
	float:left;
}
.top-banner2.okuizome{
	margin: 0 0 15px 0;
	float:right;
}
.top-banner2.hoji{
	margin: 0 0 15px 0;
	float:right;
}
.top-banner2.temari{
	margin: 0 0 15px 0;
	float:right;
}
.top-banner2.hako{
	margin: 0 0 15px 0;
	float:right;
}
.top-banner2.dashi{
	margin: 0 0 15px 0;
	float:right;
}
.top-banner2.hare{
	margin: 0 2% 15px 0;
	float:left;
}
.top-banner2.takumi{
	margin: 0 2% 15px 0;
	float:left;
}
.top-banner2.yururi{
	margin: 0 0 15px 0;
	float:right;
}
.top-banner-season.kodomo {
	background-image:url(../../img/special/tangonosekku2018/kodomonohi-topbg2.jpg);
	background-position:left;
}


.top-bento-shokado.shokado{	  	
background-image:url(../../img/top/2018/top-shokado2.jpg);
background-position:left top;
}
.top-bento-shokado.bento{	  	
background-image:url(../../img/top/2018/top-orizume2.jpg);
background-position:left bottom;
}
.top-bento-shokado.omotenashispring{	  	
background-image:url(../../img/top/2021/omotenashi-6.jpg);
background-position:left top;
}
.top-bento-shokado.takeout2021{	  	
background-image:url(../../img/takeout/topbanner-pc.jpg);
background-position:left top;
}	


/*----------各カテゴリ部分ーーーーーーー*/
 .contentsimgbox{
	width:100%;
	margin:0;
	padding:0 0 20px 0;
	overflow:hidden;
	clear:both;
}
.listbox_left {
	float: left;
	width: 48%;
	margin:0 5% 0 0;
	paddng:0;
	
}
.contentsimgbox .listbox_left h3{
	text-align:left;
	padding: 5px 0 5px 15px;
	font-size:1em;
	
	
}
,contentsimgbox img{
	margin-right:10%;
}
.contentsimgbox .listbox_left h4{

}
.contentsimgbox .listbox_left h3  a {
	
	
	padding: 4px 0;

}
.subdesc{
	display:block;
	padding:10px;
	font-size:1em;
	line-height:1.45em;
	text-align:left;
	color:#333;
}



 .listbox_right {
	float:right;
	width:47%;
	margin:0;
	padding: 20px 0 0 0;
	text-align:right;
}


/*------------------各弁当へのリンク------------------*/




 .small_list {
	width:100%;
	margin-bottom: 30px;
	clear: both;
	overflow:hidden;
	margin-left:0;
	margin-right:0;
}


.small_list a{
	width:24%;
	float:left;
	margin-right:1.25%;
	font-size: 14px;
}

 .small_list a.two{
	float:left;
	margin-right:1.25%;	
}	
 .small_list a.three{
	float:left;
	margin-right:1.25%;
	
}
.small_list a.four{
	float:right;
	margin:0;
	
}

	

}


@media only screen and (min-width:860px) {
.top-banner-ouchi {
	
	background-position:right;
	
}

h1#topmaintxt{
	width:60%;	
}

}
@media only screen and (min-width:960px) {
#mainimg-2020 {
	background-image: url(../../img/top/2020/top-pc-utage-700.jpg);
	background-position:right bottom;
	height: 350px;
}
#mainimg {
	background-position:right bottom;
}
h1#topmaintxt{
	width:50%;
	font-size:1.2em;
}


.top-banner-season.kanreki {
	background-image:url(../../img/special/kanreki-bento/kanrekibento-topage.jpg);
	background-position:right bottom;
}
.top-bento-shokado.horsd{	  	
background-image:url(../../img/horsd/set/pagetopimg1.jpg);
background-position:right;
}
	.top-bento-shokado.omotenashi{	  	
background-image:url(../../img/top/2020/omotenashi-4.jpg);
background-position:left top;
}
.top-bento-shokado.noukai {
background-position:top right;
}

}
@media only scren and (min-width:1200px){

}
