@charset "UTF-8";









/*



	sec
	event



*/









/* ---------------------------------------------------



	common



--------------------------------------------------- */
#event { margin: 0 auto; }
	#event h2 { color: rgba(173, 0, 45, 1); }
	#event-list {
		max-width: 100%;
		padding: 10px 0;
		}
		#event-list article {
			background: rgba(255, 255, 255, 1);
			color: #000;
			display: inline-block;
			margin: 0 20px 40px;
			max-width: 330px;
			position: relative;
			vertical-align: top;

			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;

			-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

			-webkit-transition-duration: 0s;
			-moz-transition-duration: 0s;
			transition-duration: 0s;
			}
			#event-list article:hover {
				-webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
				-moz-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
				box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
				}
			/*#event-list article a {
				color: #000;
				position: relative;

				-webkit-transition-duration: 0s;
				-moz-transition-duration: 0s;
				transition-duration: 0s;
				}*/
			#event-list .evt-cat {
				color: #fff;
				display: inline-block;
				font-size: 16px;
				letter-spacing: 1px;
				left: -10px;
				padding: 2.5px 20px;
				position: absolute;
				top: -10px;

				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				}
			#event-list .evt-thumb {
				margin: 0;
				overflow: hidden;

				-webkit-border-radius: 10px 10px 0 0;
				-moz-border-radius: 10px 10px 0 0;
				border-radius: 10px 10px 0 0;
				}
				#event-list .evt-thumb img { max-width: 100%; }
				#event-list .evt-thumb figcaption {
					display: block;
					font-size: 0;
					height: 0;
					width: 0;
					}
			#event-list .evt-detail {
				overflow: hidden;
				padding: 0 30px;
				}
				#event-list .evt-detail dt,
				#event-list .evt-detail dd {
					text-align: left;
					}
					#event-list .evt-detail dt h2 {
						font-size: 16px;
						padding: 20px 0 15px;
						}
					#event-list .evt-detail dt p {
						padding: 0 0 30px;
						}
				#event-list .evt-detail dd {
					font-size: 15px;
					}
					#event-list .evt-detail dd p a {
						color: rgba(173, 0, 45, 1);
						padding: 10px 0 0;
						text-decoration: underline;
						}
			#event-list .evt-termsofuse {
				color: #666;
				font-size: 14px;
				text-align: left;
				padding: 30px;
				}

	/* Category
	----------------------------------------------- */
	#event-list .evt-value .evt-cat { background-color: rgba(173, 0, 45, 1); }
		#event-list .evt-value .evt-detail dt h2 { color: rgba(173, 0, 45, 1); }
	#event-list .evt-event .evt-cat { background-color: rgba(20, 134, 23, 1); }
		#event-list .evt-event .evt-detail dt h2 { color: rgba(20, 134, 23, 1); }
	#event-list .evt-food .evt-cat { background-color: rgba(186, 67, 2, 1); }
		#event-list .evt-food .evt-detail dt h2 { color: rgba(186, 67, 2, 1); }
	#event-list .evt-relax .evt-cat { background-color: rgba(2, 149, 159, 1); }
		#event-list .evt-relax .evt-detail dt h2 { color: rgba(2, 149, 159, 1); }
	#event-list .evt-etc .evt-cat { background-color: rgba(100, 100, 100, 1); }
		#event-list .evt-etc .evt-detail dt h2 { color: rgba(100, 100, 100, 1); }

	/* sec-anchor
	----------------------------------------------- */
	.sec-anchor #evt-all {
		border: 1px solid rgba(232, 85, 140, 1);
    	color: rgba(232, 85, 140, 1);
		}
	.sec-anchor #evt-value {
		border: 1px solid rgba(173, 0, 45, 1);
    	color: rgba(173, 0, 45, 1);
		}
	.sec-anchor #evt-event {
		border: 1px solid rgba(20, 134, 23, 1);
    	color: rgba(20, 134, 23, 1);
		}
	.sec-anchor #evt-food {
		border: 1px solid rgba(186, 67, 2, 1);
    	color: rgba(186, 67, 2, 1);
		}
	.sec-anchor #evt-relax {
		border: 1px solid rgba(2, 149, 159, 1);
    	color: rgba(2, 149, 159, 1);
		}
	.sec-anchor #evt-etc {
		border: 1px solid rgba(100, 100, 100, 1);
    	color: rgba(100, 100, 100, 1);
		}

		#ls_event .sec-anchor .as-btn:hover,
		#ls_event .sec-anchor .as-btn.mixitup-control-active { color: rgba(255, 255, 255, 1); }

		.sec-anchor #evt-all:hover,
		.sec-anchor #evt-all.mixitup-control-active { background: rgba(232, 85, 140, 1); }
		.sec-anchor #evt-value:hover,
		.sec-anchor #evt-value.mixitup-control-active { background: rgba(173, 0, 45, 1); }
		.sec-anchor #evt-event:hover,
		.sec-anchor #evt-event.mixitup-control-active { background: rgba(20, 134, 23, 1); }
		.sec-anchor #evt-food:hover,
		.sec-anchor #evt-food.mixitup-control-active { background: rgba(186, 67, 2, 1); }
		.sec-anchor #evt-relax:hover,
		.sec-anchor #evt-relax.mixitup-control-active { background: rgba(2, 149, 159, 1); }
		.sec-anchor #evt-etc:hover,
		.sec-anchor #evt-etc.mixitup-control-active { background: rgba(100, 100, 100, 1); }









/* ---------------------------------------------------



	Top



--------------------------------------------------- */
#top #event { background: #fbeff2; }
	#top #event-list .evt-cat { top: -10px; }
	#top #event-list .evt-detail dd { display: none; }
	#top #event-list .evt-termsofuse { padding: 10px 30px 30px; }
	#top #event .com-more {
		background: rgba(173, 0, 45, 1);
		color: rgba(255, 255, 255, 1);
		}
		#top #event .com-more span { background-image: url(/src/img/common/arrow/pt1-right_white-red.png); }
		#top #event .com-more:hover {
			background: rgba(173, 0, 45, 0);
			color: rgba(173, 0, 45, 1);

			-webkit-box-shadow: 0 0 15px rgba(173, 0, 45, 0.8);
			-moz-box-shadow: 0 0 15px rgba(173, 0, 45, 0.8);
			box-shadow: 0 0 15px rgba(173, 0, 45, 0.8);
			}
		#top #event .com-more:before { background: rgba(255, 255, 255, 1); }









/* ---------------------------------------------------



	Event



--------------------------------------------------- */
#ls_event #wrap { padding: 0 0 80px; }
	#ls_event #event { padding: 50px 0 25px; }
		#ls_event #event-list .evt-cat { top: 10px; }









/*



	MediaQuery



*/









/* ---------------------------------------------------



	1024



--------------------------------------------------- */
@media screen and (max-width: 1024px) {



/*

	Common

--------------------------------------------------- */



/*

	Top

--------------------------------------------------- */



/*

	Event

--------------------------------------------------- */




}









/* ---------------------------------------------------



	750



--------------------------------------------------- */
@media screen and (max-width: 750px) {



/*

	Common

--------------------------------------------------- */
#event { margin: 0 auto; }
	#event h2 { color: rgba(173, 0, 45, 1); }
	#event-list {}
		#event-list article {
			margin: 0 1% 40px;
			max-width: 98%;
			}
			#event-list article:hover {}
			#event-list .evt-cat {
				font-size: 13px;
				padding: 5px 20px;
				}
			#event-list .evt-thumb {}
				#event-list .evt-thumb img {}
				#event-list .evt-thumb figcaption {}
			#event-list .evt-detail {}
				#event-list .evt-detail dt,
				#event-list .evt-detail dd {}
					#event-list .evt-detail dt h2 {
						font-size: 14px;
						padding: 20px 0 15px;
						}
					#event-list .evt-detail dt p {
						padding: 0 0 30px;
						}
				#event-list .evt-detail dd { font-size: 13px; }
			#event-list .evt-termsofuse {
				font-size: 13px;
				padding: 15px 30px 20px;
				}



/*

	Top

--------------------------------------------------- */
#top #event {}
	#top #event-list article {
		margin: 0 10px;
    	max-width: 230px;
		}
	#top #event-list .evt-cat {}
	#top #event-list .evt-detail dd {}
	#top #event-list .evt-termsofuse { padding: 10px 30px 30px; }
	#top #event .com-more {}
		#top #event .com-more span {}
		#top #event .com-more:hover {}
		#top #event .com-more:before {}



/*

	Event

--------------------------------------------------- */
#ls_event #wrap { padding: 0 0 60px; }
	#ls_event #event { padding: 40px 20px 25px; }
		#ls_event #event-list .evt-cat {}
		#ls_event #event-list article.event-col2 { max-width: 45%; }




}