@charset "UTF-8";
/** settings menu item list */
/* ======================================== common
======================================== */
.ui-dialog { padding: 0; }

.ui-widget-header { border: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.ui-dialog .ui-dialog-buttonpane { background: url(../images/jquery_ui/ui-bg_flat_100_f5e5cb_40x100.png) repeat-x scroll 50% 50% #F5E5CB; text-align: center; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-state-default { color: #6C452C; }

.ui-dialog .ui-dialog-content h4 { color: #815F47; font-size: 110%; padding-bottom: 0px; margin-bottom: 12px; }

div.ui-dialog div.ui-dialog-buttonpane .ui-button { width: 105px; }

/* ======================================== comment-dialog
======================================== */
div#comment-dialog div.dialog-container { margin: 15px 20px; }

div#comment-dialog div.dialog-container div.stamp-warpper { margin-top: 20px; }

div#comment-dialog div.dialog-container div.comment-warpper { margin-top: 20px; }

div#comment-dialog div.dialog-container div.stamp-select-box { margin-left: 30px; }

div#comment-dialog div.dialog-container div.comment-select-box { margin-left: 20px; }

div#comment-dialog div.dialog-container div.comment-to { display: block; position: absolute; left: 250px; top: 30px; }

div#comment-dialog div.dialog-container div.stamp-select-box img { margin-right: 20px; width: 68px; height: 68px; }

div#comment-dialog div.dialog-container textarea { width: 450px; height: 110px; margin-top: 5px; }

/* dropdown_container */
div#comment-dialog div.dialog-container div.dropdown_container { width: 200px; position: relative; margin-top: 3px; left: 0; }

div#comment-dialog div.dialog-container div.dropdown_container a.dropdown { display: block; text-decoration: none; margin: 0 auto; width: 180px; min-height: 20px; }

div#comment-dialog div.dialog-container div.comment-warpper div.dropdown_container { width: 460px; position: relative; margin-top: 3px; left: 0; }

div#comment-dialog div.dialog-container div.dropdown_container span.caret { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #000000; margin-left: 0; margin-top: 6px; content: ""; display: inline-block; height: 0; vertical-align: top; width: 0; float: right; margin-top: 6px; margin-right: 4px; }

div#comment-dialog div.dialog-container div.comment-warpper div.dropdown_container a.dropdown { display: block; text-decoration: none; margin: 0 auto; width: 440px; }

/* ===================================================== dropdown_btn */
a.dropdown_btn_s, a.dropdown_btn_l { text-align: left; font-size: 100%; border: solid 1px #aaaaaa; background: #ffffff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(#ffffff, #e0e0e0); background-image: -webkit-linear-gradient(#ffffff, #e0e0e0); background-image: linear-gradient(#ffffff, #e0e0e0); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); }

a.dropdown_btn_l { padding: 4px 8px; }

a.dropdown_btn_s { padding: 4px 8px; }

a.dropdown_btn_l:hover, a.dropdown_btn_s:hover { border: solid 1px #87bed6; background: #ffffff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6)); background-image: -moz-linear-gradient(#ffffff, #f6f6f6); background-image: -webkit-linear-gradient(#ffffff, #f6f6f6); background-image: linear-gradient(#ffffff, #f6f6f6); -moz-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.7); -webkit-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.7); box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.7); cursor: pointer; }

a.dropdown_btn_l:active, a.dropdown_btn_s:active { -moz-box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); -webkit-box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); border: solid 1px #87bed6; background: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #f6f6f6)); background-image: -moz-linear-gradient(#e0e0e0, #f6f6f6); background-image: -webkit-linear-gradient(#e0e0e0, #f6f6f6); background-image: linear-gradient(#e0e0e0, #f6f6f6); -moz-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); -webkit-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); cursor: pointer; }

/* ===================================================== dropdown_menu */
div#comment-dialog div.dialog-container div.dropdown_container ul.dropdown_menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; margin: 2px 0 0; padding: 5px 0; list-style: none; background-color: #ffffff; cursor: pointer; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border-radius: 6px 6px 6px 6px; border: 1px solid #ccc; border: solid 1px #87bed6; overflow: hidden; }

div#comment-dialog div.dialog-container div.dropdown_container ul.dropdown_menu { width: 200px; }

div#comment-dialog div.dialog-container div.comment-select-box div.dropdown_container ul.dropdown_menu { width: 450px; overflow: hidden; }

div#comment-dialog div.dialog-container div.dropdown_container ul.dropdown_menu li > a { clear: both; color: #333333; display: block; font-weight: normal; line-height: 20px; padding: 3px 20px; padding-left: 10px; min-height: 20px; white-space: nowrap; text-decoration: none; }

div#comment-dialog div.dialog-container div.dropdown_container a.dropdown.open.dropdown_btn_l, div#comment-dialog div.dialog-container div.dropdown_container a.dropdown.open.dropdown_btn_s { background-color: #E6E6E6; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }

div#comment-dialog div.dialog-container div.dropdown_container ul.dropdown_menu > li a:hover { background-color: #bbb; background-color: #007bbd; color: #fff; }

/* ======================================== report-photo-dialog
======================================== */
div#report-photo-dialog div.dialog-container { margin: 4px 0 0 21px; }
div#report-photo-dialog div.dialog-container ul.linkList { margin-top: 3px; text-align: left; }
div#report-photo-dialog div.dialog-container ul.linkList a { color: #0049A3; }

/* ======================================== 再ログインダイアログ
======================================== */
.relogin_dialog .dialog_message { margin: 5px 0px 10px 0px; }
.relogin_dialog div { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; border: 0px; }
@media screen and (min-width: 641px) { .relogin_dialog div { display: table; } }
@media screen and (min-width: 641px) { .relogin_dialog div dl { display: table-row; } }
.relogin_dialog div dl dt, .relogin_dialog div dl dd { padding: 5px 10px 5px 10px; }
@media screen and (min-width: 641px) { .relogin_dialog div dl dt, .relogin_dialog div dl dd { display: table-cell; } }
.relogin_dialog div dl dd { padding: 5px; }
.relogin_dialog div dl dt.name { width: 100px; }
.relogin_dialog div dl dd.value { padding-left: 10px; }
.relogin_dialog div dl dd.value input.password { width: 260px; }
.relogin_dialog div dl .userId { display: inline-block; width: 260px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.relogin_dialog .password_setting { margin: 5px 0px 0px 0px; font-size: 90%; color: #aaa; }
.relogin_dialog .password_setting a { color: #5590da; }

/* ======================================== publisher-change-reservation-dialog
======================================== */
div#publisher-change-reservation-dialog div.dialog-container { margin: 15px 20px; color: #222; }
div#publisher-change-reservation-dialog div.dialog-container div.report-photo-warpper { margin-bottom: 15px; }
div#publisher-change-reservation-dialog div.dialog-container div.report-photo-warpper div.report-photo-warpper p { /*font-size: 110%;*/ }
div#publisher-change-reservation-dialog div.dialog-container ul.notesTxt li { margin: 0 0 0 1em; text-indent: -1em; font-size: 90%; /*line-height: 1.6;*/ }
div#publisher-change-reservation-dialog div.dialog-container ul.notesTxt li span { color: #CC3333; }
div#publisher-change-reservation-dialog div.dialog-container ul.notesTxt li a.blank { background: url("../images/basic/blank_link.png") no-repeat scroll right center transparent; padding: 0 20px 0 0; }
div#publisher-change-reservation-dialog div.dialog-container ul.notesTxt li a { color: #0049A3; }

/* ======================================== support-information-dialog
======================================== */
div#support-information-dialog div.dialog-container { margin: 15px 20px; color: #222; }
div#support-information-dialog div.dialog-container div.report-photo-warpper { margin-bottom: 10px; }
div#support-information-dialog div.dialog-container div.report-photo-warpper p { font-size: 90%; }
div#support-information-dialog div.dialog-container div.attention { margin-top: 10px; color: #EB6000; padding: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #fbdec4; }

/* ======================================== home-message-dialog
======================================== */
div#home-message-dialog div.dialog-container { margin: 15px 20px; color: #222; }

/* ======================================== メッセージダイアログ
======================================== */
#message-dialog div, #guest-repassword-sendmail-dialog div { padding: 10px 0 0 50px; }
#message-dialog .warn, #guest-repassword-sendmail-dialog .warn { background: url(../images/basic/warning.png) no-repeat left center; }
#message-dialog .confirm, #message-dialog .info, #guest-repassword-sendmail-dialog .confirm, #guest-repassword-sendmail-dialog .info { background: url(../images/basic/info.png) no-repeat left center; }

#guest-repassword-sendmail-dialog div { padding-left: 25px; }
#guest-repassword-sendmail-dialog div.report-photo-warpper, #guest-repassword-sendmail-dialog div.complement { padding-top: 0px; }

#homeMessageDialog { display: block; left: 130px; position: absolute; width: 800px; margin-left: -50px; background-color: #fff; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); z-index: 9999; }

#homeMessageDialog div.title div.titleText { background-color: #888; padding: 10px 15px; color: #fff; font-size: 1.6em; font-weight: bold; margin: 0px 0px 0px 0px; position: relative; }

#homeMessageDialog div.title div.close { position: absolute; top: 10px; right: 15px; color: #fff; font-size: 1.6em; text-decoration: none; cursor: pointer; }

#homeMessageDialog .innerContainer { position: relative; margin: 23px 38px; min-height: 200px; }

/* ======================================== popup-banner-dialog
======================================== */
div.ui-dialog.popup-banner-dialog div.ui-dialog-buttonpane .ui-button { width: auto; background: #EE7833; color: white; font-size: 110%; padding-top: 0.4em; padding-bottom: 0.4em; }
div.ui-dialog.popup-banner-dialog div.ui-dialog-buttonpane .ui-button .ui-button-text { vertical-align: middle; }

#dialogOverlay { position: fixed !important; z-index: 9998; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #000; display: none; }

/* ========================================
    only mobile layout
======================================== */
@media (max-width: 640px) { .ui-dialog { width: 100% !important; left: 0px !important; }
  .relogin_dialog { height: 100% !important; }
  div.ui-dialog.popup-banner-dialog { width: 90% !important; left: 5% !important; }
  .ui-dialog .content-grid-row .content-grid-col.col-1 { width: 50%; }
  .ui-dialog .content-grid-row .content-grid-col.col-2, .ui-dialog .content-grid-row .content-grid-col.col-3, .ui-dialog .content-grid-row .content-grid-col.col-4 { width: 100%; } }

/* ========================================
    only pc layout
======================================== */
@media (min-width: 641px) { .ui-dialog .content-grid-row .content-grid-col.col-1 { width: 25%; }
  .ui-dialog .content-grid-row .content-grid-col.col-2 { width: 50%; }
  .ui-dialog .content-grid-row .content-grid-col.col-3 { width: 75%; }
  .ui-dialog .content-grid-row .content-grid-col.col-4 { width: 100%; } }

/* ========================================
    common
======================================== */
.ui-dialog .content-grid-row { position: relative; width: 100%; }

.ui-dialog .content-grid-row:after { display: block; clear: both; height: 0px; visibility: hidden; content: "."; }

.ui-dialog .content-grid-row .content-grid-col { float: left; }

.ui-dialog .content-grid-row .content-grid-col.col-1, .ui-dialog .content-grid-row .content-grid-col.col-2, .ui-dialog .content-grid-row .content-grid-col.col-3, .ui-dialog .content-grid-row .content-grid-col.col-4 { padding: 8px 10px; }

.ui-dialog .content-grid-row .content-grid-col .pull-center { text-align: center; }

.ui-dialog .content-grid-row .content-grid-col .pull-right { text-align: right; }

.ui-dialog .content-grid-row .content-grid-col .section-title { border-left: solid 5px #815e45; padding-left: 5px; }

@media (max-height: 600px) { div.ui-dialog.popup-banner-dialog img { display: none; } }

.ui-dialog.credit-card-information-dialog { font-size: 13px; line-height: 1.7em; font-family: 'メイリオ',Meiryo,Helvetica,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック',Arial,sans-serif; *font-size: small; *font: x-small; }

.ui-dialog.credit-card-information-dialog div { box-sizing: border-box; }

.ui-dialog.credit-card-information-dialog .ui-dialog-buttonpane { margin: 0; }

.ui-dialog.credit-card-information-dialog .ui-dialog-content { padding: 0.5em 1em 2em 1em; }