@charset "UTF-8";
/*
Theme Name: illustration JP
Theme URI: http://magipro.jp/
Author: Magic Projects
Author URI: http://magipro.jp/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: illustration-jp
*/
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500&family=Noto+Sans+JP&family=Questrial&family=Roboto:wght@700&display=swap");
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W3);
  font-weight: 400; }
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W4);
  font-weight: 500; }
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W5);
  font-weight: 600; }
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 700; }
@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W7);
  font-weight: 800; }
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

*:focus {
  outline: none; }

body {
  line-height: 1;
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px; }

body {
  font-family: "Helvetica Neue", "arial", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #546A76;
  font-size: 1.3rem;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  font-weight: 400;
  background-color: #FCFAF9; }

a {
  text-decoration: none;
  color: #0071AF; }
  a:hover {
    color: #FF7E1F; }
  a:active {
    color: #333333; }

.svg-symbol,
.published {
  display: none; }

.scale {
  width: 100%;
  height: auto; }

.inlblk {
  display: inline-block; }

.required {
  color: #ff0004; }

.ad-box {
  margin-top: 20px;
  margin-bottom: 20px; }

.screen-reader-text {
  display: none; }

.comment-body {
  line-height: 1.6em; }

#wrapper {
  width: 100%;
  min-height: 100vh; }

#header {
  width: 100%;
  height: 120px;
  position: relative;
  background-color: #b5e7f4; }
  @media screen and (max-width: 860px) {
    #header {
      height: 91px; } }
  @media screen and (max-width: 520px) {
    #header {
      height: 105px; } }
  #header::before, #header::after {
    position: absolute;
    display: block;
    content: "";
    width: 50px;
    height: 120px;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    -o-transform: skew(-25deg);
    transform: skew(-25deg);
    top: 0;
    background-color: rgba(255, 255, 255, 0.502);
    z-index: 0; }
    @media screen and (max-width: 860px) {
      #header::before, #header::after {
        height: 91px; } }
    @media screen and (max-width: 520px) {
      #header::before, #header::after {
        height: 105px; } }
  #header::before {
    left: 25px; }
  #header::after {
    right: 30px; }
  #header.view {
    position: fixed;
    z-index: 9900;
    top: 0; }

#header-inn {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 1020px) {
    #header-inn {
      width: 96%; } }
  #header-inn .header-up {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 860px) {
      #header-inn .header-up {
        flex-wrap: wrap; } }
    #header-inn .header-up .license {
      width: 315px;
      flex-basis: 315px;
      max-width: 315px;
      margin-top: 8px; }
      @media screen and (max-width: 860px) {
        #header-inn .header-up .license {
          width: 100%;
          flex-basis: 100%;
          max-width: 100%; } }
      #header-inn .header-up .license ul {
        display: flex; }
        #header-inn .header-up .license ul li {
          width: 65px;
          flex-basis: 65px;
          max-width: 65px;
          border-radius: 15px;
          background-color: #fff;
          text-align: center;
          line-height: 1.5rem;
          padding: 5px 0;
          margin-right: 12px;
          z-index: 1; }
          @media screen and (max-width: 860px) {
            #header-inn .header-up .license ul li {
              width: 100px;
              flex-basis: 100px;
              max-width: 100px; } }
          #header-inn .header-up .license ul li.dark {
            background-color: #707070;
            color: #fff; }
          #header-inn .header-up .license ul li span {
            display: block; }
            @media screen and (max-width: 860px) {
              #header-inn .header-up .license ul li span {
                display: inline; } }
    #header-inn .header-up .pagetitle {
      display: flex;
      align-items: baseline;
      margin-top: 5px; }
      @media screen and (max-width: 860px) {
        #header-inn .header-up .pagetitle {
          width: calc(100% - 36px);
          flex-basis: calc(100% - 36px);
          max-width: calc(100% - 36px);
          justify-content: center;
          z-index: 1;
          margin-top: 10px; } }
      @media screen and (max-width: 520px) {
        #header-inn .header-up .pagetitle {
          flex-wrap: wrap; } }
      #header-inn .header-up .pagetitle .fulltitle {
        font-family: "M PLUS 1p", sans-serif;
        font-weight: 500;
        margin: 0 15px 5px 0; }
        @media screen and (max-width: 520px) {
          #header-inn .header-up .pagetitle .fulltitle {
            width: 100%;
            flex-basis: 100%;
            margin: 0 0 10px;
            text-align: center; } }
      #header-inn .header-up .pagetitle .logo {
        width: 155px;
        flex-basis: 155px; }
        @media screen and (max-width: 520px) {
          #header-inn .header-up .pagetitle .logo {
            width: 120px;
            flex-basis: 120px; } }
    #header-inn .header-up .mbmenu-open, #header-inn .header-up .mbmenu-close {
      display: none;
      cursor: pointer;
      margin-left: 12px; }
      @media screen and (max-width: 860px) {
        #header-inn .header-up .mbmenu-open, #header-inn .header-up .mbmenu-close {
          display: block;
          z-index: 1; } }
      #header-inn .header-up .mbmenu-open:hover, #header-inn .header-up .mbmenu-close:hover {
        opacity: 0.75; }
      #header-inn .header-up .mbmenu-open:active, #header-inn .header-up .mbmenu-close:active {
        opacity: 0.9; }
    #header-inn .header-up .mbmenu-close {
      display: none; }
    #header-inn .header-up .mbmenu-open, #header-inn .header-up .mbmenu-close {
      width: 24px;
      flex-basis: 24px;
      max-width: 24px; }
  #header-inn .header-down {
    display: flex;
    align-items: baseline;
    margin-top: 20px; }
    @media screen and (max-width: 860px) {
      #header-inn .header-down {
        display: none; } }
    #header-inn .header-down .menu-box {
      width: calc(100% - 196px);
      flex-basis: calc(100% - 196px);
      max-width: calc(100% - 196px); }
      #header-inn .header-down .menu-box .nav-menu {
        display: flex; }
        #header-inn .header-down .menu-box .nav-menu li {
          background-color: #C9F1FF;
          width: 180px;
          height: 35px;
          text-align: center;
          margin-left: 33px;
          z-index: 1; }
          #header-inn .header-down .menu-box .nav-menu li:first-of-type {
            margin-left: 0; }
          #header-inn .header-down .menu-box .nav-menu li:hover {
            background-color: #9EC9D8; }
            #header-inn .header-down .menu-box .nav-menu li:hover span, #header-inn .header-down .menu-box .nav-menu li:hover a {
              color: #ffffff; }
          #header-inn .header-down .menu-box .nav-menu li:active {
            background-color: #C9F1FF; }
          #header-inn .header-down .menu-box .nav-menu li span, #header-inn .header-down .menu-box .nav-menu li a {
            display: block;
            color: #546A76;
            font-family: "M PLUS 1p", sans-serif;
            font-size: 1.5rem;
            line-height: 3.5rem; }
          #header-inn .header-down .menu-box .nav-menu li span {
            cursor: pointer; }
          #header-inn .header-down .menu-box .nav-menu li.active {
            background-color: #9EC9D8; }
            #header-inn .header-down .menu-box .nav-menu li.active span {
              color: #ffffff; }
    #header-inn .header-down .search-box {
      width: 196px;
      flex-basis: 196px;
      max-width: 196px;
      position: relative;
      z-index: 1; }
      #header-inn .header-down .search-box .search-field {
        width: 163px;
        max-width: 163px;
        height: 26px;
        max-height: 26px;
        border: none;
        padding: 6px 7px;
        -webkit-appearance: textfield; }
      #header-inn .header-down .search-box .search-submit {
        width: 33px;
        max-width: 33px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background-color: #FFB045;
        background-image: url("img/search_icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px; }
        #header-inn .header-down .search-box .search-submit::-webkit-search-decoration {
          display: none; }
        #header-inn .header-down .search-box .search-submit::focus {
          outline-offset: -2px; }
        #header-inn .header-down .search-box .search-submit:hover {
          background-color: #FF9300; }
        #header-inn .header-down .search-box .search-submit:active {
          background-color: #FCC274; }

#contents {
  width: 1000px;
  margin: 0 auto;
  min-height: calc(100vh - 370px);
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1020px) {
    #contents {
      width: 96%;
      flex-wrap: wrap;
      overflow-x: hidden; } }
  #contents .left-box {
    width: 650px;
    flex-basis: 650px;
    max-width: 650px; }
    @media screen and (max-width: 1020px) {
      #contents .left-box {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%; } }
    #contents .left-box .topicpath {
      margin-top: 10px; }
    #contents .left-box .page-title {
      background-color: #FFE9CB;
      border-radius: 25px;
      padding: 13px 17px;
      margin-bottom: 30px; }
      #contents .left-box .page-title h1 {
        font-size: 1.8rem;
        line-height: 2.4rem; }
    #contents .left-box .entry-list {
      margin-top: 12px; }
      #contents .left-box .entry-list.home {
        margin-top: 59px; }
        @media screen and (max-width: 860px) {
          #contents .left-box .entry-list.home {
            margin-top: 28px; } }
      #contents .left-box .entry-list .entry-title {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 440px) {
          #contents .left-box .entry-list .entry-title {
            flex-wrap: wrap;
            justify-content: flex-start; } }
        #contents .left-box .entry-list .entry-title .title-fig {
          width: 80px;
          flex-basis: 80px;
          max-width: 80px;
          height: 80px; }
          @media screen and (max-width: 440px) {
            #contents .left-box .entry-list .entry-title .title-fig {
              width: 60px;
              flex-basis: 60px;
              max-width: 60px;
              height: 60px;
              margin-bottom: 12px; } }
        #contents .left-box .entry-list .entry-title .title-guide {
          width: calc(100% - 95px);
          flex-basis: calc(100% - 95px);
          max-width: calc(100% - 95px);
          font-size: 1.4rem;
          line-height: 2.2rem; }
          @media screen and (max-width: 440px) {
            #contents .left-box .entry-list .entry-title .title-guide {
              width: 100%;
              flex-basis: 100%;
              max-width: 100%; } }
      #contents .left-box .entry-list .body {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 7px; }
        @media screen and (max-width: 1020px) {
          #contents .left-box .entry-list .body {
            justify-content: center; } }
        #contents .left-box .entry-list .body .entry-item {
          width: 150px;
          flex-basis: 150px;
          max-width: 150px;
          margin-bottom: 14px; }
          @media screen and (max-width: 1020px) {
            #contents .left-box .entry-list .body .entry-item {
              margin-left: 30px; } }
          @media screen and (max-width: 860px) {
            #contents .left-box .entry-list .body .entry-item {
              margin-left: 15px;
              margin-right: 15px; } }
          #contents .left-box .entry-list .body .entry-item a {
            display: block;
            width: 100%;
            text-align: center;
            color: #546A76; }
            #contents .left-box .entry-list .body .entry-item a.image {
              background-color: #fff; }
            #contents .left-box .entry-list .body .entry-item a.caption {
              line-height: 2.2rem; }
            #contents .left-box .entry-list .body .entry-item a:hover {
              opacity: 0.75; }
            #contents .left-box .entry-list .body .entry-item a:active {
              opacity: 0.85; }
      #contents .left-box .entry-list .footer .paging-navigation {
        margin: 39px 0 68px; }
      #contents .left-box .entry-list .footer .pagination {
        display: flex;
        justify-content: center; }
        #contents .left-box .entry-list .footer .pagination .page-numbers {
          font-size: 1.2rem;
          color: #546A76;
          background-color: #D1EBF2;
          display: block;
          width: 22px;
          height: 22px;
          border-radius: 50%;
          text-align: center;
          line-height: 22px;
          margin: 0 17px; }
          @media screen and (max-width: 520px) {
            #contents .left-box .entry-list .footer .pagination .page-numbers {
              margin: 0 8px; } }
          #contents .left-box .entry-list .footer .pagination .page-numbers.current {
            background-color: #546A76;
            color: #fff; }
          #contents .left-box .entry-list .footer .pagination .page-numbers.prev, #contents .left-box .entry-list .footer .pagination .page-numbers.next {
            width: auto;
            background-color: transparent;
            border-radius: 0; }
        #contents .left-box .entry-list .footer .pagination a:hover {
          opacity: 0.75; }
        #contents .left-box .entry-list .footer .pagination a:active {
          opacity: 0.9; }
    #contents .left-box .entry-item {
      margin-top: 12px; }
      #contents .left-box .entry-item .body .entry-image-box {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 660px) {
          #contents .left-box .entry-item .body .entry-image-box {
            flex-wrap: wrap;
            justify-content: center; } }
        #contents .left-box .entry-item .body .entry-image-box .entry-image {
          width: 300px;
          flex-basis: 300px;
          max-width: 300px;
          box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.2); }
        #contents .left-box .entry-item .body .entry-image-box .entry-note {
          width: calc(100% - 330px);
          flex-basis: calc(100% - 330px);
          max-width: calc(100% - 330px);
          margin-left: 20px;
          margin-right: 10px;
          font-size: 1.4rem;
          line-height: 1.5em; }
          @media screen and (max-width: 660px) {
            #contents .left-box .entry-item .body .entry-image-box .entry-note {
              width: 100%;
              flex-basis: 100%;
              max-width: 100%;
              margin-left: 10px;
              margin-top: 38px; } }
      #contents .left-box .entry-item .body .download-box {
        margin: 58px 10px 0; }
        #contents .left-box .entry-item .body .download-box .guide-text {
          line-height: 1.5em; }
        #contents .left-box .entry-item .body .download-box .btn-box {
          margin-top: 58px;
          display: flex;
          justify-content: space-between;
          margin: 58px 10px; }
          @media screen and (max-width: 660px) {
            #contents .left-box .entry-item .body .download-box .btn-box {
              flex-wrap: wrap;
              justify-content: center; } }
          #contents .left-box .entry-item .body .download-box .btn-box .down-btn {
            display: block;
            width: 280px;
            flex-basis: 280px;
            max-width: 280px;
            height: 70px;
            position: relative;
            background-color: #fff;
            border: solid 1px #707070;
            border-radius: 35px;
            font-family: "Roboto", sans-serif;
            font-size: 2rem;
            text-align: center;
            padding: 25px 0; }
            @media screen and (max-width: 660px) {
              #contents .left-box .entry-item .body .download-box .btn-box .down-btn {
                margin-left: calc((100% - 280px) / 2);
                margin-right: calc((100% - 280px) / 2);
                margin-bottom: 30px; } }
            #contents .left-box .entry-item .body .download-box .btn-box .down-btn .download-icon {
              width: 18px;
              height: 18.5px;
              position: absolute;
              margin: auto;
              top: 0;
              bottom: 0;
              right: 19px; }
            #contents .left-box .entry-item .body .download-box .btn-box .down-btn.image .download-icon {
              fill: #0071AF; }
            #contents .left-box .entry-item .body .download-box .btn-box .down-btn.image:hover {
              color: #0071AF;
              background-color: #B5E7F4; }
            #contents .left-box .entry-item .body .download-box .btn-box .down-btn.image:active {
              color: #0071AF;
              background-color: #E0E0E0; }
            #contents .left-box .entry-item .body .download-box .btn-box .down-btn.illust {
              color: #FF7E1F; }
              #contents .left-box .entry-item .body .download-box .btn-box .down-btn.illust .download-icon {
                fill: #FF7E1F; }
              #contents .left-box .entry-item .body .download-box .btn-box .down-btn.illust:hover {
                background-color: #F9EDE8; }
              #contents .left-box .entry-item .body .download-box .btn-box .down-btn.illust:active {
                background-color: #E0E0E0; }
      #contents .left-box .entry-item .body .entry-meta {
        margin-bottom: 20px; }
        #contents .left-box .entry-item .body .entry-meta span {
          display: inline-block;
          margin-right: 2em; }
        #contents .left-box .entry-item .body .entry-meta .tag-links {
          display: inline-block;
          position: relative;
          padding-left: 18px;
          min-height: 14px;
          line-height: 14px; }
          #contents .left-box .entry-item .body .entry-meta .tag-links::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 14px;
            height: 14px;
            background: url("img/tag_icon.svg") no-repeat; }
      #contents .left-box .entry-item .footer {
        margin-bottom: 120px; }
        @media screen and (max-width: 860px) {
          #contents .left-box .entry-item .footer {
            margin-bottom: 0; } }
        #contents .left-box .entry-item .footer .comments-area .comments-title {
          font-size: 1.6rem;
          margin-bottom: 20px; }
        #contents .left-box .entry-item .footer .post-nav {
          margin-bottom: 58px;
          padding-top: 7px;
          display: flex;
          justify-content: space-between;
          border-top: solid 1px #848484; }
          @media screen and (max-width: 600px) {
            #contents .left-box .entry-item .footer .post-nav {
              flex-wrap: wrap;
              justify-content: center; }
              #contents .left-box .entry-item .footer .post-nav .nav-link {
                margin: 0.7em 2em; } }
    #contents .left-box .fix-page {
      margin-top: 12px;
      margin-bottom: 58px; }
      #contents .left-box .fix-page .body p {
        line-height: 1.6em;
        margin-bottom: 1em; }
      #contents .left-box .fix-page .body h2 {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.6em;
        margin-top: 1.5em;
        margin-bottom: 1em; }
      #contents .left-box .fix-page .body ul {
        margin-left: 1.5em; }
        #contents .left-box .fix-page .body ul li {
          list-style: disc;
          line-height: 1.6em;
          margin-bottom: 1em; }
      #contents .left-box .fix-page .body ol {
        margin-left: 1.5em; }
        #contents .left-box .fix-page .body ol li {
          list-style: decimal;
          line-height: 1.6em;
          margin-bottom: 1em; }
    #contents .left-box .pickup-list {
      margin-top: 28px;
      margin-bottom: 100px; }
      #contents .left-box .pickup-list .pickup-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 7px; }
        @media screen and (max-width: 440px) {
          #contents .left-box .pickup-list .pickup-title {
            flex-wrap: wrap;
            justify-content: flex-start; } }
        #contents .left-box .pickup-list .pickup-title .title-fig {
          width: 80px;
          flex-basis: 80px;
          max-width: 80px;
          height: 80px; }
          @media screen and (max-width: 440px) {
            #contents .left-box .pickup-list .pickup-title .title-fig {
              width: 60px;
              flex-basis: 60px;
              max-width: 60px;
              height: 60px;
              margin-bottom: 12px; } }
        #contents .left-box .pickup-list .pickup-title .title-guide {
          width: calc(100% - 95px);
          flex-basis: calc(100% - 95px);
          max-width: calc(100% - 95px);
          font-size: 1.4rem;
          line-height: 2.2rem; }
          @media screen and (max-width: 440px) {
            #contents .left-box .pickup-list .pickup-title .title-guide {
              width: 100%;
              flex-basis: 100%;
              max-width: 100%; } }
  #contents .right-box {
    width: 336px;
    flex-basis: 336px;
    max-width: 336px; }
    @media screen and (max-width: 1020px) {
      #contents .right-box {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%; } }

.widget {
  width: 90%;
  margin: 50px auto 20px; }
  .widget .widget-title {
    font-family: "Questrial", sans-serif;
    font-size: 2rem;
    margin: 27px 0;
    position: relative;
    padding-left: 32px; }
  .widget.widget_recent_entries li {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 17px; }

.widget_recent_entries .widget-title::before,
.widget_tag_cloud .widget-title::before,
.widget_calendar .widget-title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.widget_recent_entries .widget-title::before {
  width: 18px;
  height: 18px;
  background: url("img/new_widgets.svg") no-repeat; }

.widget_tag_cloud .widget-title::before {
  width: 19px;
  height: 19px;
  background: url("img/tag_widgets.svg") no-repeat; }

.widget_calendar .widget-title::before {
  width: 18px;
  height: 20px;
  background: url("img/cal_widgets.svg") no-repeat; }

.widget_calendar table {
  width: 100%;
  line-height: 2;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0; }

.widget_calendar caption {
  color: #333;
  font-size: 1.6rem;
  margin-bottom: 5px !important;
  text-align: left;
  text-transform: uppercase; }

.widget_calendar thead th {
  background-color: #E0E0E0; }

.widget_calendar tbody td,
.widget_calendar thead th {
  text-align: center;
  border: #9C9C9C solid 1px; }

.widget_calendar tbody a {
  background-color: #FFDA78;
  color: #000;
  display: block; }

.widget_calendar tbody a:hover {
  background-color: #FFE9B1; }

.widget_calendar tbody a:hover {
  color: #000; }

.widget_calendar #prev {
  padding-left: 5px; }

.widget_calendar #next {
  padding-right: 5px;
  text-align: right; }

.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 5px; }

.wp-calendar-nav .wp-calendar-nav-prev,
.wp-calendar-nav .wp-calendar-nav-next {
  display: block; }

.comment-list {
  margin-bottom: 58px; }

.comment-respond h3.comment-reply-title {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1em; }

/* Genericons */
.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 16px/1 Genericons;
  text-decoration: inherit;
  vertical-align: text-bottom; }

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */
.comments-area {
  padding: 24px 10px; }

.comment-list {
  list-style: none;
  margin: 0 0 48px 0; }

.comment-author {
  font-size: 14px;
  line-height: 1.7142857142; }

.comment-list .reply,
.comment-metadata {
  font-size: 12px;
  line-height: 2;
  text-transform: uppercase; }

.comment-list .reply {
  margin-top: 24px; }

.comment-author .fn {
  font-weight: 900; }

.comment-author a {
  color: #2b2b2b; }

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
  color: #767676; }

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
  color: #41a62a; }

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  padding-top: 24px; }

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
  border-top: 0; }

.comment-author {
  position: relative; }

.comment-author .avatar {
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 18px;
  padding: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px; }

.bypostauthor > article .fn:before {
  content: "\f408";
  margin: 0 2px 0 -2px;
  position: relative;
  top: -1px; }

.says {
  display: none; }

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
  padding-left: 30px; }

.comment-edit-link {
  margin-left: 10px; }

.comment-edit-link:before {
  content: "\f411"; }

.comment-reply-link:before,
.comment-reply-login:before {
  content: "\f412";
  margin-right: 2px; }

.comment-content {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }

.comment-content ul,
.comment-content ol {
  margin: 0 0 24px 22px; }

.comment-content li > ul,
.comment-content li > ol {
  margin-bottom: 0; }

.comment-content > :last-child {
  margin-bottom: 0; }

.comment-list .children {
  list-style: none;
  margin-left: 15px; }

.comment-respond {
  margin-bottom: 24px;
  padding: 0; }

.comment .comment-respond {
  margin-top: 24px; }

.comment-respond h3 {
  margin-top: 0;
  margin-bottom: 24px; }

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
  color: #767676; }

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
  font-size: 14px;
  line-height: 1.7142857142; }

.no-comments {
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
  margin-top: 24px;
  text-transform: uppercase; }

.comment-form label {
  display: block; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%; }

.form-allowed-tags,
.form-allowed-tags code {
  font-size: 12px;
  line-height: 1.5; }

.required {
  color: #c0392b; }

.comment-reply-title small a {
  color: #2b2b2b;
  float: right;
  height: 24px;
  overflow: hidden;
  width: 24px; }

.comment-reply-title small a:hover {
  color: #41a62a; }

.comment-reply-title small a:before {
  content: "\f405";
  font-size: 32px; }

.comment-navigation {
  font-size: 12px;
  line-height: 2;
  margin-bottom: 48px;
  text-transform: uppercase; }

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
  display: inline-block; }

.comment-navigation .nav-previous a {
  margin-right: 10px; }

#comment-nav-above {
  margin-top: 36px;
  margin-bottom: 0; }

#commentform {
  padding-left: 1em; }
  #commentform > p {
    margin-bottom: 12px;
    display: flex; }
    #commentform > p > label {
      display: inline-block;
      line-height: 2.5rem;
      width: 80px;
      flex-basis: 80px; }
    #commentform > p > input[type="text"], #commentform > p > input[type="email"], #commentform > p > input[type="url"], #commentform > p > textarea {
      padding: 3px;
      width: calc(100% - 80px);
      flex-basis: calc(100% - 80px); }
    #commentform > p.comment-form-cookies-consent > label {
      width: auto;
      flex-basis: auto;
      line-height: 1.5em;
      margin-left: 7px; }
    #commentform > p.form-submit {
      text-align: right;
      display: block;
      margin-top: 23px; }
      #commentform > p.form-submit .submit {
        color: #fff;
        background-color: #0071AF;
        border: none;
        padding: 7px 12px; }
        #commentform > p.form-submit .submit:hover {
          background-color: #FF7E1F; }
        #commentform > p.form-submit .submit:active {
          background-color: #333333; }

.slides h3 {
  text-align: center;
  line-height: 1.4em; }
.slides a {
  color: #546A76; }
  .slides a:hover {
    opacity: 0.75; }
  .slides a:active {
    opacity: 0.85; }

.tagcloud a {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  color: #555;
  display: inline-block;
  margin-bottom: 7px;
  padding: 4px 8px;
  text-decoration: none; }
  @media screen and (max-width: 660px) {
    .tagcloud a {
      margin-bottom: 12px; } }
  .tagcloud a:before {
    font-family: FontAwesome;
    content: "\f02b";
    padding-right: 3px; }
  .tagcloud a:hover {
    background-color: #f3f3f3;
    transition: all 0.3s ease 0s; }
  .tagcloud a .tag-link-count {
    margin-left: 10px; }

#footer {
  width: 100%;
  position: relative;
  background-color: #b5e7f4; }

#footer-inn {
  width: 1000px;
  margin: 0 auto;
  color: #546A76;
  padding: 31px 0; }
  @media screen and (max-width: 1020px) {
    #footer-inn {
      width: 96%; } }
  #footer-inn a {
    color: #546A76; }
  #footer-inn a:hover {
    color: #FF7E1F; }
  #footer-inn a:active {
    color: #333333; }
  #footer-inn .footer-menu li {
    font-size: 1.4rem;
    margin: 10px 0;
    line-height: 1.5em; }
  #footer-inn .link-box,
  #footer-inn .siteinfo-box {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 860px) {
      #footer-inn .link-box,
      #footer-inn .siteinfo-box {
        flex-wrap: wrap; } }
  @media screen and (max-width: 860px) {
    #footer-inn .link-box .site-map {
      width: 100%;
      flex-basis: 100%;
      max-width: 100%; } }
  #footer-inn .link-box .related-links {
    background-color: #C9F1FF;
    padding: 12px 20px; }
    @media screen and (max-width: 860px) {
      #footer-inn .link-box .related-links {
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-top: 20px; } }
  #footer-inn .siteinfo-box {
    margin-top: 73px; }
    @media screen and (max-width: 860px) {
      #footer-inn .siteinfo-box {
        justify-content: center;
        margin-top: 36px; } }
    #footer-inn .siteinfo-box .sns-box {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 860px) {
        #footer-inn .siteinfo-box .sns-box {
          margin-bottom: 20px;
          margin-left: calc((100% - 92px) / 2);
          margin-right: calc((100% - 92px) / 2); } }
      #footer-inn .siteinfo-box .sns-box a {
        display: block;
        width: 24px;
        flex-basis: 24px;
        max-width: 24px;
        margin-right: 44px; }
        @media screen and (max-width: 860px) {
          #footer-inn .siteinfo-box .sns-box a:last-of-type {
            margin-right: 0px; } }
      #footer-inn .siteinfo-box .sns-box a:hover {
        opacity: 0.75; }
      #footer-inn .siteinfo-box .sns-box a:active {
        opacity: 0.9; }
    #footer-inn .siteinfo-box .manege-box {
      display: flex;
      align-items: center; }
      #footer-inn .siteinfo-box .manege-box span {
        display: block;
        font-size: 1.4rem;
        font-family: "Questrial", sans-serif; }
        #footer-inn .siteinfo-box .manege-box span.mp-logo {
          width: 154px;
          flex-basis: 154px;
          max-width: 154px;
          margin-left: 15px; }
  #footer-inn .copyright {
    margin: 28px 0;
    font-size: 1.4rem;
    font-family: "Questrial", sans-serif;
    text-align: center; }

#footer-ad {
  position: fixed;
  width: 100%;
  background-color: rgba(62, 62, 62, 0.25);
  height: 100px;
  bottom: 0;
  text-align: center;
  z-index: 9700; }
  #footer-ad .adsbygoogle {
    margin: 5px auto; }
  #footer-ad .close-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    fill: #000;
    position: absolute;
    top: 10px;
    right: 7px; }
    #footer-ad .close-icon:hover {
      fill: #EBEBEB; }
    #footer-ad .close-icon:active {
      fill: #dddddd; }

.mb-item {
  display: none; }
  @media screen and (max-width: 860px) {
    .mb-item {
      display: block; } }

#menu-overlay {
  display: none;
  position: fixed;
  z-index: 9800;
  width: 100%;
  height: 100%;
  background-color: #546A76;
  top: 0;
  left: 0; }
  #menu-overlay #category-menu {
    width: 1000px;
    margin: 120px auto 0;
    padding: 7px 0; }
    @media screen and (max-width: 1020px) {
      #menu-overlay #category-menu {
        width: 96%; } }
    @media screen and (max-width: 860px) {
      #menu-overlay #category-menu {
        margin: 91px auto 0; } }
    @media screen and (max-width: 520px) {
      #menu-overlay #category-menu {
        margin: 105px auto 0; } }
    #menu-overlay #category-menu #category-menu-inn {
      width: 100%;
      height: calc(100vh - 120px);
      margin: auto;
      overflow-x: hidden;
      overflow-y: auto; }
      @media screen and (max-width: 860px) {
        #menu-overlay #category-menu #category-menu-inn {
          height: calc(100vh - 91px); } }
      @media screen and (max-width: 860px) {
        #menu-overlay #category-menu #category-menu-inn {
          height: calc(100vh - 105px); } }
    #menu-overlay #category-menu .mb-search-box {
      position: relative;
      margin: 14px 0 20px; }
      #menu-overlay #category-menu .mb-search-box .search-field {
        width: calc(100% - 33px);
        max-width: calc(100% - 33px);
        max-height: 26px;
        border: none;
        padding: 6px 7px; }
        @media screen and (max-width: 860px) {
          #menu-overlay #category-menu .mb-search-box .search-field {
            font-size: 1.6rem;
            max-height: 32px;
            padding: 8px; } }
      #menu-overlay #category-menu .mb-search-box .search-submit {
        width: 33px;
        max-width: 33px;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        background-color: #FFB045;
        background-image: url("img/search_icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px; }
        @media screen and (max-width: 860px) {
          #menu-overlay #category-menu .mb-search-box .search-submit {
            width: 39px;
            max-width: 39px;
            height: 32px; } }
        #menu-overlay #category-menu .mb-search-box .search-submit::-webkit-search-decoration {
          display: none; }
        #menu-overlay #category-menu .mb-search-box .search-submit::focus {
          outline-offset: -2px; }
        #menu-overlay #category-menu .mb-search-box .search-submit:hover {
          background-color: #FF9300; }
        #menu-overlay #category-menu .mb-search-box .search-submit:active {
          background-color: #FCC274; }
    #menu-overlay #category-menu .cat-box {
      width: 100%;
      height: 100%;
      overflow-y: auto; }
      @media screen and (max-width: 860px) {
        #menu-overlay #category-menu .cat-box {
          margin-bottom: 150px;
          width: 300px;
          height: calc(100% - 150px);
          margin: auto; } }
    #menu-overlay #category-menu ul.cat-nav {
      width: 320px;
      position: relative;
      left: 0;
      transition: all 0.3s ease-out; }
      @media screen and (max-width: 860px) {
        #menu-overlay #category-menu ul.cat-nav {
          margin-top: 7px;
          width: 100%; } }
      #menu-overlay #category-menu ul.cat-nav.select {
        left: -300px;
        transition: all 0.4s ease-out; }
      #menu-overlay #category-menu ul.cat-nav li {
        width: 100%;
        font-size: 1.6rem;
        border-top: solid 1px #fff; }
        #menu-overlay #category-menu ul.cat-nav li:last-of-type {
          border-bottom: solid 1px #fff; }
        #menu-overlay #category-menu ul.cat-nav li a, #menu-overlay #category-menu ul.cat-nav li .top-cat {
          color: #fff;
          display: block;
          padding: 15px 8px;
          position: relative;
          cursor: pointer;
          width: 100%; }
          #menu-overlay #category-menu ul.cat-nav li a:after, #menu-overlay #category-menu ul.cat-nav li .top-cat:after {
            content: "";
            display: block;
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            right: 7px;
            width: 10px;
            height: 10px;
            border-top: solid 1px #fff;
            border-right: solid 1px #fff;
            transform: rotate(45deg); }
          #menu-overlay #category-menu ul.cat-nav li a:hover, #menu-overlay #category-menu ul.cat-nav li a.active, #menu-overlay #category-menu ul.cat-nav li .top-cat:hover, #menu-overlay #category-menu ul.cat-nav li .top-cat.active {
            background-color: #9EC9D8; }
            #menu-overlay #category-menu ul.cat-nav li a:hover:after, #menu-overlay #category-menu ul.cat-nav li a.active:after, #menu-overlay #category-menu ul.cat-nav li .top-cat:hover:after, #menu-overlay #category-menu ul.cat-nav li .top-cat.active:after {
              border-top: solid 1px #B5E7F4;
              border-right: solid 1px #B5E7F4; }
          #menu-overlay #category-menu ul.cat-nav li a:active, #menu-overlay #category-menu ul.cat-nav li .top-cat:active {
            background-color: #C9F1FF; }
            #menu-overlay #category-menu ul.cat-nav li a:active:after, #menu-overlay #category-menu ul.cat-nav li .top-cat:active:after {
              border-top: solid 1px #fff;
              border-right: solid 1px #fff; }
        #menu-overlay #category-menu ul.cat-nav li ul.category-menu-child {
          width: 320px;
          display: none;
          position: absolute;
          top: 0;
          right: -320px;
          padding-left: 11px; }
          @media screen and (max-width: 860px) {
            #menu-overlay #category-menu ul.cat-nav li ul.category-menu-child {
              width: 100%;
              right: -300px;
              padding-left: 0; } }
          #menu-overlay #category-menu ul.cat-nav li ul.category-menu-child .mb-mback {
            color: #fff;
            display: block;
            padding: 15px 8px 15px 30px;
            position: relative;
            cursor: pointer;
            width: 100%; }
            #menu-overlay #category-menu ul.cat-nav li ul.category-menu-child .mb-mback:hover {
              background-color: #9EC9D8; }
            #menu-overlay #category-menu ul.cat-nav li ul.category-menu-child .mb-mback:active {
              background-color: #C9F1FF; }
            #menu-overlay #category-menu ul.cat-nav li ul.category-menu-child .mb-mback:before {
              content: "";
              display: block;
              position: absolute;
              margin: auto;
              top: 0;
              bottom: 0;
              left: 7px;
              width: 16px;
              height: 16px;
              background: url("img/back_icon.svg") no-repeat; }
    #menu-overlay #category-menu .mb-nav {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #41525C;
      padding: 6px 10px; }
      #menu-overlay #category-menu .mb-nav a {
        display: block;
        color: #fff;
        width: 100%; }
        #menu-overlay #category-menu .mb-nav a:hover {
          opacity: 0.75; }
        #menu-overlay #category-menu .mb-nav a:active {
          opacity: 0.9; }
      #menu-overlay #category-menu .mb-nav .mb-nav-inn {
        display: flex; }
        #menu-overlay #category-menu .mb-nav .mb-nav-inn .homebtn {
          font-family: "Questrial", sans-serif;
          width: 40px;
          flex-basis: 40px;
          max-width: 40px;
          text-align: center;
          margin: 0 20px 0 0; }
        #menu-overlay #category-menu .mb-nav .mb-nav-inn ul {
          width: calc(100% - 60px);
          flex-basis: calc(100% - 60px);
          max-width: calc(100% - 60px); }
          #menu-overlay #category-menu .mb-nav .mb-nav-inn ul li {
            line-height: 26px; }
  #menu-overlay .close-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    fill: #fff;
    position: absolute;
    top: 127px;
    right: 7px; }
    #menu-overlay .close-icon:hover {
      fill: #EBEBEB; }
    #menu-overlay .close-icon:active {
      fill: #dddddd; }
    @media screen and (max-width: 860px) {
      #menu-overlay .close-icon {
        display: none; } }

#gotop {
  width: 52px;
  height: 52px;
  position: fixed;
  right: 20px;
  bottom: 120px;
  background-color: #9EC9D8;
  border-radius: 5px;
  padding: 8px; }
  #gotop a {
    display: block; }
    #gotop a:hover {
      opacity: 0.75; }
    #gotop a:active {
      opacity: 0.9; }