/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 11px; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    width: 43px;
    height: 37px;}
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 43px;
    height: 5px;
		margin:10px auto 0;
}
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display:table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
		width:50%;
		height:66px;
		line-height:66px;
		background-color:#fff;
		text-align:center;
		box-sizing:border-box;
		float:left;
		display: block;
		border-bottom:2px #D1D1D1 solid;}

  .slicknav_nav li:nth-of-type(odd){
	  border-right:1px #D1D1D1 solid;}
	  
  .slicknav_nav li:nth-of-type(even){
	  border-left:1px #D1D1D1 solid;}

	.slicknav_nav li:nth-of-type(7),
	.slicknav_nav li:nth-of-type(8){
    border-bottom: 0;}

  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
	position:absolute;
	z-index:10000;
	width:100%;
	height:80px;
	box-sizing:border-box}
	
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 0;
  text-decoration: none;
  background-color: #311212;
	width:80px;
	height:80px;
	position:absolute;
	top:5px;right:0;
	z-index:100;
}

.slicknav_btn:hover{
	opacity:1}

.slicknav_nav {
	width:100%;
	height:auto;
	box-sizing:border-box;
	color: #fff;
	margin: 0;
	font-size: 0.875em;
	list-style: none;
	overflow: hidden;
	position:absolute;
	top:87px;
	z-index:5;
	background-color:#fff}
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
	
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      color: #fff; }
	  
  .slicknav_nav a {
    padding:0;
    margin:0;
    text-decoration: none;
	height:auto;
    color: #000; }

  .slicknav_nav a img{
	margin: 0;
	padding: 0;
	vertical-align:top;}

  .linkwrap{
	  width:146px;
	  margin:10px auto 0}

  .slicknav_nav a.sleft{
	  display:block;
	  width:30px;
	  float:left}
	  
  .slicknav_nav a.sright{
	  display:block;
	  width:70px;
	  float:right}
	  
    .slicknav_nav a:hover {
      color: #222; }
    .slicknav_nav .linkwrap a:hover {
      background:none;}
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

/*クリック時 クローズボタンへ変更 追加*/

.slicknav_btn.slicknav_open{
	background-image:url(../images/sp_images/sp_common/sp_menu_close.png);
	background-size:26px 26px;
	background-repeat:no-repeat;
	background-position:center center}

.slicknav_btn.slicknav_open span{
	display:none}