@charset "utf-8";

/* -----------------------------------------------------------------
 box_timetable 
----------------------------------------------------------------- */
.box_timetable {
  margin-bottom: 80px;
}
.box_timetable  .msg {
  text-align: center;
  margin-top: 1em;
}

.box_timetable .tbl_timetable{
  width: 100%;
  margin: 20px 0;
}
.box_timetable .tbl_timetable caption{
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.box_timetable .tbl_timetable th,
.box_timetable .tbl_timetable td{
  border: solid 1px #cccccc;  
  padding: 7px 5px;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;
}
.box_timetable .tbl_timetable th{
  background-color: #78b6d3;
  color: #fff;
}
.box_timetable .tbl_timetable td {
  width: 7%;
}
.box_timetable .tbl_timetable .pblue,
.box_timetable .tbl_timetable .yellow,
.box_timetable .tbl_timetable .pyellow {
  color: #116b99;
  font-weight: bold;
  text-align: left;
}
.box_timetable .tbl_timetable .pblue {
  background: #e2f7f8;
  text-align: center;
}
.box_timetable .tbl_timetable .yellow {
  background: #ffffd0;
}
.box_timetable .tbl_timetable .pyellow {
  background: #feffec;
}
@media(max-width: 768px){
  .box_timetable {
    margin-bottom: 40px;
  }
  .box_timetable  .msg {
    text-align: left;
  }
}

/*table縦--------------------------*/
.box_timetable .tbl_vertical {
  table-layout: fixed;
}
.box_timetable .tbl_vertical th{
  text-align: center !important;
}
.box_timetable .tbl_vertical td {
  width: auto;
}
.box_timetable .tbl_vertical th,
.box_timetable .tbl_vertical td{
  padding: 8px 0;
}
.box_timetable .tbl_vertical .vr {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;  
  writing-mode: vertical-rl;
  white-space: nowrap;
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}



/* -----------------------------------------------------------------
 box_attration
----------------------------------------------------------------- */
.box_attraction {
  border-top:10px solid #eaf7ff;
}


/*各詳細*/
.box_attraction .box_attr_det {
  padding: 30px 0;
  border-bottom:10px solid #eaf7ff;
  display: -webkit-box;
  display: -ms-flex;  
  display: -webkit-flex;
  display: flex; 
  flex-wrap: wrap;  
  overflow: hidden;
}
.box_attraction .box_attr_det .img_big {
  width: 300px;
}
.box_attraction .box_attr_det .attr_item {
  flex: 1;
  padding-left: 30px;
}
.box_attraction .box_attr_det .attr_item .ttl_lv3 {
  border-bottom: 1px dashed #72b4dc;
  padding-bottom: 15px;
  margin:0 0 25px 0;
}
.box_attraction .box_attr_det .attr_item .box_other {
  display: table;
  margin: 20px 0 0 0;
}
.box_attraction .box_attr_det .attr_item .box_other .oh_item {
  color: #1baecb;
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 0 25px 0 0;
}
.box_attraction .box_attr_det .attr_item .box_other .oh_item::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -17px;  
  width: 35px;
  height: 35px;
}
.box_attraction .box_attr_det .attr_item .box_other .time {
  font-weight: bold;
  padding-left: 45px;
  font-size: 1.4em;
  white-space: nowrap;
}
.box_attraction .box_attr_det .attr_item .box_other .time::before {
	background:url(/attraction/img/ico_time.svg) no-repeat center center;
	background-size:cover;
}
.box_attraction .box_attr_det .attr_item .box_other .place {
  padding-left: 40px;
}
.box_attraction .box_attr_det .attr_item .box_other .place::before {
	background:url(/attraction/img/ico_map.svg) no-repeat center center;
	background-size:cover;
}
.box_attraction .box_attr_det .attr_item .cmn_btn {
  margin: 20px 0 0 0;
}
.box_attraction .box_attr_det .attr_item .cmn_btn a {
  padding: 10px 70px;
}
.box_attraction .box_attr_det .attr_item .img_small {
  display: none;
}
@media(max-width: 1200px){
  .box_attraction .box_attr_det .img_big {
    width: 250px;
  }
}
@media(max-width: 1000px){
.box_attraction .box_attr_det {
    padding: 15px 0;  
    display: block;
  }
  .box_attraction .box_attr_det .attr_item .ttl_lv3 {
    margin: 0 0 15px 0;
  }  
  .box_attraction .box_attr_det .attr_item {
    flex:none;
    padding-left: 0;
  }  
  .box_attraction .box_attr_det .img_big {
    display: none;
  }
  .box_attraction .box_attr_det .attr_item .img_small {
    display: block;
    float: left;
    width: 100px;
    margin: 15px 15px 0 0;
  }
  .box_attraction .box_attr_det .attr_item .box_other {
    margin: 20px 0 0 115px;
  }
  .box_attraction .box_attr_det .attr_item .box_other .oh_item::before {
    margin-top: -12px;  
    width: 25px;
    height: 25px;
  }  
  .box_attraction .box_attr_det .attr_item .box_other .oh_item {
    margin-bottom: 10px;
  }
  .box_attraction .box_attr_det .attr_item .box_other .time {
    padding-left: 35px;
    font-size: 1.2em;
  }  
  .box_attraction .box_attr_det .attr_item .box_other .place {
    padding-left: 30px;
  }    
  .box_attraction .box_attr_det .attr_item .cmn_btn {
    margin: 15px 0 0 115px;
  }
  .box_attraction .box_attr_det .attr_item .cmn_btn a {
    width: 100%;
    display: block;
    padding: 10px 30px;
  }
}
@media(max-width: 768px){
  .box_attraction .box_attr_det .attr_item .kome {
    margin-top:0.5em;
  }  
  .box_attraction .box_attr_det .attr_item .box_other {
    display: block;
  }
  .box_attraction .box_attr_det .attr_item .box_other .oh_item {
    display:block;
  }
}