@charset "UTF-8";
/* Scss Document */
/********************************************************

setting

********************************************************/
:root {
  --margin-block: 200px; }

@media (min-width: 1101px) and (max-width: 1280px) {
  :root {
    --margin-block: 120px; } }
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --margin-block: 90px; } }
@media (max-width: 640px) {
  :root {
    --margin-block: 70px; } }
.page_blog {
  background: #FFF;
  padding-bottom: var(--margin-block); }
  .page_blog a {
    display: inline-block; }

#container {
  width: min(90%, 900px);
  margin: 120px auto 0;
  line-height: 1.6;
  font-size: 16px; }
  @media screen and (max-width: 600px) {
    #container {
      margin: 60px auto 0; } }

.notes-area {
  display: none; }

@media screen and (max-width: 970px) {
  html > body {
    font-size: 100%; } }

#contents-wrap {
  margin-bottom: 0 !important; }

#header {
  height: auto; }

#yokoku {
  margin-bottom: 30px;
  font-size: 12px; }
  @media screen and (max-width: 970px) {
    #yokoku {
      font-size: 10px; } }
  @media screen and (max-width: 970px) {
    #yokoku img {
      width: 100%;
      height: auto; } }

#AB_main a {
  color: #333;
  text-decoration: underline; }

#AB_main a:hover {
  color: #e0e0e0;
  text-decoration: none; }

#AB_main .AB_Category p {
  color: #333;
  border-left-color: #898989; }

#AB_side h5 {
  background: #898989;
  font-weight: normal; }
  #AB_side h5 a:hover {
    color: #e0e0e0;
    text-decoration: none; }

#AB_calendar a {
  background-color: #eeeeee; }

#AB_container {
  width: 100% !important;
  padding: 0 !important; }

@media screen and (max-width: 970px) {
  #AB_main {
    float: none !important;
    width: 100% !important; } }

@media screen and (max-width: 970px) {
  #AB_side {
    float: none !important;
    width: 100% !important; } }
#AB_side a:hover {
  color: #f60;
  text-decoration: underline; }

/* 打消し */
img {
  max-width: inherit; }

@media screen and (max-width: 970px) {
  #header h1 {
    height: auto !important;
    line-height: 0;
    background-color: #FFF;
    padding: 0;
    box-shadow: none; } }

#AB_side #AB_RSS p img {
  box-sizing: content-box;
  vertical-align: baseline; }

#container {
  background: none; }

#AB_main h2 {
  font-size: 140%;
  line-height: 1.4;
  padding-bottom: 10px;
  text-align: left;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  margin-bottom: 5px;
  color: #3b4c50; }

#AB_calendar th {
  font-size: 12px; }

#AB_calendar td {
  font-size: 12px; }

#AB_main .AB_Navi a {
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  margin: 0 5px;
  color: #fff;
  background-color: #83949C;
  border-radius: 3px;
  text-decoration: none; }

#AB_main .AB_Navi a:hover {
  background-color: #3b4c50;
  color: #fff; }

#AB_main .AB_Navi a.state {
  background-color: #3b4c50; }

#AB_main p, #AB_main table {
  color: #3b4c50; }