@charset "UTF-8";
/* CSS PC/SP共通レイアウト */

#know_top {
	width: 100%;
	margin-bottom: 100px;
}

/*--------------------------------------------------*
 *   メインタイトル
 *--------------------------------------------------*/
#know_top .ttl_main {
	height: 430px;
	margin-bottom: 60px;
	position: relative;
}
#know_top .ttl_main .midashi {
	width: 1000px;
	margin: 0px auto;
}
#know_top .ttl_main .midashi .eng {
	font-size: 5.8rem;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: 8px;
	margin-bottom: 20px;
}
#know_top .ttl_main .midashi .jpn {
	font-size: 3.4rem;
	font-weight: 800;
}
#know_top .ttl_main .midashi .jpn span {
	color: #00c8dc;
}
#know_top .ttl_main .photo {
	position: absolute;
	top: 0px;
	right: 0px;
	left: calc(50% - 70px);
}
#know_top .ttl_main .photo img {
	width: 100%;
	height: 430px;
	object-fit: cover;
}

/*--------------------------------------------------*
 *   メニュー
 *--------------------------------------------------*/
#know_top .menu {
	margin-bottom: 140px;
}
#know_top .menu ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#know_top .menu ul li {
	width: 168px;
	margin-right: 40px;
}
#know_top .menu ul li:last-child {
	margin-right: 0px;
}
#know_top .menu ul li a {
	display: block;
	height: 89px;
	font-size: 2.0rem;
	color: #000;
	font-weight: 600;
	text-align: center;
	background: url("../img/know/img_menu_pc_off.png") no-repeat left bottom;
	padding-top: 30px;
	-webkit-transition: none;
	transition: none;
}
#know_top .menu ul li a:hover {
	background: url("../img/know/img_menu_pc_on.png") no-repeat left bottom;
	opacity: 1.0;
}

/*--------------------------------------------------*
 *   ようこそ、山と水の楽園へ。
 *--------------------------------------------------*/
#know_top .summary {
	width: 1024px;
	margin: 0px auto 60px;
}
#know_top .summary .ttl_summary {
	font-size: 3.4rem;
	font-weight: 800;
	text-align: center;
	margin-bottom: 50px;
}
#know_top .summary .ttl_summary span {
	color: #00c8dc;
}
#know_top .summary .inner {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#know_top .summary .inner .box_a {
	width: calc(100% - 610px);
	padding-top: 20px;
}
#know_top .summary .inner .box_a .memo {
	font-size: 1.5rem;
	line-height: 2.0;
	margin-bottom: 50px;
}
#know_top .summary .inner .box_a .photo {
	width: 376px;
}
#know_top .summary .inner .box_b {
	width: 610px;
}
#know_top .summary .inner .box_b .bt_shinkansen {
	margin-top: -107px;
}

/*--------------------------------------------------*
 *   ユネスコエコパークの登録
 *--------------------------------------------------*/
#know_top .unesco {
	width: 100%;
	height: 586px;
	background: url("../img/know/ph_unesco_pc.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}
#know_top .unesco .inner {
	width: 820px;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	transform : translateY(-50%);
	-webkit-transform : translateY(-50%);
	margin: 0px auto;
}
#know_top .unesco .inner .ttl_unesco {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.6rem;
	font-weight: 600;
}
#know_top .unesco .inner .ttl_unesco:before, #know_top .unesco .inner .ttl_unesco:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #FFF;
	display: block;
}
#know_top .unesco .inner .ttl_unesco:before {
	margin-right: 1em;
}
#know_top .unesco .inner .ttl_unesco:after {
	margin-left: 1em;
}
#know_top .unesco .inner .memo1 {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 2.0;
	border-bottom: 1px solid #FFF;
	margin-bottom: 20px;
	padding: 25px 0px 30px;
	background: url("../img/know/logo_minakami.png") no-repeat right center;
	background-size: 136px auto;
}
#know_top .unesco .inner .memo2 {
	font-size: 1.3rem;
	font-weight: 300;
	margin-bottom: 40px;
}
.bt_white_arrow {
	width: 260px;
}
.bt_white_arrow a {
	display: block;
	height: 60px;
	font-size: 1.5rem;
	color: #000;
	line-height: 1.4;
	background: url("../img/common/icon_arrow_black.png") no-repeat 92% center;
	background-size: 18px auto;
	background-color: #FFF;
	border: 1px solid #FFF;
	position: relative;
}
.bt_white_arrow a span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 20px;
}
.bt_white_arrow a:hover {
	color: #FFF;
	background: url("../img/common/icon_arrow_white.png") no-repeat 92% center;
	background-size: 18px auto;
	background-color: #000;
	border: 1px solid #000;
	opacity: 1.0;
}
.bt_white_arrow.center {
	margin: 0px auto;
}

/*--------------------------------------------------*
 *   みなかみ町の魅力
 *--------------------------------------------------*/
#know_top .attraction {
	width: 100%;
}
#know_top .attraction .wrapper {
	width: 100%;
	background: url("../img/common/pt_wave_pc.png") no-repeat center bottom;
	background-color: #e9f8fa;
	margin-bottom: 120px;
	padding: 110px 0px 50px;
}
#know_top .attraction .wrapper .ttl_attraction {
	text-align: center;
	margin-bottom: 40px;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(1) {
	font-size: 3.4rem;
	font-weight: 800;
	margin-bottom: 10px;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(1) span {
	color: #00c8dc;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(2):before, #know_top .attraction .wrapper .ttl_attraction div:nth-child(2):after {
	border-top: 1px solid #000;
	content: "";
	width: 4em;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(2):before {
	margin-right: 10px;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(2):after {
	margin-left: 10px;
}
#know_top .attraction .lead {
	font-size: 1.5rem;
	text-align: center;
	line-height: 2.2;
	margin-bottom: 50px;
}
#know_top .attraction .wrapper .attraction_list {
	width: 920px;
	margin: 0px auto;
}
#know_top .attraction .wrapper .attraction_list ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#know_top .attraction .wrapper .attraction_list ul li {
	width: 264px;
	margin-right: 64px;
	margin-bottom: 64px;
	position: relative;
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(3n) {
	margin-right: 0px;
}
#know_top .attraction .wrapper .attraction_list ul li .number {
	width: 84px;
	height: 50px;
	background: url("../img/know/img_number.png") no-repeat left top;
	background-size: 84px 50px;
	position: absolute;
	z-index: 10;
	top: -16px;
	left: -17px;
	font-size: 2.0rem;
	color: #FFF;
	font-weight: 600;
	line-height: 1.6;
	text-align: center;
}
#know_top .attraction .wrapper .attraction_list ul li a {
	display: block;
	height: 204px;
	color: #000;
	text-align: center;
	background-color: #FFF;
	padding-top: 80px;
	-webkit-transition: none;
	transition: none;
	background-repeat: no-repeat, no-repeat;
	background-position: center 20px, center 165px;
	background-size: 50px auto, 8px auto;
	position: relative;
}
#know_top .attraction .wrapper .attraction_list ul li a:hover {
	opacity: 1.0;
	color: #00c8dc;
}
#know_top .attraction .wrapper .attraction_list ul li a:after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border: 1px solid #000;
}
#know_top .attraction .wrapper .attraction_list ul li a:hover:after {
	content: "";
	border: 4px solid #00c8dc;
	box-shadow: 8px 8px 0px 0px #ebebe6;
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(1) a {
	background-image: url("../img/know/icon_attraction_off_1.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(1) a:hover {
	background-image: url("../img/know/icon_attraction_on_1.png"), url("../img/know/icon_arrow_on.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(2) a {
	background-image: url("../img/know/icon_attraction_off_2.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(2) a:hover {
	background-image: url("../img/know/icon_attraction_on_2.png"), url("../img/know/icon_arrow_on.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(3) a {
	background-image: url("../img/know/icon_attraction_off_3.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(3) a:hover {
	background-image: url("../img/know/icon_attraction_on_3.png"), url("../img/know/icon_arrow_on.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(4) a {
	background-image: url("../img/know/icon_attraction_off_4.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(4) a:hover {
	background-image: url("../img/know/icon_attraction_on_4.png"), url("../img/know/icon_arrow_on.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(5) a {
	background-image: url("../img/know/icon_attraction_off_5.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(5) a:hover {
	background-image: url("../img/know/icon_attraction_on_5.png"), url("../img/know/icon_arrow_on.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(6) a {
	background-image: url("../img/know/icon_attraction_off_6.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(6) a:hover {
	background-image: url("../img/know/icon_attraction_on_6.png"), url("../img/know/icon_arrow_on.png");
}
#know_top .attraction .wrapper .attraction_list ul li a div:nth-child(1) {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.6;
}
#know_top .attraction .wrapper .attraction_list ul li a div:nth-child(2) {
	font-size: 1.0rem;
}
#know_top .attraction .attraction_box {
	width: 900px;
	margin: 0px auto 150px;
}
#know_top .attraction .attraction_box .miryoku {
	width: 104px;
	font-size: 2.0rem;
	color: #FFF;
	font-weight: 600;
	line-height: 38px;
	text-align: center;
	background-color: #00c8dc;
	border-radius: 30px;
	margin: 0px auto 10px;
}
#know_top .attraction .attraction_box .subheading {
	text-align: center;
	margin-bottom: 40px;
}
#know_top .attraction .attraction_box .subheading div:nth-child(1) {
	font-size: 3.4rem;
	font-weight: 800;
	margin-bottom: 10px;
}
#know_top .attraction .attraction_box .subheading div:nth-child(1) span {
	color: #00c8dc;
}
#know_top .attraction .attraction_box .subheading div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}
#know_top .attraction .attraction_box .subheading div:nth-child(2):before, #know_top .attraction .subheading div:nth-child(2):after {
	border-top: 1px solid #000;
	content: "";
	width: 4em;
}
#know_top .attraction .attraction_box .subheading div:nth-child(2):before {
	margin-right: 10px;
}
#know_top .attraction .attraction_box .subheading div:nth-child(2):after {
	margin-left: 10px;
}
#know_top .attraction .attraction_box .seasons_list {
	margin-bottom: 30px;
}
#know_top .attraction .attraction_box .seasons_list ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#know_top .attraction .attraction_box .seasons_list ul li {
	width: 224px;
}
#know_top .attraction .attraction_box .bt_grp {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#know_top .attraction .attraction_box .bt_grp .bt_black_arrow:nth-child(1) {
	margin-right: 50px;
}
#know_top .attraction .attraction_box .ph_grp {
	margin-bottom: 25px;
}
#know_top .attraction .attraction_box .ph_grp ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#know_top .attraction .attraction_box .toggle_block {
	margin-bottom: 50px;
}
#know_top .attraction .attraction_box .toggle_block summary {
	height: 50px;
	font-size: 2.0rem;
	color: #FFF;
	font-weight: 500;
	line-height: 50px;
	text-align: center;
	background-color: #00c8dc;
	cursor: pointer;
	list-style: none;
	position: relative;
}
#know_top .attraction .attraction_box .toggle_block summary::after {
	display: inline-block;
	content: "";
	width: 50px;
	height: 50px;
	background: url("../img/know/icon_plus.png") no-repeat left top;
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
}
#know_top .attraction .attraction_box .toggle_block details[open] summary::after {
	background: url("../img/know/icon_minus.png") no-repeat left top;
	background-size: cover;
}
#know_top .attraction .attraction_box .toggle_block .ph_list {
	margin-bottom: 30px;
	background-color: #f2f2f2;
	padding: 50px 50px 20px 50px;
}
#know_top .attraction .attraction_box .toggle_block .ph_list ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
#know_top .attraction .attraction_box .toggle_block .ph_list ul li {
	width: 234px;
	margin-right: 49px;
	margin-bottom: 30px;
}
#know_top .attraction .attraction_box .toggle_block .ph_list ul li:nth-child(3n) {
	margin-right: 0px;
}
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(2),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(3),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(5),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(6),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(8),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(9) {
	margin-right: 49px;
}
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(4),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(7),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(10) {
	margin-right: 0px;
}
#know_top .attraction .attraction_box .toggle_block .photo {
	margin-bottom: 5px;
}
#know_top .attraction .attraction_box .toggle_block .caption {
	font-size: 1.4rem;
	text-align: center;
}
#know_top .attraction .attraction_box .bspace {
	margin-bottom: 30px;
}
#know_top .attraction .attraction_box .tspace {
	margin-top: 80px;
}
#know_top .attraction .attraction_box .toggle_block .box_line {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#know_top .attraction .attraction_box .toggle_block .box_line .item1 {
	width: 142px;
}
#know_top .attraction .attraction_box .toggle_block .box_line .item2 {
	width: calc(100% - 376px);
	font-size: 1.5rem;
	line-height: 2.0;
	padding-top: 10px;
	padding-left: 30px;
}
#know_top .attraction .attraction_box .toggle_block .box_line .item3 {
	width: 234px;
}
#know_top .attraction .attraction_box .gojyouin {
	text-align: center;
	margin: 120px 0px 40px;
}

/*--------------------------------------------------*
 *   エリア別
 *--------------------------------------------------*/
#know_top .area_block {
	width: 100%;
}
#know_top .area_block .area_map {
	background: url("../img/common/pt_wave_pc.png") no-repeat center bottom;
	background-color: #e9f8fa;
	margin-bottom: 130px;
	padding: 90px 0px 70px;
}
#know_top .area_block .area_map .ttl_area {
	text-align: center;
}
#know_top .area_block .area_map .ttl_area div:nth-child(1) {
	font-size: 3.4rem;
	font-weight: 800;
	margin-bottom: 10px;
}
#know_top .area_block .area_map .ttl_area div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}
#know_top .area_block .area_map .ttl_area div:nth-child(2):before, #know_top .area_block .area_map .ttl_area div:nth-child(2):after {
	border-top: 1px solid #000;
	content: "";
	width: 4em;
}
#know_top .area_block .area_map .ttl_area div:nth-child(2):before {
	margin-right: 10px;
}
#know_top .area_block .area_map .ttl_area div:nth-child(2):after {
	margin-left: 10px;
}
#know_top .area_block .area_map .map_pc {
	width: 750px;
	text-align: center;
	margin: 0px auto;
	position: relative;
}
#know_top .area_block .area_map .map_pc .map_minakami {
	position: absolute;
	top: 195px;
	right: 15px;
}
#know_top .area_block .area_map .map_pc .map_tsukiyono {
	position: absolute;
	top: 315px;
	right: 50px;
}
#know_top .area_block .area_map .map_pc .map_niiharu {
	position: absolute;
	top: 315px;
	left: 0px;
}
#know_top .area_block .area_map .map_pc a {
	font-size: 2.0rem;
	color: #000;
	font-weight: 500;
}
#know_top .area_block .area_map .map_pc a:hover {
	text-decoration: underline;
	opacity: 1.0;
}
#know_top .area_block .area_list {
	width: 900px;
	margin: 0px auto;
}
#know_top .area_block .area_list ul li {
	margin-bottom: 120px;
}
#know_top .area_block .area_list ul li .box_top {
	margin-bottom: 50px;
}
#know_top .area_block .area_list ul li .box_top .subheading {
	margin-bottom: 40px;
	position: relative;
}
#know_top .area_block .area_list ul li .box_top .subheading:before {
	border-top: 1px solid #000;
	content: "";
	width: 30px;
	position: absolute;
	top: -20px;
	left: 0px;
}
#know_top .area_block .area_list ul li .box_top .subheading div:nth-child(1) {
	font-size: 3.4rem;
	font-weight: 800;
	margin-bottom: 10px;
}
#know_top .area_block .area_list ul li .box_top .subheading div:nth-child(2) {
	font-size: 1.4rem;
}
#know_top .area_block .area_list ul li .box_top .ph_main {
	position: relative;
}
#know_top .area_block .area_list ul li .box_top .ph_main .img_map {
	width: 150px;
	position: absolute;
	top: -160px;
	right: -30px;
}
#know_top .area_block .area_list ul li .box_bottom {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
#know_top .area_block .area_list ul li .box_bottom .item1 {
	width: calc(100% - 520px);
}
#know_top .area_block .area_list ul li .box_bottom .item1 .memo {
	font-size: 1.5rem;
}
#know_top .area_block .area_list ul li .box_bottom .item1 .bt_black_arrow {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#know_top .area_block .area_list ul li .box_bottom .item2 {
	width: 250px;
	margin-right: 20px;
}
#know_top .area_block .area_list ul li .box_bottom .item3 {
	width: 250px;
}

/*--------------------------------------------------*
 *   水への活動
 *--------------------------------------------------*/
#know_top .oasis {
	width: 100%;
	margin-bottom: 120px;
}
#know_top .oasis .ttl_oasis {
	text-align: center;
	margin-bottom: 40px;
}
#know_top .oasis .ttl_oasis div:nth-child(1) {
	font-size: 3.4rem;
	font-weight: 800;
	margin-bottom: 10px;
}
#know_top .oasis .ttl_oasis div:nth-child(1) span {
	color: #00c8dc;
}
#know_top .oasis .ttl_oasis div:nth-child(2) {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
}
#know_top .oasis .ttl_oasis div:nth-child(2):before, #know_top .oasis .ttl_oasis div:nth-child(2):after {
	border-top: 1px solid #000;
	content: "";
	width: 4em;
}
#know_top .oasis .ttl_oasis div:nth-child(2):before {
	margin-right: 10px;
}
#know_top .oasis .ttl_oasis div:nth-child(2):after {
	margin-left: 10px;
}
#know_top .oasis .inner {
	width: 100%;
	height: 750px;
	background: url("../img/know/ph_oasis_pc.jpg") no-repeat center center;
	background-size: cover;
}
#know_top .oasis .inner .wrap {
	width: 900px;
	margin: 0px auto;
	padding-top: 100px;
	padding-left: 460px;
}
#know_top .oasis .inner .wrap .logo {
	width: 146px;
	margin-bottom: 60px;
}
#know_top .oasis .inner .wrap .lead {
	font-size: 1.5rem;
	color: #FFF;
	font-weight: 300;
	margin-bottom: 60px;
}

/* スマホレイアウト */
@media (max-width: 1024px) {
#know_top {
	margin-top: 8vw;
	margin-bottom: 13.33vw;
	padding-top: 16vw;
}
/*--------------------------------------------------*
 *   メインタイトル
 *--------------------------------------------------*/
#know_top .ttl_main {
	height: inherit;
	margin-bottom: 12vw;
}
#know_top .ttl_main .midashi {
	width: 100%;
}
#know_top .ttl_main .midashi .eng {
	font-size: 6.93vw;
	line-height: 1.6;
	letter-spacing: 0px;
	text-align: center;
	margin-bottom: 2vw;
}
#know_top .ttl_main .midashi .jpn {
	font-size: 5.87vw;
	text-align: center;
}
#know_top .ttl_main .photo {
	position: static;
	margin-bottom: 3vw;
}
#know_top .ttl_main .photo img {
	height: inherit;
}

/*--------------------------------------------------*
 *   メニュー
 *--------------------------------------------------*/
#know_top .menu {
	margin-bottom: 12vw;
}
#know_top .menu ul li {
	width: 25%;
	margin-right: 0px;
	padding: 0px 3vw;
}
#know_top .menu ul li:last-child {
	margin-right: 0px;
}
#know_top .menu ul li a {
	height: 16vw;
	font-size: 4.27vw;
	line-height: 1.3;
	background: url("../img/know/img_menu_sp_off.png") no-repeat left bottom;
	background-size: 18.67vw auto;
	padding-top: 3vw;
}
#know_top .menu ul li:last-child a {
	padding-top: 0;
}
#know_top .menu ul li a:hover {
	background: url("../img/know/img_menu_sp_on.png") no-repeat left bottom;
	background-size: 18.67vw auto;
}

/*--------------------------------------------------*
 *   ようこそ、山と水の楽園へ。
 *--------------------------------------------------*/
#know_top .summary {
	width: 100%;
	margin: 0px 0px 13.33vw;
}
#know_top .summary .ttl_summary {
	font-size: 5.87vw;
	margin-bottom: 8vw;
}
#know_top .summary .inner {
	display: block;
	flex-wrap: nowrap;
}
#know_top .summary .inner .box_a {
	width: 100%;
	padding-top: 0px;
}
#know_top .summary .inner .box_a .memo {
	font-size: 3.73vw;
	line-height: 1.6;
	margin-bottom: 4vw;
	padding: 0px 4vw;
}
#know_top .summary .inner .box_a .photo {
	width: 100%;
}
#know_top .summary .inner .box_a .photo img {
	width: 100%;
}
#know_top .summary .inner .box_b {
	width: 100%;
}
#know_top .summary .inner .box_b .bt_shinkansen {
	margin: 0px 4vw;
}
#know_top .summary .inner .box_b .bt_shinkansen img {
	width: 100%;
}

/*--------------------------------------------------*
 *   ユネスコエコパークの登録
 *--------------------------------------------------*/
#know_top .unesco {
	height: 204vw;
	background: url("../img/know/ph_unesco_sp.jpg") no-repeat center center;
	background-size: cover;
}
#know_top .unesco .inner {
	width: auto;
	left: 4vw;
	right: 4vw;
}
#know_top .unesco .inner .ttl_unesco {
	font-size: 5.87vw;
}
#know_top .unesco .inner .ttl_unesco:before {
	margin-right: 2vw;
}
#know_top .unesco .inner .ttl_unesco:after {
	margin-left: 2vw;
}
#know_top .unesco .inner .memo1 {
	font-size: 3.73vw;
	line-height: 1.6;
	margin-bottom: 4vw;
	padding: 25px 0px 50vw;
	background-position: center bottom 8vw;
	background-size: 24vw auto;
}
#know_top .unesco .inner .memo2 {
	font-size: 3.2vw;
	margin-bottom: 9vw;
}
.bt_white_arrow {
	width: 69.33vw;
}
.bt_white_arrow a {
	height: 16vw;
	font-size: 4vw;
	background-size: 4.8vw auto;
}
.bt_white_arrow a span {
	left: 5.6vw;
}
.bt_white_arrow a:hover {
	background-size: 4.8vw auto;
}

/*--------------------------------------------------*
 *   みなかみ町の魅力
 *--------------------------------------------------*/
#know_top .attraction .wrapper {
	background: url("../img/common/pt_wave_sp.png") no-repeat center bottom;
	background-size: 92%;
	background-color: #e9f8fa;
	padding: 16vw 0px 9vw;
	margin-bottom: 12vw;
}
#know_top .attraction .wrapper .ttl_attraction {
	margin-bottom: 9vw;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(1) {
	font-size: 6.93vw;
	margin-bottom: 3vw;
}
#know_top .attraction .wrapper .ttl_attraction div:nth-child(2) {
	font-size: 3.2vw;
}
#know_top .attraction .lead {
	font-size: 3.73vw;
	text-align: left;
	line-height: 1.6;
	margin: 0px 4vw 9vw;
}
#know_top .attraction .wrapper .attraction_list {
	width: auto;
	margin: 0px 4vw;
}
#know_top .attraction .wrapper .attraction_list ul li {
	width: 47%;
	margin-right: 6%;
	margin-bottom: 6%;
	border: 1px solid #000;
	position: relative;
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(3n) {
	margin-right: 6%;
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(2n) {
	margin-right: 0% !important;
}
#know_top .attraction .wrapper .attraction_list ul li .number {
	width: 100%;
	height: 8vw;
	background-image: none;
	background-color: #00c8dc;
	position: static;
	font-size: 4.27vw;
	line-height: 8vw;
	border-bottom: 1px solid #000;
}
#know_top .attraction .wrapper .attraction_list ul li a {
	height: 36vw;
	padding-top: 13.33vw;
	background-position: center 3vw, center 29vw;
	background-size: 9vw auto, 1.8vw auto;
}
#know_top .attraction .wrapper .attraction_list ul li a:hover {
	color: #000;
}
#know_top .attraction .wrapper .attraction_list ul li a:after {
	display: none;
}
#know_top .attraction .wrapper .attraction_list ul li a:hover:after {
	display: none;
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(1) a:hover {
	background-image: url("../img/know/icon_attraction_off_1.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(2) a:hover {
	background-image: url("../img/know/icon_attraction_off_2.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(3) a:hover {
	background-image: url("../img/know/icon_attraction_off_3.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(4) a:hover {
	background-image: url("../img/know/icon_attraction_off_4.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(5) a:hover {
	background-image: url("../img/know/icon_attraction_off_5.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li:nth-child(6) a:hover {
	background-image: url("../img/know/icon_attraction_off_6.png"), url("../img/know/icon_arrow_off.png");
}
#know_top .attraction .wrapper .attraction_list ul li a div:nth-child(1) {
	font-size: 4.8vw;
}
#know_top .attraction .wrapper .attraction_list ul li a div:nth-child(2) {
	font-size: 2.67vw;
}
#know_top .attraction .attraction_box {
	width: 100%;
	margin: 0px 0px 24vw;
}
#know_top .attraction .attraction_box .miryoku {
	width: 28vw;
	font-size: 5.33vw;
	line-height: 10.13vw;
	margin: 0px auto 4vw;
}
#know_top .attraction .attraction_box .subheading {
	margin-bottom: 9vw;
}
#know_top .attraction .attraction_box .subheading div:nth-child(1) {
	font-size: 6.93vw;
	margin-bottom: 3vw;
}
#know_top .attraction .attraction_box .subheading div:nth-child(2) {
	font-size: 3.2vw;
}
#know_top .attraction .attraction_box .seasons_list {
	margin-bottom: 30px;
}
#know_top .attraction .attraction_box .seasons_list ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#know_top .attraction .attraction_box .seasons_list ul li {
	width: 50%;
}
#know_top .attraction .attraction_box .seasons_list ul li img {
	width: 100%;
}
#know_top .attraction .attraction_box .bt_grp {
	display: block;
	flex-wrap: nowrap;
}
#know_top .attraction .attraction_box .bt_grp .bt_black_arrow:nth-child(1) {
	margin: 0px auto 6vw;
}
#know_top .attraction .attraction_box .bt_grp .bt_black_arrow:nth-child(2) {
	margin: 0px auto;
}
#know_top .attraction .attraction_box .ph_grp {
	margin-bottom: 6vw;
}
#know_top .attraction .attraction_box .ph_grp ul li {
	width: 50%;
}
#know_top .attraction .attraction_box .ph_grp ul li img {
	width: 100%;
}
#know_top .attraction .attraction_box .toggle_block {
	margin: 0px 4vw 12vw;
}
#know_top .attraction .attraction_box .toggle_block summary {
	height: 10.67vw;
	font-size: 4.27vw;
	line-height: 10.67vw;
}
#know_top .attraction .attraction_box .toggle_block summary.brand {
	font-size: 3.47vw;
	text-align: left;
	padding-left: 2vw;
}
#know_top .attraction .attraction_box .toggle_block summary::after {
	width: 10.67vw;
	height: 10.67vw;
}
#know_top .attraction .attraction_box .toggle_block .ph_list {
	margin-bottom: 13.33vw;
	padding: 6vw;
}
#know_top .attraction .attraction_box .toggle_block .ph_list ul li {
	width: 47%;
	margin-right: 6%;
	margin-bottom: 9%;
}
#know_top .attraction .attraction_box .toggle_block .ph_list ul li img {
	width: 100%;
}
#know_top .attraction .attraction_box .toggle_block .ph_list ul li:nth-child(3n) {
	margin-right: 6%;
}
#know_top .attraction .attraction_box .toggle_block .ph_list ul li:nth-child(2n) {
	margin-right: 0px !important;
}
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(1),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(3),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(5),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(7),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(9) {
	margin-right: 6%;
}
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(2),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(4),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(6),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(8),
#know_top .attraction .attraction_box .toggle_block .ph_list.brand_list ul li:nth-child(10) {
	margin-right: 0px;
}
#know_top .attraction .attraction_box .toggle_block .photo {
	margin-bottom: 1vw;
}
#know_top .attraction .attraction_box .toggle_block .caption {
	font-size: 3.2vw;
}
#know_top .attraction .attraction_box .bspace {
	margin-bottom: 6vw;
}
#know_top .attraction .attraction_box .tspace {
	margin-top: 13.33vw;
}
#know_top .attraction .attraction_box .toggle_block .box_line {
	display: block;
	flex-wrap: nowrap;
	margin-bottom: 8vw;
}
#know_top .attraction .attraction_box .toggle_block .box_line .item1 {
	width: 100%;
	text-align: center;
}
#know_top .attraction .attraction_box .toggle_block .box_line .item1 img {
	width: 20.8vw;
}
#know_top .attraction .attraction_box .toggle_block .box_line .item2 {
	width: 100%;
	font-size: 3.73vw;
	line-height: 1.6;
	padding-top: 4vw;
	padding-left: 0px;
}
#know_top .attraction .attraction_box .gojyouin {
	text-align: center;
	margin: 13.33vw 4vw 13.33vw;
}
#know_top .attraction .attraction_box .gojyouin img {
	width: 100%;
}

/*--------------------------------------------------*
 *   エリア別
 *--------------------------------------------------*/
#know_top .area_block .area_map {
	background: url("../img/common/pt_wave_sp.png") no-repeat center bottom;
	background-size: 92%;
	background-color: #e9f8fa;
	padding: 12vw 0px 18vw;
	margin-bottom: 16vw;
}
#know_top .area_block .area_map .ttl_area div:nth-child(1) {
	font-size: 6.93vw;
	margin-bottom: 3vw;
}
#know_top .area_block .area_map .ttl_area div:nth-child(2) {
	font-size: 3.2vw;
}
#know_top .area_block .area_map .map_sp {
	width: 63.47vw;
	text-align: center;
	margin: 0px auto;
	position: relative;
}
#know_top .area_block .area_map .map_sp .map_minakami {
	position: absolute;
	top: 18vw;
	left: -12vw;
}
#know_top .area_block .area_map .map_sp .map_tsukiyono {
	position: absolute;
	bottom: 9vw;
	right: -8vw;
}
#know_top .area_block .area_map .map_sp .map_niiharu {
	position: absolute;
	bottom: -6vw;
	left: 12vw;
}
#know_top .area_block .area_map .map_sp a {
	display: inline-block;
	font-size: 4.27vw;
	color: #000;
	font-weight: 500;
	line-height: 1.3;
	text-align: left !important;
	text-decoration: underline;
}
#know_top .area_block .area_map .map_sp a:hover {
	opacity: 1.0;
}
#know_top .area_block .area_list {
	width: auto;
	margin: 0px 4vw;
}
#know_top .area_block .area_list ul li {
	margin-bottom: 26.67vw;
}
#know_top .area_block .area_list ul li:last-child {
	margin-bottom: 24vw;
}
#know_top .area_block .area_list ul li .box_top {
	margin-bottom: 6vw;
}
#know_top .area_block .area_list ul li .box_top .subheading {
	margin-bottom: 4vw;
}
#know_top .area_block .area_list ul li .box_top .subheading:before {
	width: 8vw;
	top: -4vw;
}
#know_top .area_block .area_list ul li .box_top .subheading div:nth-child(1) {
	font-size: 7.47vw;
	margin-bottom: 1vw;
}
#know_top .area_block .area_list ul li .box_top .subheading div:nth-child(2) {
	font-size: 3.2vw;
}
#know_top .area_block .area_list ul li .box_top .ph_main img {
	width: 100%;
}
#know_top .area_block .area_list ul li .box_top .ph_main .img_map {
	width: 28.27vw;
	top: -28vw;
	right: 0px;
}
#know_top .area_block .area_list ul li .box_bottom {
	padding-bottom: 52vw;
}
#know_top .area_block .area_list ul li:nth-child(2) .box_bottom {
	padding-bottom: 57vw;
}
#know_top .area_block .area_list ul li .box_bottom .item1 {
	width: 100%;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#know_top .area_block .area_list ul li .box_bottom .item1 .memo {
	font-size: 3.73vw;
	margin-bottom: 12vw;
}
#know_top .area_block .area_list ul li .box_bottom .item1 .bt_black_arrow {
	position: static;
	margin: 0px auto;
}
#know_top .area_block .area_list ul li .box_bottom .item2 {
	width: 48%;
	margin-right: 4%;
}
#know_top .area_block .area_list ul li .box_bottom .item3 {
	width: 48%;
}

/*--------------------------------------------------*
 *   水への活動
 *--------------------------------------------------*/
#know_top .oasis {
	margin-bottom: 0px;
	padding-bottom: 110vw;
	position: relative;
}
#know_top .oasis .ttl_oasis {
	margin-bottom: 9vw;
}
#know_top .oasis .ttl_oasis div:nth-child(1) {
	font-size: 6.93vw;
	margin-bottom: 3vw;
}
#know_top .oasis .ttl_oasis div:nth-child(2) {
	font-size: 3.2vw;
}
#know_top .oasis .inner {
	width: 100%;
	height: 88vw;
	background: url("../img/know/ph_oasis_sp.jpg") no-repeat center center;
	background-size: cover;
}
#know_top .oasis .inner .wrap {
	width: 100%;
	padding-top: 0px;
	padding-left: 0px;
}
#know_top .oasis .inner .wrap .logo {
	width: 28.8vw;
	margin: 0px auto;
	padding-top: 27vw;
}
#know_top .oasis .inner .wrap .cover {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -30vw;
}
#know_top .oasis .inner .wrap .lead {
	font-size: 3.73vw;
	color: #000;
	padding: 0px 4vw;
}
#know_top .oasis .inner .wrap .bt_white_arrow {
	margin: 0px auto;
	padding-bottom: 56vw;
}
#know_top .oasis .inner .wrap .bt_white_arrow a {
	border: 1px solid #000;
}
}