@charset "UTF-8";

/* ネイティブアプリ: ダブルタップズームを抑えつつ通常タップ・スクロールは維持 */
body.capacitor-native {
  touch-action: manipulation;
}

#wrapper1 {
  padding-bottom: 80px;
  padding-top: 0;
}

#com_app_header1 {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4.71px 37.66px -6.34px rgba(109,109,109,0.17);
  display: flex;
  align-items: center;
  height: 84px;
  margin: 26px auto 69px;
  max-width: 1200px;
  padding: 0 30px;
  position: relative;
  width: 100%;
}
#com_app_header1 .logo1 {
  margin: 0;
}
#com_app_header1 .logo1 a {
  background: url("https://dev.kyosomirai-portal.com/front/assets/common/img/logo1.png") no-repeat left top;
  background-size: contain;
  display: block;
  height: 42px;
  overflow: hidden;
  text-indent: -999em;
  transition: 0.5s;
  width: 320px;
}
#com_app_header1 .logo1 a:hover {
	opacity: 0.8;
}
#com_app_header1 .data1 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	flex: 1;
	margin-left: auto;
}
#com_app_header1 .text1 {
  color: #0074BF;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
#com_app_header1 .text1 span {
  font-weight: 700;
}
#com_app_header1 .text2 {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	text-align: right;
}
#com_app_header1 .text2 span {
	margin-left: 16px;
}
#com_app_menu_btn1 {
    border: 2px solid #0074bf;
    border-radius: 50%;
    cursor: pointer;
    height: 48px;
    margin-left: 25px;
    position: relative;
    width: 48px;
    text-align: center;
}
#com_app_menu_btn1 a {
    display: block;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 2;
}
#com_app_menu_btn1 > span:not(.txt1),
#com_app_menu_btn1 > span:not(.txt1)::after,
#com_app_menu_btn1 > span:not(.txt1)::before {
    background: #0074bf;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 18px;
    transition: 0.5s ease;
    transform-origin: center center;
}
#com_app_menu_btn1 > span:not(.txt1) {
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -1px;
}
#com_app_menu_btn1 > span:not(.txt1)::after,
#com_app_menu_btn1 > span:not(.txt1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}
#com_app_menu_btn1 > span:not(.txt1)::after  { transform: translateY(-7px); }
#com_app_menu_btn1 > span:not(.txt1)::before { transform: translateY(7px); }
#com_app_menu_btn1 > .txt1 {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 6px;
    white-space: nowrap;
    text-align: center;
    color: #0074bf;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
}
#com_app_menu_btn1 > .txt1::before { content: "MENU"; }

/* 開いた時：×に変形（中央線を消し、上下線を中央で±45°回転） */
body.com_app_menu_open #com_app_menu_btn1 > span:not(.txt1) { background-color: transparent; }
body.com_app_menu_open #com_app_menu_btn1 > span:not(.txt1)::after { transform: translateY(0) rotate(45deg); background:#0074bf; }
body.com_app_menu_open #com_app_menu_btn1 > span:not(.txt1)::before { transform: translateY(0) rotate(-45deg); background:#0074bf; }

.com_app_nav1 {
  background: #F9F9F9;
  border-top: 1px solid #0074BF;
  bottom: 0;
  display: flex;
  left: 0;
  flex-wrap: wrap;
  justify-content: center;
  height: 80px;
  position: fixed;
  width: 100%;
	z-index: 101;
}
.com_app_nav1:after {
  background: linear-gradient(to bottom, #ececec, #F9F9F9);
  bottom: -12px;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  pointer-events: none;
  width: 100%;
  position: absolute;
}
.com_app_nav1:not(.has_scan1) .nav1 {
  justify-content: space-around;
  gap: 1.6vw;
  padding-left: 0;
  padding-right: 0;
}
.com_app_nav1 .nav1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 23px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.com_app_nav1 .nav1 li {
  min-width: 45px;
}
.com_app_nav1 .nav1 a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 0 5px;
  position: relative;
  width: 100%;
}
.com_app_nav1 .nav1 a,
.com_app_nav1 .nav1 a:hover {
  text-decoration: none;
}
.com_app_nav1 .nav1 a.on:before {
  background: #0074BF;
  content: "";
  height: 5px;
  left: 50%;
  position: absolute;
  top: -1px;
  transform: translateX(-50%);
  width: 45px;
}
.com_app_nav1 .nav1 a img {
  height: 30px;
  width: auto;
}
.com_app_nav1 .nav1 a:hover img {
  opacity: 0.8;
}
.com_app_nav1 .nav1 a span {
  color: #8E8E8E;
  font-size: 10px;
  font-weight: 700;
  margin: 2px 0 0;
  text-align: center;
}
.com_app_nav1 .nav1 a.on span {
  color: #0074BF;
}
.com_app_nav1 .btn_scan1 {
  display: none;
}

/* 822px以上でフッターバナー(#footer1)とボトムメニュー(.com_app_nav1)を密着させる。
  min-height:100dvh: #wrapper1 を画面高いっぱいにし、#footer1(margin-top:auto)をナビ上端へ寄せる。
  overflow:hidden: 背景イラスト(#contents1.bgN::before)の画面外はみ出しが作る余計なスクロールを防ぐ。 */
@media only screen and (min-width: 822px) {
  #wrapper1 {
    min-height: 100dvh;
    overflow: hidden;
  }
  /* overflow:hidden により #wrapper1 がスクロールコンテナ化し、
     .show-icon-box(position:sticky) の基準がビューポートから #wrapper1 へ移る。
     #wrapper1 自体はスクロールしないため sticky が効かず、アイコンがスクロール量ぶん
     取り残される。821px以下と同じくオーバーレイを画面に固定して回避する。 */
  body .loading-animation {
    position: fixed;
  }
}

/* キーボード表示中はフッターを隠す（useKeyBoardFooter が body.keyboard-open を付与） */
body.keyboard-open .com_app_nav1,
body.keyboard-open .com_app_bscan_buttons1 {
  visibility: hidden;
  pointer-events: none;
}

/* Android / iOS: フォーカス中入力が可視領域中央へ来るようスライド（useKeyBoardFooter が :root に --keyboard-translate-y を設定） */
body.keyboard-slide {
  transform: translateY(calc(-1 * var(--keyboard-translate-y, 0px)));
  transition: transform 0.25s ease-out;
}

/* モーダル表示中はモーダルパネル側をスライド（背後の body は動かさない） */
.modal.keyboard-slide .modal-content {
  transform: translateY(calc(-1 * var(--keyboard-translate-y, 0px)));
  transition: transform 0.25s ease-out;
}

/* スキャン画面: キーボードスライド中は html 背景を白に（下端の透明露出対策） */
html:has(body.scan-camera-preview-active.keyboard-slide) {
  background: #fff !important;
}

#com_app_menu1 {
	height: 100vh;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: all .5s ease-in-out;
	visibility: hidden;
	width: 100%;
	z-index: -1;
}
body.com_app_menu_open #com_app_menu1 {
	opacity: 1;
	visibility: visible;
	z-index: 100;
}
/* サイドメニュー開時はTOPへ戻るボタンを非表示（com_app_menu_open 解除で自動復帰） */
body.com_app_menu_open #com_pagetop1 {
	display: none;
}
#com_app_menu1 .menu_bg1 {
  background: rgba(63,63,63,0.8);
	height: 100vh;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .5s ease-in-out;
	width: 100%;
}
body.com_app_menu_open #com_app_menu1 .menu_bg1 {
	opacity: 1;
}
#com_app_menu1 .menu_wrap1 {
	background: #F9F9F9;
	height: 100%;
	line-height: 1.4;
	opacity: 0;
	overflow: hidden;
	overflow-y: auto;
  max-width: 680px;
	padding: 89px 0 104px;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: all .4s ease-in-out 0s;
	width: 95%;
}
body.com_app_menu_open #com_app_menu1 .menu_wrap1 {
	opacity: 1;
	transform: translateX(0%);
	transition: all .5s ease-in-out .3s;
}

#com_app_menu1 .data1 {
  margin: 0 0 60px 28px;
}
#com_app_menu1 .data1 > * {
  margin: 0 0 3px;
}
#com_app_menu1 .data1 .text1 {
  color: #0074BF;
  font-size: 18px;
}
#com_app_menu1 .data1 .text1 span {
  font-weight: 700;
}
#com_app_menu1 .data1 .text2 {
  font-size: 12px;
}

#com_app_menu1 .menu1 {
  list-style: none;
  margin:  0;
  padding: 0;
}
#com_app_menu1 .menu1 li {
  margin:  0;
}
#com_app_menu1 .menu1 a {
  color: #0074BF;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 700;
  gap: 0 12px;
  min-height: 68px;
  padding: 20px 40px 20px 28px;
  position: relative;
}
#com_app_menu1 .menu1 a img {
  height: 28px;
  width: 28px;
}
#com_app_menu1 .menu1 a:hover img {
  opacity: 0.8;
}
#com_app_menu1 .menu1 a:after {
  border: solid #0074BF;
  border-width: 1px 1px 0 0;
  content: "";
  height: 10px;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
}

#com_app_menu1 .title1 {
  color: #0074BF;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px 23px;
}
* + #com_app_menu1 .title1 {
  margin-top: 40px;
}

#com_app_menu1 .menu2 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 1.26182965%;
  list-style: none;
  margin:  0 23px 28px 23px;
  padding: 0;
  position: relative;
  z-index: 1;
}
#com_app_menu1 .menu2 li {
  margin:  0;
}
#com_app_menu1 .menu2 > li {
  width: 24.05362776%;
}
#com_app_menu1 .menu2 > li > .btn1 {
  background: #fff;
  border: 1px solid #99B6D1;
  border-radius: 4px;
  color: #0074BF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 18px;
  font-weight: 700;
  gap: 0 12px;
  height: 150px;
  padding: 26.5px 0 0 0;
  transition: 0.3s;
  width: 100%;
}
#com_app_menu1 .menu2 > li > .btn1.active, 
#com_app_menu1 .menu2 > li > .btn1:hover {
  border-color: #0074BF;
  box-shadow: 0 0 5px -1px rgba(0,116,191,1);
  text-decoration: none;
}
#com_app_menu1 .menu2 > li > .btn1 > img {
  height: 80px;
  width: 80px;
}
#com_app_menu1 .menu2 > li > ul {
  background: #fff;
  box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.25);
  display: none;
  list-style: none;
  margin: 0;
  padding: 3px 2px;
  position: absolute;
  width: 152.5px;
}
#com_app_menu1 .menu2 > li > .btn1.active + ul {
  display: block;
}
#com_app_menu1 .menu2 > li > ul > li {
  margin: 0;
}
#com_app_menu1 .menu2 > li > ul > li > a {
  display: block;
  font-size: 12px;
  padding: 5.5px 9px;
}
#com_app_menu1 .menu2 > li > ul > li > a:hover {
  color: #0074BF;
  text-decoration: none;
}

#com_app_menu1 .menu2 > li:hover > ul.sub1 {
  display: block;
}

#com_app_memu1 .menu2 > li:hover > .btn1 + ul.sub1 {
  display: block;
}

#com_app_menu1 .button1 {
  background: #fff;
  border: 1px solid #0074BF;
  border-radius: 10px;
  color: #0074BF;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 23px;
  max-width: 634px;
  padding: 14px;
  text-align: center;
}

#com_app_menu1 .menu3 {
  list-style: none;
  margin:  0;
  padding: 0;
}
#com_app_menu1 .menu3 li {
  border-bottom: 1px solid #BECFDF;
  margin:  0;
}
#com_app_menu1 .menu3 a {
  color: #333;
  display: block;
  font-size: 16px;
  padding: 12px 40px 12px 28px;
  position: relative;
  transition: 0.3s;
}
#com_app_menu1 .menu3 a:hover {
  color: #0074BF;
  text-decoration: none;
}
#com_app_menu1 .menu3 a:after {
  border: solid #333;
  border-width: 1px 1px 0 0;
  content: "";
  height: 10px;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 10px;
}
#com_app_menu1 .menu3 a:hover:after {
  border-color: #0074BF;
}

#com_app_menu1 .app_version1 {
  color: #666;
  font-size: 12px;
  margin: 24px 10px 0;
  text-align: center;
}

#com_app_menu1 .com_bn_links1 {
  gap: 15px 2.27272727%;
  margin-left: 10px;
  margin-right: 10px;
}
#com_app_menu1 .com_bn_links1 li {
	margin: 0;
	width: 31.81818182%;
}

#com_app_menu_button_close1 {
    cursor: pointer;
    position: absolute;
    right: 55px;
    text-align: center;
    top: 30px;
    width: 46px;
}
#com_app_menu_button_close1:hover {
    opacity: 0.8;
}
#com_app_menu_button_close1 > div {
    border: 2px solid #0074bf;
    border-radius: 50%;
    height: 46px;
    margin: auto;
    position: relative;
    transition: 1s;
    width: 46px;
}
#com_app_menu_button_close1 > div > span {
    background: #0074bf;
    border-radius: 1px;
    height: 2px;
    left: 11px;
    position: absolute;
    top: calc(50% - 1px);
    transition: 0.5s ease;
    transform-origin: center center;
    width: 20px;
}
#com_app_menu_button_close1 > div > span:nth-child(2) { margin-top: -7px; }
#com_app_menu_button_close1 > div > span:nth-child(3) { margin-top: 7px; }
#com_app_menu_button_close1 > .txt1 {
    display: block;
    margin: 4px auto 0;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    color: #0074bf;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
}
#com_app_menu_button_close1 > .txt1::before {
    content: "CLOSE";
}
body.com_app_menu_open #com_app_menu_button_close1 > div > span:nth-child(1) { opacity: 0; }
body.com_app_menu_open #com_app_menu_button_close1 > div > span:nth-child(2) { margin-top: 0; transform: rotate(45deg); }
body.com_app_menu_open #com_app_menu_button_close1 > div > span:nth-child(3) { margin-top: 0; transform: rotate(-45deg); }

.com_result1 .inquiry-keyword-line {
  display: flex;
  align-items: center;
  gap: 5px 0;
  padding-right: 300px;
}
.com_result1 .inquiry-keyword-line > :nth-child(1) {
  width: 330px;
}
.com_result1 .inquiry-keyword-line > :nth-child(2) {
  flex: 1;
  padding-left: 25px;
}
.com_result1 .inquiry-keyword-line > :nth-child(2) .com_form_check1 {
  white-space: nowrap;
}
.com_result1 .inquiry-action-line {
  display: flex;
  align-items: center;
  justify-content: center;
}
* + .com_result1 .inquiry-action-line {
  margin-top: 5px;
}
.com_result1 .inquiry-action-line > :nth-child(1) {
  position: absolute;
  top: 0;
  right: 0;
  width: 275px;
}
.com_result1 .inquiry-action-line .com_btn1,
.com_result1 .inquiry-action-line .com_btn2 {
  margin: 0 4px;
}

@media only screen and (min-width: 822px) and (max-width: 1260px) {
	#com_app_header1 {
		margin-left: 2.380952380952381vw;
		margin-right: 2.380952380952381vw;
		width: auto;
	}
	#com_app_header1 .logo1 a {
		height: 3.3333333333333335vw;
		width: 25.396825396825395vw;
	}
	#com_app_header1 .text1 {
    font-size: 1.4285714285714286vw;
	}
	#com_app_header1 .text2 {
		font-size: 1.1111111111111112vw;
	}
	#com_app_header1 .text2 span {
		margin-left: 1.2698412698412698vw;
	}
}

/* スキャン画面用スタイル
  スキャン画面（発注スキャン・返品スキャン）はネイティブアプリからのみ到達するため、画面幅による切り分けは行わない。
  セレクタは .com_app_bscan_wrap1 等のDOM存在を条件としており、ブラウザではこれらの要素が生成されないため適用されない。 
*/
.com_app_bscan_wrap1 {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
  padding-top: calc(env(safe-area-inset-top) + 10.133333333333333vw); /* ナビ高さ分 */
  box-sizing: border-box;
  position: relative;
  background: #fff !important;
}
.com_app_bscan_wrap1 > *:not(.goods-scroll-area):not(.com_app_bscan_buttons1) {
  flex-shrink: 0;
}
.goods-scroll-area {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 52vw; /* 固定ボタン分の余白 */
  background: #fff;
  position: relative;
}
.goods-scroll-area > * {
  background: #fff;
}
#com_app_header1:has(~ * .com_app_bscan_wrap1),
.com_bg1:has(~ * .com_app_bscan_wrap1) {
  display: none;
}
#wrapper1:has(.com_app_bscan_wrap1) {
  padding-top: 0;
  padding-bottom: 0;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
}
#wrapper1:has(.com_app_bscan_wrap1) .auth-body,
#wrapper1:has(.com_app_bscan_wrap1) #main-contents {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
html:has(.com_app_bscan_wrap1),
body:has(.com_app_bscan_wrap1) {
  overflow: hidden;
  height: 100%;
}

/* キーボード表示中 スキャン画面の表示非表示切り替え */
body.keyboard-open .com_app_bscan_wrap1 .com_app_bscan_area1,
body.keyboard-open .com_app_bscan_wrap1 .com_app_bscan_text1 {
  display: none;
}

.com_app_bscan_nav1 {
  background: #fff;
  padding-top: env(safe-area-inset-top);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  box-sizing: border-box;
  height: calc(env(safe-area-inset-top) + 10.133333333333333vw);
}
.com_app_bscan_nav1 a {
  color: #0074BF;
  font-size: 3.733333333333334vw;
}
.com_app_bscan_nav1 .title1 {
  height: 10.133333333333333vw;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.066666666666666vw;
  font-weight: 700;
}
.com_app_bscan_nav1 .l,
.com_app_bscan_nav1 .r {
  position: absolute;
  top: calc(env(safe-area-inset-top) + 5.066666666666666vw);
  transform: translateY(-50%);
}
.com_app_bscan_nav1 .l {
  left: 4vw;
}
.com_app_bscan_nav1 .r {
  right: 4vw;
}
.com_app_bscan_nav1 .next,
.com_app_bscan_nav1 .prev1 {
  display: inline-block;
}
.com_app_bscan_nav1 .next:before,
.com_app_bscan_nav1 .prev1:before {
  border: 0.8vw solid #0074BF;
  content: "";
  display: inline-block;
  height: 3.4666666666666663vw;
  transform: rotate(45deg);
  width: 3.4666666666666663vw;
}
.com_app_bscan_nav1 .next:before {
  border-width: 0.8vw 0.8vw 0 0;
}
.com_app_bscan_nav1 .prev1:before {
  border-width: 0 0 0.8vw 0.8vw;
}
.com_app_bscan_nav1 .txt1 {
  font-weight: 700;
}
.com_app_bscan_area1 {
  position: relative;
  width: 100vw;
  height: 56.25vw;
  overflow: hidden;
  background: transparent !important;
  margin-left: calc(50% - 50vw);
}
.com_app_bscan_area1.scan-success-highlight {
  position: relative;
}
.com_app_bscan_area1.scan-success-highlight::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1.8vw solid #ffc700;
  box-sizing: border-box;
  pointer-events: none;
  z-index: 5;
}
body.scan-camera-preview-active .com_app_bscan_wrap1 {
  background: transparent !important;
}
body.scan-camera-preview-active .com_app_bscan_text1 p {
  height: 2rem;
  line-height: 2rem;
  margin-bottom: 0;
}
.com_app_bscan_area1 video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
  pointer-events: none;
}
.com_app_bscan_area1 .cross1 {
  display: block;
  height: 13.333333333333334vw;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 45.33333333333333vw;
}
.com_app_bscan_area1 .cross1:after {
  background: #f00;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin-left: -0.13333333333333333vw;
  position: absolute;
  top: 0;
  width: 0.26666666666666666vw;
}
.com_app_bscan_area1 .cross1:before {
  background: #f00;
  content: "";
  display: block;
  height: 0.5333333333333333vw;
  left: 0;
  margin-top: -0.26666666666666666vw;
  position: absolute;
  top: 50%;
  width: 100%;
}
.com_app_bscan_data1 {
  background: #E8F4FF;
  display: flex;
  flex-wrap: wrap;
  gap: 5.333333333333334vw;
  font-size: 4.266666666666667vw;
  line-height: 1;
  padding: 2.933333333333333vw 4vw;
}
.com_app_bscan_result1 {
  margin-bottom: 37.333333333333336vw;
  padding: 5.333333333333334vw 4vw;
  position: relative;
}
.com_app_bscan_result1 .txt1 {
  font-size: 4.533333333333333vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.866666666666667vw;
  margin-bottom: 1.3333333333333335vw;
}
.com_app_bscan_result1 .txt2 {
  font-size: 3.733333333333334vw;
  margin-bottom: 1.3333333333333335vw;
}
.com_app_bscan_result1 .txt3 {
  font-size: 4.8vw;
  margin-bottom: 4vw;
}
.com_app_bscan_result1 .txt4 {
  font-size: 4.266666666666667vw;
  margin-top: 6.933333333333333vw;
  text-align: center;
}
.com_app_bscan_result1 .tag1 {
  border: 0.26666666666666666vw solid #f00;
  border-radius: 0.5333333333333333vw;
  color: #f00;
  display: inline-block;
  font-size: 3.733333333333334vw;
  line-height: 1;
  vertical-align: middle;
  padding: 1.3333333333333335vw 1.3333333333333335vw 1.0666666666666667vw;
}
.com_app_bscan_result1 .com_ipt_wrap1 {
  margin-top: 0;
}
.com_app_bscan_result1 .com_count_group1 [type=number] {
  height: 13.333333333333334vw !important;
  font-size: 4.8vw;
  width: 20.8vw;
}
.com_app_bscan_result1 .com_count_group1 .com_btn8 {
  height: 13.333333333333334vw !important;
  width: 9.589333333333332vw;
}
.com_app_bscan_result1.bd1 {
  border: 1px solid #ddd;
  border-radius: 2.666666666666667vw;
  margin-bottom: 0;
  padding: 4.8vw 4.266666666666667vw;
}
.com_app_bscan_result1.bd1 + .bd1 {
  margin-top: 2.666666666666667vw;
}
.com_app_bscan_result1 .com_status1 {
  margin: 0;
  min-height: 11.861333333333333vw;
  position: absolute;
  top: 5.333333333333334vw;
  right: 4vw;
  width: 11.861333333333333vw;
}
.com_app_bscan_result1.bd1 .com_status1 {
  right: 4.266666666666667vw;
  top: 4.266666666666667vw;
}
.com_app_bscan_result1 .com_status1 > * {
  min-height: 0;
  padding: 1.3333333333333335vw 0;
  width: 100%;
}
.com_app_bscan_result1 .com_status1 .simple_status_txt {
  font-size: 2.666666666666667vw;
}
.com_app_bscan_result1:has(.com_status1) .txt1,
.com_app_bscan_result1:has(.com_status1) .txt2 {
  margin-right: 3.6rem;
}
.com_app_bscan_buttons1 {
  bottom: 0;
  filter: drop-shadow(0 0.8vw 1.3333333333333335vw rgba(0, 0, 0, 0.08));
  left: 0;
  margin-top: auto;
  position: fixed;
  width: 100%;
}
.com_app_bscan_buttons1 > div {
  background: #F6F6F6;
  font-size: 0;
  line-height: 0;
  padding-bottom: calc(env(safe-area-inset-bottom) + 2.666666666666667vw);
  position: relative;
  text-align: center;
  width: 100%;
}
.com_app_bscan_buttons1 > div:before {
  background: #F6F6F6;
  border-radius: 50%;
  content: "";
  height: 26.666666666666668vw;
  left: 50%;
  position: absolute;
  top: -11.200000000000001vw;
  transform: translateX(-50%);
  width: 26.666666666666668vw;
}
.com_app_bscan_buttons1 > div * {
  position: relative;
}
.com_app_bscan_buttons1 .btn_scan3 {
  display: block;
  height: 22.933333333333334vw;
  margin: 0 auto -6.666666666666667vw;
  top: -9.333333333333334vw;
  width: 22.933333333333334vw;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  padding: 0;
  appearance: none;
}
.com_app_bscan_buttons1 .btn_scan3:active {
  transform: scale(1.11627907);
}
.com_app_bscan_buttons1 .btn_scan3 img {
  height: auto;
  max-width: none;
  width: 100%;
  pointer-events: none;
  -webkit-touch-callout: none;
}
.com_app_bscan_buttons1 .btn1 {
  background: #0074BF;
  border: none;
  border-radius: 1.3333333333333335vw;
  color: #fff !important;
  display: inline-block;
  font-size: 3.733333333333334vw;
  font-weight: 700;
  line-height: 1;
  margin: 0 4vw;
  padding: 3.4vw 0 3vw 0.8vw;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  width: 38.93333333333333vw;
}
.com_app_bscan_buttons1 .btn1.w1 {
  width: 49.06666666666666vw;
}
.com_app_bscan_buttons1 .btn1.disabled {
  background: #BCBCBC;
  pointer-events: none;
}
.com_app_bscan_buttons1 .btn1 img {
  height: 5.333333333333334vw;
  margin-left: 1.6vw;
  vertical-align: middle;
  width: 5.333333333333334vw;
  margin-top: -0.2em;
}
/*  モーダルのボタン
    これらを使用するモーダルはネイティブアプリからのみ表示されるため、
    画面幅による切り分けは行わない。
    ブラウザではカメラが動作せずスキャンできないため、これらのモーダルは表示されない。
*/
.com_app_btn1 {
  background: #0074BF;
  border: none;
  border-radius: 1.3333333333333335vw;
  color: #fff;
  display: block;
  font-size: 4.2vw;
  font-weight: 700;
  height: 12vw;
  margin: 0;
  max-width: 69.33333333333334vw;
  line-height: 12vw;
  padding: 0;
  text-align: center;
  width: 100%;
}
.com_app_btn2 {
  background: #777272;
  border: none;
  border-radius: 1.3333333333333335vw;
  color: #fff;
  display: block;
  font-size: 4.2vw;
  font-weight: 700;
  height: 12vw;
  margin: 0;
  max-width: 69.33333333333334vw;
  line-height: 12vw;
  padding: 0;
  text-align: center;
  width: 100%;
}
.com_app_btn1 + .com_app_btn2 {
  margin-top: 5.333333333333334vw;
}
.com_app_btn3 {
  background: #0074BF;
  border: none;
  border-radius: 1.3333333333333335vw;
  color: #fff;
  display: inline-block;
  font-size: 4vw;
  font-weight: 700;
  height: 10.666666666666668vw;
  margin: auto;
  min-width: 26.93333333333333vw;
  line-height: 10.666666666666668vw;
  padding: 0 1.3333333333333335vw;
  text-align: center;
}
  

@media only screen and (max-width: 821px) {
  /* ヘッダー高さに連動させる。ログインページに影響しないよう「.auth-wrapper」に限定 */
  /* スキャン画面はヘッダーなしのフルスクリーンのため除外 */
  #wrapper1.auth-wrapper:not(:has(.com_app_bscan_wrap1)) {
    padding-top: var(--header-offset, calc(env(safe-area-inset-top) + 34.66666666666667vw));
  }
	.com_bg1 {
		height: var(--header-offset, calc(env(safe-area-inset-top) + 34.66666666666667vw));
	}
	/* .com_bg1のサブピクセル境界による1px隙間対策で102%指定 */
	.com_bg1:before {
		background: linear-gradient(to bottom, rgba(248,249,250,0) 0%, #f8f9fa 100%);
		height: 102%;
	}
  #footer1 {
    display: none;
  }  
  #com_pagetop1 {
    bottom: 28vw;
    display: block;
    position: absolute;
  }
  #com_pagetop1 > div > span {
    bottom: 1.153846153846154vw;
    height: 15vw;
    right: 4vw;
    width: 15vw;
  }
  #com_app_header1 {
    border-radius: 2.666666666666667vw;
    box-shadow: 0 1.256vw 10.042666666666666vw -1.6906666666666668vw rgba(109,109,109,0.17);
    flex-direction: column;
    justify-content: center;
    height: auto;
    left: 4.533333333333333vw;
    margin: 4vw 0;
    padding: 4vw 2.666666666666667vw 4vw;
    position: absolute;
    right: 4.533333333333333vw;
    top: env(safe-area-inset-top);
    z-index: 99;
    width: auto;
  }
  #com_app_header1 .logo1 {
    margin: 0 0 1.0666666666666667vw;
  }
  #com_app_header1 .logo1 a {
    height: 6.933333333333333vw;
    transition: 0s;
    width: 52.800000000000004vw;
  }
  #com_app_header1 .data1 {
		align-items: center;
		margin: 0;
	}
  #com_app_header1 .logo1 a:hover {
    opacity: 1;
  }
  #com_app_header1 .text1 {
    font-size: 3.2vw;
  }
  #com_app_header1 .text2 {
		display: none;
	}
	#com_app_menu_btn1 {
		display: none;
	}

  .com_app_nav1 {
    height: 25.6vw;
  }
  .com_app_nav1 .nav1 {
    gap: 0 6.133333333333333vw;
    padding-left: 4.533333333333333vw;
    padding-right: 4.533333333333333vw;
    width: 100%;
  }
  .com_app_nav1.has_scan1 .nav1 li:nth-child(2) {
    margin-right: auto;
  }
.com_app_nav1 .nav1 li {
  min-width: 45px;
}
  .com_app_nav1 .nav1 a {
    min-width: 12vw;
    padding: 2.666666666666667vw 0 1.3333333333333335vw;
  }
  .com_app_nav1 .nav1 a.on:before {
    height: 1.3333333333333335vw;
    width: 12vw;
  }
  .com_app_nav1 .nav1 a img {
    height: 8vw;
  }
  .com_app_nav1 .nav1 a:hover img {
    opacity: 1;
  }
  .com_app_nav1 .nav1 a span {
    font-size: 2.666666666666667vw;
    margin: 0.5333333333333333vw 0 0;
  }
  .com_app_nav1 .btn_scan1 {
    background: none;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 1.0666666666666667vw 2.666666666666667vw rgba(0,0,0,0.1);
    display: block;
    height: 20.8vw;
    left: 50%;
    margin-left: -10.4vw;
    padding: 0;
    position: absolute;
    top: -5.6000000000000005vw;
    width: 20.8vw;
  }
  .com_app_nav1 .btn_scan1 > img {
    display: block;
    height: 100%;
    width: 100%;
  }

  #com_app_menu1 .menu_wrap1 {
    max-width: none;
    padding: 26.400000000000002vw 0 33.33333333333333vw;
    width: 100%;
  }

  #com_app_menu1 .data1 {
    margin: 0 7.466666666666668vw 10.666666666666668vw;
  }
  #com_app_menu1 .data1 > * {
    margin: 0 0 0.8vw;
  }
  #com_app_menu1 .data1 .text1 {
    font-size: 4.8vw;
    text-align: center;
  }
  #com_app_menu1 .data1 .text2 {
    font-size: 3.733333333333334vw;
  }

  #com_app_menu1 .menu1 a {
    font-size: 4.8vw;
    gap: 0 3.2vw;
    min-height: 18.133333333333333vw;
    padding: 5.333333333333334vw 10.666666666666668vw 5.333333333333334vw 7.466666666666668vw;
  }
  #com_app_menu1 .menu1 a img {
    height: 7.466666666666668vw;
    width: 7.466666666666668vw;
  }
  #com_app_menu1 .menu1 a:hover img {
    opacity: 1;
  }
  #com_app_menu1 .menu1 a:after {
    height: 2.666666666666667vw;
    right: 7.466666666666668vw;
    width: 2.666666666666667vw;
  }

  #com_app_menu1 .title1 {
    font-size: 4.266666666666667vw;
    margin: 0 0 4.266666666666667vw 7.466666666666668vw;
  }
  * + #com_app_menu1 .title1 {
    margin-top: 10.666666666666668vw;
  }

  #com_app_menu1 .menu2 {
    gap: 1.3333333333333335vw;
    margin:  0 4vw 10.666666666666668vw 4vw;
  }
  #com_app_menu1 .menu2 > li {
    width: 45.33333333333333vw;
  }
  #com_app_menu1 .menu2 > li > .btn1 {
    border-radius: 1.0666666666666667vw;
    font-size: 3.2vw;
    gap: 0;
    height: 22.133333333333333vw;
    padding: 2.666666666666667vw 0 0 0;
    transition: 0s;
  }
  #com_app_menu1 .menu2 > li > .btn1.active, 
  #com_app_menu1 .menu2 > li > .btn1:hover {
    box-shadow: 0 0 1.3333333333333335vw -0.26666666666666666vw rgba(0,116,191,1);
  }
  #com_app_menu1 .menu2 > li > .btn1 > img {
    height: 13.333333333333334vw;
    width: 13.333333333333334vw;
  }
  #com_app_menu1 .menu2 > li > ul {
    box-shadow: 1.0666666666666667vw 1.0666666666666667vw 2.666666666666667vw 0 rgba(0,0,0,0.25);
    padding: 0.8vw 0.5333333333333333vw;
    width: 45.33333333333333vw;
  }
  #com_app_menu1 .menu2 > li > ul > li > a {
    font-size: 3.2vw;
    padding: 1.4666666666666666vw 2.4vw;
  }

  #com_app_menu1 .button1 {
    border-radius: 2.666666666666667vw;
    font-size: 3.733333333333334vw;
    margin: 0 4.666666666666667vw;
    max-width: none;
    padding: 3.733333333333334vw;
  }

  #com_app_menu1 .menu3 a {
    font-size: 4.266666666666667vw;
    padding: 3.2vw 10.666666666666668vw 3.2vw 7.466666666666668vw;
  }
  #com_app_menu1 .menu3 a:after {
    height: 2.666666666666667vw;
    right: 7.466666666666668vw;
    width: 2.666666666666667vw;
  }

  #com_app_menu1 .com_bn_links1 {
    gap: 2.1333333333333333vw;
    margin-left: 3.2vw;
    margin-right: 3.2vw;
  }
  #com_app_menu1 .com_bn_links1 li {
    width: 45.733333333333334vw;
  }

  #com_app_menu_button_close1 {
    right: 16px;
    width: 46px;
  }
  #com_app_menu_button_close1:hover {
    opacity: 1;
  }

  body {
    font-size: 3.733333333333334vw;
  }
  .form-control,
  .form-select {
    font-size: 16px;
  }
  #contents1 {
    margin-top: 4vw;
    margin-bottom: 26.666666666666668vw;
  }
  #contents1.mb1 {
    margin-bottom: 6.666666666666667vw;
  }
  .com_inner1 {
    max-width: none;
    padding: 0 4vw;
    margin-top: 1.2180267965895248vw;
  }
  .com_inner2 {
    max-width: none;
    padding: 0 4vw;
  }
  .com_inner3 {
    max-width: none;
    padding: 0 4vw;
  }
  .com_update1 dl {
    border-radius: 1.3333333333333335vw;
    margin: 1.2180267965895248vw 0 1.2180267965895248vw;
    padding: 0.6090133982947624vw 1.8270401948842874vw;
  }
  .com_update1 dl dt,
  .com_update1 dl dd {
    line-height: 3.8400000000000003vw;
    padding-top: 0.5333333333333333vw;
    font-size: 70%;
  }
  .com_update1 dl dd span {
    font-size: 2.4vw;
  }
  .com_icon_reload {
    border-radius: 1.3333333333333335vw;
    height: 8vw;
    width: 8vw;
    margin: 0.1vw 0 0.1vw 2vw;
  }
  .com_title1 {
    font-size: 6.4vw;
    margin: 0 0 8vw;
  }
  .com_title1 .sub1 {
    display: block;
    font-size: 3.733333333333334vw;
  }
  .com_title2 {
    font-size: 4.533333333333333vw;
    margin: 0 0 3.2vw;
  }
  .com_title3 {
    font-size: 5.333333333333334vw;
    margin: 0 0 4vw;
  }
  .com_form1 {
    border-radius: 1.3333333333333335vw;
    padding: 0 2.1333333333333333vw;
  }
  input[type=text].com_form1,
  input[type=password].com_form1,
  input[type=email].com_form1,
  select.com_form1 {
    height: 8.799999999999999vw;
  }
  input[type=text].com_form1.s1,
  input[type=password].com_form1.s1,
  input[type=email].com_form1.s1,
  select.com_form1.s1 {
    font-size: 4.8vw;
    height: 10.666666666666668vw;
  }
  select.com_form1 {
    background-size: 8.986666666666668vw auto;
    height: 8.799999999999999vw;
    padding-right: 12vw;
  }
  textarea.com_form1 {
    height: 16vw;
    padding-top: 1.6vw;
  }
  .com_btn1 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.266666666666667vw;
    height: 8.799999999999999vw;
    line-height: 8.799999999999999vw;
    margin: 0;
    min-width: 20vw;
  }
  .com_btn2 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.266666666666667vw;
    height: 8.799999999999999vw;
    line-height: 8.799999999999999vw;
    margin: 0;
    min-width: 20vw;
  }
  .com_btn3 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.8vw;
    height: 12vw;
    line-height: 12vw;
    min-width: 40vw;
  }
  .com_btn4 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.8vw;
    height: 12vw;
    line-height: 12vw;
    min-width: 40vw;
  }
  .com_btn5 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.8vw;
    height: 10.666666666666668vw;
    line-height: 10.666666666666668vw;
    min-width: 40vw;
  }
  .com_btn6 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.8vw !important;
    height: 12vw;
    line-height: 12vw;
    min-width: 40vw;
    padding: 0 4vw;
  }
  .com_btn7 {
    border-radius: 2.666666666666667vw;
    font-size: 4.8vw;
    height: 12vw;
    line-height: 12vw;
    padding: 0 7.466666666666668vw;
  }
  .com_btn_toggle_group1 label {
    border-radius: 1.3333333333333335vw;
    font-size: 3.733333333333334vw;
    height: 8.799999999999999vw;
    line-height: 8.799999999999999vw;
    padding: 0 2.666666666666667vw;
  }
  .com_btn_toggle_group1:first-child label {
    border-radius: 1.3333333333333335vw 0 0 1.3333333333333335vw;
  }
  .com_btn_toggle_group1 :last-child label {
    border-radius: 0 1.3333333333333335vw 1.3333333333333335vw 0;
  }
  .datepicker-group1 {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap:0;
}
  .datepicker-group1 > div {
    margin: 0;
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
  }
  .datepicker-group1 > div label {
    flex-shrink: 0;
  }
  .com_datepicker_input1 {
    background-position: right 1.6vw center;
    background-size: 4.533333333333333vw;
    border-radius: 1.3333333333333335vw;
    font-size: 3.399999999vw;
    height: 7.199999999999999vw;
    min-width: 0;
    padding: 0 6.4vw 0 1.866666666666667vw;
    width: 100%;
  }
  .com_result1 {
    margin: 0 auto 2.666666666666667vw;
    padding: 2.666666666666667vw 0;
  }
  .com_result1 .group1 {
    flex-direction: column;
    margin: 0.6090133982947624vw auto;
    max-width: 80vw;
  }
  .com_result1 .group1 > div:nth-child(1) {
    width: 100%;
  }
  .com_result1 .group1 > div:nth-child(2) {
    margin-top: 2.666666666666667vw;
    width: 100%;
  }
  .com_result1 .group1 .buttons1 > * + * {
    margin-left: 2.546666666666667vw;
  }
  .com_result1 .group2 {
    margin: 1.933333333333333vw auto 0;
  }
  .com_result1 .group2 select {
    min-width: 32.88888889vw;
  }
  p.com_fs16.text-center.order-results-text {
    margin-bottom: 0.6090133982947624vw;
  }
  .com_pagenation1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.3333333333333335vw;
    margin: 0 0 5.333333333333334vw;
    padding: 0;
  }
  .com_br_cnt1 .com_pagenation1 {
    margin-left: -4vw;
    margin-right: -4vw;
  }
  .com_data_item1 + .com_pagenation1 {
    margin-top: 7vw;
  }
  .com_pagenation1 .text1 {
    font-size: 3.4666666666666663vw;
    width: 100%;
  }
  .com_pagenation1 .pagination {
    margin-top: 2.666666666666667vw;
    order: 3;
    width: 100%;
  }
  .com_pagenation1 .pagination li {
    margin: 0 0.8vw;
  }
  .com_pagenation1 .pagination li > * {
    border-radius: 0.8vw;
    font-size: 3.6vw;
    height: 8.5vw;
    line-height: 8.5vw;
    width: 8.5vw;
  }
  .com_pagenation1 > select {
    order: 2;
    bottom: auto;
    left: auto;
    margin: 0 auto 2.1333333333333333vw 0;
    position: relative;
  }
  .com_br_cnt1 .com_pagenation1 > select {
    margin-left: 1vw;
  }
  .com_icon_edit1 {
    border-radius: 1.3333333333333335vw;
    height: 10.133333333333333vw;
    width: 10.133333333333333vw;
  }
  .com_data_item1 {
    border-radius: 2.666666666666667vw;
    margin: 0 0 4vw;
    padding: 1.3333333333333335vw 3.4666666666666663vw 3.2vw;
  }
  .com_data_item1 p + p {
    margin-top: 0.2em;
  }
  .com_data_item1 .row1 {
    margin: 1.3333333333333335vw 0;
  }
  .com_data_item1 .row1.n1 > div:nth-child(1) {
    display: block;
  }
  .com_data_item1 .row1.n1 > div:nth-child(1) * + * {
    margin-top: 0.8vw;
  }
  .com_data_item1 .row1.n2 {
    flex-direction: column;
    width: 100%;
  }
  .com_data_item1 .row1.n2 > div:nth-child(1) {
    position: relative;
  }
  .com_data_item1 .row1.n2 > div:nth-child(1) .com_status1 {
    display: block;
    position: absolute;
    right: 0;
    top: 1.2em;
  }
  .com_data_item1 .row1.n2 > div:nth-child(1) .com_status1 > * {
    background-image: none;
    min-width: 0;
    width: auto;
  }
  .com_data_item1 .row1.n2 > div + div {
    border-top: 1px solid #d3d3d3;
    margin-top: 2.1333333333333333vw;
    padding-top: 3.4666666666666663vw;
  }
  .com_data_item1 .text1 {
    font-size: 4.266666666666667vw;
  }
  .com_data_item1 .text2 {
    font-size: 4.266666666666667vw;
  }
  .com_data_item1 .row1.n2 > div:nth-child(1) .text2 {
    padding-right: 13.333333333333334vw;
  }
  .com_data_item1 .sep1 {
    margin: 1.3333333333333335vw 0 2.666666666666667vw;
  }
  .com_data_item1 .sep2 {
    border-top-width: 0.27119999999999994vw;
    margin: 3.4666666666666663vw 0 2.666666666666667vw;
  }
  .com_data_item1 .edit_block1 > div {
    flex-direction: column;
    align-items: center;
    padding: 2.1333333333333333vw 0 0;
  }
  .com_data_item1 .edit_block1 .com_form1 {
    font-size: 4vw;
    height: 16vw;
    padding-top: 1.6vw;
    width: 100%;
  }
  .com_data_item1 .edit_block1 .com_btn1 {
    order: 3;
    height: 8vw;
    line-height: 8vw;
    margin-top: 2.666666666666667vw;
    width: 21.333333333333336vw;
  }
  .com_data_item1 .edit_block1 .com_validate_msg1 {
    order: 2;
  }
  .com_status1 {
    justify-content: flex-end;
    gap: 2.666666666666667vw;
    min-height: 22.133333333333333vw;
    margin-top: 2.4vw;
  }
  .com_status1 > * {
    background-size: 1.0666666666666667vw auto;
    border-radius: 1.3333333333333335vw;
    margin: 0;
    min-width: 19.160186666666668vw;
    width: 19.160186666666668vw;
  }
  .com_status1 .txt1 {
    font-size: 3.4666666666666663vw;
    margin-top: 2.666666666666667vw;
    transform: scale(1);
  }
  .com_status1 .txt2 {
    font-size: 4.266666666666667vw;
  }
  .com_status1 .txt1 + .txt2 {
    margin-top: 4vw;
  }
  .com_status1 .txt3 {
    font-size: 3.4666666666666663vw;
  }
  .com_status1 .icon1 {
    height: 10.133333333333333vw;
  }
  .com_status1 .icon3 {
    border-radius: 1.3333333333333335vw;
    height: 13.866666666666665vw;
    width: 13.866666666666665vw;
  }
  .com_rbg1 {
    border-radius: 2.666666666666667vw;
    margin: auto;
    padding: 5.866666666666666vw 2.666666666666667vw 6.666666666666667vw;
    width: calc(100% - 2.666666666666667vw)
  }
  .com_rbg1 > .com_inner3 {
    padding: 0;
  }
  .com_btn_group1 {
    flex-direction: column;
    margin: 6.4vw 0 0;
  }
  .com_btn_group1 > * {
    margin: 0;
  }
  .com_btn_group1 > * + * {
    margin-top: 4vw;
  }
  .com_show_hide_password1 .com_form1 {
    padding-right: 13.333333333333334vw;
  }
  .com_show_hide_password1 .com_show_hide_password_btn1 {
    width: 13.333333333333334vw;
  }
  .com_show_hide_password1 .com_show_hide_password_btn1 a .icon_eye1 {
    height: 6.666666666666667vw;
    width: 6.666666666666667vw;
  }
  .com_show_hide_password1 .com_show_hide_password_btn1 a .icon_eye_slash1 {
    height: 6.666666666666667vw;
    width: 6.666666666666667vw;
  }
  .com_checked_cnt1 {
    margin: 17.333333333333336vw 0 0;
  }
  .com_checked_cnt1 .check_fig1 {
    width: 21.066666666666666vw;
  }
  .com_checked_cnt1 p {
    margin: 6.666666666666667vw 0 5.333333333333334vw;
  }
  .com_zstatus1 {
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 5.333333333333334vw;
    max-width: none;
  }
  .com_zstatus1 > * {
    border-radius: 1.3333333333333335vw;
    font-size: 3.733333333333334vw;
    min-height: 8vw;
    padding: 0 4vw;
  }
  .com_zstatus1 > *:nth-child(1) {
    width: auto;
  }
  .com_zstatus1 > *:nth-child(2) {
    margin-top: 2.666666666666667vw;
    width: auto;
  }
  .com_icon_pdf1 {
    width: 5.333333333333334vw;
  }
  .com_modal1 .modal-dialog {
    margin-left: 4%;
    margin-right: 4%;
  }
  .com_modal1 .modal-content {
    border-radius: 2.666666666666667vw;
  }
  .com_modal1 .modal-body {
    padding: 6.666666666666667vw 2.666666666666667vw;
  }
  .com_modal1 .modal-body .btn-close {
    top: 1.3333333333333335vw;
    right: 1.3333333333333335vw;
  }
  /* 注文結果>同一成分検索モーダル調整 */
  .com_modal1:has(.com_zstatus1) {
    height: calc(100% - env(safe-area-inset-top) - 1em);
    top: env(safe-area-inset-top);
  }
  /* refs #84284 注文結果>再発注モーダル：上部固定・商品一覧のみスクロール */
  .com_modal1:has(.com_zstatus1) .modal-content {
    overflow: hidden;
    max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
  }
  .com_modal1:has(.com_zstatus1) .modal-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
  }
  .com_modal1:has(.com_zstatus1) .modal-body .com_table_wrap1 {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: none;
  }
  /* refs #84284 再発注モーダルはキーボード表示時もパネルを固定（既存スライドを無効化）。上部固定＋内部スクロールで入力を見せる */
  .com_modal1:has(.com_zstatus1).keyboard-slide .modal-content {
    transform: none !important;
    transition: none;
  }
  .com_modal1:has(.com_zstatus1) .com_reorder_btn_bottom1 {
    display: none;
  }
  .com_table_wrap1 {
    border: none;
  }
  .com_table1,
  .com_table1 tbody,
  .com_table1 tbody tr {
    display: block;
    width: 100%;
  }
  .com_table1 tbody tr td {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .com_table1 thead {
    display: none;
  }
  .com_table1 tbody tr {
    border: 1px solid #3D9B7E;
    border-radius: 1.3333333333333335vw;
  }
  .com_table1 tbody tr + tr {
    margin-top: 3.733333333333334vw;
  }
  .com_table1 tbody td {
    background: #fff;
    border-left: none;
    font-size: 3.733333333333334vw;
    min-height: 0;
    padding: 2.1333333333333333vw 0.2em 2.1333333333333333vw 7.5em;
    position: relative;
    text-align: left;
  }
  .com_table1 tbody tr:nth-child(odd) td {
    background-color: #fff;
  }
  .com_table1 tbody td + td {
    border-top: 1px solid #8e8e8e;
  }
  .com_table1 tbody tr td:nth-child(odd) {
    background-color: #F4FAF8;
  }
  .com_table1 tbody tr td:first-child {
    border-radius: 1.3333333333333335vw 1.3333333333333335vw 0 0;
  }
  .com_table1 tbody tr td:last-child {
    border-radius: 0 0 1.3333333333333335vw 1.3333333333333335vw;
  }
  .com_table1 tbody td:before {
    background: #2D9678;
    display: flex;
    align-items: center;
    color: #fff;
    content: attr(data-label);
    font-size: 3.4666666666666663vw;
    font-weight: bold;
    height: 100%;
    left: 0;
    padding: 0 0 0 0.8em;
    position: absolute;
    top: 0;
    word-break: break-all;
    word-wrap: break-word;
    width: 7em;
  }
  .com_table1 .com_form1.cnt1 {
    font-size: 3.733333333333334vw;
    height: 6.666666666666667vw !important;
    padding: 0 1.3333333333333335vw;
    width: 14.266666666666666vw;
  }
  .com_validate_msg1 {
    font-size: 3.2vw;
  }
  .com_form_g1 {
    flex-direction: column;
  }
  .com_form_g1 + .com_form_g1 {
    margin-top: 4.8vw;
  }
  .com_form_g1 > div:nth-child(1) {
    margin: 0 0 2.1333333333333333vw;
    width: 100%;
  }
  .com_form_g1 > div:nth-child(2) {
    width: 100%;
  }
  .com_form_g1 > div:nth-child(1) label {
    font-size: 4.266666666666667vw;
    padding-top: 0;
  }
  .com_form_g1 .flx1 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.666666666666667vw;
  }
  .com_form_g1 .flx1 > * + * {
    margin: 5.333333333333334vw 0 0;
  }
  .com_form_g1 .flx1 input[type=email],
  .com_form_g1 .flx1 input[type=text]
  .com_form_g1 .flx1 input[type=password] {
    order: 1;
    flex: none;
  }
  .com_form_g1 .flx1 button {
    order: 3;
  }
  .com_form_g1 .flx1 .com_validate_msg1 {
    margin-bottom: -10px;
    order: 2;
  }
  .com_form_g1 .flx2 {
    flex-direction: column;
    margin-bottom: 2.666666666666667vw;
  }
  .com_form_g1 .flx2 > * {
    margin: 0;
  }
  .com_form_g1 .flx2 > * + * {
    margin: 5.333333333333334vw 0 0;
  }
  .com_form_g1 .flx2 > div {
    width: 100%;
  }
  .com_form_g1 .com_form_check_label1 {
    font-size: 4.266666666666667vw;
  }
  .com_form_g1 .com_form1.wd2 {
    max-width: none;
  }
  .com_form_g1 .com_form_radio1 {
    height: 4vw;
    width: 4vw;
  }
  .com_sep1 {
    margin: 6.666666666666667vw 0;
  }
  .com_fb_cnt1 {
    flex-direction: column;
  }
  .com_fb_cnt1 > * {
    width: 100%;
  }
  .com_fb_cnt1 > * + * {
    margin: 5.333333333333334vw 0 0;
    align-items: center;
    justify-content: center;
  }
  .static-slides{
    position: relative;
  }
  .static-slide {
    padding: 0 4.266666666666667vw;
  }
  .com_carousel1 {
    margin: 2.666666666666667vw auto 5.333333333333334vw;
    max-width: 88.53333333333333vw;
  }
  .com_carousel1 .swiper {
    position: relative;
  }
  .com_carousel1 .swiper-slide {
    padding: 0 4.266666666666667vw;
  }
  .static-slide img,
  .com_carousel1 img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 1.3333333333333335vw;
  }
  .com_carousel1 .swiper-button-next,
  .com_carousel1 .swiper-button-prev {
    background-size: contain;
    height: 6.666666666666667vw;
    margin: -3.3333333333333335vw 12.3333333333333335vw -3.3333333333333335vw 12.3333333333333335vw;
    width: 6.666666666666667vw;
    cursor: pointer;
  }
  .com_br_cnt1 {
    border-width: 0.5333333333333333vw;
    border-radius: 2.666666666666667vw;
    margin: 0 0 5.333333333333334vw;
    padding: 4.8vw 4vw 2.666666666666667vw;
  }
  .com_br_cnt1.stl1 {
    padding-bottom: 5.866666666666666vw;
    padding-top: 5.866666666666666vw;
  }
  .com_tags1 > span {
    border-radius: 0.8vw;
    font-size: 2.666666666666667vw;
    line-height: 4vw;
    margin: .1em 1.0666666666666667vw .1em 0;
    min-width: 9.333333333333334vw;
    padding: 0 .8em;
  }
  .com_data_item1 .row1 .com_tags1 > span {
    margin-left: 0;
  }
  .com_tags1 > span.tag3 {
    font-size: 2.666666666666667vw;
    line-height: 4vw;
    padding-top: 0.24390243902439024vw;
  }
  .com_link1:after {
    height: 2.4vw;
    margin: 0 0 0 5px;
    width: 2.4vw;
  }
  .com_d_list1,
  .com_d_list1 tbody,
  .com_d_list1 tr,
  .com_d_list1 th,
  .com_d_list1 td {
    clear: left;
    display: block;
    overflow: hidden;
    width: 100%;
  }
  .com_br_cnt1.stl1 .com_d_list1 {
    margin-bottom: 9.866666666666667vw;
  }
  .com_d_list1 tr + tr {
    border-top: 1px solid #dbdbdb;
  }
  .com_d_list1 th {
    border-bottom: none;
    font-size: 2.933333333333333vw;
    padding: 2.4vw 0 1.866666666666667vw 0;
    width: 100%;
  }
  .com_d_list1 td {
    border-bottom: none;
    font-size: 3.733333333333334vw;
    padding: 0 0 2.666666666666667vw;
    width: 100%;
  }
  .com_br_cnt1.stl1 .com_d_list1 th {
    font-size: 3.4666666666666663vw;
    padding: 2.4vw 0 1.866666666666667vw 0;
  }
  .com_br_cnt1.stl1 .com_d_list1 td {
    font-size: 4.266666666666667vw;
    padding: 0 0 2.666666666666667vw;
  }
  .com_br_cnt1.stl1 .com_d_list1 tr:last-child th {
    border-bottom: none;
    padding-bottom: 1.866666666666667vw;
  }
  .com_d_list1 th .com_tags1 {
    justify-content: flex-start;
  }
  .com_d_list1 tr:last-child td {
    padding-bottom: 4vw;
  }
  .com_btns1 {
    align-items: center;
    flex-direction: column;
  }
  .com_btns1 > * {
    border-radius: 2.666666666666667vw;
    font-size: 5.866666666666666vw;
    height: 13.333333333333334vw;
    margin: 0 0 4vw;
    width: 53.333333333333336vw;
  }
  .com_inner2 .com_btns1 {
    margin-left: 0;
    width: 100%;
  }
  .com_inner2 .com_btns1 > * {
    margin: 0 0 4vw;
    width: 53.333333333333336vw;
  }
  .com_inner2 .com_btns1 > * + * {
    margin-left: 0;
  }
  .com_bg_cnt1 {
    padding: 7.466666666666668vw 0 19vw;
  }
  .com_bn_links1 li {
    margin: 0 4vw 4.8vw 0;
    width: 44vw;
  }
  .com_bn_links1 li:nth-child(2n) {
    margin-right: 0;
  }
  .com_bn_links1 li img {
    border-radius: 1.3333333333333335vw;
  }
  .com_post_header1 {
    margin-bottom: 8vw;
    padding-bottom: 3.2vw;
  }
  .com_post_header1:before {
    height: 0.26666666666666666vw;
  }
  .com_post_header1 .title1 {
    font-size: 4.8vw;
  }
  .com_post_header1 .com_meta1 + .title1 {
    margin-top: 4.8vw;
  }
  .com_meta1 .date1 {
    font-size: 2.933333333333333vw;
    margin: 0 1.866666666666667vw 0 0;
  }
  .com_post_body1 p {
    font-size: 4.266666666666667vw;
    line-height: 1.6;
  }
  .com_post_body1 + .com_btn_group1 {
    margin-top: 1.5em;
  }
  .login_index_bg1 {
    background-image: url("/front/assets/common/img/home_bg_sp.jpg");
    background-position: center top;
    position: fixed; /* キーボード表示時に背景が動かないよう固定する */
    height: var(--initial-vh, 100lvh); /* キーボード表示でビューポートが縮んでも背景サイズを維持する */
    width: 100%;
  }
  .login_index_cnt1 {
    padding: 12.533333333333333vw 4vw;
  }
  .login_index_cnt1 .title1 {
    margin: 0 auto 8vw;
  }
  .login_index_cnt1 .title1 img {
    max-width: 89.60000000000001vw;
  }
  .login_index_cnt1 .copy1 {
    font-size: 4.8vw;
    margin: 0 0 6.666666666666667vw;
  }
  .login_index_cnt1 .form-group {
    max-width: 85.33333333333334vw;
  }
  .login_index_cnt1 .com_validate_msg1 {
    margin-top: 2.1333333333333333vw;
    padding-left: 1.0666666666666667vw;
  }
  .login_index_cnt1 .copy2 {
    font-size: 4.266666666666667vw;
    margin: 4vw 0 0;
  }
  .login_index_cnt1 .copy2 input[type=checkbox] {
    height: 3.4666666666666663vw;
    margin-right: 4vw;
    transform: scale(1.692307692307692) translateY(-0.2em);
    width: 3.4666666666666663vw;
  }
  .login_index_cnt1 .com_btn3 {
    display: block;
    font-size: 6.133333333333333vw;
    height: 13.333333333333334vw;
    line-height: 13.333333333333334vw;
    margin: 8vw auto 0;
    max-width: 61.33333333333333vw;
  }
  .login_index_cnt1 .copy3 {
    margin: 4.533333333333333vw 0 0;
    text-align: center;
  }
  .login_index_cnt1 .com_btn4 {
    font-size: 6.133333333333333vw;
    height: 13.333333333333334vw;
    line-height: 13.333333333333334vw;
    min-width: 61.33333333333333vw;
  }
  .com_terms1 {
    border-radius: 1.3333333333333335vw;
    margin: 4vw 0;
  }
  .com_terms1 .inner1 {
    height: 32vw;
    padding: 2.666666666666667vw 2.4vw;
  }
  .com_terms1 h3 {
    font-size: 3.4666666666666663vw;
    margin: 0 0 2.666666666666667vw;
  }
  .com_terms1 p {
    font-size: 3.2vw;
  }
  .com_terms_check1 {
    font-size: 4.266666666666667vw;
  }
  .com_terms_check1 input[type=checkbox] {
    margin: 0 4vw 0 0;
  }
  .com_terms_check1 + button {
    margin-top: 5.333333333333334vw !important;
  }
  .com_center1s {
    text-align: center !important;
  }
  .com_left1s {
    text-align: left !important;
  }
  .com_right1s {
    text-align: right !important;
  }
  .com_mgb0 {
    margin-bottom: 0vw !important;
  }
  .com_mgb5 {
    margin-bottom: 1.3333333333333334vw !important;
  }
  .com_mgb10 {
    margin-bottom: 2.666666666666667vw !important;
  }
  .com_mgb20 {
    margin-bottom: 5.333333333333334vw !important;
  }
  .com_mgb30 {
    margin-bottom: 8vw !important;
  }
  .com_mgb40 {
    margin-bottom: 10.666666666666668vw !important;
  }
  .com_mgb50 {
    margin-bottom: 13.333333333333334vw !important;
  }
  .com_mgb60 {
    margin-bottom: 16vw !important;
  }
  .com_mgb70 {
    margin-bottom: 18.666666666666668vw !important;
  }
  .com_mgb80 {
    margin-bottom: 21.333333333333336vw !important;
  }
  .com_mgb90 {
    margin-bottom: 24vw !important;
  }
  .com_mgb100 {
    margin-bottom: 26.666666666666668vw !important;
  }
  .com_mgb150 {
    margin-bottom: 40vw !important;
  }
  .com_mgt0 {
    margin-top: 0vw !important;
  }
  .com_mgt5 {
    margin-top: 1.3333333333333334vw !important;
  }
  .com_mgt10 {
    margin-top: 2.666666666666667vw !important;
  }
  .com_mgt20 {
    margin-top: 5.333333333333334vw !important;
  }
  .com_mgt30 {
    margin-top: 8vw !important;
  }
  .com_mgt40 {
    margin-top: 10.666666666666668vw !important;
  }
  .com_mgt50 {
    margin-top: 13.333333333333334vw !important;
  }
  .com_mgt60 {
    margin-top: 16vw !important;
  }
  .com_mgt70 {
    margin-top: 18.666666666666668vw !important;
  }
  .com_mgt80 {
    margin-top: 21.333333333333336vw !important;
  }
  .com_mgt90 {
    margin-top: 24vw !important;
  }
  .com_mgt100 {
    margin-top: 26.666666666666668vw !important;
  }
  .com_fs10 {
    font-size: 2.666666666666667vw !important;
  }
  .com_fs11 {
    font-size: 2.933333333333333vw !important;
  }
  .com_fs12 {
    font-size: 3.2vw !important;
  }
  .com_fs13 {
    font-size: 3.4666666666666663vw !important;
  }
  .com_fs14 {
    font-size: 3.733333333333334vw !important;
  }
  .com_fs15 {
    font-size: 4vw !important;
  }
  .com_fs16 {
    font-size: 4.266666666666667vw !important;
  }
  .com_fs17 {
    font-size: 4.533333333333333vw !important;
  }
  .com_fs18 {
    font-size: 4.8vw !important;
  }
  .com_fs19 {
    font-size: 5.066666666666666vw !important;
  }
  .com_fs20 {
    font-size: 5.333333333333334vw !important;
  }
  .com_fs21 {
    font-size: 5.6000000000000005vw !important;
  }
  .com_fs22 {
    font-size: 5.866666666666666vw !important;
  }
  .com_fs23 {
    font-size: 6.133333333333333vw !important;
  }
  .com_fs24 {
    font-size: 6.4vw !important;
  }
  .com_fs25 {
    font-size: 6.666666666666667vw !important;
  }
  .com_fs26 {
    font-size: 6.933333333333333vw !important;
  }
  .com_fs27 {
    font-size: 7.199999999999999vw !important;
  }
  .com_fs28 {
    font-size: 7.466666666666668vw !important;
  }
  .com_fs29 {
    font-size: 7.733333333333333vw !important;
  }
  .com_fs30 {
    font-size: 8vw !important;
  }
  .com_mgb0s {
    margin-bottom: 0vw !important;
  }
  .com_mgb5s {
    margin-bottom: 2vw !important;
  }
  .com_mgb10s {
    margin-bottom: 2.666666666666667vw !important;
  }
  .com_mgb15s {
    margin-bottom: 4vw !important;
  }
  .com_mgb20s {
    margin-bottom: 5.333333333333334vw !important;
  }
  .com_mgb30s {
    margin-bottom: 8vw !important;
  }
  .com_mgb40s {
    margin-bottom: 10.666666666666668vw !important;
  }
  .com_mgb50s {
    margin-bottom: 13.333333333333334vw !important;
  }
  .com_mgb60s {
    margin-bottom: 16vw !important;
  }
  .com_mgb70s {
    margin-bottom: 18.666666666666668vw !important;
  }
  .com_mgb80s {
    margin-bottom: 21.333333333333336vw !important;
  }
  .com_mgb90s {
    margin-bottom: 24vw !important;
  }
  .com_mgb100s {
    margin-bottom: 26.666666666666668vw !important;
  }
  .com_mgb150s {
    margin-bottom: 40vw !important;
  }
  .com_mgt0s {
    margin-top: 0vw !important;
  }
  .com_mgt5s {
    margin-top: 1.3333333333333334vw !important;
  }
  .com_mgt10s {
    margin-top: 2.666666666666667vw !important;
  }
  .com_mgt15s {
    margin-bottom: 4vw !important;
  }
  .com_mgt20s {
    margin-top: 5.333333333333334vw !important;
  }
  .com_mgt25s {
    margin-top: 6.666666666666667vw !important;
  }
  .com_mgt30s {
    margin-top: 8vw !important;
  }
  .com_mgt40s {
    margin-top: 10.666666666666668vw !important;
  }
  .com_mgt50s {
    margin-top: 13.333333333333334vw !important;
  }
  .com_mgt60s {
    margin-top: 16vw !important;
  }
  .com_mgt70s {
    margin-top: 18.666666666666668vw !important;
  }
  .com_mgt80s {
    margin-top: 21.333333333333336vw !important;
  }
  .com_mgt90s {
    margin-top: 24vw !important;
  }
  .com_mgt100s {
    margin-top: 26.666666666666668vw !important;
  }
  .com_fs10s {
    font-size: 2.666666666666667vw !important;
  }
  .com_fs11s {
    font-size: 2.933333333333333vw !important;
  }
  .com_fs12s {
    font-size: 3.2vw !important;
  }
  .com_fs13s {
    font-size: 3.4666666666666663vw !important;
  }
  .com_fs14s {
    font-size: 3.733333333333334vw !important;
  }
  .com_fs15s {
    font-size: 4vw !important;
  }
  .com_fs16s {
    font-size: 4.266666666666667vw !important;
  }
  .com_fs17s {
    font-size: 4.533333333333333vw !important;
  }
  .com_fs18s {
    font-size: 4.8vw !important;
  }
  .com_fs19s {
    font-size: 5.066666666666666vw !important;
  }
  .com_fs20s {
    font-size: 5.333333333333334vw !important;
  }
  .com_fs21s {
    font-size: 5.6000000000000005vw !important;
  }
  .com_fs22s {
    font-size: 5.866666666666666vw !important;
  }
  .com_fs23s {
    font-size: 6.133333333333333vw !important;
  }
  .com_fs24s {
    font-size: 6.4vw !important;
  }
  .com_fs25s {
    font-size: 6.666666666666667vw !important;
  }
  .com_fs26s {
    font-size: 6.933333333333333vw !important;
  }
  .com_fs27s {
    font-size: 7.199999999999999vw !important;
  }
  .com_fs28s {
    font-size: 7.466666666666668vw !important;
  }
  .com_fs29s {
    font-size: 7.733333333333333vw !important;
  }
  .com_fs30s {
    font-size: 8vw !important;
  }
  .com_no_round1s {
    border-radius: 0 !important;
  }
  /* 注文結果画面シンプル版 */
  .simple_card .text2 {
    text-align: start;
    width: 100%;
    margin-top: 0.5rem;
  }
  .com_flx1 + .simple_card {
    margin-top: 5.333333333333334vw;
  }
  .simple_card:has(.com_status1) .simple_items1 {
    margin-right: 3.6rem;
  }
  .simple_card .com_status1 {
    min-height: auto;
    position: absolute;
    top: 0;
  }
  .order-rasults_parent .simple_card .com_status1 {
    position: relative;
  }
  .order-rasults_parent .simple_card .body_lower_half {
    margin-top: 0;
  }
  .simple_card.st1 .com_status1 {
    right: 0;
  }
  .simple_card_header_content {
    display: block;
  }
  .simple_card_header_content > div {
    display: block;
  }
  .simple_card_body_content {
    display: block;
    position: relative;
  }
  .body-upper-half {
    display: flex;
    justify-content: space-between;
  }
  .simple_card_body_content:has( > .simple_body-check > *) .com_status1 {
    top: 8.799999999999999vw;
  }
  .simple_card .com_status1 .stl2 {
    min-width: 13.866666666666665vw;
    width: 13.866666666666665vw;
  }
  .simple_card .com_status1 .icon3 {
    height: 13.866666666666665vw;
    width: 13.866666666666665vw;
  }
  .simple_card .com_form1 {
    margin: 0 5px 10px 0;
    height: 16vw;
  }
  .simple_card .com_btn1 {
    height: 8.799999999999999vw;
  }
  .goods-info-container {
    display: block;
  }
  .pc-no-display {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    z-index: 5;
  }
  .pc-no-display .com_fs12 {
    margin: 0;
    line-height: 1.2;
    position: relative;
    z-index: 2;
  }
  .pc-no-display .simple_status_wrap {
    margin: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
  }
  .grid_container {
    display: grid;
    grid-template-columns: 1fr 2fr; /* 2列レイアウト */
    width: 80%;
    gap: 1px;
  }
  .grid_container.no-permitted-order {
    margin-top: 15vw;
  }
  .grid_container p:nth-child(3) {
    grid-column: 1 / span 2; /* 3番目のp要素を2列にまたがせる */
  }
  .grid_container p:nth-child(4) {
    grid-column: 1 / span 2; /* 4番目のp要素も2列にまたがせる */
  }
  .simple_card:has(.com_status1) .grid_container .com_link2.b:before {
    content: "";
    display: block;
  }
  .simple_card:has(.com_status1) * + .grid_container .com_link2.b:before {
    display: none;
  }
  .simple_status_wrap {
    margin: auto 0;
    min-height: max-content;
  }
  .simple_status_wrap_content {
    width: max-content;
    min-width: auto;
  }
  .edit_block1 .inner1 {
    flex-direction: column;
  }
  /* シンプル版　フォントサイズ系 */
  .simple_card_header_content p {
    font-size: 3.733333333333334vw;
  }
  .simple_txt_14 {
    font-size: 3.65853658536585vw;
  }
  .simple_txt_16 {
    font-size: 3.733333333333334vw;
  }
  .simple_txt_18 {
    font-size: 3.9vw;
  }
  .com_btns2 {
    flex-direction: column;
    gap: 3vw !important;
    margin: auto !important;
    width: 80vw !important;
  }
  .com_btns2 > * {
    border-radius: 2.666666666666667vw;
    box-shadow: 0 0.8vw 0 0 #D9D9D9;
    gap: 5.06666666666666vw;
    min-height: 16.8vw;
    padding: 2.1333333333333333vw 2.1333333333333333vw 2.1333333333333333vw 4.266666666666667vw;
    width: 100% !important;
  }
  .com_btns2 > * .icon1 {
    border-radius: 2.1333333333333333vw;
    height: 12.533333333333333vw;
    width: 12.533333333333333vw;
  }
  .com_btns2 > * .icon1 img {
    width: 9.333333333333334vw;
  }
  .com_btns2 > * .txt1 .t1 {
    font-size: 6.4vw;
  }
  .com_btns2 > * .txt1 .t2 {
    font-size: 2.666666666666667vw;
  }
  .com_g_bg1 {
    margin-left: -4vw;
    margin-right: -4vw;
    padding: 5.333333333333334vw 4vw;
  }
  .com_cnt1 {
    flex-direction: column;
    gap: 1.3333333333333335vw;
    margin: 2.666666666666667vw 0;
    padding: 2.666666666666667vw;
  }
  .com_cnt1 .hd1 h3 {
    font-size: 4.8vw;
    text-align: center;
  }
  .com_cnt1 .com_btn6 {
    height: 10.666666666666668vw;
    line-height: 10.666666666666668vw;
    min-width: 33.06666666666666vw;
  }
  .com_cnt2 {
    margin: 2.666666666666667vw 0;
    padding: 2.666666666666667vw;
  }
  .com_cnt2 .hd1 {
    justify-content: center;
    gap: 2.666666666666667vw;
    margin-bottom: 1.3333333333333335vw;
  }
  .com_cnt2 .hd1 h3 {
    font-size: 4.8vw;
    width: 100%;
    text-align: center;
  }
  .com_cnt1 .hd1 span,
  .com_cnt2 .hd1 span {
    border-radius: 1.6vw;
    font-size: 3.2vw;
    padding: 1.3333333333333335vw 2.666666666666667vw;
  }
  .hd1_dates1 {
    justify-content: center;
    gap: 2.666666666666667vw;
  }
  .com_cnt2 .link_list1 {
    font-size: 4.266666666666667vw;
  }
  .com_cnt3 {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 3.4666666666666663vw;
    padding: 4vw 0 5.333333333333334vw;
  }
  .com_cnt3 > div:first-child {
    width: 100%;
  }
  .com_cnt3 > div:last-child {
    margin-left: auto;
  }
  .com_cnt3 .icon1 {
    height: 5.333333333333334vw;
    margin-right: 2.666666666666667vw;
    vertical-align: middle;
    width: 5.333333333333334vw;
  }
  .com_cnt3 .com_btn6 {
    height: 10.666666666666668vw;
    line-height: 10.666666666666668vw;
    min-width: 34.66666666666667vw;
  }
  .com_modal2 .modal-dialog {
    margin-left: 4vw;
    margin-right: 4vw;
  }
  .com_modal2 .modal-content {
    border-radius: 2.666666666666667vw;
    padding: 8vw 0;
  }
  .com_modal2 .modal-body {
    padding: 2.666666666666667vw 5.333333333333334vw;
  }
  .com_modal2 .modal-footer {
    gap: 6.666666666666667vw;
    padding: 2.666666666666667vw 8vw;
  }
  .com_modal2 .modal-footer .com_btn1,
  .com_modal2 .modal-footer .com_btn2 {
    display: block;
    height: 12vw;
    width: 100%;
  }
  .com_modal2 .icon_attention1 {
    height: 10.133333333333333vw;
    margin: 0 auto 2.1333333333333333vw;
    width: 10.133333333333333vw;
  }
  .com_modal2 .icon_c_check1 {
    height: 10.133333333333333vw;
    margin: 0 auto 2.1333333333333333vw;
    width: 10.133333333333333vw;
  }
  .com_link2 {
    text-indent: -0.04em;
  }
  .com_modal2.sp1 .modal-content {
    max-height: calc(100vh - 1rem);
    overflow-y: auto;
    padding-top: 0;
  }
  .com_modal2.sp1 .modal-header {
    background: #fff;
    left: 0;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .com_modal2.sp1 .modal-header h3 {
    margin: 4.2vw 0 4.266666666666667vw;
    width: 100%;
  }
  .com_modal2.sp1 .btn-close {
    top: 4.2vw;
  }
  .com_links1 {
    font-size: 3.733333333333334vw;
    margin: 0 -4vw 8vw;
  }
  .com_links1 a {
    padding: 0.3em 1em 0.1em;
    position: relative;
  }
  .com_icon_cart1 {
    height: 3.4666666666666663vw;
    margin: 0 0 0 1.3333333333333335vw;
    width: 3.4666666666666663vw;
  }
  .com_cart_num1 {
    border-radius: 1.866666666666667vw;
    bottom: 1.3333333333333335vw;
    font-size: 2.666666666666667vw;
    left: -1.3333333333333335vw;
    line-height: 3.4666666666666663vw;
    min-width: 3.4666666666666663vw;
    padding: 0 0.8vw;
  }
  .com_links1 .com_cart_num1 {
    bottom: auto;
    position: absolute;
    left: auto;
    right: -1.3333333333333335vw;
    top: 0;
  }
  .com_form_check1 {
    font-size: 3.2vw;
    margin-right: 2.666666666666667vw;
    min-height: 6.666666666666667vw;
  }
  .com_form_check1 label:before {
    border-radius: 0.8vw;
    content: "";
    height: 6.666666666666667vw;
    width: 6.666666666666667vw;
  }
  .com_form_check1 :checked + label:after {
    height: 4.266666666666667vw;
    left: 0.8vw;
    top: 1.0666666666666667vw;
    width: 4.266666666666667vw;
  }
  .com_form_check1 :indeterminate + label:after {
    height: 0.5333333333333333vw;
    left: 1.6vw;
    top: 4vw;
    width: 4.666666666666667vw;
  }
  .com_form_check1 label {
    min-height: 6.666666666666667vw;
    padding: 0 0 0 8vw;
  }
  .com_form_check1.st1 {
    font-size: 3.733333333333334vw;
    margin-right: 2.666666666666667vw;
    min-height: 8vw;
  }
  .com_form_check1.st1 label:before {
    height: 8vw;
    width: 8vw;
  }
  .com_form_check1.st1 :checked + label:after {
    left: 1.3333333333333335vw;
    top: 1.6vw;
  }
  .com_form_check1.st1 label {
    min-height: 8vw;
    padding: 0 0 0 12vw;
  }
  .com_form_check2 {
    font-size: 3.2vw;
  }
  .com_form_check2 label:before {
    height: 5.333333333333334vw;
    left: 2.4vw;
    top: 1.3333333333333335vw;
    width: 5.333333333333334vw;
  }
  .com_form_check2 :checked + label:after {
    height: 3.4666666666666663vw;
    left: 2.933333333333333vw;
    top: 2.4vw;
    width: 4.266666666666667vw;
  }
  .com_form_check2 label {
    min-height: 8vw;
    padding: 1.0666666666666667vw 1.3333333333333335vw 1.0666666666666667vw 10.4vw;
  }
  .com_result1 .group3 {
    flex-direction: column;
  }
  .com_result1 .group3 > :nth-child(1) {
    width: 100%;
  }
  .com_result1 .group3 > :nth-child(2) {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333333333333335vw;
    padding-left: 0;
    padding-top: 2.666666666666667vw;
  }
  .com_result1 .group4 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.666666666666667vw 8px;
  }
  .com_result1 .group4 {
    margin-top: 2.666666666666667vw;
  }

  .com_result1 .group4 .com_form1 {
    max-width: none;
  }
  .com_result1 .group4 select {
    width: calc(50% - 1.0666666666666667vw);
  }
  .com_result1 .group4 .com_btn1 {
    margin-left: 0;
  }
  .com_result1 .inquiry-keyword-line {
    gap: 1.3333333333333335vw 4vw;
    max-width: none;
    padding-right: 0;
  }
  * + .com_result1 .inquiry-keyword-line {
    margin-top: 2.666666666666667vw;
  }
  .com_result1 .inquiry-keyword-line > :nth-child(1) {
    flex: 1;
    min-width: 0;
    width: auto;
  }
  .com_result1 .inquiry-keyword-line > :nth-child(2) {
    flex: 0 0 auto;
    width: auto;
    padding-left: 0;
  }
  .com_result1 .inquiry-keyword-line > :nth-child(2) .com_form_check1 {
    white-space: nowrap;
  }
  .com_result1 .inquiry-action-line {
    gap: 1.3333333333333335vw;
    max-width: none;
  }
  * + .com_result1 .inquiry-action-line {
    margin-top: 2.666666666666667vw;
  }
  .com_result1 .inquiry-action-line > :nth-child(1) {
    position: static;
    width: 48vw;
  }
  .com_result1 .inquiry-action-line .com_btn1 {
    flex: 1;
    margin: 0 0 0 auto;
  }
  .com_result1 .inquiry-action-line .com_btn2 {
    flex: 1;
    margin: 0;
  }
  .com_ipt_wrap1 {
    margin-top: 6vw;
  }

  .com_count_group1 [type=number] {
    font-size: 4.266666666666667vw;
    height: 13.333333333333334vw !important;
    padding: 0 1.3333333333333335vw;
    width: 20.266666666666666vw;
  }

  .com_inner4 {
    padding: 0 4vw;
  }

  .com_status1 .icon4 {
    height: 4.8vw;
    margin: 0.26666666666666666vw auto 0;
    width: 4.8vw;
  }
  .com_status1 .count1 {
    font-size: 3.2vw;
  }
  .com_status1 .simple_status_wrap_content.st1 {
    min-height: 11.858666666666666vw;
    min-width: 13.858666666666666vw;
  }
  .com_btn8 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.266666666666667vw;
    height: 13.333333333333334vw;
    width: 9.589333333333332vw;
  }
  .com_btn8.l {
    border-radius: 1.3333333333333335vw 0 0 1.3333333333333335vw;
  }
  .com_btn8.r {
    border-radius: 0 1.3333333333333335vw 1.3333333333333335vw 0;
  }
  .com_btn8 .icon_trash2 {
    width: 5.6000000000000005vw;
  }
  .com_btn9 {
    border-radius: 1.3333333333333335vw;
    font-size: 3.733333333333334vw;
    padding: 0;
    height: 13.333333333333334vw;
    width: 38.13333333333333vw;
  }
  .com_btn9 > span {
    font-size: 3.733333333333334vw;
  }
  .com_btn9 > span > span {
    display: inline;
    font-size: 3.733333333333334vw;
  }
  .com_btn10 {
    border-radius: 1.3333333333333335vw;
    font-size: 3.733333333333334vw;
    padding: 2.666666666666667vw 5.333333333333334vw;
  }
  .com_btn10 .icon_trash1 {
    margin: 0 0 0 0.8vw;
    width: 5.333333333333334vw;
  }
  .com_btn10 .icon_calender2 {
    margin: 0 0 0 0.8vw;
    width: 3.4666666666666663vw;
  }
    .com_btn10 br {
    display: initial;
  }
  .com_flx1:has(.com_btn10) {
    gap: 5.333333333333334vw;
  }
  .com_flx1 .com_btn10 {
    text-align: center;
    padding: 2.666666666666667vw 0;
    width: calc(50% - 2.666666666666667vw);
  }
  .com_flx1 .com_btn10 span {
    display: inline-block;
    padding-right: 7vw;
    position: relative;
  }
  .com_flx1 .com_btn10 span img {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .com_btn11 {
    border-radius: 1.3333333333333335vw;
    font-size: 3.733333333333334vw;
    height: 9.333333333333334vw;
    line-height: 9.333333333333334vw;
    padding: 0 5.333333333333334vw;
  }
  .com_btn11 .icon_paper1 {
    margin: 0 0 0 0.8vw;
    width: 2.666666666666667vw;
  }
  .com_s_icon1,
  .com_s_icon2 {
    border-radius: 0.8vw;
    font-size: 3.733333333333334vw;
    height: 5.333333333333334vw;
    margin: 0 0.6666666666666667vw;
    width: 5.333333333333334vw;
    position: relative;
  }
  .com_dd_list1 .txt1 {
    border-radius: 0.8vw;
    font-size: 3.2vw;
    padding: 1.3333333333333335vw 2.666666666666667vw 1.0666666666666667vw 2.666666666666667vw;
  }
  .com_dd_list1 .txt1:after {
    height: 2.666666666666667vw;
    margin: 0 0 0 2.666666666666667vw;
    width: 2.666666666666667vw;
  }
  .com_dd_list1 .list1 {
    min-width: 81.33333333333333vw;
    padding: 0.5333333333333333vw 0 0;
  }
  .com_dd_list1 ul {
    box-shadow: 2.1333333333333333vw 1.0666666666666667vw 4vw 0 rgba(0,0,0,0.25);
    padding: 0.8vw 0.5333333333333333vw;
  }
  .com_dd_list1 ul li {
    font-size: 3.2vw;
    margin-bottom: 0.8vw;
  }
  .com_flx1 {
    flex-wrap: wrap;
    gap: 2.666666666666667vw;
  }
  .com_flx1 .item1 .txt1 {
    font-size: 3.733333333333334vw;
    margin: 0 2.1333333333333333vw 0 0;
  }
  .com_flx1 .item1 .txt2 {
    border-radius: 1.3333333333333335vw;
    font-size: 4.266666666666667vw;
    height: 8vw;
    min-width: 41.333333333333336vw;
    padding: 0 9.866666666666667vw 0 2.666666666666667vw;
    width: 41.333333333333336vw;
  }
  .com_flx1 .item1 .txt3 {
    font-size: 4.8vw;
  }
  .com_flx1 .item1 .txt4 {
    font-size: 3.733333333333334vw;
    margin-left: 4vw;
    min-width: 0;
  }
  .com_flx1 .item1 .txt4 span {
    font-size: 4.8vw;
    margin-left: 2.666666666666667vw;
  }
  .com_check_all_cnt1 {
    border-radius: 1.3333333333333335vw;
    flex-direction: column;
    margin: 0 0 5.333333333333334vw;
    padding: 4vw;
  }
  .com_check_all_cnt1 > * {
    flex-wrap: wrap;
    gap: 2.666666666666667vw;
  }
  .com_check_all_cnt1 > * + * {
    gap: 2.666666666666667vw 4.8vw;
    justify-content: center;
    margin: 2.666666666666667vw 0 0;
  }
  .com_check_all_cnt1 .btn {
    font-size: 4vw;
    height: 10.666666666666668vw;
    padding: 0 0.5333333333333333vw;
    width: calc(50% - 2.4vw);
  }
  .com_check_all_cnt1 .com_btn1 {
    font-size: 3.733333333333334vw;
  }
  /* CheckAllGoodsの行1: checkbox + メッセージ。
     メッセージは残り幅を埋めてspan内で折り返す */
  .com_check_all_cnt1 > div > .com_fs14 {
    flex: 1 1 0;
    min-width: 0;
  }
  .com_check_all_cnt1 .btn .icon_trash2 {
    margin-left: 0.26666666666666666vw;
    width: 5.6000000000000005vw;
  }
  .com_check_all_cnt1 .btn .icon_calender3 {
    margin-left: 0.26666666666666666vw;
    width: 5.6000000000000005vw;
  }
  .com_check_all_cnt1 .com_form_check1.st1 label {
    padding-left: 10vw;
  }
  .com_d_list1 + * {
    margin-top: 8vw;
  }
  .com_pagenation1 > .com_btn11 {
    order: 2;
    bottom: auto;
    right: auto;
    margin: 0;
    position: relative;
  }
  .com_favorite_group1 {
    border-radius: 2.666666666666667vw;
    flex-direction: column;
    margin: 0 0 2.666666666666667vw;
    padding: 5.333333333333334vw 4vw;
  }
  .com_favorite_group1:has(.delete1) > div {
    padding-right: 4vw;
  }
  .com_favorite_group1 .delete1 {
    display: inline-block;
    font-size: 3.2vw;
    overflow: hidden;
    right: 4vw;
    top: 5.333333333333334vw;
    text-indent: -999em;
    width: 4vw;
  }
  .com_favorite_group1 .delete1 img {
    position: absolute;
    right: 0;
    top: 0;
    width: 4vw;
  }
  .com_favorite_group1 .name1 img {
    width: 5.066666666666666vw;
  }
  .com_favorite_group1 .txt1 {
    font-size: 3.2vw;
  }
  .com_favorite_group1 .edit1 {
    gap: 1.866666666666667vw;
  }
  .com_favorite_group1 .edit1 input[type=text] {
    border-radius: 1.3333333333333335vw;
    flex: 1;
    font-size: 16px;
    height: 8vw;
    padding: 0 3.4666666666666663vw;
    width: 100%;
  }
  .com_favorite_group1 .edit1 .btn {
    border-radius: 1.3333333333333335vw;
    font-size: 3.733333333333334vw;
    height: 8vw;
    line-height: 8vw;
    width: 14.399999999999999vw;
  }
  .simple_card.st1 .body-upper-half {
    flex-direction: column;
  }
  .simple_card.st1 .grid_container {
    display: block;
    width: 100%;
  }
  .simple_txt_sub1 {
    font-size: 3.2vw;
  }
  .datepicker-group1 label {
    font-size: 3.733333333333334vw;
  }
  .simple_card_error1 {
    padding: 1.3333333333333335vw 0 0;
  }
  .simple_card_error1 > *:last-child {
    width: 87.46666666666667vw;
  }
  button.wd1 {
    min-width: 40vw;
  }
  button.wd2 {
    min-width: 0;
    padding-left: 7.733333333333333vw;
    padding-right: 7.733333333333333vw;
  }
  .com_inner5 {
    padding: 0 4vw;
  }
  .icon_return_box1 {
    height: 4vw;
    margin: -1.0666666666666667vw 0 0 1.3333333333333335vw;
    width: 4vw;
  }
  #contents1.bg1:before {
    height: 80vw;
    left: 34.13333333333333vw;
    margin-left: auto;
    top: 94.39999999999999vw;
    width: 82.66666666666667vw;
  }
  #contents1.bg2:before {
    height: 82vw;
    left: 34.13333333333333vw;
    margin-left: auto;
    top: 61.33333333333333vw;
    width: 82.66666666666667vw;
  }
  #contents1.bg3:before {
    height: 80.26666666666667vw;
    left: 33.33333333333333vw;
    margin-left: auto;
    top: 69.33333333333334vw;
    width: 68vw;
  }
  .com_result1 .group7 {
    flex-direction: column;
    gap: 1.3333333333333335vw;
  }
  * + .com_result1 .group7 {
    margin-top: 1.3333333333333335vw;
  }
  .com_result1 .group7 > :nth-child(1) {
    margin-right: 0;
    width: 100%;
  }
  .com_result1 .group8 {
    flex-direction: column;
    gap: 1.3333333333333335vw;
  }
  * + .com_result1 .group8 {
    margin-top: 1.3333333333333335vw;
  }
  .com_result1 .group8 > :last-child {
    gap: 2.666666666666667vw;
    margin-left: 0;
  }
  .com_result1 .group8 select {
    width: 100%;
  }
  .com_result1 .group9 {
    flex-direction: column;
    align-items: center;
    gap: 1.3333333333333335vw;
  }
  * + .com_result1 .group9 {
    margin-top: 1.3333333333333335vw;
  }
  .com_result1 .group9 > :nth-child(1) {
    width: 100%;
  }
  .com_result1 .group9 > :nth-child(2) {
    margin: 0;
  }
  .com_result1 .group9 select {
    min-width: 66.66666666666666vw;
  }
  .com_result1 .group10 {
    gap: 1.3333333333333335vw 2.666666666666667vw;
    max-width: none;
  }
  * + .com_result1 .group10 {
    margin-top: 0;
  }
  .com_result1 .group10 > :nth-child(1) {
    width: 57.333333333333336vw;
  }
  .com_result1 .group11 {
    gap: 1.3333333333333335vw;
    max-width: none;
  }
  * + .com_result1 .group11 {
    margin-top: 2.666666666666667vw;
  }
  .com_result1 .group11 > :nth-child(1) {
    width: 48vw;
  }
  .com_result1 .group11 .com_btn1 {
    margin-left: auto;
  }
  .com_result1 .group12 {
    gap: 1.3333333333333335vw 4vw;
    max-width: none;
  }
  * + .com_result1 .group12 {
    margin-top: 2.666666666666667vw;
  }
  .com_result1 .group12 > :nth-child(1) {
    width: 59.46666666666667vw;
  }
  .com_result1 .group12 > :nth-child(2) {
    flex: 1;
  }
  .com_result1 .group12 .com_btn1 {
    margin-left: auto;
  }
  .com_result1 .group12 .com_form_check1:last-child {
    margin-right: 0;
  }
  .com_result1 .group13 {
    gap: 1.3333333333333335vw;
    max-width: none;
  }
  * + .com_result1 .group13 {
    margin-top: 2.666666666666667vw;
  }
  .com_result1 .group13 > :nth-child(1) {
    width: 48vw;
  }
  .com_result1 .group13 .com_btn1 {
    flex: 1;
    margin-left: auto;
  }
  .com_result1 .group13 .com_btn2 {
    flex: 1;
  }
  .com_result1 .group14 {
    gap: 1.3333333333333335vw 2.666666666666667vw;
    max-width: none;
  }
  * + .com_result1 .group14 {
    margin-top: 1.3333333333333335vw;
  }
  .com_result1 .group14 > :nth-child(1) {
    width: 100%;
  }
  .simple_card.st2 .body-upper-half {
    flex-direction: column;
  }
  .simple_card.st2 .grid_container {
    display: block;
    width: 100%;
  }
  .simple_card.st2 .simple_card_body_top_content1 {
    align-items: flex-start;
    gap: 1.3333333333333335vw 2.666666666666667vw;
    min-height: 0;
  }
  .simple_card.st2 .simple_card_body_top_content1 > :not(:last-child) {
    width: 100%;
  }
  .simple_card .body_lower_half {
    margin-top: 5.333333333333334vw;
  }
  .simple_card.st2 .body_lower_half {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    margin-top: 5.333333333333334vw;
    width: 100%;
  }
  .simple_card.st2 .txt_box1 {
    margin-bottom: 0;
    min-width: 0;
    text-align: right;
    width: auto;
  }
  .simple_card.st2 .txt_box2 {
    min-width: 0;
    text-align: right;
  }
  .simple_card .com_ipt_wrap1 {
    justify-content: space-between;
    margin-top: 2.1333333333333333vw;
    width: 100%;
  }
  .simple_card .com_ipt_wrap1:has(> :only-child) {
    justify-content: flex-end;
    margin-left: auto;
    width: auto;
  }
  .simple_card.st2 .com_ipt_wrap1 {
    justify-content: space-between;
    margin-top: 2.1333333333333333vw;
    width: 100%;
  }
  .simple_card.st2 .com_ipt_wrap1:has(> :only-child) {
    justify-content: flex-end;
    margin-left: auto;
    width: auto;
  }
  .simple_card .com_ipt_wrap1 .datepicker-group1 > div:has(input) {
    flex-direction: column;
    align-items: flex-start;
  }
  .simple_card .com_ipt_wrap1 .com_flx1 .item1:has(.txt2) {
    flex-direction: column;
    align-items: flex-start;
  }
  .com_status2 {
    border-radius: 0.8vw;
    font-size: 3.733333333333334vw;
    padding: 1.3333333333333335vw 4vw 0.5333333333333333vw;
  }
  .com_status2.a {
    background-image: radial-gradient(circle, #b6fe9d 0.13333333333333333vw, transparent 0.13333333333333333vw);
    background-size: 0.8vw 0.8vw;
  }
  .com_status2.c {
    background-image: radial-gradient(circle, #fee850 0.13333333333333333vw, transparent 0.13333333333333333vw);
    background-size: 0.8vw 0.8vw;
  }
  .com_status2.d {
    background-image: radial-gradient(circle, #fedbe3 0.13333333333333333vw, transparent 0.13333333333333333vw);
    background-size: 0.8vw 0.8vw;
  }
  .com_status2.e {
    background-image: radial-gradient(circle, #fedce3 0.13333333333333333vw, transparent 0.13333333333333333vw);
    background-size: 0.8vw 0.8vw;
  }
  .com_status2.f {
    background-image: radial-gradient(circle, #fee850 0.13333333333333333vw, transparent 0.13333333333333333vw);
    background-size: 0.8vw 0.8vw;
  }
  .icon_s_nra1 {
    margin: -0.8vw 0 0 1.3333333333333333vw;
    width: 4.266666666666667vw;
  }
  .com_comment1 {
    display: block;
    font-size: 3.2vw;
    padding: 0 0 0 5.866666666666666vw;
  }
  * + .com_comment1 {
    margin-left: 0;
  }
  .com_comment1 img {
    width: 5.066666666666666vw;
  }
  .com_flx2 {
    flex-direction: column;
  }
  .com_filters1 {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 2.666666666666667vw;
  }
  * + .com_filters1 {
    margin-top: 2.666666666666667vw;
  }
  .com_filters1 .label1 {
    font-size: 3.733333333333334vw;
    margin-top: 1.3333333333333335vw;
  }
  .com_filters1 .btns1 {
    gap: 2.1333333333333333vw;
    flex: 1;
  }
  .com_filters1 .btn1 {
    border-radius: 4vw;
    font-size: 4.266666666666667vw;
    height: 8vw;
    line-height: 7.466666666666668vw;
    padding: 0 5.066666666666666vw;
  }
  /* 追加・変更 第2フェーズ ここまで */
  /* 2025.09.25追加・変更 ここから */
  .com_form_radio2 {
    font-size: 3.2vw;
    margin-right: 2.666666666666667vw;
    min-height: 6.666666666666667vw;
  }
  .com_form_radio2 label:before {
    height: 4.266666666666667vw;
    top: 0.8vw;
    width: 4.266666666666667vw;
  }
  .com_form_radio2 :checked + label:after {
    height: 2.1333333333333333vw;
    left: 1.0666666666666667vw;
    top: 1.866666666666667vw;
    width: 2.1333333333333333vw;
  }
  .com_form_radio2 :indeterminate + label:after {
    height: 2.1333333333333333vw;
    left: 1.0666666666666667vw;
    top: 1.866666666666667vw;
    width: 2.1333333333333333vw;
  }
  .com_form_radio2 label {
    min-height: 6.666666666666667vw;
    padding: 0 0 0 5.333333333333334vw;
  }
  /* 2025.09.25追加・変更 ここまで */
  .dsp-w {
    display: none !important;
  }
  .dspb-w {
    display: none !important;
  }
  .dsp-s {
    display: inline !important;
  }
  .dspb-s {
    display: block !important;
  }
  .simple_card.st2 .simple_card_body_top_content1 {
    align-items: center;
  }
  .simple_card.st2 .simple_card_body_top_content1 > :not(:last-child) {
    flex: 1;
  }
  .com_modal2 .modal-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 86.13333333333333vw;
  }
  .com_modal2 .modal-body {
    padding: 0 8vw;
  }
  .com_modal2.app1 .modal-content {
    max-width: 92vw;
  }
  .com_modal2.app1 .modal-header h3 {
    margin-bottom: 4vw !important;
  }
  .com_modal2.app1 .modal-body {
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 0;
  }
  .com_modal2.app1 .simple_card .simple_card_body_content {
    background: rgba(255,255,255,0.7);
  }
  .com_modal2.app1 .simple_card.st2 .body_lower_half {
    margin-top: 4vw;
  }
  .com_modal2.app1 .com_btn8.l {
    height: 13.333333333333334vw !important;
  }
  .com_modal2.app1 .com_btn8.r {
    height: 13.333333333333334vw !important;
  }
  .com_modal2.app1 .com_app_btn3.disabled,
  .com_modal2.app1 .com_app_btn3:disabled {
    background: #BCBCBC;
    opacity: 1 !important;
    pointer-events: none;
  }
  .com_modal2 .modal-footer {
    gap: 6.666666666666667vw 6.666666666666667vw;
  }
  .modal-footer .com_app_btn1 + .com_app_btn2 {
    margin-top: 0;
  }
  .com_modal2 .icon_c_check1 {
    margin-bottom: 4vw;
  }
  .com_add_fabo1 {
    display: flex;
    flex-direction: column;
    gap: 24px 0;
    margin: auto;
    max-width: 300px;
    padding: 20px 0;
    width: 100%;
  }
  .com_add_fabo1 .group1 {
    display: flex;
    gap: 0 5px;
    width: 100%;
  }
  .com_add_fabo1 input[type=text].com_form1,
  .com_add_fabo1 input[type=password].com_form1,
  .com_add_fabo1 input[type=email].com_form1,
  .com_add_fabo1 select.com_form1 {
    font-size: 16px;
    flex: 1;
    height: 30px;
    padding: 0 13px;
  }
  .com_add_fabo1 .com_btn9 {
    font-size: 14px;
    height: 30px;
    padding: 0 13px;
    width: auto;
  }

  /* トップメッセージ通知をアプリ版ヘッダー(99)・サイドメニュー(100)・フッター(101)より前面に表示 */
  body #com_top_message1 {
    z-index: 102;
  }

  /* トップメッセージ通知の青背景をノッチ/ステータスバー（セーフエリア）まで広げ、テキストはセーフエリア分下げて配置 */
  body #com_top_message1 {
    top: 0;
    padding-top: calc(16px + env(safe-area-inset-top));
  }

  /* 非表示時は要素の高さ分（base と同等の -101%）上に逃がす */
  body #com_top_message1 {
    transform: translateY(-101%);
  }
  body #com_top_message1.show {
    transform: translateY(0);
  }

  /* ローディングオーバーレイをスクロール追従させず画面に固定表示 */
  body .loading-animation {
    position: fixed;
  }

  /* 同一成分検索モーダル等の sticky modal-header が在庫アイコン(.pc-no-display z-index:5)に隠れる不具合対応 */
  body .com_modal2.sp1 .modal-header {
    z-index: 10;
    padding-top: 1vw;
  }

  /* 同一成分検索モーダル等のコンテンツを上部セーフエリア分下にシフト（タイトル＋✕ボタン） */
  body .com_modal2.sp1 {
    padding-top: env(safe-area-inset-top);
  }

  /* モーダル自体のスクロールを禁止 */
  body .com_modal2.sp1#identicalFormulationItemAppModal {
    overflow: hidden;
  }
  /* セーフエリア分の高さ制限・内部スクロール有効化 */
  body .com_modal2.sp1#identicalFormulationItemAppModal .modal-content {
    overflow: hidden;
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
  }
  /* 商品明細スクロール用コンテナ */
  body .com_modal2.sp1#identicalFormulationItemAppModal .modal-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
    min-height: 0;
  }
  /* 商品明細選択モーダルのバウンス防止 */
  body .com_modal2.sp1#identicalFormulationItemAppModal .modal-goods-scroll {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    overscroll-behavior: none;
  }

  /* 返品依頼商品選択モーダル用 */
  body .com_modal2.sp1#returnItemsChoiceAppModal {
    overflow: hidden;
  }
  body .com_modal2.sp1#returnItemsChoiceAppModal .modal-content {
    overflow: hidden;
    max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
  }
  /* 返品依頼商品選択モーダルのバウンス防止 */
  body .com_modal2.sp1#returnItemsChoiceAppModal .modal-body {
    overflow-y: auto;
    overscroll-behavior: none;
    flex: 1;
    min-height: 0;
  }

  /* ✕ボタンをノッチ下に配置するためセーフエリア分を加算 */
  body #com_app_menu_button_close1 {
    top: calc(env(safe-area-inset-top) + 8.533333333333333vw);
  }
  /* ✕ボタンと同量コンテンツをずらし余白を維持する */
  body #com_app_menu1 .menu_wrap1 {
    padding-top: calc(env(safe-area-inset-top) + 26.400000000000002vw);
  }
  .com_app_nav1:not(.has_scan1) .nav1 {
    justify-content: space-around;
    gap: 0;
    padding-left: 0;
    padding-right: 0;
  }
  #com_app_menu1 .title1 {
    color: #0074BF;
    font-size: 16px;
    font-weight: 700;
    margin: 9vw 0 10px 23px;
  }
}