@charset "utf-8";

/*
 *
 * Usage: Base layout
 *
 * Name: style_sp.css
 *
 */



/*---------------------------------------------------------------------
Common layout
---------------------------------------------------------------------*/
#wrapper {margin:0;}

/* sidebar */
#sidebar {
  border-right:none;
  position:relative !important; top:0; left:0;
  z-index:1000;
  width:100%; padding:50px 0;
  height:auto;
  min-height:auto;
}
#sidebar:after {
  display:none;
}

    #logo {text-align:center; padding:10px 0 0 0; }
        #logo h1   {margin-bottom:42px; font-size:10px; font-style:italic; line-height:150%;}
          #logo h1 strong {display:block; font-size:24px; font-style:normal; line-height:140%; margin-top:20px;}
        #logo #img,
        #logo #copyright {display:none;}

    #footNavi {
      transition:all 0.4s ease;
      background-color:#fff;
      border-top:none;
      position:fixed; top:0; left:0;
      width:100%; height:100%;
      padding-top:0;
      z-index:99;
      opacity:0; visibility:hidden;
    }

    #footNavi.active {
      opacity:1; visibility:visible;
    }

    .nav li {background:none; font-style:normal; font-size:12px; height:auto; margin-bottom:15px;}
        .nav li a {border-bottom:none; padding:0; line-height:100%;}
        .nav li a:before,
        .nav li a:after {display:none;}


    #gnav {padding:50px 0 10px 0; margin-bottom:20px; border-bottom:none; text-align:center; position:relative;}
    #gnav:after {
      background-color:#000;
      content:''; display:block; width:15px; height:1px;
      position:absolute; bottom:0; left:50%;
      margin-left:-8px;
    }
    #snav {text-align:center;}
    #snav ul {margin-bottom:15px;}
    #snav li {float:none; width:100%; margin-bottom:10px;}
    #btnMail {border-bottom:none;}
        #btnMail a {
          background:none; display:block; padding-left:0; font-size:12px; line-height:100%;
          font-weight:bold; font-style: italic;
        }

    #pageTitle {display:none;}


/* container */
#container {margin:0 0 0 0; padding:0 0 60px 0;}
#mainContents.center {width:100%; margin:0 auto;}




/* sp menu button */
#btnMenu {display:block; position:fixed; top:15px; right:15px; z-index:9999;}
.menu-trigger,
.menu-trigger span {
	transition: all .4s;
  display: inline-block; box-sizing: border-box;
}
.menu-trigger {position: relative; width:22px; height:20px;}
.menu-trigger span {
	position: absolute; left: 0; width: 100%; height:2px; background-color: #000;
}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top:6px;}
.menu-trigger span:nth-of-type(3) {bottom:6px;}
.menu-trigger span:nth-of-type(4) {bottom: 0;}

.menu-trigger.active span {background-color:#000;}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform        : translateY(6px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2),
.menu-trigger.active span:nth-of-type(4) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	transform        : translateY(-6px) rotate(45deg);
}