@charset "UTF-8";

.sec-cp {
	padding: 0 0 105px;
	position: relative;
}
.sec-cp .content-inner {
	max-width: 980px;
	padding: .1px 50px .1px;
}
.sec-cp .sec-detail {
	padding: 0 0 160px;
}

.sp-box01 {
  background: #ffffff;
  position: relative;
  margin: 25px 0 0;
  padding: 12px;
}
.sp-box01 + .sp-box01 {
  margin-top: 60px;
}
.sp-box01 > .-inner {
  background: #ffffff;
  color: #008da7;
  position: relative;
  padding: 38px 11.44%;
}
.sp-box01::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #9ba5a3;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: linear-gradient(-45deg, #9ba5a3 0%, #c1c1c1 25%, #9ba5a3 50%, #c1c1c1 75%, #9ba5a3 100%);
  pointer-events: none;
}
.sp-box01::after {
  content: "";
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  border: 4px solid #fff;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  pointer-events: none;
}
.sp-box01 .sp-ti03 {
  font-size: 38px;
  margin-top: 0;
  padding: 0 0 1.55em .2em;
}
.sp-box01 .sp-ti03 .-sub {
  font-size: calc(26/38*1em);
  margin-bottom: .5em;
}
.sp-box01 .-text1 {
  margin-top: 1.3rem;
}
.sp-box01 .-text2 {
  font-size: calc(18/16*1em);
  text-align: center;
  font-weight: 500;
  margin-top: 1.8rem;
}
.sp-box02 {
  background: #2baec4;
  margin: 1.3em auto .7em;
  padding: .9em;
}
.sp-box02.-thin1 {
  max-width: 530px;
  margin: 1.85em auto .7em;
}
.sp-box03 {
  max-width: 780px;
  background: #ffffff;
  position: relative;
  margin: 2.35em auto;
  padding: 4px;
}
.sp-box03 > .-inner {
  color: #008da7;
  position: relative;
  padding: 20px 15px 23px;
}
.sp-box03::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #5abdb8;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: linear-gradient(-90deg, #8edcb4 0%, #009db8 100%);
  pointer-events: none;
}
.sp-box03::after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #fff;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  pointer-events: none;
}
.sp-box03 .sp-ti04 {
  font-size: 20px;
  margin-bottom: .7em;
}
.sp-box03 .sp-ti04::before,
.sp-box03 .sp-ti04::after {
  margin: 0 .9em;
}
.sp-box03 .sp-date {
  font-size: 28px;
  letter-spacing: 0.03em;
}
.sp-box04 {
  font-size: 20px;
  margin: 3.2em 0;
  text-align: center;
  line-height: 2.5;
}
.sp-box05 {
  background: url(/treasure/fantasy/funderful/tds25th/images/tds25th_bg06.png) 50% 0% no-repeat, url(/treasure/fantasy/funderful/tds25th/images/tds25th_bg06.png) 50% 100% no-repeat;
  font-size: 24px;
  font-weight: 600;
  color: #c886c1;
  margin: 2em 0 1.3em;
  padding: 3.2em 1em;
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 767px) {
	.sec-cp {
		padding: 0 0 calc(130/750*100vw);
	}
	.sec-cp .content-inner {
		padding: 0 25px .1px;
		padding: .1px calc(50/750*100vw) .1px;
	}
  .sec-cp .sec-detail {
		padding: 0 0 calc( 100vw * 160 / 750);
	}
  .sp-box01 {
    margin: calc(30/750*100vw) 0 0;
    padding: calc(20/750*100vw);
  }
  .sp-box01 + .sp-box01 {
    margin-top: calc(60/750*100vw);
  }
  .sp-box01 > .-inner {
    padding: calc(40/750*100vw) 9%;
  }
  .sp-box01::after {
    width: calc(100% - calc(16/750*100vw));
    height: calc(100% - calc(16/750*100vw));
    border-width: calc(8/750*100vw);
  }
  .sp-box01 .sp-ti03 {
    font-size: calc(42/750*100vw);
    background-size: calc(478/750*100vw) auto;
  }
  .sp-box01 .sp-ti03 .-sub {
    font-size: calc(30/42*1em);
    margin-bottom: 1.02em;
  }
  .sp-box01 .-text1 {
    margin-top: .7rem;
  }
  .sp-box01 .-text2 {
    font-size: calc(28/28*1em);
    margin-top: .4rem;
  }
  .sp-box02 {
    padding: .7em;
  }
  .sp-box02.-thin1 {
    max-width: none;
    margin: 1.3em auto .4em;
    padding: .55em;
  }
  .sp-box03 {
    margin: 1.8em auto 1.3em;
    padding: calc(4/750*100vw);
  }
  .sp-box03 > .-inner {
    padding: calc(15/750*100vw) 11.44%;
  }
  .sp-box03::after {
    width: calc(100% - calc(8/750*100vw));
    height: calc(100% - calc(8/750*100vw));
    border-width: calc(2/750*100vw);
  }
  .sp-box03 .sp-ti04 {
    font-size: calc(28/750*100vw);
  }
  .sp-box03 .sp-date {
    font-size: calc(34/750*100vw);
  }
  .sp-box04 {
    font-size: calc(30/750*100vw);
    text-align: left;
    margin: 1.4em 0;
    line-height: 2;
  }
  .sp-box05 {
    font-size: calc(30/750*100vw);
    background-size: calc(651/750*100vw) auto;
    margin: 2.5em 0 2.6em;
    padding: 2.6em 0 2.8em;
  }
}



/*.sec-special::before {
	content: "";
	width: 100%;
	background: 50% 0 no-repeat;
	opacity: .3;
	pointer-events: none;
	z-index: 50;
	position: absolute;
	    height: 100%;
	left: 0;
	top: 0;
}
@media screen and (min-width: 768px) {
	.sec-special::before {
		background-image: url("../images/tds25th_goods/__pc.jpg");
    background-position: 50% -257px;
	}
}
@media screen and (max-width: 767px) {
	.sec-special::before {
		background-image: url("../images/tds25th_goods/__sp.jpg");
    background-position: 50% calc(-450/750*100vw);
		background-size: 100% auto;
	}
}*/