@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;
	}
}

/* 共通
---------------------------------------------------------------------------*/
/* 内側 */
.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;
	transform: rotate(45deg);
}
.deco-figbig span {
	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;
	}
}