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

/* ---------------------------------------------------
	.sec_lead
------------------------------------------------------ */
.sec_lead .gmap{height: 500px; margin: 80px 0 0;}

@media screen and (max-width: 600px) {
.sec_lead .gmap{ width: 100%; height: 450px; margin: 50px 0 0;}
}

/* ---------------------------------------------------
	.box_journey
------------------------------------------------------ */
/*旅程　タイトル*/
.tit_01{ text-align: center;}
.tit_01.car{ background: url("../../access/img/ico_car_01.svg") no-repeat center 15px; background-size: 46px; padding: 50px 0 0;}
.tit_01.train{ background: url("../../access/img/ico_train_01.svg") no-repeat center top; background-size: 28px; padding: 50px 0 0;}
.tit_01.bus{ background: url("../../access/img/ico_bus_01.svg") no-repeat center top; background-size: 46px; padding: 50px 0 0;}
.tit_01 span{ display: block;}
.tit_01 .ja{ font-size: 26px; letter-spacing: 0.1em;}
.tit_01 .en{ font-size: 15px; color: #b4a582; padding: 5px 0 0;}

/*旅程ブロック*/
.box_journey1{ width: 520px; }
.box_journey1 ul li{list-style: none; text-align: center;}
.box_journey1 ul li:nth-child(odd){ position: relative; font-size: 16px; background: #f0e7dc; padding: 15px 0;}
.box_journey1 ul li:nth-child(even){ position: relative; font-size: 16px; line-height: 1.5; color: #000; background: url("../../access/img/journey_bg.jpg") repeat-y center top; padding: 40px 0; z-index: 1;}
.box_journey1 ul li:nth-child(even) span { display: block; width: 100%; padding: 10px 0; background: url("../img/bg1.jpg")}
.box_journey1 ul li:first-child{ background: #975b14; color: #fff; font-size: 18px;}
.box_journey1 ul li:last-child{ background: #562f00; color: #fff; font-size: 18px;}

@media screen and (max-width: 600px) {
.box_journey1{ width: 100%; margin: 0 0 30px;}
.box_journey1 ul li:nth-child(odd){ padding: 10px 0;}
.box_journey1 ul li:nth-child(even){ padding: 25px 0;}
}

/*現在地ボタン*/
.box_btn{ width:520px; margin:80px auto 0;}
.box_btn .btn_01{ display: block; padding: 20px 40px; box-sizing: border-box; border: solid 1px #000; border-radius: 50px; background-color: #fff; background-image: url("../../access/img/ico_pin_01.svg"); background-repeat: no-repeat; background-position: calc( 50% - 11.5em ) center; background-size: 16px; text-align: center; font-size: 16px; line-height: 1.5; position: relative;}
.box_btn .btn_01::after{ content:""; display: block; width: 10px; height: 10px; border-bottom: solid 1px #000; border-right: solid 1px #000; transform: rotate(-45deg); position: absolute; right: 30px; top: 0; bottom: 0; margin: auto 0; transition: right 0.5s;}
.box_btn .btn_01:hover{ text-decoration: none; background-color: #EEEEEE}
.box_btn .btn_01:hover::after{ right: 20px;}
.box_btn .btn_01 a .sp{display: none;}

@media screen and (max-width: 600px) {
.box_btn{ width:92%; margin:0 auto;}
.box_btn .btn_01{ background-position: calc( 50% - 8.5em ) center; }
.box_btn .btn_01 a .sp{display:block;}
}

/* ---------------------------------------------------
	Unique style (overwrite)
------------------------------------------------------ */
.sec_wrap {width: 1100px; margin: 0 auto; display: flex;}
.sec_wrap section {width: auto; margin:0;}
#sec1{margin: 0 60px 0 0;}
#sec3 h3{margin:80px 0 30px;}
#sec3 div.sec_wrap div.box_journey1:first-child{margin: 0 60px 0 0;}

@media screen and (max-width: 600px) {
.sec_wrap {width: 92%; display: block;}
#sec1,#sec2,#sec3{margin: 0 0 60px 0;}
#sec3 h3{margin:0 0 30px;}
#sec3 div.sec_wrap div.box_journey1:first-child{margin:0 0 60px;}
}