@charset "UTF-8";
/* CSS Document */
.blog_arc h2 {
  background: none; }

/* PC */
#main_contents .blog_arc .one_box {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 0 auto;
  border-top: 1px dotted #000;
  padding: 5% 0; }

#main_contents .blog_arc h3.cat_title {
  margin-bottom: 3%;
  font-size: calc(20px + 0.4vw);
  line-height: calc(26px + 0.4vw);
  border-bottom: 3px solid #fa2d00;
  margin-bottom: 2%; }

#main_contents .blog_arc .one_box h3 {
  margin-bottom: 3%;
  font-size: calc(16px + 0.4vw);
  line-height: calc(26px + 0.4vw); }

#main_contents .blog_arc .one_box p {
  line-height: calc(26px + 0.4vw); }

#main_contents .blog_arc .one_box .pict_box {
  float: left;
  width: 30%;
  margin-right: 5%;
  min-height: 240px;
  overflow: hidden; }

#main_contents .blog_arc .one_box .pict_box img {
  float: left;
  width: 100%;
  height: auto;
  max-width: 200px; }

#main_contents .blog_arc a {
  color: #000;
  text-decoration: none; }

#main_contents .blog_arc a:hover {
  color: #000;
  text-decoration: underline; }

#main_contents .blog_arc .one_box a.more_btn {
  border: 1px solid #fa2d00;
  padding: 0.5vw 0;
  width: 30%;
  color: #fa2d00;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #FFF;
  margin: 0 auto;
  float: right; }

#main_contents .blog_arc .one_box a.more_btn:hover {
  background: #fa2d00;
  color: #FFF; }

#main_contents .kyuto_blog #main {
  width: 78%;
  float: left;
  margin-right: 2%; }

#main_contents .kyuto_blog #sub {
  float: left;
  width: 20%; }

/* SP */
#sp_main_contents .blog_arc .one_box {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto 0 auto;
  border-top: 1px dotted #000;
  padding: 5% 0; }

#sp_main_contents .blog_arc h3.cat_title {
  margin-bottom: 3%;
  font-size: calc(16px + 0.4vw);
  line-height: calc(20px + 0.4vw);
  border-bottom: 3px solid #fa2d00;
  margin-bottom: 2%; }

#sp_main_contents .blog_arc .one_box h3 {
  margin-bottom: 3%;
  height: 14vw;
  line-height: calc(24px + 0.4vw); }

#sp_main_contents .blog_arc .one_box p {
  line-height: calc(24px + 0.4vw); }

#sp_main_contents .blog_arc .one_box .pict_box {
  float: left;
  width: 30%;
  margin-right: 5%;
  min-height: 80px;
  overflow: hidden; }

#sp_main_contents .blog_arc .one_box .pict_box img {
  float: left;
  width: 100%;
  height: auto; }

#sp_main_contents .blog_arc a {
  color: #000;
  text-decoration: none; }

#sp_main_contents .blog_arc .one_box a.more_btn {
  border: 1px solid #fa2d00;
  padding: 0.5vw 0;
  width: 30%;
  color: #fa2d00;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  text-decoration: none;
  display: block;
  background: #FFF;
  margin: 0 auto;
  float: right; }

#sp_main_contents .blog_arc .one_box a.more_btn:hover {
  background: #fa2d00;
  color: #FFF; }

#sp_main_contents .blog_arc .customer_navi {
  font-size: 9px !important;
  padding: 0; }

#sp_main_contents .blog_arc .customer_navi span.pages {
  display: none; }

#sp_main_contents .blog_arc .customer_navi .wp-pagenavi {
  padding: 0 !important;
  margin: 0 !important; }

#sp_main_contents .blog_arc .customer_navi .first {
  display: none; }

#sp_main_contents .blog_arc .customer_navi .last {
  display: none; }

#sp_main_contents .blog_arc .customer_navi a {
  padding: 3px 5px !important;
  margin: 0 !important; }

#sp_main_contents .blog_arc .customer_navi a:hover {
  color: #FFF; }

#sp_main_contents .blog_arc .customer_navi .previouspostslink {
  display: none; }

#sp_main_contents .blog_arc .customer_navi .nextpostslink {
  display: none; }

#main_contents .kyuto_blog #main {
  width: 75%;
  float: left;
  margin-right: 2%; }

#main_contents .kyuto_blog #sub {
  float: left;
  width: 23%;
  padding: 0;
  margin-bottom: 5%; }

#main_contents .kyuto_blog #sub h2 {
  color: #fa2d00;
  margin-bottom: 2%; }

#main_contents .kyuto_blog #sub .kiji,
#main_contents .kyuto_blog #sub .month {
  margin-bottom: 20%; }

#main_contents .kyuto_blog #sub ul {
  margin-left: 1.4vw; }

#main_contents .kyuto_blog #sub ul li {
  line-height: calc(18px + 0.2vw);
  margin-bottom: 3%;
  list-style: disc; }

#main_contents .kyuto_blog #sub ul li a {
  color: #000;
  text-decoration: none; }

#main_contents .kyuto_blog #sub ul li a:hover {
  text-decoration: underline; }

#sp_main_contents .kyuto_blog #main {
  width: 100%;
  margin-right: 2%; }

#sp_main_contents .kyuto_blog #sub {
  width: 96.8%;
  padding: 0;
  margin-bottom: 5%; }

#sp_main_contents .kyuto_blog #sub h2 {
  color: #fa2d00;
  margin-bottom: 2%; }

#sp_main_contents .kyuto_blog #sub .kiji {
  margin-bottom: 10px; }

#sp_main_contents .kyuto_blog #sub .month {
  margin-bottom: 30px; }

#sp_main_contents .kyuto_blog #sub ul {
  margin-left: 20px; }

#sp_main_contents .kyuto_blog #sub ul li {
  line-height: calc(18px + 0.2vw);
  margin-bottom: 3%;
  list-style: disc; }

#sp_main_contents .kyuto_blog #sub ul li a {
  color: #000;
  text-decoration: none; }

#sp_main_contents .kyuto_blog #sub ul li a:hover {
  text-decoration: underline; }

/*****blog内容*************************************************/
/* PC */
#main_contents .kyuto_blog {
  width: 100%;
  max-width: 1040px;
  text-align: left;
  margin: 0 auto;
  vertical-align: top; }
  #main_contents .kyuto_blog .blog_single {
    padding: 3% 0 0 0;
    margin-bottom: 5%; }
    #main_contents .kyuto_blog .blog_single h1 {
      margin-top: 0px;
      margin-bottom: 20px;
      padding: .8em .5em;
      position: relative;
      border-bottom: 5px solid #313131;
      color: #313131;
      font-size: calc(20px + 0.2vw);
      line-height: 23px; }
      #main_contents .kyuto_blog .blog_single h1::after {
        position: absolute;
        bottom: -5px;
        left: 0;
        z-index: 2;
        content: '';
        width: 20%;
        height: 5px;
        background: #fa2d00; }
      #main_contents .kyuto_blog .blog_single h1:first-letter {
        font-size: calc(30px + 0.2vw);
        color: #fa2d00; }
    #main_contents .kyuto_blog .blog_single h2 {
      background-color: #000;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: .5em .5em;
      position: relative;
      color: #fff;
      font-size: calc(20px + 0.2vw);
      line-height: 23px; }
    #main_contents .kyuto_blog .blog_single h3 {
      line-height: 1.6;
      font-size: calc(18px + 0.2vw);
      border-bottom: 1px solid #fa2d00;
      padding-bottom: 5px;
      margin: 15px 0; }
    #main_contents .kyuto_blog .blog_single h4 {
      margin: 15px 0;
      display: inline-block;
      color: #fff;
      background-color: #868686;
      line-height: 1.6;
      font-size: calc(14px + 0.2vw);
      padding: .3em .5em;
      border-radius: 5px; }
    #main_contents .kyuto_blog .blog_single p {
      line-height: calc(26px + 0.2vw);
      font-size: calc(12px + 0.2vw);
      text-align: left; }
    #main_contents .kyuto_blog .blog_single ul {
      position: relative;
      line-height: 1.5; }
      #main_contents .kyuto_blog .blog_single ul li {
        padding-left: 1em;
        position: relative;
        line-height: 1.5; }
        #main_contents .kyuto_blog .blog_single ul li::before {
          position: absolute;
          top: 0.65em;
          left: 0.25em;
          content: "";
          width: 5px;
          height: 5px;
          background: #000;
          border-radius: 50%; }
    #main_contents .kyuto_blog .blog_single ol li {
      line-height: 1.5;
      list-style-type: decimal;
      margin-left: 1.5em; }
  #main_contents .kyuto_blog .pagehead {
    background: none;
    margin-bottom: 20px; }

/* SP */
#sp_main_contents .kyuto_blog {
  width: 96%;
  text-align: left;
  margin: 0 auto;
  vertical-align: top; }
  #sp_main_contents .kyuto_blog .blog_single {
    padding: 3% 0 0 0;
    margin-bottom: 5%; }
    #sp_main_contents .kyuto_blog .blog_single h1 {
      margin-top: 0px;
      margin-bottom: 20px;
      padding: .8em .5em;
      position: relative;
      border-bottom: 5px solid #313131;
      color: #313131;
      font-size: calc(20px + 0.2vw);
      line-height: 23px; }
      #sp_main_contents .kyuto_blog .blog_single h1::after {
        position: absolute;
        bottom: -5px;
        left: 0;
        z-index: 2;
        content: '';
        width: 20%;
        height: 5px;
        background: #fa2d00; }
      #sp_main_contents .kyuto_blog .blog_single h1:first-letter {
        font-size: calc(30px + 0.2vw);
        color: #fa2d00; }
    #sp_main_contents .kyuto_blog .blog_single h2 {
      background-color: #000;
      margin-top: 20px;
      margin-bottom: 20px;
      padding: .5em .5em;
      position: relative;
      color: #fff;
      font-size: calc(20px + 0.2vw);
      line-height: 23px; }
    #sp_main_contents .kyuto_blog .blog_single h3 {
      line-height: 1.6;
      font-size: calc(18px + 0.2vw);
      border-bottom: 1px solid #fa2d00;
      padding-bottom: 5px;
      margin: 15px 0; }
    #sp_main_contents .kyuto_blog .blog_single h4 {
      margin: 15px 0;
      display: inline-block;
      color: #fff;
      background-color: #868686;
      line-height: 1.6;
      font-size: calc(14px + 0.2vw);
      padding: .3em .5em;
      border-radius: 5px; }
    #sp_main_contents .kyuto_blog .blog_single p {
      line-height: calc(26px + 0.2vw);
      font-size: calc(14px + 0.2vw);
      text-align: left; }
    #sp_main_contents .kyuto_blog .blog_single ul li {
      padding-left: 1em;
      position: relative;
      line-height: 1.5; }
      #sp_main_contents .kyuto_blog .blog_single ul li::before {
        position: absolute;
        top: 0.65em;
        left: 0.25em;
        content: "";
        width: 5px;
        height: 5px;
        background: #000;
        border-radius: 50%; }
    #sp_main_contents .kyuto_blog .blog_single ol li {
      line-height: 1.5;
      list-style-type: decimal;
      margin-left: 1.5em; }
  #sp_main_contents .kyuto_blog .pagehead {
    background: none;
    margin-bottom: 20px; }

/*toc*/
#toc_container {
  width: 100% !important;
  display: block;
  margin: 3em 0 !important;
  box-sizing: border-box !important;
  padding: 20px !important; }
  #toc_container .toc_title {
    font-size: calc(20px + 0.2vw) !important; }
  #toc_container ul a {
    color: #000;
    line-height: 1.8; }
  #toc_container .toc_list > li {
    margin-bottom: 0.8em;
    font-weight: 700;
    list-style-position: inside !important;
    list-style-type: decimal !important;
    line-height: 1.8em; }
    #toc_container .toc_list > li::before {
      display: none !important; }