@charset "UTF-8";
/* =================================
フロントページ
===================================*/
.flex-container {
	display:flex;
	flex-wrap:wrap;
}

.flex-nowrap {
	flex-wrap:nowrap;
}

.left-block {
	flex-basis:45%;
	margin:0 2%;
}

.right-block {
	flex-basis:45%;
	margin:0 2%;
}

/* 新着情報 */
.news li {
	border-bottom:1px dotted #ccc;
	padding-top:10px;
	padding-bottom:5px;
	list-style:none;
}

.news li .date {
	font-size:12px;
	font-weight:bold;
}

.news-archives {
	font-size:12px;
	text-align:right;
	margin-bottom:1em;
}

.new {
	font-size:12px;
	color:#f00;
}

/* 営業時間のご案内 */
.information {
	border:1px solid #0082d9;
	border-radius:6px;
	margin-bottom:2em;
}

.info-header {
	font-weight:bold;
	justify-content: space-between;
	padding:10px;
	background-color:#0082d9;
	color:#fff;
	border-radius:5px 5px 0 0;
}

.information h2 {
	font-size:1rem;
	line-height:1;
	margin:0;
}


.term {
	padding:0 15px;
	font-size:0.85em;
	border-radius:10px;
	display:block;
	background-color:#fff;
	color:#0082d9;
}

.notice {
	font-weight:bold;
	color:#c00;
	text-align:center;
	font-size:14px;
	margin:10px auto;
}

/* ライブカメラ */
.livecam {
	border: 10px solid #c2e3ff;
	background-color: #fff;
	justify-content: space-between;
	margin-bottom:2em;
}

.livecam-img {
	flex-basis:220px;
	margin:1em;
}

.livecam-link {
	margin:1em;
	flex-grow:2;
}

.livecam h2 {
	font-size:1rem;
	background-color: #0071bc;
	font-weight: bold;
	color: #fff;
	padding:3px 10px;
	margin-top:0;
	text-align:center;
}

.livecam li {
	list-style:none;
	margin-bottom:0.25em;
}

.weather-link a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	border-radius:15px;
	font-weight:bold;
	text-align:center;
	padding:3px;
	border:2px solid #ffb75f;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.4));}

.weather-link a:link {
	background-color:#fff;
	color:#ff8d00;
}

.weather-link a:visited {
	background-color:#fff;
	color:#ff8d00;
}

.weather-link a:hover {
	background-color:#fff;
	color:#ffb75f;
}

/* 天気 */
.weather {
	text-align:center;
}


.weather h2 {
	font-size:1rem;
	background-color: #0071bc;
	font-weight: bold;
	color: #fff;
	padding:3px 10px;
	margin:0;
	display:inline;
	border-radius:5px;
}

.weather table,
.weather table th,
.weather table td {
	border:none;
}

.weather table th {
	text-align:center;
}

.weather dl {
	display:inline;
}

.weather dt {
	margin-left:2em;
}

.weather table th span,
.weather dt span {
	border:1px solid #505050;
	padding:0 10px;
	border-radius:5px;
	display:inline-block;
}




/* SNSリンク */
.sns {
	justify-content: space-between;
	padding:0 1em;
	flex-wrap:nowrap;
}

.sns img {
	width:100%;
}

.icon-insta {
	flex-basis:30%;
}

.icon-fb {
	flex-basis:30%;
}

.icon-youtube {
	flex-basis:30%;
}

/* ピックアップコンテンツ */
.pickup {
	margin:4em 0;
	background-color:#cce8f7;
	text-align:center;
 justify-content: center;
}

.pickup div {
margin:1.5%;
}

.pickup img {
	margin:30px 1%;
-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);

	width:205px;
}


/* 外部コンテンツ */
.top_widget {
	justify-content:center;
	padding-bottom:4em;
	background-image:url(../images/bg_bn.png);
	background-position:bottom;
	background-repeat:repeat-x;
	text-align:center;
}

.youtube {
	overflow:hidden;
	flex-basis:44%;
}

.youtube iframe {
	width:100%;
	height:100%;
}

.bn-amahashi {
	flex-basis:21%;
	margin:0 3%;
}

.bn-chienoyu {
	flex-basis:21%;
}

.bn-chienoyu a {
	border:1px solid #999;
	display:block;
}

@media screen and (max-width: 640px) {
.left-block {
	flex-basis:100%;
	margin:0 2%;
}

.right-block {
	flex-basis:100%;
	margin:0 2%;
}

.livecam-img {
	flex-basis:100%;
}

.livecam-img img {
	width:100%;
}

.youtube {
	overflow:hidden;
	flex-basis:95%;
	margin:2%;
}

.pickup {
	padding:1em 0;
	margin:2em 0;
}

.pickup div {
	flex-basis:45%;
}

.pickup div img {
	width:100%;
	margin:0;

}

.bn-amahashi {
	flex-basis:45%;
	margin:2%;
}

.bn-chienoyu {
	flex-basis:45%;
	margin:2%;
}

}

@media screen and (max-width: 480px) {

}