/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

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

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

td:not([align]),
th:not([align]) {
  text-align: left;
}

/* Flexbox Layout */
/*
* x-x-x------
* -----------
* -----------
*/
/*
* ----xxx----
* -----------
* -----------
*/
/*
* x----x----x
* -----------
* -----------
*/
/*
* --------xxx
* -----------
* -----------
*/
/*
* -----------
* xxx--------
* -----------
*/
/*
* -----------
* ----xxx----
* -----------
*/
/*
* -----------
* x----x----x
* -----------
*/
/*
* -----------
* --------xxx
* -----------
*/
/*
* xxx--------
* xxx--------
* xxx--------
*/
/*
* ----xxx----
* ----xxx----
* ----xxx----
*/
/*
* x----x----x
* x----x----x
* x----x----x
*/
/*
* --------xxx
* --------xxx
* --------xxx
*/
/*
* -----------
* -----------
* xxx--------
*/
/*
* -----------
* -----------
* ----xxx----
*/
/*
* -----------
* -----------
* x----x----x
*/
/*
* -----------
* -----------
* --------xxx
*/
/*
* xxxxxxxxxxx
* xxxxxxxxxxx
* -----------
* -----------
*/
/*
* -----------
* xxx--------
* xxx--------
* -----------
*/
/*
* -----------
* ----xxx----
* ----xxx----
* -----------
*/
/*
* -----------
* xxxxxxxxxxx
* xxxxxxxxxxx
* -----------
*/
/*
* -----------
* -----------
* --xxxxxxx--
* --xxxxxxx--
*/
/*
* -----------
* -----------
* xxxxxxx----
* xxxxxxx----
*/
/*
* xxxxx------
* -----------
* xxxxx------
* -----------
* xxxxx------
*/
/*
* ---xxxxx---
* -----------
* ---xxxxx---
* -----------
* ---xxxxx---
*/
/*
* xxxxxxxxxxx
* -----------
* xxxxxxxxxxx
* -----------
* xxxxxxxxxxx
*/
/*
* -----------
* ------xxxxx
* ------xxxxx
* ------xxxxx
* -----------
*/
html,
body {
  height: 100%;
  /* 1rem = 10px */
  font-size: 62.5%; }

body {
  position: relative;
  min-width: 320px;
  max-width: 1200px;
  margin: 0 auto;
  overflow-x: hidden;
  color: #000;
  font-size: 1.4rem;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1.5;
  background-color: #fff; }

img {
  vertical-align: bottom;
  height: auto; }

input,
button,
textarea,
select,
input[type="radio"],
input[type="checkbox"],
input[type="submit"] {
  margin: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  display: none; }

input[type="button"],
button {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.Index {
  background: url("../../img/bg.png") top left/3rem #fff;
  overflow-y: scroll; }
  .Index__img {
    display: block;
    width: 100%; }
  .Index__container {
    margin: 0 auto;
    max-width: 600px;
    background-color: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.6); }
  .Index__header {
    padding: 1rem;
    background-color: #f7d99a;
    border-top: 0.2rem solid #392600;
    border-bottom: 0.2rem solid #392600; }
  .Index__headerFlex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .Index__headerFlexItemLeft {
    flex-basis: 35%;
    max-width: 11rem; }
  .Index__headerFlexItemRight {
    flex-basis: 20%;
    max-width: 3rem; }
  .Index__navFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 0.2rem solid #392600; }
  .Index__navFlexItem {
    flex: 0 1 20%; }
  .Index__navBtn {
    display: block;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    color: #000;
    font-size: 1.4rem;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; }
  .Index__store {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 5% auto; }
  .Index__storeItem {
    flex-basis: 50%;
    text-align: center; }
  .Index__promotion {
    color: #f00;
    font-weight: bold;
    text-align: center; }
  .Index__desc {
    margin: 5%; }
  .Index__txt {
    color: #090; }
    .Index__txt--bold {
      font-weight: bold; }
  .Index__infoFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    background-color: #f7d99a;
    border-right: 1px solid #563701;
    border-bottom: 1px solid #563701;
    border-left: 1px solid #563701; }
    .Index__infoFlex:first-child {
      border: 1px solid #563701; }
  .Index__infoFlexItemLeft {
    flex-basis: 30%;
    text-align: center;
    font-weight: bold; }
  .Index__infoFlexItemRight {
    flex-basis: 70%;
    padding: 5%;
    background-color: #f9e0b6; }
  .Index__tel {
    color: #392600;
    font-weight: bold; }
  .Index__title {
    width: 90%;
    margin: 5% auto;
    padding: 2% 3%;
    background-color: #563701;
    color: #f7d99a; }
    .Index__title--bgCream100 {
      background-color: #fdf8f1; }
    .Index__title--bgCream400 {
      background-color: #fbae43; }
    .Index__title--bgGold600 {
      background-color: #f29b02; }
    .Index__title--bgGold700 {
      background-color: #cd8301; }
    .Index__title--txtBrown700 {
      color: #563701; }
    .Index__title--fwb {
      font-weight: bold; }
    .Index__title--noSpace {
      margin: 0 auto; }
    .Index__title--noTopSpace {
      margin: 0 auto 5%; }
    .Index__title--noBottomSpace {
      margin: 5% auto 0; }
  .Index__mapDesc {
    width: 90%;
    margin: 0 auto; }
  .Index__mapGoogle {
    width: 100%;
    margin: 0 auto;
    border: 0; }
  .Index__address {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: 2% 0;
    background-color: #f9e0b6; }
  .Index__addressImg {
    margin-right: 2%;
    width: 3rem; }
  .Index__addressTxt {
    font-size: 1.2rem; }
  .Index__insertImg {
    width: 80%;
    max-width: 250px;
    margin: 5% auto; }
  .Index__newsDesc, .Index__rentalDesc, .Index__networkDesc {
    width: 90%;
    margin: 0 auto 5%;
    padding: 5%;
    background-color: #f9e0b6; }
    .Index__newsDesc--noSpace, .Index__rentalDesc--noSpace, .Index__networkDesc--noSpace {
      margin: 0 auto; }
  .Index__rentalFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    background-color: #f7d99a;
    border-right: 1px solid #563701;
    border-bottom: 1px solid #563701;
    border-left: 1px solid #563701; }
    .Index__rentalFlex:first-child {
      border: 1px solid #563701; }
  .Index__rentalFlexItemLeft {
    padding: 0 5%;
    flex-basis: 70%;
    font-size: 1rem;
    font-weight: bold;
    text-align: center; }
    .Index__rentalFlexItemLeft--w30 {
      flex-basis: 30%;
      flex-shrink: 0; }
  .Index__rentalFlexItemRight {
    flex-basis: 30%;
    padding: 5%;
    text-align: center;
    background-color: #f9e0b6; }
    .Index__rentalFlexItemRight--w70 {
      flex-basis: 70%; }
    .Index__rentalFlexItemRight--txtLeft {
      text-align: left; }
  .Index__priceFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    background-color: #f7d99a;
    border-left: 1px solid #563701;
    border-bottom: 1px solid #563701;
    border-right: 1px solid #563701; }
    .Index__priceFlex:first-child {
      border-top: 1px solid #563701; }
    .Index__priceFlex:last-child {
      border-bottom: none; }
    .Index__priceFlex--menu {
      background-color: #885909;
      color: #fff; }
  .Index__priceFlexItemLeft {
    flex-basis: 70%;
    padding: 2%;
    font-size: 1.3rem;
    font-weight: bold; }
  .Index__priceFlexItemRight {
    flex-basis: 30%;
    padding: 2%;
    text-align: center;
    background-color: #f9e0b6; }
    .Index__priceFlexItemRight--menu {
      background-color: #6b5c42;
      color: #fff; }
  .Index__priceFlexGroup {
    width: 90%;
    margin: 0 auto; }
    .Index__priceFlexGroup:last-child {
      border-bottom: 1px solid #563701; }
  .Index__link {
    position: relative;
    width: 70%;
    margin: 5% auto;
    text-align: center; }
    .Index__link--w80 {
      width: 80%; }
  .Index__linkInner {
    display: block;
    padding: 5% 10%;
    background-color: #563701;
    color: #fff;
    text-decoration: none; }
    .Index__linkInner::after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 5%;
      width: 0.8rem;
      height: 0.8rem;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      transform: rotate(45deg) translateY(-50%); }
  .Index__footer {
    padding: 1% 0;
    margin-top: 5%;
    text-align: center;
    background-color: #392600;
    color: #fff; }
  .Index__tabList {
    background-color: #f29b02; }
    .Index__tabList--gold700 {
      background-color: #cd8301; }
    .Index__tabList--active {
      background-color: #885909; }
  .Index__tabItem {
    display: none; }
    .Index__tabItem--active {
      display: block; }
  @media screen and (min-width: 600px) {
    .Index__navBtn {
      font-size: 1.8rem; }
    .Index__rentalFlexItemLeft {
      font-size: 1.4rem; }
    .Index__price {
      display: flex;
      flex-wrap: wrap;
      width: 90%;
      margin: 0 auto; }
    .Index__priceFlexGroup {
      width: 50%;
      margin: 0; }
      .Index__priceFlexGroup:nth-child(2n) .Index__priceFlex {
        border-left: none; }
        .Index__priceFlexGroup:nth-child(2n) .Index__priceFlex:last-child {
          border-bottom: 1px solid #563701; }
    .Index__priceFlex {
      width: 100%; }
    .Index__newsDesc, .Index__rentalDesc, .Index__networkDesc {
      padding: 3%; } }