@charset "utf-8";
/*

  is_mobile()関数で、パソコンとタブレット・スマホを切り替えている
  body.mobile_deviceでも判別できる

  パソコンは
  /css/pc.css

  タブレット以下は
  /css/mobile.css
*/

:root {
  --main-text: #333;
  --link-text: #0abab5;
  --color-blue: #0abab5;
}

html {
  scroll-behavior: smooth;
}
@media (hover: hover) {
  /* リンクの場合 */
  a:any-link:hover {
    opacity: .7;
    /*color: blue;*/
  }
  /* ボタンの場合 */
  button:enabled:hover {
    opacity: .7;
    /*color: blue;*/
  }
  /* 特定できない場合 
  .button:where(:any-link, :enabled, summary):hover {
  }*/
}

/*
  .home
*/
.home figure.reliable {
  display: flex;
  justify-content: end;
  padding-right: 15px;
}
.home figure.reliable img {
  /*width: min(752px, 98%);*/
  width: auto;
  height: 70px;
}
.home figure.shopdeco {
  display: flex;
  padding-left: 15px;
}
.home figure.shopdeco img {
  max-width: unset !important;
  /*width: min(677px, 98%);*/
  width: auto;
  height: 70px;
}
@media screen and (max-width: 767px) {
  .home figure.reliable img {
    width: min(489px, 98%);
    height: auto;
  }
  .home figure.shopdeco img {
    width: min(477px, 98%);
    height: auto;
  }
}