@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: 13px;
	background:#3765a3;
	z-index: 9999 !important;
	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;
  /*background-color: #6ab5c8;*/
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 20px 10px;
  position: relative;
}
div.accordion_right > ul > li > a:hover{
  background-color: #5997a7;
}
div.accordion_right > ul{
	width: 95%;
	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 > a:after{
/*  content: "▼";*/
  content: url("img/accordion-list2.gif");
}
div.accordion_right > ul > li > a.active:after{
/*  content: "▲";*/
  content: url("img/accordion-list3.gif");
}
div.accordion_right > ul > li > ul {
  display: none;
  list-style:none;
}
div.accordion_right > ul > li > ul > li > a{
  display: block;
  color: #ff9138;
  font-size: 14px;
  background-color: #FFF;
  border-bottom: 1px solid #ff9138;
  padding: 10px 20px;
  position: relative;
}
div.accordion_right > ul > li > ul > li > a:hover{
  background-color: #67ab9c;
}


#spmenu {
  margin-right: auto;
  display: block;
  padding:2px 10px 5px;
  color: #3765a3;
  text-align: center;
  font-weight: 700;
  background-color: #FFF;
  cursor: pointer;
  position:fixed;
  z-index:999;
  top:35px;
  right:20px;
  font-size:24px;
  border:2px solid #3765a3;
}

#menu3 {
  /*margin-left: auto;*/
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  color:#3765a3;
  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;
}
*/
.close:after {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-tansform: rotate(-45deg);
}

#sptel {
	position:absolute;
	top:15px;
	left:10px;
	display:table;
}

#sptel a {
	background-color:#FFF;
	padding:2px 10px 2px;
	color:#3765a3;
	font-weight:bold;
}

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

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