@charset "utf-8";
/* CSS Document */

/* =======================================
レイアウト
======================================= */
img {max-width: 100%;}
p {line-height: 1.6;}
ul {list-style: none;}
a {display: block;-ms-word-break: break-all;word-break: break-all;}
a:hover {text-decoration: none;}
.bold {font-weight: bold;}
.conts_p10 {padding: 10px;}

/*一覧*/
.ic_listbox {}
.ic_listbox li {}
.ic_listbox li a {padding: 20px 10px;border-bottom: 1px dotted #888;}
.ic_listbox .dirve_info_img {overflow: hidden;}
.ic_listbox .dirve_info_img dt {float: left;width: 30%;}
.ic_listbox .dirve_info_img dd {float: left;width: 70%;}
.ic_listbox .dirve_info_text {background:#f3ffeb;margin-top: 10px;padding: 5px;}
.ic_listbox .dirve_info_text dt {color:#4a9c18;font-weight: bold;}
.ic_listbox .dirve_info_text dd {color: #333;padding: 5px 0 10px;}

/*詳細*/
.charm_list {}
.charm_list .charm_list_ttl {color: #003F8D;}
.charm_list .charm_list_ttl:before {content: "\f005";font-family: FontAwesome;margin-right: 5px;}
.charm_list li {padding-bottom: 15px;}

.dirve_spot_box {padding: 20px 10px 0;}
.dirve_spot_box:after {content: "\f063";font-family: FontAwesome;margin-top: 10px;text-align: center;display: block;color: #5BBBEF;font-size: 2rem;}
.dirve_spot_box.after_none {margin-bottom: 30px;}
.dirve_spot_box.after_none:after {content: none;}
.dirve_spot_box .dirve_spot_img {overflow: hidden;}
.dirve_spot_box .dirve_spot_img dt {float: left;width: 50%;}
.dirve_spot_box .dirve_spot_img dd {float: left;width: 50%;padding-left: 10px;}
.dirve_spot_box .dirve_spot_img dd .bold {color: #003F8D;font-size: 1.5rem;}
.dirve_spot_box .dirve_spot_img dd .map_code {font-size: 1.2rem;margin-top: 10px;}
.dirve_spot_box .dirve_spot_adr {margin: 10px 0;}
.dirve_spot_box .dirve_spot_adr dt {clear: left;float: left;width: 25%;}
.dirve_spot_box .dirve_spot_adr dd {margin-bottom: 5px;margin-left: 25%;}
.dirve_spot_box .dirve_spot_text {padding: 10px;background-color: #f3ffeb;}

.p_map_code_w ul {margin: 10px 0;}

.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 15px;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page_drive_morelist {padding: 0 15px 15px;}
.page_drive_morelist li {margin-bottom: 10px;}
.page_drive_morelist li a:before {content: "\f0da";font-family: FontAwesome;margin-right: 5px;}

/*プリウス*/
.ots_info {overflow: hidden;}
.ots_info dt {width: 30%;float: left;}
.ots_info dd {width: 70%;float: left;padding-left: 10px;}