@charset "utf-8";
/* CSS Document */
p,h1,h2,h3,ul,ol,li {
	margin: 0;
	padding: 0;
}

.page-header{
    border-bottom: none;
}

/*===== PC ここから =====*/
@media print,screen and (min-width: 741px) {

    .page-header{
        border-bottom: none;
    }

	.main_ttl {
		text-align: center;
		font-size: 26px;
		margin: 0 0 40px;
	}
	.main_ttl span{
		font-size: 16px;
		display: block;
		margin: 0 0 5px 0;
		}
	.main_ttl span:last-child {
		color: #ff4800;
		font-size: 13px;
		margin: 5px 0 0 0;
		margin-bottom: 40px;
	}
	.list_fv {
		width: 1000px;
		margin: 0 auto;
		margin-bottom: 60px;
	}
	.town_list {
		margin: 0px 0px 60px 0px;
		display: flex;
		flex-wrap: wrap;
		gap: 50px;
	}
	.town_list li {
		width: 30%;
	}
	.town_list li:nth-child(3n) {
		float: left;
		margin:0px;
	}
	.town_list h3 {
		margin: 10px 0;
		font-size: 20px;
		color: #ff4800;
	}
	.town_list h3 span{
		font-size: 14px;
		color: #333;
		display: block;
		margin: 0 0 5px 0;
		}
	.town_list p {
		font-size: 13px;
	}
	.town_list a img {
		transition: 0.3s;
	}
	.town_list a:hover {
		text-decoration: none;
	}
	.town_list a:hover img {
		opacity: 0.8;
	}
	.btn {
		display: none;
	}
}

/*===== PC ここまで =====*/
/*===== SP ここから =====*/
@media screen and (max-width: 740px) {
    .page-header{
        border-bottom: none;
    }
    #town_list .main_contents{
        padding-top: 0;
    }
	#town_list .main_ttl {
		width: 160px;
		text-align: center;
		font-size: 16px;
		margin: 20px auto;
	}
	.main_ttl span{
		font-size: 12px;
		display: block;
		margin: 0 0 5px 0;
		}
	.main_ttl span:last-child {
		color: #ff4800;
		font-size: 10px;
		margin: 5px 0 0px 0;
	}
	.list_fv {
		margin: 0 0 30px 0;
		width: 100%;
		overflow: hidden;
	}
	.list_fv img {
		width: 136%;
	}
	.town_list {
		margin: 0 0 40px 0;
	}
	.town_list li {
		width: 100%;
		padding: 0 6px;
		margin: 0 0 25px 0;
	}
	.town_list img {
		width: 100%;
	}

	.town_list h3 {
		margin: 10px 0;
		font-size: 16px;
		color: #ff4800;
	}
	.town_list h3 span{
		font-size: 11px;
		color: #333;
		display: block;
		margin: 0 0 5px 0;
		}
	.town_list p {
		font-size: 11px;
	}
	.town_link {
		margin-bottom: 40px;
	}
	.town_link img {
		width: 100%;
	}
	.town_link p {
		float: left;
		width: 50%;
		padding: 0 6px;
	}
	
	.town_list li .btn{
		width: 90%;
		margin: 10px auto 20px;
	}
	.town_list li .btn a{
		color: #fff;
		display: block;
		padding: 10px 0;
		text-align: center;
		font-size: 14px;
		background-color: #ff4800;
		border-bottom: solid 3px #c33700;
		border-radius: 7px;
		position: relative;
		}
	.town_list li .btn a:hover{
		text-decoration: none;
		opacity: 0.8;
		}
	.town_list li .btn a .fa-chevron-right,.town_box .btn a .fa-chevron-right{
		font-size: 11px;
		right: 5px;
		top: 15px;
		position: absolute;
		}
	

}

/*===== SP ここまで =====*/