@charset "UTF-8";

/* ==========================================================================
 冬バージョン用　文字色
========================================================================== */
.blue-roadtemp{
	color: #3f5cc3;
}
.purple-roadtemp{
	color: #920697;
}	


/* ==========================================================================
 表
========================================================================== */
.wrap-tbl .tbl-head-other .tbl-th {
	width: 16%;
}

.wrap-tbl .tbl-head-other .roadtemp {
	width:	24%;
}

.wrap-tbl .tbl-head-other .weather-icon {
	width:	24%;
}

.wrap-tbl .tbl-head-other td, .wrap-tbl .tbl-head-other th {
	vertical-align: middle;
	padding: 14px 0;
	line-height: 1;
	border-right: none !important;
}

.wrap-tbl .tbl-head-multi .txt {
	margin-top: 15px;
}

.wrap-tbl .tbl-head-multi .icon {
	font-style: normal;
	/*padding: 5px 0 5px 60px;*/
	padding: 8px 0 8px 68px;
	display: inline-block;
}

.wrap-tbl .tbl-head-multi .icon.road-level01 {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon01.png) no-repeat center left;
	background-size: contain;
}

.wrap-tbl .tbl-head-multi .icon.road-level02 {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon02.png) no-repeat center left;
	background-size: contain;
}

.wrap-tbl .tbl-head-multi .icon.road-level03 {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon03.png) no-repeat center left;
	background-size: contain;
}

.wrap-tbl .tbl-head-multi .icon.road-level04 {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon04.png) no-repeat center left;
	background-size: contain;
}

.wrap-tbl .tbl-head-multi .icon.road-level05 {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon05.png) no-repeat center left;
	background-size: contain;
}

.wrap-tbl .tbl-head-multi .icon.road-level01w {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon01w.png) no-repeat center left;
	background-size: contain;
}

.wrap-tbl .tbl-head-multi .icon.road-level02w {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon02w.png) no-repeat center left;
	background-size: contain;
}

.wrap-tbl .tbl-head-multi .icon.road-level03w {
	background: url(https://cdn1.n-kishou.co.jp/image/sp/road/icon03w.png) no-repeat center left;
	background-size: contain;
}

.hanrei th {
	width: 200px;
}

.wrap-tbl .hanrei td {
	padding: 8px;
	text-align: left;
	line-height: 1.5;
}

.text-line-1{
	font-size: 3.2rem;
	margin-bottom: 0px;
	color: #015db2;
	text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}
.ank-btn{
	margin-top: 10px;
}
@media screen and (min-width: 751px) {
	.text-line-1{
		font-size: 2.2rem;
	  margin-bottom: 0px;
		color: #015db2;
		text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
	}
}

/* ==========================================================================
	SNS公式アカウント紹介
========================================================================== */
.area-nowcast {
	position: relative;
	margin-bottom: 50px;
	border: 10px solid #fff;
	background-image: url("https://cdn1.n-kishou.co.jp/image/sp/road/bg_sns.png");
	background-repeat: repeat;
	background-position: 430px 15px , center;
	background-size: 170px auto , 20px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.area-nowcast .nowcast-ttl {
	margin-bottom: 2px; }

.area-nowcast .nowcast-ttl img {
	width: 710px;
}

.area-nowcast .nowcast-list li {
	box-sizing: border-box;
	width: 90px; 
	padding-right:20px;
}

.area-nowcast .nowcast-list-tempd li {
	box-sizing: border-box;
	width: 90px; 
	padding-right:20px;
}

.area-nowcast .nowcast-list li a {
	/* display: block; */
	margin:0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	text-decoration: none;
	background-color: #fff;
}

.area-nowcast .nowcast-list-tempd li a {
	/* display: block; */
	margin:0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	text-decoration: none;
	background-color: #fff;
}

.twt_icon{
	width:40px;
	padding-left:15px;
	padding-bottom:4px;
}
.inst_icon{
	width:45px;
	padding-left:12px;
	padding-bottom:2px;
}

.threads_icon{
	width:38px;
	padding-left:15px;
	padding-bottom:2px;
}

.area-nowcast .nowcast-list {
	position: absolute;
	margin-top:130px;
	margin-left:140px;
}

.area-nowcast .nowcast-list-tempd {
	position: absolute;
	margin-top:130px;
	margin-left:130px;
}


.check_icon{
	position: absolute;
	margin-top:95px;
	margin-left:10px;
	width:115px;
}
.check_icon_tempd{
		position: absolute;
	    margin-top:100px;
	    margin-left:1px;
		width:115px;
}

@media screen and (min-width: 751px) {

	.area-nowcast {
		position: relative;
		margin-bottom: 50px;
		padding: 0px 0px 0px 0px;
		border: 10px solid #fff;
		background-image: url("https://cdn1.n-kishou.co.jp/image/sp/road/bg_sns.png");
		background-repeat: repeat;
		background-position: 430px 15px , center;
		background-size: 170px auto , 20px auto;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
	}
	.area-nowcast .nowcast-ttl {
		margin-bottom: 2px; }
	.area-nowcast .nowcast-ttl img {
		width: 710px;}

	.area-nowcast .nowcast-list li {
		box-sizing: border-box;
		width: 90px; 
		padding-right:20px;
	}
	.area-nowcast .nowcast-list-tempd li {
		box-sizing: border-box;
		width: 85px; 
		padding-right:17px;
	}
	.area-nowcast .nowcast-list li a {
		/* display: block; */
		margin:0px 0px 0px 0px;
		padding: 10px 10px 10px 0px;
		text-decoration: none;
		background-color: #fff;
	}
	.area-nowcast .nowcast-list-tempd li a {
		/* display: block; */
		margin:0px 0px 0px 0px;
		padding: 10px 10px 10px 0px;
		text-decoration: none;
		background-color: #fff;
	}


	.twt_icon{
		width:39px;
		padding-left:14.5px;
		padding-bottom:3px;
	}
	.inst_icon{
		width:40px;
		padding-left:14px;
		padding-bottom:3px;
	}
	.threads_icon{
		width:35px;
		padding-left:15px;
		padding-bottom:3px;
	}
	.area-nowcast .nowcast-list {
		position: absolute;
		margin-top:115px;
		margin-left:120px;
	}

	.area-nowcast .nowcast-list-tempd {
		position: absolute;
		margin-top:116px;
		margin-left:103px;
	}
		
	.check_icon{
		position: absolute;
		margin-top:87px;
		margin-left:8px;
		width:auto;
	}

	.check_icon_tempd{
		position: absolute;
		margin-top:100px;
		margin-left:-8px;
		width:auto;
	}

}
/* ==========================================================================
 真夏のお散歩はリスクがいっぱいバナーの枠線
==========================================================================*/
.btn-open{
	background-color:#015db2;
/*	background-image: url("https://cdn1.n-kishou.co.jp/image/sp/road/simasima.png");*/
	border-radius: 10px;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	margin: 10px auto;
	width: 95%;
	text-align: center;
}