@charset "utf-8";

.omotenashi-contents-outer { width: 960px; margin: 60px auto 80px; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}

.omotenashi-contents-ttl1 { font-weight: normal; font-size: 20px; }

#omotenashi-contents-access { float: left; width: 545px; margin-right: 20px; }
#omotenashi-contents-weather {float: left; width: 395px;}

#omotenashi-contents-weather-source,#omotenashi-contents-weather-local {width: 50%; float: left; text-align: center; margin-bottom: 10px;}

.omotenashi-contents-access-img { margin-bottom: 30px; }
.weather-icon {width: 90px; height: 35px; margin: 0 auto;}

#omotenashi-contents-message { width: 75%; float: left; border: 2px solid #84211a; box-sizing: border-box; border-radius: 10px; padding: 30px 10px 10px 10px; margin-right: 1%; position: relative;}
.omotenashi-contents-staff {width: 24%; float: left;}

.omotenahi-contents-info { margin-bottom: 30px; }
.omotenahi-contents-links{ width: 50%; float: left; }
.omotenahi-contents-links li {position: relative; padding-left: 1em; line-height: 2;}
.omotenahi-contents-links li:before { content: ''; position: absolute; width: 0; height: 0; top: 6px; left: 0; border: solid 5px transparent; border-left: solid 5px #452b1e;}
.omotenahi-contents-links a { text-decoration: none; color: #2f2f2f; position: relative;}
.omotenahi-contents-links a:before { content: ''; position: absolute; width: 0; height: 1px; background-color: #452b1e; bottom: -1px; left: 0; transition: 1s width cubic-bezier(0.215,0.61,0.355,1);}
.omotenahi-contents-links a:hover:before { width: 100%; }

.omotenahi-contents-planbnr {width: 50%; float: right;}
.omotenahi-contents-planbnr.none { display: none; }
 #omotenashi-contents-message:before, #omotenashi-contents-message:after {content: ''; width: 0; height: 0; border: 10px solid transparent; position: absolute; top: 5px; right: -20px;}
 #omotenashi-contents-message:before { border-left: solid 10px #84211a; }
  #omotenashi-contents-message:after { border-left: solid 10px #fff; right: -17px;}

.omotenashi-contents-message-txt { position: absolute; top: -15px; left: 10px; font-size: 14px; background-color: #84211a; color: #fff; padding: 5px 15px; transform: rotate(-1deg);}

.omotenashi-contents-weather .point-name {
	display:block;
/*	font-size:160%;*/
	color: #531d1d;
	margin-bottom: 5px;
	font-size: 17px;
/*	font-family: "aoyagikouzanfont", "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HGS明朝E","ＭＳ Ｐ明朝", serif;
	font-weight: bold;*/
}
.weather-inner { margin-bottom: 10px;	 }
.weather-temperature { font-size: 15px; }

.omotenashi-contents-weather .min {
	color:#3399ff;
}

.omotenashi-contents-weather .max {
	color:#ff6600;
}

.omotenashi-contents-weather .unit {
	color:#aea48d;
	font-size:80%;
}

.omotenashi-contents-weather .separator {
	color:#aea48d;
	font-size:80%;
	margin:0;
	padding:0;
}

.omotenashi-contents-weather .update {
	display:block;
	text-align:center;
	color:#aea48d;
	font-size:60%;
}

.omotenashi-contents-txt1 { text-align: right; font-weight: bold; }
.omotenashi-contents-txt1 a{ color: #452b1e; text-decoration: none; border-bottom: 1px solid #452b1e; padding-bottom: 2px;}

.omotenashi-contents-copy { color: #5e5e5e; text-align: right; font-size: 10px;}

.over { transition: .5s opacity ease-out; }
.over:hover { opacity: .6; }

.fit {width: 100%; height: auto;}
.fix:after { content: ''; clear: both; display: table; }
.sumaho {display: none;}

@media screen and (max-width: 767px) {
	.nosumaho {display: none;}
	.sumaho {display: block;}
	.omotenashi-contents-ttlImg {width: 100%; height: auto;}
	.omotenashi-contents-outer { width: 95%; margin: 30px auto;}
	#omotenashi-contents-access { width: 100%; }
	#omotenashi-contents-weather {width: 100%; float: none;}
	.omotenahi-contents-planbnr { width: 100%; float: none; }
	.omotenahi-contents-planbnr img { width: 100%; height: auto; }
	.omotenahi-contents-links { width: 100%; float: none; margin-bottom: 20px;}
	/* .omotenahi-contents-links li {position: relative;} */
	.omotenashi-contents-voice {margin-bottom: 10px;}
	#omotenashi-contents-message { font-size: 10px; padding:10px}
	#omotenashi-contents-message-body { line-height: 2; font-size: 13px;}
	.omotenashi-contents-ttl1,.omotenahi-contents-links li,.omotenashi-contents-weather .point-name { font-size: 15px; }
}