@charset "UTF-8";
/*
Template:materialize
Theme Name: Mimisbrunnr-Materialize
Theme URI: http://mythem.es/item/materialize-free-wordpress-theme/
Description: Elixir Studio's theme with Materialize.
Version: 0.0.21
Tags:  blog, news, featured-images, one-column, theme-options, translation-ready, custom-colors, custom-menu, threaded-comments, custom-background, custom-header
Text Domain: mimisbrunnr-materialize
Domain Path: /languages
Author: xia vestri
Author URI: https://elixirstudio.io/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  background: #FAFAFA;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body header nav.mythemes-topper ul li a {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body footer .mythemes-copyright p {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.home article {
  padding: 100px 0;
  text-align: center;
}

.home article header {
  display: none;
}

div.content div.container .div_border_wrap {
  position: relative;
  border: solid 2px #4FC3F7;
  border-radius: 5px;
}

div.content div.container .div_border_wrap .div_border_title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0.5rem 0.2rem 0;
  margin: 0;
  background: #FAFAFA;
  -webkit-transform: translateY(-50%) translateX(-15%);
          transform: translateY(-50%) translateX(-15%);
}

div.content div.container .div_border_wrap ul {
  position: relative;
  padding-top: 20px;
  padding-left: 55px;
  list-style: none;
}

div.content div.container .div_border_wrap ul li {
  padding-left: 20px;
  padding: 0.5em 0.5em 0.5em 0.8em;
  margin-left: -35px;
  margin-right: 20px;
  margin-bottom: 3px;
  border-left: solid 6px #26C6DA;
  border-bottom: solid 2px #bdbdbd;
  border-radius: 0 10px 10px 0;
  line-height: 1.5;
  background: #FFFFFF;
}

div.content div.container .div_border_wrap ul li h5 {
  padding: 10px 0 5px 0;
  margin: 0;
}

div.content div.container .div_border_wrap ul li p {
  padding: 0 0 10px 0;
  margin: 0;
}

div.content div.container #information {
  margin-top: 100px;
}

div.content div.container #information h3 {
  font-size: 1.92rem;
}

div.content div.container #information ul li:hover {
  background: #F3E5F5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

div.content div.container #information ul li h5 {
  padding: 0;
  font-size: 1.3rem;
}

div.content div.container #information ul li p {
  padding: 0;
}

div.content div.container #info_backnumber p {
  margin: 0;
  margin-bottom: 50px;
}

div.content div.container #mobile_menu {
  margin: 50px 0;
}

div.content div.container #mobile_menu ul li a {
  color: #4FC3F7;
}

div.content div.container #twitter_tl {
  width: 250px;
}

div.content div.container section div.meta, div.content div.container article div.meta, div.content div.container blockquote div.meta {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-transform: unset;
}

div.content div.container section div, div.content div.container section p, div.content div.container section .hentry, div.content div.container section .hentry p, div.content div.container article div, div.content div.container article p, div.content div.container article .hentry, div.content div.container article .hentry p, div.content div.container blockquote div, div.content div.container blockquote p, div.content div.container blockquote .hentry, div.content div.container blockquote .hentry p {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.content div.container h1, div.content div.container h2, div.content div.container h3, div.content div.container h4, div.content div.container h5, div.content div.container h6 {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.content div.container div.widget h4.widget-title {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#left-sidebar {
  background: #4FC3F7;
}

#left-sidebar a {
  color: #FAFAFA;
}

#wrapper-footer {
  background: #5D4037;
  color: #4FC3F7;
}

/*----- media query start -----*/
/*--- Mobile ---*/
@media screen and (max-width: 767px) {
  #page {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 8fr 0.5fr;
        grid-template-rows: 1fr 8fr 0.5fr;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    min-height: 100%;
  }
  #wrapper-navbar {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
  }
  #page-wrapper, #index-wrapper, #single-wrapper {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
  }
  #wrapper-footer {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
  }
  /* calcでの計算が遅れるので、jsで計算することにしたい。
    #wrapper-navbar {
        nav.navbar {
            padding-bottom: 0;
        }
    }
    #navbarNavDropdown {
        #main-menu {
            li {
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
                padding-left: calc(50vw - 50%);
                padding-right: calc(50vw - 50%);
                background: $menu_bk;
            }
            li.active {
                background: $side_anime;
            }
            li:first-child {
                border-top: solid 1px $menu_bk;
            }
        }
    }
    */
}

/*--- PC and Tablet ---*/
@media screen and (min-width: 768px), screen and (min-width: 992px) {
  body {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 92% 8%;
        grid-template-rows: 92% 8%;
    -ms-grid-columns: 286.5px 1fr;
        grid-template-columns: 286.5px 1fr;
    min-height: 100%;
  }
  header {
    position: fixed;
    width: 286.5px;
    height: 100%;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
    background: #4FC3F7;
    -webkit-box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.48);
            box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.48);
  }
  header div.mythemes-blog-identity {
    position: relative;
    width: 100%;
    max-width: 1280px;
    padding-top: 30px;
    padding-bottom: 0px;
    margin: 0 auto;
    border-bottom: none;
    background-color: white;
  }
  header div.mythemes-blog-identity div.mythemes-blog-logo {
    width: 80%;
    margin: 0 auto;
  }
  header nav.mythemes-topper {
    width: 100%;
    height: 30.25px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  header nav.mythemes-topper div.nav-wrapper {
    width: 100%;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper {
    width: 100%;
    height: 70vh;
    padding-top: 80px;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper .right {
    float: unset !important;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul {
    height: 100%;
    line-height: 0;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0;
    line-height: 100%;
    overflow: hidden;
    background: #4FC3F7;
    float: unset;
    transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li:before {
    content: "";
    position: absolute;
    right: auto;
    bottom: auto;
    left: -85px;
    top: -114px;
    width: 10px;
    height: 10px;
    background: #F48FB1;
    border-radius: 50%;
    transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li a {
    display: inline-block;
    width: 100%;
    color: #607D8B;
    position: relative;
    margin: 0;
    padding-left: 45px;
    -webkit-transition: none;
    transition: none;
    font-size: 1.2em;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li a:hover {
    color: #FFFFFF !important;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li:hover, header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li:focus {
    color: #FFFFFF !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li:hover:before, header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li:focus:before {
    width: 380px;
    height: 270px;
    opacity: 1;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li:hover a, header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li:focus a {
    color: #FFFFFF;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li.current-menu-item a {
    color: #FFFFFF;
  }
  header nav.mythemes-topper div.nav-wrapper div.not-collapsed-wrapper ul li.current-menu-item:hover {
    background-color: unset;
  }
  header .nav {
    height: 155.25px;
  }
  header .nav div.nav-wrapper div.not-collapsed-wrapper {
    padding-top: 40px;
  }
  header .navbar {
    height: 100%;
    padding: 0;
  }
  header .navbar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 70%;
    margin-top: 40px;
    padding: 0;
  }
  header .navbar .container .navbar-brand {
    margin: 0;
    margin-bottom: 90px;
  }
  header nav.mythemes-topper div.mythemes-blog-identity {
    padding-bottom: 0px;
    border-bottom: none;
    display: none;
  }
  #navbarNavDropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #navbarNavDropdown #main-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  #navbarNavDropdown #main-menu li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #4FC3F7;
  }
  #navbarNavDropdown #main-menu li:before {
    content: "";
    position: absolute;
    right: auto;
    bottom: auto;
    left: -85px;
    top: -114px;
    width: 10px;
    height: 10px;
    background: #F48FB1;
    border-radius: 50%;
  }
  #navbarNavDropdown #main-menu li a {
    position: relative;
    margin: 0 0 0 30px;
  }
  #navbarNavDropdown #main-menu li:hover, #navbarNavDropdown #main-menu li:focus {
    color: #FFFFFF;
  }
  #navbarNavDropdown #main-menu li:hover:before, #navbarNavDropdown #main-menu li:focus:before {
    width: 380px;
    height: 270px;
    opacity: 1;
  }
  .home .content .container {
    margin-top: 120px;
  }
  .content {
    padding-top: 120px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / span 1;
  }
  .content .mythemes-header .valign-cell-wrapper .valign-cell {
    height: 75%;
  }
  .content .mythemes-header .parallax {
    position: static;
  }
  .content #content {
    width: 70%;
  }
  .content #mobile_menu {
    display: none;
  }
  .content #twitter_tl {
    margin: 20px 50px 100px 120px;
    float: left;
  }
  .content .game {
    margin: 20px 50px 100px 90px;
    float: left;
  }
  footer {
    position: fixed;
    width: 286.5px;
    height: 75px;
    bottom: 0;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / span 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / span 1;
    background: #4FC3F7;
    color: #5D4037;
  }
  footer div.mythemes-dark-mask {
    position: fixed;
    width: 286.5px;
    height: 75px;
    bottom: 0;
  }
  footer div.mythemes-dark-mask div.mythemes-social {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    top: -125px;
  }
  footer div.mythemes-dark-mask div.mythemes-copyright {
    position: relative;
    top: -136px;
  }
  footer div.mythemes-dark-mask div.mythemes-copyright p {
    color: #546E7A;
  }
  footer #colophon {
    width: 141px;
    margin: 0 auto;
  }
}

/*--- Tablet ---*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  #page {
    -ms-grid-columns: 195px 1fr;
        grid-template-columns: 195px 1fr;
  }
  #wrapper-navbar {
    width: 195px;
  }
  #wrapper-footer {
    width: 195px;
  }
}

/*--- PC ---*/
#comments header {
  position: unset;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  grid-row: unset;
  grid-column: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
/*# sourceMappingURL=style.css.map */