/**
 * 一時的に使用する場合に
 */

/* 営業時間についてのご案内pdf（年末年始） */
.page-home .season-link-box {
	margin: 0 auto 50px;
}
.season-link-box {
	margin: 20px auto;
	text-align: center; 
}

.season-link-box dl {
	color: #c00; /*border: 2px solid #c00;
	padding: 20px;
	text-align: left;*/
}
.season-link-box dl ~ p {
	margin-top: 20px;
}
.season-link-box dl dt {
	font-size: 28px; font-weight: bold;
}
@media screen and (max-width: 768px) {
.season-link-box dl dt {
	font-size: 154%;
}

}

/* お問い合わせ_季節の言葉 */
.seasonal {
	border: 2px solid #c00;
	padding: 20px 60px;
	margin: 40px 0;
	color: #c00;
	text-align: center;
}
.seasonal dt,
.attention dt {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
.seasonal,
.attention {
	padding: 20px;
}

}
.attention {
	border: 2px solid #c00;
	padding: 20px;
	margin: 40px 0;
	text-align: center;
}
.attention span {
	color: #c00;
	font-family:sans-serif,monospace;
	font-weight: bold;
}

/* 臨時営業時間変更のお知らせ */
.temporary-schedule {
	margin: 3rem auto;
	max-width: 980px;
	width: 95vw;
  overflow: auto;
}
table.scrolltable {
    margin: 0;
    border: none;
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
table.scrolltable th,
table.scrolltable td {
	border: 1px solid #808080!important;
}

/* 視力測定のWEB予約店舗 一覧 */
.web-reserve {
	margin: 0 auto;
	max-width: 980px;
	width: 95vw;
  overflow: auto;
}
.web-reserve table.scrolltable td:nth-child(1) {
	width: 280px;
}
.web-reserve table.scrolltable td:nth-child(2) {
	width: 120px;
}
.web-reserve table.scrolltable td:nth-child(3) {
	width: 360px;
}
.web-reserve table.scrolltable td:nth-child(4) {
	width: 100px;
}


/* キャッシュレス消費者還元事業・5％還元対象決済手段 */
.scrolltable_wrap {
	margin: 0 auto;
	max-width: 980px;
	width: 95vw;
  overflow: auto;
}


/* テレスマホ */
@media only screen and (min-width: 769px) {
	.company .inner .conts { line-height: 2; font-size: 1rem; }
}
.float_banner {
position: fixed;
z-index: 999999;
width: 80px;
height: 80px;
padding: 5px 5px 0;
background-color: #e6e6fa;
box-shadow: 0 10px 25px 0 rgba(60, 194, 235, 0.5);
top: 30%;
left: 0;
}
@media only screen and (max-width: 769px) {
.float_banner {
top: 13%;
left:83%;
width: 54px; height: 54px;
}
}

.float_banner a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.float_banner:hover{
opacity: 0.5;
}
.float_banner img {
width: 100%;
}