@charset "utf-8";
@import "/assets/css/zzz_cookiebanner_hidden.css";
/* Event_Dress_2609 _ CSS (last update: 2026.08.12) */
/* Format :Mobile First Index */

/**/
/*SP 320〜559px*/
/*TB 560〜959px*/
/*PC 960px以上*/

/*-------------------------------
 表示切替
---------------------------------*/
/* SP */
/*IMG*/
.view--pc_tb,
.view--pc,
.view--tb {
	display: none !important;
}

.view--tb_sp,
.view--sp {
	display: inline-block !important;
}

/*改行*/
.sp_br-off {
	all: initial;
}

/* PC:改行なし */
.sp_br-on {
	display: block;
}

/* PC:改行あり */

/* TB */
@media screen and (min-width :560px) {

	/*IMG*/
	.view--pc_tb {
		display: inline-block !important;
	}

	.view--pc {
		display: none !important;
	}

	.view--tb {
		display: inline-block !important;
	}

	.view--sp {
		display: none !important;
	}
}

/* PC */
@media screen and (min-width :960px) {

	/*IMG*/
	.view--pc_tb {
		display: inline-block !important;
	}

	.view--pc {
		display: inline-block !important;
	}

	.view--tb_sp {
		display: none !important;
	}

	.view--tb {
		display: none !important;
	}

	.view--sp {
		display: none !important;
	}

	/*改行*/
	.sp_br-off {
		display: block;
	}

	/* PC:改行あり SF:改行なし */
	.sp_br-on {
		all: initial;
	}

	/* PC:改行なし SF:改行あり */
}

/* ==================== Common Layout Start ==================== */

/*-------------------------------
 main _ 上書き
---------------------------------*/
main {
	font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "MS PGothic", "Hiragino Kaku Gothic ProN", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	padding-bottom: 0;
	background: #F7E9CE url(/event/sumikafair/assets/image/bg_all.jpg) 50% 0% repeat;  
	/*background: #ffffff url(/assets/image/bg/bg_ptrn_zarazara01.png) 50% 0% / 150px auto repeat;*/
}

main img {
	vertical-align: middle;
}

main a {
	/*color: var(--color-link-nml);*/
	/*#0095d9*/
}

main a:focus,
main *:focus {
	outline: none;
}

main small {
	font-weight: inherit;
	font-size: 80%;
}

main .link-text__deco--more::after {
	border-top-color: inherit;
	border-right-color: inherit;
}

main .link-btn {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), inset 0 -1px 0 0 rgba(100, 50, 50, 0.1);
}

main .bnrlink-btn {
	/*padding: 1.5rem 2rem;*/
	padding: calc(var(--fs) * 1.5) calc(var(--fs) * 2.0) calc(var(--fs) * 1.5) calc(var(--rs) * 2.0);
}

.heading-category {
	font-weight: bold;
}

.event-main-img {
	display: block;
	object-fit: cover;
	max-width: 190%;
	min-height: 100%;
	margin-left: -45%;
}

.link-btn.link-btn--sp {
	background: #E46D66;
}

.link-btn.link-btn--sp::before {
	content: "";
	width: 1.25em;
	height: 1.25em;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translate(0%, -50%);
	background: url(/assets/image/icons/blank_ic01_alf05.png) 50% 0% / contain no-repeat;
}

.link-btn.link-btn--ec::before {
	content: "";
	width: 1.4em;
	height: 1.4em;
	position: absolute;
	top: 50%;
	left: .8em;
	transform: translate(0%, -50%);
	background: url(/assets/image/icons/ic_ec_btn_cart.svg) 50% 0% / contain no-repeat;
	filter: opacity(.5);
}

[data-ruby] {
	position: relative;
}

[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	bottom: -1em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.5em;
}

.heading-content {
	max-width: 100%;
	font-size: calc(var(--fs-xxl) * 1.2);
}

ul.card.card--bs>li {
	background: #fff;
}

.card__text.ta-c {
	text-align: center;
}

.card__text.ta-r {
	text-align: right;
}

.card__note.note-list {
	padding: 0.5rem 1rem;
	line-height: 1.4;
	font-size: calc(var(--fs) * 1.2);
	max-width: var(--width-cont);
	margin: 0 auto;
	filter: opacity(.75);
}

.card__note li {}

.logo-col-chibi {
	fill: #F00;
}

.fa-icon-img {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
	font-size: 2em;
	vertical-align: middle;
}

.icon--store {
	background-image: url(/event/dolpa_after/assets/image/common_ic_store.png);
}

.icon--onlinestore {
	background-image: url(/event/dolpa_after/assets/image/common_ic_onlinestore.png);
}

.icon--store.white {
	background-image: url(/event/dolpa_after/assets/image/common_ic_store_wht.png);
}

.icon--onlinestore.white {
	background-image: url(/event/dolpa_after/assets/image/common_ic_onlinestore_wht.png);
}

.icon--volks-official {
	content: url("/assets/image/logo/logo_vs_mark-wht.svg");
	height: 1em;
	vertical-align: middle;
}

.icon--volks-official.dc {
	content: url("/assets/image/logo/logo_vs_mark-dc.svg");
	filter: brightness(130%);
	height: 1em;
	vertical-align: middle;
}

.ic__deco--new {
	position: relative;
}

.ic__deco--new::after {
	content: "New";
	color: #ff0033;
	padding: 0 .3em;
	font-weight: bold;
	letter-spacing: 0;
	margin: auto .2em;
	font-size: var(--fs-xs);
	line-height: 1;
	display: inline-block;
	text-indent: 0;
	animation: color-newicon 1s infinite;
	-webkit-animation: color-newicon 1s infinite;
}

@keyframes color-newicon {
	0% {
		color: #ff0033;
	}

	50% {
		color: #ff9900;
	}
}

.ic__deco--new.ic__posi--migiue::after {
	position: absolute;
	right: .2rem;
	top: 0;
	margin-top: calc(-1 * 1.2em);
}

/*-------------------------------
 Bace _ Common Parts
---------------------------------*/
.note-list {
	padding-top: .5em;
	padding-bottom: .5em;
	margin: auto;
}

.note-list li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.4;
}

.note-list li~li {
	margin-top: 0.5rem;
}

li.note-list--markbull::before,
.note-list--markbull>li::before {
	content: "\25CF";
	opacity: 0.6;
	font-size: 0.5em;
	margin-right: 0.5em;
	width: 1.5em;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	text-indent: 0;
}

li.note-list--markkome::before,
.note-list--markkome>li::before {
	content: "\203B";
	/*※*/
	opacity: 0.6;
	font-size: 0.9em;
	margin-right: 0.1em;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	text-indent: 0;
}

.tango_list {}

.tango_list>li {
	display: inline-block;
}

.tango_list>li:not(:last-child)::after {
	content: " | ";
	color: #ddd;
	display: inline-block;
	margin-left: .5em;
	margin-right: .5em;
}

.tango_list>li.tango-tit {
	display: block;
}

.tango_list>li.tango-tit::after {
	content: none;
}


/* text */
.txtl {
	text-align: left !important;
}

.txtc {
	text-align: center !important;
}

.txtr {
	text-align: right !important;
}

/* fas */
.fa,
.fab,
.fal,
.far,
.fas {
	text-indent: initial;
	margin: auto .2em;
}

/* Float*/
.fltl {
	float: left;
}

.fltr {
	float: right;
}

/* Clear Fix */
.clrfx::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clrfx {
	zoom: 1;
}

.clr {
	clear: both;
}

hr {
	clear: both;
}

/* Font_Size */
.fs--08 {
	font-size: 0.8rem !important;
}

.fs--09 {
	font-size: 0.9rem !important;
}

.fs--10 {
	font-size: var(--fs-xxs);
}

.fs--11 {
	font-size: var(--fs-xs);
}

.fs--12 {
	font-size: var(--fs-s);
}

.fs--13 {
	font-size: var(--fs-ms);
}

.fs--14 {
	font-size: var(--fs-m);
}

.fs--15 {
	font-size: var(--fs-ml);
}

.fs--16 {
	font-size: var(--fs-l);
}

.fs--17 {
	font-size: var(--fs-ll);
}

.fs--18 {
	font-size: var(--fs-xl);
}

.fs--20 {
	font-size: var(--fs-xxl);
}

.fs--22 {
	font-size: calc(var(--fs-l) * 1.375);
}

.fs--24 {
	font-size: calc(var(--fs-l) * 1.5);
}

.fs--26 {
	font-size: calc(var(--fs-l) * 1.625);
}

.fs--28 {
	font-size: calc(var(--fs-l) * 1.75);
}

.fs--30 {
	font-size: calc(var(--fs-xxl) * 1.5);
}

/*文字サイズ特殊*/
/*PCのみ特大指定*/
.fnt_h_tit {}

.fs--large {
	font-size: var(--fs-xl);
}

.fs--x-large {
	font-size: var(--fs-xl);
}

.fs--xx-large {
	font-size: var(--fs-xxl);
}

/* Font Color */
.red {
	color: #ff0033;
}

.red_d {
	color: #cc0033;
}

.ruby {
	color: #d83473;
}

.yellow {
	color: #ffd700;
}

.gray {
	color: #aaa;
}

.gray_d {
	color: #666;
}

.link-nml {
	color: var(--color-link-nml);
}

.tc-pink {
	color: var(--color-point-cateA);
}

.tc-brwn {
	color: #99685a;
}

/* Font deco */
.marker_red {
	background: linear-gradient(transparent 60%, #ffc1c1 60%);
}

.marker_pnk {
	background: linear-gradient(transparent 60%, #fdd8e0 60%);
}

.marker_blue {
	background: linear-gradient(transparent 60%, #ccf4ff 60%);
}

.marker_green {
	background: linear-gradient(transparent 60%, #e5ffcc 60%);
}

.marker_ylw {
	background: linear-gradient(transparent 60%, #fff9a4 60%);
}

.marker_yellow {
	background: linear-gradient(transparent 60%, #FFE67A 60%);
}

.marker_gry {
	background: linear-gradient(transparent 60%, rgba(50, 50, 50, 0.15) 60%);
}

.marker_ppl {
	background: linear-gradient(transparent 60%, #f1ddff 60%);
}

.marker_thin_red {
	color: #e03;
	background: linear-gradient(transparent 90%, #e03 90%);
}

.link-txt--detail {
	background: #fdf3f3;
	color: var(--color-link-cmn);
}

/* space */
.mt0 {
	margin-top: 0 !important;
}

.mt05 {
	margin-top: 0.5rem !important;
}

.mt10 {
	margin-top: 1.0rem !important;
}

.mt15 {
	margin-top: 1.5rem !important;
}

.mt20 {
	margin-top: 2.0rem !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb10 {
	margin-bottom: 1.0rem !important;
}

.mb15 {
	margin-bottom: 1.5rem !important;
}

.mb20 {
	margin-bottom: 2.0rem !important;
}

.ml10 {
	margin-left: 1.0rem !important;
}

.ml15 {
	margin-left: 1.5rem !important;
}

.ml20 {
	margin-left: 2.0rem !important;
}

.mr10 {
	margin-right: 1.0rem !important;
}

.mr15 {
	margin-right: 1.5rem !important;
}

.mr20 {
	margin-right: 2.0rem !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.dno,
.nodsp {
	display: none !important;
}

.dbk {
	display: block;
}

.dbk-inline {
	display: inline-block;
}

.navi-local {
	justify-content: center;
}

.price-hontai {
	display: none;
	font-weight: normal;
	font-size: var(--fs-s);
	color: #555;
}

.tit_space:after {
	content: " | ";
	color: #ddd;
	display: inline-block;
	margin-left: .5em;
	margin-right: 1em;
}

/*-------------------------------
 リンクボタン特設サイト＆ストア直通
---------------------------------*/
/* SP-ALL */
.card__link-building {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(var(--rs) * 1.0);
	padding: calc(var(--rs) * 1.0);
	font-size: calc(var(--fs) * 1.4);
	align-items: center;
	align-self: flex-end;
	width: 100%;
}

.card__link-building>li {
	flex-grow: 1;
	text-align: center;
}

.card__link-building>li>a {
	display: block;
	padding: .7em 1.5em;
	border-radius: .4rem;
	position: relative;
	border-radius: 1rem;
}

.card__link-building>li>a:hover {
	text-decoration: none;
}

.card__linkbtn--os {
	background: var(--color-link-cmn);
	color: #fff;
}

.card__linkbtn--os:hover {
	color: #fff;
	filter: brightness(1.2);
}

.card__linkbtn--os::after {
	content: "\f0da";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: inline-block;
	position: absolute;
	font-size: .9em;
	right: 0.75em;
	top: 50%;
	transform: translate(0%, -50%);
}

.card__linkbtn--sp {
	color: #6D696F;
	box-shadow: 0 0 0px 1px #6D696F inset;
	background: #fff;
}

.card__linkbtn--sp:hover {
	color: var(--color-link-nml);
	box-shadow: 0 0 0px 1px var(--color-link-nml) inset;
}

.card__linkbtn--sp::after {
	content: url(/assets/image/icons/ic_blank_color666.png);
	margin-left: calc(var(--fs) * 0.5);
}

/*リンク2段重ね*/
.card__shelf-link {
	padding: 0.5rem 1rem;
	margin: auto auto 0;
	display: flex;
	flex-direction: column;
}

.card__shelf-link>* {
	margin: auto;
	width: min(100%, 68rem);
	text-align: center;
}

.card__shelf-link .link-btn {
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0.4rem auto;
	box-shadow: none;
	width: min(64rem, 96%);
}

/*-------------------------------
 発売情報＆対象店舗
---------------------------------*/
/* SP-ALL */
.hanbai_info__box {
	position: relative;
	width: min(96%, 94rem);
	margin: 2rem auto 1rem;
	padding: 0 calc(var(--rs) *2) calc(var(--fs) *1);
	overflow: hidden;
	background: #F4F0F0;
}

.hanbai_info__box::before,
.hanbai_info__box::after {
	content: "";
	display: block;
	border-left: 1px dashed #E799AB;
	height: 100%;
	width: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
}

.hanbai_info__box::before {
	left: calc(var(--rs) * 0.5);
}

.hanbai_info__box::after {
	right: calc(var(--rs) * 0.5);
}

.hanbai_info__hdr {
	display: inline-block;
	background: #FED9E0;
	color: var(--color-main);
	padding: 0 calc(var(--rs) * 3.0) 0 calc(var(--rs) * 2.5);
	/*font-size: calc(var(--fs) * 1.6);*/
	font-size: 16px;
	position: relative;
	z-index: 1;
	border-radius: 0 0 20px 0;
	line-height: 2;
	margin: 0 auto calc(var(--fs) * 1.0) calc(var(--rs) * -2.0);
}

.hanbai_info__dtl {
	border-collapse: separate;
	border-spacing: 0 .5rem;
	font-size: calc(var(--fs) * 1.4);
	text-align: left;
	table-layout: fixed;
	width: 100%;
}

.hanbai_info__dtl tr {
	padding-bottom: calc(var(--rs) * 0.5);
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.hanbai_info__box .hanbai_info_navbtn {
	margin-top: 0;
}

.hanbai_info__box hr {
	margin: 2.5rem auto 2rem;
	border-style: solid;
	border-top-width: 1px;
	border-color: #7F5E54;
	opacity: .7;
}

.hanbai_info__tit {
	font-size: calc(var(--fs) * 1.8 + var(--rs) * 0.8);
	margin-bottom: .5rem 0;
	padding: calc(var(--rs) * 0.5);
	font-weight: bold;
	color: var(--color-main);
	text-align: left;
	position: relative;
}

.hanbai_info__tit::before {
	content: "";
	background: #E799AB;
	display: inline-block;
	width: calc(var(--fs) * 1.0);
	height: 1.2em;
	position: absolute;
	top: 50%;
	left: calc(var(--rs) * -2.0);
	transform: translate(0%, -50%);
}

.hanbai_info__cap,
.hanbai_info__txt {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.hanbai_info__cap {
	font-weight: normal;
	width: min(22%, 170px);
	padding-left: calc(var(--rs) * 1.0);
	padding-right: calc(var(--rs) * 1.0);
	text-align: center;
	vertical-align: middle;
	border: 1px solid;
	color: var(--color-main);
}

.hanbai_info__txt {
	padding-left: calc(var(--fs) * 1.0);
	flex: 1 1 75%;
}

.hanbai_info__note {
	font-size: var(--fs-m);
}

.hanbai_info__storelink {
	font-size: var(--fs-m);
	padding: .5rem 0;
	text-align: right;
}

.hanbai_info_sankaLink {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	font-weight: bold;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-content: baseline;
}

.hanbai_info_sankaLink>* {
	margin: 0 0.5%;
	padding: 0 .5rem;
	text-align: left;
}

.hanbai_info_sankaLink a {
	display: flex;
	align-items: center;
	border-radius: .5rem;
}

.marker_sankaLink {
	background: #F6E9E9;
	align-self: center;
	padding-left: .5em;
	padding-right: .5em;
	border-bottom: .1rem solid;
}

/*アイコン付き参加方法リンクボタン*/
.hanbai_info_navbtn {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem auto;
	font-size: var(--fs-l);
	font-weight: bold;
}

.hanbai_info_navbtn>* {
	margin: 0 auto;
	flex: 1 0 auto;
	max-width: 70rem;
	border: .7rem solid transparent;
}

.hanbai_info_navbtn .link-btn {
	/*max-width: var(--col2);*/
	max-width: 100%;
	margin: 0;
	width: auto;
	display: flex;
	justify-content: center;
	text-align: center;
}

.hanbai_info_navbtn .link-btn::before {
	content: "";
	display: inline-block;
	margin-right: 1em;
	width: 3em;
	height: 2.5em;
	margin-top: -1em;
	margin-bottom: -1em;
	line-height: 1;
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	flex-shrink: 0;
	align-self: center;
}

.hanbai_info_navbtn .link-btn.ic-online::before {
	background-image: url(/assets/image/icons/common_ic_onlinestore-wht.svg);
}

.hanbai_info_navbtn .link-btn.ic-stores::before {
	background-image: url(/assets/image/icons/common_ic_store-wht-bold.svg);
}

.link-btn.ic-stores {
	background: #143677;
}

.hanbai_info_navbtn .link-btn.pre {
	pointer-events: none;
	background-color: #b5b5b5;
	cursor: default;
}

/*タイトル：吹き出し下線*/
.cont-headline {
	position: relative;
	padding: .5em 0;
	border-bottom: .3rem solid;
	width: calc(100% - (var(--rs) * 2.0 + 1rem));
	margin: 1rem auto;
	font-size: calc(var(--fs) * 2 + .2vw);
	color: var(--color-main);
	z-index: 2;
}

.cont-headline::before {
	position: absolute;
	bottom: -14px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0;
	border-style: solid;
	border-color: var(--color-main) transparent transparent;
}

.cont-headline::after {
	position: absolute;
	bottom: -10px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0;
	border-style: solid;
	border-color: #f6f1ee transparent transparent;
}

.cont-headline>i {
	vertical-align: middle;
}

/*-------------------------------
 特別商品枠
---------------------------------*/
#piapro {
	width: 100%;
	max-width: 100%;
	background: hsla(185, 81%, 73%, 0.15);
	padding: calc(var(--rs) * 4.0) 1rem;
}

.cont-extra-wrap {
	background: #fff;
	overflow: auto;
	padding: .5rem 0 1rem;
}

.cont-extra-wrap>.note-list {
	margin: 1rem auto;
	width: 100%;
	padding: 0 calc(var(--rs) * 2.0);
	color: #444;
	font-size: calc(var(--fs) * 1.3);
}

/*-------------------------------
 Area _ Section
---------------------------------*/
#Hold-Event,
#All-Notice {
	padding: 2rem 1rem 2rem;
}

#Summary-Outline {
	max-width: 100%;
	padding: 1rem 2vw calc(var(--fs) * 5.0);
  background: #f6f1ee;
}

#Hold-Event {
	width: 100%;
	max-width: 100%;
	padding-top: 2rem;
	padding-bottom: calc(var(--rs) * 4.0);
	background: none;
	border-top: 1px solid #e3e3e3;
}

#All-Notice {
	max-width: 100%;
	padding: 2rem 4vw;
	background: #fff;
}

/* ==================== Common Layout END ==================== */



/* =================== SP START =================== */

/*-------------------------------
 layout _ メイン画像
---------------------------------*/
/*  SP-ALL */
.event-main-area {
	text-align: center;
}


/*-------------------------------
 layout _ 
---------------------------------*/
/*  SP-ALL */
.card__tit.ta-l {
	text-align: left;
}

.card__tit.ta-r {
	text-align: right;
}

.bg_white {
	background: #fff;
}

.bg_transparent {
	background: transparent;
}

.bg_texture_watercolor-pink {
	background: url(/event/dolpa_after/assets/image/common_bg_pt02.png) #FFF8F7;
}

.item-spec-container {
	background: transparent;
	border: none;
	margin: 0 auto;
	padding: 1rem;
}

/* INFOBOX
-----------------------------*/
/* SP-ALL */
.event_detal {
	background: #fff;
	padding: calc(var(--rs) * 1.0);
	border: none;
	margin: 2rem auto 0;
	position: relative;
	width: min(98%, 100rem);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
	border-top: .5rem solid #EBA1A8;
}

.event_detal>dl {
	border-bottom: #aaa .1rem dotted;
	margin-bottom: .3rem;
	padding-bottom: .3rem;
	display: flex;
	align-items: baseline;
	flex-direction: column;
	width: 100%;
	line-height: 1.4;
}

.event_detal>*:first-child strong {
	font-size: 135%;
}

.event_detal>dl>dt {
	padding: .5rem;
	color: var(--color-main);
}

.event_detal>dl>dd {
	padding: .5rem .5rem .5rem calc(.3rem + 1em);
	flex-grow: 1;
}

.event_detal>p {
	padding: .3rem;
}

.event_detal>ul {}

.event_detal>dl>dd .hanbai_info_sankaLink {
	text-align: left;
	margin-top: 0;
	justify-content: flex-start;
}

/*-------------------------------
 天使のすみか　店舗リスト
---------------------------------*/
.nest-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.nest-list :is(dt, dd) {
	flex: 0 1 auto;
}

.nest-list>dt {
	margin-right: 0.5em;
}

.nest-list>dd {
	margin-top: 0.125em;
	font-size: 87.5%;
}

.nest-list>dd:not(:last-child)::after {
	content: "/";
	color: #ccc;
	display: inline-block;
	margin-left: 0.4em;
	margin-right: 0.4em;
}

.nest-list>dd:first-of-type::before,
.nest-list>dd:last-of-type::after {
	color: #555;
	position: relative;
	top: -1px;
}

.nest-list>dd:first-of-type::before {
	content: "( ";
}

.nest-list>dd:last-of-type::after {
	content: " )";
}

/* NEWSBOX - S
-----------------------------*/
/* SP-ALL */
.news-box-red {
	width: min(96%, 94rem);
	padding: 1rem;
	margin: 2.5rem auto;
	background: #fff;
	border: #c11212 solid .2rem;
	text-align: center;
	color: #fff;
}

.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 a {
	color: #c11212;
}

.news-box-red .link-text__deco--more::after {
	border-color: #c11212;
}

/*-------------------------------
 オンラインストア広告タイル
---------------------------------*/
/* SP-ALL */
.onlinestore_pr-tile {
	display: flex;
	flex-wrap: wrap;
	margin: 1rem auto;
	position: relative;
	width: 100%;
}

.onlinestore_pr-tile > li {
	width: calc(var(--col6) - .2rem);
	margin: .1rem;
	border: 1px solid #dfe1e5;
	position: relative;
	background: #fff;
  aspect-ratio: 1;
  overflow: hidden;
}

.onlinestore_pr-tile img {
	vertical-align: middle;
}

.onlinestore_pr-tile .img-space {
	overflow: hidden;
}

.onlinestore_pr-tile .img-space::before,
.onlinestore_pr-tile .img-space::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 16.9%;
	padding-top: 100%;
	height: 0;
	background: #fff;
}

.onlinestore_pr-tile .img-space::before {
	left: 0;
}

.onlinestore_pr-tile .img-space::after {
	right: 0;
}
img.trim-zm120 {
  transform: scale(1.25);
  transform-origin: top center;
}
img.trim-zm150 {
  transform: scale(1.5);
  transform-origin: top center;
}

/*-------------------------------
 ポップアップ イメージ拡大
---------------------------------*/
/* SP-ALL */
.card__gallery-wrap {
	background: #f4f4f4;
}

ul.gallery_tile {
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

ul.gallery_tile li {
	flex: 1;
	line-height: 0;
	position: relative;
	border: .1rem solid #eee;
}

ul.gallery_tile li a {
	position: relative;
	display: block;
}

ul.gallery_tile li a img,
ul.gallery_tile li img {
	width: 100%;
	height: auto;
}


/*ギャラリー_type01 一枚目がFULLで以降は小さく*/
ul.gallery_tile.gallery_type01 li {
	margin-bottom: 0.5rem;
}

ul.gallery_tile.gallery_type01 li:first-of-type {
	flex: 0 0 100%;
	margin: 0 0 0.5rem;
}

ul.gallery_tile.gallery_type01 li+li {
	margin-left: 0.5rem;
}

ul.gallery_tile.gallery_type01 li:last-of-type {
	margin-right: .5rem;
}

/*ギャラリー_type02 左側に大きく1枚で右側に小サムネ3枚 */
ul.gallery_tile.gallery_type02 {
	display: block;
	/*overflow: auto;*/
}

ul.gallery_tile.gallery_type02::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.gallery_tile.gallery_type02 li {
	float: left;
	width: calc(100% / 4);
	margin: 0 !important;
	border: none;
}

ul.gallery_tile.gallery_type02 li:first-of-type {
	width: calc(100% / 4 * 3);
}

/*-------------------------------
 スペック（小）
---------------------------------*/
/* SP-ALL */
.smkitm-list-item .card__tit--bold {
	font-size: var(--fs-ll);
}

.card__item-spec {
	width: 100%;
	font-size: var(--fs-m);
	line-height: 1.3;
	padding: .5rem .8rem;
	position: relative;
	margin: 0 auto 0;
	background: #F4F3F2;
	border: .8rem solid #fff;
}

.card__item-spec>ul,
.card__item-spec>p {
	margin: .3rem 0;
}

.card__item-spec>table {
	width: 100%;
}

.card__item-spec>table caption {
	padding: .5rem 0 calc(var(--rs) * 1.0);
	line-height: 1.4;
	font-size: calc(var(--fs) * 1.6)
}

.card__item-spec>table th,
.card__item-spec>table td {
	line-height: 1.5;
	vertical-align: baseline;
	padding: .1rem 1rem .1rem 1rem;
}

.card__item-spec>table th {
	padding-left: 0;
	position: relative;
	white-space: nowrap;
	font-weight: normal;
	width: 6em;
}

.card__item-spec>table td {
	text-indent: -1em;
	position: relative;
}

.card__item-spec>table td>* {
	text-indent: 0;
}

.card__item-spec>table td::before {
	content: "：";
	display: inline-block;
	width: 1em;
	text-indent: 0;
}

.card__item-spec>table td[colspan="2"] {
	text-indent: 0;
	padding-left: 0;
	padding-right: 0;
}

.card__item-spec>table td[colspan="2"]::before {
	content: none;
}

.item-spec-price {
	font-size: inherit;
}

.card__item-spec.card__item-flex {
	display: flex;
	column-gap: 1rem;
	background: none;
	flex-wrap: wrap;
}

.card__item-spec.card__item-flex>table {
	width: min(100%, var(--col2) - 0.5rem);
	margin-bottom: calc(var(--rs) * 2.0);
	flex-grow: 1;
}

/*-------------------------------
 すみかSHOP式商品一覧
---------------------------------*/
/* SP-ALL */
.smkitm-list-wrap {
	margin: 0 auto;
	padding: .5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
}

.smkitm-list-wrap>li>a {
	display: block;
	max-width: 100%;
	position: relative;
}

.smkitm-list-wrap>li>a:hover {
	text-decoration: none;
}

.smkitm-list-item {
	overflow: hidden;
	background: #fff;
	box-shadow: var(--bs-cmn);
	margin: 1rem 1rem 1.5rem;
	padding-bottom: .5em;
}

.smkitm-pic {}

.smkitm-name {
	display: block;
	font-size: var(--fs-m);
	color: var(--color-text-base);
	padding: .5rem;
	line-height: 1.25;
}

.smkitm-name.itm-brand-sp-text {
	font-size: var(--fs-xxs);
	text-align: right;
	color: #013589;
	padding-bottom: 0;
}

.smkitm-price {
	display: block;
	color: var(--color-text-base);
	padding: 0 .5rem;
	z-index: 2;
	line-height: 2em;
	font-weight: bold;
	margin-top: auto;
	margin-bottom: 0;
}

.item-spec-price>small,
.price-tax>small,
.smkitm-price .price-tax>small {
	font-size: var(--fs-xs);
	font-weight: normal !important;
	opacity: 0.8;
}

.smkitm-brand {
	background: transparent !important;
	align-self: center;
	text-align: center;
	display: none;
}

.smkitm-brand--tit {
	text-align: center;
}

.smkitm-brand--logo {
	width: 15rem;
	max-width: 100%;
	display: block;
	margin: auto;
}

.smkitm-list-wrap>li>a.smkitm-note {
	color: red;
	font-size: var(--fs-s);
	padding-left: 0.5rem;
	display: block;
	height: auto;
}

/*-------------------------------
   店舗限定アイテム
  ---------------------------------*/
/* SP */
/*SPEC*/
.card__shop--largename {
	font-size: calc(var(--fs) * 1.5);
	padding: calc(var(--rs) * 1.5);
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	background: #FFE8E7;
	margin: calc(var(--rs) * 2.0) calc(var(--rs) * 1.0) 0;
	border: 5px double #fff;
}

.card__shop--largename dt {
	flex: 0 0 auto;
	align-self: flex-start;
	padding: .2rem .5em;
	margin-right: .5em;
	border: .2rem solid;
	color: #444;
}

.card__shop--largename dd {
	padding: .3rem;
	max-width: 78rem;
}

.card__shop--largename .link-text.link-text__deco--more {
	background: #F18130;
	display: inline-block;
	border-radius: 1rem;
	padding: .4em 1em;
	margin-top: .5em;
	color: #fff;
	font-size: calc(var(--fs) * 1.6);
}

.item-spec_flex {
	padding: 0;
	margin: 0 0 auto;
}

.gallery_flex {
	flex-wrap: nowrap;
	padding: 0;
	margin: auto 0 0;
}

.gallery_thum-col3>* {
	width: 33.3%;
}

.gallery_thum-col4>* {
	width: 25%;
}

.gallery__list {
	margin: 1rem 0 0;
	position: relative;
}

ul.card--space {
	justify-content: space-around;
	max-width: 128rem;
}

ul.card--col2.card--space>* {
	width: var(--col2);
}

.gallery_exception {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto calc(var(--rs) * 1.0);
	padding: 0;
}

.gallery_exception>li {
	/*width: var(--col6);*/
	width: calc(100%/3);
}


/*同時開催イベント*/
.card--col1 {
	max-width: 96rem;
}

#Hold-Event ul.card>li {
	/*flex-grow: 1;*/
	background: #fff;
	max-width: 86rem;
	padding-bottom: var(--rs);
}

/*新作アイテム*/
.link-pre {
	pointer-events: none;
	cursor: default;
	background: #eee;
	color: #999;
	filter: grayscale(1);
}



/* 各店参加案内
-----------------------------*/
/* SP-ALL */
#sanka-info {
	width: 100%;
	max-width: 100%;
	padding-top: 3rem;
  background: linear-gradient(180deg, hsla(0,0%,100%,0.4) 0%, hsla(0,0%,100%,1) 90%);
	border-top: 1px solid var(--color-gry-smoke);
}

#sanka-info .heading-content {
	font-size: calc(var(--fs) * 2.4);
}

#sanka-info .note-list {
	font-size: var(--fs-m);
}

#sanka-info .card-blog-shop-top {
	background: transparent;
	margin-bottom: 0;
}

.event-shopinfo-tit {
	max-width: var(--width-cont);
	margin: 4rem auto 0;
	color: var(--color-main);
	font-size: var(--fs-xxl);
	font-weight: bold;
	background: #D1BAA7;
	line-height: 1.2;
	padding: 1rem;
	text-align: center
}

.fa-icon-img {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% auto;
	font-size: 2em;
	vertical-align: middle;
}

.icon--store {
	background-image: url(/event/dolpa_after/assets/image/common_ic_store.png);
}

.icon--onlinestore {
	background-image: url(/event/dolpa_after/assets/image/common_ic_onlinestore.png);
}

.icon--store.white {
	background-image: url(/event/dolpa_after/assets/image/common_ic_store_wht.png);
}

.icon--onlinestore.white {
	background-image: url(/event/dolpa_after/assets/image/common_ic_onlinestore_wht.png);
}

.icon--volks-official {
	content: url("/assets/image/logo/logo_vs_mark-wht.svg");
	height: 1em;
	vertical-align: middle;
}

.icon--volks-official.dc {
	content: url("/assets/image/logo/logo_vs_mark-dc.svg");
	filter: brightness(130%);
	height: 1em;
	vertical-align: middle;
}

.card-blog-shop__wrap {
	max-width: var(--width-site);
	margin: 1rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 0.5rem;
}

.card-blog-shop__wrap>* {
	background: var(--color-white);
	box-shadow: var(--bs-cmn);
	margin: calc(var(--rs) * 1.0);
}

.card-blog-shop__wrap>*:not([class]) {
	width: calc(var(--col3) - (var(--rs) * 2.0));
}

.card-blog-shop__wrap>.card-shop__sp {
	width: calc(100% / 2 - (var(--rs) * 2.0));
}


.card-blog-shop__title {
	width: 100%;
	background: transparent;
	color: var(--color-black);
	font-size: calc(var(--fs) * 1.5);
	font-weight: bold;
	padding: 0.5rem calc(var(--rs) * 1.0);
	text-overflow: clip;
	overflow: visible;
	white-space: normal;
}

.card-blog-shop__data .card__time {
	font-size: 1rem;
	display: none;
}

.card__label {
	padding: 0.4em 1rem;
	font-size: calc(var(--fs) * 1.4);
}

.label--shop {
	display: none;
}

.label--entFst {
	background-color: #CEFF93;
	color: var(--color-black);
}

.label--entLot {
	background-color: #A6F3FF;
	color: var(--color-black);
}

.label--entPre {
	background-color: #ececec;
	color: #777;
	display: none;
}

.shop-selling-itm {
	justify-content: flex-start;
	align-items: center;
	cursor: default;
	text-align: right;
	border-top: .1rem dotted #ccc;
	border-bottom: .1rem solid #ccc;
	margin-top: .6rem;
	padding: .5em calc(var(--rs) * 1.0);
	font-size: calc(var(--fs) * 1.2);
}

.shop-selling-itm>span {
	margin-right: 0.3rem !important;
	margin-left: 0 !important;
}

.shop-selling-itm>small {
	font-size: calc(var(--fs) * 1.1);
}

.selling-itm-cap {
	color: #6C6C6C;
}

.selling-itm-cap::after {
	content: ":";
}

.label--selling-itm {
	color: #fff;
	/*padding: 0.4rem 0.5rem !important;*/
	padding: 0;
	width: 3em;
	height: 1.5em;
	line-height: 1.5em;
	border-radius: 6em;
	display: inline-block;
	text-align: center;
	font-size: calc(var(--fs) * 1.2);
	/*SP*/
}

.label--itmSD {
	background-color: rgb(239, 133, 140);
}

.label--itmDD {
	background-color: rgb(246, 173, 60);
}

.card-blog-shop>li>a {
	display: block;
}

.card-blog-shop__thumb {
	position: relative;
	max-height: none;
}

.card-blog-shop__thumb>img {
	min-height: auto;
	aspect-ratio: 3/2;
}

/* ブログリンク準備中 */
.card-blog-shop__wrap>li>a.pre {
	color: var(--color-text-base);
	pointer-events: none;
	cursor: default;
}

.pre .card-blog-shop__thumb {
	opacity: .5;
}

.pre .card-blog-shop__title {
	color: #888;
}

.card-blog-shop__wrap>li>a:hover {
	text-decoration: none;
}

/* ブログリンクボタン（日本語のみ） */
.card-blog-shop__wrap>li>a.pre::after,
.card-blog-shop__wrap>li>a:not([class])::after {
	content: "参加方法のご案内";
	display: block;
	padding: 1rem;
	margin: 1rem 1rem;
	font-size: calc(var(--fs) * 1.5);
	font-weight: bold;
	text-align: center;
	background: #f6ecec;
	color: var(--color-link-cmn);
	border-radius: .5rem;
}

.card-blog-shop__wrap>li>a.pre::after {
	filter: grayscale(100%);
	color: #aaa;
	content: "参加方法（準備中）";
}

.card-blog-shop__wrap>li>a:hover::after {
	filter: saturate(200%) hue-rotate(-20deg) opacity(75%) brightness(1.02);
}

/* 在庫取り寄せ
-----------------------------*/
/* SP-ALL */
.container-frame--toriyose {
	background: #fff;
	border-color: #F4D75C;
	text-align: center;
	padding: 1rem;
	margin: 0rem auto;
}

.container-frame--toriyose p {
	max-width: var(--width-cont);
	margin: 0 auto 1rem;
	font-size: var(--fs-ml);
}

.toriyose-tit {
	font-size: var(--fs-xl);
	background: #F4D75C;
	text-align: center;
	padding: 1.5rem 1rem .5rem;
}

.toriyose-read {
	margin: 1rem auto 2rem;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	color: #CA525F;
}

.toriyose-info {
	text-align: left;
}

.toriyose-marker {
	color: #E1615A;
	text-decoration: #E1615A wavy underline;
	font-size: 115%;
}

.toriyose-date {
	color: #fff;
	background: #B0434F;
	text-align: left;
	padding: 1rem;
	font-size: var(--fs-ms);
}

.toriyose-att {
	font-size: var(--fs-m);
}

.toriyose-note {
	width: 98%;
	margin: 1rem auto;
	font-size: var(--fs-s);
	text-align: left;
}

.toriyose-img {
	display: block;
	margin: auto;
}

.toriyose-cap {
	font-size: var(--fs-ms);
	text-align: left;
}

.toriyose-flex-wrap {
	padding: 0 1rem;
}

.toriyose-online-wrap {
	background: #FFEDA9;
	border-radius: 1rem;
	position: relative;
	margin: 2rem 1%;
	padding: 1rem;
	overflow: visible;
}

.toriyose-online-wrap>p:not([class]) {
	margin: 0 auto;
}

.toriyose-online-balloon {
	background: #A6202F;
	color: #fff;
	padding: .5em;
	display: block;
	position: relative;
}

.container-frame .card__dollfieLineup-link {
	margin: 0 1% 1rem;
}


/* モデルドルフィーのご紹介
-----------------------------*/
/* SP-ALL */
.width-full {
	position: relative;
}

.width-full,
section.width-full {
	width: 100%;
	max-width: 100%;
}

.rerated-link {
	width: min(94%, 84rem);
	padding: 0;
	margin: 2rem auto;
	background: var(--color-white);
	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;
	max-width: 50%;
	font-size: calc(var(--fs) * 1.5);
}

/* ==================== SP END ==================== */


/* =================== TB START =================== */
@media (min-width: 560px) {

	/* INFOBOX
  -----------------------------*/
	/* TB */
	.event_detal>dl {
		flex-direction: row;
	}

	.event_detal>dl>dt {
		min-width: 5em;
	}

	/*-------------------------------
   layout _ メイン画像
  ---------------------------------*/
	/*  TB */
	.hanbai_info_sankaLink {
		margin-left: auto;
		justify-content: flex-end;
	}

	/*-------------------------------
   すみかSHOP式商品一覧
  ---------------------------------*/
	/* TB */
	/*
  .smkitm-list-wrap > li	{
    width: calc(100% / 4 - 1rem);
  }
  */

	/*-------------------------------
   店舗限定アイテム
  ---------------------------------*/
	/* TB */
	ul.card--col2.card--space>* {
		width: calc(var(--col2) - 2rem);
	}

	.card__shop--largename {
		flex-wrap: wrap;
	}

	/*-------------------------------
   各店情報：ブログ
  ---------------------------------*/
	/* TB */
	.card-blog-shop-top>li {
		width: calc(100% / 3 - 2rem);
		padding-bottom: 0;
	}

	.card-blog-shop-top>li.card-shop__sp {
		width: calc(100% / 2 - 2rem);
	}

	/* 在庫取り寄せ
  -----------------------------*/
	/* TB */

	.toriyose-read {
		font-size: var(--fs-l);
	}

	.toriyose-date {
		text-align: left;
		font-size: var(--fs-m);
	}

	/*-------------------------------
   複数日開催
  ---------------------------------*/
	/* TB */
	.navi-days {
		flex-flow: row wrap;
		margin-top: 4rem;
	}

	.navi-days>* {
		padding: 2rem 1rem;
		/*border: .5rem solid #fff;*/
		margin: 0.5rem;
	}

	.navi-days>a:hover {
		box-shadow: none;
		transform: translate(0, .2rem);
		transition: all .2s;
	}

	.tit-t-day {}

}

/* ==================== TB END ==================== */


/* =================== MD START =================== */
/* dollfie-common-style.css の上書き */

@media (min-width: 835px) {

	/*.shop-selling-itm	{
		font-size: var(--fs-xxs);
	}
	.label--selling-itm	{
		font-size: var(--fs-xxs);
	}*/
	.card__item-spec.card__smallbox,
	.card__item-spec {
		font-size: var(--fs-ms);
	}

	.smkitm-price {
		font-size: var(--fs-l);
	}
}

@media screen and (max-width: 835px) {

	.card--col4>* {
		width: calc(var(--col4) - 2rem);
	}

	.card--col5>* {
		width: calc(var(--col4) - 2rem);
	}

	.card--col6>* {
		width: calc(var(--col4) - 2rem);
	}

	.card__Hold-Event {
		width: var(--col1);
	}
}

/* ==================== MD END ==================== */


/* =================== PC START =================== */
@media (min-width: 960px) {

	/* PC用特別文字サイズ大 */
	.fs--large {
		font-size: large;
	}

	/*120%*/
	.fs--x-large {
		font-size: x-large;
	}

	/*150%*/
	.fs--xx-large {
		font-size: xx-large;
	}

	/*200%*/

	/*-------------------------------
 Bace _ Common Parts
---------------------------------*/

	/*-------------------------------
 layout _ メイン画像
---------------------------------*/
	/* PC */
	.event-main-area {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
		background-position: top center;
		background-repeat: no-repeat;
		background: #302F35;
	}

	.event-main-img {
		position: relative;
		width: 172rem;
		left: 50%;
		margin-left: -86rem;
		max-width: none;
	}


	/*-------------------------------
 スペック（小）
---------------------------------*/
	/* PC */

	/*-------------------------------
 すみかSHOP式商品一覧
---------------------------------*/
	/* PC */
	/*.smkitm-list-wrap > li	{
	width: calc(100% / 5 - 2rem) ;
	margin: 1rem;
}*/


	/*-------------------------------
 各店情報：ブログ
---------------------------------*/
	/* PC */
	.card-blog-shop-top>li {
		width: calc(100% / 3 - 2rem);
	}


	/* 在庫取り寄せ NEW
-----------------------------*/
	/* PC */
	.toriyose-flex-wrap {
		display: flex;
		align-items: flex-start;
	}

	.container-frame--toriyose {
		margin-bottom: 2rem;
	}

	.toriyose-info {
		margin: auto;
	}

	.toriyose-pic {
		flex: 0 0 50%;
		height: auto;
	}

	.toriyose-cap {
		flex: 0 0 60%;
		width: 60%;
		text-align: left;
		padding: 1.5rem 0 1.5rem 1.5rem;
	}

	.toriyose-note {}

	.toriyose-note>li {
		display: inline-block;
		margin-right: 1em;
	}


}


/* ==================== PC END ==================== */

/* =================== TV START =================== */
@media (min-width: 1480px) {

	/*3・6の倍数選時ON＿42・48枚*/
	/*.onlinestore_pr-tile {
    max-width: 140rem;
  }*/
	/*3・6・9の倍数選時ON＿36枚*/
	.onlinestore_pr-tile > li {
		width: calc(100%/9 - .2rem);
	}
}

/* ==================== TV END =============== */


/*ポップアップ インライン用*/
.popup-inline-box {
	position: relative;
	margin: 1.0px auto;
	max-width: 750px;
	background: #fff;
	padding: 2.0rem;
}

.popup-inline-box h1,
.popup-inline-box h2,
.popup-inline-box h3,
.popup-inline-box h4,
.popup-inline-box h5,
.popup-inline-box h6 {
	font-weight: bold;
	font-size: var(--fs-l);
	margin: 0 0 1rem;
	text-align: center;
}

.popup-inline-box p {
	font-size: var(--fs-m);
	line-height: 1.4;
	text-align: center;
}

.popup-inline-box .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.popup-inline-box .image {
	margin-bottom: 1.5em;
	background: #f4f4f4;
	padding: 2rem;
}

.popup-inline-box .image,
.popup-inline-box .popup-modal-dismiss {
	text-align: center;
}

.popup-inline-box .popup-modal-dismiss a {
	display: none !important;
}