@charset "utf-8";
/* CSS Document */
/****************************************************************************/
/*								東栄町の伝統神事 花祭特集 					*/
/****************************************************************************/


.pc { display: block; }
.sp { display: none; }


#head_title {
	margin: 0 auto 25px !important;
}

#lnav {
	width: 1030px;
	margin: 0 auto 80px;
}

#lnav li {
	float: left;
	padding-right: 10px;
}

#lnav li:nth-child(1) {
	background: url(../img/feature/hanamatsuri/nav_i001.png) no-repeat right top;
}

#lnav li:nth-child(2) {
	background: url(../img/feature/hanamatsuri/nav_i002.png) no-repeat right top;
}

#lnav li:nth-child(3) {
	background: url(../img/feature/hanamatsuri/nav_i003.png) no-repeat right top;
}

#lnav li:nth-child(4) {
	background: url(../img/feature/hanamatsuri/nav_i004.png) no-repeat right top;
}

#lnav li:nth-child(5) {
	background: url(../img/feature/hanamatsuri/nav_i005.png) no-repeat right top;
}

#lnav li:nth-child(6) {
	background: url(../img/feature/hanamatsuri/nav_i006.png) no-repeat right top;
}

#lnav li:nth-child(7) {
	padding: 0;
}

#hanamatsuri {
	width: 1030px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#hanamatsuri .box {
	margin-bottom: 115px;
}

#hanamatsuri a {
	text-decoration: underline;
}


#hanamatsuri .ttl-box {
	text-align: center;
}

#hanamatsuri #box01 .ttl-box {
	margin-bottom: 40px;
}

#hanamatsuri #box01 .lead {
	float: left;
	width: 370px;
	font-size: 1.8rem;
	line-height: 2;
}

#hanamatsuri #box01 .photo {
	float: right;
}

#hanamatsuri #box02 {
	background: url(../img/feature/hanamatsuri/box02_bg001.png) no-repeat center top;
}

#hanamatsuri #box02 .ttl-box {
	margin-bottom: 30px;
}

#hanamatsuri #box02 .list {
	position: relative;
}

#hanamatsuri #box02 .list .img {
	position: absolute;
	bottom: -200px;
	left: 430px;
}

#hanamatsuri #box02 .list dl {
	width: 575px;
	margin-top: 70px;
}

#hanamatsuri #box02 .list dl dt {
	margin-bottom: 30px; 
}

#hanamatsuri #box02 .list dl dd{
	font-size: 1.8rem;
	line-height: 2;
}

#hanamatsuri #box02 .txtR .photo {
	float: left;
	margin-left: 15px;
}

#hanamatsuri #box02 .txtR dl {
	float: right;
	margin-right: 15px;
}

#hanamatsuri #box02 .txtL .photo {
	float: right;
	margin-right: 15px;
}

#hanamatsuri #box02 .txtL dl {
	float: left;
	margin-left: 15px;
}

#hanamatsuri #box02 .list01 {
	margin-bottom: 60px;
}

#hanamatsuri #box02 .list02 {
	margin-bottom: 150px;
}

#hanamatsuri #box02 .list03 {
	margin-bottom: 60px;
}

#hanamatsuri #box02 .list04 {
	margin-bottom: -60px;
}

#hanamatsuri #box02 .list04 dl {
	margin-top: 150px;
	
}

#hanamatsuri #box02 .list05 {
	margin-bottom: 90px;
}

#hanamatsuri #box02 .list05 dl {
	margin-top: 150px;

}

#hanamatsuri #box03 {
	margin-bottom: 125px;
}

#hanamatsuri #box03 .ttl-box {
	margin-bottom: 30px;
}

#hanamatsuri #box03 ul {
	width: 1023px;
	margin: 0 auto;
}

#hanamatsuri #box03 li {
	position: relative;
	margin-bottom: 50px;
}

#hanamatsuri #box03 li .lead {
	position: absolute;
	font-size: 1.8rem;
	line-height: 1.8;
}

#hanamatsuri #box03 li:nth-child(odd) .lead{
	top: 35px;
	right: 70px;
	width: 730px;
}

#hanamatsuri #box03 li:nth-child(even) .lead{
	top: 20px;
	left: 65px;
	width: 750px;
}

#hanamatsuri #box04 {
	margin-bottom: 90px;
}

#hanamatsuri #box04 .ttl-box {
	margin-bottom: 45px;
}

#hanamatsuri #box04 .ttl-box04 {
	margin-bottom: 40px;
	color: #db0017;
	font-size: 3.6rem;
	font-weight: normal;
	text-align: center;
}

#hanamatsuri #box04 .photo {
	margin-bottom: 40px;
	text-align: center;
}

#hanamatsuri #box04 ul {
	width: 690px;
	margin: 0 auto 80px;
	font-size: 1.8rem;
}

#hanamatsuri #box04 .table-box {
	width: 100%;
	margin-bottom: 40px;
}

#hanamatsuri #box04 .table-box th {
	padding: 20px 10px;
	background: #db0017;
	border: 1px solid #b4b4b4;
	color: #fff;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
}

#hanamatsuri #box04 .table-box td {
	padding: 20px 10px;
	border: 1px solid #b4b4b4;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}

#hanamatsuri #box04 .table-box tr:nth-child(odd) {
	background: #fbe5e7;
}

#hanamatsuri #box04 .table-box tr:nth-child(even) {
	background: #fff;
}

#hanamatsuri #box04 .table-box td:nth-child(1) {
	border-right: none;
}

#hanamatsuri #box04 .table-box td:nth-child(2) {
	border-left: none;
	font-size: 1.4rem;
}

#hanamatsuri #box04 .txt {
	font-size: 1.8rem;
	margin-bottom: 40px;
	text-align: center;
}

#hanamatsuri #box04 .table-box02 {
	width: 100%;
	table-layout: fixed;
}

#hanamatsuri #box04 .table-box02 th {
	padding: 20px 10px;
	background: #db0017;
	border: 1px solid #b4b4b4;
	color: #fff;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
#hanamatsuri #box04 .table-box02 th span {
	font-size: 1.4rem;
}

#hanamatsuri #box04 .table-box02 td {
	padding: 20px 10px;
	border: 1px solid #b4b4b4;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}

#hanamatsuri #box04 .table-box02 tr:nth-child(odd) {
    background-color: #fbe5e7;
}

#hanamatsuri #box04 .table-box02 tr:nth-child(even) {
    background-color: #fff;
}

#hanamatsuri #box04 .table-box02 th:nth-child(1) {
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px));
}

#hanamatsuri #box04 .table-box02 td:nth-child(1) {
	font-weight: bold;
}

#hanamatsuri #box04 .schedule {
	margin-bottom: 80px;
}

#hanamatsuri #box04 .schedule th:nth-child(1) {
	background-image: none;
}

#hanamatsuri #box05 {
	position: relative;
	margin-bottom: 105px;
}

#hanamatsuri #box05 .ttl-box {
	margin-bottom: 40px;
}

#hanamatsuri #box05 .lead {
	position: absolute;
	top: 295px;
	right: 0;
	width: 560px;
	font-size: 1.8rem;
	line-height: 2;
}

#hanamatsuri #box06 {
	margin-bottom: 120px;
}

#hanamatsuri #box06 .ttl-box {
	margin-bottom: 40px;
}

#hanamatsuri #box06 .photo {
	margin-bottom: 30px;
}

#hanamatsuri #box06 ul {
	width: 950px;
	margin: 0 auto;
	font-size: 1.8rem;
}

#hanamatsuri #box07 .ttl-box {
	margin-bottom: 15px;
}

#hanamatsuri #box07 .box-lead {
	margin-bottom: 30px;
	font-size: 1.8rem;
	text-align: center;
}


#hanamatsuri #box07 .list {
	margin-bottom: 100px;
}

#hanamatsuri #box07 .txtR .photo {
	float: left;
	margin-left: 15px;
}

#hanamatsuri #box07 .txtR .lead {
	float: right;
	margin-right: 15px;
}

#hanamatsuri #box07 .txtL .photo {
	float: right;
	margin-right: 15px;
}

#hanamatsuri #box07 .txtL .lead {
	float: left;
	margin-left: 15px;
}


#hanamatsuri #box07 .lead {
	width: 575px;
	margin-top: 40px;
}

#hanamatsuri #box07 .ttl-box07 {
	margin-bottom: 15px;
	font-size: 3.6rem;
	font-weight: normal;
}

#hanamatsuri #box07 .tel {
	margin-right: 25px;
	padding-left: 30px;
	background: url(../img/feature/hanamatsuri/tel_i001.png) no-repeat left top 0.3em;
	font-size: 2.4rem;
}

#hanamatsuri #box07 .icon {
	margin-right: 10px;
	padding: 2px 10px 1px;
	font-size: 1.6rem;
	color: #fff;
}

#hanamatsuri #box07 .icon01{
	background: #d856a9;
}

#hanamatsuri #box07 .icon02{
	background: #617cb9;
}

#hanamatsuri #box07 .txt{
	margin: 20px 0 35px;
	font-size: 1.8rem;
	line-height: 2;
}

#hanamatsuri #box07 .url{
	font-size: 1.8rem;
	line-height: 2;
}

#hanamatsuri #box08 { padding: 24px; background: url("../img/feature/hanamatsuri/box08_bg001.png") repeat-y; background-size: 100% auto; }
#hanamatsuri #box08 .box08-inner { padding: 45px 25px 40px; background-color: #fff; }
#hanamatsuri #box08 h3 { margin: 25px 0; font-size: 2.4rem; text-align: center; }
@media screen and (max-width: 640px) { #hanamatsuri #box08 h3 { margin: 0; } }
@media screen and (max-width: 640px) { #hanamatsuri #box08 .photo { margin: 2em 0; } }
#hanamatsuri #box08 .left { float: left; width: 48%; padding-left: 25px; font-size: 1.8rem; line-height: 1.8; }
@media screen and (max-width: 640px) { #hanamatsuri #box08 .left { float: none; width: 100%; padding-left: 0; } }
#hanamatsuri #box08 .right { float: right; padding-right: 25px; }
#hanamatsuri #box08 h4 { margin: 25px 0 15px; color: #ab2835; font-size: 1.8rem; }
#hanamatsuri #box08 dl { margin-bottom: 20px; line-height: 1.5; }
#hanamatsuri #box08 dl dt { float: left; font-weight: bold; }
#hanamatsuri #box08 dl dd { margin: 0 0 5px 4em; }
#hanamatsuri #box08 dl dd span { font-size: 1.5rem; }

#hanamatsuri .note { padding: 20px;border: solid 3px #db0017; background-color: #fff; color: #db0017; text-align: center; line-height: 1.8; font-size: 1.8rem; margin-bottom: 50px; }
#hanamatsuri .note dl dt { font-size: 120%; font-weight: bold; margin-bottom: 10px; }
#hanamatsuri .note dl div { display: flex; margin: 20px auto 0; width: 70%; justify-content: space-around; }
@media screen and (max-width: 640px) { #hanamatsuri .note dl div { width: 100%; display: block; text-align: center; } }
@media screen and (max-width: 640px) { #hanamatsuri .note dl div dd { margin-top: 5% } }




@media screen and (max-width:640px){
	
		img, button{
			max-width: 100%;
			height: auto;
			width:auto;
		}
		.pc { display: none !important; }
		.sp { display: block !important; }
		
		.scroll { margin-bottom: 10%; overflow: auto; white-space: nowrap; }
		.scroll::-webkit-scrollbar { height: 5px; }
		.scroll::-webkit-scrollbar-track { background: #F1F1F1; }
		.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }
    
		.break{ word-break: break-all; }
		
		#head_title {
			width: 100%;
		}
		
		#head_title img {
			width: 96%;
			margin: 0 auto;
		}


		#lnav {
			width: 96%;
			margin: 0 auto 10%;
			text-align: center;
		}
		
		#lnav li {
			float: none;
			display: inline-block;
			padding-right: 1%;
			margin-bottom: 2%;
			background-size: auto 100% !important;
		}

		#lnav li:nth-child(1) {
			width: 20%;
		}
		
		#lnav li:nth-child(2) {
			width: 15%;
		}
		
		#lnav li:nth-child(3) {
			width: 18%;
		}
		
		#lnav li:nth-child(4) {
			width: 20%;
		}
		
		#lnav li:nth-child(5) {
			width: 20%;
		}
		
		#lnav li:nth-child(6) {
			width: 24%;
		}
		
		#lnav li:nth-child(7) {
			width: 17%;
		}



	#hanamatsuri {
			width: 96%;
		}

		#hanamatsuri .box {
			margin-bottom: 15%;
		}

		#hanamatsuri #box01 .ttl-box {
			width: 40%;
			margin: 0 auto 5%;
		}
		
		#hanamatsuri #box01 .lead {
			float: none;
			width: 100%;
		}
		
		#hanamatsuri #box01 .photo {
			float: none;
			margin-bottom: 3%;
		}

		#hanamatsuri #box02 {
			background: none;
		}

		#hanamatsuri #box02 .ttl-box {
			width: 60%;
			margin: 0 auto 5%;
		}

		#hanamatsuri #box02 .list dl {
			width: 100%;
			margin-top: 3%;
		}

		#hanamatsuri #box02 .list dl dt {
			margin-bottom: 3%; 
		}
		
		#hanamatsuri #box02 .list .photo img {
			width: 100%;
			height: auto;
		}

		#hanamatsuri #box02 .txtR .photo {
			float: none;
			margin-left: 0;
		}
		
		#hanamatsuri #box02 .txtR dl {
			float: none;
			margin-left: 0;
		}
		
		#hanamatsuri #box02 .txtL .photo {
			float: none;
			margin-left: 0;
		}
		
		#hanamatsuri #box02 .txtL dl {
			float: none;
			margin-left: 0;
		}

		#hanamatsuri #box02 .list01 {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box02 .list02 {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box02 .list03 {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box02 .list04 {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box02 .list04 dl {
			margin-top: 3%;
			
		}
		
		#hanamatsuri #box02 .list05 {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box02 .list05 dl {
			margin-top: 3%;
		}

		#hanamatsuri #box03 {
			margin-bottom: 10%;
		}

		#hanamatsuri #box03 .ttl-box {
			width: 60%;
			margin: 0 auto 5%;
		}

		#hanamatsuri #box03 ul {
			width: 100%;
		}

		#hanamatsuri #box03 li {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box03 li .img {
			width: 40%;
			margin: 0 auto 3%;
		}
		
		#hanamatsuri #box03 li .img img {
			width: 100%;
			height: auto;
		}

		#hanamatsuri #box03 li .lead {
			position: static;
		}

		#hanamatsuri #box03 li:nth-child(odd) .lead{
			width: 100%;
		}
		
		#hanamatsuri #box03 li:nth-child(even) .lead{
			width: 100%;
		}

		#hanamatsuri #box04 {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box04 .ttl-box {
			margin: 0 auto 5%;
		}

		#hanamatsuri #box04 .ttl-box04 {
			margin-bottom: 3%;
			font-size: 2.6rem;
		}
		
		#hanamatsuri #box04 .photo {
			margin-bottom: 5%;
		}
		
		#hanamatsuri #box04 ul {
			width: 100%;
			margin: 0 auto 10%;
		}

		#hanamatsuri #box04 .table-box {
			margin-bottom: 0;
		}

		#hanamatsuri #box04 .table-box th {
			font-size: 1.4rem;
		}
		
		#hanamatsuri #box04 .table-box td {
			font-size: 1.4rem !important;
		}
		
		#hanamatsuri #box04 .txt {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box04 .table-box02 {
			table-layout: auto;
		}
		
		#hanamatsuri #box04 .table-box02 th, #hanamatsuri #box04 .table-box02 td {
			font-size: 1.4rem;
		}
		
		#hanamatsuri #box04 .table-box02 th:nth-child(1), #hanamatsuri #box04 .table-box02 td:nth-child(1) {
			padding: 20px 30px;
		}

		#hanamatsuri #box04 .schedule {
			margin-bottom: 0;
		}


		#hanamatsuri #box05 {
			margin-bottom: 10%;
		}

		#hanamatsuri #box05 .ttl-box {
			width: 80%;
			margin: 0 auto 5%;
		}

		#hanamatsuri #box05 .lead {
			position: static;
			width: 100%;
			margin-top: 3%;
		}
		
		#hanamatsuri #box06 {
			margin-bottom: 10%;
		}

		#hanamatsuri #box06 .ttl-box {
			width: 80%;
			margin: 0 auto 5%;
		}

		#hanamatsuri #box06 .photo {
			margin-bottom: 3%;
		}
		
		#hanamatsuri #box06 ul {
			width: 100%;
		}

		#hanamatsuri #box07 .ttl-box {
			width: 50%;
			margin: 0 auto 5%;
		}

		#hanamatsuri #box07 .box-lead {
			margin-bottom: 10%;
		}

		#hanamatsuri #box07 .list {
			margin-bottom: 10%;
		}
		
		#hanamatsuri #box07 .photo {
			margin-bottom: 3%;
		}
		
		#hanamatsuri #box07 .photo img {
			width: 100%;
			height: auto;
		}
		
		#hanamatsuri #box07 .txtR .photo {
			float: none;
			margin-left: 0;
		}
		
		#hanamatsuri #box07 .txtR .lead {
			float: none;
			margin-left: 0;
		}
		
		#hanamatsuri #box07 .txtL .photo {
			float: none;
			margin-left: 0;
		}
		
		#hanamatsuri #box07 .txtL .lead {
			float: none;
			margin-left: 0;
		}


		#hanamatsuri #box07 .lead {
			width: 100%;
			margin-top: 0;
		}
}