@charset "UTF-8";
body .mfp-content .con_pop, body .mfp-content .con_pop_room, body .mfp-content .con_pop_room > p { max-width: 1200px; margin: auto; }
@media only screen and (max-width: 1199px) { body .mfp-content .con_pop, body .mfp-content .con_pop_room, body .mfp-content .con_pop_room > p { width: 91.66667%; } }

/* -----------------------------------------------------------
	imgpattern　※画像ありのタイトルでない場合はこの記述は消す
----------------------------------------------------------- */
@media only screen and (min-width: 768px) { html.lower #contents .imgpattern { background: url(../../room/images/img_main.jpg) no-repeat center/cover; } }
@media print { html.lower #contents .imgpattern { background: url(../../room/images/img_main.jpg) no-repeat center/cover; } }
.ie8 html.lower #contents .imgpattern { background: url(../../room/images/img_main.jpg) no-repeat center/cover; }
@media only screen and (max-width: 767px) { html.lower #contents .imgpattern { background: url(../../room/images/img_main-sp.jpg) no-repeat center/cover; } }

@media only screen and (min-width: 1200px) { .ie11 .con_intro .container .con_lnk { padding: 0 40px; } }
@media print { .ie11 .con_intro .container .con_lnk { padding: 0 40px; } }
.ie11 .ie8 .con_intro .container .con_lnk { padding: 0 40px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro .container .con_lnk { padding: 0; } }
.con_intro .container .con_lnk ul { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.con_intro .container .con_lnk ul li { padding: 5px; }
@media only screen and (min-width: 1200px) { .con_intro .container .con_lnk ul li { width: 24.5%; margin: 0; } }
@media print { .con_intro .container .con_lnk ul li { width: 24.5%; margin: 0; } }
.ie8 .con_intro .container .con_lnk ul li { width: 24.5%; margin: 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro .container .con_lnk ul li { width: 48%; margin: 0; } }
@media only screen and (max-width: 767px) { .con_intro .container .con_lnk ul li { width: 100%; } }

.con_suite { padding: 50px 0 30px; border-bottom: 1px solid #ebebeb; }
@media only screen and (max-width: 767px) { .con_suite { padding: 2em 0; } }
.con_suite .container h3 span.en { font-size: 84%; }
.con_suite .container h3 span.jp { font-size: 134%; letter-spacing: .2em; }
.con_suite .container [class^="slide_suite"] { margin-bottom: 0 !important; }
.con_suite .container [class^="slide_suite"] > div { display: none; }
.con_suite .container [class^="slide_suite"] > div:first-child { display: block; }
.con_suite .container [class^="slide_suite"] > div span { display: block; position: relative; overflow: hidden; }
@media only screen and (min-width: 768px) { .con_suite .container [class^="slide_suite"] > div span { height: 0; padding-bottom: 40%; }
  .con_suite .container [class^="slide_suite"] > div span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } }
@media print { .con_suite .container [class^="slide_suite"] > div span { height: 0; padding-bottom: 40%; }
  .con_suite .container [class^="slide_suite"] > div span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } }
.ie8 .con_suite .container [class^="slide_suite"] > div span { height: 0; padding-bottom: 40%; }
.ie8 .con_suite .container [class^="slide_suite"] > div span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
@media only screen and (max-width: 767px) { .con_suite .container [class^="slide_suite"] > div span { overflow: hidden; }
  .con_suite .container [class^="slide_suite"] > div span img { position: relative; width: 129%; max-width: none; margin-left: -14.5%; } }
.con_suite .container [class^="js-dots"] { display: flex; align-items: center; justify-content: center; margin-top: 15px; }
@media only screen and (max-width: 767px) { .con_suite .container [class^="js-dots"] { margin-top: 1em; } }
.con_suite .container [class^="js-dots"] .prev, .con_suite .container [class^="js-dots"] .next { text-align: center; cursor: pointer; }
@media only screen and (max-width: 767px) { .con_suite .container [class^="js-dots"] .prev, .con_suite .container [class^="js-dots"] .next { margin-top: .2em; } }
.con_suite .container [class^="js-dots"] .prev:before, .con_suite .container [class^="js-dots"] .next:before { margin: 0 !important; color: #403c38; font-size: 142%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_suite .container [class^="js-dots"] .prev:before, .con_suite .container [class^="js-dots"] .next:before { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_suite .container [class^="js-dots"] .prev:before, .con_suite .container [class^="js-dots"] .next:before { font-size: 126%; } }
.con_suite .container [class^="js-dots"] .prev { order: 0; margin-right: 2.5em; }
.con_suite .container [class^="js-dots"] .prev:before, .con_suite .container [class^="js-dots"] .prev:after { font-family: FontAwesome; }
.con_suite .container [class^="js-dots"] .prev > * { vertical-align: middle; }
.con_suite .container [class^="js-dots"] .prev:before { content: ""; margin-right: .5em; }
.con_suite .container [class^="js-dots"] .next { order: 2; margin-left: 2.5em; }
.con_suite .container [class^="js-dots"] .next:before, .con_suite .container [class^="js-dots"] .next:after { font-family: FontAwesome; }
.con_suite .container [class^="js-dots"] .next > * { vertical-align: middle; }
.con_suite .container [class^="js-dots"] .next:before { content: ""; margin-right: .5em; }
.con_suite .container [class^="js-dots"] ul { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: static; transform: translate(0); width: auto !important; }
@media only screen and (max-width: 767px) { .con_suite .container [class^="js-dots"] ul { bottom: .5em; width: 100%; text-align: center; } }
.con_suite .container [class^="js-dots"] ul li { position: relative; width: 4px; height: 0; padding-top: 4px; margin: 0; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -moz-transition: background 300ms; -o-transition: background 300ms; -webkit-transition: background 300ms; transition: background 300ms; background: #cbcbcb; }
.con_suite .container [class^="js-dots"] ul li:not(.slick-active) button { cursor: pointer; }
.mouse .con_suite .container [class^="js-dots"] ul li:not(.slick-active):hover, .touch .con_suite .container [class^="js-dots"] ul li:not(.slick-active).touchstart { background: #868482; }
.touch .con_suite .container [class^="js-dots"] ul li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_suite .container [class^="js-dots"] ul li:not(.slick-active).touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
.con_suite .container [class^="js-dots"] ul li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_suite .container [class^="js-dots"] ul li:not(:first-child) { margin-left: 1em; } }
.con_suite .container [class^="js-dots"] ul li.slick-active { background-color: #403c38; }
@media only screen and (max-width: 767px) { .con_suite .container [class^="js-dots"] ul li { width: 1em; padding-top: 1em; } }
.con_suite .container [class^="js-dots"] ul li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
.con_suite .container [class^="js-dots"] ul li { vertical-align: middle; }
.con_suite .container [class^="js-dots"] ul li.slick-active { width: 10px; padding-top: 10px; }
@media only screen and (max-width: 767px) { .con_suite .container [class^="js-dots"] ul li { width: .5em; padding-top: .5em; }
  .con_suite .container [class^="js-dots"] ul li.slick-active { width: 1em; padding-top: 1em; } }
.con_suite .container .box_suite { padding-top: 50px; }
@media only screen and (max-width: 767px) { .con_suite .container .box_suite { padding-top: 3.5em; } }
@media only screen and (min-width: 1200px) { .con_suite .container .box_suite { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }
@media print { .con_suite .container .box_suite { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }
.ie8 .con_suite .container .box_suite { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.con_suite .container .box_suite .txt { width: 75.83333%; }
@media only screen and (max-width: 1199px) { .con_suite .container .box_suite .txt { width: 100%; margin-bottom: 1em; } }
.con_suite .container .box_suite .box_btn { width: 100%; }
@media only screen and (min-width: 1200px) { .con_suite .container .box_suite .box_btn { width: 20.58333%; } }
@media print { .con_suite .container .box_suite .box_btn { width: 20.58333%; } }
.ie8 .con_suite .container .box_suite .box_btn { width: 20.58333%; }
.con_suite .container .box_suite .box_btn .btn { margin-bottom: 5px; }
.con_suite .container .box_suite .box_btn .btn a { border: 1px solid #edeae6; }
.con_suite .container .box_suite .box_btn .btn.btn_res { background: #615b54; display: block; }
.con_suite .container .box_suite .box_btn .btn.btn_res a { color: #fff; }

body .mfp-bg { background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; }

body .mfp-content h4 { text-align: center; font-weight: normal; letter-spacing: .3em; font-size: 150%; padding-bottom: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { body .mfp-content h4 { font-size: 150%; } }
@media only screen and (max-width: 767px) { body .mfp-content h4 { font-size: 134%; } }
@media only screen and (max-width: 767px) { body .mfp-content h4 { padding-bottom: 1.5em; } }
body .mfp-content .popup-modal-dismiss { width: 5.5em; padding-top: 2em; height: 8em; margin: auto; display: block; text-decoration: none; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; *zoom: 1; text-transform: uppercase; }
body .mfp-content .popup-modal-dismiss .line_close { height: 3em; width: 3.5em; position: relative; display: block; margin: auto; margin-bottom: .5em; }
@media only screen and (max-width: 767px) { body .mfp-content .popup-modal-dismiss .line_close { height: 2.5em; width: 4em; } }
body .mfp-content .popup-modal-dismiss .line_close:before, body .mfp-content .popup-modal-dismiss .line_close:after { content: ""; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 1em; }
body .mfp-content .popup-modal-dismiss .line_close:before { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
body .mfp-content .popup-modal-dismiss .line_close:after { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
body .mfp-content .popup-modal-dismiss em { color: #000; }
body .mfp-content .popup-modal-dismiss:hover { cursor: pointer; }
body .mfp-content .con_pop table { margin-top: 0; }
body .mfp-content .con_pop table th { width: 25%; padding: 15px; }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop table th { width: 100%; } }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop table th { padding: 0.5em; } }
body .mfp-content .con_pop table td { line-height: 2; padding: 15px; }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop table td { padding: 0.5em; } }
body .mfp-content .con_pop_room { max-width: 900px; position: relative; padding: 80px 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { body .mfp-content .con_pop_room { padding: 60px 0; } }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop_room { padding: 8em 0 5em; } }
body .mfp-content .con_pop_room .box_room { text-align: center; }
body .mfp-content .con_pop_room .box_room ul { display: flex; flex-wrap: wrap; justify-content: center; }
@media only screen and (min-width: 768px) { body .mfp-content .con_pop_room .box_room ul li { width: 47%; }
  body .mfp-content .con_pop_room .box_room ul li:nth-child(2n) { margin-left: 6%; }
  body .mfp-content .con_pop_room .box_room ul li:not(:nth-child(-n+2)) { margin-top: 6%; } }
@media print { body .mfp-content .con_pop_room .box_room ul li { width: 47%; }
  body .mfp-content .con_pop_room .box_room ul li:nth-child(2n) { margin-left: 6%; }
  body .mfp-content .con_pop_room .box_room ul li:not(:nth-child(-n+2)) { margin-top: 6%; } }
.ie8 body .mfp-content .con_pop_room .box_room ul li { width: 47%; }
.ie8 body .mfp-content .con_pop_room .box_room ul li:nth-child(2n) { margin-left: 6%; }
.ie8 body .mfp-content .con_pop_room .box_room ul li:not(:nth-child(-n+2)) { margin-top: 6%; }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop_room .box_room ul li:not(:first-child) { margin-top: 4em; } }
body .mfp-content .con_pop_room .box_room ul li a { display: block; text-decoration: none; }
body .mfp-content .con_pop_room .box_room ul li h5 { text-align: center; font-weight: normal; font-size: 142%; margin-top: 1em; }
body .mfp-content .con_pop_room > p { position: fixed; top: 40px; right: 0; left: 0; max-width: 900px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { body .mfp-content .con_pop_room > p { top: 30px; } }
@media only screen and (max-width: 767px) { body .mfp-content .con_pop_room > p { top: 1.5em; } }
body .mfp-content .con_pop_room > p .popup-modal-dismiss { margin: 0 0 0 auto; padding-top: 0; }