@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : 5up_ibusuki.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
/* -----------------------------------------------------------
	con_mainimg
----------------------------------------------------------- */
.con_mainimg {
	text-align: center;
	margin-bottom: 5%;
}

/* -----------------------------------------------------------
	con_banner
----------------------------------------------------------- */
.con_banner {
	text-align: center;
	padding: 0 9%;
	margin-bottom: 8%;
}

/* -----------------------------------------------------------
	con_recommended
----------------------------------------------------------- */
.con_recommended {
	padding: 0 2.3%;
}
.con_recommended h2 {
	margin-bottom: 10%;
	text-align: center;
}
.con_recommended h3 {
	background: none;
	padding: 0;
	text-align: center;
	margin: 0 0 1.5% 0;
	font-size: 2em;
}
.con_recommended h4 {
	margin-bottom: 3%;
}
.con_recommended .f_left {
	float: left;
}
.con_recommended .f_right {
	float: right;
}
.con_recommended .txt_center {
	text-align: center;
}
.con_recommended .wrp_content .wrp_point {
	background: #FBDADC;
	position: relative;
	padding: 2.5% 3% 6.5%;
	margin-bottom: 12%;
	color: #000;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.con_recommended .wrp_content .wrp_point .wrp_point_number {
	position: absolute;
	top: 0;
	left: 0;
	width: 15.2%;
	margin: -7.5% 0 0 0;
}
.con_recommended .wrp_content .wrp_point h3 {
	margin: 1.2em 0 .8em;
}
.con_recommended .wrp_content .wrp_point p {
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 1.5em;
	margin: .5em 0;
}
.con_recommended .wrp_content .wrp_point .box_point {
	margin: 6% 0 6%;
}
.con_recommended .wrp_content .wrp_point .box_point h4 {
	margin-bottom: 2%;
}
.con_recommended .wrp_content .wrp_point ul li {
	width: 48%;
	display: inline-block;
}
.con_recommended .wrp_content .wrp_point ul li.img_point2_2 {
	width: 97%;
	margin-top: .3em;
}
.con_recommended .wrp_content .point3 h4 {
	margin: 0.8em 0 0;
}
.con_recommended .wrp_content .point3 ul li {
	width: 50%;
	float: left;
	padding-right: 5px;
	display: inline-block;
}
.con_recommended .wrp_content .point3 .box_up {
	display: inline-block;
}
.con_recommended .wrp_content .point3 .box_up li {
	width: 50%;
	float: left;
	padding-right: 5px;
	display: inline-block;
}
.con_recommended .wrp_content .point3 .box_up li:last-child {
	width: 50%;
	float: left;
	padding-right: 5px;
	display: inline-block;
}
.con_recommended .wrp_content .point4 h3 {
	margin-top: .9em;
}
.con_recommended .wrp_content .point5 h3 {
	margin-top: .7em;
}
.con_recommended .wrp_content .point5 h4.sst2 {
	margin-top: 1.3em;
}

/* -----------------------------------------------------------
	con_tour_overview
----------------------------------------------------------- */
.con_tour_overview {
	background: #fffbc6;
	margin: 0 0 8%;
	padding-bottom: 5%;
}
.con_tour_overview h3.st {
	background: #ff6600;
	padding: 5px 6px 5px;
	margin: 0 0 6.5% 0;
	text-align: left;
}
.con_tour_overview h3.st img {
	vertical-align: middle;
	width: 25.5%;
}
.con_tour_overview .wrp_content {
	padding: 0 2.3%;
}
.con_tour_overview .wrp_content .wrp_sponsorship {
	text-align: center;
	padding: 0 3%;
	margin-bottom: 2%;
}
.con_tour_overview .wrp_content .box_content h3 {
	background: none;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-size: 125%;
	color: #ff6600;
	border-left: 5px solid #ff6600;
	line-height: 1.2;
	margin: 0 2.5% 3%;
	padding: 6px 0 6px 2%;
	letter-spacing: 2px;
	text-align: left;
}
.con_tour_overview .wrp_content .box_content h3 span {
	font-size: 138%;
	display: block;
	padding: 0;
	border-top: 0;
}
.con_tour_overview .wrp_content .box_content .box_img {
	overflow: hidden;
	padding: 0 2%;
	margin-bottom: 3%;
}
.con_tour_overview .wrp_content .box_content .box_img .wrp_img {
	width: 32.2%;
	float: left;
	margin: 0 0.5% 0.5%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview {
	margin-bottom: 5%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview .bg_lightpink {
	background: #fde8cd;
	padding: 1%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview .bg_lightblue {
	background: #d2f4f4;
	padding: 1%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table {
	width: 100%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table th, .con_tour_overview .wrp_content .box_content .box_tour_overview table td {
	border-bottom: 1px dotted #cfc494;
	padding: 1em 0.5em;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table th {
	width: 13%;
	background: #e94709;
	font-size: .8em;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td {
	vertical-align: middle;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td .wrp_departure {
	overflow: hidden;
	margin-bottom: 5px;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td .wrp_departure.fee p {
	margin-bottom: 2%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td .wrp_departure.fee p span {
	font-size: 165%;
	color: #990000;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td .wrp_departure.fee p span span {
	font-size: 70%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td .wrp_departure.date .hiroshima {
	margin-bottom: 2%;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td ul.departure {
	padding: .3em;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td ul.departure li {
	margin-bottom: .1em;
	padding: .2em .8em;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td ul.departure li.bule {
	background-color: #D2F4F4;
}
.con_tour_overview .wrp_content .box_content .box_tour_overview table td ul.departure li.red {
	background-color: #FDE8CD;
}
.con_tour_overview .wrp_content .box_content .box_tour_details {
	margin-bottom: 5%;
}
.con_tour_overview .wrp_content .box_content .box_tour_details .ic_desc {
	margin-bottom: 2%;
}
.con_tour_overview .wrp_content .box_content .box_tour_details .ic_desc img {
	vertical-align: middle;
}
.con_tour_overview .wrp_content .box_content .box_tour_details .bg_darkyellow {
	background: #ece3ae;
	color: #000;
	margin: 5px 0;
	padding: 8px 12px;
	line-height: 1.4;
}
.con_tour_overview .wrp_content .box_content .box_tour_details .bg_darkyellow p {
	border-bottom: 1px dashed #333;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.con_tour_overview .wrp_content .box_content .box_tour_details .bg_darkyellow p span {
	display: block;
	padding-left: 10px;
}
.con_tour_overview .wrp_content .box_content .box_tour_details .bg_darkyellow p.last {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.con_tour_overview .wrp_content .box_content .box_tour_details table {
	width: 100%;
}
.con_tour_overview .wrp_content .box_content .box_tour_details table th, .con_tour_overview .wrp_content .box_content .box_tour_details table td {
	border: 1px solid #cfc494;
}
.con_tour_overview .wrp_content .box_content .box_tour_details table th {
	background: #e35807;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.con_tour_overview .wrp_content .box_content .box_tour_details table td {
	padding: 5px;
}
.con_tour_overview .wrp_content .box_content .box_tour_details table td img {
	vertical-align: middle;
}
.con_tour_overview .wrp_content .box_content .box_tour_details table td.ic_local {
	text-align: center;
}
.con_tour_overview .wrp_content .box_content .box_tour_details h5 {
	color: #e35807;
	border-bottom: 5px dotted #e35807;
	text-align: center;
	padding-bottom: 1%;
	margin-bottom: 2%;
}
.con_tour_overview .wrp_content .box_content .txt_note {
	margin-bottom: 2%;
}
.con_tour_overview .wrp_content .box_content .wrp_note {
	background: #f2e8d1;
	padding: 1.5% 2%;
	margin-bottom: 2%;
}
.con_tour_overview .wrp_content .box_content .box_note {
	margin-bottom: 5%;
}
.con_tour_overview .wrp_content .box_content .box_banner {
	text-align: center;
	padding: 0 3%;
	margin-bottom: 3%;
}
.con_tour_overview .wrp_content .box_content .box_contact {
	text-align: center;
	padding: 0 15%;
	margin-bottom: 3%;
}
.con_tour_overview .wrp_content .box_content .box_mail {
	text-align: center;
	padding: 0 1%;
	color: #000;
	font-size: 85%;
}
.con_tour_overview .wrp_content .box_content .box_mail img {
	width: 40%;
	max-width: 280px;
	vertical-align: top;
}

.iframeWrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0 0 40px 0;
}
.iframeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box_tour_details .ic_desc span {
	margin-right: 10px;
}

.box_tour_details .ic_desc span.walk {
	margin-left: 3px;
}

.box_tour_details .ic_desc span.bus:after {
	content: url(../../campaign/5up_ibusuki/images/icon_bus.png);
}

.box_tour_details .ic_desc span.train:after {
	content: url(../../campaign/5up_ibusuki/images/icon_train.png);
	margin: 0 -5px;
}

.box_tour_details .ic_desc span.ferry:after {
	content: url(../../campaign/5up_ibusuki/images/icon_ferry.png);
}

.box_tour_details .ic_desc span.walk:after {
	content: url(../../campaign/5up_ibusuki/images/icon_walk.png);
	margin-right: -6px;
}

.box_tour_details .ic_desc span.sin:after {
	content: url(../../campaign/5up_ibusuki/images/icon_sin.png);
	margin-right: -6px;
}
.wrp_point .con_menu th{
	background-color: #f39b96;
	color: #fef3f2;
	padding: 1%;
}
.wrp_point .con_menu tr .txt_title {
	width: 18%;
	border-bottom: 1px solid #fbdadc;
	background-color: #fabebb;
	text-align: center;
}
.wrp_point .con_menu tr .txt_detail {
	padding: 1% 1% 1% 1em;
}
.txt_ti {
	font-size: 110%;
	font-weight: bold;
}

.shiawase {
	background-color: #FDE8CD;
	margin-bottom: 1em;
}
.sora {
	background-color: #D2F4F4;
	margin-bottom: 1em;
}