@charset "UTF-8";


/* メニュー SP */

.hidden {
	display: none;
}

.layer {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	display: block;
}
	
.js_menu {
	width: 100vw;
	height: 100vh;
	overflow: scroll;
	margin-left: -680px;
	background-color: #000000;
	position: fixed;
	top: 0;
	z-index: 9998;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	opacity: 0;
	display: none;
	padding: 55px 0px 0px 0px;
}

.js_menu_close {
	position: absolute;
	top: -30px;
	right: 5px;
	width: 100px;
	height: 100px;
	font-size: 100px;
	padding: 40px 0px 0px 0px;
	color: #CCC;
}

.js_menu span {
	font-size: 20px;
	color: #ffffff;
}

.js_menu p {
	font-size: 20px;	
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.js_menu li {
	margin: 0px;
	border-bottom: 1px dashed #ffffff;
	padding: 20px 0px 20px 0px;
}

.js_menu li a{
	cursor: pointer;
}

.show {
	margin-left: -0px;
	translateX(-0px);
	opacity: 0.9;
}

.txt_line {	
	border-bottom: 1px solid #ffffff;
}

/*　メニュー　*/

menu {
	margin: 0 auto;
	padding: 0;
	z-index: 9000;
}

menu ul{
	width: 100%;
	padding: 0px;
	margin: 0px;
	letter-spacing: -.4em;
	display: block;
	height: 68px;
	background: #FFFFFF;
}

.menuline {
	border-right: 0px #424242 solid;
	border-left: 0px #424242 solid;
}

.menu_allbackcol{
	width: 1060px;
	margin: 0 auto;
	background-color: #4d1414;
	border-bottom: 0px solid #424242;
}

menu li{
	width: calc(100% / 8);
	padding: 8px 8px 5px 8px;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
	background-color: #4d1414;	
	border-left: 0px solid #424242;
	transition: 0.4s;
	overflow: hidden;
	white-space: nowrap;
}

menu li:first-child {
	border-left: none;
}

menu li p{
	margin: 0px;
	padding: 0px;
}

menu li:hover { opacity: 0.8; }

menu .spmenu{
	display: none;
}

.mf1 {
	border-bottom: 1px #ffffff solid;
	font-size: 16px;
	color: #ffffff;
}

.mf2 {
	font-size: 14px;
	color: #ffffff;
}

.isnone {
	display: block;
}

.spicon_img ,.spvewsf {
	display: none;
}

.rightbb {
	position: fixed;
	top: 35px;
	right: 5px;
	z-index: 1000;
}

/*　メニューEND　*/

@media screen and ( max-width: 740px )
{
/*　//可変PS　*/
.js_menu {
	display: block;
}

.menu_allbackcol{
	width: 100%;
}
	
menu {
	position: fixed;
	bottom: -0px;
	z-index: 9000;
}

menu ul{
	height: 135px;
}
	
menu li{
	display: none;	
	height: 0px;
}	

menu li a{
	cursor: pointer;
}
	
menu .sp{
	display: inline-block;
	height: 135px; /* コンテンツの数+メニュー */
	width: calc(100% / 4);
}

menu .spmenu{
	display: inline-block;
	height: 135px; /* コンテンツの数+メニュー */
	width: calc(100% / 4);
}

menu li:hover { opacity: 1 ; }


.underfooter_sp {
	display: block;
	width: 100%;
	padding: 0px 0px 0px;
	height: 135px;
}
	
	
.mf1 {
	font-size: calc(20px + 4px);
	border-bottom: 1px #FFFFFF solid;
	color: #ffffff;
	padding: 14% 0px 0px 0px;
}

.mf2 {
	font-size: 20px;
	color: #ffffff;
}

.isnone {
	display: none;
}
	
.spicon_img ,.spvewsf{
	display: block;
}
	
}