@charset "utf-8";
/*body*/
body {
	background-color:#fff;
}
/*ヘッダ*/
header {
	display:block;
}
/*ロゴ*/
header div {
	width:100%;
	display:table;
	padding:10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
header div h1 {
	display:table-cell;
}
header div h1 img {
	width:100px;
}
/*ログインボタン*/
header div p {
	display:table-cell;
	text-align:right;
}
header div p#loginId {
	display:none;
}
header div p a {
	font-size:80%;
	text-shadow:1px 1px 0px #fff,-1px -1px 1px #999;
	-webkit-text-shadow:1px 1px 0px #fff,-1px -1px 1px #999;
	-moz-text-shadow:1px 1px 0px #fff,-1px -1px 1px #999;
	background:url(/assets/images/login.png), #eeeeee; /* Old browsers */
	background:url(/assets/images/login.png), -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background:url(/assets/images/login.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background:url(/assets/images/login.png), -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background:url(/assets/images/login.png), -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background:url(/assets/images/login.png), -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background:url(/assets/images/login.png), linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter:url(/assets/images/login.png), progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	padding:5px 8px 5px 30px;
	border:solid 1px #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-attachment: scroll;
	background-repeat: no-repeat,repeat;
	background-position: 10% 40%, 0 0;
	background-size:18px 18px,auto;
	-webkit-background-size:18px 18px,auto auto;
	-moz-background-size:18px 18px,auto;
}
header div p a:hover{
	background:url(/assets/images/login.png),  #cccccc; /* Old browsers */
	background:url(/assets/images/login.png),  -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
	background:url(/assets/images/login.png),  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background:url(/assets/images/login.png),  -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background:url(/assets/images/login.png),  -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
	background:url(/assets/images/login.png),  -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* IE10+ */
	background:url(/assets/images/login.png),  linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%); /* W3C */
	filter:url(/assets/images/login.png),  progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background-attachment: scroll;
	background-repeat: no-repeat,repeat;
	background-position: 10% 40%, 0 0;
	background-size:18px 18px,auto;
	-webkit-background-size:18px 18px,auto auto;
	-moz-background-size:18px 18px,auto;
}
/*ヘッダ_ナビ*/
nav {
	display:block;
}
header nav ul {
	width:100%;
	display:table;
	table-layout:fixed;
	text-align:center;
}
header nav ul li {
	display:table-cell;
	border-style:solid;
	border-width:2px 1px 3px 1px;
	border-color:#ffcc99 #cc6600 #663300 transparent;
	border-collapse:collapse;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
header nav ul li:last-child {
	border-color:#ffcc99 transparent #663300 transparent;
}
header nav ul li a {
	color:#fff;
	font-size:70%;
	font-weight:bold;
	text-shadow:1px 1px 0px #993300;
	-webkit-text-shadow:1px 1px 0px #993300;
	-moz-text-shadow:1px 1px 0px #993300;
	background: #ff9933; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9933 0%, #ff6633 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9933), color-stop(100%,#ff6633)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9933 0%,#ff6633 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9933 0%,#ff6633 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9933 0%,#ff6633 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9933 0%,#ff6633 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933', endColorstr='#ff6633',GradientType=0 ); /* IE6-9 */
	display:block;
	line-height:35px;
}
header nav ul li a:hover {
	color:#663300;
	background: #ff6633; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6633 0%, #ff9933 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6633), color-stop(100%,#ff9933)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6633 0%,#ff9933 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6633 0%,#ff9933 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6633 0%,#ff9933 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff6633 0%,#ff9933 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6633', endColorstr='#ff9933',GradientType=0 ); /* IE6-9 */
}
/*会員登録*/
#top_entry{
	text-align:center;
	padding:10px 0;
}
#top_entry img{
	max-width:300px;
}
/*セクション*/
section {
	display:block;
}
/*記事*/
article {
	display:block;
}
/*見出し*/
h2 {
	color:#fff;
	font-weight:bold;
	line-height:35px;
	background-color:#cca17a;
	padding:0 0 0 10px;
}
h3 {
	color:#663300;
	font-size:90%;
	line-height:18px;
	padding:5px 10px;
	border-left:solid 8px #ff9933;
	border-bottom:solid 1px #ff9933;
}
h4 {
	color:#ff9933;
	font-size:90%;
	font-weight:bold;
	line-height:25px;
	padding:0 0 0 37px;
	background-attachment: scroll;
	background-image: url(/assets/images/star.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:20px 20px;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	/*
	text-shadow:1px 1px 1px #663300;
	-webkit-text-shadow:1px 1px 1px #663300;
	-moz-text-shadow:1px 1px 1px #663300;
	*/
}
h3+h4{
	margin:10px 0 0 0;
}
/*新着*/
.date {
	color:#fff;
	text-align:center;
	background-color:rgba(255,102,0,0.75);
	width:96%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	padding:5px 0;
	margin:2% 2% 0 2%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	letter-spacing: 0.25em;
}
#new_recipe {
	width:100%;
	padding:5px;
	overflow:hidden;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.new_recipe {
	font-size:70%;
	text-align:justify;
	width:50%;
	padding:5px;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.new_recipe a {
	text-align:center;
	width:100%;
	display:block;
	border:solid 1px #ffcc99;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;
}
.new_recipe a img {
	/*width:100%;*/
	width:135px;
	height:90px;
	/*max-height:195px;
	min-height: 89px;
	display:block;*/
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.new_item {
	color:#ff9933;
	font-size:120%;
	font-weight:bold;
	line-height:1.2;
	text-align:justify;
	text-overflow:ellipsis;
	white-space:nowrap;
	/*padding:5px 0;*/
	padding:5px 0 0 0;
	margin:5px 0 0 0;
	display:block;
	overflow:hidden;
	border-top:dashed 1px #ffcc99;
}
/*pickup*/
#pickup {
	font-size:80%;
	margin:10px;
}
#pickup a {
	display:block;
	line-height:15px;
	text-align:justify;
}
#pickup img {
	/*width:100%;*/
	width:300px;
	height:200px;
	display:block;
	margin:0 auto;
}
#pickup span {
	color:#ff9933;
	font-size:120%;
	font-weight:bold;
	text-align:justify;
	text-indent: 35px;
	line-height:23px;
	display:block;
	margin:5px 0;
	padding:5px 0;
	border-bottom:dashed 1px #ff9933;
	background-attachment: scroll;
	background-image: url(/assets/images/star.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	background-size:20px;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px;
}
/*検索*/
.recipe_contents {
	margin:10px 10px 0 10px;
}
/*検索_フリーワード*/
#search {
	width:100%;
	padding:10px 5px 0 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	overflow:hidden;
}
#search form p {
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#search form p:nth-of-type(1) {
	width:80%;
	padding:0 5px 0 0;
}
#search form p:nth-of-type(2) {
	width:20%;
}
#search form input[type="search"] {
	-webkit-appearance:none;
	width:100%;
	line-height:1.2;
	padding:8px 3px;
	border:solid 1px #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	vertical-align:middle;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-shadow:2px 1px 2px #ccc inset;
	-webkit-box-shadow:2px 1px 2px #ccc inset;
	-moz-box-shadow:2px 1px 2px #ccc inset;
}
#search form input[type="submit"],#search form input[type="submit"] ,#contact form input[type="submit"],#do_withdrawal form input[type="submit"],#entry form input[type="submit"],#buy form input[type="submit"]{
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 0px #993300;
	-webkit-text-shadow:1px 1px 0px #993300;
	-moz-text-shadow:1px 1px 0px #993300;
	width:100%;
	padding: 8px 3px;
	line-height: 1.2;
	background: #ff9933; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9933 0%, #ff6633 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9933), color-stop(100%,#ff6633)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9933 0%,#ff6633 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9933 0%,#ff6633 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9933 0%,#ff6633 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9933 0%,#ff6633 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933', endColorstr='#ff6633',GradientType=0 ); /* IE6-9 */
	border:solid 1px #ff6600;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	vertical-align:middle;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#search form input[type="submit"]:hover,#contact form input[type="submit"]:hover,#do_withdrawal form input[type="submit"]:hover,#entry form input[type="submit"]:hover,#buy form input[type="submit"]:hover{
	background: #ff6633; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6633 0%, #ff9933 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6633), color-stop(100%,#ff9933)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6633 0%,#ff9933 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6633 0%,#ff9933 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6633 0%,#ff9933 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff6633 0%,#ff9933 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6633', endColorstr='#ff9933',GradientType=0 ); /* IE6-9 */
}
/*検索_材料*/
#food {
	width:100%;
	display:block;
	padding:5px 0 0 0;
	overflow:hidden;
}
#food li {
	font-size:80%;
	width:33.3%;
	text-align:center;
	margin:auto;
	padding:5px;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#food li a {
	display:block;
	padding:5px;
	border:solid 1px #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#food li a img {
	width:100%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#food li a span {
	display:block;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	border-top:solid 1px #ccc;
}
/*検索_季節*/
#season {
	width:100%;
	text-align:center;
	padding:5px 0 0 0;
	table-layout:fixed;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#season tr td {
	padding:5px;
}
#season tr td a {
	font-size:80%;
	display:block;
	padding:5px;
	border:solid 1px #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#season tr td a img {
	width:60%;
}
#season tr td a span {
	display:block;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	border-top:solid 1px #ccc;
}
/*検索_カロリー+時間*/
#calorie {
	width:100%;
	font-size:80%;
	padding:10px 0 0 0;
	display:table;
	table-layout:fixed;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#time {
	width:100%;
	font-size:80%;
	padding:10px 0 10px 0;
	display:table;
	table-layout:fixed;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#calorie ul, #time ul {
	display:table-cell;
}
#calorie ul:nth-child(1), #calorie ul:nth-child(2), #calorie ul:nth-child(3), #time ul:nth-child(1), #time ul:nth-child(2), #time ul:nth-child(3) {
	border-right:dotted 1px #000;
}
#calorie ul li, #time ul li {
	width:100%;
}
#calorie ul li a, #time ul li a {
	text-align:center;
	line-height:30px;
	display:block;
}
/*フッタ*/
footer {
	background-color:#fff2e5;
	display:block;
}
/*サポートメニュー*/
footer ul {
	display:block;
	padding:5px 10px;
}
footer ul li {
	background-color:#fff;
	margin:5px 0;
	border:solid 1px #ffcc99;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
footer ul li:nth-child(1) {
	background-attachment: scroll;
	background-image: url(/assets/images/star.png), url(/assets/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center, 98% center;
	background-size:25px 25px, 16px;
	-webkit-background-size:25px 25px, 16px 16px;
	-moz-background-size:25px 25px, 16px;
}
footer ul li:nth-child(2) {
	background-attachment: scroll;
	background-image: url(/assets/images/agreement.png), url(/assets/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center, 98% center;
	background-size:25px 25px, 16px;
	-webkit-background-size:25px 25px, 16px 16px;
	-moz-background-size:25px 25px, 16px;
}
footer ul li:nth-child(3) {
	background-attachment: scroll;
	background-image: url(/assets/images/privacy.png), url(/assets/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center, 98% center;
	background-size:25px 25px, 16px;
	-webkit-background-size:25px 25px, 16px 16px;
	-moz-background-size:25px 25px, 16px;
}
footer ul li:nth-child(4) {
	background-attachment: scroll;
	background-image: url(/assets/images/law.png), url(/assets/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center, 98% center;
	background-size:25px 25px, 16px;
	-webkit-background-size:25px 25px, 16px 16px;
	-moz-background-size:25px 25px, 16px;
}
footer ul li:nth-child(5) {
	background-attachment: scroll;
	background-image: url(/assets/images/os.png), url(/assets/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center, 98% center;
	background-size:25px 25px, 16px;
	-webkit-background-size:25px 25px, 16px 16px;
	-moz-background-size:25px 25px, 16px;
}
footer ul li:nth-child(6) {
	background-attachment: scroll;
	background-image: url(/assets/images/mail.png), url(/assets/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center, 98% center;
	background-size:25px 25px, 16px;
	-webkit-background-size:25px 25px, 16px 16px;
	-moz-background-size:25px 25px, 16px;
}
footer ul li:nth-child(7) {
	background-attachment: scroll;
	background-image: url(/assets/images/logout.png), url(/assets/images/arrow.png);
	background-repeat: no-repeat;
	background-position: 8px center, 98% center;
	background-size:25px 25px, 16px;
	-webkit-background-size:25px 25px, 16px 16px;
	-moz-background-size:25px 25px, 16px;
}
footer ul li a {
	line-height:40px;
	padding:0 0 0 40px;
	display:block;
}
footer p {
	font-size:80%;
	text-align:center;
	padding:0 10px;
	margin:0 0 10px 0;
}
footer p a {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	padding:12px 0;
	display:block;
	border:solid 1px #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz--border-radius:5px;
}
footer p a:hover {
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
footer div {
	background-color: #ff9933;
	/*margin:10px 0 0 0;*/
	padding:10px 0;
	border-bottom:solid 3px #663300;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
footer div p {
	color:#fff;
	font-size:70%;
	margin:0;
}
/*戻る*/
.back_btn{
	font-size:80%;
	width:100%;
	display:table;
	table-layout:fixed;
	padding:0 10px 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.back_btn li{
	width:50%;
	display:table-cell;
}
.back_btn li:first-of-type{
	padding:0 5px 0 0;
}
.back_btn li:last-of-type{
	padding:0 0 0 5px;
}
.back_btn li a{
	padding:8px 8px 8px 30px;
	display:block;
	border:solid 1px #bbb;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background: url(/assets/images/arrow2.png),#eee;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 7px 45%;
	background-size:18px;
	-webkit-background-size:18px 18px;
	-moz-background-size:18px;
}
.back_btn li a:hover{
	background: url(/assets/images/arrow2.png),#ddd;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 7px 45%;
	background-size:18px;
	-webkit-background-size:18px 18px;
	-moz-background-size:18px;
}