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

.weather {
  width: calc(100% / 7);
  height: 100%;
  box-sizing: border-box;
  /*border: 1px solid #666;*/
}


/*画像切り替え*/	
.pc_display { display: block!important; }
.sp_display { display: none!important; }

/*リンク画像ホバー*/
a img {
border:none;
verticle-align:top;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
opacity: 0.7;     /* 透過レベル */
filter: alp
border:none;
verticle-align:top;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
a:hover img {
opacity: 0.7;     /* 透過レベル */
filter: alpha(opacity=80);
}

.show_day-of-week {
  display: none;
}

/*全体*/
#wrapper{
width: 100%;
height: auto;
background-color: #ffffff;
font-weight: bold;
font-style: normal;
font-weight: 300;
letter-spacing:0.1em;
}

h1{
	max-width: 339px;
	height: auto;
	margin: 5%;
}

h1 img{
	max-width: 100%;
}

h2{
width: 80%;
	height: auto;
	padding: 10px;
	margin: 0 auto 5% auto;
	text-align: center;
	background-color: #34675c;
	color: white;
	font-weight: bold;
	font-size: clamp(16px, 1.8vw, 30px);
	border-radius: 5px;
	font-weight: bold;
	position: relative;
	padding: 0.3em 0.5em;
}

h2::after {
	content: '';
	background-color: #ff9934;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -6px;
	left: 0;
}

.iconCar{
	width: 80%;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: right;
}

.iconCar img{
		max-width: 100%;
	}

.tenki{
	width: 80%;
	margin: 0px 10% 20px 10%;
	text-align: center;
}

h3{
	width: 100%;
	height: auto;
	margin: 10px 0 15px 0;
	color: #34675c;
	font-size: clamp(15px, 1.7vw, 30px);
	font-weight: bold;
}

.iconCam:before{
  content:url("../img/cam_icon.png");
  position: relative;
  top: 12px;
  margin: 0 10px 0 0;
}


.imgBox{
	width: 60%;
	height: auto;
	margin: 0% 20% 5% 20%;
}

.imgBox img{
	max-width: 100%;
}

.time{
	text-align: right;
	font-size: clamp(10px, 1.2vw, 20px);
	margin-top:5px;
	letter-spacing:0.01em;
}

#copyBox{
	width: 100%;
	border-top: 2px solid #34675c;
	padding-top: 2.5%;
	text-align: center;
	margin: 0 auto 2.5% auto;
	font-size: clamp(14px, 1.6vw, 20px);
}

.caution{
	font-size: clamp(8px, 1.0vw, 15px);
	margin-top:5px;
	letter-spacing:0.01em;
	line-height: 1.5;
	/*color: #34675c;*/
	color: "#000000"

}

.tenkiTxt{
	font-size: clamp(12px, 1.0vw, 15px);
}