@charset "utf-8";

/*=================================

access

=================================*/
.title { background-color:#fff; }
.title:before { content:none; }
.title h2 { padding:45px 0 55px; }
.title h2:after,
.title h2:before { bottom:30px; }

#container #main { margin-top:-175px; }

#second_main_visual { position:relative; }
#second_main_visual:before { background-image:url(../img/access/t_access.png); background-size:210px 92px; background-position:top center;  content:" "; height:92px; position:absolute; top:20%; margin-top:0; left:15%; width:210px; z-index:10; }

/*------------------------------------------------------------
access
------------------------------------------------------------*/
#access { background-color:#fff; display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; padding:0; position:relative; }

#access .title { flex:0 0 100%; padding:0; position:relative; }
#access #access_cont { display:flex; flex:0 0 100%; flex-wrap:wrap; justify-content:center; margin:0; padding:30px 40px 40px; position:relative; z-index:2; }
#access #access_cont h3 { flex:1 1 auto; }
#access #access_cont #access_cont_head { flex:0 0 100%; padding:30px; position:relative; }
#access #access_cont #access_cont_head .map { position:relative; width:100%; height:0; padding-top:40%; }
#access #access_cont #access_cont_head .map iframe { position:absolute; top:0; left:0; height:100%; width:100%; }

#access #access_cont #access_cont_left { align-content:start; display:flex; flex:0 0 252px; flex-wrap:wrap; margin-top:25px; margin-right:30px; position:relative; }
#access #access_cont #access_cont_left .pic { flex:0 0 100%; }
#access #access_cont #access_cont_left .pic dl dt img { object-fit:cover; height:148px; width:252px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#access #access_cont #access_cont_left .pic dl dt img.lazyloaded { opacity:1; }
#access #access_cont #access_cont_left .pic dl dd { margin-top:10px; }

#access #access_cont #access_cont_left .cont { flex:0 1 100%; margin-top:30px; }
#access #access_cont #access_cont_left .cont .logo { flex:0 0 100%; }
#access #access_cont #access_cont_left .cont .logo a dl dt {}
#access #access_cont #access_cont_left .cont .logo a dl dt span {}
#access #access_cont #access_cont_left .cont .logo a dl dd { margin-top:10px; }
#access #access_cont #access_cont_left .cont .logo a dl dd img { height:35px; width:auto; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#access #access_cont #access_cont_left .cont .logo a dl dd img.lazyloaded { opacity:1; }
#access #access_cont #access_cont_left .cont .logo a:hover dl dt span { color:#333; }

#access #access_cont #access_cont_left .cont .address { margin-top:15px; }
#access #access_cont #access_cont_left .cont .address span { font-size:108%; line-height:1.4; }
#access #access_cont #access_cont_left .cont .tel { flex:0 0 100%; margin-top:10px; }
#access #access_cont #access_cont_left .cont .tel a { display:block; height:23px; position:relative; width:200px; }
#access #access_cont #access_cont_left .cont .tel a:after { background-image:url(../img/common/p_tel.png); background-size:200px 23px; background-repeat:no-repeat; background-position:center center; content:" "; height:23px; position:absolute; left:0; top:0; width:200px; }

#access #access_cont #access_cont_left .cont .open_hour { flex:0 0 100%; margin-top:15px; }
#access #access_cont #access_cont_left .cont .open_hour p { align-items:center; display:flex; flex:0 1 auto; justify-content:center; text-align:center; }
#access #access_cont #access_cont_left .cont .open_hour p:nth-child(2) { margin-top:8px; }
#access #access_cont #access_cont_left .cont .open_hour p span { display:block; }
#access #access_cont #access_cont_left .cont .open_hour p span:first-child { align-items:center; display:flex; flex:1 0 100px; justify-content:center; line-height:1.6; text-align:center; }
#access #access_cont #access_cont_left .cont .open_hour p span:nth-child(2) { flex:1 0 100px; font-size:116%; line-height:1.4; padding-left:10px; text-align:left; }
#access #access_cont #access_cont_left .cont .open_hour p:first-child span:first-child { background-color:#e9f2fb; }
#access #access_cont #access_cont_left .cont .open_hour p:nth-child(2) span:first-child{ background-color:#ffefef; }

#access #access_cont #access_cont_right { display:flex; flex:1; flex-wrap:wrap; padding:25px; }

#access #access_cont #access_cont_right .station_info { background-color:#fff; flex:1; padding:30px 40px 30px; }
#access #access_cont #access_cont_right .station_info dl.station {}
#access #access_cont #access_cont_right .station_info dl.station dt { padding:15px; }
#access #access_cont #access_cont_right .station_info dl.station dt span { color:#00479c; font-size:125%; font-weight:600; } 
#access #access_cont #access_cont_right .station_info dl.station dd { margin-top:25px; }
#access #access_cont #access_cont_right .station_info dl.station dd span { color:#333; font-size:116%; }

#access #access_cont #access_cont_right .station_info dl.route { align-items:center; display:flex; justify-content:start; margin-top:20px; }
#access #access_cont #access_cont_right .station_info dl.route dt {}
#access #access_cont #access_cont_right .station_info dl.route dt span { color:#333; font-size:116%; font-weight:600; } 
#access #access_cont #access_cont_right .station_info dl.route dd { margin-top:0; padding-left:20px; }

#access #access_cont #access_cont_right .station_info dl.route dd a { align-items:center; border:1px solid #ddd; border-radius:3px; display:flex; justify-content:space-between; padding:15px; position:relative; }
#access #access_cont #access_cont_right .station_info dl.route dd a span { color:#333; font-size:100%; line-height:1; padding:0 15px 0 0; }
#access #access_cont #access_cont_right .station_info dl.route dd a i { color:#ccc; font-size:85%; }

#access #access_cont #access_cont_right .station_info dl.train {}
#access #access_cont #access_cont_right .station_info dl.train dt {}
#access #access_cont #access_cont_right .station_info dl.train dd {}
#access #access_cont #access_cont_right .station_info dl.train dd ul { display:flex; justify-content:space-between; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li { align-items:start; display:flex; flex:0 0 25%; justify-content:center; padding-bottom:45px; position:relative; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li span { color:#333; display:block; flex:1; position:relative; text-align:center; }

#access #access_cont #access_cont_right .station_info dl.train dd ul li:before { background-color:#ccc; content:" "; width:20px; height:20px; border-radius:50%; bottom:14px; left:50%; margin-left:-10px; position:absolute; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li:after { background-color:#fff; content:" "; width:14px; height:14px; border-radius:50%; bottom:17px; left:50%; margin-left:-7px; position:absolute; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li span:before { background-color:#ccc; content:" "; width:8px; height:6px; position:absolute; bottom:-12px; left:50%; margin-left:-4px; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li span:after { background-color:#ccc; content:" "; width:8px; height:6px; position:absolute; bottom:-36px; left:50%; margin-left:-4px; }

#access #access_cont #access_cont_right .station_info dl.train dd ul li:first-child:before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:first-child span:before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:first-child span:after { background-color:#de373a; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(2):before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(2) span:before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(2) span:after { background-color:#0dc0fc; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(3):before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(3) span:before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(3) span:after { background-color:#159848; }
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(4):before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(4) span:before,
#access #access_cont #access_cont_right .station_info dl.train dd ul li:nth-child(4) span:after { background-color:#333; }

#access #access_cont #access_cont_right .beebus_info { align-items:start; background-color:#fff; border-top:1px dotted #ccc; display:flex; flex: 0 0 100%; flex-wrap:wrap; justify-content:space-between; margin-top:0; padding:35px 40px 0 20px; }
#access #access_cont #access_cont_right .beebus_info dl { display:flex; flex:1; flex-wrap:wrap; padding:0 30px 30px 20px; }
#access #access_cont #access_cont_right .beebus_info dl dt { flex:0 0 100%; }
#access #access_cont #access_cont_right .beebus_info dl dt span { color:#1a1a1a; font-size:125%; line-height:1.6; }
#access #access_cont #access_cont_right .beebus_info dl dt span br { display:none; }
#access #access_cont #access_cont_right .beebus_info dl dt span sup { font-size:69%; color:#c00; }
#access #access_cont #access_cont_right .beebus_info dl dt span.note { display:block; font-size:85%; color:#c00; margin-top:15px; }

#access #access_cont #access_cont_right .beebus_info dl dd { flex:1; margin-top:30px; }
#access #access_cont #access_cont_right .beebus_info dl dd .beebus { flex:0 0 100%; }
#access #access_cont #access_cont_right .beebus_info dl dd .beebus a { align-items:center; border:1px solid #ddd; border-radius:3px; display:flex; justify-content:space-between; padding:20px 15px; position:relative; }
#access #access_cont #access_cont_right .beebus_info dl dd .beebus a span { color:#333; font-size:100%; line-height:1; padding:0 15px 0 0; }
#access #access_cont #access_cont_right .beebus_info dl dd .beebus a  i:nth-child(3) { color:#ccc; font-size:85%; }

#access #access_cont #access_cont_right .beebus_info img { object-fit:cover; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; object-fit:cover; width:300px; }
#access #access_cont #access_cont_right .beebus_info img.lazyloaded { opacity:1; }

#access #access_cont #access_cont_right .beebus_banner { flex:0 0 100%; margin-top:20px; }
#access #access_cont #access_cont_right .beebus_banner a { align-items:center; background-color:#fff; display:flex; flex:0 0 100%; justify-content:space-between; margin-top:0; padding:30px 60px 30px 40px; position:relative; }
#access #access_cont #access_cont_right .beebus_banner a:after { color:#ccc; content:"\f054"; font-size:85%; z-index:11; position:absolute; font-family:"Font Awesome 5 Free"; top:50%; right:20px; margin-top:-6px; }
#access #access_cont #access_cont_right .beebus_banner a dl { flex:0 1 100%; }
#access #access_cont #access_cont_right .beebus_banner a dl dt {}
#access #access_cont #access_cont_right .beebus_banner a dl dt span { color:#1a1a1a; font-size:131%; font-weight:600; }
#access #access_cont #access_cont_right .beebus_banner a dl dd { margin-top:15px; }
#access #access_cont #access_cont_right .beebus_banner a dl dd span { color:#1a1a1a; font-size:108%; }
#access #access_cont #access_cont_right .beebus_banner a img { height:40px; object-fit:cover; width:80px; opacity:0; -webkit-transition:opacity 3s; transition: opacity 3s; }
#access #access_cont #access_cont_right .beebus_banner a img.lazyloaded { opacity:1; }