body, h1, h2, h3, h4, h5, h6, p, div, dt, dd, dl, img, input, form, ul, li, span {
	margin: 0px;
	padding: 0px;
vertical-align: bottom;
}
.search input, 
.search button, 
.search textarea, 
.search select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body {
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-feature-settings : "palt";
letter-spacing: .5px;
color:#444;
font-size: 16px;
line-height:1.8em;
}
a {
 text-decoration: none;
}
img {
 border: 0;
 vertical-align: bottom;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
overflow:hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
 .t80 {
	 font-size:80%;
}
 .t110 {
	 font-size:110%;
}
 .t125 {
	 font-size:125%;
}
 .t150 {
	 font-size:150%;
}
 .green {
	 color:#5A9600;
}
.brown {
	color: #960;
}
 .p50 {
	 width:100%;
}
.item {
  text-align: center;
  color: #fff;
}
h1 a {
	background: url(../img/logo.png) no-repeat;
	background-size: 140px 50px;
  display: block;
  width: 140px;
  height: 50px;
  margin: 3% 0 3% 6%;
}
h1 a span {
display: none;
}
.h_box {
display: none;
}
.h_box_s {
  text-align:center;
  padding: .75rem .3rem .75rem .75rem;
}
.h_box_s img {
	height:28px;
}
.h_box_s a {
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-decoration: none;
  margin: 0px 7px;
	color: #FFF;
	font-size: 90%;
}
.h_box_s a:hover {
	-webkit-filter: opacity(70%);
	filter: opacity(70%);
	text-decoration: none;
}

.drawer-hamburger {
  margin: 3% 0 0 0;
}
.container {
padding: 0px 6%;
}
img {
	vertical-align: bottom;
}


/*	 search
/* ------------------------------------- */
.search {
	border: 1px solid #F90;
	margin: 0px 0px 6% 0px;
}
.search h4 {
	background: url(../img/search_t.gif) no-repeat;
	background-size: 267px 26px;
  display: block;
  width: 267px;
  height: 26px;
  margin: 3% auto;
}
.search h4 span {
display: none;
}
.search p {
  margin: 3% auto;
  text-align: center;
}
.search_box {
	margin: 5px 4%;
	width: 92%;
	text-align:left;
}
.ft_free {
	color:#F60;
	font-weight:normal;
	margin: 7px 0px 5px 0;
	text-align: left;
	font-size: 100%;
	line-height:1em;
}
.f_free {
	width: 100%;
}
.f_free input {
  border: 1px solid #F90;
  box-shadow: none;
  outline: none;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  padding: 3px 20px;
  width: 100%;
  margin: 0px 0px 7px 0px;
	box-sizing: border-box;
  }
.f_free :focus {
  border: 1px solid #F90;
  box-shadow: none;
  outline: none;
}
.f_genre_area {
}
.ft_genre,
.ft_area {
	color:#F60;
	font-weight:normal;
	margin: 7px 0px 5px 0;
	text-align: left;
	font-size: 100%;
	line-height:1em;
}
.f_genre,
.f_area {
}
.f_genre select,
.f_area select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #F90;
  border-radius: 0;
  cursor: pointer;
  padding: 3px 50px 3px 20px;
  margin: 0px 0px 7px 0px;
	font-size:90%;
	color: #666;
	width:100%;
	box-sizing: border-box;
  background: transparent url(https://www.tabi-nanto.jp/new/wp-content/themes/design/img/form-css-arrow.png) no-repeat center right 8px/16px 16px;
}
.f_genre::-ms-expand,
.f_area::-ms-expand {
  display: none;
}
.f_genre:focus,
.f_area:focus {
  border: 1px solid #F90;
  box-shadow: none;
  outline: none;
}
.f_submit {
	width: 100%;
}
.f_submit input {
  -webkit-appearance: none;
  background-color: #FFD2B3;
  background-image: none;
  border: 1px solid #F60;
  border-radius: 0;
  color: #F60;
  cursor: pointer;
  display: inline-block;
	font-size: 110%;
	line-height:1em;
  margin: 0 auto 3% auto;
  padding: 15px 0px;
  text-decoration: none;
	box-sizing: border-box;
	width: 100%;
}

.f_submit :hover,
.f_submit :focus {
  outline: none;
}

.f_submit ::-moz-foucus-inner {
  border: none;
  padding: 0;
}

/*	sub
/* ------------------------------------- */
.sub {
	display: none;
}

/*	footer
/* ------------------------------------- */
#footer{
	background: #5A9600;
	width: 100%;
	color: #FFF;
}
.footer_box{
	padding: 20px 4%;
}
#footer h5 {
	font-weight: normal;
	font-size: 110%;
}
#footer address {
	font-style: normal;
	font-size: 80%;
line-height:1.6em;
}
#footer address a {
	color: #FFF;
	text-decoration: underline;
}
#footer p {
	font-style: normal;
	font-size: 80%;
line-height:1.6em;
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
}
.pagetop a {
    display: block;
    background-color: #666;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    padding: 2px 10px 5px 10px;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.pagetop a:hover {
    display: block;
    background-color: #888;
    text-align: center;
    color: #fff;
    text-decoration: none;
}



/* ------------------------------------- */
/*	 resposive480
/* ------------------------------------- */
@media screen and (min-width: 480px) {
/*	 product
/* ------------------------------------- */
.product ul li {
	float: left;
	width: 32%;
	margin: 0px 2% 0px 0px;
}
.product ul li a p {
	margin: 5px 0px 20px 0px;
line-height: 1.4em;
	font-size: 90%;
}
/*	 search
/* ------------------------------------- */
.search h4 {
	background-size: 349px 34px;
  width: 349px;
  height: 34px;
}
.drawer-hamburger {
  margin: 10px 0 0 0;
}
}
/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */
@media screen and (min-width: 768px) {
h1 a {
	background-size: 180px 64px;
  display: block;
  width: 180px;
  height: 64px;
  margin: 20px 0 20px 4%;
}
.drawer-hamburger {
  margin: 10px 0 0 0;
}
.search {
	margin: 0px 0px 40px 0px;
}
.search h4 {
  margin: 20px auto;
}
 .p50 {
	 width:50%;
}
.h_box_s0 {
	text-indent: -9999px;
	height: 50px;
}
}
/* ------------------------------------- */
/*	 resposive980
/* ------------------------------------- */
@media screen and (min-width: 980px) {
h1 a {
	background-size: 219px 78px;
  display: block;
  width: 219px;
  height: 78px;
  margin: 35px 0 35px 0;
}
.h_box {
  margin: 0px 0px 0px 10px;
  padding: 4px 5px;
background: #5A9600;
display: block;
	float:right;
}
.h_box img {
	height:28px;
}
.h_box a {
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-decoration: none;
  margin: 0px 7px;
	color: #FFF;
	font-size: 90%;
}
.h_box a:hover {
	-webkit-filter: opacity(70%);
	filter: opacity(70%);
	text-decoration: none;
}
.drawer-dropdown-menu {
  margin: 0;
}

header .no a,
.h_box_s,
.h_box_s0 {
display: none;
}
.drawer-hamburger {
  margin: 10px 0 0 0;
}
.drawer-menu-item {
  margin: 20px 0px 0px 0px;
}
.container {
width: 980px;
margin: 0px auto;
}


/*	 search
/* ------------------------------------- */
.search_box {
	margin: 5px 20px 0px 20px;
	width: 890px;
	text-align:left;
}
.ft_free {
	color:#F60;
	font-weight:normal;
	width: 130px;
	margin: 7px 10px 0 0;
	float: left;
	text-align: right;
	font-size: 110%;
	line-height:1em;
}
.f_free {
	width: 750px;
	float: right;
}
.f_free input {
  border: 1px solid #F90;
  box-shadow: none;
  outline: none;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  padding: 3px 20px;
  width: 750px;
  margin: 0px 0px 7px 0px;
	box-sizing: border-box;
  }
.f_genre_area {
	width: 710px;
	float: left;
}
.ft_genre,
.ft_area {
	color:#F60;
	font-weight:normal;
	width: 130px;
	margin: 7px 10px 0 0;
	float: left;
	text-align: right;
	font-size: 110%;
	line-height:1em;
}
.f_genre,
.f_area {
	float: left;
	width:570px;
}
.f_genre select,
.f_area select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #F90;
  border-radius: 0;
  cursor: pointer;
  padding: 3px 50px 3px 20px;
  margin: 0px 0px 7px 0px;
	font-size:90%;
	color: #666;
	width:570px;
	box-sizing: border-box;
  background: transparent url(https://www.tabi-nanto.jp/new/wp-content/themes/design/img/form-css-arrow.png) no-repeat center right 8px/16px 16px;
}
.f_submit {
	width: 170px;
	float: right;
}
.f_submit input {
  -webkit-appearance: none;
  background-color: #FFD2B3;
  background-image: none;
  border: 1px solid #F60;
  border-radius: 0;
  color: #F60;
  cursor: pointer;
  display: inline-block;
	font-size: 110%;
	line-height:1em;
  margin: 0 auto 30px auto;
  padding: 24px 0px;
  text-decoration: none;
	box-sizing: border-box;
	width: 170px;
}

/*	sub
/* ------------------------------------- */
.sub {
	width:100%;
	border-top: 1px solid #CCC;
	padding: 40px 0px;
	display: block;
}
.sub ul {
	list-style: none;
	float: left;
	width: 16%;
	font-size:80%;
	line-height: 1.8em;
}
.sub ul li {
	background: url(../img/sub.gif) no-repeat 0px 7px;
	padding: 0px 0px 0px 12px;
}
.sub ul li a {
	color: #444;
	text-decoration: none;
}
.sub li a:hover {
  opacity: 0.6;
  transition: 0.5s;
}
.sub_sub {
	margin: 0px 0px 0px 10px;
}
/*	footer
/* ------------------------------------- */
.footer_box{
	width:980px;
	padding: 20px 0px;
	margin: 0px auto;
}

}