﻿
#searchWindow {
	margin: 0 -5vw;
	padding: 24px 20px 30px;
	background: #e9e9e9;
	& form {
		display: flex;
		flex-wrap: wrap;
		gap: 15px 0;
		> div {
			width: 100%;
		}
	}
	& h3 {
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
		text-indent: -999px;
		overflow: hidden;
	}
	& h4 {
		width: 100%;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.search__place {
		& a {
			height: 48px;
			padding: 2px 10px 0;
			box-sizing: border-box;
			border-radius: 3px;
			display: flex;
			font-size: 12px;
			align-items: center;
			background: #fff;
			border: 1px solid var(--border);
			color: #000;
			position: relative;
			&::before, &::after {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 12px;
				margin: auto;
			}
			&::before {
				width: 13px;
				height: 1px;
				background: #000;
			}
			&::after {
				width: 6px;
				height: 6px;
				border-top: 1px solid #000;
				border-right: 1px solid #000;
				transform: rotate(45deg);
			}
			& i {
				width: 24px;
				height: 100%;
				padding-left: 10px;
				margin-left: auto;
				font-size: 15px;
				display: flex;
				align-items: center;
				color: #666;
				background: #fff;
				position: relative;
				z-index: 1;
			}
		}
	}
	.search__period {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		& input {
			width: 100%;
			height: 100%;
			padding-top: 2px;
			font-size: 12px;
			display: block;
		}
		.calender-div {
			width: calc(50% - 18px);
			height: 48px;
			position: relative;
		}
		.calender-from {
			width: 36px;
			text-align: center;
		}
		.calender-icon {
			height: 100%;
			font-size: 16px;
			display: flex;
			align-items: center;
			color: #666;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			max-width: auto;
		}
		.off-calender-icon {
			width: 23px;
			pointer-events: none;
		}
		.on-calender-icon {
			width: 46px;
			cursor: pointer;
		}
	}
	.search__keyword {
		& input[type="text"] {
			height: 48px;
			width: 100%;
			padding-top: 2px;
			display: block;
			font-size: 12px;
			&:focus {
				/*font-size: 16px;*/
			}
		}
		#statusCheck {
			margin-top: 20px;
			display: flex;
			gap: 0 20px;
		}
		& label {
			padding: 0;
			display: flex;
			align-items: center;
			position: relative;
			&::before {
				width: 28px;
				height: 28px;
				margin-right: 12px;
				box-sizing: border-box;
				position: static;
			}
			&::after {
				width: 13px;
				height: 8px;
				border-left: 1px solid #000;
				border-bottom: 1px solid #000;
				background: transparent;
				transform: rotate(-45deg) scale(0);
				transition: transform .15s;
				top: 0;
				bottom: 7px;
				left: 7px;
				margin: auto;
			}
		}
		.check02:checked + label {
			&::after { transform: rotate(-45deg) scale(1); }
		}
		#search02 {
			width: min(100%, 400px);
			height: 48px;
			margin: 30px auto 0;
			font-size: 16px;
			color: #fff;
			display: block;
			border-radius: 999px;
			background: #000;
			border: none;
			cursor: pointer;
		}
	}
	@media (min-width: 768px) {
		padding-left: 40px;
		padding-right: 40px;
		margin: 0 -40px;
		.search__period {
			.calender-div {
				width: 220px;
			}
		}
		.search__keyword {
			display: flex;
			flex-wrap: wrap;
			& label {
				height: 48px;
				display: flex;
				align-items: center;
			}
			#search02 {
				margin: 20px 0 0 auto;
				transition: opacity .3s;
				&:hover { opacity: .5;}
			}
		}
	}
	@media (min-width: 1120px) {
		margin: 0;
		padding: 33px 50px 40px;
		& form {
			gap: 23px 20px;
		}
		.search__place {
			width: 438px;
			& a {
				padding: 2px 9px 0 18px;
				font-size: 14px;
				border-radius: 6px;
			}
		}
		.search__period {
			width: 482px;
			& input {
				padding: 2px 18px 0;
				font-size: 14px;
				border-radius: 6px;
			}
			.calender-div {
				width: 220px;
			}
			.calender-from {
				width: 42px;
			}
		}
		.search__keyword {
			align-items: center;
			& input[type="text"] {
				width: 438px;
				font-size: 14px;
				border-radius: 6px;
			}
			& label {
				&::before {
					border-radius: 6px;
				}
			}
			#statusCheck {
				margin: 0 0 0 20px;
			}
			#search02 {
				width: 220px;
				margin: 0 0 0 auto;
			}
		}
	}
}
@media (max-width: 600px) {
	.datepickers-container {
		width: 100%;
	}
	.datepicker:nth-child(2) {
		right: 20px;
		left: auto !important;
		pointer-events: none;
		&.active {
			pointer-events: all;
		}
		.datepicker--pointer {
			left: auto !important;
			right: 10px;
		}
	}	
}


#change {
	margin: 24px 0 0;
	@media (min-width: 768px) {
		margin: 40px 0;
		display: flex;
		justify-content: end;
		align-items: center;
		gap: 0 30px;
	}
}


#placeChange {
	display: flex;
	gap: .2em;
	@media (min-width: 768px) {
		& a {
			display: block;
			position: relative;
			&::after {
				content: "";
				display: block;
				width: 0;
				height: 2px;
				margin: 0 auto;
				background: var(--f-pink);
				transition: width .3s;
			}
			&:hover::after {
				width: 100%;
			}
		}
	}
}


#displayChange {
	margin: 13px 0 40px;
	position: relative;
	z-index: 10;
	& button {
		width: 100%;
		height: 48px;
		padding: 0 18px;
		display: block;
		background: #fff;
		text-align: left;
		font-size: inherit;
		color: inherit;
		box-sizing: border-box;
		border-radius: 3px;
		border: 1px solid var(--border);
		cursor: pointer;
		position: relative;
		.icon {
			width: 1px;
			height: 14px;
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 24px;
			margin: auto;
			background: #000;
			transition: transform .3s;
			&::after {
				content: "";
				display: block;
				width: 6px;
				height: 6px;
				border-left: 1px solid #000;
				border-bottom: 1px solid #000;
				transform: rotate(-45deg);
				right: -3px;
				bottom: 0;
				position: absolute;
			}
		}
	}
	& ul {
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		border: 1px solid var(--border);
		border-radius: 3px;
		position: absolute;
		top: 44px;
		left: 0;
		opacity: 0;
		pointer-events: none;
		transition: opacity .4s, top .4s;
		& li {
			height: 46px;
			line-height: 46px;
			padding: 0 18px;
			color: var(--f-pink);
			&:not(:first-child) {
				border-top: 1px solid var(--border);
			}
		}
		& a {
			height: 100%;
			display: block;
			color: #000;
		}
	}
	&.open {
		& button .icon {
			transform: rotateX(180deg)
		}
		& ul {
			opacity: 1;
			top: 54px;
			pointer-events: all;
		}
	}
	@media (min-width: 768px) {
		width: 220px;
		margin: 0;
		& button {
			border-radius: 6px;
		}
		& ul {
			border-radius: 6px;
			& a {
				transition: color .3s;
				&:hover { color: var(--f-pink);}
			}
		}
	}
}


#content .pager{margin:50px 0}#eventMain{text-align:center;border-bottom:1px solid #ccc}#eventMainWrap{padding:30px 5vw 0}#eventMain .event__name{margin:0 0 20px;line-height:1.4;font-size:22px;font-weight:600}#eventMain .event__name span.subtitle{margin:0 0 20px;line-height:1.4;font-size:18px;font-weight:600}#eventMain .event__museum{margin:10px 0 5px;font-size:16px}#eventMain .event__status{margin:0 0 15px;font-size:0}#eventMain .event__status li{margin:0 10px 4px;font-size:13px;display:inline-block;vertical-align:top}#eventMain .event__status li:first-child{display:block}#eventMain .event__status .onlineTicket{width:100%;max-width:320px;margin:20px auto 35px;line-height:38px;display:block}#eventMain .event__status .onlineTicket a{width:100%;height:100%;border-radius:4px;display:block;background-color:#f53063;color:#fff;position:relative}#eventMain .event__status .onlineTicket a:before{content:"";display:inline-block;width:29px;height:36px;margin-right:10px;background-image:url(../img/icon/ticket02_white.png);background-repeat:no-repeat;background-position:center center;background-size:100% auto;vertical-align:top}#eventMain .ticket a{padding:8px 0 10px;display:block;background:#ffffff;border: 1px solid #f63063;width: auto;border-radius: 60px;}#eventMain .ticket{margin:-10px 5vw 30px}#eventMain .slider{margin:0 -5vw;padding-bottom:28px}#eventMain .slider img{width:100%;max-width:100%;height:80vw;max-height:692px;object-fit:contain}#eventMain .slider .swiper-pagination{padding:0 5vw;font-size:11px;text-align:right;box-sizing:border-box;bottom:0}#eventMain .slide_caption{margin:-18px 0 0;padding-right:50px;font-size:11px;text-align:left;line-height:1.6}#eventMain .thumbnail-wrapper{margin:12px -5vw 30px}#eventMain .thumbnail-wrapper .thumbnail{padding:0 20px 0 32px}#eventMain .thumbnail-wrapper .swiper-slide{width:140px;height:93px;background:#e9e9eb;position:relative}#eventMain .thumbnail-wrapper .swiper-slide img{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}#eventMain .thumbnail-wrapper .swiper-button-next,#eventMain .thumbnail-wrapper .swiper-button-prev{width:32px;height:93px;background:#f53063;top:0;margin:0;transition:all 0.3s;z-index:10}#eventMain .thumbnail-wrapper .swiper-button-next:after,#eventMain .thumbnail-wrapper .swiper-button-prev:after{font-size:14px;color:#fff;font-weight:900}#eventMain .thumbnail-wrapper .swiper-button-next.swiper-button-disabled,#eventMain .thumbnail-wrapper .swiper-button-prev.swiper-button-disabled{opacity:1;background:#cbcbcb}#eventMain .thumbnail-wrapper .swiper-button-next{right:0}#eventMain .thumbnail-wrapper .swiper-button-prev{left:0}#eventMainBtn{max-width:320px;margin:0 auto 20px;font-size:0}#eventMainBtn li{width:calc(50% - 10px);max-width:130px;margin:0 5px 10px;text-align:center;display:inline-block;vertical-align:top}#eventMainBtn a{width:38px;height:38px;padding-bottom:5px;display:block;font-size:11px;border-radius:3px;box-sizing:border-box;color:#fff}#eventMainBtn a:before{content:"";display:block;height:35px;margin:0 auto -5px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}#eventMainBtn .btnTicket{display:none}#eventMainBtn .btnClip a:before{width:14px;}#eventMainBtn .btnComment a:before{width:18px;background-image:url(../img/icon/comment_white.png)}#eventMainBtn .btnSetting a:before{width:17px;background-image:url(../img/icon/calendar_white.png)}#eventMainBtn .btnSetting a:after{margin:0 0 0 5px;vertical-align:-1px}#share{padding-bottom:40px;text-align:center}#share h4{margin-bottom:10px;font-weight:600;color:#666;}#share ul{font-size:0}#share li{margin:0 10px;display:inline-block;vertical-align:top}#share a{font-size:0;line-height:0;text-indent:-9999px;width:40px;height:40px;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center center}#share-tw a{background-color:#000;background-image:url(../img/nav/tw.png);background-size:auto 26px}#share-fb a{background-color:#3b5998;background-image:url(../img/nav/fb.png);background-size:auto 26px}#share-hb a{background-color:#00a4de;background-image:url(../img/nav/hb.png);background-size:auto 26px}#share-li a{background-color:#00b900;background-image:url(../img/nav/li.png);background-size:auto 10px}
#detail #detailArea h3,#detail #reviews h3,#detail #eventTour h3,#detail #event_images h3{
	margin:30px 0 -10px;
	font-size:22px;
	font-weight:500;
	line-height:1.6;
}
#detail #detailArea h3 span,#detail #reviews h3 span,#detail #event_images h3 span, #detail #eventTour h3 span{display:block;font-size:12px;color:#f63063;font-weight:500}
#detail #detailArea h3+.artEventReview,#detail #reviews h3+.artEventReview{margin-top:20px}
#detail #detailArea {
	padding-block:10px 30px;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0;
	& h4{margin:20px 0 -10px;font-weight:600}
	& p{margin-top:20px}
	& table, & tbody, & tr, & th, & td{display:block;text-align:left}
	& th{padding-bottom:5px;margin:15px 0 5px;border-bottom:1px dotted #ccc;font-weight:600}
}
#detail .spotLocation span{margin-right:12px}
#detail .spotLocation img{width:10px;margin-right:5px;vertical-align:-1px}
#detail #muInfo {
	& h3 { font-size: 18px;}
	& p{width:320px;margin-top:25px;position:relative}
	& a{font-size:0;line-height:0;text-indent:-9999px;display:block;width:100%;height:100%;position:absolute;top:0;left:0}
	& a:before, & a:after{content:"";display:block;position:absolute}
	& a:before{width:18px;height:18px;background:#fff;opacity:0.9;bottom:0;right:0}
	& a:after{width:6px;height:6px;border-right:1px solid #888;border-bottom:1px solid #888;bottom:5px;right:7px;transform:rotate(-45deg)}
}
#detail #ticket .btn-red a{width:100%;max-width:320px;margin:0 auto;display:block}
#detail .adArea{margin-top:40px}
#detail .notReviews{margin-top:20px;padding:30px 20px;background:#f2f2f2;text-align:center}
#detail .notReviews a{display:inline-block}
#detail .areaSearch{margin:40px 0 0;text-align:center}
#detail .artEventReview+.notReviews{margin-top:40px}
body#prefectures #content h3{margin-bottom:15px;font-size:18px;font-weight:500}
body#prefectures #content .prefectures__list{margin:0 -5vw 30px;border-top:1px solid #ccc;position:relative;z-index:0}
body#prefectures #content .prefectures__list:after{content:"";display:block;width:100%;height:100%;box-sizing:border-box;border-bottom:1px solid #ccc;position:absolute;top:0;left:0;z-index:-1}
body#prefectures #content .prefectures__list li{width:50%;box-sizing:border-box;display:inline-block;border-bottom:1px solid #ccc}
body#prefectures #content .prefectures__list li:first-child{width:100%}body#prefectures #content .prefectures__list li:nth-child(2n+2){border-right:1px solid #ccc}
body#prefectures #content .prefectures__list a{padding:5px 5vw;display:block;background:#fff}body#prefectures #content .prefectures__list span{display:none}
@media screen and (min-width: 360px){
	#eventMainBtn{max-width:none;padding:0 10px}
	#eventMainBtn li{max-width:170px;height:35px}
	#eventMainBtn a{padding:0 5px 0 0;line-height:36px;border-radius:20px}
	#eventMainBtn a:before{margin:0 5px 0 0;display:inline-block;vertical-align:top}
}
@media screen and (min-width: 600px){
	#content .pager{margin:30px 0 50px}
	#eventMainWrap{max-width:1040px;margin:0 auto;padding:40px 40px 0}
	#eventMain .event__name{font-size:30px}
	#eventMain .event__name span.subtitle{font-size:26px}
	#eventMain .event__status li{font-size:15px}
	#eventMain .ticket{margin:0 40px 40px}
	#eventMain .ticket a{padding:16px 0 16px;display:block;background:#ffffff;border: 1px solid #f63063;width: 64%;margin:0 auto;border-radius: 60px;}
	#eventMain .slider{margin:0 -40px}
	#eventMain .slider .swiper-pagination{padding:0 40px}
	#eventMain .slider .swiper-button-next,#eventMain .slider .swiper-button-prev{display:block;width:42px;height:calc(100% - 28px);max-height:692px;top:0;margin:0}
	#eventMain .slider .swiper-button-next:after,#eventMain .slider .swiper-button-prev:after{width:42px;height:42px;line-height:40px;display:block;background:#fff;box-sizing:border-box;border:1px solid #f53063;font-size:14px;color:#f53063;font-weight:900;position:absolute;top:0;bottom:0;left:0;margin:auto}
	#eventMain .slider .swiper-button-next{right:0}
	#eventMain .slider .swiper-button-prev{left:0}
	#eventMain .slider img{width:auto;height:auto}
	#eventMain .thumbnail-wrapper{margin:30px -40px 60px}
	#eventMainBtn{padding:0;margin-bottom:40px}
	#eventMainBtn a{font-size:12px}
	#eventMainBtn a:before{margin:0 10px 0 0}
	#eventMainBtn .btnClip a:before{margin:0 7px 0 0}
	#share{padding-bottom:50px}
	#share h4{margin:0 15px 0 0;display:inline-block;vertical-align:middle;line-height:48px}
	#share ul{display:inline-block;vertical-align:middle}
	#share li{margin:0 15px 0 0}
	#share a{width:38px;height:38px}
	#detail #detailArea table,#detail #detailArea tbody{display:table}
	#detail #detailArea table{margin-top:10px}
	#detail #detailArea tr{display:table-row}
	#detail #detailArea th,#detail #detailArea td{margin:0;padding:10px 0 0;display:table-cell;border:none;}
	#detail #detailArea th{width:60px;font-weight:300}
	body#prefectures #content .prefectures__list{margin:0 0 30px;border-left:1px solid #ccc}
	body#prefectures #content .prefectures__list:after{border:1px solid #ccc}
	body#prefectures #content .prefectures__list li{width:25%;border-right:1px solid #ccc}
	body#prefectures #content .prefectures__list a{padding:5px 15px}
}
@media screen and (min-width: 1120px){
	#eventMainWrap{padding:55px 42px 0}
	#eventMain .event__name{margin:0 0 25px;font-size:37px}
	#eventMain .event__name span.subtitle{font-size:28px}
	#eventMain .event__museum{margin-bottom:10px}
	#eventMain .event__museum a{display:inline-block;text-decoration:none;position:relative}
	#eventMain .event__museum a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}
	#eventMain .event__museum a:hover:after{width:100%;opacity:1}
	#eventMain .event__status{margin:0 0 20px;position:relative}
	#eventMain .event__status li:first-child{display:inline-block}
	#eventMain .event__status a{display:inline-block;text-decoration:none;position:relative}
	#eventMain .event__status a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}
	#eventMain .event__status a:hover:after{width:100%;opacity:1}
	#eventMain .event__status .onlineTicket{width:100px;height:100px;margin:0;line-height:1.6;font-size:13px;position:absolute;bottom:-15px;right:0}
	#eventMain .event__status .onlineTicket a{padding-top:24px;border-radius:50%;box-sizing:border-box;transition:all 0.3s}
	#eventMain .event__status .onlineTicket a:hover{opacity:0.7}
	#eventMain .event__status .onlineTicket a:before{display:block;height:25px;margin:0 auto 5px}
	#eventMain .event__status .onlineTicket a:after{display:none}
	#eventMain .event__status .onlineTicket span{display:none}
	#eventMain .ticket{width:1040px;margin:-20px auto 50px;font-weight: 500;}
	#eventMain .ticket a{transition:all 0.3s;font-size: 15px;}
	#eventMain .ticket a:hover{opacity:0.7}
	#eventMain .slider{margin:0 -42px}
	#eventMain .slider .swiper-pagination{padding:0 42px}
	#eventMain .slider .swiper-button-next,#eventMain .slider .swiper-button-prev{background:#fff}
	#eventMain .slider .swiper-button-next:after,#eventMain .slider .swiper-button-prev:after{transition:all 0.3s;opacity:0.7}
	#eventMain .slider .swiper-button-next:hover:after,#eventMain .slider .swiper-button-prev:hover:after{opacity:1}
	#eventMain .thumbnail-wrapper{margin:30px 0 60px;overflow:hidden}
	#eventMain .thumbnail-wrapper .thumbnail{width:900px;margin:0 auto;padding:0;overflow:visible}
	#eventMain .thumbnail-wrapper .thumbnail:after,#eventMain .thumbnail-wrapper .thumbnail:before{content:"";display:block;width:70px;height:100%;background:#fff;position:absolute;top:0;z-index:5}
	#eventMain .thumbnail-wrapper .thumbnail:after{right:-70px}
	#eventMain .thumbnail-wrapper .thumbnail:before{left:-70px}
	#eventMain .thumbnail-wrapper .swiper-button-next{right:-70px}
	#eventMain .thumbnail-wrapper .swiper-button-prev{left:-70px}
	#eventMainBtn li{max-width:172px;height:35px;margin:0 5px;transition:all 0.3s}
	#eventMainBtn li:hover{opacity:0.7}
	#eventMainBtn a{padding:0 5px 0 0;line-height:36px}
	#eventMainBtn a:before{margin:0 10px 0 0;display:inline-block;vertical-align:top}
	#eventMainBtn .btnTicket{max-width:220px;width:220px;display:inline-block}
	#eventMainBtn .btnTicket a{line-height:34px;color:#f63063;background-color:#feebf2;border:1px solid #f53063}
	#eventMainBtn .btnTicket a:before{width:21px;background-image:url(../img/icon/ticket02_pink.png);background-position:center 7px}
	#detail {
		#detailArea{
			display: grid;
			grid-template-columns: 1fr 365px;
			grid-template-rows: auto 1fr;
			grid-column: 1 / 3;
			grid-template-areas:
			"exAbout side"
			"evDetails side";
		}
		#exAbout{
			grid-area: exAbout;
		}
		#evDetails{
			grid-area: evDetails;
			& a:hover{text-decoration:underline}
		}
		#detailAreaRight{
			width:320px;
			padding-left: 45px;
			grid-area: side;
		}
	}
	#detail .notReviews a,#detail .areaSearch a{display:inline-block;text-decoration:none;position:relative}
	#detail .notReviews a:after,#detail .areaSearch a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}
	#detail .notReviews a:hover:after,#detail .areaSearch a:hover:after{width:100%;opacity:1}
	body#prefectures #content h3{margin:40px 0 25px}
	body#prefectures #content .prefectures__list{margin:0 0 25px;border:none}
	body#prefectures #content .prefectures__list:after{display:none}
	body#prefectures #content .prefectures__list li{width:auto !important;border:none !important}
	body#prefectures #content .prefectures__list a{display:inline-block;text-decoration:none;position:relative;padding:0;display:inline}
	body#prefectures #content .prefectures__list a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}
	body#prefectures #content .prefectures__list a:hover:after{width:100%;opacity:1}
	body#prefectures #content .prefectures__list span{margin:0 6px;display:inline}
	body#prefectures #content .link-back{margin-top:40px}
	body#prefectures #content .link-back a{display:inline-block;text-decoration:none;position:relative}
	body#prefectures #content .link-back a:after{content:"";display:block;width:20%;height:2px;background:#f53063;transition:all 0.3s;position:absolute;bottom:-3px;left:0;right:0;margin:0 auto;opacity:0;pointer-events:none}
	body#prefectures #content .link-back a:hover:after{width:100%;opacity:1}
}
#detail .event_images_area{display:flex; flex-wrap:wrap;justify-content: space-between;padding: 30px 0;}
#detail .event_images_area .event_image_inner{width:100%;margin-bottom:40px;}
#detail .event_images_area .image_area{display:flex;justify-content: center;align-items: center;height:240px;text-align:center;}
#detail .event_images_area .image_area img{max-height:100%;max-width:100%;}
#detail .event_images_area .caption_area{text-align:left;line-height:1.6;margin-top:10px;font-size:12px;color:#666;
}#detail #event_images .next_link{ margin-top:0;}#detail #eventTour .tourTitle{ margin-top:20px; font-size:16px;margin-bottom:10px;}
#detail #eventTour ul.tourList li{margin-bottom:10px;line-height:2.2;}
#detail #eventTour .tourPrefecture{background-color:#f2f2f2;padding:5px 14px;border-radius: 20px;color:#666;}
#detail #eventTour ul.tourList li a{padding:0 10px;}
#detail #eventTour span.tourStatus{ padding: 3px 6px 2px;border-radius: 3px;border: 1px solid #f53063;color: #f63063;}
#detail #eventTour span.tourStatus.opened{border-color: #c00384;color: #c00384;}
#detail #eventTour span.tourStatus.closed{border-color:#888888;color:#888888}
#detail #eventTour .tourAttention{color:#888;font-size:13px;}
@media screen and (min-width: 1120px) {
	#detail .event_images_area .event_image_inner{width:30.75%;}
	#detail #eventTour ul.tourList li{line-height: 1.8;}
}
#eventMain .slider .swiper-button-next:after,
#eventMain .slider .swiper-button-prev:after{width:38px;height:38px;line-height:36px;display:block;background:#fff;box-sizing:border-box;border:1px solid #f53063;font-size:14px;color:#f53063;font-weight:900;position:absolute;top:0;bottom:0;left:0;margin:auto}
#eventMain .slider .swiper-button-next{right:12px}
#eventMain .slider .swiper-button-prev{left:0}
#eventMain .slider .swiper-button-next:after,#eventMain .slider .swiper-button-prev:after{transition:all 0.3s;opacity:0.7}
@media screen and (min-width: 600px) {
	#eventMain .slider .swiper-button-next:after, #eventMain .slider .swiper-button-prev:after {width: 42px;height: 42px;line-height: 40px;}
	#eventMain .slider .swiper-button-next{right:0px}
	#share{padding-top:20px;}
}
#eventMainBtn .btnVisit a, #eventMainBtn .btnClip a, #eventMainBtn .btnComment a, #eventMainBtn .btnReport a, #eventMainBtn .btnSetting a{ border: solid 1px #f63063; line-height:34px;margin: 0 auto;}
#eventMainBtn .btnVisit a.saved, #eventMainBtn .btnClip a.saved, #eventMainBtn .btnComment a.saved, #eventMainBtn .btnReport a.saved, #eventMainBtn .btnSetting a.saved{ background-color:#f63063;}
#eventMainBtn .btnVisit a.saved i, #eventMainBtn .btnClip a.saved i, #eventMainBtn .btnComment a.saved i, #eventMainBtn .btnReport a.saved i, #eventMainBtn .btnSetting a.saved i{color:#fff;}
#eventMainBtn .btnClip a.saved:before{background-image: url(../img/icon/clip_pink.png);}
#eventMainBtn .btnComment a.saved:before{background-image: url(../img/icon/comment_pink.png);}
@media screen and (min-width: 600px) {
	#eventMainBtn .btnVisit a:before, #eventMainBtn .btnReport a:before {width: 17px;}
}
