@charset "utf-8";
/* CSS Document */

#fdc_shopEventList ul {
	margin-bottom:8px;
}
#fdc_shopEventList li {
	border-bottom:1px dotted #CCCCCC;
	position:relative;
	font-size:14px;
	background-image:url(/s/img/fdc_listArrowImage0_alpha.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:21px 20px;
	padding:8px 24px 13px 8px;
}
#fdc_shopEventList li a {
	display:block;
}
#fdc_shopEventList li a.fdc_linkHover {
		background-color:rgba(0,0,0,0.1);
	}
#fdc_shopEventList li .fdc_shopEventTitleArea {
	width: 100%;
}
#fdc_shopEventList li.isPhoto .fdc_shopEventPhotoListImage {
		width: 75px;
		margin-right: 5px;
}
#fdc_shopEventList li.isPhoto .fdc_shopEventTitleArea {
		width: calc(100% - 75px);
	}
#fdc_shopEventList li .fdc_shopEventPhotoListImage img {
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
}
#fdc_shopEventList li h2 {
	font-size: 16px;
	background-image: none;
	background-color: transparent;
	margin-bottom: 0;
	padding: 0;
	width: auto;
	border-top: 0;
	text-indent: 0;
	word-break:break-all;
}
#fdc_shopEventList li time {
	font-size:12px;
	color:#333333;
}

/*--------------------------------------------------------------------
--------------------------------------------------------------------*/
#fdc_freeContents1,
#fdc_freeContents2 {
	padding:8px 13px;
	margin-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
}

/*--------------------------------------------------------------------
--------------------------------------------------------------------*/
#fdc_shopEventList .fdc_shopEventArea {
	display: flex;
	flex-direction: row;
}
#fdc_shopEventList .fdc_shopEventArea.leftImg.rightTitle {
	flex-direction: row;
}
#fdc_shopEventList .fdc_shopEventArea.rightImg.leftTitle {
	flex-direction: row-reverse;
	/*justify-content: flex-end;*/
}
#fdc_shopEventList .fdc_shopEventArea.leftImg.topTitle,
#fdc_shopEventList .fdc_shopEventArea.centerImg.topTitle,
#fdc_shopEventList .fdc_shopEventArea.rightImg.topTitle {
	flex-direction: column-reverse;
}
#fdc_shopEventList .fdc_shopEventArea.leftImg.bottomTitle,
#fdc_shopEventList .fdc_shopEventArea.centerImg.bottomTitle,
#fdc_shopEventList .fdc_shopEventArea.rightImg.bottomTitle {
	flex-direction: column;
}
#fdc_shopEventList .fdc_shopEventArea.rightImg.topTitle,
#fdc_shopEventList .fdc_shopEventArea.rightImg.bottomTitle {
	text-align: right;
}
#fdc_shopEventList .fdc_shopEventArea.rightImg.topTitle .fdc_shopEventPhotoListImage {
	margin: 0 0 0 auto;
	text-align: right;
}
#fdc_shopEventList .fdc_shopEventArea.rightImg.bottomTitle .fdc_shopEventPhotoListImage {
	margin: 0 0 5px auto;
	text-align: right;
}
#fdc_shopEventList .fdc_shopEventArea.bottomTitle .fdc_shopEventPhotoListImage {
	margin-bottom: 5px;
}
#fdc_shopEventList .fdc_shopEventArea.centerImg.topTitle,
#fdc_shopEventList .fdc_shopEventArea.centerImg.bottomTitle {
	text-align: center;
}

#fdc_shopEventList .fdc_shopEventArea.leftImg .fdc_shopEventPhotoListImage {
	margin-right: 5px;
}
#fdc_shopEventList .fdc_shopEventArea.rightImg .fdc_shopEventPhotoListImage {
	margin-left: 5px;
	text-align: right;
}
#fdc_shopEventList .fdc_shopEventArea.centerImg .fdc_shopEventPhotoListImage {
	margin-left: auto;
	margin-right: auto;
}

#fdc_shopEventList .fdc_shopEventArea.leftImg .fdc_shopEventTitleArea,
#fdc_shopEventList .fdc_shopEventArea.leftImg .fdc_shopEventTitleArea h3,
#fdc_shopEventList .fdc_shopEventArea.rightImg .fdc_shopEventTitleArea,
#fdc_shopEventList .fdc_shopEventArea.rightImg .fdc_shopEventTitleArea h3 {
	text-align: left;
}
#fdc_shopEventList .fdc_shopEventArea.centerImg .fdc_shopEventTitleArea,
#fdc_shopEventList .fdc_shopEventArea.centerImg .fdc_shopEventTitleArea h3 {
	text-align: center;
	width: 100%;
}
#fdc_shopEventList .fdc_shopEventArea.rightImg.topTitle .fdc_shopEventTitleArea,
#fdc_shopEventList .fdc_shopEventArea.rightImg.bottomTitle .fdc_shopEventTitleArea,
#fdc_shopEventList .fdc_shopEventArea.rightImg.topTitle .fdc_shopEventTitleArea h3,
#fdc_shopEventList .fdc_shopEventArea.rightImg.bottomTitle .fdc_shopEventTitleArea h3 {
	text-align: right;
}
#fdc_shopEventList .fdc_shopEventArea.topTitle .fdc_shopEventTitleArea,
#fdc_shopEventList .fdc_shopEventArea.bottomTitle .fdc_shopEventTitleArea {
	width: 100%;
}
