@charset "utf-8";
/* Sumika Fair - 2025.08.25 _ CSS */
/* Format :Mobile First Index */
/*-------------------------------
 Mobile first
---------------------------------*/
/*SP 320〜559px*/
/*TB 560〜959px*/
/*PC 960px以上*/
/*-------------------------------
 base.css 上書き
---------------------------------*/
:root {
  --ff-mincho: "游明朝体", YuMincho, "游明朝 Medium", "Yu Mincho Medium", "游明朝", "Yu Mincho", serif;
  --ff-notoserif: 'Noto Serif JP', cursive, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  --ff-metal: 'Metal', cursive, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
@font-face {
  font-family: "wf-tegaki";
  src: url("/assets/fonts/HuiFontP29.eot");/*For IE*/
  src: url("/assets/fonts/HuiFontP29.woff") format("woff"),/*For Modern browser*/
    url("/assets/fonts/HuiFontP29.ttf") format("truetype");/*For iOS Android*/
}
.wf-tegaki {
  font-family:"wf-tegaki";
}
section {
  padding-top: calc(var(--rs) * 4);
  padding-bottom: calc(var(--rs) * 4);
}
.width-full,
section.width-full 	{
	width: 100%;
	max-width: 100%;
}
section.information {
  padding: 0 2vw;
}
/*hero header*/
.event-main-area	{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #F7E9CE;
}
.heading-category	{
  margin-top: 0;
  font-size: calc(var(--fs) * 1.6 + var(--rs) * 1.6);
}
.heading-category-section {
  font-size: calc(var(--fs) * 1.4 + var(--rs) * 1.0);
}
/*link text decoration*/
.link-text__deco--more::after	{
  border-top-color: inherit;
	border-right-color: inherit; 
}
.link-text__deco--more:hover::after  {
  border-color: inherit;
}
/*SP-TB*/
.information-wrap {
  display: flex;
  justify-content: center;
}
.information-list {
  padding: 0.5rem;
  margin: 0 auto 4rem;
}
.information-list__link::before {
	margin-right: 0;
}
.heading-lead-catch	{
	color: #514D4C;
	font-weight: normal;
	font-size: calc(var(--fs) * 1.6);
	margin: 0 auto .5em;
	max-width: var(--width-cont);
	line-height: 1.8;
	text-align: center;
}
.newsTxtLst_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%,100% {color:#ea5404;}
    50% {color:#EC0003;}
    }
/*-------------------------------
 表示切替
---------------------------------*/
/* SP */
/*IMG*/
.view-wrap--pc,
.view--tb,
.view--pc_tb,
.view--pc { display:none !important; }
.view--sp,
.view--tb_sp { display:inline-block !important; }
.view-wrap--sp { display:block!important;}
/*改行*/
.sp-on { display: block;}
.br-on { display: none;}
.sp_br-off	{ display:none;} /* PC:改行なし */
.sp_br-on	{ all: initial;} /* PC:改行あり */
/* TB */
@media screen and (min-width :560px) {
	/*IMG*/
	.view-wrap--sp,
	.view--sp,
	.view--pc { display:none !important; }
	.view--tb,
	.view--tb_sp,
	.view--pc_tb { display:inline-block !important; }
	.view-wrap--pc { display:block !important; }
}
/* PC */
@media screen and (min-width :960px) {
  /*IMG*/
  .view--sp,
  .view--tb_sp,
  .view--tb { display:none !important; }
  .view--pc_tb,
  .view--pc { display:inline-block !important; }
  /*改行*/
  .br-on { display: block;} /*強制改行PCのみ*//* <span class="br-on"></span> */
  .sp_br-off	{ all: initial;} /* PC:改行あり SF:改行なし */
  .sp_br-on	{ display:none;} /* PC:改行なし SF:改行あり */
  .sp-on	{ display: none;}
  .ta-c--pc	{ text-align: center;}
  .ta-r--pc	{ text-align: right;}
}
/* ==================== Common Layout Start ==================== */
.navi-global .navi-global__inner-2nd	{
	/*display: none;*/
}
.footer-navi .navi-offl	{
	display: none;
}
/*-------------------------------
 base _ 上書き
---------------------------------*/
body > .breadcrumbs	{
	display: none;
}
main .breadcrumbs	{
/*display: block;*/
background: var(--color-bg-wrapper);
border-top: 0.1rem solid var(--color-gry-smoke);
border-bottom: 0.1rem solid var(--color-gry-smoke);
	font-size: 1rem;/**/
}
hr {
clear: both;
border-color: rgba(87, 77, 77, 0.3);
height: 2px;
border-width: 1px;
background: rgba(255, 255, 255, 0.7);
}
a.link-btn::after {
  border-width: calc(var(--fs) * 0.8);
  margin-top: calc(var(--fs) * -0.8);
}
a.link-btn.link-btn--not::after {
  all: initial;
}
a.link-btn.link-btn--dwn::after {
  margin-top: calc(var(--fs) * -0.4);
  transform: translateX(calc(var(--rs) * -1)) rotate(90deg);
}
.text-lead-page {
  width: 96%;
  font-size: calc(var(--fs) * 1.3 + var(--rs) * 0.5);
  line-height: 1.8;
}
.text-lead-page b {
  color: #4e2c23;
  font-size: 115%;
}
.text-lead-catch {
  width: 94%;
  margin: 0.5em auto;
  color: #C50047;
  font-size:  calc(var(--fs) * 2.4);
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.4;
}
/*-------------------------------
 main _ 上書き
---------------------------------*/
main 	{
	padding-bottom: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: calc(var(--fs) * 1.4);
  overflow: hidden;
}
main img {
	vertical-align: middle;
}
main a	{
	/*color: var(--color-link-nml);*//*#0095d9*/
}
main a:focus, main *:focus	{
  outline:none; 
}
main .link-btn:not(.link-btn--detail) {
  /*background: #e95383;*/
  width: min(64rem, 100%);
  padding: 1em calc(var(--rs) * 3) 1em 1em;
  
 }
main small {
  font-weight: inherit;
  font-size: 80%;
}
/*-------------------------------
 Heading _ 上書き
---------------------------------*/
.heading-category-shoulder {
  margin: calc(var(--rs) * 0.5) auto calc(var(--rs) * 1);
  font-size: calc(var(--fs) * 1.2);
}
/*-------------------------------
 cardリスト _ 上書き
---------------------------------*/
ul.card > li 	{ background-color: #fff;}
.card > * a:not([class]) 	{
	color: var(--color-link-cmn);
}
.card--col1	{
	max-width: 96rem;
}

/*-------------------------------
 Bace _ Common Parts
---------------------------------*/
.note-list	{
  width: min(96%, 94rem);
	padding:0.5em 0;
	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 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.tango_list > li {
	flex: 0 1 auto;
}
.tango_list > li:not(:last-child)::after {
	content: "/";
	color: #ccc;
	display: inline-block;
	margin-left: .4em;
	margin-right: .4em;
}
.tango_list > li.tango-tit 	{
	display: block;
}
.tango_list > li.tango-tit::after	{ content: none;}

.tango_list > li.tango-cap 	{
margin-right: .5em;
}
.tango_list > li.tango-cap::after	{ 
content: "：";
color: inherit;
margin-left: 0;
margin-right: 0;
}
.list-brackets {
}
.list-brackets::before	{ content: "( ";}
.list-brackets::after	{ content: " )";}


dl.tb-dtl {
  display: flex;
  /*line-height: 1.4;*/
  /*flex-wrap: wrap;*/
}
dl.tb-dtl > dt {
  padding: .1rem;
  flex-shrink: 0;
}
dl.tb-dtl > dt::after {
  content: "：";
}
dl.tb-dtl > dd {
  padding: .1rem;
}

/*-------------------------------
 common parts
---------------------------------*/
/* text */
.txtl	{ text-align: left !important;}
.txtc	{ text-align: center !important;}
.txtr	{ text-align: right !important;}
/* 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;}
/* Font_Icon */
.fa, .fab, .fal, .far, .fas {
  text-indent: 0 !important;
}
/* Font_Size */
.fs--08	{ font-size: calc(var(--fs) * 0.8);}
.fs--09	{ font-size: calc(var(--fs) * 0.9);}
.fs--10	{ font-size: calc(var(--fs) * 1.0);}
.fs--11	{ font-size: calc(var(--fs) * 1.1);}
.fs--12	{ font-size: calc(var(--fs) * 1.2);}
.fs--13	{ font-size: calc(var(--fs) * 1.3);}
.fs--14	{ font-size: calc(var(--fs) * 1.4);}
.fs--15	{ font-size: calc(var(--fs) * 1.5);}
.fs--16	{ font-size: calc(var(--fs) * 1.6);}
.fs--17	{ font-size: calc(var(--fs) * 1.7);}
.fs--18	{ font-size: calc(var(--fs) * 1.8);}
.fs--20	{ font-size: calc(var(--fs) * 2.0);}
.fs--22	{ font-size: calc(var(--fs) * 2.2);}
.fs--24	{ font-size: calc(var(--fs) * 2.4);}
.fs--26	{ font-size: calc(var(--fs) * 2.6);}
.fs--28	{ font-size: calc(var(--fs) * 2.8);}
.fs--30	{ font-size: calc(var(--fs) * 3.0);}
.fs--xx-small	{ font-size: xx-small;}	/*60%*/
.fs--x-small	{ font-size: x-small;}	/*75%*/
.fs--small	{ font-size: small;}	/*88.8%*/
.fs--medium	{ font-size: medium;}	/*100%*/
.fs--large	{ font-size: large;}	/*120%*/
.fs--x-large	{ font-size: x-large;}	/*150%*/
.fs--xx-large	{ font-size: xx-large;}	/*200%*/
.fw--normal { font-weight: normal;}
.fw--bold { font-weight: bold;}
.fw--strong{
  font-size: 125%;
  font-weight: bold;
}
.fw--emphasis {
  font-size: 112.5%;
}
.text__strong  {
  font-size: 115%;
  font-weight: bold;
}
.text__bold	{
	font-weight: bold;
}
.text__noidt	{
	text-indent: 0 !important;
}
.text__dec_del	{
	text-decoration: line-through;
	filter: grayscale(100%);
	opacity: .8;
}
/*Font Color*/
.red	{ color: #ff0033;}
.red_d	{ color: #cc0033;}
.pink	{ color: #FC8E9B;}
.ruby	{ color: #d83473;}
.red_rose	{ color: #B92E55;}
.red_wine {color: var(--color-sc-dark);}
.yellow	{ color: #ffd700;}
.yellow-gold	{ color: #F4CA4B;}
.orange { color: #EA8236;}
.green	{ color: #698a2f;}
.gray	{ color: #aaa;}
.gray_d	{ color: #666;}
.brown {color: #694B44;}
.white	{ color: #fff;}
/*Font Text Color*/
.tc-inport	{ color: #EA336E;}
.tc-link-nml	{ color: var(--color-link-nml);}
/*Font deco*/
.marker_red	{ background: linear-gradient(transparent 60%, #ffc1c1 60%);}
.marker_pnk	{ background: linear-gradient(transparent 60%, #ffdfee 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%, #ffffc1 60%);}
.marker_yellow	{ background: linear-gradient(transparent 60%, #FFE67A 60%);}
.marker_sabbia	{ background: linear-gradient(transparent 60%, #FFEEAC 60%);}
.marker_gry	{ background: linear-gradient(transparent 60%, rgba(50,50,50,0.15) 60%);}
/* space */
.mt0  { margin-top: 0 !important;}
.mt10 { margin-top: calc(var(--rs) * 1.0) !important;}
.mt15 { margin-top: calc(var(--rs) * 1.5) !important;}
.mt20 { margin-top: calc(var(--rs) * 2.0) !important;}
.mt30 { margin-top: calc(var(--rs) * 3.0) !important;}
.mt40 { margin-top: calc(var(--rs) * 4.0) !important;}
.mb0  { margin-bottom: 0 !important;}
.mb10 { margin-bottom: calc(var(--rs) * 1.0) !important;}
.mb15 { margin-bottom: calc(var(--rs) * 1.5) !important;}
.mb20 { margin-bottom: calc(var(--rs) * 2.0) !important;}
.mb30 { margin-bottom: calc(var(--rs) * 3.0) !important;}
.mb40 { margin-bottom: calc(var(--rs) * 4.0) !important;}
.ml0 { margin-left: 0 !important;}
.ml10 { margin-left: calc(var(--rs) * 1.0) !important;}
.ml15 { margin-left: calc(var(--rs) * 1.5) !important;}
.ml20 { margin-left: calc(var(--rs) * 2.0) !important;}
.ml30 { margin-left: calc(var(--rs) * 3.0) !important;}
.mr0 { margin-right: 0 !important;}
.mr10 { margin-right: calc(var(--rs) * 1.0) !important;}
.mr15 { margin-right: calc(var(--rs) * 1.5) !important;}
.mr20 { margin-right: calc(var(--rs) * 2.0) !important;}
.mr30 { margin-right: calc(var(--rs) * 3.0) !important;}
.mt-auto	{ margin-top: auto !important;}
.mb-auto	{ margin-bottom: auto !important;}
.ml-auto	{ margin-left: auto !important;}
.mr-auto	{ margin-right: auto !important;}
.pd0	{ padding: 0 !important; }
.pd-top0	{ padding-top: 0 !important; }
.pd-btm0	{ padding-bottom: 0 !important; }
.ovf-hide	{ overflow: hidden !important; }/*枠外へのはみ出し不可*/
.ovf-vsbl	{ overflow: visible !important; }/*枠外へのはみ出し許可*/
.ovf-auto	{ overflow: auto !important; }
.dno,.nodsp { display: none !important; }
.dbk { display: block; }
.shdw-light	{ box-shadow: 0 .2rem 1rem -.2rem rgba(50,25,0,0.3); }
.shdw-dark	{ box-shadow: 0 .2rem 1rem -.2rem rgba(50,25,0,0.8); }

/* ==================== Common Layout END ==================== */



/* =================== SP START =================== */

/*-------------------------------
 layout _ 上書き
---------------------------------*//*  SP-ALL */
.width-full	{
	max-width: 100%;
	position: relative;
}
.container-wide	{
max-width: var(--width-site);
margin: 2rem auto;
position: relative;
}
.container.container-padding {
  padding: 3vmin 3vw;
}
.text-lead-page.ta-l {text-align: left;}
.text-lead-page.ta-r {text-align: right;}
.text-lead-page.ta-c {text-align: center;}



/*-------------------------------
 layout _ メイン画像
---------------------------------*//*  SP-ALL */
.event-main-area	{
	text-align: center;
}
.event-main-img,
.event-titlebar	{
overflow: hidden;
display: block;
margin-left: auto;
margin-right: auto;
}
.event-main-img > img,
.event-main-img > a > img 	{
width: 190%;
margin-left: -45%;
max-width: none;
display: block;
}
.event-main-img.fair-top > img 	{
width: 170%;
margin-left: -35%;
max-width: none;
display: block;
}
.event-titlebar > img,
.event-titlebar > a > img 	{
width: 200%;
margin-left: -50%;
max-width: none;
display: block;
}
.event-main-img > a:hover > img,
.event-titlebar > a:hover > img 	{
	opacity: 1;
}

.model-lineup-txt {
	margin: 0;
	font-size: var(--fs-xs);
	text-align: left;
	color: #674A42;
	display: flex;
	flex-wrap: wrap;
	background: rgba(238,220,180,.9);
	background: hsla(43, 72%, 81.8%, 0.88);
	padding: 1em;
	line-height: 1.4;
	justify-content: center;
	 border-bottom: .1rem solid #EDDCB1; 
  /*opacity: .8;*/
}
.model-lineup-txt > * {
	flex: 0 0 auto;
	position: relative;
}
.model-lineup-txt > dt::after {
  content: ": ";
  margin-right: .5em;
}
.model-lineup-txt > dd:not(:last-child)::after {
	content: " / ";
	opacity: .4;
	filter: grayscale(1);
	margin-left: .5em;
	margin-right: 1em;
}

/*-------------------------------
 個別背景
---------------------------------*//* SP-ALL */	
.bg_none	{ background-color: transparent;}

.bg_screen_white09	{ background: rgba(255,255,255,.9);}
.bg_screen_white08	{ background: rgba(255,255,255,.8);}
.bg_screen_white07	{ background: rgba(255,255,255,.7);}
.bg_screen_white06	{ background: rgba(255,255,255,.6);}
.bg_screen_white05	{ background: rgba(255,255,255,.5);}
.bg_screen_white04	{ background: rgba(255,255,255,.4);}
.bg_screen_white03	{ background: rgba(255,255,255,.3);}
.bg_screen_white02	{ background: rgba(255,255,255,.2);}
.bg_screen_white01	{ background: rgba(255,255,255,.1);}

.bg_screen_bisque {
	background: rgba(244, 225, 179, 0.5);
	background: hsla(39.7, 70.8%, 62.4%, 0.31);
}

.bg_gradient-white01 { background: linear-gradient(180deg,rgba(255, 255, 255, .7) 0%,rgb(255, 255, 255) 50%,rgb(255, 255, 255) 100%);}


.bg_color--white	{ background-color: #fff;}
.bg_color--whitesmoke	{
  background-color: #F9F9F9;
  border-top: 0.1rem solid var(--color-gry-smoke);
  border-bottom: 0.1rem solid var(--color-gry-smoke);
}
.bg_color--ecrubeige	{ background: rgba(255, 252, 241, 0.9);}


.bg_texture_watercolor-pink	{
	background: url(/event/dolpa_after/assets/image/common_bg_pt02.png) #FFF8F7;
}

.bg_content01	{
}
.bg_content01::after	{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:#F7E9CE url(/event/sumikafair/assets/image/bg_all.jpg) 50% 0% repeat;
	background-size:150% auto; 
}
.bg_content02	{
	background: url(/event/sumikafair/assets/image/bg_ptn02.jpg) 50% 0 repeat #DDCBA5;
}
.bg_content03	{
	background: url(/event/sumikafair/assets/image/bg_ptn03.jpg) 50% 0 repeat #DDCBA5;
}
.bg_content04	{
	background: url(/event/sumikafair/assets/image/bg_ptn04.jpg) 50% 0 repeat #DDCBA5;
}

/*-------------------------------
 INFOBOX
-----------------------------*/
/* SP-ALL */
.event_detal {
  width: min(100%, 96rem);
  padding: calc(var(--fs) * 1);
  margin: calc(var(--rs) * 4) auto;
  background: #fff;
  box-shadow: var(--bs-cmn);
  font-size: calc(var(--fs) * 1.6);
  border: none;
  border-top: .5rem solid #AE8A7F;
  position: relative;
}
.event_detal > dl {
  display:flex;
  flex-direction: column;
  align-items: baseline;
  width:100%;
  line-height:1.4;
}
.event_detal > dl + dl {
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px dotted #aaa;
}
.event_detal > dl > dt { padding: calc(var(--fs) * 0.3); color:#96776E; }
.event_detal > dl > dd { padding: calc(var(--fs) * 0.3); flex-grow: 1;}
.event_detal > p:not([class]) { padding:  calc(var(--fs) * 0.3); }
.event_detal > ul {}
.event_detal .note-list {
  width: 100%;
}
.ep_about-box + .event_detal {
  padding-top: 1.5em;
}
/* TB */
@media (min-width: 560px) {
  .event_detal > dl { flex-direction: row;}
  .event_detal > dl > dt { min-width: 7em; margin-right: 0.5em;}
}
/*-------------------------------
 NEWSBOX - S
-----------------------------*/
/* SP-ALL */
.news-box-red	{
  width: min(100%,88rem);
	padding: 1rem;
	margin: 2.5rem auto;
	background: #fff;
	border: #c11212 solid .3rem;
	text-align: center;
	color: #fff;
}
.news-box-red > a 	{
	color: #c11212;	
}
.news-box-red > .link-text__deco--more::after	{
	border-color: #c11212;
}
.sanka-dtl-wrap {
	background: #fff;
	border: .1rem solid #694A44;
	margin: 2rem auto;
	width: min(100%,88rem);
	position: relative;
	box-shadow: var(--bs-cmn);
}
.sanka-dtl-tit {
	padding: 0.5em;
	margin: 0 auto;
	color: #fff;
	background: #694A44;
	font-size: calc(var(--fs-xxl) * 1.0);
	line-height: 1.4;
	text-align: center;
}
/*-------------------------------
 VS・VIP・GL会員
-------------------------------*/
/* SP-ALL */
.balloon_note_box {
	width: min(96%, 94rem);
	position: relative;
	padding: 1rem 2%;
	margin: 1rem auto;
	border-radius: 2rem;
	background: rgba(255, 219, 219, 0.75);
}
.members__note__wrap {
  margin: calc(var(--fs) * 2) auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}
.members__note__wrap.border-wrap {
	padding: 1em;
	border-radius: 1.5rem;
	background: #FCE6E3;
}
.members__note__wrap.dsd-wrap {
	padding: calc(var(--rs) * 1);
	border-radius: calc(var(--fs) * 1.5);
	background: #f8ebeb;
}
.members__note__icon {
  flex: 1;
  max-width: 6rem;
  margin-right: 1rem;
  text-indent: 0;
}
.members__note__text  {
  flex: 6;
  text-indent: 0;
}
.members__note__link {
  width: 98%;
  margin: 1em auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: flex-end;*/
}
.members__note__link a{ font-weight: bold;}
/*-------------------------------
  Purchase INFO
---------------------------------*//* SP-ALL */
.sales-method__wrap  {}

.sales-method__info  {
  width: 100%;
  position: relative;
  border-collapse: separate;
  border-spacing: 1rem .2rem;
  margin: 0 auto 1vmax;
border: 1px solid #222;
background: #fff;
}
.sales-method__title,
.sales-method__info caption {
  width: 100%;
  color: #fff;
  padding: 1em 1rem;
  font-size: var(--fs-xxl);
  position: relative;
  background: #222;
  border: none;
  margin-bottom: 0;
}

.sales-method__info caption > p + p {
  border-top: 1px solid;
  margin: .5em auto 0;
  padding-top: .5em;
  width: auto;
  display: inline-block;
}

.sales-method__info__icon {
  text-align: center;
  position: relative;
  /*width: min(50%, 30rem);*/
  width: min(80%, 30rem);
  margin: 0 auto;
}
  .sales-method__info__icon.logo_abreast {
  display: flex;
  align-items: center;
  justify-content: center;
  }
.sales-method__info__icon img {
  object-fit: contain;
}

.sales-method__info tr {
}
.sales-method__info th,
.sales-method__info td{
  padding: .5rem;
  line-height: 1.4;
  position: relative;
  font-size: var(--fs-ml);
  text-align: left;
  vertical-align: top;
}
.sales-method__info th {
  font-weight: normal;
  /*padding-right: 1em;*/
  min-width: 6em;
}
.sales-method__info th::after {
  content: "：";
  position: absolute;
  right: -0.1em;
  opacity: 0.5;
  font-weight: normal;
}
.sales-method__info td {
}
.sales-method__info td em,
.sales-method__info td strong {
  vertical-align: baseline;
}
.sales-method__info a.lnkRibon  {
  background: var(--color-link-cmn);
  width: min(90%,60rem);
  margin-top: 0;
}
.sales-method__info a.lnkRibon.pre {
  background: #bfbfbf;
  color: #fff;
}

a.lnkBtnIG {
    background: linear-gradient(270deg, #BC32A4 0%, #E03768 50%, #F67C33 100%);
}
a.lnkBtnIG {
    box-shadow: 0 0.2rem 0.2rem 0 rgb(50 50 50 / 20%);
    font-size: calc(var(--fs) * 1.6);
    width: min(94%, 80rem);
    padding: 1.5rem 2rem;
    margin: 1em auto;
    display: block;
    line-height: 1.5;
    letter-spacing: 0.05em;
    position: relative;
    color: #fff;
    text-align: center;
    border-radius: .5rem;
    clear: both;
}
a.lnkBtnIG:hover {
    filter: brightness(1.1);
    transition: all .2s;
    text-decoration: none;
}
.eventday-guide {
	width: min(96%, 84rem);
  display: block;
  text-align: center;
	padding: 2rem;
	margin: 1rem auto;
	background: #FCE5A6;
	border-radius: calc(var(--rs) * 1.5);
	font-size: var(--fs-l);
}
.eventday-guide:hover {
  text-decoration: none;
}
/*-------------------------------
 イベントプログラム一覧
---------------------------------*//* SP-ALL */
.eventprogram {
  padding: calc(var(--fs) * 1) 0;
  margin-top: calc(var(--rs) * 4);
}
.eventprogram-title {
  width: min(64%, 48rem);
  margin: 0 auto calc(var(--rs) * 1);
  text-align: center;
}
/*カードリスト：レイアウト上書き*/
.prgrm-list-wrap	{
  width: min(98%, 130rem);
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
 ul.card.prgrm-list-wrap > li 	{
  display: flex;
  flex-direction: column;
  background: #fff;
  /*box-shadow: 0 .2rem .5rem rgba(0,0,0,0.2);*/
  transition: box-shadow .1s ease-in;
   margin-bottom: 1.5rem;
}
.card__text {
  font-size: calc(var(--fs) * 1.4);
}
.prgrm-list-wrap .card__tit--bold	{
  padding: 1em calc(var(--fs) * 1) 0.5em;
  font-size: calc(var(--fs) * 1.8);
  margin-bottom: 0;
  text-align: left;
}
.prgrm-list-wrap .card__tit--bold.ta-c {
  text-align: center;
}
.prgrm-list-wrap .card__tit--bold.ta-r {
  text-align: right;
}
.prgrm-list-wrap .card__text	{
  width: min(100%,var(--width-cont));
}
.prgrm-list-wrap .card-news__data	{
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 0;
}
.prgrm-list-wrap .card__time	{
  padding: calc(var(--fs) * 1);
}
.t_dec_sub01,
.t_dec_sub02 {
  font-size: calc(var(--fs) * 1.3);
  display: inline-block;
}
.t_dec_sub01 { /*color:#CE768B;*/}
.t_dec_sub02	{ color:#936161;}
.card__btn {
  position: relative;
  bottom: auto;
  margin-top: auto;
  text-align: center;
}
a.link-btn:not([href]) {
  pointer-events: none;
  cursor: default;
  background: #eee;
  color: #999;
  filter: grayscale(1);
}
a.link-btn:not([href])::after {
  content: none;
} 
.card__period	{
  width: 100%;
  margin-bottom: 0;
}
/*例外商品*/
#prgrm-extra-box {
  border: .1rem solid #ecd8be;
  padding: 1vw;
  margin-bottom: 2rem;
  background: #fff5e1;
}
/*カードリスト：リンク準備中*/
ul.card.prgrm-list-wrap > li.pre a.bnr_link {
  pointer-events: none;
  cursor: default;
}
ul.card.prgrm-list-wrap > li.pre a.link-btn	{
  pointer-events: none;
  cursor: default;
  background: #eee;
  color: #999;
}
ul.card.prgrm-list-wrap > li.pre a.link-btn::after {
  content: none;
}
/*カードリスト：ラベル*/
.card-event-data {
  padding: 0 1rem;
}
.card__label { font-size: calc(var(--fs) * 1.2);}
.card__label-event { background-color: #333; color: var(--color-white);}
.card__label-event.label--sl-yyk { background: #232879;}
.card__label-event.label--sl-crt { background: #333;}
.card__label-event.label--sl-lot { background: #df8551;}
.card__label-event.label--sl-auc { background: #FFDA44; color: #111;}
.card__label-event.label--sl-aft { background-color: #936161; color: var(--color-white); }

.card__label-event.label--at { }
.card__label-event.label--at-yahoo { background-color: #FFDA45; color:#252525;}
.card__label-event.label--at-volks { background-color: #78162C;}
.card__label-event.label--at-social { background-color: #B2DFFC; color: #333;}
.card__label-event.label--at-youtube { background-color: #CC0000; }

.card__label-event.label--fee { }
.card__label-event.label--mbr { }
.card__label-event.label--mbr-vsvip { background: #C50047; }
.card__label-event.label--mbr-vip { background: #EA336E; }
.card__label-event.label--mbr-free { background-color: #E6E5E4; color: #111;}

.card__label.card__label-event > a,
.card__label.card__label-event > a:hover { color: inherit;}

/*-------------------------------
 イベント受付店舗○×表
---------------------------------*//* SP-ALL */
.event-schedule {
  width: min(96%, 88rem);
  margin: 2rem auto 1rem;
  background: #777;
  border-collapse: separate;
  border-spacing: 1px;
  font-size: calc(var(--fs) * 0.6 + var(--rs) * 1.0);
  color: var(--color-main);
}
.event-schedule th,
.event-schedule td {
  text-align: center;
  vertical-align: middle;
}
.event-schedule th {
	padding: 0.5em 0;
	background: #F2E7C9;
	font-weight: bold;
}
.event-schedule th.event-start {
	background: #FCE5A6;
}
.event-schedule td {
  padding: 0;
  background: #fff;
}
.event-schedule td:not([class]) {
	width: 30%;
	padding: 0.5em 1em;
	line-height: 1.3;
	vertical-align: middle;
}
.event-schedule td:not([class]) a,
.event-schedule td:not([class]) b {
  min-height: 4em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-weight: bold;
}
.event-schedule td[class] {
  width: 10%;
}
.event-schedule td.evs-closed {
  background: #e1e1e1;
}
.event-schedule td.evs-open span {
  font-size: 150%;
}
.event-schedule td sup {
  color: #FF003C;
  margin-right: -1.5em;
  font-size: 10px;
}
.event-schedule + ul.note-list {
  width: min(98%, 88rem);
  margin-inline: auto;
}
/*-------------------------------
 イベント詳細
---------------------------------*//* SP-ALL */
.sc-detail-area	{
	padding-top: 3vh;
	padding-bottom: 3vh;
}
/* override for base.css */
.navi-local {
  margin: 0 auto;
}
/* override for layout.css */
.news-list--frame {
  background: #fff;
  border-color: #b8a68e;
}
.news-list__tit {
  background: #734a42;
}
/* override for adjust_news.css */
.news {
  max-width: 100%;
  padding: 0;
}
.news-tit,
.news-date{
  display: none;
}
article + .pagination	{
	display: none;
}


/*-------------------------------
 イベント共通パーツ
---------------------------------*//* SP-ALL */	
/*項目BOX*/
.cntsInner	{
	position: relative;
	margin: 0 auto 4vh;
	padding: 4%;
	width: 94%;
}
.cntsInner.pd0	{
	padding: 0;
}
.text-honbun	{
	line-height: 1.6; margin-bottom:1rem; padding: 0 1.5rem;
}
.cntsInner-txt-wrap {
  width: min(96%, 90rem);
  margin: 1rem auto;
}
/*-------------------------------
 イベント詳細
---------------------------------*/
ol.howto-list {
  padding-left: 1.5em;
  font-size: calc(var(--fs) * 1.8);
  list-style: decimal;
}
ol.howto-list li::marker {
  color: var(--color-main);
}
ol.howto-list > li {
  margin-bottom: 1em;
}
/*-------------------------------
 天使のすみか　店舗リスト
---------------------------------*/
.nest-list {
  margin-bottom: 0.5em;
	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: " )";
}
/*-------------------------------
 コーディネートモデル販売
---------------------------------*//* SP-ALL */	
.cdm-detail-container {
  width: min(100%, 96rem);
  padding: calc(var(--fs) * 2) 1% calc(var(--fs) * 4);
  margin: calc(var(--rs) * 2) auto 0;
  /*background: #AE8A7F;*/
  background: 
    linear-gradient(180deg, #faf7ef 0%, transparent 20%,transparent 80%,#AE8A7F 100%),
    url("https://dollfie.volks.co.jp/sd/special/sdm10th/assets/image/bg_inner02.jpg") 50% 0 / 100% auto repeat
    ;
  border-bottom: 2px solid #fff;
  box-shadow: var(--bs-cmn);
  color: #4e2c23;
  font-size: calc(var(--fs)* 1.6);
  position: relative;
}
.cdm-detail-container + .event_detal {
  margin-top: 0;
}
/*cdm point*/
.cdm-point {
  width: 98%;
  padding-left: 1.5em;
  margin: 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: calc(var(--fs)* 1.7);
  font-weight: bold;
  list-style: disc;
}
.cdm-point li {
  margin-bottom: 0.5em;
  line-height: 1.3;
}
/*cdm spec*/
table.cdm-spec {
  width: 100%;
  margin: 1em auto 0;
  background: #fff;
  border: calc(var(--rs) * 1) solid #fff;
  box-shadow: var(--bs-cmn);
}
.cdm-spec th {
  width: 6.5em;
  padding: 0.25em;
  line-height: 1.3;
}
.cdm-spec td {
  padding: 0.25em;
}
.cdm-spec td .note-list {
  width: 100%;
}
.cdm-spec .price-tag {
  background: #4e2c23;
}
.price-tax strong {
  font-size: calc(var(--fs) * 2);
}

/*-------------------------------
 フルチョイスシステム：事前予約
---------------------------------*//* SP-ALL */
/* FCS 予約説明 */
.fcs-yoyaku-boxwrap	{
  margin: calc(var(--rs) * 2) auto;
  padding: calc(var(--rs) * 1.5);
	border: .5rem double #694B44;
	background: rgba(255, 255, 255, 0.8);
  width: min(calc(100% - var(--rs) * 3.0), 96rem);
}
.fcs-yoyaku-boxwrap > .rerated-link {
  display: block;
  margin-bottom: 0;
  box-shadow: none;
  background: none;
  width: min(90%, 64rem);
}
.fcs-yoyaku-boxinnr {
	position: relative;
	padding: 0 0 1rem;
}
.fcs-yoyaku-tit {
	position: relative;
	border-bottom: .1rem solid #694B44;
	padding: 1rem 0 2rem;
	line-height: 1.4;
	font-weight: bold;
	font-size: calc(var(--fs-xxl) + .2vw);
	color: #694B44;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fcs-yoyaku-tit::after	{
	content: "";
	width: 100%;
	height: 0.3rem;
	background: #694B44;
	position: absolute;
	left: 0;
}
	.fcs-yoyaku-tit::after	{
		bottom: 0.4rem;
	}
.fcs-yoyaku-tit-ico	{
	flex: 0 0 7.5rem;
	max-width: 20%;
	margin-top: -2rem;
	margin-bottom: -2rem;
	position: relative;
	z-index: 1;
}
.fcs-yoyaku-tit-txt	{
	align-self: center;
	max-width: 90%;
}

.fcs-yoyaku-ftr{
	background: #694B44;
	padding: 0.8rem 1rem 1rem;
	text-align: center;
	color: #fff;
	margin: 0;
	}
/* FCS 予約テーブル */
.fcs-appointment	{ 
	width: 100%;
	position: relative;
	border-collapse: collapse;
	line-height: 1.5;
	background: #fff;
	border: .2rem solid #694B44;
	margin: 0 auto 1em;
}
.fcs-appointment caption	{ 
	padding: 2rem 0;
	text-align: center;
	font-size: calc(var(--fs) * 1.6);
}
.fcs-appointment tr	{}
.fcs-appointment th,
.fcs-appointment td 	{
	display: block;
}
.fcs-appointment th	{
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 1em;
  font-size: var(--fs-l);
}
.fcs-appo-kikan{ background: #694B44;}
.fcs-appo-store{ background: #AE8A7F;}

.fcs-appointment td	{
vertical-align: middle;
padding: 1.5rem;
text-align: left;
}
.fcs-logo-stores	{
	padding: 0.5em 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.fcs-logo-stores dt	{
	width: 13%;
	margin-right: 2%;
}
.fcs-logo-stores dd	{
	width: 85%;
}


/*-------------------------------
 ワンオフモデル
---------------------------------*//* SP-ALL */
  .bg-oneoff {
    background: linear-gradient(180deg,hsla(45.4, 78.7%, 81.6%, 0.49) 0%,hsla(0, 0%, 100%, 0.58) 50%,#FCF7EC 100%);
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .bg-oneoff .container {
    max-width: none;
    width: min(100%, 108rem);
  }
  .event_detal {
    margin: 0 auto;
  }
  .ic-down-arrow {
    margin: 0 1em;
    color: #555;
    font-size: calc(var(--fs) * 2);
  }
  /* ABOUT モデルとは
  -----------------------------*/
  .ep_about-box {
    width: min(100%, 96rem);
    padding: calc(var(--fs) * 1.5);
    margin: 0 auto;
    line-height: 1.6;
    position: relative;
    z-index: 1;
    box-shadow: 0 .3rem .7rem rgba(0, 0, 0, 0.2);
    background: hsla(28.4, 100%, 11.2%, 0.7);
    color: #fff;
  }
  .ep_about-box > dt,
  .ep_about-box > dd {
    padding: calc(var(--rs) * 0.5) 0;
    text-align: left;
  }
  .ep_about-box > dt {
    font-size: calc(var(--fs) * 2.0); 
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5em;
    margin-bottom: calc(var(--fs) * 1);
  }
  .ep_about-box > dd + dt {
    margin-top: 2em;
  }
  .ep_about-box > dd {
    font-size: calc(var(--fs) * 1.5);
    align-self: center;
  }
  .ep_about-box a {
    padding: 0 1em;
    background: #fff;
    border-radius: 1em;
  }
  .ep_about-pic {
    width: min(40%, 30rem);
    margin: 0.5em 0 0.5em 0.5em;
    position: relative;
    background: #fff;
    padding: calc(var(--rs) * 0.4);
    box-shadow: 0 2px 5px 2px rgb(0 0 0 / 20%);
    float: right;
  }
  .ep_about-note {
    font-size: calc(var(--fs) * 1.2);
    text-align: right;
  }
/* gallery- Instagram */
.gallery-Insta {
  padding: 0 .5rem;
  margin: 1rem auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.gallery-Insta__list   {
  /*width: 100%;*/
  width: calc(100% / 2 - 1rem);
  margin: .5rem;
  border-radius: 0.3rem;
  line-height: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .1rem .2rem 0 rgba(70, 50, 50, 0.3);
}
.gallery-Insta__list > iframe {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/*-------------------------------
  共通：特設サイト関連リンク-TOPへ戻るリンク
---------------------------------*//* SP-ALL */
.rerated-link {
  width: min(94%, 86rem);
  padding: 0;
  margin: calc(var(--fs) * 2) auto;
  background: var(--color-white);
  box-shadow: 0 1px calc(var(--rs) * 0.6) 0 rgb(0 0 0 / 40%);
}
.rerated-link:hover {
  filter: opacity(0.8);
}

  .rerated-link > img {
    object-fit: contain;
  }
@media (min-width: 560px) {
  .rerated-link {
    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);
  font-size: calc(var(--fs) * 1.6);
  text-align: center;
}
.rerated-link__text small {
  line-height: 1.3;
  display: inline-block;
}
/*layout_common.css上書き*/
.pagination	{
  width: min(94%, 86rem);
  margin-bottom: 0;
}
.pagination__page > a 	{
  background: #f0f0f0;
  border-radius: 100rem !important;
  padding: 1em 1.5em;
}

/*-------------------------------
 アプリ誘導パーツ
-------------------------------*/
.common-appInfo-wrap {
  background: #F5F1E8;
  border-top: .1rem solid #e6e6e6;
}
.common-appInfo-wrap .common-appInfo {
	margin: 0 auto;
	border: none;
	padding: 2rem 1% 3rem;
}

/* ==================== SP END ==================== */





/* =================== TB START =================== */
@media (min-width: 560px) {

/*-------------------------------
 個別背景
---------------------------------*//* TB */	
.bg_content01::after	{
	background-size: auto;
}

/*-------------------------------
 フルチョイスシステム：事前予約
---------------------------------*//* TB */
.fcs-yoyaku-boxwrap	{
	border: .3rem solid #694B44;
}
.fcs-yoyaku-boxinnr {
    padding: var(--fs-xl);
	}

.fcs-yoyaku-tit-ico {
	flex: 0 0 7.5rem;
	max-width: 20%;
	margin-top: -2rem;
	margin-bottom: -2rem;
}
.fcs-appointment tr + tr	{ border-top: .1rem dashed #694B44;}
.fcs-appointment th,
.fcs-appointment td 	{
	display: table-cell;
}
.fcs-appointment th	{
	min-width: 10em;
}
	
	
/*-------------------------------
 ワンオフモデル
---------------------------------*//* TB */

	
}
/* ==================== TB END ==================== */



/* =================== MD START =================== */
/* dollfie-common-style.css の上書き */

@media (min-width: 835px) {
/* メインとヘッダーイメージは最大1920pxまで */	
.event-main-img,
.event-titlebar {
	max-width: 192rem;
	margin-left: auto;
	margin-right: auto;
	}
.event-main-img.fair-top > img ,
.event-main-img > img,
.event-main-img > a > img,
.event-titlebar > img,
.event-titlebar > a > img	
		{
	/*伸縮無し*/
	position: relative;
	width: 192rem;
	left: 50%;
	margin-left: -96rem;
	}
/*-------------------------------
 フルチョイスシステム：パーツ品番表
---------------------------------*//* MD */
/*FCSテーブル：共通パーツ*/
  .fcsNew-list-bdysize {
    font-size: var(--fs-ms);
  }
	table.fcsNew-list-bdysize tbody th:first-child 	{
		width: 18%;
	}
/*-------------------------------
 会員入会誘導by50th
---------------------------------*//* MD */

  
}
/* ==================== MD END ==================== */




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

/*-------------------------------
 base.css 上書き
---------------------------------*//* PC */

/*-------------------------------
 layout _ メイン画像
---------------------------------*//* PC */

/*-------------------------------
  会員限定
---------------------------------*//* PC */
/*-------------------------------
  Purchase INFO
---------------------------------*//* PC */
.sales-link__list__item {
  width: calc(50% - 2rem);
}
.sales-method__info th, .sales-method__info td {
  font-size: calc(var(--fs) * 1.6);
  }

/*-------------------------------
 イベントプログラム一覧
---------------------------------*//* PC */
.prgrm-ribbon	{
}
.card__tit--bold.tit-larger-pc	{
	font-size: var(--fs-xxl);
}

/*-------------------------------
 イベント詳細
---------------------------------*//* PC */
.sc-detail-area	{
	padding-top: 4vh;
	padding-bottom: 4vh;
}
/*-------------------------------
 イベント共通パーツ
---------------------------------*//* PC */	
.cntsInner	{
	padding: 3rem;
	max-width: var(--width-cont);
}

/*-------------------------------
 フルチョイスシステム：事前予約
---------------------------------*//* PC */
	
/*-------------------------------
 ワンオフモデル
---------------------------------*//* PC */
.gallery-Insta__list{
  width: calc(var(--col4) - 2rem);
  margin: 1rem;
}


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


/* =================== MAX START =================== */
@media (min-width: 1280px) {
}
/* ==================== MAX END ==================== */


/* =================== Magnific Popup レスポンシブ上書き =================== */

/*ポップアップ インライン用*/
.popup-inline-box {
	position: relative;
	margin:1px auto;
	max-width: var(--width-box);
	background: #fff;
	padding: 1.5rem;
	line-height: 1.5;
	font-size: var(--fs-m)
}
.popup-inline-box h1,
.popup-inline-box h2,
.popup-inline-box h3,
.popup-inline-box h4,
.popup-inline-box h5, 
.popup-inline-box h6	{
}
.popup-inline-box p,
.popup-inline-box ul{
}
.popup-inline-box .image img {
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto;
}
.popup-inline-box .image,
.popup-inline-box .popup-modal-dismiss {
	text-align: center;
}
.popup-inline-box .popup-modal-dismiss a {
display: none !important;
}