@charset "utf-8";

/* ================================================================================
common
================================================================================= */
.mfair2018 #contents { padding-top: 0; }
#contents {
  padding:0;
  background:transparent;
}
.bg_gray,
.bg_white {
  margin-top:10px;
  padding:40px;
  background:#fff;
}
.bg_gray {
  background:#f5f5f5;
}
.bg_gray.notice { padding:20px; }
.ttl_line {
  margin-bottom:15px;
  padding:15px 0 10px;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  font-size:24px;
  font-weight:bold;
  text-align:center;
}
.pic_shadow {
  display:inline-block;
  box-sizing:border-box;
  padding:9px;
  background:#fff;
  border:1px solid #f4f4f4;
  box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
  -webkit-box-shadow:0px 1px 8px -2px rgba(0,0,0,0.4);
}
.link_arrow a { text-decoration:underline; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.breadcrumb span {
	font-size:10px;
}
.ttl_line { font-size:18px; text-align:left; }
.bg_gray, .bg_white { padding:10px; }
}

/* ================================================================================
page_nav
================================================================================= */
.page_nav {
  margin-top:10px;
  margin-bottom: 20px;
  padding:5px;
  background:#f5f5f5;
  display: flex;
}
.page_nav li {
width: 50%;
  padding:6px;
  box-sizing:border-box;
}
.page_nav a {
  display:block;
  background:#000 url(../../special/channel/img/bg_pagenav.png) 10px center no-repeat;
  line-height:31px;
  text-align:center;
  color:#fff;
  border-radius:3px;
}
.page_nav a:hover {
  display:block;
  background-color:#555;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.page_nav { flex-direction: column; }
.page_nav li {
width: 100%;
}
}

/* ================================================================================
コンテンツ
================================================================================= */
.col_event { display: flex; flex-wrap: wrap; justify-content: space-between; }

.col_event .col { width:48%; margin-bottom: 2em; }

.col_event .col img { width:100%; height: auto; margin-bottom: 1em; }
.disp_table .disp_table_cell:first-child { width:3em; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
	.col_event { flex-direction: column; }
	.col_event .col { width:100%; margin-bottom: 3em; }
	.color_red { font-weight: bold; }
}


/* ================================================================================
clearfix
================================================================================= */
.page_nav:after,
#about_dp .group:after,
#fee #fee_list li:after,
#brands ul:after,
#rooms .box_wrapper:after,
#set .item_detail:after {
  content: "";
  clear: both;
  display: block;
}


#rooms .bt_reserve.coming a,
#set .bt_reserve.coming a,
#contact .bt_reserve.coming a { background-color:#999; }