/* --------------------------------- *
 * style reset
 * --------------------------------- */
body {
  color: #3a3939;
  background-color: #f8f8f8; }

a {
  color: inherit; }
  a:hover, a:focus {
    color: #343434; }
  a.link_text::before, a.link_text:hover, a.link_text:focus {
    color: #fff; }
  a.link_arrow {
    border-color: #d1d1d1;
    color: #d1d1d1; }
    a.link_arrow::before, a.link_arrow:hover, a.link_arrow:focus {
      color: #a8a8a8; }
/* --------------------------------- *
 * common class
 * --------------------------------- */
.bg_main {
  background-color: #0089d8; }

.bg_success {
  background-color: #a6e39d; }

.bg_warning {
  background-color: #f9db57; }

.bg_danger {
  background-color: #f6d4d8; }

.bg_critical {
  background-color: #ccb3dd; }

.bg_none {
  background-color: #eee; }

.bg_info {
  background-color: #aec1e3; }

.bg_gradation {
  background: linear-gradient(to top, #ec6d82 25%, #fdd900 0, #fdd900 50%, #8dc54a 0, #8dc54a 75%, #0089d8 0); }

.color_success {
  color: #50c83e; }

.color_warning {
  color: #cea907; }

.color_danger {
  color: #e16f7c; }

.color_critical {
  color: #935eb7; }

.color_weather1 {
  color: #da5019; }

.color_weather2 {
  color: #3261ab; }

.color_ok {
  color: #00ab84; }

.color_ng {
  color: #ef3340; }

.color_accent {
  color: #d1d1d1; }

.color_info {
  color: #aec1e3; }

.logo_wrap a {
  color: #0089d8;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .8); }
/* --------------------------------- *
 * style heading
 * --------------------------------- */
.h1.no_image {
  background-color: #0089d8;
  box-shadow: 8px 8px 0 #055481; }
  .h1.logo {
    background-color: #0089d8;
    color: #fff; }

.h2 h2 {
  border-left: 8px solid #0089d8;
  border-bottom: 1px solid #0089d8;
  color: #fff;
  background-color: #22a7f5; }

.h3 {
  border-color: #d1d1d1; }
  .h3:before, .h3:after {
    background-color: #0089d8; }

.head_icon::after {
  background: radial-gradient(transparent 30%, #ec6d82 30%, #ec6d82 40%, #fdd900 40%, #fdd900 50%, #8dc54a 50%, #8dc54a 60%, #0089d8 60%); }
/* --------------------------------- *
 * style hr
 * --------------------------------- */
hr.hr {
  border: none;
  background: linear-gradient(to top, #ec6d82 25%, #fdd900 0, #fdd900 50%, #8dc54a 0, #8dc54a 75%, #0089d8 0); }
/* --------------------------------- *
 *  .key_visual
 * --------------------------------- */
.key_visual .kv_right {
  color: #000; }
  .key_visual .kv_right caption {
    background: rgba(255, 255, 255, .8);
    color: #000; }
/* --------------------------------- *
 * style button
 * --------------------------------- */
.button {
  background-color: #0089d8;
  color: #fff; }
  .button:hover, .button:focus {
    background-color: #0047a5;
    border-color: #fff;
    color: #fff; }
  .button.main {
    background: #0089d8;
    border: 0;
    color: #fff; }
  .button.disable {
    background: #c1c6c8;
    color: #53565a;
    cursor: not-allowed; }
  .button.disable:hover, .button.disable:focus {
    background: #c1c6c8;
    color: #0047a5; }

#mypage .wpmembers_wrap a {
  color: #fff;
  border: 2px solid #c4c4c4;
  background-color: #c7c7c7; }
  #mypage .wpmembers_wrap a:hover, #mypage .wpmembers_wrap a:focus {
    color: #d1d1d1;
    background-color: initial;
    box-shadow: inset 0 -3.25em 0 0 initial;
    border: 2px solid #c7c7c7; }
/* --------------------------------- *
 * tab class
 * --------------------------------- */
.tab_wrap::after {
  background-color: #c2c2c2; }
  .tab_wrap .tab_label {
    color: darkslategrey;
    background-color: lightgray; }
  .tab_wrap .tab_switch:checked + .tab_label {
    color: white;
    background-color: #c2c2c2; }
/* --------------------------------- *
 * list class
 * --------------------------------- */
dl.list > dt {
  color: #fff;
  border-bottom: 1px solid #fff;
  background-color: #0089d8; }
  @media screen and (max-width: 980px) {
    dl.list > dt {
      border: 0; } }
  dl.list > dd {
    border-bottom: 1px solid #fff;
    background-color: #eee; }

dl.list_border > dt {
  color: #382e2c;
  background-color: inherit;
  border-bottom: 2px dotted #382e2c; }
  @media screen and (max-width: 980px) {
    dl.list_border > dt {
      border: 0; } }
  dl.list_border > dd {
    background-color: inherit;
    border-bottom: 2px dotted #382e2c; }
/* --------------------------------- *
 * table class
 * --------------------------------- */
table.table th, table.table td {
  border-color: #f8f8f8; }
  table.table tr {
    border-color: #c2c2c2; }
  table.table th {
    border-color: #fff;
    background-color: #c7e3a7;
    color: #38521a; }
  table.table td {
    background-color: #eee;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff; }
  table.table.monthly_calendar .border_success, table.table.note_calendar .border_success {
    border-color: #a6e39d;
    border-color: #50c83e; }
  table.table.monthly_calendar .border_warning, table.table.note_calendar .border_warning {
    border-color: #cea907; }
  table.table.monthly_calendar .border_danger, table.table.note_calendar .border_danger {
    border-color: #e16f7c; }
  table.table.monthly_calendar .border_critical, table.table.note_calendar .border_critical {
    border-color: #935eb7; }
  table.table.monthly_calendar .border_none, table.table.note_calendar .border_none {
    border-color: #eee; }
  table.table.note_calendar td {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8; }
  table.table.note_calendar .border_none {
    border-color: #f8f8f8; }
  table.table.note_calendar .bg_none {
    background-color: #f8f8f8; }
  table.table .arrow_line::before {
    border-right: 16px solid #3a3939; }
  table.table .arrow_line::after {
    border-left: 16px solid #3a3939; }
  table.table .arrow_line .line {
    background-color: #3a3939; }

.table_section .cell:nth-of-type(4n) {
  background-color: #fad9df; }
  .table_section .cell:nth-of-type(4n-1) {
    background-color: #ffec78; }
  .table_section .cell:nth-of-type(4n-2) {
    background-color: #c7e3a7; }
  .table_section .cell:nth-of-type(4n-3) {
    background-color: #53c0ff; }
/* --------------------------------- *
 * .box
 * --------------------------------- */
.box_success, .box_warning {
  color: #333; }

.box_success {
  background-color: #a6e39d; }
  .box_success p {
    border-left: 1px solid #50c83e; }

.box_danger {
  background-color: #f6d4d8; }
  .box_danger p {
    border-left: 1px solid #e16f7c; }
/* --------------------------------- *
 * style class
 * --------------------------------- */
.strong {
  color: #0089d8; }

.separater:before {
  color: #d1d1d1; }
/* --------------------------------- *
 * style header
 * --------------------------------- */
#header {
  background-color: #fff; }
  #header #nav_btn {
    background-color: rgba(52, 53, 52, 0.8); }
  #header #nav_btn:hover, #header #nav_btn:focus {
    background-color: rgba(0, 137, 216, 0.8); }
  #header .link_hover_show {
    background-color: #2bb1ff; }
/* --------------------------------- *
 * style footer
 * --------------------------------- */
#footer {
  background-color: #0089d8;
  color: #fff; }
  #footer nav .on {
    color: #003b5e; }
  #footer nav .on:hover, #footer nav .on > a:hover {
    color: #d1d1d1; }
  #footer nav .off {
    color: #787878; }
  #footer address {
    border-color: #fafafa; }
  #footer address .inner {
    border-color: #fafafa; }
  #footer .brand_area {
    background-color: #fff; }
  #footer:after {
    background: #0089d8; }
/* --------------------------------- *
 * #fixed_bottom
 * --------------------------------- */
#fixed_bottom .button {
  background-color: #0089d8;
  color: #fff;
  border-bottom: 2px solid #d1d1d1;
  border-top: 2px solid #d1d1d1;
  border-right: 2px solid #d1d1d1; }
  #fixed_bottom .button:nth-child(1) {
    border-left: 2px solid #d1d1d1; }
  #fixed_bottom .baroon {
    background-color: #eb647a;
    border: 4px double #fff;
    color: #fff; }
  #fixed_bottom .baroon:before, #fixed_bottom .baroon:after {
    border-color: #eb647a transparent transparent transparent; }
/* --------------------------------- *
 * archive style
 * --------------------------------- */
#index .important_content_wrap {
  border-color: #ec6d82; }
/* --------------------------------- *
 * XO Event Calendar
 * --------------------------------- */
.xo-event-list.type-short a {
  background-color: #eb647a;
  border: 4px double #fff;
  color: #fff; }

table.table .saturday {
  color: #00d; }
  table.table .sunday {
    color: #d00; }