@charset "utf-8";

/* ****************************************************************************************************
   * 年間行事
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 一覧
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#event div.list .item {
  padding: 10px 0;
  letter-spacing: -0.4em;
}

#event div.list .item ~ .item {
  border-top: 1px dotted #bdb9cd;
}

#event div.list .item > * {
  letter-spacing: normal;
}

/* ----------------------------------------------------------------------------------------------------
   * タイトル（XX月）
/* ------------------------------------------------------------------------------------------------- */

#event div.list .item .event-title {
  width: 100px;
  vertical-align: middle;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#event div.list .item .event-title {
  width: 100%;
}

#event div.list .item .event-title img {
  width: auto;
  height: 40px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * 内容／写真
/* ------------------------------------------------------------------------------------------------- */

#event div.list .item div.contents {
  width: 640px;
  letter-spacing: -0.4em;
  vertical-align: middle;
  display: inline-block;
}

#event div.list .item div.contents > * {
  letter-spacing: normal;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#event div.list .item div.contents {
  width: 100%;
}

}

/* * 内容
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#event div.list .item div.contents div.content {
  width: 340px;
  padding-right: 20px;
  vertical-align: middle;
  display: inline-block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#event div.list .item div.contents div.content {
  width: 100%;
  padding-right: 0;
}

}

/* テーブル */

#event div.list .item div.contents div.content table.event th {
  color: #9e77ba;
  text-align: left;
  vertical-align: top;
}

#event div.list .item div.contents div.content table.event td {
  padding-left: 1em;
  vertical-align: top;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#event div.list .item div.contents div.content table.event {
  margin: 0.5em 0;
}

#event div.list .item div.contents div.content table.event th {
  width: auto;
  white-space: nowrap;
}

#event div.list .item div.contents div.content table.event td {
  width: 100%;
}

}

/* * 写真
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#event div.list .item div.contents div.photo {
  width: 300px;
  vertical-align: middle;
  display: inline-block;
}