/*
  Theme Name: Morikogyo
  Template: twentytwenty
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yuji+Mai&display=swap');


:root {
  --color-lightblue: #154A90;
  --color-darkblue: #222B37;
  --font-NotoSansJP: "Noto Sans JP", sans-serif;
  --font-FjallaOne: "Fjalla One", sans-serif;
  --font-YujiMai: "Yuji Mai", serif;
}

.sp-br {
  display: none;
}

.sp-br-none {
  display: block;
}

#site-footer {
  background-color: var(--color-lightblue);
  padding-bottom: 0;
}

.sec-standard {
  width: 100%;
  max-width: 1200px!important;
}

.sec-full {
  width: 100%!important;
	max-width: 100%!important;
}

.sec-full .sec-full-contents {
  width: 100%;
  max-width: 1200px!important;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .sp-br {
    display: block;
  }

  .sp-br-none {
    display: none;
  }

  .sec-standard {
    max-width: calc(100% - 30px)!important;
    width: 100%!important;
    margin-left: 15px;
    margin-right: 15px;
  }

  .sec-full .sec-full-contents {
    max-width: calc(100% - 30px)!important;
  }
}