@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: 60px 0px 0px 0px;
}

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

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

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

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

.js_menu li a{
	cursor: pointer;
}

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

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

/*　メニュー　*/

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

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

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

.menu_allbackcol{
	width: 1050px;
	margin: 0 auto;
	background-color: #828282;
	border-bottom: 0px solid #ffffff;
}

menu li{
	width: calc(100% / 4);
	padding: 8px 8px 5px 8px;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
	background-color: #828282;	
	border-left: 0px solid #ffffff;
	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% / 3);
}

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

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: 11% 0px 0px 0px;
}

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

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