@charset "utf-8";

.g-cover {
  background-image: url(/j3a/images/naire/stationary/uni/g-cover_stationary_uni-20250415.png);
  padding-left: 50px!important;
}

.g-cover_hd .is-longtext {
  margin-left: 0px;
}

.g-grid_el .g-btn {
  height: 100%;
  padding: 8px 15px;
  width: 100%;
}

.p16 {
  padding: 16px 0 !important;
}

.underline {
  position: relative;
  display: inline-block;
}

.underline::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 212px;
  height: 1px;
  background: #1c57b8;
  opacity: 0;
  visibility: hidden;
  transition: .2s;
}

.underline:hover::after {
  bottom: -1px;
  opacity: 1;
  visibility: visible;
}

.g-hd-1 {
  background-color: #fff;
}


/* 売り切れCSS */

.gray-wrap {
  position: relative;
}

.sold-out {
  position: absolute;
  z-index: 10;
  background-color: #f0f0f0;
  opacity: 0.92;
  top:0;
  left:0;
  width: 471px;
  height: 270px;
  text-align: center;
  padding-top: 85px;
  font-size: 1.2rem;
  font-weight: bold;
}

.gray-wrap .panel_el {
  pointer-events: none; 
}


/* アンカーリンクCSS */
.jump-btn-area {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.jump-btn {
  font-weight: bold;
  background-color: #fff;
  height: 108px;
  width: 180px;
  text-align: center;
  border: 2px solid #f79413;
  border-radius: 10px 10px 10px 10px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  padding: 18px 0;
  /* opacity: .5; */
  transition: .3s;
  color: #333;
}
.jump-btn:hover {
  background-color: #f79413;
  color: #fff;
  text-decoration: none!important;
}
.jump-btn::after {
  content: '';
  width: 7px;
  height: 7px;
  border: 0;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(45deg);
  position: absolute;
  bottom: 10px;
  right: 50%;
  margin: auto;
  transition: .3s;
}
.jump-btn:hover::after {
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
}
.jump-btn-flex {
  display: flex;
}
.jump-btn-img {
  width: 50%;
}
.jump-btn-text {
  width: 50%;
  text-align: left;
}

.panel_logo {
  display: inline-block;
  background-repeat: no-repeat;
  height: 30px;
}
.panel_logo.zebra {
  /* background-image: url(/j3a/images/naire/ballpen/logo-zebra.png); */
  width: 81px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.panel_logo.uni {
  /* background-image: url(/j3a/images/naire/ballpen/logo-uni.png); */
  width: 66px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.panel_logo.pirot {
  /* background-image: url(/j3a/images/naire/ballpen/logo-pilot.png); */
  width: 112px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.panel_logo.BIC {
  /* background-image: url(/j3a/images/naire/ballpen/logo-bic.png); */
  width: 108px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.table-flex {
  display: flex;
  align-items: center;
  column-gap: 10px;
  justify-content: center;
}
.scroll-table-pc {
  width: 960px;
  overflow-x: scroll;
}
.scroll-table-pc::-webkit-scrollbar {
  width: 8px;
  background-color: #f1f1f1; 
  border-radius: 5px;
  height: 9px;
}

.scroll-table-pc::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  width: 6px;
  border-radius: 5px;
}