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

@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/NotoSansJP-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/NotoSansJP-Medium.woff') format('woff');
    font-display: swap;
  }
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/NotoSansJP-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/NotoSansJP-Black.woff') format('woff');
    font-display: swap;
}

.min{font-family: 'Noto Serif JP', serif;}
.gos{font-family: 'Noto Sans CJK JP';}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


.sp{
    display: none;
}
a{
    text-decoration: none;
    transition: 0.5s ;
    color: #000000;
}
img.object-fit-img{
    object-fit: cover;
    object-position:center; 
    font-family: 'object-fit: cover; object-position: center;'
}

input::placeholder {
    color: #dddddd;
  }

/*ローディング画面*/
.loading{
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
  }
  .loading img{
    width: 27px;
  }




  .popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
  }
  .popup.is-show {
    opacity: 1;
    visibility: visible;
  }
  .popup-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    max-width: 600px;
    padding: 50px;
    background-color: #fff;
    z-index: 2;
  }
  .popup-inner img {
    width: 100%;
  }
  .close-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
  }
  .close-btn i {
    font-size: 20px;
    color: #333;
  }
  .black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 1;
    cursor: pointer;
  }









html{
    font-size: 62.5%;
}
body{
    font-family: "Noto Sans CJK JP", "Noto Sans", sans-serif;
    font-size:1.6rem;
    color: #231815;
}

/*CONTENT*/
header {background-image:url(images/bg_green.jpg); background-size: cover; height: 55px; display: flex; justify-content: center; align-items: center; background-color: #066d40;}
header img{ width:100px; display: block; }
.eyecatch{ /*max-height:calc(100vh - 55px);*/ overflow: hidden; background-color: #000000;}
.eyecatch .wrap{ position: relative; display: flex; justify-content: center; align-items: center;}
.eyecatch .frame{ width:95%; position: absolute;}
.eyecatch .frame img{ width:100%;}
.eyecatch .mv { width:100%; position: relative; display: flex; justify-content: center; align-items: center;}
.eyecatch .mv img{ width:100%; height:100%; object-fit: cover; object-position: center;display: block;}
.eyecatch figcaption{ width:90%; position: absolute; display: flex; align-items: flex-end; height: 100%;}
.eyecatch .catchcopy{ position:absolute; width:45%; height:auto; right:5%; bottom:5%}
.eyecatch .catchcopy img{ width:100%; display: block;}





.introduction{ text-align: center; background-color: #ebe3e4; padding:50px 0; /*color: #FDEDD8;*/color:#ffffff; background-image: url(images/bg_red.jpg); background-size: cover;}
.introduction h1{ font-size:25px; margin-bottom: 25px;}
.introduction h2{ font-size:20px; margin-bottom: 5px;}
.introduction .payment{margin-bottom: 50px; font-size:16px; font-weight:bold} 
.introduction dt{ font-size:15px; padding:5px 0; border:1px solid #FDEDD8; max-width:300px; margin:0 auto 15px auto; background-color:#ffffff; color: #362012;}
.introduction dd{ font-size:15px; margin-bottom:25px}
.introduction dd i{ font-size:20px}
h2.std{font-size:17px; position: relative; padding-bottom:10px; line-height: 1; margin-bottom:50px}
h2.std i{ font-size: 12px; margin-left: 15px;}
h2.std i strong{ color:#c35141; font-weight:bold; margin:0 0 0 1px; letter-spacing: .1em;}
h2.std:before{ content: ''; width:100px; height:5px; background-color:#066d40; position: absolute; left:0; bottom:0}
h2.std:after{ content: ''; width:100px; height:5px; background-color: #c35141; position: absolute; left:100px; bottom:0}
h2.std.dark:before{background-color: #231815;}
h2.std.dark:after{background-color: #cfd1ce;}
hr.std{ height:2px; background-color:#4d333b; border: none;}
footer hr.std{ height:2px; background-color:#FDEDD8; border: none;}
.lineup{ background-color: #000000; background-size: cover;}
/*.lineup .wrap{ width:90%; max-width:800px; margin:0 auto}*/
/*.lineup ul{ display: flex; flex-wrap: wrap; justify-content:center;}*/
/*.lineup li{ width:100%; max-width:340px; margin-bottom:25px}*/
/*.lineup figure{ display: flex; align-items: center; justify-content: space-around;}*/
/*.lineup figure img{width:50%; max-width:150px;}*/
/*.lineup figure figcaption{ width:50%; }*/
/*.lineup figure figcaption strong{ font-size:14px; font-weight: bold; display: block; margin-bottom:5px}*/
/*.lineup figure figcaption i{ font-size:13px; font-weight: bold; display: block; margin-bottom:15px}*/
/*.lineup figure figcaption a{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #643c41; box-shadow: 2px 2px #acacad; background-color:#643c41; font-size:12px; transition:linear 0.1s; background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); font-weight: bold;}*/
/*.lineup figure figcaption a:hover{ right:-2px; bottom:-2px; background-color:#7e1625; box-shadow: none;}*/
/*.lineup figure figcaption span.over{position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #ffffff; background-color:#643c41; font-size:12px; font-weight: bold;}*/
.lineup .wrap{margin:0 auto}
.lineup h2{ padding:1.5rem 0; text-align: center; background-color: #066d40; color: #ffffff; font-size:2.8rem; color: #f1b617;}
.lineup h2 i{ display: block; font-size: 1.4rem;}
.lineup ul{ display: flex; flex-wrap: wrap; justify-content:center;}
.lineup li{ width:calc(100% / 3);}
.lineup li figure {position: relative; display: flex; align-items: flex-end; }
.lineup li figure img{ width:100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; object-position: center;}
.lineup li figure img:hover{ opacity: 0.75;}
.lineup li figcaption{ position: absolute; background-color: rgba(0, 0, 0, 0.75); width:100%; height:6.5rem;display: flex; align-items: flex-start; justify-content: center; flex-direction: column; line-height: 1.2;}
.lineup figure figcaption strong{font-weight: bold; display: block; margin-bottom:5px; font-size:1.4rem; color: #f1b617; justify-content: center; padding-left: 1.5rem;}
.lineup figure figcaption i{ font-size:13px; font-weight: bold; display: block; padding-left: 1.5rem; color: #ffffff;}
.lineup figure figcaption a{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; color: #643c41; background-color:#643c41; font-size:12px; transition:linear 0.1s; background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); font-weight: bold; position: absolute; width:6.5rem; height:6.5rem}
.lineup figure figcaption a:hover{ background:#c35141; box-shadow: none; color: #ffffff;}


.lineup figure figcaption span.over{position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #ffffff; background-color:#643c41; font-size:12px; font-weight: bold;}
.lineup li{ position: relative;}
.lineup li .limited{ position: absolute; left:5px; top:5px; padding:2px; background-color:#f1b617; color: #362012; font-size:12px}




.special { background-image: url(images/bg_special.jpg); background-size: auto 100%; padding:50px 0; background-repeat: no-repeat; background-position: right; background-color:#ffc540}
.special .block{ width:90%; max-width:800px; margin:0 auto; color: #441f1a; margin-bottom:50px}
.special .block .lead{ font-size:17px; text-align: center; margin-bottom:25px;}
.special .block dl{ border:3px double #441f1a; padding:25px 0; text-align: center; max-width:600px; margin:0 auto 25px auto;}
.special .block dt{ font-size:21px; border-bottom:1px solid #441f1a; padding-bottom:5px; width:90%; margin:0 auto 25px auto}
.special .block dd{ font-size:18px;}
.special .block dd i{ font-size:21px; }
.special .block .note{ max-width:600px; font-size:14px; margin: 0 auto}
.special .block .box{max-width:600px; font-size:18px; margin: 0 auto; text-align: center;}
.special .block h3{ color: #3e3a39; font-size:18px; background-color: #ffffff; padding:5px 0; text-align: center; margin-bottom:15px;}
.special .block h3 strong{ color: #e60012;}
.special .block .description{ font-size:15px; margin-bottom:15px; text-align: center;}
.special .block ol{ display: inline-block; text-align: left; padding-bottom:25px}
.special .block li{ display: flex; font-size:15px;}
.special .block li i{ margin-right:5px}
.special .block figcaption a{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #ffffff; box-shadow: 2px 2px #ffffff; background-color:#6aa633; font-size:12px; transition:linear 0.1s; margin:25px auto 0 auto}
.special .block figcaption a:hover{ right:-2px; bottom:-2px; background-color:#7e1625; box-shadow: none;}
.guide { padding:50px 0; background-color:#ebe3e4; background-image: url(images/bg_paper.jpg); background-size: 100%;}
.guide .wrap{ width:90%; max-width:800px; margin:0 auto;}
.guide .wrap .block{ max-width:600px; margin:0 auto; padding:25px 0}
.guide h3{ font-size:20px; margin-bottom:15px;}
.guide ol{ margin-bottom:15px;}
.guide li{ display: flex; font-size:15px;}
.guide li i{ margin-right:5px;}
.guide .note{ font-size:14px; margin: 0 auto}
.guide dl{ font-size:15px}
.guide dd{ margin-bottom:25px}
.guide small{ display: block;}
.preorder{ padding:50px 0; background-image: url(images/bg_white2.jpg); background-size: 100%}
.preorder .wrap{ width:90%; max-width:800px; margin:0 auto;}
.preorder .block{max-width:600px; margin:0 auto 25px auto; padding:25px 0; background-color: #ffffff; background-image: url(images/bg_paper2.jpg); background-size: cover;}
.preorder .block h3{ margin:0 25px 25px 25px; border-left:10px solid #c35141; padding-left:10px; line-height: 1; font-size:18px;}
.preorder .block figure { width:calc(100% - 50px); margin:0 auto 25px auto;}
.preorder .block figure img{ width:100%; margin-bottom: 15px;}
.preorder .block figcaption{ font-size:15px;}
.preorder .block figcaption small {display: block; font-size: 1.2rem;}
.preorder .block .setlist{ width:80%; margin:0 auto 25px auto;;}
.preorder .block .setlist li{ list-style-type: disc; font-size:13px; display: flex; border-bottom:1px solid #999999; padding:5px 0;}
.preorder .block .setlist li i{ margin-right:15px; font-weight: bold;}
.preorder .block .button a{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #643c41; box-shadow: 2px 2px #acacad; background-color:#643c41; font-size:13px; transition:linear 0.1s; margin:25px auto 0 auto;  background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
.preorder .block .button a:hover{ right:-2px; bottom:-2px; background-color:#7e1625; box-shadow: none;}
.preorder .closed{ padding:25px 0; text-align: center; color: #7e1625;}
.preorder .block dl{ width:calc(100% - 20px); max-width:400px; margin:25px auto; border:1px solid #dcdddd; padding:25px 0}
.preorder .block.item dl{ border:none; background-color:rgba(255, 255, 255, 0.75)}
.preorder .block dt{ padding-left: 25px; font-weight: bold; font-size:15px; margin-bottom:5px}
.preorder .block dd{ padding:0 25px; font-size:14px; display: flex; justify-content: space-between; margin-bottom:5px; align-items: center;}
.preorder .block dd i input{ width:30px; font-size:20px; margin-right:5px}
.preorder .block p.note{ font-size:14px; width:90%; margin:0 auto}
.preorder .block select:first-child{ width:70%}
.preorder .block table{ width:90%; font-size:11px;width: calc(100% - 50px);margin: 0 auto;}
.preorder .block th{ background-color: #c35141; color: #ffffff; padding: 3px; border: 1px solid #c35141; width:260px}
.preorder .block td{ padding: 3px; border: 1px solid #c35141;}

.preorder .block.okyakusama select:first-child{ width:auto}
.preorder .block.okyakusama h3{ font-weight: bold;}
.preorder .block.okyakusama dl{ max-width: none; border: none; padding-bottom:0 }
.preorder .block.okyakusama dt i{ color: #e60012; margin-left:5px}
.preorder .block.okyakusama dd { display: block; margin-bottom:25px}
.preorder .block.okyakusama dd input[type="text"],.preorder .block.okyakusama dd input[type="email"]{ width:100%; font-size:20px; padding:2px;}
.preorder .block.okyakusama dd.radioitem{ font-size:18px}
.preorder .block.okyakusama dd small{ font-size:12px; display:block; padding-top:5px}
.preorder .block.okyakusama .doui{  text-align: center; font-weight: bold;}
.preorder .block.okyakusama .doui i{ color: #e60012; margin-left:5px}
.preorder input[type="submit"]{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #643c41; box-shadow: 2px 2px #acacad; background-color:#643c41; font-size:13px; transition:linear 0.1s; margin:25px auto 0 auto; background:linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);}
.preorder input[type="submit"]:hover{ right:-2px; bottom:-2px; background-color:#7e1625; box-shadow: none;}
.preorder select{ font-size:18px; padding:2px;}
.linecp{ background-color: #150a08; background-image: url(images/bg_linecp.jpg); background-size:auto 100%; background-repeat:no-repeat; background-position: right; padding:75px 0}
.linecp dl{ width:90%; max-width:600px; text-align: center; margin:0 auto; color: #ffffff;}
.linecp dt{ font-size:18px; padding-bottom:15px; margin-bottom:15px; border-bottom: 1px solid #ffffff;}
.linecp dd{ font-size:15px; margin-bottom:25px;}
.linecp .button a{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #4d333b; box-shadow: 2px 2px #acacad; background-color:#ffffff; font-size:12px; transition:linear 0.1s; margin:25px auto 0 auto}
.linecp .button a:hover{ right:-2px; bottom:-2px; background-color:#d1b8ba; box-shadow: none;}
footer{ text-align: center; padding:50px 0; color: #FDEDD8; background-image: url(images/bg_green.jpg); background-size: cover;}
footer a{ color: #FDEDD8;}
footer .gotop{ padding:25px 0}
footer .gotop img{ display: block; width:20px; margin:0 auto 15px auto}
footer .menu{ width:60%; max-width:500px; margin:0 auto; padding:25px 0; border-top:1px solid #FDEDD8; border-bottom:1px solid #FDEDD8}
footer .menu li{ padding:10px 0}
footer .data{ padding:25px 0; font-size:11px}
footer .logo img{ width:100px; display: block; margin:25px auto 5px auto}
.copyright{ font-size: 10px;}

#formWrap{ padding:50px 0}
#formWrap h3{ font-size:24px; color:#4d333b; text-align: center;}
#formWrap h4{ font-size:18px; color:#4d333b; text-align: center; margin-bottom:25px}
#formWrap .lead{ font-size:18px}
#formWrap .formTable{width:95%; margin:25px auto; max-width:600px;}
#formWrap .formTable th{ width:50%; padding:5px 0; border-bottom:1px solid #4d333b; vertical-align: middle;}
#formWrap .formTable td{ padding:5px 0 5px 15px ;width:calc(50% - 15px); border-bottom:1px solid #4d333b; vertical-align: middle;}
#formWrap .formTable tr:nth-child(even) th,#formWrap .formTable tr:nth-child(even) td{ background-color:#eeeeee}
#formWrap .error_messe{ max-width:600px; width:90%; margin:0 auto; text-align: left; padding:5px 0; border-bottom:1px solid #dddddd; font-size:14px}

#formWrap input[type="submit"]{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #ffffff; box-shadow: 2px 2px #acacad; background-color:#643c41; font-size:12px; transition:linear 0.1s; margin:25px auto 0 auto}
#formWrap input[type="submit"]:hover{ right:-2px; bottom:-2px; background-color:#7e1625; box-shadow: none;}
#formWrap input[type="button"]{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:140px; height:30px; color: #ffffff; box-shadow: 2px 2px #acacad; background-color:#666666; font-size:12px; transition:linear 0.1s; margin:25px auto 0 auto}
#formWrap input[type="button"]:hover{ right:-2px; bottom:-2px; background-color:#7e1625; box-shadow: none;}
#formWrap .submitset{ display: flex; justify-content: center;}
#formWrap .submitse input{ margin:5px}

.thanks{ text-align: center; padding:25px 0}
.thanks h1{ font-size:32px; margin-bottom: 25px;}
.thanks h2{ font-size: 24px; margin:15px;}
.thanks p{ font-size:16px}
.thanks .button a{ position: relative; right:0px; bottom:0px;  display:flex; justify-content: center; align-items: center; width:150px; height:50px; color: #ffffff; box-shadow: 2px 2px #acacad; background-color:#4d333b; font-size:12px; transition:linear 0.1s; margin:25px auto 0 auto; }
.thanks .button a:hover{ right:-2px; bottom:-2px; background-color:#7e1625; box-shadow: none;}
.thanks .otoku{ width:95%; margin:0 auto; max-width:500px; padding:25px 0 50px 0}
.thanks .otoku img{ width:100%}
.thanks .otoku figcaption img{ width:auto}

.closed{ position:relative;/* text-decoration:line-through #ffffff!important*/}
.closed .close{position:absolute; top:0; bottom:0; max-width:800px; height:300px; margin:auto; left:0; right:0; display: flex; justify-content: center; align-items: center;}
.closed.second .close{ top:-150px}
.closed li{ /*text-decoration:line-through #ffffff!important*/}
.closed .close img{ width:100%; height:100%; object-fit: contain; }
.lineup{ position:relative}
.lineup .batsu{ position:absolute; width:100%; top:0}
.lineup .batsu img{ width:100%}

.preorder .block .mlt{ display: none;}
.preorder .block .mlt-switch{ font-size:14px; display: block; width:75%; margin:15px auto; background-color: #4d333b; color: #ffffff; text-align: center; border-radius: 15px; padding:10px 0; cursor: pointer;}
.preorder .block .mlt-switch:hover{ background-color: #7e1625;}
.preorder .block .mlt + dd{ display: none;}
.preorder .block .mlt:checked + dd{ display: flex;}
.preorder .block dd{ position: relative;}
select + .erms{ display: none;}
select:invalid + .erms{display: block; color:#e60012; font-size:12px; font-weight: bold;}
select:invalid + .erms{ position: absolute; bottom:-14px;}
select:invalid{ border:1px solid #e60012}
.erms.saizu{ left:25px}
.erms.suuryou{ right:25px}
textarea + .erms{ display: none;}
textarea:invalid + .erms{display: block; color:#e60012; font-size:12px; font-weight: bold;}
textarea:invalid{ border:1px solid #e60012}
.errorm{ background-color: #e60012; width:300px; padding:5px 0; margin:15px auto; color: #ffffff; text-align: center;}
.errormpl{ background-color: #e60012; width:300px; padding:5px 0; margin:15px auto; color: #ffffff; text-align: center;}



/* モーダルウィンドウの基本スタイル */
.modal {
  display: none; /* 非表示がデフォルト */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

/* モーダルのコンテンツ */
.modal-content {
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 8px;
  width: 95%;
  max-width: 540px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}
.preorder .block .modal-content figure{
  width:100%;
  margin:0;
}



/* 閉じるボタン */
.close {
  position: absolute;
  top: 1.0rem;
  right: 1.5rem;
  font-size: 3.2rem;
  cursor: pointer;
}

/* クリック可能なエリア */
.open-modal {
  cursor: pointer;
  color: #362012;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size:14px;
  padding:5px 10px;
  border-radius:15px;
  background-color: #ffffff;
  margin:5px;
  background-color: #f1b617;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
}
.open-modal:hover{
  background-color: #e60012;
  color: #ffffff;
}
.open-modal::before{
  content: '';
  display: block;
  width:8px;
  height:12px;
  clip-path: polygon(0 0,100% 50%,0 100%);
  background-color: #362012;
  margin-right: 2px;
  position: relative;
  top:1px
}

.preorder .block figure{
  position: relative;
}
.btn-area{
  position: absolute;
  width:100%;
  height:auto;
  aspect-ratio:104 / 67;
  top:0;
  left:0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.modal-content h4{
  font-size:21px; 
  text-align: center;
  padding-top:15px
}







/*responsive*/
@media screen and (max-width:5000px){
.lineup li{ width:calc(100% / 8)}
}
@media screen and (max-width:1600px){
.lineup li{ width:calc(100% / 4)}
}
@media screen and (max-width:800px){
.lineup figure figcaption strong{ font-size:1.2rem; padding-left:0.5rem}
.lineup figure figcaption i{ font-size:1.1rem; padding-left:0.5rem}
}

@media screen and (max-width:599px){
    .pc{ display: none!important;}
    .sp{ display: block!important;}
    .eyecatch .catchcopy{ width:65%; left:5%; bottom:5%}
    .eyecatch{ max-height:none; height:auto}
    .eyecatch img{ height: auto; width:100%}
    .preorder .block dd i input{ width:20px}
    .preorder .block h3{ font-size:16px;}
    .preorder .block figcaption{ font-size: 14px;}
    .preorder .block.okyakusama dt{ padding-left: 0;}
    .preorder .block.okyakusama dd{ padding:0; width:calc(100% - 10px)}
    .doui{ font-size:16px}
    .preorder .block th{ display: block; width:100%}
    .preorder .block td{ display: block; width:100%}
    .lineup h2::after{ content: ''; width:5.0rem; height: 1.25rem; display: block; background-color:#f1b617; clip-path: polygon(0 0 ,100% 0, 50% 100%); margin:0.5rem auto 0 auto}
    .lineup li{ width:calc(100% / 2);}
    .lineup li figure {position: relative; display: flex; align-items: flex-end; }
    .lineup figure figcaption strong{ font-size:1.2rem; padding-left: 0.5rem; margin-bottom: 0;}
    .lineup figure figcaption i{ font-size:1.2rem; padding-left: 0.5rem;}
    .lineup li figure img{ width:100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; object-position: center;}
    .lineup li figure img:hover{ opacity: 0.75;}
    .lineup li figcaption{ position: absolute; background-color: rgba(0, 0, 0, 0.75); width:100%; height:5rem;display: flex; align-items: flex-start; justify-content: center; flex-direction: column; line-height: 1.2;}
    .lineup figure figcaption a{ height: 5rem; width:3rem;}


}
@media screen and (max-width:340px){
}