@charset "UTF-8";

/* ---------------------------------------------------
   道路画像情報一覧画面CSS設定
----------------------------------------------------*/
:root {
  --bc: #fafdff;
}

body {
	background-color: var(--bc);
}

/* ---------------------------------------------------
   カスタムhr
----------------------------------------------------*/
.hr-header {
	min-height: 2px;
	background-color: black;
	border: none;
	margin-top: 0;
}

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	font-weight: bold;
	font-family: 'UD新ゴ B', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	min-height: 1.3em;
	opacity: .8;
	margin: 1.0em auto 1em;
	font-size: 1.5rem;
	background-color: transparent;
}

.hr-text::before {
	content: '';
	background: black;
	position: absolute;
	left: 0;
	top: 50%;
	width: 80%;
	margin-left: 10%;
	height: 2px;
}

.hr-text::after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	background-color: var(--bc);
}

/* ---------------------------------------------------
   ヘッダー
----------------------------------------------------*/

header {
	box-sizing: border-box;
	position: fixed;
	z-index: 999;
	top: 0;
	width: 100%;
	height: 60px;
	background-color: rgb(220, 219, 219);
	align-items: center;
	transition: all .3s ease-in-out;
	margin-top: 0;
}

header a {
	text-decoration: none;
	color: #060079;
	font-weight: bold;
	font-family: 'UD新ゴ B', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
}

#top-logo {
	width: 31px;
	height: 31px;
	display: block;
	float: left;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../img/logo.png);
}

#top-logo p {
	margin-left: 35px;
	width: 300px;
	height: 31px;
	color: #09599c;
	font-size: 1.5rem;
}

.swiperArea {
	margin-left: calc(((100vw - 100%) / 2) * -1 + 1px);
	margin-right: calc(((100vw - 100%) / 2) * -1 + 1px);
}

.tab-menu {
	background-color: #fff;
	width: 100%;
}

.tab-menu .swiper-slide {
	font-weight: bold;
	font-family: 'UD新ゴ B', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	padding: 10px 0;
}

/* ---------------------------------------------------
   コンテンツ部
----------------------------------------------------*/

.menu {
	margin-top: 120px;
	width: 100%;
}

.div-region {
	margin-left: 6%;
	margin-right: 6%;
}

.div-point {
	width: 415px;
}

.text-place {
	font-weight: bold;
	font-family: 'UD新ゴ B', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	text-align: left;
	padding-left: 5%;
	padding-top: 3px;
	font-size: 1.2em;
}

.text-place p {
	margin: 0;
}

.text-time {
	font-weight: bold;
	font-family: 'UD新ゴ B', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	text-align: left;
	padding-left: 5%;
}

.text-weather {
	font-weight: bold;
	font-family: 'UD新ゴ B', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
	text-align: left;
	padding-left: 5%;
}

.text-link {
	font-weight: normal;
	text-align: left;
	padding-left: 5%;
}

.pict img {
	display: block;
	width: 320px;
	max-width: 100%;
	margin: 0 auto;
}