@charset "UTF-8";
/* トップページの設定 ------------*/
body {
	color: #444;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 85%;
	line-height: 1.6;
	border-top: 5px solid #c39156;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 900px; 
	margin: 0 auto;
	margin-top :10px; 
/*	background: #fff;*/
	padding-bottom: 10px;
	}

header#top {
	width: 900px;
	height: 450px;
	background:url(../images/logo2.png) 480px 35px no-repeat;
}
header#key {
	width: 900px;
	height: 190px;
	background:url(../images/logo2.png) 480px 35px no-repeat;
}	
header h2 {
	position: absolute;
	top : 100px;
	left: 270px;
	z-index: 11;
	font-size: 150%;
}
header h3 {
	position: absolute;
	top : 70px;
	left: 270px;
	z-index: 11;
	font-size: 110%;

}
header p#tel {
	position: absolute;
	font-size: 150%;
	top : 40px;
	left: 600px;
	z-index: 11;

}

header p#add {
	position: absolute;
	top : 80px;
	left: 600px;
	z-index: 11;
}

header p img {
	margin-left: 30px;
}


/* ボタン全体 */
.flowbtn{
font-family:'Arial',sans-serif;/* 好きなフォントを指定してね */
border-radius:4px;
position:relative;
display:inline-block;
width:66px;
height:58px;
font-size:30px;
color:#fff!important;
transition:.5s;
text-decoration:none;
box-shadow:0 1px 2px #999;
}
.flowbtn i{
position:relative;
bottom:5px;
}
/* Twitter */
.fl_tw1{
background:#000000;
}

/* Instagram紫グラデ背景 */
.insta_btn1{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景 */
.insta_btn1:before{
content: '';
position:absolute;
top:33px;
left:-20px;
width:80px;
height:50px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
/* ボタン内テキスト調整 */
.flowbtn div{
font-size:11px;	
font-weight:bold;
letter-spacing:0;
position:relative;
bottom:10px;
}

/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン全体の位置調整 */
.snsbtniti{
position:absolute;
top : 20px;
left: 825px;
z-index: 11;

display:block;
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白調整 */
.snsbtniti li{
flex:0 0 33%;
text-align:center!important;
}

/* ボタンマウスホバー時 */
.flowbtn:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}

.fa-twitter::before,
.fa-twitter-square::before {
font-family: vk_sns;
content: “\e606”;
}





#slideshow {
   position: relative;
   width:  900px;
   height: 280px; 
   margin-bottom: 40px ;
}   

#slideshow img {
   position: absolute;
   top: 10px;
   left:-20px;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}

/* 下記のナビのCSSは、「recipe.html」専用
　　他のナビは「style.css」で設定 */ 
nav ul {
	overflow: hidden;
}

nav ul li {
	float:left;
	width: 127px;
	height: 40px;
	line-height:20px;
	text-align:center;
	background:#4f2f09;
	border-right: solid 1px #fff;
}
nav ul li:first-child {
	width: 131px;
}
nav ul li a {
	display: block;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	font-size: 120%;

}

nav li a:hover {
	background: #c39156;
}


main section {
	overflow: hidden;
	width: 560px;
	height: 650px;
}

/*main section#concept {
	background:url(../images/omise.jpg) 330px 250px no-repeat;
	float: right;
}*/

main section#concept h1{
	width:520px;
	height:40px;
	font-size:110%;
	line-height:40px;
	padding-left:20px;
	border-left:10px solid #e23e1e;
	border-bottom: 1px solid #444;
}

main section#concept p {
	padding: 10px 0px 0px 40px;
	line-height :30px;
}
section#new h1{
	width:280px;
	height:40px;
	font-size:110%;
	line-height:40px;
	padding-left:20px;
	border-bottom: 1px solid #444;
	border-left:10px solid #5da057;
	margin-bottom: 10px;
}

section#new dl {
	padding: 0px 0px 10px 40px;
}

section#new dd {
	width: 260px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #444;
}

section#cock h1{
	width:280px;
	height:40px;
	font-size:110%;
	line-height:40px;
	padding-left:20px;
	border-bottom: 1px solid #444;
	border-left:10px solid #c39156;
	margin-bottom: 10px;
}
section#cock p {
	line-height :25px;
	padding-left:10px;
	margin-bottom:10px;
}

footer {
	clear: both;
	height: 150px;
	border-top: 5px solid #c39156;
	background:url(../images/logo3.png) center 35px no-repeat;
}



#footer_in {
	width: 900px;
	margin: 0 auto;
	height: 35px;
}


footer ul{
	font-size: 80%;
	text-align: center;
	padding: 10px 0px 40px 0px;
}

footer ul li {
	display: inline;
	padding: 0 15px 0 15px;

}

footer ul li a:hover {
	background: #ece9f0;
}


ul.snsbtniti2{
padding:0!important;
}

/* ボタン全体の位置調整 */
footer ul.snsbtniti2{
position:relative;
margin-top: 0;
display: flex;
justify-content: center;
}

/* ボタン同士の余白調整 */
.snsbtniti2 li{
flex:0 0 15%;
text-align:center!important;
}



.flowbtn:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
text-decoration:none;
}

footer p {
	margin-top: 0px;
	text-align: center;
}

footer #shopname {
	font-size: 110%;
}

footer #copyright {
	margin-top: 0px;
}
/* ENDトップページの設定 END------------*/
.page-top {
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right:  20px ;
	bottom: 20px ;
}
.move-page-top {
	display: block ;
	background: #c39156 ;
	width: 50px ;
	height: 50px ;
	border-radius: 10px;
	color: #fff ;
	font-size:150% ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover {
	opacity: 0.85 ;
}
.page-top {
	display: none ;
}
/* ENDトップへ戻る設定 END------------*/

/* recipe　------------*/

main section {
	width: 900px;
	margin: 10px;
	overflow: hidden;
}

main section#recipe ul {
	overflow: hidden;
	padding-left:15px;
}
main section#recipe ul li {
	float:left;
	width: 150px;
	height: 40px;
	list-style-type: square;
}
main section h1 {
	width:840px;
	height:40px;
	font-size:110%;
	line-height:40px;
	padding-left:20px;
	border: 1px solid #444;
	border-left:10px solid #e23e1e;
}
main section h2 {
	line-height:40px;
	padding-left:20px;
}

main section dl {
	width: 250px;
	height: 300px;
	border: 1px solid #111;
	border-radius: 10px;
	float: left;
}
main section dt,dd {
	padding-left: 20px;
}
main section dt {
	font-size : 120%;
	padding: 10px 0px 10px 20px;
}
main section#recipe h3 {
	width: 100px;
	height: 70px;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 70px;
	border-radius: 70px;
	background-color:#324b26;
	position: absolute;
	top : 375px;
	left: 300px;
}
main section#recipe2 h3 {
	width: 100px;
	height: 70px;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 70px;
	border-radius: 70px;
	background-color:#324b26;
	position: absolute;
	top : 1000px;
	left: 300px;
}
main section#recipe3 h3 {
	width: 100px;
	height: 70px;
	font-size: 130%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 70px;
	border-radius: 70px;
	background-color:#324b26;
	position: absolute;
	top : 1600px;
	left: 300px;
}
main section ol {
	width: 550px;
	height: 300px;
	float: right;
	margin: 30px 50px 0px 0px;
}
main section#recipe3 ol {
	width: 550px;
	height: 300px;
	float: right;
	margin: -40px 50px 0px 0px;
}
main section li {
	list-style-type: decimal;
	line-height: 40px;
}

main section p {
	clear: both;
	padding-left: 50px;
}
main section p img {
	margin-left: -10px;
}
main section#recipe {
	background:url(../images/curry.png) 550px 130px no-repeat,
		   url(../images/color.png) 350px 150px no-repeat;
}

main section#recipe2 {
	background:url(../images/chicken.png) 480px 80px no-repeat,
		   url(../images/color2.png) 350px 100px no-repeat;
}
main section#recipe3 {
	background:url(../images/chai.png) 80px 380px no-repeat;
}

main section#recipe2 li:first-child {
	list-style-type: none;
}
main section#recipe2 li:nth-child(2){
	list-style-type: none;
}
main section#recipe2 li:nth-child(3) {
	list-style-type: none;
}