@charset "utf-8";
/* Format :Mobile First Index */
.contsInnerBox {
  background: #F6F6EC url(/sd/special/dearsd/10th/image/dsd10th-bg-ptn.jpg) 50% 0% / calc(var(--rs) * 128) repeat;
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, 0.2), 0 0 5rem rgba(0, 0, 0, 0.05);
}
.dsd10th-cont-wrap > li {
  position: relative;
}
.dsd10th-lead-page {
  max-width: 108rem;
  padding: 0 1rem;
  margin: calc(var(--rs) * -1.0) auto 1em;
  color: #5F4D38;
  font-size: calc(var(--fs) * 1.2 + var(--rs) * 0.6);
  line-height: 1.8;
  font-family: 'Shippori Mincho';
}
.dsd10th-lead-page:first-child {
  font-size: calc(var(--fs) * 1.3 + var(--rs) * 1.4);
  line-height: 1.6;
  letter-spacing: 0;
}
.dsd10th-lead-page:first-child > small {
	font-size: calc(var(--fs) * 0.8 + var(--rs) * 1.0);
}
.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);
}
/*-------------------------------
 DSD 10th _ massage
---------------------------------*/
#dsd10Message {
  width: min(96%, 100rem);
  padding: calc(var(--rs) * 2);
  margin: 1em auto calc(var(--rs) * 6);
  background: 
    url("/sd/special/dearsd/10th/image/frame_10th_top.jpg") 50% 0% / contain no-repeat,
    url("/sd/special/dearsd/10th/image/frame_10th_bottom.jpg") 50% 100% / contain no-repeat,
    url("/sd/special/dearsd/10th/image/frame_10th_middle.jpg") 50% 50% / contain repeat-y,
    #f7ebe1
    ;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.2), 0 0 3rem rgba(0, 0, 0, 0.05);
}
#dsd10Message > div {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: calc(var(--rs) * 2) calc(var(--rs) * 2) 1px;
  background: url("/sd/special/dearsd/10th/image/dsd10th-message-bg.png") 77% -0% / contain no-repeat;
}
#dsd10Message > p {
	margin-top: 1.5em;
	border-top: 1px solid #cfcfcf;
	padding: 1.5em calc(var(--rs) * 3.0) calc(var(--fs) * 2.0);
  color: #8e7761;
}
.dsd10Message-text {
	color: #4c4647;
	font-size: calc(var(--fs) * 1.6);
	font-weight: 500;
	line-height: 1.5;
	text-shadow: 0 0 1px #f6f6ee, 0 1px 5px #f6f6ee;
	filter: drop-shadow(0 0 10px #f6f6ee) drop-shadow(0 0 10px #f6f6ee);
}
.dsd10Message-text > p + p {
  margin-top: .75em;
  padding-left: calc(var(--rs) * 1.0);
}
.dsd10Message-photo {
  width: min(35%, 15rem);
  align-self: flex-end;
  flex: 0 1 auto;
  padding-left: var(--rs);
}
.dsd10Message-photo figcaption {
  margin-top: calc(var(--rs) * 2.0);
}
@media screen and (max-width:959px) {
  #dsd10Message > div {
    flex-direction: column;
    background-size: 63%;
    background-position: 0% 100%;
  }
   .dsd10Message-text > p:last-of-type {
     padding-right: 38%;
     margin-bottom: calc(var(--fs) * -12);
  }
}

/*-----------------------------
 目次：文字リスト
-----------------------------*/

/*-----------------------------
 パビリオン
-----------------------------*/  
.dsd10th-pv-cnt {
	max-width: 100rem;
  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/dolpa55/image/dsd10th_pt_textframeS-top.jpg), url(/event/dolpa55/image/dsd10th_pt_textframeS-btm.jpg), url(/event/dolpa55/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 ================================== */