@charset "utf-8";
/* CSS Document */

@media screen and (max-width:767px){
	
/* modal_base
--------------------------------------*/
html,
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none
}
div#menu_modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
z-index:100000;
}
div#menu_modal div.menu_background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000000;
  opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}
div#menu_modal div.menu_container {
	position: relative;
	width: 600px;
	height: 500px;
	background-color: #ffffff;
  border-radius: 3px;
  margin-top:50px;
  z-index: 100000;
}

  div#menu_modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
z-index:100000;
}
  div#menu_modal div.menu_container {
	position: relative;
	width: 90vw;
	height: auto;
	/*background-color: #ffffff;*/
  border-radius: 2px;
  margin-top:50px;
}

/*btn Close
--------------------------*/
a .btn_menu_modal_close {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  width: 32px;
  height: 32px;
  line-height: 1.3;
  border-radius: 2px;
  font-weight: bold;
  margin:auto;
  font-size:24px;
  position:absolute;
  top:-38px;
  right:9px;
  text-align:center;
  background-color:#E9641D;
}

/* font-awesoe menu_wrap_menu
----------------------------------------------------*/
.menu_wrap_menu {
    margin-top:100px;
  }
.menu_drawer-nav {
  margin: 0;
  padding: 2% 1.4% 1.1%;
 background: #000;
  box-sizing:border-box;
}
.menu_drawer-nav_2 {
  margin: 2em 0 0;
  padding: 2% 1.4% 1.1%;
 background: #000;
  box-sizing:border-box;
}
.menu_drawer-menu {
  display: inline-flex;
  flex-flow: wrap;
}
.menu_drawer-menu li {
  flex-basis: 48%;
  margin: 0 1% 2%;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  font-size: 12px;
  border-radius: 3px;
}
.menu_drawer-menu li a {
  font-size: 12px;
  display: block;
  margin: 0;
  padding: 6px 0 3px;
  background: #fff;
  color: #000;
  border-radius: 3px;
  transition: .2s;
  position: relative;
}
.menu_drawer-menu li a::hover {
  display: block;
  margin: 0;
  padding: 6px 0 0;
  margin-left: 0px;
  background: #FFFFCC;
  color: #666;
  position: relative;
  cursor: hand !important;
}
.menu_drawer-menu li a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  position: absolute;
  top: calc(50% - 7px);
  right: .7em;
  bottom: 0;
  margin: auto;
  color: #9A9A9A;
  font-size: 11px;
}
.menu_drawer-menu li a i {
  display: inline-block;
  width: 100%;
}
.menu_drawer-menu li a i.iconcolor {
    color:#EC5504;
  }

	
/* footer menu_footer_btn_wrap
----------------------------------------------------*/
div.menu_footer_btn_wrap {
  display: flex; 
  flex-wrap: nowrap;
  justify-content: space-around;
  margin:30px 0 0;
	padding:0;
}
div.menu_footer_btn_wrap div {
  flex-basis: 47%;
	flex-shrink: 1;
  margin:0;
  padding:0 !important;
}
div.menu_footer_btn_wrap p img {
  margin:0;
  padding:0;
}
div.wide__menu_btn {
  margin:0 auto;
  padding:0;
	width:97.4%;
}

/* 標示非表示
-----------------------------*/
.pc_only {
	display:none;
}
.sp_only {
	display:block;
}

}
/*@media SMP END */



/* PCからは非表示
-----------------------------*/
@media screen and (min-width:768px){
  body{display:none}
}