@charset "utf-8";

a{ color: #339082;}
a:hover{
	text-decoration: underline;
	color: #4D4D4D;
}

#wrapper{
	width: 80%;
	margin: auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
}

article{
	width: 68%;
	margin: 0 auto;
	float: left;
}

h2{
	margin: 50px 0;
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1.2;
	text-align: center;
	font-family: "新ゴ M",sans-serif;
}

.copyHanger{
	margin: 0 0 20px 0;
	border-top: 1px solid #339082;
}

.copyHanger span{
	display: inline-block;
	padding: 5px 20px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #FFFFFF;
}
.taika .copyHanger{ border-color: #DCAA0F;}
.taika .copyHanger span{ background-color: #DCAA0F;}
.disaster_recovery .copyHanger{ border-color: #EE869A;}
.disaster_recovery .copyHanger span{ background-color: #EE869A;}
.report .copyHanger{ border-color: #59BBC6;}
.report .copyHanger span{ background-color: #59BBC6;}
.album .copyHanger{ border-color: #339082;}
.album .copyHanger span{ background-color: #339082;}
.victims .copyHanger{ border-color: #59BBC6;}
.victims .copyHanger span{ background-color: #59BBC6;}

.introCopy{
	margin: 0 0 30px 0;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.2;
	font-weight: bold;
}

h3{
	position: relative;
	margin: 40px 0 10px 0;
	padding: 20px 15px 20px 30px;
	background-color: #F4F4EA;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3;
}

h3::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 20px;
	height: 2px;
	margin: auto;
	background: #339082;
	vertical-align: middle;
}

h4{
	margin: 20px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #D5D5BF;
	border-bottom: 1px solid #D5D5BF;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3;
}

h5{
	position: relative;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3;
}
h5:before{
	background: #339082;
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	margin: auto;
	left: 0;
	top: 3px;	
}

p,ul{
	padding: 20px 0;
	font-size: 16px;
	font-size: 1.6rem;
}
p + p{ padding: 0 0 20px;}

h3 + p{	padding: 10px 0 20px;}

ol,ul{
	padding: 20px 20px 20px 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
ul{ list-style: disc;}
ol{ list-style: decimal;}

table{
	display: inline-block;
	margin: 20px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

dl{
	margin: 20px 0;
	font-size: 15px;
	font-size: 1.5rem;
}

dl dt{
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
dl dd{	padding: 0 0 20px 15px;}

p a{color: #339082;}
p a:hover{text-decoration: underline;}

table th{
	padding: 5px 10px;
	background-color: #80AA88;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-align: left;
}
table td{
	padding: 5px 10px;
	background-color: #EAEAD5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.intro{margin-top: 60px;}

.pdfLink{
	margin: 15px 0;
	text-align: center;
}
.pdfLink a{
	display: inline-block;
	padding: 10px 50px 10px 20px;
	font-size: 16px;
	font-size: 1.6rem;
	background-color: #4687CE;
	background-image: url(../img/icon_pdf.html);
	background-position: center right 20px;
	background-repeat: no-repeat;
	background-size: 1.0em;
	color: #FFFFFF;
	border-radius: 10.0rem;
}
.pdfLink a:hover{
	background-color: #5FB2DC;
}

.indexList{
	width: 100%;
	padding: 10px 0 20px 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.indexList::after{
  content:"";
  display: block;
  width: 33%;
}

.indexList li{
	width: 33%;
	margin: 5px 0;
	background-color: #FFFFFF;
	border: 3px solid #DFDFD0;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	list-style: none;
}
.indexList li.one{ width: 100%;}
.indexList li.two{ width: 49.5%;}

.indexList li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	color: #333333;
	text-decoration: none;
}
.indexList li a:hover{
	background-color: #F0F0E1;
	color: #339082;
}

.indexList li img{
	width: 100%;
	/*height: 180px;*/
	object-fit: cover;
	font-family: 'object-fit: cover;';
	margin: -20px 0 20px 0;
}
.indexList li.two img{ /*height: 230px;*/}

.indexList.message{ margin: 20px 0;}
.indexList.message li{
	border: 3px solid #EE869A;
	font-size: 22px;
	font-size: 2.2rem;
}
.indexList.message li a{
	padding: 30px 0;
	color: #EE869A;
}

.wp-caption-text{
	padding: 5px 0 20px;
	font-size: 13px;
	font-size: 1.3rem;
}

#pageNavi{
	width: 100%;
	margin: 50px auto 0px;
	padding: 20px 0;
	border-top: 1px solid #DDDDDD;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
}

#pageNavi ul li{
	display: inline-block;
	list-style: none;
}

#pageNavi a{
	padding: 5px 15px;
	border-radius: 100.0rem;
	color: #339082;
	background-color: #FFFFFF;
	border: 1px solid #339082;
	text-decoration: none;
}

#pageNavi a:hover{
	color: #FFFFFF;
	background-color: #339082;
	text-decoration: none;
}

#pageNavi span{
	padding: 3px 10px;
	border-radius: 100.0rem;
}

.toList{
	margin: 30px 0;
	font-size: 15px;
	font-size: 1.5rem;
}

.toList a{
	display: inline-block;
	padding: 10px 15px;
	background-color: #F8F8F1;
	border: 1px solid #DFDFD0;
	border-radius: 100.0rem;
	color: #333333;
}
.toList a:hover{
	color: #FFFFFF;
	background-color: #339082;
	border: 1px solid #339082;
	text-decoration: none;	
}

/*** BTN ****************/
.linkBtn3{
	text-align: right;
	font-size: 15px;
	font-size: 1.5rem;
}

.linkBtn3 a{
	display: inline-block;
	padding: 10px 15px;
	background-color: #F8F8F1;
	border: 1px solid #DFDFD0;
	border-radius: 5rem;
}
.linkBtn3 a::after{
	content: " ≫";
}
.linkBtn3 a:hover{
	background-color: #CCE3E0;
	border-color: #339082;
	color: #339082;
	text-decoration: none;
}

/*** gallery ****************/
.gallery{
	width: 100%;
	padding: 10px 0 30px 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;	
}

.gallery .gallery-item{
	width: 49%;
}
.gallery img{
	width: 100%;
	height: auto;
}

.imgBtn{
	padding: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #CCE3E0;
	border-radius: 0.5rem;
}
.imgBtn a{
	display: block;
	text-align: center;
	font-weight: bold;
}

.imgBtn img{
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: 0 auto 20px;
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
}

/**************************************************
 sideBar
**************************************************/
#sideBar{
	width: 25%;
}

#sideBar h3{
	margin: 0;
	padding: 10px;
	color: #FFFFFF;
	font-size: 15px;
	font-size: 1.5rem;
	border: none;
	background-color: #339082;
}

#sideBar h3::before{ display: none;}

#sideBar nav ul{
	margin: 0 0 40px 0;
	padding: 0;
}

#sideBar nav ul li{
	font-size: 16px;
	font-size: 1.6rem;
	border-top: 1px solid #FFFFFF;
	list-style: none;
}
#sideBar nav ul li:first-child{ border: none;}

#sideBar nav ul li a{
	position: relative;
	display: block;
	padding: 10px 10px 10px 30px;
	background-color: #F8F8F1;
	color: #333333;
}

#sideBar nav ul.sub-menu{margin: 0 0 0 0;}

.mgBanner{
	padding: 30px 30px 0 30px;
	background-color: #339082;
	color: #FFFFFF;
}
.mgBanner p:first-child{
	margin: 0;
	padding: 0;
	text-align: center;
}
.mgBanner img{
	max-width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
}

.bnBtn{
	position: relative;
	margin: 0 0 50px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.bnBtn a{
	display: block;
	padding: 20px 20px 20px 30px;
	background-color: #F0F0E1;
}

.pastArticles{
	position: relative;
	margin-top: -39px;
	margin-bottom: 40px;
	padding: 10px 10px 10px 30px;
	background-color: #F8F8F1;
	font-size: 16px;
	font-size: 1.6rem;
}

.pastArticles select{
	display: block;
	width: 100%;
	padding: 10px;
}

#sideBar nav ul li a::before,
.bnBtn a::before,
.pastArticles::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	display: inline-block;
	width: 20px;
	height: 2px;
	margin: auto;
	background: #339082;
	vertical-align: middle;
}

#sideBar nav ul li a:hover,
.bnBtn a:hover{
	background-color: #E3F0EF;
	color: #339082;
}

/*** 孫 *******/
#sideBar nav ul li > ul li{
	font-size: 13px;
	font-size: 1.3rem;
	border-top: none;
}
#sideBar nav ul li > ul li a{
	padding: 6px 6px 6px 30px;
	background-color: #F0F0E3;
}
#sideBar nav ul li > ul li a::before{ display: none;}

/**************************************************
 index
**************************************************/
.index h3{
	display: block;
	margin: 20px 0 10px;
	padding: 20px 0;
	background: none;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
}
.index h3::before{
	content: '';
	position: absolute;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	bottom: -2em;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #339082;
	border-radius: 2px;
}

/**************************************************
 news
**************************************************/
#wrapper.news{ margin-bottom: 30px;}
#newsWrapper h3{ margin: 0 0 20px 0;}
#newsWrapper dl{
	margin: 0 0 20px 0;
	padding: 5px 0;
	border-bottom: 1px solid #339082;
}
#newsWrapper dl:last-of-type{ border-bottom: none;}

#newsWrapper dl dt{ margin: 0 20px 0 0;}

#newsWrapper dl dd{
	font-size: 15px;
	font-size: 1.5rem;
}
#newsWrapper dl dd a{	color: #339082;}

#upDate{
	font-size: 15px;
	font-size: 1.5rem;
	text-align: right;
}

p.noneNews{
	display: flex;
	width: 100%;
	height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
}


/**************************************************
 taika
**************************************************/
#wrapper.taika{ margin-bottom: 30px;}

.taika #sideBar h3{ background-color: #DCAA0F;}
.taika #sideBar nav ul li a:hover{ color: #DCAA0F;}
.taika #sideBar nav ul li a::before{ background-color: #DCAA0F;}

.movieHanger{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;	
}

.movieHanger .wp-caption{
	width: 49% !important;
}


/**************************************************
 disaster_recovery
**************************************************/
#wrapper.disaster_recovery{
	margin-bottom: 30px;
}
.disaster_recovery #sideBar h3{ background-color: #EE869A;}
.disaster_recovery #sideBar nav ul li a:hover{ color: #EE869A;}
.disaster_recovery #sideBar nav ul li a::before{ background-color: #EE869A;}

#wrapper.disaster_recovery iframe{
	width: 100%;
	height: 400px;
}

.messageHanger{
	padding: 20px;
	background-image: url(../img/disaster_recovery/bg_message.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.messageHanger h3{
	margin: 0;
	background: none;
	color: #FFFFFF;
	text-align: center;
}
.messageHanger h3::before{ display: none;}

.messageHanger p{
	margin: 20px 0;
	padding: 30px;
	font-size: 17px;
	font-size: 1.7rem;
	background-color: #F7F7DB;
	border-radius: 1rem;
}
.messageHanger p:last-child{ margin-bottom: 0;}

dl.meetingHanger{
	border: 1px solid #339082;
}
dl.meetingHanger.pink{
	border: 1px solid #EE869A;
}
dl.meetingHanger dt{
	position: relative;
	padding: 20px 20px 20px 30px;
	border-left: 4px solid #339082;
	font-size: 26px;
	font-size: 2.6rem;
	cursor: pointer;
}
dl.meetingHanger.pink dt{
	border-left: 4px solid #EE869A;
}
dl.meetingHanger dt:hover{ background-color: #E3F0EF;}
dl.meetingHanger.pink dt:hover{ background-color: #F8F8F1;}

dl.meetingHanger dt::before{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
	background-color: #339082;
  -webkit-border-radius: 25%;
  border-radius: 10rem;
}
dl.meetingHanger.pink dt::before{
	background-color: #EE869A;
}
dl.meetingHanger dt::after{
  position: absolute;
  top: 0;
  bottom: 3px;
  right: 27px;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 0px;
  border-right: solid 2px #FFFFFF;
  border-bottom: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

dl.meetingHanger dt.open {
	color: #FFFFFF;
	background-color: #339082;
}
dl.meetingHanger.pink dt.open { background-color: #EE869A;}

dl.meetingHanger dt.open::before{ background-color: #FFFFFF;}
dl.meetingHanger dt.open::after {
  top: 3px;
  bottom: 0;
  border-right: none;
  border-bottom: none;
  border-left: solid 2px #339082;
  border-top: solid 2px #339082;
}
dl.meetingHanger.pink dt.open::after {
  border-left: solid 2px #EE869A;
  border-top: solid 2px #EE869A;
}
dl.meetingHanger dd{
	padding: 0 20px 20px 20px;
}

dl.meetingHanger dd table{
	display: table !important;
	width: 100% !important;
}
dl.meetingHanger.pink dd table th{
	background-color: #e6b8c1;
}
dl.meetingHanger.pink dd table td{
	background-color: #faeff1;
}


/**************************************************
 bouka
**************************************************/
#wrapper.bouka{
	margin-bottom: 30px;
}

.pointHanger{
	margin: 20px 0;
	padding: 20px;
	background-color: antiquewhite;
}
.pointHanger h4{
	border: none;
	margin: 0 0 10px 0;
	padding: 5px 0;
	background-color: rgb(51, 144, 130);
	color: #FFFFFF;
	text-align: center;
}
.pointHanger dl{ margin: 0;}
.pointHanger dl dd{
	padding: 0 0 0 30px;
}

/**************************************************
 report
**************************************************/
.report #sideBar h3{ background-color: #59BBC6;}
.report #sideBar nav ul li a:hover{ color: #59BBC6;}
.report #sideBar nav ul li a::before{ background-color: #59BBC6;}

.report h3{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 20px 0;
	text-align: center;
}
.report h3::before{ display: none;}

#reportWrapper{
	width: 100%;
	margin: 0 0 20px 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
}

#reportWrapper dl {
	width: 24%;
	margin: 0.5%;
	background-color: #F0F0E1;
}

#reportWrapper dl dt{ margin: 0;}
#reportWrapper dl dt a img{
	width: 100%;
	height: 240px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#reportWrapper dl dd{
	padding: 20px;
	font-size: 15px;
	font-size: 1.5rem;
}

#reportWrapper .mgBanner{
	width: 49%;
	margin: 0.5%;
	padding: 20px;
}

#reportWrapper .mgBanner img{
	width: 50%;
	height: auto;
	float: left;
	margin: 0 20px 0 0;
}


/**************************************************
 復興まちづくり
**************************************************/
#wrapper.plan.index{
	display: block;
	margin: 0 auto 30px;
}
#wrapper.plan{ margin-bottom: 30px;}

.plan.index .introCopy{
	color: #339082;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: normal;
	text-align: center;
}

.aim{
	margin-right: calc((50% - 50vw) + 8px);
	margin-left: calc((50% - 50vw) + 8px);
}

.aim dl{
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	background-color: #EDEDED;
}

.aim dl dt{	width: 40%;}

.aim dl dt img{
	width: 100%;
	max-height: 300px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.aim dl dd{
	width: 50%;
	padding: 30px;
	margin: auto;
	font-size: 18px;
	font-size: 1.8rem;
}
.aim dl dd strong{
	font-size: 26px;
	font-size: 2.6rem;
	color: #339082;
}

.policy{
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;	
}
.policy dl{
	width: 32%;
	padding: 20px;
	border-radius: 0.5rem;
	background-color: #CCE3E0;
	text-align: center;
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
}
.policy dl dt{
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
}
.policy dl dt span{
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: normal;
}
.policy dl dd{
	margin: 20px 0 0 0;
	font-size: 15px;
	font-size: 1.5rem;
}
.policy dl dd a{
	display: block;
	padding: 10px;
	background-color: #FFFFFF;
	border-radius: 0.5rem;
}
.policy dd.t_left{
	text-align: left;
}

.co2Btn{
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

.co2Btn p{
	width: 49%;
	margin: 0.5% 0;
	font-size: 26px;
	font-size: 2.6rem;
	text-align: center;
}
.co2Btn p + p { padding: 20px 0;}
.co2Btn p a{
	display: block;
	width: 100%;
	padding: 20px 0;
	background-color: #FFFFFF;
	border: 4px solid #E0854E;
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
	-webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.20);
	color: #E0854E;
}

.aboutMenu p {	padding: 10px 0;}

.aboutMenu p a:hover{	border-color: #004030;}

.pro6Menu{
	border: 1px solid #339082;
	background-color: #F8F8F1;
}

.pro6Menu dt {
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0 0 10px 0;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
}

.pro6Menu dt a {
	display: block;
	padding: 20px;
	color: #FFFFFF;
	background-color: #80AA88;
}

.pro6Menu dt a:hover{ background-color: #339082;}

.pro6Menu dt span{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 20px;
	background-color: #339082;
	vertical-align: middle;
	line-height: 1;
	color: #FFFFFF;
}

/**************************************************
 HOPE
**************************************************/
#wrapper.hope{
	display: block;
	margin: 0 auto 50px;
}

.newHope{
	width: 49%;
	margin: 0.5%;
	font-size: 15px;
	font-size: 1.5rem;
	background-color: #59BBC6;
}
.newHope a{
	padding: 20px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	/* Positional alignment */
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	align-items: center;    /* 4 */
}
.newHope p{
	display: inline-block;
	padding: 0;
}
.newHope p{ width: 50%;}
.newHope p:first-child img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.newHope a{ color: #FFFFFF;}
.newHope a:hover{
	background-color: #339082;
	color: #FFFFFF;
	text-decoration: none;
}
.newHope p:last-child{
	padding: 0 20px;
	font-size: 30px;
	font-size: 3.0rem;
}
.newHope p:last-child span{
	display: block;
	font-size: 20px;
}

.archiveHope{
	width: 100%;
	margin: auto;
	font-size: 15px;
	font-size: 1.5rem;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	/* Positional alignment */
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
}

.archiveHope dl{
	width: 24%;
	margin: 0.5%;
	padding: 20px;
	background-color: #DFDFD0;
	text-align: center;
}

.archiveHope dl dd{ padding: 0;}


/*************************************************/
.hirobakouji{
	width: 100%;
	margin: auto;
	font-size: 15px;
	font-size: 1.5rem;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*---  ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	/* Positional alignment */
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	list-style:none;
	padding:0;
	margin-top:20px;
}

.hirobakouji li{
	width: 24%;
	margin: 0.5%;
	padding: 20px;
	background-color: #DFDFD0;
	text-align: center;
}
.hirobaphoto img{max-width:320px;max-height:200px;overflow:hidden;width:100%; height:auto;}
.hirobatxt{ text-align:justify;}
.hirobadate{ font-weight:bold;font-size:1.2em;}
@media screen and (max-width: 1280px) {
.hirobakouji li{
	width: 32%;
	margin: 0.5%;}
}


/**************************************************
 復興写真アーカイブ
**************************************************/
#wrapper.album{
	width: 90%;
}
#wrapper.album article{	width: 64%;}

#albumHanger{
	max-width: 600px;
	margin: auto;
	background-color: #333333;
}

#albumWrapper{
	width: 100%;
	margin: auto;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	/* Positional alignment */
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
}

#albumWrapper dl{
	width: 24%;
	margin: 0.5%;
}

#albumWrapper dl dt img{
	width: 400px;
	height: 200px;
	object-fit: cover; /* この一行を追加するだけ！ */
	font-family: 'object-fit: cover;';
}

#albumWrapper dl dd{
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
}

#albumNavi,#albumNavi2{
	width: 100%;
	margin: 0 auto 20px auto;
}

#albumNavi ul,#albumNavi2 ul{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	padding: 0;
}

#albumNavi ul li{
	width: 19%;
	font-size: 15px;
	font-size: 1.5rem;
	list-style: none;
}
#albumNavi2 ul li{
	width: 24%;
	font-size: 15px;
	font-size: 1.5rem;
	list-style: none;
}

#albumNavi ul li a,#albumNavi2 ul li a{
	display: block;
	padding: 20px;
	background-color: #F0F0E1;
	text-align: center;
}

#albumNavi ul li a:hover,#albumNavi2 ul li a:hover{
	color: #FFFFFF;
	background-color: #339082;
}

#albumImage{
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #000000;
}

#albumImage img{ position: absolute;}

.albumCaption{
	bottom: 10px;
	left: 10px;
	color: #FFFFFF;
}

.nextPhoto{
	position: absolute;
	width: 50%;
	height: 200px;
	right: 0;
	z-index: 50;
	cursor: pointer;
}

.nextPhoto::after{
	position: absolute;
	content: "";
	right: 10px;
	top: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto;
  border-top: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  transform: rotate(45deg);
}

.prevPhoto{
	position: absolute;
	width: 50%;
	height: 200px;
	left: 0;
	cursor: pointer;
}

.prevPhoto::after{
	position: absolute;
	content: "";
	left: 10px;
	top: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
	margin: auto;
  border-top: 4px solid #ffffff;
  border-right: 4px solid #ffffff;
  transform: rotate(225deg);
}

#albumCaption{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 5px;
	background: #333333;
	color: #FFFFFF;
}

#albumCaption p{
	margin: 0;
	padding: 0;
}

#albumCaption p.photoCaption{
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}

#albumCaption p.photoData{
	margin: 0 auto;
	position: absolute;
	right: 10px;
	top: 5px;
	bottom: 0;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	color: #EDEDED;
}

#albumSide{ width: 34%;}

#detailMap{
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
}


/**************************************************
 mapHanger
**************************************************/
#mapHanger{
	margin: 30px 0 0 0;
	width: 100%;
}
#map{
	width: 100%;
	height: 600px;
}
#map iframe{	
	margin: 0 !important;
	padding: 0 !important;
}


/**************************************************
 復興状況スライド
**************************************************/
#wrapper.slide{
	display: block;
	width: 100%;
}

#slideWrapper{
	width: 100%;
	min-height: 500px;
	margin: 0;
	padding: 30px 0 35px 0;
	background-color: #000000;
}

#slideWrapper h2{
	margin: 0;
	padding: 20px;
	color: #FFFFFF;
	background: none;
}

.nowCircle{
	margin: auto;
	width: 220px;
	height: 220px;
	padding: 50px 0;
	background-color: #E0854E;
  border-radius: 50%;
	color: #EEEEEE;
	text-align: center;
}
.nowCircle p{
	padding: 3px 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
}
.nowCircle p span{
	font-size: 30px;
	font-weight: bold;
}

.oldCircle{
	margin: auto;
	width: 180px;
	height: 180px;
	padding: 40px 0;
	background-color: #E0854E;
  border-radius: 50%;
	color: #EEEEEE;
	text-align: center;
}
.nowCircle p{
	padding: 3px 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
}
.cdCont{
	vertical-align: top;
	width: 67%;
	display: inline-block;
}
p.cdData{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.cdCont h3{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 18px;
	font-size: 1.8rem;
	color: #339081;
	background: none;
}
.cdCont h3::before{ display: none;}

.cdCont p{
	margin: 0;
	padding: 5px 0;
	font-size: 15px;
	font-size: 1.5rem;
}

.cdImg{
	vertical-align: top;
	width: 30%;
	margin: 0 2% 0 0;
	display: inline-block;
}
.cdImg img {
	width: 150px;
	height: 150px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#ayumiWrapper{
	margin: 0;
	padding: 30px 0;
	background-color: #F0F0E1;
}

#ayumiWrapper h2{
	margin: 0;
	padding: 20px;
	background: none;
}

.slideHanger{
	width: 720px;
	margin: 0 auto;
}

.slideHanger video{width: 100%;}

#seekBar{
	position: absolute;
	width: 720px;
	height: 3px;
	background-color: #FFFFFF;
	margin: 10px 0 0 0;
	padding: 0;
	z-index: 5;
}

#seekBarInner{
	width: 0;
	height: 3px;
	background-color: #FF4D4D;
}

#seekTime{
	position: absolute;
	width: 720px;
	height: 3px;
	margin: 10px 0 0 0;
	padding: 0;
	z-index: 15;
}

#repeat{
	position: absolute;
	background: url(../img/repeat.png) no-repeat center center,rgba(0,0,0,0.80);
	background-size: 70px 80px;
	z-index: 20;
	display: none;
}

.taikaBtn{
	display: block;
	width: 180px;
	margin: 20px auto;
	font-size: 15px;
	font-size: 1.5rem;	
}

.taikaBtn a{
	display: block;
	margin: auto;
	padding: 20px;
	background-color: #FFFFFF;
	text-align: center;
}

/**************************************************
 利用者別
**************************************************/
#wrapper.user{
	display: block;
}
#wrapper.user .inner{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;	
}

.user h3 {
	margin: 0;
	padding: 30px 0 20px 0;
	background: none;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: normal;
	text-align: center;
	font-family: "新ゴ M",sans-serif;
}
.user h3::before{ display: none;}

#wrapper.user .inner #newsHanger{ width: 68%;}
#wrapper.user .inner #newsHanger h4{
	margin-top: 0;
	border: 0;
	color: #339082;
	font-weight: normal;
	font-family: "新ゴ M",sans-serif;
}

#pickup { margin: 30px 0}
#pickup .inner{ padding: 0 0 30px 0;}

/** 被災された ********************/
.victims #sideBar h3{ background-color: #59BBC6;}
.victims #sideBar nav ul li a:hover{ color: #59BBC6;}
.victims #sideBar nav ul li a::before{ background-color: #59BBC6;}

#shienWrapper{
	font-size: 15px;
	font-size: 1.5rem;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;/*--- AndroidA￡A’a?“A￡A’AcA￡a??A|A￡a??A¶A§a??A¨ ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

#shienWrapper dl{
	width: 49%;
	margin: 0.5%;
	padding: 30px;
	border: 1px solid #DFDFD0;
}

#shienWrapper dl dt{
	font-size: 20px;
	font-size: 2.0rem;
	vertical-align: middle;
}
#shienWrapper dl dt::before{
	display: inline-block;
	content: "";
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#shienWrapper dl dt.seikatsu::before{ background-image: url(../img/shien/icon_seikatsu.png);}
#shienWrapper dl dt.child::before{ background-image: url(../img/shien/icon_child.png);}
#shienWrapper dl dt.building::before{ background-image: url(../img/shien/icon_building.png);}
#shienWrapper dl dt.business::before{ background-image: url(../img/shien/icon_business.png);}
#shienWrapper dl dd{ padding: 0;}

#shienWrapper dl dd{
	font-size: 16px;
	font-size: 1.6rem;
}
#shienWrapper dl dd a{
	display: block;
	margin: 5px 0;
	padding: 10px;
	background-color: #F8F8F1;
	color: #59BBC6;
}

/**************************************************
 Responsive
**************************************************/
@media only screen and (max-width: 1170px) {
	.nowCircle,.oldCircle{
		width: 90%;
		height: auto;
		margin: auto;
		padding: 10px;
		border-radius: 0;
	}
}

@media screen and (max-width: 640px){
	
	.introCopy{
		margin: 0;
		font-size: 23px;
		font-size: 2.3rem;
	}
	
	h2{
		margin: 0;
		padding: 20px 0;
		font-size: 23px;
		font-size: 2.3rem;
		background: url(../img/bg_close.png) repeat 0 0;
	}
	
	h3{
		font-size: 20px;
		font-size: 2.0rem;
	}
	
	#wrapper{
		width: 100%;
		padding: 0 10px;
	}
	
	article{
		float: none;
		width: 100%;
		padding: 10px;
	}
	
	#pageNavi{
		padding: 20px 0;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	#pageNavi ul{ padding: 0;}
	#pageNavi a{ padding: 5px 10px;}

	/** index ********************/
	.index h3{
		font-size: 20px;
		font-size: 2.0rem;
	}
	
	.indexList li,
	.indexList li.one,
	.indexList li.two{
		width: 49%;
		margin: 0.5%;
	}
	.indexList li img,
	.indexList li.one img,
	.indexList li.two img{ /*height: 100px;*/}

	/** sideBar ********************/
	#sideBar{ width: 100%;}
	
	.mgBanner{
		margin: 20px 0 0 0;
		padding: 10px 0 0 0;
		text-align: center;
	}
	
	.mgBanner img{
		width: 50%;
	}

	/**  ********************/
	#wrapper.album{
		width: 100%;
		padding: 10px;
	}
	
	#wrapper.album article { width: 100%;}
	
	/*#albumNavi { width: 90%;}*/
	#albumNavi ul,#albumNavi2 ul{		
		-webkit-justify-content: space-around; /* Safari */
		justify-content: space-around;
	}
	#albumNavi ul li,#albumNavi2 ul li{	width: 48%; margin: 1% 0;}
	#albumNavi ul li a,#albumNavi2 ul li a{ padding: 10px;}
	
	#albumWrapper dl{
		width: 48%;
		margin: 1%;
	}
	#albumWrapper dl dt img{ height: 140px;}
	
	#albumSide{
		width: 100%;
		margin: 20px 10px;
	}
	
	/** report ********************/
	#reportWrapper dl { width: 49%;}
	
	#reportWrapper dl dt a img{ height: 150px;}

	.taikaBtn{
		width: 80%;
		margin: 0 auto;	
	}

	/** plan ********************/
	#wrapper.plan.index{ padding: 10px;}
	.plan.index .introCopy{
    font-size: 24px;
    font-size: 2.4rem;		
	}
	.aim dl dt{
		width: 100%;
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	.aim dl dd{
		width: 100%;
		padding: 10px 10px 20px 10px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.policy dl{ width: 100%;}
	.co2Btn p{ width: 100%;}
	
	.pro6Menu dt{
		font-size: 16px;
		font-size: 1.6rem;		
	}
	
	.pro6Menu dt a{ padding: 10px;}
	
	.pro6Menu dt span{
		position: inherit;
		display: block;
		width: 100%;
		margin-top: 10px;
		padding: 5px;
		text-align: center;
	}
	
	/** hope ********************/
	.archiveHope dl{width: 49%;}
	.newHope{
		width: 100%;
	}
	.newHope p,
	.newHope p:first-child{
		width: 100%;
		text-align: center;
	}
	/** hirobakouji ********************/
	.hirobakouji li{width: 100%;}

	/** 復興状況スライド ********************/
	#wrapper.slide{ padding: 0;}
	#slideWrapper{min-height: 100%;}

	.slideHanger{width: 100%;}

	#seekBar{width: 100%;}

	#seekTime{width: 100%;}

	#repeat{
		background: url(../img/repeat.png) no-repeat center center,rgba(0,0,0,0.80);
		background-size: 40px 45px;
	}
	
	#reportWrapper .mgBanner img{
		display: block;
		float: none;
		margin: auto;
		text-align: center;
	}
	
	#cd-timeline{
		width: 100%;
		padding: 10px;
	}
	
	.cdImg{ width: 100%;}
	
	.cdImg img { height: 100px;}
	
	.cdCont{ width: 100%;}

	/** user ********************/
	#wrapper.user .inner #newsHanger{
		width: 100%;
		padding: 20px 0;
	}
	
	#wrapper.user .inner #newsHanger h4{
		text-align: center;
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	#shienWrapper dl{
		width: 100%;
		margin: 10px 0;
		padding: 10px;
	}

	#shienWrapper dl dt{
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	.indexList.message li{ width: 100%;}

}

/**************************************************
 糸魚川市駅北広場
**************************************************/
.e_perth{
	background-image: url(../img/ekikita/kitare2.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	height: 543px;
}
.e_map{
	display: block;
	margin: 30px auto 60px;
	width: 714px;
	height: 1200px;
}
.e_name{
	font-size: 26px;
	color: #339082;
	font-weight: bold;
	border-bottom: 1px dotted #339082;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.e_name span{
	font-size: 18px;
}
.modal_box2{
	position: fixed;
	z-index: 7777;
	display: none;
	width: 100%;
	max-width: 840px;
	margin: 0;
	padding: 20px;
	background: #fff;
	box-sizing: border-box;
}
.e_guide{
	width: 100%;
	margin: 0 auto;
	display: table;
}
.e_guide th{
	text-align: center;
	width: 50%;
	font-weight: bold;
}
.e_guide td{
	width: 25%;
}
.e_item{
	font-weight: bold;
}
.e_hosoku{
	padding-left: 20px
}
.e_dl{
	float: left;
	margin-right: 20px;
}
.e_btn img{
	padding-top: 15px;
	margin-bottom: -10px;
	margin-right: 5px;
}
area{cursor:pointer;display:block;}
@media only screen and (max-width: 640px){
.e_perth{
	height: 200px;
}
.e_map{
	width: 100%;
	height: auto;
}
.modal_box2{
	width: 90%;
	margin: 0 5%;
	padding: 10px 30px;
}
}

@media only screen and (max-width: 425px){
.e_dl{
	float: none;
}
.e_btn{
	margin-top: -10px;
}	
}

/**************************************************
 市民公園
**************************************************/
.p_main{
	width: 100%;
}
.p_guide{
	margin-top: 5px;
	margin-bottom: -10px;
}
.p_click{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display: table;
	margin: 40px auto 20px;
	padding: 10px 0px;
}
.p_map{
	display: block;
	margin: 0 auto 60px;
	width: 860px;
	height: 1200px;
}
.p_pointer{
	cursor:　pointer;
}
.p_free,.p_attention{
	width: 1024px;
	margin: 0px auto 90px;
	display: block;
}
.p_free th,.p_attention th{
	width: 15%;
	text-align: center;
	color: #000000;
	line-height: 1.5;
	padding: 0px 25px;
	font-weight: bold;
}
.p_free th{
	background-color: #FCE5E6;
	border-top: 1px solid #f3acbb;
}
.p_icon{
	display: block;
	margin: -185px auto 20px;
}
.p_icon2{
	display: block;
	margin: -55px auto 20px;
}
.p_free td,.p_attention td{
	background-color: #FFFFFF;
	padding: 0px;
}
.p_free ul,.p_attention ul{
	list-style: none;
	padding-left: 0px;
	padding: 30px 0px 0px 30px;
	margin-top: 30px;
}
.p_free ul{
	border-top: 1px solid #f3acbb;
}
.p_free ul li{
	position: relative;
    padding-left: 1em;
	padding-right: 1em;
}
.p_free .mark,.p_attention .mark{
	font-weight: bold;
	position: absolute;
    left: 0;
}
.p_free .mark{
	color: #f3acbb;
}
.p_free .please{
	font-weight: bold;
	border: 1px solid #F3ACBB;
	display: inline-block;
	padding: 0px 10px;
	margin: 30px 0px 10px;
}
.p_free .p_link{
	padding-left: 0px;
}
.p_free .p_dl{
	padding-left: 0px;
	float: left;
	margin-top: 15px;
}
.p_free .p_btn img{
	padding-top: 10px;
	margin-bottom: -10px;
	margin-right: 5px;
}
.p_attention th{
	background-color: #e3f0d9;
	border-top: 1px solid #b0d9b3;
}
.p_attention ul{
	border-top: 1px solid #b0d9b3;
}
.p_attention ul li{
	position: relative;
    padding-left: 1em;
	padding-right: 1em;
	float: left;
	margin-right: 20px;
}
.p_attention .mark{
	color: #b0d9b3;
}

.p_attention .p_item{
	width: 100%;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.p_contact{
	width: 1024px;
	background-color: #F8F8E7;
	text-align: center;
	margin: 0px auto 90px;
}
.p_contact span{
	color: #ae532d;
	font-weight: bold;
}
.p_contact .p_size{
	font-size: 26px;
}
.sp{display: none;}
.modal_box{
	position: fixed;
	z-index: 7777;
	display: none;
	width: 100%;
	max-width: 840px;
	margin: 0;
	padding: 20px 20px 15px 20px;
	background: #fff;
	box-sizing: border-box;
}
.modal_close{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	padding: 5px;
}
.modal_close img{
	display: block;
}
.modal_inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.modal_inner .photo{
	width: 50%;
	box-sizing: border-box;
	float: left;
}
.modal_inner .text{
	float: left;
	width: 47%;
	margin-left: 3%;
	text-align: justify;
}
.modal_inner .access{
	color: #ae532d;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: -5px;
}
.modal_inner .p_status{
	width: 100%;
	margin-top: 0px;
	display: table;
}
.modal_inner .p_status th{
	background-color: #efefef;
	color: #000000;
	width: 23%;
	border-width: 1px 0px;
	border-color: #9fa0a0;
	border-style: solid;
}
.modal_inner .p_status td{
	background-color: #FFFFFF;
	padding: 3%;
	width: 47%;
	border-width: 1px 0px;
	border-color: #9fa0a0;
	border-style: solid;
}
.modal_bg { position: fixed; top: 0; left: 0;  z-index: 6666; display: none; width: 100%; height: 120%; background-color: rgba(0,0,0,0.7);}

@media only screen and (max-width: 1170px){
.p_free,.p_attention,.p_contact{
	width: 100%;
}	
}
@media only screen and (max-width: 768px){
.p_free th,.p_attention th{
	width: 25%;
}
.p_icon{
	margin-top: -220px;
}
.p_icon2{
	margin-top: -105px;
}
.sp{display: block;}
}

@media only screen and (max-width: 640px){
.p_map{
	width: 100%;
	height: auto;
}
.modal_box{
	width: 90%;
	margin: 0 5%;
	padding-right: 15px;
}
.modal_inner{
	display: block;
}
.modal_inner .photo{
	width: 100%;
	float: none;
	margin-top: 50px;
}
.modal_inner .photo img{
	width: 100%;
}
.modal_inner .text{
	float: none;
	width: 100%;
	margin-left: 0%;
}
.modal_inner .p_status{
	width: 100%;
	display: table;
}
.modal_inner .p_status th,.modal_inner .p_status td{
	width: 100%;
	display: block;
	padding: 2% 3%;
}
.modal_inner .p_status td{
	border-color: none;
	border-style: none;
}
.p_free .p_dl{
	float: none;
	margin-top: 0px;
}
.p_free .p_btn{
	padding-left: 0px;	
}
}

@media only screen and (max-width: 425px){
.p_map{
	margin: 0 auto 90px;
}
.p_free th,.p_attention th{
	width: 100%;
	display: block;
	padding-bottom: 20px;
}
.p_free td,.p_attention td{
	width: 100%;
	display: block;
}
.p_free ul,.p_attention ul{
	border-top: none;
	padding: 0;
}	
.p_icon,.p_icon2{
	width: 20%;
	margin-top: -35px;
}
.p_free .p_link img{
	width: 30%;
	margin-bottom: -15px;
}	
.p_btn{
	display: block;
	text-align: center;
}	
.p_contact{
	margin-bottom: 0px;
	padding: 10px;
}
.p_contact .p_size{
	font-size: 20px;
}
}