@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/
body.static .wrapper {margin-top: 0!important;}

/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:720px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:721px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}

/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}

.anime-a {
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
.anime-a.visible {
  opacity: 1;
  visibility: visible;
}

.anime-b {
  transform: translateY(40px);
  transition: 
    opacity 1.1s ease, 
    transform 1.1s cubic-bezier(0.21, 0.82, 0.28, 1), 
    visibility 1.1s ease;
}
.anime-b.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.anime-later-cover {
    transition-delay: 1.1s;
}

/* font
-----------------------------------------------*/
.lineup-list__price,
.btn__label,
.credit__name,
.credit__price,
.credit__link-btn-item,
.atb__text,
.outro__role-list,
.outro__copy {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* other style
-----------------------------------------------*/
body{margin:0;}
img{vertical-align: top;}

/* スクリーンサイズが767px以下の場合に適用 */
@media screen and (max-width: 767px) {
  .outfit__title-item.outfit01 { width: 23.60vw; height: 3.60vw; }
  .outfit__title-item.outfit02 { width: 27.20vw; height: 3.87vw; }
  .outfit__title-item.outfit03 { width: 27.07vw; height: 3.60vw; }
  .outfit__title-item.outfit04 { width: 27.47vw; height: 3.87vw; }
  #item01 .item__title-item { width: 22.67vw; height: 3.20vw; }
  #item01 .item__title-label { width: 43.20vw; height: 5.87vw; }
  #item02 .item__title-item { width: 23.33vw; height: 3.20vw; }
  #item02 .item__title-label { width: 43.20vw; height: 5.87vw; }
  #item03 .item__title-item { width: 23.47vw; height: 3.20vw; }
  #item03 .item__title-label { width: 24.40vw; height: 5.73vw; }
  #item04 .item__title-item { width: 23.33vw; height: 3.20vw; }
  #item04 .item__title-label { width: 33.20vw; height: 5.73vw; }
  .atb__title-image { width: 63.60vw; height: 6.13vw; }
  .atb__content-image { width: 15.47vw; height: 14.40vw; }
  .outro__logo-image { width: 18.80vw; height: 6.80vw; }
  .main-wrapper {
    width: 100vw;
    margin: 0 30.30vw 0 auto;
    background-color: #fff;
  }

  .main-visual {
    display: none;
  }
  .eyecatch {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .eyecatch__title {
    display: none;
  }
  .eyecatch__movie {
    width: 100%;
  }

  .lineup {
    margin: 15.76vw 0 0;
    padding: 0 0 15.27vw;
  }
  .lineup__title {
    margin:0 auto;
    width: 26.91vw;
  }
  .lineup__title-image {
    width: 26.91vw;
    height: auto;
  }
  .lineup-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8.48vw 3.64vw;
    margin: 5.82vw 0 0;
    padding: 0;
    list-style: none;
  }
  .lineup-list__item {
    width: 43.52vw;
  }
  .lineup-list__link {
    display: block;
    text-decoration: none;
  }
  .lineup-list__image {
    width: 43.52vw;
    height: 49.82vw;
  }
  .lineup-list__label-set{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.91vw;
    margin: 2.42vw 0 0;
  }
  .lineup-list__label-item{
    display: flex;
  }
  .lineup01 .lineup-list__label-item-image { width: 16.61vw;height: auto; }
  .lineup02 .lineup-list__label-item-image { width: 17.33vw;height: auto; }
  .lineup03 .lineup-list__label-item-image { width: 17.58vw;height: auto; }
  .lineup04 .lineup-list__label-item-image { width: 17.45vw;height: auto; }
  .lineup-list__label{
    display: flex;
  }
  .lineup01 .lineup-list__label-image { width: 21.82vw;height: auto; }
  .lineup02 .lineup-list__label-image { width: 21.82vw;height: auto; }
  .lineup03 .lineup-list__label-image { width: 12.12vw;height: auto; }
  .lineup04 .lineup-list__label-image { width: 16.61vw;height: auto; }
  .lineup-list__foot {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2.42vw;
    margin: 1.94vw 0 0;
  }
  .lineup-list__price {
    font-size: 3.33vw;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
  }
  a.lineup-list__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.48vw;
    height: 4vw; 
    background-color: #b32331;
    color: #fff; 
    font-size: 2.80vw;
    line-height: 1;
    letter-spacing: 0.05em;
    transform: translateY(-0.24vw);
    text-decoration: none;
  }
  .btn-wrapper {
    margin: 18.18vw 0 0;
    display: flex;
    justify-content: center;
  }
  .lineup .btn-wrapper {
    margin: 0;
  }
  .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75.64vw;
    height: 12.85vw;
    margin: 14.67vw 0 0;
    padding: 0 6.06vw;
    background-color: #b32331;
    color: #fff;
    text-decoration: none;
  }
  .btn__label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.03vw;
    font-size: 3.64vw;
    line-height: 1;
    letter-spacing:0.075em;
  }
  .btn__label::after {
    content: "";
    width: 2.18vw;
    height: 2.67vw;
    background-image: url("../images/arrow_btn.png");
    background-size: 2.18vw 2.67vw;
    background-repeat: no-repeat;
  }

  .item {
    margin: 13.33vw 0 0;
  }
  .item__title {
    margin: 0 0 2.42vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.42vw;
  }
  .item__waku {
    padding: 1.94vw;
    width: 89.45vw;
    margin: 0 auto;
    background-color: #b32331;
  }
  .item__image {
    position: relative;
    width: 89.45vw;
    margin: 0 auto;
  }
  .item__image-item {
    width: 89.45vw;
    height: auto;
  }

  .btn-toggle-credit {
    position: absolute;
    top: 2.42vw; 
    right: 2.42vw;
    width: 7.27vw;
    height: 7.27vw;
    background-color: #fff;
    border-radius: 2424vw;
    border: none;
    z-index: 20; 
    cursor: pointer;
    font-size: 0; 
    color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .btn-toggle-credit::before,
  .btn-toggle-credit::after {
    content: "";
    position: absolute;
    width: 3.64vw; 
    height: 0.24vw; 
    background-color: #b32331; 
    transition: transform 1s ease;
  }
  .btn-toggle-credit::before { transform: rotate(90deg); }
  .btn-toggle-credit::after { transform: rotate(0deg); }
  .btn-toggle-credit.is-open::before { transform: rotate(135deg); }
  .btn-toggle-credit.is-open::after { transform: rotate(45deg); }

  .credit-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease;
    z-index: 10;
  }
  .credit-wrapper.is-open {
    opacity: 1;
    visibility: visible;
  }

  .credit {display: grid;gap:3.39vw 0;grid-template-columns: auto auto auto;width: fit-content;margin: 5.58vw auto 0;}
  .credit__name {margin: 0;display: flex;align-items: center;font-size:3.15vw;line-height: 1;letter-spacing:0.05em;color:#fff;}
  .credit__price {margin: 0 0 0 6.79vw;display: flex;align-items: center;font-size:3.15vw;line-height: 1;letter-spacing:0.05em;color:#fff;}
  .credit__link {margin: 0 0 0 3.39vw;display: flex;align-items: center;}
  a.credit__link-btn{margin:0;padding:0.73vw 1.21vw;display:inline-block;background:#fff;color:#b32331;font-size:2.67vw;line-height: 1;letter-spacing: 0.05em;text-decoration:none;transition: transform 0.5s;}
  .credit__link-btn-item{display:block;}

  .outfit {
    margin: 13.09vw 0 0;
  }
  .outfit__title {
    margin: 0 0 1.21vw;
    display: flex;
    justify-content: center;
  }
  .outfit__image {
    position: relative;
    width: 82.67vw;
    margin: 0 auto;
  }
  .outfit__image + .outfit__image {
    margin-top: 2.42vw;
  }
  .outfit__image-item {
    width: 82.67vw;
    height: auto;
  }
  .outfit__image.--wide {
    width: 93.33vw;
  }
  .outfit__image.--wide .outfit__image-item {
    width: 93.33vw;
    height: auto;
  }
  .outfit__image.--right {
    margin-left: auto;
    margin-right: 3.39vw;
  }
  .outfit__image.--left {
    margin-left: 3.39vw;
    margin-right: auto;
  }

  .outfit__grid {
      display: flex;         
      justify-content: center;
      margin: 4.12vw 0 0;
  }
  .outfit__grid.--row-right-top { align-items: flex-start; }
  .outfit__grid.--row-right-top > :first-child { margin-top: 15.76vw; }
  .outfit__grid.--col-right-left { flex-direction: column;align-items: center; }
  .outfit__grid.--col-right-left > :first-child { margin-left: 24.24vw; }
  .outfit__grid.--col-right-left > :last-child { margin-right: 24.24vw; }
  .outfit__grid.--col-left-right { flex-direction: column;align-items: center; }
  .outfit__grid.--col-left-right > :first-child { margin-right: 24.24vw; }
  .outfit__grid.--col-left-right > :last-child { margin-left: 24.24vw; }
  .outfit__grid.--row-left-top { align-items: flex-start; }
  .outfit__grid.--row-left-top > :last-child { margin-top: 15.76vw; }

  .outfit__grid-item {
    width: 46.67vw;
    height: auto;
  }

  .js-crossfade-wrapper {
      position: relative;
      width: 100%;
  }
  .js-crossfade-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 1s ease;
      z-index: 1;
  }
  .js-crossfade-item:first-child {
      position: relative; 
  }
  .js-crossfade-item.is-active {
      opacity: 1;
      z-index: 2;
  }

  .outfit__cover-wrapper {
    position: relative;
    margin: 13.33vw 0 0;
  }
  .outfit__cover-background {
    width: 100vw;
    height: auto;
  }
  .outfit__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height :100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .outfit__cover-image-wrapper{
    width: 83.03vw;
  }
  .outfit__cover-item {
    width: 83.03vw;
    height: auto;
    border: 0.4vw solid #fff;
  }

  .atb {
    margin: 13.33vw 0 0;
    padding: 6.79vw 0;
    background-color: rgba(179, 35, 49, 0.05);
    display: flex;
    flex-direction: column;
  }
  .atb__title {
    margin: 0 0 4.12vw;
    display: flex;
    justify-content: center;
  }
  .atb__image {
    margin: 0 auto;
  }
  .atb__image-item {
    width: 84vw;
    height: auto;
  }
  .atb__content {
    margin: 0;
    text-align: center
  }
  .atb__content-image {
    margin: 6.06vw 0 0;
  }
  .atb__text {
    margin: 3.64vw 0 0;
    font-size: 3.64vw;
    line-height: calc(7.27vw / 3.64vw);
    letter-spacing: 0;
  }

  .outro {
    margin: 18.18vw 0 0;
    padding: 0 0 12.12vw;
    text-align: center;
  }
  .outro__staff {
    margin: 0;
  }
  .outro__role-list {
    text-align: center;
    font-size: 2.67vw;
    line-height: calc(5.45vw / 2.67vw);
    letter-spacing: 0.025em;
  }
  .outro__role {
    margin: 0;
    display: inline;
  }
  .outro__role::after {
    content: ":";
    margin-left: 1.21vw;
  }
  .outro__name {
    margin: 0;
    display: inline;
  }
  .outro__logo {
    margin: 8.97vw 0 0;
  }
  .outro__copy {
    font-size: 2.67vw;
    line-height: 1;
    letter-spacing: 0;
    margin: 2.91vw 0 0;
  }
}/* スクリーンサイズが767px以下の場合に適用 */

/* スクリーンサイズが768px以上の場合に適用 */
@media (min-width: 768px) {
  .outfit__title-item.outfit01 { width: 88.5px; height: 13.5px; }
  .outfit__title-item.outfit02 { width: 102px; height: 14.5px }
  .outfit__title-item.outfit03 { width: 101.5px; height: 13.5px; }
  .outfit__title-item.outfit04 { width: 103px; height: 14.5px; }
  #item01 .item__title-item { width: 85px; height: 12px; }
  #item01 .item__title-label { width: 162px; height: 22px; }
  #item02 .item__title-item { width: 87.5px; height: 12px; }
  #item02 .item__title-label { width: 162px; height: 22px; }
  #item03 .item__title-item { width: 88px; height: 12px; }
  #item03 .item__title-label { width: 91.5px; height: 21.5px; }
  #item04 .item__title-item { width: 87.5px; height: 12px; }
  #item04 .item__title-label { width: 124.5px; height: 21.5px; }
  .atb__title-image { width: 238.5px; height: 23px; }
  .atb__content-image { width: 58px; height: 54px; }
  .outro__logo-image { width: 70.5px; height: 25.5px; }
  .main-wrapper {
    width: 412.5px;
    margin: 0 125px 0 auto;
    background-color: #fff;
  }

  .main-visual {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
  .main-visual__image,
  .main-visual__image-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .eyecatch {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .eyecatch__title {
    display: none;
  }
  .eyecatch__movie {
    width: 100%;
  }

  .lineup {
    margin: 65px 0 0;
    padding: 0 0 63px;
  }
  .lineup__title {
    margin:0 auto;
    width: 111px;
    height: 21.5px;
  }
  .lineup-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 35px 15px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
  }
  .lineup-list__item {
    width: 179.5px;
  }
  .lineup-list__link {
    display: block;
    text-decoration: none;
  }
  .lineup-list__image {
    width: 179.5px;
    height: 205.5px;
  }
  .lineup-list__label-set{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 10px 0 0;
  }
  .lineup-list__label-item{
    display: flex;
  }
  .lineup-list__label{
    display: flex;
  }
  .lineup-list__foot {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 8px 0 0;
  }
  .lineup-list__price {
    font-size: 13.75px;
    line-height: 1;
    letter-spacing: 0;
    color: #000;
  }
  a.lineup-list__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 14px; 
    padding: 3px 0 2px;
    background-color: #b32331;
    color: #fff; 
    font-size: 11.55px;
    line-height: 1;
    letter-spacing: 0.05em;
    transform: translateY(-1px);
    text-decoration: none;
  }
  .btn-wrapper {
    margin: 75px 0 0;
    display: flex;
    justify-content: center;
  }
  .lineup .btn-wrapper {
    margin: 0;
    position: fixed;
    bottom: 50px;
    left: 0;
    width: calc(100% - 412.5px - 125px);
  }
  .btn.invisible {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 312px;
    height: 53px;
    padding: 0 25px;
    background-color: #b32331;
    color: #fff;
    text-decoration: none;
  }
  .btn__label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12.5px;
    font-size: 15px;
    line-height: 1;
    letter-spacing:0.075em;
  }
  .btn__label::after {
    content: "";
    width: 9px;
    height: 11px;
    background-image: url("../images/arrow_btn.png");
    background-size: 9px 11px;
    background-repeat: no-repeat;
  }

  .item {
    margin: 55px 0 0;
  }
  .item__title {
    margin: 0 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .item__waku {
    padding: 8px;
    width: 369px;
    margin: 0 auto;
    background-color: #b32331;
  }
  .item__image {
    position: relative;
    width: 369px;
    margin: 0 auto;
  }
  .item__image-item {
    width: 369px;
    height: auto;
  }

  .btn-toggle-credit {
    position: absolute;
    top: 10px; 
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 9999px;
    border: none;
    z-index: 20; 
    cursor: pointer;
    font-size: 0; 
    color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .btn-toggle-credit::before,
  .btn-toggle-credit::after {
    content: "";
    position: absolute;
    width: 15px; 
    height: 1px; 
    background-color: #b32331; 
    transition: transform 1s ease;
  }
  .btn-toggle-credit::before { transform: rotate(90deg); }
  .btn-toggle-credit::after { transform: rotate(0deg); }
  .btn-toggle-credit.is-open::before { transform: rotate(135deg); }
  .btn-toggle-credit.is-open::after { transform: rotate(45deg); }

  .credit-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease;
    z-index: 10;
  }
  .credit-wrapper.is-open {
    opacity: 1;
    visibility: visible;
  }

  .credit {display: grid;gap:14px 0;grid-template-columns: auto auto auto;width: fit-content;margin: 23px auto 0;}
  .credit__name {margin: 0;display: flex;align-items: center;font-size:13px;line-height: 1;letter-spacing:0.05em;color:#fff;}
  .credit__price {margin: 0 0 0 28px;display: flex;align-items: center;font-size:13px;line-height: 1;letter-spacing:0.05em;color:#fff;}
  .credit__link {margin: 0 0 0 14px;display: flex;align-items: center;}
  a.credit__link-btn{margin:0;padding:3px 5px;display:inline-block;background:#fff;color:#b32331;font-size:11px;line-height: 1;letter-spacing: 0.05em;text-decoration:none;transition: transform 0.5s;}
  .credit__link-btn-item{display:block;}

  .outfit {
    margin: 54px 0 0;
  }
  .outfit__title {
    margin: 0 0 5px;
    display: flex;
    justify-content: center;
  }
  .outfit__image {
    position: relative;
    width: 341px;
    margin: 0 auto;
  }
  .outfit__image + .outfit__image {
    margin-top: 10px;
  }
  .outfit__image-item {
    width: 341px;
    height: auto;
  }
  .outfit__image.--wide {
    width: 385px;
  }
  .outfit__image.--wide .outfit__image-item {
    width: 385px;
    height: auto;
  }
  .outfit__image.--right {
    margin-left: auto;
    margin-right: 14px;
  }
  .outfit__image.--left {
    margin-left: 14px;
    margin-right: auto;
  }

  .outfit__grid {
      display: flex;         
      justify-content: center;
      margin: 17px 0 0;
  }
  .outfit__grid.--row-right-top { align-items: flex-start; }
  .outfit__grid.--row-right-top > :first-child { margin-top: 65px; }
  .outfit__grid.--col-right-left { flex-direction: column;align-items: center; }
  .outfit__grid.--col-right-left > :first-child { margin-left: 100px; }
  .outfit__grid.--col-right-left > :last-child { margin-right: 100px; }
  .outfit__grid.--col-left-right { flex-direction: column;align-items: center; }
  .outfit__grid.--col-left-right > :first-child { margin-right: 100px; }
  .outfit__grid.--col-left-right > :last-child { margin-left: 100px; }
  .outfit__grid.--row-left-top { align-items: flex-start; }
  .outfit__grid.--row-left-top > :last-child { margin-top: 65px; }

  .outfit__grid-item {
    width: 192.5px;
    height: auto;
  }

  .js-crossfade-wrapper {
      position: relative;
      width: 100%;
  }
  .js-crossfade-item {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 1s ease;
      z-index: 1;
  }
  .js-crossfade-item:first-child {
      position: relative; 
  }
  .js-crossfade-item.is-active {
      opacity: 1;
      z-index: 2;
  }

  .outfit__cover-wrapper {
    position: relative;
    margin: 55px 0 0;
  }
  .outfit__cover-background {
    width: 412.5px;
    height: auto;
  }
  .outfit__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height :100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .outfit__cover-image-wrapper{
    width: 342.5px;
  }
  .outfit__cover-item {
    width: 342.5px;
    height: auto;
    border: 3px solid #fff;
  }

  .atb {
    margin: 55px 0 0;
    padding: 28px 0;
    background-color: rgba(179, 35, 49, 0.05);
    display: flex;
    flex-direction: column;
  }
  .atb__title {
    margin: 0 0 17px;
    display: flex;
    justify-content: center;
  }
  .atb__image {
    margin: 0 auto;
  }
  .atb__content {
    margin: 0;
    text-align: center
  }
  .atb__content-image {
    margin: 25px 0 0;
  }
  .atb__text {
    margin: 15px 0 0;
    font-size: 15px;
    line-height: calc(30px / 15px);
    letter-spacing: 0;
  }

  .outro {
    margin: 75px 0 0;
    padding: 0 0 50px;
    text-align: center;
  }
  .outro__staff {
    margin: 0;
  }
  .outro__role-list {
    text-align: center;
    font-size: 11px;
    line-height: calc(22.5px / 11px);
    letter-spacing: 0.025em;
  }
  .outro__role {
    margin: 0;
    display: inline;
  }
  .outro__role::after {
    content: ":";
    margin-left: 5px;
  }
  .outro__name {
    margin: 0;
    display: inline;
  }
  .outro__logo {
    margin: 37px 0 0;
  }
  .outro__copy {
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0;
    margin: 12px 0 0;
  }
}/* スクリーンサイズが768px以上の場合に適用 */