@charset "Shift_JIS";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*----------------■東日本大震災から10年「3.11伝承ロードをめぐる」---------------*/


img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

.road311_navi {
	border-top: 1px solid #ccc;
	margin-top: 60px;
	margin-bottom: 30px;
}
.road311_navi li{
	border-bottom: 1px solid #ccc;
}
.road311_navi a{
	color: #000;
	display: block;
	text-align: left;
	background: url(../image/foot/nv_arrow.svg) no-repeat 10px center;
	background-size: 10px auto;
	padding: 15px 10px 15px 30px;
}
.road311_navi b{
	color: #aaa;
	font-weight: normal;
	display: block;
	text-align: left;
	padding: 15px 10px 0 30px;
}
.road311_navi span{
	font-size: 13px;
	display: block;
	text-align: right;
	font-weight:bold;
}
.road311_navi a:hover{
	color: #f00;
}

.road311_wrap950 {
	text-align: left;
}
.road311_mi{
	font-weight: bold;
	text-align: center;
	border-top:#00A199 5px solid;
	padding: 20px 0;
}
.road311_text {
	margin: 20px 0;
}
.road311_next{margin-top: 50px;}
.road311_next p{margin-top: 10px;}

.road311_ph_list li {
	margin-top: 40px;
}
.road311_ph_list p {
	margin-top: 10px;
}

.road311_outline {
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid #000;
}
.road311_outline h5{
	font-weight: bold;
	font-size: 20px;
}

#road311_report {
	padding:50px 5%;
	margin-top: 60px;
	background: #F7F7EE;
}
#road311_report h4{
	text-align: center;
	margin-bottom: 10px;
	font-size: 30px;
}
#road311_report h5{
	text-align: center;
	margin-bottom: 30px;
}
#road311_report_profile {
	border-radius: 50%;
	width: 170px;
}

#road311_ti,#road311_top_main,#road311_each_main {
	position: relative;
}
#road311_logo,#road311_top_ti{
	position: absolute;
	z-index: 9999;
}
#road311_top_copy {
	font-size: 18px;
}
#road311_top_logo {
	width: 60px;
	height: auto;
	margin: 30px auto;
}

#road311_top_radio {
	margin-top: 30px;
}
#road311_top_radio h3{
	text-align: center;
	margin-bottom: 30px;
	background: #888;
	padding: 10px 0;
}
#road311_top_radio h3 img{
	width: 300px;
	height: auto;
}

#road311_top_radio ul{
	margin-bottom: 20px;
}
#road311_top_radio li h4 {
	background: #444;
	color: #fff;
	padding: 10px 20px;
	font-size: 20px;
}
#road311_top_radio li p {
	background: #A1E5DB;
	padding: 15px 20px;
}
.road311_voice li{
	margin-top: 10px;
}

#road311_top_map_bg {
	background: #CBEDF7;
}
#road311_top_map {
	position: relative;
}
.road311_top_map_point,#road311_top_map .road311_top_map_mi,#road311_top_map div{
	position: absolute;
	z-index: 2px;
}
.road311_top_map_point a{
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
}
.road311_top_map_point a:hover{
	background: rgba(255,255,255,0.3);
}
.road311_top_map_point span{
	font-size:12px;
	position: absolute;
	display: block;
	text-align: right;
	right:0;
	bottom:-14%;
	width:100%;
	font-weight:bold;
}
.road311_top_map {
	width: 100%;
	height: auto;
}
.road311_top_map_mi{
	font-weight:bold;
	text-align:left;
	padding: 0 5% 10px 40px;
	min-height: 45px;
}
.road311_top_next h3{
	font-weight:bold;
}
.road311_top_next p{
	text-align: left;
	margin-bottom: 10px;
}
.road311_top_next p span{
	font-size: 13px;
}

.road311_talk dt{margin-top:30px;font-weight:bold;font-size:18px;}
.road311_talk dd div{margin:20px 0 10px;max-width:500px;}

#road311_go_report {
	position: fixed;
	bottom: 2%;
	right: 2%;
	text-align: center;
	z-index: 3;
	opacity: 1;
}
#road311_go_report.isActive {
	opacity: 0;
	transition: all 2s;
}
#road311_go_report a{
	color: #fff;
	border-radius:50%;
	background: #00A199;
	display: block;
	height: 40px;
	line-height: 20px;
	padding: 25px 0 15px 0;
	width: 80px;
}
#road311_go_report a:hover{
	background: #2ca;
}

.road311_name{text-align:center;font-size:18px;font-weight:bold;margin-top:30px;}

.road311_ph_list4{margin:40px 0 15px;}
.road311_ph_list4 li{float:left;}

/*----------------■中大画面---------------*/
@media screen and (min-width: 551px) {
.dis_s{display:none;}
#road311_ti{background:url(../image/head/title_bg_pc.jpg) no-repeat center;}
#road311_logo{width:140px;height:auto;top:20px;left:20px;}
#road311_top_ti{width:500px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);-webkit- transform:translate(-50%,-50%);}
.road311_top_map_mi{padding-top:3%;font-size:18px;background:url(../image/top/pin.svg) no-repeat 10px center;background-size:auto 40px;}
.road311_top_next{max-width:55%;left:0;top:20%;}
.road311_top_next iframe{height:280px;}
.road311_top_next p{margin-left:10px;}
#road311_top_map01{left:65%;top:56%;width:20%;height:8%;}
#road311_top_map02{left:67%;top:43%;width:20%;height:8%;}
#road311_top_map03{left:70%;top:20%;width:20%;height:8%;}
#road311_top_map04{left:73%;top:32%;width:20%;height:8%;}
#road311_top_map05{left:58%;top:84%;width:20%;height:8%;}
#road311_each_main{height:230px;}
.road311_outline {background:url(../image/logo_311denshoroad.svg) no-repeat right 30px;background-size:60px auto;}
#road311_report{position:relative;}
#road311_report_profile{position:absolute;top:-10px;right:5%;}
.road311_each_main_ph{margin:50px 2% 0 2%;}
.road311_each_main_ph_left{width:48%;float:left;}
.road311_each_main_ph_right{width:48%;float:right;}
.road311_each_main_ph_center{max-width:70%;}
.road311_each_main_ph_center_mini{max-width:40%;}
.road311_mi{font-size:30px;}
.road311_next{text-align:center;}
.road311_name{font-size:20px;}
.road311_ph_list4 li{width:20%;margin-right:1.5%;}
.road311_ph_list4 li.road311_ph_list4-4{width:35.5%;margin-right:0;}
}
/*----------------■小小画面---------------*/
@media screen and (max-width: 550px) {
.dis_w{display:none;}
#road311_logo{width:100px;height:auto;top:20px;left:5%;}
#road311_top_ti{width:90%;height:auto;top:20%;left:50%;transform:translate(-50%,-50%);-webkit- transform:translate(-50%,-50%);}
.road311_top_map_mi{background:#fff url(../image/top/pin.svg) no-repeat 10px top;background-size:auto 40px;}
.road311_top_next{margin:30px 5%;}
#road311_top_map01{left:31%;top:56%;width:40%;height:10%;}
#road311_top_map02{left:35%;top:43%;width:40%;height:10%;}
#road311_top_map03{left:44%;top:20%;width:40%;height:10%;}
#road311_top_map04{left:46%;top:32%;width:40%;height:10%;}
#road311_top_map05{left:20%;top:85%;width:40%;height:10%;}
#road311_each_main{height:200px;background:url(../image/head/title_bg_sm.jpg) no-repeat center bottom;}
#road311_each_main #road311_top_ti{top:50%;}
#road311_report_profile{display:block;margin:0 auto;}
.road311_each_main_ph{margin:20px 5% 0 5%;}
.road311_each_main_ph_right{margin:20px 0 0 0;}
.road311_each_main_ph_center_mini{max-width:80%;}
.road311_mi{font-size:20px;}
.road311_name{font-size:18px;}
.road311_ph_list4 li{width:48%;margin-right:4%;}
.road311_ph_list4 li.road311_ph_list4-2{margin-right:0;}
.road311_ph_list4 li.road311_ph_list4-3{margin-top:20px;}
.road311_ph_list4 li.road311_ph_list4-4{margin-right:0;margin-top:60px;}
}

/*----------------■大画面---------------*/
@media screen and (min-width: 951px) {

.dis_sm{display:none;}

.road311_navi{margin-left:auto;margin-right:auto;width:750px;}
.road311_navi li{font-size:20px;}
.road311_navi span{padding:15px 10px 15px 0;}

#road311_ti h2{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
#road311_top_ti{width:600px;}

#road311_top_main {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

#road311_each_main {
	width: 950px;
	margin: 0 auto;
}

.road311_wrap950 {
	margin: 50px auto;
	width: 950px;
}

#road311_top_copy {
	text-align: center;
}
#road311_top_radio li {
	float: left;
	margin-top: 20px;
	width: 465px;
}
#road311_top_radio li#road311_top_radio01,#road311_top_radio li#road311_top_radio03{
	margin-right: 20px;
}


#road311_top_map{
	margin: 0 auto;
	width: 950px;
}

.road311_talk{margin:0 125px;}

.road311_ph_list_left{float:left;width:48%;}
.road311_ph_list_right{float:right;width:48%;}
.road311_ph_list_center{float:left;width:48%;margin-left:26%;}

.road311_ph_list_even .road311_ph_list_left{float:left;width:48%;}
.road311_ph_list_even .road311_ph_list_right{float:left;width:48%;margin-left:4%;}

.road311_ph_list_even{
	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;
}


}




/*----------------■小画面---------------*/
@media screen and (max-width: 950px) {

.dis_pc{display:none;}

.road311_wrap950 {
	padding:0 5%;
	margin: 50px 0;
}
.road311_navi span{padding:0 10px 15px 0;}

.road311_ph_list li,.road311_ph_list_even li{margin-left:15%;margin-right:15%;}

}