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

/* ======== home & common ======== */
body {
    word-break: break-all;
}

#wrapper .container {
    width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

header#header {
    background: url("wp/wp-content/themes/funari/images/head_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    height: auto;
    margin-left: 0;
    position: relative!important;
    width: 100%;
}
header#header h1.logo,
header#header p.logo {
    margin-bottom: 0;
}

#wrapper #iview {
    width: 100%;
		float: left;
		display: none;
}
#cont {
    height: auto;
}

#wrapper .iview-controlNav {
    top: 90%;
}

div#main {
    width: 100%;
}
section#homeNews {
    height: auto;
    position: relative;
    top: 0;
    width: 100%;
		background-image: none;
		background-color: #000000;
		float: left;
}
section#homeNews header {
    margin-left: 15px;
    width: 10%;
}
section#homeNews ul.newsList {
    width: 80%;
	margin-bottom: 20px;
}
section#homeNews ul.newsList li a {
    display: block;
    padding: 5px 0;
}

ul.homeBanner li {
	float: left;
	width: 48%;
	margin: 1%;
}
ul.homeBanner li a img {
	width: 100%;
	height: auto;
}

div.pageTop {
    width: 100%;
}
div.footer,
footer ul.fnav {
    width: 100%;
    padding: 0 5px;
}
footer#footer {
    min-width: 100%;
}
footer ul.fnav li.sitemap {
    float: none;
}
p#copyright {
    margin-right: 15px;
}


a.nav-toggle {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 1em;
	border-bottom: 1px solid #544f4b;
	color: #fff;
}
nav#gnav ul#nav li {
	 background: none;
  }
nav#gnav ul#nav {
	width: 100%;
	margin-left: 0;
	border-top: solid 1px #bbb;
	text-align: left;
	margin-bottom: 0;
  }
nav#gnav ul#nav li {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	border-bottom: 1px solid #e3d6ce;
}
ul#nav li.snavList ul li a {
	width: 100%;
}


nav#gnav ul#nav li img {
	display: none;
  }
nav#gnav ul#nav li a {
	display: block;
	color: #000000;
	background: #fff;
	padding: 13px;
	text-decoration: none;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
  }
nav#gnav ul#nav li a:after {
	  display: block;
	  position: absolute;
	  top: 50%;
	  right: 15px;
	  width: 7px;
	  height: 7px;
	  margin-top: -4px;
	  border-top: solid 2px #000000;
	  border-right: solid 2px #000000;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  content: "";
  }
.js #gnav {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	zoom: 1;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#gnav.opened {
	max-height: 9999px;
}
#nav-toggle,
.nav-toggle {
	display: block;
	position: relative;
	text-align: center;
	font-weight: bold;
	background-color: #000000;
}	

nav#gnav ul li.about_fix a, 
nav#gnav ul li.sejyutu_fix a,
nav#gnav ul li.fee_fix a,
nav#gnav ul li.kotsujiko_fix a,
nav#gnav ul li.faq_fix a,
nav#gnav ul li.access_fix a {
	 background: #F3ECE8;
	 color: #8F002C;
}

ul#nav li {
    text-indent: 0;
}
ul#nav.hover-css li a, ul#nav.hover-anims li a, ul#nav.hover-anims li span {
	background: none;
	width: 100%;
	height: auto;
}
ul#nav.hover-css li a,
ul#nav.hover-anims li a,
ul#nav.hover-anims li span {
	width: 100%;
	height: auto!important;
}

ul#snav {
    float: left;
    margin-left: 0;
    width: 100%;
}
ul#snav li {
    margin-left: 20px;
}
ul.snsNav {
    float: right;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 10px;
    right: 0;
}
ul.snsNav li {
    float: right;
    margin-left: 2px;
    margin-right: 8px;
}

footer ul.fnav {
    margin: 10px auto 20px;
}
footer ul.fnav li,
footer ul.fnav2 li {
    float: left;
    border-right: 1px solid #544f4b;
    text-indent: 0;
    padding: 0 15px 5px;
    margin-bottom: 10px;
}
footer ul.fnav li a,
footer ul.fnav2 li a {
    background: none;
    height: auto;
    color: #e9dbcf;
}
footer ul.fnav li.company a,
footer ul.fnav li.contact a,
footer ul.fnav li.sitemap a,
footer ul.fnav li.privacy a,
footer ul.fnav li.use a,
footer ul.fnav li.legal a,
footer ul.fnav2 li.hottarakashi a,
footer ul.fnav li.csr a,
footer ul.fnav li.farm a,
footer ul.fnav li.kawaguchiko a { width: auto;}

p#copyright {
	clear: both;
  float: none;
  margin: 0 auto;
  margin-bottom: 20px;
}

.shopMenu.sp {
	display: block;
}

.slider,
.bx-wrapper {
    display: block!important;
}

section {
    margin-bottom: 40px;
}
.breadcrumbs {
    margin: 10px 0 12px 10px !important;
    padding-top: 15px;
}
div#content.page {
    float: none;
    width: 100%;
    clear: both;
}
div#content.page article#oneColumn,
#cateOneColumn {
    margin: 0 auto;
    width: 96%;
}

div.fLeft {
    float: none;
    margin-right: 0;
    text-align: center;
}
div.fRight,
div.fRight2 {
    float: left;
    width: 100%;
}

div.box1,
div.box2,
div.box3 {
    float: left;
    margin-top:40px;
    width: 90%;
}
div.box3 p.txt {
    float: none;
    width: auto;
}
div.box3 p.txt_02 {
    float: none;
    width: auto;
}
div.box1 p.img, 
div.box2 p.img {
	display: table;
	margin: 15px auto;
}
div.box3 p.arrow_01 {
		background: none;
}
div.box3 p.img {
    margin-top: 0;
}

.centerBnr {
	margin: 10px auto;
	text-align:  center;
}

.imgLeft {
    float: none;
    text-align: center;
}
.imgLeft {
    float: left;
    height: auto;
    text-align: center;
    width: 50%;
}
.imgRight {
    height: auto;
    width: 50%;
    text-align: center;
    margin-left: 10px;
}

.spW100 {
	float: none;
	width: 100%;
	height: auto;
	left: 50%;
	margin-left: -175px;
}

.spW100_2 {
	float: none;
	width: 100%;
	height: auto;
	left: 50%;
}


.menu_01 {
    float: none;
    width: 100%;
}

.towColumn {
    float: none;
    margin-bottom: 30px;
    width: 100%;
}

div.address {
    float: none;
    width: 100%;
}

/* ----ougon----- */

nav.ougon ul {
		width:100%;
}
.imgMar01,
.imgMar02
 {
		margin: 0 0 40px 0;
}

/* ----shop----- */
.shop .fLeft {
		margin: 0 auto;
}

/* ----shopping----- */
.cartBtn {
    padding: 1% 2%;
    width: 96%;
}
div.cartPhoto {
    float: none;
    width: 100%;
}
div.cartPhoto #photo {
    text-align: center;
    margin: 0 auto 10px;
}
div.cartPhoto #photo img {
    position: relative;
}
div.cartPhoto #navi li {
    margin-bottom: 10px;
}
div.cartShoppingcart {
    float: none;
    width: 100%;
}
div.cartShoppingcart p {
		height: auto;
}
.cartBtn form.shopping {
    width: 100%;
}
.cartBtn div.item {
    width: 100%;
}
.btnCart {
    top: -2px;
}
#navi {
  position: relative;
  overflow: hidden;
}

#navi ul.ex_clearfix {
  position: relative;
  left: 50%;
  float: left;
}

#navi ul.ex_clearfix li {
  position: relative;
  left: -50%;
  float: left;
}

/* ----blog----- */
#wp_page_numbers {
    margin-bottom: 30px;
}
div#content.page div#twoColumn {
    float: none;
    margin: 0 auto;
    width: 96%;
}
#secondary {
    float: none;
    margin-right: 0;
    padding: 0 2%;
    width: 96%;
}
#secondary aside#archives-2 h3.widgettitle,
#secondary aside#categories-3 h3.widgettitle {
    background: none repeat scroll 0 0 #000000;
    height: auto;
}
#secondary aside h3 {
    background-color: #000;
    color: #ffffff;
    padding: 5px;
    text-indent: 0;
}
#secondary aside ul li {
    margin-bottom: 15px;
}

/* ----csr----- */
dl.table_01 dt {
		float: none;
		border-top: none;
    margin-right: 0;
    width: 100%;
}
dl.table_01 dd {
    border-bottom: 1px dotted #ac9475;
    border-top: none;
    margin-left: 0;
    padding: 0 10px 20px 0;
}
aside#newsList {
    background: none;
}
aside#newsList header {
    float: none;
    position: relative;
    width: 100%;
}
aside#newsList h1,
aside#newsList p.ttl {
    padding: 20px 0 0;
}
aside#newsList p.btn {
    position: absolute;
    right: 0;
    top: 20px;
}
aside#newsList ul {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: -15px;
}
aside#newsList ul li {
    border-bottom: 1px dotted #ac9475;
    padding: 10px;
}
aside#newsList ul li a {
		display: block;
		margin-top: 5px;
}

/* ----company----- */
table.table_02 th {
    width: 22%;
}

/* ----sitemap----- */
ul.listSitemap li {
    padding: 10px 0;
    width: 100%;
}
ul.listSitemap ul {
    float: none;
    margin-left: 10px;
    margin-top: 10px;
    width: 100%;
}
ul.listSitemap ul li {
    padding: 10px 0;
}

/* ----contact----- */
input, textarea {
    width: 95%;
}
input.inputW50 {
		width: 50%;
}
input[type="submit"] {
  -webkit-appearance: none;
}
input.wpcf7-submit {
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
	width: 80%;
	font-size: 14px;
}

input[type="checkbox"]{
	width: auto;
}

#scroller,
#sliderPro {
	height: auto;
	padding-bottom: 10px;
}  
.instaIcon {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: translateY(0, 0); /* Safari */
	-ms-transform: translateY(0, 0); /* IE 9 */
	transform: translateY(0, 0);
	margin: 0 auto;
	text-align: center;
}
.instaIcon img {
  width: 75%;
}

/* guide map */
.modalwindow {
    padding: 20px;
}
.modalwindow h2 {
	font-size: 150%;
}
.modalwindow .guidePh {
	width: 100%;
	float: none;
}
.modalwindow .guideInfo {
	width: 100%;
	float: none;
}
.guideTable dt {
	float: none;
	width: 100%;
	text-align: left;
}
.guideTable dd {
	width: 100%;
	margin-left: 0%;
	border-left: none;
}

.relatedPost .col {
	width: 50%;
}
.relatedPost .col:first-child,
.relatedPost .col:nth-of-type(3) {
	padding: 0 1.5% 0 0;
}
.relatedPost .col:nth-of-type(2),
.relatedPost .col:nth-of-type(4) {
	padding: 0 0 0 1.5%;
}

}

@media only screen and (max-width: 350px) {
.spW100 {
	left: 0;
	margin-left: 0;
}
}