@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; }

@page {
  size: A4;
  margin: 0;
  padding: 0;
  size: portrait; }

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; }
  html > body {
    margin: 0;
    padding: 0; }
    html > body #body_wrap {
      font-size: 1.6rem; }
      @media print {
        html > body #body_wrap #header_wrap, html > body #body_wrap #global_menu, html > body #body_wrap #pankuzu_wrap, html > body #body_wrap #footer_wrap {
          display: none !important; }
        html > body #body_wrap #main_content_wrap > h1 {
          display: none !important; }
        html > body #body_wrap #main_content_wrap #options_wrap, html > body #body_wrap #main_content_wrap .note, html > body #body_wrap #main_content_wrap .print_button, html > body #body_wrap #main_content_wrap #other_region_table_wrap, html > body #body_wrap #main_content_wrap .adsense_article_top, html > body #body_wrap #main_content_wrap .adsense_article_bottom {
          display: none !important; }
        html > body #body_wrap #calendar_wrap {
          border: none !important; } }
      html > body #body_wrap #header_wrap {
        height: 45px;
        margin: 0 0 25px;
        display: flex;
        justify-content: space-between; }
        html > body #body_wrap #header_wrap > div:nth-of-type(1) > a > img {
          vertical-align: bottom; }
        html > body #body_wrap #header_wrap > div:nth-of-type(2) > ul {
          display: flex; }
          html > body #body_wrap #header_wrap > div:nth-of-type(2) > ul > li > a {
            color: #fff;
            text-decoration: none;
            display: inline-block;
            width: 170px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-size: 1.4rem; }
            html > body #body_wrap #header_wrap > div:nth-of-type(2) > ul > li > a:hover {
              text-decoration: underline; }
          html > body #body_wrap #header_wrap > div:nth-of-type(2) > ul > li:nth-of-type(1) {
            background-color: #FF1E25; }
          html > body #body_wrap #header_wrap > div:nth-of-type(2) > ul > li:nth-of-type(2) {
            background-color: #1E90FF;
            margin: 0 0 0 10px; }
      html > body #body_wrap #global_menu > nav {
        margin: 0 0 25px;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2); }
        html > body #body_wrap #global_menu > nav > ul {
          display: flex; }
          html > body #body_wrap #global_menu > nav > ul > li:hover {
            background-color: #ecf0f1; }
          html > body #body_wrap #global_menu > nav > ul > li.separates {
            color: #f2f2f2;
            padding: 0;
            border-right: 1px solid #f2f2f2; }
          html > body #body_wrap #global_menu > nav > ul > li > a {
            text-decoration: none;
            color: #444;
            padding: 15px;
            display: inline-block;
            position: relative;
            height: 50px;
            line-height: 50px; }
            html > body #body_wrap #global_menu > nav > ul > li > a.two_lines {
              line-height: 25px; }
            html > body #body_wrap #global_menu > nav > ul > li > a > em {
              position: absolute;
              color: red;
              font-size: 1.2rem;
              margin: 0 5px 0 0;
              top: -5px;
              left: 10px; }
            html > body #body_wrap #global_menu > nav > ul > li > a > span {
              display: block; }
      html > body #body_wrap #pankuzu_wrap {
        margin: 0 0 25px 15px; }
        html > body #body_wrap #pankuzu_wrap > ul {
          display: flex; }
          html > body #body_wrap #pankuzu_wrap > ul > li > span.separates {
            color: #aaa;
            font-size: 1.2rem;
            margin: 0 10px; }
            html > body #body_wrap #pankuzu_wrap > ul > li > span.separates:after {
              content: "＞"; }
      html > body #body_wrap #main_content_wrap > h1 {
        text-align: center;
        margin: 50px 0; }
      html > body #body_wrap #main_content_wrap .adsense_article_top, html > body #body_wrap #main_content_wrap .adsense_article_bottom {
        background-image: url("https://img.hinode.pics/images/Common/loading_002.gif");
        background-repeat: no-repeat;
        background-position: center;
        background-color: #eee;
        padding: 15px 0;
        text-align: center; }
      html > body #body_wrap #main_content_wrap #options_wrap > ul {
        margin: 0 0 50px; }
        html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(1) {
          display: flex;
          justify-content: center; }
          html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(1) > li {
            margin: 0 50px; }
            html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(1) > li > a {
              font-size: 2.6rem;
              text-decoration: none;
              color: #333;
              display: block;
              border: 1px solid #aaa;
              padding: 15px 25px;
              background-color: #eee;
              cursor: pointer; }
              html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(1) > li > a:hover {
                opacity: 0.8;
                text-decoration: underline; }
        html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(2) {
          display: flex;
          justify-content: center; }
          html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(2) > li > a {
            display: block;
            width: 50px;
            border: 1px solid #aaa;
            color: #333;
            text-decoration: none;
            padding: 10px 5px;
            text-align: center;
            background-color: #eee;
            cursor: pointer; }
            html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(2) > li > a:hover {
              text-decoration: underline;
              background-color: #fafafa; }
          html > body #body_wrap #main_content_wrap #options_wrap > ul:nth-of-type(2) > li > span {
            border: 1px solid #aaa;
            background-color: #ccc;
            color: #888;
            display: block;
            width: 50px;
            text-decoration: none;
            padding: 10px 5px;
            text-align: center; }
      html > body #body_wrap #main_content_wrap .note {
        color: red;
        width: 210mm;
        margin: 0 auto 0px; }
        html > body #body_wrap #main_content_wrap .note:last-of-type {
          margin: 0 auto 10px; }
      html > body #body_wrap #main_content_wrap .print_button {
        display: block;
        text-align: center;
        width: 100px;
        height: 50px;
        line-height: 50px;
        background-color: #eee;
        border: 1px solid #ccc;
        margin: 25px auto;
        cursor: pointer; }
        html > body #body_wrap #main_content_wrap .print_button:hover {
          opacity: 0.8; }
      html > body #body_wrap #main_content_wrap #other_region_table_wrap {
        width: 210mm;
        margin: 50px auto; }
        html > body #body_wrap #main_content_wrap #other_region_table_wrap #other_region_table {
          font-size: 14px;
          line-height: 28px;
          border-collapse: collapse; }
          html > body #body_wrap #main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td {
            border: 1px solid #ccc;
            padding: 10px; }
            html > body #body_wrap #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 #main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td > span {
              float: right;
              display: none; }
            html > body #body_wrap #main_content_wrap #other_region_table_wrap #other_region_table > tbody > tr > td:nth-of-type(1) {
              text-align: center;
              font-weight: bold;
              font-size: 14px;
              background-color: #eee;
              width: 100px;
              line-height: 22px; }
      html > body #body_wrap #footer_wrap {
        background-color: #3badeb;
        margin: 100px 0 0;
        padding: 25px;
        color: #fff;
        font-size: 1.4rem; }
        html > body #body_wrap #footer_wrap .links_wrap {
          margin: 0 0 25px; }
          html > body #body_wrap #footer_wrap .links_wrap > ul {
            list-style-type: disc;
            margin: 0 0 0 1rem; }
            html > body #body_wrap #footer_wrap .links_wrap > ul > li {
              margin: 0 0 15px; }
              html > body #body_wrap #footer_wrap .links_wrap > ul > li:last-of-type {
                margin: 0; }
              html > body #body_wrap #footer_wrap .links_wrap > ul > li > a {
                color: #fff; }
                html > body #body_wrap #footer_wrap .links_wrap > ul > li > a:hover {
                  color: yellow; }
        html > body #body_wrap #footer_wrap #copyright_wrap {
          text-align: center; }