.main section:nth-of-type(even) {
    background-color: #F6F3ED; 
}
.section_inner {
    padding: 6rem 0 6rem;
}

@media (min-width: 1200px) {
    .section_inner {
        max-width: 1200px;
    }
}
/*---------------------------
観光情報 扉ページ
---------------------------*/
.category {
    display: flex;
    justify-content: space-evenly;
    max-width: 800px;
    margin: 0 auto 2em;
}
.category a {
    padding: 0.5em 1em;
    border: 1px #A28A3D solid;
    width: 25%;
    transition: .2s;
    text-align: center;
	color: #A28A3D;
	font-size: 2rem;
}

.category a:hover {
    background-color: #c7a94a;
    transition: 0.2s;
	color: #fff;
}

.map_wrap{
	max-width: 800px;
	margin: 0 auto;
}



/*平泉までのアクセス
---------------------------*/
.tourmap_area{
	text-align: center;
}
.tourmap_img{
	width: 50%;
}
.tab-list-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 2em auto;
}

.tab-list-wrap li {
    width: calc(50% - 10px);
    text-align: center;
    cursor: pointer;
    font-size: 2rem;
}
.tab-list:hover{
    background-color: #FFFFFF;
    color: #AE9046;
    transition: 0.5s;
}
.tab-list{
	display:block;
	text-align:center;
	box-sizing:border-box; /*borderの値を横幅に含める*/
	cursor:pointer; /*オンマウス時にカーソルを指の形に*/
 	border: 1px solid #AE9046;
    background-color: #AE9046;
    color: #fff;
    border-radius: 6px;
	padding: 10px 0;
}
.access_img {
    text-align: center;
}
.access_img .sp_onrly{
	display: none;
}
.access_img .pc_onrly{
	display: block;
	width: 100%;
}
.tab-content-wrap{
    border: 2px solid #AE9046;
    padding: 40px;
    margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
	.tourmap_img{
		width: 100%;
	}
    .tab-list-wrap li{
        width: 100%;
    }
    .tab-content-wrap{
        padding: 0;
    }
	.access_img .sp_onrly{
		display: block;
		width: 100%;
	}
	.access_img .pc_onrly{
		display: none;
	}
}
.tab-btn{
display:none; /*タブの切り替えを制御するラジオボタンを非表示に*/
}

#tab-btn1:checked ~ .tab-list-wrap #tab-list1,
#tab-btn2:checked ~ .tab-list-wrap #tab-list2,
#tab-btn3:checked ~ .tab-list-wrap #tab-list3,
#tab-btn4:checked ~ .tab-list-wrap #tab-list4{
background:#ffffff;
color:#AE9046 
}

#tab-content1,#tab-content2,#tab-content3,#tab-content4{
padding:20px;
display:none; /*初期状態を非表示に*/
}

#tab-btn1:checked ~ .tab-content-wrap #tab-content1,
#tab-btn2:checked ~ .tab-content-wrap #tab-content2,
#tab-btn3:checked ~ .tab-content-wrap #tab-content3,
#tab-btn4:checked ~ .tab-content-wrap #tab-content4 {
display: block;/*対応するボタンにチェックが入ったときに表示*/
}


.center{
    text-align: center;
    margin-top: 78px;
}

.heading.only{
    margin-bottom: 64px;
}

.link_button.back.only{
    margin-top: 3em;
}



.flex_wrap{
    display: flex;
    gap: 1rem;
	flex-direction: row;
}
.main_wrap{
	flex-grow: 1;
    height: fit-content;
}
.morioka_wrap{
    display: flex;
	align-items: stretch;
	flex-direction: row;
        gap: 1rem;
	
}
/*---------------------------
各観光情報ページ
---------------------------*/
#tourist-spot .heading_subtitle{
	margin: 0;
}

/*お知らせ*/
#news .section_inner{
	max-width: 800px;
}
.news_wrap {
    width: 80%;
    margin: 0 auto;
}
.news_wrap dl.news_dl a dt {
    color: #80232c;
}

@media screen and (min-width: 1200px) {
    .news_wrap dl.news_dl a dd {
        padding-top: 0;
    }
}

/*所在地表記*/
.right p.address{
    margin-top:20px
}

/*ちょっと足をのばしてエリア*/
.sab_spot{
    margin-bottom: 42px;
}
@media screen and (min-width: 1200px) {
	/*スポット紹介*/
	.spot_item{
		display:flex;
		justify-content: space-between;
		margin-top: 65px;
	}
	.left{
		width: 40%;
	}
	.right{
		width: 54%;
	}
	.right p{
		margin: 0;
		line-height: 2;
	}
}
/*---------------------------
モデルコース
---------------------------*/
.course_wrap{
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
	margin:1rem 0;
}
.course_wrap .spot_box{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.course_wrap .spot_box .spot{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    border:solid 2px rgb(239 68 68);
    background-color: rgb(254 226 226);
    padding: 0.5rem;
	height: 26rem;
    width: 9rem;
}
#model02 .course_wrap .spot_box .spot{
	border:solid 2px rgb(22 163 74);
    background-color: rgb(220 252 231);
}
#model02 .course_wrap .arrow_box div{
	background-color: rgb(22 163 74);
}

#model03 .course_wrap .spot_box .spot{
	border:solid 2px rgb(68 136 239);
    background-color: rgb(226 236 254);
}
#model03 .course_wrap .arrow_box div{
	background-color: rgb(68 136 239);
}

#model04 .course_wrap .spot_box .spot{
	border:solid 2px rgb(236 72 153);
    background-color: rgb(252 231 243);
}
#model04 .course_wrap .arrow_box div{
	background-color: rgb(236 72 153);
}

.course_wrap .spot_box .spot span{
    font-weight: 700;
    font-size: 2rem;
    writing-mode: vertical-rl;
    flex-grow: 1;
    line-height: 1.2;
}
.course_wrap .spot_box .spot span:first-of-type{
    flex-grow: 0;
}

.course_wrap .arrow_box{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
	flex: 1 1 0%;
}

.course_wrap .arrow_box div{
    position: relative;
    width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	background-color: rgb(220 38 38 );
	color: #fff;
	height: 8rem;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    }
.visit_time{
	font-size: 1.5rem;
    line-height: 1.5rem;
	font-weight: 700;
	color: rgb(153 27 27);
}
.visit_time p{
	margin: 0;
	text-align: center;
}

.course_wrap .spot_box .spot span.goal{
	writing-mode:initial;
}

.course_wrap.second .arrow_box div{
   clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
    }

.course_wrap.downward .arrow_box div{
   clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
	width: 9rem;
	left: 0;
    }

.course_wrap.second{
	flex-direction: row-reverse;
}

.course_wrap i {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	font-style: normal;
}
.course_wrap.second  i {
	transform: scale(-1, 1);
}
h5{
    display: inline-block;
	font-size: 2rem;
	color: #fff;
	background-color: rgb(236 72 153);
    border-radius: 9999px;
	padding: 0.5rem 3rem;
	margin: 3rem 0 1rem;
}
.sp-onrly{
	display: none;
}

/* モデルコース sp */
@media screen and (max-width: 768px) {
	.sp-onrly{
		display: block;
	}
	.course_wrap, .course_wrap.second{
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
	.course_wrap .spot_box .spot {
		padding: 0.5rem;
		height: auto;
		width: 100%;
	}	
	.course_wrap .spot_box .spot span {
		padding-bottom: 1em;
		writing-mode: unset;
		text-align: center;
	}
	.course_wrap .arrow_box div,
	.course_wrap.downward .arrow_box div,
	 .course_wrap.second .arrow_box div{
		clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
		width: 100%;
		left: 0;
	}
	.course_wrap  i {
		transform: scale(-1, 1);
	}
}