@charset "utf-8";

.camera_commands {

	display: none !important;

	}

/* ▼ css reset ▼ */
div, article, section, header, nav, footer, figure, asid, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: 0; }

table { border-collapse: collapse; border-spacing: 0; line-height: 100%;}

a:link { font-weight :normal; color: #444; text-decoration: underline; }

a:visited { font-weight :normal; color: #444; text-decoration: underline; }

a:hover { color: #444; text-decoration: underline; }

address, caption, cite, code, dfn, abbr, em, strong, th, var { font-style: normal; font-weight: normal; }

ol,ul { list-style: none; }
/* ▲ css reset ▲ */

/* ▼ default ▼ */
html {

	-webkit-text-size-adjust: none;

/* 	height: 100%; */

	overflow-y: scroll;

	}

body {

	margin: 0;

	height: 100%;

	padding: 0;

	font-size: 100%;

	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	line-height: 145%;

	letter-spacing: 0.04em;

	color: #444;

/* 元々のCSS 	background: #fff url('http://musicrevolution.jp/images/bg6.png') repeat-x; */

/* background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)); */

	}

img {

	max-width: 100%;

	height: auto;

	}


@media all and (min-width: 1200px) {

	.container {

		max-width: 1000px;

		}

	}


/* ▼header▼ */
.menuOpen_bg {

	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	}

.menuOpen_bg.active {

	opacity: 1;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	}

header.header_area {

	background-color: #e60012;
	color: #fff;
	padding-top: 15px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1000000;

	}

header.header_area .open_menu {

	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding-top: 0;
	padding-bottom: 15px;

	}

@media all and ( max-width: 576px ) {
	header.header_area {

		padding-top: 10px;

		}

	header.header_area .open_menu {

		padding-bottom: 10px;

		}
	}

header.header_area .open_menu h1 {

	width: 100%;

	}

header.header_area .open_menu h1 a {

	display: flex;
	-webkit-align-items: center;
	align-items: center;

	}

header.header_area .open_menu h1 a:hover {

	opactiy: 0.8;

	}

header.header_area .open_menu .icon_logo {

	max-width: 50px;

	}

header.header_area .open_menu .title_logo {

	max-width: 280px;
	width: 100%;
	height: auto;
	margin-left: 10px;

	}

@media all and ( max-width: 768px ) {
	header.header_area .open_menu img.icon_logo {

		width: 15%;

		}

	header.header_area .open_menu img.title_logo {

		width: 70%;

		}
	}

/* ハンバーガーメニューボタン */
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	cursor: pointer;
	}

.menu-trigger {
	position: relative;
	width: 40px;
	height: 30px;
	background: none;
	border: none;
	}

.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff;
	}

@media all and ( max-width: 360px ) {
	.menu-trigger {
		width: 30px;
		height: 20px;
		}
	}

.menu-trigger span:nth-of-type(1) {
	top: 0;
	}

.menu-trigger span:nth-of-type(2) {
	top: 0;
	bottom: 0;
	margin: auto;
	}

.menu-trigger span:nth-of-type(3) {
	bottom: 0;
	}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	}

.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	}

.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
	}

@media all and ( max-width: 360px ) {
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(5px) rotate(-45deg);
		transform: translateY(5px) rotate(-45deg);
		}

	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
		}
	}

nav#menu_open {

	background-color: #b5b5b5;
	text-align: center

	}

nav a, 
nav a:link, 
nav a:visited {

	text-decoration: none;
	color: #fff;
	display: block;
	line-height: 1;
	padding: 15px 0;
	font-weight: bold;
	display: block;
	width: 100%;

	}

nav p.menu a {

	background-color: #b5b5b5;
	font-size: 2.8rem;

	}

@media all and ( max-width: 576px ) {
	nav p.menu a {

		font-size: 2rem;

		}
	}

nav p.menu a:after {

	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 50px;
	height: 50px;

	}

@media all and ( max-width: 576px ) {
	nav p.menu a:after {

		width: 35px;
		height: 35px;

		}
	}

@media all and ( max-width: 430px ) {
	nav p.menu a:after {

		width: 25px;
		height: 25px;

		}
	}

nav p.menu.link02 a {

	border-top: 1px solid #fff; 

	}

nav p.menu.link01 a {

	border-bottom: 1px solid #fff; 

	}

nav p.menu.link01 a:after {

	background: url(./images/close.png) no-repeat;
	background-size: contain;

	}

nav p.menu.link01 a.collapsed {

	padding-right: 65px;
	border-bottom: none; 

	}

nav p.menu.link01 a.collapsed:after {

	content: none;

	}

nav p.menu.link02 a {

	font-size: 2.3rem;

	}

@media all and ( max-width: 576px ) {
	nav p.menu.link01 a.collapsed {

		padding-right: 50px; 

		}

	nav p.menu.link02 a {

		font-size: 1.8rem;

		}
	}

@media all and ( max-width: 430px ) {
	nav p.menu.link01 a.collapsed {

		padding-right: 35px; 

		}

	nav p.menu.link01 a {

		font-size: 1.6rem;

		}

	nav p.menu.link02 a {

		font-size: 1.3rem;

		}
	}

nav p.menu.link02 a:after {

	background: url(./images/blank_open.png) no-repeat;
	background-size: contain;

	}

nav ul {

	overflow-y: scroll;
	height: calc(100vh - 300px);
	margin: 0!important;

	}

nav ul li {

	font-size: 1.8rem;
	background-color: #898989;
	border: 1px solid #fff;
	border-bottom: none;
	display: flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	justify-content: center;
	align-items: center;
	height: 110px;
	padding: 0!important;

	}

nav ul li:first-child, 
nav ul li:nth-child(2) {

	border-top: none;

	}

@media all and ( max-width: 576px ) {
	nav ul li {

		height: 80px;
		font-size: 1.5rem;

		}

	nav ul li:nth-child(4),
	nav ul li:nth-child(6),
	nav ul li:nth-child(8),
	nav ul li:nth-child(11) {

		font-size: 1.15rem;

		}
	}

@media all and ( max-width: 430px ) {
	nav ul li {

		height: 70px;

		}

	nav ul li:nth-child(4),
	nav ul li:nth-child(6),
	nav ul li:nth-child(8),
	nav ul li:nth-child(11) {

		font-size: 1rem;

		}
	}

@media all and ( max-width: 330px ) {
	nav ul li {

		height: 60px;

		}

	nav ul li:nth-child(4),
	nav ul li:nth-child(6),
	nav ul li:nth-child(8),
	nav ul li:nth-child(11) {

		font-size: 0.8rem;

		}
	}

nav ul li:nth-child(2n+0) {

	border-left: none;

	}

nav ul li a,
nav ul li a:link, 
nav ul li a:visited {

	line-height: 1.4;

	}


/* ▼YMAバナー▼ */
.banner {

	text-align: center;
	margin-bottom: 30px;

	}

.banner a img {

	max-width: 510px;
	width: 100%;

	}

/* ▼ footer ▼ */
footer {

	clear: both;

	width: 100%;

	height: 85px;

	margin: 0;

	padding: 3% 0 0 0;

	color: #736357;

	font-size: 90%;

	text-align: center

	}

	/* for Opera10 upper */
	@media not screen and (1) {

		div#footer { font-size: 65%; }

	}


/* ▼ Page Top ▼ */
#page-top {

	position: fixed;

	bottom: 20px;

	right: 20px;

	}

#page-top a {

	text-decoration: none;

	text-align: center;

	display: block;

	}

@media all and ( max-width: 576px ) {
	#page-top {

		width: 60px;

		}
	}

#page-top a:hover {

	text-decoration: none;

	filter:alpha(opacity=85);

	-moz-opacity:0.85;

	-khtml-opacity: 0.85;

	opacity:0.85;

	}
/* ▲ Page Top ▲ */
/* ▲ footer ▲ */