@charset "utf-8";
/* DDdy つきな _ 新スタンダードモデル告知 */
:root {
  /*color*/
  --c-dd-org: #ee781c;
  /*font*/
  --ff-NtSnsJP: YakuHanJP, "Noto Sans JP", sans-serif;
}
/*-------------------------------
 overwrite _ adjust_news
---------------------------------*/
article.news {
  padding: 0;
  box-shadow: none;
}
.news-tit, .news-date {
  display: none;
}
main {
  padding-bottom: 1px;
  background:
    url("/assets/image/news/dd/dddy_tsukina/dddy_tsukina_bg.jpg?002") 0 0 / calc(var(--rs) * 96) repeat;
    ;
}
section {
  width: min(100%, 96rem);
  max-width: 100%;
  padding: 0;
  margin: calc(var(--fs) * 4) auto;
  background: rgb(255 255 255 / 65%);
  box-shadow: 0 0 calc(var(--rs) * 2) rgb(175 120 100 / 60%);
} 
/*-------------------------------
 DDdy Tsukina _ main
---------------------------------*/
#dddyTsukina {
  padding-bottom: 2%;
  font-family: var(--ff-NtSnsJP);
}
#dddyTsukina a:hover {
  filter: brightness(1.1);
}
#dddyTsukina > hr {
    width: 94%;
    height: 0;
    margin: calc(var(--fs) * 4) auto calc(var(--fs) * 2);
    border: none;
    border-bottom: 4px dotted #ee781c;
  }
.tsukina-cont {
  background: url("/assets/image/news/dd/dddy_tsukina/dddy_tsukina_cont_bg.jpg") 50% 0 / 100% repeat;
  display: flex;
}
#tsukinaImg-spec {
  margin-left: calc(var(--rs) * -2);
  position: relative;
}
/*item pic*/
.gallery {
  width: min(88%,38rem);
  display: flex;
  flex-flow: row wrap;
  position: absolute;
  right: 2%;
  top: 70%;
}
.gallery li {
  width: calc(100% / 3 - 8px);
  margin: 4px;
  background: #fff;
  box-shadow: 0 1px  3px rgb(0 0 0 / 20%);
}
@media screen and (max-width: 530px) {
  .tsukina-cont {
    flex-direction: column;
  }
  #tsukinaImg-spec {
    margin: 0 0 0 auto;
  }
}
/*-------------------------------
 spec table
---------------------------------*/
#specCont {
  padding-top: 4%;
  background: linear-gradient(215deg, rgb(253 242 229 / 60%) 0%, transparent 40%);
}
table.specTable {
  width: min(96%, 88rem);
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 5px;
}
table.specTable caption {
  width: 100%;
  padding: 0 5px calc(var(--fs) * 1.4);
  font-size: calc(var(--fs) * 2.2);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
  position: relative;
}
table.specTable caption
table.specTable caption span {
  display: block;
}
table.specTable caption b {
  margin: 0 0.25em;
  font-size: calc(var(--fs) * 3.0);
}
table.specTable caption small {
  font-weight: normal;
  display: inline-block;
}
table.specTable tr {
  padding: calc(var(--fs) * 0.6) 0 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
table.specTable tr:has(td[colspan]) {
  padding-bottom: 0;
}
table.specTable th,
table.specTable td {
  padding: calc(var(--fs) * 0.5) 0;
  font-size: calc(var(--fs) * 1.6);
  font-weight: normal;
  line-height: 1.6;
}
table.specTable th {
  max-width: 7em;
  background: #555;
  border-radius: 3px;
  color: #fff;
  font-size: calc(var(--fs) * 1.2);
  text-align: center;
  position: relative;
  flex: 0 1 25%;
}
table.specTable th:empty {
  background: none;
}
table.specTable td {
  padding-top: 0;
  line-height: 1.8;
  flex: 1 1 80%;
}
table.specTable td:not([colspan]) {
  padding-left: 1em;
  text-align: left;
}
table.specTable td[colspan] {
  padding: 0;
  flex-basis: auto;
}
table.specTable td.spec-price {
  padding-top: 0;
  line-height: 1.2;
}
table.specTable td a.ev_att {
  font-weight: bold;
  color: var(--c-bs-red);
}
.price-tax {
  font-size: calc(var(--fs) * 2.4);
  font-weight: bold;
  vertical-align: text-top;
}
.price-tax small {
  font-size: calc(var(--fs) * 1.4);
}
.price-hontai {
  display: none;
}
a.link-ec-btn {
  width: min(90%, 72rem);
  padding: 1em 0.5em;
  margin: 1em auto;
  background: #0095d9;
  border-radius: calc(var(--fs) * 1);
  color: #fff;
  font-size: calc(var(--fs) * 1.6);
  font-weight: normal;
  text-align: center;
  display: block;
  position: relative;
}
/*-------------------------------
 schedule
---------------------------------*/
.schedule {
  width: min(92%, 87rem);
  padding-bottom: 0.5em;
  margin: 1em auto 2em;
  background: rgb(255 255 255 / 80%);
  border: 1px solid #555;
  color: #000;
}
.schedule a {
  color: #0095d9;
}
.schedule dt {
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  background: #555;
  color: #fff;
}
.schedule dd {
  padding: 0.5em 1em 0.25em;
  margin-bottom: 0.5em;
  display: flex;
  flex-flow: row nowrap;
}
time {
  margin-right: 0.5em;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .schedule dd {
    padding-right: 0.5em;
    flex-direction: column;
  }
}
/*-------------------------------
 spec attention
---------------------------------*/
.spec-att {
  width: min(94%, 88rem);
  padding: 1em 0;
  margin: 0 auto 1em;
  color: #333;
  font-size: calc(var(--fs) * 1.2);
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 3px #fff, 0 0px 5px #fff, 0px 0px 4px rgb(255 255 255 / 60%);
}
.spec-att dt {
  font-size: calc(var(--fs) * 1.5);
}
.spec-att :is(li,dd) {
  padding-left: 1em;
  margin-top: 0.25em;
  margin-right: 1em;
  display: inline-block;
  position: relative;
}
.spec-att :is(li,dd)::before {
  content: "\203B";
  position: absolute;
  left: 0;
  top: 0;
}
.spec-att a {
  padding: 0.25em 0.5em;
  background: rgb(255 255 255 / 100%);
  border-radius: 3px;
  color: #d61979;
  font-size: 87.5%;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}
.spec-att a:hover {
  filter: brightness(1.1);
}
.spec-att .att-imp {
  color: var(--c-bs-pnk);
  font-weight: bold;
}
/*info_トワ販売終了*/
#infoDiscon {
  width: 94%;
  padding: 0.5em 1em;
  margin: 2em auto 1em;
  background: var(--c-dd-org);
  color: #fff;
  font-size: calc(var(--fs) * 1.4);
}
#infoDiscon b {
  font-size: 125%;
}
#infoDiscon em {
  font-size: 112.5%;
  font-weight: bold;
}
#infoDiscon a {
  color: #fff;
}
/*info_スタンダードモデルはいつでもお迎え可能*/
#infoStdmdl {
  padding: 1em 2%;
  background: linear-gradient(90deg, rgb(255 244 102 / 40%)  0%, rgb(255 244 102 / 60%) 10%, rgb(255 244 102 / 60%) 90%, rgb(255 244 102 / 40%)  100%);
  box-shadow: 0 0 5px rgb(255 255 255 / 60%);
  font-size: calc(var(--fs) * 1.0 + var(--rs) * 0.8);
  text-align: center;
}
#infoStdmdl > p {
  width: min(94%, 68rem);
  margin: 0 auto;
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #fff;
  filter: drop-shadow(0 0 2px #fff) drop-shadow(0 3px 0px rgb(0 0 0 / 10%));
}
#infoStdmdl > p:nth-child(2) {
  width: min(90%, 90rem);
  margin-top: 1em;
  font-size: 75%;
}
#infoStdmdl b {
  color: var(--c-dd-org);
  font-size: 125%;
}