@charset "utf-8";


/* -------------------------------------------------------------------------------- 
Screen and Pring
-------------------------------------------------------------------------------- */
@media screen, print{


/* section.sightseeing
------------------------------------------ */
section.sightseeing{
	width:100%;
	padding:0px 0px 0px 0px;
}
	section.sightseeing .readBox{
		padding:0px 0px 35px 0px;
	}
	section.sightseeing .readBox p{
		padding:12px 0px 0px 0px;
		font-size:15px;
		line-height:1.99em;
		letter-spacing: 0.08em;
	}
section.sightseeing .sightseeingBlock{
	padding:0px 0px 60px 0px;
}
	section.sightseeing .sightseeingBlock:last-child{
		padding-bottom:0px;
	}


/* mapBlock
-------------------------------- */
.mapBlock{
	padding:0px 0px 40px 0px;
}
.mapBlock img{
	width:951px;
	height:auto;
}

/* sightseeing
-------------------------------- */
.sightseeingBlock{
	
}
.sightseeingBlock h2{
	font-size:26px;
	padding:0px 0px 10px 0px;
}
.sightseeingBlock h2 span{
	display:inline-block;
	padding:3px 8px;
	font-size:14px;
	color:#00aaff;
	border:1px solid #00aaff;
	margin-left:20px;
}
.sightseeingBlock .sightseeingBox{
	overflow:hidden;
	padding:15px 0px 0px 0px;
}
.sightseeingBox .set{
	width:31%;
	height:auto;
	margin:0px 3.5% 35px 0px;
	float:left;
}
.set .title{
	padding:0px 0px 0px 0px;
}
.set h3{
	font-size:20px;
	padding:0px 0px 6px 0px;
}
.set h3 span{
	font-size:15px;
}
.set h3 a{
	
}
.set figure{
	line-height:0;
}
.set figure img{
	width:100%;
	height:auto;
}
.set p.copy{
	padding:8px 0px 0px 0px;
}
.set ul.caution{
	padding:5px 0px 0px 0px;
}
.set ul.caution li{
	padding:0px 0px 0px 1em;
	text-indent: -1em;
	font-size:13px;
}
.set .link{
	padding:5px 0px 0px 0px;
}
.set .link a{
	color:#1E9AFF;
}
.set .link a img{
	width:0.75em;
	height:auto;
	margin-right:4px;
	vertical-align: middle;
}


/* section.bus
-------------------------------------------------------------------- */
section.bus{
	padding:50px 0px 0px 0px;
}
section.bus h2{
	font-size:26px;
	padding:0px 0px 30px 0px;
}
section.bus .busBlock{
	padding:0px 0px 50px 0px;
}
.busBlock h3{
	font-size:16px;
	font-weight: bold;
	padding:0px 0px 5px 0px;
}
.busBlock .tableBox{
	
}
.busBlock .tableBox table{
	border-top:2px solid #f7f7f7;
	border-right:2px solid #f7f7f7;
}
.busBlock .tableBox td{
	font-size:13px;
	border-bottom:2px solid #f7f7f7;
	border-left:2px solid #f7f7f7;
	padding:4px 10px;
}

ul.caution{
	padding:20px 0px 0px 0px;
}
ul.caution li{
	padding:0px 0px 0px 1em;
	text-indent: -1em;
}

}


/* -------------------------------------------------------------------------------- 
PC Only
-------------------------------------------------------------------------------- */
@media screen and (min-width:641px){
	
.sightseeingBox .set:nth-of-type(3n){
	margin-right:0px;
}
.sightseeingBox .set:nth-of-type(3n+1){
	clear:both;
}	
	
}


/* -------------------------------------------------------------------------------- 
SP SmartPhone Css
-------------------------------------------------------------------------------- */
@media screen and (max-width:640px){


	
/* section.sightseeing
------------------------------------------ */
section.sightseeing{
	width:96%;
	margin:0px auto;
}
	section.sightseeing .readBox{
		padding:0px 0px 10px 0px;
	}
	section.sightseeing .readBox p{
		padding:12px 0px 0px 0px;
		font-size:15px;
		line-height:1.88em;
		letter-spacing: 0.08em;
	}
section.sightseeing .sightseeingBlock{
	padding:0px 0px 40px 0px;
}
	section.sightseeing .sightseeingBlock:last-child{
		padding-bottom:0px;
	}


/* mapBlock
-------------------------------- */
.mapBlock{
	padding:0px 0px 20px 0px;
}
.mapBlock img{
	width:100%;
	height:auto;
}

/* sightseeing
-------------------------------- */
.sightseeingBlock h2{
	font-size:20px;
}
.sightseeingBlock h2 span{
	display:inline-block;
	padding:3px 8px;
	font-size:14px;
	color:#00aaff;
	border:1px solid #00aaff;
	margin-left:20px;
}
.sightseeingBlock .sightseeingBox{
	overflow:hidden;
	padding:15px 0px 0px 0px;
}
.sightseeingBox .set{
	width:48%;
	height:auto;
	margin:0px 4% 35px 0px;
}
.sightseeingBox .set:nth-of-type(2n){
	margin-right:0px;
}
.sightseeingBox .set:nth-of-type(2n+1){
	clear:both;
}

.set h3{
	font-size:15px;
}
.set h3 span{
	display:block;
	padding:3px 0px 0px 0px;
	font-size:12px;
}
.set p.copy{
	font-size:13px;
	line-height:1.58em;
}
.set ul.caution li{
	font-size:12px;
}
.set .link a{
	font-size:13px;
}
.set .link a img{
	width:0.5em;
}


/* section.bus
-------------------------------------------------------------------- */
section.bus{
	width:96%;
	height:auto;
	margin:0px auto;
	padding:50px 0px 0px 0px;
}
section.bus h2{
	font-size:20px;
	padding:0px 0px 20px 0px;
}
section.bus .busBlock{
	padding:0px 0px 50px 0px;
}
.busBlock h3{
	font-size:16px;
	font-weight: bold;
	padding:0px 0px 5px 0px;
}
.busBlock .tableBox{
	overflow-x:scroll;
}
.busBlock .tableBox table{
	width:200%;
	border-top:2px solid #f7f7f7;
	border-right:2px solid #f7f7f7;
}
.busBlock .tableBox td{
	font-size:13px;
	border-bottom:2px solid #f7f7f7;
	border-left:2px solid #f7f7f7;
	padding:4px 10px;
}

	
	
ul.caution li{
	font-size:14px;
}	
	
	
	
	
}

