/*==============================================
					#mainSec
==============================================*/
#mainSec {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#globalNavi {
	position: absolute;
	opacity: 0.9;
	z-index: 1000;
	border-top: 1px solid #005bac;
	background-color: rgba(255,255,255,0.9);  
}

#globalNavi ul {
	border-right: 1px dotted #005bac;
}

#globalNavi ul li {
	border-left: 1px dotted #005bac;
}


#globalNavi ul li a {
	background: url(/foreign/kr/images/globalNaviTop.png) no-repeat;
	background-size: 1000px;
}

#globalNavi ul li a:hover {
	background: url(/foreign/kr/common/images/globalNavi.png) no-repeat;
	background-size: 1000px;
	background-color: #00adee;
}



/*==============================================
					#mainImg
==============================================*/	
#mainImg {
	/*position: absolute;*/
	width: 100%;
	/*height: 438px;*/
	text-align: center;
	background: #CCC;
	/*z-index: 444;*/
}

#mainImg img {
	width: 100%;
	vertical-align: bottom;
}

#mainImg .slick-list{
    width: 100% !important;
    /*max-width: 350px !important;*/
	/*margin: 0 auto !important;*/
    padding: 0 0 0 0 !important;
}

#mainImg .slick-slide{
    /*margin: 0 10px;*/
	/*margin: 0;*/
	margin: 0;
}


#mainImg .slick-dots
{
    position: absolute;
    bottom: 10px;

    display: block;

    width: 100%;
	margin-top: 10px;
    padding: 0;

    list-style: none;

    text-align: center;
}
#mainImg .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
#mainImg .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent url(/foreign/kr/common/images/dotW.png) no-repeat;
	background-size: 18px;
}
#mainImg .slick-dots li button:hover,
#mainImg .slick-dots li button:focus
{
    outline: none;
	background: transparent url(/foreign/kr/common/images/dotB.png) no-repeat;
	background-size: 18px;
}
#mainImg .slick-dots li button:hover:before,
#mainImg .slick-dots li button:focus:before
{
    opacity: 1;
}
#mainImg .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '';
    text-align: center;

    opacity: .25;
    color: #005bac;
	

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#mainImg .slick-dots li.slick-active button:before
{
	/*
    opacity: .75;
    color: #005bac;
	*/
	opacity: 1;
	background: transparent url(/foreign/kr/common/images/dotB.png) no-repeat;
	background-size: 18px;
}

/*==============================================
					tools
==============================================*/	
#tools {
	width: 100%;
    font-size: 108%;
    line-height: 161.6%;
	background: url(/foreign/kr/images/bgTools.gif) repeat;
}

#toolsInner {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
	padding: 40px 0;
    text-align: left;
}

#toolLcol {
	float: left;
	width: 747px;
}

#toolRcol {
	float: left;
	width: 234px;
	margin-left: 19px;
}

/*****  announcement  *****/
#toolsInner .announcement {
	background-color: #ffffff;
	padding: 0px 0px;
	margin-bottom: 30px;
	text-align: center;
	border: #de2626 solid 2px;
}
#toolsInner .announcement dt img {
	width: 18px;
	height: auto;
	vertical-align: middle;
}
#toolsInner .announcement dd {
	padding: 6px 0;
}

/*****  access  *****/

#access {
	width: 100%;
	margin-bottom: 20px;
}

#access h2 {
	padding: 10px 0;
	text-align: center;
	background: #1d8bbe;
	 
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
}

	#access h2 img {
		height: 15px;
		vertical-align: bottom;
	}

#accessInner {
	width: 100%;
	display: table;
}

.accessBox {
	display: table-cell;
	width: 33%;
	background: #ffffff;
}

	.accessBox:first-child {
		width: 34% !important;
	}

/*サムネイル拡大*/

.accessBox .imgAccess{
	width: 100%;
	height: 152px;
}

.accessBox .imgAccess a{
	display:block;
	position: relative;
	overflow: hidden;
	text-align: center;
	text-indent: -999px;
	width: 100%;
	height: 180px;
}

	#nikko .imgAccess a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 180px;
		top: 0;
		
		background: url(/foreign/kr/images/imgAccessNikko.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#town .imgAccess a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 180px;
		top: 0;
		
		background: url(/foreign/kr/images/imgAccessTown.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#kawagoe .imgAccess a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 180px;
		top: 0;
		
		background: url(/foreign/kr/images/imgAccessKawagoe.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

.accessBox .imgAccess a:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.accessBox .imgAccess a div.inner{
	position: relative;
	z-index: 190;
}

/*サムネイル拡大ここまで*/

.txtAccess {
	box-sizing: border-box;
	padding: 50px 15px 20px 15px;
	border-left: 1px solid #e2e2e2;
}

	#nikko .txtAccess {
		border: none;
	}

.txtAccess .destination {
	/*text-align: center;*/
	margin-bottom: 9px;
}

	.txtAccess .destination img {
		width: auto;
		height: 39px;
		vertical-align: bottom;
	}
	
.txtAccess .destinationSp {
	display: none;
}
	
.txtAccess .destination a:hover img {
	opacity: 0.7;
}
	

/*****  how to use  *****/

#use {
	width: 100%;
	/*margin-bottom: 20px;*/
}

#use h2 {
	padding: 10px 0;
	text-align: center;
	background: #318a36;
	
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
}

	#use h2 img {
		height: 15px;
		vertical-align: bottom;
	}
	
.useInnerSp {
	display: none;
}
	
#useInner {
	display: table;
	width: 100%;
}

	#useInner .useBox {
		display: table-cell;
		width: 33%;
		padding: 0;
		line-height: 0;
		background: #FFF;
	}
	
	/*
	#useInner #spacia {
		width: 34% !important;
	}
*/
	


/* 20217年10月までのレイアウトで使用
.useBoxInner {
	display: table;
	width: 100%;
}
*/

.useBoxInner {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 7px 7px;
}

/* 20217年10月までのレイアウトで使用
.useBoxInner:first-child {
	border-bottom: 1px solid #e2e2e2;
}
*/

.useLeft {
	display: table-cell;
	width: 57%;
	height: 97px;
	vertical-align: middle;
}

	.useLeft img {
		width: 100%;
		vertical-align: bottom;
		margin-left: 8px; /* 2017年11月追加 */
	}

.useRight {
	display: table-cell;
	width: 40%;
	height: 97px;
	text-align: left;
	vertical-align: middle;
}


/*サムネイル拡大*/

.useRight a{
	display:block;
	position: relative;
	overflow: hidden;
	text-align: center;
	text-indent: -999px;
	width: 100%;
	height: 97px;
}

	#railmap a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 97px;
		top: 0;
		
		background: url(/foreign/kr/images/imgUseMap.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#timetable a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 97px;
		top: 0;
		
		background: url(/foreign/kr/images/imgUseTimetable.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#manner a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 97px;
		top: 0;
		
		background: url(/foreign/kr/images/imgUseManner.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#freewifi a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 97px;
		top: 0;
		
		background: url(/foreign/kr/images/imgUseWifi.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	/* 2017年11月追加 */
	#spacia a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 97px;
		top: 0;
		
		background: url(/foreign/en/images/imgUseSpacia.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#unmanned a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 97px;
		top: 0;
		
		background: url(/foreign/en/images/imgUseUnstaffed.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	/* 2017年11月追加 end */

.useRight a:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.useRight a div.inner{
	position: relative;
	z-index: 290;
}

#spacia {
	vertical-align: top;
}

#spacia a:hover {
	opacity: 0.7;
}


/*サムネイル拡大ここまで*/

#spacia img {
	width: 100%;
	/*height: auto;*/
	vertical-align: bottom;
}


/*****  discount pass & information center  *****/
/*
#discount {
	width: 100%;
	margin-bottom: 20px;
}
*/
/*
#discount h2 {
	box-sizing: border-box;
	height: 42px;
	padding: 17px 0;
	line-height: 0;
	text-align: center;
	background: #ed7272;
	
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
}

	#discount h2 img {
		height: 12px;
		vertical-align: bottom;
	}
*/

#discount {
	width: 100%;
	margin-bottom: 20px;
	

}

#discount a {
	display: block;	
	color: #000000;
}

#discount a:hover {
	opacity: 0.7;
	color: #000000;
	text-decoration: none;
}

#imgDiscount {
	width: 100%;
	height: 172px;
	text-indent: -9999px;
	background: url(/foreign/kr/images/discountPassWide.png) no-repeat;
	background-position: center;
	background-size: auto 100%;
	
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
}

#discount .txtRcol {
	background: #dfcfb6;
	
	-webkit-border-bottom-left-radius: 4px;  
    -webkit-border-bottom-right-radius: 4px;  
    -moz-border-radius-bottomleft: 4px;  
    -moz-border-radius-bottomright: 4px;  
}

#discount .txtRcol p {
	padding: 10px 0;
}


#discount p.btn {
	margin: 0 auto;
	margin-top: 20px;
}

	#discount p.btn a {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 17px 40px 17px 10px;
		color: #ffffff;
		text-align: center;
		background-color: #ea5e0d;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	
	#discount p.btn a:hover {
		opacity: 0.7;
		text-decoration: none;
	}
	

#infoCenterTop {
	width: 100%;
}

#infoCenterTop h2 {
	box-sizing: border-box;
	height: 42px;
	padding: 17px 0;
	line-height: 0;
	text-align: center;
	background: #ddad42;
	
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
}

	#infoCenterTop h2 img {
		/*height: 12px;*/
		height: 15px;
		vertical-align: bottom;
	}
	
.icInner {
	background: #ffffff;
}

.txtRcol {
	padding: 15px;
	background: #ffffff;
}

#infoCenterTop .txtRcol {
	box-sizing: border-box;
	/*min-height: 97px;*/
}

	
/*サムネイル拡大*/

.imgRcol a{
	display:block;
	position: relative;
	overflow: hidden;
	text-align: center;
	text-indent: -999px;
	width: 100%;
	height: 130px;
}

	#imgDiscount a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 130px;
		top: 0;
		
		background: url(/foreign/kr/images/imgDiscount.png) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#imgInfoCenter a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 130px;
		top: 0;
		
		background: url(/foreign/kr/images/imgInfoCenter.png) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

.imgRcol a:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.imgRcol a div.inner{
	position: relative;
	z-index: 290;
}

/*20180608追加*/

#internet_r {
	width: 100%;
	margin-bottom: 20px;
}

#internet_r h2 {
	box-sizing: border-box;
	padding: 17px 0;
	line-height: 0;
	text-align: center;
	background-color: #62288e;
	color: #fff;
	font-weight: bold;
	
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
}

	#internet_r h2 img {
		/*height: 12px;*/
		height: 15px;
		vertical-align: bottom;
	}
	
.icInner {
	background: #ffffff;
}

.txtRcol {
	padding: 15px;
	background: #ffffff;
}

#internet_r .txtRcol {
	box-sizing: border-box;
	/*min-height: 97px;*/
}
.guide #internet_r #imgInternet_r {
	float: left;
	width: 30%;
	margin: 10px;
}
	
/*サムネイル拡大*/

.imgRcol a{
	display:block;
	position: relative;
	overflow: hidden;
	text-align: center;
	text-indent: -999px;
	width: 100%;
	height: 130px;
	float: left;
}

	
	#imgInternet_r a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 130px;
		top: 0;
		
		background: url(/foreign/kr/images/internet_w350.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

.imgRcol a:hover:after{
	-moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.imgRcol a div.inner{
	position: relative;
	z-index: 290;
}

.guide #internet_r .icInner{
	border: 2px solid #62288e;
}




/*==============================================
				   tourism
==============================================*/

#tourism {
	width: 100%;
    font-size: 108%;
    line-height: 161.6%;
	background: url(/foreign/kr/images/bgTourism.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}

#tourismInner {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
	padding: 50px 0;
    text-align: left;
}

#tourismInner h2 {
	width: 100%;
	margin-bottom: 35px;
	text-align: center;
	line-height: 0;
}

#tourismInner h2 img {
	height: 28px;
	vertical-align: bottom;
}

#attraction {
	overflow: hidden;
	width: 100%;
}

.attractionBox {
	float: left;
	width: 32%;
}

	#tourTown {
		margin: 0 2%;
	}
	
.thumTour {
}

.thumTour a:hover {
	opacity: 0.7;
}


.thumTour img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.linkTour {
	font-size: 138.5%;
	margin-top: 20px;
	margin-bottom: 10px;
}

	#tourKawagoe .linkTour a {
		padding-right: 15px;
		background:url(/foreign/kr/images/iconPopTour.png) no-repeat;
		background-position: right center;
		background-size: 11px 10px;
	}

/*==============================================
					#slick 
==============================================*/

/*
#attraction #scrollBanner {
	width: 1000px;
	margin: 0 auto;
	height: 130px;
}

#attraction #scrollBanner {
	width: 1000px;
	margin: 0 auto;
	height: 130px;
}
*/

/*
#attraction .slick-prev,.slick-next {
    width:11px;
    height:20px;
    margin:0;
    padding: 0;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 50%;
}
*/

/*
#attraction .slick-prev{
    background: url(/foreign/kr/common/images/slickArrow_prev.png) no-repeat;
    left:0;
}

#attraction .slick-next{
    background: url(/foreign/kr/common/images/slickArrow_next.png) no-repeat;
    right:0;
}
*/

#attraction .slick-track {
	position: static;
}

#attraction .slick-list{
    width: 150% !important;
    /*margin: 0 auto !important;*/
    padding: 0 0 0 0 !important;
}

#attraction .slick-slide{
    margin: 0 10px;
	/*margin: 0;*/
}

/*==============================================
				   news & video
==============================================*/

#newsVideo {
	width: 100%;
    font-size: 108%;
    line-height: 161.6%;
	background: url(/foreign/kr/images/bgNewsVideo.gif) repeat-y;
	background-position: center;
}

#newsVideoInner {
	overflow: hidden;
    width: 1000px;
    margin: 0 auto;
	padding: 40px 0 55px 0;
    text-align: left;
}

#video {
	float: left;
	width: 46%;
	margin-right: 4%;
	/*background: #555;*/
}

#videoBox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	
	margin-bottom: 0;
	padding-bottom: 0;
}


#videoBox iframe {
    /*position: absolute;*/
   /*
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	*/
	
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
	/*
	#videoBox img {
		vertical-align: bottom;
	}
	*/

#video h2 {
	margin-bottom: 20px;
}

#video h2 img {
	height: 39px;
	vertical-align: bottom;
}

	h2.titleVideoSp {
		display: none;
	}

#news {
	float: left;
	width: 46%;
	margin-left: 4%;
}

#newsHead {
	overflow: hidden;
	margin-bottom: 20px;
}

#newsHead h2 {
	float: left;
	vertical-align: middle;
}

	#newsHead h2 img {
		height: 39px;
		vertical-align: bottom;
	}
	
	h2.titleNewsSp {
		display: none;
	}

#newsHead p {
	float: right;
	padding-top: 10px;
	vertical-align: middle;
}

#newsHead p a {
	color: #ffffff;
	padding-left: 18px;
	background: url(/foreign/kr/common/images/arrowCircleW.png) no-repeat;
	background-position: left center;
	background-size: 13px;
}

#newsHead p a:hover {
}

#newsBox {
	box-sizing: border-box;
	/*border: solid 1px #808080;*/
	width: 100%;
	height: 258px;
	/*padding: 0.5em;*/
	overflow: auto;
}

#newsBox ul {
	border-top: 1px solid #0069a2;
}

#newsBox ul li {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0;
	padding-left: 10px;
	color: #ffffff;
	border-bottom: 1px solid #0069a2;
}

#newsBox ul li p {
	display: table-cell;
}

#newsBox ul li p.date {
	min-width: 90px;
}

#newsBox ul li p a {
	color: #ffffff;
}


/*==============================================
				   news & video
==============================================*/
#newsVideo #patternBtm {
	width: 100%;
	background: url(/foreign/kr/images/routeTriangle.png) repeat-x;
	background-position: bottom center;
	background-size: 8px 4px;
}


#route {
	width: 100%;
	padding: 42px 0;
    font-size: 108%;
    line-height: 161.6%;
	background: url(/foreign/kr/images/bgRoute.gif) repeat;
	background-position: center;
}

#routeInner {
	overflow: hidden;
	position: relative;
    width: 770px;
    margin: 0 auto;
    text-align: left;
	background: url(/foreign/kr/images/bgMap.png) no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}

#routeInner h2 {
	width: 100%;
	margin-top: 10px;
	position: absolute;
	/*background: #999;*/
}

#routeInner h2 img {
	/*width: */
	width: 32%;
}

#routeTopSp {
	display: none;
}

#routeBtm {
	display: table;
	width: 100%;
}

#routeBtmL {
	display: table-cell;
	width: 30%;
}

#routeBtmR {
	display: table-cell;
	width: 70%;
	vertical-align: bottom;
}

#routeBtmL p {
	margin-top: 410px;
}

p.btnTop,
p.btnBtm {
    margin: 0 15% 0 29%;
    margin-bottom: 10px;
    width: 56%px;
}

p.btnTop a, 
p.btnBtm a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 11px 40px 11px 15px;
    color: #ffffff;
    /*font-size: 123.1%;*/
    text-align: left;
    background: #ea5e0d url(/foreign/kr/common/images/iconArrowW.png) no-repeat;
	background-position: right center;
	background-size: 24px auto;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

p.btnTop a:hover, 
p.btnBtm a:hover {
	text-decoration: none;
	opacity: 0.7;
}

#newsBox p.btnM {
	display: none;
}


@media screen and (max-width:1000px){
	
/*==============================================
					tools
==============================================*/	
#tools {
}

#toolsInner {
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
}

#toolLcol {
	float: none;
	width: 100%;
}

#toolRcol {
	float: none;
	width: 100%;
	margin-left: 0;
}

/*****  access  *****/

#access {
	margin-bottom: 15px;
}

#access h2 {
}

	#access h2 img {
	}

#accessInner {
}

.accessBox {
}

	.accessBox:first-child {
	}

/*サムネイル拡大*/

.accessBox .imgAccess{
}

.accessBox .imgAccess a{
}

	#nikko .imgAccess a:after{
	}
	
	#town .imgAccess a:after{
	}
	
	#kawagoe .imgAccess a:after{
	}

.accessBox .imgAccess a:hover:after{
}

.accessBox .imgAccess a div.inner{
}

/*サムネイル拡大ここまで*/

.txtAccess {
}

	#nikko .txtAccess {
	}

.txtAccess .destination {
}

	.txtAccess .destination img {
	}
	
.txtAccess .destination a:hover img {
}
	

/*****  how to use  *****/

#use {
	margin-bottom: 15px;
}

#use h2 {
}

	#use h2 img {
	}
	
#useInner {
}

	#useInner .useBox {
		width: 33%; /* 2017年11月変更 */
	}
	/*
	#useInner #spacia {
		width: 26%;
	}
	*/
	
.useBoxInner {
}

.useBoxInner:first-child {
}

.useLeft {
}

	.useLeft img {
	}

.useRight {
}


/*サムネイル拡大*/

.useRight a{
}

	#railmap a:after{
	}
	
	#timetable a:after{
	}
	
	#manner a:after{
	}
	
	#freewifi a:after{
	}

.useRight a:hover:after{
}

.useRight a div.inner{
}

#spacia {
}

#spacia a:hover {
}


/*サムネイル拡大ここまで*/

#spacia img {
}


/*****  discount pass & information center  *****/
#discount {
	float: left;
	width: 49%;
	margin-right: 2%;
}

#discount a {
}

#discount a:hover {
}

#imgDiscount {
}

#discount .txtRcol {
}

#discount .txtRcol p {
	padding: 0;
}

/*
#discount {
	float: left;
	width: 49%;
	margin-right: 2%;
}

#discount h2 {
}

	#discount h2 img {
	}
*/


	
#infoCenterTop {
	float: left;
	width: 49%;
}

#infoCenterTop h2 {
}

	#infoCenterTop h2 img {
	}

.txtRcol {
}

#infoCenterTop .txtRcol {
}

	
/*サムネイル拡大*/

.imgRcol a {
}

	#imgDiscount a:after{
	}
	
	#imgInfoCenter a:after{
	}

.imgRcol a:hover:after{
}

.imgRcol a div.inner {
}


/*==============================================
				   tourism
==============================================*/

#tourism {
}

#tourismInner {
	width: 100%;
	box-sizing: border-box;
	padding: 50px 20px;
}

#tourismInner h2 {
}

#tourismInner h2 img {
}

#attraction {
}

.attractionBox {
}

	#tourTown {
	}
	
.thumTour {
}

.thumTour a:hover {
}


.thumTour img {
}

.linkTour {
}

	#tourKawagoe .linkTour a {
	}


/*==============================================
				   news & video
==============================================*/

#newsVideo {
	width: 100%;
}

#newsVideoInner {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 20px 30px 20px;
}

#video {
	width: 46%;
	margin-right: 4%;
	box-sizing: border-box;
}

#video h2 {
}

#video h2 img {
}

#videoBox {
	width: 100%;
}

	#videoBox img {
		width: 100%;
		height: auto;
	}

#news {
	width: 46%;
	margin-left: 4%;
	box-sizing: border-box;
}

#newsHead {
}

#newsHead h2 {
}

	#newsHead h2 img {
	}

#newsHead p {
}

#newsHead p a {
}

#newsHead p a:hover {
}

#newsBox {
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

#newsBox ul {
}

#newsBox ul li {
}

#newsBox ul li p {
}

#newsBox ul li p.date {
}

#newsBox ul li p a {
}




/*==============================================
				  route map
==============================================*/
#newsVideo #patternBtm {
}


#route {
	height: 675px;
	padding: 20px;
	box-sizing: border-box;
}

#routeInner {
	width: 100%;
	height: 100%;
}

#routeInner h2 {
}

#routeInner h2 img {
}

#routeBtm {
	height: 100%;
}

#routeBtmL {
	height: 100%;
}

#routeBtmR {
}

#routeBtmL p {
	margin-top: 150%;
}

p.btnTop,
p.btnBtm {
}

p.btnTop a, 
p.btnBtm a {
}

p.btnTop a:hover, 
p.btnBtm a:hover {
}


}


@media screen and (max-width:767px){
	
#mainImg .slick-dots {
	display: none !important;
}

/*==============================================
					tools
==============================================*/	
#tools {
}

#toolsInner {
	box-sizing: border-box;
	width: 100%;
	/*padding: 20px;*/
	padding: 0;
}

#toolLcol {
	float: none;
	width: 100%;
}

#toolRcol {
	float: none;
	width: 100%;
	margin-left: 0;
}

	/*****  announcement  *****/
#toolsInner .announcement {
	margin-top: 10px;
	padding: 10px 20px;
	margin-bottom: 20px;

}
	#toolsInner .announcement dd {
		text-align: left;
	}
	
/*****  access  *****/

#access {
	/*margin-bottom: 15px;*/
	margin-bottom: 0;
}

#access h2 {
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0;  
}

	#access h2 img {
	}

#accessInner {
}

.accessBox {
}

	.accessBox:first-child {
	}

/*サムネイル拡大*/

.accessBox .imgAccess{
}

.accessBox .imgAccess a{
}

	#nikko .imgAccess a:after{
	}
	
	#town .imgAccess a:after{
	}
	
	#kawagoe .imgAccess a:after{
	}

.accessBox .imgAccess a:hover:after{
}

.accessBox .imgAccess a div.inner{
}

/*サムネイル拡大ここまで*/

.txtAccess {
}

	#nikko .txtAccess {
	}

.txtAccess .destination {
	display: none;
}

	.txtAccess .destination img {
	}
	
.txtAccess .destinationSp {
	display: block;
	/*text-align: center;  2017年11月変更*/
}

	.txtAccess .destinationSp img {
		width: auto;
		height: 63px;
	}
	
.txtAccess .destination a:hover img {
}

.txtAccess .sentences {
	display: none;
}
	

/*****  how to use  *****/

#use {
	/*margin-bottom: 15px;*/
	margin-bottom: 0;
}

#use h2 {
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0; 
}

	#use h2 img {
	}
	
#useInner {
	display: none;
}

	#useInner .useBox {
		width: 50%;
	}
	
	/*　2017年11月削除
	#useInner #spacia {
		display: block;
		width: 100%;
	}
	
	
	#spacia img {
		width: 100%;
	}
	*/

	
.useBoxInner {
}

.useBoxInner:first-child {
}

.useLeft {
	text-align: center;
}

	.useLeft img {
		max-width: 123px;
	}

.useRight {
}


/*SP用*/
.useInnerSp {
	width: 100%;
	display: table;
}

.useBoxSp {
	display: table-cell;
	width: 33%;
	padding: 27px 0;
	text-align: center;
	vertical-align: middle;
}

.useBoxSp img {
	width: auto;
	height: 70px;
	vertical-align: bottom;
}

	#useMap {
		width: 34% !important;
		background: #1b619c;
	}
	
	#useTimetable {
		width: 34% !important; /* 2017年11月追加 */
		background: #1d7fae;
	}
	
	#useManner {
		background: #0196e6;
	}
	
	#useWifi {
		background: #06a2b9;
	}
	
	#useSpacia {
		background: #4ac2e4;
	}

	#useUnmanned {
		background: #739bea;
	}



/*SP用ここまで*/


/*サムネイル拡大*/

.useRight a{
}

	#railmap a:after{
	}
	
	#timetable a:after{
	}
	
	#manner a:after{
	}
	
	#freewifi a:after{
	}

.useRight a:hover:after{
}

.useRight a div.inner{
}



#spacia a:hover {
}


/*サムネイル拡大ここまで*/

/*****  discount pass & information center  *****/
#discount {
	width: 50%;
	margin-right: 0;
	margin-bottom: 0;
}

/*
#discount h2 {
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0; 
}

	#discount h2 img {
		width: 100%;
		max-width: 234px;
		height: auto;
	}
*/



#discount a {
}

#discount a:hover {
}

#imgDiscount {
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0; 
}

#discount .txtRcol {
	-webkit-border-bottom-left-radius: 0;  
    -webkit-border-bottom-right-radius: 0;  
    -moz-border-radius-bottomleft: 0;  
    -moz-border-radius-bottomright: 0; 
}

#discount .txtRcol p {
	padding: 0;
}



	
#infoCenterTop {
	/*
	float: left;
	width: 49%;
	*/
	width: 50%;
}

#infoCenterTop h2 {
	-webkit-border-top-left-radius: 0;  
    -webkit-border-top-right-radius: 0;  
    -moz-border-radius-topleft: 0;  
    -moz-border-radius-topright: 0; 
}

	#infoCenterTop h2 img {
		width: 100%;
		max-width: 234px;
		height: auto;
	}
	
#infoCenterTop .icInner {
}


.txtRcol {
	border-left: 1px solid #e2e2e2;
}

#infoCenterTop .txtRcol {
}

	
/*サムネイル拡大*/

.imgRcol a {
}

	#imgDiscount a:after{
	}
	
	#imgInfoCenter a:after{
	}

.imgRcol a:hover:after{
}

.imgRcol a div.inner {
}


/*==============================================
				   tourism
==============================================*/

#tourism {
}

#tourismInner {
	width: 100%;
	box-sizing: border-box;
	padding: 25px 20px;
}

#tourismInner h2 {
	margin-bottom: 20px;
}

#tourismInner h2 img {
	height: 18px;
}

#attraction {
}

.attractionBox {
	/*width: 100%;*/
}

	#tourTown {
	}
	
.thumTour {
}

.thumTour a:hover {
}


.thumTour img {
}

.linkTour {
}

	#tourKawagoe .linkTour a {
	}
	
/*------------------    slick    -------------------*/
#attraction .slick-track {
	position: relative;
}

#attraction .slick-list{
    width: 100% !important;
    max-width: 350px !important;
	  margin: 0 auto !important;
    padding: 0 0 0 0 !important;
}

#attraction .slick-slide{
    margin: 0 10px;
	/*margin: 0;*/
}


/*
.slick-dots {
	position: relative;
    display: block;
    width: 100%;
	margin-top: 10px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	
	background: #ff0000;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
*/

.slick-dots
{
    position: relative;
    /*bottom: -45px;*/

    display: block;

    width: 100%;
	margin-top: 10px;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '●';
    text-align: center;

    opacity: .25;
    color: #005bac;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #005bac;
}



/*==============================================
				   news & video
==============================================*/

#newsVideo {
	/*width: 100%;*/
	background: none;
}

#newsVideoInner {
	/*
	box-sizing: border-box;
	width: 100%;
	padding: 20px 20px 30px 20px;
	*/
	padding: 0;
	padding-bottom: 10px;
}

#video {
	/*
	width: 46%;
	margin-right: 4%;
	box-sizing: border-box;
	*/
	width: 100%;
	margin-right: 0;
}

#video h2 {
	display: none;
}

	#video h2 img {
	}
	
#video h2.titleVideoSp {
	display: block;
	margin-bottom: 0;
	padding: 12px;
	text-align: center;
}

	#video h2.titleVideoSp img {
		height: 27px;
	}

#videoBox {
	width: 100%;
}

	#videoBox img {
		width: 100%;
		height: auto;
	}

#news {
	/*
	width: 46%;
	margin-left: 4%;
	box-sizing: border-box;
	*/
	width: 100%;
	margin-left: 0;
}

#newsHead {
	display: none;
}

#newsHead h2 {
}

	#newsHead h2 img {
	}
	
h2.titleNewsSp {
	display: block;
	padding: 12px;
	text-align: center;
}

	h2.titleNewsSp img {
		height: 27px;
		vertical-align: bottom;
	}

#newsHead p {
	display: none;
}

#newsHead p a {
}

#newsHead p a:hover {
}

#newsBox {
	/*
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	*/
	overflow: inherit;
	height: auto;
}

#newsBox ul {
	border-top: 1px solid #e2e2e2;
}

#newsBox ul li {
	display: block;
	color: #000000;
	border-bottom: 1px solid #e2e2e2;
}

#newsBox ul li p {
	display: block;
}

#newsBox ul li p.date {
}

#newsBox ul li p a {
	color: #ea5e0d;
}

#newsBox p.btnM {
	display: block;
	margin: 25px 0;
	padding: 0 25px;
}

/*==============================================
				  route map
==============================================*/
#newsVideo #patternBtm {
}


#route {
	/*height: 675px;*/
	height: auto;
	padding: 30px 15px;
	box-sizing: border-box;
}

#routeInner {
	width: 100%;
	height: 100%;
	background: none;
}

#routeInner h2 {
	display: none;
}

#routeInner h2 img {
}


#routeTopSp {
	display: block;
}

#routeTopSp h2 {
	display: block;
	position: inherit;
	text-align: center;
	margin-bottom: 15px;
}

	#routeTopSp h2 img {
		width: auto;
		height: 21px;
	}
	
#routeTopSp #routeMapSp {
	text-align: center;
}

	#routeTopSp #routeMapSp img {
		width: 100%;
	}

#routeBtm {
	display: block;
	height: 100%;
}

#routeBtmL {
	display: block;
	
	width: 100%;
	height: auto;
}

#routeBtmR {
	display: block;
	
	width: 100%;
	height: auto;
}

#routeBtmL p {
	margin-top: 0;
	/*margin-top: 250px;*/
}

p.btnTop,
p.btnBtm {
	margin: 0 10px;
}

p.btnTop {
	margin-top: 20px;
}

p.btnBtm {
	margin-top: 10px;
}

p.btnTop a, 
p.btnBtm a {
}

p.btnTop a:hover, 
p.btnBtm a:hover {
}



}


/*==============================================
			2017年11月更新分
==============================================*/
/* Access to Main Sightseeing Spots */
.txtAccess {
	height: 188px;	
}


/* 観光サービス・ルート検索 親タグ */
.guide {
	overflow: hidden;
	margin-bottom: 20px;
}
.guide #infoCenterTop {
	float: left;
	width: 67%;
	overflow: hidden;
	background-color: #fff;
}
.guide #infoCenterTop #imgInfoCenter {
	float: left;
	width: 40%;
	margin-right: 10px;
}

/* 観光サービス */
.icInner {
	display: inline-block;
}


/* ルート案内 */
.guide .searchSec {
	float: right;
	width: 30.5%;
	background-color: #fff;
}

.guide .searchSec h2 {
	background-color: #3158a4;
	box-sizing: border-box;
	height: 42px;
	padding: 17px 0;
	line-height: 0;
	text-align: center;
	
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
}
.guide .searchSec h2 img {
	height: 12px;
	vertical-align: bottom;
}
.guide .searchSec .ssInner {
	box-sizing: border-box;
	border: 2px solid #3158a4;
	padding: 12px 15px 3px 15px;
}
.guide .searchSec .ssInner .searchLink {
	display: block;
	background-color: #3158a4;
	width: 100%;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	padding: 14px 15px;
	border-radius: 8px;
	font-size: 18px;
	margin-bottom: 12px;
	position: relative;
}
.guide .searchSec .ssInner .searchLink:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	top: 31px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.guide .searchSec .ssInner .searchLink:hover {
	text-decoration: none;
	opacity: 0.7;
}
.guide .searchSec .ssInner .powerd {
	text-align: right;
}
.guide .searchSec .ssInner .powerd .pwdTxt {
	
}
.guide .searchSec .ssInner .powerd .naviLogo {
	margin-left: 5px;
	position: relative;
	top: 3px;
}
.guide .searchSec .ssInner .powerd .naviLogo img {
	width: 45%;
	height: auto;
}


/* リンク矢印追加 */
.useBoxInner,
.txtAccess .destination{
	position: relative;
}
.useBoxInner:after{
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	top: 51px;
	right: 4px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #acaca7;
	border-right: 2px solid #acaca7;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.txtAccess .destination:after{
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	top: 14px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #ea5e0d;
	border-right: 2px solid #ea5e0d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* サイドコンテンツ ディスカウントパスリンク */
#discountPass, #discountLink, #reserveLink {
	margin-bottom: 15px;
}


/* タブレット・スマホ設定 */
@media screen and (max-width:1000px){
	#access {
		margin-bottom: 15px;
	}
	.txtAccess {
		height: auto;	
	}
}

@media screen and (max-width:767px){
	.guide #infoCenterTop {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.guide .searchSec {
		float: none;
		width: 100%;
	}
	.guide .searchSec .ssInner .powerd .naviLogo img {
		max-width: 105px;
	}
	.txtAccess .destinationSp{
	position: relative;
	}
	.txtAccess .destinationSp:after{
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	top: 27px;
	right: 0;
	width: 7px;
	height: 7px;
	border-top: 2px solid #ea5e0d;
	border-right: 2px solid #ea5e0d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
	
	.guide .searchSec .ssInner .searchLink:after {
	top: 22px;
	}
}



	/*1809_add
-------------------------------------------------------------------------------------------------------------------------------------*/

/* 観光サービス・ルート検索 親タグ */
.guide {
	overflow: hidden;
	margin-bottom: 50px;
}


/* サービス */
#block-service { background: #fff;}

#block-service h2 {	padding: 10px 0;	text-align: center;	background: #318a36; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
#block-service h2 img {	height: 15px;	vertical-align: bottom;}

#block-service ul { padding: 20px 10px 0;}
#block-service ul li { float: left; width: 22%; margin:0 1.5% 10px;}

.box-img {	display:block;	width: 100%;	text-align: left;	vertical-align: middle;}
.box-img a {	display:block;	position: relative;	overflow: hidden;	width: 100%;	height: 110px;}

.box-txt {	display: table;	width: 100%;}
.box-txt a { position: relative; display: table-cell;	width: 100%;	height: 60px; padding-right: 5%;	vertical-align: middle;	line-height: 1.5;	font-weight: bold; font-size: 13px; box-sizing: border-box;}
.box-txt a:after{	display: block;	content: '';	position: absolute;	z-index: 2;	top: 25px;	right: 0;	width: 7px;	height: 7px;	border-top: 2px solid #acaca7;	border-right: 2px solid #acaca7;	-webkit-transform: rotate(45deg);	transform: rotate(45deg);}

/*サムネイル拡大*/
#railmap a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUseMap.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#timetable a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUseTimetable.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#platform a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUsePlatform.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#express a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUseExpress.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#purchase a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUsePurchase.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#manner a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUseManner.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}
	
	#freewifi a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUseWifi.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

	#unmanned a:after{
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 110px;
		top: 0;
		background: url(/foreign/kr/images/imgUseUnstaffed.jpg) no-repeat;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		transition: all .3s ease-out;
	}

.box-img a:hover:after{	-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}


@media screen and (max-width:767px){
	
	#block-service {	margin-bottom: 0;}
	#block-service h2 {	-webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0;}
	#block-service ul { display: none;}
	
	.useBoxSp.culum2 { width: 50%;}
	
	#usePlatform {	background: #3653b9;}
	#useExpress {	background: #7482e4;}
	#usePurchase {	background: #3f4bae;}
	#usenone {	background: #30409c;}
	
}

/*==============================================
				clearfix
==============================================*/
.clearfix:after { clear: both; height: 0; visibility: hidden; display: block; content: ".";}
.clearfix { display: inline-table;}
/*\*/
*html .clearfix { height: 1%;}
.clearfix { display:block;}
/**/
	
/*1809_add_end
-------------------------------------------------------------------------------------------------------------------------------------*/

/*追加箇所_始め*/

.announcement dd a #small{
	width: 75%;
	height: auto;
}

.announcement dt{
	background-color: red;
	height: 27px;
}
/*
.announcement dd:nth-child(2){
	height: 111px;
}*/

#toolsInner .announcement dd:nth-child(1){
	padding: 15px 128px;
}

#toolsInner .announcement dd:nth-child(2){
	padding: 10px 15% 13px;
}

#toolsInner .announcement dd:nth-child(3){
	padding: 0px 0px;
}



.line_gery{
	background-color: #dcdcdc;
	width: 90%;
	height: 2px;
	display: inline-block;
	vertical-align: middle;
}

.moji2 a{
	line-height: 42px;
}

.moji a{
	font-size: 18px;
	color: #000000;
	line-height: 1.3em;
	font-weight: 700;
}

#henkou a{
	line-height: 1em;
}

/*追加箇所_終わり*/