@charset "UTF-8";
html {
  font-size: 62.5%;
}

body {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
ul li, ol li {
  list-style: none;
}

dl {
  margin-top: 0;
  margin-bottom: 0;
}
dl dd {
  margin-left: 0;
}

body {
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

.l-container {
  margin: 4.375% 3.125%;
}
@media screen and (min-width: 641px) {
  .l-container {
    width: 92.78351%;
    max-width: 1024px;
    margin: 28px auto;
  }
}

.l-content {
  margin-top: 7.5%;
}

@media screen and (min-width: 641px) {
  .l-information {
    float: left;
    width: 64.44444%;
  }
}

.l-action {
  margin-top: 8.33333%;
}
@media screen and (min-width: 641px) {
  .l-action {
    margin-top: 0;
    float: right;
    width: 31.11111%;
  }
}

.l-footer {
  margin-top: 16.66667%;
}
@media screen and (min-width: 641px) {
  .l-footer {
    margin-top: 40px;
  }
}

.icon {
  display: block;
  position: relative;
}
.icon:before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: contain;
  background-size: contain;
  width: 100%;
  padding-top: 100%;
  top: 50%;
  margin-top: -50%;
}
.icon.icon-printer:before {
  background-image: url("../images/icons/printer.png");
}
.icon.icon-smartphone:before {
  background-image: url("../images/icons/smartphone.png");
}

img.fluid {
  width: 100%;
  height: auto;
}

.hz-list:after {
  content: "";
  clear: both;
  display: block;
}
.hz-list > li {
  float: left;
}

.footer__copyright {
  width: 73.33333%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 641px) {
  .footer__copyright {
    width: 294px;
  }
}

.shop {
  position: relative;
  border-radius: 5px;
  background-color: #877555;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding-top: 3.33333%;
  padding-bottom: 3.33333%;
}
@media screen and (min-width: 641px) {
  .shop {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.shop__type {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.shop__type:before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: contain;
  background-size: contain;
  width: 30px;
  height: 17px;
  bottom: 0;
  left: -4em;
}
.shop__type--RC:before {
  background-image: url("../images/type/RC.png");
}
.shop__type--FC:before {
  background-image: url("../images/type/FC.png");
}
.shop__name {
  line-height: 1.2;
}

.map {
  margin-top: 5%;
}

.map-can {
  width: 100%;
  height: 320px;
}
.map-can iframe{
  width: 100%;
  height: 100%;
  border:0;
}
@media screen and (min-width: 481px) {
  .map-can {
    height: 500px;
  }
}

.information__head {
  border-bottom: 1px solid #ccc;
  padding-bottom: .2em;
}
.information__detail {
  margin-top: .2em;
  margin-left: 1.0em;
}
.information__detail + .information__head {
  margin-top: 2.0em;
}
.information--address {
  display: block;
}
.information--tel {
  font-family: Arial;
  font-weight: bold;
}

.action__item + .action__item {
  margin-top: 6.66667%;
}
.action__link {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  color: inherit;
  border-radius: 3px;
  border: 1px solid #ccc;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e4e4e4));
  background-image: linear-gradient(to bottom, #f8f8f8 0%, #e4e4e4 100%);
  padding-top: 5%;
  padding-bottom: 5%;
}
.action__link:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f8f8f8));
  background-image: linear-gradient(to bottom, #e4e4e4 0%, #f8f8f8 100%);
}
.action__link .icon {
  position: absolute;
  width: 10.66667%;
  height: 100%;
  line-height: 0;
  left: 3.33333%;
  top: 0;
}
@media screen and (min-width: 641px) {
  .action__link .icon {
    left: 5%;
  }
}

.windows {
  display: none;
}

.is-windows .other {
  display: none;
}
.is-windows .windows {
  display: inline;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 40px;
}

.cf:after, .clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.ft1 {
  font-size: 3.2em;
}
@media screen and (min-width: 641px) {
  .ft1 {
    font-size: 2.4em;
  }
}

.ft2 {
  font-size: 2.0em;
}
@media screen and (min-width: 641px) {
  .ft2 {
    font-size: 2.8em;
  }
}

.ft3 {
  font-size: 2.0em;
}
@media screen and (min-width: 641px) {
  .ft3 {
    font-size: 1.6em;
  }
}

.ft4 {
  font-size: 1.8em;
}
@media screen and (min-width: 641px) {
  .ft4 {
    font-size: 1.4em;
  }
}