@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#single_top {
  background-color: #000;
  color: #fff;
  font-size: 156%;
  padding: 0.25em 2%;
  margin: 2em auto 0;
  font-weight: bold; }

#single {
  margin: 5em auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*ページャーcss*/ }
  #single a {
    color: #000;
    text-decoration: none; }
    #single a:hover, #single a:active {
      color: #000;
      text-decoration: underline; }
  #single #news, #single #blog {
    width: 66%; }
    #single #news img, #single #blog img {
      width: initial;
      max-width: 80%;
      height: initial;
      box-sizing: border-box; }
    #single #news h1, #single #blog h1 {
      width: 100%;
      border-bottom: 5px solid #000;
      font-weight: normal;
      padding: 0 0 0.25em;
      margin: 0 0 3em; }
      #single #news h1 span, #single #blog h1 span {
        display: inline-block;
        border-right: 2px solid #000;
        padding: 0 2% 0 0;
        margin: 0 2% 0 0;
        font-weight: bold !important; }
    #single #news p, #single #blog p {
      margin: 0 0 1em; }
    #single #news figure, #single #blog figure {
      margin: 0 0 1em; }
    #single #news .event, #single #blog .event {
      margin: 2em 0 0; }
      #single #news .event li, #single #blog .event li {
        list-style: square;
        list-style-position: inside; }
        #single #news .event li:nth-child(n+2), #single #blog .event li:nth-child(n+2) {
          margin: 0.5em 0 0; }
  #single #blog_more, #single #blog_more_02 {
    border-top: 1px solid #000;
    padding: 1em 0 0;
    display: flex;
    justify-content: space-between;
    margin: 5em auto 0; }
  #single #blog_more li a, #single #blog_more_02 li a {
    color: #000;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    font-weight: bold; }
  #single #blog_more li a:hover, #single #blog_more_02 li a:hover, #single #blog_more li a:active, #single #blog_more_02 li a:active {
    text-decoration: none;
    color: #d71518; }
  #single #sidebar {
    width: 30%; }
    #single #sidebar h2 {
      width: 96%;
      background-color: #d71518;
      color: #fff;
      font-weight: bold;
      padding: 0 2%; }
    #single #sidebar .widget {
      margin: 0 0 3em; }
      #single #sidebar .widget ul li {
        margin: 1em 0 0; }
    #single #sidebar .list ul li {
      margin: 1em 0 0; }
      #single #sidebar .list ul li:nth-child(n+2) {
        border-top: 1px solid #000;
        padding: 1em 0 0; }

/*フッター*/
/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  #single_top {
    width: 1080px; }

  #single {
    width: 830px; }

  #bottom_image {
    width: 1080px; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  #single_top {
    width: 90%; }

  #single {
    width: 90%; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet1  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #single_top {
    font-size: 130%; }

  #single {
    margin: 3em auto 0;
    flex-direction: column; }
    #single #news, #single #blog {
      width: 100%;
      margin: 0 0 3em; }
    #single #sidebar {
      width: 100%; }

  /*フッター*/ }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }