@charset "utf-8";

/* ================================================================================
common
================================================================================= */
#movie_sun .md_ttl_sub { min-height: 110px; }
@media only screen and (max-width:750px) {
#movie_sun .md_ttl_sub { min-height: inherit; }
}
.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; }
}

/* ================================================================================
mv
================================================================================= */
.mv {
  max-width:1280px;
  margin:0 auto 10px;
}
.mv img {
  width:100%;
  height:auto;
}

/* ================================================================================
page_nav
================================================================================= */
.page_nav {
  margin-top:10px;
  padding:5px;
  background:#f5f5f5;
  display: flex;
}
.page_nav li {
width: 33.3%;
  padding:6px;
  box-sizing:border-box;
}
.page_nav a {
  display:block;
  background:#000 url(../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_movie { display: flex; flex-wrap: wrap; justify-content: space-between; }

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

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


.new { position:relative; top:-0.2em; display: inline-block; background:red; color:#fff; margin-left: 0.5em; padding: 0.1em 0.5em; border-radius: 3px; font-size: 90%; }


/* ================================================================================
#schedule
================================================================================= */
#schedule .md_ttl_sub { border-bottom:none; }

#schedule a {
	text-decoration:underline;
}
#schedule .md_ttl img {
 	max-width:522px;
}
.SOL_about_group_L {
	float:left;
	display:inline;
	width:61.517857%;
}
.SOL_about_group_L ul {
	padding:10px 20px 20px;
	margin-top:20px;
	background:#f5f5f5;
}
.SOL_about_group_L li {
	margin-top:10px;
}
.SOL_about_group_R {
	float:right;
	width:36.696429%;
}
.SOL_about_group_R a {
}
.SOL_about_group_R a img {
	width:100%;
	height:auto;
}
.SOL_about_group_R a:hover {
	opacity:0.8;
}
/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.SOL_about_group_L {
	float:none;
	display:block;
	width:100%;
}
.SOL_about_group_R {
	float:none;
	margin:20px auto 0 auto;
	width:40%;
	min-width:200px;
}
}

/* ================================================================================
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; }