@charset "UTF-8";
.Main img {
    pointer-events: none;
}
/**
 * 京都ツウのススメ　195回
 *
 */
html {
  color: #000 !important;
}

#tsu-contents,
.section-tsu {
  color: #000 !important;
}

.txt-r {
  text-align: right;
}
/* ページタイトル
    ========================================================================== */
.tit-wrap .tit {
  width: 100%;
}

.tit-text {
  text-align: center;
  color: #4B312C !important;
}
.leadimg {
  margin: 20px 0 !important;
  text-align: center;
}
.shift__kyototsu #box01 .-img {
  margin: 20px 0;
}
.flex-box {
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .pc_flex-halfitem01 {
    width: 35%;
  }
  .pc_flex-halfitem02 {
    width: 62%;
  }
  .main__kyototsu:not(.desktopOnly) .tsu101Wrap #tsuTtl {
    height: 450px !important;
  }
  .tit-wrap .tit {
    margin: 20px auto 0;
  }
  .tit-wrap .text {
    margin-top: 5px;
  }
  .ttl02-01 {
    font-size: 20px !important;
    font-weight: bold !important;
    height: 50px;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 10px !important;
    background: url("../img/202501/ttl02-01.png") no-repeat left top/660px 50px;
  }
  .ttl02-02 {
    font-size: 20px !important;
    font-weight: bold !important;
    height: 50px;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    background: url("../img/202501/ttl02-02.png") no-repeat left top/660px 50px;
  }
  .ttl02-03 {
    font-size: 20px !important;
    font-weight: bold !important;
    height: 50px;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 10px !important;
    background: url("../img/202501/ttl02-03.png") no-repeat left top/660px 50px;
  }
}
@media screen and (max-width: 767px) {
  .tit-wrap .tit {
    margin: 20px auto 0;
  }
  .tit-wrap .text {
    margin-top: 8px;
  }
    .ttl02-01-sp {
    font-size: 4vw !important;
    font-weight: bold !important;
    height: 15vw;
    width: 100%;
    padding-top: 20px;
    background: url("../img/202501/ttl02-01-sp.png") no-repeat left top/100% auto;
  }
    .ttl02-02-sp {
    font-size: 4vw !important;
    font-weight: bold !important;
    height: 15vw;
    width: 100%;
    padding-top: 20px;
    margin-top: 20px !important;
    background: url("../img/202501/ttl02-02-sp.png") no-repeat left top/100% auto;
  }
    .ttl02-03-sp {
    font-size: 4vw !important;
    font-weight: bold !important;
    height: 15vw;
    width: 100%;
    padding-top: 20px;
    background: url("../img/202501/ttl02-03-sp.png") no-repeat left top/100% auto;
  }
}

@media screen and (min-width: 768px) {
  .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .-img03 {
    width: 32%;
  }
  .-txt03 {
    width: 65%;
  }
  .flex-box .-txt {
    width: 50%;
  }
  .flex-box .-txt02 {
    width: 55%;
  }
  .flex-box .txt01 {
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  .flex-box .-img {
    width: 47%;
  }
  .flex-box .-img02 {
    width: 90%;
    margin: 15px auto !important;
  }
}
@media screen and (max-width: 767px) {
  .flex-box .-img {
    margin-top: 20px;
    text-align: center;
  }
  .-img02 {
    margin: 30px auto 0 !important;
    width: 80%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .flex-box .-img img {
    width: 100%;
  }
}

.-caption {
  font-size: 12px !important;
  color: #777 !important;
  margin-top: 6px !important;
  text-align: right;
}

.note {
  font-size: 10px;
  color: #777;
}

/* ここがツウ
   ========================================================================== */
@media screen and (min-width: 768px) {
  .tsubox01 {
    width: 49% !important;
  }
  .tsubox02 {
    margin-top: -59px !important;
    width: 55%;
  }
  .pcmt20 {
  margin-top: 20px !important;
}
  .pcmt-310 {
  margin-top: -310px !important;
}
  .pcmt-105 {
  margin-top: -105px !important;
}
}
.tsubox03 {
    width: 100%;
    min-height: auto !important;
    margin-bottom: 45px;
    padding: 15px 15px 30px;
    clear: both;
    position: relative;
    box-sizing: border-box;
    background-color: #f7f4d4;
    color: #777 !important;
}
.tsubox-r .tsu-iconwrap {
  position: absolute;
  bottom: -50px;
  right: 0 !important;
}
.tsubox-r .tsu-position {
  position: absolute;
  bottom: -30px;
  right: 0;
}
.tsubox-r .tsu-position02 {
  position: absolute;
  bottom: -30px;
  right: 0;
}

@media screen and (max-width: 767px) {
  .tsubox {
    margin-bottom: 45px !important;
  }
  .tsubox-r .tsu-position {
    position: absolute;
    bottom: -20px !important;
    right: 10px;
  }
  .tsubox .tsu-iconwrap {
    bottom: inherit;
    right: 0;
    /*bottom: -35px !important;*/
  }
  .tsubox .tsu-img-wrap {
    width: 100% !important;
  }
  .tsubox .tsu-img-wrap img {
    width: 100%;
  }
  .tsubox .tsu-text {
    width: 100% !important;
  }
  .tsubox .tsu-text02 {
    width: 70% !important;
  }
  .tsu-text {
    margin-bottom: 15px !important;
  }
}
/* 194回
   ========================================================================== */
#box01 {
  margin-bottom: 70px;
}
#box01 .tit-wrap {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  #box01 .tit-wrap {
    text-align: center;
  }
}
#box01 .tit-wrap p {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}
#box01 .detail {
  position: relative;
  margin-bottom: 50px;
}
#box01 .detail .-ttl {
  align-items: center;
  margin-bottom: 20px;
}
#box01 .detail .-ttl h3 {
  color: #493E3B;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "細明朝体";
  background: url("../img/202410/bg01@2x.png") no-repeat;
  background-size: cover;
  padding: 14px 10px;
}
#box01 .detail::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 16px solid #cbc082;
  border-bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
}
#box01 .detail.-last {
  margin-bottom: 0;
}
#box01 .detail.-last::after {
  display: none;
}
#box01 .detail dl {
  border: #206948 2px solid;
  border-radius: 4px;
  padding: 20px;
  background-color: #F1FCF7;
  margin-top: 20px;
}
#box01 .detail dl dt {
  font-size: 18px;
  color: #206948;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
}

#box02 .tit-wrap {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  #box02 .tit-wrap {
    text-align: center;
  }
}
#box02 .tit-wrap p {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
}
#box02 .detail .-ttl {
  align-items: center;
  margin-bottom: 20px;
}
#box02 .detail .-ttl h3 {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "細明朝体";
  background: url("../img/202410/bg02@2x.png") no-repeat;
  background-size: cover;
  padding: 14px 10px;
}
#box02 .detail .flex-box {
  margin-bottom: 0;
}
#box02 .detail .flex-box .-txt {
  font-size: 14px;
}
#box02 .detail .flex-box .-txt02 {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  #box02 .detail .flex-box .-txt {
    width: 370px;
  }
  #box02 .detail .flex-box .-txt02 {
    width: 370px;
  }
}
@media screen and (min-width: 768px) {
  #box02 .detail .flex-box .-img {
    width: 260px;
    text-align: right;
  }
  .img01 {
    width: 131px !important;
  }
}
@media screen and (max-width: 767px) {
  .spmt20 {
    margin-top: 20px !important;
  }
  .spmt30 {
    margin-top: 30px !important;
  }
  .spwidth80_center {
    width: 80% !important;
    margin: 0 auto;
  }
  .caption-center03 {
    width: 60%;
  }
    .img03 {
    display: block;
    width: 55% !important;
    margin: 10px auto;
    }
    .img04 {
    display: block;
    width: 80% !important;
    margin: 10px auto;
    }
  p.navigator {
    padding-right: 10px;
  }
  .tsubox {
    width: 100%;
    min-height: auto !important;
    margin-bottom: 40px;
    padding: 15px;
    clear: both;
    position: relative;
    box-sizing: border-box;
    background-color: #ECF4E3;
    color: #777 !important;
  }
  .redback_inner {
    width: 90%;
    margin: 70px auto 40px;
    background-color: #f7eae2;
  }

  .txt_center02 {
    padding: 15px;
  }
  .tsubox-img .img-wrap img {
    width: 80% !important;
  }
  .tsubox03 {
    margin-top: 20px !important;
  }
  .makunouchi_wrap::before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url("../img/202504/ttl03.png") no-repeat left top;
    width: 100%;
  }
  .navigator-in {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .img02 img {
    width: 280px !important;
  }

  #box02 .detail .flex-box .-img {
    text-align: center;
    max-width: 70%;
    margin: 30px auto 0 auto;
  }
  .dubleimage {
    text-align: center;
  }
  .img-wrap02 img {
    width: 40% !important;
}
  .img-wrap03 img {
    width: 70% !important;
}
  .img-wrap03 {
    margin: 30px 10px 0 !important;
}
}
#box02 .detail .flex-box .-img img {
  width: 100%;
}
#box02 .detail .flex-box .-img span {
  display: block;
  font-size: 12px;
  color: #777;
  margin-top: 4px;
}
#box02 .-arrow {
  text-align: center;
  margin: 20px auto;
}
#box02 .or-box {
  padding: 20px;
  border: #D76745 solid 2px;
  background-color: #FFF2EE;
  border-radius: 4px;
  margin-top: 30px;
}
.img_center {
  text-align: center;
  margin-bottom: 10px;
}

ul {
  display: inline-block;
  margin-top: 10px;
}
ul.detail01 li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/navi/kyoto_tsu/img/202411/ttl04.png");
  background-size: contain;
  margin-right: 4px;
  margin-bottom: 4px;
  vertical-align: middle;
}

.sp-item {
  margin-bottom: 10px;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.pc-item {
  margin-top: 20px;
  margin-bottom: 10px;
}

.navigator {
    padding-left: 10px !important;
    }

.tsubox {
  width: 100%;
  min-height: auto !important;
  padding: 15px 15px 25px;
  clear: both;
  position: relative;
  box-sizing: border-box;
  background-color: #f7f4d4;
  color: #777 !important;
}

.pinkborder_box {
  width: 100%;
  padding: 15px;
  border: #e17058 solid 4px;
  box-shadow: 4px 4px 0px 1px #f8dfd4;
  border-radius: 10px;
  background-color: #fff;
}
.img_height34 {
  height: 34px !important; 
}
.img_width70 {
  width: 70% !important;
}
.img_width80 {
  width: 80% !important;
}
.img_width440 {
  width: 440px;
}
.mg_auto {
  display: block;
  margin: 0 auto !important;
}
.caption-center02 {
  display: block;
  font-size: 12px !important;
  color: #777;
  margin: 5px 0 0 !important;
  text-align: center;
}
.leadtext {
    font-weight: bold;
    color: #402915;
    text-align: center;
    margin-bottom: 20px !important;
}