@CHARSET "UTF-8";
.noErrors {
	display: none;
}

#topGroupName {
	background-color: #ffffff;
}
/* 画面タイトル非表示 */
#title_innerId {
	display: none;
}
#lotteryResults > .matrix-body {
	max-width: 1500px;
	margin: auto;
	padding: 25px;
}
@media screen and (max-width: 600px) {
	#lotteryResults > .matrix-body {
		padding: 25px 10px;
	}
}
/* イベント名 */
.lotteryNameRow .label {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 15px;
}
@media screen and (max-width: 600px) {
	.lotteryNameRow .label {
		padding-bottom: 0px;
	}
}
/* 画像 */
.lotteryImgDisp {
	float: right;
	max-width: 300px;
	max-height: 300px;
	padding: 0 0 15px 30px;
}
@media screen and (max-width: 600px) {
	.lotteryImgDisp {
		max-width: 100%;
		max-height: 100%;
		width: 100%;
		float: none;
		padding: 15px;
	}
}
/* 受付スケジュールへボタン */
.toScheduleResultsLinkRow {
	clear: both;
	padding: 15px 0;
}
.toScheduleResultsLinkRow .set-item.link {
	text-align: center;
}
a.toScheduleResultsLink {
	display: inline-block;
	width: 300px;
	background: #18489c;
	background-image: linear-gradient(to bottom, #18489c, #3086b3);
	border-radius: 10px;
	color: #ffffff;
	font-size: 15px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

a.toScheduleResultsLink:hover {
	background: #19349e;
	background-image: linear-gradient(to bottom, #3E609C, #478DB3);
	text-decoration: none;
}

/* 見出し */
h4 {
	padding: 5px 0;
	font-size: 22px;
	font-weight: bold;
}

h4.titleForGoods,
h4.titleForOutline,
h4.titleForTimetable,
h4.titleForNotes,
h4.titleForScheduleResults {
	font-size: 15px;
}
	
/* HTML */
.goodsHtmlTextRow,
.outlineHtmlTextRow {
	padding: 0 0 15px 0;
}

/* 対象商品、イベント概要、タイムテーブル、ご注意 */
#goodsHtmlTextAreaRow,
#outlineHtmlTextAreaRow,
#timetableHtmlTextAreaRow,
#notesHtmlTextAreaRow {
	max-width: 1500px;
	margin: auto;
	padding: 25px;
}
.titleForGoodsRow,
.titleForOutlineRow,
.titleForTimetableRow,
.titleForNotesRow,
.titleForScheduleResultsRow {
	padding: 10px;
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	border-radius: 10px;
	margin: 0;
}

.titleForGoodsRow,
.titleForOutlineRow,
.titleForTimetableRow,
.titleForNotesRow {
	color: #000000;
	background-color: #dbeef4;
	cursor : pointer;
}

.titleForScheduleResultsRow {
	color: #000000;	
	background-color: #dbeef4;
	border-radius: 10px 10px 0 0;
}

.goodsHtmlTextAreaRow.open,
.outlineHtmlTextAreaRow.open,
.timetableHtmlTextAreaRow.open,
.notesHtmlTextAreaRow.open {
	margin: 0 0 20px 0;
}
.goodsHtmlTextAreaRow .titleForGoodsRow.open,
.outlineHtmlTextAreaRow .titleForOutlineRow.open,
.timetableHtmlTextAreaRow .titleForTimetableRow.open,
.notesHtmlTextAreaRow .titleForNotesRow.open {
	background-color: #18489c;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	margin: 0;
}
.titleForGoodsRow h4,
.titleForOutlineRow h4,
.titleForTimetableRow h4,
.titleForNotesRow h4 {
	cursor: pointer;
}
.titleForGoodsRow > .titleForGoods,
.titleForOutlineRow > .titleForOutline,
.titleForTimetableRow > .titleForTimetable,
.titleForNotesRow > .titleForNotes ,
.titleForScheduleResultsRow > .titleForScheduleResults {
	width: calc(100% - 20px);
	padding: 0 5px 0 0;
}
.titleForGoodsRow:after,
.titleForOutlineRow:after,
.titleForTimetableRow:after,
.titleForNotesRow:after {
	font-family: "FontAwesome";
	transform: rotate(270deg);
	content: "\f144";
	position: relative;
	font-size: 150%;
	color: #18489c;
}	
	
.goodsHtmlTextAreaRow .titleForGoodsRow.open:after,
 .outlineHtmlTextAreaRow .titleForOutlineRow.open:after,
 .timetableHtmlTextAreaRow .titleForTimetableRow.open:after,
 .notesHtmlTextAreaRow .titleForNotesRow.open:after {
	transform: rotate(90deg);
	color: #ffffff;
}
.goodsHtmlTextRow.blocks,
.outlineHtmlTextRow.blocks,
.timetableHtmlTextRow.blocks,
.notesHtmlTextRow.blocks {
	border: 3px solid #18489c;
	border-radius: 0 0 10px 10px;
	padding: 10px;
	letter-spacing: 0.1em;
	font-size:1.1em
}
@media screen and (max-width: 800px) {
	.goodsHtmlTextRow.blocks,
	.outlineHtmlText.blocks,
	.timeTableHtmlTextRow.blocks,
	.notesHtmlTextRow.blocks {
		padding: 10px;
	}
}
.outlineHtmlTextAreaRow.blocks,
.timetableHtmlTextAreaRow.blocks,
.notesHtmlTextAreaRow.blocks,
.eventDetailScheduleAreaRow.blocks {
	margin-top: 5px;
}

/*スケジュール*/
.scheduleResultsRow {
	padding: 4px 0;
    background-color: #dbeef4;
}
@media screen and (max-width: 600px) {
	.scheduleResultsRow {
		padding: 3px 0;
	}
}
.receptrionDetailLayoutRow {
    background-color: #ffffff;
}
.scheduleResultsLayout {
	border-radius: 15px;
	border: 3px solid #ffffff;
	margin-right: 6px;
	margin-left: 6px;
}
.blocks.includeEventDetailScheduleRow {
	background-color: #dbeef4;
}
/* スケジュール詳細タイトル */
.scheduleResultsTitleLayout {
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
	border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 600px) {
	.scheduleResultsTitleLayout {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: initial;
	}
}

.blocks.scheduleResultsRow {
    border-radius: 0 0 15px 15px;
}
.scheduleResultsRow.DETAILS_ROW:last-child {
	border-radius: 0 0 10px 10px;
}

.blocks.receptrionDetailLayoutRow {
	border-radius: 15px;
}

/* タイトル：受付ステータス */
.receptionStatusRow {
	border: 3px solid #ffffff;
	font-weight: bold;
	color: #ffffff;
	width: 70px;
	text-align: center;
	padding: 2px;
	margin: 7px 10px 10px 10px;
}
/* タイトル：次 */
.scheduleDispRow {
	font-weight: bold;
	margin: 10px;
}
@media screen and (max-width: 600px) {
	.scheduleDispRow {
		width: 100px;
		margin: 10px;
	}
}
/* タイトル：受付スケジュール */
.lotteryReceptionPeriodStartDispRow {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	-ms-flex-negative: 1;
	-ms-flex-preferred-size: 0%;
	flex: 1;
	margin: 10px;
}
@media screen and (max-width: 600px) {
	.lotteryReceptionPeriodStartDispRow {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		-ms-flex-negative: 1;
		-ms-flex-preferred-size: auto;
		flex: initial;
		width: 100%;
		margin: 5px 10px 10px 20px;
	}
}

/* スケジュール詳細 */
.receptrionDetailLayout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: stretch;
	padding:5px 20px;
}
@media screen and (max-width: 600px) {
	.receptrionDetailLayout {
	padding: 5px 10px;
	display: block;
	}
}
@media screen and (max-width: 360px) {
	.receptrionDetailLayout {
	padding: 5px;
	}
}

/* スケジュール詳細：日程 */
.receptrionDateInfoLayoutRow {
	padding: 5px 0;
}
/* 日程：日程ラベル */
.receptrionDateInfoLayout span[class*="PreLabel"] {
	display: inline-block;
	white-space: nowrap;
	width: 115px;
}
.receptrionDateInfoLayout label[class*="itemLabel"] {
	display: inline-block;
	width: 120px;
	white-space: nowrap;
	text-align: right;
}
.receptrionDateInfoLayout span[class*="SuffixLabel"] {
	width: 75px;
	padding-left: 3px;
}
.receptrionDateInfoLayout > div {
	padding: 3px 0;
}
@media screen and (max-width: 360px) {
	.receptrionDateInfoLayout > div > div {
		display: flex;
	}
	.receptrionDateInfoLayout span[class*="PreLabel"] {
		margin-right: auto;
		width: auto;
	}
	.receptrionDateInfoLayout label[class*="itemLabel"] {
		width: auto;
		padding-left: 3px;
	}
	.receptrionDateInfoLayout span[class*="SuffixLabel"] {
		max-width: 75px;
		padding-left: 3px;
	}
}

/* スケジュール詳細：応募情報 */
.receptrionLotteryLayoutRow {
	text-align: right;
}
@media screen and (max-width: 600px) {
	.receptrionLotteryLayoutRow {
		text-align: left;
		margin: auto;
	}
	.receptrionLotteryLayout {
		width: 100%
	}
}
/* 応募情報：応募上限 */
.lotteryLimitMessageRow {
	padding: 10px 0;
}
/* スケジュール詳細：お申し込みはこちらボタン */
@media screen and (max-width: 600px) {
	.toEventApplyLinkRow {
		width: 100%;
		text-align: center;
	}
}
a.toEventApplyLink {
	display: inline-block;
	height: 40px;
	background: #f789ad;
	background-image: linear-gradient(to bottom, #f789ad, #da4073);
	border-radius: 20px;
	color: #ffffff;
	font-size: 15px;
	padding: 10px 30px 10px 30px;
	text-decoration: none;
	margin: 10px;
}
a.toEventApplyLink:hover {
	background: #cc708f;
	background-image: linear-gradient(to bottom, #cc708f, #da4073);
	text-decoration: none;
}
/* 色分け */
/* 受付終了 */
.after_reception .scheduleResultsTitleLayout{
	background-color: #d9d9d9;
}
.after_reception.scheduleResultsLayout {
	border-color: #d9d9d9;
}
.after_reception .receptionStatusRow{
	background-color: #bfbfbf;
}
/* 受付中 */
.in_reception .scheduleResultsTitleLayout{
	background-color: #18489c;
}
.in_reception.scheduleResultsLayout {
	border-color: #18489c;
}
.in_reception .receptionStatusRow{
	background-color: #29179c;
}
.in_reception .scheduleResultsTitleLayout {
	color: #ffffff;
}
/* 受付前 */
.before_reception .scheduleResultsTitleLayout{
	background-color: #a3bce2;
}
.before_reception.scheduleResultsLayout {
	border-color: #a3bce2;
}
.before_reception .receptionStatusRow{
	background-color: #5b91e3;
}

/* table-scroll */
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{　　
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

/* 以下、tableの指定 */
.table-scroll table{
  border-collapse:collapse;
  border-spacing:0;
  border-top:#ccc solid 1px;
  border-left:#ccc solid 1px;
}
.table-scroll table th,
.table-scroll table td{
  padding:10px 15px;
  font-weight:normal;
  border-right:#ccc solid 1px;
  border-bottom:#ccc solid 1px;
  font-size:12px;
}
.table-scroll table th{
  background:#eee;
  width:80px;
}