@charset "UTF-8";

@media screen and (max-width:959px) {


/*22-- body background
----------------------------------------------- */
body#home {
}
body#unchanged #wrapper {
	background:#fafafa;
}
/*
body#home #wrapper {
background:url(../img/common/bg_index.jpg) no-repeat center top;
}
*/


/*47-- #headerwrap
----------------------------------------------- */
#header {
	position:relative;
	margin:0 auto;
	width:auto;
}
#branding {
	display:none;
	position:absolute;
	top:auto;
	bottom:20px;
	right:20px;
	z-index:10;
}
#home #branding {
	display:block;
}
#branding h1 {
	margin:0;
	padding:0;
	width:156px;
	height:255px;
}
#home #branding h1 {
	width:100px;
	height:auto;
}
#branding img {
	width:auto;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

#header #images{
	position:relative;
	top:0;
	left:0;
	height:200px;
}
#header #images .image {
	position:relative;
	top:0;
	left:0;
}
#header #images .image img {
	width:100%;
	height:200px;
	object-fit:cover;
	object-position:50% 72%;
}

#aesthetic #headerwrap,
#saikyomiso #headerwrap,
#aboutmiso #headerwrap,
#healthy #headerwrap,
#recipetop #headerwrap{
background:#000;
}


/*79-- #containerwrap
----------------------------------------------- */
#container {
	position:relative;
	margin:0 auto;
	width:auto;
}
#maincol {
	float:none;
	position:relative; /* IE6 layout bug fix */
	padding:4.0rem 5% 4.0rem;
	width:auto;
}


/*90-- #footerwrap
----------------------------------------------- */
#footer {
	position:relative;
	margin:0 auto;
	padding:4px 0 16px 0;
	width:auto;
	text-align:center;
}


/*101-- #home
----------------------------------------------- */
#headerwrap{overflow:hidden;}
#home #header #images{
	position:relative;
	top:0;
	left:0;
	height:420px;

	display:flex;
	justify-content:center;
	align-items:center;
	background:#000;
}
#home #header #images .image {
	position:relative;
	top:0;
	left:0;
	/*background:#000;*/
}
#home #header #images .image img {
	width:100%;
	height:420px;
	object-fit:cover;
	object-position:50% 72%;
}
#home #containerwrap #maincol {
	margin-top:0;
	width:auto;
}


/*116-- #unchanged
----------------------------------------------- */
#unchanged #header #images {
	position:relative;
	top:0;
	left:0;
	height:200px;
}
#unchanged #header #images .image {
	position:relative;
	top:0;
	left:0;
}
#unchanged #header #images .image img {
	width: 100%;
	height: 200px;
	object-fit:cover;
	object-position:50% 72%;
}
#unchanged #containerwrap #maincol {
	margin-top:0;
	margin:0;
	width:auto;
}
#unchanged #subcol {
	float:none;
	width:auto;
	padding:0 5%;
}
#unchanged #subcol .button:last-child {
	margin-bottom:4.0rem;
}


/*133-- #un_profile
----------------------------------------------- */
#un_profile #header #images {
	position:relative;
	top:0;
	left:0;
	height:200px;
}
#un_profile #header #images .image {
	position:relative;
	top:0;
	left:0;
	background:#000;
}
#un_profile #header #images .image img {
	width: 100%;
	height: 200px;
	object-fit:cover;
	object-position:50% 35%;
}
#un_profile #containerwrap #maincol{
	margin-top:0;
	width:auto;
}


/*148-- #location
----------------------------------------------- */
#location #containerwrap{
border-top:1px solid #ddd;
}
#location #header #images {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	border-right:1px solid #ddd;
	margin-top:50px;
}
#location #header #images .image {
	position:relative;
	top:0;
	left:0;
	text-align:center;
}
#location #header #images .image img {
	width:auto;
	max-width:100%;
	height:auto;
	object-fit:cover;
	object-position:50% 50%;
}


/*161-- #history
----------------------------------------------- */
#history #containerwrap #maincol {
	margin-top:-150px;
}


/*168-- #type
----------------------------------------------- */

#type #headerwrap {
	padding-top:225px;/*メニューの高さ50px + 見出しの高さ175px=225px*/
}

#type #containerwrap,
#type #containerwrap #container,
#type #containerwrap #container #maincol {
	position:static;
}
h2#h_am_type {
	position:absolute;
	top:75px;
}

#type #containerwrap #maincol {
	margin-top:0;
}
#type #header #images {
	position:relative;
	top:0;
	left:0;
	height:auto;
}
#type #header #images .image {
	position:relative;
	top:0;
	left:auto;
	right:0;
	text-align:center;
}
#type #header #images .image img {
	width:120%;
	height:auto;
	object-fit:cover;
	object-position:100% 50%;
	transform:translateX(-20%);
}


/*-- #healthy
----------------------------------------------- */
#healthy .colc {
	padding-bottom:2.0rem;
}


/*181-- #wonder
----------------------------------------------- */
#wonder #containerwrap #maincol{
	margin-top:-150px;
}
#power #containerwrap #maincol{
	margin-top:-150px;
}


/*191-- #processed
----------------------------------------------- */
#processed #containerwrap{
border-top:1px solid #ddd;
}
#processed #maincol img {
	width:auto;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.table-wrap {
	overflow-x: scroll;
	padding-bottom:1.0rem;

	box-shadow: inset -0.5em 0 0.5em -0.25em rgba(0,0,0,0.2);
}
.table-wrap::after {
  /*content:'スクロール';*/
}
.table.process {
	width:100%;
	white-space:nowrap;
}


/*198-- #recipe
----------------------------------------------- */
#recipe_top #containerwrap{
border-top:1px solid #ddd;
}
#recipe #containerwrap{
border-top:1px solid #ddd;
}
#recipe #maincol {
	width:auto;
	border-right:none;
}
#recipe #header #images{
	position:relative;
	top:auto;
	left:auto;
	width:auto;
	height:420px;
	border-right:none;
}
#recipe #header #images .image{
	position:static;
	top:auto;
	left:auto;
}
#recipe #header #images .image img {
	width:100%;
	height:420px;
	object-fit:cover;
	object-position:50% 72%;
}
#recipe_top .colc {
	margin-bottom:4.0rem;
}


/*218-- #gifts
----------------------------------------------- */
#gift #containerwrap{
	border-top:none;
}
#gift #maincol{
	padding:4.0rem 5% 0 5%;
	width:auto;
	border-right:none;
}
#gift #header #images {
	position:relative;
	top:auto;
	left:auto;
	width:auto;
	height:420px;
	border-right:none;
}
#gift #header #images .image{
	position:static;
	top:auto;
	left:auto;
}
#gift #header #images .image img {
	width:100%;
	height:420px;
	object-fit:cover;
	object-position:50% 72%;
}


/*236-- column system
----------------------------------------------- */
.column {
	/*margin:0 0 4.0rem 0;*/
}
.column:after {  
visibility: hidden;  
display: block;  
font-size: 0;  
content: " ";  
clear: both;  
height: 0;  
}  
* html .column             { zoom: 1; } /* IE6 */  
*:first-child+html .column { zoom: 1; } /* IE7 */


.cola, .colb, .colc, .cold {
	width:auto;
}

.col2 {
	width:auto;
}
.col2 .cola {
	float:none;
}
.col2 .colb {
	float:none;
}
.col2:after {  
visibility: hidden;  
display: block;  
font-size: 0;  
content: " ";  
clear: both;  
height: 0;  
}  
* html .col2             { zoom: 1; } /* IE6 */  
*:first-child+html .col2 { zoom: 1; } /* IE7 */


.col3 {
	width:auto;
}
.col3 .cola {
	float:none;
	padding:0;
}
.col3 .colb {
	float:none;
}
.col3 .colc {
	float:none;
}


.col4 {
	width:auto;
}
.col4 .cola {
	float:none;
	padding:0;
}
.col4 .colb {
	float:none;
	padding:0;
}
.col4 .colc {
	float:none;
}
.col4 .cold {
	float:none;
}


.cel2{
	width:auto !important;
}
.cel3{
	width:auto !important;
}

/* layout check 
#header{border:1px solid #0ff;}
#container{border:1px solid #00f;}
#footer{border:1px solid #0f0;}
#maincol{border:1px solid #f00;}
.cola, .colb, .colc, .cold{
border:1px solid #f00;
}
*/


/* -- SLIDESHOW (recipe_top) -- */
/* -- SLIDESHOW (gifts_top) -- */
div#BG {
	position:relative;
	height:300px;	/*390px*/
}
div#BG div.IMAGES {
	clear:both;
	position:absolute;
	top:0;
	left:0;		/*-120px*/
	display:inline;
	float:left;
	width:100%;		/*1200px*/
	height:300px;	/*390px*/
	margin:0 0 0 0;
	padding:0 0;
	border:none;
}
div#BG div.IMAGES div.IMAGE {
	position:absolute;
	top:0;
	left:0;
	display:inline;
	float:left;
	width:100%;		/*1200px*/
	height:300px;	/*390px*/
	margin:0 0 1px 0;
	padding:0;
	filter:alpha(opacity=1);
}
div#BG div.IMAGES div.IMAGE img {
	clear:both;
	display:inline;
	float:none;
	border:none;
	margin:0;
	padding:0;

	width:100%;
	height:300px;
	object-fit:cover;
	object-position:50% 50%;
}


}