
@charset "UTF-8";
/*reset---------------------*/
p,ul,li,dl,dt,dd{
	margin: 0;
	padding: 0;
}
ul{
	list-style-type: none;
}
a:hover  {
	text-decoration: none;
	opacity:0.8;
	transition:0.3s;
}
.st2-btn__container:hover {
    text-decoration: none;
}

@media (min-width: 737px) {
    .st2-page-title__heading__txt {
        font-size: 1.8rem;
		font-weight: 400;
    }
}
@media (max-width: 736px){
	.st2-btn__container{
		max-width: 100%;
	}
}
.st2-color-section[data-color="10"]+.st2-color-section[data-color="10"] {
     margin-top: 0; 
}
/*h1------------*/
.st2-page-title__heading__txt {
    font-size: 1.3rem;
    font-weight: normal;
}
.st2-page-title {
    padding: 0.5rem 20px 0;
    margin-bottom: 0.5rem;
}
@media (max-width: 736px){
	.st2-page-title {
		padding-top: 0.5rem;
		margin: 0 auto 0.5rem;
	}
	.st2-page-title__heading__txt {
		font-size: 1.0rem;
		font-weight: normal;
	}
}

/*mv------------*/

.st2-main-container {
    padding-top: 0;
}
#blk01 {
	background: url(/contents/autumn/images/autumn_mv_bk_pc.jpg) no-repeat;
	background-size:cover;
	background-position: top center;
	font-size: 0;
	margin: 0 -2rem 5rem;
}
#top_img img {
	text-align: center;
	width: auto;
	display: block;
	margin: 0 auto;
}

@media (max-width: 736px){
	.st2-page-title {
		padding:0.5rem 0 0;
		margin: 0 auto 0.5rem;
	}
	.st2-page-title__heading__txt {
		font-size: 1.0rem;
		font-weight: normal;
	}
	#blk01 {
		margin: 0 -2.989% 2rem;
	}
}
/*anc------------*/
.anc_area {
	max-width: 1100px;
	margin: 0 auto;
}
.anc_area ul {
	display: flex;
}
.anc_area ul li {
	width: 20%;
}
.anc_area ul li a{
    background-color: #fff47c;
    border-radius: 6px;
    display: block;
    /*box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.21);*/
    border: 2px solid #8c0063;
    padding: 1rem;
    font-size: 1.4rem;
    text-align: center;
    position: relative;
    margin-right: 1rem;
    color: #8c0063;
	border-bottom: 4px solid #8c0063;
}
.anc_area ul li:last-child a{
	margin-right: 0;
}
.anc_area p a {
	font-size: 1.3rem;
    text-align: right;
    margin-top: 1.5rem;
    position: relative;
    padding-right: 2.5rem;
	color: #8c0063;
	display: block;
}

.anc_area .st2-icon-bottom-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.8rem;
	width: 1.2rem;
	height: 1.2rem;
	fill: #8c0063;
}
.anc_area p .st2-icon-bottom-arrow{
	fill: #8c0063;
}
@media (max-width: 1024px){
	.anc_area ul li a {
		padding: 0.7rem;
		font-size: 1.3rem;
	}
	.anc_area p a{
		font-size: 1.4rem;
		padding-right: 0;
		padding-left: 2.5rem;
	}
}
@media (max-width: 736px){
	.anc_area ul {
		flex-wrap: wrap;
		margin-right: -2%;
	}
	.anc_area ul li {
		width: 48%;
		margin-right: 2%;
		margin-bottom: 0.5rem;
	}
	.anc_area ul li a {
		padding: 0.5rem;
		font-size: 1.1rem;
		margin-right: 0;
	}
	.anc_area .st2-icon-bottom-arrow {
		right: 0;
		left: 0.5rem;
		width: 0.8rem;
		height: 0.8rem;
	    fill: #8c0063;
	}
	.anc_area p a {
        font-size: 1.2rem;
		text-align: left;
		padding-left: 2rem;
    }
}
/*anc_box---------------------*/
.anc_box{
	max-width: 1100px;
	margin: 0 auto 2rem;
}
.anc_box ul {
	display: flex;
	justify-content: center;
}
.anc_box ul li {
	width: 28%;
	margin-right: 1.5%;
}
.anc_box ul li a {
    background-color: #fff47c;
    border-radius: 6px;
    display: block;
    padding: 1rem;
	border: 2px solid #8c0063;
   /* box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.21);*/
    font-size: 1.4rem;
    text-align: center;
    position: relative;
    margin-right: 1rem;
    color: #8c0063;
	border-bottom: 4px solid #8c0063;
}
.anc_box ul li a .st2-icon-bottom-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.8rem;
	width: 1.2rem;
	height: 1.2rem;
	fill: #8c0063;
}
@media (max-width: 736px){
	.anc_box {
		margin: 0 auto 1.5rem;
	}
	.anc_box ul {
		margin-right: -2%;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.anc_box ul li {
		width: 48%;
		margin-bottom: 0.5rem;
	}
	.anc_box ul li a {
		display: block;
		padding:0.7rem;
		font-size: 1.1rem;
		margin-right: 0;
	}
	.anc_box ul li a .st2-icon-bottom-arrow {
		right: 0.4rem;
		width: 0.8rem;
		height: 0.8rem;
	}
}
/*keyword---------------------*/
.keyword .st2-btn[data-color="1"] .st2-btn__container {
	border: 1px solid #8c0063;
    color: #8c0063;
	border-radius: 30px;
}
.keyword .st2-btn[data-color="1"] .st2-icon-right-arrow, .st2-btn[data-color="1"] .st2-icon-newwin, .st2-btn[data-color="1"] .st2-icon-pdf {
    fill: #8c0063;
}


@media (max-width: 736px){
	.keyword .st2-btn__txt{
		font-size: 1.1rem;
	}
    .keyword .st2-btn-list .st2-btn__container {
        padding: 0.5rem 2.5rem 0.5rem 2.3rem;
    }
	.st2-color-layout[data-color="1"]>div>div, .st2-color-layout[data-color="2"]>div>div, .st2-color-layout[data-color="3"]>div>div, .st2-color-layout[data-color="4"]>div>div, .st2-color-layout[data-color="5"]>div>div, .st2-color-layout[data-color="6"]>div>div, .st2-color-layout[data-color="7"]>div>div, .st2-color-layout[data-color="8"]>div>div, .st2-color-layout[data-color="10"]>div>div {
		padding-top: 3rem;
	}	
    .keyword .st2-color-layout>div>div {
        padding: 3rem 0 0rem;
    }
}

/*bk---------------------*/
.st2-color-layout>div>div{
	padding: 5rem 0;
}
.st2-color-layout[data-color="2"]>div {
    background: #fffddc;
}
@media (max-width: 736px){
	.st2-divide-layout[data-border] .st2-divide-layout__item,
	.st2-color-section[data-color="10"]>div{
		padding: 2rem 2.9891304348%;
	}
	.st2-color-layout>div>div{
		padding: 5rem 0 3rem;
	}
}

/*h2---------------------*/
section h2{
	max-width: 1100px;
    margin: 8rem auto 1rem;
    font-size: 4rem;
	line-height: 1.4;
}
.h2_sub_txt{
	font-size: 1.8rem;
	font-weight: normal;
	display: block;
}
section h2 img{
	display: inline-block;
	max-width: 11%;
	vertical-align: middle;
	margin-right: 0;
}
section h2>span{
	display: inline-block;
	width: 88%;
	vertical-align: middle;
}


@media (max-width: 736px){
	section h2{
		font-size: 2.0rem;
		margin: 6rem auto 1rem;
	}
	section h2 img {
		max-width: 23%;
	}
	.h2_sub_txt {
		font-size: 1.0rem;
	}
	section h2>span{
		width: 76%;
	}
}

/*h3---------------------*/
.st2-heading-lv3__heading__txt {
	margin-top:5rem;
	line-height: 1.4;
	border-left: 8px solid #89582c;
	padding-left: 10px;
	margin-bottom: 1.5rem;
}
section:first-child .st2-heading-lv3__heading__txt {
	margin-top: 0;
}
@media (max-width: 736px){
    .st2-heading-lv3__heading__txt {
        font-size: 1.8rem;
		margin-top: 3rem;
		line-height: 1.4;
		border-left: 6px solid #89582c;
		padding-left: 6px;
		margin-bottom: 1rem;
    }
}

/*h4---------------------*/
.st2-heading-lv4__heading__txt,
section h4{
	font-size: 1.8rem;
	line-height: 1.4;
}
@media (max-width: 736px){
	.st2-heading-lv4__heading__txt, section h4 {
		font-size: 1.4rem;
	}
}

/*keyword---------------------*/
 .button_kw {
  background-color: #fff;
  border: solid 2px #2f4f4f;
  color: #2f4f4f;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
}
.button_kw:hover {
  color: #2f4f4f;
  background-color: #b0e0e6;
}

/*osusume---------------------*/
.osusumetokushu{
	padding-top: 3rem;
}

/*ranking---------------------*/
section.ranking h4{
	display: flex;
    align-items: center;
	margin: 0.8rem 0;
}
section.ranking .st2-divide-layout[data-border] .st2-divide-layout__item:nth-child(n+4) h4{
	align-items: center;
}
section.ranking h4 img{
	width: 13%;
	height: 100%;
	margin-right: 2%;
}
section.ranking .st2-color-section[data-color="10"]>div {
	border: 1px solid #ccc;
	background: rgb(255 255 255 / 80%);
	margin: 3rem auto;
	width: 80%;
}
section.ranking .st2-divide-layout[data-column="4"]>div>div>div>div {
	margin: -2rem 0 0 -1.4545454545%;
}
section.ranking .st2-btn__container{
	max-width: 100%;
}
section.ranking .st2-paragraph p {
	font-size: 1.4rem;
}
section.ranking .st2-list__item {
	font-size: 1.4rem;
}
section.fit_area .st2-paragraph p {
	font-size: 1.6rem;
}
section.fit_area .st2-list--note__item>div.st2-list--note__container {
	font-size: 1.4rem;
}
section.fit_area .st2-paragraph {
    margin-bottom: 0;
}
section.fit_area .st2-list--note__item{
	padding-left: 1.6rem;
}
section.fit_area .st2-btn-list__holder{
	text-align: center;
}
section.fit_area .st2-btn-list__item{
	width: 40%;
}
@media (max-width: 736px){
	section.ranking h4 img{
		width: 10%;
	}
	section.fit_area .st2-paragraph p {
		font-size: 1.1rem;
		line-height: 1.4;
	}
	section.fit_area .st2-list--note__item>div.st2-list--note__container {
		font-size: 1.0rem;
		line-height: 1.4;
	}
	section.ranking .st2-paragraph p {
		font-size: 1.1rem;
	}
	section.ranking .st2-list__item {
		font-size: 1.2rem;
	}
	section.ranking .st2-divide-layout[data-column="4"]>div>div>div>div {
		margin: 0;
	}
	section.fit_area .st2-btn-list__item {
		width: 100%;
		margin:1rem 0 0 0;
	}
	section.ranking .st2-color-section[data-color="10"]>div {
		padding:0 1rem 1rem 1rem;
		width: 100%;
	}
	section.fit_area .st2-list--note {
		margin-bottom: 0rem;
	}
	section.fit_area .st2-btn-list__holder {
        margin:1rem 0 0 0;
    }
}

/*otoku---------------------*/
@media (max-width: 736px){
	.st2-paragraph[data-size=smaller] p {
		font-size: 1.0rem;
	}
}
/*spot_hotel---------------------*/
.spot_hotel .st2-list__item {
	font-size: 1.4rem;
}
.spot_hotel .st2-pic-block__pic-caption p {
	font-size: 1.4rem;
	line-height: 1.4;
}
.spot_hotel .st2-slider__pagination {
    margin: 1rem auto 0;
}

@media (max-width: 736px){
	.spot_hotel .st2-list__item {
		font-size: 1.2rem;
	}
	.spot_hotel .st2-pic-block__pic-caption p {
		font-size: 1.2rem;
	}
}
.st2-btn-list[data-direction=horizontal] .st2-btn-list__holder:has(>:nth-child(2)) .st2-btn-list__item{
	width: 31.5%;
}
@media (max-width: 736px){
.st2-btn-list[data-direction=horizontal] .st2-btn-list__holder:has(>:nth-child(2)) .st2-btn-list__item{
	width: 100%;
}

}
/*mokuteki---------------------*/
.mokuteki .st2-btn-list__item {
    display: inline-block;
    width: 31.5%;
}
.mokuteki .st2-btn-list {
    margin-bottom: 1rem;
}
.st2-list--anchor[data-color="1"] i {
    background: #8c0063;
}
.st2-heading-lv3__heading__txt {
    border-left: 8px solid #8c0063;
}

@media (max-width: 736px){
    .mokuteki .st2-btn-list__holder {
        margin: 0;
    }
	.mokuteki .st2-btn-list__item {
		display: block;
		width: 100%;
		margin: 0 0 1rem 0;
	}
	.mokuteki .st2-heading-lv4 {
		margin-bottom: 0.5rem;
	}
}
/*search---------------------*/

.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt{
	font-size: 1.5rem;
	font-weight: normal;
	color: #8c0063;
}
.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__container{
	padding: 0.5rem 1.5rem;
}
.search_jyoken .st2-search-kokunaidp {
    margin: 0;
}
.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__switcher .st2-icon-bottom-arrow{
	right: 0.5rem;
}
.search_jyoken .st2-tab--changer[data-color="5"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__container{
	background: #fff47c;
}
.search_jyoken .st2-tab--changer[data-color="5"] .st2-tab--changer__switcher .st2-icon-bottom-arrow{
	fill: #8c0063;
}
.search_jyoken .st2-tab--changer[data-color="5"] .st2-tab--changer__container{
	border: 2px solid #8c0063;
	border-bottom: none;
}
.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__item[aria-selected=true] .st2-tab--changer__item-txt{
	color: #8c0063;
}
.search_jyoken .st2-tab--changer[data-color="5"] .st2-tab--changer__switcher {
    border-bottom: 2px solid #8c0063;
}
.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__container {
    padding: 0.5rem 2.5rem;
}
.st2-tab[data-color="5"] .st2-tab__switcher .st2-icon-bottom-arrow, .st2-tab[data-color="5"] .st2-tab--changer__switcher .st2-icon-bottom-arrow, .st2-tab[data-color="5"] .st2-tab--api__switcher .st2-icon-bottom-arrow, .st2-tab--changer[data-color="5"] .st2-tab__switcher .st2-icon-bottom-arrow, .st2-tab--changer[data-color="5"] .st2-tab--changer__switcher .st2-icon-bottom-arrow, .st2-tab--changer[data-color="5"] .st2-tab--api__switcher .st2-icon-bottom-arrow, .st2-tab--api[data-color="5"] .st2-tab__switcher .st2-icon-bottom-arrow, .st2-tab--api[data-color="5"] .st2-tab--changer__switcher .st2-icon-bottom-arrow, .st2-tab--api[data-color="5"] .st2-tab--api__switcher .st2-icon-bottom-arrow {
    fill: #8c0063;
}
.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__item {
    width: 25%;
}

@media (max-width: 736px){
	.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__item{
		width: 50%;
	}
	.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__container {
		padding: 0.5rem 0.4rem 1.3rem;
	}
	.search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt {
		font-size: 1.1rem;
		font-weight: normal;
	}
    .search_jyoken .st2-tab--changer[data-style="1"] .st2-tab--changer__item-txt {
        font-size: 1rem;
    }
}


/*spot---------------------*/
.link_area_guide{
	margin-bottom: 3rem;
}
.link_area_guide .st2-list__item {
	font-size: 1.4rem;
	line-height: 1.4;
	padding-left: 0;
}
.link_area_guide .st2-list__item>a.st2-list__container::before{
	display: none;
}
.link_area_guide .st2-list--tag{
	margin: 0 auto;
}

/*faq---------------------*/
.faq .st2-color-layout[data-color="5"]>div {
    background: url(/contents/images/autumn_001.webp) 0 0 repeat;

}
.faq .st2-color-layout[data-color="5"] .st2-color-section[data-color="9"]>div>div {
    position: relative;
    padding-top: 32px;
    background-image: url(/contents/images/autumn_008.webp);
    background-repeat: repeat-x;
    background-position: top;
}
.faq .st2-color-section[data-color="9"]>div {
    margin-top: 6rem;
}
.faq .st2-color-section[data-color="9"]:first-child>div {
    margin-top: 0;
}
.faq .st2-heading-lv3 {
    margin-bottom: 0;
}
.faq .st2-heading-lv3__heading__txt {
    margin-top: 0;
    line-height: 1.4;
    border-left: none;
    padding-left: 0;
    margin-bottom: 0;
	text-align: center;
}
.faq .st2-divide-layout[data-column="3"]>div>div>div>div {
	margin: -3rem 0 0 0;
}
.faq .st2-divide-layout[data-column="3"] .st2-divide-layout__item {
        margin: 3rem 0 0 1.4336917563%;
        padding: 0 1.4336917563% 0 0;
    }
.faq .st2-divide-layout[data-border] .st2-divide-layout__item{
    border: none;
    border-right: 3px dotted #ccc;

}
.faq .st2-divide-layout[data-border] .st2-divide-layout__item:last-child{
    border: none;
}
.faq .faq_preparation_btn .st2-btn-list__item{
	width: 31%;
}
.faq .faq_preparation_btn .st2-btn[data-color="6"] .st2-btn__container{
	font-size: 1.3rem;
}
@media (max-width: 736px){
	.faq .st2-color-section[data-color="9"]>div {
		padding: 2rem 2.9891304348%;
	}
	.faq .st2-divide-layout[data-border] .st2-divide-layout__item {
		border: none;
		border-bottom: 3px dotted #ccc;
	}
	.faq .st2-divide-layout[data-column="3"] .st2-divide-layout__item {
		margin: 2rem 0 0 0;
		padding: 0;
		padding-bottom: 2rem;
	}
	.faq .st2-divide-layout[data-column="3"] .st2-divide-layout__item:last-child {
		padding-bottom: 0;
	}
	.faq .st2-paragraph[data-size=smaller] p {
		font-size: 1.1rem;
	}
	.faq .st2-divide-layout[data-column="3"]>div>div>div>div {
		margin: -1rem 0 0 0;
	}
	.st2-faq__title {
		font-size: 1.3rem;
	}
	.faq .st2-paragraph p {
        font-size: 1.1rem;
        line-height: 1.4;
    }
	.st2-faq__title-txt::before {
		top:-3px;
        left: -1.5rem;
        font-size: 1.4rem;
    }
	.st2-faq__body::before {
        top: -6px;
        left: 0.5rem;
        font-size: 1.4rem;
    }
	.st2-faq {
		margin-bottom: 0rem;
	}
	.faq .st2-btn-list__holder {
        margin: 0;
    }
	.faq .faq_preparation_btn .st2-btn-list__item {
		width: 100%;
	}
	.faq .faq_preparation_btn .st2-btn[data-color="6"] .st2-btn__container {
		font-size: 1.1rem;
	}
	.faq .st2-color-section[data-color="7"]>div{
		padding: 1rem 2.9891304348%;
	}
	.faq .st2-btn-list__item {

		margin: 0.5rem 0 0 0;
	}
}

/*ct---------------------*/
.ct .st2-heading-lv3[data-style="1"][data-color="7"]>div {
    background: none;
}
.ct .st2-heading-lv3[data-style="1"]>div {
	padding: 0;
}
.ct .st2-heading-lv3__heading__txt {
    margin-top: 5rem;
    margin: 0;
    line-height: 1.4;
    padding-left: 10px;
    border-left: 8px solid #25a881;
}
.ct .st2-heading-lv3[data-style="1"] .st2-heading-lv3__heading__txt {
    color: #333;
}
.st2-color-section:last-child {
    margin-bottom: 5rem;
}

@media (max-width: 736px){
	.ct .st2-heading-lv3__heading__txt {
		font-size: 1.4rem;
		margin-top: 0;
		line-height: 1.4;
		border-left: 6px solid #25a881;
		padding-left: 6px;
		margin-bottom: 1rem;
	}
	.ct .st2-color-layout>div>div {
        padding: 3rem 0 0;
    }
	.st2-color-section:last-child {
    margin-bottom: 3rem;
}

}
/*kanren---------------------*/
.st2-color-section[data-color="4"]>div {
    background: #fefdde;
}
/*fix---------------------*/
.fix {
	display: none;
	position: fixed;
	bottom: 0;
	margin: 0 -2rem;
	width: 100%;
	z-index: 100;
	padding: 1rem 0;
	text-align: center;
    background: rgb(252 244 135 / 51%);
}
.fix.tabbottomArea ul {
    justify-content: center;
    max-width: 1100px;
    margin: 0 auto;
    padding:0;
}
.fix.tabbottomArea ul li{
	width: 23.5%;
	display: inline-block;
	margin-right: 1%;
	vertical-align: middle;
}
.fix.tabbottomArea ul li a {
    background-color: #870c61;
    padding: 0.6rem;
    font-size: 1.3rem;
    border-radius: 5px;
    display: block;
    color: #ffffff;
    border: 2px solid #83145f;
}
.tabbottomArea a {
	flex: 1;
}
.tabbottomArea a:hover{
	opacity: 0.8;
	text-decoration: none;
}
.st2-site-footer__page-to-top.this-active a {
    bottom: 12rem;
    z-index: 110;
}
@media (max-width: 736px){
	.fix {
		margin: 0 -2.989%;
		padding: 1rem 0 0 0;
	}
	.fix.tabbottomArea ul li {
		width: 48%;
		padding-bottom: 0.5rem;
	}
    .fix.tabbottomArea ul li a {
    	background-color: #870c61;
        padding: 0.4rem;
        font-size: 1.1rem;
        border-radius: 5px;
        display: block;
    	color: #ffffff;
        /*box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.21);*/
    }
}

.el-webconnect-module {
    margin: 0;
    padding: 0;
}

.st2-paragraph[data-size=smaller] p {
	margin-top: 2rem;
}



