@charset "utf-8";


.hde{
	visibility:hidden;
	display:none;
}
ul.breadcrumbs {
    padding: 10px 15px 50px;
}
.main-group{	
	display: flex;
}	
.main-group .mleft {
	margin-right: 20px;
}	
.main-group .mright {	
    width: calc(100% - 490px);
}	

/*right colum*/
.sepline{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#cccccc 1px solid;
}
.detmaintit{
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px;
	text-align:left;
}
.spotdesc{
	font-size:14px;
	margin-bottom:15px;
	text-align:left;
}
.spotinfo-tbl{
	width:100%;
	border-collapse:collapse;
	margin-bottom:25px;
}
.spotinfo-tbl a:link {
    color: #333399;
}
.spotinfo-tbl th,.spotinfo-tbl td{
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	padding-top:12px;
	padding-bottom:12px;
	font-size:14px;
	vertical-align:top;
	text-align:left;
}

.spotinfo-tbl th{
	width:29%;
	font-weight:normal;
	padding-left:8px;
	padding-right:8px;
}
.spotinfo-tbl td{
	padding-right:8px;
    word-break: break-word;
}
.spotnote{
	font-size:11px;
	margin-bottom:35px;
	line-height:16px;
}


.spotmenu .mmbus{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:bold;
	font-size:13px;
	margin-bottom:25px;
	width:470px;
	margin-left:0px!important;
	margin-right:0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.spotmenu .mmbus a {
	display:block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:53px;
	padding-left:15px;
	line-height:53px;
	text-decoration:none;
	width:470px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border:#fb2b5d 1px solid;
	background: #ffd0da; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd0da 0%, #faaebd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd0da 0%,#faaebd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffd0da 0%,#faaebd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd0da', endColorstr='#faaebd',GradientType=0 ); /* IE6-9 */

}
.spotmenu .mmbus a br{
	display:none;
}
.spotmenu .mmbus a:link {
	color:#333333;
	background-color:#f0efef;
	text-decoration:none;
}
.spotmenu .mmbus a:visited {
	color:#333333;
	background-color:#f0efef;
	text-decoration:none;
}
.spotmenu .mmbus a:hover {
	opacity: 0.7;}
	
.spotmenu .mmbus a:active {
	color:#333333;
	background-color:#ffffff;
	text-decoration:none;
}
.fbloom-group{
	overflow: hidden;
	width: 470px;
	margin-bottom:25px;
}	
.fbloom-group .firstbloom {
	margin-right: 20px;
	float: left;
	width: 225px;
	overflow: hidden;
}	
.fbloom-group .fullbloom {	
	float: left;
	width: 225px;
	overflow: hidden;
}
.blossarea{
	border:#d95170 2px solid;
}
.blossareatop{
	background:#d95170;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.blossareabot{
	background:#ffffff;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
.fblossomicon {
	margin-right:18px;
}
@media only screen and (max-width: 768px) {

	.main-group{			
		width: 100%;
        flex-direction: column;
	}	
    .main-group .mleft {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .main-group .mright {
        width: 100%;
    }
	
	/*right colum*/

	.sepline{
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:#cccccc 1px solid;
	}
	.detmaintit{
		font-size:22px;
		font-weight:bold;
		margin-bottom:20px;
		text-align:left;
	}
	.spotdesc{
		font-size:12px;
		margin-bottom:15px;
		text-align:left;
	}
	.spotinfo-tbl{
		width:100%;
		border-collapse:collapse;
		margin-bottom:20px;
	}
	.spotinfo-tbl th,.spotinfo-tbl td{
		border-top:#cccccc 1px solid;
		border-bottom:#cccccc 1px solid;
		padding-top:12px;
		padding-bottom:12px;
		font-size:12px;
		vertical-align:top;
		text-align:left;
	}
	
	.spotinfo-tbl th{
		width:29%;
		font-weight:normal;
		padding-left:4px;
		padding-right:4px;
	}
	.spotinfo-tbl td{
		padding-right:4px;
	}
	.spotnote{
		font-size:11px;
		margin-bottom:30px;
		line-height:16px;
	}

	
	.spotmenu .mmbus {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-weight:bold;
		font-size:12px;
		margin-right:2%;
		margin-bottom:8px;
	}
	.spotmenu .mmbus{
		width:100%;
		margin-left:auto!important;
		margin-right:auto;
	}
	.spotmenu .mmbus a{
		white-space:normal;
	}

	.fbloom-group{
		overflow: hidden;
		width: 100%;
		margin-bottom:25px;
	}	
	.fbloom-group .firstbloom {
		margin-right: 5px;
		float: left;
		width: 48%;
		overflow: hidden;
	}	
	.fbloom-group .fullbloom {	
		float: left;
		width: 48%;
		overflow: hidden;
	}
	.blossarea{
		border:#d95170 2px solid;
	}
	.blossareatop{
		background:#d95170;
		padding-top:6px;
		padding-bottom:6px;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		color:#FFF;
	}
	.blossareabot{
		background:#ffffff;
		padding-top:6px;
		padding-bottom:6px;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
		font-size:14px;
		font-weight:bold;
	}
	.fblossomicon {
		margin-right:10px;
	}

/* max-width: 700px END */
}
/* max-width: 700px END */
@media screen and (max-width: 767px) {
    ul.breadcrumbs {
        padding-bottom: 20px;
    } 
}
@media only screen and (max-width: 480px) {

    swiper-slide img {
        width: 100%;
    }
    .spotmenu .mmbus a {
        width: 100%;
    }
	.main-group .mleft {
		margin-right: 0px;
		float:none;
		width:100%;
		overflow: hidden;
		height:auto;
	}	
	.detmaintit{
		font-size: 21px;
	}
	.swiper-slide img{
		width:100%;
		height:auto;
	}
	.swiper-container {
		height:auto;
	}
	.swiper-container .swiper-slide {
		height: auto;
	}
	
	

/* max-width: 480px END */
}
/* max-width: 480px END */
/* hide language tab*/
/*#serviceNavi{
	display:none!important;
}
*/

/*test only*/
/*.mapzone{
	display:none;
}*/