@charset "utf-8";
/*************************************************************
 *
 * Copyright (c) 2025 ysrock Co., Ltd.	<info@ysrock.co.jp>
 * Copyright (c) 2025 Yasuo Sugano	<sugano@ysrock.co.jp>
 *
 * Version	: 1.0.4
 * Update	  : 2025.10.31
 *
 *************************************************************/


/**
 * テキストボックス
 */
input:not([type=checkbox]):not([type=radio]):not([type=file]) {
  height: initial;
  padding: 0 .1em 0 .5em;
  font-size: initial;
  line-height: initial;
}

/**
 * セレクトボックス
 */
select {
  height: initial;
  padding: 0 1.5em 0 .5em;
  background-position: top .25em right .2em;
  background-size: 1em;
  font-size: initial;
}
@media (max-width: 768px) {
  select {
    background-position: top 0.25em right 0.2em;
  }
}

/**
 * テーブル
 */
div.tableWrap > table > thead > tr > th,
div.tableWrap > table > tbody > tr > th {
  padding: .5em;
}
div.tableWrap > table > tbody > tr > td {
  padding: .5em;
}


@media print, screen and (min-width: 769px) {
  
  /**
   * ヘッダーナビ
   */
  #headerNav {
    position: sticky;
    top: 0;
    z-index: 100;
    padding: .5em 0;
    background-color: #fff;
  }
  #headerNav > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #headerNav > ul > li.store {
    padding-left: 1em;
  }
  #headerNav > ul > li.shortcut {
    flex: 1;
    padding-left: 1em;
    padding-right: 1em;
    text-align: right;
  }

  #userSelect {
    text-align: center;
  }

  /**
   * メイン
   */
  #main {
    padding: 20px;
  }
}

@media (max-width: 768px) {

  #headerNav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100vw;
    height: 10vw;
  }
  #headerNav::before {
    content: "\e930";
    font-family: 'ysrock';
    width: 10vw;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(50%);
    text-align: center;
  }

  #headerNav > ul {
    position: absolute;
    bottom: 10vw;
    width: 100vw;
  }
  #headerNav:not(.show) > ul {
    display: none;
  }
  #headerNav > ul > li {
    display: block;
    padding: .5em;
    text-align: center;
  }
  #headerNav > ul > li > select {
    width: 100%;
    font-size: 1.2em;
  }

  #headerNav > ul > li.store {
    font-size: 1.2em;
  }
  #headerNav > ul > li.shortcut {
    display: flex;
    width: 100%;
  }
  #headerNav > ul > li.shortcut > button {
    flex: 1;
    height: 100%;
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    font-size: 1.1em;
    line-height: 2em;
  }
  #headerNav > ul > li.shortcut > button + button {
    border-left: none;
  }
  #headerNav.show > ul > li.shortcut > button {
    border-color: white;
    color: white;
  }

  #userSelect {
    text-align: right;
  }

  #main {
    padding: 1em 1em calc(9vw + 1em) 1em;
  }
}