/*
Theme Name: iroha Corporate
Theme URI: https://iroha-inc.jp/
Author: iroha Inc.
Description: いろはコーポレートサイト専用の軽量テーマ。
Version: 0.1.1
Requires at least: 6.9
Requires PHP: 7.2.24
Text Domain: iroha
*/

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  width: auto;
  height: auto;
  padding: 12px 16px;
  margin: 8px;
  clip: auto;
  background: #fff;
  z-index: 100000;
}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #1689f5;
  outline-offset: 4px;
}

.site-main:not(.site-main--front) {
  width: min(100% - 40px, 1120px);
  min-height: 60vh;
  margin-inline: auto;
  padding-block: clamp(56px, 9vw, 120px);
}

.admin-bar .site-header {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar .site-header {
    top: 46px;
  }
}

@media (max-width: 560px) {
  .admin-bar .sp-menu {
    top: 112px !important;
  }
}