/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ イベントスケジュール */

div.event-schedule-index { }

div.event-schedule-index ul {
	/* reset */
	list-style: none;
	padding: 0;
	margin: 0;
}

div.event-schedule-index ul li {
	/* reset */
	list-style: none;
	padding: 0;
	margin: 0;		
	float: left;
	width: 32%;
	margin-right: 2%;
}

div.event-schedule-index ul li:last-child {
	margin-right: 0;
}

div.event-schedule-index ul li a {
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	
	padding: 1em;
	text-align: center;
	white-space: nowrap;
	transition: all 0.1s;
	
	height: 80px;
	box-sizing: border-box;
	position: relative;
	letter-spacing: -1px;
}

div.event-schedule-index ul li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);

}

div.event-schedule-index ul li a.current,
div.event-schedule-index ul li a:hover {
	display: block;
	background: #fc8800;
	color: #fff;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 日付 */

div.date-select {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

div.date-select div.date-wrap {
	display: inline-block;
	margin-right: 1em;
}

div.date-select div.date-wrap span.value {
	font-size: 18px;
}

div.date-display {
	font-size: 18px;
	margin-bottom: 0.75em;
}

div.date-display {
	text-align: center;
	font-size: 21px;
}

div.date-display span.value {
	font-size: 24px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ イベントスケジュール ステージ */

div.schedule-table-wrap {
	/* overflow-x: scroll; */
	width: 773px;
	-webkit-overflow-scrolling: touch;

}

div.schedule-table-wrap table.schedule-table {
	table-layout: fixed;
	font-size: 13px;
	border-collapse: collapse;
	width: 100%;
	width: 753px; /* */
}

div.schedule-table-wrap table.schedule-table thead th {
	/* white-space: nowrap; */
	text-align: left;
	padding: 0.5em 0.5em;
	background: #efeae4;
	line-height: 1.25;
	vertical-align: top;
}

/* タイムテーブル */

div.schedule-table-tbody-wrap {
	height: 400px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	width: 773px; /* */
}

div.schedule-table-wrap table.schedule-table th {
	border: 1px solid #ddd;
	/* reset */
	/* padding: 0; */
	padding: 0.5em 0.5em;
	text-align: center;
}

div.schedule-table-wrap table.schedule-table td {
	/* border: 1px dotted #ddd; */
	/* reset */
	padding: 0;
}

/* 15分毎 */

div.schedule-table-wrap table.schedule-table tr:nth-child(3n) td {
	border-bottom: 1px dotted #ddd;
}




/* そ れ ぞ れ の セ ル の 高 さ */

/* 最 小 5 分 */
div.schedule-table-wrap table.schedule-table td div.cell {
	min-height: 25px;
	position: relative;
}

/* 時間 の 列 */

div.schedule-table-wrap table.schedule-table .time-cell {
	width: 6% !important;
	background: #efeae4;
	font-weight: bold;
	vertical-align: top;
	font-size: 12px;
}

/* イ ベ ン ト の 表 示 */

div.schedule-table-wrap table.schedule-table td div.event {
	border: 1px solid #ccc;
	/* border-top: 2px solid #fc8800; */
	padding: 0.25em;
	position: absolute;
	background: #fff;
	line-height: 1.5;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.125);
	box-sizing: border-box;
	overflow: hidden;
	transition: 0.1s all;
	z-index: 1;
	width: 100%;
}

/* 時 間 ごと に 高 さ を 変 更 */

div.schedule-table-wrap table.schedule-table td div.event.time-015 { height: 75px; } div.schedule-table-wrap table.schedule-table td div.event.time-030 { height: 150px; } div.schedule-table-wrap table.schedule-table td div.event.time-045 { height: 225px; } div.schedule-table-wrap table.schedule-table td div.event.time-060 { height: 300px; } div.schedule-table-wrap table.schedule-table td div.event.time-075 { height: 375px; } div.schedule-table-wrap table.schedule-table td div.event.time-090 { height: 450px; } div.schedule-table-wrap table.schedule-table td div.event.time-105 { height: 525px; } div.schedule-table-wrap table.schedule-table td div.event.time-120 { height: 600px; } div.schedule-table-wrap table.schedule-table td div.event.time-135 { height: 675px; } div.schedule-table-wrap table.schedule-table td div.event.time-150 { height: 750px; } div.schedule-table-wrap table.schedule-table td div.event.time-165 { height: 825px; }
div.schedule-table-wrap table.schedule-table td div.event.time-180 { height: 900px; } div.schedule-table-wrap table.schedule-table td div.event.time-195 { height: 975px; } div.schedule-table-wrap table.schedule-table td div.event.time-210 { height: 1050px; } div.schedule-table-wrap table.schedule-table td div.event.time-225 { height: 1125px; } div.schedule-table-wrap table.schedule-table td div.event.time-240 { height: 1200px; } div.schedule-table-wrap table.schedule-table td div.event.time-255 { height: 1275px; } div.schedule-table-wrap table.schedule-table td div.event.time-270 { height: 1350px; } div.schedule-table-wrap table.schedule-table td div.event.time-285 { height: 1425px; } div.schedule-table-wrap table.schedule-table td div.event.time-300 { height: 1500px; } div.schedule-table-wrap table.schedule-table td div.event.time-315 { height: 1575px; } div.schedule-table-wrap table.schedule-table td div.event.time-330 { height: 1650px; } div.schedule-table-wrap table.schedule-table td div.event.time-345 { height: 1725px; } div.schedule-table-wrap table.schedule-table td div.event.time-360 { height: 1800px; } div.schedule-table-wrap table.schedule-table td div.event.time-375 { height: 1875px; } div.schedule-table-wrap table.schedule-table td div.event.time-390 { height: 1950px; } div.schedule-table-wrap table.schedule-table td div.event.time-405 { height: 2025px; } div.schedule-table-wrap table.schedule-table td div.event.time-420 { height: 2100px; } div.schedule-table-wrap table.schedule-table td div.event.time-435 { height: 2175px; } div.schedule-table-wrap table.schedule-table td div.event.time-450 { height: 2250px; } div.schedule-table-wrap table.schedule-table td div.event.time-465 { height: 2325px; } div.schedule-table-wrap table.schedule-table td div.event.time-480 { height: 2400px; } div.schedule-table-wrap table.schedule-table td div.event.time-495 { height: 2475px; } div.schedule-table-wrap table.schedule-table td div.event.time-510 { height: 2550px; } div.schedule-table-wrap table.schedule-table td div.event.time-525 { height: 2625px; } div.schedule-table-wrap table.schedule-table td div.event.time-540 { height: 2700px; } div.schedule-table-wrap table.schedule-table td div.event.time-555 { height: 2775px; } div.schedule-table-wrap table.schedule-table td div.event.time-570 { height: 2850px; } div.schedule-table-wrap table.schedule-table td div.event.time-585 { height: 2925px; } div.schedule-table-wrap table.schedule-table td div.event.time-600 { height: 3000px; } div.schedule-table-wrap table.schedule-table td div.event.time-615 { height: 3075px; } div.schedule-table-wrap table.schedule-table td div.event.time-630 { height: 3150px; } div.schedule-table-wrap table.schedule-table td div.event.time-645 { height: 3225px; } div.schedule-table-wrap table.schedule-table td div.event.time-660 { height: 3300px; } div.schedule-table-wrap table.schedule-table td div.event.time-675 { height: 3375px; } div.schedule-table-wrap table.schedule-table td div.event.time-690 { height: 3450px; } div.schedule-table-wrap table.schedule-table td div.event.time-705 { height: 3525px; } div.schedule-table-wrap table.schedule-table td div.event.time-720 { height: 3600px; }


div.schedule-table-wrap table.schedule-table td div.event a {
	display: block;
}


/* hover */ 

div.schedule-table-wrap table.schedule-table td div.event:hover {
	height: auto !important;
	border: 1px solid #fc8800;
	z-index: 10000;
	/* border-top: 2px solid #fc8800; */
}

div.schedule-table-wrap table.schedule-table td div.event:hover a {
	text-decoration: none;
}

/* @end hover */

div.schedule-table-wrap table.schedule-table td div.event div.event-time {
	color: #999;
	font-weight: bold;
	font-size: 10px;
}

div.schedule-table-wrap table.schedule-table td div.event div.event-category {
	color: #999;
	font-weight: normal;
	font-size: 11px;
}

div.schedule-table-wrap table.schedule-table td div.event div.event-group {
	color: #4a4a4a;
	font-weight: bold;
	font-size: 12px;
}

div.schedule-table-wrap table.schedule-table figure {
	/* reset */
	margin: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ データのテーブル */

div.date-table table {
	/* background: #fff; */
	width: 100%;
	margin-bottom: 1em;
}

div.date-table table th,
div.date-table table td {
    border: 1px solid #ccc;
	padding: 0.25em;
	text-align: left;
}

div.date-table table th {
	background: #efeae4;
	width: 15%;
	white-space: nowrap;
}

div.date-table table td div.map-btn a {
    background: #fc8800;
    color: #fff;
    display: inline-block;
	padding: 0.125em 1em;
}

div.date-table table td div.map-btn a:hover {
	text-decoration: none;
	opacity: 0.9;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ブーススケジュール */

/* マップ表示 */
div.map-wrap {
	text-align: center;
}

div.map-wrap a {
	width: 100%;
}

div.map-wrap img {
	width: 100%;
}

div.map-display {
	padding-top: 1em;
	padding-bottom: 1em;
}

div.map-display figure {
	/* reset */
	padding: 0;
	margin: 0;
}

table.group-table {
	border: 1px solid #ccc;
	width: 100%;
}

table.group-table th,
table.group-table td {
	border: 1px solid #ccc;
	padding: 0.25em;
}

table.group-table th.alphabet { width: 5%; background: #fc8800; color: #fff; }
table.group-table td.group-name { width: 85%; }
table.group-table td.booth-number { width: 15%; white-space: nowrap; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ パレード */

div.parade-list {
}

div.parade-article {
	margin-bottom: 40px;
}


div.parade-title {
	border-bottom: 1px solid #333;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
}

div.area-name-wrap {
	background: #fc8800;
	color: #fff;
	clear: both;
	position: relative;
	min-height: 40px;
	/* cursor: pointer; */
}

div.area-name-wrap div.area-name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

div.area-name-wrap div.trigger {
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: #fff;
	width: 30px;
	height: 30px;
	border-radius: 1000px;
}

div.area-name-wrap div.trigger span {
	width: 70%;
	height: 2px;
	position: absolute;
	background: #fc8800;
	display: block;
	transition: 0.5s all;
}

div.area-name-wrap div.trigger span:nth-child(1) {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

div.area-name-wrap div.trigger span:nth-child(2) {
	display: block;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

/* ------------------------------ a c t i v e のとき */

div.area-name-wrap.active div.trigger span:nth-child(1) {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}

div.area-name-wrap.active div.trigger span:nth-child(2) {
	display: none;
}

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

div.group-list {
	box-sizing: border-box;
	border: 1px solid #ccc;
}

div.area-name-wrap + div.group-list {
	/* max-height: 0; */
	overflow: hidden;
	transition: 0.1s all;
	/* padding: 0; */
}

div.area-name-wrap.active + div.group-list {
	max-height: 1000px;
}

div.group-list div.group-name {
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	border: 1px solid #ccc;
	padding: 0.25em;	
}

div.group-list div.group-name span.number {
	display: inline-block;
	width: 10%;
	min-width: 50px;
	text-align: left;
}

div.group-list div.group-name:last-child {
	margin-bottom: 1em;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ PhotoSwipe の実 装 */

/* レ イ ヤ ー の 最 前 面 に 配 置 */
.pswp {
	z-index: 100000 !important;
}

/* テキストリンク */

span.gallery-text-link img {
	display: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ iziModal の実装 */

/* .iziModal-navigate-caption {
	display: none !important;
}

.iziModal-navigate > button {
	opacity: 1 !important;
}

閉じるボタン

div.iziModal-close a {
	width: 40px;
	height: 40px;
	position: absolute;
	border-radius: 1000px;
	display: block;
	background: #ccc;
	right: 0.5em;
	top: 0.5em;
	cursor: pointer;
	z-index: 1000;
}

div.iziModal-close a:before {
	background: #fff;
    box-sizing: border-box;
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 24px;
    left: 50%;
    top: 13px;
    transform: translateX(-50%) translateY(6px) rotate(-45deg);
	-webkit-transform: translateX(-50%) translateY(6px) rotate(-45deg);
	content: "";
	pointer-events: none;
}

div.iziModal-close a:after {
	background: #fff;
    box-sizing: border-box;
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 24px;
	bottom: 13px;
    left: 50%;
    transform: translateX(-50%) translateY(-6px) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-6px) rotate(45deg);
	content: "";
	pointer-events: none;	
}

div.iziModal.modal-outer div.modal-inner {
	overflow: hidden;
	padding: 1em;
}

.iziModal-navigate-prev {
	background: url(iziModal/izimodal-prev.png) no-repeat scroll 50% 50% !important;
}

.iziModal-navigate-next {
	background: url(iziModal/izimodal-next.png) no-repeat scroll 50% 50% !important;
}

.iziModal-navigate-caption::before {
	background: url(iziModal/izimodal-before.png) no-repeat !important;
}

.iziModal-navigate-caption::after {
	background: url(iziModal/izimodal-after.png) no-repeat !important;
} */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ スクロールトップ */

div.scroller {
    display: block;
    height: 50px;
    position: fixed;
    width: 50px;
    z-index: 100;
    right: 10px;
	bottom: 10px;	
}

div.scroller div.button {
    position: absolute;
}

div.scroller div.button a {
    background: #ff8800;
    display: block;
    height: 50px;
    position: relative;
    width: 50px;
	border-radius: 1000px;
    transition: all 0.2s;
	opacity: 0.8;
}

div.scroller div.button a:hover {
	opacity: 0.5;
}

div.scroller div.button a.scrollTop::before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 8px;
    left: inherit;
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
	-webkit-transform: translateY(-50%) rotate(-45deg);
    width: 8px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ バナーエリア カスタマイズ */

div.advertising-banners {
	padding: 10px 5px; /* */ /* 左右 の padding は 差 し 引 く */
	border: 1px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
	background: #fff;
}

/* s l i c k の カ ス タ マ イ ズ  */

div.advertising-banners .slick-list {
	overflow: hidden !important;
}

div.advertising-banners ul {
	/* reset */
	padding: 0;
	margin: 0;
}

div.advertising-banners ul li {
	/* margin-bottom: 20px;
	margin-right: 0.5%; */
	/* margin-right: 0.25%;
	margin-left: 0.25%; */
	margin-right: 5px;
	margin-left: 5px;	
}

/* slick prev next */

div.advertising-banners .slick-prev.slick-arrow {
	background: none;
	border: none;
	font-size: 0;
	width: 40px;
	height: 40px;
	position: absolute;
	background:;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0; /* */
	z-index: 1000;
}

div.advertising-banners .slick-prev.slick-arrow:before {
	width: 20px;
	height: 20px;
	left: 0;
	position: absolute;
	content: "";
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	filter: drop-shadow(0 0 2px #000);
}

div.advertising-banners .slick-next.slick-arrow {
	background: none;
	border: none;
	font-size: 0;
	width: 40px;
	height: 40px;
	position: absolute;
	background:;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);	
	right: 0; /* */
	z-index: 1000;
}

div.advertising-banners .slick-next.slick-arrow:before {
	width: 20px;
	height: 20px;
	right: 0;
	position: absolute;
	content: "";
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	filter: drop-shadow(0 0 2px #000);
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ サブメニュー の 追加 */

#header-menu div#main-menu > ul > li {
	position: relative;
}

#header-menu ul li ul.sub-menu {
	position: absolute;
	/* top: 70px; */ /* */
	/* top: 0; */
	/* left: 50%; */
	z-index: 2000;
	/* filter: drop-shadow(0 0 1px #ccc); */
	background: #fbad20;
	display: none;
	/* transform: translateX(-50%);
	-webkit-transform: translateX(-50%); */
	width: 100%;
	/* padding-left: 10px;
	padding-right: 10px; */
}

#header-menu ul li ul.sub-menu {
	/* height: 100%;
	display: block; */
}

#header-menu ul li ul.sub-menu li {
	display: block;
	position: relative;
	height: auto;
	width: 100%;
}

#header-menu ul li ul.sub-menu li a {
	display: block;
	white-space: nowrap;
	padding: 0.25em 10px 0.25em 10px; /* */
	position: relative;
	/* color: #333; */
	/* border-bottom: 1px dotted #000; */
	font-size: 16px !important;
	text-align: left;
	/* 	background: #f0f0f0; */
	height: auto;
	line-height: inherit;
	font-weight: normal !important;
	background: #fff;
	color: #333;
}

#header-menu ul li ul.sub-menu li a:hover {
	/* color: #fbad20; */
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ インスタグラムアイコンの追加 */

#header-top #header-top-parts a.link-instagram {

}

#header-top #header-top-parts a.link-instagram img {
	width: 29px;
	height: 29px;
	vertical-align: baseline;
	display: inline-block;
	line-height: normal;
	position: relative;
	top: 3.5px;
}