@charset "UTF-8";
#calendar_wrap {
  position: relative;
  width: 210mm;
  height: 296mm;
  margin: 0 auto;
  padding: 10mm;
  box-sizing: border-box;
  border: 3px dashed #aaa; }
  #calendar_wrap #calendar_header > div {
    display: flex;
    justify-content: space-between; }
    #calendar_wrap #calendar_header > div > div:nth-of-type(1), #calendar_wrap #calendar_header > div > div:nth-of-type(3) {
      box-sizing: border-box;
      margin: 0 10px; }
      #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .header, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .header {
        margin: 0 0 5px;
        padding: 0 0 5px;
        border: 1px solid #ccc;
        border-width: 0 0 1px; }
        #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .header > p, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .header > p {
          text-align: center;
          margin: 0 0 5px;
          font-size: 1.4rem; }
        #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .header > div > ul, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .header > div > ul {
          width: 175px;
          display: flex;
          flex-wrap: wrap; }
          #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .header > div > ul > li, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .header > div > ul > li {
            font-size: 1.2rem;
            text-align: center;
            width: 25px; }
            #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .header > div > ul > li:nth-of-type(1), #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .header > div > ul > li:nth-of-type(1) {
              color: red; }
            #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .header > div > ul > li:nth-of-type(7), #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .header > div > ul > li:nth-of-type(7) {
              color: blue; }
      #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body {
        font-size: 1.0rem; }
        #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body > ul, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body > ul {
          width: 175px;
          display: flex;
          flex-wrap: wrap; }
          #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body > ul > li, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body > ul > li {
            text-align: center;
            width: 25px;
            height: 18px;
            border: 1px solid #fff;
            box-sizing: border-box; }
            #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body > ul > li:nth-of-type(7n+1), #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body > ul > li:nth-of-type(7n+1) {
              color: red; }
            #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body > ul > li:nth-of-type(7n), #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body > ul > li:nth-of-type(7n) {
              color: blue; }
            #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body > ul > li.is_holiday, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body > ul > li.is_holiday {
              color: red; }
            #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body > ul > li.is_full_moon, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body > ul > li.is_full_moon {
              position: relative; }
              #calendar_wrap #calendar_header > div > div:nth-of-type(1) > .body > ul > li.is_full_moon > span, #calendar_wrap #calendar_header > div > div:nth-of-type(3) > .body > ul > li.is_full_moon > span {
                position: absolute;
                top: -3px;
                left: 1px;
                display: block;
                border: 2px solid red;
                width: 22px;
                height: 22px;
                border-radius: 11px;
                box-sizing: border-box; }
    #calendar_wrap #calendar_header > div > div:nth-of-type(2) {
      width: 300px; }
      #calendar_wrap #calendar_header > div > div:nth-of-type(2) > p {
        text-align: center;
        margin: 0; }
        #calendar_wrap #calendar_header > div > div:nth-of-type(2) > p:nth-of-type(1) {
          font-size: 1.8rem; }
        #calendar_wrap #calendar_header > div > div:nth-of-type(2) > p:nth-of-type(2) {
          font-size: 3.6rem;
          margin: 5px 0; }
        #calendar_wrap #calendar_header > div > div:nth-of-type(2) > p:nth-of-type(3) {
          font-size: 2.0rem; }
  #calendar_wrap #calendar_header > ul {
    width: 100%;
    margin: 30px 0 15px;
    display: flex;
    font-size: 2.2rem; }
    #calendar_wrap #calendar_header > ul > li {
      width: 14.28571%;
      text-align: center; }
      #calendar_wrap #calendar_header > ul > li:nth-of-type(1) {
        color: red; }
      #calendar_wrap #calendar_header > ul > li:last-of-type {
        color: #05f; }
  #calendar_wrap #calendar_body > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-width: 1px 0 0 0; }
    #calendar_wrap #calendar_body > ul > li {
      width: 14.28571%;
      position: relative;
      box-sizing: border-box;
      border: 1px solid #aaa;
      border-width: 0 1px 1px 0;
      -webkit-print-color-adjust: exact; }
      #calendar_wrap #calendar_body > ul > li:nth-of-type(7n+1) {
        border-width: 0px 1px 1px 1px; }
      #calendar_wrap #calendar_body > ul > li:nth-of-type(-n+7) {
        border-width: 1px 1px 1px 0; }
      #calendar_wrap #calendar_body > ul > li:nth-of-type(1) {
        border-width: 1px; }
      #calendar_wrap #calendar_body > ul > li#loading_calendar {
        width: 100% !important;
        height: 100px;
        background-image: url("https://img.hinode.pics/images/Common/loading_002.gif");
        background-repeat: no-repeat;
        background-position: center; }
      #calendar_wrap #calendar_body > ul > li:nth-of-type(7n+1), #calendar_wrap #calendar_body > ul > li.holiday {
        color: red;
        background-color: #fff8f8 !important; }
      #calendar_wrap #calendar_body > ul > li:nth-of-type(7n) {
        color: #05f;
        background-color: #f8f8ff !important; }
      #calendar_wrap #calendar_body > ul > li.full_moon .moon_phase {
        border-color: red; }
      #calendar_wrap #calendar_body > ul > li.blank {
        background-color: #fff !important; }
      #calendar_wrap #calendar_body > ul > li:before {
        content: "";
        display: block;
        padding-top: 130%; }
      #calendar_wrap #calendar_body > ul > li > div {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
        #calendar_wrap #calendar_body > ul > li > div .date {
          display: block;
          position: absolute;
          top: 2px;
          left: 10px;
          font-size: 2.4rem; }
        #calendar_wrap #calendar_body > ul > li > div .moon_phase {
          position: absolute;
          top: 3px;
          right: 3px;
          width: 35px;
          height: auto;
          border: 3px solid #000;
          background-color: #000; }
        #calendar_wrap #calendar_body > ul > li > div .moon_phase_text {
          position: absolute;
          width: 41px;
          top: 47px;
          right: 3px;
          font-size: 1.2rem;
          color: #000;
          text-align: center; }
        #calendar_wrap #calendar_body > ul > li > div .rise_set_time_wrap {
          position: absolute;
          bottom: 5px;
          left: 0;
          width: 100%; }
          #calendar_wrap #calendar_body > ul > li > div .rise_set_time_wrap > hr {
            border-top: 1px dashed #ccc;
            border-width: 1px 0 0;
            padding: 0 5px;
            margin: 7px 7px 5px; }
          #calendar_wrap #calendar_body > ul > li > div .rise_set_time_wrap > div {
            display: flex;
            justify-content: center;
            margin: 1px 0 0; }
            #calendar_wrap #calendar_body > ul > li > div .rise_set_time_wrap > div > img {
              width: auto;
              height: 20px; }
            #calendar_wrap #calendar_body > ul > li > div .rise_set_time_wrap > div > span {
              font-family: 'MS Gothic', sans-serif;
              font-size: 1.0rem;
              color: #000;
              line-height: 20px; }
              #calendar_wrap #calendar_body > ul > li > div .rise_set_time_wrap > div > span:nth-of-type(1) {
                margin: 0 3px 0 0; }
  #calendar_wrap #calendar_footer {
    position: absolute;
    right: 10mm;
    bottom: 10mm;
    display: flex;
    border: 1px solid #aaa;
    padding: 10px;
    border-radius: 5px; }
    #calendar_wrap #calendar_footer > div > img {
      vertical-align: bottom; }
    #calendar_wrap #calendar_footer > div:nth-of-type(1) {
      margin: 0 10px 0 0; }
      #calendar_wrap #calendar_footer > div:nth-of-type(1) .site_logo {
        height: 35px; }
      #calendar_wrap #calendar_footer > div:nth-of-type(1) .site_url {
        height: 20px;
        margin: 3px 0 0;
        line-height: 20px;
        font-size: 1.2rem; }
      #calendar_wrap #calendar_footer > div:nth-of-type(1) .search_box {
        position: absolute;
        right: 92px;
        bottom: 10px;
        border: 1px solid #888;
        border-radius: 3px; }
    #calendar_wrap #calendar_footer > div:nth-of-type(2) .qr_code {
      height: 70px;
      border: 1px solid #ccc; }

p {
  margin: 0; }

a {
  color: #05f; }

ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

html {
  font-size: 62.5%;
  font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Noto Sans JP', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  @media print {
    html > body {
      padding: 0 !important; } }
  html > body {
    font-size: 1.6rem;
    margin: 0; }
    @media print {
      html > body > ins {
        display: none !important; } }
    @media print {
      html > body #body_wrap > a#open_hamburger_menu_button {
        display: none !important; } }
    html > body #body_wrap > a#open_hamburger_menu_button, html > body #body_wrap > a#close_hamburger_menu_button {
      width: 50px;
      height: 50px;
      position: fixed;
      right: 15px;
      bottom: 15px;
      z-index: 100001;
      box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2); }
      html > body #body_wrap > a#open_hamburger_menu_button#open_hamburger_menu_button, html > body #body_wrap > a#close_hamburger_menu_button#open_hamburger_menu_button {
        display: block; }
      html > body #body_wrap > a#open_hamburger_menu_button#close_hamburger_menu_button, html > body #body_wrap > a#close_hamburger_menu_button#close_hamburger_menu_button {
        display: none; }
    @media print {
      html > body #body_wrap > div#open_hamburger_menu_button, html > body #body_wrap > div#header_wrap, html > body #body_wrap > div#global_menu, html > body #body_wrap > div#pankuzu_wrap, html > body #body_wrap > div#footer_wrap {
        display: none !important; }
      html > body #body_wrap > div#main_content_wrap > h1 {
        display: none !important; }
      html > body #body_wrap > div#main_content_wrap #options_wrap, html > body #body_wrap > div#main_content_wrap .note, html > body #body_wrap > div#main_content_wrap .print_button, html > body #body_wrap > div#main_content_wrap #other_region_table_wrap, html > body #body_wrap > div#main_content_wrap .adsense_wrap {
        display: none !important; }
      html > body #body_wrap > div#main_content_wrap #calendar_outer_wrap {
        width: 210mm !important;
        height: 296mm !important;
        border: none !important;
        overflow: visible !important;
        box-sizing: content-box !important; } }
    html > body #body_wrap > div#hamburger_menu_wrap {
      display: none;
      z-index: 100000;
      position: fixed;
      background-color: rgba(0, 0, 0, 0.8);
      width: 100vw;
      height: 100vh;
      top: 0;
      left: 0; }
      html > body #body_wrap > div#hamburger_menu_wrap > ul {
        margin: 0;
        padding: 0 25px 0;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center; }
        html > body #body_wrap > div#hamburger_menu_wrap > ul > li > a {
          text-decoration: none;
          display: block;
          background-color: #fff;
          height: 40px;
          line-height: 40px;
          text-align: center;
          color: #000;
          margin: 0 0 5px;
          font-size: 14px;
          background-color: #fafafa; }
          html > body #body_wrap > div#hamburger_menu_wrap > ul > li > a > em {
            color: red;
            margin: 0 5px 0 0; }
    html > body #body_wrap > div#header_wrap > div:nth-of-type(1) {
      margin: 0 0 25px; }
      html > body #body_wrap > div#header_wrap > div:nth-of-type(1) > a > img {
        vertical-align: bottom;
        width: 100%;
        max-width: 350px;
        height: 50px; }
    html > body #body_wrap > div#header_wrap > div:nth-of-type(2) {
      margin: 0 0 25px; }
      html > body #body_wrap > div#header_wrap > div:nth-of-type(2) > ul {
        display: flex; }
        html > body #body_wrap > div#header_wrap > div:nth-of-type(2) > ul > li {
          display: inline-block;
          width: 50%; }
          html > body #body_wrap > div#header_wrap > div:nth-of-type(2) > ul > li > a {
            width: 100%;
            color: #fff;
            text-decoration: none;
            display: block;
            height: 40px;
            line-height: 40px;
            font-size: 1.4rem;
            padding: 0 15px;
            text-align: center;
            box-sizing: border-box; }
          html > body #body_wrap > div#header_wrap > div:nth-of-type(2) > ul > li:nth-of-type(1) {
            background-color: #FF1E25; }
          html > body #body_wrap > div#header_wrap > div:nth-of-type(2) > ul > li:nth-of-type(2) {
            background-color: #1E90FF; }
    html > body #body_wrap > div#global_menu > nav {
      margin: 0 0 25px; }
      html > body #body_wrap > div#global_menu > nav > ul {
        display: flex;
        flex-wrap: wrap; }
        html > body #body_wrap > div#global_menu > nav > ul > li {
          width: 33.33333%;
          position: relative; }
          html > body #body_wrap > div#global_menu > nav > ul > li > em {
            position: absolute;
            color: red;
            top: 0;
            left: 0;
            font-size: 1.0rem; }
          html > body #body_wrap > div#global_menu > nav > ul > li > a {
            text-decoration: none;
            color: #444;
            display: inline-block;
            font-size: 1.2rem;
            border: 1px solid #eee;
            width: 100%;
            height: 60px;
            line-height: 60px;
            box-sizing: border-box;
            text-align: center; }
            html > body #body_wrap > div#global_menu > nav > ul > li > a.two_lines {
              line-height: 20px;
              display: flex;
              flex-direction: column;
              justify-content: center; }
              html > body #body_wrap > div#global_menu > nav > ul > li > a.two_lines > span {
                display: block; }
    html > body #body_wrap > div#pankuzu_wrap {
      margin: 0 0 50px;
      background-color: #eee; }
      html > body #body_wrap > div#pankuzu_wrap > ul {
        box-sizing: border-box;
        padding: 0 15px;
        width: 100%;
        height: 50px;
        line-height: 50px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap; }
        html > body #body_wrap > div#pankuzu_wrap > ul > li {
          display: inline-block; }
          html > body #body_wrap > div#pankuzu_wrap > ul > li > span.separates {
            color: #aaa;
            font-size: 1.2rem;
            margin: 0 10px; }
            html > body #body_wrap > div#pankuzu_wrap > ul > li > span.separates:after {
              content: "＞"; }
    html > body #body_wrap > div#main_content_wrap .adsense_wrap {
      margin: 0 0 50px;
      background-color: #333;
      padding: 25px 0 50px;
      box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7); }
      html > body #body_wrap > div#main_content_wrap .adsense_wrap > p {
        font-size: 16px;
        text-align: center;
        padding: 0 0 25px;
        color: #fff; }
      html > body #body_wrap > div#main_content_wrap .adsense_wrap > div {
        background-image: url("https://img.hinode.pics/images/Common/loading_002.gif");
        background-repeat: no-repeat;
        background-position: center;
        min-height: 250px;
        background-color: #555; }
    html > body #body_wrap > div#main_content_wrap > h1 {
      text-align: center;
      margin: 50px 15px; }
    html > body #body_wrap > div#main_content_wrap #options_wrap > ul {
      margin: 0 0 25px; }
      html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(1) {
        display: flex;
        justify-content: center; }
        html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(1) > li {
          margin: 0 10px; }
          html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(1) > li > a {
            font-size: 1.4rem;
            text-decoration: none;
            color: #333;
            display: block;
            border: 1px solid #aaa;
            padding: 15px 15px;
            background-color: #eee;
            cursor: pointer; }
            html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(1) > li > a:hover {
              opacity: 0.8;
              text-decoration: underline; }
      html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(2) {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(2) > li {
          width: 15%;
          text-align: center;
          font-size: 1.4rem; }
          html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(2) > li > a {
            border: 1px solid #aaa;
            height: 44px;
            line-height: 44px;
            text-decoration: none;
            background-color: #eee;
            display: block;
            cursor: pointer; }
          html > body #body_wrap > div#main_content_wrap #options_wrap > ul:nth-of-type(2) > li > span {
            border: 1px solid #aaa;
            background-color: #ccc;
            color: #888;
            height: 44px;
            line-height: 44px;
            display: block; }
    html > body #body_wrap > div#main_content_wrap .note {
      color: red;
      margin: 0 0 5px;
      padding: 0 15px;
      font-size: 1.4rem; }
      html > body #body_wrap > div#main_content_wrap .note:last-of-type {
        margin: 0 0 10px; }
    html > body #body_wrap > div#main_content_wrap .print_button {
      text-align: center;
      display: block;
      height: 44px;
      line-height: 44px;
      background-color: #eee;
      border: 1px solid #ccc;
      margin: 0 auto;
      width: 300px; }
    html > body #body_wrap > div#main_content_wrap #calendar_outer_wrap {
      width: 90%;
      height: 280px;
      overflow: auto;
      box-sizing: border-box;
      border: 1px solid #aaa;
      margin: 15px auto; }
      html > body #body_wrap > div#main_content_wrap #calendar_outer_wrap #calendar_wrap {
        border: none; }
    html > body #body_wrap > div#main_content_wrap #other_region_table_wrap {
      margin: 50px 0; }
      html > body #body_wrap > div#main_content_wrap #other_region_table_wrap #other_region_table {
        width: 100%;
        font-size: 1.4rem;
        line-height: 2.8rem;
        border-collapse: collapse; }
        html > body #body_wrap > div#main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td {
          border: 1px solid #ccc;
          padding: 10px; }
          html > body #body_wrap > div#main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td > a {
            display: inline-block;
            text-decoration: none;
            margin: 0 5px 0 0; }
          html > body #body_wrap > div#main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td > span {
            float: right;
            display: block; }
          html > body #body_wrap > div#main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td:nth-of-type(1) {
            text-align: center;
            font-weight: bold;
            background-color: #eee;
            font-size: 1.4rem;
            display: block;
            width: 100%;
            box-sizing: border-box; }
          html > body #body_wrap > div#main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td:nth-of-type(2) {
            display: none;
            width: 100%;
            box-sizing: border-box; }
            html > body #body_wrap > div#main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td:nth-of-type(2) > a {
              border: 1px solid #eee;
              padding: 0 10px;
              margin: 0 5px 5px 0;
              height: 44px;
              line-height: 44px; }
    html > body #body_wrap > div#footer_wrap {
      background-color: #3badeb;
      margin: 100px 0 0;
      padding: 25px;
      color: #fff;
      font-size: 1.4rem; }
      html > body #body_wrap > div#footer_wrap .links_wrap {
        margin: 0 0 50px; }
        html > body #body_wrap > div#footer_wrap .links_wrap > ul {
          list-style-type: disc;
          margin: 0 0 0 1rem; }
          html > body #body_wrap > div#footer_wrap .links_wrap > ul > li {
            margin: 0 0 25px; }
            html > body #body_wrap > div#footer_wrap .links_wrap > ul > li:last-of-type {
              margin: 0; }
            html > body #body_wrap > div#footer_wrap .links_wrap > ul > li > a {
              color: #fff; }
              html > body #body_wrap > div#footer_wrap .links_wrap > ul > li > a:hover {
                color: yellow; }
      html > body #body_wrap > div#footer_wrap #copyright_wrap {
        text-align: center; }