@charset "utf-8";

/* ================================================================================
common
================================================================================= */
.column_outer { background: #fff; }
.mfair2018 #contents {
  padding-top: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:10px 0;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  font-size:24px;
  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);
}

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

}

/* ================================================================================
.slider
================================================================================= */
.slider {
  position:relative;
  margin-top:10px;
  padding:0 20px 30px;
}
.slider img {
  width:100%;
  height:auto;
  box-sizing:border-box;
}
.slider li.slick-slide {
  display:block;
  padding:0 5px;
}
.slider li.slick-slide img {
  /* border:1px solid #f3f3f3; */
}
.slider .slick-slider button {
  display:block;
  margin:0;
  padding:0;
  background:none;
  border:none;
  border-radius:0;
  outline:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
.slider .slick-slider .slick-arrow {
  position:absolute;
  top:50%;
  width:30px;
  height:30px;
  margin-top:-18px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  font-size:0;
  line-height:0;
  z-index:20;
  cursor:pointer;
}
.slider .slick-slider .slick-arrow:after {
  content:"";
  display:block;
  width:20px;
  height:20px;
  margin-left:4px;
  background:url(../img/bt_slider_nav.png) no-repeat;
}
.slider .slick-slider .slick-prev {
  left:-35px;
}
.slider .slick-slider .slick-next {
  right:-35px;
}
.slider .slick-slider .slick-next:after {
  right:0;
  background-position:0 -22px;
}
.slider .slick-slider .slick-prev:hover:after {
  background-position:-22px -22px;
}
.slider .slick-slider .slick-next:hover:after {
  background-position:-22px 0;
}
.slider .page-nav {
  position:absolute;
  width:100%;
  bottom:-30px;
  height:30px;
  margin:0 auto;
  padding:0;
  text-align:center;
}
.slider .page-nav li {
  margin:12px 3px;
}
.slider .page-nav button {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e0e0e0;
}
.slider .page-nav .slick-active button {
  background:#1a1a1a;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.slider li.slick-slide {
  padding:0;
}
}

/* 見出し */
.txt_ttl_en { text-align: center; }
.txt_ttl { height: auto; margin-bottom: 1em; font-size: 36px; font-weight: 700; text-align: center; }
/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
.txt_ttl { font-size: 24px; margin-bottom: 0.2em; }
}


/* ================================================================================
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;
}
.page_nav li {
  float:left;
  padding:6px;
  width:25%;
  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 li {
  width:100%;
}
}

/* ================================================================================
bnr_toEnquete
================================================================================= */
#bnr_toEnquete { width:100%; text-align:center; }
#bnr_toEnquete a { display:block; margin:1.5em 0 2em 0; }
#bnr_toEnquete a img { width:100%; max-width:720px; height:auto; margin:0 auto; }

/* ================================================================================
about_dp
================================================================================= */
#about_dp .md_ttl img {
  max-width:468px;
}
#about_dp .group {
  position:relative;
  min-height:274px;
  margin-top:40px;
}
#about_dp .txt_group {
  margin-left:430px;
}
#about_dp .txt_group p {
  line-height:1.8;
}
#about_dp .group .pic_shadow {
  position:absolute;
  top:0;
  left:0;
  width:410px;
}
#about_dp .group .pic_shadow img {
  width:100%;
  height:auto;
}
#about_dp .group:first-child {
  margin-top:0;
}
#about_dp .group:first-child .txt_group {
  margin:0 430px 0 0;
}
#about_dp .group:first-child .pic_shadow {
  position:absolute;
  left:auto;
  right:0;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#about_dp .group {
  position:relative;
  min-height:274px;
  margin-top:20px;
}
#about_dp .txt_group {
  margin:0;
}
#about_dp .group .pic_shadow,
#about_dp .group:first-child .pic_shadow {
  position:static;
  width:100%;
  margin-top:10px;
}
#about_dp .group:first-child .txt_group {
  margin:0;
}
}

/* ================================================================================
fee
================================================================================= */
#fee .md_ttl img {
  max-width:243px;
}
#fee .bg_white {
  display:table;
}
#fee .group {
  box-sizing:boder-box;
  display:table-cell;
  width:50%;
  padding-left:20px;
  vertical-align:top;
}
#fee .group:nth-child(odd) {
  padding:0 20px 0 0;
}
#fee .group p {
  line-height:1.8;
}
#fee #fee_list h3 {
  background:url(../img/bg_fee_list.png);
  color:#fff;
  text-align:center;
  line-height:36px;
}
#fee #fee_list dl {
  padding:20px;
  border:1px solid #ebebeb;
  border-top:none;
}
#fee #fee_list dt {
  margin:10px 0;
  font-weight:bold;
}
#fee #fee_list dt:first-child {
  margin-top:0;
}
#fee #fee_list dd {
  padding:0 0 11px 0;
  background:url(../img/bg_line_dod.png) 0 bottom repeat-x;
}
#fee #fee_list dd:last-child {
  padding:0;
  background:none;
}
#fee #fee_list li {
  position:relative;
  margin-top:10px;
  padding:5px 10px;
  color:#fff;
  background:#000;
  border-radius:3px;
}
#fee #fee_list span {
  display:inline-block;
  float:right;
}
#fee #fee_list span:first-child {
  float:left;
  padding:0 1em 0 15px;
  background:url(../img/icon_tri.png) 0 5px no-repeat;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#fee .bg_white {
  display:block;
}
#fee .group {
  display:block;
  padding:0;
  width:100%;
}
#fee #fee_list {
  margin-top:10px;
}
}

/* ================================================================================
brands
================================================================================= */
#brands .md_ttl img {
  max-width:218px;
}
#brands ul { margin-bottom: 1.5em; }
#brands li {
  float:left;
  width:25%;
}
#brands li div {
  margin:9px;
  border:1px solid #ebebeb;
}
#brands li div img {
  width:100%;
}
#brands li div span {
  display:block;
  padding:0 20px;
  background:url(../img/bg_brands.png);
  background-size:cover;
  line-height:31px;
  color:#fff;
  font-size: 12px;
}

.tipso_bubble { margin-left: 10%; }
.windows .tipso_bubble { margin-left: 8%; }
.windows.ie .tipso_bubble { margin-left: 0 }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.tipso_bubble { margin-left: 13%; }
#brands .bg_white {
  padding:10px;
}
#brands ul { display: flex; justify-content:flex-start; flex-wrap: wrap; }
#brands li {
  width:50%;
  float: none; 
}
#brands li div {
  margin:4px;
}
#brands li div span { padding: 5px; line-height: 180%; }
}

/* ================================================================================
rooms
================================================================================= */
#rooms .md_ttl img {
  max-width:192px;
}
#rooms h3 {
  margin-bottom:20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background:url(../img/bg_ttl.png) no-repeat;
  background-size: cover;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  line-height:150%;
  text-align:center;
}
#rooms .box_wrapper .box {
  float:left;
  width:49%;
  padding:30px;
  border:1px solid #f5f5f5;
  box-sizing:border-box;
}
#rooms .box_wrapper .box:nth-child(even){
  float:right;
}
#rooms .box_wrapper .box:nth-child(n+3){
  margin-top:20px;
}
#rooms .map img {
  width:100%;
}
#rooms h4 {
  margin-bottom:10px;
  border-bottom:3px solid #000;
  font-size:16px;
  font-weight:bold;
  line-height:35px;
  text-align:center;
}

#rooms .bt_reserve a {
  display:block;
  margin-top:1em;
  padding:23px 15px;
  font-size:18px;
  background:#eb2035;
  color:#fff;
  border-radius:5px;
  text-align:center;
}
#rooms .bt_reserve a:hover {
  background:#ef4d5d;
}

#rooms .box_wrapper .box .text_desc1 { min-height:130px; }
#rooms .box_wrapper .box .text_desc2 { min-height:60px; }
#rooms .box_wrapper .box .text_desc3 { min-height:80px; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#rooms .box_wrapper .box,
#rooms .box_wrapper .box:nth-child(even){
  float:none;
  width:100%;
  margin-top:20px;
  padding:20px;
  box-sizing:border-box;
}
#rooms .box_wrapper .box .text_desc1,
#rooms .box_wrapper .box .text_desc2,
#rooms .box_wrapper .box .text_desc3 { min-height:inherit; }
#rooms .bt_reserve a { font-size:16px; }
}

/* ================================================================================
set
================================================================================= */
#set .md_ttl img {
  max-width:177px;
}
#set .item_box {
  margin-top:15px;
  border:1px solid #e6e6e6;
  border-radius:3px;
  box-shadow:0px 2px 1px -1px rgba(100,100,100,0.1);
  -moz-box-shadow:0px 1px 1px -1px rgba(0,0,0,0.1);
  -webkit-box-shadow:0px 1px 1px -1px rgba(0,0,0,0.1);
}
#set .item_box:first-child {
  margin-top:0;
}
#set .item_header,
#set .item_header_sub{
  position:relative;
  display:table;
  width:100%;
  cursor:pointer;
}
.left_ufip { width:700px;}
#set .item_header:after {
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:13px;
  width:0;
  height:0;
  margin-top:-3px;
  border-style:solid;
  border-width:4px 4px 0 4px;
  border-color:#000 transparent transparent transparent;
}
#set .item_header h3{
  display:table-cell;
  height:48px;
  padding-left:30px;
  background-image: none;
  color: #000;
  text-align: left;
  vertical-align:middle;
}
#set .item_header p{
  display:table-cell;
  height:48px;
  padding-right:25px;
  vertical-align:middle;
  text-align:right;
  line-height:1.2;
}
#set .item_header p span,
#set .item_header_sub p span{
  display:block;
}
#set .open .item_header:after {
  border-width:0 4px 4px 4px;
  border-color:transparent transparent #000 transparent;
}
/*#set .open .item_header {
  background:url(../img/bg_set_open.png) center 0 no-repeat;
  background-size:cover;
  color:#fff;
}*/
#set .item_body {
  display:none;
  padding:0 30px 30px;
}
#set .item_detail {
  padding-top:30px;
}
#set .item_txt {
  float:left;
  width:52%;
  box-sizing:border-box;
}
#set .item_pic {
  float:right;
  width:46%;
  text-align:right;
}
#set .item_pic img {
  width:100%;
  max-width:422px;
  height:auto;
}
#set .bt_reserve a {
  display:block;
  margin-top:1em;
  padding:23px 15px;
  font-size:18px;
  background:#eb2035;
  color:#fff;
  border-radius:5px;
  text-align:center;
}
#set .bt_reserve a:hover {
  background:#ef4d5d;
}
#set h4 {
  margin-top:30px;
  font-size:18px;
  line-height:1.8;
  font-weight:bold;
  color:#333;
}
#set table {
  width:100%;
  table-layout:fixed;
  word-break:break-all;
  line-height:1.4;
}
#set th, #set td {
  padding:3px 15px;
  border:1px solid #fff;
  background:#f5f5f5;
  box-sizing:border-box;
}
#set th {
  width:23%;
  background:#333 url(../img/bg_ttl.png) no-repeat;
  color:#fff;
  text-align:center;
  vertical-align:middle;
}
#set th:nth-child(3) {
  width:31%;
}
#set .bt_close {
  max-width:320px;
  margin:30px auto 0;
  padding:12px;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:16px;
  cursor:pointer;
}
#set .bt_close:before {
  content:"";
  display:inline-block;
  position:relative;
  top:-4px;
  width:0;
  height:0;
  margin-right:8px;
  border-style:solid;
  border-width:0 4px 4px 4px;
  border-color:transparent transparent #fff transparent;
}
#set .bt_close:hover {
  background:#444;
}

#set h3.ttl_blue { margin-top:30px; }
#set h3.ttl_blue:first-child { margin-top:0; }

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
.left_ufip { width: auto; }
#set .item_header_sub .left { float: none!important; }

#set .item_header,
#set .item_header_sub {
  display:block;
  padding:5px;
  width:auto;
}
#set .item_header h3,
#set .item_header_sub h3{
  display:block;
  height:auto;
  padding:0 10px 0 30px;
  font-weight:bold;
  line-height:1.4;
}
#set .item_header p,
#set .item_header_sub p{
  display:block;
  height:auto;
  padding:0 10px 0 30px;
  text-align:left;
  line-height:1.2;
}
#set .item_header_sub .left p { padding: 0 0 0.3em; }
#set .item_header p br,
#set .item_header_sub p br{
  display:none;
}
#set .item_header p span,
#set .item_header_sub p span{
  display:inline;
  padding-left:1em;
}
#set .item_body {
  display:none;
  padding:0 15px 15px;
}
#set .item_detail {
  padding-top:15px;
}
#set .item_txt {
  float:none;
  width:auto;
}
#set .item_pic {
  float:none;
  width:auto;
  text-align:center;
}
#set h4 {
  margin-top:15px;
}
#set th, #set td {
  padding:3px;
  font-size:11px;
}
#set th {
  width:26%;
}
#set th:nth-child(3) {
  width:29%;
}
#set th:nth-child(4) {
  width:18%;
}
#set .bt_close {
  margin-top:15px;
}
}

/* ================================================================================
schedule
================================================================================= */
#schedule .md_ttl img {
  max-width:219px;
}
#schedule .box {
  border:1px solid #e6e6e6;
  margin-top:40px;
}
#schedule .box:first-child {
  margin-top:0;
}
#schedule .box h3 {
  padding:5px;
  background:#333 url(../img/bg_ttl.png) no-repeat;
  color:#fff;
  text-align:center;
  font-size:16px;
  font-weight:bold;
}
#schedule .box ul {
  padding:30px;
  line-height:1.8;
}
#schedule .box li {
  position:relative;
  padding-left:9em;
}
#schedule .box li > span {
  display:block;
  position:absolute;
  top:0;
  left:0;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#schedule .box:first-child {
  margin-top:0;
}
#schedule .box ul {
  padding:15px;
}
#schedule .box li {
  position:relative;
  padding-left:0;
}
#schedule .box li > span {
  display:block;
  position:static;
  margin-top:1em;
  font-weight:bold;
}
#schedule .box li:first-child > span {
  margin-top:0;
}
#schedule .box li > span span {
  display:none;
}
}

/* ================================================================================
enjoy
================================================================================= */
#enjoy .md_ttl img {
  max-width:326px;
}
#enjoy h3 {
  margin:30px 0;
}
#enjoy h3:first-child {
  margin-top:0;
}
#enjoy .box {
  position:relative;
  min-height:275px;
  padding-right:430px;
}
#enjoy .box .pic_shadow {
  position:absolute;
  top:0;
  right:0;
}
#enjoy .box .pic_shadow img {
  max-width:390px;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#enjoy .md_ttl_category img {
  max-width:80%;
  height:auto;
}
#enjoy .box {
  min-height:auto;
  padding-right:0;
}
#enjoy .box .pic_shadow {
  position:static;
  margin-top:1em;
}
#enjoy .box .pic_shadow img {
  max-width:100%;
}
}

/* ================================================================================
contact
================================================================================= */
#contact .md_ttl img {
  max-width:268px;
}
#contact .bg_white {
  text-align:center;
}
#contact .txt_read {
  margin-bottom:25px;
  padding-bottom:30px;
  border-bottom:2px solid #000;
  font-size:20px;
  font-weight:bold;
}
#contact .contact_add {
  margin-bottom:30px;
  font-size:16px;
  line-height:1.8;
}
#contact .box_reserve {
  padding:40px;
  background:url(../img/bg_reserve.png);
  color:#fff;
}
#contact .txt_reserve {
  font-size:24px;
  font-weight:bold;
}
#contact .bt_reserve a {
  display:block;
  max-width:550px;
  box-sizing:border-box;
  margin:30px auto 0;
  padding:23px 15px;
  font-size:18px;
  background:#eb2035;
  color:#fff;
  border-radius:5px;
  text-align:center;
}
#contact .bt_reserve a:hover {
  background:#ef4d5d;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:750px) {
#contact .box_reserve {
  padding:20px;
}
#contact .bt_reserve a {
  margin-top:15px;
}
}

/* ================================================================================
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; font-size:12px; }