@charset "UTF-8";

.index-btn a{
	display: block;
	margin: 0 auto;
}

.index-btn a:hover{opacity: 0.7;}

/* index kv ---------------------------------------*/

.indexkv {
	padding-top: 80px;
	height: 610px;
	background: url(/img/index/kv.png) no-repeat top 50px center;
	background-size: 1440px;
	position: relative;
}

.indexkv-inner {
	position: absolute;
	top: 140px;
	left: 70px;
	width: 540px;;
}

.indexkv-nav {
	width: 89%;
	max-width: 1280px;
	margin: 0 auto;
	padding-top: 490px;
}

.indexkv-nav-list {display: flex;}

.indexkv-nav-item {
	width: calc(100%/7);
	text-align: center;
	background: rgba(255,255,255,0.5);
	transition: all .25s ease;
}

.indexkv-nav-item a{
	font-size: 20px;
	letter-spacing: 2px;
	display: block;
	font-weight: bold;
	padding: 70px 0 15px;
	color: #1b1b1b;
}

.indexkv-nav-item.is-animal a{
	background: url(/img/common/icon_menu_animal.svg) no-repeat top 5px center;
	background-size: 80px;
}
.indexkv-nav-item.is-animal a span{
	background: url(/img/common/txt_nav_01.svg) no-repeat top center;
	background-size: contain;
	width: 100%;
	display: block;
	height: 18px;
}

.indexkv-nav-item.is-eatbuy a{
	background: url(/img/common/icon_menu_eatbuy.svg) no-repeat top 5px center;
	background-size: 80px;
}
.indexkv-nav-item.is-eatbuy a span{
	background: url(/img/common/txt_nav_02.svg) no-repeat top center;
	background-size: contain;
	width: 100%;
	display: block;
	height: 17px;
}

.indexkv-nav-item.is-touchlook a{
	background: url(/img/common/icon_menu_touchlook.svg) no-repeat top 5px center;
	background-size: 80px;
}
.indexkv-nav-item.is-touchlook a span{
	background: url(/img/common/txt_nav_03.svg) no-repeat top center;
	background-size: contain;
	width: 100%;
	display: block;
	height: 17px;
}

.indexkv-nav-item.is-map a{
	background: url(/img/common/icon_menu_map.svg) no-repeat top 5px center;
	background-size: 80px;
}
.indexkv-nav-item.is-map a span{
	background: url(/img/common/txt_nav_04.svg) no-repeat top center;
	background-size: contain;
	width: 100%;
	display: block;
	height: 17px;
}

.indexkv-nav-item.is-guide a{
	background: url(/img/common/icon_menu_guide.svg) no-repeat top 5px center;
	background-size: 78px;
}
.indexkv-nav-item.is-guide a span{
	background: url(/img/common/txt_nav_05.svg) no-repeat top center;
	background-size: contain;
	width: 100%;
	display: block;
	height: 17px;
}

.indexkv-nav-item.is-access a{
	background: url(/img/common/icon_menu_access.svg) no-repeat top 5px center;
	background-size: 78px;
}
.indexkv-nav-item.is-access a span{
	background: url(/img/common/txt_nav_06.svg) no-repeat top center;
	background-size: contain;
	width: 100%;
	display: block;
	height: 16px;
}

.indexkv-nav-item.is-qa a{
	background: url(/img/common/icon_menu_qa.svg) no-repeat top 5px center;
	background-size: 78px;
}
.indexkv-nav-item.is-qa a span{
	background: url(/img/common/txt_nav_07.svg) no-repeat top center;
	background-size: contain;
	width: 100%;
	display: block;
	height: 17px;
}

.indexkv-nav-item:hover {background: #365209;}

.indexkv-nav-item a:hover{color: #fff;}

.indexkv-nav-item.is-animal:hover a{
	background: url(/img/common/icon_menu_animal_wh.svg) no-repeat top 5px center;
	background-size: 95px;
}
.indexkv-nav-item.is-animal:hover a span{background: url(/img/common/txt_nav_01_wh.svg) no-repeat top center;}

.indexkv-nav-item.is-eatbuy:hover a{
	background: url(/img/common/icon_menu_eatbuy_wh.svg) no-repeat top 5px center;
	background-size: 95px;
}
.indexkv-nav-item.is-eatbuy:hover a span{background: url(/img/common/txt_nav_02_wh.svg) no-repeat top center;}

.indexkv-nav-item.is-touchlook:hover a{
	background: url(/img/common/icon_menu_touchlook_wh.svg) no-repeat top 5px center;
	background-size: 95px;
}
.indexkv-nav-item.is-touchlook:hover a span{background: url(/img/common/txt_nav_03_wh.svg) no-repeat top center;}

.indexkv-nav-item.is-map:hover a{
	background: url(/img/common/icon_menu_map_wh.svg) no-repeat top 5px center;
	background-size: 95px;
}
.indexkv-nav-item.is-map:hover a span{background: url(/img/common/txt_nav_04_wh.svg) no-repeat top center;}

.indexkv-nav-item.is-guide:hover a{
	background: url(/img/common/icon_menu_guide_wh.svg) no-repeat top 5px center;
	background-size: 95px;
}
.indexkv-nav-item.is-guide:hover a span{background: url(/img/common/txt_nav_05_wh.svg) no-repeat top center;}

.indexkv-nav-item.is-access:hover a{
	background: url(/img/common/icon_menu_access_wh.svg) no-repeat top 5px center;
	background-size: 95px;
}
.indexkv-nav-item.is-access:hover a span{background: url(/img/common/txt_nav_06_wh.svg) no-repeat top center;}

.indexkv-nav-item.is-qa:hover a{
	background: url(/img/common/icon_menu_qa_wh.svg) no-repeat top 5px center;
	background-size: 95px;
}
.indexkv-nav-item.is-qa:hover a span{background: url(/img/common/txt_nav_07_wh.svg) no-repeat top center;}


/* お知らせ ---------------------------------------*/

.indexinfo {
	padding: 94px 30px 0;
	margin-bottom: 163px;
}

.indexinfo-inner {
	width: 67%;
	margin: 0 auto;
	max-width: 925px;
}

.index-title-section {
	text-align: center;
	position: relative;
	margin: 0 auto 65px;
}

.index-title-section::after {
	display: block;
	content: '';
	background: url(/img/index/icon_title_cow.svg) no-repeat center center; 
	background-size: 100%;
	width: 76px;
	height: 76px;
	position: absolute;
	right: 0;
	top: -15px;
}

.indexinfo-title {width: 360px;}

.indexinfo-title img{width: 217px;}

.indexinfo-list {margin-bottom: 48px;}

.indexinfo-list-item {
	border-top: 1px solid #717770;
	position: relative;
}

.indexinfo-list-item::after {
	display: block;
	content: '';
	background: url(/img/common/icon_arrow_right.svg) no-repeat center center; 
	background-size: 100%;
	width: 18px;
	height: 16px;
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translate(0,-50%);
}

.indexinfo-list-item:last-of-type{border-bottom: 1px solid #717770;}

.indexinfo-list-item a{
	display: flex;
	padding: 19px 25px 19px 0;
	align-items: center;
}

.indexinfo-list-item a:hover{opacity: 0.7;}

.indexinfo-list-detailed {
	display: flex;
	align-items: center;
	margin-right: 26px;
}

.indexinfo-list-date {
	letter-spacing: 2px;
	margin-right: 36px;
}

.indexinfo-list-category {
	background: #717770;
	padding: 5px 0;
	color: #fff;
	border-radius:10px;
	display: block;
	width: 111px;
	text-align: center;
}

.indexinfo-list-title {letter-spacing: 0.4px;}

.indexinfo-btn a{width: 300px;}

/* おすすめポイント ---------------------------------------*/

.indexrecommended {
	padding: 0 30px;
	margin-bottom: 135px;
}

.indexrecommended-inner {
	max-width: 1280px;
	margin: 0 auto;
}

.indexrecommended-image {text-align: center;}

/* animal -----------------*/

.indexrecommended-block-animal{
	background: url(/img/index/bg_animal.png) no-repeat top left;
	background-size: 56.5%;
	padding: 40px 40px 20px 0;
	margin-bottom: 116px;
}

.indexrecommended-block-animal-image{
	width: 58%;
	max-width: 723px;
}

.indexrecommended-block-animal-detail{
	width: 53%;
	margin-left: auto;
}

.indexrecommended-animal-title {margin-bottom: 35px;}

.indexrecommended-block-animal-detail-inner{
	width: 73%;
	margin-left: auto;
}

.indexrecommended-animal-text {
	margin-bottom: 65px;
	letter-spacing: 4.5px;
	line-height: 2.7;
}

.indexrecommended-block-animal .indexrecommended-image img{width: 200px;}

/* impression -----------------*/

.indexrecommended-block-impression{
	background: url(/img/index/bg_impression.png) no-repeat top right;
	background-size: 58%;
	padding: 60px 0 30px 40px;
}

.indexrecommended-block-impression-image{
	width: 58%;
	max-width: 723px;
}

.indexrecommended-block-impression-detail{
	width: 53%;
	margin-right: auto;
}

.indexrecommended-impression-title {margin-bottom: 60px;}

.indexrecommended-block-impression-detail-inner{
	width: 69%;
	margin-right: auto;
	padding-left: 10px;
}

.indexrecommended-impression-text {
	margin-bottom: 30px;
	letter-spacing: 4.7px;
	line-height: 2.7;
}

.indexrecommended-block-impression .indexrecommended-image img{width: 145px;}

/* 牧場マップ ---------------------------------------*/

.indexmap {
	padding: 0 30px;
	margin-bottom: 157px;
}

.indexmap-inner {
	max-width: 1280px;
	margin: 0 auto;
}

.indexmap-title {
	margin-bottom: 51px;
	width: 360px;
}

.indexmap-image {
	width: 89%;
	max-width: 1140px;
	margin: 0 auto 80px;
}

.indexmap-btn a{width: 300px;}


/* Pick Up ---------------------------------------*/

.indexpickup-title {
	width: 330px;
	margin-bottom: 90px;
}

.indexpickup{
	padding: 0 30px 60px;
	margin-bottom: 145px;
	background: url(/img/index/bg_pickup.png) no-repeat top 100px left;
	background-size: 1440px;
}

.indexpickup-inner{
	max-width: 1280px;
	margin: 0 auto;
}

.indexpickup-list {
	display: flex;
	justify-content: space-between;
	margin: 0 auto 70px;
	width: 99%;
}

.indexpickup-list-item {
	width: 22.5%;
	border-radius: 0 0 10px 10px;
	box-shadow: rgba(0,0,0,0.1) 0 3px 5px;
}

.indexpickup-list-item a{display: block;}

.indexpickup-list-item a:hover{opacity: 0.7;}

.indexpickup-list-image {
}

.indexpickup-list-detail {
	padding: 8px 5px 18px 16px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}

.indexpickup-list-category {
	color: #626e60;
	font-size: 13px;
	margin-bottom: 7px;
	font-weight: bold;
}

.indexpickup-list-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 13px;
	letter-spacing: 3px;
}

.indexpickup-list-date span{
	background: url(/img/index/txt_20210215.svg) no-repeat center left;
	background-size: contain;
	width: 100%;
	display: block;
	height: 10px;
}

.indexpickup-list-date:nth-of-type(2) span{
	background: url(/img/index/txt_20210302.svg) no-repeat center left;
	background-size: contain;
	width: 100%;
	display: block;
	height: 10px;
}

.indexpickup-btn a{width: 300px;}

/* access ---------------------------------------*/

.indexaccess {
	padding: 0 30px;
	margin-bottom: 182px;
}

.indexaccess-inner {
	max-width: 1280px;
	margin: 0 auto;
}

.indexaccess-title {margin-bottom: 60px;}

.indexaccess-map {margin-bottom: 43px;}

.indexaccess-map iframe{
	width: 100%;
	height: 600px;
}

.indexaccess-address {
	width: 620px;
	margin: 0 auto 55px;
	padding-bottom: 27px;
	border-bottom: dotted 5px #626e60;
}

.indexaccess-address-title {
	text-align: center;
	margin-bottom: 55px;
}

.indexaccess-address-table {
	width: 550px;
	margin: 0 auto;
	padding-left: 45px;
	display: block;
}

.indexaccess-address-table th{
	width: 20%;
	padding: 0 0 16px 0;
	vertical-align: top;
	font-weight: bold;
}

.indexaccess-address-table td{
	width: 80%;
	padding: 0 0 16px 20px;
	letter-spacing: 0.4px;
}

.indexaccess-address-table-holiday{
	font-size: 14px;
}

.indexaccess-details {
	display: flex;
}

.indexaccess-details-access {
	width: 50%;
}

.indexaccess-details-access-list {
	display: flex;
	justify-content: space-between;
	padding: 15px 110px 0px 45px;
	margin-bottom: 98px;
}

.indexaccess-datails-access-list-item {
}

.indexaccess-datails-access-list-item-transport{
	width: calc(54% - 45px);
	padding-left: 45px;
}

.indexaccess-datails-access-list-item-car{
	width: calc(40% - 48px);
	padding-left: 48px;
}

.indexaccess-details-title {
	color: #365209;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	position: relative;
}

.indexaccess-datails-access-list-item-transport .indexaccess-details-title::before {
	display: block;
	content: '';
	background: url(/img/index/icon_train.svg) no-repeat center center; 
	background-size: 100%;
	width: 26px;
	height: 32px;
	position: absolute;
	left: -38px;
	top: 50%;
	transform: translate(0,-50%);
}

.indexaccess-datails-access-list-item-car .indexaccess-details-title::before{
	display: block;
	content: '';
	background: url(/img/index/icon_car.svg) no-repeat center center; 
	background-size: 100%;
	width: 32px;
	height: 34px;
	position: absolute;
	left: -45px;
	top: 50%;
	transform: translate(0,-50%);
}

.indexaccess-details-access-text {
	font-size: 16px;
	line-height: 1.6;
}

.indexaccess-details-access-text span{
	font-size: 14px;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-top: 5px;
}

.indexaccess-access-btn a{width: 225px;}

.indexaccess-access-btn .btn{
	padding: 20px 30px;
	font-size: 12px;
}

.indexaccess-access-btn .btn::after{
	width: 14px;
	height: 13px;
	right: 25px;
}

.indexaccess-details-fee {
	width: 50%;
	padding-bottom: 35px;
	border-left: dotted 5px #626e60;
}

.indexaccess-details-fee-inner{
	padding: 17px 45px 0px 40px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.indexaccess-details-fee-item {width: 50%}

.indexaccess-details-fee-item-inner{padding-left: 65px;}

.indexaccess-details-fee-item-admission{}

.indexaccess-details-fee-item-admission .indexaccess-details-title::before {
	display: block;
	content: '';
	background: url(/img/index//icon_entrance_fee.svg) no-repeat center center; 
	background-size: 100%;
	width: 29px;
	height: 30px;
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translate(0,-50%);
}

.indexaccess-details-fee-item-parking .indexaccess-details-title::before {
	display: block;
	content: '';
	background: url(/img/index/icon_parking_fee.svg) no-repeat center center; 
	background-size: 100%;
	width: 29px;
	height: 30px;
	position: absolute;
	left: -38px;
	top: 50%;
	transform: translate(0,-50%);
}

.indexaccess-details-fee-item-parking{}

.indexaccess-details-fee-text{
	font-size: 16px;
	line-height: 1.8;
}

.indexaccess-details-note{
	margin-top: 5px;
	font-size: 14px;
	line-height: 1.3;
}

.indexaccess-fee-btn-wrapper{
	display: flex;
	padding: 0 45px 0 40px;
	flex-wrap: wrap;
}

.indexaccess-fee-btn {width: 50%;}

.indexaccess-fee-btn a{
	width: 81%;
	margin: 0;
}

/* big pc */
@media screen and (min-width: 1441px){

	.indexkv {
		background-size: cover;
	}

}


/* small pc */
@media screen and (min-width: 769px) and (max-width: 1200px){

	.indexaccess-details-access-list {
		display: block;
		justify-content: space-between;
		padding: 15px 0px 0px 0px;
		margin: 0 auto 70px;
		width: 300px;
	}

	.indexaccess-datails-access-list-item-transport{
		width: calc(100% - 45px);
		margin-bottom: 20px;
	}

	.indexaccess-datails-access-list-item-car{
		width: calc(100% - 48px);
	}

	.indexaccess-fee-btn-wrapper{
		display: block;
		padding: 0;
		flex-wrap: wrap;
	}

	.indexaccess-fee-btn {
		width: 100%;
		margin-bottom: 20px;
	}

	.indexaccess-fee-btn a{
		width: 225px;
		margin: 0 auto;
	}

}



@media screen and (max-width: 768px){

	/* index kv ---------------------------------------*/

	.indexkv {
		padding-top: 48px;
		height: 114vw;
		background: url(/img/index/kv_sp.png) no-repeat top 27px center;
		background-size: 100%;
		margin-bottom: 46vw;
	}

	.indexkv-inner {
		top: auto;
		bottom: 25px;
		left: auto;
		right: 20px;
		width: 44vw;
	}

	.indexkv-nav {
		width: 100%;
		padding-top: calc(114vw - 28px);
		padding-bottom: 13px;
	}

	.indexkv-nav-list {flex-wrap: wrap; justify-content: center;}

	.indexkv-nav-item {
		width: 25%;
		text-align: center;
		background: #fff;
		margin-bottom: 15px;
	}

	.indexkv-nav-item a{
		font-size: 13px;
		letter-spacing: 2px;
		padding: 10vw 0 5vw;
	}

	.indexkv-nav-item a span{display: none !important;}

	.indexkv-nav-item.is-animal a{
		background: url(/img/index/icon_menu_indexkv_nav_01.svg) no-repeat top center;
		background-size: 100%;
	}
	.indexkv-nav-item.is-eatbuy a{
		background: url(/img/index/icon_menu_indexkv_nav_02.svg) no-repeat top center;
		background-size: 100%;
	}
	.indexkv-nav-item.is-touchlook a{
		background: url(/img/index/icon_menu_indexkv_nav_03.svg) no-repeat top center;
		background-size: 100%;
	}
	.indexkv-nav-item.is-map a{
		background: url(/img/index/icon_menu_indexkv_nav_04.svg) no-repeat top center;
		background-size: 100%;
	}
	.indexkv-nav-item.is-guide a{
		background: url(/img/index/icon_menu_indexkv_nav_05.svg) no-repeat top center;
		background-size: 100%;
	}
	.indexkv-nav-item.is-access a{
		background: url(/img/index/icon_menu_indexkv_nav_06.svg) no-repeat top center;
		background-size: 100%;
	}
	.indexkv-nav-item.is-qa a{
		background: url(/img/index/icon_menu_indexkv_nav_07.svg) no-repeat top center;
		background-size: 100%;
	}

	.indexkv-nav-item:hover {background: #365209;}

	/* お知らせ ---------------------------------------*/

	.indexinfo {
		padding: 25px 15px 33px;
		margin-bottom: 27px;
		background: #f2f6f0;
	}

	.indexinfo-inner {width: 100%;}

	.index-title-section {margin: 0 auto 27px;}

	.index-title-section::after {
		width: 45px;
		height: 45px;
		right: 60px;
		top:-8px;
	}

	.indexinfo-title {width: 100%;}

	.indexinfo-title img{width: 137px;}

	.indexinfo-list {margin-bottom: 30px;}

	.indexinfo-list-item {
		border-top: 1px solid #717770;
		position: relative;
	}

	.indexinfo-list-item::after {
		display: block;
		content: '';
		background: url(/img/common/icon_arrow_right.svg) no-repeat center center; 
		background-size: 100%;
		width: 14px;
		height: 12px;
		position: absolute;
		right: 7px;
		top: 50%;
		transform: translate(0,-50%);
	}

	.indexinfo-list-item:last-of-type{border-bottom: 1px solid #717770;}

	.indexinfo-list-item a{
		display: block;
		padding: 13px 12px 10px 12px;
		align-items: center;
	}

	.indexinfo-list-detailed {
		display: flex;
		align-items: center;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.indexinfo-list-date {
		letter-spacing: 2px;
		margin-right: 0px;
		font-size: 10px;
	}

	.indexinfo-list-category {display: none;}

	.indexinfo-list-title {
		letter-spacing: 1.6px;
		font-size: 13px;
		padding-right: 30px;
	}

	.indexinfo-btn {text-align: center;}
	.indexinfo-btn a{width: 210px;}

	/* おすすめポイント ---------------------------------------*/

	.indexrecommended {
		padding: 0 20px;
		margin-bottom: 70px;
	}

	.indexrecommended-image {text-align: center;}

	/* animal -----------------*/

	.indexrecommended-block-animal{
		background: none;
		padding: 0;
		margin-bottom: 60px;
	}

	.indexrecommended-block-animal-image{
		width: 100%;
		margin-bottom: 30px;
	}

	.indexrecommended-block-animal-image img{border-radius: 5%;}

	.indexrecommended-block-animal-detail{
		width: 100%;
		margin-left: 0;
	}

	.indexrecommended-animal-title {
		margin-bottom: 25px;
		width: 290px;
	}

	.indexrecommended-block-animal-detail-inner{
		width: 100%;
		margin-left: 0;
		padding: 0 5px;
	}

	.indexrecommended-animal-text {
		margin-bottom: 30px;
		letter-spacing: 1.2px;
		line-height: 2.1;
		font-size: 13px;
	}

	.indexrecommended-block-animal .indexrecommended-image img{width: 100px;}

	/* impression -----------------*/

	.indexrecommended-block-impression{
		background: none;
		padding: 0;
	}

	.indexrecommended-block-impression-image{
		width: 100%;
		margin-bottom: 30px;
	}

	.indexrecommended-block-impression-image img{border-radius: 5%;}

	.indexrecommended-block-impression-detail{
		width: 100%;
		margin-right: 0;
	}

	.indexrecommended-impression-title {
		margin-bottom: 25px;
		width: 235px;
	}

	.indexrecommended-block-impression-detail-inner{
		width: 100%;
		margin-right: 0;
		padding-left: 0;
		padding-right: 5px;
	}

	.indexrecommended-impression-text {
		margin-bottom: 35px;
		letter-spacing: 1.2px;
		line-height: 2.1;
		font-size: 13px;
	}

	.indexrecommended-block-impression .indexrecommended-image img{width: 70px;}


	/* 牧場マップ ---------------------------------------*/

	.indexmap {
		padding: 0 13px;
		margin-bottom: 78px;
	}

	.indexmap-inner {
		max-width: 1280px;
		margin: 0 auto;
	}

	.indexmap-title {
		margin-bottom: 39px;
		width: 100%;
	}

	.indexmap-title img{width: 135px;}

	.indexmap-image {
		width: 100%;
		margin: 0 auto 32px;
	}

	.indexmap-btn {text-align: center;}
	.indexmap-btn a{width: 210px;}

	.indexpickup-title {
		width: 100%;
		margin-bottom: 52px;
	}

	.indexpickup-title img{width: 110px;}

	/* Pick Up ---------------------------------------*/

	.indexpickup{
		padding: 0;
		margin-bottom: 30px;
		background: url(/img/index/bg_pickup_sp.png) no-repeat top 70px left;
		background-size: 375px;
		padding-bottom: 70px;
	}

	.indexpickup-inner{
		max-width: 1280px;
		margin: 0 auto;
		overflow: hidden;
	}

	.indexpickup-list-wrapper{
		width: 70%;
		margin: 0 auto 51px;
		max-width: 262px;
	}

	.indexpickup-list {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: 100%;
	}

	.indexpickup-list-item {
		width: 80%;
		margin: 0 auto;
		box-shadow: none;
	}

	.indexpickup-list-item a{
		display: block;
		width: 100%;
		margin:0 auto;
		box-shadow: rgb(0 0 0 / 10%) 0 3px 5px;
		border-radius: 0 0 10px 10px;
	}

	.indexpickup-list-image {
	}

	.indexpickup-list-detail {
		padding: 8px 5px 16px 12px;
		background: #fff;
		border-radius: 0 0 10px 10px;
	}

	.indexpickup-list-category {font-size: 10px;}

	.indexpickup-list-title {
		font-size: 16px;
		letter-spacing: 1.5px;
		margin-bottom: 10px;
	}

	.indexpickup-list-date span{height: 8px;}
	
	.indexpickup-list-date:nth-of-type(2) span{height: 8px;}

	.indexpickup-btn {text-align: center;}

	.indexpickup-btn a{width: 210px;}

	/* access ---------------------------------------*/

	.indexaccess {
		padding: 0;
		margin-bottom: 45px;
	}

	.indexaccess-inner {
		max-width: 1280px;
		margin: 0 auto;
	}

	.indexaccess-title {
		margin-bottom: 37px;
		width: 100%;
	}

	.indexaccess-title img{width: 197px;}

	.indexaccess-map {margin-bottom: 25px;}

	.indexaccess-map iframe{
		width: 100%;
		height: 250px;
	}

	.indexaccess-address {
		width: 85%;
		margin: 0 auto 20px;
		padding-bottom: 0px;
		border-bottom: dotted 5px #626e60;
	}

	.indexaccess-address-title {
		margin-bottom: 33px;
		width: 100%;
	}

	.indexaccess-address-title img{width: 200px;}

	.indexaccess-address-table {
		width: 100%;
		margin: 0 auto;
		padding-left: 0px;
		display: block;
	}

	.indexaccess-address-table th{
		width: 20%;
		padding: 0 0 20px 8px;
		vertical-align: top;
		font-weight: bold;
		font-size: 12px;
	}

	.indexaccess-address-table td{
		width: 80%;
		padding: 0 0 20px 8px;
		letter-spacing: 0.4px;
		font-size: 12px;
	}

	.indexaccess-address-table tr:nth-of-type(3) td{padding-bottom: 0;}

	.indexaccess-address-table-holiday{
		font-size: 14px;
		padding-bottom: 25px;
	}

	.indexaccess-address-table-holiday span{
		font-size: 10px;
		display: inline-block;
		margin-top: 10px;
		line-height: 1.3;
	}

	.indexaccess-details {display: block;}

	.indexaccess-details-access {
		width: 400px;
		margin: 0 auto;
		max-width: 100%;
	}

	.indexaccess-details-access-list {
		display: block;
		padding: 10px 10px 0px 60px;
		margin-bottom: 17px;
	}

	.indexaccess-datails-access-list-item {
	}

	.indexaccess-datails-access-list-item-transport{
		width: 100%;
		padding-left: 0px;
		margin-bottom: 17px;
	}

	.indexaccess-datails-access-list-item-car{
		width: 100%;
		padding-left: 0px;
	}

	.indexaccess-details-title {
		color: #365209;
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 10px;
		position: relative;
	}

	.indexaccess-datails-access-list-item-transport .indexaccess-details-title::before {
		width: 22px;
		height: 32px;
		left: -35px;
	}

	.indexaccess-datails-access-list-item-car .indexaccess-details-title::before{
		width: 29px;
		height: 30px;
		left: -39px;
	}

	.indexaccess-details-access-text {
		font-size: 13px;
		line-height: 1.6;
	}

	.indexaccess-details-access-text span{
		font-size: 11px;
		line-height: 1;
	}

	.indexaccess-access-btn {
		text-align: center;
	}

	.indexaccess-access-btn .btn{
		padding: 20px 30px;
		font-size: 12px;
	}

	.indexaccess-access-btn .btn::after{
		width: 14px;
		height: 13px;
		right: 25px;
	}

	.indexaccess-details-fee {
		max-width: 100%;
		padding-bottom: 35px;
		border-left: none;
		width: 400px;
		margin: 0 auto;
	}

	.indexaccess-details-fee-inner{
		padding: 47px 0px 0px 0px;
		display: block;
		justify-content: space-between;
		margin-bottom: 33px;
	}

	.indexaccess-details-fee-item {width: 100%}

	.indexaccess-details-fee-item-inner{padding-left: 65px;}

	.indexaccess-details-fee-item-admission{margin-bottom: 15px;}

	.indexaccess-details-fee-item-admission .indexaccess-details-title::before {
		display: block;
		content: '';
		background: url(/img/index//icon_entrance_fee.svg) no-repeat center center; 
		background-size: 100%;
		width: 29px;
		height: 30px;
		position: absolute;
		left: -40px;
		top: 50%;
		transform: translate(0,-50%);
	}

	.indexaccess-details-fee-item-parking .indexaccess-details-title::before {
		display: block;
		content: '';
		background: url(/img/index/icon_parking_fee.svg) no-repeat center center; 
		background-size: 100%;
		width: 29px;
		height: 30px;
		position: absolute;
		left: -38px;
		top: 50%;
		transform: translate(0,-50%);
	}

	.indexaccess-details-fee-item-parking{}

	.indexaccess-details-fee-text{
		font-size: 14px;
		line-height: 1.3;
	}

	.indexaccess-details-note{font-size: 10px;}

	.indexaccess-fee-btn-wrapper{
		display: block;
		padding: 0 45px 0 40px;
	}

	.indexaccess-fee-btn {
		text-align: center;
		width: 100%;
		margin-bottom: 18px;
	}

	.indexaccess-fee-btn .btn{
		padding: 20px 30px;
		font-size: 12px;
	}

	.indexaccess-fee-btn .btn::after{
		width: 14px;
		height: 13px;
		right: 25px;
	}

	.indexaccess-access-btn a{width: 210px;}

	.indexaccess-fee-btn a{
		width: 210px;
		margin: 0 auto;
	}
}