@charset "UTF-8";
/*
Theme Name: RSP - Ver. 3.0
Theme URI: 
Description: 「浪曲SPレコードデジタルアーカイブ」専用テンプレート
Version: 3.0 - JAN 2020
Author: prizms design
Author URI: https://prizms.net
*/
@font-face {
  font-family: "YuGothicWin";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}
@font-face {
  font-family: "YuGothicWin";
  font-weight: bold;
  src: local("YuGothic-bold"), local("Yu Gothic");
}
p {
  margin-bottom: 16px;
}

ul, ol, blockquote {
  margin-top: 24px;
  margin-bottom: 24px;
}

img {
  max-width: 100%;
}

hr {
  height: 1px;
  margin: 48px 0;
  background-color: #efeee9;
  border: none;
}

a {
  text-decoration: none;
}

main p a {
  color: #eaa60e;
  text-decoration: underline;
}
main p a:hover {
  color: #eaa60e;
  text-decoration: none;
}
main p a:visited {
  color: #382d29;
}
main p a:active {
  color: #edbd3d;
  text-decoration: none;
}

.note {
  color: #382d29;
}

html {
  font-family: YuGothicWin, YuGothic, -apple-system, BlinkMacSystemfont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 100%;
  line-height: 1.6em;
  color: #000;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  min-width: 920px;
  height: 100vh;
  font-size: .875rem;
  background-color: #faf9f8;
  overflow: scroll-y;
}
body#top {
  background: #faf9f8;
}

.container {
  width: 920px;
  margin: 0 auto;
  box-sizing: border-box;
}

.frameBox {
  position: relative;
  padding: 32px;
  background-color: #faf9f8;
  border-top: solid 1px #e0ddd2;
  border-bottom: solid 1px #e0ddd2;
}
.frameBox::before, .frameBox::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
}
.frameBox::before {
  top: 0;
  border-bottom: solid 1px #efeee9;
}
.frameBox::after {
  bottom: 0;
  border-top: solid 1px #efeee9;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-bottom: solid 1px #e0ddd2;
  z-index: 500;
}
#top header {
  position: static;
  padding: 20px 0;
  border: none;
}
header nav::after {
  clear: both;
  content: "";
  display: table;
}
header nav #logo {
  display: inline-block;
  width: 184px;
  margin: 19px 80px 19px 48px;
  float: left;
}
header nav #logo a {
  display: block;
  line-height: 0;
}
header nav #logo img {
  display: block;
  height: 17px;
  width: auto;
  padding: 0;
  margin: 0;
}
header nav #logo .logo_sp {
  margin-bottom: 6px;
}
#top header nav #logo .logo_sp {
  margin-bottom: 8px;
}
header nav ul {
  line-height: 1em;
  float: left;
}
header nav ul li {
  display: inline-block;
  border-right: solid 1px #e8e6e0;
}
header nav ul li:first-child {
  border-left: solid 1px #e8e6e0;
}
header nav ul li a {
  display: block;
  padding: 8px 40px 12px;
  line-height: 1em;
  color: #251e1c;
  text-decoration: none;
}
header nav ul li.current a::after, header nav ul li a:hover::after {
  content: "";
  display: block;
  height: 2px;
  width: auto;
  margin-top: 8px;
  margin-bottom: -8px;
  background-color: #c7d3c9;
}

main {
  position: relative;
  min-height: calc(100vh - 127px);
  background-color: #faf9f8;
  box-sizing: border-box;
}
main::before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 85px;
  display: block;
  height: 2px;
  background-color: #faf9f8;
  border-bottom: solid 1px #efeee9;
  z-index: 500;
}
#top main {
  min-height: auto;
  padding-top: 0;
  padding-bottom: 64px;
}
#top main::before {
  display: none;
}
main > section, main > article {
  padding-left: 16px;
  padding-right: 16px;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  text-align: center;
  background-color: #251e1c;
  z-index: 500;
}
footer small {
  display: block;
  font-size: .625rem;
  line-height: 1em;
  color: #fff;
}

.btn {
  display: inline-block;
  width: 100%;
  padding: .8em 1.6em;
  font-size: .875rem;
  line-height: 1em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  letter-spacing: .1em;
  border: solid 1px #fff;
  border-radius: 1.3em;
  box-sizing: border-box;
  cursor: pointer;
}
.btn[type=submit] {
  padding: 0.8em 32px 0.7em;
  font-size: 1rem;
}
.btn.noBorder {
  border: none;
}
.btn.small {
  width: auto;
  font-size: .75rem;
  line-height: 1em;
  border-radius: 1.2em;
}
.btn.music {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  font-size: 12px;
  text-indent: 2px;
  color: #eaa60e;
  border-color: #eaa60e;
  border-radius: 50%;
  box-sizing: border-box;
}
.btn.music.small {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: -8px 8px -8px 0;
  font-size: 8px;
}
.btn.music.alpha {
  color: #fff;
  background: transparent;
  border-color: #fff;
}
.btn.green {
  background: linear-gradient(to bottom, #89b19f 0%, #88b29f 50%, #92b395 100%);
}
.btn.green:hover {
  background: linear-gradient(to bottom, #89b19f 0%, #88b29f 50%, #abb67e 100%);
}
.btn.green_line {
  color: #4a9666;
  background: transparent;
  border: solid 1px #89b19f;
  box-sizing: border-box;
}
.btn.green_line:hover {
  background: #f0f0f0;
}
.btn.gray {
  color: #251e1c;
  background: #e0ddd2;
  border: none;
}
.btn.gray:hover {
  background: #D3D0BE;
}
.btn.orange {
  background: linear-gradient(to bottom, #eaa60e 0%, #eaac36 50%, #e1b557 100%);
}
.btn.orange:hover {
  background: linear-gradient(to bottom, #eaa60e 0%, #eaac36 50%, #d9be76 100%);
}
.btn.white {
  background: linear-gradient(to bottom, white 0%, #fafbfa 50%, #ecf0ec 100%);
}
.btn.white:hover {
  background: linear-gradient(to bottom, white 0%, #f3f6f4 50%, #dae2db 100%);
}
.btn + .btn {
  margin-top: 16px;
}
.disable .btn {
  cursor: default;
  background: #e0ddd2;
}
.disable .btn:hover {
  background: #e0ddd2;
}

#hero {
  margin: 0;
  line-height: 0;
  text-align: center;
  background: linear-gradient(to bottom, white 30%, #c7d3c9 100%);
}

form {
  position: relative;
}
form::after {
  clear: both;
  content: "";
  display: table;
}
form .formBtn {
  width: 139px;
  padding-top: 50px;    /* 92 -> 50 */
  margin-right: 16px;
  text-align: center;
  float: right;
}
form .field_note {
  display: inline-block;
  margin-top: 4px;
  font-size: .75rem;
  line-height: 1.4em;
  color: #906845;
}

fieldset {
  position: relative;
  width: 696px;
  padding: 24px 0 0;
  margin: 46px 16px 0 48px;
  border: none;
  border-top: solid 1px #906845;
  float: left;
  z-index: 10;
}
fieldset legend {
  display: block;
  width: 174px;
  padding: 16px 0 11px;
  margin-top: -66px;
  font-size: .875rem;
  text-align: center;
  line-height: 1em;
  color: #251e1c;
  background-color: #faf9f8;
  border: solid 1px #906845;
  border-bottom: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  float: left;
  cursor: pointer;
  z-index: 12;
}
fieldset label {
  display: block;
  width: 332px;
  margin-bottom: 20px;
  color: #382d29;
  line-height: 1em;
  /*
  &:nth-of-type(odd) {
  	clear: left;
  	float: left;
  }
  &:nth-of-type(even) {
  	float: right;
  }
  */
}
fieldset label input[type=text], fieldset label select {
  width: 100%;
  padding: 4px;
  margin-top: 8px;
  color: #000;
  background-color: #f0f0f0;
  border: none;
  border-bottom: solid 1px #906845;
  box-sizing: border-box;
}
fieldset label input[type=text]:focus, fieldset label select:focus {
  outline: none;
  background-color: #f0f0e6;
}
fieldset label select {
  height: calc(1.5em + 9px);
}
fieldset label input[readonly] {
  color: #251e1c;
  background-color: #e0ddd2;
}
fieldset button.modalBox {
  width: auto;
  margin: -.4em 0;
  padding: .4em .8em;
  font-size: .625rem;
  line-height: 1em;
  vertical-align: middle;
  border-radius: 1.3em;
  float: right;
}
fieldset.spRecord .artist {
  float: left;
}
fieldset.spRecord .post_title {
  float: right;
}
fieldset.spRecord .company {
  width: 259px;
  margin-right: 32px;
  float: left;
}
fieldset.spRecord .number {
  width: 259px;
  margin-right: 32px;
  float: left;
}
fieldset.spRecord .rights {
  width: 114px;
  float: right;
}
fieldset.relatedArticle .post_title {
  float: left;
}
fieldset.relatedArticle .artist {
  float: right;
}
fieldset.relatedArticle .number {
  float: left;
}
fieldset.relatedArticle .format {
  float: right;
}
fieldset[disabled] {
  z-index: 9;
}
fieldset[disabled] legend {
  padding: 12px 0 8px;
  margin-top: -62px;
  background-color: #f3f2ef;
  border: solid 1px #e0ddd2;
  border-bottom: none;
}
fieldset[disabled] label {
  visibility: hidden;
}
fieldset + fieldset {
  position: absolute;
  left: 0;
  top: 0;
}
fieldset + fieldset legend {
  margin-left: 190px;
}

#modal_company_name {
  display: none;
}
#modal_company_name .modal_company_name {
  display: block;
  width: 100%;
  background-color: #fff;
}
#modal_company_name .modal_company_name_box {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  background-color: #fff;
}
#modal_company_name .modal_company_name_box label {
  display: block;
  width: 25%;
  padding: .5em 0;
  cursor: pointer;
}
#modal_company_name .modal_company_name_box label input {
  margin-right: .5em;
}

.searchResult {
  width: 100%;
  margin: 85px 0 0;
  border-collapse: collapse;
}
.searchResult caption, .searchResult.noResult {
  position: relative;
  padding: 32px;
  color: #000;
  text-align: left;
}
.searchResult caption .pageHeadline, .searchResult.noResult .pageHeadline {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1em;
  letter-spacing: .16em;
}
.searchResult caption .pageHeadline + p, .searchResult.noResult .pageHeadline + p {
  margin-bottom: 0;
}
.searchResult caption .pageHeadline + p {
  font-size: .75rem;
  line-height: 1.4em;
}
.searchResult caption .pageHeadline + p + a {
  position: absolute;
  right: 32px;
  top: 32px;
}
.searchResult.noResult .pageHeadline + p {
  font-size: .75rem;
  line-height: 1.6em;
}
.searchResult tbody {
  display: block;
  margin: 0 32px 32px;
  background-color: #fff;
  border-bottom: solid 1px #906845;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
}
.searchResult tr {
  border-top: solid 1px #906845;
}
.searchResult tr:nth-of-type(odd) {
  background-color: #fff;
}
.searchResult tr:nth-of-type(even) {
  background-color: #f3f2ef;
}
.searchResult td {
  padding-top: 24px;
  padding-bottom: 24px;
  vertical-align: middle;
}
.searchResult td.canListen, .searchResult td.cantListen {
  padding-left: 32px;
  padding-right: 32px;
}
.searchResult td.cantListen .music {
  visibility: hidden;
}
.searchResult td.dataBox {
  width: 556px;
  padding: 0;
}
.searchResult td.dataBox p {
  margin: 0;
  letter-spacing: .1em;
}
.searchResult td.dataBox .title {
  font-size: 1rem;
  line-height: 1.8em;
  font-weight: 500;
}
.searchResult td.dataBox .artist {
  margin-right: 1em;
  font-size: .875rem;
  line-height: 1.5em;
  float: left;
}
.searchResult td.dataBox .labelCompany {
  max-width: 458px;
  font-size: .75rem;
  line-height: 1.75em;
  letter-spacing: .06em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.resultDoc .searchResult td.dataBox .labelCompany {
  max-width: 522px;
}
.searchResult td.dataBox .labelCompany::before {
  content: "／";
}
.resultDoc .searchResult td.dataBox {
  width: 620px;
  padding-left: 32px;
}
.searchResult td.linkToDetail {
  padding-left: 16px;
  padding-right: 32px;
  white-space: nowrap;
}

.paginationBox {
  padding: 0 32px;
}
.paginationBox .location {
  color: #251e1c;
  text-align: center;
  letter-spacing: .1em;
}

.pagination {
  display: block;
  width: 100%;
  padding: 0 0 90px;
  margin: 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
  margin: 0 4px;
  list-style: none;
  font-size: .875rem;
}
.pagination li a, .pagination li span {
  display: block;
  padding: 8px 11.2px;
  line-height: 1em;
  color: #251e1c;
  text-align: center;
  background-color: #e0ddd2;
  border-radius: 5px;
  box-sizing: border-box;
}
.pagination li a:hover {
  background-color: #D3D0BE;
}
.pagination li.inactive a, .pagination li.inactive span {
  color: #e0ddd2;
  background-color: #fff;
}
.pagination li.current a, .pagination li.current span {
  color: #fff;
  background-color: #906845;
}

#record main > article,
#article main > article {
  display: -ms-grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 1fr;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  height: 100vh;
}

.dataDetail {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 2;
  grid-column-end: 3;
  display: -ms-grid;
  -ms-grid-rows: auto auto;
  -ms-grid-columns: auto;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto;
  align-content: start;
  position: relative;
  background-color: #fff;
  border-collapse: collapse;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  z-index: 400;
  /**/
  height: calc(100vh - 127px);
  min-height: calc(100% - 127px);
  margin-top: 85px;
  margin-bottom: 42px;
  padding: 64px 32px 0;
  overflow-y: scroll;
}
.dataDetail tbody, .dataDetail caption, .dataDetail tr, .dataDetail th, .dataDetail td {
  display: block;
  text-align: left;
}
.dataDetail caption {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail caption .dataTitle {
  margin: 0 0 12px;
  font-size: 1.125rem;
  line-height: 1.4em;
  color: #000;
  font-weight: 500;
  letter-spacing: .1em;
}
.dataDetail caption .dataTitleKana {
  margin: 0 0 8px;
  font-size: .75rem;
  line-height: 1.4em;
  color: #796f6d;
  letter-spacing: .05em;
}
.dataDetail caption .dataTitleRoman {
  margin: 0 0 16px;
  font-size: .75rem;
  line-height: 1.4em;
  color: #796f6d;
  letter-spacing: .05em;
}
.dataDetail tbody {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  display: -ms-grid;
  -ms-grid-rows: auto auto auto auto auto;
  -ms-grid-columns: auto;
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: auto;
  align-content: start;
  position: relative;
  padding-bottom: 90px;
}
.dataDetail tbody tr::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 1px;
  background-color: #e0ddd2;
}
.dataDetail tbody th {
  padding: 20px 0 12px;
  font-size: .75rem;
  line-height: 1em;
  font-weight: normal;
  color: #382d29;
}
.dataDetail tbody td {
  padding: 0 0 16px 0;
  font-size: .875rem;
  line-height: 1.6em;
  color: #000;
}
.dataDetail .artistLine {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .artistLine::after {
  clear: both;
  content: "";
  display: table;
}
.dataDetail .artistLine td {
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  clear: both;
      /*
			&:nth-of-type(odd) {
				padding-right: baseUnit();
			}
			&:nth-of-type(even) {
				padding-left: baseUnit();
			}
			&:nth-of-type(n + 3) {
				padding-top: baseUnit(3);
			}
      */
}
.dataDetail .artistLine td .name {
  width: 75%;
  margin: 0;
  padding: 16px 0 0;
  font-size: 1rem;
  line-height: 1.4em;
  word-break: break-all;
  float: left;
}
.dataDetail .artistLine td .name .nameKana {
  display: block;
  margin-top: .8em;
  font-size: .75rem;
  line-height: 1em;
  color: #796f6d;
}
.dataDetail .artistLine td .name .nameRoman {
  display: block;
  margin-top: .4em;
  font-size: .75rem;
  line-height: 1.6em;
  color: #796f6d;
}
.dataDetail .artistLine td .name .portraitRegistration {
  display: block;
  margin-top: .2em;
  font-size: .625rem;
  line-height: 1.6em;
  color: #4a9666;
  text-decoration: underline;
}
.dataDetail .artistLine td .name .portraitRegistration:hover {
  text-decoration: none;
}
.dataDetail .artistLine td .portraitFigure {
  width: 25%;
  margin: -12px 0 0;
  float: left;
}
.dataDetail .firstLine, .dataDetail .secondLine, .dataDetail .thirdLine, .dataDetail .forthLine, .dataDetail .btnLine, .dataDetail .collectionLine, .dataDetail .digitalLine {
  display: -ms-grid;
  -ms-grid-rows: auto auto;
  -ms-grid-columns: auto auto 1fr;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto 1fr;
  align-content: start;
}
.dataDetail .firstLine th, .dataDetail .firstLine td, .dataDetail .secondLine th, .dataDetail .secondLine td, .dataDetail .thirdLine th, .dataDetail .thirdLine td, .dataDetail .forthLine th, .dataDetail .forthLine td, .dataDetail .btnLine th, .dataDetail .btnLine td, .dataDetail .collectionLine th, .dataDetail .collectionLine td, .dataDetail .digitalLine th, .dataDetail .digitalLine td {
  margin-left: 24px;
}
.dataDetail .firstLine th:first-of-type, .dataDetail .firstLine td:first-of-type, .dataDetail .secondLine th:first-of-type, .dataDetail .secondLine td:first-of-type, .dataDetail .thirdLine th:first-of-type, .dataDetail .thirdLine td:first-of-type, .dataDetail .forthLine th:first-of-type, .dataDetail .forthLine td:first-of-type, .dataDetail .btnLine th:first-of-type, .dataDetail .btnLine td:first-of-type, .dataDetail .collectionLine th:first-of-type, .dataDetail .collectionLine td:first-of-type, .dataDetail .digitalLine th:first-of-type, .dataDetail .digitalLine td:first-of-type {
  margin-left: 0;
}
.dataDetail .firstLine th, .dataDetail .secondLine th, .dataDetail .thirdLine th, .dataDetail .forthLine th, .dataDetail .btnLine th, .dataDetail .collectionLine th, .dataDetail .digitalLine th {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row-start: 1;
  grid-row-end: 2;
}
.dataDetail .firstLine td, .dataDetail .secondLine td, .dataDetail .thirdLine td, .dataDetail .forthLine td, .dataDetail .btnLine td, .dataDetail .collectionLine td, .dataDetail .digitalLine td {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: 3;
}
.dataDetail .firstLine .firstCol, .dataDetail .secondLine .firstCol, .dataDetail .thirdLine .firstCol, .dataDetail .forthLine .firstCol, .dataDetail .btnLine .firstCol, .dataDetail .collectionLine .firstCol, .dataDetail .digitalLine .firstCol {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .firstLine .secondCol, .dataDetail .secondLine .secondCol, .dataDetail .thirdLine .secondCol, .dataDetail .forthLine .secondCol, .dataDetail .btnLine .secondCol, .dataDetail .collectionLine .secondCol, .dataDetail .digitalLine .secondCol {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column-start: 2;
  grid-column-end: 3;
}
.dataDetail .firstLine .thirdCol, .dataDetail .secondLine .thirdCol, .dataDetail .thirdLine .thirdCol, .dataDetail .forthLine .thirdCol, .dataDetail .btnLine .thirdCol, .dataDetail .collectionLine .thirdCol, .dataDetail .digitalLine .thirdCol {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column-start: 3;
  grid-column-end: 4;
}
.dataDetail .firstLine {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .secondLine {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .thirdLine {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .btnLine {
  -ms-grid-column: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 5;
  grid-row-end: 6;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .btnLine td.btnBox {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column-start: 1;
  grid-column-end: 4;
  padding-top: 16px;
}
.dataDetail .btnLine td.btnBox .btn {
  padding: 1em;
  font-size: .75rem;
  line-height: 1em;
  letter-spacing: 0;
  border-radius: 2em;
}
.dataDetail .collectionLine {
  -ms-grid-column: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 6;
  grid-row-end: 7;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .noteLine {
  -ms-grid-column: 1;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 7;
  grid-row-end: 8;
  grid-column-start: 1;
  grid-column-end: 2;
  margin-bottom: 16px;
  border-bottom: solid 1px #f0f0f0;
}
.dataDetail .noteLine td {
  padding-bottom: 24px;
}
.dataDetail .digitalLine {
  -ms-grid-column: 1;
  -ms-grid-row: 8;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 8;
  grid-row-end: 9;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .digitalLine td {
  font-size: .75rem;
  line-height: 1.6em;
}
.dataDetail .otherNoteLine {
  -ms-grid-column: 1;
  -ms-grid-row: 9;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 9;
  grid-row-end: 10;
  grid-column-start: 1;
  grid-column-end: 2;
}
.dataDetail .otherNoteLine td {
  font-size: .75rem;
  line-height: 1.6em;
}
.dataDetail .otherNoteLine .accessRights .btn {
  font-size: .75rem;
  line-height: 1em;
  text-decoration: none;
}
.dataDetail .companyNameOther {
  font-size: .75rem;
  line-height: 1.4em;
}
.dataDetail .size .recordedTime, .dataDetail .size .articleSize {
  margin: 0;
}
.dataDetail .size .pressingNum {
  margin-top: 8px;
}
.dataDetail .size .pressingNum:first-child {
  margin-top: 0;
}
#article .dataDetail tbody {
  display: -ms-grid;
  -ms-grid-rows: auto auto auto auto auto auto;
  -ms-grid-columns: auto;
  display: grid;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: auto;
  align-content: start;
}
#article .dataDetail .thirdLine {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 2;
}
#article .dataDetail .forthLine {
  -ms-grid-column: 1;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 5;
  grid-row-end: 6;
  grid-column-start: 1;
  grid-column-end: 2;
}
#article .dataDetail .btnLine {
  -ms-grid-column: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 6;
  grid-row-end: 7;
  grid-column-start: 1;
  grid-column-end: 2;
}
#article .dataDetail .noteLine {
  -ms-grid-column: 1;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 7;
  grid-row-end: 8;
  grid-column-start: 1;
  grid-column-end: 2;
  margin-bottom: 0;
  border-bottom: none;
}
#article .dataDetail .noteLine td {
  padding-bottom: 0;
}

#record .dataImageBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #faf9f8;
  overflow: hidden;
  z-index: 300;
}
#record .dataImageBox .slick-list {
  background-color: #bdbcb2;
}
#record .dataImageBox .dataImage {
  position: relative;
  left: 50%;
  width: 1200px;
  min-width: 1200px;
  max-width: 1200px;
  height: auto;
  margin-left: -802px;
}
#record .dataImageBox .dataImage::before, #record .dataImageBox .dataImage::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 100px;
}
#record .dataImageBox .dataImage::before {
  left: 0;
  background: linear-gradient(to right, #bdbcb2 0%, rgba(189, 188, 178, 0) 100%);
}
#record .dataImageBox .dataImage::after {
  right: 0;
  background: linear-gradient(to right, rgba(189, 188, 178, 0) 0%, #bdbcb2 100%);
}

#article .dataImageBox {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  width: 376px;
  height: 376px;
  padding: 12px;
  background-color: #efeee9;
  border: solid 1px #e0ddd2;
  box-sizing: border-box;
}
#article .dataImageBox .slick-list,
#article .dataImageBox .slick-track {
  height: 100%;
}
#article .dataImageBox .slick-slide {
  display: table;
  width: 100%;
  height: 100%;
}
#article .dataImageBox .dataImage {
  display: table-cell;
  width: 100%;
  height: auto;
  vertical-align: middle;
  text-align: center;
}
#article .dataImageBox .dataImage img {
  display: inline-block;
  max-width: 350px;
  max-height: 350px;
}

.dataNavBox {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
  display: -ms-grid;
  -ms-grid-rows: 2rem 1fr auto;
  -ms-grid-columns: auto;
  display: grid;
  grid-template-rows: 2rem 1fr auto;
  grid-template-columns: auto;
  align-content: space-between;
  position: relative;
  padding: 117px 32px 74px;
  box-sizing: border-box;
  z-index: 400;
}
#article .dataNavBox {
  display: -ms-grid;
  -ms-grid-rows: 2rem 376px auto;
  -ms-grid-columns: auto;
  display: grid;
  grid-template-rows: 2rem 376px auto;
  grid-template-columns: auto;
  align-content: start;
  height: auto;
}
.dataNavBox .dataImageNav {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column-span: 1;
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 2;
  display: -ms-grid;
  -ms-grid-rows: auto auto auto auto;
  -ms-grid-columns: 1.2rem 1fr 1.2rem;
  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.2rem 1fr 1.2rem;
  align-content: end;
  max-height: 520px;
  padding: 0;
  margin: 0 36px 0 80px;
  list-style: none;
  color: #fff;
}
#article .dataNavBox .dataImageNav {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 2;
  max-height: auto;
  margin: 32px 58px 0;
  color: #251e1c;
}
.dataNavBox .dataImageNav li {
  text-align: center;
}
.dataNavBox .dataImageNav .num {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  line-height: 1rem;
}
.dataNavBox .dataImageNav .play, .dataNavBox .dataImageNav .thumbList {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 4;
}
.dataNavBox .dataImageNav .play {
  margin: 16px 32px;
}
.dataNavBox .dataImageNav .play.disable {
  display: none;
}
.dataNavBox .dataImageNav .thumbList {
  margin: 16px;
}
.dataNavBox .dataImageNav .zoom {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 3;
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 4;
}
.dataNavBox .dataImageNav .zoom a {
  color: #fff;
  text-decoration: underline;
}
.dataNavBox .dataImageNav .zoom a:hover {
  text-decoration: none;
}
#article .dataNavBox .dataImageNav .zoom a {
  color: #251e1c;
}
.dataNavBox .dataImageNav .next, .dataNavBox .dataImageNav .prev {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row-start: 2;
  grid-row-end: 3;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  padding-top: .36rem;
  line-height: 1rem;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.dataNavBox .dataImageNav .next::before, .dataNavBox .dataImageNav .prev::before {
  content: "";
  display: block;
  width: .35rem;
  height: .35rem;
  line-height: 0;
}
.dataNavBox .dataImageNav .next span, .dataNavBox .dataImageNav .prev span {
  display: none;
}
#article .dataNavBox .dataImageNav .next, #article .dataNavBox .dataImageNav .prev {
  background-color: #906845;
}
.dataNavBox .dataImageNav .next {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column-start: 3;
  grid-column-end: 4;
  padding-left: .25rem;
}
.dataNavBox .dataImageNav .next::before {
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  transform: rotate(45deg);
}
#article .dataNavBox .dataImageNav .next::before {
  border-color: #faf9f8;
}
.dataNavBox .dataImageNav .prev {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column-start: 1;
  grid-column-end: 2;
  padding-left: .45rem;
}
.dataNavBox .dataImageNav .prev::before {
  border-bottom: solid 2px #000;
  border-left: solid 2px #000;
  transform: rotate(45deg);
}
#article .dataNavBox .dataImageNav .prev::before {
  border-color: #faf9f8;
}
.dataNavBox .dataImageNav.fixed {
  height: calc(100vh - 217px);
}
.dataNavBox .back {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column-span: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
  padding-bottom: 8px;
  color: #fff;
  font-size: .75rem;
  line-height: 1em;
  text-decoration: underline;
}
.dataNavBox .back:hover {
  text-decoration: none;
}
#article .dataNavBox .back {
  color: #251e1c;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .dataNavBox .dataImageNav {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 2;
  }

  *::-ms-backdrop, .dataNavBox .dataImageNav.fixed {
    height: calc(100% - 217px);
  }
}
#page main > .container {
  margin-top: 85px;
  padding: 32px 48px 74px;
}
#page main > .container > article {
  padding: 32px;
  text-align: justify;
  background-color: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
}
#page main > .container > article::after {
  clear: both;
  content: "";
  display: table;
}
#page main > .container > article .image {
  display: block;
  width: 40%;
  height: 100%;
  margin: 0 0 32px 32px;
  line-height: 0;
  background-color: #e0ddd2;
  float: right;
}
#page main > .container > article .image img {
  width: 100%;
  height: auto;
}
#page main > .container > article .pageTitle {
  margin: 0 0 32px;
  color: #251e1c;
  font-size: 1.25rem;
  line-height: 1.6em;
  font-weight: 500;
  float: left;
}
#page main > .container > article .headline {
  margin: 0 0 16px;
  color: #251e1c;
  font-size: 1rem;
  line-height: 1.4em;
  font-weight: 500;
}
#page main > .container > article p {
  clear: left;
}
#page main > .container > article .bullList {
  margin: 0;
  padding-left: 1.6rem;
}
#page main > .container > article > section {
  margin-top: 48px;
}
#page main > .container > article > section section {
  margin: 32px 0 0;
}
#page main > .container > article > section section .headline {
  margin-bottom: 8px;
}
#page main > .container > article > section #environment {
  padding: 16px;
  background-color: #f3f2ef;
  border: solid 1px #efeee9;
  box-sizing: border-box;
}

#page .pageTitle + .editArea {
  clear: both;
}

#page .editArea,
body#tinymce.wp-editor {
  font-family: YuGothicWin, YuGothic, -apple-system, BlinkMacSystemfont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #000;
  font-size: 1rem;
  line-height: 1.6em;
  -webkit-text-size-adjust: 100%;
  /*///// リスト /////*/
  /*///// テーブル /////*/
  /*///// クオート /////*/
}
#page .editArea > *:first-child,
body#tinymce.wp-editor > *:first-child {
  margin-top: 0;
}
#page .editArea h1, #page .editArea h2, #page .editArea h3, #page .editArea h4, #page .editArea h5, #page .editArea h6,
body#tinymce.wp-editor h1,
body#tinymce.wp-editor h2,
body#tinymce.wp-editor h3,
body#tinymce.wp-editor h4,
body#tinymce.wp-editor h5,
body#tinymce.wp-editor h6 {
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: .1em;
  font-weight: 500;
}
#page .editArea h1, #page .editArea h2, #page .editArea h3,
body#tinymce.wp-editor h1,
body#tinymce.wp-editor h2,
body#tinymce.wp-editor h3 {
  margin: 64px 0 16px;
  font-size: 1.125rem;
  line-height: 1.6em;
  color: #251e1c;
}
#page .editArea h4, #page .editArea h5, #page .editArea h6,
body#tinymce.wp-editor h4,
body#tinymce.wp-editor h5,
body#tinymce.wp-editor h6 {
  margin: 48px 0 16px;
  font-size: 1rem;
  line-height: 1.5em;
}
#page .editArea h1,
body#tinymce.wp-editor h1 {
  margin: 64px 0 16px;
  padding: 0 0 8px;
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: solid 1px #251e1c;
}
#page .editArea h2,
body#tinymce.wp-editor h2 {
  padding: 0 0 8px;
  border-bottom: solid 1px #251e1c;
}
#page .editArea h4,
body#tinymce.wp-editor h4 {
  position: relative;
  padding-left: 1rem;
  border-left: solid 3px #796f6d;
}
#page .editArea h4::before,
body#tinymce.wp-editor h4::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
  background-color: #796f6d;
}
#page .editArea h5,
body#tinymce.wp-editor h5 {
  padding-left: 1rem;
  border-left: double 3px #796f6d;
}
#page .editArea p,
body#tinymce.wp-editor p {
  margin-bottom: 16px;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: .875rem;
  line-height: 1.6rem;
}
#page .editArea p .note,
body#tinymce.wp-editor p .note {
  padding-top: 2em;
  font-size: .75rem;
  text-indent: 0;
}
#page .editArea p .relBox,
body#tinymce.wp-editor p .relBox {
  margin-top: 2em;
  padding: 1em 1.4em;
  font-size: .75rem;
  text-indent: 0;
  background-color: #f0f0f0;
}
#page .editArea a,
body#tinymce.wp-editor a {
  color: #eaa60e;
}
#page .editArea a:hover,
body#tinymce.wp-editor a:hover {
  text-decoration: none;
}
#page .editArea p a:visited,
body#tinymce.wp-editor p a:visited {
  color: inherit;
}
#page .editArea em, #page .editArea i,
body#tinymce.wp-editor em,
body#tinymce.wp-editor i {
  margin-right: .15em;
  margin-left: .15em;
}
#page .editArea del,
body#tinymce.wp-editor del {
  color: #382d29;
}
#page .editArea ul, #page .editArea ol,
body#tinymce.wp-editor ul,
body#tinymce.wp-editor ol {
  margin: 32px 0;
  padding-left: 16px;
  font-size: .875rem;
}
#page .editArea ul ul, #page .editArea ul ol, #page .editArea ol ul, #page .editArea ol ol,
body#tinymce.wp-editor ul ul,
body#tinymce.wp-editor ul ol,
body#tinymce.wp-editor ol ul,
body#tinymce.wp-editor ol ol {
  margin: 0;
}
#page .editArea li,
body#tinymce.wp-editor li {
  padding: 0;
  list-style: none;
}
#page .editArea ul li,
#page .editArea ol li,
body#tinymce.wp-editor ul li,
body#tinymce.wp-editor ol li {
  padding: 0;
  margin-bottom: .6em;
  line-height: 1.4em;
}
#page .editArea ul li > li,
#page .editArea ol li > li,
body#tinymce.wp-editor ul li > li,
body#tinymce.wp-editor ol li > li {
  margin-top: .6em;
}
#page .editArea ul li,
body#tinymce.wp-editor ul li {
  position: relative;
  padding-left: 1.6em;
}
#page .editArea ul li::before,
body#tinymce.wp-editor ul li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: .4em;
  left: .5em;
  background-color: #251e1c;
  border-radius: 100%;
  box-sizing: border-box;
}
#page .editArea ul ul li::before,
body#tinymce.wp-editor ul ul li::before {
  background-color: #fff;
  border: solid 1px #251e1c;
}
#page .editArea ul ul ul li::before,
body#tinymce.wp-editor ul ul ul li::before {
  width: 4px;
  height: 4px;
  top: .5em;
  left: .6em;
}
#page .editArea ol,
body#tinymce.wp-editor ol {
  counter-reset: num;
}
#page .editArea ol li,
body#tinymce.wp-editor ol li {
  position: relative;
  padding-left: 1.6em;
}
#page .editArea ol li::before,
body#tinymce.wp-editor ol li::before {
  content: counter(num) ".";
  counter-increment: num;
  display: inline-block;
  position: absolute;
  top: 0;
  left: .2em;
}
#page .editArea ol ol li::before,
body#tinymce.wp-editor ol ol li::before {
  content: counter(num) " )";
  left: 0;
  font-size: .75rem;
}
#page .editArea ol ol ol li::before,
body#tinymce.wp-editor ol ol ol li::before {
  content: counter(num);
  display: block;
  width: 1.6em;
  height: 1.6em;
  position: absolute;
  top: .1em;
  left: 0;
  padding-left: .5px;
  text-align: center;
  font-size: .625rem;
  line-height: 1.4em;
  border: solid 1px #251e1c;
  border-radius: 100%;
  box-sizing: border-box;
}
#page .editArea table,
body#tinymce.wp-editor table {
  width: 100%;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: .875rem;
  line-height: 1.6rem;
  border-top: solid 1px #e0ddd2;
}
#page .editArea table th,
body#tinymce.wp-editor table th {
  padding: 8px;
  color: #251e1c;
  font-weight: bold;
  background-color: #f3f2ef;
  border-bottom: solid 1px #e0ddd2;
}
#page .editArea table td,
body#tinymce.wp-editor table td {
  padding: 8px;
  border-bottom: solid 1px #e0ddd2;
}
#page .editArea figure,
body#tinymce.wp-editor figure {
  margin-left: 0;
  margin-right: 0;
}
#page .editArea blockquote,
body#tinymce.wp-editor blockquote {
  width: 100%;
  height: auto;
  padding: 32px;
  margin: 24px 0;
  position: relative;
  font-size: .875rem;
  background-color: #f3f2ef;
  box-sizing: border-box;
}
#page .editArea blockquote::before, #page .editArea blockquote::after,
body#tinymce.wp-editor blockquote::before,
body#tinymce.wp-editor blockquote::after {
  display: block;
  position: absolute;
  height: 1em;
  font-size: 3rem;
  line-height: 1em;
  color: #906845;
  border: none;
  z-index: 1;
}
#page .editArea blockquote::before,
body#tinymce.wp-editor blockquote::before {
  content: "\00201c";
  top: 16px;
  left: 8px;
}
#page .editArea blockquote::after,
body#tinymce.wp-editor blockquote::after {
  content: "\00201d";
  bottom: -8px;
  right: 8px;
}
#page .editArea blockquote > *:first-child,
body#tinymce.wp-editor blockquote > *:first-child {
  margin-top: 0;
}
#page .editArea blockquote > *:last-child,
body#tinymce.wp-editor blockquote > *:last-child {
  margin-bottom: 0;
}
#page .editArea hr,
body#tinymce.wp-editor hr {
  height: 1px;
  margin: 64px 0;
  background: #796f6d;
  border: none;
}

#modal .iziModal-header {
  padding: 24px 32px;
}
#modal .iziModal-header .iziModal-header-title {
  margin-bottom: 4px;
  letter-spacing: .1em;
}
#modal .iziModal-header .iziModal-header-subtitle {
  color: rgba(255, 255, 255, 0.8);
  font-size: .875rem;
  line-height: 1.4em;
}

.iziModal-content article {
  margin: 24px 32px;
}
.iziModal-content article .caption {
  margin: 0 0 16px;
  font-size: .875rem;
  line-height: 1.4em;
}
.iziModal-content article .caption strong {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: .1em;
}
.iziModal-content article aside {
  margin: 32px -32px -24px;
  padding: 32px 32px;
  background-color: #efeee9;
  box-shadow: inset 0 10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0 #555;
  box-sizing: border-box;
}
.iziModal-content article aside .headline {
  margin: 0 0 16px;
  font-size: .875rem;
  line-height: 1em;
  font-weight: 500;
}

audio {
  width: 100%;
  vertical-align: middle;
}

.playerList {
  width: 100%;
  height: auto;
  border-collapse: collapse;
}
.playerList tbody {
  height: auto;
  border-bottom: solid 1px #e0ddd2;
}
.playerList tbody th, .playerList tbody td {
  padding: 16px 0;
  vertical-align: middle;
  border-top: solid 1px #e0ddd2;
}
.playerList tbody th {
  width: 8rem;
  text-align: left;
}

.thumbsList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.thumbsList li {
  width: 160px;
  margin-bottom: 24px;
}
.thumbsList li a {
  display: block;
  width: 100%;
  height: 160px;
  margin-bottom: 4px;
  text-align: center;
  vertical-align: middle;
  line-height: 156px;
  background-color: #efeee9;
  border: solid 1px #e0ddd2;
  box-sizing: border-box;
}
.thumbsList li a img {
  display: inline-block;
  max-width: 148px;
  max-height: 148px;
  vertical-align: middle;
}
.thumbsList li a:hover img {
  opacity: .6;
}
.thumbsList li span {
  display: block;
  font-size: .675rem;
  line-height: 1.6em;
  text-align: center;
}
.thumbsList li.current span {
  background-color: #e0ddd2;
}
.thumbsList li.empty {
  visibility: hidden;
  margin-bottom: 0;
  height: 1px;
}