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

/*main*/
	/*header_title*/
	div.header_title {
		background-image: url(../image/h_titleBg_access.jpg);
	}
	div.header_title div.inner_box img {
		width: 69px;
		height: 80px;
	}
	/*~header_title*/
	
	/*map_section*/
	div#map_access {
		width: 960px;
		height: 500px;
		margin: 0 auto 30px auto;
	}
	a.btn_details {
		display: inline-block;
		border-radius: 5px;
		background: #f8f055;
		line-height: 3;
		text-align: center;
		padding: 0 15px;
		-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	a.btn_details:hover {
		background: #eb3373;
	}
	a.btn_details p {
		font-size: 16px;
		font-weight: bold;
		-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	a.btn_details:hover p {
		color: #fff;
	}
	/*~map_section*/
	
	/*accesss_section*/
	section#address_section div.contents_box > p {
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 20px;
	}
	section#address_section address {
		display: inline-block;
		text-align: left;
		margin-bottom: 50px;
	}
	section#address_section address p:nth-child(2) {
		margin-right: 1em;
	}
	section#address_section address p:nth-child(2),
	section#address_section address p:nth-child(3) {
		display: inline-block;
	}
	section#address_section div.contents_box > div {
		border-radius: 5px;
		border: 3px solid #e60050;
		width: 580px;
		padding: 10px 15px;
		margin: 0 auto;
	}
	section#address_section div.contents_box > div p {
		color: #e60050;
		text-align: left;
	}
	/*~accesss_section*/
	
	/*bandt_section*/
	section#bandt_section {
		padding: 40px 0 60px;
		background: url(../image/bandt_bg.png) left top/249px 249px;
		margin-bottom: 0;
	}
	section#bandt_section h2 strong {
		font-size: 60px;
	}
	section#bandt_section div.contents_box {
		width: 960px;
		margin: 0 auto;
		padding: 0 30px;
		text-align: left;
	}
	section#bandt_section div.contents_box h3 {
		margin-bottom: 45px;
		font-weight: bold;
		font-size: 18px;
	}
	section#bandt_section div.inner_box div.start_end,
	section#bandt_section div.inner_box ul li {
		display: inline-block;
		-webkit-writing-mode: vertical-rl;
      	-ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
		border-radius: 5px;
		text-align: center;
		-webkit-transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
		opacity: 0;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}
	section#bandt_section div.inner_box div.start_end {
		width: 64px;
		height: 445px;
		vertical-align: top;
		margin-top: 32px;
		font-weight: bold;
	}
	section#bandt_section div.inner_box div.start_end:first-child {
		margin-right: 50px;
		border: 6px solid #ffeb3b;
		background: #fff;
		line-height: 3.25;
	}
	section#bandt_section div.inner_box div.start_end:last-child {
		background: #ffeb3b;
		line-height: 4;
	}
	section#bandt_section div.inner_box div#bus_train {
		position: relative;
		display: inline-block;
		width: 712px;
	}
	section#bandt_section div.inner_box div#bus_train::before {
		content: "";
		position: absolute;
		top: 214.5px;
		right: 30px;
		width: 69px;
		height: 80px;
		background: url(../image/access_title_img.png) no-repeat left top/69px 80px;
	}
	section#bandt_section div.inner_box div#bus,
	section#bandt_section div.inner_box div#train {
		padding-top: 32px;
		position: relative;
	}
	section#bandt_section div.inner_box div#bus {
		margin-bottom: 30px;
	}
	section#bandt_section div.inner_box div#bus_train ul {
		display: inline-block;
		width: 582px;
		height: 120px;
		background: url(../image/access_arrow1.png) no-repeat center center/440px 22px;
	}
	section#bandt_section div.inner_box div#bus_train ul li {
		width: 48px;
		height: 120px;
		margin-right: 130px;
		line-height: 2.25;
		background: #fff;
	}
	section#bandt_section div.inner_box div#bus_train ul li:last-child {
		margin-right: 0;
	}
	section#bandt_section div.inner_box div#bus ul li {
		border: 6px solid #7abf48;
	}
	section#bandt_section div.inner_box div#train ul li {
		border: 6px solid #55a8df;
	}
	section#bandt_section div.inner_box div.walking {
		display: inline-block;
		vertical-align: top;
		width: 130px;
		height: 120px;
		font-weight: bold;
		padding-top: 24px;
		line-height: 1;
		text-align: center;
		background: url(../image/access_arrow2.png) no-repeat center center/85px 22px;
	}
	section#bandt_section div.inner_box div.walking p:first-child {
		font-size: 12px;
		margin-bottom: 48px;
	}
	section#bandt_section div.inner_box div.walking p:last-child {
		font-size: 15px;
	}
	section#bandt_section div.inner_box div#bus > p,
	section#bandt_section div.inner_box div#train > p,
	section#bandt_section div.inner_box div.line {
		position: absolute;
		font-weight: bold;
	}
	section#bandt_section div.inner_box div#bus > p:first-child,
	section#bandt_section div.inner_box div#train > p:first-child {
		left: 0;
		top: 0;
	}
	section#bandt_section div.inner_box div#bus > p:nth-child(2) {
		left: 35%;
		top: 0;
	}
	section#bandt_section div.inner_box div#bus > p:last-child,
	section#bandt_section div.inner_box div#train > p:last-child {
		left: 55%;
	}
	section#bandt_section div.inner_box div#bus > p:last-child {
		bottom: 92px;
	}
	section#bandt_section div.inner_box div#train > p:last-child {
		bottom: 109px;
	}
	section#bandt_section div.inner_box div.line {
		left: 80px;
		top: 16px;
		width: 55px;
		height: 65px;
		background: #888;
		color: #fff;
		text-align: center;
		border-radius: 5px;
		padding-top: 12px;
	}
	section#bandt_section div.inner_box div#train div.line {
		padding-top: 14px;
	}
	section#bandt_section div.inner_box div.line span {
		display: block;
		line-height: 1;
	}
	section#bandt_section div.inner_box div#bus div.line span {
		font-size: 25px;
	}
	section#bandt_section div.inner_box div#train div.line span {
		font-size: 21px;
	}
	section#bandt_section div.inner_box div#bus_train img {
		margin-left: 210px;
	}
	section#bandt_section div.contents_box > p {
		text-align: right;
	}
	section#bandt_section div.contents_box > p a {
		text-decoration: underline;
		-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	section#bandt_section div.contents_box > p a:hover {
		color: #e60050; 
	}
		/*transition animation*/
		section#bandt_section div.inner_box div.start_end.action,
		section#bandt_section div.inner_box ul li.action {
			opacity: 1;
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		section#bandt_section div.inner_box ul li:first-child {
			-webkit-transition-delay: 300ms;
			transition-delay: 300ms;
		}
		section#bandt_section div.inner_box ul li:nth-child(2) {
			-webkit-transition-delay: 600ms;
			transition-delay: 600ms;
		}
		section#bandt_section div.inner_box ul li:nth-child(3) {
			-webkit-transition-delay: 900ms;
			transition-delay: 900ms;
		}
		section#bandt_section div.inner_box ul li:last-child {
			-webkit-transition-delay: 1200ms;
			transition-delay: 1200ms;
		}
		section#bandt_section div.inner_box div.start_end:last-child {
			-webkit-transition-delay: 1500ms;
			transition-delay: 1500ms;
		}
		/*~transition animation*/
		
	/*~bandt_section*/
/*~main*/