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

div.accordion_right {
	position: fixed;
	top: 0;
	right: 0;
	box-sizing: border-box;
	width: 100%;
	max-width:260px;
	height: 100%;
	padding-top: 15px;
	text-align: left;
	font-size: 12px;
	background:#000;
	z-index: 9999;
	display: none;
	overflow-y:scroll;
/*
  width: 30%;
  float:right;
*/
}
.accordion_right::-webkit-scrollbar {
  display: none;
}
div.accordion_right > ul > li > a {
  display: block;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 15px 10px;
  position: relative;
}
.sp_ac a {
	background:#f4c816;
}
.sp_ac a li a {
	background:#FFF;
}
.sp_ac .sub a{
	background:#f4c816 !important;
}

div.accordion_right > ul{
	width: 100%;
	height: 100%;
	display: block;
	overflow: auto;
	margin:0 auto 0;
	padding-top:20px;

  list-style:none;

}
div.accordion_right > ul > li > a:after, div.accordion_right > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #2f7f99;
}

div.accordion_right > ul > li > ul {
  display: none;
  list-style:none;
}
div.accordion_right > ul > li > ul > li > a{
  display: block;
  color: #3a3a3a;
  font-size: 13px;
  background-color: #FFF;
  border-bottom: 1px solid #3a3a3a;
  padding: 10px 10px;
  position: relative;
  text-decoration:none;
}
div.accordion_right > ul > li > ul > li > a:hover{
  background-color: #67ab9c;
}
.accordion_right li:nth-child(n+2) span {
	display:block;
	font-size:10px;
}
#spmenu {
    margin-right: auto;
    display: block;
    color: #000;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    top: 5px;
    right: 5px;
    background-color: #FFF;
    /* margin-top: -3px; */
    padding: 4px 10px 5px;
    overflow: hidden;
    font-size: 24px;
	}

	#spmenu span {
    display: block;
    font-size: 13px;
		}

#menu3 {
	/*margin-left: auto;*/
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color:#000;
	text-align: center;
	font-weight: 700;
	background-color:#FFF;
	cursor: pointer;
	float: right;
	margin-right: 10px;
}

.btn {
	padding-top: 5px;
	height: 50px;
}
/*
.hogehoge {
	position: fixed;
	top: 0;
	z-index: 1;
	display: none;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

body.open {
	position: fixed;
}
*/
#sptel {
	position:absolute;
	top:15px;
	left:10px;
	z-index:99999;
}

#sptel a {
	background-color:#FFF;
	position:relative;
	z-index:99999;
	padding:2px 10px 2px;
	color:#187675;
	font-weight:bold;
}

.fa-mobile {
	font-size:24px !important;
	display:table-cell !important;
	vertical-align:middle;
}

#sptel {
}

#sptel span {
	display:table-cell;
	vertical-align:middle;
	padding-left:5px;
}

.accordion_right {
	position:relative;
}

.mf-right {
	position:absolute;
	right:0;
	top:0;
	border-left:1px solid #FFF;
	padding:19px 0 20px;
	width:60px;
	text-align:center;
	color:#FFF;
	font-size:18px !important;
}


@media only screen and (max-width:480px){

#spmenu {
    font-size: 24px;
    width: 45px;
    height: 40px;
	}


}