@charset "UTF-8";
@import url("../shared/css/property.css");

/*
--V91R2ﾏｽﾀUP 2022下期--------------------------------------------------------------------------------------------------
<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示> 2022.12.16 宮川 (3-2)かんたんページの資料詳細画面に所蔵館名の表示を追加する｡
<V91R2:ﾏｽﾀ:貸出延長一括対応>           2022.12.14 宮川 (3-1)貸出状況一覧の保有本を複数選択し、一括で延長手続きが行えるようにする｡
--V92R2ﾏｽﾀUP 2023下期 -------------------------------------------------------------------------------------------
<V92R1:ﾏｽﾀ:検索処理の中断ボタン追加>   2024/02/16 ChanMon (2023/12/09 宮川 (CGSｶｽﾀ_3-2-20)[No.18]｢3-3-8.[No18]検索処理の中断｣を検証する｡)
<V92R1:T12:検索結果・詳細調整>         2023.12.28         (CGSｶｽﾀ_ﾏｽﾀ1-1-19No796_20230315宮川適用)検索結果・詳細の表示調整
--V93R2ﾏｽﾀUP -------------------------------------------------------------------------------------------------
<V93R2:ﾏｽﾀ:ﾎﾞﾀﾝ色統一>                 2025/02/13 宮川    ボタン、白抜きボタン、プルダウンの色を統一する。
<V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し>      2025/03/06         テキストボックスなどの大きさやフォントサイズを見直す。（スマホなどを考慮する）
<V93R2:ﾏｽﾀ:所蔵一覧表示改善対応>       2025/03/18         所蔵一覧の所蔵場所等CSSで定義した表示位置とする。※所蔵場所、置き場所、資料コード
<V93R2:ﾏｽﾀ:ｲﾝﾃﾞﾝﾄ調整>                 2025/03/18         資料詳細のインデントを調整。
*/

/* 00. COMMON SETTING
-------------------------------------------------------------------- */

/* GLOBAL VARIABLES
-------------------------------------------------------------------- */

/* MIXIN
-------------------------------------------------------------------- */

/* FUNCTION
-------------------------------------------------------------------- */

.c-highlight {
  background-color: #fef781;
  font-weight: inherit;
}

.p-searchNothing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-searchNothing h2 {
  font-weight: bold;
  font-size: 2.4rem;
}

.p-searchNothing__btnWrap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 230px;
  flex: 0 0 230px;
  text-align: center;
}

.p-searchNothing__btn {
  display: block;
  font-size: 2rem;
  margin: 0 auto;
  padding: 1.6rem;
  max-width: 230px;
}

.c-roundBtn {
  background-color: var( --font-color);
  border: var( --main-color) solid 4px;
  border-radius: 1.6rem;
  -webkit-box-shadow: 0 6px 0px 0px var( --main-color);
  box-shadow: 0 6px 0px 0px var( --main-color);
  color: #222;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.2;
  padding: 0.8rem 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}

.c-roundBtn span[class^="icon-"] {
  margin: 0.8rem;
}

.c-roundBtn span[class^="icon-"]::before {
  color: var( --main-color);
}

.c-roundBtn.is-hover:hover {
  opacity: 0.9;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

.c-btnArea .c-roundBtn {
  margin: 0.8rem;
}

.c-roundBtn--white {
  -webkit-box-shadow: 0 6px 0px 0px #c3b8a6;
  box-shadow: 0 6px 0px 0px #c3b8a6;
  border-color: #c3b8a6;
}

.c-roundBtn--yellow {
  -webkit-box-shadow: 0 6px 0px 0px #fdd14c;
  box-shadow: 0 6px 0px 0px #fdd14c;
  border-color: #fdd14c;
  color: #222;
}

.c-roundBtn--yellow span[class^="icon-"]::before {
  color: #222;
}

.c-roundBtn--annul {
  background-color: #eaeaea;
  border-color: #aaa;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

.c-roundBtn--annul span[class^="icon-"]::before {
  color: #aaa;
}

.c-roundBtn--annul.is-hover:hover {
  opacity: 1 !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.p-submitBtn {
  font-size: 3rem;
  /*padding: 1.6rem;*/                      /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  padding: 1.0rem;                          /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  width: 100%;
  max-width: 320px;
}

.p-smpMenu__item {
  width: 100%;
  font-size: 2.4rem;
}

.p-smpMenu__item .c-roundBtn {
  padding: 3.2rem 1.6rem;
}

.p-smpMenu__item:nth-child(1),
.p-smpMenu__item:nth-child(2) {
  margin-bottom: 2.4rem;
}

.p-smpMenu__item:nth-child(1) {
  font-size: 6.4rem;
}

.p-smpMenu__item:nth-child(1) .c-roundBtn {
  padding: 6.4rem 1.6rem;
}

.p-smpMenu__item:nth-child(2) {
  font-size: 4.8rem;
}

.p-smpMenu__item:nth-child(2) .c-roundBtn {
  padding: 3.2rem 1.6rem;
}

.p-smpMenu__note {
  /*margin-top: 1.6rem;*/                   /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-top: 1.0rem;                       /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  font-size: 1.6rem;
  line-height: 2;
  width: 100%;
}

.c-book {
  background: #fff;
  /*padding: 2.4rem;*/                      /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  padding: 1.0rem;                          /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.c-book:not(:last-child) {
  /*margin-bottom: 2.4rem;*/                /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-bottom: 1.0rem;                    /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.c-book__transition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
}

/*↓↓↓<V91R2:ﾏｽﾀ:貸出延長一括対応>↓↓↓*/
/*
.c-book__check {
  margin-right: 1.6rem;
}
*/

.c-book__check {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2.4rem;
  flex: 0 0 2.4rem;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-right: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*↑↑↑<V91R2:ﾏｽﾀ:貸出延長一括対応>↑↑↑*/

.c-form .c-book__check .c-form__checkbox {
  margin: 0;
  padding-left: 2.4rem;		/*<V91R2:ﾏｽﾀ:貸出延長一括対応>*/
}

.c-book__num {
  font-size: 2.4rem;
  font-weight: bold;
  color: #222;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.c-book__thumb {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 128px;
  flex: 0 0 128px;
  height: 100%;
  /*margin: 0 1.6rem;*/                     /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin: 0 1.0rem;                         /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  text-align: center;
}

.c-bookPropData {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  /*padding: 0 1.6rem;*/                    /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  padding: 0 1.0rem;                        /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.c-bookPropData__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.c-bookPropData__list:not(:last-child) {
  /*margin-bottom: 1.6rem;*/                /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-bottom: 1.0rem;                    /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

/*↓<V93R2:ﾏｽﾀ:ｲﾝﾃﾞﾝﾄ調整>↓*/
.c-bookPropData__list--double .c-bookPropData__name {
  width: calc(262px - 3%)
}
/*↑<V93R2:ﾏｽﾀ:ｲﾝﾃﾞﾝﾄ調整>↑*/

.c-bookPropData__name {
/*↓<V92R1:T12:検索結果・詳細調整>↓*/
  /*width: 180px;*/
  width: 100px;
/*↑<V92R1:T12:検索結果・詳細調整>↑*/
  font-size: 2rem;
  line-height: 1.2;
  color: #222;
}

.c-bookPropData__name--title {
/*↓<V92R1:T12:検索結果・詳細調整>↓*/
  /*font-size: 3rem;*/
  font-size: 2rem;
/*↑<V92R1:T12:検索結果・詳細調整>↑*/
}

.c-bookPropData__value {
/*↓<V92R1:T12:検索結果・詳細調整>↓*/
  /*width: calc(100% - 180px);*/
  width: calc(100% - 100px);
/*↑<V92R1:T12:検索結果・詳細調整>↑*/
  font-size: 2rem;
  font-weight: bold;
  color: #222;
  line-height: 1.2;
}

.c-bookPropData__value:not(:last-child) {
  margin-bottom: 0.8rem;
}

.c-bookPropData__value--title {
/*↓<V92R1:T12:検索結果・詳細調整>↓*/
  /*font-size: 3rem;*/
  font-size: 2rem;
/*↑<V92R1:T12:検索結果・詳細調整>↑*/
}

.c-bookStatus {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  text-align: center;
}

.c-bookStatus__lending {
  font-size: 2rem;
  font-weight: bold;
  color: #222;
  /*margin-bottom: 1em;*/               /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-bottom: 1rem;                  /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.c-bookStatus__lending span {
  font-weight: inherit;
  margin-right: 0.8rem;
}

.c-bookStatus__lending--available .icon-arrow-b::before {
  color: #045900;
}

.c-bookStatus__lending--available .icon-circle::before {
  color: #045900;
}

.c-bookStatus__lending--onLoan .icon-cross::before {
  color: #a50101;
}

.c-bookStatus__count {
  font-size: 2rem;
  /*margin-bottom: 1em;*/               /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-bottom: 1rem;                  /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.c-bookStatus__btn {
  font-size: 2rem;
  width: 100%;
  max-width: 200px;
  min-width: inherit;
}

.c-bookStatus__btn:nth-of-type(n + 2) {
  margin-top: 1.6rem;
}

.c-bookStatus__note {
  font-size: 2rem;
  text-align: left;
  color: #222;
}

.c-bookStatus__note:not(:last-child) {
  /*margin-bottom: 1.6rem;*/            /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-bottom: 1.0rem;                /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.c-form .c-bookStatus__note select {
  display: block;
  width: 100%;
  max-width: 200px;
  font-size: 1.6rem;
  padding: 0.8rem;
  /* <V93R2:ﾏｽﾀ:ﾎﾞﾀﾝ色統一> Start ↓*/
  /*background: none;*/
  /*color: #222;*/
  background: linear-gradient(125deg, var(--btn-gradation-color1) 0%, var(--btn-gradation-color2) 100%);
  color: var( --font-color);
  /* <V93R2:ﾏｽﾀ:ﾎﾞﾀﾝ色統一> End   ↑*/
  border: 1px solid #222;
  margin: 0.4rem 0 0 0;
}

.p-searchCondition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*margin-bottom: 2.4rem;*/            /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */	
  margin-bottom: 1.0rem;                /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.p-searchCondition__condition {
  font-size: 2rem;
}

.p-searchCondition__condition span {
  font-size: 3rem;
  font-weight: bold;
  margin: 0 0.8rem;
}

.p-searchCondition__page {
  font-size: 3rem;
}

.p-searchCondition__sort {
  font-size: 2.4rem;
}

.p-searchConditionSort__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p-searchConditionSort__item:not(:last-child) {
  margin-bottom: 0.8rem;
}

.p-searchConditionSort__name::after {
  content: "：";
}

.p-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 1.6rem 0;
}

.p-pager__transition {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0.4rem;
  padding: 1.6rem 2.4rem;
  color: var( --font-color);
  background: var( --main-color);
}

.p-pager__icon,
.p-pager__icon--prev,
.p-pager__icon--next {
  display: inline-block;
}

.p-pager__icon--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.p-myLibTopStatus {
  /*margin-bottom: 3.2rem;*/                /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-bottom: 1.0rem;                    /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.p-myLibTopStatus__item {
  font-size: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-myLibTopStatus__item:not(:last-child) {
  /*margin-bottom: 2.4rem;*/                /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  margin-bottom: 1.0rem;                    /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
}

.p-myLibTopStatus__icon {
  margin-right: 0.8rem;
}

.p-myLibTopStatus__count {
  font-weight: bold;
  color: var( --main-color);
  margin: 0 0.8rem;
}

.p-menu__icon {
  color: var( --main-color);
  margin-left: 1.6rem;
}

.p-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-menu__item {
  background: linear-gradient(125deg, white 0%, #fafeff 100%);
  -webkit-box-shadow: -5.657px -5.657px 16px 0px rgba(255, 255, 255, 0.004), 4.589px 6.553px 16px 0px rgba(0, 0, 0, 0.08);
  box-shadow: -5.657px -5.657px 16px 0px rgba(255, 255, 255, 0.004), 4.589px 6.553px 16px 0px rgba(0, 0, 0, 0.08);
  width: calc(100% / 2 - 4px);
}

.p-menu__transition {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #222;
  width: 100%;
  height: 100%;
  padding: 3.2rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-menu__transition .p-menu__icon {
  font-size: 2em;
}

.c-form .p-mymenuSmpmailBd__value input[type="text"] {
  margin: 0 0.8rem 0 0;
}

/*↓↓↓<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↓↓↓*/
.p-bookStockTable {
  width: 100%;
  background: #fff;
  table-layout: fixed;
  border: var( --main-color) solid 3px;
}

.p-bookStockTable th,
.p-bookStockTable td {
  padding: 0.8rem;
  text-align: center;
}

.p-bookStockTable th {
  background: var( --main-color);
  border-bottom: var( --main-color) solid 2px;
  color: var( --font-color);
  font-size: 2.2rem;
  font-weight: bold;
}

.p-bookStockTable th.check {
  width: 60px;
}

.p-bookStockTable th.library {
  width: 300px;
}

.p-bookStockTable th.number {
  width: 60px;
}

.p-bookStockTable th.name {
  width: 220px;
}

/*↓↓↓<V91R2:ﾏｽﾀ:貸出延長一括対応>↓↓↓*/
.p-bookStockTable th.ymd8 {
  width: 170px;
}
/*↑↑↑<V91R2:ﾏｽﾀ:貸出延長一括対応>↑↑↑*/

.p-bookStockTable td {
  border-right: var( --main-color) solid 1px;
  border-bottom: var( --main-color) solid 1px;
  font-size: 2.0rem;
}

.p-bookStockTable td a {
  color: var( --main-color);
  text-decoration: underline;
}

.p-bookStockTable td a.is-hover:hover {
  text-decoration: none;
}

.c-form .p-bookStockTable td .c-form__checkbox {
  margin: 0;
}

.c-form .p-bookStockTable td .c-btn {
  min-width: inherit;
  padding: 0.8rem;
  width: 100%;
  font-size: 2.0rem;
}

.p-bookStockTable tr:nth-of-type(even) td {
  background: var(--sub-color);
}
/*↑↑↑<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↑↑↑*/

/*<V93R2:ﾏｽﾀ:所蔵一覧表示改善対応> Start↓*/
.p-bookStockTable td.library,
.p-bookStockTable td.place {
  text-align: left;
}
/*<V93R2:ﾏｽﾀ:所蔵一覧表示改善対応> End  ↑*/

/*<<<--- <V92R1:ﾏｽﾀ:検索処理の中断ボタン追加> start --->>>*/
.c-searchStop {
  position: fixed;
  top: 80%;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: white;*/
  /*background-color: rgb(255, 255, 255, 0.7);*/
  z-index: 9999;
}
/*>>>--- <V92R1:ﾏｽﾀ:検索処理の中断ボタン追加> end ---<<<*/

@media screen and (max-width: 1366px) {
  .p-menu__transition {
    font-size: 2rem;
    padding: 2.4rem 1.6rem;
  }
}

@media screen and (max-width: 1024px) {
  .c-bookPropData__list--double {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-bookPropData__name {
    font-size: 1.8rem;
    width: 150px;
  }

/*↓<V93R2:ﾏｽﾀ:ｲﾝﾃﾞﾝﾄ調整>↓*/
  .c-bookPropData__list--double .c-bookPropData__name {
    width: 150px;
  }
/*↑<V93R2:ﾏｽﾀ:ｲﾝﾃﾞﾝﾄ調整>↑*/

  .c-bookPropData__name:nth-child(n + 3) {
    /*margin-top: 1.6rem;*/                 /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
    margin-top: 1.0rem;                     /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  }

  .c-bookPropData__value {
    font-size: 1.8rem;
    width: calc(100% - 150px);
  }

  .c-bookPropData__value:nth-child(n + 3) {
    /*margin-top: 1.6rem;*/                 /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
    margin-top: 1.0rem;                     /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  }

/*↓↓↓<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↓↓↓*/
  .p-bookStockTable th {
    font-size: 2.0rem;
  }
/*↑↑↑<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↑↑↑*/
}

@media screen and (max-width: 768px) {
  .p-searchNothing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .p-searchNothing__btnWrap {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    margin-top: 2.4rem;
  }

  .c-roundBtn {
    padding: 0.8rem;
  }

  .p-smpMenu__item {
    font-size: 1.8rem;
  }

  .p-smpMenu__item:not(:last-child) {
    margin-bottom: 2.4rem;
  }

  .p-smpMenu__item .c-roundBtn {
    padding: 1.6rem 0.8rem;
  }

  .p-smpMenu__item:nth-child(1) .c-roundBtn {
    padding: 3.2rem 0.8rem;
  }

  .p-smpMenu__item:nth-child(1) {
    font-size: 2.4rem;
  }

  .p-smpMenu__item:nth-child(2) .c-roundBtn {
    padding: 1.6rem 0.8rem;
  }

  .p-smpMenu__item:nth-child(2) {
    font-size: 2.4rem;
  }

  .p-smpMenu__note br {
    display: none;
  }

  .c-book {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-book__transition {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .c-book__num {
    -ms-flex-preferred-size: 3em;
    flex-basis: 3em;
  }

  .c-book__thumb {
    -ms-flex-preferred-size: calc(100% - 3em);
    flex-basis: calc(100% - 3em);
  }

  .c-bookPropData {
    /*padding: 2.4rem 0;*/                  /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
    padding: 1.0rem 0;                      /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  }

  .c-bookStatus {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    border-top: var(--ichilan-color) solid 1px;
    /*padding-top: 1.6rem;*/                /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
    padding-top: 1.0rem;                    /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  }

  .c-bookStatus__btn {
    max-width: 100%;
  }

  .c-form .c-bookStatus__note select {
    max-width: 100%;
  }

  .p-searchCondition__condition {
    width: 100%;
    /*margin-bottom: 2.4rem;*/              /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
    margin-bottom: 1.0rem;                  /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  }

  .p-searchCondition__page {
    width: 100%;
    font-size: 2rem;
    /*margin-bottom: 2.4rem;*/              /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
    margin-bottom: 1.0rem;                  /* <V93R2:ﾏｽﾀ:ﾃｷｽﾄﾎﾞｯｸｽ等ｻｲｽﾞ見直し> */
  }

  .p-searchCondition__sort {
    width: 100%;
    font-size: 2rem;
  }

  .c-form .p-mymenuSmpmailBd__value input[type="text"] {
    margin: 0 0 0.8rem 0;
  }

  .c-form .p-mymenuSmpmailBd__label {
    margin: 0 0 0.8rem 0;
    display: block;
  }

/*↓↓↓<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↓↓↓*/
  .p-bookStockTable {
    max-width: 480px;
    margin: 0 auto;
  }

  .p-bookStockTable thead {
    display: none;
  }

  .p-bookStockTable th {
    display: none;
  }

  .p-bookStockTable td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    text-align: left;
    width: 100%;
    border-right: none;
    border-bottom-style: dotted;
  }

  .p-bookStockTable td:last-of-type {
    border-bottom: var( --main-color) solid 2px;
  }

  .p-bookStockTable td::before {
    content: attr(label);
    color: var( --main-color);
    font-weight: bold;
    margin-right: 0.5em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
  }
/*↑↑↑<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↑↑↑*/
}

@media screen and (max-width: 480px) {
  .c-bookPropData__name {
    width: 120px;
  }

  .c-bookPropData__value {
    width: calc(100% - 130px);
  }

  .p-menu__item {
    width: 100%;
  }

  .p-menu__item:not(:last-child) {
    margin-bottom: 0.8rem;
  }

/*↓↓↓<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↓↓↓*/
  .c-form .p-bookStockTable td .c-btn {
    padding: 0.8rem;
  }
/*↑↑↑<V91R2:ﾏｽﾀ:かんたんページ所蔵場所表示>↑↑↑*/

}

/* 99. FORM ORIGINAL DEFAULT SETTINGS
-------------------------------------------------------------------- */
/*インジケーター*/
#divloading{border:solid 1px #999;background-color:#f3eee8;-webkit-filter:opacity(80%);-moz-filter:opacity(80%);-o-filter:opacity(80%);-ms-filter:opacity(80%);opacity:0.80;position:fixed;z-index:99;}

.p-loadingAnimation__Area {
  width: 240px;
  height: 340px;
  margin: -140px 0 0 -120px;
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  background: #f3eee8;
}

.p-loadingAnimation__Area p {
  font-size: 150%;
}

.p-loading {
  margin: 100px auto;
  font-size: 20px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load-black 1.1s infinite ease;
  animation: load-black 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load-black {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}

@keyframes load-black {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #000000, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #000000, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #000000, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #000000, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #000000, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #000000, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #000000, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #000000;
  }
}

@-webkit-keyframes load-white {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

@keyframes load-white {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}