@charset "utf-8";

/* == block == */
div.list-top {
	border-bottom: 1px solid #C2C2C2;
	min-height: 22px;
	margin: 0 0 10px;
	zoom: 1;
}
div.list-top p.top-caption { float: left; }
p.top-caption {
	color: #3366CC;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin: 0;
	padding: 0 5px;
}
div.list-top div.to-history { float: right; margin: 4px 0; padding: 0; }
img.pre-icon { padding-right: 4px; vertical-align: middle; }
.plan-onsale img { float: right; margin: -43px 10px 0 0; }
.plan_top-block,
.plan_sub-block { margin: 10px 0 20px 15px; }
p.lead-textA {
	margin-bottom: 15px;
	padding-bottom: 10px;
	line-height: 1.6;
	border-bottom: 1px dotted #8484FF;
}
div.article-photo-l {
	margin: 0px 10px 15px 0px;
	border: 3px double #e0e0e0;
	padding: 7px;
	float: left;
}
div.article-photo-r {
	margin: 0px 0px 15px 10px;
	border: 3px double #e0e0e0;
	padding: 7px;
	float: right;
}
div.article-photo-c {
	margin: 0px auto 10px;
	border: 3px double #e0e0e0;
	padding: 7px;
/*	text-align: center;*/
}
div.article-photo-l.noBorder,
div.article-photo-c.noBorder,
div.article-photo-r.noBorder { border: none; }
div.article-photo-l p,
div.article-photo-c p,
div.article-photo-r p {
	margin: 0px;
	padding: 8px 0px 0px;
	font-weight: bold;
	text-align: left;
}
/* == HISTORY == */
div.registration-history {
	border-top: 1px solid #C2C2C2;
	margin: 0px 0px 10px;
	padding: 20px 0 0;
}
ul.resume {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 18px;
	list-style: none;
}
ul.resume li { margin: 0px; padding: 0px 15px; }
ul.resume li span.history-current { color: #999999; }

/* 2020.01.20 ando */
.planWrap { display: block; line-height: 1.6; margin:20px 0 30px; }
.planWrap dl { width: 100%; margin: 0 0 30px; }
.planWrap dl,
.planWrap dl a {
	display: -webkit-box;display: -ms-flexbox;display: flex;
	-ms-flex-item-align: flex-start;-ms-grid-row-align: flex-start;align-self: flex-start;
	width: 100%;
	height: 100%;
}
.planWrap dl a:after {
	display: block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	font-size: 3em;
	width: 5%;
	text-align: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.planWrap dl a:hover { text-decoration: none; background-color: #f5f5f5; }
.planWrap dl dt { width:40%; height: 100%; display: block; padding-right:3%; }
.planWrap dl dt img { width: 100% }
.planWrap dl dd { margin:0; width: 52%; color: #333; }
.planWrap dl dd .planTitle { color: #4cceff; font-size: 20px; font-weight: bold; }
.planWrap dd p { margin-top: 10px; }
.planWrap dd p.date { font-weight: normal; padding: 0; text-align: left; }


/* 2020.01.20 ando */
.dailyContWrap .planWrap,
.dailyContWrap .eventWrap {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
  flex-wrap: wrap; -ms-flex-wrap: wrap;
   line-height: 1.6;
   margin:20px 0 30px;
}
@media all and (-ms-high-contrast:none) {
    .dailyContWrap .planWrap dl {
        display: table-cell;
    }
}
.dailyContWrap .planWrap dl,
.dailyContWrap .eventWrap dl { width: 49%; max-width: 49%; }
.dailyContWrap .planWrap dl,
.dailyContWrap .planWrap dl a,
.dailyContWrap .eventWrap dl,
.dailyContWrap .eventWrap dl a { display: block; height: 100%; }
.dailyContWrap .eventWrap dl a:after,
.dailyContWrap .planWrap dl a:after {
	display: block;
	text-align: center;
	content: "詳しくはこちら";
	border: #00AAEE 1px solid;
	font-size: 16px;
	width: auto;
	color: #00AAEE;
	padding: 10px;
	margin-top: 10px;
}
.dailyContWrap .planWrap.eventObo dl a:after { content: "応募・詳細はこちら"; }
.dailyContWrap .eventWrap dl a:hover,
.dailyContWrap .planWrap dl a:hover { text-decoration: none; background-color: transparent; }
.dailyContWrap .eventWrap dl a:hover img,
.dailyContWrap .planWrap dl a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.dailyContWrap .eventWrap dl a:hover:after,
.dailyContWrap .planWrap dl a:hover:after {
	border: #00AAEE 1px solid;
	background-color: #00AAEE;
	color: #FFF;
}
.dailyContWrap .eventWrap dl dt,
.dailyContWrap .planWrap dl dt { width:100%; height: 100%; display: block; padding-right:0; }
.dailyContWrap .eventWrap dl dt img,
.dailyContWrap .planWrap dl dt img { width: 100%; }
.dailyContWrap .eventWrap dl dd,
.dailyContWrap .planWrap dl dd { margin:10px 0 0; width: 100%; color: #333; }
.dailyContWrap .eventWrap dl dd .eventTitle,
.dailyContWrap .planWrap dl dd .planTitle { color: #4cceff; font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.dailyContWrap .eventWrap dd .off,
.dailyContWrap .planWrap dd .off { display: none; }