/*新SPメニュー*/

.head-spmenu{
 width: 100%;
 position: fixed;
 top:99px;
 left: 0;
 z-index: 9999;
 overflow: scroll !important;
  border-top: solid 1px #cccccc;
}

.foot-spmenu{
 background: #ffffdb;
}

.head-spmenu li{
 background: #ffffdb;
}

.head-spmenu li.active,
.foot-spmenu li.active{
 background-color:#F8E7BC !important;
}
.head-spmenu li a,
.head-spmenu li ul li a,
.foot-spmenu li a,
.foot-spmenu li ul li a{
 color: #000000;
 padding: 8px 10px 8px 50px;
 display: block;
 border-bottom: solid 1px #cccccc;
 background: url(../img/nav_icon01.png) 16px 10px no-repeat;
 background-size:10px auto;
}
.head-spmenu li:last-child a,
.head-spmenu li ul li:last-child a {
  border-bottom: solid 3px #cccccc;
}


.head-spmenu li ul li a,
.foot-spmenu li ul li a{
 padding: 8px 10px 8px 70px;
 background: none;
 background-color:#FFFFF4;
}

.head-spmenu li ul li.active a,
.foot-spmenu li ul li.active a{
 color: #FF5C00 !important;
}

.head-spmenu li a.nav_btn,
.foot-spmenu li a.nav_btn{
 background: url(../img/nav_icon01.png) 16px 10px no-repeat,url(../img/nav_icon03.png) right 24px top 14px no-repeat;
}
.head-spmenu li a.nav_btn.clickBtn_on0,
.foot-spmenu li a.nav_btn.clickBtn_on1{
 background: url(../img/nav_icon01.png) 16px 10px no-repeat,url(../img/nav_icon02.png) right 24px top 14px no-repeat;
}


#spheader{
 width: 100%;
 position: fixed;
 background: #fff;
 z-index: 9999;
 top:0;
}

.spmenu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}
.spmenu li {
    padding: 5px;
}
input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
    height: 330px;
}
.spmenu{
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}



.spmenu li{
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #B9B9C8;
}
.spmenu li:last-child{
  border-bottom: 2px solid #B9B9C8;
}
.spmenu li a{
  position: relative;
  display: block;
  margin: 0;
  padding-left: 60px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  background: #FFFFDB;
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}
.spmenu li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 45px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #AAAAAA;
}
.spmenu li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 50px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #FFFFDB;
}



/* ▼不要。spnaviがないし。 */
/* ■メインメニューボタンの「現在地」表示スタイル■スマホ■── */
#top .spnavi-1 ul li:nth-child(1) a  {
  border-top: 1px solid #FF7F00;/*上の線の太さと色*/
  background:#FFFFD5;
  padding: 3px 2px 0px 2px;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#annai .spnavi-1 ul li:nth-child(2) a  {
  border-top: 1px solid #FF7F00;/*上の線の太さと色*/
  background:#FFFFD5;
  padding: 3px 2px 0px 2px;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#gairai .spnavi-1 ul li:nth-child(3) a  {
  border-top: 1px solid #FF7F00;/*上の線の太さと色*/
  background:#FFFFD5;
  padding: 3px 2px 0px 2px;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#topics .spnavi-2 ul li:nth-child(1) a  {
  border-top: 1px solid #FF7F00;/*上の線の太さと色*/
  background:#FFFFD5;
  padding: 3px 2px 0px 2px;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#otoiawase .spnavi-2 ul li:nth-child(2) a  {
  border-top: 1px solid #FF7F00;/*上の線の太さと色*/
  background:#FFFFD5;
  padding: 3px 2px 0px 2px;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#saiyo .spnavi-2 ul li:nth-child(3) a  {
  border-top: 1px solid #FF7F00;/*上の線の太さと色*/
  background:#FFFFD5;
  padding: 3px 2px 0px 2px;
  text-decoration: none;
  color:#000000;
  opacity:1;
}
#www .spnavi-2 ul li:nth-child(4) a  {
  border-top: 1px solid #FF7F00;/*上の線の太さと色*/
  background:#FFFFD5;
  padding: 3px 2px 0px 2px;
  text-decoration: none;
  color:#000000;
  opacity:1;
}