@charset "UTF-8";

.cmnmain {
	margin-top: 40px;
	padding-bottom: 70px;
}

.link {
	display: flex;
	justify-content: space-between;
}

.link li {
	width: 24%;
	font-size: 15px;
	line-height: 1.3;
}

.link li a {
	display: block;
	position: relative;
	padding: 15px 15px 15px 38px;
	background: #a8a8a8;
	color: #ffffff;
	        transition: background 0.4s;

	-webkit-transition: background 0.4s;
}

body.p-event-today .link li.-today a {
	background: #489f44;
}

body.p-event-calendar .link li.-calendar a {
	background: #085a9b;
}

body.p-event-list .link li.-list a {
	background: #eb9100;
}

body.p-event-schedule .link li.-schedule a {
	background: #e55858;
}

.link li.-schedule a {
	padding: 5px 15px 6px 38px;
}

.link li a:before,
.link li a:after {
	display: inline-block;
	position: absolute;
	top: 50%;
	line-height: 1;
	font-family: icomoon;
	transform: translateY(-50%);
}

.link li a:before {
	left: 15px;
}

.link li.-today a:before {
	content: "\e906";
	font-size: 18px;
}

.link li.-calendar a:before,
.link li.-list a:before {
	content: "";
	width: 16px;
	height: 17px;
	margin-top: 0.1em;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.link li.-calendar a:before {
	background-image: url(/event/img/icon-calendar@2x.png);
}

.link li.-list a:before {
	background-image: url(/event/img/icon-list@2x.png);
}

.link li.-schedule a:before {
	content: "\e910";
}

.link li a:after {
	content: "\e90b";
	right: 10px;
}

.link li.-today a:hover {
	background: #489f44;
}

.link li.-calendar a:hover {
	background: #085a9b;
}

.link li.-list a:hover {
	background: #eb9100;
}

.link li.-schedule a:hover {
	background: #e55858;
}

.event-ttl {
	position: relative;
	padding-left: 50px;
}

body.p-event-today .event-ttl {
	background: #489f44;
}

body.p-event-calendar .event-ttl {
	background: #085a9b;
}

body.p-event-list .event-ttl {
	background: #eb9100;
}

body.p-event-schedule .event-ttl {
	background: #e55858;
}

.event-ttl:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -0.5em;
	line-height: 1;
	font-family: icomoon;
}

body.p-event-calendar .event-ttl:before,
body.p-event-list .event-ttl:before {
	content: "";
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

body.p-event-calendar .event-ttl:before {
	width: 19px;
	height: 19px;
	margin-top: -0.5em;
	background-image: url(/event/img/icon-calendar@2x.png);
}

body.p-event-list .event-ttl:before {
	width: 18px;
	height: 19px;
	margin-top: -0.45em;
	background-image: url(/event/img/icon-list@2x.png);
}

body.p-event-today .event-ttl:before {
	content: "\e906";
}

body.p-event-schedule .event-ttl:before {
	content: "\e910";
}

.event {
	padding-top: 110px;
}

body.p-event-today .event {
	padding-top: 65px;
}

body.p-event-list .event {
	padding-top: 55px;
}

body.p-ouchi .event {
	padding-top: 40px;
}

.event_ttl {
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}

.event_ttl span {
	position: relative;
	padding: 0 40px;
}

.event_ttl span:before,
.event_ttl span:after {
	display: inline-block;
	position: absolute;
	top: 50%;
	line-height: 1;
	font-family: icomoon;
	transform: translateY(-50%);
}

.event_ttl span:before {
	content: "\e903";
	left: 0;
}

.event_ttl span:after {
	content: "\e904";
	right: 0;
}

body.p-event-calendar .event_ttl span:before,
body.p-event-calendar .event_ttl span:after {
	color: #085a9b;
}

body.p-event-today .event_ttl span:before,
body.p-event-today .event_ttl span:after {
	color: #489f44;
}

.event_cnt {
	margin-top: 32px;
}

body.p-event-list .event_cnt {
	margin-top: 0;
}

body.p-ouchi .event_cnt {
	margin-top: 18px;
}

.event_item {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 25px 20px;
	border-bottom: 1px dashed #707070;
	        transition: background 0.4s;

	-webkit-transition: background 0.4s;
}

.event_item:before {
	content: "\e901";
	display: inline-block;
	position: absolute;
	right: 15px;
	bottom: 20px;
	margin-top: -0.5em;
	color: #085a9b;
	font-size: 33px;
	line-height: 1;
	font-family: icomoon;
}

.event_item:first-child {
	border-top: 1px dashed #707070;
}

.event_item:hover {
	background: #ebebeb;
}

.event_item_img {
	width: 23%;
}

.event_item_img img {
	width: 100%;
	height: auto;
	border-radius: 11px;
}

.event_item_cnt {
	width: 74%;
}

.event_item_hd {
	display: flex;
	align-items: flex-start;
}

.event_item_hd_ttl {
	flex: 1;
	margin-right: 20px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	text-align: justify;

	font-feature-settings: "palt";
}

.event_item_hd_app {
	width: 145px;
	border: 1px solid #e55858;
	border-radius: 3px;
	background: #ffffff;
	color: #e55858;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

.event_item_hd_app.-before {
	border: 1px solid #085a9b;
	color: #085a9b;
}

.event_item_hd_app.-end {
	border: 1px solid #333333;
	color: #333333;
}

.event_item_group {
	display: flex;
	flex-flow: row-reverse;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px;
}

.event_item_cat {
	display: inline-block;
	margin-right: 25px;
	padding: 10px 20px;
	border-radius: 50px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}

.event_item_cat.-yellow {
	background: #4e91ce;
}

.event_item_cat.-green {
	background: #489f44;
}

.event_item_cat.-orange {
	background: #ec6630;
}

.event_item_dl {
	display: flex;
}

.event_item_dl dt {
	margin-right: 10px;
	color: #085a9b;
	font-weight: bold;
	font-size: 15px;
	white-space: nowrap;
}

.event_item_dl dd {
	font-size: 14px;
}

.event_item_txt {
	margin-top: 10px;
	padding-right: 50px;
}

/* タブレット以下設定 */
@media screen and (max-width:939px) {
}

/* スマホ設定 */
@media screen and (max-width:639px) {
	.cmnmain {
		margin-top: 20px;
		padding-bottom: 20px;
	}

	.link {
		flex-wrap: wrap;
	}

	.link li {
		width: 49%;
	}

	.link li:nth-child(n+3) {
		margin-top: 10px;
	}

	.link li a {
		padding: 16px 15px 14px 10px;
	}

	.link li.-schedule a {
		padding: 6px 15px 5px 10px;
	}

	.link li.-calendar a {
	}

	.link li a:before,
	.link li a:after {
	}

	.link li a:before {
		display: none;
	}

	.link li.-today a:before {
	}

	.link li.-calendar a:before {
	}

	.link li.-list a:before {
	}

	.link li.-schedule a:before {
	}

	.link li a:after {
	}

	.event-ttl {
		padding-left: 15px;
		text-align: center;
	}

	.event-ttl:before {
		display: none;
	}

	.event {
		padding-top: 35px;
	}

	body.p-event-today .event {
		padding-top: 30px;
	}

	body.p-event-list .event {
		padding-top: 20px;
	}

	.event_ttl {
		font-size: 18px;
	}

	.event_ttl span {
		padding: 0 30px;
	}

	.event_ttl span:before,
	.event_ttl span:after {
	}

	.event_ttl span:before {
	}

	.event_ttl span:after {
	}

	.event_cnt {
		margin-top: 20px;
	}

	.event_item {
		display: block;
		padding: 18px 15px 45px;
		border-bottom: none;
		border-radius: 15px;
		background: #f5f5f5;
	}

	.event_item:first-child {
		border-top: none;
	}

	.event_item:nth-child(n+2) {
		margin-top: 15px;
	}

	.event_item:hover {
	}

	.event_item_img {
		width: 100%;
	}

	.event_item_img img {
	}

	.event_item_cnt {
		position: relative;
		width: 100%;
	}

	.event_item_hd {
		display: block;
	}

	.event_item_hd_ttl {
		margin: 50px 0 0;
		padding-bottom: 10px;
		border-bottom: 2px dashed #707070;
		font-size: 16px;
	}

	.event_item_hd_app {
		position: absolute;
		bottom: -30px;
		left: 0;
	}

	.event_item_hd_app.-end {
	}

	.event_item_group {
		display: block;
	}

	.event_item_cat {
		position: absolute;
		top: -38px;
		left: 0;
		margin-right: 0;
	}

	.event_item_cat.-yellow {
	}

	.event_item_cat.-green {
	}

	.event_item_cat.-orange {
	}

	.event_item_dl {
	}

	.event_item_dl dt {
	}

	.event_item_dl dd {
	}

	.event_item_txt {
		display: none;
	}
}