@charset "UTF-8";

/**
 * guide_sp.css
 *
 * 境内案内
 */

/******************************
 * 共通
 ******************************/
.guideContainer {
  padding: 0 14px;
}
a.linkButton {
  margin: 5% auto 0;
  width: 80%;
}
a.linkButtonWhite {
  color: #000;
  border: 1px solid #ccc;
  z-index: 1;
}

/**
 * ローディング
 */
.loadingContent {
  position: static;
  min-height: 300px;
}

/**
 * map
 */
.virtualTour {
  top: 0;
  left: 0;
  display: block;
  margin: 0 auto 10%;
  padding: 5%;
  width: 90%;
  height: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border: none;
  z-index: 10;
}
.imgVirtualTour {
  margin: 0 auto 5%;
}
.txtVirtualTour a img {
  width: 100%;
  height: auto;
}
.virtualTour p img {
  width: 100%;
  height: auto;
}
.modalMap {
  position: relative;
  margin: 0 auto 10%;
  z-index: 10;
}

/**
 * モーダル
 */
.modal {
  padding: 5%;
  font-size: 1.3rem;
}
.modal h3 {
  margin: 0 0 5% 0 !important;
}
.modal .modalInner {
  padding: 0;
  max-height: 300px;
}
.modal .design {
  margin: 0;
}
.modal table {
  margin: 0 0 15px;
  table-layout: auto;
}
.modal th,
.modal td {
  display: inline-block;
  width: 48%;
  line-height: 1;
}
.modal .tdNone {
  display: none;
}
.modal .design th {
  width: 100%;
}
.modal .appraisal {
  padding: 0;
}
.modal .kakejiku {
  display: block;
  margin: 0 0 15px;
}
.modal .kakejiku:last-of-type {
  margin: 0;
}
.mfp-close-btn-in .mfp-close {
  top: -50px;
  color: #333;
  background: rgba(255, 255, 255, .8);
}


/**
 * コンテンツ
 */
.guideFull .txtBox {
  position: relative;
}
.guideDefault {
  margin: 0 auto 20%;
  width: 100%;
}

.siteKinkakuji .guideBox,
.siteGinkakuji .guideBox {
  display: block;
}
.siteShokokuji .row2,
.siteGinkakuji .row2 {
  float: none;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.txtBox {
  padding: 30px 5% !important;
}
.txtBox .number {
  top: 18px;
}
.txtBox .number::before {
  display: none;
}
.guideFull .txtBox .number {
  top: 18px;
  color: #e7e1d1;
}
.txtBox h3 {
  margin: 0 0 5% 80px;
  font-size: 2.3rem;
}
.txtBox h3 span {
  display: block;
  margin: 2% auto 0;
  color: #cec3a4;
}
.txtBox h3.textWhite,
.txtBox h3.textWhite span {
  color: #866910;
}
.txtBox h3 .h3small {
  display: inline-block;
  word-wrap: normal;
}
.txtBox p{
	text-shadow:none !important;
}
 .guideImg {
  text-align: center;
 }

/* ライブカメラ */
.txtBoxSide {
  margin: 5% auto 0;
}
a.guideLive {
  margin: 0 auto;
  color: #000;
  border: 1px solid #666;
}


.guideDefault .guideBox,
.guideFull .guideBox {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: auto;
}

/* .guideFlex */
.guideFlex {
  display: block;
}

/* .area */
.area {
  display: block;
  margin: 0;
  width: 100%;
}


/******************************
 * 相国寺
******************************/
/* 背景 */
.siteShokokuji .guideContainer {
  background-image:
    url(../../assets/img/shokokuji/guide/bgCloudLeft.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalRight.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png),
    url(../../assets/img/shokokuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/shokokuji/guide/bgCloudRight.png);
  background-repeat: no-repeat;
  background-position:
    left top 3%,
    right top 3%,
    right top 6.7%,
    left top 8%,
    right top 12.5%,
    left top 15%,
    right top 18.2%,
    left top 21%,
    right top 24.5%,
    left top 26%,
    right top 31%,
    left top 34%,
    right top 37%,
    left top 39%,
    right top 42.6%,
    left top 45%,
    right top 49.2%,
    left top 53%,
    right top 55%,
    left top 58%,
    right top 60.4%,
    left top 63%,
    right top 66.4%,
    left top 70%,
    right top 73.3%,
    left top 76.5%,
    right top 79%,
    left top 82%,
    right top 84.5%,
    left top 89%,
    right top 91%,
    left top 95%,
    right top 96.8%;
  background-size:
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px;
}

/* .siteShokokuji .wrapxxx */
.siteShokokuji .wrap01-06,
.siteShokokuji .wrap08-12,
.siteShokokuji .wrap14-17,
.siteShokokuji .wrap19-21,
.siteShokokuji .wrap23-27,
.siteShokokuji .wrap29-32,
.siteKinkakuji .wrap01-02,
.siteKinkakuji .wrap04-07,
.siteKinkakuji .wrap09-16,
.siteKinkakuji .wrap19-20,
.siteGinkakuji .wrap01-06,
.siteGinkakuji .wrap08-12,
.siteGinkakuji .wrap14-18 {
  margin: 0;
  padding: 0;
  background: none;
}
.siteShokokuji .guideDefault,
.siteShokokuji .guideFull,
.siteShokokuji #no01,
.siteShokokuji #no02,
.siteShokokuji #no04,
.siteShokokuji #no05,
.siteShokokuji #no06,
.siteShokokuji #no08,
.siteShokokuji #no14,
.siteShokokuji #no10,
.siteShokokuji #no15,
.siteShokokuji #no20 {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto 20%;
  padding: 0;
  width: 100%;
  height: auto;
}

.siteShokokuji .area16-17,
.siteShokokuji .area19-20,
.siteShokokuji .area29-30,
.siteShokokuji .area31-32 {
  width: 100%;
}
.siteShokokuji .area03-04,
.siteShokokuji .area16-17 {
  height: auto;
}
.siteShokokuji .area19-20 {
  padding: 0;
}
.siteShokokuji .area19-20,
.siteShokokuji .area25-26,
.siteShokokuji .area29-30 {
  margin: 0 auto;
}

/* #noxx */
.siteShokokuji #no03,
.siteShokokuji #no09 {
  width: 100%;
}
.siteShokokuji #no07 {
  margin: 0 auto 20%;
  padding-bottom: 0;
}
.siteShokokuji #no07,
.siteShokokuji #no13,
.siteShokokuji #no18,
.siteShokokuji #no22,
.siteShokokuji #no28 {
  background: none !important;
}
.siteShokokuji #no09,
.siteShokokuji #no11,
.siteShokokuji #no13,
.siteShokokuji #no16,
.siteShokokuji #no18,
.siteShokokuji #no22,
.siteShokokuji #no26,
.siteShokokuji #no27,
.siteShokokuji #no28,
.siteShokokuji #no29,
.siteShokokuji #no30,
.siteShokokuji #no31 {
  margin: 0 auto 20%;
}
.siteShokokuji #no32 {
  margin: 0 auto;
}

/* .guideBox */
.siteShokokuji #no01 .guideBox,
.siteShokokuji #no04 .guideBox,
.siteShokokuji #no07 .guideBox,
.siteShokokuji #no08 .guideBox,
.siteShokokuji #no11 .guideBox,
.siteShokokuji #no12 .guideBox,
.siteShokokuji #no13 .guideBox,
.siteShokokuji #no14 .guideBox,
.siteShokokuji #no15 .guideBox,
.siteShokokuji #no16 .guideBox,
.siteShokokuji #no17 .guideBox,
.siteShokokuji #no18 .guideBox,
.siteShokokuji #no19 .guideBox,
.siteShokokuji #no20 .guideBox,
.siteShokokuji #no22 .guideBox,
.siteShokokuji #no23 .guideBox,
.siteShokokuji #no24 .guideBox,
.siteShokokuji #no25 .guideBox,
.siteShokokuji #no26 .guideBox,
.siteShokokuji #no27 .guideBox,
.siteShokokuji #no28 .guideBox,
.siteShokokuji #no29 .guideBox,
.siteShokokuji #no30 .guideBox,
.siteShokokuji #no31 .guideBox,
.siteShokokuji #no32 .guideBox {
  width: 100%;
}
.siteShokokuji #no04 .guideBox,
.siteShokokuji #no09 .guideBox,
.siteShokokuji #no11 .guideBox,
.siteShokokuji #no15 .guideBox,
.siteShokokuji #no16 .guideBox,
.siteShokokuji #no20 .guideBox,
.siteShokokuji #no23 .guideBox,
.siteShokokuji #no26 .guideBox,
.siteShokokuji #no30 .guideBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.siteShokokuji #no13 .guideBox,
.siteShokokuji #no18,
.siteShokokuji #no22 .guideBox,
.siteShokokuji #no28 .guideBox {
  padding-bottom: 0;
}
.siteShokokuji #no29 .guideBox {
  margin: 0 auto;
}

/* .txtBox */
.siteShokokuji .guideDefault .txtBox,
.siteShokokuji .guideFull .txtBox,
.siteShokokuji #no01 .txtBox,
.siteShokokuji #no02 .txtBox,
.siteShokokuji #no03 .txtBox,
.siteShokokuji #no04 .txtBox,
.siteShokokuji #no05 .txtBox,
.siteShokokuji #no06 .txtBox,
.siteShokokuji #no07 .txtBox,
.siteShokokuji #no08 .txtBox,
.siteShokokuji #no09 .txtBox,
.siteShokokuji #no10 .txtBox,
.siteShokokuji #no11 .txtBox,
.siteShokokuji #no12 .txtBox,
.siteShokokuji #no13 .txtBox,
.siteShokokuji #no14 .txtBox,
.siteShokokuji #no15 .txtBox,
.siteShokokuji #no16 .txtBox,
.siteShokokuji #no17 .txtBox,
.siteShokokuji #no18 .txtBox,
.siteShokokuji #no19 .txtBox,
.siteShokokuji #no20 .txtBox,
.siteShokokuji #no21 .txtBox,
.siteShokokuji #no22 .txtBox,
.siteShokokuji #no23 .txtBox,
.siteShokokuji #no24 .txtBox,
.siteShokokuji #no25 .txtBox,
.siteShokokuji #no26 .txtBox,
.siteShokokuji #no27 .txtBox,
.siteShokokuji #no28 .txtBox,
.siteShokokuji #no29 .txtBox,
.siteShokokuji #no30 .txtBox,
.siteShokokuji #no31 .txtBox,
.siteShokokuji #no32 .txtBox {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.siteShokokuji #no04 .txtBox,
.siteShokokuji #no09 .txtBox,
.siteShokokuji #no11 .txtBox,
.siteShokokuji #no15 .txtBox,
.siteShokokuji #no16 .txtBox,
.siteShokokuji #no20 .txtBox,
.siteShokokuji #no23 .txtBox,
.siteShokokuji #no26 .txtBox,
.siteShokokuji #no30 .txtBox {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.siteShokokuji #no07 .txtBox,
.siteShokokuji #no13 .txtBox,
.siteShokokuji #no18 .txtBox,
.siteShokokuji #no22 .txtBox,
.siteShokokuji #no28 .txtBox {
  margin: 0;
  padding: 10% 5%;
  color: #000;
  background: #fff;
  outline: solid 7px #fff;
  border: 1px solid #e1dac3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.siteShokokuji #no28 .txtBox {
  display: block;
}
.siteShokokuji #no31 .txtBox,
.siteShokokuji #no32 .txtBox {
  top: 0;
}
.siteShokokuji #no22 .txtBox p,
.siteShokokuji #no28 .txtBox p {
  position: static;
  width: 100%;
}

/* number・h3 */
.siteShokokuji #no10 .txtBox .number,
.siteShokokuji #no22 .txtBox .number,
.siteShokokuji #no28 .txtBox .number {
  top: 18px;
  left: 5%;
  font-size: 6rem;
}
.siteShokokuji #no22 .txtBox h3,
.siteShokokuji #no28 .txtBox h3 {
  position: static;
}

/* .guideImg */
.siteShokokuji .guideDefault .guideImg,
.siteShokokuji .guideFull .guideImg,
.siteShokokuji #no01 .guideImg,
.siteShokokuji #no02 .guideImg,
.siteShokokuji #no03 .guideImg,
.siteShokokuji #no04 .guideImg,
.siteShokokuji #no05 .guideImg,
.siteShokokuji #no06 .guideImg,
.siteShokokuji #no08 .guideImg,
.siteShokokuji #no09 .guideImg,
.siteShokokuji #no10 .guideImg,
.siteShokokuji #no11 .guideImg,
.siteShokokuji #no12 .guideImg,
.siteShokokuji #no14 .guideImg,
.siteShokokuji #no15 .guideImg,
.siteShokokuji #no16 .guideImg,
.siteShokokuji #no17 .guideImg,
.siteShokokuji #no19 .guideImg,
.siteShokokuji #no20 .guideImg,
.siteShokokuji #no21 .guideImg,
.siteShokokuji #no23 .guideImg,
.siteShokokuji #no24 .guideImg,
.siteShokokuji #no25 .guideImg,
.siteShokokuji #no26 .guideImg,
.siteShokokuji #no27 .guideImg,
.siteShokokuji #no29 .guideImg,
.siteShokokuji #no30 .guideImg,
.siteShokokuji #no31 .guideImg,
.siteShokokuji #no32 .guideImg {
  margin: 0 auto 5%;
  width: 100%;
  height: auto;
}

.siteShokokuji #no04 .guideImg,
.siteShokokuji #no09 .guideImg,
.siteShokokuji #no11 .guideImg,
.siteShokokuji #no15 .guideImg,
.siteShokokuji #no16 .guideImg,
.siteShokokuji #no20 .guideImg,
.siteShokokuji #no23 .guideImg,
.siteShokokuji #no26 .guideImg,
.siteShokokuji #no30 .guideImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.siteShokokuji #no04 .guideImg,
.siteShokokuji #no09 .guideImg,
.siteShokokuji #no26 .guideImg,
.siteShokokuji #no30 .guideImg {
  top: 0;
}
.siteShokokuji .guideImg {
  z-index: auto;
}
.siteShokokuji .area09-10,
.siteShokokuji #no24 .guideBox {
  margin: 0 auto;
}
.siteShokokuji #no30 {
  z-index: auto;
}


/******************************
 * 金閣寺
******************************/
/* 背景 */
.siteKinkakuji article {
  background-image:
    url(../../assets/img/kinkakuji/guide/bgCloudLeft.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalRight.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png),
    url(../../assets/img/kinkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/kinkakuji/guide/bgCloudRight.png);
  background-repeat: no-repeat;
  background-position:
    left top 3%,
    right top 6%,
    right top 14%,
    left top 21%,
    right top 27%,
    left top 30%,
    right top 36%,
    left top 42%,
    right top 50%,
    left top 57%,
    right top 63%,
    left top 66%,
    right top 72%,
    left top 81%,
    right top 87%,
    left top 90%,
    right top 93%,
    left top 99%,
    right bottom;
  background-size:
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px;
}
.siteKinkakuji .row2 {
  display: block;
  width: 100%;
  height: auto;
}
.siteKinkakuji #no01,
.siteKinkakuji #no02,
.siteKinkakuji #no03,
.siteKinkakuji #no04,
.siteKinkakuji #no05,
.siteKinkakuji #no06,
.siteKinkakuji #no07,
.siteKinkakuji #no08,
.siteKinkakuji #no09,
.siteKinkakuji #no10,
.siteKinkakuji #no11,
.siteKinkakuji #no12,
.siteKinkakuji #no13,
.siteKinkakuji #no14,
.siteKinkakuji #no15,
.siteKinkakuji #no16,
.siteKinkakuji #no17,
.siteKinkakuji #no18,
.siteKinkakuji #no19,
.siteKinkakuji #no20 {
  margin: 0 auto 20%;
  padding: 0;
  width: 100%;
  height: auto;
}
.siteKinkakuji #no15 {
  position: relative;
}
.siteKinkakuji #no16 {
  margin: 0 auto 8%;
}
.siteKinkakuji #no16 .guideImg {
  margin: 0 auto 10%;
}
.siteKinkakuji #no20 {
  margin: 0 auto;
  width: 100%;
}
.siteKinkakuji #no03,
.siteKinkakuji #no08,
.siteKinkakuji #no18 {
  background-image: none !important;
}

/* .guideBox */
.siteKinkakuji .guideBox,
.siteKinkakuji #no01 .guideBox,
.siteKinkakuji #no02 .guideBox,
.siteKinkakuji #no03 .guideBox,
.siteKinkakuji #no04 .guideBox,
.siteKinkakuji #no05 .guideBox,
.siteKinkakuji #no06 .guideBox,
.siteKinkakuji #no07 .guideBox,
.siteKinkakuji #no08 .guideBox,
.siteKinkakuji #no09 .guideBox,
.siteKinkakuji #no10 .guideBox,
.siteKinkakuji #no11 .guideBox,
.siteKinkakuji #no12 .guideBox,
.siteKinkakuji #no13 .guideBox,
.siteKinkakuji #no14 .guideBox,
.siteKinkakuji #no15 .guideBox,
.siteKinkakuji #no16 .guideBox,
.siteKinkakuji #no17 .guideBox,
.siteKinkakuji #no18 .guideBox,
.siteKinkakuji #no19 .guideBox,
.siteKinkakuji #no20 .guideBox {
  position: relative;
  top: 0;
  left: 0;
  float: none;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.siteKinkakuji #no03 .guideBox,
.siteKinkakuji #no08 .guideBox,
.siteKinkakuji #no18 .guideBox {
  padding-bottom: 0;
}

/* .txtBox */
.siteKinkakuji .txtBox,
.siteKinkakuji #no01 .txtBox,
.siteKinkakuji #no02 .txtBox,
.siteKinkakuji #no03 .txtBox,
.siteKinkakuji #no04 .txtBox,
.siteKinkakuji #no05 .txtBox,
.siteKinkakuji #no06 .txtBox,
.siteKinkakuji #no07 .txtBox,
.siteKinkakuji #no08 .txtBox,
.siteKinkakuji #no09 .txtBox,
.siteKinkakuji #no10 .txtBox,
.siteKinkakuji #no11 .txtBox,
.siteKinkakuji #no12 .txtBox,
.siteKinkakuji #no13 .txtBox,
.siteKinkakuji #no14 .txtBox,
.siteKinkakuji #no15 .txtBox,
.siteKinkakuji #no16 .txtBox,
.siteKinkakuji #no17 .txtBox,
.siteKinkakuji #no18 .txtBox,
.siteKinkakuji #no19 .txtBox,
.siteKinkakuji #no20 .txtBox {
  position: relative;
  top: 0;
  left: 0;
  float: none;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.siteKinkakuji #no03 .txtBox,
.siteKinkakuji #no08 .txtBox,
.siteKinkakuji #no18 .txtBox {
  padding: 10% 5%;
  border: 1px solid #e1dac3;
  background: #fff;
  outline: solid 7px #fff;
}
.siteKinkakuji #no08 .txtBox,
.siteKinkakuji #no18 .txtBox {
  display: block;
  color: #000;
}
.siteKinkakuji #no08 .txtBox p {
  width: 100%;
}

/* number・h3 */
.siteKinkakuji .guideFull .txtBox .number,
.siteKinkakuji #no08 .txtBox .number{
  top: 18px;
  left: 5%;
  color: #e7e1d1;
  opacity: 1;
}
.siteKinkakuji #no01 .txtBox h3,
.siteKinkakuji #no05 .txtBox h3,
.siteKinkakuji #no09 .txtBox h3,
.siteKinkakuji #no10 .txtBox h3,
.siteKinkakuji #no17 .txtBox h3,
.siteKinkakuji #no19 .txtBox h3 {
  margin: 0 0 0 80px;
}
.siteKinkakuji #no18 .txtBox h3.textWhite {
  color: #866910;
}

/* .guideImg */
.siteKinkakuji .guideImg,
.siteKinkakuji #no01 .guideImg,
.siteKinkakuji #no02 .guideImg,
.siteKinkakuji #no03 .guideImg,
.siteKinkakuji #no04 .guideImg,
.siteKinkakuji #no05 .guideImg,
.siteKinkakuji #no06 .guideImg,
.siteKinkakuji #no07 .guideImg,
.siteKinkakuji #no08 .guideImg,
.siteKinkakuji #no09 .guideImg,
.siteKinkakuji #no10 .guideImg,
.siteKinkakuji #no11 .guideImg,
.siteKinkakuji #no12 .guideImg,
.siteKinkakuji #no13 .guideImg,
.siteKinkakuji #no14 .guideImg,
.siteKinkakuji #no15 .guideImg,
.siteKinkakuji #no16 .guideImg,
.siteKinkakuji #no17 .guideImg,
.siteKinkakuji #no18 .guideImg,
.siteKinkakuji #no19 .guideImg,
.siteKinkakuji #no20 .guideImg {
  position: relative;
  top: 0;
  left: 0;
  float: none;
  margin: 0 auto 5%;
  width: 100%;
  height: auto;
}

/* 写真とテキストの配置逆転 */
.siteKinkakuji #no02 .guideBox,
.siteKinkakuji #no04 .guideBox,
.siteKinkakuji #no06 .guideBox,
.siteKinkakuji #no07 .guideBox,
.siteKinkakuji #no09 .guideBox,
.siteKinkakuji #no11 .guideBox,
.siteKinkakuji #no13 .guideBox,
.siteKinkakuji #no15 .guideBox,
.siteKinkakuji #no16 .guideBox,
.siteKinkakuji #no19 .guideBox,
.siteKinkakuji #no20 .guideBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.siteKinkakuji #no02 .guideImg,
.siteKinkakuji #no04 .guideImg,
.siteKinkakuji #no06 .guideImg,
.siteKinkakuji #no07 .guideImg,
.siteKinkakuji #no09 .guideImg,
.siteKinkakuji #no11 .guideImg,
.siteKinkakuji #no13 .guideImg,
.siteKinkakuji #no15 .guideImg,
.siteKinkakuji #no16 .guideImg,
.siteKinkakuji #no19 .guideImg,
.siteKinkakuji #no20 .guideImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.siteKinkakuji #no02 .txtBox,
.siteKinkakuji #no04 .txtBox,
.siteKinkakuji #no06 .txtBox,
.siteKinkakuji #no07 .txtBox,
.siteKinkakuji #no09 .txtBox,
.siteKinkakuji #no11 .txtBox,
.siteKinkakuji #no13 .txtBox,
.siteKinkakuji #no15 .txtBox,
.siteKinkakuji #no16 .txtBox,
.siteKinkakuji #no19 .txtBox,
.siteKinkakuji #no20 .txtBox {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}


/******************************
 * 銀閣寺
******************************/
/* 背景 */
.siteGinkakuji article {
  background-image:
    url(../../assets/img/ginkakuji/guide/bgCloudLeft.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalRight.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png),
    url(../../assets/img/ginkakuji/guide/bgDiagonalLeft.png),
    url(../../assets/img/ginkakuji/guide/bgCloudRight.png);
  background-repeat: no-repeat;
  background-position:
    left top 4%,
    right top 6%,
    right top 15%,
    left top 21%,
    right top 27%,
    left top 32%,
    right top 38%,
    left top 42%,
    right top 50%,
    left top 57%,
    right top 62%,
    left top 66%,
    right top 72%,
    left top 83%,
    right top 85%,
    left top 90%,
    right top 93%,
    left top 99%,
    right bottom;
  background-size:
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px,
    100%,
    176px;
}

.siteGinkakuji #no01,
.siteGinkakuji #no02,
.siteGinkakuji #no03,
.siteGinkakuji #no04,
.siteGinkakuji #no05,
.siteGinkakuji #no06,
.siteGinkakuji #no07,
.siteGinkakuji #no08,
.siteGinkakuji #no09,
.siteGinkakuji #no10,
.siteGinkakuji #no11,
.siteGinkakuji #no12,
.siteGinkakuji #no13,
.siteGinkakuji #no14,
.siteGinkakuji #no15,
.siteGinkakuji #no16,
.siteGinkakuji #no17 {
  margin: 0 auto 20%;
  padding: 0;
  width: 100%;
  height: auto;
}
.siteGinkakuji #no03,
.siteGinkakuji #no06 {
  display: block;
}
.siteGinkakuji #no07,
.siteGinkakuji #no13 {
  background-image: none !important;
}
.siteGinkakuji #no12 {
  float: none;
}
.siteGinkakuji #no18 {
  margin: 0 auto;
}


/* .guideBox */
.siteGinkakuji #no01 .guideBox,
.siteGinkakuji #no09 .guideBox {
  padding: 0;
}
.siteGinkakuji #no07 .guideBox,
.siteGinkakuji #no13 .guideBox {
  padding-bottom: 0;
  width: 100%;
}
.siteGinkakuji #no17 .guideBox {
  width: 100%;
}
.siteGinkakuji #no18 .guideBox {
  display: block;
  width: 100%;
}

/* 写真とテキストの配置逆転 */
.siteGinkakuji #no01 .guideBox,
.siteGinkakuji #no03 .guideBox,
.siteGinkakuji #no05 .guideBox,
.siteGinkakuji #no08 .guideBox,
.siteGinkakuji #no11 .guideBox,
.siteGinkakuji #no15 .guideBox,
.siteGinkakuji #no17 .guideBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* .txtBox */
.siteGinkakuji #no01 .txtBox,
.siteGinkakuji #no02 .txtBox,
.siteGinkakuji #no03 .txtBox,
.siteGinkakuji #no04 .txtBox,
.siteGinkakuji #no05 .txtBox,
.siteGinkakuji #no06 .txtBox,
.siteGinkakuji #no07 .txtBox,
.siteGinkakuji #no08 .txtBox,
.siteGinkakuji #no09 .txtBox,
.siteGinkakuji #no10 .txtBox,
.siteGinkakuji #no11 .txtBox,
.siteGinkakuji #no12 .txtBox,
.siteGinkakuji #no13 .txtBox,
.siteGinkakuji #no14 .txtBox,
.siteGinkakuji #no15 .txtBox,
.siteGinkakuji #no16 .txtBox,
.siteGinkakuji #no17 .txtBox,
.siteGinkakuji #no18 .txtBox {
  margin: 0 auto;
  width: 100%;
}
.siteGinkakuji #no07 .txtBox,
.siteGinkakuji #no13 .txtBox {
  padding: 10% 5%;
  color: #000;
  background: #fff;
  border: 1px solid #e1dac3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: solid 7px #fff;
}
.siteGinkakuji #no13 .txtBox {
  display: block;
  bottom: 0;
}
.siteGinkakuji #no13 .txtBox p {
  width: 100%;
  color: #000;
}

/* .guideImg */
.siteGinkakuji #no01 .guideImg,
.siteGinkakuji #no02 .guideImg,
.siteGinkakuji #no03 .guideImg,
.siteGinkakuji #no04 .guideImg,
.siteGinkakuji #no05 .guideImg,
.siteGinkakuji #no06 .guideImg,
.siteGinkakuji #no07 .guideImg,
.siteGinkakuji #no08 .guideImg,
.siteGinkakuji #no09 .guideImg,
.siteGinkakuji #no10 .guideImg,
.siteGinkakuji #no11 .guideImg,
.siteGinkakuji #no12 .guideImg,
.siteGinkakuji #no13 .guideImg,
.siteGinkakuji #no14 .guideImg,
.siteGinkakuji #no15 .guideImg,
.siteGinkakuji #no16 .guideImg,
.siteGinkakuji #no17 .guideImg,
.siteGinkakuji #no18 .guideImg {
  margin: 0 auto 5%;
  width: 100%;
  height: auto;
}
.siteGinkakuji #no01 .guideImg,
.siteGinkakuji #no03 .guideImg,
.siteGinkakuji #no05 .guideImg,
.siteGinkakuji #no08 .guideImg,
.siteGinkakuji #no11 .guideImg,
.siteGinkakuji #no15 .guideImg,
.siteGinkakuji #no17 .guideImg {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.siteGinkakuji #no01 .txtBox,
.siteGinkakuji #no03 .txtBox,
.siteGinkakuji #no05 .txtBox,
.siteGinkakuji #no08 .txtBox,
.siteGinkakuji #no11 .txtBox,
.siteGinkakuji #no15 .txtBox,
.siteGinkakuji #no17 .txtBox {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

/* number・h3 */
.siteGinkakuji #no13 .number{
  top: 18px;
  left: 5%;
  color: #e7e1d1;
  opacity: 1;
}
.siteGinkakuji #no01 h3,
.siteGinkakuji #no03 h3,
.siteGinkakuji #no04 h3,
.siteGinkakuji #no06 h3,
.siteGinkakuji #no09 h3,
.siteGinkakuji #no11 h3,
.siteGinkakuji #no12 h3,
.siteGinkakuji #no15 h3,
.siteGinkakuji #no16 h3 {
  margin: 0 0 0 80px;
}
.siteGinkakuji #no13 .txtBox h3 {
  margin: 0 0 5% 80px;
  padding: 0;
}
.siteGinkakuji #no04 h3 span,
.siteGinkakuji #no13 h3 span {
  margin: 2% auto 0;
}