/*===============================================*/
/*画面の横幅が768px以下（スマホ用）のCSS*/
@media screen and (max-width: 768px){
/*===============================================*/

@charset "UTF-8";
/* CSS Document */
	
	.weather {
  width: calc(100% / 3);
  height: 100%;
  box-sizing: border-box;
  /*border: 1px solid #666;*/
}

	
/*画像切り替え*/	
.pc_display { display: none !important; }
.sp_display { display: block !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: 70%;
}

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{
		width: 10%;
	}

.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(13px, 1.7vw, 30px);
}
	
.iconCam:before{
  content:url("../img/cam_icon_sp.png");
  position: relative;
  top: 6px;
  margin: 0 10px 0 0;
}


.imgBox{
	width: 80%;
	height: auto;
	margin: 0% 10% 5% 10%;
}

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

.time{
	text-align: right;
	font-size: clamp(10px, 1.0vw, 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(12px, 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(8px, 1.0vw, 15px);
}
	
/*===============================================*/
}
/*画面の横幅が768px以下（スマホ用）のCSS*/
/*===============================================*/