@charset "utf-8";
/*--京access/famous_spot.css--*/
/*####################SP表示用####################*/
h2{
	background:#ffd100;
	color:#28285e;
	padding:4px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

h3{
	color:#28285c;
	font-weight:bold;
	font-size:1.3em;
	border-left:5px solid #28285c;
	padding-left:8px;
	line-height:1em;
	margin-bottom:5px;
}

.spot_box{
	margin-bottom:0.8em;
}


	.spot_img img{
		margin:0 auto;
	}
	
.goto_ex_site{
	width:80%;
	margin:0 auto;
	text-align:center;
}

	.goto_ex_site li{
		overflow:hidden;
		padding:5px;
	}
	
	.goto_ex_site a{
		display:block;
	}
	
	.goto_ex_site a span.visible-xs-inline{
		text-align:center;
		display:block !important;
		text-decoration:none;
		padding:5px 0;
		color: #111;
		border: 1px solid #fff;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-decoration: none;
		box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,255,1) 49%, rgba(247,242,255,1) 50%, rgba(233,219,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(49%, rgba(250,247,255,1)), color-stop(50%, rgba(247,242,255,1)), color-stop(100%, rgba(233,219,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,255,1) 49%, rgba(247,242,255,1) 50%, rgba(233,219,255,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,255,1) 49%, rgba(247,242,255,1) 50%, rgba(233,219,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,247,255,1) 49%, rgba(247,242,255,1) 50%, rgba(233,219,255,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,247,255,1) 49%, rgba(247,242,255,1) 50%, rgba(233,219,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9dbff', GradientType=0 );
	}


/*####################PC表示用####################*/
@media print, screen and (min-width: 768px) {
	#main_box{
		background:#fff;
	}
	
	h2{
		font-size:18px;
		margin-bottom:20px;
	}
	
	.spot_box{
		clear:both;
		overflow:hidden;
		margin-bottom:20px;
	}
	
	.spot_box p{
		float:left;
		width:500px;
	}
	
	.spot_box.noimage p{
		float:none;
		width:auto;
	}
	
	.spot_img{
		width:190px;
		float:right;
	}
	
	.goto_ex_site a span.visible-xs-inline{
		display:none !important;
	}
	
	.goto_ex_site{
		width:auto;
	}
	
	.goto_ex_site li{
		display:inline-block;
		margin:0 5px;
	}
}