@charset "utf-8";
/* CSS Document */


/********************************************************

天使のすみか　ららぽーと船橋　さよならフェア（更新日：2020.7.23）

********************************************************/

main {
	font-size: var(--fs-m);
	color: var(--color-brwn);
	background: #EDDCB1 url(/assets/image/news/dpakiba-sumika200718_03.jpg) 50% 50% repeat;
    background-size: 18rem;
	padding-bottom: 0;
}

.br-off { display: none; }
.sp-off { display: block; }
.dis_pc { display: inherit; }
.dis_sp { display: none; }

@media screen and (max-width: 560px) { /* PC only */
	.br-off { display: block; }
	.sp-off { display: none; }
	.dis_pc { display: none!important; }
	.dis_sp { display: inherit; }

}


/************************************************
	ヘッダー部分
************************************************/

div.sumika_header {
	text-align: center;
	margin: 0 auto;
	background-image: url("/event/sumika/assets/20200808/bg_lalap_sky.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 50%;
	padding: 4rem 1rem 8rem;
}

.lalap_header {
	min-height: 10rem;
	object-fit: cover;
}

div.__topAftrLnk {
	margin: 2rem auto 0;
}


div.news_container {
	max-width: 60rem;
	width: 100%;
	color: var(--color-white);
    padding: 1rem;
    margin: 2rem auto;
    background: var(--color-white);
    border: #c11212 solid .2rem;
    text-align: center;
}

div.news_container a { 
	font-size: var(--fs-ll);
	color: #c11212;
}

p.date {
	text-align: center;
    color: #621915;
    margin: 0 auto .5rem;
    font-weight: bold;
    font-size: calc(var(--fs-ml) * 1.4);
    line-height: 1.2;
}

p.date em { font-size: 135%; }
p.date small { font-size: 110%; }
p.note { 
	font-size: var(--fs-l); 
	color: #621915;
}

p.date , p.note {
	text-shadow: 
       .2rem  .2rem 1rem rgba(226, 236, 245, .6),
      -.2rem  .2rem 1rem rgba(226, 236, 245, .6),
       .2rem -.2rem 1rem rgba(226, 236, 245, .6),
      -.2rem -.2rem 1rem rgba(226, 236, 245, .6),
       .2rem  0 1rem rgba(226, 236, 245, .6),
       0  .2rem 1rem rgba(226, 236, 245, .6),
      -.2rem  0 1rem rgba(226, 236, 245, .6),
       0 -.2rem 1rem rgba(226, 236, 245, .6);
}

dl.sub_text {
	max-width: calc(var(--width-box) * 1.15);
	width: 100%;
	text-align: center;
	padding: 4rem;
	margin: 5rem auto 7rem;
	overflow: hidden;
	background-image: url("/event/sumika/assets/20200808/bg_lalap_common02.png"),url("/event/sumika/assets/20200808/bg_lalap_common.jpg");
	background-repeat: no-repeat , repeat;
	background-position: right top, right top;
	background-size: 60% , auto;
	position: relative;
	box-shadow: 0 0.1rem 0.6rem 0 rgba(0,0,0,0.2);
}

dt.sub_text__dt {
	font-size: var(--fs-xxl);
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	position: relative;
	z-index: 10;
	text-shadow: .1rem .2rem white;
}

dd.sub_text__dd {
	font-size: var(--fs-l);
	text-align: left;
	padding-top: 1.3em;
	position: relative;
	z-index: 10;
	text-shadow: .2rem .1rem .1rem white;
}

.pict_bg { 
	width: 60%;
	position: absolute;
	top: -4rem;
	right: -9rem;
	z-index: 1;
}

.pict_bg img { 
	width: 90%;
	height: 90%;
	object-fit: cover;
}

@media screen and (max-width:768px) { 
	.pict_bg { top: -2rem; right: -3rem; }
}

@media screen and (max-width:560px) {
	div.sumika_header { 
		background-size: 190%;
		padding: 2rem 1rem 4rem;
	}
	
	.lalap_header {
		min-height: 9rem; 
	}
	
	p.date , p.note { 
		font-size: var(--fs-l);
    	letter-spacing: -.04em;
		line-height: 1.4;
	}
	
	.pict_bg { top: -3rem; right: 0rem; width: 100%; }
	.pict_bg img { width: 100%; height: 100%; }
	
	dl.sub_text {
		background-size: auto;
		padding: 2rem;
		margin: 4rem auto;
		background-size: 90% , auto;
	}

	dt.sub_text__dt { 
    	font-size: var(--fs-xxl);
		padding-top: 45%; 
	}
	
	dd.sub_text__dd { font-size: var(--fs-ll); }
	
	dd.dn_pc { 
		display: block;
		position: absolute;
		top: 0;
		right: -4rem;
		width: 100%;
    	height: 100%;
		z-index: 1;
	}
}



/* イベントプログラム */

ul.ev_card {
	width: 100%;
	max-width: calc(var(--width-box) * 1.15);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

li.thum_card {
	width: calc(100% / 3 - 2rem);
	margin: 1rem;
	overflow: hidden;
	background: var(--color-white);
    box-shadow: 0 0 0.5rem 0 rgba(50,50,50,0.4);
}

li.thum_card img { display: block; }
li.thum_card > a { text-decoration: none; }

li.thum_card p { 
	font-size: var(--fs-ms);
	padding: 2rem 1rem;
	line-height: 1.4;
	display: block;
	height: 100%;
}

li.thum_card p:hover {
	background: #2e130c;
    color: var(--color-white);
    text-decoration: none;
}

p.ev_program {
	font-size: var(--fs-s);
    color: var(--color-brwn);
    position: relative;
    top: 2rem;
}

@media screen and (max-width:560px) {
	h2.evpro_logo img { width: 75%; max-width: 40rem; }
	li.thum_card { 
		width: calc(100% / 2 - 1rem);
		margin: .5rem;
	}
	li.thum_card p  { font-size: var(--fs-l); }
}



/************************************************
	イベント参加について
************************************************/

div.event_summry {
	position: relative;
    padding: 5rem 1rem;
    box-shadow: 0 0 0.5rem 0 rgba(50,50,50,0.4);
	background-color: rgba(256 , 256 , 256 , .7);
}

div.summry_innner {
	/*background-color: #fff;*/
	width: 100%;
	max-width: calc(var(--width-box) * 1.15);
	margin: 0 auto;
	padding: 6rem 4rem 4rem;
}

.smmry	{
	width: 100%;
	margin: 0 auto 3rem;
	}

.smmry caption	{
	font-family: 'Noto Serif JP', serif;
	padding: 0 0 1.5rem;
	margin-bottom: 3rem;
	border-bottom: 0.5rem solid #72513e;
	color: #532910;
	font-size: calc(var(--fs-xl) * 1.8);
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	position: relative;
	text-indent: 5rem;
}

.smmry caption::after {
	content:"";
	width:100%; height:0.1rem;
	background:#9F713E;
	position:absolute; left:0; bottom:0.2rem;
}

.smmry caption img.logo {
	position: absolute;
	top: -1rem;
	left: 0rem;
	height: 6rem;
}

.smmry th,
.smmry td {
	border: 0.1rem solid #9b766b;
	line-height: 1.4rem;
	vertical-align: text-top;
	color: #3b1609;
}

.smmry th {
	font-size: var(--fs-xxl);
	color: #2e130c;
	width: 7em;
	padding: 2rem 0 1rem;
	background:#ebe0d6;
	font-weight: normal;
	text-align: center;
	word-break: keep-all;
}

.smmry td {
	font-size: var(--fs-xxl);
	padding: 2rem;
	background: var(--color-white);
	background: rgba(255,255,255,0.6);
	vertical-align: text-bottom;
	text-align: left;
	line-height: 1.6;
}

p.holding_info { line-height: 1.4; }

p.holding_info em {
	font-size: calc(var(--fs-s) * 2);
    font-weight: normal;
}

p.holding_info_time { 
	font-size: var(--fs-l);
	line-height: 1.4;
}

a.lnkAcs {
	font-size: var(--fs-m);
	padding: 0.8rem 3rem;
	margin-left: 3rem;
	background: #452921;
	border-radius: 0.5rem;
	color: var(--color-white);
	display: inline-block;
	line-height: 1;
	letter-spacing: 0.04em;
	text-align: center;
}

a.lnkAcs:hover { 
	background:#563931;
	text-decoration:none;
}

.news-box-red a {
    color: var(--color-white);
	font-weight: bold;
}

.link-text__deco--more::after {
    border-top: 0.2em solid #fff;
    border-right: 0.2em solid #fff;
}

.link-text__deco--more:hover::after {
    border-color: var(--color-white);
}


/* Link - Text _ Deco -- More */
.link-text__deco--more__red {
  padding-right: 1em;
}
.link-text__deco--more__red::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;
}
.link-text__deco--more__red:hover::after {
  border-color: #c11212;
}




/* 参加方法について */

.infobox {
	background-color: rgba(193, 174, 156, 0.4);
	padding: 1rem 3rem 2rem;
}

h2.infobox_tit {
    padding: 2rem 1rem 1rem;
    margin-bottom: 5rem;
    color: #532910;
    font-size: calc(var(--fs-xxl) * 1.4);
    font-weight: normal;
    text-align: center;
    position: relative;
}

h2.infobox_tit:after {
    width: 100%;
    height: 3rem;
    content: "";
    background: url(/event/mado/assets/image/cmnPrts/line/line_mado_w900_nrml.png) 50% 50% no-repeat;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3rem;
}

.infobox_dl {
	padding: 0 1rem;
	margin: 0 2rem 3rem;
}

.infobox_dt {
	font-size: var(--fs-xxl);
	color: #5F3140;
	font-weight: bold;
	text-indent: -1em;
	line-height: 1.4;
	margin: 0 0 1rem;
}

.infobox_dt.c_red { color: #AF011C; }

dd.infobox_ddst {
	font-size: var(--fs-l);
	font-weight: bold;
}

.infobox_dd	{
	font-size: var(--fs-ml);
	line-height: 1.4;
	margin: 0 0 .5rem;	
}

.infobox_dd.txtBox	{
	background: var(--color-white);
	padding: 2rem;
	margin-top: .5em;
}

.news-box-red {
	/*color: var(--color-white);*/
    padding: 1.5rem 1rem;
    margin: 0 3rem 2rem;
    background: #c11212;
    border: #c11212 solid .3rem;
    text-align: center;
}

hr.infobox_hr {
    width: 90%;
    height: .1rem;
    padding: 0;
    margin: 4rem auto;
    position: relative;
    clear: both;
    border-top: 0.2rem dotted #6f4b4b;
}



/* 注意事項 */

.infobox_note	{
	margin: 0 3rem 2rem;
}

.infobox_note li	{
	font-size: var(--fs-ml);
	line-height: 1.3;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: .2em;
}


@media screen and (max-width:560px) {
	div.summry_innner { padding: 0; }
	.smmry caption { font-size: calc(var(--fs-xxl) * 1.4); text-indent: 0; margin-bottom: 2rem; }
	.smmry caption img.logo { display: none; }
	.smmry th , .smmry td {
		font-size: var(--fs-ml);
		display: block;
		width: 100%;
		padding: 1rem;
		letter-spacing: -.1;
	}
	.smmry th { font-size: var(--fs-xl); }
	.smmry td { font-size: var(--fs-ml); }
	a.lnkAcs { padding: .5rem 1rem; margin-left: 1rem; }
	.infobox { padding: 1rem; }
	.infobox_dl { margin: 0 1rem 2rem; }
	.infobox_dd.txtBox { padding: 1rem; }
	.infobox_note { margin: 0 1rem 2rem; }
}





/************************************************
	フェア一覧
************************************************/

div.fair_wrapper { padding: 0 1rem; }

dl.fair_inner {
	width: 100%;
	max-width: calc(var(--width-box) * 1.15);
	margin: 5rem auto;
	padding: 0 2rem 2rem;
	background-color: rgba(256,256,256,.7);
	box-shadow: 0 0.1rem 0.6rem 0 rgba(0,0,0,0.2);
}

dl.fair_inner:first-of-type { margin: 7rem auto 5rem; }

dt h3.fair_tit {
	font-size: calc(var(--fs-xxl) * 1.3);
	font-weight: bold;
	color: #5f3140;
	text-align: left;
    padding: 3rem 1rem 1rem 12rem;
    margin-bottom: 1rem;
    line-height: 1.5;
    position: relative;
    z-index: 10;
}

dt h3.fair_tit:before {
    content: url(/event/sumika/assets/20200808/logo_lalap_s.png);
    position: absolute;
    left: 1rem;
    top: 1rem;
}

dd.fair_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
}

div.txt_box {
	font-size: var(--fs-ll);
	max-width: calc(60% - 2rem);
	margin: 1rem;
	line-height: 1.4;
}

.txt_box p>em {
    font-size: 110%;
    font-weight: bold;
}

.txt_sm {
	font-size: var(--fs-m);
	line-height: 1.3;
	padding-top: .5em;
}

p.text_pad { padding-top: .5em; }

table.dtl {
	margin: 3rem 1rem 1rem;
}

table.dtl th {
	color: var(--color-white);
	font-weight: normal;
	background-color: #5F3140;
	width: 8em;
	padding: .5rem 0;
	text-align: center;
	display: inline-block;
}

table.dtl td {
	line-height: 1.3;
    display: block;
	margin: 1.5rem 0 1.5rem 1em;
}

table.dtl td > em { font-size: 130%; }

div.img_box { 
	max-width: calc(40% - 2rem);
	margin: 1rem;
	border: .5rem solid #fff;
	box-shadow: 0 0.1rem 0.6rem 0 rgba(0,0,0,0.4);
}

div.img_box img { display: block; }



/* さよならスペース用 */

dl.fair_inner__sp {
	width: 100%;
	max-width: calc(var(--width-box) * 1.15);
	margin: 5rem auto;
	background-color: rgba(256,256,256,.7);
	box-shadow: 0 0.1rem 0.6rem 0 rgba(0,0,0,0.4);
}

.fair__sp { padding: 0 2rem; }
.fair__spin { padding: 0 3rem; }

dd.flex_ev05 {
	display: flex;
	align-items: flex-start;
	padding: 1rem 0 0;
}

dd.fair_flex_sp {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

dd.txt_size { 
	font-size: var(--fs-ll);
	padding-top: 2rem;
}

table.dtl caption {
	font-size: calc(var(--fs-xs) * 2);
	font-weight: bold;
	text-align: left;
	padding-bottom: 2rem;
}

dd.flex_ev05 img { width: calc(100% / 2); display: block; }

div.img_box__sp { 
	max-width: calc(40% - 2rem);
	margin: 1rem;
}

@media screen and (max-width:560px) {
	dl.fair_inner { padding: 1rem; box-shadow: none; }
	dl.fair_inner__sp { padding: 1rem 0 0; box-shadow: none; }
	dt h3.fair_tit {
		font-size: calc(var(--fs-xxl) *1.1);
		padding: 2rem 0rem 0rem 10rem;
		line-height: 1.2;
		margin-bottom: 1rem;
	}
	
	dt.fair__sp h3.fair_tit { margin-bottom: 2rem; }
	dt h3.fair_tit:before { left: 0; top: 0; }
	dd.fair_flex { flex-direction: column-reverse; }
	div.txt_box , div.img_box { 
		max-width: 100%;
		width: 100%;
		margin: 1rem 0;
		box-shadow: none;
	}
	div.img_box { border: .7rem solid #fff; }
	table.dtl { 
		table-layout: fixed;
    	width: 100%;
    	max-width: 100%;
		margin: 1rem 0;
	}
	
	table.dtl th { 
		display: block; 
		width: 100%; 
		text-align: left;
		padding-left: 1em;
	}
	
	/* さよならスペース */
	.fair__sp { padding: 0 1rem; }
	.fair__spin { padding: 0 1rem; }
	table.dtl caption { font-size: calc(var(--fs-xxl) * 1.1); }
	dd.flex_ev05 { padding: 0; }
	dd.txt_size { padding-top: 2rem; }
	div.img_box__sp { 
		max-width: 100%;
		width: 100%;
		position: relative;
		top: -2rem;
	}
}



/************************************************
	アクセス情報
************************************************/


div.access_wrapper {
	background-color: rgba(256,256,256,.8);
	padding: 5rem 1rem;
	box-shadow: 0 -.1rem 1rem .1rem rgba(50,50,50,.3);
}

div.access_innner {
	width: 100%;
	max-width: calc(var(--width-box) * 1.15);
	margin: 0 auto;
}

.notice-container {
    margin: 3rem auto;
}

.map-shop > iframe {
    pointer-events: auto;
}