body {
  background:url(/images/line.png);
  font-family:Hiruko,メイリオ,ヒラギノ角ゴ Pro W3,MS PGothic,MS UI Gothic,Helvetica,Arial,sans-serif;
  color:rgba(44,44,44,.8);
  text-shadow: 1px 1px 0 rgba(150,150,150,.2);
  font-size:16px;
}
.page-container > .wrap::before, .page-container > .wrap::after {
  background:none;
  border:none;
}
a {
  color:#295ec0
}
a:hover {
  color:#0c46b1
}

#for_menu {
  text-align:left;
  line-height: 1.5;
}
#menu {
  position:fixed;
  top:0;
  left:0;
  height:50px;
  z-index:70;
  width:100%;
  padding:0;
  margin:0;
  font-size:0;
}
#menu a {
  font-size:16px !important;
}
@-webkit-keyframes anime {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes anime {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
#menu li {
  display:inline-block;
  flex-wrap:wrap;
  margin:10px 0 5px 10px;
  color:#dee4ea;
  font-weight:700;
  background-color:rgba(47,98,158,.8);
  border-radius:2px;
  box-shadow:2px 2px 4px rgba(47,98,158,.6);
  -webkit-animation-name:anime;
  animation-name:anime;
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in;
  -webkit-animation-delay:0;
  animation-delay:0;
  -webkit-animation-iteration-count:1;
  animation-iteration-count:1
}
#menu li.active {
  background-color:rgba(47,98,158,.95);
  color:#fff;
  box-shadow:2px 2px 4px rgba(47,98,158,.8)
}
#menu li a {
  text-decoration:none;
  color:#edf1f5;
  padding:5px 10px;
  font-size:1em;
  font-weight:400
}
#menu li.active a:hover,
#menu li a:hover {
  color:#fff
}
#menu li:hover {
  background-color:rgba(47,98,158,.95)
}
#menu li.active a,
#menu li a {
  display:inline-block;
  white-space:nowrap
}
#menu li.active a {
  color:#fff
}
#menu.notop {
  background:linear-gradient(#fff,hsla(0,0%,100%,.2))
}
@media screen and (max-width:480px) {
  #menu li a {
    font-size:.9em
  }
}
@media screen and (max-width:740px) {
  #for_menu .hamburger+#menu {
    opacity:0;
    position:fixed;
    top:0;
    left:0;
    box-sizing:border-box;
    transition:opacity .4s
  }
  #for_menu .hamburger+#menu li {
    display:block;
    width:0;
    transition:width .2s ease
  }
  #for_menu .hamburger+#menu li a {
    width:100%
  }
  #for_menu .hamburger.active+#menu {
    opacity:1
  }
  #for_menu .hamburger.active+#menu li {
    width:calc(100% - 20px)
  }
  #for_menu .hamburger {
    position:fixed;
    width:64px;
    top:10px;
    right:10px;
    height:56px;
    box-sizing:border-box;
    cursor:pointer;
    background-color:hsla(0,0%,100%,.75);
    border-radius:5px;
    z-index:9999
  }
  #for_menu .hamburger .line {
    position:absolute;
    top:0;
    right:16px;
    width:32px;
    height:2px;
    background:#333;
    text-align:center
  }
  #for_menu .hamburger .line01 {
    top:16px;
    transition:.4s ease
  }
  #for_menu .hamburger .line02 {
    top:26px;
    transition:.4s ease
  }
  #for_menu .hamburger .line03 {
    top:36px;
    transition:.4s ease
  }
  #for_menu .hamburger.active .line01 {
    transform:translateY(10px) rotate(-45deg);
    transition:.4s ease
  }
  #for_menu .hamburger.active .line02 {
    transition:.4s ease;
    opacity:0
  }
  #for_menu .hamburger.active .line03 {
    transform:translateY(-10px) rotate(45deg);
    transition:.4s ease
  }
}

h1, h2, h3, h4, h5, h6 {
  color:#888;
}
header {
  padding:0 !important;
}
#branding {
  margin:0;
}
.entry-byline .entry-published {
  color:rgba(44,44,44,.8);
}
.entry-author {
  display:none;
}
.entry-header .entry-title {
  font-size:2em;
  line-height: 1.5;
}
.entry-content img, .featured-media > img, .featured-media > a > img, .featured-media figure, .chat-transcript, .widget, .page-template-intro .content p img, .archive-portfolio_item .content figure, .taxonomy-portfolio .content figure {
  background-color:#fff;
}
.widget .widget-title {
  background-color:#fff;
  color:rgba(44,44,44,.8);
  text-shadow: 1px 1px 0 rgba(150,150,150,.2);
}
.widget ul li:nth-child(2n) {
  background: rgba(150,150,150,.2);
}
.widget ul li::before {
  color:#888;
}
.search-form .search-text {
  border:1px solid #ccc;
  border-radius:3px;
}
.search-form input[type="text"], .search-form input[type="search"] {
  font:initial;
  text-shadow: 1px 1px 0 rgba(150,150,150,.2);
}

@media (max-width: 740px) {
  .sidebar-toggle {
    top:0 !important;
  }
}
@media (max-width: 1199px) {
  .sidebar-toggle {
    top:40px;
  }
  .sidebar-toggle::after {
    background-color:rgba(47,98,158,.95);
    color:#fff;
    box-shadow:2px 2px 4px rgba(47,98,158,.8)
  }
}