@charset "utf-8";
/* CSS Document */

#slideshow {
   position:relative;
   width:100%;
   height:610px;
}
#slideshow li {
   position:absolute;
   height:610px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
}


.mainview{
	position: relative;
	top: -610px;
	padding-top: 35px;
	margin-bottom: -555px;
	}

#index-bnr{
	display: block;
	width: 1000px;
	margin: 50px auto 0;
	}
#index-bnr img {
}
.index-news{
	position: relative;
	font-size: 1.375rem;
	text-align: center;
	margin-top: 4rem;
	z-index: 100;
}
.top-info{
        margin: 8.5em auto 0;
        border: 1px solid #ab8861;
        max-width: 820px;
}
.top-info p{
       text-align: center;
       padding: 10px;
}

.top-info p a{
       color:#fff;
       
}

.top-info02{
        margin: 1em auto 0;
        border: 1px solid #ab8861;
        max-width: 820px;
}
.top-info02 p{
       text-align: center;
       padding: 10px;
}

.top-info02 p a{
       color:#fff;
       
}

.btn-deli{
       position: relative;
       font-size: 1.5rem;
       text-align: center;
       z-index: 100;
       margin-top: 1rem;
}
.btn-deli a{
        color: #ffff;
        text-decoration: none;
        background: #670001;
        padding: .5rem 5rem;
        border-radius: 20px;
}
.btn-deli a:hover{
        opacity:0.7;
}
.concept{
	height: 165px;
	text-align: center;
	background-image: url(../img/bg-concept.png);
	background-position: center top;
	background-repeat: no-repeat;
	/*↓バナーない時だけ*/
	margin: 80px auto 30px;
	/*↑バナーない時だけ*/
	padding: 20px 100px 0;
	}
.concept h2{
	font-size: 29px;
	text-align: center;
	margin-bottom: 10px;
	}
.open-text{
	font-size: 2rem;
}
.btn-open-ban{
	display: block;
	width: 30rem;
	color: #fff;
	text-decoration: none;
	background: #ad1f1f;
	border-radius: .5rem;
	padding: .5rem;
	margin: 1rem auto;
}
.btn-open-ban:hover{
	background-color: #d21313;
}
.concept ol{
	display: inline-block;
	font-size: 18px;
	list-style-type: none;
	text-align: left;
	margin: 0 auto;
	}
.concept ol li:first-child:before{
	content: "一、";
	}
.concept ol li:last-child:before{
	content: "二、";
	}
	
.sub_concept{
	display: block;
	width: 1000px;
	margin: 0 auto;
	font-size: 18px;
	/*↓バナーない時だけ*/
	text-align: center;
	margin-bottom: 80px;
	/*↑バナーない時だけ*/
}
	
/* =======================================
    おすすめ料理
======================================= */
.pickup01,
.pickup02{
	width: 100%;	
	position: relative;
	overflow: hidden;
	}	
.pickup01{
	height: 400px;
	/*↓バナーある時だけ*/
	margin-top: 60px;
	/*↑バナーある時だけ*/
	margin-bottom: 45px;	
	}
.pickup02{
	height: 405px;
	margin-bottom: 45px;
	}
img.bg-pic01{
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -500px;
	z-index: 1;
	}
.pickup01 .contents,
.pickup02 .contents,
.pickup01 .contents *,
.pickup02 .contents *{
	position: relative;
	z-index: 100;
	}
.pic-text{
	float: right;
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;	
	font-size: 14px;
	line-height: 2;
	}
.pickup01 h2{
	width: 96px;
	height: 365px;
	margin: 0 20px 0 30px;
	}
.pickup01 p{
	margin-top: 50px;
	}
.pickup01 ul{
	margin-top: 55px;
	height: 295px;
	}
img.pic-img01{
	display: block;
	float: left;
	width: 602px;
	height: 395px;
	}

img.bg-pic02{
	position: absolute;
	left: 50%;
	top: 85px;
	margin-left: -1000px;
	z-index: 1;
	}
img.pic-img02{
	display: block;
	width: 506px;
	height: 385px;
	float: right;
	margin-left: 40px;
	}
.pickup02 h2{
	margin-left: 20px;
	}
.pickup02 .pic-text{
	margin-top: 40px;
	}
.pickup02 .pic-text p{
	margin-top: 70px;
	}
	