@charset "utf-8";
/* Format :Mobile First Index */
  .dsd10th-cont-wrap {
    background: #F6F6EC url(/event/htd_osaka10/image/dsd-bg-ptn.jpg) 50% 0 / 100% auto repeat-y;
  }
  .dsd10th-cont-wrap > li {
    position: relative;
  }
  .dsd10th-lead-page {
    max-width: var(--width-cont);
    padding: 0 1rem;
    margin: 1em auto;
    color: #5F4D38;
    font-size: calc(var(--fs) * 1.6);
    line-height: 1.8;
    text-align: center;
  }
  .dsd10th-lead-page:first-child {
    font-size: calc(var(--fs) * 2.0);
    line-height: 1.6;
  }
  .dsd10th-message {
    text-align: center;
    z-index: 2;
  }
  .dsd10th-message > p {
    margin: calc(var(--rs) * 1.5) auto 0;
    width: min(96%,96rem);
    box-shadow: 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.3);
  }

/*-----------------------------
 目次：文字リスト
-----------------------------*/  
.dsd10th-mokuji-box {
	position: relative;
	width: min(96%, 96rem);
	margin: 0rem auto 3rem;
	padding: calc(var(--rs) * 2.5) 2vw;
	border-radius: 0;
	font-size: calc(var(--fs) * 1.5);
	color: #2e2e2e;
	box-shadow: 0 0 1rem 0 rgba(71, 0, 0, 0.1) inset;
	background: linear-gradient(to left, rgba(228, 242, 255, 0.8) , rgba(228, 242, 255, 0.8)),url(/event/htd_osaka10/image/access_img-photograph.jpg) 100% 50% / cover no-repeat;
	font-weight: bold;
}
.dsd10th-mokuji-box > dt {
  display: flex;
  align-items: center;
  margin: 0;
  padding: .5rem 0;
  font-size: 1.35em;
}
.dsd10th-mokuji-box > dd {
  list-style-type: disc;
  margin: 0;
  padding: 0 1.2em;
  overflow: hidden;
}
.dsd10th-mokuji-box ol {
  margin-top: .5rem;
  list-style: revert;
}
.dsd10th-mokuji-box li {
  padding: .5rem;
}
.dsd10th-mokuji-box li::marker {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054 ";
  color: #ccc;
  margin-right: 1em;
  font-size: .8em;
  display: inline-block;
}
.dsd10th-mokuji-box li > ol {
  padding-left: 1em;
}
.dsd10th-mokuji-box a:not([class]) {
  color: #2e2e2e;
}

/*-----------------------------
 パビリオン
-----------------------------*/  
.dsd10th-pv-cnt {
	max-width: var(--width-cont);
  padding: 0 calc(var(--rs) * 2.0);
	margin-inline: auto;
}
.dsd10th-pv-tit {
	background: #fff;
	display: inline-block;
	padding: calc(var(--rs) * 1.5) calc(var(--fs) * 2.0) calc(var(--rs) * 1.0) 1rem;
	font-size: calc(var(--fs) * 2.8 + .5vw);
	box-shadow: 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.18);
	margin: 0 auto 1rem 0;
	color: #C9161E;
}
.dsd10th-pv-tit > .fa-icon-gbnum {
	font-size: 1.5em;
	margin-right: 0.2em;
}
.dsd10th-pv-caption {
	color: #5F4D38;
	font-size: calc(var(--fs) * 2.4 + 0.4vw);
	margin-bottom: 1rem;
	line-height: 1.4;
}
.dsd10th-pv-hr-solid {
  width: min(100%, var(--width-cont));
  margin: calc(var(--fs) * 4.0) auto 0;
  border-top: 1px #5F4D38 solid;
  border-bottom: 2px #5f4d3870 solid;
  height: 1px;
}
.dsd10th-pv-hr-dotted {
  width: min(100%, var(--width-cont));
  margin: 2.5rem auto;
  border-top: .3rem dotted #52443457;
  height: 0;
}
.dsd10th-pv-col {
	width: min(100%, var(--width-cont));
	margin: 0 auto;
	display: flex;
  align-items: center;
	flex-flow: row wrap;
	justify-content: space-between;
	position: relative;
	gap: calc(var(--rs) * 2.0);
  padding: 1rem 0;
}
.dsd10th-pv-col-rowreverse {
  flex-direction: row-reverse;
}
.dsd10th-pv-col-cont {
  width: min(100%, 48rem);
  flex: 1 1 auto;
}
.dsd10th-pv-col-text {
	font-size: calc(var(--fs) * 1.6);
	line-height: 1.6;
	padding: 1rem 0;
}
.dsd10th-pv-col-img {
  width: min(100%, 40rem);
  flex: 1 1 auto;
  position: relative;
  text-align: center;
}
.dsd10th-pv-col-clr {
  width: 100%;
  margin-inline:  auto;
}
.dsd10th-pv-col2 .dsd10th-pv-col-text {
  padding: 1em 2%;
  margin: 0 auto;
  flex: 1 1 auto;
}
.dsd10th-frame-box {
  max-width: var(--width-cont);
  background-image: url(/event/htd_osaka10/image/dsd10th_pt_textframeS-top.jpg), url(/event/htd_osaka10/image/dsd10th_pt_textframeS-btm.jpg), url(/event/htd_osaka10/image/dsd10th_pt_textframeS-mdl.jpg);
  background-repeat: no-repeat,no-repeat,repeat-y;
  background-size: 100% auto;
  background-position: top center, bottom center, 50% 50%;
  border-radius: 1px;
  box-shadow: 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.18);
  padding: 3%;
  margin: 0 auto 4rem;
}
.dsd10th-frame-box.event_detal > dl > dt {
  color: #5F4D38;
}
/*-------------------------------
 SPEC
---------------------------------*/
.dsd10th-column-spec {
  /*max-width: var(--width-cont);*/
  max-width: 108rem;/*改行対策*/
  margin-inline: auto;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  padding: 0 1.5rem 3rem;
}
.dsd10th-column-specData {
	width: min(80%, 40rem);
	padding: 1% 1% 1%;
	margin: 0 1%;
	flex: 1 1 auto;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.18);
}
.dsd10th-dress-dtl {
  width: min(100%, 40rem);
  margin: 0 auto;
  flex: 1 1 auto;
  text-align: center;
}
.dsd10th-dress-dtl figcaption {
  display: none;
}
.dsd10th-specTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: calc(var(--fs) * 0.5);
  font-size: calc(var(--fs) * 1.4);
  line-height: 1.3;
}
.dsd10th-specTable caption {
  padding: 0 calc(var(--fs) * 0.5);
  font-size: calc(var(--fs) * 1.2 + var(--rs) * 0.8);
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  border-bottom: 1px solid;
  margin-bottom: 1rem;
}
.dsd10th-specTable caption b {
  font-size: 125%;
}
.dsd10th-specTable caption small {
  font-size: 75%;
}
.dsd10th-specHead {
  padding: 1rem calc(var(--rs) * 1.0);
  margin: 0;
  font-weight: bold;
}
.dsd10th-specHead dt {
  margin: 0 1em 0 0;
  float: left;
  width: 100%;
}
.dsd10th-specHead dd {
  margin: 0 0.5em 0 0;
  letter-spacing: 0.05em;
  display: inline-block;
  float: left;
  font-size: 1.25em;
}
.dsd10th-specHead dd::after {
  content: "/";
  margin-left: 0.8em;
  text-transform: full-width;
}
.dsd10th-specHead dd:last-child::after {
  content: "";
  margin-left: 0;
}
.dsd10th-specTable tr {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.dsd10th-specTable tr:not(:nth-last-of-type(1)) {
  margin-bottom: calc(var(--rs) * 0.6);
}
.dsd10th-specTable th,
.dsd10th-specTable td {
  padding: 0.25em;
}
.dsd10th-specTable th {
  width: 24%;
  max-width: 10em;
  padding-top: 0.4em;
  background: #595757;
  color: #fff;
  border-radius: 2px;
  font-size: 0.86em;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  vertical-align: top;
  flex-basis: 24%;
  flex-shrink: 0;
}
.dsd10th-specTable td {
  padding-left: 0.5em;
  text-align: left;
}
.dsd10th-specTable td[colspan] {
  padding-left: 0;
  padding-right: 0;
}
.dsd10th-specTable td.price,
.dsd10th-specTable td.dsd10th-spec-price {
  padding-top: 0;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
}
.dsd10th-specTable ul.note-list > li {
  padding-left: 1em;
  margin-top: 0.2em;
  margin-bottom: 0;
  text-indent: -1em;
  line-height: 1.6;
}
.dsd10th-specTable ul.note-list > li ~ li {
   margin-top: .2rem; 
}
.dsd10th-specNote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: calc(var(--fs) * 1.3);
  color: #444;
  padding: 1rem 1.5rem 3rem;
}

/* ================================== PC START ================================== */
@media (min-width: 960px) {

}
/* ================================== PC END ================================== */