@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap');


/*全体・リセット---------------------*/
.st2-swipe-wrapper{
	color: #000;
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.st2-main-container {
	padding-top: 0;
}
header, nav, article, aside, section, footer {
	display:block;
}
p,ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
}
ul,li{
	list-style: none;
}
a:hover  {
	text-decoration: none;
	opacity:0.6;
	transition:0.3s;
}
.st2-btn__container:hover{
	text-decoration: none;	
}
.indent {
	padding-left: 1rem;
	text-indent: -1rem;
}
.st2-page-title {
	padding: 0.5rem 20px 0;
	margin-bottom: 0.5rem;
}
.st2-page-title__heading__txt {
	font-size: 1.3rem;
	font-weight: normal;
}
.fs80 {
	font-size: 80%;
}

@media (min-width: 737px) {
	.st2-contents-wrapper>div>div {
		padding: 0 ;
    }
	.pc_none{
		display:none;
	}
}

@media (max-width: 736px) {
	.st2-page-title__heading__txt {
		margin: 0;
		font-size: 1.0rem;
	}
	.sp_none{
		display:none;
	}
	.st2-list--date .st2-icon-right-arrow, .st2-list--date .st2-icon-newwin, .st2-list--date .st2-icon-pdf {
		width: 1.0rem;
		height: 1.0rem;
	}
}

/*MV---------------------*/

.mv-inner {
	max-width: 1100px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
.mv-txt {
	display: inline-block;
	max-width: 460px;
	text-align: center;
}
.mv-map {
	padding: 1rem;
	padding: 0 3rem;
}
.mv-ttl{
	margin-bottom: 2rem;
	color: #fff;
	text-shadow: 0px 0px 10px #000000;
	font-size: 4rem;
	line-height: 13rem;
}
.mv-ttl span{
	background: #fff;
	padding: 0.6rem;
	text-align: center;
	display: block;
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: 1rem;
	color: #0015a1;
	line-height: 2.8rem;
	margin-bottom: 1rem;
	box-shadow: 0 0 5px #00000082;
	text-shadow: none;
}
.mv-ttl strong {
	font-size: 12rem;
	font-weight: 400;
	margin-right: .5rem;
}
.mv-side {
	position: absolute;
	top: 30px;
	right: 30px;
	border: 3px solid #007D04;
	text-align: center;
	min-width: 300px;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 0 8px #0000008f;
}
.mv-side strong {
	font-size: 4rem;
	padding: 1rem;
	display: block;
	color: #007d04;
	line-height: 4rem;
}
.mv-side span {
	font-size: 1.6rem;
	padding: 0.5rem;
	display: block;
	background: #007d04;
	color: #fff;
	line-height: 1.6rem;
	letter-spacing: .2rem;
}
@media (max-width: 1220px) {
	.mv-txt {
		max-width: 35%;
	}
	.mv-ttl {
		font-size: 4rem;
	}
	.mv-ttl span{
		font-size: 2rem;
		line-height: 2.0rem;
	}
	.mv-ttl strong {
		font-size: 9rem;
	}
}

@media (max-width: 736px) {
	.mv-inner{
		padding: 0;
		text-align: center;
	}
	.mv-side strong {
		font-size: 2.5rem;
		line-height: 2.5rem;
		padding: 0.5rem;
	}
	.mv-side span {
		font-size: 1.2rem;
		padding: 0.3rem;
		line-height: 1.2rem;
	}
	.mv-txt {
		max-width: 80%;
		margin: 90px 0 20px;
	}
	.mv-ttl {
		font-size: 2rem;
		line-height: 6rem;
		margin-bottom: 0;
	}
	.mv-ttl span{
		font-size: 1.2rem;
		line-height: 1.4rem;
		letter-spacing: 0.6rem;
		padding: 0.4rem;
	}
	.mv-ttl strong {
		font-size: 5rem;
	}
	.mv-side{
		min-width: 200px;
		top: 10px;
		right: 10px;
	}
}

/*NAVI------------------------------*/
#topnavi {
	font-size: 1.2rem;
	background-color: #007d04;
}
#topnavi ul {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between; 
	align-items: center;
	gap: 0;
	padding: 10px;
}
#topnavi li {
	color: white;
	padding: 10px;
	text-align: center;
	flex: 1; 
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px 0 0;
	position: relative;
	list-style: none;
	line-height: 2.4rem;
	box-sizing: border-box;
}
#topnavi li:first-child {
	border-width: 0 1px;
}
#topnavi li a {
	color: #fff;
	display: block;
	position: relative;
}
#topnavi li b {
	display: block;
	font-size: 2rem;
	font-weight: 400;
}
#topnavi li .icon {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	color: #dd0000;
	background-color: #fff900;
	top: -30px;
	font-size: 1.4rem;
	padding: 0 0.8rem 0.1rem;
	font-weight: 700;
}
#topnavi li .icon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff900;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -5px;
}

@media (max-width: 1100px) {
	#topnavi li:first-child {
		border-left: none;
	}
	#topnavi li:last-child {
		border-right: none;
	}
}
@media (max-width: 1024px) {

}

@media (max-width: 736px) {
	#topnavi {
		margin: 0 -2.9891304348%;
		font-size: 1.0rem;
	}
	#topnavi ul {
		flex-wrap: wrap;
		padding: 1rem 0 0;
	}
	#topnavi li {
		padding: 0;
		flex: 0 0 50%; 
		border-width: 0 1px 0 0;
		line-height: 2.4rem;
		margin-bottom: 1rem;
	}
	#topnavi li .icon {
		top: -25px;
		font-size: 1.1rem;
		padding: 0.1rem 0.8rem;
	}
	#topnavi li a {
		padding: 0 5px;
		line-height: 1.4;
	}
	#topnavi li b {
		font-size: 1.4rem;
	}
	#topnavi li:nth-child(2n) {
		border-right: none;
	}

}
/*各section共通---------------------*/
.sec-inner {
	padding: 10rem 20px 7rem;
}
h2 {
	text-align: center;
	margin: 0 0 2rem;
}
h2 .at{
	display: block;
	margin-bottom: 2rem;
}
h2 .at span{
	background-color: #fff900;
	color: #dd0000;
	padding: 0.5rem 2rem;
}

h2 span.icon {
	display: inline-block;
	font-size: 3rem;
	color: #fff;
	background: #007d04;
	border-radius: 100px;
	padding: .5rem 3rem;
	line-height: 3rem;
	min-width: 200px;
}
h2 span.icon span {
	font-size: 65%;
	font-weight: 400;
}
h2 strong {
	display: block;
	font-size: 4rem;
	color: #007d04;
}
h3 {
	font-size: 2.5rem;
	color: #007d04;
	line-height: 4.5rem;
}
h3.title_icon {
	position: relative;
	padding-left: 120px;
}
h3 strong {
	font-size: 6rem;
	font-weight: 800;
	display: block;
}
h3 span {
	font-size: 80%;
}
h3.title_icon:before{
    background: url(/meito/sp/hokkaido/images/h3_ic_pc.png) no-repeat center left;
    content: "";
    display: block;
    height: 100px;
    width: 101px;
    position: absolute;
    left: 0;
    transform: translateY(-50%);
    top: 50%;
}

.sec-inner>div {
	max-width: 1100px;
	margin: 0 auto;
}
.inner-blk {
	margin-top: 8rem;
}


@media (max-width: 1024px) {
}

@media (max-width: 736px) {
	.sec-inner {
		padding: 5rem 2.989% 3.5rem;
	}
	#plan .sec-inner,
	#info .sec-inner{
        padding: 5rem 0 3.5rem;
    }
	#other .sec-inner{
        padding: 4rem 2.989%;
		margin: 0 -2.989%;
    }
	h2 .at {
		margin-bottom: 1rem;
	}
	h2 strong {
		font-size: 2.0rem;
		line-height: 1.4;
	}
	h2 span.icon {
		font-size: 1.8rem;
		padding: 0;
		margin-bottom: 0.5rem;
		line-height: 2.5rem;
		min-width: 150px;
	}
	h2 .at span {
		padding: 0.3rem 1rem 0.4rem;
	}
	h3 {
		line-height: 2.4rem;
		font-size: 1.6rem;
	}

	h3 strong {
		font-size: 2.5rem;
		font-weight: 800;
		display: block;
	}
	h3.title_icon {
		padding-left: 60px;
	}
	h3.title_icon:before {
		height: 50px;
		width: 51px;
		background-size: 50px 51px;
	}

}
/*お知らせ（news） -----------------------------*/
#news .sec-inner {
	padding: 6rem 20px;
}
.st2-list--date__holder {
	border-style: solid;
	border-width: 1px 0;
	border-color: #007d04;
}
.st2-list--date__meta {
	display: none;
}
.st2-list--date .st2-icon-right-arrow{
	fill:#007d04;
}
#news .st2-list--date__item .st2-list--date__str {
	border-style: dotted;
	border-width: 0 0 2px;
	padding: 0.7rem 0 0.7rem 0.5rem;
}
#news .st2-list--date__holder,
#news .st2-list--date__item .st2-list--date__str {
	border-color: #007d04;
}
#news .st2-list--date__item:last-child .st2-list--date__str {
	border: none;
}

@media (min-width: 737px) {
	#news .st2-catch[data-style="2"] p {
		color: #007d04;
		font-weight: bold;
	    font-weight: 500;
	}
	#news .st2-catch {
        margin-bottom: .5rem;
    }
	#news .st2-list--date__holder {
	    border-style: solid;
	    border-width: 2px 0;
	}
}

@media (max-width: 1024px) {
}
@media (max-width: 736px) {
	#news .sec-inner {
		padding:4rem 0;
	}
	.st2-list--date__item {
        font-size: 1.0rem;
		border-bottom: none;
		padding:0;
    }
	#news .st2-catch[data-style="2"] p {
		font-size: 1.2rem;
	}
	#news .st2-list--date__item .st2-list--date__str {
		padding: 0.7rem 1.5rem 0.7rem 0.5rem;
		border-width: 0 0 1px;
	}
}

/*おすすめプラン・クーポン（cpn）------------*/
#cpn .sec-inner {
	background: #F9F8E8;
	box-shadow: 0 0 8px #0000002b;
}
#cpn .cpn-blk {
	margin-bottom: 7rem;
}
#cpn .cpn-blk:last-child {
	margin-bottom: 0;
}
#cpn .cpn-h3 {
	margin-bottom: 2rem;
}
#cpn .cpn-h3 h3 {
	border-bottom: 3px dotted #007d04;
}
#cpn .cpn-h3>p {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4.5rem;
	text-align: center;
	color: #00035e;
	font-weight: 700;
	line-height: 6rem;
}
#cpn .cpn-h3>p::before,
#cpn .cpn-h3>p::after  {
	content: '';
	width: 3px;
	height: 40px;
	background-color:#00035e;
}
#cpn .cpn-h3>p::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
#cpn .cpn-h3>p::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
#cpn .cpn-h3 h3 {
	font-size: 2.5rem;
	margin: 0;
	text-align: center;
    font-weight: 450;
}
#cpn .st2-divide-layout[data-border] .st2-divide-layout__item {
	padding: 0;
}
#cpn .st2-pic-block__pic-caption {
	padding: 1.5rem 2rem 0;
	color:#007d04;
}
#cpn .st2-pic-block__pic-caption p {
	font-size: 1.4rem;
	font-weight: bold;
}
#cpn .st2-color-section>div{
	padding: 1rem;
	max-width: 80%;
}
#cpn .st2-pic-block[data-pic-pos=left] .st2-pic-block__container-wrapper:first-child {
	max-width:33%;
}
#cpn .st2-catch{
	margin-bottom: 1rem;
}
#cpn .st2-catch[data-style="1"] p {
	color: #18891c;
}
#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper {
	padding: 1rem 2rem 2rem;
	margin: 0;
	font-size: 1.25rem;
}
#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper .ind {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.0rem;
}
#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper p {
	margin-bottom: 1rem;
} 
#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper dl {
	display: flex;
	margin-bottom: 0.5rem;
} 
#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper dt {
	margin-right: 1rem;
} 
#cpn .st2-btn {
	margin-bottom: 0;
	margin-top: 2rem;
}
#cpn .aqlk-blk {
	font-size: 1.3rem;
	border: solid #007d04;
	border-width: 2px 2px 2px 45px;
	padding: 3rem;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}
#cpn .aqlk-blk>div {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
#cpn .aqlk-blk> div:first-child {
	margin-right: 3%;
	min-width: 440px;
}
#cpn .aqlk-blk [class=st2-divide-layout][data-column="2"] .st2-accordion--linkblock__container,
#cpn .aqlk-blk [class=st2-divide-layout][data-column="2"] .st2-btn .st2-btn__container{
	width: 100%;
	max-width: 100%;
}
#cpn .aqlk-blk h3 {
	font-size: 5rem;
	line-height: 6rem;
	margin: 0 0 1rem;
	color: #007d04;
}
#cpn .aqlk-blk>div>dl {
	border: 1px solid #000000;
	padding: 1.5rem 2rem;
	margin-bottom: 2rem;
}
#cpn .aqlk-blk>div>dd {
	padding-left: 1rem;
}
#cpn .cpn_bnr{
	border-top: 1px solid #ccc;
    margin-top: 5rem;
    padding-top: 3rem;
}
#cpn .cpn_bnr .st2-paragraph{
	margin-top: -1rem;
}
@media (max-width: 1080px) {
	#cpn .aqlk-blk> div:first-child {
		margin-right: 3%;
		min-width: 50%;
	}
	#cpn .aqlk-blk>div {
		width: 46%;
	}
}
@media (max-width: 1024px) {
	#cpn .cpn-h3>p {
		font-size: 3.5rem;
		line-height: 5rem;
	}
	#cpn .aqlk-blk h3 {
		font-size: 4rem;
		line-height: 5rem;
	}
}
@media (max-width: 736px) {
	#cpn .cpn-blk {
		margin-bottom: 2rem;
	}
	#cpn .cpn-h3>p {
        font-size: 2.3rem;
        line-height: 3rem;
    }
	#cpn .cpn-h3 h3 {
		font-size: 1.3rem;
		padding-bottom: 1rem;
	}
	#cpn .cpn-h3>p::before,
	#cpn .cpn-h3>p::after  {
		height: 30px;
	}
	#cpn .cpn-h3>p::before {
		margin-right:15px;
	}
	#cpn .cpn-h3>p::after {
		margin-left:15px;
	}
	#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper {
		font-size: 1.0rem;
	}
	#cpn .aqlk-blk {
		border-width: 2px 2px 2px 20px;
		padding: 1rem;
		box-sizing: border-box;
	}
	#cpn .aqlk-blk>div {
		width: 100%;
	}
	#cpn .aqlk-blk> div:first-child {
		margin-right: 0;
	}
	#cpn .aqlk-blk h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	#cpn .st2-color-section>div{
		max-width: 95%;
	}
	#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper dl {
		flex-wrap: wrap;
		margin-bottom: 0.5rem;
	} 
    #cpn .st2-catch[data-style="1"] p {
        font-size: 1.4rem;
    }
	#cpn .st2-btn {
		margin-top: 1rem;
	}
	#cpn .st2-pic-block[data-pic-pos=left] .st2-pic-block__container-wrapper:first-child {
		max-width:100%;
	}
	#cpn .st2-divide-layout[data-border] .st2-divide-layout__item{
		width: 90%;
		margin: 0 auto;
	}
	#cpn .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper {
		padding: 1rem 0 0 0;
	}
	#cpn .cpn_bnr .st2-catch[data-style="2"] p {
        font-size: 1.5rem;
    }
	#cpn .cpn_bnr .st2-paragraph[data-size=smaller] p {
        font-size: 1.0rem;
    }
}

/*プラン（plan）------------*/
#plan ul.plan-nav {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0;
	padding: 10px;
	font-size: 2rem;
}
#plan .plan-nav li{
	color: #007d04;
	padding: 10px;
	text-align: center;
	flex: 1;
	list-style: none;
	line-height: 2.6rem;
	position: relative;
}

#plan .plan-nav li a {
	color: #007d04;
}
#plan .plan-nav li a:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #007d04;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
}

#plan .plan-nav li .p-nv-01 {
   font-weight: 800;
}
#plan .plan-nav li .p-nv-01>span {
	font-size: 80%;
}
#plan .plan-nav li .p-nv-02 {
	border-width: 1px 0;
	border-style: solid;
	color: #007d04;
}

.planmap_box {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}
.plan-map {
	margin-bottom: 4rem;
	box-sizing: border-box;
}
.plan-what h4 {
	font-size: 4rem;
	margin: 0 0 1.5rem;
	color: #007d04;
	border-bottom: 2px solid #007d04;
}
.plan-what h4 span {
	font-size: 65%;
	color: #000;
}
.plan-what p {
	font-size: 1.6rem;
	margin: 0 0 2.5rem;
}
.plan-what .mj-area {
	font-size: 2rem;
	padding: 1rem;
	text-align: center;
	background: #daf1db;
}
.plan-what .mj-area b {
	color: #007d04;
	margin-right: 2rem;
}
.plan-btnarea {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 0;
	padding: 10px;
	font-size: 2rem;
	margin-top: 5rem;
}
.plan-btnarea>div {
	padding: .8rem 1.8rem;
	text-align: center;
	flex: 1;
	border-right: 1px solid #007d04;
	box-sizing: border-box;
	max-width: 34%;
}
.plan-btnarea>div:first-child {
	border-left: 1px solid #007d04;
}
.plan-btnarea>div span {
	font-size: 80%;
	display: block;
	line-height: 1.5rem;
}
.plan-btnarea h5 {
	margin: 0 0 1.3rem;
}

.plan-btnarea .accodion_btn p{
	margin-bottom: 0;
}
.plan-btnarea .accodion_btn p a{
	display: block;
	color: #fff;
	background-color: #ff9934;
	padding: 1rem 2.5rem;
	font-size: 80%;
	line-height: 1.4;
	border-radius: 5px;
}
.plan-btnarea .st2-btn:last-of-type {
    margin-bottom: 1rem;
}
.plan-spotblk ul.st2-tab--changer__holder {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.plan-spotblk .st2-tab--changer__holder li{
	flex: 1;
	list-style: none;
}
.plan-spotblk .st2-accordion--linkblock__item a:not(:empty) {
	margin-right: 0.5rem;
}
.plan-spotblk .st2-divide-layout .st2-accordion--linkblock__body{
	padding: 1rem;
}
.plan-spotblk .st2-tab--changer[data-color="1"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__container {
	background: #007d04;
}
.plan-spotblk .st2-tab--changer[data-color="1"] .st2-tab--changer__container,
.plan-spotblk .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher {
	border-color: #007d04;
}
.plan-spotblk .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher .st2-icon-bottom-arrow {
	fill: #007d04;
}
.plan-spotblk .st2-tab--changer[data-style="1"] .st2-tab--changer__item[aria-selected=true] .st2-icon-bottom-arrow{
	fill: #ffffff;
}
.plan-spotblk .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt {
	color: #007d04;
}
.plan-spotblk .st2-tab--changer[data-style="1"] .st2-tab--changer__body {
	background: #feffd2;
	padding: 5rem 4rem 3rem 4rem;
	border: solid #007d04;
	border-width: 0px 2px 10px;
}
.plan-spotblk h4 {
	font-size: 5rem;
	color: #007d04;
	line-height: 4.5rem;
	display: inline-block;
	border-right: 4px solid #007d04;
	padding-right: 2rem;

	margin: 0 2rem 4rem 0 ;
	text-align: center;
	vertical-align: middle;
}
.plan-spotblk h4 span {
	font-size: 35%;
	display: block;
	line-height: 3rem;
	margin-top: .8rem;
}
.plan-spotblk .h4-size {
	display: inline-block;
	width: 80%;
	font-size: 1.5rem;
	vertical-align: middle;
	margin-top: -4rem;
}
.spot-blk {
	font-size: 1.3rem;
	padding: 2rem;
}
.spot-blk>div {
	margin-bottom: 2rem;
}
.spot-blk h5 {
	font-size: 2rem;
	font-weight: 600;
	margin: 1rem 0;
}
.spot-blk p {
	margin-bottom: 2rem;
}
.spot-img {
	display: inline-block;
	width: 25%;
}
.spot-dtl {
	display: inline-block;
	width: 73%;
	vertical-align: top;
	padding-left: 2rem;
	box-sizing: border-box;
}
.spot-blk .st2-btn-list[data-direction=horizontal] .st2-btn-list__holder:has(>:nth-child(2)) {
	width: 100%;
}
.spot-plan h5 {
	font-size: 2rem;
	color: #007d04;
	margin: 0 0 .5rem;
}

@media (max-width: 1024px) {
}
@media (max-width: 736px) {
	#spot .st2-tab--changer[data-style="1"] .st2-tab--changer__container{
		padding: 0.5rem 0.5rem 1.2rem;
		border: 2px solid #007d04; 
		border-radius: 0;
	}
	#spot .st2-tab--changer[data-style="1"] .st2-tab--changer__holder{
		overflow-x:hidden;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#spot .st2-tab--changer[data-style="1"] .st2-tab--changer__holder .st2-tab--changer__item{
        flex: 0 0 23.8%;
        box-sizing: border-box;
		margin: 0 1.5% 1rem 0;
	}
	#spot .st2-tab--changer[data-style="1"] .st2-tab--changer__holder .st2-tab--changer__item:nth-child(4n){
		margin-right: 0;
	}
	#spot .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt{
        font-size: 1.2rem;
        font-weight: 500;
	}
	#spot .st2-tab--changer[data-style="1"] .st2-tab--changer__switcher .st2-icon-bottom-arrow{
		bottom: 0.2rem;
	}
	#plan ul.plan-nav{
		font-size: 1.3rem;
		padding: 0;
	}
	#plan .plan-nav li{
		padding: 0 1%;
		line-height: 2.0rem;
	}
	#plan .plan-nav li a:before{
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #007d04;
		bottom: -7px;
	}
	.plan-map {
		margin-bottom:0;
		padding: 0;
	}
	.plan-what h4 {
		font-size: 2.2rem;
	}
	.plan-what p {
		font-size: 1.0rem;
		margin: 0 0 1.0rem;
	}
	.plan-what .mj-area {
		font-size: 1.0rem;
		padding: 0.5rem 1rem;
		text-align: left;
	}
	.plan-what .mj-area b {
		margin-right: 0;
		display: block;
	}
	.plan-btnarea {
		padding: 0;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 1.4rem;
		margin-top: 1rem;
	}
	.plan-btnarea h5 {
		margin: 0 0 0.8rem;
		line-height: 1.2;
	}
	.plan-btnarea>div {
		padding: .8rem 2.989% .8rem 0;
		margin-top: 2rem;
		text-align: center;
		flex: 0 0 48%;
		border-right: 1px solid #007d04;
		max-width: 100%;
	}
	.plan-btnarea>div:nth-child(2n){
		border-right: none;
		padding: .8rem 0;
	}
	
	.plan-btnarea>div:first-child {
		border-left: none;

	}
	.plan-btnarea>div span {
		font-size: 0.9rem;
	}
	.plan-btnarea .st2-btn__container{
		padding: 0.6rem 1rem;
	}
	.plan-btnarea .accodion_btn p a {
		padding: 0.8rem 1.0rem;
		font-size: 0.9rem;
	}
	.plan-btnarea .st2-btn .st2-icon-right-arrow {
		width: 0.9rem;
		height: 0.9rem;
		right: 0.3rem;
	}
	.plan-spotblk .st2-tab--changer[data-style="1"] .st2-tab--changer__body {
		padding: 2rem 2.989% 3rem;
	}
	.plan-spotblk .h4-size {
		display: block;
		width: 100%;
		font-size: 1.0rem;
		margin-top: 0;
	}
	.plan-spotblk h4 {
		font-size: 3rem;
		line-height: 3rem;
		display: block;
		border-bottom: 5px solid #007d04;
		border-right: none;
		padding-right: 0;
		margin: 0 0 1rem 0;
	}
	.plan-spotblk h4 span {
		line-height: 1rem;
		margin: .8rem 0;
	}
	.spot-img {
		display: block;
		width: 80%;
		margin: 0 auto
	}
	.spot-dtl {
		display:block;
		width:100%;
		padding-left:0;
	}
    .spot-blk h5 {
        font-size: 1.3rem;
        border-left: 5px solid #007d04;
        padding-left: 7px;
    }
	.spot-blk{
		font-size: 1.0rem;
		padding: 2rem 1rem 0;
	}
	.spot-blk>div {
		margin-bottom: 5rem;
	}
	.spot-blk [class=st2-divide-layout][data-column="3"] .st2-btn{
		margin-bottom: 0;
	}
	.spot-blk p {
		margin-bottom: 1rem;
	}
	.spot-plan h5 {
		font-size: 1.5rem;
	}
	.spot-plan .st2-slider__slide img {
		width: 90%;
		margin: 0 auto;
	}
	.spot-plan .st2-slider__prev {
		left: 5%;
	}
	.spot-plan .st2-slider__next{
		right: 5%;
	}
	.spot-plan .st2-slider__prev,.spot-plan .st2-slider__next {
		transform: translateY(-2.5rem);
		height: 3.5rem;
		width: 2.5rem;
	}
	.spot-plan .st2-slider .st2-icon-right-arrow,.spot-plan .st2-slider .st2-icon-left-arrow {
		width: 1.5rem;
		height: 1.5rem;
	}
	.spot-plan .st2-pic-block__pic-caption p {
        padding: 0 5%;
    }
}

/*検索（search）------------*/

#search .st2-tab--changer[data-color="1"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__container {
	background: #007d04;
}
#search .st2-tab--changer[data-color="1"] .st2-tab--changer__container{
	border-color: #007d04;
	border-radius: 0;
	border-bottom: 2px solid #007d04;
	background-color: #feffd2;
}
#search .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher {
	border-bottom: none;
}
#search .st2-tab--changer[data-color="1"] .st2-tab--changer__switcher .st2-icon-bottom-arrow {
	fill: #007d04;
}
#search .st2-tab--changer[data-style="1"] .st2-tab--changer__item[aria-selected=true] .st2-icon-bottom-arrow{
	fill: #ffffff;
}
#search .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt {
	color: #007d04;
}
#search .st2-tab--changer[data-style="1"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__item-txt{
	color: #fff;
}
#search .st2-tab--changer[data-style="1"] .st2-tab--changer__item{
	flex: 1;
}
#search .el-webconnect-module,
#search .st2-search-kokunaidp{
	margin: 0;
}


/*イチオシプラン（reco）------------*/
#reco .sec-inner {
	background: #F9F8E8;
	box-shadow: 0 0 8px #0000002b;
}
#reco .st2-api-loader:last-child{
	margin-bottom: 8rem;
}
#reco .st2-api-loader:last-child{
	margin-bottom: 8rem;
}
#reco .st2-api__list--link {
	margin-bottom: 0;
}
#reco [class=st2-divide-api][data-column="3"] .st2-api__list--link .st2-api__list--link__holder{
	gap:1rem;
	margin-top: 1rem;
}
#reco .st2-api [class*=st2-api__match-wrapper-] {
    margin-bottom: 0;
}


@media (max-width: 736px) {
	#reco .st2-divide-api[data-border] .st2-divide-api__item {
		padding: 1rem;
	}
	#reco .st2-api__list--label[data-type=accessNode] .st2-api__list--label__item .st2-api__list--label__item-txt>div>span {
        font-size: 1.0rem;
    }
	#reco .st2-api__list--label[data-type=accessNode] .st2-api__list--label__item .st2-api__list--label__item-txt {
        padding: 0 0 0 0.5rem;
    }
	#reco .st2-api-loader:last-child{
		margin-bottom: 0;
	}
	#reco .sec-inner h2{
		margin-top: 5rem;
	}
	#reco .sec-inner > div:first-of-type h2 {
			margin-top: 0;
	}
	#reco .st2-api__list--label .st2-icon-train {
		width: 1.5rem;
		height: 1.5rem;
	}
	#reco .st2-api__paragraph p {
        font-size: 1.1rem;
    }
	#reco .st2-api__paragraph p:last-child {
		margin-bottom: 0;
	}
	#reco .st2-api__accordion--more__body>div{
		padding-bottom: 0;
	}
}

/*観光情報（info）------------*/
#info ul.info-nav {
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0;
	padding: 10px;
	font-size: 2rem;
}
#info .info-nav li{
	color: #007d04;
	padding: 10px;
	text-align: center;
	flex: 1;
	list-style: none;
	line-height: 2.6rem;
	position: relative;
}
#info .info-nav li a{
	color: #007d04;
}
#info .info-nav li a:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #007d04;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
}

#info .info-nav li .i-nv-01 {
   font-weight: 800;
}
#info .info-nav li .i-nv-02 {
	border-width: 1px 0;
	border-style: solid;
	color: #007d04;
}
.info-courseblk .dummy-text {
	font-size: 5rem;
	text-align: center;
	color: #8b8b8b;
}
.info-guideblk .st2-divide-layout .st2-divide-layout__item {
	border-radius: 25px;
	padding: 0;
	box-shadow: 0 0 10px #2c2c2c60;
}
.info-guideblk img {
	border-radius: 24px 24px 0 0;
}
.info-guideblk .st2-pic-block__pic-caption {
	padding: 1.5rem 1.5rem .5rem;
}
.info-guideblk .st2-pic-block__pic-caption p {
	font-size: 1.4rem;
	line-height: 2rem;
}
.info-guideblk .st2-list__item {
	font-size: 1.3rem;
}
.info-guideblk .st2-pic-block__container-wrapper+.st2-pic-block__container-wrapper {
	margin: 0 0 1.5rem 1rem;
}

@media (max-width: 736px) {
	#info  ul.info-nav{
		font-size: 1.3rem;
		padding: 0;
	}
	#info .info-nav li{
		padding: 0 1%;
		line-height: 2.0rem;
	}
	#info .info-nav li a:before{
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #007d04;
		bottom: -7px;
	}
	.info-courseblk .dummy-text {
		font-size: 4rem;
	}
	.info-guideblk .st2-pic-block__pic-caption {
		padding: 1.0rem 0.8rem .5rem;
	}
	.info-guideblk .st2-pic-block__pic-caption p {
		font-size: 1.1rem;
		line-height: 1.8rem;
	}
	.info-guideblk .st2-list__item {
		font-size: 1.2rem;
	}
	#info .st2-list__item {
		padding-left: 1.1rem;
	}
	.st2-list__item>a.st2-list__container::before{
		left: 0;
	}
	#info .info-guideblk .st2-divide-layout .st2-divide-layout__item {
		border-radius: 10px;
	}
	#info .info-guideblk img {
		border-radius: 10px 10px 0 0;
	}
}
/*FAQ -----------------------------*/

@media (max-width: 736px) {
	.st2-faq__title-txt::before {
		top: -4px;
		left: -1.5rem;
		font-size: 1.5rem;
	}
	.st2-faq__body　.st2-paragraph {
        font-size: 1.2rem;
    }
	
	.st2-faq__body::before {
		left: 0.6rem;
		font-size: 1.5rem;
		top: -7px;
	}
	.st2-faq__body .st2-paragraph[data-size=smaller] p {
        font-size: 1.1rem;
    }
	.st2-faq__title {
		font-size: 1.2rem;
	}
}


/*下部　その他（other） -----------------------------*/
#other .sec-inner {
	background: #f1f1f1;
}
.other-ttl {
	font-size: 2rem;
	margin-bottom: .8rem
}
#other .st2-btn[data-color="9"] .st2-btn__container {
	background: #007d04;
	border-radius: 100px;
	border-color: #007d04;
}
.other-areablk,
.other-tokusyublk {
	padding: 2rem;
}

@media (max-width: 736px) {
	.other-areablk,
	.other-tokusyublk {
		padding: 0;
	}
	.other-tokusyublk{
		margin-top: 4rem !important;
	}
	.other-ttl {
		font-size: 1.5rem;
	}
	.other-areablk .st2-btn-list[data-direction=horizontal]{
		width: 90%;
		margin: 0 auto;
	}
}




/*追従---------------------*/
.fix {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
	padding: 5px 0;
	text-align: center;
	background: rgb(0,125,4,0.7);
	display: none;
}
.fix.tabbottomArea ul {
    justify-content: center;
	display: flex;
    max-width: 1100px;
    margin: 0 auto;
    padding:0;
	border-left: 1px solid #ffffff;
	box-sizing: border-box;
}
.fix.tabbottomArea ul li{
	flex: 1;
}
.fix.tabbottomArea ul li a{
    font-size: 1.6rem;
    color: #fff;
    display: block;
    border-right: 1px solid #fff;
	padding: 0.3rem 0;
}
.tabbottomArea a:hover{
	opacity: 0.8;
	text-decoration: none;
}
.st2-site-footer__page-to-top.this-active a {
	bottom: 6rem;
}
@media screen and (max-width:1024px) {
}

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

@media screen and (max-width:736px) {
	.fix {
		padding: 10px 0;
		margin: 0 -2.989%;
	}
	.fix.tabbottomArea ul {
		border-left: none;
	}
	.fix.tabbottomArea ul li a{
		font-size: 1.2rem;
		padding: 0.5rem 0;
	}
	.fix.tabbottomArea ul li:last-child a{
		border-right: none;
	}
}


/*accodion*/
.toggle {
	display: block;
	position: relative;
	padding: 10px 30px 10px 10px;
	background: #f7f7f7;
	cursor: pointer;
	text-decoration: none;
	color: #333;

}
.toggle:after {
	content: "＋";
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: bold;
	transition: transform 0.2s;
}
.toggle.open:after {
  content: "－";

}
.toggle:hover{
	opacity: 1.0;
}
.childmenu {
	display: none;
	background-color: #fff5ea;
	padding: 0 0.5rem 0.5rem 0.5rem;
	text-align: left;
}
.childmenu li {
	display: inline-block;
	vertical-align: middle;
	width: 31%;
	text-align: center;
}
.childmenu li a {
	display: block;
	font-size: 1.2rem;
	line-height: 1.2;
}

@media (min-width: 737px) {
}
@media (max-width:1024px) {
}
@media (max-width:736px) {
	.toggle:after{
		right: 0.3rem;
		font-size: 1.2rem;
	}
	.childmenu li {
		width: 48%;
	}
	.childmenu li a {
		font-size: 1.0rem;
	}

}

/*slide*/
.slide-items{
	width: 98%;
	margin: 0 auto;
}
.slick-track {
	display: flex;
}
.slick-slide {
  height: auto !important;
}
.slide-items li.panel  {
	box-sizing: border-box;
	height: 100%;
	margin-right: 1.5rem;
}
.slide-items h4{
	font-size: 1.8rem;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	margin: 1rem;
}
.slide-items p{
	font-size: 1.4rem;
	line-height: 1.5;
	color: #333;
}

.slick-dots li button:before{
	font-size: 10px;
}
.slick-prev, .slick-next{
	width:25px;
    height: 25px;
}
.slick-prev {
    left: -35px;
}
.slick-next {
    right: -22px;
}
.slick-prev:before, .slick-next:before{
	font-size: 25px;
	opacity: 1.0;
	color: #333333 !important;
}

@media (max-width: 736px) {
	.slide-items{
		width: 80%;
	}
	.slide-items li.panel  {
		margin-right: 0;
		box-shadow:none;
	}
	.slick-prev, .slick-next{
		width:35px;
		height: 35px;
	}
	.slick-prev:before, .slick-next:before{
		font-size: 28px;
	}
	.slick-prev {
		left: -43px;
	}
	.slick-next {
		right: -41px;
	}
	.slick-track {
		padding-bottom: 1rem;
	}
	.slide-items h4{
		font-size: 1.6rem;
	}
	.slide-items p{
		font-size: 1.2rem;
	}

}