/*------------------------------------- */
/*サイドメニュー */
/*------------------------------------- */

@media screen and (min-width:981px) {
#sp-menu {
	display:none;	
}
}

#navTgl {
  display:none;
}
 
label.sidemenu_open,
label.sidemenu_close {
  cursor: pointer;
  position: fixed;
  top: 20px;
  right: 10px; 
  /*left: 0;/*デフォルト数値*/
}
 
.sidemenu_open {
  z-index: 2;
  width: 53px;
  height: 38px;
  color: white;
  background: url(../img/menu.png) ;
  opacity: 1;
  font-size: 2em;
  line-height: 50px;
  text-align: center;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
  -webkit-transform: translateX(0px);/*デフォルトでは無し*/
  transform: translateX(0px);/*デフォルトでは無し*/
}
 
#navTgl:checked + .sidemenu_open {
  background-color: #FFF;
  background: url(../img/close.png) no-repeat;   
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  /*-webkit-transform: translateX(250px);/*デフォルト数値*/
  /*transform: translateX(250px);/*デフォルト数値*/
}
 
.sidemenu_close {
  pointer-events: none; 
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}
 
/* :::::: drawer menu :::::: */
 
.sidemenu {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0; 
  /*left: 0;/*デフォルト数値*/
  width: 100%;
  height: 440px;
  background-color: #FFF;
  -webkit-transform: translateX(600%);
  /*-webkit-transform: translateX(-100%); /*デフォルト数値*/
  transform: translateX(600%);
  /* transform: translateX(600%); /*デフォルト数値*/
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  font-size:90%;
}

#navTgl:checked ~ .sidemenu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 
 .sidemenu ul {
  margin-left:-20px;
}

.sidemenu li {
  line-height: 1.4;
  text-align:left;
  list-style:none;
}

.sidemenu li a {
  display: block;
  transition: background-color .6s;
}

/*------------------------------------- */
/* スライドインメニューの中 */
/*------------------------------------- */

ul.pulldown_menu {
margin-top:80px !important;
margin-left:0px !important;
margin-right:0px !important;
margin-bottom:40px !important;
padding:0px !important;
clear:both;
}
ul.pulldown_menu li {
width: 100%; /* リスト項目の幅 */
cursor: pointer; /* カーソル */
border-top: solid 1px #111;
padding-top:10px;
padding-bottom:10px;
}
ul.pulldown_menu ul {
display: none; /* 通常は表示しない */
list-style: none; /* 2段目の先頭記号を消す */
padding-left: 0px; /* 2段目の左位置を1段目に揃える */
}
ul.pulldown_menu li.menu_on > ul {
display: block; /* 表示する */
}
ul.pulldown_menu li.menu_off > ul {
display: none; /* 表示しない */
}
ul.pulldown_menu a {
color: #111; /* 文字色 */
display: block; /* ブロックレベルに */
padding: 8px; /* 内部の余白 */
text-decoration: none; /* 下線を消す */
outline: none; /* 選択時の点線枠線を消す */
}
ul.pulldown_menu ul a {
margin-left:40px;
}
ul.pulldown_menu a:hover{/* マウスカーソルが乗っている状態 */
color: #111; /* 文字色 */
}
ul.pulldown_menu a:active {/* マウスがクリックされている状態 */
color: #111; /* 文字色 */
}


/* 検索フォーム 
----------------------------------------------------------- */
dl.search02{
    position:relative;
	margin-left:10px;
	width:95%;
	height:32px;
    background-color:#f4f4f4;

}
dl.search02 dt{
    margin-right:40px;
    padding:8px 0 8px 8px;
}
dl.search02 dt input{
    width:100%;
    height:24px;
    line-height:24px;
    background:none;
    border:none;
}
dl.search02 dd{
    position:absolute;
    top:0;
    right:0;
}
dl.search02 dd button{
    display:block;
	height:32px;
	width:50px;
    background:#595959;
    border:none;
}
dl.search02 dd button span{
    display:block;
    width:15px;
    height:15px;
	margin-left:12px;
    background:url('../img/search.png') no-repeat scroll 0 0;
}