/* メインビジュアル */
#MainImgWrapper {
	position:relative;
}

#MainImg {
	clear:both;
	width:100%;
	max-height:500px;
	overflow:hidden;
	position:relative;
}

#MainImg img {
	position:relative;
}

#MainImgWrapper h2 {
	position:absolute;
	top:10%;
	left:5%;
	z-index:100;
	width:40%;
	max-width:375px;
}

#MainImgWrapper h2 img {
	width:100%;
	transition: all 0.3s ease;
}

#MainimgTextArea {
	position:absolute;
	z-index:100;
	bottom:-10px;
	right:5%;
}

#TelArea {
	position:absolute;
	right:0;
	bottom:0;
	z-index:2;
}

#AppArea {
	position:absolute;
	right:295px;
	bottom:-5px;
}

/* トピックス */
.topicsSlider {
	width:100%;
	overflow:hidden;
}

.TopicsList {
	width:23%;
	box-sizing:border-box;
	margin-right:2.5%;
	margin-top:15px;
	float:left;
	background:#FFF;
}

.TopicsList:last-child {
	margin-right:0;
}

.TopicsList a {
	color:#222;
	text-decoration:none;
	display:block;
}

.TopicsImg {
	overflow:hidden;
}

.TopicsList img {
	width:100%;
	display:block;
}

.TopicsList.border img {
	border: 1px solid #CCC;
	box-sizing: border-box;
}

.TopicsText {
	padding-top:10px;
	padding-bottom:15px;
}

.TopicsText h4 {
	font-size:0.75em;
	line-height:1.5;
	padding-bottom:10px;
	font-weight:700;
	color:#666;
}

.TopicsText p {
	font-size:0.75em;
	line-height:1.6;
}

.TopicsListArrow a i {
	font-size:2em;
}

.TopicsListArrow a {
	color:#999;
}

#TopicsListPrev {
	position:absolute;
	left:10px;
	top:230px;
}

#TopicsListNext {
	position:absolute;
	right:10px;
	top:230px;
}

/* 観光タクシーバナー */
#TopKankoBnr {
	margin:15px;
	margin-top:10px;
	font-size:0.75em;
	line-height:1.7;
}

#TopKankoBnr a {
	display:block;
	padding:10px;
	border-radius:5px;
	border:2px solid #00A0E2;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	box-shadow:0 2px 0	rgba(0, 160, 226, 0.3);
	background: #00A0E2;
	line-height:40px;
}

#TopKankoBnr a img {
	width:30%;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-3px;
}

#TopKankoBnr p {
	display:inline-block;
	padding-left:10px;
	font-weight:700;
}

@media screen and (max-width: 320px) {
#TopKankoBnr a img {
	width:32%;
	top:-3px;
}

#TopKankoBnr p {
	font-size:0.8em;
}
}


#FBWrapper {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 10px solid #D2E9F9;
clear: both;
overflow: hidden;
}

#FBInner {
padding: 20px;
margin: auto;
overflow: auto;
}

#FBWrapperLeft {
padding-bottom: 20px;
margin: auto;
max-width: 340px;
}

#FBWrapperRight {
margin: auto;
max-width: 340px;
} 

#FBWrapper .MoreBtn {
padding-top: 10px;
margin: auto;
}

#FBWrapper .MoreBtn a {
background: #00A0E2;
padding: 15px;
color: #FFF;
text-align: center;
display: block;
border-radius: 4px;
text-decoration: none;
font-size: 0.85em;
box-shadow:0 2px 0 rgba(0,160,226,0.3);
}

#FBWrapper .MoreBtn a:hover {
opacity: 0.7;
}