@charset "UTF-8";

/* ************************************************************

  「ご近所の氏神さま」
  /common/css/base_sp.css

************************************************************ */

/* Base Setting
-------------------------------------------------- */
body * {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  font-weight: normal;
}
li {
  list-style: none;
}
img {
  max-width: 100%;
}
.cf:after {
  content: "";
  display: block;
  clear: both;
}
.forpc { display: none; }

/* Header
-------------------------------------------------- */
.pages header .h_logo,
.business.pages header .h_logo {
  width: 50%;
  max-width: 240px;
  margin: 5vw 0 5vw 5vw;
}
.pages header .title_wrap,
.business.pages header .title_wrap {
  padding: 2em 0;
  background: #f2f2f2;
}
.pages header .title_wrap .title,
.business.pages header .title_wrap .title {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 1.875em;
  font-weight: bold;
}

/* Footer
-------------------------------------------------- */
footer {
  margin-top: 5em;
  text-align: center;
  background-image: url("../images/f_bg__sp.png");
  background-repeat: repeat-x;
  background-position: center 7vw;
  background-size: 100% auto;
}
.pages footer {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: solid 1px #dbdbdb;
}
footer .copy {
  width: 70%;
  max-width: 360px;
  margin: 0 auto;
}
footer .img {
  width: 80%;
  max-width: 400px;
  margin: 7% auto 0;
}
footer .title {
  width: 80%;
  margin: -5% auto 0;
  text-align: center;
}
footer .title img:first-child {
  width: 65%;
  margin-right: 0.5em;
}
footer .title img:nth-child(2) {
  width: 28%;
}
footer .appbtn {
  width: 40%;
  max-width: 290px;
  margin: 1em auto 3em;
}
.f_nav {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  text-align: left;
}
.f_nav li {
  box-sizing: border-box;
  margin: 0;
  padding-left: 20px;
  background: url("../images/f_nav_arw.png") left 0.25em no-repeat;
  background-size: 14px 14px;
}
.f_nav li:nth-child(odd) {
  width: 44%;
  margin-right: 4%;
}
.f_nav li:nth-child(even) {
  width: 52%;
}
.f_nav li a {
  font-size: 0.857em;
  color: #000;
}
.f_nav li a:hover {
  text-decoration: underline;
}
.f_partner {
  width: 90%;
  margin: 3em auto 4em;
  padding-top: 10vw;
  border-top: solid 1px #E1DFDF;
}
.f_partner dt {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  color: #5D5755;
}
.f_partner dd img {
  width: 60%;
  max-width: 200px;
}
.copyright {
  margin-top: 40px;
  padding: 5px 0;
  background: #000;
  color: #fff;
}
.copyright small {
  font-size: 0.875em;
}
.pagetop {
  position: fixed;
  bottom: 5vw;
  right: 3%;
}

/* Article
-------------------------------------------------- */
.pages .main_contents {
  width: 86%;
  max-width: 910px;
  margin: 3rem auto 0;
}