@charset "UTF-8";
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.10.1/webfonts/fa-brands-400.woff2") format("woff2");
  font-display: swap; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.10.1/webfonts/fa-solid-900.woff2") format("woff2");
  font-display: swap; }
html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden; }

section {
  overflow: hidden; }

body {
  width: 100%;
  padding-top: 0vw;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif, "メイリオ", meiryo;
  position: relative;
  color: #000;
  margin: 0; }

@media screen and (max-width: 767px) {
  body {
    font-size: 3.2vw; } }
img {
  width: 100%;
  vertical-align: top; }

h1 {
  margin: 0 !important;
  padding: 0 !important; }

/*=====================================================
ヘッダー
======================================================*/
header .contents_wrap {
  padding: 0 5%; }

/*=====================================================
フッター
======================================================*/
footer {
  padding-top: 50px;
  text-align: center;
  border-top: 2px #e9470a solid; }
  footer .foot_logo {
    max-width: 500px; }

.corporate_btn {
  background: #EA4809;
  display: block;
  margin: 40px auto;
  max-width: 400px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 0;
  border-radius: 40px;
  text-align: center;
  text-decoration: none; }
  .corporate_btn:hover {
    color: #fff;
    opacity: 0.7;
    transition: 0.3s;
    text-decoration: none; }

.copyright {
  color: #000;
  text-align: center;
  padding: 3px;
  font-size: 15px;
  margin: 0; }

/*=====================================================
共通
======================================================*/
.wrap {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box; }

.contents_wrap {
  width: 90%;
  margin: 0 auto; }

.btn_area {
  padding: 10px 0;
  text-align: center; }

.btn_area2 {
  padding: 20px 5%;
  text-align: center;
  background: inherit; }

.pagenavi {
  text-align: center; }
  .pagenavi .heiando_logo {
    width: 80%; }
  .pagenavi .naviflex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0; }
    .pagenavi .naviflex a {
      width: 50%; }

a:hover img {
  opacity: 0.7;
  transition: 0.3s; }

/*=====================================================
メインコンテンツ
======================================================*/
.to_e-hon {
  padding: 20px 0;
  background: #FFF4B2; }

#rakuten {
  background: #AE282E; }
  #rakuten .contents_wrap {
    margin: 0;
    padding: 1px 5%;
    background: #fff; }

#other {
  background: #431E07; }

#shop {
  padding: 0 0 40px;
  position: relative; }
  #shop .contents_wrap {
    padding-top: 40px; }
  #shop .shop_box {
    padding: 20px 0;
    border-bottom: 2px #e9470a solid; }
    #shop .shop_box:last-child {
      border-bottom: none; }
  #shop .shop_ttl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    height: auto;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; }
    #shop .shop_ttl .logo {
      width: 100px; }
    #shop .shop_ttl .shop_name {
      width: 100%;
      margin-left: 40px;
      border-left: 5px #e9470a solid;
      padding-left: 15px;
      line-height: 1.2; }
      #shop .shop_ttl .shop_name .name {
        font-size: 35px;
        font-weight: bold;
        padding: 0;
        margin: 0 0 10px; }
        #shop .shop_ttl .shop_name .name span {
          font-size: 23px;
          margin-left: 10px;
          vertical-align: 3px; }
      #shop .shop_ttl .shop_name .address {
        margin: 0;
        font-size: 18px; }
    #shop .shop_ttl.motomachi, #shop .shop_ttl.blueseal {
      padding: 20px 0; }
    #shop .shop_ttl.motomachi {
      border-bottom: 1px #212121 dotted; }
      #shop .shop_ttl.motomachi .shop_name {
        border-left: 5px #806239 solid; }
        #shop .shop_ttl.motomachi .shop_name .name img {
          width: 220px; }
    #shop .shop_ttl.blueseal .logo {
      width: 130px; }
    #shop .shop_ttl.blueseal .shop_name {
      margin-left: 15px;
      border-left: 5px #005bac solid; }
      #shop .shop_ttl.blueseal .shop_name .name img {
        width: 240px; }
  #shop .shop_txt {
    margin: 15px 0;
    padding: 0;
    font-size: 18px; }
    #shop .shop_txt li {
      text-indent: -108px;
      margin-left: 108px;
      list-style: none; }
  #shop .btn_area2 {
    padding: 10px 5%; }
    #shop .btn_area2 img {
      max-width: 100%;
      width: auto; }
  #shop .higashiwada {
    background: #f8ebd9;
    border-radius: 5px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 0; }

@media screen and (max-width: 767px) {
  #shop {
    padding: 0 0 8vw; }
    #shop .contents_wrap {
      padding-top: 8vw; }
    #shop .shop_box {
      padding: 4vw 0; }
    #shop .shop_ttl {
      justify-content: space-between; }
      #shop .shop_ttl .logo {
        width: 25vw;
        margin-right: 2vw; }
        #shop .shop_ttl .logo img {
          width: 75%; }
      #shop .shop_ttl .shop_name {
        margin-left: 0 !important;
        border-left: 1vw #e9470a solid;
        padding-left: 3vw; }
        #shop .shop_ttl .shop_name .name {
          font-size: 7vw;
          margin: 0 0 2vw; }
          #shop .shop_ttl .shop_name .name span {
            font-size: 4vw;
            margin-left: 2vw;
            vertical-align: 2.5vw; }
        #shop .shop_ttl .shop_name .address {
          font-size: 3vw; }
      #shop .shop_ttl.motomachi, #shop .shop_ttl.blueseal {
        padding: 4vw 0; }
      #shop .shop_ttl.motomachi {
        border-bottom: 1px #212121 dotted; }
        #shop .shop_ttl.motomachi .shop_name {
          border-left: 1vw #806239 solid; }
          #shop .shop_ttl.motomachi .shop_name .name img {
            width: 45%; }
      #shop .shop_ttl.blueseal .logo img {
        width: 100%; }
      #shop .shop_ttl.blueseal .shop_name {
        border-left: 1vw #005bac solid; }
        #shop .shop_ttl.blueseal .shop_name .name img {
          width: 50%; }
    #shop .shop_txt {
      margin: 3vw 0;
      padding: 0;
      font-size: 3.2vw; }
      #shop .shop_txt li {
        text-indent: -19.2vw;
        margin-left: 19.2vw; }
    #shop .btn_area2 {
      padding: 2vw 5%; }
      #shop .btn_area2 img {
        max-width: none;
        width: 70%; }
    #shop .higashiwada {
      border-radius: 1vw;
      font-size: 4.5vw;
      padding: 1vw 0; } }