@charset 'UTF-8';

/* ▼ ===== 共通部分 ===== ▼ */

/* ----- header sp ----- */
.menu_sp {
	display: none;
}

.menu_trigger,
.menu_trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu_trigger {
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.menu_trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu_trigger span:nth-of-type(1) {
	top: 0;
}
.menu_trigger span:nth-of-type(2) {
	top: 13px;
}
.menu_trigger span:nth-of-type(3) {
	bottom: 0;
}

/* ----- menu sp active animation ----- */
.menu_trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-315deg);
  transform: translateY(13px) rotate(-315deg);
}
.menu_trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu_trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-13px) rotate(315deg);
  transform: translateY(-13px) rotate(315deg);
}




/* --- style --- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: auto;
	z-index: 999;
}

.header_inner {
	background: url(../images/common/bg.jpg) repeat-x;
	background-size: auto;
	height: 60px;
}

.header_inner > .container {
	position: relative;
	height: 100%;
}

.header_logo_area {
	position: relative;
	height: 100%;
}

.header_logo_box {
	position: relative;
	height: 100%;
}

.logo_lensman {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 117px;
	height: 40px;
	z-index: 10;
}

.menu_trigger {
	position: fixed;
	right: 15px;
	top: 15px;
	margin: auto;
	z-index: 9999;
}

#contents {
	padding-top: 60px;
}




/* ----- menu style ----- */
.menu_inner {
	background: #000;
	padding: 60px 0 15px;
	color: #fff;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.menu_sp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	z-index: 1000;

}

.menu_inner > .container {
	position: relative;
}

.menu_content {
	height: 100%;
}

.menu_sp_list > li {
	margin-top: 12px;
}

.menu_tab {
	position: relative;
	background: linear-gradient(0deg, #0A0A0A 0%, #504F4F 100%);
	padding: .5em 1.8em;
	color: #fff;
	border: 2px solid #1D1D1D;
	cursor: pointer;
	display: block;
}

.menu_tab:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 7px;
	border-color: transparent transparent transparent #c60042;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1em;
	margin: auto;


}

.menu_tab {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
}

.menu_ac {}

.menu_ac > li {
	opacity: .8;
	border-bottom: 1px solid #fff;
}

.menu_ac > li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: .8em 2.2em;
	font-size: 90%;
}

.menu_ac > li.nav_li_double{
	border-bottom: 3px double #FFF;
}

/* ▲ ===== 共通部分 ===== ▲ */



/* ▼ ===== PC ===== ▼ */
@media screen and (min-width: 751px) {

}
/* ▲ ===== PC ===== ▲ */



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

}
/* ▲ ===== SP ===== ▲ */