#ondaytrip .inner{
	width: 1180px;
	color: #1F5173;
}

#ondaytrip header{
	position: relative;
	width: 1002px;
	margin: 0 auto 30px;
}
	#ondaytrip header img{
		width: 100%;
		height: auto;
	}
	#ondaytrip header i{
		position: absolute;
		left: 43px;
		top: 93px;
	}
	#ondaytrip header h2{
		position: absolute;
		right: -114px;
		top: 168px;
	}

#preface{
	
}
	#preface h3{
		margin-bottom: 40px;
	}
	#preface .wrap{
		width: 864px;
		margin: 0 auto;
	}
	#preface .map{
		float: left;
		margin-top: 30px;
		position: relative;
	}
		#preface .map a{
			position: absolute;
		}
		#preface .map a:nth-of-type(1){
			top: 70px;
			left: 197px;
		}
		#preface .map a:nth-of-type(2){
			top: 163px;
			left: 233px;
		}
		#preface .map a:nth-of-type(3){
			top: 114px;
			left: 314px;
		}
	#preface .textWrap{
		float: right;
		width: 367px;
	}
		#preface .textWrap label{
			display: block;
			margin-bottom: 20px;
		}
		#preface .textWrap .text{
			writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			-webkit-writing-mode: vertical-rl;
			line-height: 199%;
			letter-spacing: 2px;
			font-size: 131%;
			margin-bottom: 40px;
		}
		#preface .textWrap a{
			background: url(images/arw_btm.gif) no-repeat right;
			padding-right: 20px;
			color: #1f5173;
			font-size: 130%;
			font-weight: 700;
			letter-spacing: 1px;
		}

.act{
	padding-top: 150px;
	margin-bottom: 150px;
	position:  relative;
}
#act2.act{
	margin-top: 200px;
}
#act3.act{
	margin-bottom: 50px;
}
.act::before{
	content: "";
	border-top:dotted 2px #1f5173;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 1px;
	transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
}
#act2.act::before{
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
}

.act .inner{
	position: relative;
}
.act .contents{
	width: 360px;
}
.act .contents .textWrap{
	font-size: 115%;
	letter-spacing: 2px;
	line-height: 180%;
	margin-bottom: 30px;
}
	.act .contents .textWrap h4{
		margin-bottom: 15px;
	}
	.act .contents .textWrap .read{
		font-weight: 700;
		margin-bottom: 5px;
	}
	.act .contents .textWrap .text{
		letter-spacing:1px;
	}
.act .contents .detail{
	margin-bottom: 40px;
	margin-right: 40px;
}
	.act .contents .detail label{
		display: block;
		margin-bottom: 10px;
	}
	.act .contents .detail .data{
		border: solid 1px #1f5173;
		padding: 20px;
	}
		.act .contents .detail .data table{
			margin-bottom:15px;
		}
			.act .contents .detail .data table th{
				border: 0;
				background:none;
				width:auto;
				padding:5px 0px;
			}
			.act .contents .detail .data table td{
				border: 0;
				padding:5px 0;
				font-weight:700;
			}
		.act .contents .detail .data a{
			display: block;
		}
.act .contents .links{
}
	.act .contents .links label{
		display: block;
		margin-bottom: 20px;
	}
	.act .contents .links ul{
		margin-bottom: 20px;
	}
		.act .contents .links ul li{
			display: inline-block;
			min-width: 47%;
			margin: 1%;
			text-align: center;
		}
			.act .contents .links ul li a{
				display: block;
				padding: 5px 10px;
				border: solid 1px #1f5173;
				border-radius: 50px;
				color: #1f5173;
			}
	.act .contents .links .text{
		text-indent: -1em;
		padding-left: 1em;
	}
.act .actImg{
	position: absolute;
	right: 0;
	top: 0;
}
#act2 .actImg,
#act3 .actImg{
	right: 50px;
}

#spot{
	margin-bottom: 100px;
}
#spot .title{
	position: relative;
	z-index: 1;
}
#spot .wrap{
	border:solid 2px #1D5072;
	padding: 94px;
	padding-top: 150px;
	position: relative;
	width: 886px;
	margin: -60px auto 0;
}
	#spot .wrap dt:nth-of-type(1){
		position: absolute;
		left: 94px;
		top: 120px;
	}
	#spot .wrap dt:nth-of-type(2){
		position: absolute;
		right: 94px;
		top: 90px;
	}
	#spot .wrap dd{
		width: 428px;
		font-size: 110%;
		letter-spacing: 2px;
		line-height: 180%;
		margin-top: 145px;
		position:  relative;
		z-index:  1;
	}
		#spot .wrap dd .read{
			font-weight: 700;
			margin-bottom: 10px;
		}
		#spot .wrap dd .text{
			margin-bottom: 23px;
		}
		#spot .wrap dd .data{
			background: #D2DCE3;
			padding: 23px;
		}
			#spot .wrap dd .data label{
				display: block;
				margin-bottom: 15px;
			}
			#spot .wrap dd .data table{
				font-size:0.85em;
			}
				#spot .wrap dd .data table th{
					border: 0;
					padding:0;
					width: 23%;
					background:0;
				}
				#spot .wrap dd .data table td{
					border: 0;
					padding:0;
				}

#report{
	position: relative;
	padding: 50px 0;
}
#report::after{
	content: "";
	position: absolute;
	top: -105px;
	left: 0;
	width: 0px;
	height: 420px;
	border-right: 2100px solid #FCFF05;
	border-top: 160px solid transparent;
	border-bottom: 150px solid transparent;
	z-index: -1;
}
#report dl{

}
	#report dl dt{
		width:592px;
		float: left;
	}
	#report dl dd {
		width: 536px;
		float: right;
		position: relative;
	}
		#report dl dd i{
			position: absolute;
			top: -60px;
			left: -40px;
		}
		#report dl dd .title{
			font-size: 2.4em;
			font-weight: 700;
			line-height: 160%;
			margin-bottom: 20px;
			text-align: right;
			padding-right: 30px;
		}
		#report dl dd .read{
			font-size: 135%;
			line-height: 160%;
			letter-spacing: 2px;
			font-weight: 700;
			margin-bottom: 15px;
		}
		#report dl dd .text{
			font-size: 120%;
			line-height: 160%;
			letter-spacing: 2px;
			margin-bottom: 20px;
		}
		#report dl dd a{
			background: url(images/arw_link.png) no-repeat right;
			padding-right: 20px;
			color: #1D5072;
			font-weight: 700;
			font-size: 110%;
		}

#events{
	padding-top: 50px;
}
#events .inner{
	width:1080px;
}
#events dl{
	margin-bottom:50px;
}
	#events dl dt{
		float: right;
		width:595px;
	}
		#events dl dt img{
			width: 100%;
			height: auto;
		}
	#events dl dd{
		float: left;
		width: 442px;
		color:#5B4B41;
	}
		#events dl dd .textWrap{
			font-size: 110%;
			letter-spacing: 2px;
			line-height: 180%;
		}
			#events dl dd .textWrap .title{
				font-size: 150%;
				line-height: 130%;
				font-weight: 700;
				margin-bottom: 10px;
			}
			#events dl dd .textWrap .text{
				margin-bottom:20px;
			}
		#events dl dd ul{
			margin-top: 20px;
		}
			#events dl dd ul li{
				position: relative;
				padding-left: 85px;
				min-height: 31px;
				margin-bottom: 15px;
			}
				#events dl dd ul li span{
					position: absolute;
					width:48px;
					text-align: center;
					padding:5px 10px;
					background: url(../images/bg_slash_wt.png) #61BFC8;
					border: solid 1px #7A6356;
					border-radius: 4px;
					left: 0;
					top: 0;
				}
				#events dl dd ul li p{
					padding-top:4px;
					line-height:180%;
				}
				#events dl dd ul li table{

				}
					#events dl dd ul li table th{
						border: 0;
						padding:5px 0;
						width: 23%;
						background:0;
					}
					#events dl dd ul li table td{
						border: 0;
						padding:0;
					}


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

#ondaytrip .sp{
	display: inline !important;
}
#ondaytrip img.sp{
	width: 100%;
	height: auto;
}

#ondaytrip header {
    width: auto;
    margin: 0 auto 30px;
}
#ondaytrip .inner {
    width: auto;
}
#preface .wrap {
    width: auto;
    margin: 0 auto;
}
	#preface .map{
		float: none;
		margin-top: 0;
		max-width: 454px;
		margin: 0 auto 50px;
	}
#preface .textWrap {
    float: none;
    width: auto;
}
#preface .textWrap .text {
    writing-mode: unset;
    -ms-writing-mode: unset;
    -webkit-writing-mode: unset;
    line-height: 180%;
    letter-spacing: 0px;
    font-size: 110%;
    margin-bottom: 40px;
    padding: 0 5%;
}
#preface .textWrap label {
    text-align: center;
}

.act{
    padding-top: 90px;
	position: relative;
    margin-bottom: 0px;
}
#act2.act{
	margin-top: 0px;
}
.act .contents {
    width: auto;
}
.act .contents h4{
    position: absolute;
	top: 0;
}
.act .actImg {
    position: inherit;
    right: unset;
    top: unset;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 30px;
}
#act2.act .actImg {
    margin-top: 100px;
}
#act2 .actImg, #act3 .actImg {
    right: unset;
}
.act .actImg img{
	display: inline;
}
.act .textWrap .read {
    margin-bottom: 20px;
    line-height: 130%;
}
.act .contents .textWrap .text {
    line-height: 160%;
}
.act .contents .detail {
    margin-right: 0;
}
.act .contents .detail .data table th {
    /* padding: 2% 0px; */
    /* font-size: calc((90% + 0vw) * 2); */
    /* line-height: 130%; */
}
.act .contents .detail .data table td {
    /* padding: 2% 0px; */
    /* font-size: calc((90% + 0vw) * 2); */
    line-height: 130%;
}
.act .contents .links ul li a {
    display: block;
    /* padding: 5%; */
    border: solid 1px #1f5173;
    border-radius: 50px;
    color: #1f5173;
    /* font-size: calc((90% + 0vw) * 2); */
}
#spot {
    margin-bottom: 30px;
}
#spot .title img{
    width: 90%;
	height: auto;
}
#spot .wrap {
    padding: 20% 5% 5%;
    width: auto;
}
#spot .wrap dt:nth-of-type(2) {
    position: unset;
    right: unset;
    top: unset;
	text-align: center;
	margin-bottom: 5%;
}
	#spot .wrap dt:nth-of-type(2) img{
		display: inline;
	}
#spot .wrap dd {
    width: auto;
    margin-top: 0;
}
#spot .wrap dd .read {
    margin-bottom: 3%;
    line-height: 130%;
}
#spot .wrap dd .text {
    line-height: 150%;
}
#spot .wrap dd .data label {
   text-align: center;
}
#spot .wrap dd .data label img{
	display: inline;
}
#spot .wrap dd .data table th {
    /* padding: 3%; */
    width: 30%;
    /* font-size: calc((90% + 0vw) * 2); */
    /* line-height: 130%; */
}
#spot .wrap dd .data table td {
    /* padding: 3%; */
    /* font-size: calc((90% + 0vw) * 2); */
    /* line-height: 130%; */
}

#report::after {
    top: -120px;
    height: 90%;
}
#report dl dt {
    width: auto;
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
	#report dl dt img{
		display: inline;
	}
#report dl dd {
    width: auto;
    float: none;
}

#report dl dd i {
    position: absolute;
    top: -40px;
    left: unset;
    right: 10px;
    width: 70px;
}
	#report dl dd i img{
		width:100%;
		height:auto;
	}
#report dl dd .title{
    text-align: left;
    padding-right: 0;
    font-size: 270%;
    line-height: 130%;
}
#report dl dd .read {
    font-size: 170%;
    letter-spacing: 0;
}
#report dl dd .text {
    font-size: 1em;
}

#events dl dd {
    float: none;
    width: auto;
	margin-bottom: 3%;
}
#events dl dt {
    float: none;
    width: auto;
}
#events dl dd .textWrap .title {
    /* font-size: calc((140% + 0vw) * 2); */
    margin-bottom: 3%;
    font-size: 160%;
}
#events dl dd .textWrap .text {
    /* font-size: calc((70% + 0vw) * 2); */
    line-height: 150%;
}
#events dl dd ul li {
    margin-bottom: 15px;
    /* font-size: calc((80% + 0vw) * 2); */
    /* line-height: 130%; */
}
#events dl dd ul li table th {
    width: 30%;
}

}

@media screen and (max-width:453px) {
#preface .map {
    float: none;
    margin-top: 0;
    max-width: 300px;
    margin: 0 auto 50px;
}
	#preface .map img.mapimg{
		width: 300px;
		height: auto;
	}
		#preface .map a:nth-of-type(1){
			top: 46px;
			left: 130px;
		}
			#preface .map a:nth-of-type(1) img{
				width: 23px;
				height: auto;
			}
		#preface .map a:nth-of-type(2){
			top: 108px;
			left: 154px;
		}
			#preface .map a:nth-of-type(2) img{
				width: 27px;
				height: auto;
			}
		#preface .map a:nth-of-type(3){
			top: 76px;
			left: 208px;
		}
			#preface .map a:nth-of-type(3) img{
				width: 27px;
				height: auto;
			}

.act .actImg {
    position: inherit;
    right: unset;
    top: unset;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}
#act2.act .actImg {
    margin-top: 70px;
}
#report dl dd .title {
    text-align: left;
    padding-right: 0;
    font-size: 130%;
}
#report dl dd .read {
    font-size: 1em;
    letter-spacing: 0;
}
}