body {
	margin:0;
	padding:0;
	background-color: #fff;
}
.header{/* background:#fae87e;*/ background-image: url("./img/back_img.jpg"); margin:0 0 20px 0;padding:0 0 0 0;}

.header img{
	display: block;
	max-width:980px;
	height: auto;
	margin:0 auto;
	padding:0;
}
.w980	{
	width:980px;
	margin:0 auto;
}
.wrapper {
     float: left;
     width: 100%;
     margin-right: -342px;
}

.content {
     /*border: 2px solid #000;*/
     margin-right: 320px;
     padding-right:40px;
}
.cbox	{
	padding:20px;
	background:#fcedba;
	margin-bottom:20px;
	clear:both;
	border-radius:10px;
}
.cbox h1{font-size:20px;color:#3e2717/*2e3a35*/;}
.cbox h1 span.pasta{font-size:20px;background:#e95504;color:#fff;border-radius:20px;padding:10px 40px;}
.cbox h1 span.udon{font-size:20px;background:#009844;color:#fff;border-radius:20px;padding:10px 40px;}
.cbox h1 span.ramen{font-size:20px;background:#e50012;color:#fff;border-radius:20px;padding:10px 40px;}

.cont{color:#f29600;border-bottom:#f29600 1px solid;}

.cbox img{width:180px;display:block;margin-left:20px;}
.sidebar {
     float: right;
     width: 300px;/*
     background:#fffeee;*/
     border:#f6bebd 1px solid;
     padding:20px;
	border-radius:10px;
}

.back {
	clear: both;
	color: #fff;
	margin:0 0 40px 0;
}
p.normal	{
	font-weight:normal;
	font-size:small;
}
.button {
	display: inline-block;
	width: 180px;
	height: 34px;
	text-align: center;
	text-decoration: none;
	line-height: 34px;
	outline: none;
	background-color: #231816;
	color: #fff;
	border-radius:10px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	color: #fff;
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #fff;
}
.button:hover {
	background-color: #e56c51;
	color: #fff;
	text-decoration: none;
}

.footer {
	clear: both;
	background:#f6bebd;
	text-align:center;
}

.pc-none{
	display: none;
}

@media (max-width: 768px) {
     .wrapper, .content, .sidebar {
          float: none;
          margin: 0;
          width: auto;
     }
.header img{max-width:100%;}
.w980	{
	width:100%;
}
.content{
	padding:0 20px;
}
.sidebar{
	margin:0 20px;
	padding:20px 20px 0 20px;
}
.sidebar img{
	display: block;
	margin:0 auto;
}

.pc-none{
	display: block;
}
.cbox img{
	width:300px;
	display: block;
	margin:0 auto;
	clear:both;
	padding-bottom:20px;
}
.cbox h1{font-size:16px;text-align:center;}

}