@charset "UTF-8";
/* CSS Document */


/*---Products---*/
.tieup{
	width:100%;
	margin:0 auto;
	padding:5% 0;
	border:1px #999 dotted;
	border-width:1px 0 0 0;
}
.tieup .photo{
	float:right;
	margin-left:3%;
	margin-bottom:3%;
	width:40%;
	/*border:1px #bbb solid;*/
}

h2 + .tieup{
	border-width:0;
	padding-top:10px;
}

.tieup h3{
	color:#600;
	margin-top:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:15px;
	font-size:150%;

	border:5px #600 solid;
	border-width:0 0 0 5px;
	padding:4px 2px;
	padding-left:6px;

	line-height:1.2;
}

.tieup table.list{
	border-collapse:collapse;
	margin:10px 0;

	width:50%;
}

.tieup table.list th,
.tieup table.list td{
	border:1px #bbb solid;
	padding:3px;
	vertical-align:top;
	font-size: 85%;
}

.tieup table.list th{
	white-space:nowrap;
}

.tieup table.list ul{
	margin-left:1.5em;
}

.tieup .link{
	margin-top:15px;
	width:50%;
	max-width:427px;
}


/*--------yokohama -----*/
#tieup h2{
	margin-bottom:-35px !important;
}

#tieup hr{
	height:1px;
	border-color:#AAA;
	border-style:dotted;
	border-width:0 0 1px;
}

#tieup .tieup{
	border:1px #BBB solid;
	background-color:rgba(255,255,255,0.7);
	padding:2%;
	border-radius: 5px;
	box-shadow:2px 2px 0 rgba(0,0,0,0.1);
	margin-top:-1px;
}

.table_box{
	margin:2% auto;
}


.img_box{
	margin-bottom:2%;
}
.img_box .yokohama_img_01{
	display:block;
	width:24%;
	margin:0.5%;
	font-size:80%;
	float:left;
}
.img_box .yokohama_img_01 img{
	width:100%;
}

.img_box .yokohama_img_02{
	display:inline-block;
	width:50%;
	margin:0;
}

#img_box2{
	width:30%;
	float:right;
	margin-left:1%;
}

.img_box .yokohama_img_03{
	display:inline-block;
	width:24%;
	margin:0.5%;
}

table#outline,
table#outline + div{
	width:68%;
	border-collapse: collapse;
	float:left;
}


#map{
	float:right;
	width:30%;
}

table#stationList,
table#tickets{
	width:100%;
	border-collapse: collapse;
}


table#outline th,table#outline td,
table#stationList th,table#stationList td,
table#tickets th,table#tickets td{
	border:1px #CCC solid;
	padding:3px;
	font-size:100%;
}

table#stationList tr:nth-child(2n-1){
	background-color:#fafafa;
}

table#outline th,
table#stationList th,
table#stationList th + td{
	white-space: nowrap;
}


@media screen and (max-width:768px){
	.tieup table.list{
		width:100%;
		margin-top:2%;
		clear:both;
	}
}

@media screen and (max-width:640px){
	table#outline,
	table#outline + div{
		width:100%;
		border-collapse: collapse;
		float:none;
	}

	#map{
		float:none;
		width:100%;
	}
}


@media screen and (max-width:560px){
	.tieup .button2{
		width:80%;
		margin:3% auto;
	}
	#img_box2{
		width:50%;
	}
}
@media screen and (max-width:460px){
	.tieup{
		padding:10% 0;
	}
	.tieup .photo{
		width:100%;
		float:none;
		display:block;
		margin:0 auto;
		margin-bottom:2%;
	}

	.tieup table.list{
		width:100%;
		margin:0 auto;
		margin-top:1%;
	}

	.tieup .link{
		display:block;
		width:80%;
		margin:10px auto;
	}
}