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

.itinerary {
  width: 95%;
  max-width: 950px;
  margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}
.itinerary .day_unit{
  width: 100%;
  border: 1px solid #CCC;
}
.itinerary .day_unit h3.nday{
  width: 100%;
  text-align: center;
  background: rgba(117,201,231,1.00);
}
.itinerary .day_unit .nday{
  width: 100%;
  text-align: center;
  background: rgba(117,201,231,1.00);
}
.itinerary .day_unit dl{
  width: 100%;
}
.itinerary .day_unit dl dt{
  width: 100%;
  text-align: center;
  background: #E7E7E7;
  padding: 5px;
}
.itinerary .day_unit dl dd{
  width: 100%;
  padding: 10px;
  background: #FFFFFF;
  text-align: left;
}
.itinerary .day_unit ul{
  width: 100%;
}
.itinerary .day_unit ul li{
  display:inline;
  line-height: 2.2;
}
.itinerary h4{
  font-size: 100%;
  font-weight: bold;
  display: inline;
  margin-right: 3px;
}
.itinerary .day_unit span.time{
  color: #9568EF;
  margin-right: 3px;
}
.itinerary .day_unit ul li.bold{
  font-weight: bold;
}
.itinerary .day_unit ul li.air{
  background:url("../images/itinerary/line_dot_air.svg") repeat-x center left;
  background-size:auto;
  padding:0 20px;
}
.itinerary .day_unit ul li.air span{
  background: url("../images/itinerary/icon_air.svg") no-repeat center left 5px #FFFFFF;
  background-size:20px;
  padding:5px 5px 5px 30px;
  color: #F19317;
  font-size:90%;
}
.itinerary .day_unit ul li.entering{
  background:url("../images/itinerary/line_double.svg") repeat-x center left;
  background-size:auto;
  padding: 0 30px;
  margin-left: -5px;
}
.itinerary .day_unit ul li.entering span.place{
  color: #A80320;
  font-weight: bold;
  font-size: 120%;
  padding: 0 5px;
  background: #FFFFFF;
}
.itinerary .day_unit ul li.alighting{
  background:url("../images/itinerary/line_double.svg") repeat-x center left;
  background-size:auto;
  padding:0 30px;
  margin-left: -5px;
}
.itinerary .day_unit ul li.alighting span.place{
  color: #1e90ff;
  font-weight: bold;
  font-size: 120%;
  padding: 0 5px;
  background: #FFFFFF;
}
.itinerary .day_unit ul li.windowview{
  background:url("../images/itinerary/line_double.svg") repeat-x center left;
  background-size:auto;
  padding:0 30px;
  margin-left: -5px;
}
.itinerary .day_unit ul li.windowview span.place{
  color: #333333;
  font-size: 120%;
  padding: 0 5px;
  background: #FFFFFF;
}
.itinerary .day_unit ul li.ship{
  background:url("../images/itinerary/line_wavy.svg") repeat-x center left;
  background-size:auto;
  padding:0 30px;
}

.itinerary .day_unit ul li span.staytime{
  background: #FFFFFF;
  padding: 0 3px 0 0;
}
.itinerary .day_unit ul li span.highlight{
  background: #F9EF81;
  padding: 0 5px;
}
.itinerary .day_unit ul li span.emphasis{
  background: #E1082F;
  padding: 0 5px;
  color: #FFFFFF;
}
.itinerary .day_unit ul li span.walk{
  background:url("../images/itinerary/line_dot_walk.svg") repeat-x center left #FFFFFF;
  background-size:auto;
  padding:0 15px;
}
.itinerary .day_unit .option{
  border: 1px solid #46BA42;
  padding:5px 10px;
  display: inline-block;
  margin-bottom: 10px;
}
.itinerary .day_unit .option h4{
  background:#46BA42;
  color: #FFFFFF;
  padding:0 5px ;
  border-radius: 5px;
}
.itinerary .day_unit .option p.attention{
  font-size: 90%;
  text-align: left;
}
.itinerary .day_unit ul li.train{
  background:url("../images/itinerary/line_dot_train.svg") repeat-x center left;
  background-size:auto;
  padding:0 20px;
}
.itinerary .day_unit ul li.train span{
  background: url("../images/itinerary/icon_train.svg") no-repeat bottom 8px left 5px #FFFFFF;
  background-size: 25px;
  padding:5px 5px 5px 35px;
  color: #87C022;
  font-size:90%;
}
.itinerary .day_unit ul li.walk{
  background:url("../images/itinerary/line_dot_walk.svg") repeat-x center left;
  background-size:auto;
  padding:0 20px;
}
.itinerary .day_unit ul li.walk span{
  background: url("../images/itinerary/icon_walk.svg") no-repeat center left 5px #FFFFFF;
  background-size: 10px;
  padding:5px 5px 5px 20px;
  color: #C1272D;
  font-size:90%;
}
.itinerary .day_unit ul li.taxi{
  background:url("../images/itinerary/line_dot_taxi.svg") repeat-x center left;
  background-size:auto;
  padding:0 20px;
}
.itinerary .day_unit ul li.taxi span{
  background: url("../images/itinerary/icon_taxi.svg") no-repeat bottom 8px left 5px #FFFFFF;
  background-size: 25px;
  padding:5px 5px 5px 35px;
  color: #2FBBEA;
  font-size:90%;
}
.itinerary .day_unit ul li.bus{
  background:url("../images/itinerary/line_dot_bus.svg") repeat-x center left;
  background-size:auto;
  padding:0 20px;
}
.itinerary .day_unit ul li.bus span{
  background: url("../images/itinerary/icon_bus.svg") no-repeat bottom 8px left 5px #FFFFFF;
  background-size: 25px;
  padding:5px 5px 5px 35px;
  color: #41b163;
  font-size:90%;
}

.itinerary .day_unit ul li.free{
  background:url("../images/itinerary/line_dot_free.svg") repeat-x center left;
  background-size:auto;
  padding:0 20px;
}
.itinerary .day_unit ul li.free span{
  background:#E0CAB8;
  background-size: 25px;
  padding:3px 5px;
  color: #6D3D19;
}
.itinerary #icon.day_unit{
  width: 100%;
  margin-top: 20px;
}
.itinerary #icon.day_unit ul{
  display:inline;
  margin-right: 20px;
}
.itinerary #icon.day_unit ul li.air span{
  padding-right:0;
}  
.itinerary .point_unit{
  width: 100%;
  border: 1px solid #CCC;
  margin-top: 40px;
}
.itinerary .point_unit dl{
  width: 100%;
}
.itinerary .point_unit dl dt{
  width: 100%;
  text-align: center;
  background: #BBF0E3;
  padding: 5px;
}
.itinerary .point_unit dl dd{
  width: 100%;
  padding: 10px 20px;
  background: #FFFFFF;
}
.itinerary .point_unit h4{
  display: block;
  margin-top: 10px;
  font-size: 120%;
}
.itinerary .photo_unit{
  width: 100%;
  display: flex;
  justify-content: center;
}
.itinerary .photo_unit li{
  width: 31.3%;
  margin: 0 1%;
  text-align: center;
}
.itinerary .photo_unit li img{
  width:100%;
}
.itinerary p.caption{
  font-size: 12px;
  margin-top: 3px;
}

@media (max-width:767px){
  #itinerary .inner {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
  }
  .itinerary p.caption{
    font-size: 10px;
    margin-top: 3px;
  }

}