@charset "utf-8";
/* CSS Document */

/* アクセス */
#accessdetail { width:950px; margin:0 auto; word-break:normal; }
#accessdetail img { width:100%; height:auto; }
.accesstitlebox01 { padding:0 0 33px; }
.accesstitlebox02 { padding:33px 0 10px; }
.accesstitlebox03 { padding:0 0 10px; }

.accesssubtitlebox01 { width:895px; margin:0 auto; padding:0 0 33px; }
.accessbtnbox01 { width:842px; margin:0 auto; padding:0 0 15px; }

.accessmethodbox01 { width:100%; display:table; margin:0 0 10px; border-collapse: separate; border-spacing:1px; }

.accessmethodinnerleft {
	width:230px;
	padding:20px 10px;
	display:table-cell;
	vertical-align:middle;
	font-size:24px;
	font-weight:bold;
	color:#666666;
	line-height:120%;
	text-align:center;	
	background:#fdf1f6;
}
.stationname01 { font-size:28px; color:#d94567; letter-spacing:-0.04em; }

.accessmethodinnerright { width:696px; display:table-cell; vertical-align:middle; font-size:18px; }

ul.accessrecommendaiton { width:100%; display:table; margin:0; padding:20px 10px; color:#666666; font-size:22px; }
ul.accessrecommendaiton li { width:auto; display:table-cell; vertical-align:middle; padding:45px 10px; background:#fdf1f6; }
ul.accessrecommendaiton li:first-child { width:250px; padding:10px; }
ul.accessrecommendaiton li img { display:block; width:auto !important; height:44px !important; padding:0 0 10px; }
ul.accessrecommendaiton li p { display:block; color:#d94567; }
.accesstime01 { font-size:26px; font-weight:bold; }


/* 枠の色の設定（交互）※修正すべて同じ色に*/
.accessmethodbox01:nth-child(1n) .accessmethodinnerleft {
	border:2px solid rgba(242,154,181,1);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
}
.accessmethodbox01:nth-child(2n) .accessmethodinnerleft {
	border:2px solid rgba(242,154,181,1);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
}

.accessmethodbox01:nth-child(1n) ul.accessrecommendaiton li {
	border:2px solid rgba(242,154,181,1);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
}
.accessmethodbox01:nth-child(2n) ul.accessrecommendaiton li {
	border:2px solid rgba(242,154,181,1);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
}
/* //枠の色の設定（交互）*/

#accessattention { width:900px; margin:25px auto 30px; font-size:18px; }
#accessattention ul { width:100%; display:table; margin:0; padding:0; }
#accessattention ul li { width:auto; display:table-cell; text-align:left; vertical-align:top; }
#accessattention ul li img { width:156px; display:inline-block; vertical-align:text-top; padding:0 10px 0 0; }

.accessmapbox01 { width:100%; padding:0 0 60px; }
.accessmapinner01 { width:852px; margin:0 auto; position:relative; }

.accessrecommendaitonlongbtn01 { width:172px; display:block; position:absolute; top:7px; left:10px; }
.accessrecommendaitonlongbtn01 img { width:100%; height:auto; }
.accessrecommendaitonlongbtn02 { width:172px; display:block; position:absolute; top:7px; left:10px; }
.accessrecommendaitonlongbtn02 img { width:100%; height:auto; }
.accessrecommendaitonlongbtn03 { width:172px; display:block; position:absolute; top:195px; left:10px; }
.accessrecommendaitonlongbtn03 img { width:100%; height:auto; }
.accessrecommendaitonlongbtn04 { width:172px; display:block; position:absolute; top:7px; left:10px; }
.accessrecommendaitonlongbtn04 img { width:100%; height:auto; }

#accessattention { width:900px; margin:25px auto 30px; font-size:18px; }
#accessattention ul { width:100%; display:table; margin:0; padding:0; }
#accessattention ul li { width:auto; display:table-cell; text-align:left; vertical-align:top; }
#accessattention ul li img { width:156px; display:inline-block; vertical-align:text-top; padding:0 10px 0 0; }

.accessmapbox01 { width:100%; padding:0 0 60px; }
.accessmapinner01 { width:852px; margin:0 auto 30px; position:relative; }
.accessmapinnercontents01 { width:852px; margin:0 auto 20px; font-size:18px; }
.accessmapinnercontents02 { width:auto; margin:0 19px 20px 50px; font-size:18px; }

.accessmapinnercontents01 ul { display:block; margin:0; padding:0; }
.accessmapinnercontents01 ul li { display:block; text-indent:-1em; padding:0 0 10px 1em; }

.accessmapinnercontents01 ul.title01 { display:block; margin:0; padding:0; font-size:20px !important; font-weight:bold; }
.accessmapinnercontents01 ul li { display:block; text-indent:-1em; padding:0 0 10px 1em; }

.accessdetailcontentsbox01 { display:block; }
.accessdetailcontentsbox01 table { width:100%; border:2px solid #231815; border-collapse:collapse; }
.accessdetailcontentsbox01 table td { border:2px solid #231815; vertical-align:middle; padding:10px; }
.accessdetailcontentsbox01 table td:first-child { width:200px; text-align:center; font-size:18px; font-weight:bold; }
.accessdetailcontentsbox01 table td:last-child { width:auto; text-align:left; font-weight:normal; }
.accessdetailcontentsbox01 table td ul { display:block; margin:0; padding:0; }
.accessdetailcontentsbox01 table td ul li { display:block; text-indent:0; padding:0; }
.accessdetailcontentsbox01 table a { color:#e61773 !important; text-decoration:underline !important; }

.pinkbox { background:#fce9ea; }
.weekdays { background:#f9d2d5; text-align:center; }
.weekdays td { text-align:center !important; font-size:30px !important; padding:15px 0 !important; }

/* アクセス順路 */
.routebox01 { width:100%; display:table; padding:0 0 15px; }
.routebox01:last-child { padding:0; }
.routedetailbox01 { width:23%; display:table-cell; padding:0 1% 0; text-align:center; }
.routedetailbox01 p { width:90%; margin:0 auto; text-align:left; text-indent:-1em; padding:0 0 0 1em; }
.routedetailbox01 p.number10 { width:90%; margin:0 auto; text-align:left; text-indent:-1.5em; padding:0 0 0 1.5em; }
.routedetailbox01 p.no-indent { text-indent:0; padding:0; }
.red-f{ color:#ff3b30; }

/* タイムテーブル */
.timetablebox01 { display:block; }
.timetablebox01:after { content:""; clear:both; display:block; }
.timetable01 { width:417px; float:left; }
.timetable01:nth-child(2) { float:right; }
.timetable02 { width:495px; float:left; }
.timetableattention01 { display:block; padding:15px 0 0 0; }
.timetableattention01 a { display:inline-block !important; color:#036eb8 !important; text-decoration:underline !important; }

.timetablecolor01 { background:#fbcb67; padding:0 20px; margin:0 0.5em; }

.stepbox01 { display:block; padding:0 0 15px; }
.stepbox01:last-child { padding:0; }

.steplink a { display:inline-block !important; color:#2c2c2c !important; text-decoration:underline !important; }
@media screen and (min-width: 0px) and (max-width: 640px)  {
#accessdetail { width:100%; margin:0 auto; word-break:normal; }
#accessdetail img { width:100%; height:auto; }
.accesstitlebox01 { padding:0 0 15px; }
.accesstitlebox02 { padding:15px 0 10px; }
.accesstitlebox03 { padding:0 0 10px; }

.accesssubtitlebox01 { width:100%; margin:0 auto; padding:0 0 15px; }
.accessbtnbox01 { width:100%; margin:0 auto; padding:0 0 15px; }

.accessmethodbox01 { width:98%; margin:0 auto 10px; display:block; border-collapse: separate; border-spacing:0; background:#fdf1f6; }
.accessmethodbox01:nth-child(1n) {
	border:2px solid rgba(242,154,181,1);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
}
.accessmethodbox01:nth-child(2n) {
	border:2px solid rgba(242,154,181,1);
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;
}

.accessmethodinnerleft {
	width:96%;
	padding:2%;
	display:block;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	line-height:120%;
	text-align:center;
	background:rgba(255,255,255,0);
}
.stationname01 { font-size:18px; color:#d94567; letter-spacing:-0.04em; }

.accessmethodinnerright { width:100%; padding:0; display:block; vertical-align:middle; font-size:14px; }
ul.accessrecommendaiton { width:100%; display:block; margin:0; padding:10px 2%; color:#666666; font-size:14px; border-bottom:1px solid rgba(221,106,142,0.4); }
ul.accessrecommendaiton:first-child { border-top:1px solid rgba(221,106,142,0.4); }
ul.accessrecommendaiton:last-child { border-bottom:none; }
ul.accessrecommendaiton li { width:auto !important; display:block; vertical-align:top; padding:5px 2%; background:rgba(255,255,255,0); }
ul.accessrecommendaiton li:first-child { width:auto; font-weight:bold !important; padding:10px 2% 5px !important; }
ul.accessrecommendaiton li img { display:block; width:auto !important; height:15px !important; padding:0 0 5px; }
ul.accessrecommendaiton li p { display:block; color:#d94567; }
.accesstime01 { font-size:16px; font-weight:bold; }



/* 枠の色の設定（交互）*/
.accessmethodbox01:nth-child(1n) .accessmethodinnerleft {
	border:0 solid rgba(242,154,181,1);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.accessmethodbox01:nth-child(2n) .accessmethodinnerleft {
	border:0 solid rgba(242,154,181,1);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.accessmethodbox01:nth-child(1n) ul.accessrecommendaiton li {
	border:0 solid rgba(242,154,181,1);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.accessmethodbox01:nth-child(2n) ul.accessrecommendaiton li {
	border:0 solid rgba(242,154,181,1);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
/* //枠の色の設定（交互）*/

.accessrecommendaitonlongbtn01 { width:20%; display:block; position:absolute; top:2%; left:75%; }
.accessrecommendaitonlongbtn01 img { width:100%; height:auto; }
.accessrecommendaitonlongbtn02 { width:20%; display:block; position:absolute; top:2%; left:71%; }
.accessrecommendaitonlongbtn02 img { width:100%; height:auto; }
.accessrecommendaitonlongbtn03 { width:20%; display:block; position:absolute; top:2%; left:40%; }
.accessrecommendaitonlongbtn03 img { width:100%; height:auto; }
.accessrecommendaitonlongbtn04 { width:20%; display:block; position:absolute; top:2%; left:56%; }
.accessrecommendaitonlongbtn04 img { width:100%; height:auto; }

#accessattention { width:98%; margin:15px auto 20px; font-size:12px; }
#accessattention ul { width:100%; display:block; margin:0; padding:0; }
#accessattention ul li { width:auto; display:inline-block; text-align:left; vertical-align:top; }
#accessattention ul li img { width:auto; height:15px !important; display:inline-block; vertical-align:text-top; padding:0 5px 0 0; }

.accessmapbox01 { width:100%; padding:0 0 20px; }
.accessmapinner01 { width:100%; margin:0 auto 10px; position:relative; }
.accessmapinnercontents01 { width:100%; margin:0 auto 10px; font-size:12px; }
.accessmapinnercontents02 { width:100%; margin:0 0 10px; font-size:12px; }

.accessmapinnercontents01 ul { display:block; margin:0; padding:0; }
.accessmapinnercontents01 ul li { display:block; text-indent:-1em; padding:0 0 5px 1em; }

.accessmapinnercontents01 ul.title01 { display:block; margin:0; padding:0; font-size:16px !important; }
.accessmapinnercontents01 ul li { display:block; text-indent:-1em; padding:0 0 10px 1em; }

.accessdetailcontentsbox01 { display:block; }
.accessdetailcontentsbox01 table { width:100%; border:1px solid #231815; border-collapse:collapse; }
.accessdetailcontentsbox01 table td { border:1px solid #231815; vertical-align:middle; padding:5px; }
.accessdetailcontentsbox01 table td:first-child { width:35%; text-align:center; font-size:16px; font-weight:bold; }
.accessdetailcontentsbox01 table td:last-child { width:auto; text-align:left; font-size:12px; font-weight:normal; }
.accessdetailcontentsbox01 table td ul { display:block; margin:0; padding:0; }
.accessdetailcontentsbox01 table td ul li { display:block; text-indent:0; padding:0; }
.accessdetailcontentsbox01 table a { color:#e61773 !important; text-decoration:underline !important; }

.pinkbox { background:#fce9ea; }
.weekdays { background:#f9d2d5; text-align:center; }
.weekdays td { text-align:center !important; font-size:16px !important; padding:8px 0 !important; }

/* アクセス順路 */
.routebox01 { width:100%; display:block; padding:0; }
.routebox01:last-child { padding:0; }
.routedetailbox01 { width:100%; display:block; padding:0; text-align:center; }
.routedetailbox01 p { width:96%; margin:0 auto; text-align:left; text-indent:-1em; padding:0 0 10px 1em; }
.routedetailbox01 p.number10 { width:96%; margin:0 auto; text-align:left; text-indent:-1.5em; padding:0 0 10px 1.5em; }

/* タイムテーブル */
.timetablebox01 { display:block; }
.timetablebox01:after { content:""; clear:both; display:block; }
.timetable01 { width:100%; float:none; padding:0 0 10px; }
.timetable01:nth-child(2) { float:none; padding:0; }
.timetable02 { width:100%; float:none; padding:0 0 10px; }
.timetableattention01 { display:block; padding:15px 0 0 0; }
.timetableattention01 a { display:block !important; color:#036eb8 !important; text-decoration:underline !important; }

.timetablecolor01 { background:#fbcb67; padding:0 20px; margin:0 0.5em; }

.stepbox01 { display:block; padding:0 0 15px; }
.stepbox01:last-child { padding:0; }

.steplink a { display:inline-block !important; color:#2c2c2c !important; text-decoration:underline !important; }
}
/* //アクセス */



.accesssubtitlebox01 .video{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin: 0 0 2% 0;
}

.accesssubtitlebox01 .video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}




