@charset "utf-8";
/* CSS Document */
/*全体の設定
---------------------------------------------------------------------------*/


body {
	color: #666;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
	background-image:url(../images/paper-bg-07.png);
}


h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse: collapse;
	font-size: 100%;
	border-spacing: 0;
}

@media screen and (min-width:481px) {
main{
	width:960px;
	margin:0 auto;
}
}
a:hover{
	opacity:0.7;
}

hr{
        background-color: #038301;
        height: 3px;
    }


/*header
---------------------------------------------------------------------------*/
header h1{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}


@media screen and (min-width:481px) {
header{
	width:960px;
	margin:0 auto;
}
}
#nav{
	background-color:#339900;
	height:50px;
	clear:both;

}

@media screen and (min-width:481px) {
#nav ul{
	width:960px;
	margin:auto;
}
}
#nav ul li a{
	float:left;
	text-align:center;
}

header p{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	font-weight:bold;
	color:#000;
	float:left;
	height:100px;
	line-height:40px;
	margin-left:10px;
	margin-top:0.4em;
}

/*new*/
/*ブロック全体の設定*/
#new01{
	margin: 0 auto;
    width: 90%;
}

#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 40px;	/*ブロックの高さ*/
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/
	padding-left: 8em;
}


/*company*/
#company{
	margin-top:20px;
}

/*#history{
	margin-bottom:20px;
}*/

#history img{
	float:left;
	margin:10px;
}

#history p{
	width:640px;
	float:right;
	margin-top:10px;
}


/*privacy*/
#privacy{
	width:750px;
	text-align:left;
}

#privacy h3{
	margin-top:20px;
}

/*追加*/

@media(min-width:481px){
.smart-nav{
        display: none !important;
    }
}
@media(max-width:480px){
#nav{
        display: none !important;
    }
}

.midashi1{
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-align: center;
    width: 93%;
    margin: 10px auto;
        clear: both;
}

/*topitem
---------------------------------------------------------------------------*/
#item01{
	
	width:700px;
    height: 350px;
    margin: 0 auto;
}

#item01 img{
    float: left;
}

#item02 img{
    float: left;
}

#item01 p{
    position: relative;
    top: -35px;
    left: 10px;
    width: 700px;
}

#item02 p{
    position: relative;
    top: -35px;
    left: 10px;
    width: 700px;
}


#item01 a{
	background-color: #000;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	padding:5px;
}

#item02{

	width:700px;
    height: 350px;
    margin: 0 auto;
}

#item02 a{
	background-color: #000;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	padding:5px;
}



/*recipe
.box1{
	float: left;
	height: 300px;	
	width:275px;	
	margin-bottom: 1em;	
	margin-left: 10px;
	margin-right:10px;
	padding: 12px;		
	font-size: 11px;	
	line-height: 1.6;	
	background-color:#FFF;
	-moz-box-shadow: 1px 1px 3px #666666;
	-webkit-box-shadow: 1px 1px 3px #666666;
-o-box-shadow: 0 0 5px #555;
-ms-box-shadow: 0 0 5px #555;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
  border-radius: 10px;
}

.box1 a{
	margin-left:60px;
}

.box1 img{
	  border-radius: 10px;
}

.box1 p{
	font-size:13px;
	}
	
----------*/

#recipe_t a{
	background-color: #000;
	color:#FFF;
	text-decoration:none;
	font-size:16px;
	padding:7px;
}

#recipe_t{
	margin-bottom:20px;
}


/*review*/
#review01{
	width:200px;
	float:left;
	margin-left:10px;
}

#review01 img{
	margin-bottom:20px;
}

#review01 p{
    background-image:url(../images/review2_02.png);
    background-repeat: no-repeat;
    height: 160px;
    padding: 10px 3px 3px 10px;
    line-height: 1.6em;
}



/*main-left*/
#left{
	width:750px;
	float:left;
}




/*テーブル１
---------------------------------------------------------------------------*/
.table01 {
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
}
.table01 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}

/*テーブル2*/
.table02{
	margin-top:20px;
	text-align:center;
	width:480px;
	float:left;
}

.table02 th{
	width: 140px;
	padding: 10px;
	text-align: center;
	background-color: #f1f1f1;
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/

}

.table02 td{
	padding: 10px;
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	background-color:#FFF;
	line-height: 2;
}

	

/*テーブル内の右側*/
.table01 td{
	padding: 10px;
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
	background-color:#FFF;
}
/*テーブル内の左側の見出し部分*/
.table01 th{
	width: 140px;
	padding: 10px;
	text-align: center;
	background-color: #f1f1f1;	/*背景色*/
	
}
/*テーブル１行目に入った見出し部分*/
.table01 th.tamidashi{
	width: auto;
	text-align: left;
	background-color: #bebebe;	/*背景色*/
}
/*テーブルのキャプション設定*/
.table01 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}
/*ボタンの設定*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border-radius: 30px;	/*角丸のサイズ*/
	background-color: #e5e5e5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e5e5e5);	/*同上*/
	background-image: linear-gradient(#FFF, #e5e5e5);			/*同上*/
	-webkit-box-shadow: 1px 2px 7px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 1px 2px 7px #ccc;			/*同上*/
	font-size: 16px;	/*文字サイズ*/
	letter-spacing: 0.1em;
	border: 1px solid #999;	/*枠線の幅、線種、色*/
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFF));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#e5e5e5, #FFF);	/*同上*/
	background-image: linear-gradient(#e5e5e5, #FFF);			/*同上*/
}
/*こだわりアイコンのフロート指定(CMS用)*/
.ta1 td .specialbox {
	float: left;
	width: 95px;
	height: 40px;
}
.ta1 td .specialbox img {
	vertical-align: middle;
}

.tokutei h3{
	text-align:center;
}


#form{
	margin-top:20px;
	margin-bottom:20px;
    text-align: center;
}
@media screen and (min-width:481px) {
#formWrap {
	width:960px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
}

#formWrap p{
	margin-top:20px; 
}

/*table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}*/

/*@media screen and (max-width:48opx) {

}*/

/*お問い合わせ*/
.Form {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
@media screen and (max-width: 480px) {
  .Form {
    margin-top: 40px;
  }
}
.Form-Item {

  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) {
  .Form-Item {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    width: 97%;
  }
}
.Form-Item:nth-child(5) {

}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #ED1A3D;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #fff;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #fff;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #545454;
  color: #555;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 480px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}

/*プライバイシーポリシー*/
#privacy{
	width:750px;
	text-align:left;
}

#privacy h3{
	margin-top:20px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #e6e6e6);	/*同上*/
	background: linear-gradient(#FFF, #e6e6e6);			/*同上*/
	font-size: 100%;
	color: #008A3B;		/*文字色*/
	padding: 4px 15px;	/*左から、上下、左右への余白*/
	border: 1px solid #d4d4d4;		/*線の幅、線種、色*/
	border-radius: 6px;	/*角丸のサイズ*/

}

#link01{
	text-align:right;
	float:right;
	margin-top:10px;
	font-size:16px;
	color:#CD0000;
	font-weight:bold;
	margin-bottom:10px;
}

.kouka{
	width:450px;
	height:330px;
	float:left;
	margin-right:20px;
	margin-left:10px;
	margin-top:10px;
}

.kouka2{
	width:450px;
	height:270px;
	float:left;
	margin-right:20px;
	margin-left:10px;

}

.kouka3{
	width:450px;
	height:270px;
	float:left;
	margin-left:10px;

}

#kome{
	clear:both;
	margin-bottom:20px;
}

#text img{
	width: 300px;
	margin: 10px;
	float: left;
}

#text p{
	float: right;
	width: 640px;
	margin-top: 10px;
}

/*レシピ
.recipe{
	width:470px;
	height:400px;
	float:left;
	margin-right:5px;
	margin-left:5px;
}


.recipe h3{
	background-image:url(../images/titleber03.png);
	background-repeat:no-repeat;
	width:auto;
	height:51px;
	color:#FFF;
	padding-top:5px;
	padding-left:5px;
}

*/

.r_text{
	width:150px;
	height:auto;
	float:right;
	padding-right:50px;
}

.z_text{
	background-color:#FFFE85;
	padding-left:5px;
}



.recipe img{
	width:250px;
	height:190px;
}


/*footer*/
#link{
	margin-bottom:20px;
}

#footmenu{
	width:850px;
	margin:0 auto;
	clear:both;
}

#footmenu li{
	display: inline;
	padding: 0px 5px;
}

footer{
	clear:both;
	text-align: center;
}

/*トップへ戻るボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}