@charset "UTF-8";
.topicpath, .lower_fbnr, .box_search { max-width: 1200px; margin: auto; }
@media only screen and (max-width: 1279px) { .topicpath, .lower_fbnr, .box_search { width: 91.66667%; } }

#menuPop .con_menu .box_txt:after { content: ""; display: table; clear: both; }

html { font-size: small; line-height: 1.5; }

body { color: #232323; background: url(../../files/images/common/bg_content.jpg); -webkit-text-size-adjust: none; font-size: 124%; }
.ie body { font-size: 120%; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { body { font-size: 116%; } }
@media only screen and (max-width: 767px) { body { font-size: 100%; } }
body a { color: #232323; }
body a:hover { text-decoration: none; }
body img { -webkit-touch-callout: none; line-height: 1; }

body, pre, input, textarea, select { font-family: "游ゴシック Medium", YuGothic, YuGothicM, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif; }

h1, h2, h3, h4, h5, h6, .st, .title, .catch, .min { font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; }

input, select, textarea { font-size: 100%; }

html.ie8 .view_tab, html.ie8 .view_tab_sp, html.ie8 .view_sp { display: none !important; }
html.ie8 #page { min-width: 1200px !important; margin: auto; font-size: 100% !important; }

@media only screen and (min-width: 1280px) { body .view_tab-sp, body .view_tab { display: none !important; } }
@media print { body .view_tab-sp, body .view_tab { display: none !important; } }
.ie8 body .view_tab-sp, .ie8 body .view_tab { display: none !important; }
@media only screen and (min-width: 768px) { body .view_sp { display: none !important; } }
@media print { body .view_sp { display: none !important; } }
.ie8 body .view_sp { display: none !important; }
@media only screen and (max-width: 1279px) { body .view_pc { display: none !important; } }
@media only screen and (max-width: 767px) { body .view_pc-tab, body .view_tab { display: none !important; } }

.mouse .over { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse .over:hover, .touch .over.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch .over { -webkit-tap-highlight-color: transparent; }
.touch .over.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }

#page { width: 100%; overflow-x: hidden; }
@media only screen and (min-width: 1280px) { #page { max-width: 2000px; margin: auto; } }
@media print { #page { max-width: 2000px; margin: auto; } }
.ie8 #page { max-width: 2000px; margin: auto; }
@media only screen and (min-width: 768px) { #page { font-size: 100% !important; } }
@media print { #page { font-size: 100% !important; } }
.ie8 #page { font-size: 100% !important; }

#header { position: relative; z-index: 2; }
#header h1 { position: absolute; z-index: 3; top: 20px; left: 35px; color: #fff; float: left; font-size: 75%; font-weight: 100; }
#header .logo { position: absolute; z-index: 3; margin: auto; left:0; right:0; top:20%; width:15%; }
@media only screen and (min-width: 1280px) { #header .logo { left: 0; right: 0; top: 20%; } }
@media print { #header .logo { left: 0; right: 0; top: 40px; width: 164px; } }
.ie8 #header .logo { left: 0; right: 0; top: 40px; width: 164px; }

#header .box_hnav { position: fixed; z-index: 4; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #header .box_hnav { position: absolute; } }
@media only screen and (max-width: 767px) { #header .box_hnav { position: absolute; } }
#header .box_hnav li a { display: block; text-decoration: none; color: #fff; text-align: center; background: #ab8e07; padding: 1.5em 0; }
.mouse #header .box_hnav li a { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse #header .box_hnav li a:hover, .touch #header .box_hnav li a.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch #header .box_hnav li a { -webkit-tap-highlight-color: transparent; }
.touch #header .box_hnav li a.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
@media only screen and (max-width: 767px) { #header .box_hnav li a { padding: 0.8em 0 0.5em; } }
@media only screen and (max-width: 767px) { #header .box_hnav li a { font-size: 75%; } }
#header .box_hnav li a i { display: block; width: 30px; margin: auto; }
@media only screen and (max-width: 767px) { #header .box_hnav li a i { width: 41.42857%; } }
#header .box_hnav li a em { display: block; }
#header .box_hnav li.btn_menu a { background: #6a0b1a; }
@media only screen and (min-width: 768px) { #header .box_hnav { top: 0; right: 0; width: 94px; } }
@media print { #header .box_hnav { top: 0; right: 0; width: 94px; } }
.ie8 #header .box_hnav { top: 0; right: 0; width: 94px; }
@media only screen and (max-width: 767px) { #header .box_hnav { top: 2%; right: 5%; width: 46.875%; overflow: hidden; }
  #header .box_hnav li { float: right; overflow: hidden; width: 33.33333%; }
  #header .box_hnav li.ic_bestrate { margin-top: .5em; float: left; }
  #header .box_hnav li.ic_bestrate img { width: 50%; margin: auto; } }
#header .page_title { text-align: center; position: absolute; left: 0; right: 0; z-index: 3; color: #fff; top: 48.40909%; text-shadow: 0px 0px 25px rgba(51, 51, 51, 0.3), 0px 0px 20px rgba(51, 51, 51, 0.3), 0px 0px 15px rgba(51, 51, 51, 0.3), 0px 0px 10px rgba(51, 51, 51, 0.3), 0px 0px 5px rgba(51, 51, 51, 0.3); }

@media only screen and (max-width: 530px) { #header .page_title { top: 60%; } }
#header .page_title .jp { display: block; font-size: 163%; text-indent: .7em; letter-spacing: .5em; }
@media only screen and (max-width: 600px) {#header .page_title .jp { font-size:100%; }}

#header .page_title .en { display: block; font-size: 150%; font-family: 'Playfair Display', serif; font-display: auto; letter-spacing: .15em; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #header .page_title .en { font-size: 125%; } }
@media only screen and (max-width: 767px) { #header .page_title .en { font-size: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #header .main_img { overflow: hidden; }
  #header .main_img img { position: relative; width: 120%; max-width: none; margin-left: -10%; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) and (min-width: 768px) and (max-width: 1023px) { #header .main_img { overflow: hidden; }
  #header .main_img img { position: relative; width: 180%; max-width: none; margin-left: -40%; } }

@media only screen and (max-width: 767px) { #header .main_img { overflow: hidden; }
  #header .main_img img { position: relative; max-width: none;  height: 250px !important;} }

.topicpath { padding: .5em 0; }
.topicpath li { display: inline-block; margin-left: .4em; }
.topicpath li:first-child { margin-left: 0; }
.topicpath li span:before { content: "\0203a"; margin-right: .4em; font-family: "ＭＳ Ｐゴシック"; }

.lower_fbnr { overflow: hidden; margin: 70px auto 90px; max-width: 850px; }
@media only screen and (max-width: 767px) { .lower_fbnr { margin: 10% auto; } }
.lower_fbnr li { float: right; width: 48.23529%; }
.lower_fbnr li:first-child { float: left; }
.mouse .lower_fbnr li a { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse .lower_fbnr li a:hover, .touch .lower_fbnr li a.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch .lower_fbnr li a { -webkit-tap-highlight-color: transparent; }
.touch .lower_fbnr li a.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }

.con_pagetop .box_pagetop { position: relative; z-index: 1; left: 50%; margin-left: -115px; width: 720px; display: table; }
.con_pagetop .box_pagetop .btn_top { width: 230px; display: table-cell; vertical-align: middle; text-align: center; }
.con_pagetop .box_pagetop .btn_top a { border-left: solid 1px #b0a98d; border-right: solid 1px #b0a98d; padding: 40px 0; display: block; text-decoration: none; }
.con_pagetop .box_pagetop .btn_top a em { margin-top: 30px; }
.con_pagetop .box_pagetop .box_next { width: 490px; display: table-cell; vertical-align: middle; }
.con_pagetop .box_pagetop .box_next a { display: block; overflow: hidden; text-decoration: none; }
.con_pagetop .box_pagetop .box_next a .btn_rarr { margin-left: 30px; float: left; margin-top: 30px; }
.con_pagetop .box_pagetop .box_next a .txt { float: left; margin-left: 35px; width: 265px; }
.con_pagetop .box_pagetop .box_next a .next { float: left; margin-left: 25px; width: 81px; }
.lower .con_pagetop { border-top: solid 1px #b0a98d; }

.btn_fix { display: none; position: fixed; z-index: 10; bottom: 6.5em; right: 0; }
.btn_fix a { padding: .9em 1.5em; text-decoration: none; color: #fff; background-color: #000; font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; letter-spacing: .1em; display: block; }
.btn_fix a i { width: 30px; display: block; text-align: center; margin: auto; font-size: 157%; }
.btn_fix a em { display: block; text-align: center; font-size: 100%; }

footer { padding-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer .bn { overflow: hidden; }
  footer .bn img { position: relative; width: 155%; max-width: none; margin-left: -27.5%; } }
footer .con_footer { /*.btn_contact {display: none;}*/ }
footer .con_footer .box_footer .logo { text-align: center; width: 38.22917%; margin: auto; }
footer .con_footer .box_footer .box_hotel { text-align: left; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer .con_footer .box_footer .box_hotel { text-align: center; } }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel { text-align: center; } }
footer .con_footer .box_footer .box_hotel .txt { font-size: 94%; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer .con_footer .box_footer .box_hotel .txt { font-size: 94%; } }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel .txt { font-size: 82%; } }
footer .con_footer .box_footer .box_hotel .txt span { font-size: 113%; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer .con_footer .box_footer .box_hotel .txt span { font-size: 113%; } }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel .txt span { font-size: 100%; } }
footer .con_footer .box_footer .box_hotel .tel { font-size: 188%; margin-top: 20px; margin-bottom: 15px; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer .con_footer .box_footer .box_hotel .tel { font-size: 188%; } }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel .tel { font-size: 157%; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer .con_footer .box_footer .box_hotel .tel { margin-top: 20px; } }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel .tel { margin-top: 5%; } }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel .tel { margin-bottom: 3%; } }
footer .con_footer .box_footer .box_hotel .tel i { margin-right: .2em; display: inline-block; width: .6em; vertical-align: middle; line-height: 1; }
@media only screen and (max-width: 1279px) { footer .con_footer .box_footer .box_hotel .link_sns { margin-bottom: 2em; } }
footer .con_footer .box_footer .box_hotel .link_sns li { display: inline-block; width: 34px; margin-left: 10px; }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel .link_sns li { width: 12.5%; } }
@media only screen and (max-width: 767px) { footer .con_footer .box_footer .box_hotel .link_sns li { margin-left: 1em; } }
footer .con_footer .box_footer .box_hotel .link_sns li:first-child { margin-left: 0; }
footer .con_footer .box_sitemap ul li { font-size: 100%; }
footer .con_footer .btn_plan { width: 280px; }
@media only screen and (min-width: 1280px) { footer .con_footer { border-bottom: solid 1px #c3bb9c; overflow: hidden; padding: 60px 4.16667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  footer .con_footer .box_footer { float: left; overflow: hidden; }
  footer .con_footer .box_footer .logo { width: 202px; display: inline-block; vertical-align: top; }
  footer .con_footer .box_footer .box_hotel { display: inline-block; vertical-align: top; width: 350px; margin-left: 30px; }
  footer .con_footer .box_sitemap { float: right; width: 880px; } }
@media only screen and (min-width: 1280px) and (max-width: 1599px) { footer .con_footer .box_footer { width: 100%; text-align: center; float: none; }
  footer .con_footer .box_sitemap { float: none; width: 880px; margin: 50px auto 0; } }
@media only screen and (min-width: 1280px) { .ie8 footer .con_footer .box_footer { width: 100%; text-align: center; float: none; }
  .ie8 footer .con_footer .box_sitemap { float: none; width: 880px; margin: 50px auto 0; } }
@media print { footer .con_footer { border-bottom: solid 1px #c3bb9c; overflow: hidden; padding: 60px 4.16667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  footer .con_footer .box_footer { float: left; overflow: hidden; }
  footer .con_footer .box_footer .logo { width: 202px; display: inline-block; vertical-align: top; }
  footer .con_footer .box_footer .box_hotel { display: inline-block; vertical-align: top; width: 350px; margin-left: 30px; }
  footer .con_footer .box_sitemap { float: right; width: 880px; } }
@media print { footer .con_footer .box_footer { width: 100%; text-align: center; float: none; }
  footer .con_footer .box_sitemap { float: none; width: 880px; margin: 50px auto 0; } }
@media print { .ie8 footer .con_footer .box_footer { width: 100%; text-align: center; float: none; }
  .ie8 footer .con_footer .box_sitemap { float: none; width: 880px; margin: 50px auto 0; } }
.ie8 footer .con_footer { border-bottom: solid 1px #c3bb9c; overflow: hidden; padding: 60px 4.16667%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ie8 footer .con_footer .box_footer { float: left; overflow: hidden; }
.ie8 footer .con_footer .box_footer .logo { width: 202px; display: inline-block; vertical-align: top; }
.ie8 footer .con_footer .box_footer .box_hotel { display: inline-block; vertical-align: top; width: 350px; margin-left: 30px; }
.ie8 footer .con_footer .box_sitemap { float: right; width: 880px; }
@media only screen and (max-width: 1599px) { .ie8 footer .con_footer .box_footer { width: 100%; text-align: center; float: none; }
  .ie8 footer .con_footer .box_sitemap { float: none; width: 880px; margin: 50px auto 0; } }
@media print { .ie8 footer .con_footer .box_footer { width: 100%; text-align: center; float: none; }
  .ie8 footer .con_footer .box_sitemap { float: none; width: 880px; margin: 50px auto 0; } }
.ie8 .ie8 footer .con_footer .box_footer { width: 100%; text-align: center; float: none; }
.ie8 .ie8 footer .con_footer .box_sitemap { float: none; width: 880px; margin: 50px auto 0; }
@media only screen and (max-width: 1279px) { footer .con_footer { width: 91.66667%; margin: 5% auto 0; }
  footer .con_footer .box_sitemap { display: none; } }
footer .con_group .box_link { text-align: center; margin: 30px auto; }
footer .con_group .box_link li.link { display: inline-block; vertical-align: middle; margin-left: 35px; }
footer .con_group .box_link li.link:first-child { margin-left: 0; }
footer .con_group .box_link li.link a { display: block; text-decoration: none; }
footer .con_group .box_link li.link a:before { content: "\0203a"; margin-right: .4em; font-family: "ＭＳ Ｐゴシック"; }
footer .con_group .box_group { width: 91.66667%; margin: 5% auto; }
footer .con_group .box_group h3 { padding: 1em; border: 1px solid #c3bb9c; position: relative; }
footer .con_group .box_group h3:after { position: absolute; display: block; content: "\0203a"; font-family: "ＭＳ Ｐゴシック"; margin-right: .4em; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 50%; right: .5em; margin-top: -0.75em; }
footer .con_group .box_group h3.active:after { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
footer .con_group .box_group ul { display: none; }
footer .con_group .box_group ul li a { display: block; padding: 1em; color: #8e8683; text-decoration: none; background: #fff; border-bottom: 1px solid #8e8683; }
footer #copyright { background: url(/dataupload/images/A005704/TL-K40528/img/ft_copy-pc.jpg) no-repeat center/cover; text-align: center; position: relative; color: #fff; font-size: 69%; padding: 45px 0; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer #copyright { font-size: 69%; } }
@media only screen and (max-width: 767px) { footer #copyright { font-size: 63%; } }
@media only screen and (max-width: 767px) { footer #copyright { padding: 13% 0; background: url(/dataupload/images/A005704/TL-K40528/img/ft_copy-sp.jpg) no-repeat center/cover; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) { footer { padding-bottom: 75px; } }
@media only screen and (max-width: 767px) { footer { padding-bottom: 18%; } }

.box_sitemap { overflow: hidden; }
.box_sitemap > ul { width: 19%; float: left; border-left: solid 1px #c3bb9c; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box_sitemap > ul:nth-child(2) { width: 23%; }
.box_sitemap > ul > li { margin-top: 20px; font-size: 113%; }
.box_sitemap > ul > li:first-child { margin-top: 0; }
.box_sitemap > ul > li a { text-decoration: none; position: relative; padding-left: 15px; }
.mouse .box_sitemap > ul > li a { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse .box_sitemap > ul > li a:hover, .touch .box_sitemap > ul > li a.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch .box_sitemap > ul > li a { -webkit-tap-highlight-color: transparent; }
.touch .box_sitemap > ul > li a.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
@media only screen and (max-width: 767px) { .box_sitemap > ul > li a { padding-left: 1.5em; } }
.box_sitemap > ul > li a:before { display: block; position: absolute; top: 50%; left: 0; content: ""; width: 5px; height: 1px; background: #000; }
.box_sitemap > ul > li .sub { border-left: 1px dotted #c7bfa0; margin-left: 1em; }
.box_sitemap > ul > li .sub li { margin-top: 5px; }
.box_sitemap > ul > li .sub li a { padding-left: 10px; }
@media only screen and (max-width: 767px) { .box_sitemap > ul > li .sub li a { padding-left: 1.5em; } }
.box_sitemap > ul > li .sub li a:before { display: none; }
@media only screen and (max-width: 767px) { .box_sitemap > ul { float: none; } }
.box_sitemap .btn_plan { width: 210px; float: left; clear: left; margin-top: 35px; }
.box_sitemap .btn_plan a { display: block; border: 1px solid #fff; font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; font-size: 100%; text-align: center; color: #fff; text-decoration: none; padding: 1em 0; position: relative; background: #a59228; -moz-transition: background 0.25s, color 0.25s, border 0.25s; -o-transition: background 0.25s, color 0.25s, border 0.25s; -webkit-transition: background 0.25s, color 0.25s, border 0.25s; transition: background 0.25s, color 0.25s, border 0.25s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .box_sitemap .btn_plan a { font-size: 100%; } }
@media only screen and (max-width: 767px) { .box_sitemap .btn_plan a { font-size: 88%; } }
.box_sitemap .btn_plan a:before, .box_sitemap .btn_plan a:after { content: ""; width: 3em; height: 1px; background: #fff; position: absolute; z-index: 1; top: 25%; bottom: auto; right: -1em; -moz-transform: skewY(30deg); -ms-transform: skewY(30deg); -webkit-transform: skewY(30deg); transform: skewY(30deg); -moz-transition: right 0.25s, opacity 0.25s; -o-transition: right 0.25s, opacity 0.25s; -webkit-transition: right 0.25s, opacity 0.25s; transition: right 0.25s, opacity 0.25s; }
.box_sitemap .btn_plan a:after { top: 75%; -moz-transform: skewY(-30deg); -ms-transform: skewY(-30deg); -webkit-transform: skewY(-30deg); transform: skewY(-30deg); }
.box_sitemap .btn_plan a:hover { background: #fff; color: #a59228; border: 1px solid #a59228; }
.box_sitemap .btn_plan a:hover:before, .box_sitemap .btn_plan a:hover:after { right: -1.5em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media only screen and (max-width: 767px) { .box_sitemap .btn_plan { width: 90%; margin: 5% auto 0; float: none; } }
.box_sitemap .btn_contact { float: left; width: 210px; margin-top: 35px; margin-left: 30px; }
.box_sitemap .btn_contact a { display: block; border: 1px solid #fff; font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; font-size: 100%; text-align: center; color: #fff; text-decoration: none; padding: 1em 0; position: relative; background: #000; -moz-transition: background 0.25s, color 0.25s, border 0.25s; -o-transition: background 0.25s, color 0.25s, border 0.25s; -webkit-transition: background 0.25s, color 0.25s, border 0.25s; transition: background 0.25s, color 0.25s, border 0.25s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .box_sitemap .btn_contact a { font-size: 100%; } }
@media only screen and (max-width: 767px) { .box_sitemap .btn_contact a { font-size: 88%; } }
.box_sitemap .btn_contact a:before, .box_sitemap .btn_contact a:after { content: ""; width: 3em; height: 1px; background: #fff; position: absolute; z-index: 1; top: 25%; bottom: auto; right: -1em; -moz-transform: skewY(30deg); -ms-transform: skewY(30deg); -webkit-transform: skewY(30deg); transform: skewY(30deg); -moz-transition: right 0.25s, opacity 0.25s; -o-transition: right 0.25s, opacity 0.25s; -webkit-transition: right 0.25s, opacity 0.25s; transition: right 0.25s, opacity 0.25s; }
.box_sitemap .btn_contact a:after { top: 75%; -moz-transform: skewY(-30deg); -ms-transform: skewY(-30deg); -webkit-transform: skewY(-30deg); transform: skewY(-30deg); }
.box_sitemap .btn_contact a:hover { background: #fff; color: #000; border: 1px solid #000; }
.box_sitemap .btn_contact a:hover:before, .box_sitemap .btn_contact a:hover:after { right: -1.5em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.box_sitemap .btn_contact a { border: 1px solid #000; }
@media only screen and (max-width: 767px) { .box_sitemap .btn_contact { width: 90%; margin: 5% auto 0; float: none; } }

.sp_gnav { position: fixed; left: 0; bottom: 0; z-index: 22; width: 100%; overflow: hidden; }
.sp_gnav li { float: left; width: 25%; }
.sp_gnav li:first-child { border: none; }
.sp_gnav li > a, .sp_gnav li > span { background-color: #6a0b1a; font-size: 88%; border-left: solid 1px #4a0a14; text-decoration: none; text-align: center; display: block; padding: .5em 0; }
.sp_gnav li > a span, .sp_gnav li > span span { width: 27.08333%; max-width: 35px; margin: auto; display: block; }
.sp_gnav li > a span img, .sp_gnav li > span span img { display: block; }
.sp_gnav li > a .txt, .sp_gnav li > span .txt { margin-top: .3em; color: #fff; }
.sp_gnav li.btn_search a { background-color: #ab8e07; }

.box_search .wrp_search { margin-top: 10px; background: #fff; }
@media only screen and (max-width: 767px) { .box_search .wrp_search { margin-top: 0; } }
.box_search .wrp_search h2 { font-size: 125%; font-family: 'Playfair Display', serif; font-display: auto; text-align: center; color: #673f18; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .box_search .wrp_search h2 { font-size: 125%; } }
@media only screen and (max-width: 767px) { .box_search .wrp_search h2 { font-size: 100%; } }
.box_search .wrp_search .con_form .box_form { width: 100%; display: table; }
.box_search .wrp_search .con_form .box_form div { display: table-cell; vertical-align: middle; border-left: 1px solid #dedede; width: 14.51613%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 25px; color: #673f18; }
.box_search .wrp_search .con_form .box_form div p { margin-bottom: 5px; }
@media only screen and (max-width: 767px) { .box_search .wrp_search .con_form .box_form div p { margin-bottom: 2%; } }
.box_search .wrp_search .con_form .box_form div p i, .box_search .wrp_search .con_form .box_form div p em { display: inline-block; vertical-align: middle; }
.box_search .wrp_search .con_form .box_form div select::-ms-expand { display: none; }
.box_search .wrp_search .con_form .box_form div input, .box_search .wrp_search .con_form .box_form div select { font-family: 'Playfair Display', serif; font-display: auto; border: 1px solid #dedede; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 163%; display: block; width: 100%; padding: 0 .5em .2em; }
.box_search .wrp_search .con_form .box_form div select { background: url(../images/common/arr_bottom_m.png) no-repeat 85% center; }
.box_search .wrp_search .con_form .box_form div.box_dt { width: 30.64516%; }
.box_search .wrp_search .con_form .box_form div.box_btn { width: 25.80645%; padding: 0; }
.box_search .wrp_search .con_form .box_form div.box_btn button { padding: 3em 0; text-align: center; width: 100%; -moz-appearance: none; -webkit-appearance: none; border: none; color: #fff; background: #ab8e07; font-size: 113%; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .box_search .wrp_search .con_form .box_form div.box_btn button { font-size: 113%; } }
@media only screen and (max-width: 767px) { .box_search .wrp_search .con_form .box_form div.box_btn button { font-size: 94%; } }
.box_search .wrp_search .con_form .box_form div.box_btn button i, .box_search .wrp_search .con_form .box_form div.box_btn button em { display: inline-block; vertical-align: middle; }
@media only screen and (min-width: 1280px) { .box_search .wrp_search { width: 100%; display: table; }
  .box_search .wrp_search h2 { display: table-cell; vertical-align: middle; width: 22.5%; }
  .box_search .wrp_search .con_form { display: table-cell; vertical-align: middle; } }
@media print { .box_search .wrp_search { width: 100%; display: table; }
  .box_search .wrp_search h2 { display: table-cell; vertical-align: middle; width: 22.5%; }
  .box_search .wrp_search .con_form { display: table-cell; vertical-align: middle; } }
.ie8 .box_search .wrp_search { width: 100%; display: table; }
.ie8 .box_search .wrp_search h2 { display: table-cell; vertical-align: middle; width: 22.5%; }
.ie8 .box_search .wrp_search .con_form { display: table-cell; vertical-align: middle; }
@media only screen and (max-width: 1279px) { .box_search .wrp_search h2 { padding: 1em 0; }
  .box_search .wrp_search .con_form { border-top: 1px solid #dedede; }
  .box_search .wrp_search .con_form .box_form div { padding: 0 10px; }
  .box_search .wrp_search .con_form .box_form div.box_btn { width: 15%; }
  .box_search .wrp_search .con_form .box_form div.box_btn button { padding: 2em 0; } }
@media only screen and (max-width: 1279px) and (max-width: 767px) { .box_search .wrp_search .con_form .box_form { display: block; overflow: hidden; }
  .box_search .wrp_search .con_form .box_form div { display: block; float: left; width: 33.33%; padding: 1em 3%; }
  .box_search .wrp_search .con_form .box_form div.box_dt { width: 100%; border-bottom: 1px solid #dedede; }
  .box_search .wrp_search .con_form .box_form div.box_btn { border-top: 1px solid #dedede; width: 100%; padding: 1em 15%; }
  .box_search .wrp_search .con_form .box_form div.box_btn button { padding: 1em 0; } }

.box_search .box_btn { margin-top: 35px; overflow: hidden; }
@media only screen and (max-width: 767px) { .box_search .box_btn { margin-top: 5%; } }
.box_search .box_btn .btn_plan { float: left; width: 245px; }
.box_search .box_btn .btn_plan a { display: block; border: 1px solid #fff; font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; font-size: 100%; text-align: center; color: #fff; text-decoration: none; padding: 1em 0; position: relative; background: none; -moz-transition: background 0.25s, color 0.25s, border 0.25s; -o-transition: background 0.25s, color 0.25s, border 0.25s; -webkit-transition: background 0.25s, color 0.25s, border 0.25s; transition: background 0.25s, color 0.25s, border 0.25s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .box_search .box_btn .btn_plan a { font-size: 100%; } }
@media only screen and (max-width: 767px) { .box_search .box_btn .btn_plan a { font-size: 88%; } }
.box_search .box_btn .btn_plan a:before, .box_search .box_btn .btn_plan a:after { content: ""; width: 3em; height: 1px; background: #fff; position: absolute; z-index: 1; top: 25%; bottom: auto; right: -1em; -moz-transform: skewY(30deg); -ms-transform: skewY(30deg); -webkit-transform: skewY(30deg); transform: skewY(30deg); -moz-transition: right 0.25s, opacity 0.25s; -o-transition: right 0.25s, opacity 0.25s; -webkit-transition: right 0.25s, opacity 0.25s; transition: right 0.25s, opacity 0.25s; }
.box_search .box_btn .btn_plan a:after { top: 75%; -moz-transform: skewY(-30deg); -ms-transform: skewY(-30deg); -webkit-transform: skewY(-30deg); transform: skewY(-30deg); }
.box_search .box_btn .btn_plan a:hover { background: #fff; color: none; border: 1px solid none; }
.box_search .box_btn .btn_plan a:hover:before, .box_search .box_btn .btn_plan a:hover:after { right: -1.5em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.box_search .box_btn .btn_plan a:hover { color: #000; }
@media only screen and (max-width: 767px) { .box_search .box_btn .btn_plan { float: none; width: 90%; margin: auto; } }
.box_search .box_btn .btn_cancel { float: left; margin-top: 20px; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .box_search .box_btn .btn_cancel { margin-top: 20px; } }
@media only screen and (max-width: 767px) { .box_search .box_btn .btn_cancel { margin-top: 10%; } }
@media only screen and (min-width: 768px) { .box_search .box_btn .btn_cancel { margin-left: 30px; } }
@media print { .box_search .box_btn .btn_cancel { margin-left: 30px; } }
.ie8 .box_search .box_btn .btn_cancel { margin-left: 30px; }
@media only screen and (max-width: 767px) { .box_search .box_btn .btn_cancel { float: none; width: 100%; text-align: center; } }

#searchPop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; -webkit-overflow-scrolling: touch; -moz-transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), -moz-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), -o-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: -1; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); pointer-events: none; }
@media only screen and (max-width: 767px) { #searchPop { overflow-y: auto; } }
#searchPop .btn_close { position: absolute; z-index: 1; top: 10%; right: 5%; }
@media only screen and (max-width: 767px) { #searchPop .btn_close { top: 5%; width: 5.52083%; } }
#searchPop .wrap_pop { display: table; width: 100%; height: 100%; max-width: 1200px; margin: auto; }
@media only screen and (max-width: 1279px) { #searchPop .wrap_pop { width: 91.66667%; } }
#searchPop .wrap_pop .box_search { display: table-cell; vertical-align: middle; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #searchPop .wrap_pop .box_search { vertical-align: middle; } }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search { vertical-align: top; } }
#searchPop .wrap_pop .box_search .serch_logo { width: 16.83333%; margin: auto; }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search .serch_logo { width: 41.70455%; margin-top: 5%; } }
#searchPop .wrap_pop .box_search h3 { margin-top: 30px; text-align: center; font-size: 157%; }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search h3 { margin-top: 5%; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #searchPop .wrap_pop .box_search h3 { font-size: 157%; } }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search h3 { font-size: 125%; } }
#searchPop .wrap_pop .box_search h3 .en { font-size: 94%; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #searchPop .wrap_pop .box_search h3 .en { font-size: 94%; } }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search h3 .en { font-size: 75%; } }
#searchPop .wrap_pop .box_search h3 .en:before, #searchPop .wrap_pop .box_search h3 .en:after { content: ""; background: #000; width: 30px; height: 1px; position: absolute; top: 50%; z-index: 2; }
#searchPop .wrap_pop .box_search h3 .en:after { margin-left: 20px; }
#searchPop .wrap_pop .box_search h3 .en:before { margin-left: -50px; }
@media only screen and (max-width: 1279px) { #searchPop .wrap_pop .box_search .wrp_search .con_form { border-bottom: 1px solid #dedede; } }
@media only screen and (max-width: 1279px) and (max-width: 767px) { #searchPop .wrap_pop .box_search .wrp_search .con_form { border-right: 1px solid #dedede; }
  #searchPop .wrap_pop .box_search .wrp_search .con_form .box_btn { margin-top: 0; } }

#searchPop .wrap_pop .box_search .box_btn .btn_plan a { display: block; border: 1px solid #fff; font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; font-size: 100%; text-align: center; color: #fff; text-decoration: none; padding: 1em 0; position: relative; background: #ab8e07; -moz-transition: background 0.25s, color 0.25s, border 0.25s; -o-transition: background 0.25s, color 0.25s, border 0.25s; -webkit-transition: background 0.25s, color 0.25s, border 0.25s; transition: background 0.25s, color 0.25s, border 0.25s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #searchPop .wrap_pop .box_search .box_btn .btn_plan a { font-size: 100%; } }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search .box_btn .btn_plan a { font-size: 88%; } }
#searchPop .wrap_pop .box_search .box_btn .btn_plan a:before, #searchPop .wrap_pop .box_search .box_btn .btn_plan a:after { content: ""; width: 3em; height: 1px; background: #fff; position: absolute; z-index: 1; top: 25%; bottom: auto; right: -1em; -moz-transform: skewY(30deg); -ms-transform: skewY(30deg); -webkit-transform: skewY(30deg); transform: skewY(30deg); -moz-transition: right 0.25s, opacity 0.25s; -o-transition: right 0.25s, opacity 0.25s; -webkit-transition: right 0.25s, opacity 0.25s; transition: right 0.25s, opacity 0.25s; }
#searchPop .wrap_pop .box_search .box_btn .btn_plan a:after { top: 75%; -moz-transform: skewY(-30deg); -ms-transform: skewY(-30deg); -webkit-transform: skewY(-30deg); transform: skewY(-30deg); }
#searchPop .wrap_pop .box_search .box_btn .btn_plan a:hover { background: #fff; color: #ab8e07; border: 1px solid #ab8e07; }
#searchPop .wrap_pop .box_search .box_btn .btn_plan a:hover:before, #searchPop .wrap_pop .box_search .box_btn .btn_plan a:hover:after { right: -1.5em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#searchPop .wrap_pop .box_search p.tel { font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; text-align: center; margin-top: 20px; font-size: 94%; vertical-align: middle; border-top: 1px solid #ab8e07; padding-top: 30px; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #searchPop .wrap_pop .box_search p.tel { font-size: 94%; } }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search p.tel { font-size: 75%; } }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #searchPop .wrap_pop .box_search p.tel { padding-top: 30px; } }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search p.tel { padding-top: 10%; } }
#searchPop .wrap_pop .box_search p.tel em { font-size: 157%; margin-left: 20px; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #searchPop .wrap_pop .box_search p.tel em { font-size: 157%; } }
@media only screen and (max-width: 767px) { #searchPop .wrap_pop .box_search p.tel em { font-size: 125%; } }
.searchOpen #searchPop { pointer-events: auto; z-index: 221; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }

#menuPop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #690b1b; -webkit-overflow-scrolling: touch; -moz-transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), -moz-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), -o-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); transition: z-index 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1), transform 1.2s cubic-bezier(0.77, 0, 0.175, 1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: -1; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); pointer-events: none; }
@media only screen and (min-width: 1280px) { #menuPop .inner { display: table; width: 100%; height: 100%; position: relative; }
  #menuPop .inner .con_menu { width: 57.60417%; display: table-cell; vertical-align: middle; } }
@media print { #menuPop .inner { display: table; width: 100%; height: 100%; position: relative; }
  #menuPop .inner .con_menu { width: 57.60417%; display: table-cell; vertical-align: middle; } }
.ie8 #menuPop .inner { display: table; width: 100%; height: 100%; position: relative; }
.ie8 #menuPop .inner .con_menu { width: 57.60417%; display: table-cell; vertical-align: middle; }
@media only screen and (max-width: 1279px) { #menuPop { overflow-y: auto; }
  #menuPop .inner { width: 91.66667%; margin: auto; position: relative; padding: 0; } }
@media only screen and (max-width: 1279px) and (max-width: 767px) { #menuPop .inner { padding: 2% 0 10%; } }

#menuPop .con_menu .box_menu p.menu_logo { width: 31.64557%; }
@media only screen and (max-width: 1279px) { #menuPop .con_menu .box_menu p.menu_logo { padding: 5% 5%; } }
@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) { #menuPop .con_menu .box_menu p.menu_logo { max-width: 150px; } }

#menuPop .con_menu .box_menu p.menu_logo a { display: block; text-align: center; }
#menuPop .con_menu .box_menu .box_sitemap > ul { width: 50%; margin-bottom: 20px; }
#menuPop .con_menu .box_menu .box_sitemap > ul.list5 { display: none; }
#menuPop .con_menu .box_menu .box_sitemap > ul > li a { display: block; color: #fff; }
#menuPop .con_menu .box_menu .box_sitemap > ul > li a:before { background: #fff; }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_menu .box_sitemap > ul { float: left; margin-bottom: 5%; }
  #menuPop .con_menu .box_menu .box_sitemap > ul > li { font-size: 100%; margin-top: 5%; }
  #menuPop .con_menu .box_menu .box_sitemap > ul > li:first-child { margin-top: 0; } }
#menuPop .con_menu .box_menu .box_sitemap .btn_plan a { display: block; border: 1px solid #fff; font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "Times New Roman", serif; font-size: 100%; text-align: center; color: #fff; text-decoration: none; padding: 1em 0; position: relative; background: #ab8e07; -moz-transition: background 0.25s, color 0.25s, border 0.25s; -o-transition: background 0.25s, color 0.25s, border 0.25s; -webkit-transition: background 0.25s, color 0.25s, border 0.25s; transition: background 0.25s, color 0.25s, border 0.25s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #menuPop .con_menu .box_menu .box_sitemap .btn_plan a { font-size: 100%; } }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_menu .box_sitemap .btn_plan a { font-size: 88%; } }
#menuPop .con_menu .box_menu .box_sitemap .btn_plan a:before, #menuPop .con_menu .box_menu .box_sitemap .btn_plan a:after { content: ""; width: 3em; height: 1px; background: #fff; position: absolute; z-index: 1; top: 25%; bottom: auto; right: -1em; -moz-transform: skewY(30deg); -ms-transform: skewY(30deg); -webkit-transform: skewY(30deg); transform: skewY(30deg); -moz-transition: right 0.25s, opacity 0.25s; -o-transition: right 0.25s, opacity 0.25s; -webkit-transition: right 0.25s, opacity 0.25s; transition: right 0.25s, opacity 0.25s; }
#menuPop .con_menu .box_menu .box_sitemap .btn_plan a:after { top: 75%; -moz-transform: skewY(-30deg); -ms-transform: skewY(-30deg); -webkit-transform: skewY(-30deg); transform: skewY(-30deg); }
#menuPop .con_menu .box_menu .box_sitemap .btn_plan a:hover { background: #fff; color: #ab8e07; border: 1px solid #ab8e07; }
#menuPop .con_menu .box_menu .box_sitemap .btn_plan a:hover:before, #menuPop .con_menu .box_menu .box_sitemap .btn_plan a:hover:after { right: -1.5em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#menuPop .con_menu .box_menu .box_sitemap .btn_plan a { border: 1px solid #ab8e07; }
@media only screen and (min-width: 1280px) { #menuPop .con_menu .box_menu { display: table; width: 100%; }
  #menuPop .con_menu .box_menu p.menu_logo { padding: 0 6.78119%; display: table-cell; vertical-align: middle; } }
@media print { #menuPop .con_menu .box_menu { display: table; width: 100%; }
  #menuPop .con_menu .box_menu p.menu_logo { padding: 0 6.78119%; display: table-cell; vertical-align: middle; } }
.ie8 #menuPop .con_menu .box_menu { display: table; width: 100%; }
.ie8 #menuPop .con_menu .box_menu p.menu_logo { padding: 0 6.78119%; display: table-cell; vertical-align: middle; }
#menuPop .con_menu .box_txt { margin-top: 50px; padding-top: 40px; border-top: solid 1px #fff; }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_txt { margin-top: 5%; } }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_txt { padding-top: 5%; } }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_txt { border-top: solid 1px #c3bb9c; } }
@media only screen and (min-width: 1280px) { #menuPop .con_menu .box_txt { max-width: 1000px; }
  #menuPop .con_menu .box_txt .tel { margin-left: 250px; } }
@media print { #menuPop .con_menu .box_txt { max-width: 1000px; }
  #menuPop .con_menu .box_txt .tel { margin-left: 250px; } }
.ie8 #menuPop .con_menu .box_txt { max-width: 1000px; }
.ie8 #menuPop .con_menu .box_txt .tel { margin-left: 250px; }
#menuPop .con_menu .box_txt .tel { color: #fff; font-size: 113%; float: left; width: 250px; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #menuPop .con_menu .box_txt .tel { font-size: 113%; } }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_txt .tel { font-size: 94%; } }
#menuPop .con_menu .box_txt .tel span { font-size: 125%; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { #menuPop .con_menu .box_txt .tel span { font-size: 125%; } }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_txt .tel span { font-size: 113%; } }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_txt .tel { width: 50%; } }
#menuPop .con_menu .box_txt .box_language { float: left; width: 200px; position: relative; }
#menuPop .con_menu .box_txt .box_language dt { display: block; padding: .8em 1em; border: 1px solid #fff; position: relative; color: #fff; cursor: pointer; }
#menuPop .con_menu .box_txt .box_language dt:after { position: absolute; display: block; content: "\0203a"; font-family: "ＭＳ Ｐゴシック"; margin-right: .4em; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); top: 50%; right: .5em; margin-top: -0.75em; }
#menuPop .con_menu .box_txt .box_language dd { position: absolute; z-index: 1; bottom: 100%; left: 0; width: 100%; pointer-events: none; }
#menuPop .con_menu .box_txt .box_language dd ul li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); -moz-transition: opacity 0.5s, -moz-transform 0.5s; -o-transition: opacity 0.5s, -o-transform 0.5s; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }
#menuPop .con_menu .box_txt .box_language dd ul li a { background: #fff; display: block; text-decoration: none; padding: .8em 1em; }
.mouse #menuPop .con_menu .box_txt .box_language dd ul li a { -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }
.mouse #menuPop .con_menu .box_txt .box_language dd ul li a:hover, .touch #menuPop .con_menu .box_txt .box_language dd ul li a.touchstart { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.touch #menuPop .con_menu .box_txt .box_language dd ul li a { -webkit-tap-highlight-color: transparent; }
.touch #menuPop .con_menu .box_txt .box_language dd ul li a.touchend { -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
#menuPop .con_menu .box_txt .box_language:hover dd { pointer-events: auto; }
#menuPop .con_menu .box_txt .box_language:hover dd ul li { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
#menuPop .con_menu .box_txt .box_language:hover dd ul li:first-child { -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
#menuPop .con_menu .box_txt .box_language:hover dd ul li:first-child + * { -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#menuPop .con_menu .box_txt .box_language:hover dd ul li:first-child + * + * { -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
@media only screen and (max-width: 767px) { #menuPop .con_menu .box_txt .box_language { float: right; width: 50%; } }
#menuPop p.photo { width: 35.10417%; }
@media only screen and (min-width: 1280px) { #menuPop p.photo { vertical-align: middle; display: table-cell; background: url(../images/header/img_pop.jpg) no-repeat center/cover; } }
@media print { #menuPop p.photo { vertical-align: middle; display: table-cell; background: url(../images/header/img_pop.jpg) no-repeat center/cover; } }
.ie8 #menuPop p.photo { vertical-align: middle; display: table-cell; background: url(../images/header/img_pop.jpg) no-repeat center/cover; }
#menuPop .btn_close { padding-top: 25px; width: 7.29167%; }
@media only screen and (max-width: 767px) { #menuPop .btn_close { padding-top: 5%; } }
@media only screen and (max-width: 767px) { #menuPop .btn_close { width: 16.02273%; } }
@media only screen and (min-width: 1280px) { #menuPop .btn_close { text-align: center; vertical-align: top; display: table-cell; height: 100%; background-color: #fff; }
  #menuPop .btn_close img { width: 37.85714%; } }
@media print { #menuPop .btn_close { text-align: center; vertical-align: top; display: table-cell; height: 100%; background-color: #fff; }
  #menuPop .btn_close img { width: 37.85714%; } }
.ie8 #menuPop .btn_close { text-align: center; vertical-align: top; display: table-cell; height: 100%; background-color: #fff; }
.ie8 #menuPop .btn_close img { width: 37.85714%; }
@media only screen and (max-width: 1279px) { #menuPop .btn_close { position: absolute; right: 0; top: 0; } }
@media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) { #menuPop .btn_close { max-width: 200px; } }

.menuOpen #menuPop { pointer-events: auto; z-index: 221; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; }

.bg_white { padding: 55px 0; background: url(../../rooms/images/bg_white.png); }
@media only screen and (max-width: 767px) { .bg_white { padding: 6% 0; } }

table.tbl_basic { border: 1px solid #5a0e0e; font-family: "游ゴシック Medium", YuGothic, YuGothicM, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif; width: 100%; }
table.tbl_basic tr { border-bottom: 1px solid #5a0e0e; }
table.tbl_basic tr th { background: #7d0000; color: #fff; text-align: center; width: 110px; padding: .6em 0; }
table.tbl_basic tr td { padding: .6em 1em; }
@media only screen and (max-width: 767px) { table.tbl_basic tr { border-bottom: none; font-size: 82%; }
  table.tbl_basic tr th { display: block; width: 100%; }
  table.tbl_basic tr td { display: block; padding: .6em 1em 1.2em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #5a0e0e; } }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }








.ui-datepicker .ui-datepicker-prev:before { color: #222; position: absolute; top: -1px; left: 0px; text-align: center; font-size: 12px; cursor: pointer; z-index: 99; vertical-align: middle; width: 100%; line-height: 25px; }

.ui-datepicker .ui-datepicker-prev.ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover { background: none !important; opacity: .7; }

.ui-datepicker .ui-datepicker-prev .ui-icon { width: 25px; height: 25px; opacity: 1 !important; }

.ui-datepicker .ui-datepicker-prev span { background: none !important; }



.ui-datepicker .ui-datepicker-next:before {position: absolute; top: -1px; left: 0px; text-align: center; font-size: 12px; cursor: pointer; z-index: 99; vertical-align: middle; width: 100%; line-height: 25px; }

.ui-datepicker .ui-datepicker-title { margin: 0; line-height: 30px; font-size: 18px; text-align: center; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; text-transform: uppercase; }

.ui-datepicker table thead { border-bottom: solid 1px #ecf0f1; }

.ui-datepicker table tbody:before { content: ''; display: block; height: 10px; }

.ui-datepicker th { padding: .7em .3em 1.2em; text-align: center; font-weight: 300; border: 0; }

.ui-datepicker td { border: 0; padding: 2px; }

.ui-datepicker td a, .ui-datepicker td span { display: block; padding: 5px 7px; text-align: center; text-decoration: none !important; }

.ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }

.ui-datepicker.ui-datepicker-multi { width: auto; }

.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; }

.ui-widget { font-size: 113%; }
@media only screen and (min-width: 768px) and (max-width: 1279px) { .ui-widget { font-size: 113%; } }
@media only screen and (max-width: 767px) { .ui-widget { font-size: 88%; } }

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Verdana,Arial,sans-serif; font-size: 1em; }





.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; border: 1px solid #ecf0f1; font-weight: 400; color: #555; }

.ui-state-default a { color: #555; text-decoration: none; }

.ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; }

.ui-state-focus, .ui-state-hover { background: #7d0000; font-weight: 400; color: #FFF !important; }

.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover { background: #7d0000; font-weight: 400; color: #FFF !important; }

.ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover { background: #7d0000; font-weight: 400; color: #FFF !important; }

.ui-state-hover a { color: #212121; text-decoration: none; }

.ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0; background: #292929; font-weight: 400; color: #FFF; }

.ui-state-active a { color: #212121; text-decoration: none; }

.ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #ab8e07; color: #fff; border: 0; }

@media only screen and (max-width: 767px) { .ui-datepicker { width: 91.66667% !important; left: 4.16667% !important; } }

.pc { display: block; }

.sp { display: none; }

.spa_txt { font-size: 144%; margin: 20px 0 35px; }

.spa_li { width: 46.5%; float: left; padding: 25px 15px 30px; }

.spa_re { float: right; color: #fff; background-color: #7D0000; font-size: 100%; padding: 2px 10px; font-size: 74%; }

.rooms_special { font-size: 2.4rem; border-top: 1px solid #ab8e07 !important; border-bottom: 1px solid #ab8e07 !important; padding: 10px 5% !important; text-align: center; color: #ab8e07; margin-bottom: 30px !important; max-width: 80%; margin: auto; overflow: hidden; margin-top: 5%; }

.flex { display: flex; }

.bg_fff { width: 50%; background-color: #fff; margin: 0 20px; box-shadow: 0 4px 10px #777; }

.mwd { max-width: 1200px; margin: auto; }

.wd83 { width: 83%; }

.cashmt { margin-top: 0 !important; }

.cashless { width: 36%; }

.pt40 { padding-top: 40px; }

.pl_20 { margin: auto; padding-left: 20px; }

.m10 { margin: 10px; }

.special_sub { font-size: 2.2rem; margin-bottom: 10px; }

@media only screen and (max-width: 767px) { .sp { display: block; }
  .pc { display: none; }
  .spa_txt { text-align: center; margin: 5% 0; font-size: 125%; display: flex; }
  .spa_li { width: 92%; }
  .spa_re { float: left; margin-top: 10px; display: flex; margin-top: 0; }
  .rooms_special { margin-top: 14%; font-size: 163%; }
  .sp_flexnone { display: block !important; }
  .bg_fff { width: 86%; }
  .sp_mt24 { margin-top: 24px; }
  .sp_mb20 { margin-bottom: 20px; }
  .sp_mb40 { margin-bottom: 40px; }
  .sp_pd { padding: 1px 15px; }
  .cashless { width: 44%; }
  .cashmt { margin-top: 10% !important; } }
.corona_info { text-align: center; width: 91.66667%; margin: auto; max-width: 800px; padding-top: 30px; }

.corona_info h3 { font-weight: bold; }

.corona_info p { padding: 20px 0; border: 1px solid #af9414; margin-top: 30px; font-family: "游ゴシック Medium", YuGothic, YuGothicM, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif; line-height: 2; }

.corona_info a { color: #1D54A7; }

.corona_breakfast_info { text-align: center; margin: auto; max-width: 1200px; padding-top: 30px; }

.corona_breakfast_info h3 { font-weight: bold; }

.corona_breakfast_info p { padding: 20px 0; border: 1px solid #5a0e0e; margin-top: 30px; margin-bottom: 50px; font-family: "游ゴシック Medium", YuGothic, YuGothicM, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif; line-height: 1.8; }

.corona_breakfast_info a { color: #1D54A7; }

@media only screen and (max-width: 1279px) and (min-width: 768px) { .corona_breakfast_info h3 { font-size: 1.6rem; } }
@media only screen and (max-width: 767px) { .corona_info p { line-height: 1.5; } }
.privacy { max-width: 1200px; margin: auto; background: #fff; padding: .6em 1em; line-height: 2; }

.privacy h3 { margin: 0 0 1em; font-size: 24px; line-height: 30px; font-family: "Yu Mincho", "YuMincho", serif; font-weight: 600; color: #231815; padding: 2em 0 10px; border-bottom: 3px solid #231815; margin-bottom: 2em; text-align: center; }

.privacy .rg { text-align: right; }

.privacy ul { margin-left: 30px; }

.privacy .dcm li { list-style: decimal inside; }

.con_info h3 { margin-bottom: 60px; text-align: center; font-size: 238%; }

.con_info h3:before { content: ""; width: 52px; height: 37px; display: block; margin: 0 auto 0; background-image: url(../images/common/title_top.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; margin-bottom: .3em; }

@media only screen and (min-width: 1280px) { .con_info h3 .wrp { display: inline-block; position: relative; } }
@media only screen and (min-width: 1280px) { .con_info h3 .wrp:before { margin-right: 35px; } }
@media only screen and (min-width: 1280px) { .con_info h3 .wrp:before { right: 100%; } }
@media only screen and (min-width: 1280px) { .con_info h3 .wrp:before, .con_info h3 .wrp:after { content: ""; width: 148px; height: 4px; position: absolute; top: 60%; background: url(../images/common/title_border.png) no-repeat center/100% auto; } }
.con_info h3 .wrp .lage { display: block; }

.con_info h3 .wrp .en { font-size: 48%; line-height: 1; display: block; color: #5a0e0e; }

@media only screen and (min-width: 1280px) { .con_info h3 .wrp:after { margin-left: 35px; left: 100%; } }
@media only screen and (max-width: 1279px) { .privacy { width: 86%; } }

.bottom{
padding: 40px 0 15px;
    font-size: 1.4rem;
    text-align: center;
    background-color: black
}

@media only screen and (min-width: 1280px) {
#header .main_img img{
width:100%;
}
}

@media only screen and (min-width: 500px)and(max-width:640px) {#header.logo{top:30%;}}
@media only screen and (min-width: 500px)and(max-width:640px) {#header.page_title{top:60%;}}
@media only screen and (min-width: 0px)and(max-width:375px) {#header.page_title{top:70%;}}

@media only screen and (max-width: 767px){
#header .page_title .jp{font-size: 100%;}
#header .page_title{top:65%;}
}