
/*---campain---*/

.campan_box {
	border: 1px solid #CCC;
	margin: 0 3% 5%;
	font-size: 0;
}

.campan_box img {
	width: 100%;
}
	
.campain_img {
	width: 30%;
	font-size: 0;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}

.campain_txt {
	width: 70%;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
}

.campain_txt h2 {
	margin: 0;
	font-size: 18px;
}

@media (max-width: 480px) {
	
	.campain_img {
		width: 100%;
	}

	.campain_txt {
		width: auto;
		margin: 0 2%;
	}

}


/*---hanko---*/

.hanko_main {
	font-size: 0;
}

.left_box {
	display: inline-block;
	width: 50%;
	font-size: 0px;
	vertical-align: middle;
}

.right_box {
	display: inline-block;
	width: 46%;
	vertical-align: middle;
	margin-right: 4%;
	font-size: 15px;
}

.right_box h2 {
	font-size: 20px;
}

.right_box a {
	color: #00a7fd;
	text-decoration: underline;	
}

.line_border {
	border-bottom: #f08080 dotted 4px;
    color: #B26C5F;
    text-align: center;
    letter-spacing: 0.1em;
}

.img_wrap {
	width: 70%;
	margin: 0 auto;
}

.hanko_overview01 {
	width: 90%;
	font-size: 0;
	letter-spacing: normal;
	margin: 3% auto;
}

.hanko_overview02 {
	width: 60%;
	font-size: 0;
	letter-spacing: normal;
	margin: 0 auto;
}

.hanko_main img {
	width: 100%;
}

.hanko_img01 {
	width: 21.7%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #000000;
}

.hanko_img02 {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #000000;
}

.right_margin {
	margin-right: 4%;
}

@media (max-width: 480px) {
	
	.left_box {
		width: 100%;
	}

	.right_box {
		width: auto;
		margin: 0 3%;
	}
	
	.hanko_img01 {
		width: 20.7%;
		display: inline-block;
	}
	
	.hanko_img02 {
		width: 29%;
	}

}

/*---NEWS---*/

time {
	font-weight:bold;
	font-size:20px;
	color:#677FB2 ;
}


/*---PP---*/

.bunner_wrap {
	width: 90%;
	font-size: 0;
	letter-spacing: normal;
	margin: 6% auto 2%;
}

.bunner_style {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin: 0 1%;
}

.bunner_style img {
	width: 100%;
}

@media (max-width: 480px) {
	
	.bunner_wrap {
		width: 100%;
		margin: 0;
	}
		
	.bunner_style {
		width: 80%;
    	margin: 6% auto;
		display: block;
	}

}


/*---sitemap---*/

.link_set a {
	color: #00a7fd;
}

.link_set a:hover {
	color: #F60;
}

.link_set img {
	width: 100%;
}

.site_map {
	
}

.site_map ul {
	margin: 0;
}

.site_map a {
	color: #ffffff;
	text-decoration: none;
}

.menu_main a {
	color: #00a7fd;
}

.menu_main a:hover {
	color: #F60;
}

.menu_main li {
	margin: 2% 0;
}

.menu_main02 a {
	color: #00a7fd;
}

.menu_main02 a:hover {
	color: #F60;
}

.menu_main02 li {
	margin: 5% 0;
}

.menu_block {
	width:49%;
	display: inline-block;
	vertical-align: top;
}


.h2_border {
	border-bottom: #F60 dotted 4px;
    color: #F60;
    text-align: center;
    letter-spacing: 0.1em;
	margin: 0 4%;
}

.list01 li {
	font-weight: bold;
	list-style: circle;	
}

.list02 li {
	font-weight: normal;
	list-style: disc;	
}

@media (max-width: 480px) {
	
	.menu_block {
		width: 100%;
		display: block;
	}
	
	.menu_main li {
		margin: 7% 0;
	}

	.menu_main02 li {
		margin: 10% 0;
	}

}



/*---access---*/

.map_container {
	margin-bottom: 10%;
}

.map_wrap h2,h3,p {
	margin: 0;
}

.map_wrap {
	border-bottom: 1px dashed #b5b5b5;
}

.kusatsu_act {
	font-size: 46px;
}

.kyoto_act {
	font-size: 30px;
}

.map_title {
	text-align: center;
    font-family: 'Fugaz One', cursive;
	color: #ec6b6f;
	margin: 2% 0;
	border-bottom: 1px solid #b5b5b5;
}

.map_title span {
	display: block;
	font-size: 14px;
	color: #827979;
	font-weight: bold;
}

.map_column {
	font-size: 0;
}

.map_txt {
	width: 70%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #827979;
}

.map_txt h2 {
	font-size: 16px;
    color: #f37638;
	margin-bottom: 2%;
}

.map_btn {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}

.dial_btn {
	font-weight: bold;
	margin: 6% 0;
	color: #f37638;
}

.dial_btn a {
	padding: 6% 0;
	background-color: rgba(98, 212, 230, 0.7);
	text-decoration: none;
	color: #ffffff;
	border-radius: 5px;
	display: block;
	text-align: center;
	margin: 2% 0;
	font-size: 20px;
	transition: 0.8s;
}

.dial_btn a:hover {
	background-color: rgba(98, 212, 230, 1);
}

.free_btn {
	font-weight: bold;
	margin: 8% 0;
	color: #f37638;
}

.free_btn a {
	padding: 6% 0;
	background-color: rgba(232, 133, 155, 0.7);
	text-decoration: none;
	color: #ffffff;
	border-radius: 5px;
	display: block;
	text-align: center;
	margin: 2% 0;
	font-size: 20px;
	transition: 0.8s;
}

.free_btn a:hover {
	background-color: rgba(232, 133, 155, 1);
}


.access_wrap h2 {
	color: #f37638;
}

.map_con {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	box-sizing: border-box;
}

.map_con p {
	margin: 4% 0;
}

.map_con iframe {
	margin: 2% 0;
}


.st_wrap p {
	font-weight: bold;
	color: #f37638;
}

.st_wrap p span {
	vertical-align: middle;
	color: #827979;
	font-weight: 100;
}

.ac_wrap p {
	font-weight: bold;
	color: #f37638;
}

.ac_wrap p span {
	font-weight: 100;
	display: block;
	color: #827979;
}

.sp_map {
	display: none;
}

@media (max-width: 980px) {

	.map_container {
		margin: 0 4% 10%;
	}
	
	.map_con {
		width: 100%;
	}
	
}

@media (max-width: 480px) {
	
	.pc_tab {
		display: none;
	}

	.map_txt {
		width: 100%;
	}
	
	.map_btn {
		width: 100%;
	}
	
	.sp_map {
		display: block;
	}

	
	.sp_map a {
		font-size: 16px;
		padding: 10% 0;
		background-color: #59ca7b;
		text-decoration: none;
		color: #ffffff;
		border-radius: 5px;
		display: block;
		text-align: center;
		margin: 2% 0;
		font-size: 20px;
	}
	
	.kyoto_act {
		font-size: 26px;
	}
}

