.form .form-button {
  padding: 5px;
  text-align: center;
  margin: 10px 0
}
.form .form-button .reset {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  color: #e9dec9;
  text-align: center;
  width: 250px;
  background: #fff;
  font-weight: bold;
  border: 1px solid #e9dec9
}
.form .form-button .reset input {
  background: none;
  color: #e9dec9;
  border: none;
  font-family: "YakuHanJP", "Noto Sans JP";
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .1em;
  line-height: 1.7em;
  font-weight: 400;
  cursor: pointer
}
.innerB {
  display: table;
  width: 100%
}
@media all and (max-width: 639px) {
  .innerB {
    display: block
  }
}
.innerB .left, .innerB .right {
  width: 48%;
  float: left
}
@media all and (max-width: 639px) {
  .innerB .left, .innerB .right {
    width: 100%;
    float: none
  }
}
.innerB .right {
  margin-left: 4%
}
@media all and (max-width: 639px) {
  .innerB .right {
    margin-left: 0;
    margin-top: 15px
  }
}
.innerB .left_s {
  width: 30%;
  float: left
}
@media all and (max-width: 639px) {
  .innerB .left_s {
    width: 100%;
    float: none
  }
}
.innerB .right_l {
  width: 66%;
  float: left;
  margin-left: 4%
}
@media all and (max-width: 639px) {
  .innerB .right_l {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
    float: none
  }
}
.invisible {
  opacity: 0
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
  -webkit-transition: .8s;
  transition: .8s
}
::-moz-selection {
  background: #68834B;
  color: #fff
}
::selection {
  background: #68834B;
  color: #fff
}
::-moz-selection {
  background: #68834B;
  color: #fff
}
#phonemenuA {
  display: none;
  padding: 0;
  margin: 0
}
.smartphone img {
  display: none
}
.w100 {
  max-width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto
}
.map {
  width: 100%;
  height: 400px
}
.fb {
  padding: 10px 0;
  background: url(../img/bg2.jpg);
  width: 100%;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}
#fb-root {
  background-color: #FFF;
  height: auto
}
.fb-like-box {
  width: 100% !important
}
.fb-like-box span, .fb-like-box iframe[style] {
  width: 100% !important
}
#meanmenu {
  display: none
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #footer2 .footer__content {
    width: 100%
  }
  #footer2 .footer__content .footer__content__main .footer__content__main__item_1 p {
    font-size: 12px
  }
  #footer2 .footer__content .footer__content__main .footer__content__main__item_2_1 .foot_nav2 ul li a {
    font-size: 12px
  }
}
@media screen and (max-width: 800px) {
  body {
    font-size: 13px
  }
  .sp {
    display: block
  }
  .fleft0, .fleft1, .fleft2, .fright0, .fright1, .fright2 {
    float: none
  }
  .fleft0, .fleft1, .fleft2, .fright0, .fright1, .fright2, #singlepage p img, #main p img {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
  .none, .desktop, #nav-f, .logo-f, #menuA, #seoA, #pankuzu, #navi, .seo, #fmenu {
    display: none
  }
  #head, #footer, #wrap, #nav, #wrapA, #seo, #title {
    width: 100%
  }
  #containar {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
  }
  #wrap {
    padding: 15px 0 80px;
    margin: 0
  }
  #main {
    float: none;
    width: 95%;
    margin: 0 auto 20px
  }
  #side {
    float: none;
    width: 98%;
    margin: 0 auto;
    height: auto;
    padding: 0
  }
  img {
    max-width: 100%;
    height: auto
  }
  .smartphone img {
    display: block;
    max-width: 100%;
    height: auto
  }
  #head {
    width: 100%;
    height: auto;
    border-bottom: 4px solid rgba(113, 208, 37, 0.4)
  }
  .logo {
    padding-top: 0;
    margin: 0 auto 0px;
    text-align: center;
    float: none
  }
  .logo img {
    width: 250px
  }
  .tel {
    float: none;
    text-align: center;
    display: none
  }
  .yajirusi {
    font-size: 15px
  }
  #main h1 {
    width: 100%;
    height: auto
  }
  #title {
    padding: 0px;
    margin: 5px 0
  }
  #seo h1 {
    font-size: 10px
  }
  #singlepage {
    padding: 0
  }
  #singlepage:last-child {
    padding-bottom: 0
  }
  #singlepage section {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0
  }
  #singlepage section h1 {
    font-size: 18px
  }
  #singlepage section .textwrap {
    width: 95%;
    margin: 0 auto;
    font-size: 12px
  }
  #singlepage .single {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0
  }
  .catch_copy, .catch_copy_wh {
    font-size: 18px
  }
  .textwrap2 {
    width: 90%;
    margin: 0 auto
  }
  #flash {
    height: auto
  }
  #flash .slideimg {
    height: auto
  }
  #swiffycontainer {
    max-width: 800px;
    width: 95%;
    max-height: 253px;
    height: auto
  }
  .flashimg {
    width: 100%;
    margin: 0 auto
  }
  .flashimg img {
    top: -400px;
    left: 290px;
    z-index: 400;
    position: relative
  }
  #top_image {
    padding: 150px 0
  }
  .textbox img {
    width: 95%
  }
  .tbox2 {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center
  }
  footer {
    padding: 0;
    margin: 0;
    height: auto;
    width: 100%
  }
  #nav-fa {
    float: none;
    display: none
  }
  #footer {
    float: none;
    padding: 0px;
    margin: 0 auto 0
  }
  .tbl {
    width: 90%;
    margin: 0 auto
  }
  .map {
    width: 100%
  }
  .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex
  }
  .flexbox img {
    display: block;
    margin: 0 auto
  }
  .sidebox {
    width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
  }
  #top_image1, #top_image2, #top_image3 {
    padding: 30px
  }
  .textbox p {
    font-size: 25px
  }
  .form dl {
    margin: 10px 0
  }
  .form dt {
    float: none;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-top: 10px
  }
  .form dd {
    width: 100%;
    padding-left: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 20px;
    border-bottom: 1px solid #eee
  }
  .form dd:last-child {
    border-bottom: 0px;
    margin-bottom: 0px
  }
  .textarea, textarea, .dropdown {
    width: 98%
  }
  .float_wrapp li {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 100%
  }
  .mtitle-bline {
    font-size: 18px
  }
  .mtitle-bline span {
    display: block;
    margin-top: 10px
  }
  .text-type01, .text-type02 {
    font-size: 17px
  }
  .text-type03 {
    font-size: 15px
  }
  .tab li {
    width: 28%;
    padding: 5px;
    margin: 0 5px 0 0
  }
  .tab li:last-child {
    margin: 0
  }
  .fb-like-box {
    display: none
  }
  .fb-like-box span, .fb-like-box iframe[style] {
    display: none
  }
  .facebook {
    display: none
  }
  .voice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .voice .voice-img {
    margin: 0 auto 10px
  }
  .voice .voice-text:before {
    display: none
  }
  #phonemenu li a:link, #phonemenu li a:visited, #phonemenu li a:hover {
    color: #fff;
    text-decoration: none
  }
  #phonemenuA {
    display: block;
    width: 100%;
    height: 100px;
    background: #fff;
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0
  }
  #phonemenu {
    margin: 0 auto;
    z-index: 9999;
    color: #fff;
    background: #68834B
  }
  #phonemenu ul {
    position: relative
  }
  #phonemenu li {
    font-family: 'FontAwesome';
    width: 25%;
    float: left;
    padding: 5px 0;
    margin: 0;
    display: inline;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle
  }
  #phonemenu li:hover {
    opacity: 0.5
  }
  #phonemenu .lg {
    width: 32%;
    padding: 3px 0
  }
  #dmenu1 {
    display: none;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1000;
    font-size: 11px
  }
  #dmenu1 li {
    overflow: hidden;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px
  }
  #dmenu1 li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff
  }
  #dmenu1 li a:link, #dmenu1 li a:visited, #dmenu1 li a:hover {
    color: #fff;
    text-decoration: none;
    text-align: left;
    font-size: 12px;
    padding: 0px 0;
    text-indent: 1em
  }
  #dmenu1 li a span {
    font-size: 11px;
    margin-left: 2em
  }
  #dmenu1 li a span:before, #dmenu1 li a span:after {
    content: '-'
  }
  #dmenu1 .sns_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  #dmenu1 .sns_link a {
    width: 20%;
    text-align: center !important
  }
  #dmenu1 .sns_link a i {
    text-indent: 0;
    font-size: 20px;
    vertical-align: middle
  }
  #dmenu2, #dmenu3 {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 1000;
    font-size: 11px
  }
  #dmenu2 li, #dmenu3 li {
    overflow: hidden;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px 1px
  }
  #dmenu2 li a, #dmenu3 li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff
  }
  #dmenu2 li a:before, #dmenu3 li a:before {
    content: url(../img/icon_w.png);
    margin-right: 3px
  }
  .flink0, .flink1, .flink2 {
    width: 100%;
    margin-bottom: 20px
  }
  .flink0 ul, .flink1 ul, .flink2 ul {
    margin-right: 0;
    margin-bottom: 0
  }
  .flink0 li, .flink1 li, .flink2 li {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
  }
  .flink0 li img, .flink1 li img, .flink2 li img {
    display: block;
    margin-left: auto;
    margin-right: auto
  }
  figure figcaption img {
    display: block;
    width: 100%;
    margin: 0 auto
  }
  .lsingle, .rsingle {
    width: 95%;
    float: none;
    margin: 0 auto
  }
  .button, .button2 {
    width: 95%
  }
  .lsingle, .rsingle {
    float: none;
    width: 95%
  }
  .logo.gota {
    margin: 10px;
    z-index: 1;
    width: 110px;
  }
  .logo a img {
    width: 110px
  }
  #s-wrap-pc {
    display: none
  }
  #s-wrap-sp {
    position: absolute;
    right: 5px;
    top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  #s-wrap-sp form i {
    font-size: 23px;
    vertical-align: middle
  }
  #s-wrap-sp form i.fa-shopping-cart {
    font-size: 18px;
    margin-right: 3px
  }
  #s-wrap-sp form i.fa-facebook-square {
    font-size: 21px;
    margin-right: 3px
  }
  .s-box {
    width: 170px;
    padding: 0 50px 0 5px
  }
  .s-btn-area {
    top: 2px;
    padding: 0
  }
  .s-btn-area .s-btn {
    width: 45px;
    font-size: 15px
  }
}
@media screen and (max-width: 480px) {
  .photo {
    width: 99%;
    margin: 0 auto
  }
  .photo ul {
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center
  }
  .photo li {
    float: none;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px
  }
  .logo img {
    width: 200px
  }
}
@media screen and (max-width: 320px) {
  #s-wrap-sp form i {
    display: none
  }
}
#snslink {
  font-family: 'FontAwesome';
  width: 100%;
  font-size: 20px;
  padding-top: 20px
}
#snslink li {
  line-height: 30px;
  padding: 10px 13px;
  background: #fff;
  color: #000;
  border-radius: 1000px;
  display: inline;
  margin: 10px
}
#snslink li:hover {
  opacity: 0.5
}
#snslink a:link, #snslink a:visited, #snslink a:hover {
  color: #000;
  text-decoration: none
}
/*# sourceMappingURL=smartphone.css.map */