/* topImgWrap */

.topImgWrap{
	background-image: url(../img/guidance/main.jpg);
}

/* accessWrap */

.accessWrap{
	margin-bottom: 5px;
}

.accessWrap>.fxwb>div:first-child{
	order: 1;
	width: 58%;
}

.accessWrap>.fxwb>div:nth-child(2){
	order: 0;
	width: 40%;
}

.accessWrap>.fxwb>div>.mincho{
	padding: 5px 0;
	font-size: 26px;
	margin-left: 2%;
}

.accessWrap>.fxwb>div>.mincho>span{
	color: #710004;
}

.accessWrap>.fxwb>div>h3.mincho{
	border-bottom: 1px solid #000;
}

.accessWrap>.fxwb>p{
	order: 3;
	width: 100%;
	padding: 20px 85px;
}

/* peripheralWrap */

.peripheralWrap{
	margin-bottom: 5px;
}

.peripheralWrap>div{
	width: 300px;
	margin-right: 50px;
	margin-bottom: 20px;
}

.peripheralWrap>div:nth-child(3n){
	margin-right: 0;
}

.peripheralWrap>div>p{
	font-size: 18px;
}

.peripheralWrap>div>span{
	font-size: 12px;
}

.peripheralWrap>div>.img>img{
	max-width:100%;
}

/* mapWrap */

.mapWrap{
	margin-bottom: 25px;
}

.mapWrap>div{
	padding: 0 30px;
}

.mapWrap>div>p{
	font-size: 18px;
}

.mapWrap>div>.img{
	width: 415px;
	border: 1px solid #CBCBCB;
	padding: 4px 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.mapWrap>p{
	width: 100%;
	font-size: 12px;
	padding: .5em;
	text-align: right;
}

/* googleMap */

.googleMap{
	margin-bottom: 45px;
}

.googleMap>div{
	width: 100%;
	height: 300px;
}

/* guidanceList */

.guidanceList{
	margin-bottom: 25px;
}

.guidanceList>h4{
	width: 100%;
	font-size: 18px;
}

.guidanceList>div:nth-of-type(1){
	width: 755px;
}

.guidanceList>.fxwb{
	width: 225px;
}

.guidanceList>.fxwb>.img{
	width: 80%;
	margin: 0 auto;
}

.guidanceList>.fxwb>.fxwb>.img{
	width: 90%;
	margin: 0 auto;
	order: 2;
}

.guidanceList>.fxwb>.fxwb>p{
	width: 75%;
	margin: 0 auto;
	order: 1;
}

.guidanceList>div>dl{
	margin-right: 20px;
	border-bottom: 1px dotted #666;
}

.guidanceList>div>dl:last-child{
	border-bottom: none;
}

.guidanceList>div>dl>dt,
.guidanceList>div>dl>dd{
	padding: 10px;
}

.guidanceList>div>dl>dt{
	background: #E6E6E6;
	width: 24%;
}

.guidanceList>div>dl>dd{
	width: 76%;
}

.guidanceList>div>.img>a>img{
	max-width: 100%;
	margin: 0 auto;
}

.guidanceList>div>p{
	padding: 0 0 0 35px;
}

@media screen and (max-width: 980px) {
	
	.topImgWrap{
		background-image: url(../img/guidance/sp_main.png);
	}
	
	/* accessWrap */
	
	.accessWrap{
		margin-bottom: 5px;
	}
	
	.accessWrap>.fxwb>div:first-child{
		order: 1;
		width: 100%;
	}
	
	.accessWrap>.fxwb>div:nth-child(2){
		order: 2;
		width: 70%;
		margin: 0 auto;
	}
	
	.accessWrap>.fxwb>div>.mincho{
		padding: 5px 5px;
		font-size: 14px;
		margin-left: 0;
	}
	
	.accessWrap>.fxwb>p{
		order: 3;
		padding: 5px 5px;
	}
	
	/* peripheralWrap */
	
	.peripheralWrap>div{
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		margin-bottom: 10px;
	}
	
	.peripheralWrap>div:nth-child(3n){
		margin-right: 1%;
	}
	
	.peripheralWrap>div>p{
		font-size: 14px;
	}
	
	.peripheralWrap>div>span{
		font-size: 12px;
	}
	
	/* mapWrap */
	
	.mapWrap{
		margin-bottom: 10px;
	}
	
	.mapWrap>div{
		width: 80%;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	
	.mapWrap>div>p{
		font-size: 16px;
	}
	
	.mapWrap>div>.img{
		width: 100%;
	}
	
	.mapWrap>p{
		font-size: 10px;
	}

	/* googleMap */
	
	.googleMap{
		margin-bottom: 25px;
	}
	
	.googleMap>div{
		width: 100%;
		height: 35vh;
	}

	/* guidanceList */
	
	.guidanceList{
		margin-bottom: 15px;
	}
	
	.guidanceList>h4{
		font-size: 18px;
	}
	
	.guidanceList>div:nth-of-type(1),
	.guidanceList>div:nth-of-type(2){
		width: 100%;
		margin-bottom: 15px;
	}
	
	.guidanceList>.fxwb{
		width: 100%;
	}
	
	.guidanceList>.fxwb>.img{
		width: 40%;
	}
	
	.guidanceList>.fxwb>.fxwb{
		width: 55%;
	}
	
	.guidanceList>.fxwb>.fxwb>.img{
		width: 100%;
		order: 1;
	}
	
	.guidanceList>.fxwb>.fxwb>p{
		width: 100%;
		order: 2;
	}
	
	.guidanceList>div>dl{
		margin-right: 0;
	}
	
	.guidanceList>div>dl>dt,
	.guidanceList>div>dl>dd{
		padding: 5px;
	}
	
	.guidanceList>div>dl>dt{
		background: #E6E6E6;
		width: 100%;
	}
	
	.guidanceList>div>dl>dd{
		width: 100%;
	}
	
	.guidanceList>div>.img>a>img{
		max-width: 100%;
		margin: 0 auto;
	}
}


/* 縦長の場合 */
@media only screen and (max-width: 980px) and (orientation : portrait) {
	.guidanceList>div>dl{
		border-bottom: none;
	}
	
	.mapWrap>p{
		text-align: left;
	}
}

/* 横長の場合 */
@media only screen and (max-width: 980px) and (orientation : landscape) {
	
	/* mapWrap */
	
	.mapWrap>div{
		width: 80%;
		max-width: 420px;
	}
	
	.mapWrap>p{
		text-align: center;
	}
	
	/* googleMap */
	
	.googleMap{
		padding: 10px;
	}
	
	.googleMap>div{
		width: 90%;
		margin: 0 auto;
		height: 65vh;
	}
	
	/* guidanceList */
	
	.guidanceList>div>dl>dt{
		width: 25%;
	}
	
	.guidanceList>div>dl>dd{
		width: 75%;
	}
}