@charset "utf-8";
/* DDフェス 2026 */
@import "/assets/css/reset.css";
@import "/assets/css/base_dd.css";

:root {
  /* font-size */
  --fs-20: 2rem;
  --fs-22: 2.2rem;
  --fs-24: 2.4rem;
  --fs-26: 2.6rem;
  --fs-28: 2.8rem;
  --fs-30: 3rem;
  --fs-32: 3.2rem;
  --fs-34: 3.4rem;
  --fs-36: 3.6rem;
  --fs-38: 3.8rem;
  --fs-40: 4rem;
  /* color_common */
  --color-wht: #ffffff;
  --color-blk: #000000;
  --color-red: #e60000;
  --color-gry-dk: #202020;
  --color-gry: #282828;
  --color-gry2: #333;
  --color-gry-lt: #ececec;
  --color-brwn: #37201c;
  --color-link-cmn: #ff7e00;
  --color-link-cmn-hover: #ff6600;
  --color-link-cmn2:#ed6c01;
  --color-link-cmn2-hover: #ff6600;
  /* box-shadow */
  --bs-cmn: 0 0.2rem 0.3rem 0.1rem rgba(50,50,50,0.1);
  --bs-conts: 0 .3rem .5rem 0 rgba(50, 50, 50, 0.4);
  /* color_ddfes */
  --color-ddfes-org: #f57e1d;
  --color-ddfes-pnk: #ec6e83;
  --color-ddfes-pnk-light: #fff0f2;
  --color-ddfes-yll: #faca64;
  --color-ddfes-red: #b41f35;
  --color-ddfes-brwn-dk: #2b1c17;
  --color-ddfes-brwn: #603935;
  --color-ddfes-crm: #fffae4;
  --color-ddfes-boxOffwht: #fdfcf7;
  --color-ddfes-boxPnk: #dfa196;
  --color-dlp-gryPnk: #ba6568;
  --color-dlp-grybl: #738bad;
  --color-dd20th-ppl: #cb67a5;
  --color-dd20th-red-dk: #b31b32;
  /* responsive size */
  --fs: min(2.114vw,1rem);
  --rs: clamp(0.5rem, 1.042vw, 1rem);
  /*width*/
  --width-Hlogo: 20rem;
  /*height*/
  --height-hdr: 4rem;  
  --height-menu: 4rem;  
}

html { font-size: 62.5%; }
body {
  color: #333;
  background:var(--color-ddfes-crm);
  font-size: calc(var(--fs) * 1.6);
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica,sans-serif;
  font-feature-settings: "palt";
  letter-spacing:normal;
  -webkit-text-size-adjust: 100%; /* SmartPhone表示用 */
	line-height: 1.6;
}
/* Font */
.ff-NtSnsJP { font-family: YakuHanJP, "Noto Sans JP", sans-serif;}
.ff-NtSrfJP { font-family: YakuHanMP, "Noto Serif JP", serif;}
.ff-YuMc { font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;}
.ff-Mnt { font-family: "Montserrat", sans-serif;}
	@font-face {
	  font-family: "wf-tegaki";
		src: url("/event/ddfes/2023/font/HuiFontP29.eot");/*For IE*/
		src: url("/event/ddfes/2023/font/HuiFontP29.woff") format("woff"),/*For Modern browser*/
			url("/event/ddfes/2023/font/HuiFontP29.ttf") format("truetype");/*For iOS Android*/
	}
.ff-wf-tegaki {font-family: "wf-tegaki", serif;}

/*-------------------------------
 Br _ View
---------------------------------*/

	/*改行 br */
	.br-pc 	{ all: initial;} /*PC_only*/
	.br-pc-tb	{ all: initial;} /*PC-TB*/
	.br-tb-sp	{ display: none;} /*TB-SP*/
	.br-sp		{ display: none;} /*SP_only*/

	/*Image*/
	.view-pc { display: inline-block !important;}
	.view-pc-tb { display: inline-block !important;}
	.view-tb-sp { display: none !important;}
	.view-sp { display: none !important;}

/*-------------------------------
 Base
---------------------------------*/
/* Link */
a {
  text-decoration: none;
  color: var(--color-link-cmn);
  }
a:hover {
  color: var(--color-link-cmn-hover);
  filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;
  transition : all .2s; /* Animation Effect */
} 
a:focus, *:focus	{ outline:none; }
.fa, .fab, .fal, .far, .fas	{ text-indent: 0;}
.icon--volks-official {
	content: url("/assets/image/logo/logo_vs_mark-wht.svg");
	height: 1em;
	vertical-align: middle;
}

del.noLnk {
	color:#939393;
	}
del.noLnk a{
	color:#939393;
	pointer-events:none;
  cursor:default;
	}
/*link button*/
.lnkBtn-Area {
	width: 100%;
	position: relative;
	margin: calc(var(--fs) * 2) auto;
}
.lnkBtn-Area a.lnkBtn {
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), inset 0 -1px 0 0 rgb(100 50 50 / 10%);
}
.lnkBtn-Area p.shop-link-text {
  margin: 0 auto;
	font-size: calc(var(--fs) * 1.4);
  text-align: center;
  position: relative;
}
a.lnkBtn {
	width: min(64rem, 94%);
	padding: calc(var(--rs) * 2) calc(var(--rs) * 3);
	margin: 0 auto calc(var(--fs) * 1.5);
	background-color: var(--color-link-cmn2);
	border-radius: 3rem;
  color: var(--color-wht);
	font-size: calc(var(--fs) * 1.6);
	text-align: center;
	display: inline-block;
	position: relative;
}
a.lnkBtn:hover {
	text-decoration: none;
}
a.lnkBtn-shop {
	background-color: var(--color-ddfes-brwn);
	color: var(--color-wht);
}
a.lnkBtn-online-store {
	background: #78162c;
	color: var(--color-wht);
  }
.flex-lnkBtn a.lnkBtn {
	width: min(64rem, 94%);
	font-size: calc(var(--fs) * 1.5);
	padding: 1em calc(var(--rs) * 2);
}
 /* Link button page link */
.lnk_pglink_btn {
  max-width: 80rem;
	margin: 1rem auto;
	padding: 2rem;
  background: #78162C;
  color: #fff !important;
	text-align: center;
	border-radius: calc(var(--rs) * 1);
	box-shadow: 0 .2rem .3rem .1rem rgb(0 0 0 / 30%);
	position: relative;
	display: block;
}
.lnk_pglink_btn::after,
.lnk_omukae_btn::after {
	content: "";
	width: 1em;
	height: 1em;
	display: block;
	position: absolute;
	right: .5em;
	top: calc( 50% - .5em);
	background: url(https://dollfie.volks.co.jp/assets/image/icons/ic_arrow-next_wht.gif) 50% 50% / auto 100% no-repeat;
	font-size: calc(var(--fs) * 2);
}
a.end {
	background: #6a6a6a;
	}
a.Pre{
	background: #6a6a6a;
  color: #fff;
	cursor: default;
  pointer-events: none;  
	}
a.txtPre{
  color:#a2a2a2;
  cursor: default;
  pointer-events: none;
}
/*-------------------------------
 Base _ text
---------------------------------*/

strong { font-size:125%;}
em { font-size:112.5%; font-style: normal; font-weight: bold;}
small { font-size:87.5%;}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: super;
}
.lt-sp{ letter-spacing: -0.5rem; }

/* Text Align */
.ta-l	{ text-align:left;}
.ta-c	{ text-align:center;}
.ta-r	{ text-align:right;}

.dno,.nodsp { display: none !important; }
.dbk { display: block; }
.dbk-inline { display: inline-block; }

/* Text Color */
.tc-wht { color: var(--color-wht);}
.tc-blk { color: var(--color-blk);}
.tc-gry { color: var(--color-gry);}
.tc-red { color: var(--color-red);}

/* Text Color DDfes */
.tc-ddfes-org	{ color: var(--color-ddfes-org);}
.tc-ddfes-pnk	{ color: var(--color-ddfes-pnk);}
.tc-ddfes-red	{ color: var(--color-ddfes-red);}
.tc-ddfes-yll	{ color: var(--color-ddfes-yll);}

em.tc-dlp_pnk { color: #ec6d81;}
em.tc-dlp_org { color: #ed6c01;}

/* Text Shadow */
.ts-wht	{ text-shadow:0 0 4rem #ffffff, 0 0 2.5rem #ffffff, 0 0 2rem #ffffff, 0 0 0.4rem #ffffff;}
.ts-smPnk {
	text-shadow: 0px 0px 8px #c16060, 0px 0px 8px #c16060, 0px 0px 8px #c16060;
}
/* marker */
.marker_gry {
	background: linear-gradient(transparent 60%, rgba(50,50,50,0.15) 60%);
}
/* Note list */
ul.note-list	{
  width: 96%;
  padding:0.5rem 0;
  margin: 0.5em auto;
  line-height:1.4;
  font-size: calc(var(--fs) * 1.4);
	}
ul.note-list li	{
  padding-left: 1em;
  margin-bottom: 0.25em;
  text-indent: -1em;
}
ul.note-list li strong	{
  margin:auto;
}
	/* Att text */
	.txt-att_l {
		text-align:left;
		font-size:calc(var(--fs) * 1.2);
	}
	.txt-att_r {
		text-align: right;
		font-size:calc(var(--fs) * 1.2);
	}
.link-text__deco--more::after {
	content: "";
	width: 0.5em;
	height: 0.5em;
	margin: 0 0 0 1rem;
	border: 0;
	border-top: 0.2em solid;
	border-right: 0.2em solid;
	display: inline-block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: -0.1em;
}
.exclamation-triangle::before {
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	margin-right: .5em;
}
/*-------------------------------
 Base _ image
---------------------------------*/
img {
  max-width:100%;
  height:auto;
  vertical-align: bottom;
}
img.img_half {
  max-width:50%;
  height:auto;
}
/* Image Position */
img.img_abslt { position:absolute;} 
svg {
    fill: currentColor;
    display: inline-block;
    }
	
/* Box Shadow */
.bs-wht	{ box-shadow:0 0 0.5rem 0 rgba(256,256,256,0.9);}
.bs-brw	{ box-shadow:0 0 0.5rem 0 rgba(166,154,152,0.9);}
.bs-blk	{ box-shadow:0 0 0.3rem 0 rgba(0, 0, 0, 0.5);}

/*-------------------------------
 Bace _ Common Bg
---------------------------------*/

.bg-all {}
.bg-all::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
  background-color: #fffae4;
	background-image: url(/event/ddfes/image/bg_all.jpg);
  background-repeat: no-repeat;
	background-size: cover;
}
.bg-all-star {
  width: 100%;
  position: relative;
  }
.bg-all-star::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background: url(/event/ddfes/image/bg_all_star.png) 100% 0% / 100% auto repeat-y;
}

.bg-cmn01, .bg-cmn02 {}
.bg-cmn01::before,
.bg-cmn02::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.bg-cmn01::before {
  background-color: #fffae4;
	background-image: url(/event/ddfes/image/bg_ptrn_cmn01.jpg);
  background-repeat: repeat-x;
  }
.bg-cmn02::before {
  background-color: #fffae4;
	background-image: url(/event/ddfes/image/bg_ptrn_cmn02.jpg);
  background-repeat: repeat-x;
  }
.bg-cmn03 {
  background-color: var(--color-ddfes-crm);
	background-image: url(/event/ddfes/image/bg_ptrn_cmn03.jpg);
  background-repeat: repeat-x;
	background-position: center bottom;
  }


.bg-brwn { background-color:var(--color-brwn);}
.bg-Offwht { background-color:var(--color-ddfes-boxOffwht);}

.bg-trnsWht { background-color: rgba(255,255,255,0.5);}
.bg-trnsGry { background-color: rgba(0,0,0,0.5);}
.bg-trnsBlk { background-color: rgba(0,0,0,0.5);}

/*-------------------------------
 Bace _ Common Layout
---------------------------------*/
/* Full width Container */
	#header,
	#Menu,
	#MenuLcl,
	.container{ width:100%; position:relative;}

	section,
  .contents	{
		width: 100%;
		position:relative;
		text-align: center;
	}
	.contents	{ overflow:hidden; }

	section.sc-cnt	{
		padding: 6rem 0 6rem;
	}
	section.sc-cnt + section.sc-cnt { padding: 0rem 0 6rem;}

	.cntFll, .cntSite, .cntWrp, .cntInner	{
		width: 100%;
		position: relative;
		margin: 0 auto;
		z-index: 1;
		}
	.cntFll	{
		max-width: var(--width-fll);
		}
	.cntSite	{
		max-width: var(--width-site);
		}
	.cntWrp	{
		max-width: var(--width-wrp);
		}
	.cntInner	{
		max-width: var(--width-cont);
		}
    .cntArea {
        max-width:var(--width-cont);
        background: #FFF;
        padding: 2rem;
        margin: 0 auto;
        position: relative;
        text-align: center;
        box-shadow: 0px 1px 5px #4b392d;
        }
    .cntBox	{
      max-width: var(--width-cont);
      margin: 0 auto;
      box-shadow: 0 .3rem .5rem rgba(0, 0, 0, 0.3);
      background: rgba(255, 255, 255, 0.8);
      }

/*-------------------------------
 Header
---------------------------------*/
header {
  width:100%;
  background: #fff;
    border-bottom: 1px solid #f794b0;
  position:fixed;
  left: 0;
  top: 0;
  z-index: 30;
}
header h1 {
  display: none;
}
header .logo {
  width: var(--width-Hlogo);
  margin: 0;
  position: absolute;
  left: 1%;
  top: 0.5rem;
}
#headerInner {
  max-width:var(--width-cont);
  height: var(--height-hdr);
  padding: 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
/*-------------------------------
 Menu
---------------------------------*/
div.fxblnk	{ width:100%;
	/*height:calc(var(--height-hdr) + var(--height-menu));  header menu */
	height: var(--height-hdr); /* header */
	position:relative; z-index:0;
}
#Menu	{
	width:calc(96rem - var(--width-Hlogo));
	min-height:var(--height-menu);
	padding:0;
	/*background: #37201c;*/
	background: none;
	color: #000;
	position:fixed;
	left: calc(50% - 48rem + var(--width-Hlogo) + 1em)/*0*/;
  top: 0 /*var(--height-hdr)*/;
	z-index: 30;
	/*box-shadow: 0 .3rem .5rem 0 rgba(50, 50, 50, 0.4);*/
}
/*-------------------------------
 Navi _ Menu - Toggle button
---------------------------------*/
.navi_menu-toggle	{
	display:none;
}
/*-------------------------------
 Navi _ Area - Global
---------------------------------*/ 
.navi_area-global	{
	width:100%;
	max-width: var(--width-cont);
	margin: 0 auto;
	display: block;
}
#navi_oeverlay	{
	width:100%; height:100%;
	background: #484848;
  background: var(--color-blk);
	position:fixed;
  left:0; 
  top:0;
	z-index:0;
	display:none;
}
/*-------------------------------
 Navi _ Menu - Global 
---------------------------------*/ 
ul.navi_menu-global	{
  width:100%;
  position:relative;
  margin: 0 auto;
  color:#fafafa;
  text-align:center;
  display: flex;
  flex-flow:row;
  justify-content: space-around;
}
ul.navi_menu-global a	{ color:#fafafa;}

/* Mega Menu CSS */
ul.navi_menu-global > li	{
  position: relative;
  flex: 1 1 auto;
  font-size: calc(var(--fs) * 1.5);
}
ul.navi_menu-global > li > span,
ul.navi_menu-global > li > a	{
  min-height: var(--height-menu);
  padding: 0 1em; 
  line-height: var(--height-menu);
  display:block;
  cursor: pointer;
  position:relative;
}
ul.navi_menu-global > li:hover,
ul.navi_menu-global > li.selected	{ 
  background:  vertical-align: top;
  -webkit-color-brwn: ;
  -moz-color-brwn: ;
  -ms-color-brwn: ;
  -o-color-brwn: ;
  color-brwn: ;
  transition : all .2s; /* Animation Effect */
}
ul.navi_menu-global > li.navi-pre:hover	{ background:none; }
ul.navi_menu-global > li.new::after	{
  content: "NEW";
  position: absolute;
  top: 0.5rem;
  right: 20%;
  font-size: calc(var(--fs) * 1.2);
  color: var(--color-red);
}
ul.navi_menu-global > li > a:hover,
ul.navi_menu-global > li.selected > span,
ul.navi_menu-global > li.selected > a {
  opacity:1.0;
  text-decoration:none;
  /*color: #333;*/
}
@media screen and (min-width: 960px) {
  ul.navi_menu-global > li > span,
  ul.navi_menu-global > li > a {
    color: var(--color-brwn);
  }
  ul.navi_menu-global > li > a:hover,
  ul.navi_menu-global > li.selected > span,
  ul.navi_menu-global > li.selected > a {
    color: var(--color-link-cmn);
  }
}
/* SNS Link Icon
-----------------------------*/
#naviSNSArea	{
  display: none;
}
/* SNS Link Icon
-----------------------------*/
#naviDollfie	{
  display: none;
}
/* After _ Fixed
-----------------------------*/
div#menuContens.fixed {
  position: fixed;
  left:0; top: 0;
  z-index: 10000;
  margin-top:0;
}
/*-------------------------------
 Footer Link _ page top
---------------------------------*/
a.pagetop__btn {
  background:var(--color-link-cmn2);
  color: var(--color-wht);
}
a.pagetop__btn:hover {
  background:var(--color-link-cmn2-hover);
  color: var(--color-wht);
}


	/* link banner
	-----------------------------*/
	ul.linkBnr	{
		padding:0;
		margin:1rem auto;
		text-align:center;
		overflow:hidden;
		line-height:0;
		letter-spacing:-0.4em;
		}
		ul.linkBnr li	{
			width:17rem;
			margin:1rem;
			display:inline-block;
			letter-spacing:normal;
			overflow:hidden;
			vertical-align:top;
		}

/*-------------------------------
 Main
---------------------------------*/
main {
  overflow: hidden;
}
/*-------------------------------
 TOP Main
---------------------------------*/
#topMainArea	{
  width: 100%;
  text-align: center;
  position: relative;
}
@media screen and (min-width: 960px) {
  #topMainArea	{
    background: url("/event/ddfes/2026/image/ddfes2026_mainImg-bg.jpg") center top / auto no-repeat;
  }
}
	.topMain {
    width: min(100%, 960px);
    margin: 0 auto;
		position:relative;
	}
	.topMain-img {
    width: 100%;
    min-height: calc(var(--rs) * 78) /*calc(var(--rs) * 38)*/;
    object-fit: cover;
    position: relative;
	}
/*#topMain-pc { display: block !important;}
#topMain-sp { display: none !important;}*/

/*-------------------------------
 TOP Summry
---------------------------------*/
#topSmmry {
  padding: calc(var(--rs) * 2) 0 calc(var(--rs) * 4);
  }
h2.topSmmry-title {
	padding-left: calc(var(--rs) * 2.5);
	margin: calc(var(--rs) * 2) 2vw 0;
	color: var(--color-ddfes-brwn-dk);
	font-size: calc(var(--fs) * 3.6);
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	text-indent: calc(var(--rs) * -2.5);
}
/*h2.topSmmry-title::before {
	width: calc(var(--rs) * 2);
  content: url( "/assets/image/deco/heading-mark--pink.png");
	margin: 0 0.5rem 0 0;
	vertical-align: middle;
}*/
.topSmmry-title-sb {
  margin: 0 auto calc(var(--rs) * 2);
  color: var(--color-ddfes-org);
  font-size:calc(var(--fs) * 1.2);
  text-align: center;
}
.topSmmry-cnt {
	position: relative;
  width: 94%;
	max-width: var(--width-cont);
	background: var(--color-wht);
	padding: calc(var(--rs) * 2.5);
	margin: 0 auto calc(var(--rs) * 2);
  border-radius: calc(var(--rs) * 2);
	text-align: center;
	box-shadow: .1rem .1rem .5rem 0 rgba(50,50,50,0.4);
}
#topSmmry-tbl {
  position: relative;
  width:100%;
}
#topSmmry-tbl {
  margin-bottom: calc(var(--rs) * 2);
}
#topSmmry-tbl th, #topSmmry-tbl td {
  padding: calc(var(--rs) * 0.5);
  font-size:calc(var(--fs) * 1.6);
  line-height: 1.6;
  text-align: left;
  position: relative;
}
#topSmmry-tbl th em, 
#topSmmry-tbl td em {
  font-size: 125%;
  font-weight: bold;
}
#topSmmry-tbl th::before {
  content: "\2605";
  color: #fa7901;
  padding-right: 0.5em;
}
#topSmmry-tbl th {
  width: 20%;
  font-weight: normal;
}
#topSmmry-tbl th::after {
  content: "：";
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
#topSmmry-tbl td {
  width: 80%;
  text-align: left;
}
.tango_list > li {
  display: inline-block;
}
.tango_list > li:not(:last-child)::after {
  content: " | ";
  color: #ddd;
  display: inline-block;
  margin-left: 0.4em;
  margin-right: 0.3em;
}
.topSmmry-note {
  width: 100%;
  position: relative;
  text-align: left;
}
.topSmmry-txt {
  position: relative;
  line-height: 1.6;
  font-size:calc(var(--fs) * 1.6);
}
.topSmmry-txt strong{
	font-size:calc(var(--fs) * 1.6);
}
a.smmry-blog {
	font-size:calc(var(--fs) * 1.4);
}

.news-box-red {
	width: min(96%,94rem);
	padding: 1rem;
	margin: 2.5rem auto;
	background: #fff;
	border: #c11212 solid .2rem;
	text-align: center;
}
.news-box-red_more {
	padding-right: 1em;
	color: #c11212;
	font-size:calc(var(--fs) * 1.6);
	font-weight: bold;
	}
.news-box-red a::before {
	content: "\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	margin-right: .5em;
}
.news-box-red_more:hover {
	color: #c11212;
	text-decoration: underline;
	opacity: 1;
	}
.news-box-red_more::after {
	content: "";
	width: 0.5em;
	height: 0.5em;
	margin: 0 0 0 1rem;
	border: 0;
	border-top: 0.2em solid #c11212;
	border-right: 0.2em solid #c11212;
	display: inline-block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: -0.1em;
}
.topMain-txt-box .news-box-red {
  max-width: 100%;
  padding: 1.5rem 1rem;
  margin: 2rem auto 1rem;
}

/*-------------------------------
 TOP Intro
---------------------------------*/
#topIntroArea {
	padding: calc(var(--rs) * 6) 2%;
	text-align: center;
	/*background: #5c3f3a;brown*/
	background: rgb(255 255 255 / 60%);
}
.topIntro-txt {
  width: 96%;
  margin: 0 auto;
  position: relative;
}
.topIntro-txt p {
  color: #ff90a3;
	font-weight: bold;
	font-size: calc(var(--fs) * 1.8);
	line-height: 1.8;
  text-shadow: 0 0 1px rgb(255 255 255 / 100%), 0 0 calc(var(--rs) * 0.5) rgb(255 255 255 / 100%), 0 calc(var(--rs) * 0.5) calc(var(--rs) * 1) rgb(255 255 255 / 100%);
  filter: drop-shadow(0px 0px 1px rgb(255 255 255 / 100%)) drop-shadow(0px calc(var(--rs) * 0.5) 2px rgb(238 180 111 / 80%));
}
.topIntro-txt p em {
  margin-bottom: calc(var(--rs) * 1);
  color: var(--color-brwn);
  font-size: calc(var(--fs) * 2.0 + var(--rs) * 1.2);
  line-height: 1.2;
  display: inline-block;
}
/*-------------------------------
  Section_Event Prgaram Detail
---------------------------------*/
	#sc-EventDetail	{
    padding: 0;
}
	#EventDetailArea {
    padding: 6rem 0 4rem;
    overflow: hidden;
}
	h2.tit_event {
		width: 100%;
		max-width: var(--width-cont);
		position: relative;
		line-height: 0;
		margin: 0 auto 5rem;
	}
.evTit {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1rem;
}
h3.evTit-tit,
h3.evTit-titPnk,
h3.evTit-titOrg {
	width: 80%;
	display: flex;
	font-size:calc(var(--fs) * 3);
	position: relative;
	text-align: left;
	line-height: 1.4;
	color: var(--color-ddfes-pnk);
	padding: 0;
  align-items: baseline;
}
h3.evTit-tit small,
h3.evTit-titPnk small,
h3.evTit-titOrg small {
	font-size:calc(var(--fs) * 2);
  font-weight: bold;
}

h3.evTit-titPnk {
	color: var(--color-ddfes-pnk);
}
h3.evTit-titOrg {
	color: var(--color-ddfes-org);
}
  h3.evTit-tit::before,
  h3.evTit-titPnk::before,
  h3.evTit-titOrg::before {
    font-family: "Montserrat", sans-serif;
    background-color: var(--color-ddfes-pnk);
    color: #fff;
    text-align: center;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size:calc(var(--fs) * 3.6);
    margin-right: 1rem;
    margin-top: -.5rem;
    flex-shrink: 0;
    }
    h3.evTit-titPnk::before {
     background-color: var(--color-ddfes-pnk);
    }
    h3.evTit-titOrg::before{
    background-color: var(--color-ddfes-org);
    }
		h3#evNo01::before	{
		content: "1";
		}
		h3#evNo02::before	{
		content: "2";
		}
		h3#evNo03::before	{
		content: "3";
		}
		h3#evNo04::before	{
		content: "4";
		}
		h3#evNo05::before	{
		content: "5";
		}
		h3#evNo06::before	{
		content: "6";
		}
		h3#evNo07::before	{
		content: "7";
		}
		h3#evNo08::before	{
		content: "8";
		}
		h3#evNo09::before	{
		content: "9";
		}
		h3#evNo10::before	{
		content: "10";
		}
		h3#evNo11::before	{
		content: "11";
		}
		h3#evNo12::before	{
		content: "12";
		}
  .evTit-str {
    display: block;
    width: auto;
    height: 6rem;
  }
  .evTit-ic {
    display: block;
    width: auto;
    height: 6rem;
    padding: .5rem 1rem;
  }
	/* 長いタイトル */
  .evTit-fll{ }
  h3.evTit-titfll { 
    width: 100%;
    }
  .evTit-strArea { 
      width: calc(100% - 2rem);
    }

	/* News Box */
	div.newsBox {
		width: 60%;
		max-width: var(--width-cont);
		position:relative;
		background: #ffffff;
		border: .2rem solid #4d3430;
		padding:0;
		margin:0 auto 5rem;
	}
	div.newsBox p.tit {
		width: 100%;
		background: #4d3430;
		color: #ffffff;
		padding: 1rem;
		font-size:calc(var(--fs) * 2);
		text-align: left;
	}
	div.newsBox-cnt {
		position:relative;
		padding: 2rem;
		}
	div.newsBox-cnt p {
		position:relative;
		text-align: left;
		padding: 0;
		font-size:calc(var(--fs) * 1.5);
		}
		div.newsBox-cnt ul.newsBox-list	{
		position: relative;
		text-align: left;
		}
		div.newsBox-cnt ul.newsBox-list li	{
		font-size:calc(var(--fs) * 1.5);
		text-indent:-1em;
		padding-left:1em;
		}

.newsTxtLst {
	width: calc(100% - 2rem);
	position: relative;
	padding: 1rem;
	margin: 0 auto 1rem;
	line-height: 1.4;
	border: .2rem solid #fbcb66;
	background: #fff;
}
.newsTxtLst > li {
	padding: 0.2em 0.5em 0.2em 7em;
	margin: 0 auto;
	text-align: left;
	text-indent: -6.5em;
	line-height: 1.4;
}
.newsTxtLst-date {
	margin-right: 1rem;
	color: var(--color-ddfes-brwn);
	font-size:calc(var(--fs) * 1.2);
}
.newsTxtLst-triangle::before {
	content: "";
	border: 0.4em solid transparent;
	border-left-color: #f39800;
	margin: 0 0.5em 0 0;
	display: inline-block;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.newsTxtLst-lnk {
	color: var(--color-ddfes-brwn);
	font-size:calc(var(--fs) * 1.4);
}
	/* Event Detail _ Common
		-----------------------------*/
	div.cntsInner {
		width: 100%;
		position: relative;
		max-width: var(--width-cont);
		padding: 2.5rem 2rem 2rem;
		margin: 0 auto 5rem;
    background-color: var(--color-ddfes-boxOffwht);
    border: .5rem solid var(--color-ddfes-boxPnk);
		border-radius: 2rem;
		}
  div.cntsInner ul.note-list {
		font-size:calc(var(--fs) * 1.4);
    text-align: left;
    padding: 1rem;
    }

	/* Event Detail _ Background */
	div.cntsInner.bg-wht {
	background:#ffffff;
	}


	/* Contents Inner _ Event Detail
	-----------------------------*/

	div.cntsInner p,
	div.cntsInner dl,
	div.cntsInner ul{ position:relative; z-index:1;
	}
	div.cntsInner p	{
		color: #53332c;
	}
	div.cntsInner p strong	{
		font-size:calc(var(--fs) * 2.2);
	}
	div.cntsInner > hr {
	border-top: .1rem solid #dcb;
	border-bottom: .1rem solid #fff;
	margin-top: 4rem;
	margin-bottom: 4rem;
	margin-right: 1vw;
	margin-left: 1vw;
	}

	/* Event Detail _ Contents
		-----------------------------*/
	.TxtArea,
	.PicArea	{
		position: relative;
	}
  .cntFll {
    width: 100%;
    position: relative;
    padding: 0;
  }
  .evCnt-Area {
      width: 100%;
      position: relative;
      margin: 0 auto;
      padding: 0;
    }
  .evCnt-Area div.TxtArea {
		padding: 0 0 2rem;
    }
  .evCnt-Area div.TxtArea-fll {
		padding: 0 0 1rem;
    }
  .evCnt-Area .TxtArea p {
    font-size:calc(var(--fs) * 2);
    line-height: 1.6;
    position: relative;
    text-align: left;
    padding: 0 1rem;
    margin-bottom: 1rem;
  }
  .evCnt-Area div.TxtArea em {
    font-weight: bold;
    font-size:calc(var(--fs) * 2.4);
    }
  .evCnt-Area div.PicArea {
		padding: 0;
    margin: 0 0 3rem;
    }
  .evCnt-Area div.PicArea img.FllPic {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    }

  .evCnt-Area div.PicArea img.ThumPic {
    width: min(100%,56rem);
	}
  .evCnt-Area div.PicArea img.ThumPic-sdw {
    width: min(100%,56rem);
		box-shadow: .1rem .1rem .5rem 0 rgba(50,50,50,0.4);
	}

  .evCnt-Area div.BnrArea {
    width: calc(100% - 2rem);
    padding: 0;
    margin: 0 auto 3rem;
    line-height: 0;
    text-align: center;
    box-shadow: .1rem .1rem .5rem 0 rgba(50,50,50,0.4);
    }
  .evCnt-Area div.BnrArea img.Bnr-img {
    width: 100%;
    display: block;
    }
  .evCnt-Area div.BnrArea p.Bnr-tit {
    font-size:calc(var(--fs) * 1.5);
    line-height: 1.6;
    padding: .5em;
    color: var(--color-wht);
    background-color: var(--color-link-cmn2);
    }


	/* Event Detail _ flex Column
		-----------------------------*/
	.flex_clm_change{
  width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	-webkit-box-pack: justify;
	padding: 0;
	}
	.flex_clm_change.evDtl{
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 0 2rem;
	}
	.clm_10{ width:10%;}
	.clm_20{ width:20%;}
	.clm_30{ width:30%;}
	.clm_40{ width:40%;}
	.clm_50{ width:50%;}
	.clm_60{ width:60%;}
	.clm_70{ width:70%;}
	.clm_80{ width:80%;}
	.clm_90{ width:90%;}

.flex_clm_change div.TxtArea {
	position: relative;
	text-align: left;
	line-height: 1.6em;
	padding: 1rem;
	margin-right: 1rem;
	font-size:calc(var(--fs) * 2);
}
	.flex_clm_change div.TxtArea em {
	font-weight: bold;
	font-size:calc(var(--fs) * 2.4);
	}
	.flex_clm_change div.TxtArea p{
		margin-bottom: 2rem;
	}
	.flex_clm_change div.PicArea {
	padding: 1rem 0;
	text-align: center;
	}
	.flex_clm_change div.PicArea img.ThumPic {
    width: 100%;
		max-width: 48rem;
	}
	.flex_clm_change div.PicArea img.ThumPic-sdw {
    width: 100%;
		max-width: 48rem;
		box-shadow: .1rem .1rem .5rem 0 rgba(50,50,50,0.4);
	}
	.flex_clm_change div.txtBox {
		padding:1rem;
		margin: 0 2rem 2rem 0;
	}

.itmLstArea > * {
	margin: 1rem;
	position: relative;
}
.itmLst {
	overflow: hidden;
	background: #fff;
	box-shadow:0 0.2rem 0.3rem 0.1rem rgba(50,50,50,0.1);
	margin: 1rem;
}
.itmLst-thum {
	position: relative;
	background: var(--color-wht);
	line-height: 0;
}
.itmLst-pic{}
.itmLst-box {
  width: 100%;
  position: relative;
  padding:1rem;
}
.itmLst-box p { 
  display: block;
  position: relative;
  text-align: left;
}
.itmLst-tit {
  margin-bottom: 1rem;
}
div.cntsInner p.itmLst-lnk { color:var(--color-link-cmn)}



	/* Event Detail _ 詳細
	-----------------------------*/

	.evCnt-Area > ul {
    text-align: left;
    }
	/* dtl */
  dl.dtl {
    position: relative;
    text-align: left;
    font-size:calc(var(--fs) * 1.6);
    line-height: 1.6;
    padding: .5rem 1rem;
    margin: 0;
 }
  dl.dtl > dt {
    padding: .8rem 2rem .5rem;
    margin: 0 0 1rem;
    background: var(--color-ddfes-brwn);
    color: #fff;
    display: inline-block;
  }
  dl.dtl > dd {
    padding: 0 2rem;
    margin: 0 0 1rem;
  }
	/* dtl-fll */
  dl.dtl-fll {
	width: 100%;
  }
  dl.dtl-fll > dt {
	display: block;
	text-align: center;
  }
	/* dtl-flex */
  dl.dtl-flex  {
    width: 100%;
    text-align: left;
    font-size:calc(var(--fs) * 1.6);
    line-height: 1.6;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    padding: .5rem 1rem;
    margin: 0;
  }
  dl.dtl-flex > dt,
  dl.dtl-flex > dd {
    padding: .8rem 2rem .5rem;
    margin: 0 0 1rem;
  }
  dl.dtl-flex > dt {
    background: var(--color-ddfes-brwn);
    color: #fff;
    display: inline-block;
  }
  dl.dtl-flex  > dd {
  }
	/* dtl-flex 2分割コンテンツ用 */
   dl.dtl-flex + dl.dtl-flex {
    margin: 0 0 1rem;
  }


	/* flex Box */
  .flex_dtlBox {
    width: 100%;
    position: relative;
    background: #ffffff;
    border: .2rem solid #ec6d81;
    padding: 0;
    margin: 0 1rem 2rem;
    flex: 0 1 auto;
    }
		.flex_clm_change.clm2 .flex_dtlBox {
		width: calc(50% - 2rem);
		}

	div.flex_dtlBox h4 {
		width: 100%;
		background: #ec6d81;
		color: #ffffff;
		padding: 1rem;
		font-size:calc(var(--fs) * 2);
	}
	div.dtlBox-cnt {
		width: 100%;
		position:relative;
		padding:0;
		}
  .flex_dtlBox-img {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
  }
  .flex_dtlBox-logo {
    width: min(20rem,40%);
		position:relative;
    margin: 1rem auto 0;
  }
  p.flex_dtlBox-txt,
	dl.flex_dtlBox-spec {
		position:relative;
		padding: 1rem 2rem;
		text-align: left;
		}
	dl.flex_dtlBox-spec dt {
		background: #ec6d81;
		color: #ffffff;
		padding: .5rem 1rem;
		font-size:calc(var(--fs) * 1.4);
		}
	dl.flex_dtlBox-spec dd {
		padding: 1rem;
		}
  p.flex_dtlBox-txt .txtDtl {
    margin: 0 auto 1rem;
    padding: .5rem 1rem;
    display: inline-block;
    border: .1rem solid #53332c;
  }
  p.flex_dtlBox-txt .txtDtl.bg-org {
    border: none;
    background: var(--color-ddfes-org);
    color: var(--color-wht);
  }

	/* Box */
  div.dtlBox {
    width: calc(100% - 1rem);
    position: relative;
    background: #ffffff;
    border: .2rem solid #ec6d81;
    padding: 0;
    margin-bottom: 3rem;
  }
	div.dtlBox h4 {
		width: 100%;
		background: #ec6d81;
		color: #ffffff;
		padding: .5rem 1rem;
		font-size:calc(var(--fs) * 2);
	}
	div.dtlBox-cnt {
		position:relative;
		padding:1.5rem  1rem;
		}
		div.dtlBox-cnt ul.dtlBox-list	{
		position: relative;
		text-align: left;
		}
		div.dtlBox-cnt ul.dtlBox-list li	{
		font-size:calc(var(--fs) * 1.5);
		text-indent:-1em;
		padding-left:1em;
		}

	/* DtlArea */
.DtlArea {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 1rem;
	text-align: left;
  }
.DtlArea-flex {
	padding: 0 0 1rem;
}
  .Dtl-BoxBrwn {
    position: relative;
    display: inline-block;
    background: var(--color-ddfes-brwn);
    color: #fff;
    line-height: 1.6;
    padding: 1rem 2rem;
    margin: 0 0 3rem;
  }
  .Dtl-BoxOrg {
    position: relative;
    display: inline-block;
    background: var(--color-ddfes-org);
    color: #fff;
    line-height: 1.6;
    padding: 1rem 2rem;
    margin: 0 0 2rem;
  }
  .Dtl-BoxBrwn p.Dtl-txt,
  .flex_clm_change div.TxtArea .Dtl-BoxBrwn p.Dtl-txt,
  .Dtl-BoxOrg p.Dtl-txt,
  .flex_clm_change div.TxtArea .Dtl-BoxOrg p.Dtl-txt {
    position: relative;
    text-align: left;
    color: #fff;
    font-size:calc(var(--fs) * 1.6);
    margin: 0;
  }
  .Dtl-tbl	{
		position: relative;
		text-align: left;
		}
  .Dtl-tbl th,  .Dtl-tbl td	{
    font-weight: normal;
		font-size:calc(var(--fs) * 1.5);
		}

	/* Event Detail _ 詳細案内
	-----------------------------*/
	dl.dtl-info-ev,
	dl.dtl-info-evOnln {
	text-align: left;
	display: inline-block;
	font-size:calc(var(--fs) * 1.6);
	padding: 0;
	margin-bottom: 2rem;
	}
	dl.dtl-info-ev dt,
	dl.dtl-info-evOnln dt {
		padding: .5rem 1rem;
		}
	dl.dtl-info-ev dt.dtl-tit {
		background: #ec6d81;
		color: #ffffff;
		}
	dl.dtl-info-evOnln dt.dtl-tit {
		background: #ed6c01;
		color: #ffffff;
		}
	dl.dtl-info-ev dd,
	dl.dtl-info-evOnln dd {
		padding: 1rem;
		}
	dl.dtl-info-ev dd span,
	dl.dtl-info-evOnln dd span {
	font-size:calc(var(--fs) * 1.6);
	}

	/* Event Detail _ Blog news
	-----------------------------*/
  .ev-news {
    width: calc(100% - 2rem);
    position: relative;
    background: var(--color-wht);
    color: var(--color-gry);
    padding: .5em;
    margin: 1em auto;
    border: .2rem solid var(--color-ddfes-org);
    }
    .ev-news-tit {
      width: 100%;
      position: relative;
      background: var(--color-ddfes-org);
      color: var(--color-wht);
      padding: .5em 1rem;
      margin: 0 auto .5rem;
      font-size:calc(var(--fs) * 1.5);
    }
  .blog-newsLst {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0 1em;
  }
  .blog-newsLst > li {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: nowrap;
    align-items: baseline;
    padding: .1em 0;
  }
  .blog-newsLst > li + li {
    border-top: .1rem solid #dbdbdb;
  }
  .blog-newsLst_date {
    display: inline-block;
    color: var(--color-brwn);
    font-size:calc(var(--fs) * 1.2);
  }
  .blog-newsLst_txt {
      width: 100%;
      min-height: 2em;
      line-height: 1.6em;
      text-align: left;
      padding: .5em;
      margin-left: 1.5em;
      color:var(--color-brwn);
      text-indent: -1em;
    }
    a.blog-newsLst_link {
      color: var(--color-link-cmn2);
      text-decoration: none;
    }
    .blog-newsLst_txt::before {
      content: "";
      width: 0;
      height: 0;
      border: 0.4em solid transparent;
      border-left-color: var(--color-ddfes-brwn);
      margin: 0 0.5em 0 0;
      display: inline-block;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

	/* Event Detail _ 注意点
	-----------------------------*/
	div.cntsInner p.note	{
 		font-size:calc(var(--fs) * 1.4);
		padding: 1rem 0;
	}
	div.cntsInner ul.note	{
		position:relative;
		padding:0.5rem 3rem;
		line-height:1.4;
		text-align: left;
	}
	div.cntsInner ul.note li	{
		padding-left:1em;
		margin-bottom:0.5em;
		text-indent:-1em;
 		font-size:calc(var(--fs) * 1.4);
	}

	/* Event Detail _ Event01 2023年夏の新作DD最速展示
	-----------------------------*/
  #ev01-bnr-tit {
    background-color: #e3006e;
  }
	/* Event Detail _ Event02 DDドリームチョイス
	-----------------------------*/
	/* Event Detail _ Event03 DDガチャ☆PREMIUM
	-----------------------------*/
	/* Event Detail _ Event04 DD_関連アイテム特別販売
	-----------------------------*/
	/* Event Detail _ Event05 CANDYアクセ
	-----------------------------*/
#PicArea-ev05 {
  margin: 0 auto 1rem;
}
  #dtlBox-ev05 {
    width: min(80%,64rem);
    margin: 0 2rem 3rem;
    text-align: left;
    }
  #pic-d-candy {
    width: min(calc(100% - 2rem),48rem);
    margin: 0 2rem 2rem;
    }

	/* Event Detail _ Event08 ミニゲームフェスティバル
	-----------------------------*/
  #DtlArea-ev08 .Dtl-BoxBrwn  {
    margin: 0 0 1rem;
  }

	/* Event Detail _ Event09 特製うちわプレゼント！
	-----------------------------*/
  #txt_ev09 {
    padding: 1rem;
    flex-direction: reverse;
    align-items: center;
  }
  #txt_ev09 .IcArea {
    margin: 0 1rem;
  }
  #txt_ev09 .Ic-img {
  width: min(12rem,100%);
  }

	/* Event Detail _ Event10 オンラインDDフォトコン
	-----------------------------*/

#link-photocon-area {margin: 1rem auto 1rem;}
#link-photocon-area a.lnkBtn {width: 100%;}

/*-------------------------------
  Event Detail _ Event09 SDMコーディネートモデルお披露目
---------------------------------*/
	/*
	-----------------------------*/
div#cnt-ev09 {
  border: none;
  border-radius: 0;
  padding: 0;  
  box-shadow: 0 .3rem .5rem 0 rgba(50, 50, 50, 0.4);
  }
div#cnt-ev09 .evTit {
  background: var(--color-ddfes-brwn);
  padding: 0;
  margin-bottom: 0;
}
h3#evNo09 {
color: var(--color-wht);
  padding: 2rem;
}
h3#evNo09::before {
  background-color: var(--color-wht);
  color: var(--color-ddfes-brwn);
  border-radius: 0;
}
div#cnt-ev09 .evTit-logo {
display: block;
width: auto;
height: 8rem;
padding: .5rem 1rem;
}
div#cnt-ev09 .evCnt-Area div.PicArea {
  padding: 0;
  margin: 0;
}

#Intro-ev09 {
  width: 100%;
  position: relative;
  margin: 0 auto;
  background: var(--color-ddfes-brwn);
  }
#Intro-ev09 .Intro-img {
  width: min(48rem,40%);
  line-height: 0;
}
#Intro-ev09 .Intro-txt {
  padding: 3rem;
  text-align: left;
  background: var(--color-ddfes-brwn);
  color: #fff;
  font-size:calc(var(--fs) * 2);
}
#Intro-ev09 .Intro-txt p {
  line-height: 1.6;
  position: relative;
  background: var(--color-ddfes-brwn);
  color: #fff;
  font-size:calc(var(--fs) * 2);
}
  .Lnk-erea {
    width: 100%;
    position: relative;
    padding: 3rem 3vw;
    margin: 0 auto;
  }

.evCnt-sumika {
	width: 100%;
	position: relative;
	padding: 2rem;
	margin: 0;
	background: 
    linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, rgb(255 255 255 / 20%) 100%), 
    url(/event/ddfes/image/bg_sumika.jpg)  50% 0 / calc(var(--rs) * 176.5) repeat;
}
.cdm_box {
	width: calc(100% - 4vw);
	position: relative;
	padding: 2rem;
	margin: 3rem auto 4rem;
	background: rgba(256, 256, 256, 0.8);
	border: .3rem solid #fff;
	box-shadow: 0 0 0 .3rem #8a7569, 0 0 0 .1rem #8a7569 inset, 0 .2rem .4rem 0 rgba(50, 50, 50, 0.4);
}
.cdm_box > dl > dt {
	font-size:calc(var(--fs) * 1.8);
	margin-bottom: 1rem;
}
.cdm_box > dl > dd {
	font-size:calc(var(--fs) * 1.5);
  text-align: left;
}
.cdm_box > dl > dd:not(last-og-type) {
	margin-bottom: .5rem;
}

.cdm_info {
	width: 100%;
	position: relative;
	padding: 0;
	margin: 2rem auto;
}
.cdm_info p.cdm_tit {
  width: 100%;
	position: relative;
  padding: 1rem 2rem;
  margin: 0 0 1rem;
  background: var(--color-ddfes-brwn);
  color: #fff;
	font-size:calc(var(--fs) * 2);
  }
.cdm_info p.price {
	margin: 1rem 2rem 2rem;
	font-size:calc(var(--fs) * 2.2);
	font-weight: bold;
	text-align: right;
}
.cdm_info p.cdmSNS {
	padding: 1rem;
	background: #FFECB8;
	text-align: center;
	font-size:calc(var(--fs) * 1.2);
}
  h3#evTit-oneoff {
	color: var(--color-wht);
    padding: 2rem;
  }
  h3#evTit-oneoff small {
	font-size:calc(var(--fs) * 2.4);
  }

  #oneoff-Area {
    width: 100%;
    position: relative;
  }
  #oneoff-logo-Area {
    position: absolute;
    top: 2rem;
    right: 1rem;
  }
  #oneoff-logo-Area .logo-img {
    width: 7rem;
    margin: 0 .5rem;
  }
.sumika-txt {
	width: 100%;
	position: relative;
	padding: 1rem;
	text-align: left;
	font-size:calc(var(--fs) * 1.6);
}
.sumika-info {
	width: calc(100% - 2vw);
	position: relative;
	padding: 2rem;
	margin: 1em auto 2em;
	background: rgba(256, 256, 256, 0.8);
}
.sumika-info dl.sumika-dtl  {
  width: 100%;
	position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  padding: 1rem;
	font-size:calc(var(--fs) * 1.5);
}
.sumika-info dl.sumika-dtl > dt {
  background: var(--color-ddfes-brwn);
  color: #fff;
  padding: .5rem 2rem;
}
.sumika-info dl.sumika-dtl > dd {
  padding: .5rem 2rem .5rem;
}
.price-hontai {
	display: none;
}
ul.sumika-note  {
  padding: 1rem;
}



/*-------------------------------
 Card
---------------------------------*/
.card {
  padding: 0 0.5rem;
  margin: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.card > * {
  margin: 1rem;
  position: relative;
  flex: 0 0 auto;
}
.card > * a:not([class]) {
  color: var(--color-text-base);
  text-decoration: none;
}
.card--col1 > * {
  width: calc(var(--col1)  - 2rem);
} 
.card--col2 > * {
  width: calc(var(--col2)  - 2rem);
} 
.card--col3 > * {
  width: calc(var(--col3) - 2rem);
} 
.card--col4 > * {
  width: calc(var(--col4) - 2rem);
} 
.card--col5 > * {
  width: calc(var(--col5) - 2rem);
} 
.card--col6 > * {
  width: calc(var(--col6) - 2rem);
}

/* Card _  Link button in card */
.card__btn-in {
  padding-bottom: calc(1em + 5rem);
}
/* Card _  Common - Elements */

.card__tit {
  padding: 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.2;
  font-size:calc(var(--fs) * 1.6);
  text-align: center;
}
.card__tit--bold {
  color: var(--color-main);
  font-weight: bold;
}
.card__text {
  padding: 0 1rem;
  margin: 1rem auto;
  font-size:calc(var(--fs) * 1.4);
  text-align: left;
}
.card__btn {
  width: 100%;
  padding: 0 1rem;
  position: absolute;
  bottom: -0.5rem;
}
.card__time {
  margin: 0.2rem 0;
  color: var(--color-gry-light);
  font-size:calc(var(--fs) * 1.1);
  display: none; /* update - 2021.06.04*/
}
.card__label {
  padding: 0.4em 1em;
  margin: 0;
  border-radius: 0.2rem;
  font-size:calc(var(--fs) * 1.2);
  line-height: 1;
  display: inline-block;
}
/* Card -- Modifier */
.card--frame > * {
  border: 1px solid var(--color-gry-smoke);
}
.card--bs > * {
  box-shadow: var(--bs-cmn);
}

/* Card __上書き追記 */
.card > li {
	background-color: #fff;
}
.card--col1	{
	max-width: 96rem;
}

.card-lnkBtn {
  padding: 1rem 0;
  margin: 0 auto;
  text-align: center;
}
.card-link-text {padding-right: 1rem;}

/*-------------------------------
  Section_店舗限定アイテム_同時開催イベント
---------------------------------*/
.heading-category-section {
	margin: 0 auto 1rem;
	color: var(--color-ddfes-brwn-dk);
	font-size: calc(var(--fs-xxl) * 1.0);
	line-height: 1.4;
	text-align: center;
}
.text-lead-catch {
	max-width: var(--width-cont);
	margin: 0 auto;
	color: var(--color-ddfes-brwn-dk);
	font-size:calc(var(--fs) * 2.2);
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}
.text-lead-cate {
	max-width: var(--width-cont);
	margin: auto;
	color: var(--color-ddfes-org);
	font-size:calc(var(--fs) * 1.4);
	line-height: 1.8;
	text-align: center;
}
.tenpolimit_catch{
  text-align: center;
  margin: 1rem auto;
  font-size:calc(var(--fs) * 1.6);
}

/*-------------------------------
  Section_同時開催イベント_7月新作ドレス
---------------------------------*/
#Hold-Event {
	width: 100%; max-width: 100%;
	padding: 8rem 0;
	background: #f9e9e6 url(/assets/image/bg/bg_ptrn_dm100ef_alf05.png) top center / 30em auto fixed;
}
#Hold-Event ul.card > li {
  margin-bottom: 3rem;
}
#Hold-Event ul.card > li:last-of-type {
  margin-bottom: 0;
}

/*-------------------------------
  共通：特設サイト関連リンク
---------------------------------*/
.rerated-link {
  width: min(94%, 86rem);
  padding: 0;
  margin: 2rem auto;
  background: var(--color-wht);
  box-shadow: 0 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rerated-link__banner {
  max-width: 50%;
}
.rerated-link__text {
  margin: 0 auto;
  padding: 0 1em;
  color: var(--color-link-cmn);
}
.rerated-link__text::hover {
  text-decoration: none;
}
/*-------------------------------
 Access
---------------------------------*/
section#sc-access {
  padding: 0;
}
.access-title {
  width: 100%;
  padding: 0.5em;
  margin: 0 auto;
  color: var(--color-wht);
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size:calc(var(--fs) * 3);
  font-weight: bold;
  text-align: center;
}
.access-name {
  width: 100%;
  padding: 0.75em 0.5em 0.5em;
  margin: 0 auto calc(var(--fs) * 2);
  /*background: #ffdf88;*/
  background: var(--color-ddfes-pnk);
  color: #fff;
  font-size:calc(var(--fs) * 2.2);
  font-weight: bold;
 line-height: 1.3;
  text-align: center;
}
/*shop access are*/
#access {
  /*box-shadow: 0 .3rem .5rem 0 rgba(50, 50, 50, 0.4);*/
  padding: 2%;
  display: flex;
  flex-flow: row wrap;
  column-gap: 1%;
}
.access-cnt {
  width: min(100%, 30rem);
  max-width: var(--width-cont);
  padding: calc(var(--rs) * 2);
  padding-bottom: 1em;
  margin: 0 auto calc(var(--fs) * 2);
  background: var(--color-wht);
  box-shadow: 0 3px 5px 0 rgb(50 50 50 / 40%);
  position: relative;
  text-align: center;
  flex: 1 1 auto;
}
.access-data {
  width: 100%;
  padding: 0;
  position: relative;
}
.access-data > hr {
  border-top: 1px dotted #ccc;
}
.shop-map {
  margin: 0rem auto 3rem;
}
.shop-map > iframe {
  /*pointer-events: none;*/
  width: 100%;
  height: calc(var(--rs) * 40);
}
/* Shop-Date */
.shop-dataCont {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  column-gap: 1em;
}
.shop-data {
  padding: 0;
  margin-bottom: 1em;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.shop-data > dt {
  text-align: right;
  flex: 1 0 auto;;
}
.shop-data > dd {
  padding: 0.75em 1em 0;
    font-size:calc(var(--fs) * 1.4);
    line-height: 1.4;
  text-align: left;
  flex-grow: 2;
}
.shop-data > dd > span {
  font-size: calc(var(--fs) * 1.1);
}
.shop-hours {
  position: relative;
}
.shop-hours >dt {
  font-weight: bold;
}
.shop-hours > dd {
  margin-right: 1em;
  margin-bottom: 0.25em;
  display: inline-block;
}
/* Shop-Access */
.shop-access {
  max-width: var(--width-cont);
  padding: .5rem;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.shop-access > dt {
  text-align: right;
  flex: 1 0 5%;
}
.shop-access > dd {
  padding: 0.5rem 1rem;
  font-size:calc(var(--fs) * 1.4);
  line-height: 1.4;
  text-align: left;
  /* Flex - children*/
  flex: 0 1 95%;
}
/* Shop-Photosite */
.shop-photosite {
  max-width: var(--width-cont);
  padding: 0;
  margin: 2rem auto;
  position: relative;  
}
.shop-photosite__image {
  padding: 0.5rem;
  /* Flex - parent */
  display: flex;
  justify-content: flex-start;
}
.shop-photosite__image > li {
  margin: 0.5rem;
  /* Flex - children*/
  flex: 1 1 auto;
}
/* Shop-Photosite-Title */
.shop-photosite__title {
  padding: 0.5rem 1rem;
  margin: 1rem;
  border-left: 1rem solid var(--color-link-icon);
  font-size:calc(var(--fs) * 1.6);
  text-align: left;
}
.shop-photosite__title > span {
  color: var(--color-gry-dark);
  font-size:calc(var(--fs) * 1);
  font-weight: normal;
}
/* Shop-Photosite--Text */
.shop-photosite__text,
.shop-photosite__link,
.shop-photosite__note {
  margin: 1rem 2rem;
  font-size:calc(var(--fs) * 1.4);
  line-height: 1.5;
  text-align: left;
}
.shop-photosite__link {
}
.shop-photosite__note {
  margin: 2rem;
  color: var(--color-gry-dark);
}

/* Shop-Image */
.shop-image {
  max-width: var(--width-cont);
  margin: 2rem auto;
  font-size:calc(var(--fs) * 1.1);
  line-height: 1.5;
  /* Flex - parent */
  display: flex;
}
.shop-image__pickup {
  /* Flex - parent */
  justify-content: space-around;
}
.shop-image__pickup > li {
  width: var(--col3);
  margin: 1rem;
}
.shop-image__list {
  padding: 0 1rem;
  /* Flex - parent */
  flex-wrap: wrap;
  justify-content: flex-start;
}
.shop-image__list > li {
  width: var(--col4);
  max-height: 17.7rem;
  margin: 0;
   background-color: var(--color-offwhite);
  line-height: 0;
}
.shop-image__list > li:empty {
  background: url("/assets/image/logo/logo_shop_nest-std.svg") 50% 50% no-repeat;
  background-size: 50%;
  background-color: var(--color-offwhite);
}

.access-text-lead {
	text-align: left;
	padding: 0 2rem 1rem;
	margin: 0 auto 2rem;
	font-size:calc(var(--fs) * 1.6);
}
/*shop link*/
.shop-link {
  margin: 1em 2%;
}
.shop-link-text {
  margin-top: 1em;
  font-size: calc(var(--fs) * 1.4);
}
/*-------------------------------
 LnkBnr
---------------------------------*/
#sc-lnkBnr { }
#lnkBnr{
  padding: 6rem 0;
  margin: 0 auto;
}
.lnkBnrArea {
  padding: 0 4vw;
  margin: 0 auto;
}
.flex_lnkBnr-list {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  -webkit-box-pack: justify;
}
.flex_lnkBnr-list li {
  width: 100%;
  max-width: 64rem;
  margin:0 1rem;
}
img.lnkBnr-img {
  width: 100%;
  border: 1px solid #928179;
}
p.lnkBnr-txt {
  text-decoration: underline;
  color: #d83a3d;
}

/*  Link _ Anchor
-----------------------------*/
.anchor-link {
  display: block;
  height: .1rem;
  overflow: hidden;
  position: absolute;
  top: -10rem;
  width: 0.1rem;
}
.anchor-inner {
  display: block;
  height:10rem;
  margin-top:-10rem;
  position: relative;
  z-index: -1 !important;
}
/*-----------------------------------------------------------------------------------------------------
 DDフェス 2025 Only CSS
-----------------------------------------------------------------------------------------------------*/
a[id]:not([href]) {
  height: calc(var(--height-hdr) * 1);
  margin-top: calc(var(--height-hdr) * -1);
  display: block;
}
a.linkButton {
	width: min(64rem, 94%);
	padding: calc(var(--rs) * 2) calc(var(--rs) * 3);
	margin: 0 auto calc(var(--fs) * 1.5);
	background-color: var(--color-link-cmn2);
	border-radius: calc(var(--fs) * 3);
  color: var(--color-wht);
	font-size: calc(var(--fs) * 1.6);
	text-align: center;
	display: inline-block;
	position: relative;
}
a.deco--down::after {
  transform: rotate(135deg);
  top: -0.2em;
}
.linkButtonArea {
  width: min(100%, 96rem);
  padding: 0 3%;
  margin: calc(var(--rs) * 1) auto calc(var(--rs) * 6);
}
/*-------------------------------
 event program
---------------------------------*/
.eventProgram {
  width: min(98%, 96rem);
  padding: calc(var(--rs) * 1) calc(var(--rs) * 1) calc(var(--rs) * 2) calc(var(--rs) * 3.6);
  margin: calc(var(--fs) * 2) auto 0;
  background: #fff;  
  box-shadow: var(--bs-cmn);
}
.evIndex {
  color: #f57e1d;
  display: flex;
  flex-flow: row wrap;
  gap: 1%;
  counter-reset: number 0;
}
.evIndex dt {
  width: 100%;
  margin-left: -0.25em;
  margin-bottom: calc(var(--rs) * 1);
  font-size: calc(var(--fs) * 2.8);
  font-weight: bold;
  text-align: left;
  position: relative;
}
.evIndex dt::after {
  content: "";
  width: calc(100% - 8em);
  height: 60%;
  border-bottom: calc(var(--rs) * 0.2) solid #f57e1d;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.evIndex div {
  width: min(49%, 32rem);
  padding: 0 0% 0 2%;
  margin: 0;
  text-align: left;
  flex: 1 1 auto
}
.evIndex dd {
  margin: 0 1em 0.75em;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
  line-height: 1;
}
.evIndex dd::before {
  counter-increment: number 1;
  content: counter(number,decimal/*-leading-zero*/) "";
  width: 1.8em;
  height: 1.8em;
  margin-left: -2.5em;
  margin-right: 0.5em;
  background: #f57e1d;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  line-height: 1.8em;
  text-align: center;
  display: inline-block;
}
.evIndex dd a {
  color:  var(--color-brwn);
}
.evIndex dd a:hover {
  color: var(--color-link-cmn-hover);
}
/*-------------------------------
 shop letter
---------------------------------*/
.letterCont {
  width: min(100%, 96rem);
  padding: 1.5em 0.5em;
  margin: calc(var(--fs) * 4) auto 1em;
  background-color: rgb(252 255 255);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 98%, #333 100%);
  background-size: 100% 1.5em;
  font-size: calc(var(--fs) * 1.5);
  line-height: 1.5;
  text-align: left;
  position: relative;
}
.letterTitle {
  padding: 0.25em 0.5em;
  background: var(--color-dlp-grybl);
  color: #fff;
  box-shadow: 1px 2px 3px rgb(0 0 0 / 30%);
  transform: rotate(-3deg);
  position: absolute;
  left: 0;
  top: -1.3em;
}
.letterCont p {
  margin-bottom: 1em;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.letterCont p ~ p {
  margin-top: 1.5em;
}
.letterCont p b {
  font-size: 112.5%;
  line-height: 1.1;
}
.letterLogo {
  width: calc(var(--rs) * 14.4);
  margin-top: -2.75em;
  float: right;
  position: relative;
  right: -0.25em;
}
.letterPhoto {
  width: min(80%, calc(var(--fs) * 48));
  margin: 0 auto -1em;
  text-align: right;
  position: relative;
  top: -0.5em;
}
.letterCont p.letterSign {
  width: 100%;
  padding: 0 1em;
  margin-bottom: 0;
  font-size: calc(var(--fs) * 1.2);
  font-weight: bold;
  text-align: right;
}
.letterPhoto {
  margin-top: 0;
}
.letterPhoto img {
  filter: drop-shadow(1px 1px calc(var(--rs) * 0.5) rgb(0 0 0 / 50%));  
}
.letterCont::before,
.letterCont::after {
  content: "";
  position: absolute;
}
.letterCont::before {
  width: calc(var(--rs) * 3.4);
  height: calc(var(--rs) * 3.4);
  background: url("/event/ddfes/2025/image/deco_star_s01.png") 50% 50% / cover no-repeat;
  left: calc(var(--rs) * -2);
  top: calc(var(--rs) * 8.4);
}
.letterCont::after {
  width: calc(var(--rs) * 8.4);
  height: calc(var(--rs) * 6);
  background: url("/event/ddfes/2025/image/deco_star_d01.png") 50% 50% / cover no-repeat;
  left: calc(var(--rs) * -1);
  bottom: calc(var(--rs) * -2);
}
.letterLogo::before {
  content: "";
  width: calc(var(--rs) * 6.4);
  height: calc(var(--rs) * 3.84);
  background: url("/event/ddfes/2025/image/deco_star_d02.png") 50% 50% / cover no-repeat;
  position: absolute;
  left: calc(var(--rs) * -3.5);
  top: calc(var(--rs) * -3);
}
#letterPhotoAkihabara::before {
  content: "";
  width: calc(var(--rs) * 4);
  height: calc(var(--rs) * 4);
  background: url("/event/ddfes/2025/image/deco_star_s02.png") 50% 50% / cover no-repeat;
  position: absolute;
  left: calc(var(--rs) * -2.5);
  top: calc(var(--rs) * 8);
}
#letterPhotoAkihabara::after {
  content: "";
  width: calc(var(--rs) * 5.7);
  height: calc(var(--rs) * 5.7);
  background: url("/event/ddfes/2025/image/deco_star_s03.png") 50% 50% / cover no-repeat;
  position: absolute;
  right: calc(var(--rs) * -1.5);
  bottom: calc(var(--rs) * -3);
}
#letterPhotoOsaka::after {
  content: "";
  width: calc(var(--fs) * 36.9);
  height: calc(var(--fs) * 27.4);
  background: url("/event/ddfes/2025/image/groupphoto-osaka-deco.png") 50% 50% / contain no-repeat;
  position: absolute;
  right: calc(var(--rs) * -3.5);
  top: calc(var(--rs) * -5.5);
}
/*-------------------------------
 event contents
---------------------------------*/
.title-event {
  width: 100vw;
  margin: 0 calc(50% - 50vw) calc(var(--rs) * 4);
  height: calc(var(--rs) * 8);
  background: linear-gradient(270deg, #e05a84 0%, #e05a84 50%, #ea9db3 75%, #ea9db3 100%);
  text-align: center;
}
.title-event img {
  margin-top: calc(var(--rs) * -2);
}
.eventDetailsPic {
  width: min(100%, 96rem);
  margin: 0 auto;
}
/*event detail link*/
.eventDetailsLink {
  width: 100%;
  margin: calc(var(--rs) * 2) auto calc(var(--rs) * 8);
}
.detailsLink-half {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}
.detailsLink-half li {
  width: 48%;
  margin: 0 1%;
}
/*-------------------------------
 contents detail
---------------------------------*/
.contDetails {
  width: 100%;
  padding: calc(var(--rs) * 4) 4%;
}
/*-------------------------------
 evetnt contents
---------------------------------*/
#eventContents {
  width: min(96%, 96rem);
  padding-bottom: calc(var(--rs) * 4);
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  gap: calc(var(--rs) * 2);
}
#eventContents::after {
  content: "";
}
/*event cont*/
.evCont {
  width: 96%;
  padding: calc(var(--fs) * 1) 2%;
  margin: calc(var(--rs) * 2) auto;
  background: #fefcf2;
  border: calc(var(--rs) * 0.4) solid var(--color-ddfes-boxPnk)/*#e5a0b4*/;
  border-radius: calc(var(--fs) * 1);
  color: var(--color-ddfes-brwn);
  text-align: left;
  flex: 1 1 auto;
  position: relative;
}
.evCont-col2,
#eventContents::after {
  width: min(94%, 32rem);
  flex: 1 1 auto;
  align-self: flex-start;
}
/*event cont _ title*/
.evCont-title {
  min-height: 2.6em;
  padding-left: 2em;
  padding-right: calc(var(--fs) * 7);
  margin-top: 0.5em;  
  color: var(--color-ddfes-pnk);
  font-size: calc(var(--fs) * 2.2);
  font-weight: bold;
  line-height: 1.3;
  text-indent: -2em;
}
.evCont-no {
  width: 1.6em;
  margin-right: 0.25em;
  background: var(--color-ddfes-pnk);
  color: #fff;
  font-size: calc(var(--fs) * 2);
  line-height: 1.6em;
  text-indent: 0;
  display: inline-block;
  text-align: center;
  position: relative;
  top: calc(var(--fs) * -0.1);
}
.evCont:nth-child(2n) .evCont-title {
  color: var(--color-ddfes-org);
}
.evCont:nth-child(2n) .evCont-no {
  background: var(--color-ddfes-org);
}
/*event cont _ schedule*/
.evCont-schedule {
  padding: 0.5em;
  margin: 0.5em 0;
  background: var(--color-ddfes-brwn);
  color: #fff;
  line-height: 1.3;
}
.evCont-schedule > div {
  display: flex;
  flex-flow: row nowrap;
}
.evCont-schedule dt {
  flex: 0 0 auto;
}
.evCont-schedule dt::after {
  content: ":";
  margin: 0 0.5em 0 0.25em;
}
.evCont-schedule > div + dd {
  margin-top: 0.25em;
}
.evCont-schedule dd small {
  font-size: calc(var(--fs) * 1.3);
  display: inline-block;
}
/*event cont _ store*/
.evCont-store {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  position: absolute;
  right: calc(var(--fs) * 1);
  top: calc(var(--fs) * 1);
}
.evCont-store li {
  width: calc(var(--fs) * 7);
  filter: drop-shadow(0 0 1px #fff), drop-shadow(0 0 3px #fff);
}
/*event cont _ text*/
.evCont-text {
  padding: 0 0.5em;
  margin-top: 1em;
  font-size: calc(var(--fs) * 1.8);
}
.evCont-text > b {
  color: var(--color-ddfes-org);
  font-size: 112.5%;
  font-weight: bold;
}
.evCont:nth-child(2n) .evCont-text > b {
  color: var(--color-ddfes-pnk);
}
/*event cont _ point*/
.evCont-point {
  width: fit-content;
  min-width: 50%;
  padding: 0.5em;
  margin: 1em 1%;
  background: #fff;
  border: 2px solid #778aac;
  color: #778aac;
  font-size: calc(var(--fs) * 1.6);
}
.evCont-point > b {
  width: 100%;
  padding: 0.25em;
  margin-bottom: 0.5em;
  background: #778aac;
  color: #fff;
  font-weight: normal;
  text-align: center;
  display: inline-block;
}
/*event cont _ event detail table*/
.evCont-schdltbl {
  width: 100%;
  background: #fff;
}
.evCont-schdltbl caption {
  width: 100%;
  padding: 0.5em;
  padding-right: 4.5em;
  text-align: left;
}
.evCont-schdltbl tr:nth-child(2n + 1) {
  background: var(--color-ddfes-pnk-light);
}
.evCont-schdltbl th,
.evCont-schdltbl td {
  padding: 0.5em;
}
.evCont-schdltbl th {
  color: var(--color-ddfes-org);
}
/*event cont _ event detail*/
.evCont-dtlContainer {
  width: 98%;
  margin: 1em auto calc(var(--fs) * 1);
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-around;
  gap: calc(var(--fs) * 1);
}
.evCont-dtlContainer > * {
  width: 50%;
  margin: 0 !important;
}
.evCont-dtlContainer > .evCont-text {
  padding: 0 calc(var(--rs) * 1);
}
.evCont-evdtl {
  width: 98%;
  padding: calc(var(--fs) * 0.6);
  margin: 1em auto;
  background: #fff;
  border: 2px solid var(--color-ddfes-pnk);
  position: relative;
}
.evdtl-notice {
  padding-left: 1em;
  margin-top: 0.5em;
  font-size: calc(var(--fs) * 1.2);
  line-height: 1.3;
  text-indent: -1em;
  text-align: left;
}
.evCont-evdtl dt {
  min-width: 4em;
  margin-right: 0.5em;
  color: var(--color-ddfes-org);
  font-weight: bold;
  display: inline-block;
}
.evCont-evdtl dd {
  margin-right: 1em;
  display: inline-block;
}
.evCont-evdtl dd span {
  margin-bottom: 0.25em;
  display: inline-block;
}
.evCont-evdtl-tab {
  padding: 0 0.75em;
  margin-right: 0.5em;
  background: var(--color-ddfes-pnk);
  color: #fff;
  display: inline-block;
}
/*evetn cont _ photocon*/
.evCont-photocon tr:nth-child(2) th,
.evCont-photocon tr:nth-child(2) td {
  background: #f5f5f5;
}
.evCont-photocon th,
.evCont-photocon td {
  padding: 0.25em;
  width: 50%;
}
/*event cont _ link bottun*/
.evCont-link {
  text-align: center;
}
.evCont-link-btn {
  width: min(64rem, 94%);
  padding: calc(var(--rs) * 1.5) calc(var(--rs) * 3);
  margin: 1em auto;
  background-color: var(--color-link-cmn2);
  border-radius: calc(var(--fs) * 1);
  color: var(--color-wht);
  font-size: calc(var(--fs) * 1.6);
  text-align: center;
  display: inline-block;
  position: relative;
}
a.evCont-link-btn:hover {
  color: #fff;
}
.evCont-link-btn > i {
  position: relative;
  right: -0.75em;
}
.evCont-link-btn.pre {
  background: #999;
  color: #ccc;
  pointer-events: none;
  cursor: none;
}
.evCont-link-btn.pre::after {
  content: "詳細準備中";
  width: 90%;
  padding: calc(var(--rs) * 1.5) 0;
  background: #999;
  color: #eee;
  display: block;
  position: absolute;
  left: 5%;
  top: 0;
}
.evCont-link-btn.pre > i {
  display: none;
}
/*event cont _ item list*/
.evCont-itemlist {
  padding: 0 1%;
  margin: 1em auto 0;
  display: flex;
  flex-flow: row wrap;
}
.evCont-itemlist > :is(li,dd) {
  width: min(48%, 24rem);
  max-width: 48%;
  margin: 1%;
  flex: 1 1 auto;
}
.evCont-itemlist .item-name {
  padding: 0.25em;
  font-size: calc(var(--fs) * 1.6);
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
}
.evCont-itemlist .item-name > small {
  font-size: calc(var(--fs) * 0.6 + var(--rs) * 0.4);
  line-height: 1.2;
  display: inline-block;
}
/*-------------------------------
 contents content _ 
---------------------------------*/
.evCont-col {
  display: flex;
  flex-flow: row wrap;
}
.col-row-reverse {
  flex-direction: row-reverse;
}
.evCont-img {
  width: min(100%, 24rem);
  flex: 1 1 auto;
}
.evCont-img figcaption {
  padding: 0.5em 0;
  font-size: calc(var(--fs) * 1.2);
  text-align: right;
}
.evCont-details  {
  width: min(100%, 48rem);
  flex: 1 1 auto;
}
/*-------------------------------
 contents content _ adjust
---------------------------------*/
/*アドバイス会*/
.ic-bubble {
  width: 6.5em;  
  padding: 1.5em 0em 1.5em 0em;
  background: url("/event/ddfes/image/ic_bubble.png") 50% 50% / contain no-repeat;
  color: #fff;
  text-align: center;
}
.mark-freeadd {
  position: absolute;
  right: -2em;
  top: -1.5em;
}
/*新発売アイテムリスト*/
.itemlist-tbl {
  width: 98%;
  margin: 1em auto;
  background: #fff;
  border: 2px solid var(--color-ddfes-pnk);
  font-size: calc(var(--fs) * 1.4);
  position: relative;
}
.itemlist-tbl tr:nth-child(2n + 0) {
  background: var(--color-ddfes-pnk-light);
}
.itemlist-tbl th,
.itemlist-tbl td {
  padding: 0.5em;
  vertical-align: middle;
}
.tbl-price {
  text-align: right;
  white-space: nowrap;
}
/*ep03 _ DD Gacha*/
.adust-ep03-text {
  flex: 1 1 auto;
  position: relative;
}
.adust-ep03-img {
  max-width: 50%;
  margin: 0 0 0 -5em;
  position: relative;
  right: calc(var(--rs) * -1.5);
}
/*ep04 _ DD new item*/
.adust-ep04-imgcont {
  margin-bottom: calc(var(--rs) * 2);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.adust-ep04-text {
  width: 55%;
  flex: 1 1 auto;
  position: relative;
}
.adust-ep04-img {
  width: min(45%, 33rem);
  margin: 0 calc(var(--rs) * -5) 0 calc(var(--rs) * -1);
  filter: drop-shadow(calc(var(--rs) * 0.2) calc(var(--rs) * 0.2) calc(var(--rs) * 0.6) rgb(47 37 36 / 40%));
  flex: 1 1 auto;
}
/*ep06 _ photo session*/
.adust-ep06-img {
  width: 76%;
  margin: 0 auto -0.5em;
  text-align: center;
}
.adust-ep06-img img {
  transform: rotate(-3deg);
}
/*ep07 _ dollfie advice*/
.adust-ep07-imgcont {
  margin-bottom: calc(var(--rs) * 2);
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: center;
}
.adust-ep07-text {
  width: min(70%, 60rem);
  flex: 10 1 auto;
  position: relative;
}
.adust-ep07-img {
  width: min(80%, 27rem);
  max-width: 80%;
  margin: calc(var(--rs) * 1) auto 0;
  text-align: center;
  flex: 1 2 auto;
}
.adust-ep07-img img {
  transform: rotate(3deg);
}
/*ep08 _ kujibiki*/
.adust-ep08-imgcont {
  margin-bottom: calc(var(--rs) * 2);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.adust-ep08-text {
  width: min(80%, 60rem);
  flex: 10 1 auto;
  position: relative;
}
.adust-ep08-img {
  width: min(40%, 22rem);
  max-width: 40%;
  margin: calc(var(--fs) * -4) auto calc(var(--fs) * -4);
  text-align: center;
  flex: 1 2 auto;
}
/*-------------------------------
 contents detail - Dream Choice UP Date
---------------------------------*/
#contDCupdate {
  background: rgb(237 203 148 / 60%);
}
.contDetails-dddc {
  width: min(100%, calc(var(--rs) * 96));
  margin: 0 auto;
}
.dddc-main {
  width: min(100%, 96rem);
  margin: 0 auto calc(var(--rs) * 4);
  box-shadow: var(--bs-conts);
  position: relative;
}
.dddc-main-order {
  width: calc(var(--rs) * 31);
  height: 0;
  padding-top: calc(var(--rs) * 15);
  background: url("/event/ddfes/2025/image/2507_dreamchoice_update_pop.png") 50% 50% / contain no-repeat;
  overflow: hidden;
  position: absolute;
  right: calc(var(--rs) * -3);
  top: calc(var(--fs) * -3);
}
/*update list*/
.dddc-updateList {
  width: calc(var(--rs) * 40);
  height: calc(var(--rs) * 20);
  margin: calc(var(--rs) * -24) calc(var(--rs) * 3) calc(var(--rs) * 4) auto;
  text-align: right;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.uplist01 { grid-area: 1 / 1 / 2 / 2; }
.uplist02 { grid-area: 1 / 2 / 2 / 3; }
.dddc-updateList li {
  height: calc(var(--rs) * 20);
  text-align: center;
}
.dddc-updateList li img {
  max-width: calc(var(--rs) * 20);
  position: relative;
}
/* アップデート3種△置きver.
.dddc-updateList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.uplist01 { grid-area: 1 / 1 / 2 / 3; }
.uplist02 { grid-area: 2 / 1 / 3 / 2; }
.uplist03 { grid-area: 2 / 2 / 3 / 3; }
.dddc-updateList li.uplist01 img {
  bottom: calc(var(--rs) * -3);
}
*/

/*update details*/
.dddc-updateDetails {
  width: min(100%, 96rem);
  margin: calc(var(--rs) * 2) auto calc(var(--rs) * 4);
  position: relative;
}
.dddc-updateDetails li {
  margin: calc(var(--rs) * 2) auto;
}
.dddc-updateDetails img {
  box-shadow: var(--bs-conts);                                                                                                                                              
}
/*DD Dream Choice Price*/
.dddc-price {
  width: min(100%, 96rem);
  padding: calc(var(--rs) * 1) 2%;
  margin: 0 auto calc(var(--rs) * 4);
  background: var(--color-ddfes-brwn);
  border-radius: calc(var(--fs) * 1);
  color: #fff;
}
.priceTable {
  width: 100%;
  font-size: calc(var(--fs) * 1.4);
}
.priceTable-cap {
  padding: 0.5em;
  margin-bottom: 5px;
  border-bottom: 1px dashed #fff;
  text-align: left;
}
.priceTable-title {
  margin-bottom: calc(var(--rs) * 1);
  font-size: calc(var(--fs) * 2.4);
  font-weight: bold;
  display: inline-block;
  float: left;
}
.priceTable-cmnset {
  width: min(100%, 46rem);
  margin: 0 0 0 auto;
  text-align: right;
}
.priceTable-cmnset dt {
  margin: 0 0.25em;  
}
.priceTable-cmnset dt::before {
  content: "＜";
}
.priceTable-cmnset dt::after {
  content: "＞";
}
.priceTable-cmnset > * {
  display: inline-block;
}
.priceTable tr:nth-child(2n-1) th,
.priceTable tr:nth-child(2n-1) td {
  background: rgb(0 0 0 / 10%);
  border-bottom: 1px solid rgb(0 0 0 / 20%);
}
.priceTable th,
.priceTable td {
  padding: 5px 0.5em;
}
.priceTable th {
  padding-left: 1.25em;
  text-indent: -1.0em;
  text-align: left;
}
.priceTable td {
  text-align: right;
  white-space: nowrap;
  position: relative;
}
.priceTable td small {
  font-size: calc(var(--fs) * 1.0);
}
.price-lmtinfo {
  margin: 0.5em;
  font-size: calc(var(--fs) * 1.4);
  text-align: right;
}
/*-------------------------------
 contents detail - OP Pre Release
---------------------------------*/
#contNewItems {
  padding: 0;
  background: rgb(123 215 255 / 70%);
}