@charset "UTF-8";
/* CSS Document */
/* font family
font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-family: 'Lucida Grande','メイリオ',Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
M+ web font
@import "https://mplus-fonts.osdn.jp/webfonts/basic_latin/mplus_webfonts.css";
@import "https://mplus-fonts.osdn.jp/webfonts/general-j/mplus_webfonts.css";
font-family: "M+ Type-1 (general-j) Regular", "M+ P Type-1 (basic latin) Regular", メイリオ, "ヒラギノ角ゴ Pro W3", sans-serif;
font-family: 'Roboto', sans-serif;

<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cabin+Sketch" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">

<link href="https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css" rel="stylesheet" />
font-family: "Rounded Mplus 1c", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
*/

body {
	color: #545454;
	background: url(../images/bg_pattern.png) repeat center center;
	font-family: "Rounded Mplus 1c", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1em;
	letter-spacing: normal;
	text-align: justify;
	font-size: 14px;
}
.carousel-inner h1{
position:absolute;
z-index: 2;
top:15px;
right: 15px;
color:#fefefe;
font-size: 10px;
}
.col-g{
color:#57B43A;
}
.col-dk-r{
color:#950411;
}
.sp-icon img{
width:28px;
height:28px;
}
.sp-nav-box{
background:#f2f2f2;
padding:10px;
}
.bg-col01{
background:#f2f2f2;
}
/*================================================================
top contents
================================================================*/
.img-fll{
display: inline-block;
width: 50%;
height: auto;
float:left;
padding: 0 15px 15px 0;
}
.img-flr{
display: inline-block;
width: 50%;
height: auto;
float:right;
padding: 0 0 15px 15px;
}
.trafficBnr a{
display: block;
position: fixed;
bottom: top;
width:100%;
height:56px;
background: url(../images/head-bnr-bg.jpg) no-repeat center center;
background-size: cover;
border-bottom: 1px solid #724f2f;
z-index: 1;
text-align: center;
color: #fefefe;
margin-top: -15px;
}
.trafficBnr a:hover{
color: #fefefe;
}
.trafficBnr > a > div{
width: 100%;
height: 56px;
padding: 15px 0;
background-size: contain;
}
.trafficBnr > a > div > h3{
line-height: 0;
font-weight: bold;
padding-bottom: 2px;
}
.trafficBnr > a > div > h3 > i{
line-height:0;
}
.trafficBnr > a > div > p{
line-height: 0.8em;
font-size: 0.8em;
}
.ul{
text-decoration: underline;
}
.foot-timeTbl{
width:100%;
}
.foot-timeTbl th{
background: #fee0da;
text-align:center;
padding: 0.625em 0;
font-weight: bold;
vertical-align: middle;
border-right: 2px solid #482d20;
border-top: 2px solid #482d20;
border-bottom: 2px solid #482d20;
}
.foot-timeTbl td{
font-weight: bold;
vertical-align: middle;
padding: 0.625em 0;
text-align:center;
border-right: 2px solid #482d20;
border-bottom: 2px solid #482d20;
}
.foot-timeTbl tr{
border-left: 2px solid #482d20;
}