@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : anniversary.css
 author     : Ability Consultant
 style info : アニバーサリー
=================================================================== */
/* -----------------------------------------------------------
	.con_lnk
----------------------------------------------------------- */
.con_lnk {
	display: block;
	margin: 30px 0;
}
.con_lnk ul {
	text-align: center;
}
.con_lnk ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border-left: 1px dotted #c1b9a7;
	padding: 0 50px;
	margin-bottom: 20px;
	margin: 40px 0 65px;
}
.con_lnk ul li:last-child {
	border-right: 1px dotted #c1b9a7;
}
.con_lnk ul li a {
	display: block;
	position: relative;
	color: #614c40;
	text-align: center;
	text-decoration: none;
}
.con_lnk ul li a:hover, .con_lnk ul li a.active {
	color: #937c50;
}
.con_lnk ul li a:hover:before, .con_lnk ul li a.active:before {
	display: block;
	content: '↓';
	position: absolute;
	bottom: 5px;
	left: 50%;
	-webkit-transform: translate(-50%, 100%);
	-ms-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
	color: #c1b9a7;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.con_lnk ul li a:hover:before,
.con_lnk ul li a.active:before {
	bottom: 0;
}
.con_lnk select {
	vertical-align: middle;
	width: 100%;
	padding: 10px 0 15px;
}

/* -----------------------------------------------------------
	.box_contact
----------------------------------------------------------- */
.box_contact {
	text-align: center;
	margin: 20px 0 110px;
}