@charset "utf-8";

/*kyoten----------------------------------------------------------------------*/
.kyotenWrapper{

}
.kyotenWrapper .inner{
	position:relative;
	width:1192px;
	height:690px;
	margin:20px auto 0;
	background:url(../images/top/map.jpg) 20px center no-repeat;
}
.kyotenWrapper .inner .txtBox h3{
	font-size:30px;
	color:#005bab;;
	margin:0 auto;
	text-align:center;
}
.kyotenWrapper .pBox{
	display:table;
	width:100%;
	border-collapse:collapse;
}
.kyotenWrapper .pBox div{
	display:table-cell;
	_width:20%;
	height:15vw;
	background-size:cover;
	background-position:center center;
}
.kyotenWrapper .pBox div:nth-child(1){
	background-position:-136px 0;
}
/**/
.point,
.pointJp{
	position:absolute;
	color:#000;
	/*濃くしたいので繰り返し*/
	_text-shadow: 2px 2px 2px rgba(255,255,255,1.0) , -2px -2px 2px rgba(255,255,255,1.0) , 2px 2px 2px rgba(255,255,255,1.0) , -2px -2px 2px rgba(255,255,255,1.0);
	text-shadow:
		white 2px 0px,  white -2px 0px,
		white 0px -2px, white 0px 2px,
		white 2px 2px , white -2px 2px,
		white 2px -2px, white -2px -2px,
		white 1px 2px,  white -1px 2px,
		white 1px -2px, white -1px -2px,
		white 2px 1px,  white -2px 1px,
		white 2px -1px, white -2px -1px;
}
.point:link,
.point:visited,
.point:hover{
	color:#000;
}
.point:before,
.pointJp:before{
	content: '';
	top:0;
	left:-22px;
	position:absolute;
	width:18px;
	height:18px;
	background:url(../images/share/maru.png) center center no-repeat;
	z-index:1;
}
.point.pp:before,
.point.ch:before{
	left:auto;
	right:-22px;
}
.pointJp.jp{
	top:310px;
	left:530px;
}
.point.jp-hrs{
	top:210px;
	left:607px;
}
.point.jp-kyo{
	top:235px;
	left:607px;
}
.point.jp-cyd{
	top:260px;
	left:607px;
}
.point.jp-hof{
	top:285px;
	left:607px;
}
.point.jp-ngy{
	top:310px;
	left:607px;
}
.point.jp-hrs:before,
.point.jp-kyo:before,
.point.jp-cyd:before,
.point.jp-hof:before{
	top:0;
	left:-22px;
	width:18px;
	height:34px;
	background:url(../images/share/tatesen.png) 0px 8px no-repeat;
}
.point.jp-ngy:before{
	top:0;
	left:-37px;
	width:35px;
	height:18px;
	background:url(../images/share/yokosen.png) center center no-repeat;
}
.point.na{
	top:275px;
	left:970px;
}
.point.mx{
	top:350px;
	left:915px;
}
.point.pp{
	top:370px;
	left:148px;
}
.point.ch{
	top:335px;
	left:245px;
}
.point.vn{
	top:380px;
	left:440px;
}
/*---------------------------------------------------------------------------*/
#inline_content{
	padding:10px;
	background:#fff;
}
.baseWrapper{
	display:none;
}
.popBox{
	display:table;
	width:100%;
	margin:0 auto;
	padding:20px 0;
	border-collapse:separate;
	border-spacing:20px 0;
}
.baseBox{
	display:block;
}
.popBox .basePopLeft{
	display:table-cell;
	width:250px;
	height:80vh;
	text-align:center;
	color:#000;
	text-decoration:none;
	background:#fff;
	text-align:left;
	vertical-align:top;
}
.popBox .basePopRight{
	display:table-cell;
	height:80vh;
	padding:0;
	margin:0;
}
.basePopRight iframe{
	vertical-align: bottom;
	width:100%;
	height:100%;
	border:0;
}
.basePopLeft img{
	width:100%;
	height:auto;
	display:block;
}
.basePopLeft h3{
	display:block;
	font-size:120%;
	font-weight:bold;
	color:#005bab;
	margin:14px 0 12px 0;
	padding:12px 0;
	border:solid 1px #005bab;
	border-width:2px 0;
}
.basePopLeft .yakuwari{
	margin-top:10px;
	padding-top:12px;
	border-top:dotted 1px #ccc;
}
.basePopLeft .telBox{
	margin-top:10px;
	padding-top:10px;
	border-top:dotted 1px #ccc;
}
/**/
#cboxOverlay {
    background:#005bab;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}
#cboxContent {
    _margin-top: 20px;
    background: #fff;
}
#cboxLoadedContent {
    border: 0px solid #000;
    background: #fff;
}
#cboxClose {
    position: absolute;
    top: 0px;
    right: 5px;
    display: block;
    _background: url(images/controls.png) no-repeat top center;
        background-position-x: center;
        background-position-y: top;
    width: 38px;
    height: 19px;
    text-indent: -9999px;
}







/*responsive*/
/*############################################*/
/*  */
/*############################################*/

@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
	
	/*kyoten----------------------------------------------------------------------*/
	.kyotenWrapper{
	
	}
	.kyotenWrapper .inner{
		position:relative;
		width:100%;
		height:auto;
		margin:30px auto 40px;
		background-position:center;
		background-size:contain;
	}
	.kyotenWrapper .inner .txtBox{
		padding-bottom:14px;
	}
	.kyotenWrapper .pBox{
		display:block;
		width:100%;
		border-collapse:collapse;
	}
	.kyotenWrapper .pBox div{
		display:block;
		width:33.33vw;
		height:25vw;
		float:left;
		background-size:cover;
		background-position:center center;
	}
	.kyotenWrapper .pBox div:nth-child(4){
		width:66.66vw;
	}
	.kyotenWrapper .pBox div:nth-child(1){
		background-position:center center;
	}
	/**/
	.kyotenWrapper .inner .pointJp{
		display:none;
	}
	/**/
	.point,
	.pointJp{
		position:static;
		display:block;
		width:100%;
		margin:0px auto 0;
		padding:15px 0;
		text-align:center;
		_border-top:solid 1px #e6e6e6;
		background:rgba(0,0,0,0.1);
		font-size:15px;
	}
	.point:nth-child(even){
		background:rgba(0,0,0,0);
	}
	.point:last-child{
		border-bottom:solid 1px #e6e6e6;
	}
	.point:link,
	.point:visited,
	.point:hover{
	}
	.pointJp:before,
	.point:before{
		display:none;
	}
	.point.pp:before,
	.point.ch:before{
	}
	.point.jp{
	}
	.point.na{
	}
	.point.mx{
	}
	.point.pp{
	}
	.point.ch{
	}
	.point.vn{
	}

	/*---------------------------------------------------------------------------*/
	#inline_content{
		padding:10px;
		background:#fff;
	}
	.baseWrapper{
		display:none;
	}
	.popBox{
		display:block;
		width:100%;
		padding:20px 0;
	}
	.baseBox{
	
	}
	.popBox .basePopLeft{
		display:block;
		width:100%;
		height:auto;
		padding-bottom:30px;
	}
	.popBox .basePopRight{
		display:block;
		width:100%;
		height:50vh;
		overflow:hidden;
	}
	.basePopRight iframe{
	}
	.basePopLeft img{
	}
	.baseBox:first-child .basePopLeft h3{
		margin-top:0;
	}
	.basePopLeft h3{
		display:block;
		font-size:120%;
		font-weight:bold;
		color:#005bab;
		margin:14px 0 12px 0;
		padding-left: 4%;
		border-bottom:dotted 1px #005bab;
	}
	.basePopLeft h3 + p{
		padding:0 4%;
	}
	.basePopLeft .yakuwari{
	}
	.basePopLeft .telBox{
	}
	/**/
	#cboxOverlay {
	}
	#cboxContent {
		margin-top:0px;
	}
	#cboxLoadedContent {
	}
	#cboxClose {
	}













} /* /@media */