/* CSS Document */

#main{
	width: 100%;
	padding: 0;
	}
article{
	position: relative;
	padding: 2em 0;
	}
	article header{
		position: relative;
		display: table;
		width: 100%;
		height: 8em;
		}
		article header i{
			position: absolute;
			left: 50%;
			top: 50%;
			width: 8em;
			height: 8em;
			padding: 1em;
			background: #a03427;
			border-radius: 100%;
			margin-left: -4em;
			margin-top: -4em;
			}
		article header svg{
			fill: #fff;
			opacity: .1;
			}
		article header div{
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			text-shadow:
				0 1px 0 #a03427,
				1px 0 0 #a03427,
				0 -1px 0 #a03427,
				-1px 0 0 #a03427,
				-1px -1px 0 #a03427,
				1px -1px 0 #a03427,
				-1px 1px 0 #a03427,
				1px 1px 0 #a03427
				;
			}
		article header h3{
			position: relative;
			color: #fff;
			font-size: 24px;
			font-family: "Rounded Mplus 1c";
			line-height: 1em;
			}
		article header p{
			position: relative;
			display: inline-block;
			margin-bottom: 0.5em;
			color: #fff;
			}
		article header h3+p{
			margin-bottom: 0;
			margin-top: 0.5em;
			}
		article h4{
			color: #a03427;
			font-family: "Rounded Mplus 1c";
			font-size: 18px;
			line-height: 1.4em;
			}
		article a+a{
			margin-top: 0.5em;
			}
		article section a{
			color: #a03427;
			font-weight: bold;
			}

#title{ }
	#title h2{
		text-align: center;
		}

#pageNav{
	background: #a03427;
	padding: 0;
	}
	#pageNav ul{
		display: flex;
		justify-content: space-between;
		border-right: 1px solid rgba(255,255,255,0.2);
		background: none;
		border: none;
		color: #fff;
		}
	#pageNav li{
		color: #fff;
		background: none;
		border: none;
		}
	#pageNav li+li{
		border-left: 1px solid rgba(255,255,255,0.2);
		}
	#pageNav a{
		display: block;
		padding: 0.8em 0.2em;
		color: #fff;
		font-size: 2.5vw;
		font-weight: bold;
		line-height: 1em;
		text-align: center;
		}
		#pageNav a:hover{
			text-decoration: none;
			background: rgba(0,0,0,0.1);
			}
	#pageNav i{
		position: static;
		display: block;
		width: 2.5em;
		height: 2.5em;
		margin: auto;
		margin-bottom: 0.5em;
		}
	#pageNav svg{
		fill: #fff;
		opacity: .5;
		}

#introduction{
	background: url(../images/omaneki_member_bg.jpg);
	}
	#introduction:before,
	#introduction:after{
		content: none;
		}
	#introduction figure+figure{
		float: left;
		width: 50%;
		}
	#introduction h3{
		color: #a03427;
		font-family: "Rounded Mplus 1c";
		font-size: 21px;
		line-height: 1em;
		text-align: center;
		}
	#introduction dl{
		margin-top: 1em;
		padding-bottom: 0.5em;
		}
	#introduction dt,
	#introduction dd{
		padding: 0.3em 0.5em;
		font-weight: bold;
		line-height: 1em;
		}
	#introduction dt{
		position: absolute;
		background: #a03427;
		border-radius: 2px;
		color: #fff;
		}
	#introduction dd{
		padding-top: 2em;
		margin-bottom: 0.5em;
		}
	#introduction p+p{
		margin-top: 2em;
		}

#information{
	background: #a03427;
	}
	#information h3{
		color: #fff;
		font-family: "Rounded Mplus 1c";
		font-size: 21px;
		line-height: 1em;
		text-align: center;
		}
	#information dl{
		position: relative;
		margin-top: 1em;
		border-top: 1px dotted #fff;
		}
	#information dt,
	#information dd{
		padding: 1em 0;
		color: #fff;
		line-height: 1.4em;
		}
	#information dd{
		padding-top: 0.5em;
		border-bottom: 1px dotted #fff;
		}
	#information dt{
		padding-bottom: 0;
		}
	#information a{
		color: #fff;
		text-decoration: underline;
		}
	#information ul{
		display: flex;
		justify-content: center;
		margin: -5px;
		padding-top: 2em;
		}
	#information li{
		width: 50%;
		padding: 0 5px;
		}
	#information p{
		margin-top: 1em;
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
		}

#sns{
	display: none;
	background: #a03427;
	}
	background: #a03427;
	}
	#sns:before,
	#sns:after{
		content: none;
		}
	#sns h3{
		display: none;
		}
	#sns h4{
		color: #fff;
		text-align: center;
		}
	#sns > div > div{
		padding: 0 5%;
		}
	#sns div+div{
		margin-top: 2em;
		}

#about{ }
	#about section{
		margin: 2em 0;
		}
		#about section+section{
			margin-top: 1em;
			}
		#about section > div{
			position: relative;
			width: 100%;
			margin-top: 1em;
			padding: 1em;
			background:url(../images/content-bg.jpg);
			border-radius: 2px;
			}
		#about section h4{
			text-align: center;
			}
			#about section h4 span{
				display: inline-block;
				width: 2em;
				margin-left: 0.2em;
				background: #a03427;
				color: #fff;
				font-size: 21px;
				line-height: 2em;
				border-radius: 100%;
				text-align: center;
				}
			#about section h4 span+span{
				margin-left: -0.5em;
				}
		#about section figure{
			margin-bottom: 1em;
			}
		#about section figure+span{
			display: inline-block;
			margin-bottom: 0.5em;
			padding: 0 1em;
			background: #a03427;
			border-radius: 1em;
			color: #fff;
			font-size: 10px;
			line-height: 2em;
			}
		#about section h5{
			color: #a03427;
			font-size: 15px;
			line-height: 1.4em;
			}
		#about section p{
			margin-top: 0.5em;
			}

#eat{ }
	#eat > div:nth-of-type(n+5){
		position: relative;
		padding-left: calc(20% + 2em);
		min-height: calc(20vw + 1.5em);
		}
	#eat > div:nth-of-type(n+5) figure{
		position: absolute;
		left: 1em;
		width: 20%;
		}
	#eat > div:nth-of-type(n+5) .thumbBox{
		padding-top: 100%;
		}

#ticket{
	background: url(../images/omaneki_member_bg.jpg);
	}
	#ticket header{
		width: 100%;
		}
	#ticket section{
		margin-top: 2em;
		}
		#ticket section:nth-of-type(n+2){
			padding-top: 2em;
			border-top: 4px dotted #b37a19;
			}
	#ticket h4{
		text-align: center;
		}
	#ticket dl{
		display: flex;
		flex-flow: wrap row;
		justify-content: space-between;
		margin: 1em 0;
		border: 1px solid #e0ccb8;
		border-top: none;
		background: #fff;
		}
	#ticket dt,
	#ticket dd{
		padding: 0.5em;
		border-top: 1px solid #e0ccb8;
		}
	#ticket dt{
		width: 40%;
		background: #f6ecdf;
		}
	#ticket dd{
		width: 60%;
		text-align: right;
		border-left: 1px solid #e0ccb8;
		}
	#ticket ul{
		}
	#ticket li{
		padding-left: 2em;
		font-size: 12px;
		text-indent: -2em;
		line-height: 1.4em;
		}
	#ticket li+li{
		margin-top: 0.5em;
		}
	#ticket p{
		margin-top: 1em;
		}

#point{ }
	#point section{
		display: flex;
		flex-flow: wrap row;
		justify-content: space-between;
		margin: 2em 0;
		}
		#point section+section{
			margin-top: 2em;
			}
		#point section > div{
			position: relative;
			width: 100%;
			margin-top: 1em;
			padding: 1em;
			background:url(../images/content-bg.jpg);
			border-radius: 2px;
			}
		#point section h4{
			width: 100%;
			text-align: center;
			}
		#point section figure{
			margin-bottom: 1em;
			}
		#point section figure+span{
			display: inline-block;
			margin-bottom: 0.5em;
			padding: 0 1em;
			background: #a03427;
			border-radius: 1em;
			color: #fff;
			font-size: 12px;
			line-height: 2em;
			}
		#point section h5{
			color: #a03427;
			font-size: 15px;
			line-height: 1.4em;
			}
		#point section p{
			margin-top: 0.5em;
			}

#event{ }
	#event > div{
		overflow: hidden;
		min-height: 26vw;
		}
	#event > div:nth-of-type(n+1){
		position: relative;
		padding-left: calc(20% + 2em);
		}
	#event > div:nth-of-type(n+1) figure{
		position: absolute;
		left: 1em;
		width: 20%;
		}
	#event > div:nth-of-type(n+1) h5 span{
		display: block;
		line-height: 1em;
		}
	#event > div:nth-of-type(n+1) dt{
		margin-top: 0.5em;
		}
	#event .thumbBox{
		padding-top: 120%;
		background-size: cover;
		}

#sweets{ }
	#sweets > div:nth-of-type(n+1){
		position: relative;
		padding-left: calc(20% + 2em);
		}
	#sweets > div:nth-of-type(n+1) figure{
		position: absolute;
		left: 1em;
		width: 20%;
		}
	#sweets > div p+p{
		color: #a03427;
		font-size: 12px;
		line-height: 1.4em;
		}
	#sweets .thumbBox{
		padding-top: 100%;
		}

#passport{
	background: url(../images/omaneki_member_bg.jpg);
	}
	#passport h3{
		color: #a03427;
		font-family: "Rounded Mplus 1c";
		font-size: 21px;
		line-height: 1em;
		text-align: center;
		}
	#passport p{
		margin-top: 1em;
		}
	#passport figure{
		position: relative;
		margin-top: 1em;
		padding: 0 50px 0 100px;
		}
		#passport figure:before{
			content: url(../images/ise-wanko.png);
			position: absolute;
			left: 10px;
			bottom: 0;
			}
		#passport .lead a {
			color: #a03427;
			font-weight: bold;
			}
		#passport .lead a:hover {
			text-decoration:underline;
			}

#course{ }
	#course section{
		margin-top: 2em;
		}
		#course section h4{
			text-align: center;
			}
		#course section > div{
			margin-top: 2em;
			}
		#course section > div:nth-of-type(n+2){
			padding-top: 2em;
			border-top: 4px dotted #b37a19;
			}
		#course section h5{
			text-align: center;
			}
			#course section h5 span{
				display: inline-block;
				margin-top: 0.5em;
				padding: 0 1em;
				background: #b37a19;
				border-radius: 1em;
				color: #fff;
				font-family: "Rounded Mplus 1c";
				font-size: 18px;
				text-align: center;
				line-height: 2em;
				}
		#course section figure{
			margin: 1em 0;
			}

#access{
	background: url(../images/omaneki_member_bg.jpg);
	}
	#access:before,
	#access:after{
		content: none;
		}
	#access section{
		overflow: hidden;
		padding: 2em 0;
		}
		#access section p{
			margin-top: 1em;
			}
		#access section p+div{
			margin-top: 1em;
			}
		#access section h5{
			font-size: 16px;
			}
		#access section dl{
			display: flex;
			flex-flow: wrap row;
			justify-content: space-between;
			margin: 0.5em 0;
			border: 1px solid #e0ccb8;
			border-top: none;
			background: #fff;
			}
		#access section dt,
		#access section dd{
			padding: 0.5em;
			border-top: 1px solid #e0ccb8;
			}
		#access section dt{
			width: 65%;
			background: #f6ecdf;
			}
		#access section dd{
			width: 35%;
			text-align: right;
			border-left: 1px solid #e0ccb8;
			}
		#access section p+ul{
			margin-top: 1em;
			padding: 1em;
			background: #f6ecdf;
			}
		#access section li{
			padding-left: 1.3em;
			font-size: 12px;
			text-indent: -1.3em;
			line-height: 1.4em;
			}
		#access section li+li{
			margin-top: 0.5em;
			}
		#access section figure{
			margin-top: 1em;
			border: 5px solid #fff;
			}
	#access section+section{
		border-top: 4px dotted #b37a19;
		}
	#access footer{
		text-align: center;
		padding: 1em;
		background: #e0ccb8;
		background: #fff;
		border-radius: 2px;
		}
		#access footer h4{
			color: #b37a19;
			}
		#access footer p{
			margin-top: 1em;
			}


@media (min-width:1200px){
}


@media all and (-ms-high-contrast:none){
}