.gava {

	width: 1100px;
	margin: 0 auto;
	margin-top: 80px;
	overflow: hidden;
	margin-bottom: 80px;

}

.gava_image {

	width: 45%;
	float: left;

}

.gava_image img {

	width: 100%;

}

.gava_text {

	width: 50%;
	float: right;
	text-align: left;

}

.gava_title {

	font-weight: bold;
	font-size: 30px;
	margin-top: 40px;
	margin-bottom: 15px;

}

.gava_text p {

	line-height: 35px;
	font-size: 0.9em;

}

.c_01 a:hover .more_btn {

	background: #006496;
	color: #fff;

}

.more_btn {

	margin-top: 50px;

}

.c_02 ul {

	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	margin-bottom: 5%;

}

li.nara, li.kyoto, li.shiga {

	width: 33.3%;
	height: auto;
	float: left;
	background-repeat: no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;

}

li.nara {

	background-image: url(../image/335-c/nara_2024.jpg);

}

li.kyoto {

	background-image: url(../image/335-c/kyoto_2024.jpg);

}

li.shiga {

	background-image: url(../image/335-c/shiga_2024.jpg);

}

li.nara p, li.kyoto p, li.shiga p {

	color: #fff;
	font-size: 40px;
	text-align: center;
	padding: 50% 0 50% 0;

}

.c_02 ul a:hover li {

	opacity: 0.5;

}

.c_02 ul.sp_btn {

	display: none;

}

.c_03 {

	margin-bottom: 50px;
	overflow: hidden;

}

.successive a {

	color: #fff;

}


@media screen and (max-width: 1300px) {

	.gava{

		width: 90%;
		margin: 0 auto;
		margin-top: 8%;
		margin-bottom: 8%;
		overflow: hidden;

	}

	.gava_image {

		margin-left: 0px;

	}

	.gava_image img {

		width: 100%;

	}

	.gava_text {

		margin-right: 0px;

	}

	.gava_title {

		font-weight: bold;
		font-size: 25px;
		margin-top: 20px;
		margin-bottom: 15px;

	}

	.gava_text p {

		line-height: 35px;

	}

	.more_btn {

		margin-top: 30px;

	}

}

@media screen and (max-width: 1100px) {

	.gava_image {

		width: 40%;
		float: left;

	}

	.gava_image img {

		width: 100%;

	}

	.gava_text {

		width: 45%;
		float: left;
		margin-left: 50px;

	}

	li.nara p, li.kyoto p, li.shiga p {

		font-size: 20px;
		text-align: center;
		padding: 50% 0 50% 0;

	}

	.gava_title {

		font-size: 22px;
	}

}

@media screen and (max-width: 1000px) {

	.c_02 ul {

		width: 90%;

	}

	.c_02 ul.pc_btn {

		display: none;

	}

	.c_02 ul.sp_btn {

		display: inline;

	}

	.c_02 ul.sp_btn a li.nara, .c_02 ul.sp_btn a li.kyoto, .c_02 ul.sp_btn a li.shiga {

		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 2% 0 5% 0;
		background-repeat: no-repeat;
		-moz-background-size: 100% auto;
		background-size: 100% auto;
		font-size: 18px;

	}

	.c_02 ul.sp_btn a li.nara {

		background-image: url(../image/335-c/nara_2024_sp.jpg);

	}

	.c_02 ul.sp_btn a li.kyoto {

		background-image: url(../image/335-c/kyoto_2024_sp.jpg);

	}

	.c_02 ul.sp_btn a li.shiga {

		background-image: url(../image/335-c/shiga_2024_sp.jpg);

	}

	li.nara p, li.kyoto p, li.shiga p {

		font-size: 20px;
		padding: 0;

	}

}

@media screen and (max-width: 500px) {

	.gava_image {

		width: 100%;
		float: none;

	}

	.gava_image img {

		width: 100%;

	}

	.gava_text {

		width: 100%;
		float: none;
		margin-left: 0;

	}

	.font-title {

		font-size: 70px;

	}

}