@charset "utf-8";
/* CSS Document */

/*共通設定*/
#heritage-wrap p,#heritage-wrap ul, #heritage-wrap a, #heritage-wrap li, #heritage-wrap h2, #heritage-wrap h3{
	margin: 0;
	padding: 0;
	background-image: none;
}

#heritage-wrap .dtl{
	padding-left: 20px;
	background-image: url("/j/shared_new/shared/images/icon_arrow1.png");
    background-repeat: no-repeat;
    background-position: left .4em;
	position: relative;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
/*#heritage-wrap .dtl::after{
	content: url("/j/shared_new/shared/images/icon_wo2.png");
	position: absolute;
	margin-left: 5px;
	margin-top: 3px;
}*/

/*TOPページ*/
#main-image{
	position: relative;
}
#main-image .main-txt{
	position: absolute;
	left: 20px;
	top: 20px;
}
#main-image ul.nav li{
	background-image:none;
	padding-left: 30px;
}

#main-image ul.nav.pc{
	display: flex;
	background: url("/j/nousin/kantai/giahs_7/img/main.jpg") no-repeat #FFFFFF center top;
	height: 397px;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 50px;
}
#main-image ul.nav li.tabe{
	margin-right: 300px;
}

@media (max-width: 767px){
	#main-image .main-txt{
		display: none;
	}
	#main-image ul.nav.pc{
		display: none;
	}
	#main-image ul.nav.sp{
		display: flex;
		background: url("/j/nousin/kantai/giahs_7/img/main_sp.jpg") no-repeat #FFFFFF center top;
		height:310px;
		background-size: contain;
		justify-content: center;
		align-items: flex-end;
		padding-bottom: 10px;
	}
	#main-image ul.nav.sp li{
		margin: 0 20px;
		padding: 0;
	}
	 #main-image ul.nav.sp li.tabe{
		margin: 0;
	}
	#main-image ul.nav.sp img{
		width: 100%;
	}
}
#model-course {
	text-align: center;
	margin-bottom: 40px;
}
#model-course .wrap{
	border: 3px solid #DAC178;
	border-radius: 10px;
	padding: 10px 30px 0 30px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	display: inline-block;
}
#model-course .wrap .ttl{
	text-align: center;
	color: #663300;
	background-color: #E2CF97;
	border-radius: 20px;
	font-weight: bold;
	padding: 2px 40px 0 40px;
	display: inline;
}
#model-course .wrap .new{
	position: absolute;
	top: 10px;
	left: -20px;
}
#model-course .wrap ul{
	text-align: left;
	margin: 20px;
}
#model-course .wrap li{
	background: url("/j/nousin/kantai/giahs_7/img/ico_arrow01.png") no-repeat left top;
	margin-bottom: 0.5em;
	padding-left: 20px;
}
#model-course .wrap li span{
	margin-left: 10px;
	margin-right: 10px;
	font-size: 75%;
	color: #663300;
	background-color: #EFEAE5;
	border-radius: 5px;
	padding: 1px 7px;
	font-weight: bold;
}
@media (max-width: 767px){
	#model-course .wrap{
		padding: 10px 10px 0 10px;
		margin-top: 20px;
	}
	#model-course .wrap .ttl{
		display: block;
	}
	#model-course .wrap ul{
		padding: 0 10px;
		margin: 20px 0 0 0;
	}
	#model-course .wrap .new{
		top: -25px;
		left: -10px;
	}
}

#heritage-info .wrap{
	border-top: solid #AE0303 4px;
	padding: 10px 10px;
	margin-top: 0.5em;
}
#heritage-info .ttl{
	background: url("/j/nousin/kantai/giahs_7/img/ico_info.png") no-repeat left top;
	padding-left: 50px;
	margin-bottom: 0.5em;
}
#heritage-info .ttl span{
	font-size: 125% ;
	font-weight: bold;
}
#heritage-info .dtl{
	margin-left: 50px;
}

#heritage-list{
	margin-bottom: 40px;
}
#heritage-list ul.list-notes {
	display: flex;
	justify-content: flex-end;
}
#heritage-list ul.list-notes li{
	border-radius: 5px;
	color: #663300;
	font-weight: bold;
	padding: 7px 25px 5px 20px;
	margin-left: 10px;
	font-size: 85%;
}
#heritage-list ul.list-notes li::before, #heritage-list ul.list li::before{
	content: "―　";
	color: #663300;
	position: absolute;
	left: 15px;
	top: 9px;
}
#heritage-list ul.list-notes .agri, #heritage-list ul.list .agri{
	background-color: #DCEBBC;
}
#heritage-list ul.list-notes .irrig, #heritage-list ul.list .irrig{
	background-color: #C9DDF5;
}
#heritage-list p.ttl{
	border-bottom: dashed #C2A978 2px;
	color: #663300;
	font-weight: bold;
	font-size: 145%;
	margin-bottom: 20px;
}
#heritage-list ul.list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#heritage-list ul.list li{
	width: 49%;
	border-radius: 5px;
	position: relative;
	margin-bottom: 10px;
}
#heritage-list ul.list li:nth-child(even){
	margin-left: 2%;
}
#heritage-list ul.list li a{
	color: #663300;
	font-weight: bold;
	padding: 10px 25px 8px 45px;
	display: block;
	text-decoration: none;
}
#heritage-list ul.list li::after{
	content: url("/j/nousin/kantai/giahs_7/img/ico_searh.png");
	position: absolute;
	right: 10px;
	top: 5px;
}
#heritage-list ul.list li.yet{
	pointer-events: none;
	opacity: 0.3;
}
#heritage-list ul.list .agri:hover{
	background-color: #c0ec97;
}
#heritage-list ul.list .irrig:hover{
	background-color: #add9ff;
}
@media (max-width: 767px){
	#heritage-list ul.list-notes{
		justify-content: center;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	#heritage-list ul.list-notes li{
		padding: 7px 15px 5px 10px;
	}
	#heritage-list ul.list{
		display: block;
		width: 100%
	}
	#heritage-list ul.list li{
		width: 100%;
	}
	#heritage-list ul.list li:nth-child(even){
		margin-left: 0;
	}
}

.note .dtl{
    padding-left: 20px;
    background-image: url(/j/shared_new/shared/images/icon_arrow1.png);
    background-repeat: no-repeat;
    background-position: left .4em;
    position: relative;
    margin-bottom: 0.5em;
}
.note .dtl::after{
	content: url("/j/shared_new/shared/images/icon_wo2.png");
	position: absolute;
	margin-left: 5px;
	margin-top: 3px;
}

/*見どころ、食べてみよう*/
#cont-nav {
	margin: 7% 0;
}
#cont-nav ul{
	display: flex;
	justify-content: flex-start;
	align-content: center;
}
#cont-nav ul li{
	padding-left: 2%;
}
#cont-nav ul li.top{
	margin-left: 5%;
}
@media (max-width: 767px){
	#cont-nav ul li img{
		width: 100%;
	}
}

#heritage-cont h2{
	color: #B25900;
	font-size: 200%;
	border-bottom: #B25900 solid 1px;
	background-color: inherit;
}
#heritage-cont h3{
	color: #B25900;
	border-left: none;
	font-size: 150%;
	margin-bottom: 10px;
	margin-top: 50px;
	border: none;
}
#heritage-cont h3::before{
	content: "■";
	margin-right: 10px;
}
#heritage-cont .cont{
	display: flex;
	margin-bottom: 30px;
}
#heritage-cont .cont .hc-dtl{
	margin-left: 40px;
}
#heritage-cont .cont .hc-dtl-link{
	margin-top: 1em;
}
#heritage-cont .cont .hc-dtl-link a{
	color: #007FFF;
	/*font-weight: bold;*/
}

@media (max-width: 767px){
	#heritage-cont .cont{display: block;}
	#heritage-cont .cont .hc-dtl{	margin-left: 0; margin-top: 20px;}
	}

/*モデルコース*/
#heritage-cont .course-list{
	margin-top: 50px;
}
#heritage-cont .course-list .ttl{
    margin-bottom: 0.5em;
    padding-left: 1.5em;
	font-size: 135%;
	position: relative;
}
#heritage-cont .course-list .ttl::before{
	content: url("/j/nousin/kantai/giahs_7/img/ico_arrow02.png") ;
	position: absolute;
	top: 0px;
	left: 2px;
}
#heritage-cont .course-list .ttl a{
	background: url("/j/shared_new/shared/images/icon_pdf.png") no-repeat right 40%;
    margin: 0 4px 0 0;
    padding: 0 28px 0 0;
}

#heritage-cont .course-list .ttl span{
	    margin-left: 10px;
    margin-right: 10px;
    font-size: 75%;
    color: #663300;
    background-color: #EFEAE5;
    border-radius: 5px;
    padding: 1px 7px;
    font-weight: bold;
}

#heritage-cont .course-list .img{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-left: 40px;
}
#heritage-cont .course-list .img p:not(:last-child){
	margin-right: 20px;
}

@media (max-width: 767px){
	#heritage-cont .course-list .img p{
		margin-bottom: 10px;
	}
}


/*見どころ、食べてみよう！*/
#heritage-cont h4{
	color: #B25900;
	background: url("/j/nousin/kantai/giahs_7/img/ico_arrow03.png") #EFEAE5 no-repeat 10px center ;
	padding: 7px 10px 3px 40px;
	font-size: 135%;
	letter-spacing: 2px;
	border-radius: 5px;
	border: none;
}

/*各遺産ページ*/
#heritage-cont.main .cont{
	margin-top: 20px;
}
#heritage-cont.main .cont .hc-img{}
#heritage-cont.main .cont .hc-map{
	margin: auto;
	text-align: center;
}
#heritage-cont.main .lead h5{
	color: #b25900;
	font-size: 150%;
	margin-bottom: 0.5em;
}
#heritage-cont.main .lead p{
	color: #b25900;
}
#heritage-cont.main h6{
	color: #b25900;;
	font-size: 150%;
	border-radius: 5px;
	margin: 40px 0 20px ;
	padding: 7px 10px 3px 40px;
	background: url("/j/nousin/kantai/giahs_7/img/ico_arrow03.png") #EFEAE5 no-repeat 10px center;
}

@media (max-width: 767px){
	#heritage-cont.main .cont .hc-img img{width: 100%; max-width: 360px;}
}

@media (min-width: 768px){
	.sp{display: none;}
}