@charset "utf-8";

#container {
    width:100%;
    margin:0;
    padding:0;
    background-size:contain;
}
header {
    width:100%; 
    height:auto;
    margin:0;
    padding:0;
    min-width:inherit;
	background-size: cover;
}
header img {
    max-width: 100%;
    height: auto;
}
header h1 {
    position: inherit;
    margin:0;
    padding:10px 0 10px 10px;
    text-align:left;
    height:auto;
}
header #titleLogo {
    margin:5px 0;
}
header #titleLogo .title {
    margin:0 0 0 5px;
}
header #titleLogo .title img {
    width:80%;
}
main {
    min-width: inherit;
}
main article {
    float:none;
    width:auto;
    min-width: inherit;
    margin:0;
    padding:0;
}
main article h1 {
    font-size:1.5em !important;
}
main article h2 {
    font-size:1.3em;
    letter-spacing: 1px;
}
main article h3 {
    font-size:1.2em;
    letter-spacing: 0;
}
main article p {
    margin-left:10px;
}
aSide {
    /*display: none;*/
    width:100%;
}
#footerMenu {
    display: inherit;   
}

#bn_group {
    display:none;
}
#img_feature, #img_fruits {
    display: none;
}
.pickup_links {
    width: auto;
}
#topImage {
    width:100%;
}
/* rayout */
.column2, .column3 {
  	grid-template-columns: minmax(auto, 100%);
}

#contactCall {
    /*position: inherit;*/
    top:60px;
    left:250px;
    margin:0;
    font-size:0.8em;
}
#contactCall tel {
    font-size:1em;
}
#introduction {
    position: inherit;
	width:100%;
	height:auto;
    background: none;
}
#introduction p {
    font-size:85%;
    padding:10px;
}
.whatsnew {
	margin:15px 0 0 0;
}
.flex-direction-nav {
    display: none; 
}

.cont2 {
    width:98%;
    min-width: inherit;
    font-size:80%;
    margin-left:0;
}

#contactForm table {
    width:100%;
    margin-left:10px;
}
#contactForm table th, #contactForm table td {
    font-size:0.9em;
    border-bottom: none;
    display: block;
    width: 99%;
    padding:5px 0;
    padding-left:1%;
}
#contactForm table th {
    font-size:1.0em;
    /*border-bottom:1px solid #333;*/
    background-color:#DEF2F7;
    padding:2px 0;
}
.contact h5 {
    margin:0;
    padding:8px 20px 8px 12px;
}

#map1 {
    width:100%;
    height:500px;
    font-size:80%;
}

.txt_waku2 {
    width:90%;
}

#ConfirmBotton a {
    font-size:1.2em;
    letter-spacing: 0;
}

/* menu - Top */
#TopMenu {
    width:100%;
    position :inherit;
    background:none;
    position : absolute;
	left : 0;
	top : 30px;
    z-index: 900;
}

#TopMenu ul {
	list-style-type : none;
    background: #1f5615;
	opacity : 0.9;
    margin: 0;
    min-width:inherit;
	z-index : 990;
	display : none;
}

#TopMenu ul li {
	text-align : center;
    float:inherit;
}

#TopMenu ul li a {
	text-decoration : none;
	display : block;
    width:100%;
    margin:0;
	padding:15px 0;
    background:none;
    color:#fff;
    border-radius: 0;

}
#TopMenu ul li a:before {
    content: "　　";    
}
#TopMenu ul li a:hover {
	background : #fff;
    color:#1f5615;
	/*opacity : 0.7;*/
}
#TopMenu ul li#sel a {

}

div#sp-icon {
	width : 70px;
	height : 70px;
	position : absolute;
	right : 0px;
	top : -12px;
	z-index : 999;
}

div#sp-icon:hover {
	cursor : pointer;
	opacity : 0.7;
}

div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
	display : inline-block;
	width : 30px;
	height : 3px;
	background : #000;
	transition-property : transform;
	transition-duration : 0.3s;
}

div#sp-icon span {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate( -50%, -50% );
}

div#sp-icon span:before {
	content : "";
	position : absolute;
	transform : translateY( -10px ) rotate( 0deg );
}

div#sp-icon span:after {
	content : "";
	position : absolute;
	transform : translateY( 10px ) rotate( 0deg );
}


div.sp-close span {
	background : transparent !important;
}

div.sp-close span:before {
	transform : rotate( 45deg ) !important;
}

div.sp-close span:after {
	transform : rotate( -45deg ) !important;
}