@charset "utf-8";
/* ----------TRANSITION---------- */
	.filter li a{
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		    -ms-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease;
	}
/* ----------FILTER---------- */
	.filter{
		display: block;
		max-width: 900px;
		color:#161616;
		text-shadow: none;
		margin:0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom:10%;
	}
	.filter:after{
		content:'';
		display: table;
		clear:both;
	}
	.filter li{
		float: left;
		width: 25%;
		letter-spacing: 2px;
		cursor: pointer;
	}
	.filter li:not(:last-child) a{
		padding:17px 2%;
		width: 100%;
		color: #161616;
		background-color: #dfdfdf;
	}
	.filter li:last-child a{
		padding:0;
		color: #fff;
		background-color: #E48026;
		display: block;
		width: 100%;
		padding:17px 2%;
	}
	.filter li a:hover{
		background-color: #ffffff;
		color:#161616;
	}
	.filter li a.txt-red:hover{
		color:#cc0033;
	}
	.filter li.active a{
		background-color: #ffffff;
		color:#00275D;
	}
	.filter li:last-child a:hover{
		color:#fff;
		background-color: #D75526;
	}
/* ----------SEC_MAIN---------- */
	.sec_main{
		padding:30px 0;
		background: url(../img/bg.svg) #ffffff 0% 25% repeat;
		background-size: 280px;
		background-attachment: fixed;
		box-shadow: 0 0 40px 10px rgba(0,0,0,.5);
	}
	.tour{
		padding:40px 0;
		opacity: 1;
		-webkit-animation: fadeIn 1s ease forwards;
		   -moz-animation: fadeIn 1s ease forwards;
		    -ms-animation: fadeIn 1s ease forwards;
		     -o-animation: fadeIn 1s ease forwards;
		        animation: fadeIn 1s ease forwards;
	}
	.tour_slider{
		cursor:move;
	}
	@-webkit-keyframes fadeIn{
		from{opacity: 0;}
		to{opacity: 1;}
	}
	@keyframes fadeIn{
		from{opacity: 0;}
		to{opacity: 1;}
	}
	/* ----------TOUR_SLIDER---------- */
		.tour .item{
			text-align:justify;
			text-align-last: left;
			margin:0 6% 20px;
		}
		.tour h4{
			font-weight: 400;
			margin-bottom:40px;
		}
		.tour figure{
			border:1px solid #e2e2e2;
			background-color: #ffffff;
			position: relative;
		}
		.tour p{
			padding:20px 30px;
		}
		.tour figure:before{
			content:'';
			display: block;
			width: 20%;
			max-width: 200px;
			height: 10px;
			background-color: rgba(0,0,0,.4);
			box-shadow: 0 0 20px 12px rgba(0,0,0,.4);
			position: absolute;
			right: 25px;
			bottom: 13px;
			z-index: -1;
			-webkit-transform: skewY(5deg) translate3d(0,0,0);
			   -moz-transform: skewY(5deg) translate3d(0,0,0);
			    -ms-transform: skewY(5deg) translate3d(0,0,0);
			     -o-transform: skewY(5deg) translate3d(0,0,0);
			        transform: skewY(5deg) translate3d(0,0,0);
		}
	/* ----------HR---------- */
		.hr{
			height: 150px;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
/* ----------SEC_PROMOTE---------- */
	.sec_promote{
		padding:70px 0 50px;
	}
	.sec_promote h4{
		font-weight: 400;
		margin-bottom: 50px;
	}
	.sec_promote .w95 > .col50{
		padding:0 2%;
	}
	.sec_promote figure{
		border:1px solid #808080;
		padding:30px;
	}
	.sec_promote h5{
		font-weight: 400;
		margin-bottom: 30px;
	}
	.sec_promote figure img,
	.sec_promote figure > div{
		display: inline-block;
		vertical-align: middle;
	}
	.sec_promote figure img{
		width: 45%;
		margin-left: -20px;
		margin-right: 20px;
	}
	.sec_promote figure > div{
		width: 55%;
		margin-left: -4px;
		text-align: left;
	}
	.sec_promote figure p{
		font-weight: 400;
		padding:5px 12px;
		margin:5px 0;
	}
	.sec_promote figure p:first-child{
		background-color: #f5f5f5;
		padding:5px 20px;
	}
	.sec_promote figure li:not(:first-child) p{
		display: inline-block;
		vertical-align: top;
	}

	.sec_promote figure li:not(:first-child) p{
		width: 70%;
		max-width: calc(100% - 95px);
		text-align: center;
		white-space:nowrap;
	}
	.sec_promote figure li:not(:first-child) p:first-child{
		min-width: 95px;
		width: 25%;
	}
	.sec_promote .weekday,
	.sec_promote .weekend{
		margin:0 10px;
	}
	.sec_promote .weekday:before,
	.sec_promote .weekend:before{
		display: inline-block;
		width: 25px;
		height: 25px;
		border-radius: 15px;
		margin-right: 10px;
	}
	.sec_promote .weekday:before{
		content:'平';
	}
	.sec_promote .weekend:before{
		content:'假';
		background-color: #cc0033;
		color:#ffffff;
	}
/* ----------SEC_NOTICE---------- */
	.sec_notice{
		padding: 30px 0;
	}
	.sec_notice .w1300 > div,
	.sec_notice .w1300 > ol{
		display: inline-block;
		vertical-align: middle;
	}
	.sec_notice .w1300 > div{
		width: 20%;
	}
	.sec_notice .w1300 > ol{
		max-width: 80%;
		margin-left: -4px;
		padding-left: 50px;
	}
	.sec_notice li p{
		display: inline-block;
		vertical-align: top;
		line-height: 2em;
		text-indent: -20px;
		padding-left:20px;
	}
/* ----------RWD---------- */
	@media screen and (max-width: 1366px) {
		.sec_main .w1300{
			max-width: 1000px;
		}
		.tour h4{
			margin-bottom: 20px;
		}
		.tour{
			padding: 20px 0 10px;
		}

		.sec_promote{
			padding:50px 0 70px;
		}
	}
	@media screen and (max-width: 1024px) {
		.filter li:not(:last-child) a,
		.filter li:last-child a{
			padding:12px 2%;
		}

		.tour{
			padding-bottom: 0;
		}
		.tour p{
			padding:10px 20px;
		}

		.sec_promote h4{
			margin-bottom: 20px;
		}
		.sec_promote figure img,
		.sec_promote figure > div{
			width: 100%;
			margin:0;
		}
		.sec_promote .w95 > .col50{
			padding: 0 1%;
		}
		.sec_promote figure{
			padding:20px 30px;
		}
		.sec_promote h5{
			margin-bottom: 10px;
		}

		.sec_promote figure p:first-child{
			padding: 3px 20px;
		}
	}
	@media screen and (max-width: 768px) {
		.filter{
			bottom:0;
		}

		.tour h4{
			font-size: 18px;
			margin-bottom: 10px;
		}

		.sec_promote figure{
			margin-bottom: 20px;
		}
		.sec_promote figure img {
			width: 45%;
			margin-left: -20px;
			margin-right: 20px;
		}
		.sec_promote figure > div {
			width: 55%;
			margin-left: -4px;
		}

		.sec_notice .w1300 > div,
		.sec_notice .w1300 > ol{
			width: 100%;
			max-width: 90%;
			margin:10px 0;
			padding-left: 0;
		}
		.sec_notice li p{
			line-height: 1.5em;
			text-align: justify;
			text-align-last: left;
		}
	}
	@media screen and (max-width: 480px) {
		.sec_topinfo{
			margin-bottom: 85px;
		}
		.filter{
			position: relative;
			width: 100%;
			background-color: #00275D;
		}
		.filter li{
			width: 50%;
			letter-spacing: 0;
		}
		.filter li a,
		.filter li:last-child a{
			width: 100%
		}
		.filter li:nth-child(2n+1){
			margin-left: 0;
		}

		.tour h4{
			text-align-last: center;
		}

		.sec_promote .w95 > .col50{
			padding: 0;
			margin-left: 0;
		}
		.sec_promote figure{
			padding:15px;
		}
		.sec_promote figure img,
		.sec_promote figure > div{
			width: 100%;
			margin:0;
		}
		.sec_notice .w1300 > div{
			max-width: 100px;
		}
	}