@charset "UTF-8";

body{
	background-color:#000;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0px;
	padding: 0px;
	font-size:3vw;
	color:#FFF;
}

a:link {
	color: #FFF;
	text-decoration:none;
}

a:visited {
	color: #FFF;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #cacaca;
}

a:active {
	color: #FFF;
	text-decoration:none;
}

@media screen and (max-width: 900px) {
/***********************************/
h1{
	background-color:#292929;
	text-align:left;
	width:100%;
	margin:0px;
}
header{
	width:100%;
	height:auto;
	overflow:hidden;
	position: relative;
	margin:0;
	display: flex;
	justify-content: space-between;
}
.header_logo{
	width:25%;
	height:auto;
	overflow:hidden;
	padding-left:3%;
	text-align: left;
	position: relative;
	
}
.header_logo img{
	width:98%;
	vertical-align:bottom;
}
.header_menu_box{
	width:75%;
}
ul{display: none;}
li.contents_menu{display: none;}
.header_snsbtn{
	display: none;
}
.header_spmenu{
	width:25%;
	height:auto;
	overflow:hidden;
	position:relative;
	margin-left:80%;
	padding:0 1% 3% 0;
	box-sizing: border-box;
	z-index: 3;
}
.menuHeader{
    position: relative;
    width: 100%;
    text-align: center;
}
.menuHeader h1{
	position:relative;
	font-size:9px;
	line-height: 9px;
	padding: 10px 0;
	font-weight:normal;
	color: #d0d0d0;
}
.titleMenu{
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    color: #FFF;
    width: 100%;
    display: block;
    margin: 3% 0 1%;
}

.menu_list_effect {
    opacity: 0;
    font-family: 'Open Sans', sans-serif;
    filter: alpha(opacity=0);
    font-size:3vw;
}
.menu_list_effect span{
	margin-left:5px;
}

.menu_list_move {
    opacity: 1;
    filter: alpha(opacity=100);
}
li.menu_list_move:nth-child(1) {
    transition: all 100ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

li.menu_list_move:nth-child(2) {
    transition: all 200ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

li.menu_list_move:nth-child(3) {
    transition: all 300ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

li.menu_list_move:nth-child(4) {
    transition: all 400ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

li.menu_list_move:nth-child(5) {
    transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

li.menu_list_move:nth-child(6) {
    transition: all 600ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

li.menu_list_move:nth-child(7) {
    transition: all 700ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

li.menu_list_move:nth-child(8) {
    transition: all 800ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
    transition-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

#container {
	background-position:center top;
	background-size:100% auto;
	background-repeat: repeat-y;
	background-color:#292929;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.contents{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.contents_title{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:1% auto;
}
.contents_title img{
	width:100%;
	vertical-align:bottom;
}

footer{
	background-color:#292929;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:.7em;
	color:#FFF;
	line-height:1.4em;
	padding:1% 0;
}
footer .logo{
	width:auto;
	margin:3% auto;
}
footer .logo img{
	width:25%;
	vertical-align: bottom;
}
footer .footermenu{
	width:100%;
	padding:1% 0;
	margin:3% auto;
	display: flex;
	justify-content: center;
}
footer .footermenu .menu{
	width:auto;	
	margin:1%;
	font-size:3vw;
	color:#FFF;
}
footer .footermenu .menu a{
	color:#FFF;
	display: block;
	text-decoration: none;
}
footer .address{
	margin:auto;
	font-size:2.8vw;
	color:#FFF;
	text-align:center;
	line-height:1.6em;
	letter-spacing: .1em;
}
footer .snsicon_box{
	width:70%;
	height:auto;
	overflow:hidden;
	margin:1% auto 0;
	display: flex;
	justify-content: space-between;
}
footer .snsicon_box .snsicon{
	width:31%;
	padding:1%;
	text-align:center;
	box-sizing: border-box;
}
footer .snsicon_box .snsicon img{
	width:90%;
	vertical-align:center;
}
footer p{
	font-family: 'Open Sans', sans-serif;
	font-size:2.8vw;
    color:#FFF;
    font-weight:bold;
    line-height:1.2em;
    margin:1% 0;
}

}

@media screen and (min-width: 901px) {

/***********************************/
h1{
	text-align:left;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0px;
}
header{
	width:1200px;
	height:auto;
	overflow:hidden;
	position: relative;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}
.header_logo{
	width:20%;
	height:auto;
	overflow:hidden;
	text-align: center;
	position: relative;
}
.header_logo img{
	width:100%;
	vertical-align:bottom;
}
.header_menu_box{
	width:80%;
	height:auto;
	overflow:hidden;
	padding:0;
	box-sizing: border-box;
	display: flex;
	justify-content: start;
	z-index: 3;
}

ul{
	width:90%;
	padding:0;
	margin:4% 0 4% 5%;
	list-style: none;
}
li.contents_menu{
	width:auto;
	font-size:1.6vw;
	color:#FFF;
	padding:1% 2%;
	float:left;
	box-sizing: border-box;
}
li.contents_menu:last-child{
	width:auto;
	font-size:1.6vw;
	color:#FFF;
	padding:1% 2%;
	box-sizing: border-box;
}
li.contents_menu a{
	color:#FFF;
	display: block;
}
.header_snsbtn{
	width:20%;
	padding-left:1%;
	box-sizing: border-box;
}
.header_snsbtn .snsbtn{
	width:80%;
	height:auto;
	overflow:hidden;
	margin:25% auto 0;
	background-color:#FFF;
	font-size:1.6vw;
	color:#000;
	text-align:center;
	letter-spacing: .1em;
}
.header_spmenu{
	display: none;
}
nav#js-spNav{
	display:none;
}

#container {
	background-position:center top;
	background-size:100% auto;
	background-repeat: repeat-y;
	background-color:#292929;
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.contents{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.contents_title{
	width:1200px;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:10px auto;
}
.contents_title img{
	width:75%;
	vertical-align:bottom;
}

footer{
	background-color:#292929;
	width:1200px;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:14px;
	color:#FFF;
	line-height:1.6em;
	letter-spacing: .1em;
	padding:5px 0;
	margin:0 auto;
}
footer .logo{
	width:auto;
	margin:1% auto;
}
footer .logo img{
	width:15%;
	vertical-align: bottom;
}
footer .footermenu{
	width:100%;
	margin:1% auto;
	display: flex;
	justify-content: center;
}
footer .footermenu .menu{
	width:auto;	
	margin:1%;
	font-size:1.6vw;
	color:#FFF;
}
footer .footermenu .menu a{
	color:#FFF;
	display: block;
	text-decoration: none;
}
footer .address{
	margin:auto;
	font-size:1.2vw;
	color:#FFF;
	text-align:center;
	line-height:1.8em;
	letter-spacing: .1em;
}
footer .snsicon_box{
	width:500px;
	height:auto;
	overflow:hidden;
	margin:10px auto 0;
	display: flex;
	justify-content: space-between;
}
footer .snsicon_box .snsicon{
	width:150px;
	padding:10px;
	text-align:center;
	box-sizing: border-box;
}
footer .snsicon_box .snsicon img{
	width:130px;
	vertical-align:center;
}
footer p{
	font-family: 'Open Sans', sans-serif;
	font-size:1.2vw;
    color:#FFF;
    line-height:1.6em;
	letter-spacing: .1em;
    margin:10px 0;
}

}