@charset "UTF-8";



header{

  z-index: 100;

}

/*ヘッダー*/

.l-header {

  background: none;

  width: 100%;

  height: 60px;

  position: fixed;

  top: 0;

  left: 0;

}



/*ドロワー*/

.l-drawer {

  position: relative;

}

.l-drawer__checkbox {

  display: none !important;

}

.l-drawer__icon {

  cursor: pointer;

  display: block;

  width: 46px;

  height: 50px;

  position: fixed;

  top:10px;

  right: 10px;

  border:1px solid #222;

  border-radius:5px;

}

.l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after {

  background-color: #002631;

  display: block;

  width: 26px;

  height: 2px;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  margin: auto;

}

.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {

  content: " ";

}

.l-drawer__icon-parts:before {

  top: 9px;

}

.l-drawer__icon-parts:after {

  top: -8px;

  margin-top: 0;

  margin-bottom: 0;

}

.l-drawer__overlay {

  background: #000;

  opacity: 0;

  pointer-events: none;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  right: 0;

}

.l-drawer__menu {

  background: #1C0031;

  color: #fff;

  max-width: 100%;

  width: 320px;

  height: 100vh;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;

  position: fixed;

  top: 0;

  right: -320px;

  padding:0.5em;

  box-sizing: border-box;

}



.l-drawer__menu ul{

	list-style: none;

	padding-top:50px;

}



.l-drawer__menu a {

  color: #fff;

}



.l-drawer__icon {

  z-index: 4;

}

.l-drawer__menu {

  z-index: 3;

}

.l-drawer__overlay {

  z-index: 2;

}

.l-drawer__checkbox:checked ~ .l-drawer__icon {

    border:none;

}

.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {

  background: transparent;

}

.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  top: 0;

    background-color: #fff;

}

.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  top: 0;

    background-color: #fff;

}

.l-drawer__checkbox:checked ~ .l-drawer__overlay {

  opacity: 0.6;

  pointer-events: auto;

}

.l-drawer__checkbox:checked ~ .l-drawer__menu {

  right: 0;

}

.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu {

  -webkit-transition: all 0.7s;

  transition: all 0.7s;

}



/*ドロワー追加*/

.l-drawer__item a{

  color: #fff!important;

  font-family:'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;

	line-height:1.5;

  font-size: 1.1em;

}





@media (max-width: 480px) {

	.l-drawer__icon {

	  cursor: pointer;

	  display: block;

	  width: 56px;

	  height: 60px;

	  position: fixed;

	  top:0px;

	  right: 0px;

	  border:none;

	  border-radius:5px;

	}

}