@charset "utf-8";

/* 歴史 */

/* アンカー
---------------------------------------------------------------------------*/

@media screen and (max-width: 768px){
	.lst-anchors-mini.bdr li:nth-of-type(2) {
		border-right: none;
	}
	.lst-anchors-mini.bdr li:last-of-type {
		margin-top: 3vw;
	}
}

/* 共通
---------------------------------------------------------------------------*/
/* 内径 */
.box-inner {
	padding: 40px 40px 0;
}
	
@media screen and (max-width: 768px){
	.box-inner {
		padding: 3vw 0 0;
	}
}
section.block-secintro.mt40 {
  margin-top: 40px;
}
/* 大画像 */
.fig-big.mb {
	margin-bottom: 30px;
}
@media screen and (max-width: 768px){
	.fig-big.mb {
		margin-bottom: 3vw;
	}
}

/* 紹介ブロック */
.box-fac .fig-mid {
	width: 520px;
}
.box-fac .box-tx {
	width: 492px;
	padding-top: 10px;
}
.box-pad {
	padding-left: 40px;
}
.btn-fac {
	margin-top: 40px;
	text-align: center;
}
.btn-fac a {
	margin: 0 auto;
}
.det.mt {
	margin-top: 40px;
}
@media screen and (max-width: 768px){
	.box-fac .fig-mid {
		margin-bottom: 3vw;
	}
	.box-fac .box-tx {
		padding-top: 0;
	}
	.box-pad {
		padding-left: 0;
	}
	.btn-fac {
		margin-top: 5vw;
	}
	.det.mt {
		margin-top: 5vw;
	}
}

/* 紹介ブロック小 */
.lst-fac-mini li {
	width: 340px;
}
.lst-fac-mini.mini02 li {
	width: 508px;
}
.fig-fac-mini {
	margin-bottom: 15px;
	text-align: center;
}
.lst-fac-mini .hdl-double.hei {
	height: 81px;
}
.lst-fac-mini li.mb {
	margin-bottom: 30px;
}
@media screen and (max-width: 768px){
	.lst-fac-mini li,
	.lst-fac-mini li.mb {
		margin-bottom: 5vw;
	}
	.lst-fac-mini li:last-of-type {
		margin-bottom: 0;
	}
	.fig-fac-mini {
		margin-bottom: 3vw;
	}
	.lst-fac-mini .hdl-double.hei {
		height: auto;
	}
}

.tbl-shi {
	width: 100%;
}
.tbl-shi th {
	vertical-align: top;
}

/* 画像上テキスト */
.cap {
	right: 0;
	bottom: 0;
	font-size: .15rem;
	padding: 5px 15px;
	background-color: rgba(255, 255, 255, .7);
}
@media screen and (max-width: 768px){
	.cap {
		font-size: 3.8vw;
		padding: 1vw 3vw;
	}
}

/* 内側 */
.inbox {
	padding-left: 40px;
	padding-right: 40px;
}
.inbox.mt {
	margin-top: 40px;
}
.inbox.mb {
	margin-bottom: 40px;
}
@media screen and (max-width: 768px){
	.inbox {
		padding-left: 0;
		padding-right: 0;
	}
	.inbox.mt {
		margin-top: 5vw;
	}
	.inbox.mb {
		margin-bottom: 5vw;
	}
}

/* 縦書き */
.tate {
	top: 5px;
	left: 5px;
	width: 40px;
	height: 120px;
	padding-top: 10px;
	color: #FFFFFF;
}
.tate > div {
	position: relative;
	height: 100%;
}
.tate > div > div {
	position: absolute;
	width: 100%;
	height: 100%;
}
.tate > div > div > p {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	white-space: nowrap;
}
.spring .tate {
	background-color: rgba(156, 68, 51, .8);
}
.summer .tate {
	background-color: rgba(74, 128, 131, .8);
}
.autumn .tate {
	background-color: rgba(195, 156, 28, .8);
}
.winter .tate {
	background-color: rgba(122, 128, 85, .8);
}

/* 季節 */
@media screen and (max-width: 768px){
	.lst-history li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2vw;
	}
	.lst-history li:nth-of-type(2n) {
		margin-right: 0;
	}
	.tate {
		top: 1vw;
		left: 1vw;
		width: 5vw;
		height: calc(100% - 2vw);
	}
}

/* 沿革 */
.box-enkaku {
	margin-top: 40px;
	padding: 40px;
}
.tbl-enkaku {
	width: 100%;
	margin-top: 40px;
	border-top: 1px solid #959977;
	border-left: 1px solid #959977;
}
.tbl-enkaku td,
.tbl-enkaku th {
	padding: 10px 20px;
	border-bottom: 1px solid #959977;
	border-right: 1px solid #959977;
}
.tbl-enkaku th {
	text-align: center;
	background-color: #EBECE6;
	color: #7A8055;
}
@media screen and (max-width: 768px){
	.box-enkaku {
		margin-top: 8vw;
		padding: 3vw;
	}
	.tbl-enkaku {
		margin-top: 5vw;
	}
}

/* 豆知識 */
.fig-mame {
	width: 230px;
}
.fig-mame + p {
	width: 704px;
	margin-right: 40px;
}
@media screen and (max-width: 768px){
	.fig-mame {
		width: 40%;
	}
	.fig-mame + p {
		width: 58%;
		margin-right: 0;
	}
}



/* 温泉基本情報
---------------------------------------------------------------------------*/
.block-basicinfo .th-tbl {
	width: 27%;
}
.block-basicinfo .td-tbl {
	width: 70%;
}
@media screen and (max-width: 768px){
	.block-basicinfo .th-tbl,
	.block-basicinfo .td-tbl {
		width: 100%;
	}
}

/* 写真 */
.lst-basic {
	margin-top: 40px;
}
.lst-basic li {
	margin: 0 3.5px;
}
@media screen and (max-width: 768px){
	.lst-basic {
		margin-top: 5vw;
	}
	.lst-basic li {
		width: 49%;
		margin-right: 2%;
		margin-left: 0;
		margin-bottom: 2vw;
	}
	.lst-basic li:nth-of-type(2n) {
		margin-right: 0;
	}
}

/* 周辺観光 */


/* 宇野千代の名作「おはん」の舞台
---------------------------------------------------------------------------*/
.bg-ohan {
  padding-top: 330px;
  padding-bottom: 40px;
  background-image: url(../img/tourism/bg-ohan.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #222822;
  color: #FFFFFF;
}
.box-tx {
  width: 410px;
  margin-right: 40px;
}
.map-ohan {
  width: 501px;
}
.ttl-map-ohan {
  height: 68px;
  padding-left: 30px;
  background-image: url(../img/tourism/bg-map-ohan.png);
  background-position: center top;
  background-repeat: no-repeat;
  font-size: .26rem;
  color: #374030;
}
@media screen and (max-width: 768px){
  .bg-ohan {
    padding-top: 60vw;
    padding-bottom: 5vw;
    padding-left: 3vw;
    padding-right: 3vw;
    color: #FFFFFF;
  }
  .ttl-map-ohan {
    height: auto;
    padding: 3vw;
    font-size: 5.5vw;
  }
  .fig-map-ohan {
    margin-top: -2px;
  }
}

/* 地図 */
.box-gmap iframe {
  width: 100%;
  height: 440px;
}
.box-gmap + .box-btn {
  margin-top: 40px;
}
.box-gmap + .box-btn a {
  margin: 0 auto;
}
.box-addr {
  margin-top: 40px;
}
.box-addr .logo {
  margin-right: 30px;
}
@media screen and (max-width: 768px){
  .box-gmap iframe {
    height: 70vw;
  }
  .box-gmap + .box-btn {
    margin-top: 5vw;
  }
  .box-addr {
    margin-top: 5vw;
    text-align: center;
  }
  .box-addr .logo {
    margin-right: 0;
    margin-bottom: 3vw;
  }
}

/* 大きめ画像 */
.fig-big {
  margin-bottom: 40px;
}
.catch-eye + .fig-big {
  margin-top: 40px;
}

.deco-figbig {
  width: 113px;
  height: 113px;
  left: calc(50% - 430px);
  top: 0px;
  background-color: #CB5A50;
  color: #FFFFFF;
  font-size: .36rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.deco-figbig span {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px){
  .fig-big {
    margin-bottom: 5vw;
  }
  .catch-eye + .fig-big {
    margin-top: 5vw;
  }

  .deco-figbig {
    left: 1vw;
    top: -2vw;
    width: 17vw;
    height: 17vw;
    font-size: 5vw;
  }
}

/* スポット名 */
.box-spotname {
}
.box-spotname > .pos-abs {
  right: 40px;
  top: calc(50% - 20px);
}
.icon-walk {
  padding-left: 30px;
  padding-right: 10px;
  color: #FFFFFF;
  line-height: 30px;
  background-color: #7A8055;
}
.icon-walk::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 20px;
  left: 10px;
  top: calc(50% - 10px);
  background-image: url(../img/tourism/icon-walk.png);
}
.icon-car {
  padding-left: 50px;
  padding-right: 10px;
  color: #FFFFFF;
  line-height: 30px;
  background-color: #7A8055;
}
.icon-car::before {
  content: "";
  position: absolute;
  width: 31px;
  height: 16px;
  left: 10px;
  top: calc(50% - 8px);
  background-image: url(../img/tourism/icon-car.png);
}
.icon-attr {
  margin-top: -1px;
  padding-left: 30px;
  padding-bottom: 3px;
  font-size: .12rem;
  color: #FFFFFF;
  background-color: #7A8055;
}
@media screen and (max-width: 768px){
  .icon-walk {
    padding-left: 5.5vw;
    padding-right: 1vw;
    font-size: 3.5vw;
  }
  .icon-walk::before {
    width: 3vw;
    left: 1.5vw;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
  }
  .icon-car {
    padding-left: 6.5vw;
    padding-right: 1vw;
    font-size: 3.5vw;
  }
  .icon-car::before {
    width: 4.5vw;
    left: 1.5vw;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
  }

  .box-spotname > .pos-abs {
    right: 0;
  }
}

/* ボタン */
.lst-btns {
  margin-top: 15px;
}
.lst-btns .detail {
  margin-right: 20px;
}
.btn-tr {
  position: relative;
  padding-left: 25px;
  padding-right: 16px;
  font-size: .18rem;
  letter-spacing: 0;
}
.btn-tr::before {
  position: absolute;
  content: "";
  left: 0;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/cmn/icon-eyecatch.png);
}
.btn-tr::after {
  position: absolute;
  content: "";
  right: 0;
  top: calc(50% - 8px);
  width: 11px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/tourism/arw-btn.png);
}
@media screen and (max-width: 768px){
  .lst-btns {
    margin-top: 3vw;
  }
  .lst-btns .detail {
    margin-right: 4vw;
  }
  .btn-tr {
    font-size: 4vw;
  }
}


/* ピックアップ */
.box-pick {
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 40px;
}
.box-pick .catch-eye {
  margin-bottom: 40px;
}
.fig-pick {
  width: 363px;
}
.tx-pick {
  width: 535px;
}
@media screen and (max-width: 768px){
  .box-pick {
    margin-top: 5vw;
    margin-bottom: 8vw;
    padding: 3vw;
  }
  .box-pick .catch-eye {
    margin-bottom: 5vw;
  }
  .fig-pick {
    margin-bottom: 3vw;
  }
}

/* スポット紹介
---------------------------------------------------------------------------*/
.lst-spots.inner-base {
  max-width: 950px;
}
.lst-spots > li {
  width: 290px;
}
.fig-spot {
  margin-bottom: 15px;
}
.name-spot {
  margin-bottom: 15px;
}
.det-spot {
  margin-top: 15px;
}
@media screen and (max-width: 768px){
  .lst-spots {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .lst-spots > li {
    position: relative;
    width: 100%;
    padding: 5vw 3vw;
  }
  .block-burari .bg-def,
  .block-sangyou .bg-def,
  .block-golf .bg-def {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hdl-eye + .bg-def,
  .bg-def.imp {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  .fig-spot {
    width: 48%;
  }
  .name-spot {
    margin-bottom: 3vw;
  }
  .name-spot {
    padding-top: 1vw;
    font-size: 4.8vw;
  }
  .name-spot br {
    display: none;
  }
  .det-spot {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    margin-top: 0;
    padding-top: 5vw;
    padding-right: 3vw;
    font-size: 4vw;
    line-height: 140%;
  }
  .det-spot.wide {
    width: 100%;
    left: 0;
    padding-left: 3vw;
  }
  .lst-spots > li .lst-btns li {
    width: 47%;
  }
  .lst-spots > li .lst-btns li.detail {
    margin-right: 6%;
  }
}

/* 歳時記
---------------------------------------------------------------------------*/

/* 縦書き */
.tate {
  top: 20px;
  right: 20px;
  width: 40px;
  height: 120px;
  padding-top: 10px;
  color: #FFFFFF;
}
.tate > div {
  position: relative;
  height: 100%;
}
.tate > div > div {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tate > div > div > p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
}
.spring .tate {
  background-color: rgba(156, 68, 51, .8);
}
.summer .tate {
  left: 20px;
  right: auto;
  background-color: rgba(74, 128, 131, .8);
}
.autumn .tate {
  background-color: rgba(195, 156, 28, .8);
}
.winter .tate {
  left: 20px;
  right: auto;
  background-color: rgba(122, 128, 85, .8);
}
/* 画像 */
.fig-season {
  margin-top: 80px;
}
@media screen and (max-width: 768px){
  .fig-season {
    margin-top: 0;
  }
  .tate {
    right: 1.5vw;
    top: 1.5vw;
  }
  .summer .tate,
  .winter .tate {
    right: auto;
    left: 1.5vw;
  }
}
/* テキスト */
.tx-season {
  width: 305px;
  margin-left: 45px;
}
.f-reverse .tx-season {
  margin-left: auto;
  margin-right: 40px;
}
.lst-season {
  margin-top: 40px;
  border-top: 1px solid #FFFFFF;
}
.lst-season li {
  padding: 10px;
  border-bottom: 1px solid #FFFFFF;
}
.bg-thinest .lst-season,
.bg-thinest .lst-season li {
  border-color: #CACCBB;
}
.lst-season li p:first-of-type {
  width: 70px;
}
.lst-season li p:last-of-type {
  width: 215px;
}
.lst-season li p:first-of-type.w100{
  width: 100%;
}

.lst-season li p.rit {
  margin-left: 70px;
}
.tx-season .deco-figbig {
  margin: 30px auto 0;
}
.spring .deco-figbig {
  background-color: #CB5A50;
}
.summer .deco-figbig {
  background-color: #4A8083;
}
.autumn .deco-figbig {
  background-color: #C39C1C;
}
.winter .deco-figbig {
  background-color: #7A8055;
}
@media screen and (max-width: 768px){
  .tx-season,
  .f-reverse .tx-season {
    margin-left: 0;
    margin-right: 0;
  }
  .lst-season {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  .lst-season li {
    padding: 2vw;
  }
  .tx-season .deco-figbig {
    position: absolute;
    left: 1vw;
    top: -15vw;
    margin-top: 0;
  }
  .summer .deco-figbig,
  .winter .deco-figbig {
    left: auto;
    right: 1vw;
  }
}




/* 周辺観光 */

/* アンカー
---------------------------------------------------------------------------*/

@media screen and (max-width: 768px){
  .lst-anchors-mini.bdr li:nth-of-type(2) {
    border-right: none;
  }
  .lst-anchors-mini.bdr li:last-of-type {
    margin-top: 3vw;
  }
}

/* 共通
---------------------------------------------------------------------------*/
/* 内側 */
.inbox {
  padding-left: 40px;
  padding-right: 40px;
}
.inbox.mt {
  margin-top: 40px;
}
.inbox.mb {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px){
  .inbox {
    padding-left: 0;
    padding-right: 0;
  }
  .inbox.mt {
    margin-top: 5vw;
  }
  .inbox.mb {
    margin-bottom: 5vw;
  }
}





/* 宇野千代の名作「おはん」の舞台
---------------------------------------------------------------------------*/
.bg-ohan {
  padding-top: 330px;
  padding-bottom: 40px;
  background-image: url(../img/tourism/bg-ohan.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #222822;
  color: #FFFFFF;
}
.box-tx {
  width: 410px;
  margin-right: 40px;
}
.map-ohan {
  width: 501px;
}
.ttl-map-ohan {
  height: 68px;
  padding-left: 30px;
  background-image: url(../img/tourism/bg-map-ohan.png);
  background-position: center top;
  background-repeat: no-repeat;
  font-size: .26rem;
  color: #374030;
}
@media screen and (max-width: 768px){
  .bg-ohan {
    padding-top: 60vw;
    padding-bottom: 5vw;
    padding-left: 3vw;
    padding-right: 3vw;
    color: #FFFFFF;
  }
  .ttl-map-ohan {
    height: auto;
    padding: 3vw;
    font-size: 5.5vw;
  }
  .fig-map-ohan {
    margin-top: -2px;
  }
}

/* 地図 */
.box-gmap iframe {
  width: 100%;
  height: 440px;
}
.box-gmap + .box-btn {
  margin-top: 40px;
}
.box-gmap + .box-btn a {
  margin: 0 auto;
}
.box-addr {
  margin-top: 40px;
}
.box-addr .logo {
  margin-right: 30px;
}
@media screen and (max-width: 768px){
  .box-gmap iframe {
    height: 70vw;
  }
  .box-gmap + .box-btn {
    margin-top: 5vw;
  }
  .box-addr {
    margin-top: 5vw;
    text-align: center;
  }
  .box-addr .logo {
    margin-right: 0;
    margin-bottom: 3vw;
  }
}

/* 大きめ画像 */
.fig-big {
  margin-bottom: 40px;
}
.catch-eye + .fig-big {
  margin-top: 40px;
}

.deco-figbig {
  width: 113px;
  height: 113px;
  left: calc(50% - 430px);
  top: 0px;
  background-color: #CB5A50;
  color: #FFFFFF;
  font-size: .36rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.deco-figbig span {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px){
  .fig-big {
    margin-bottom: 5vw;
  }
  .catch-eye + .fig-big {
    margin-top: 5vw;
  }

  .deco-figbig {
    left: 1vw;
    top: -2vw;
    width: 17vw;
    height: 17vw;
    font-size: 5vw;
  }
}

/* スポット名 */
.box-spotname {
}
.box-spotname > .pos-abs {
  right: 40px;
  top: calc(50% - 20px);
}
.icon-walk {
  padding-left: 30px;
  padding-right: 10px;
  color: #FFFFFF;
  line-height: 30px;
  background-color: #7A8055;
}
.icon-walk::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 20px;
  left: 10px;
  top: calc(50% - 10px);
  background-image: url(../img/tourism/icon-walk.png);
}
.icon-car {
  padding-left: 50px;
  padding-right: 10px;
  color: #FFFFFF;
  line-height: 30px;
  background-color: #7A8055;
}
.icon-car::before {
  content: "";
  position: absolute;
  width: 31px;
  height: 16px;
  left: 10px;
  top: calc(50% - 8px);
  background-image: url(../img/tourism/icon-car.png);
}
.icon-attr {
  margin-top: -1px;
  padding-left: 30px;
  padding-bottom: 3px;
  font-size: .12rem;
  color: #FFFFFF;
  background-color: #7A8055;
}
@media screen and (max-width: 768px){
  .icon-walk {
    padding-left: 5.5vw;
    padding-right: 1vw;
    font-size: 3.5vw;
  }
  .icon-walk::before {
    width: 3vw;
    left: 1.5vw;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
  }
  .icon-car {
    padding-left: 6.5vw;
    padding-right: 1vw;
    font-size: 3.5vw;
  }
  .icon-car::before {
    width: 4.5vw;
    left: 1.5vw;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
  }

  .box-spotname > .pos-abs {
    right: 0;
  }
}

/* ボタン */
.lst-btns {
  margin-top: 15px;
}
.lst-btns .detail {
  margin-right: 20px;
}
.btn-tr {
  position: relative;
  padding-left: 25px;
  padding-right: 16px;
  font-size: .18rem;
  letter-spacing: 0;
}
.btn-tr::before {
  position: absolute;
  content: "";
  left: 0;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/cmn/icon-eyecatch.png);
}
.btn-tr::after {
  position: absolute;
  content: "";
  right: 0;
  top: calc(50% - 8px);
  width: 11px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/tourism/arw-btn.png);
}
@media screen and (max-width: 768px){
  .lst-btns {
    margin-top: 3vw;
  }
  .lst-btns .detail {
    margin-right: 4vw;
  }
  .btn-tr {
    font-size: 4vw;
  }
}


/* ピックアップ */
.box-pick {
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 40px;
}
.box-pick .catch-eye {
  margin-bottom: 40px;
}
.fig-pick {
  width: 363px;
}
.tx-pick {
  width: 535px;
}
@media screen and (max-width: 768px){
  .box-pick {
    margin-top: 5vw;
    margin-bottom: 8vw;
    padding: 3vw;
  }
  .box-pick .catch-eye {
    margin-bottom: 5vw;
  }
  .fig-pick {
    margin-bottom: 3vw;
  }
}

/* スポット紹介
---------------------------------------------------------------------------*/
.lst-spots.inner-base {
  max-width: 950px;
}
.lst-spots > li {
  width: 290px;
}
.fig-spot {
  margin-bottom: 15px;
}
.name-spot {
  margin-bottom: 15px;
}
.det-spot {
  margin-top: 15px;
}
@media screen and (max-width: 768px){
  .lst-spots {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .lst-spots > li {
    position: relative;
    width: 100%;
    padding: 5vw 3vw;
  }
  .block-burari .bg-def,
  .block-sangyou .bg-def,
  .block-golf .bg-def {
    padding-top: 0;
    padding-bottom: 0;
  }
  .hdl-eye + .bg-def,
  .bg-def.imp {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  .fig-spot {
    width: 48%;
  }
  .name-spot {
    margin-bottom: 3vw;
  }
  .name-spot {
    padding-top: 1vw;
    font-size: 4.8vw;
  }
  .name-spot br {
    display: none;
  }
  .det-spot {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    margin-top: 0;
    padding-top: 5vw;
    padding-right: 3vw;
    font-size: 4vw;
    line-height: 140%;
  }
  .det-spot.wide {
    width: 100%;
    left: 0;
    padding-left: 3vw;
  }
  .lst-spots > li .lst-btns li {
    width: 47%;
  }
  .lst-spots > li .lst-btns li.detail {
    margin-right: 6%;
  }
}

/* 歳時記
---------------------------------------------------------------------------*/

/* 縦書き */
.tate {
  top: 20px;
  right: 20px;
  width: 40px;
  height: 120px;
  padding-top: 10px;
  color: #FFFFFF;
}
.tate > div {
  position: relative;
  height: 100%;
}
.tate > div > div {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tate > div > div > p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
}
.spring .tate {
  background-color: rgba(156, 68, 51, .8);
}
.summer .tate {
  left: 20px;
  right: auto;
  background-color: rgba(74, 128, 131, .8);
}
.autumn .tate {
  background-color: rgba(195, 156, 28, .8);
}
.winter .tate {
  left: 20px;
  right: auto;
  background-color: rgba(122, 128, 85, .8);
}
/* 画像 */
.fig-season {
  margin-top: 80px;
}
@media screen and (max-width: 768px){
  .fig-season {
    margin-top: 0;
  }
  .tate {
    right: 1.5vw;
    top: 1.5vw;
  }
  .summer .tate,
  .winter .tate {
    right: auto;
    left: 1.5vw;
  }
}
/* テキスト */
.tx-season {
  width: 305px;
  margin-left: 45px;
}
.f-reverse .tx-season {
  margin-left: auto;
  margin-right: 40px;
}
.lst-season {
  margin-top: 40px;
  border-top: 1px solid #FFFFFF;
}
.lst-season li {
  padding: 10px;
  border-bottom: 1px solid #FFFFFF;
}
.bg-thinest .lst-season,
.bg-thinest .lst-season li {
  border-color: #CACCBB;
}
.lst-season li p:first-of-type {
  width: 70px;
}
.lst-season li p:last-of-type {
  width: 215px;
}
.lst-season li p:first-of-type.w100{
  width: 100%;
}

.lst-season li p.rit {
  margin-left: 70px;
}
.tx-season .deco-figbig {
  margin: 30px auto 0;
}
.spring .deco-figbig {
  background-color: #CB5A50;
}
.summer .deco-figbig {
  background-color: #4A8083;
}
.autumn .deco-figbig {
  background-color: #C39C1C;
}
.winter .deco-figbig {
  background-color: #7A8055;
}
@media screen and (max-width: 768px){
  .tx-season,
  .f-reverse .tx-season {
    margin-left: 0;
    margin-right: 0;
  }
  .lst-season {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  .lst-season li {
    padding: 2vw;
  }
  .tx-season .deco-figbig {
    position: absolute;
    left: 1vw;
    top: -15vw;
    margin-top: 0;
  }
  .summer .deco-figbig,
  .winter .deco-figbig {
    left: auto;
    right: 1vw;
  }
}
.tx-sec-intro {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}